@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.mjs
CHANGED
|
@@ -134,7 +134,7 @@ var node_crypto = require('node:crypto');
|
|
|
134
134
|
const NAMESPACE = 'post-components';
|
|
135
135
|
const BUILD = /* post-components */ { hotModuleReplacement: false, hydratedSelectorName: "data-hydrated", slotRelocation: true, state: true, updatable: true};
|
|
136
136
|
|
|
137
|
-
const globalStyles = ":where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:hidden}@media (scripting: none){:where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:visible}}post-accordion:not([multiple]):not(:has([collapsed]))>post-accordion-item~post-accordion-item{--post-collapsible-initial-height:0;--post-collapsible-initial-overflow:hidden;--post-accordion-icon-initial-transform:rotate(-180deg)}post-number-input input
|
|
137
|
+
const globalStyles = ":where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-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}";
|
|
138
138
|
|
|
139
139
|
/*
|
|
140
140
|
Stencil Hydrate Platform v4.41.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -5094,7 +5094,7 @@ var setScopedSSR = (opts) => {
|
|
|
5094
5094
|
var needsScopedSSR = () => scopedSSR;
|
|
5095
5095
|
var scopedSSR = false;
|
|
5096
5096
|
|
|
5097
|
-
const version$1 = "10.0.0-next.
|
|
5097
|
+
const version$1 = "10.0.0-next.67";
|
|
5098
5098
|
|
|
5099
5099
|
const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
|
|
5100
5100
|
|
|
@@ -5122,7 +5122,7 @@ const ANIMATION_KEYS = [
|
|
|
5122
5122
|
'throb',
|
|
5123
5123
|
];
|
|
5124
5124
|
|
|
5125
|
-
const EMPTY_VALUES = [undefined, null, '', NaN];
|
|
5125
|
+
const EMPTY_VALUES = [undefined, null, '', Number.NaN];
|
|
5126
5126
|
|
|
5127
5127
|
function isValueEmpty(value) {
|
|
5128
5128
|
return EMPTY_VALUES.some(v => Object.is(v, value));
|
|
@@ -5201,7 +5201,7 @@ function checkDate(component, prop) {
|
|
|
5201
5201
|
return;
|
|
5202
5202
|
}
|
|
5203
5203
|
const date = new Date(value);
|
|
5204
|
-
if (isNaN(date.getTime())) {
|
|
5204
|
+
if (Number.isNaN(date.getTime())) {
|
|
5205
5205
|
console.error(message);
|
|
5206
5206
|
}
|
|
5207
5207
|
}
|
|
@@ -5220,7 +5220,7 @@ function isIsoDate(value) {
|
|
|
5220
5220
|
if (!ISO_REGEX.test(value))
|
|
5221
5221
|
return false;
|
|
5222
5222
|
const date = new Date(value); // strict UTC parsing
|
|
5223
|
-
if (isNaN(date.getTime()))
|
|
5223
|
+
if (Number.isNaN(date.getTime()))
|
|
5224
5224
|
return false;
|
|
5225
5225
|
// Roundtrip comparison to catch auto-corrected dates
|
|
5226
5226
|
// Use UTC getters to match the UTC parsing above - no timezone shift
|
|
@@ -5249,54 +5249,6 @@ const checkRequiredAndPattern = requiredAnd(checkPattern);
|
|
|
5249
5249
|
const checkRequiredAndType = requiredAnd(checkType);
|
|
5250
5250
|
const checkRequiredAndUrl = requiredAnd(checkUrl);
|
|
5251
5251
|
|
|
5252
|
-
/**
|
|
5253
|
-
* Environment detection helper
|
|
5254
|
-
*
|
|
5255
|
-
* Goal: Distinguish between real browser execution and Stencil's server-side
|
|
5256
|
-
* hydration context. During SSR/hydration Stencil provides a mocked `window`
|
|
5257
|
-
* (Domino / JSDOM–like) so naive checks (e.g. `typeof window !== 'undefined'`)
|
|
5258
|
-
* incorrectly classify the environment as a browser.
|
|
5259
|
-
*
|
|
5260
|
-
* Detection strategy:
|
|
5261
|
-
* - Stencils hydrate context uses a hardcoded user agent string ('MockNavigator')
|
|
5262
|
-
* and origin ('http://mockdoc.stenciljs.com') for its mocked `window` object.
|
|
5263
|
-
* We can use this to identify the hydrate context.
|
|
5264
|
-
* - Stencils unit test context also uses the same hardcoded user agent string,
|
|
5265
|
-
* but a differnet value for the origin.
|
|
5266
|
-
* That's why comparing the origin is aboslutely mandatory.
|
|
5267
|
-
* - Since we test the hydrate app in the test context, the origin is getting
|
|
5268
|
-
* overwritten by the test setup, leading to a false positive in the
|
|
5269
|
-
* `isHydrateApp` detection.
|
|
5270
|
-
* To circumvent this, we use a global flag (`isHydrateAppTestEnv`),
|
|
5271
|
-
* that we set/reset during the server test, so we can correctly identify
|
|
5272
|
-
* the hydrate app in the test context.
|
|
5273
|
-
* As a drawback, we can't properly test if the hydrate app is detected as
|
|
5274
|
-
* expected, in a real world scenario (elsewhere than in our tests).
|
|
5275
|
-
*/
|
|
5276
|
-
const MOCKED_USERAGENT = 'MockNavigator';
|
|
5277
|
-
const MOCKED_ORIGIN = 'http://mockdoc.stenciljs.com';
|
|
5278
|
-
const isNodeEnv = typeof global !== 'undefined';
|
|
5279
|
-
const hasWindow$1 = typeof window !== 'undefined';
|
|
5280
|
-
const isMockedUserAgent = hasWindow$1 && window.navigator.userAgent === MOCKED_USERAGENT;
|
|
5281
|
-
const isMockedOrigin = hasWindow$1 && window.location.origin === MOCKED_ORIGIN;
|
|
5282
|
-
/**
|
|
5283
|
-
* This is the natural hydrate app environment
|
|
5284
|
-
* Is `true` if the hydrate app runs on server
|
|
5285
|
-
*/
|
|
5286
|
-
const isHydrateAppEnv = isNodeEnv && isMockedUserAgent && isMockedOrigin;
|
|
5287
|
-
/**
|
|
5288
|
-
* This is the test app server test env
|
|
5289
|
-
* Is `true` if the server unit test runs (`false` if the browser unit test runs)
|
|
5290
|
-
*/
|
|
5291
|
-
const isTestAppServerTestEnv = isNodeEnv && isMockedUserAgent && global.IS_HYDRATEAPP_SERVERTEST;
|
|
5292
|
-
/**
|
|
5293
|
-
* This is the final hydrate app flag
|
|
5294
|
-
* if it`s `true`, IS_BROWSER equals `false` and IS_SERVER equals `true
|
|
5295
|
-
*/
|
|
5296
|
-
const isHydrateApp = isHydrateAppEnv || isTestAppServerTestEnv;
|
|
5297
|
-
const IS_BROWSER = hasWindow$1 && !isHydrateApp;
|
|
5298
|
-
const IS_SERVER = !IS_BROWSER;
|
|
5299
|
-
|
|
5300
5252
|
/* eslint-disable no-undefined,no-param-reassign,no-shadow */
|
|
5301
5253
|
|
|
5302
5254
|
/**
|
|
@@ -5466,6 +5418,7 @@ class Breakpoint {
|
|
|
5466
5418
|
{ key: 'sm', device: 'tablet', minWidth: 600 },
|
|
5467
5419
|
{ key: 'xs', device: 'mobile', minWidth: 0 },
|
|
5468
5420
|
];
|
|
5421
|
+
this.resizeObserver = new ResizeObserver(() => this.updateCurrentBreakpoint());
|
|
5469
5422
|
this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
|
|
5470
5423
|
const previousBreakpoint = this.currentBreakpoint;
|
|
5471
5424
|
const newBreakpoint = this.breakpoints.find(breakpoint => {
|
|
@@ -5480,15 +5433,10 @@ class Breakpoint {
|
|
|
5480
5433
|
.filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
|
|
5481
5434
|
.forEach((key) => this.dispatchEvent(key));
|
|
5482
5435
|
});
|
|
5483
|
-
|
|
5484
|
-
return;
|
|
5485
|
-
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
5486
|
-
window.addEventListener('resize', () => this.updateCurrentBreakpoint(), { passive: true });
|
|
5436
|
+
return;
|
|
5487
5437
|
}
|
|
5488
5438
|
dispatchEvent(property) {
|
|
5489
|
-
|
|
5490
|
-
return;
|
|
5491
|
-
window.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
|
|
5439
|
+
return;
|
|
5492
5440
|
}
|
|
5493
5441
|
get(property) {
|
|
5494
5442
|
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
@@ -5651,7 +5599,7 @@ function findClosestParentWithTag(element, tagName) {
|
|
|
5651
5599
|
* So use it for example in the componentDidLoad lifecycle hook.
|
|
5652
5600
|
*/
|
|
5653
5601
|
function getRoot(element) {
|
|
5654
|
-
const root =
|
|
5602
|
+
const root = element;
|
|
5655
5603
|
if (root instanceof Document || root instanceof ShadowRoot) {
|
|
5656
5604
|
return root;
|
|
5657
5605
|
}
|
|
@@ -5696,7 +5644,7 @@ function getDeepFocusableChildren(el, filter, visited = new Set()) {
|
|
|
5696
5644
|
// SLOT
|
|
5697
5645
|
if (el instanceof HTMLSlotElement) {
|
|
5698
5646
|
const assigned = el.assignedElements({ flatten: true });
|
|
5699
|
-
nodes = assigned.length ? assigned : Array.from(el.children);
|
|
5647
|
+
nodes = assigned.length > 0 ? assigned : Array.from(el.children);
|
|
5700
5648
|
}
|
|
5701
5649
|
// SHADOW ROOT
|
|
5702
5650
|
else if (el instanceof HTMLElement && el.shadowRoot) {
|
|
@@ -5729,8 +5677,8 @@ function isFocusBlockedByCSS(el) {
|
|
|
5729
5677
|
if (typeof el.checkVisibility === 'function') {
|
|
5730
5678
|
return !el.checkVisibility({ visibilityProperty: true });
|
|
5731
5679
|
}
|
|
5732
|
-
const style =
|
|
5733
|
-
if (style.display === 'none' || style.visibility !== 'visible') {
|
|
5680
|
+
const style = el.ownerDocument?.defaultView?.getComputedStyle(el);
|
|
5681
|
+
if (!style || style.display === 'none' || style.visibility !== 'visible') {
|
|
5734
5682
|
return true;
|
|
5735
5683
|
}
|
|
5736
5684
|
if (el.parentElement) {
|
|
@@ -5754,21 +5702,17 @@ function getSlottedElement(host, selector) {
|
|
|
5754
5702
|
return null;
|
|
5755
5703
|
}
|
|
5756
5704
|
|
|
5757
|
-
function isMotionReduced() {
|
|
5758
|
-
return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
|
|
5759
|
-
}
|
|
5760
|
-
|
|
5761
5705
|
function repeatOnLongPress(callback, options) {
|
|
5762
5706
|
const stop = repeat(callback, options);
|
|
5763
5707
|
const handler = () => {
|
|
5764
5708
|
stop();
|
|
5765
|
-
|
|
5766
|
-
|
|
5767
|
-
|
|
5709
|
+
globalThis.removeEventListener('pointerup', handler);
|
|
5710
|
+
globalThis.removeEventListener('pointercancel', handler);
|
|
5711
|
+
globalThis.removeEventListener('pointerleave', handler);
|
|
5768
5712
|
};
|
|
5769
|
-
|
|
5770
|
-
|
|
5771
|
-
|
|
5713
|
+
globalThis.addEventListener('pointerup', handler);
|
|
5714
|
+
globalThis.addEventListener('pointercancel', handler);
|
|
5715
|
+
globalThis.addEventListener('pointerleave', handler);
|
|
5772
5716
|
}
|
|
5773
5717
|
function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
5774
5718
|
callback(); // immediate action
|
|
@@ -5785,7 +5729,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
|
5785
5729
|
|
|
5786
5730
|
const postAccordionCss = () => `:host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}`;
|
|
5787
5731
|
|
|
5788
|
-
var __decorate$
|
|
5732
|
+
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5789
5733
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5790
5734
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
5791
5735
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -5856,7 +5800,7 @@ class PostAccordion {
|
|
|
5856
5800
|
if (this.multiple) {
|
|
5857
5801
|
await Promise.all(this.accordionItems.map(item => item.toggle(true)));
|
|
5858
5802
|
}
|
|
5859
|
-
else if (
|
|
5803
|
+
else if (this.expandedItems.size === 0) {
|
|
5860
5804
|
await this.accordionItems[0].toggle(true);
|
|
5861
5805
|
}
|
|
5862
5806
|
}
|
|
@@ -5881,7 +5825,7 @@ class PostAccordion {
|
|
|
5881
5825
|
});
|
|
5882
5826
|
}
|
|
5883
5827
|
render() {
|
|
5884
|
-
return (hAsync(Host, { key: '
|
|
5828
|
+
return (hAsync(Host, { key: 'fa37ee5b4611a84d273229955bcf624e53120022', "data-version": version$1 }, hAsync("div", { key: '0884dc3582eb768c6dd4959168d7e9a9b4195c3c', class: "accordion" }, hAsync("slot", { key: 'f6d81d89aca513094ac5c1d531ed9d63f7b93730', onSlotchange: () => this.registerAccordionItems() }))));
|
|
5885
5829
|
}
|
|
5886
5830
|
get host() { return getElement(this); }
|
|
5887
5831
|
static get watchers() { return {
|
|
@@ -5905,7 +5849,7 @@ class PostAccordion {
|
|
|
5905
5849
|
"$attrsToReflect$": [["headingLevel", "heading-level"], ["multiple", "multiple"]]
|
|
5906
5850
|
}; }
|
|
5907
5851
|
}
|
|
5908
|
-
__decorate$
|
|
5852
|
+
__decorate$8([
|
|
5909
5853
|
EventFrom('post-accordion-item')
|
|
5910
5854
|
], PostAccordion.prototype, "collapseToggleHandler", null);
|
|
5911
5855
|
|
|
@@ -5936,7 +5880,7 @@ function nanoid(size = 21) {
|
|
|
5936
5880
|
|
|
5937
5881
|
const postAccordionItemCss = () => `:host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}`;
|
|
5938
5882
|
|
|
5939
|
-
var __decorate$
|
|
5883
|
+
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5940
5884
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5941
5885
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
5942
5886
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6016,10 +5960,199 @@ class PostAccordionItem {
|
|
|
6016
5960
|
"$attrsToReflect$": [["collapsed", "collapsed"]]
|
|
6017
5961
|
}; }
|
|
6018
5962
|
}
|
|
6019
|
-
__decorate$
|
|
5963
|
+
__decorate$7([
|
|
6020
5964
|
EventFrom('post-accordion-item')
|
|
6021
5965
|
], PostAccordionItem.prototype, "onCollapseToggle", null);
|
|
6022
5966
|
|
|
5967
|
+
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}`;
|
|
5968
|
+
|
|
5969
|
+
/**
|
|
5970
|
+
* @slot default - Slot for placing post-autocomplete-item components.
|
|
5971
|
+
*/
|
|
5972
|
+
class PostAutocomplete {
|
|
5973
|
+
constructor(hostRef) {
|
|
5974
|
+
registerInstance(this, hostRef);
|
|
5975
|
+
this.postFilteringEvent = createEvent(this, "postFilteringEvent");
|
|
5976
|
+
this.debouncedHandleInput = debounce((event) => this.handleInput(event), 250);
|
|
5977
|
+
/** Number of characters to type before filtering methods are called */
|
|
5978
|
+
this.filterThreshold = 0;
|
|
5979
|
+
/** Show or hide the clear button */
|
|
5980
|
+
this.clearable = false;
|
|
5981
|
+
this.inputValue = '';
|
|
5982
|
+
this.handleOnBlur = () => {
|
|
5983
|
+
this.inputElement.value = this.inputValue;
|
|
5984
|
+
this.listBoxElement.filter('');
|
|
5985
|
+
this.hideListBox();
|
|
5986
|
+
};
|
|
5987
|
+
this.handleInput = (event) => {
|
|
5988
|
+
if (!this.listBoxElement)
|
|
5989
|
+
return;
|
|
5990
|
+
const value = event.target.value.trim();
|
|
5991
|
+
const query = value.length >= this.filterThreshold ? value : '';
|
|
5992
|
+
// Allow for consuming parent to handle filtering (e.g. for async data) and prevent default filtering behavior
|
|
5993
|
+
const { defaultPrevented } = this.postFilteringEvent.emit(query && query.length >= this.filterThreshold ? query : '');
|
|
5994
|
+
if (defaultPrevented)
|
|
5995
|
+
return;
|
|
5996
|
+
this.listBoxElement.filter(query);
|
|
5997
|
+
if (query) {
|
|
5998
|
+
this.showListBox();
|
|
5999
|
+
}
|
|
6000
|
+
else {
|
|
6001
|
+
this.inputValue = '';
|
|
6002
|
+
}
|
|
6003
|
+
};
|
|
6004
|
+
this.handleKeyDown = (event) => {
|
|
6005
|
+
const { key, altKey } = event;
|
|
6006
|
+
switch (key) {
|
|
6007
|
+
case 'ArrowDown':
|
|
6008
|
+
event.preventDefault();
|
|
6009
|
+
this.showListBox();
|
|
6010
|
+
if (!altKey) {
|
|
6011
|
+
this.listBoxElement.navigate('down');
|
|
6012
|
+
}
|
|
6013
|
+
break;
|
|
6014
|
+
case 'ArrowUp':
|
|
6015
|
+
event.preventDefault();
|
|
6016
|
+
this.listBoxElement.navigate('up');
|
|
6017
|
+
break;
|
|
6018
|
+
case 'Enter':
|
|
6019
|
+
if (this.listBoxElement.hidden)
|
|
6020
|
+
return;
|
|
6021
|
+
event.preventDefault();
|
|
6022
|
+
this.listBoxElement.selectActive();
|
|
6023
|
+
this.hideListBox();
|
|
6024
|
+
break;
|
|
6025
|
+
case 'Escape':
|
|
6026
|
+
this.hideListBox();
|
|
6027
|
+
break;
|
|
6028
|
+
case 'Tab':
|
|
6029
|
+
this.listBoxElement.selectActive();
|
|
6030
|
+
this.hideListBox();
|
|
6031
|
+
break;
|
|
6032
|
+
case 'Home':
|
|
6033
|
+
event.preventDefault();
|
|
6034
|
+
this.listBoxElement.navigate('first');
|
|
6035
|
+
break;
|
|
6036
|
+
case 'End':
|
|
6037
|
+
event.preventDefault();
|
|
6038
|
+
this.listBoxElement.navigate('last');
|
|
6039
|
+
break;
|
|
6040
|
+
}
|
|
6041
|
+
};
|
|
6042
|
+
this.handleOptionSelected = (e) => {
|
|
6043
|
+
const value = e.detail;
|
|
6044
|
+
this.inputElement.value = value;
|
|
6045
|
+
this.inputValue = value;
|
|
6046
|
+
this.hideListBox();
|
|
6047
|
+
};
|
|
6048
|
+
this.handleOptionActive = (e) => {
|
|
6049
|
+
const value = e.detail;
|
|
6050
|
+
if (value) {
|
|
6051
|
+
this.inputElement.setAttribute('aria-activedescendant', value);
|
|
6052
|
+
}
|
|
6053
|
+
else {
|
|
6054
|
+
this.inputElement.removeAttribute('aria-activedescendant');
|
|
6055
|
+
}
|
|
6056
|
+
};
|
|
6057
|
+
this.hideListBox = () => {
|
|
6058
|
+
this.listBoxElement.hide();
|
|
6059
|
+
this.inputElement.ariaExpanded = 'false';
|
|
6060
|
+
this.host.removeAttribute('open');
|
|
6061
|
+
this.inputElement.removeAttribute('aria-activedescendant');
|
|
6062
|
+
};
|
|
6063
|
+
this.showListBox = () => {
|
|
6064
|
+
this.listBoxElement.show();
|
|
6065
|
+
this.inputElement.ariaExpanded = 'true';
|
|
6066
|
+
this.host.setAttribute('open', '');
|
|
6067
|
+
};
|
|
6068
|
+
this.clearInput = () => {
|
|
6069
|
+
if (this.inputElement) {
|
|
6070
|
+
this.inputElement.value = '';
|
|
6071
|
+
this.inputValue = '';
|
|
6072
|
+
this.listBoxElement.clearSelection();
|
|
6073
|
+
this.hideListBox();
|
|
6074
|
+
}
|
|
6075
|
+
};
|
|
6076
|
+
}
|
|
6077
|
+
get inputElement() {
|
|
6078
|
+
return this.host.querySelector('input');
|
|
6079
|
+
}
|
|
6080
|
+
get listBoxElement() {
|
|
6081
|
+
if (this.listbox) {
|
|
6082
|
+
return document.getElementById(this.listbox);
|
|
6083
|
+
}
|
|
6084
|
+
else {
|
|
6085
|
+
return this.host.querySelector('post-listbox');
|
|
6086
|
+
}
|
|
6087
|
+
}
|
|
6088
|
+
componentWillLoad() {
|
|
6089
|
+
if (!this.inputElement)
|
|
6090
|
+
return;
|
|
6091
|
+
this.inputElement.role = 'combobox';
|
|
6092
|
+
this.inputElement.ariaAutoComplete = 'list';
|
|
6093
|
+
if (!this.listBoxElement)
|
|
6094
|
+
return;
|
|
6095
|
+
if (!this.listBoxElement.id)
|
|
6096
|
+
this.listBoxElement.id = crypto.randomUUID();
|
|
6097
|
+
this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
|
|
6098
|
+
this.inputElement.setAttribute('aria-expanded', 'false');
|
|
6099
|
+
// Because we're handling that and the browser would show a duplicate native autocomplete dropdown
|
|
6100
|
+
this.inputElement.autocomplete = 'off';
|
|
6101
|
+
this.attachInputListeners();
|
|
6102
|
+
this.attachListboxListeners();
|
|
6103
|
+
}
|
|
6104
|
+
disconnectedCallback() {
|
|
6105
|
+
this.detachInputListeners();
|
|
6106
|
+
this.detachListboxListeners();
|
|
6107
|
+
}
|
|
6108
|
+
attachInputListeners() {
|
|
6109
|
+
if (this.inputElement) {
|
|
6110
|
+
this.inputElement.addEventListener('input', this.debouncedHandleInput);
|
|
6111
|
+
this.inputElement.addEventListener('keydown', this.handleKeyDown);
|
|
6112
|
+
this.inputElement.addEventListener('blur', this.handleOnBlur);
|
|
6113
|
+
this.inputElement.addEventListener('click', this.showListBox);
|
|
6114
|
+
}
|
|
6115
|
+
}
|
|
6116
|
+
detachInputListeners() {
|
|
6117
|
+
if (this.inputElement) {
|
|
6118
|
+
this.inputElement.removeEventListener('input', this.debouncedHandleInput);
|
|
6119
|
+
this.inputElement.removeEventListener('keydown', this.handleKeyDown);
|
|
6120
|
+
this.inputElement.removeEventListener('blur', this.handleOnBlur);
|
|
6121
|
+
this.inputElement.removeEventListener('click', this.showListBox);
|
|
6122
|
+
}
|
|
6123
|
+
}
|
|
6124
|
+
attachListboxListeners() {
|
|
6125
|
+
if (this.listBoxElement) {
|
|
6126
|
+
this.listBoxElement.addEventListener('postOptionSelected', this.handleOptionSelected);
|
|
6127
|
+
this.listBoxElement.addEventListener('postOptionActive', this.handleOptionActive);
|
|
6128
|
+
}
|
|
6129
|
+
}
|
|
6130
|
+
detachListboxListeners() {
|
|
6131
|
+
if (this.listBoxElement) {
|
|
6132
|
+
this.listBoxElement.removeEventListener('postOptionSelected', this.handleOptionSelected);
|
|
6133
|
+
this.listBoxElement.removeEventListener('postOptionActive', this.handleOptionActive);
|
|
6134
|
+
}
|
|
6135
|
+
}
|
|
6136
|
+
render() {
|
|
6137
|
+
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" })));
|
|
6138
|
+
}
|
|
6139
|
+
get host() { return getElement(this); }
|
|
6140
|
+
static get style() { return postAutocompleteCss(); }
|
|
6141
|
+
static get cmpMeta() { return {
|
|
6142
|
+
"$flags$": 265,
|
|
6143
|
+
"$tagName$": "post-autocomplete",
|
|
6144
|
+
"$members$": {
|
|
6145
|
+
"filterThreshold": [514, "filter-threshold"],
|
|
6146
|
+
"clearable": [516],
|
|
6147
|
+
"listbox": [513],
|
|
6148
|
+
"inputValue": [32]
|
|
6149
|
+
},
|
|
6150
|
+
"$listeners$": undefined,
|
|
6151
|
+
"$lazyBundleId$": "-",
|
|
6152
|
+
"$attrsToReflect$": [["filterThreshold", "filter-threshold"], ["clearable", "clearable"], ["listbox", "listbox"]]
|
|
6153
|
+
}; }
|
|
6154
|
+
}
|
|
6155
|
+
|
|
6023
6156
|
// https://docs.gravatar.com/api/avatars/images/
|
|
6024
6157
|
const GRAVATAR_DEFAULT = '404';
|
|
6025
6158
|
const GRAVATAR_RATING = 'g';
|
|
@@ -6178,13 +6311,13 @@ class PostAvatar {
|
|
|
6178
6311
|
this.validateEmail();
|
|
6179
6312
|
}
|
|
6180
6313
|
render() {
|
|
6181
|
-
const names = [this.firstname, this.lastname].filter(
|
|
6314
|
+
const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
|
|
6182
6315
|
const initials = names
|
|
6183
6316
|
.map(n => n.charAt(0))
|
|
6184
6317
|
.join('')
|
|
6185
6318
|
.trim();
|
|
6186
6319
|
const fullname = names.join(' ');
|
|
6187
|
-
return (hAsync(Host, { key: '
|
|
6320
|
+
return (hAsync(Host, { key: '56547a49f35e2d9ebafa54c2736b2ab60761c07b', "data-version": version$1 }, hAsync("span", { key: '864c5ab36c64bb440580ed307ce2f3dcefe2839d', class: this.avatarType === 'slotted' ? '' : 'd-none' }, hAsync("slot", { key: 'cb06a958dc710675a97d197bffcee6ab742ad391', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && hAsync("img", { key: 'abb6262b43b5fc5e2a7e4147c2375c6c623b5bf5', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (hAsync("span", { key: '8bead70c99c12f3bbaab414e9431c3459553d36e', class: "initials" }, initials, hAsync("span", { key: '45db185da4d9d82b1f08650f4dc40cd759e18c00' }, this.description ?? fullname)))));
|
|
6188
6321
|
}
|
|
6189
6322
|
get host() { return getElement(this); }
|
|
6190
6323
|
static get watchers() { return {
|
|
@@ -6325,7 +6458,7 @@ class PostBackToTop {
|
|
|
6325
6458
|
}
|
|
6326
6459
|
animateButton() {
|
|
6327
6460
|
// Get the back-to-top button top postiion
|
|
6328
|
-
const positionTop =
|
|
6461
|
+
const positionTop = globalThis.getComputedStyle(this.host).getPropertyValue('top');
|
|
6329
6462
|
const buttonElement = this.host.shadowRoot.querySelector('button');
|
|
6330
6463
|
// Extract the elevation height from the back-to-top button elevation token
|
|
6331
6464
|
const elevation = getComputedStyle(buttonElement).getPropertyValue('--post-back-to-top-elevation');
|
|
@@ -6336,8 +6469,8 @@ class PostBackToTop {
|
|
|
6336
6469
|
// The translateY is calculated as => -100% (btt button height) - topPosition - elevationHeight
|
|
6337
6470
|
this.translateY =
|
|
6338
6471
|
(-1 * 100) / 100 -
|
|
6339
|
-
parseFloat(positionTop.replace('px', '')) -
|
|
6340
|
-
parseFloat(elevationHeight.replace('px', ''));
|
|
6472
|
+
Number.parseFloat(positionTop.replace('px', '')) -
|
|
6473
|
+
Number.parseFloat(elevationHeight.replace('px', ''));
|
|
6341
6474
|
if (this.belowFold) {
|
|
6342
6475
|
fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
|
|
6343
6476
|
}
|
|
@@ -6358,7 +6491,7 @@ class PostBackToTop {
|
|
|
6358
6491
|
window.removeEventListener('scroll', this.handleScroll);
|
|
6359
6492
|
}
|
|
6360
6493
|
render() {
|
|
6361
|
-
return (hAsync(Host, { key: '
|
|
6494
|
+
return (hAsync(Host, { key: '61eb934495029c80935798908bec448664008db0', "data-version": version$1 }, hAsync("button", { key: 'e7b8b9df30aa1bedef8aae8a5db800bb638c8bf7', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, hAsync("post-icon", { key: '34d23e7069de235f64743cc791c98034bbf14b5f', "aria-hidden": "true", name: "arrowup" }), hAsync("span", { key: '7479cc95e9e2825455fd8a7e69085ccedc73cb35', class: "visually-hidden" }, this.textBackToTop))));
|
|
6362
6495
|
}
|
|
6363
6496
|
get host() { return getElement(this); }
|
|
6364
6497
|
static get watchers() { return {
|
|
@@ -6435,7 +6568,7 @@ const BANNER_TYPES = ['success', 'warning', 'error', 'info'];
|
|
|
6435
6568
|
|
|
6436
6569
|
const postBannerCss = () => `:host{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;row-gap:var(--post-device-spacing-gap-block-1);min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));padding:var(--post-device-spacing-padding-10);padding-inline-start:calc( var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6) );color:var(--post-current-fg);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-2);box-shadow:var(--post-device-elevation-100);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);inset-block-start:var(--post-device-spacing-padding-10);inset-inline-start:var(--post-device-spacing-padding-10);background-image:var(--post-signal-icon-info)}:host([type=info]){background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host([type=info])::before{background-image:var(--post-signal-icon-info)}:host([type=success]){background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke)}:host([type=success])::before{background-image:var(--post-signal-icon-success)}:host([type=warning]){background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke)}:host([type=warning])::before{background-image:var(--post-signal-icon-warning)}:host([type=error]){background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke)}:host([type=error])::before{background-image:var(--post-signal-icon-error)}.actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 0)and (max-width: 599.98px){.actions{flex-direction:column;align-items:stretch}}::slotted(*){margin-block:0 !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-color:CanvasText}:host::before{color:CanvasText}}`;
|
|
6437
6570
|
|
|
6438
|
-
var __decorate$
|
|
6571
|
+
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6439
6572
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6440
6573
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6441
6574
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6491,7 +6624,7 @@ class PostBanner {
|
|
|
6491
6624
|
this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
|
|
6492
6625
|
}
|
|
6493
6626
|
render() {
|
|
6494
|
-
return (hAsync(Host, { key: '
|
|
6627
|
+
return (hAsync(Host, { key: 'aba639e5ce3ebc0498437f4011ff4b39e41489ee', "data-version": version$1, role: "alert", "data-color-scheme": "light" }, hAsync("slot", { key: 'cd81197f4a8aecbec482bbc174783ad1d00fd5eb', name: "close-button" }), hAsync("slot", { key: 'be9fd011e9d17207e1cb56dea3dcfd4481a4c31c', name: "heading" }), hAsync("slot", { key: 'a06e94c05e4cfe4bbb1bdccf29fdc75ed67828ca' }), this.hasActions && (hAsync("div", { key: '3ce94c84ea3eeda53694809432059b05b53c7cde', class: "actions" }, hAsync("slot", { key: 'a33798352de63a23cfa77bbd9be58a8cc5585121', name: "actions" })))));
|
|
6495
6628
|
}
|
|
6496
6629
|
get host() { return getElement(this); }
|
|
6497
6630
|
static get watchers() { return {
|
|
@@ -6513,7 +6646,7 @@ class PostBanner {
|
|
|
6513
6646
|
"$attrsToReflect$": [["type", "type"]]
|
|
6514
6647
|
}; }
|
|
6515
6648
|
}
|
|
6516
|
-
__decorate$
|
|
6649
|
+
__decorate$6([
|
|
6517
6650
|
EventFrom('post-closebutton', { allowDescendants: true })
|
|
6518
6651
|
], PostBanner.prototype, "onCloseButtonClick", null);
|
|
6519
6652
|
|
|
@@ -6530,7 +6663,7 @@ class PostBreadcrumbItem {
|
|
|
6530
6663
|
try {
|
|
6531
6664
|
this.validUrl = this.constructUrl(this.url);
|
|
6532
6665
|
}
|
|
6533
|
-
catch
|
|
6666
|
+
catch {
|
|
6534
6667
|
this.validUrl = undefined;
|
|
6535
6668
|
}
|
|
6536
6669
|
}
|
|
@@ -6538,7 +6671,7 @@ class PostBreadcrumbItem {
|
|
|
6538
6671
|
constructUrl(value) {
|
|
6539
6672
|
const hasBaseURL = /^https?:\/\//.test(String(this.url));
|
|
6540
6673
|
if (typeof value === 'string') {
|
|
6541
|
-
this.fullUrl = hasBaseURL ? value : `${
|
|
6674
|
+
this.fullUrl = hasBaseURL ? value : `${globalThis.location.origin}${value}`;
|
|
6542
6675
|
checkEmptyOrUrl(this, 'fullUrl');
|
|
6543
6676
|
return this.fullUrl;
|
|
6544
6677
|
}
|
|
@@ -6558,7 +6691,7 @@ class PostBreadcrumbItem {
|
|
|
6558
6691
|
}
|
|
6559
6692
|
render() {
|
|
6560
6693
|
const BreadcrumbTag = this.validUrl ? 'a' : 'span';
|
|
6561
|
-
return (hAsync(Host, { key: '
|
|
6694
|
+
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' }))));
|
|
6562
6695
|
}
|
|
6563
6696
|
get host() { return getElement(this); }
|
|
6564
6697
|
static get watchers() { return {
|
|
@@ -6635,7 +6768,7 @@ class PostBreadcrumbs {
|
|
|
6635
6768
|
text: item.textContent || '',
|
|
6636
6769
|
url: item.getAttribute('url') || '',
|
|
6637
6770
|
}));
|
|
6638
|
-
this.lastItem = this.breadcrumbItems
|
|
6771
|
+
this.lastItem = this.breadcrumbItems.at(-1);
|
|
6639
6772
|
}
|
|
6640
6773
|
// Determines parent width for concatenation logic
|
|
6641
6774
|
getParentWidth() {
|
|
@@ -6670,7 +6803,7 @@ class PostBreadcrumbs {
|
|
|
6670
6803
|
}
|
|
6671
6804
|
render() {
|
|
6672
6805
|
const visibleItems = this.breadcrumbItems.slice(0, -1);
|
|
6673
|
-
return (hAsync(Host, { key: '
|
|
6806
|
+
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 => {
|
|
6674
6807
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
6675
6808
|
e.preventDefault();
|
|
6676
6809
|
this.handleBreadcrumbItemClick();
|
|
@@ -6681,7 +6814,7 @@ class PostBreadcrumbs {
|
|
|
6681
6814
|
linkElement?.click();
|
|
6682
6815
|
e.preventDefault();
|
|
6683
6816
|
}
|
|
6684
|
-
} }, item.url ? hAsync("a", { href: item.url }, item.text) : hAsync("span", null, item.text)))))))) : (visibleItems.map(item => (hAsync("li", null, hAsync("post-breadcrumb-item", { url: item.url, key: item.url || item.text }, item.text))))), this.lastItem && (hAsync("li", { key: '
|
|
6817
|
+
} }, 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)))))));
|
|
6685
6818
|
}
|
|
6686
6819
|
get host() { return getElement(this); }
|
|
6687
6820
|
static get watchers() { return {
|
|
@@ -6776,7 +6909,7 @@ class PostClosebutton {
|
|
|
6776
6909
|
}
|
|
6777
6910
|
}
|
|
6778
6911
|
render() {
|
|
6779
|
-
return (hAsync(Host, { key: '
|
|
6912
|
+
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' })))));
|
|
6780
6913
|
}
|
|
6781
6914
|
get host() { return getElement(this); }
|
|
6782
6915
|
static get watchers() { return {
|
|
@@ -6805,24 +6938,7 @@ class PostClosebutton {
|
|
|
6805
6938
|
}; }
|
|
6806
6939
|
}
|
|
6807
6940
|
|
|
6808
|
-
const collapseDuration = 350;
|
|
6809
|
-
const collapseEasing = 'ease';
|
|
6810
6941
|
const collapsedKeyframe = { height: '0', overflow: 'hidden' };
|
|
6811
|
-
const animationOptions = {
|
|
6812
|
-
duration: isMotionReduced() ? 0 : collapseDuration,
|
|
6813
|
-
easing: collapseEasing,
|
|
6814
|
-
fill: 'forwards',
|
|
6815
|
-
};
|
|
6816
|
-
function collapse(el) {
|
|
6817
|
-
const elHeight = IS_BROWSER ? window.getComputedStyle(el).height : `${el.scrollHeight}px`;
|
|
6818
|
-
const expandedKeyframe = { height: elHeight };
|
|
6819
|
-
return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
|
|
6820
|
-
}
|
|
6821
|
-
function expand(el) {
|
|
6822
|
-
const expandedKeyframe = { height: `${el.scrollHeight}px`, offset: 1 };
|
|
6823
|
-
const finalKeyframe = { height: 'auto', overflow: 'visible' };
|
|
6824
|
-
return el.animate([collapsedKeyframe, expandedKeyframe, finalKeyframe], animationOptions);
|
|
6825
|
-
}
|
|
6826
6942
|
|
|
6827
6943
|
const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
|
|
6828
6944
|
|
|
@@ -6862,13 +6978,6 @@ class PostCollapsible {
|
|
|
6862
6978
|
// due to its implementation with the getter, which returns !this.collapsed
|
|
6863
6979
|
this.collapsed = !shouldExpand;
|
|
6864
6980
|
const isExpanded = this.isExpanded;
|
|
6865
|
-
if (IS_BROWSER) {
|
|
6866
|
-
const animation = isExpanded ? expand(this.host) : collapse(this.host);
|
|
6867
|
-
this.postToggle.emit(isExpanded);
|
|
6868
|
-
await animation.finished;
|
|
6869
|
-
animation.commitStyles();
|
|
6870
|
-
this.updateTriggers();
|
|
6871
|
-
}
|
|
6872
6981
|
return isExpanded;
|
|
6873
6982
|
}
|
|
6874
6983
|
/**
|
|
@@ -6879,7 +6988,7 @@ class PostCollapsible {
|
|
|
6879
6988
|
triggers.forEach(trigger => trigger.update());
|
|
6880
6989
|
}
|
|
6881
6990
|
render() {
|
|
6882
|
-
return (hAsync(Host, { key: '
|
|
6991
|
+
return (hAsync(Host, { key: '56849ad4460bcc4467421845a0daafab39a6e9f1', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: '064efc18544babbeb1244f549790bc961451e9f0' })));
|
|
6883
6992
|
}
|
|
6884
6993
|
get host() { return getElement(this); }
|
|
6885
6994
|
static get watchers() { return {
|
|
@@ -6901,7 +7010,7 @@ class PostCollapsible {
|
|
|
6901
7010
|
}; }
|
|
6902
7011
|
}
|
|
6903
7012
|
|
|
6904
|
-
var __decorate$
|
|
7013
|
+
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6905
7014
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6906
7015
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6907
7016
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6998,7 +7107,7 @@ class PostCollapsibleTrigger {
|
|
|
6998
7107
|
this.updateAriaAttributes();
|
|
6999
7108
|
}
|
|
7000
7109
|
render() {
|
|
7001
|
-
return (hAsync(Host, { key: '
|
|
7110
|
+
return (hAsync(Host, { key: '73b39b4e52d0b57fbab787208926910e8cb6d9d3', "data-version": version$1 }, hAsync("slot", { key: '88642cdd88a2b4fd6d02e55023675f85d0bf6020' })));
|
|
7002
7111
|
}
|
|
7003
7112
|
get host() { return getElement(this); }
|
|
7004
7113
|
static get watchers() { return {
|
|
@@ -7018,7 +7127,7 @@ class PostCollapsibleTrigger {
|
|
|
7018
7127
|
"$attrsToReflect$": [["for", "for"]]
|
|
7019
7128
|
}; }
|
|
7020
7129
|
}
|
|
7021
|
-
__decorate$
|
|
7130
|
+
__decorate$5([
|
|
7022
7131
|
EventFrom('post-collapsible')
|
|
7023
7132
|
], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
|
|
7024
7133
|
|
|
@@ -10775,7 +10884,7 @@ const localesMap = {
|
|
|
10775
10884
|
it: localeIt,
|
|
10776
10885
|
};
|
|
10777
10886
|
|
|
10778
|
-
const postDatePickerCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;font-family:inherit;font-size:var(--post-device-font-size-8);width:var(--post-core-dimension-296);border-radius:var(--post-device-border-radius-1);box-shadow:var(--post-device-elevation-300);font-weight:700;border:none}.air-datepicker.-inline-{box-shadow:var(--post-device-elevation-300)}.air-datepicker *{font-family:inherit}.air-datepicker .air-datepicker--navigation{border-start-start-radius:inherit;border-start-end-radius:inherit}.air-datepicker .air-datepicker--navigation .air-datepicker-nav{border-start-start-radius:inherit;border-start-end-radius:inherit;border-block-end:none;background:var(--post-core-color-sandgrey-012);padding:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title{margin-right:auto;margin-inline-start:0;justify-content:flex-start;display:flex;align-items:center;padding:0 0 0 var(--post-device-spacing-padding-15);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title.-disabled-:hover{color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-1);display:flex;align-items:center;gap:var(--post-device-spacing-gap-3);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button[disabled]{color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title .placeholder{flex-grow:2;pointer-events:none}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action{height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action[data-action=next]{margin-inline-start:var(--post-device-spacing-gap-inline-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4);border-radius:var(--post-device-border-radius-round)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content{padding:0 !important}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names{background:var(--post-core-color-sandgrey-012);margin:0;padding-block-start:var(--post-device-spacing-padding-13);padding-block-end:var(--post-device-spacing-padding-5);padding-inline:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names .air-datepicker-body--day-name{text-transform:capitalize;font-size:inherit;color:var(--post-scheme-color-surface-brand-fg)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells{min-height:var(--post-core-dimension-182);padding:var(--post-device-spacing-padding-15);background:var(--post-scheme-color-surface-accent1-bg);row-gap:var(--post-device-spacing-gap-2);border-radius:var(--post-device-border-radius-1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--post-core-dimension-40));grid-auto-rows:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell>*{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::after{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-{width:var(--post-core-dimension-40);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-other-month-{pointer-events:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-).-current-{color:var(--post-scheme-color-interactive-primary-hover-fg1);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){z-index:2;color:var(--post-scheme-color-interactive-primary-selected-fg3);background:var(--post-scheme-color-interactive-primary-selected-bg4)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-):not(.-range-from-):not(.-range-to-,.-other-month-){border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-disabled-:not(.-other-month-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);width:var(--post-core-dimension-38);height:var(--post-core-dimension-38);outline:none;display:flex;align-self:center;justify-self:center}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-){border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke);z-index:2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-{background:var(--post-scheme-color-interactive-primary-selected-bg4);color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2);color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, var(--post-core-dimension-64));grid-auto-rows:var(--post-core-dimension-40);column-gap:var(--post-device-spacing-gap-inline-8)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){z-index:3}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-disabled-:not(.-day-.-other-decade-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, var(--post-core-dimension-64));padding:var(--post-device-spacing-padding-15);column-gap:var(--post-device-spacing-gap-inline-8);min-height:var(--post-core-dimension-182);text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-disabled-{user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-direction:column;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell.-focus-:hover{background:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-{position:relative}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::after{content:"";position:absolute;display:block;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before{z-index:-2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-radius:var(--post-device-border-radius-round);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{border:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{z-index:-1;border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-selected-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{forced-color-adjust:none;border-color:Highlight}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:hover::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):hover::after{background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{z-index:-2;background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-){color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{z-index:-1;background:var(--post-scheme-color-surface-accent1-bg);border-radius:var(--post-device-border-radius-round);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-).-selected-:not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-).-selected-:not(.-disabled-):hover{border:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{z-index:-1;border-radius:var(--post-device-border-radius-round);background:var(--post-scheme-color-interactive-primary-selected-bg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-::before{right:-1px;width:50%;background:linear-gradient(to right, transparent 50%, var(--post-scheme-color-interactive-primary-selected-bg3) 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-.-current-::before{right:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-::before{left:-1px;width:50%;background:linear-gradient(to right, var(--post-scheme-color-interactive-primary-selected-bg3) 50%, transparent 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-.-current-::before{left:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-range-from-:hover::before{background:none;border:none}.calendar-input,.calendar-input-range{position:relative}.calendar-input button,.calendar-input-range button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);outline-offset:4px;right:var(--post-core-dimension-14)}.calendar-input button post-icon,.calendar-input-range button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.calendar-input button:not([disabled]),.calendar-input-range button:not([disabled]){cursor:pointer}.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.calendar-input button[disabled],.calendar-input-range button[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}:host ::slotted(input.form-control:is(.is-invalid,.is-valid):not(:disabled)){background-position:top 50% right calc( var(--post-core-dimension-14) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) ) !important}`;
|
|
10887
|
+
const postDatePickerCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;font-family:inherit;font-size:var(--post-device-font-size-8);width:var(--post-core-dimension-296);border-radius:var(--post-device-border-radius-1);box-shadow:var(--post-device-elevation-300);font-weight:700;border:none}.air-datepicker.-inline-{box-shadow:var(--post-device-elevation-300)}.air-datepicker *{font-family:inherit}.air-datepicker .air-datepicker--navigation{border-start-start-radius:inherit;border-start-end-radius:inherit}.air-datepicker .air-datepicker--navigation .air-datepicker-nav{border-start-start-radius:inherit;border-start-end-radius:inherit;border-block-end:none;background:var(--post-core-color-sandgrey-012);padding:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title{margin-right:auto;margin-inline-start:0;justify-content:flex-start;display:flex;align-items:center;padding:0 0 0 var(--post-device-spacing-padding-15);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title.-disabled-:hover{color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-1);display:flex;align-items:center;gap:var(--post-device-spacing-gap-3);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button[disabled]{color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title .placeholder{flex-grow:2;pointer-events:none}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action{height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action[data-action=next]{margin-inline-start:var(--post-device-spacing-gap-inline-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4);border-radius:var(--post-device-border-radius-round)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content{padding:0 !important}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names{background:var(--post-core-color-sandgrey-012);margin:0;padding-block-start:var(--post-device-spacing-padding-13);padding-block-end:var(--post-device-spacing-padding-5);padding-inline:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names .air-datepicker-body--day-name{text-transform:capitalize;font-size:inherit;color:var(--post-scheme-color-surface-brand-fg)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells{min-height:var(--post-core-dimension-182);padding:var(--post-device-spacing-padding-15);background:var(--post-scheme-color-surface-accent1-bg);row-gap:var(--post-device-spacing-gap-2);border-radius:var(--post-device-border-radius-1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--post-core-dimension-40));grid-auto-rows:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell>*{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::after{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-{width:var(--post-core-dimension-40);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-other-month-{pointer-events:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-).-current-{color:var(--post-scheme-color-interactive-primary-hover-fg1);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){z-index:2;color:var(--post-scheme-color-interactive-primary-selected-fg3);background:var(--post-scheme-color-interactive-primary-selected-bg4)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-):not(.-range-from-):not(.-range-to-,.-other-month-){border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-disabled-:not(.-other-month-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);width:var(--post-core-dimension-38);height:var(--post-core-dimension-38);outline:none;display:flex;align-self:center;justify-self:center}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-){border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke);z-index:2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-{background:var(--post-scheme-color-interactive-primary-selected-bg4);color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2);color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, var(--post-core-dimension-64));grid-auto-rows:var(--post-core-dimension-40);column-gap:var(--post-device-spacing-gap-inline-8)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){z-index:3}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-disabled-:not(.-day-.-other-decade-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, var(--post-core-dimension-64));padding:var(--post-device-spacing-padding-15);column-gap:var(--post-device-spacing-gap-inline-8);min-height:var(--post-core-dimension-182);text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-disabled-{user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-direction:column;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell.-focus-:hover{background:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-{position:relative}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::after{content:"";position:absolute;display:block;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before{z-index:-2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-radius:var(--post-device-border-radius-round);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{border:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{z-index:-1;border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-selected-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{forced-color-adjust:none;border-color:Highlight}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:hover::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):hover::after{background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{z-index:-2;background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-){color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{z-index:-1;background:var(--post-scheme-color-surface-accent1-bg);border-radius:var(--post-device-border-radius-round);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-).-selected-:not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-).-selected-:not(.-disabled-):hover{border:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{z-index:-1;border-radius:var(--post-device-border-radius-round);background:var(--post-scheme-color-interactive-primary-selected-bg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-::before{right:-1px;width:50%;background:linear-gradient(to right, transparent 50%, var(--post-scheme-color-interactive-primary-selected-bg3) 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-.-current-::before{right:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-::before{left:-1px;width:50%;background:linear-gradient(to right, var(--post-scheme-color-interactive-primary-selected-bg3) 50%, transparent 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-.-current-::before{left:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-range-from-:hover::before{background:none;border:none}.calendar-input,.calendar-input-range{position:relative}.calendar-input button,.calendar-input-range button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);-webkit-appearance:none;appearance:none;color:var(--post-scheme-color-interactive-primary-enabled-fg1);outline-offset:4px;right:var(--post-core-dimension-14)}.calendar-input button post-icon,.calendar-input-range button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.calendar-input button:not([disabled]),.calendar-input-range button:not([disabled]){cursor:pointer}.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.calendar-input button[disabled],.calendar-input-range button[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}:host ::slotted(input.form-control:is(.is-invalid,.is-valid):not(:disabled)){background-position:top 50% right calc( var(--post-core-dimension-14) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) ) !important}`;
|
|
10779
10888
|
|
|
10780
10889
|
class PostDatePicker {
|
|
10781
10890
|
constructor(hostRef) {
|
|
@@ -10793,7 +10902,7 @@ class PostDatePicker {
|
|
|
10793
10902
|
*/
|
|
10794
10903
|
this.inline = false;
|
|
10795
10904
|
this.startDate = new Date();
|
|
10796
|
-
this.locale =
|
|
10905
|
+
this.locale = 'en';
|
|
10797
10906
|
this.currentViewType = 'days';
|
|
10798
10907
|
this.euFormat = true;
|
|
10799
10908
|
this.skipOnSelectCount = 0;
|
|
@@ -11064,7 +11173,7 @@ class PostDatePicker {
|
|
|
11064
11173
|
}
|
|
11065
11174
|
setActiveCell(date, focusOnDate = true) {
|
|
11066
11175
|
const cells = this.getCells();
|
|
11067
|
-
if (
|
|
11176
|
+
if (cells.length === 0)
|
|
11068
11177
|
return;
|
|
11069
11178
|
let target;
|
|
11070
11179
|
// If selected date is visible
|
|
@@ -11095,7 +11204,7 @@ class PostDatePicker {
|
|
|
11095
11204
|
}
|
|
11096
11205
|
// fallback
|
|
11097
11206
|
if (!target) {
|
|
11098
|
-
target = cells
|
|
11207
|
+
target = cells.at(-1);
|
|
11099
11208
|
}
|
|
11100
11209
|
// Make only the target focusable
|
|
11101
11210
|
cells.forEach(c => (c.tabIndex = -1));
|
|
@@ -11164,7 +11273,7 @@ class PostDatePicker {
|
|
|
11164
11273
|
});
|
|
11165
11274
|
body.removeEventListener('keydown', this.handleGridKeydown);
|
|
11166
11275
|
body.addEventListener('keydown', this.handleGridKeydown);
|
|
11167
|
-
this.setActiveCell(this.isoToDate(this.selectedStartDate)
|
|
11276
|
+
this.setActiveCell(this.isoToDate(this.selectedStartDate) || this.today, focusOnDate);
|
|
11168
11277
|
}
|
|
11169
11278
|
/**
|
|
11170
11279
|
* Set up the masks on the inputs to reflect the date pickers
|
|
@@ -11512,7 +11621,7 @@ class PostDatePicker {
|
|
|
11512
11621
|
this.selectedEndDate = undefined;
|
|
11513
11622
|
}
|
|
11514
11623
|
isValidDate(date) {
|
|
11515
|
-
return date instanceof Date && !isNaN(date.getTime());
|
|
11624
|
+
return date instanceof Date && !Number.isNaN(date.getTime());
|
|
11516
11625
|
}
|
|
11517
11626
|
syncDatePickerState() {
|
|
11518
11627
|
this.inputDisabled = this.dpInput.disabled;
|
|
@@ -11563,11 +11672,11 @@ class PostDatePicker {
|
|
|
11563
11672
|
}
|
|
11564
11673
|
}
|
|
11565
11674
|
render() {
|
|
11566
|
-
return (hAsync(Host, { key: '
|
|
11675
|
+
return (hAsync(Host, { key: 'b721b731d9ad4ff3c6d80c995a3c471786b6425a' }, this.inline && hAsync("div", { key: '9dc37bf0ab23a5ce611139d0efd7f3fca4f6e6e2', class: "datepicker-container" }), !this.inline && (hAsync("div", { key: 'f2e0376510e5e26a98e29703fbf11c0be90266bb' }, hAsync("div", { key: '52e05c2f28a725c5336fca16842e97ce21a36b42', class: {
|
|
11567
11676
|
'calendar-input': !this.range,
|
|
11568
11677
|
'calendar-input-range': this.range,
|
|
11569
11678
|
'disabled': this.inputDisabled,
|
|
11570
|
-
} }, hAsync("slot", { key: '
|
|
11679
|
+
} }, hAsync("slot", { key: '11147329e23c51b3bf7c5fa2925cbf97d26c9da2' }), hAsync("button", { key: 'c57f2450bd8ce1976876a8bc11f7d238300ca687', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled }, hAsync("post-icon", { key: 'd6a37bfc1471a8eabbf3e0450c3010da8e7ef28e', name: "calendar" }))), hAsync("post-popovercontainer", { key: 'fd4259c066d92c5bbf1066940da72f74a58bdfe8', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '0ba6ef3f33a003317ab70728e1c67fc8c1d726a9', class: "datepicker-container" }))))));
|
|
11571
11680
|
}
|
|
11572
11681
|
get host() { return getElement(this); }
|
|
11573
11682
|
static get watchers() { return {
|
|
@@ -11645,24 +11754,7 @@ class PostDatePicker {
|
|
|
11645
11754
|
}
|
|
11646
11755
|
PostDatePicker.FLYOUT_OFFSET = 4;
|
|
11647
11756
|
|
|
11648
|
-
|
|
11649
|
-
constructor(hostRef) {
|
|
11650
|
-
registerInstance(this, hostRef);
|
|
11651
|
-
}
|
|
11652
|
-
render() {
|
|
11653
|
-
return hAsync("div", { key: '533164ef2f912a47b6585c3be31c2061d8134f64', "data-browser": String(IS_BROWSER), "data-server": String(IS_SERVER) });
|
|
11654
|
-
}
|
|
11655
|
-
static get cmpMeta() { return {
|
|
11656
|
-
"$flags$": 9,
|
|
11657
|
-
"$tagName$": "post-env-test",
|
|
11658
|
-
"$members$": undefined,
|
|
11659
|
-
"$listeners$": undefined,
|
|
11660
|
-
"$lazyBundleId$": "-",
|
|
11661
|
-
"$attrsToReflect$": []
|
|
11662
|
-
}; }
|
|
11663
|
-
}
|
|
11664
|
-
|
|
11665
|
-
const postFooterCss = () => `:host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
|
|
11757
|
+
const postFooterCss = () => `:host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
|
|
11666
11758
|
|
|
11667
11759
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
11668
11760
|
/**
|
|
@@ -11688,7 +11780,7 @@ class PostFooter {
|
|
|
11688
11780
|
this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
|
|
11689
11781
|
}
|
|
11690
11782
|
connectedCallback() {
|
|
11691
|
-
|
|
11783
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11692
11784
|
}
|
|
11693
11785
|
componentWillLoad() {
|
|
11694
11786
|
this.validateTextFooter();
|
|
@@ -11699,7 +11791,7 @@ class PostFooter {
|
|
|
11699
11791
|
});
|
|
11700
11792
|
}
|
|
11701
11793
|
disconnectedCallback() {
|
|
11702
|
-
|
|
11794
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11703
11795
|
}
|
|
11704
11796
|
handleGridSlotChange(...devices) {
|
|
11705
11797
|
return (e) => {
|
|
@@ -11720,7 +11812,7 @@ class PostFooter {
|
|
|
11720
11812
|
return GRID_SLOTS.map(slotName => (hAsync("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, hAsync("h3", null, hAsync("slot", { name: slotName + '-title' })), hAsync("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
|
|
11721
11813
|
}
|
|
11722
11814
|
render() {
|
|
11723
|
-
return (hAsync(Host, { key: '
|
|
11815
|
+
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" }))))));
|
|
11724
11816
|
}
|
|
11725
11817
|
get host() { return getElement(this); }
|
|
11726
11818
|
static get watchers() { return {
|
|
@@ -11745,7 +11837,7 @@ class PostFooter {
|
|
|
11745
11837
|
|
|
11746
11838
|
const postHeaderCss = () => `:host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0.75rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0.5rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(1.25rem - var(--post-header-gap))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);display:var(--post-burger-button-display, flex)}.burger-button:hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash)}.burger-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(a){color:LinkText;border:unset}.burger-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.burger-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.burger-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.burger-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:.625rem}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}`;
|
|
11747
11839
|
|
|
11748
|
-
var __decorate$
|
|
11840
|
+
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
11749
11841
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
11750
11842
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
11751
11843
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -11794,11 +11886,11 @@ class PostHeader {
|
|
|
11794
11886
|
const scrollParent = this.scrollParent;
|
|
11795
11887
|
const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
|
|
11796
11888
|
if (this.device !== 'desktop' && burgerMenuExtended) {
|
|
11797
|
-
scrollParent.
|
|
11889
|
+
scrollParent.dataset.postScrollLocked = '';
|
|
11798
11890
|
this.host.addEventListener('keydown', this.keyboardHandler);
|
|
11799
11891
|
}
|
|
11800
11892
|
else {
|
|
11801
|
-
scrollParent.
|
|
11893
|
+
delete scrollParent.dataset.postScrollLocked;
|
|
11802
11894
|
this.host.removeEventListener('keydown', this.keyboardHandler);
|
|
11803
11895
|
}
|
|
11804
11896
|
}
|
|
@@ -11843,15 +11935,15 @@ class PostHeader {
|
|
|
11843
11935
|
this.megadropdownStateHandler = this.megadropdownStateHandler.bind(this);
|
|
11844
11936
|
}
|
|
11845
11937
|
connectedCallback() {
|
|
11846
|
-
|
|
11847
|
-
|
|
11938
|
+
globalThis.addEventListener('resize', this.throttledResize, { passive: true });
|
|
11939
|
+
globalThis.addEventListener('scroll', this.handleScrollEvent, {
|
|
11848
11940
|
passive: true,
|
|
11849
11941
|
});
|
|
11850
11942
|
this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
|
|
11851
11943
|
passive: true,
|
|
11852
11944
|
});
|
|
11853
11945
|
document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
11854
|
-
|
|
11946
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11855
11947
|
this.handleScrollParentResize();
|
|
11856
11948
|
this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
|
|
11857
11949
|
}
|
|
@@ -11879,9 +11971,9 @@ class PostHeader {
|
|
|
11879
11971
|
// Clean up possible side effects when post-header is disconnected
|
|
11880
11972
|
disconnectedCallback() {
|
|
11881
11973
|
const scrollParent = this.scrollParent;
|
|
11882
|
-
|
|
11883
|
-
|
|
11884
|
-
|
|
11974
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11975
|
+
globalThis.removeEventListener('resize', this.throttledResize);
|
|
11976
|
+
globalThis.removeEventListener('scroll', this.handleScrollEvent);
|
|
11885
11977
|
if (scrollParent)
|
|
11886
11978
|
scrollParent.removeEventListener('scroll', this.handleScrollEvent);
|
|
11887
11979
|
document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
@@ -11953,7 +12045,7 @@ class PostHeader {
|
|
|
11953
12045
|
const focusableElements = [this.burgerMenuButton];
|
|
11954
12046
|
focusableElements.push(...getDeepFocusableChildren(this.localHeader, el => !el.matches('post-megadropdown')), ...getDeepFocusableChildren(this.burgerMenu, el => !el.matches('post-megadropdown')));
|
|
11955
12047
|
this.firstFocusableEl = focusableElements[0];
|
|
11956
|
-
this.lastFocusableEl = focusableElements
|
|
12048
|
+
this.lastFocusableEl = focusableElements.at(-1);
|
|
11957
12049
|
}
|
|
11958
12050
|
keyboardHandler(e) {
|
|
11959
12051
|
if (e.key !== 'Tab' || !this.burgerMenuExtended)
|
|
@@ -12051,10 +12143,10 @@ class PostHeader {
|
|
|
12051
12143
|
}, style: { '--post-header-navigation-current-inset': `${this.burgerMenu?.scrollTop ?? 0}px` }, ref: el => (this.burgerMenu = el) }, this.hasLocalNav && !this.hasTitle && (hAsync("div", { class: "local-nav" }, hAsync("slot", { name: "local-nav" }))), hAsync("div", { class: "burger-menu-body" }, hAsync("slot", { name: "audience" }), hAsync("slot", { name: "main-nav" })), hAsync("div", { class: "burger-menu-footer" }, hAsync("slot", { name: "global-nav-secondary" }), hAsync("slot", { name: "language-menu" }))));
|
|
12052
12144
|
}
|
|
12053
12145
|
render() {
|
|
12054
|
-
return (hAsync(Host, { key: '
|
|
12055
|
-
hAsync("slot", { key: '
|
|
12056
|
-
hAsync("slot", { key: '
|
|
12057
|
-
], hAsync("slot", { key: '
|
|
12146
|
+
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" }), [
|
|
12147
|
+
hAsync("slot", { key: '85d07e119df995f5b4aec62675eb821dee0b3059', name: "global-nav-secondary" }),
|
|
12148
|
+
hAsync("slot", { key: '087f20e4844e9bf5fa6a945e4352509f0128eb70', name: "language-menu" }),
|
|
12149
|
+
], 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())));
|
|
12058
12150
|
}
|
|
12059
12151
|
get host() { return getElement(this); }
|
|
12060
12152
|
static get watchers() { return {
|
|
@@ -12091,7 +12183,7 @@ class PostHeader {
|
|
|
12091
12183
|
"$attrsToReflect$": [["fullWidth", "full-width"], ["textMenu", "text-menu"]]
|
|
12092
12184
|
}; }
|
|
12093
12185
|
}
|
|
12094
|
-
__decorate$
|
|
12186
|
+
__decorate$4([
|
|
12095
12187
|
EventFrom('post-megadropdown')
|
|
12096
12188
|
], PostHeader.prototype, "megadropdownStateHandler", null);
|
|
12097
12189
|
|
|
@@ -12141,7 +12233,11 @@ class PostIcon {
|
|
|
12141
12233
|
**/
|
|
12142
12234
|
getUrl() {
|
|
12143
12235
|
const fileName = `${this.name}.svg`;
|
|
12144
|
-
|
|
12236
|
+
// Prioritize only data:image URLs
|
|
12237
|
+
if (this.url?.startsWith('data:image/')) {
|
|
12238
|
+
return this.url;
|
|
12239
|
+
}
|
|
12240
|
+
if (!this.base) {
|
|
12145
12241
|
return `${CDN_URL}${fileName}`;
|
|
12146
12242
|
}
|
|
12147
12243
|
if (this.url) {
|
|
@@ -12149,16 +12245,9 @@ class PostIcon {
|
|
|
12149
12245
|
}
|
|
12150
12246
|
const isAbsolute = (url) => /^https?:\/\//.test(url);
|
|
12151
12247
|
const normalizeUrl = (url) => (url && !url.endsWith('/') ? `${url}/` : url);
|
|
12152
|
-
const cleanUrl = (url) => url.
|
|
12153
|
-
const currentDomain =
|
|
12154
|
-
const baseHref =
|
|
12155
|
-
? document.querySelector('base[href]')?.getAttribute('href') || ''
|
|
12156
|
-
: '';
|
|
12157
|
-
let metaIconBase = '';
|
|
12158
|
-
if (IS_BROWSER) {
|
|
12159
|
-
const metaTag = document.querySelector('meta[name="design-system-settings"]');
|
|
12160
|
-
metaIconBase = metaTag?.getAttribute('data-post-icon-base') || '';
|
|
12161
|
-
}
|
|
12248
|
+
const cleanUrl = (url) => url.replaceAll(/([^:])\/\//g, '$1/');
|
|
12249
|
+
const currentDomain = '';
|
|
12250
|
+
const baseHref = '';
|
|
12162
12251
|
// Function to build the first part of the URL when 'this.base' or 'metaIconBase' are relative
|
|
12163
12252
|
const buildUrlWithBase = (relativeUrl) => {
|
|
12164
12253
|
const normalizedHref = normalizeUrl(baseHref);
|
|
@@ -12176,26 +12265,18 @@ class PostIcon {
|
|
|
12176
12265
|
: `${buildUrlWithBase(this.base)}${fileName}`;
|
|
12177
12266
|
return cleanUrl(url);
|
|
12178
12267
|
}
|
|
12179
|
-
// Second Priority is metaIconBase
|
|
12180
|
-
if (metaIconBase) {
|
|
12181
|
-
url = isAbsolute(metaIconBase)
|
|
12182
|
-
? `${normalizeUrl(metaIconBase)}${fileName}`
|
|
12183
|
-
: `${buildUrlWithBase(metaIconBase)}${fileName}`;
|
|
12184
|
-
return cleanUrl(url);
|
|
12185
|
-
}
|
|
12186
12268
|
// Fallback to CDN
|
|
12187
12269
|
return cleanUrl(`${CDN_URL}${fileName}`);
|
|
12188
12270
|
}
|
|
12189
12271
|
getStyles() {
|
|
12190
12272
|
const url = this.getUrl();
|
|
12191
|
-
return Object.entries({
|
|
12273
|
+
return Object.fromEntries(Object.entries({
|
|
12192
12274
|
'-webkit-mask-image': `url(${url})`,
|
|
12193
12275
|
'mask-image': `url('${url}')`,
|
|
12194
|
-
'transform': (this.scale && !isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12195
|
-
(this.rotate && !isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
|
|
12276
|
+
'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12277
|
+
(this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
|
|
12196
12278
|
})
|
|
12197
|
-
.filter(([_key, value]) => value !== null)
|
|
12198
|
-
.reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
|
|
12279
|
+
.filter(([_key, value]) => value !== null));
|
|
12199
12280
|
}
|
|
12200
12281
|
componentDidLoad() {
|
|
12201
12282
|
this.validateBase();
|
|
@@ -12205,7 +12286,7 @@ class PostIcon {
|
|
|
12205
12286
|
this.validateAnimation();
|
|
12206
12287
|
}
|
|
12207
12288
|
render() {
|
|
12208
|
-
return (hAsync(Host, { key: '
|
|
12289
|
+
return (hAsync(Host, { key: '53aca4224876ae30f8a022c5cb80ee5755b26251', "data-version": version$1 }, hAsync("span", { key: '8e024aa2df513f3b75d61d15284c77883b622776', style: this.getStyles() })));
|
|
12209
12290
|
}
|
|
12210
12291
|
get host() { return getElement(this); }
|
|
12211
12292
|
static get watchers() { return {
|
|
@@ -12247,9 +12328,9 @@ class PostIcon {
|
|
|
12247
12328
|
|
|
12248
12329
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
12249
12330
|
|
|
12250
|
-
const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}
|
|
12331
|
+
const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}`;
|
|
12251
12332
|
|
|
12252
|
-
var __decorate$
|
|
12333
|
+
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12253
12334
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12254
12335
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12255
12336
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -12287,7 +12368,7 @@ class PostLanguageMenu {
|
|
|
12287
12368
|
const activeLanguage = this.activeLang &&
|
|
12288
12369
|
document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);
|
|
12289
12370
|
return activeLanguage
|
|
12290
|
-
? this.textCurrentLanguage.
|
|
12371
|
+
? this.textCurrentLanguage.replaceAll('#name', activeLanguage.name)
|
|
12291
12372
|
: undefined;
|
|
12292
12373
|
}
|
|
12293
12374
|
componentDidLoad() {
|
|
@@ -12367,11 +12448,11 @@ class PostLanguageMenu {
|
|
|
12367
12448
|
"$attrsToReflect$": [["textChangeLanguage", "text-change-language"], ["textCurrentLanguage", "text-current-language"], ["variant", "variant"]]
|
|
12368
12449
|
}; }
|
|
12369
12450
|
}
|
|
12370
|
-
__decorate$
|
|
12451
|
+
__decorate$3([
|
|
12371
12452
|
EventFrom('post-language-menu-item')
|
|
12372
12453
|
], PostLanguageMenu.prototype, "handlePostChange", null);
|
|
12373
12454
|
|
|
12374
|
-
const postLanguageMenuItemCss = () => `post-language-menu-item{
|
|
12455
|
+
const postLanguageMenuItemCss = () => `post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
12375
12456
|
|
|
12376
12457
|
/**
|
|
12377
12458
|
* @slot default - Slot for placing the content inside the anchor or button.
|
|
@@ -12425,7 +12506,8 @@ class PostLanguageMenuItem {
|
|
|
12425
12506
|
this.emitChange();
|
|
12426
12507
|
}
|
|
12427
12508
|
};
|
|
12428
|
-
|
|
12509
|
+
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)));
|
|
12510
|
+
return this.variant === 'list' ? (hAsync(Host, { "data-version": version$1, role: "listitem" }, interactiveElement)) : (hAsync(Host, { "data-version": version$1 }, hAsync("post-menu-item", null, interactiveElement)));
|
|
12429
12511
|
}
|
|
12430
12512
|
get host() { return getElement(this); }
|
|
12431
12513
|
static get watchers() { return {
|
|
@@ -12520,7 +12602,7 @@ class PostLinkarea {
|
|
|
12520
12602
|
}
|
|
12521
12603
|
}
|
|
12522
12604
|
render() {
|
|
12523
|
-
return (hAsync(Host, { key: '
|
|
12605
|
+
return (hAsync(Host, { key: 'cb2563465ebe024e8e98539c27c7a8d7084229d3', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: '68fc1468da418e4ed38e89cbf7ef932f819993dd' })));
|
|
12524
12606
|
}
|
|
12525
12607
|
get host() { return getElement(this); }
|
|
12526
12608
|
static get style() { return postLinkareaCss(); }
|
|
@@ -12534,6 +12616,196 @@ class PostLinkarea {
|
|
|
12534
12616
|
}; }
|
|
12535
12617
|
}
|
|
12536
12618
|
|
|
12619
|
+
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}`;
|
|
12620
|
+
|
|
12621
|
+
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12622
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12623
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12624
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
12625
|
+
else
|
|
12626
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
12627
|
+
if (d = decorators[i])
|
|
12628
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
12629
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12630
|
+
};
|
|
12631
|
+
class PostListbox {
|
|
12632
|
+
constructor(hostRef) {
|
|
12633
|
+
registerInstance(this, hostRef);
|
|
12634
|
+
this.postOptionActive = createEvent(this, "postOptionActive");
|
|
12635
|
+
this.highlightedIndex = -1;
|
|
12636
|
+
this.visibleOptions = [];
|
|
12637
|
+
this.diacriticPattern = /[\u0300-\u036F]/u;
|
|
12638
|
+
this.registerOptions = () => {
|
|
12639
|
+
this.visibleOptions = this.options;
|
|
12640
|
+
};
|
|
12641
|
+
this.updateSelection = (value) => {
|
|
12642
|
+
this.options.forEach(option => {
|
|
12643
|
+
option.selected = option.value === value;
|
|
12644
|
+
option.highlighted = false;
|
|
12645
|
+
});
|
|
12646
|
+
this.highlightedIndex = -1;
|
|
12647
|
+
this.filter('');
|
|
12648
|
+
};
|
|
12649
|
+
this.clearActive = () => {
|
|
12650
|
+
this.highlightedIndex = -1;
|
|
12651
|
+
this.postOptionActive.emit(null);
|
|
12652
|
+
};
|
|
12653
|
+
this.normalizeText = (text) => {
|
|
12654
|
+
return text.trim().normalize('NFD').replace(this.diacriticPattern, '').toLocaleLowerCase();
|
|
12655
|
+
};
|
|
12656
|
+
this.resetFilter = () => {
|
|
12657
|
+
this.visibleOptions = this.options;
|
|
12658
|
+
this.options.forEach(option => {
|
|
12659
|
+
option.hidden = false;
|
|
12660
|
+
option.highlighted = false;
|
|
12661
|
+
});
|
|
12662
|
+
};
|
|
12663
|
+
}
|
|
12664
|
+
get options() {
|
|
12665
|
+
return Array.from(this.host.querySelectorAll('post-listbox-option'));
|
|
12666
|
+
}
|
|
12667
|
+
get inputElement() {
|
|
12668
|
+
let autocomplete = this.host.closest('post-autocomplete');
|
|
12669
|
+
if (!autocomplete) {
|
|
12670
|
+
autocomplete = document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`);
|
|
12671
|
+
}
|
|
12672
|
+
return autocomplete?.querySelector('input');
|
|
12673
|
+
}
|
|
12674
|
+
componentWillLoad() {
|
|
12675
|
+
this.registerOptions();
|
|
12676
|
+
}
|
|
12677
|
+
/** Opens the listbox */
|
|
12678
|
+
async show() {
|
|
12679
|
+
const input = this.inputElement;
|
|
12680
|
+
if (input) {
|
|
12681
|
+
this.popoverContainer?.show(input);
|
|
12682
|
+
this.host.role = 'listbox';
|
|
12683
|
+
}
|
|
12684
|
+
}
|
|
12685
|
+
/** Closes the listbox */
|
|
12686
|
+
async hide() {
|
|
12687
|
+
this.host.removeAttribute('role');
|
|
12688
|
+
this.popoverContainer?.hide();
|
|
12689
|
+
}
|
|
12690
|
+
/** Uses the internal default filtering mode to filter the list of options.
|
|
12691
|
+
* An empty string resets the filter to it's original state. */
|
|
12692
|
+
async filter(query) {
|
|
12693
|
+
const normalizedQuery = this.normalizeText(query);
|
|
12694
|
+
if (normalizedQuery) {
|
|
12695
|
+
this.visibleOptions = this.options.filter(option => {
|
|
12696
|
+
const normalizedText = this.normalizeText(option.textContent);
|
|
12697
|
+
const normalizedValue = this.normalizeText(option.value);
|
|
12698
|
+
const isVisible = normalizedValue.includes(normalizedQuery) || normalizedText.includes(normalizedQuery);
|
|
12699
|
+
option.hidden = !isVisible;
|
|
12700
|
+
return isVisible;
|
|
12701
|
+
});
|
|
12702
|
+
}
|
|
12703
|
+
else {
|
|
12704
|
+
this.resetFilter();
|
|
12705
|
+
}
|
|
12706
|
+
this.clearActive();
|
|
12707
|
+
}
|
|
12708
|
+
/** Clears the currently selected option */
|
|
12709
|
+
async clearSelection() {
|
|
12710
|
+
this.updateSelection();
|
|
12711
|
+
}
|
|
12712
|
+
/** Navigates the listbox options in the specified direction and scrolls the active option into view.*/
|
|
12713
|
+
async navigate(direction) {
|
|
12714
|
+
if (this.visibleOptions.length === 0)
|
|
12715
|
+
return;
|
|
12716
|
+
if (this.highlightedIndex >= 0) {
|
|
12717
|
+
this.visibleOptions[this.highlightedIndex].highlighted = false;
|
|
12718
|
+
}
|
|
12719
|
+
switch (direction) {
|
|
12720
|
+
case 'first':
|
|
12721
|
+
this.highlightedIndex = 0;
|
|
12722
|
+
break;
|
|
12723
|
+
case 'last':
|
|
12724
|
+
this.highlightedIndex = this.visibleOptions.length - 1;
|
|
12725
|
+
break;
|
|
12726
|
+
case 'up':
|
|
12727
|
+
this.highlightedIndex =
|
|
12728
|
+
(this.highlightedIndex - 1 + this.visibleOptions.length) % this.visibleOptions.length;
|
|
12729
|
+
break;
|
|
12730
|
+
case 'down':
|
|
12731
|
+
this.highlightedIndex = (this.highlightedIndex + 1) % this.visibleOptions.length;
|
|
12732
|
+
break;
|
|
12733
|
+
}
|
|
12734
|
+
const activeOption = this.visibleOptions[this.highlightedIndex];
|
|
12735
|
+
activeOption.scrollIntoView({ behavior: 'smooth', block: 'end' });
|
|
12736
|
+
activeOption.highlighted = true;
|
|
12737
|
+
this.postOptionActive.emit(activeOption.id);
|
|
12738
|
+
}
|
|
12739
|
+
/**
|
|
12740
|
+
* Selects the currently highlighted option in the listbox and scrolls it into view.
|
|
12741
|
+
*/
|
|
12742
|
+
async selectActive() {
|
|
12743
|
+
if (this.highlightedIndex >= 0) {
|
|
12744
|
+
const activeOption = this.visibleOptions[this.highlightedIndex];
|
|
12745
|
+
this.updateSelection(activeOption.value);
|
|
12746
|
+
this.host.dispatchEvent(new CustomEvent('postOptionSelected', { bubbles: true, detail: activeOption.value }));
|
|
12747
|
+
}
|
|
12748
|
+
}
|
|
12749
|
+
optionClicked(event) {
|
|
12750
|
+
this.updateSelection(event.detail);
|
|
12751
|
+
}
|
|
12752
|
+
render() {
|
|
12753
|
+
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))));
|
|
12754
|
+
}
|
|
12755
|
+
get host() { return getElement(this); }
|
|
12756
|
+
static get style() { return postListboxCss(); }
|
|
12757
|
+
static get cmpMeta() { return {
|
|
12758
|
+
"$flags$": 265,
|
|
12759
|
+
"$tagName$": "post-listbox",
|
|
12760
|
+
"$members$": {
|
|
12761
|
+
"show": [64],
|
|
12762
|
+
"hide": [64],
|
|
12763
|
+
"filter": [64],
|
|
12764
|
+
"clearSelection": [64],
|
|
12765
|
+
"navigate": [64],
|
|
12766
|
+
"selectActive": [64]
|
|
12767
|
+
},
|
|
12768
|
+
"$listeners$": [[0, "postOptionSelected", "optionClicked"]],
|
|
12769
|
+
"$lazyBundleId$": "-",
|
|
12770
|
+
"$attrsToReflect$": []
|
|
12771
|
+
}; }
|
|
12772
|
+
}
|
|
12773
|
+
__decorate$2([
|
|
12774
|
+
EventFrom('post-listbox-option')
|
|
12775
|
+
], PostListbox.prototype, "optionClicked", null);
|
|
12776
|
+
|
|
12777
|
+
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}`;
|
|
12778
|
+
|
|
12779
|
+
class PostListboxOption {
|
|
12780
|
+
constructor(hostRef) {
|
|
12781
|
+
registerInstance(this, hostRef);
|
|
12782
|
+
this.postOptionSelected = createEvent(this, "postOptionSelected");
|
|
12783
|
+
this.optionId = crypto.randomUUID();
|
|
12784
|
+
/** Represents option is selected . */
|
|
12785
|
+
this.selected = false;
|
|
12786
|
+
/** Represents option is highlighted . */
|
|
12787
|
+
this.highlighted = false;
|
|
12788
|
+
}
|
|
12789
|
+
render() {
|
|
12790
|
+
return (hAsync(Host, { key: 'ff0e773f8a89f9df3996a83cd2be6247c1ab5475', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
|
|
12791
|
+
/* Prevent focus change from triggering onblur event in post-autocomplete */
|
|
12792
|
+
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" })));
|
|
12793
|
+
}
|
|
12794
|
+
static get style() { return postListboxOptionCss(); }
|
|
12795
|
+
static get cmpMeta() { return {
|
|
12796
|
+
"$flags$": 265,
|
|
12797
|
+
"$tagName$": "post-listbox-option",
|
|
12798
|
+
"$members$": {
|
|
12799
|
+
"value": [513],
|
|
12800
|
+
"selected": [516],
|
|
12801
|
+
"highlighted": [516]
|
|
12802
|
+
},
|
|
12803
|
+
"$listeners$": undefined,
|
|
12804
|
+
"$lazyBundleId$": "-",
|
|
12805
|
+
"$attrsToReflect$": [["value", "value"], ["selected", "selected"], ["highlighted", "highlighted"]]
|
|
12806
|
+
}; }
|
|
12807
|
+
}
|
|
12808
|
+
|
|
12537
12809
|
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)}`;
|
|
12538
12810
|
|
|
12539
12811
|
/**
|
|
@@ -12558,7 +12830,7 @@ class PostLogo {
|
|
|
12558
12830
|
render() {
|
|
12559
12831
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
12560
12832
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
12561
|
-
return (hAsync(Host, { key: '
|
|
12833
|
+
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" }))))));
|
|
12562
12834
|
}
|
|
12563
12835
|
get host() { return getElement(this); }
|
|
12564
12836
|
static get watchers() { return {
|
|
@@ -12704,7 +12976,7 @@ class PostMainnavigation {
|
|
|
12704
12976
|
}, NAVBAR_DISABLE_DURATION);
|
|
12705
12977
|
}
|
|
12706
12978
|
render() {
|
|
12707
|
-
return (hAsync(Host, { key: '
|
|
12979
|
+
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" }))));
|
|
12708
12980
|
}
|
|
12709
12981
|
get host() { return getElement(this); }
|
|
12710
12982
|
static get watchers() { return {
|
|
@@ -12787,7 +13059,7 @@ class PostMegadropdown {
|
|
|
12787
13059
|
this.handleClickOutside = this.handleClickOutside.bind(this);
|
|
12788
13060
|
}
|
|
12789
13061
|
connectedCallback() {
|
|
12790
|
-
|
|
13062
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
12791
13063
|
}
|
|
12792
13064
|
componentDidRender() {
|
|
12793
13065
|
this.getFocusableElements();
|
|
@@ -12800,7 +13072,7 @@ class PostMegadropdown {
|
|
|
12800
13072
|
this.handleAriaCurrentChange([]);
|
|
12801
13073
|
}
|
|
12802
13074
|
disconnectedCallback() {
|
|
12803
|
-
|
|
13075
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
12804
13076
|
if (PostMegadropdown.activeDropdown === this)
|
|
12805
13077
|
PostMegadropdown.activeDropdown = null;
|
|
12806
13078
|
this.removeListeners();
|
|
@@ -12948,7 +13220,7 @@ class PostMegadropdown {
|
|
|
12948
13220
|
...getFocusableChildren(this.host.shadowRoot),
|
|
12949
13221
|
];
|
|
12950
13222
|
this.firstFocusableEl = focusableElements[0];
|
|
12951
|
-
this.lastFocusableEl = focusableElements
|
|
13223
|
+
this.lastFocusableEl = focusableElements.at(-1);
|
|
12952
13224
|
}
|
|
12953
13225
|
// Loop through the focusable children
|
|
12954
13226
|
keyboardHandler(e) {
|
|
@@ -13003,7 +13275,7 @@ class PostMegadropdown {
|
|
|
13003
13275
|
* and sets the trigger as active accordingly.
|
|
13004
13276
|
*/
|
|
13005
13277
|
handleAriaCurrentChange(mutations) {
|
|
13006
|
-
if (
|
|
13278
|
+
if (mutations.length === 0)
|
|
13007
13279
|
return;
|
|
13008
13280
|
const hasCurrentPage = mutations.some(m => m.target instanceof HTMLElement && m.target.getAttribute('aria-current') === 'page');
|
|
13009
13281
|
this.setTriggerActive(hasCurrentPage);
|
|
@@ -13019,7 +13291,7 @@ class PostMegadropdown {
|
|
|
13019
13291
|
}
|
|
13020
13292
|
render() {
|
|
13021
13293
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
13022
|
-
return (hAsync(Host, { key: '
|
|
13294
|
+
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))))));
|
|
13023
13295
|
}
|
|
13024
13296
|
get host() { return getElement(this); }
|
|
13025
13297
|
static get watchers() { return {
|
|
@@ -13130,7 +13402,7 @@ class PostMegadropdownTrigger {
|
|
|
13130
13402
|
this.megadropdown.toggle();
|
|
13131
13403
|
}
|
|
13132
13404
|
render() {
|
|
13133
|
-
return (hAsync(Host, { key: '
|
|
13405
|
+
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" }))));
|
|
13134
13406
|
}
|
|
13135
13407
|
get host() { return getElement(this); }
|
|
13136
13408
|
static get watchers() { return {
|
|
@@ -13302,7 +13574,7 @@ class PostMenu {
|
|
|
13302
13574
|
}
|
|
13303
13575
|
controlKeyDownHandler(e) {
|
|
13304
13576
|
const menuItems = this.getSlottedItems();
|
|
13305
|
-
if (
|
|
13577
|
+
if (menuItems.length === 0) {
|
|
13306
13578
|
return;
|
|
13307
13579
|
}
|
|
13308
13580
|
let currentIndex = menuItems.findIndex(el => {
|
|
@@ -13347,7 +13619,7 @@ class PostMenu {
|
|
|
13347
13619
|
.flatMap(el => Array.from(getFocusableChildren(el))));
|
|
13348
13620
|
}
|
|
13349
13621
|
render() {
|
|
13350
|
-
return (hAsync(Host, { key: '
|
|
13622
|
+
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' })))));
|
|
13351
13623
|
}
|
|
13352
13624
|
get host() { return getElement(this); }
|
|
13353
13625
|
static get watchers() { return {
|
|
@@ -13389,7 +13661,7 @@ class PostMenuItem {
|
|
|
13389
13661
|
registerInstance(this, hostRef);
|
|
13390
13662
|
}
|
|
13391
13663
|
connectedCallback() {
|
|
13392
|
-
this.host.
|
|
13664
|
+
this.host.dataset.version = version$1;
|
|
13393
13665
|
}
|
|
13394
13666
|
get host() { return getElement(this); }
|
|
13395
13667
|
static get style() { return postMenuItemCss(); }
|
|
@@ -13464,7 +13736,7 @@ class PostMenuTrigger {
|
|
|
13464
13736
|
return null;
|
|
13465
13737
|
}
|
|
13466
13738
|
render() {
|
|
13467
|
-
return (hAsync(Host, { key: '
|
|
13739
|
+
return (hAsync(Host, { key: '46dbe700998f60d9b6e85c09a2992aa702c1af52', "data-version": version$1 }, hAsync("slot", { key: '339ecc1a3ba354199d9f3c0ff84fd2f8b2f1b4a4' })));
|
|
13468
13740
|
}
|
|
13469
13741
|
get host() { return getElement(this); }
|
|
13470
13742
|
static get watchers() { return {
|
|
@@ -13485,11 +13757,11 @@ class PostMenuTrigger {
|
|
|
13485
13757
|
}; }
|
|
13486
13758
|
}
|
|
13487
13759
|
|
|
13488
|
-
const postNumberInputCss = () => `:host{display:inline-flex;align-items:end}.input-container{position:relative}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border-
|
|
13760
|
+
const postNumberInputCss = () => `:host{display:inline-flex;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;padding-inline-end:calc( (var(--post-device-spacing-padding-inline-1)* 2) + var(--post-device-sizing-notification-5) ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)*-1);left:calc((var(--post-device-border-width-default) * 2)*-1)}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;transition:unset;box-sizing:border-box;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.step-button:hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash)}.step-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(a){color:LinkText;border:unset}.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}`;
|
|
13489
13761
|
|
|
13490
13762
|
function parseNumber(input, key) {
|
|
13491
|
-
const value = parseFloat(input[key]);
|
|
13492
|
-
return isNaN(value) ? undefined : value;
|
|
13763
|
+
const value = Number.parseFloat(input[key]);
|
|
13764
|
+
return Number.isNaN(value) ? undefined : value;
|
|
13493
13765
|
}
|
|
13494
13766
|
function compare(value, bound, comparator) {
|
|
13495
13767
|
return value !== undefined && bound !== undefined && comparator(value, bound);
|
|
@@ -13497,12 +13769,16 @@ function compare(value, bound, comparator) {
|
|
|
13497
13769
|
class PostNumberInput {
|
|
13498
13770
|
constructor(hostRef) {
|
|
13499
13771
|
registerInstance(this, hostRef);
|
|
13772
|
+
this.isDisabled = false;
|
|
13500
13773
|
this.isIncrementDisabled = false;
|
|
13501
13774
|
this.isDecrementDisabled = false;
|
|
13775
|
+
this.small = false;
|
|
13502
13776
|
this.setupInput = debounce$1(50, () => {
|
|
13503
13777
|
this.input = this.input ?? getSlottedElement(this.host, 'input[type="number"]');
|
|
13504
13778
|
if (!this.input)
|
|
13505
13779
|
return;
|
|
13780
|
+
this.isDisabled = this.input.disabled;
|
|
13781
|
+
this.small = this.input.classList.contains('form-control-sm');
|
|
13506
13782
|
// step buttons may be disabled when the input loads
|
|
13507
13783
|
this.updateStepButtonState();
|
|
13508
13784
|
// step buttons may become disabled after the value is changed via keyboard / typing
|
|
@@ -13570,7 +13846,10 @@ class PostNumberInput {
|
|
|
13570
13846
|
}
|
|
13571
13847
|
render() {
|
|
13572
13848
|
const areButtonsShown = !!this.input;
|
|
13573
|
-
return (hAsync(Host, { key: '
|
|
13849
|
+
return (hAsync(Host, { key: '84866a46bf2fdf8602213582e71fbc624fb3a7a6', "data-version": version$1, class: {
|
|
13850
|
+
'number-input-sm': this.small,
|
|
13851
|
+
'disabled': this.isDisabled,
|
|
13852
|
+
} }, 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" })))));
|
|
13574
13853
|
}
|
|
13575
13854
|
get host() { return getElement(this); }
|
|
13576
13855
|
static get style() { return postNumberInputCss(); }
|
|
@@ -13578,8 +13857,10 @@ class PostNumberInput {
|
|
|
13578
13857
|
"$flags$": 265,
|
|
13579
13858
|
"$tagName$": "post-number-input",
|
|
13580
13859
|
"$members$": {
|
|
13860
|
+
"isDisabled": [32],
|
|
13581
13861
|
"isIncrementDisabled": [32],
|
|
13582
13862
|
"isDecrementDisabled": [32],
|
|
13863
|
+
"small": [32],
|
|
13583
13864
|
"input": [32]
|
|
13584
13865
|
},
|
|
13585
13866
|
"$listeners$": undefined,
|
|
@@ -13691,7 +13972,7 @@ class PostPagination {
|
|
|
13691
13972
|
scheduleMeasurement() {
|
|
13692
13973
|
if (!this.loaded)
|
|
13693
13974
|
return;
|
|
13694
|
-
this.measurementTimeoutId =
|
|
13975
|
+
this.measurementTimeoutId = globalThis.setTimeout(() => {
|
|
13695
13976
|
const canMeasure = this.navRef?.clientWidth > 0 && this.hiddenItemsRef;
|
|
13696
13977
|
if (canMeasure) {
|
|
13697
13978
|
this.measureAndCalculateVisiblePages();
|
|
@@ -13763,9 +14044,9 @@ class PostPagination {
|
|
|
13763
14044
|
getPaginationPadding() {
|
|
13764
14045
|
if (!this.navRef)
|
|
13765
14046
|
return 0;
|
|
13766
|
-
const computedStyle =
|
|
13767
|
-
const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
|
|
13768
|
-
const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
|
|
14047
|
+
const computedStyle = globalThis.getComputedStyle(this.navRef);
|
|
14048
|
+
const paddingLeft = Number.parseFloat(computedStyle.paddingLeft) || 0;
|
|
14049
|
+
const paddingRight = Number.parseFloat(computedStyle.paddingRight) || 0;
|
|
13769
14050
|
return paddingLeft + paddingRight;
|
|
13770
14051
|
}
|
|
13771
14052
|
/**
|
|
@@ -13786,8 +14067,8 @@ class PostPagination {
|
|
|
13786
14067
|
* Clamps the page number to valid range
|
|
13787
14068
|
*/
|
|
13788
14069
|
clampPageToValidRange(totalPages) {
|
|
13789
|
-
const invalidTotalPages = totalPages === 0 || this.invalidSize || isNaN(totalPages);
|
|
13790
|
-
const invalidPage = !this.page || this.page < 1 || isNaN(this.page);
|
|
14070
|
+
const invalidTotalPages = totalPages === 0 || this.invalidSize || Number.isNaN(totalPages);
|
|
14071
|
+
const invalidPage = !this.page || this.page < 1 || Number.isNaN(this.page);
|
|
13791
14072
|
const pageExceedsTotal = this.page > totalPages;
|
|
13792
14073
|
if (invalidTotalPages || invalidPage) {
|
|
13793
14074
|
return 1;
|
|
@@ -14268,7 +14549,7 @@ class PostPopover {
|
|
|
14268
14549
|
}
|
|
14269
14550
|
}
|
|
14270
14551
|
render() {
|
|
14271
|
-
return (hAsync(Host, { key: '
|
|
14552
|
+
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)))));
|
|
14272
14553
|
}
|
|
14273
14554
|
get host() { return getElement(this); }
|
|
14274
14555
|
static get watchers() { return {
|
|
@@ -19306,7 +19587,7 @@ function requireFocusable () {
|
|
|
19306
19587
|
}
|
|
19307
19588
|
|
|
19308
19589
|
var focusableExports = requireFocusable();
|
|
19309
|
-
var isFocusable
|
|
19590
|
+
var isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
|
|
19310
19591
|
|
|
19311
19592
|
const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
|
|
19312
19593
|
|
|
@@ -19345,7 +19626,7 @@ class PostPopoverTrigger {
|
|
|
19345
19626
|
return;
|
|
19346
19627
|
}
|
|
19347
19628
|
// check if its not focusable and add aria role and tabindex
|
|
19348
|
-
if (!isFocusable
|
|
19629
|
+
if (!isFocusable(this.trigger)) {
|
|
19349
19630
|
this.trigger.setAttribute('tabindex', '0');
|
|
19350
19631
|
this.trigger.setAttribute('role', 'button');
|
|
19351
19632
|
}
|
|
@@ -19414,7 +19695,7 @@ class PostPopoverTrigger {
|
|
|
19414
19695
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
19415
19696
|
}
|
|
19416
19697
|
render() {
|
|
19417
|
-
return (hAsync(Host, { key: '
|
|
19698
|
+
return (hAsync(Host, { key: '52d004cbdcb7be0b7df6c10f70f5b3bdbeb89a27', "data-version": version$1 }, hAsync("slot", { key: '5eabc986947a00ed1fad3ce3f8103e615f709d9f', onSlotchange: () => this.setupTrigger() })));
|
|
19418
19699
|
}
|
|
19419
19700
|
get host() { return getElement(this); }
|
|
19420
19701
|
static get watchers() { return {
|
|
@@ -21363,817 +21644,25 @@ const computePosition = (reference, floating, options) => {
|
|
|
21363
21644
|
});
|
|
21364
21645
|
};
|
|
21365
21646
|
|
|
21366
|
-
|
|
21367
|
-
|
|
21368
|
-
|
|
21369
|
-
|
|
21370
|
-
|
|
21371
|
-
|
|
21372
|
-
|
|
21373
|
-
|
|
21374
|
-
|
|
21375
|
-
|
|
21376
|
-
|
|
21377
|
-
|
|
21378
|
-
|
|
21379
|
-
element,
|
|
21380
|
-
setTimeout(() => {
|
|
21381
|
-
if (!popoverToggleTaskQueue.has(element)) return;
|
|
21382
|
-
element.dispatchEvent(
|
|
21383
|
-
new ToggleEvent("toggle", {
|
|
21384
|
-
cancelable: false,
|
|
21385
|
-
oldState,
|
|
21386
|
-
newState
|
|
21387
|
-
})
|
|
21388
|
-
);
|
|
21389
|
-
}, 0)
|
|
21390
|
-
);
|
|
21647
|
+
const duration = 250;
|
|
21648
|
+
const easing = 'ease-out';
|
|
21649
|
+
function popIn(el) {
|
|
21650
|
+
if (!el)
|
|
21651
|
+
return;
|
|
21652
|
+
return el.animate([
|
|
21653
|
+
{ transform: 'scale(0.9)', opacity: 0 },
|
|
21654
|
+
{ transform: 'scale(1)', opacity: 1 },
|
|
21655
|
+
], {
|
|
21656
|
+
duration,
|
|
21657
|
+
easing,
|
|
21658
|
+
fill: 'forwards',
|
|
21659
|
+
});
|
|
21391
21660
|
}
|
|
21392
21661
|
|
|
21393
|
-
|
|
21394
|
-
|
|
21395
|
-
|
|
21396
|
-
|
|
21397
|
-
};
|
|
21398
|
-
var topLayerElements = /* @__PURE__ */ new WeakMap();
|
|
21399
|
-
var autoPopoverList = /* @__PURE__ */ new WeakMap();
|
|
21400
|
-
var hintPopoverList = /* @__PURE__ */ new WeakMap();
|
|
21401
|
-
var visibilityState = /* @__PURE__ */ new WeakMap();
|
|
21402
|
-
function getPopoverVisibilityState(popover) {
|
|
21403
|
-
return visibilityState.get(popover) || "hidden";
|
|
21404
|
-
}
|
|
21405
|
-
var popoverInvoker = /* @__PURE__ */ new WeakMap();
|
|
21406
|
-
function lastSetElement(set) {
|
|
21407
|
-
return [...set].pop();
|
|
21408
|
-
}
|
|
21409
|
-
function popoverTargetAttributeActivationBehavior(element) {
|
|
21410
|
-
const popover = element.popoverTargetElement;
|
|
21411
|
-
if (!(popover instanceof HTMLElement)) {
|
|
21412
|
-
return;
|
|
21413
|
-
}
|
|
21414
|
-
const visibility = getPopoverVisibilityState(popover);
|
|
21415
|
-
if (element.popoverTargetAction === "show" && visibility === "showing") {
|
|
21416
|
-
return;
|
|
21417
|
-
}
|
|
21418
|
-
if (element.popoverTargetAction === "hide" && visibility === "hidden") return;
|
|
21419
|
-
if (visibility === "showing") {
|
|
21420
|
-
hidePopover(popover, true, true);
|
|
21421
|
-
} else if (checkPopoverValidity(popover, false)) {
|
|
21422
|
-
popoverInvoker.set(popover, element);
|
|
21423
|
-
showPopover(popover);
|
|
21424
|
-
}
|
|
21425
|
-
}
|
|
21426
|
-
function checkPopoverValidity(element, expectedToBeShowing) {
|
|
21427
|
-
if (element.popover !== "auto" && element.popover !== "manual" && element.popover !== "hint") {
|
|
21428
|
-
return false;
|
|
21429
|
-
}
|
|
21430
|
-
if (!element.isConnected) return false;
|
|
21431
|
-
if (expectedToBeShowing && getPopoverVisibilityState(element) !== "showing") {
|
|
21432
|
-
return false;
|
|
21433
|
-
}
|
|
21434
|
-
if (!expectedToBeShowing && getPopoverVisibilityState(element) !== "hidden") {
|
|
21435
|
-
return false;
|
|
21436
|
-
}
|
|
21437
|
-
if (element instanceof HTMLDialogElement && element.hasAttribute("open")) {
|
|
21438
|
-
return false;
|
|
21439
|
-
}
|
|
21440
|
-
if (document.fullscreenElement === element) return false;
|
|
21441
|
-
return true;
|
|
21442
|
-
}
|
|
21443
|
-
function getStackPosition(popover) {
|
|
21444
|
-
if (!popover) return 0;
|
|
21445
|
-
const autoPopovers = autoPopoverList.get(document) || /* @__PURE__ */ new Set();
|
|
21446
|
-
const hintPopovers = hintPopoverList.get(document) || /* @__PURE__ */ new Set();
|
|
21447
|
-
if (hintPopovers.has(popover)) {
|
|
21448
|
-
return [...hintPopovers].indexOf(popover) + autoPopovers.size + 1;
|
|
21449
|
-
}
|
|
21450
|
-
if (autoPopovers.has(popover)) {
|
|
21451
|
-
return [...autoPopovers].indexOf(popover) + 1;
|
|
21452
|
-
}
|
|
21453
|
-
return 0;
|
|
21454
|
-
}
|
|
21455
|
-
function topMostClickedPopover(target) {
|
|
21456
|
-
const clickedPopover = nearestInclusiveOpenPopover(target);
|
|
21457
|
-
const invokerPopover = nearestInclusiveTargetPopoverForInvoker(target);
|
|
21458
|
-
if (getStackPosition(clickedPopover) > getStackPosition(invokerPopover)) {
|
|
21459
|
-
return clickedPopover;
|
|
21460
|
-
}
|
|
21461
|
-
return invokerPopover;
|
|
21462
|
-
}
|
|
21463
|
-
function topmostAutoOrHintPopover(document2) {
|
|
21464
|
-
let topmostPopover;
|
|
21465
|
-
const hintPopovers = hintPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21466
|
-
const autoPopovers = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21467
|
-
const usedStack = hintPopovers.size > 0 ? hintPopovers : autoPopovers.size > 0 ? autoPopovers : null;
|
|
21468
|
-
if (usedStack) {
|
|
21469
|
-
topmostPopover = lastSetElement(usedStack);
|
|
21470
|
-
if (!topmostPopover.isConnected) {
|
|
21471
|
-
usedStack.delete(topmostPopover);
|
|
21472
|
-
return topmostAutoOrHintPopover(document2);
|
|
21473
|
-
}
|
|
21474
|
-
return topmostPopover;
|
|
21475
|
-
}
|
|
21476
|
-
return null;
|
|
21477
|
-
}
|
|
21478
|
-
function topMostPopoverInList(list) {
|
|
21479
|
-
for (const popover of list || []) {
|
|
21480
|
-
if (!popover.isConnected) {
|
|
21481
|
-
list.delete(popover);
|
|
21482
|
-
} else {
|
|
21483
|
-
return popover;
|
|
21484
|
-
}
|
|
21485
|
-
}
|
|
21486
|
-
return null;
|
|
21487
|
-
}
|
|
21488
|
-
function getRootNode(node) {
|
|
21489
|
-
if (typeof node.getRootNode === "function") {
|
|
21490
|
-
return node.getRootNode();
|
|
21491
|
-
}
|
|
21492
|
-
if (node.parentNode) return getRootNode(node.parentNode);
|
|
21493
|
-
return node;
|
|
21494
|
-
}
|
|
21495
|
-
function nearestInclusiveOpenPopover(node) {
|
|
21496
|
-
while (node) {
|
|
21497
|
-
if (node instanceof HTMLElement && node.popover === "auto" && visibilityState.get(node) === "showing") {
|
|
21498
|
-
return node;
|
|
21499
|
-
}
|
|
21500
|
-
node = node instanceof Element && node.assignedSlot || node.parentElement || getRootNode(node);
|
|
21501
|
-
if (node instanceof ShadowRoot$1) node = node.host;
|
|
21502
|
-
if (node instanceof Document) return;
|
|
21503
|
-
}
|
|
21504
|
-
}
|
|
21505
|
-
function nearestInclusiveTargetPopoverForInvoker(node) {
|
|
21506
|
-
while (node) {
|
|
21507
|
-
const nodePopover = node.popoverTargetElement;
|
|
21508
|
-
if (nodePopover instanceof HTMLElement) return nodePopover;
|
|
21509
|
-
node = node.parentElement || getRootNode(node);
|
|
21510
|
-
if (node instanceof ShadowRoot$1) node = node.host;
|
|
21511
|
-
if (node instanceof Document) return;
|
|
21512
|
-
}
|
|
21513
|
-
}
|
|
21514
|
-
function topMostPopoverAncestor(newPopover, list) {
|
|
21515
|
-
const popoverPositions = /* @__PURE__ */ new Map();
|
|
21516
|
-
let i = 0;
|
|
21517
|
-
for (const popover of list || []) {
|
|
21518
|
-
popoverPositions.set(popover, i);
|
|
21519
|
-
i += 1;
|
|
21520
|
-
}
|
|
21521
|
-
popoverPositions.set(newPopover, i);
|
|
21522
|
-
i += 1;
|
|
21523
|
-
let topMostPopoverAncestor2 = null;
|
|
21524
|
-
function checkAncestor(candidate) {
|
|
21525
|
-
if (!candidate) return;
|
|
21526
|
-
let okNesting = false;
|
|
21527
|
-
let candidateAncestor = null;
|
|
21528
|
-
let candidatePosition = null;
|
|
21529
|
-
while (!okNesting) {
|
|
21530
|
-
candidateAncestor = nearestInclusiveOpenPopover(candidate) || null;
|
|
21531
|
-
if (candidateAncestor === null) return;
|
|
21532
|
-
if (!popoverPositions.has(candidateAncestor)) return;
|
|
21533
|
-
if (newPopover.popover === "hint" || candidateAncestor.popover === "auto") {
|
|
21534
|
-
okNesting = true;
|
|
21535
|
-
}
|
|
21536
|
-
if (!okNesting) {
|
|
21537
|
-
candidate = candidateAncestor.parentElement;
|
|
21538
|
-
}
|
|
21539
|
-
}
|
|
21540
|
-
candidatePosition = popoverPositions.get(candidateAncestor);
|
|
21541
|
-
if (topMostPopoverAncestor2 === null || popoverPositions.get(topMostPopoverAncestor2) < candidatePosition) {
|
|
21542
|
-
topMostPopoverAncestor2 = candidateAncestor;
|
|
21543
|
-
}
|
|
21544
|
-
}
|
|
21545
|
-
checkAncestor(newPopover.parentElement || getRootNode(newPopover));
|
|
21546
|
-
return topMostPopoverAncestor2;
|
|
21547
|
-
}
|
|
21548
|
-
function isFocusable(focusTarget) {
|
|
21549
|
-
if (focusTarget.hidden || focusTarget instanceof ShadowRoot$1) return false;
|
|
21550
|
-
if (focusTarget instanceof HTMLButtonElement || focusTarget instanceof HTMLInputElement || focusTarget instanceof HTMLSelectElement || focusTarget instanceof HTMLTextAreaElement || focusTarget instanceof HTMLOptGroupElement || focusTarget instanceof HTMLOptionElement || focusTarget instanceof HTMLFieldSetElement) {
|
|
21551
|
-
if (focusTarget.disabled) return false;
|
|
21552
|
-
}
|
|
21553
|
-
if (focusTarget instanceof HTMLInputElement && focusTarget.type === "hidden") {
|
|
21554
|
-
return false;
|
|
21555
|
-
}
|
|
21556
|
-
if (focusTarget instanceof HTMLAnchorElement && focusTarget.href === "") {
|
|
21557
|
-
return false;
|
|
21558
|
-
}
|
|
21559
|
-
return typeof focusTarget.tabIndex === "number" && focusTarget.tabIndex !== -1;
|
|
21560
|
-
}
|
|
21561
|
-
function focusDelegate(focusTarget) {
|
|
21562
|
-
if (focusTarget.shadowRoot && focusTarget.shadowRoot.delegatesFocus !== true) {
|
|
21563
|
-
return null;
|
|
21564
|
-
}
|
|
21565
|
-
let whereToLook = focusTarget;
|
|
21566
|
-
if (whereToLook.shadowRoot) {
|
|
21567
|
-
whereToLook = whereToLook.shadowRoot;
|
|
21568
|
-
}
|
|
21569
|
-
let autoFocusDelegate = whereToLook.querySelector("[autofocus]");
|
|
21570
|
-
if (autoFocusDelegate) {
|
|
21571
|
-
return autoFocusDelegate;
|
|
21572
|
-
} else {
|
|
21573
|
-
const slots = whereToLook.querySelectorAll("slot");
|
|
21574
|
-
for (const slot of slots) {
|
|
21575
|
-
const assignedElements = slot.assignedElements({ flatten: true });
|
|
21576
|
-
for (const el of assignedElements) {
|
|
21577
|
-
if (el.hasAttribute("autofocus")) {
|
|
21578
|
-
return el;
|
|
21579
|
-
} else {
|
|
21580
|
-
autoFocusDelegate = el.querySelector("[autofocus]");
|
|
21581
|
-
if (autoFocusDelegate) {
|
|
21582
|
-
return autoFocusDelegate;
|
|
21583
|
-
}
|
|
21584
|
-
}
|
|
21585
|
-
}
|
|
21586
|
-
}
|
|
21587
|
-
}
|
|
21588
|
-
const walker = focusTarget.ownerDocument.createTreeWalker(
|
|
21589
|
-
whereToLook,
|
|
21590
|
-
NodeFilter.SHOW_ELEMENT
|
|
21591
|
-
);
|
|
21592
|
-
let descendant = walker.currentNode;
|
|
21593
|
-
while (descendant) {
|
|
21594
|
-
if (isFocusable(descendant)) {
|
|
21595
|
-
return descendant;
|
|
21596
|
-
}
|
|
21597
|
-
descendant = walker.nextNode();
|
|
21598
|
-
}
|
|
21599
|
-
}
|
|
21600
|
-
function popoverFocusingSteps(subject) {
|
|
21601
|
-
focusDelegate(subject)?.focus();
|
|
21602
|
-
}
|
|
21603
|
-
var previouslyFocusedElements = /* @__PURE__ */ new WeakMap();
|
|
21604
|
-
function showPopover(element) {
|
|
21605
|
-
if (!checkPopoverValidity(element, false)) {
|
|
21606
|
-
return;
|
|
21607
|
-
}
|
|
21608
|
-
const document2 = element.ownerDocument;
|
|
21609
|
-
if (!element.dispatchEvent(
|
|
21610
|
-
new ToggleEvent("beforetoggle", {
|
|
21611
|
-
cancelable: true,
|
|
21612
|
-
oldState: "closed",
|
|
21613
|
-
newState: "open"
|
|
21614
|
-
})
|
|
21615
|
-
)) {
|
|
21616
|
-
return;
|
|
21617
|
-
}
|
|
21618
|
-
if (!checkPopoverValidity(element, false)) {
|
|
21619
|
-
return;
|
|
21620
|
-
}
|
|
21621
|
-
let shouldRestoreFocus = false;
|
|
21622
|
-
const originalType = element.popover;
|
|
21623
|
-
let stackToAppendTo = null;
|
|
21624
|
-
const autoAncestor = topMostPopoverAncestor(
|
|
21625
|
-
element,
|
|
21626
|
-
autoPopoverList.get(document2) || /* @__PURE__ */ new Set()
|
|
21627
|
-
);
|
|
21628
|
-
const hintAncestor = topMostPopoverAncestor(
|
|
21629
|
-
element,
|
|
21630
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set()
|
|
21631
|
-
);
|
|
21632
|
-
if (originalType === "auto") {
|
|
21633
|
-
closeAllOpenPopoversInList(
|
|
21634
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21635
|
-
shouldRestoreFocus,
|
|
21636
|
-
true
|
|
21637
|
-
);
|
|
21638
|
-
const ancestor = autoAncestor || document2;
|
|
21639
|
-
hideAllPopoversUntil(ancestor, shouldRestoreFocus, true);
|
|
21640
|
-
stackToAppendTo = "auto";
|
|
21641
|
-
}
|
|
21642
|
-
if (originalType === "hint") {
|
|
21643
|
-
if (hintAncestor) {
|
|
21644
|
-
hideAllPopoversUntil(hintAncestor, shouldRestoreFocus, true);
|
|
21645
|
-
stackToAppendTo = "hint";
|
|
21646
|
-
} else {
|
|
21647
|
-
closeAllOpenPopoversInList(
|
|
21648
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21649
|
-
shouldRestoreFocus,
|
|
21650
|
-
true
|
|
21651
|
-
);
|
|
21652
|
-
if (autoAncestor) {
|
|
21653
|
-
hideAllPopoversUntil(autoAncestor, shouldRestoreFocus, true);
|
|
21654
|
-
stackToAppendTo = "auto";
|
|
21655
|
-
} else {
|
|
21656
|
-
stackToAppendTo = "hint";
|
|
21657
|
-
}
|
|
21658
|
-
}
|
|
21659
|
-
}
|
|
21660
|
-
if (originalType === "auto" || originalType === "hint") {
|
|
21661
|
-
if (originalType !== element.popover || !checkPopoverValidity(element, false)) {
|
|
21662
|
-
return;
|
|
21663
|
-
}
|
|
21664
|
-
if (!topmostAutoOrHintPopover(document2)) {
|
|
21665
|
-
shouldRestoreFocus = true;
|
|
21666
|
-
}
|
|
21667
|
-
if (stackToAppendTo === "auto") {
|
|
21668
|
-
if (!autoPopoverList.has(document2)) {
|
|
21669
|
-
autoPopoverList.set(document2, /* @__PURE__ */ new Set());
|
|
21670
|
-
}
|
|
21671
|
-
autoPopoverList.get(document2).add(element);
|
|
21672
|
-
} else if (stackToAppendTo === "hint") {
|
|
21673
|
-
if (!hintPopoverList.has(document2)) {
|
|
21674
|
-
hintPopoverList.set(document2, /* @__PURE__ */ new Set());
|
|
21675
|
-
}
|
|
21676
|
-
hintPopoverList.get(document2).add(element);
|
|
21677
|
-
}
|
|
21678
|
-
}
|
|
21679
|
-
previouslyFocusedElements.delete(element);
|
|
21680
|
-
const originallyFocusedElement = document2.activeElement;
|
|
21681
|
-
element.classList.add(":popover-open");
|
|
21682
|
-
visibilityState.set(element, "showing");
|
|
21683
|
-
if (!topLayerElements.has(document2)) {
|
|
21684
|
-
topLayerElements.set(document2, /* @__PURE__ */ new Set());
|
|
21685
|
-
}
|
|
21686
|
-
topLayerElements.get(document2).add(element);
|
|
21687
|
-
setInvokerAriaExpanded(popoverInvoker.get(element), true);
|
|
21688
|
-
popoverFocusingSteps(element);
|
|
21689
|
-
if (shouldRestoreFocus && originallyFocusedElement && element.popover === "auto") {
|
|
21690
|
-
previouslyFocusedElements.set(element, originallyFocusedElement);
|
|
21691
|
-
}
|
|
21692
|
-
queuePopoverToggleEventTask(element, "closed", "open");
|
|
21693
|
-
}
|
|
21694
|
-
function hidePopover(element, focusPreviousElement = false, fireEvents = false) {
|
|
21695
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21696
|
-
return;
|
|
21697
|
-
}
|
|
21698
|
-
const document2 = element.ownerDocument;
|
|
21699
|
-
if (["auto", "hint"].includes(element.popover)) {
|
|
21700
|
-
hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
|
|
21701
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21702
|
-
return;
|
|
21703
|
-
}
|
|
21704
|
-
}
|
|
21705
|
-
const autoList = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21706
|
-
const autoPopoverListContainsElement = autoList.has(element) && lastSetElement(autoList) === element;
|
|
21707
|
-
setInvokerAriaExpanded(popoverInvoker.get(element), false);
|
|
21708
|
-
popoverInvoker.delete(element);
|
|
21709
|
-
if (fireEvents) {
|
|
21710
|
-
element.dispatchEvent(
|
|
21711
|
-
new ToggleEvent("beforetoggle", {
|
|
21712
|
-
oldState: "open",
|
|
21713
|
-
newState: "closed"
|
|
21714
|
-
})
|
|
21715
|
-
);
|
|
21716
|
-
if (autoPopoverListContainsElement && lastSetElement(autoList) !== element) {
|
|
21717
|
-
hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
|
|
21718
|
-
}
|
|
21719
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21720
|
-
return;
|
|
21721
|
-
}
|
|
21722
|
-
}
|
|
21723
|
-
topLayerElements.get(document2)?.delete(element);
|
|
21724
|
-
autoList.delete(element);
|
|
21725
|
-
hintPopoverList.get(document2)?.delete(element);
|
|
21726
|
-
element.classList.remove(":popover-open");
|
|
21727
|
-
visibilityState.set(element, "hidden");
|
|
21728
|
-
if (fireEvents) {
|
|
21729
|
-
queuePopoverToggleEventTask(element, "open", "closed");
|
|
21730
|
-
}
|
|
21731
|
-
const previouslyFocusedElement = previouslyFocusedElements.get(element);
|
|
21732
|
-
if (previouslyFocusedElement) {
|
|
21733
|
-
previouslyFocusedElements.delete(element);
|
|
21734
|
-
if (focusPreviousElement) {
|
|
21735
|
-
previouslyFocusedElement.focus();
|
|
21736
|
-
}
|
|
21737
|
-
}
|
|
21738
|
-
}
|
|
21739
|
-
function closeAllOpenPopovers(document2, focusPreviousElement = false, fireEvents = false) {
|
|
21740
|
-
let popover = topmostAutoOrHintPopover(document2);
|
|
21741
|
-
while (popover) {
|
|
21742
|
-
hidePopover(popover, focusPreviousElement, fireEvents);
|
|
21743
|
-
popover = topmostAutoOrHintPopover(document2);
|
|
21744
|
-
}
|
|
21745
|
-
}
|
|
21746
|
-
function closeAllOpenPopoversInList(list, focusPreviousElement = false, fireEvents = false) {
|
|
21747
|
-
let popover = topMostPopoverInList(list);
|
|
21748
|
-
while (popover) {
|
|
21749
|
-
hidePopover(popover, focusPreviousElement, fireEvents);
|
|
21750
|
-
popover = topMostPopoverInList(list);
|
|
21751
|
-
}
|
|
21752
|
-
}
|
|
21753
|
-
function hidePopoverStackUntil(endpoint, set, focusPreviousElement, fireEvents) {
|
|
21754
|
-
let repeatingHide = false;
|
|
21755
|
-
let hasRunOnce = false;
|
|
21756
|
-
while (repeatingHide || !hasRunOnce) {
|
|
21757
|
-
hasRunOnce = true;
|
|
21758
|
-
let lastToHide = null;
|
|
21759
|
-
let foundEndpoint = false;
|
|
21760
|
-
for (const popover of set) {
|
|
21761
|
-
if (popover === endpoint) {
|
|
21762
|
-
foundEndpoint = true;
|
|
21763
|
-
} else if (foundEndpoint) {
|
|
21764
|
-
lastToHide = popover;
|
|
21765
|
-
break;
|
|
21766
|
-
}
|
|
21767
|
-
}
|
|
21768
|
-
if (!lastToHide) return;
|
|
21769
|
-
while (getPopoverVisibilityState(lastToHide) === "showing" && set.size) {
|
|
21770
|
-
hidePopover(lastSetElement(set), focusPreviousElement, fireEvents);
|
|
21771
|
-
}
|
|
21772
|
-
if (set.has(endpoint) && lastSetElement(set) !== endpoint) {
|
|
21773
|
-
repeatingHide = true;
|
|
21774
|
-
}
|
|
21775
|
-
if (repeatingHide) {
|
|
21776
|
-
fireEvents = false;
|
|
21777
|
-
}
|
|
21778
|
-
}
|
|
21779
|
-
}
|
|
21780
|
-
function hideAllPopoversUntil(endpoint, focusPreviousElement, fireEvents) {
|
|
21781
|
-
const document2 = endpoint.ownerDocument || endpoint;
|
|
21782
|
-
if (endpoint instanceof Document) {
|
|
21783
|
-
return closeAllOpenPopovers(document2, focusPreviousElement, fireEvents);
|
|
21784
|
-
}
|
|
21785
|
-
if (hintPopoverList.get(document2)?.has(endpoint)) {
|
|
21786
|
-
hidePopoverStackUntil(
|
|
21787
|
-
endpoint,
|
|
21788
|
-
hintPopoverList.get(document2),
|
|
21789
|
-
focusPreviousElement,
|
|
21790
|
-
fireEvents
|
|
21791
|
-
);
|
|
21792
|
-
return;
|
|
21793
|
-
}
|
|
21794
|
-
closeAllOpenPopoversInList(
|
|
21795
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21796
|
-
focusPreviousElement,
|
|
21797
|
-
fireEvents
|
|
21798
|
-
);
|
|
21799
|
-
if (!autoPopoverList.get(document2)?.has(endpoint)) {
|
|
21800
|
-
return;
|
|
21801
|
-
}
|
|
21802
|
-
hidePopoverStackUntil(
|
|
21803
|
-
endpoint,
|
|
21804
|
-
autoPopoverList.get(document2),
|
|
21805
|
-
focusPreviousElement,
|
|
21806
|
-
fireEvents
|
|
21807
|
-
);
|
|
21808
|
-
}
|
|
21809
|
-
var popoverPointerDownTargets = /* @__PURE__ */ new WeakMap();
|
|
21810
|
-
function lightDismissOpenPopovers(event) {
|
|
21811
|
-
if (!event.isTrusted) return;
|
|
21812
|
-
const target = event.composedPath()[0];
|
|
21813
|
-
if (!target) return;
|
|
21814
|
-
const document2 = target.ownerDocument;
|
|
21815
|
-
const topMostPopover = topmostAutoOrHintPopover(document2);
|
|
21816
|
-
if (!topMostPopover) return;
|
|
21817
|
-
const ancestor = topMostClickedPopover(target);
|
|
21818
|
-
if (ancestor && event.type === "pointerdown") {
|
|
21819
|
-
popoverPointerDownTargets.set(document2, ancestor);
|
|
21820
|
-
} else if (event.type === "pointerup") {
|
|
21821
|
-
const sameTarget = popoverPointerDownTargets.get(document2) === ancestor;
|
|
21822
|
-
popoverPointerDownTargets.delete(document2);
|
|
21823
|
-
if (sameTarget) {
|
|
21824
|
-
hideAllPopoversUntil(ancestor || document2, false, true);
|
|
21825
|
-
}
|
|
21826
|
-
}
|
|
21827
|
-
}
|
|
21828
|
-
var initialAriaExpandedValue = /* @__PURE__ */ new WeakMap();
|
|
21829
|
-
function setInvokerAriaExpanded(el, force = false) {
|
|
21830
|
-
if (!el) return;
|
|
21831
|
-
if (!initialAriaExpandedValue.has(el)) {
|
|
21832
|
-
initialAriaExpandedValue.set(el, el.getAttribute("aria-expanded"));
|
|
21833
|
-
}
|
|
21834
|
-
const popover = el.popoverTargetElement;
|
|
21835
|
-
if (popover instanceof HTMLElement && popover.popover === "auto") {
|
|
21836
|
-
el.setAttribute("aria-expanded", String(force));
|
|
21837
|
-
} else {
|
|
21838
|
-
const initialValue = initialAriaExpandedValue.get(el);
|
|
21839
|
-
if (!initialValue) {
|
|
21840
|
-
el.removeAttribute("aria-expanded");
|
|
21841
|
-
} else {
|
|
21842
|
-
el.setAttribute("aria-expanded", initialValue);
|
|
21843
|
-
}
|
|
21844
|
-
}
|
|
21845
|
-
}
|
|
21846
|
-
|
|
21847
|
-
// src/popover.ts
|
|
21848
|
-
var ShadowRoot2 = globalThis.ShadowRoot || function() {
|
|
21849
|
-
};
|
|
21850
|
-
function isSupported() {
|
|
21851
|
-
return typeof HTMLElement !== "undefined" && typeof HTMLElement.prototype === "object" && "popover" in HTMLElement.prototype;
|
|
21852
|
-
}
|
|
21853
|
-
function patchSelectorFn(object, name, mapper) {
|
|
21854
|
-
const original = object[name];
|
|
21855
|
-
Object.defineProperty(object, name, {
|
|
21856
|
-
value(selector) {
|
|
21857
|
-
return original.call(this, mapper(selector));
|
|
21858
|
-
}
|
|
21859
|
-
});
|
|
21860
|
-
}
|
|
21861
|
-
var nonEscapedPopoverSelector = /(^|[^\\]):popover-open\b/g;
|
|
21862
|
-
function hasLayerSupport() {
|
|
21863
|
-
return typeof globalThis.CSSLayerBlockRule === "function";
|
|
21864
|
-
}
|
|
21865
|
-
function getStyles() {
|
|
21866
|
-
const useLayer = hasLayerSupport();
|
|
21867
|
-
return `
|
|
21868
|
-
${useLayer ? "@layer popover-polyfill {" : ""}
|
|
21869
|
-
:where([popover]) {
|
|
21870
|
-
position: fixed;
|
|
21871
|
-
z-index: 2147483647;
|
|
21872
|
-
inset: 0;
|
|
21873
|
-
padding: 0.25em;
|
|
21874
|
-
width: fit-content;
|
|
21875
|
-
height: fit-content;
|
|
21876
|
-
border-width: initial;
|
|
21877
|
-
border-color: initial;
|
|
21878
|
-
border-image: initial;
|
|
21879
|
-
border-style: solid;
|
|
21880
|
-
background-color: canvas;
|
|
21881
|
-
color: canvastext;
|
|
21882
|
-
overflow: auto;
|
|
21883
|
-
margin: auto;
|
|
21884
|
-
}
|
|
21885
|
-
|
|
21886
|
-
:where([popover]:not(.\\:popover-open)) {
|
|
21887
|
-
display: none;
|
|
21888
|
-
}
|
|
21889
|
-
|
|
21890
|
-
:where(dialog[popover].\\:popover-open) {
|
|
21891
|
-
display: block;
|
|
21892
|
-
}
|
|
21893
|
-
|
|
21894
|
-
:where(dialog[popover][open]) {
|
|
21895
|
-
display: revert;
|
|
21896
|
-
}
|
|
21897
|
-
|
|
21898
|
-
:where([anchor].\\:popover-open) {
|
|
21899
|
-
inset: auto;
|
|
21900
|
-
}
|
|
21901
|
-
|
|
21902
|
-
:where([anchor]:popover-open) {
|
|
21903
|
-
inset: auto;
|
|
21904
|
-
}
|
|
21905
|
-
|
|
21906
|
-
@supports not (background-color: canvas) {
|
|
21907
|
-
:where([popover]) {
|
|
21908
|
-
background-color: white;
|
|
21909
|
-
color: black;
|
|
21910
|
-
}
|
|
21911
|
-
}
|
|
21912
|
-
|
|
21913
|
-
@supports (width: -moz-fit-content) {
|
|
21914
|
-
:where([popover]) {
|
|
21915
|
-
width: -moz-fit-content;
|
|
21916
|
-
height: -moz-fit-content;
|
|
21917
|
-
}
|
|
21918
|
-
}
|
|
21919
|
-
|
|
21920
|
-
@supports not (inset: 0) {
|
|
21921
|
-
:where([popover]) {
|
|
21922
|
-
top: 0;
|
|
21923
|
-
left: 0;
|
|
21924
|
-
right: 0;
|
|
21925
|
-
bottom: 0;
|
|
21926
|
-
}
|
|
21927
|
-
}
|
|
21928
|
-
${useLayer ? "}" : ""}
|
|
21929
|
-
`;
|
|
21930
|
-
}
|
|
21931
|
-
var popoverStyleSheet = null;
|
|
21932
|
-
function injectStyles(root) {
|
|
21933
|
-
const styles = getStyles();
|
|
21934
|
-
if (popoverStyleSheet === null) {
|
|
21935
|
-
try {
|
|
21936
|
-
popoverStyleSheet = new CSSStyleSheet();
|
|
21937
|
-
popoverStyleSheet.replaceSync(styles);
|
|
21938
|
-
} catch {
|
|
21939
|
-
popoverStyleSheet = false;
|
|
21940
|
-
}
|
|
21941
|
-
}
|
|
21942
|
-
if (popoverStyleSheet === false) {
|
|
21943
|
-
const sheet = document.createElement("style");
|
|
21944
|
-
sheet.textContent = styles;
|
|
21945
|
-
if (root instanceof Document) {
|
|
21946
|
-
root.head.prepend(sheet);
|
|
21947
|
-
} else {
|
|
21948
|
-
root.prepend(sheet);
|
|
21949
|
-
}
|
|
21950
|
-
} else {
|
|
21951
|
-
root.adoptedStyleSheets = [popoverStyleSheet, ...root.adoptedStyleSheets];
|
|
21952
|
-
}
|
|
21953
|
-
}
|
|
21954
|
-
function apply() {
|
|
21955
|
-
if (typeof window === "undefined") return;
|
|
21956
|
-
window.ToggleEvent = window.ToggleEvent || ToggleEvent;
|
|
21957
|
-
function rewriteSelector(selector) {
|
|
21958
|
-
if (selector?.includes(":popover-open")) {
|
|
21959
|
-
selector = selector.replace(
|
|
21960
|
-
nonEscapedPopoverSelector,
|
|
21961
|
-
"$1.\\:popover-open"
|
|
21962
|
-
);
|
|
21963
|
-
}
|
|
21964
|
-
return selector;
|
|
21965
|
-
}
|
|
21966
|
-
patchSelectorFn(Document.prototype, "querySelector", rewriteSelector);
|
|
21967
|
-
patchSelectorFn(Document.prototype, "querySelectorAll", rewriteSelector);
|
|
21968
|
-
patchSelectorFn(Element.prototype, "querySelector", rewriteSelector);
|
|
21969
|
-
patchSelectorFn(Element.prototype, "querySelectorAll", rewriteSelector);
|
|
21970
|
-
patchSelectorFn(Element.prototype, "matches", rewriteSelector);
|
|
21971
|
-
patchSelectorFn(Element.prototype, "closest", rewriteSelector);
|
|
21972
|
-
patchSelectorFn(
|
|
21973
|
-
DocumentFragment.prototype,
|
|
21974
|
-
"querySelectorAll",
|
|
21975
|
-
rewriteSelector
|
|
21976
|
-
);
|
|
21977
|
-
Object.defineProperties(HTMLElement.prototype, {
|
|
21978
|
-
popover: {
|
|
21979
|
-
enumerable: true,
|
|
21980
|
-
configurable: true,
|
|
21981
|
-
get() {
|
|
21982
|
-
if (!this.hasAttribute("popover")) return null;
|
|
21983
|
-
const value = (this.getAttribute("popover") || "").toLowerCase();
|
|
21984
|
-
if (value === "" || value == "auto") return "auto";
|
|
21985
|
-
if (value == "hint") return "hint";
|
|
21986
|
-
return "manual";
|
|
21987
|
-
},
|
|
21988
|
-
set(value) {
|
|
21989
|
-
if (value === null) {
|
|
21990
|
-
this.removeAttribute("popover");
|
|
21991
|
-
} else {
|
|
21992
|
-
this.setAttribute("popover", value);
|
|
21993
|
-
}
|
|
21994
|
-
}
|
|
21995
|
-
},
|
|
21996
|
-
showPopover: {
|
|
21997
|
-
enumerable: true,
|
|
21998
|
-
configurable: true,
|
|
21999
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
22000
|
-
value(options = {}) {
|
|
22001
|
-
showPopover(this);
|
|
22002
|
-
}
|
|
22003
|
-
},
|
|
22004
|
-
hidePopover: {
|
|
22005
|
-
enumerable: true,
|
|
22006
|
-
configurable: true,
|
|
22007
|
-
value() {
|
|
22008
|
-
hidePopover(this, true, true);
|
|
22009
|
-
}
|
|
22010
|
-
},
|
|
22011
|
-
togglePopover: {
|
|
22012
|
-
enumerable: true,
|
|
22013
|
-
configurable: true,
|
|
22014
|
-
value(options = {}) {
|
|
22015
|
-
if (typeof options === "boolean") {
|
|
22016
|
-
options = { force: options };
|
|
22017
|
-
}
|
|
22018
|
-
if (visibilityState.get(this) === "showing" && options.force === void 0 || options.force === false) {
|
|
22019
|
-
hidePopover(this, true, true);
|
|
22020
|
-
} else if (options.force === void 0 || options.force === true) {
|
|
22021
|
-
showPopover(this);
|
|
22022
|
-
}
|
|
22023
|
-
return visibilityState.get(this) === "showing";
|
|
22024
|
-
}
|
|
22025
|
-
}
|
|
22026
|
-
});
|
|
22027
|
-
const originalAttachShadow = Element.prototype.attachShadow;
|
|
22028
|
-
if (originalAttachShadow) {
|
|
22029
|
-
Object.defineProperties(Element.prototype, {
|
|
22030
|
-
attachShadow: {
|
|
22031
|
-
enumerable: true,
|
|
22032
|
-
configurable: true,
|
|
22033
|
-
writable: true,
|
|
22034
|
-
value(options) {
|
|
22035
|
-
const shadowRoot = originalAttachShadow.call(this, options);
|
|
22036
|
-
injectStyles(shadowRoot);
|
|
22037
|
-
return shadowRoot;
|
|
22038
|
-
}
|
|
22039
|
-
}
|
|
22040
|
-
});
|
|
22041
|
-
}
|
|
22042
|
-
const originalAttachInternals = HTMLElement.prototype.attachInternals;
|
|
22043
|
-
if (originalAttachInternals) {
|
|
22044
|
-
Object.defineProperties(HTMLElement.prototype, {
|
|
22045
|
-
attachInternals: {
|
|
22046
|
-
enumerable: true,
|
|
22047
|
-
configurable: true,
|
|
22048
|
-
writable: true,
|
|
22049
|
-
value() {
|
|
22050
|
-
const internals = originalAttachInternals.call(this);
|
|
22051
|
-
if (internals.shadowRoot) {
|
|
22052
|
-
injectStyles(internals.shadowRoot);
|
|
22053
|
-
}
|
|
22054
|
-
return internals;
|
|
22055
|
-
}
|
|
22056
|
-
}
|
|
22057
|
-
});
|
|
22058
|
-
}
|
|
22059
|
-
const popoverTargetAssociatedElements = /* @__PURE__ */ new WeakMap();
|
|
22060
|
-
function applyPopoverInvokerElementMixin(ElementClass) {
|
|
22061
|
-
Object.defineProperties(ElementClass.prototype, {
|
|
22062
|
-
popoverTargetElement: {
|
|
22063
|
-
enumerable: true,
|
|
22064
|
-
configurable: true,
|
|
22065
|
-
set(targetElement) {
|
|
22066
|
-
if (targetElement === null) {
|
|
22067
|
-
this.removeAttribute("popovertarget");
|
|
22068
|
-
popoverTargetAssociatedElements.delete(this);
|
|
22069
|
-
} else if (!(targetElement instanceof Element)) {
|
|
22070
|
-
throw new TypeError(
|
|
22071
|
-
`popoverTargetElement must be an element or null`
|
|
22072
|
-
);
|
|
22073
|
-
} else {
|
|
22074
|
-
this.setAttribute("popovertarget", "");
|
|
22075
|
-
popoverTargetAssociatedElements.set(this, targetElement);
|
|
22076
|
-
}
|
|
22077
|
-
},
|
|
22078
|
-
get() {
|
|
22079
|
-
if (this.localName !== "button" && this.localName !== "input") {
|
|
22080
|
-
return null;
|
|
22081
|
-
}
|
|
22082
|
-
if (this.localName === "input" && this.type !== "reset" && this.type !== "image" && this.type !== "button") {
|
|
22083
|
-
return null;
|
|
22084
|
-
}
|
|
22085
|
-
if (this.disabled) {
|
|
22086
|
-
return null;
|
|
22087
|
-
}
|
|
22088
|
-
if (this.form && this.type === "submit") {
|
|
22089
|
-
return null;
|
|
22090
|
-
}
|
|
22091
|
-
const targetElement = popoverTargetAssociatedElements.get(this);
|
|
22092
|
-
if (targetElement && targetElement.isConnected) {
|
|
22093
|
-
return targetElement;
|
|
22094
|
-
} else if (targetElement && !targetElement.isConnected) {
|
|
22095
|
-
popoverTargetAssociatedElements.delete(this);
|
|
22096
|
-
return null;
|
|
22097
|
-
}
|
|
22098
|
-
const root = getRootNode(this);
|
|
22099
|
-
const idref = this.getAttribute("popovertarget");
|
|
22100
|
-
if ((root instanceof Document || root instanceof ShadowRoot2) && idref) {
|
|
22101
|
-
return root.getElementById(idref) || null;
|
|
22102
|
-
}
|
|
22103
|
-
return null;
|
|
22104
|
-
}
|
|
22105
|
-
},
|
|
22106
|
-
popoverTargetAction: {
|
|
22107
|
-
enumerable: true,
|
|
22108
|
-
configurable: true,
|
|
22109
|
-
get() {
|
|
22110
|
-
const value = (this.getAttribute("popovertargetaction") || "").toLowerCase();
|
|
22111
|
-
if (value === "show" || value === "hide") return value;
|
|
22112
|
-
return "toggle";
|
|
22113
|
-
},
|
|
22114
|
-
set(value) {
|
|
22115
|
-
this.setAttribute("popovertargetaction", value);
|
|
22116
|
-
}
|
|
22117
|
-
}
|
|
22118
|
-
});
|
|
22119
|
-
}
|
|
22120
|
-
applyPopoverInvokerElementMixin(HTMLButtonElement);
|
|
22121
|
-
applyPopoverInvokerElementMixin(HTMLInputElement);
|
|
22122
|
-
const handleInvokerActivation = (event) => {
|
|
22123
|
-
const composedPath = event.composedPath();
|
|
22124
|
-
const target = composedPath[0];
|
|
22125
|
-
if (!(target instanceof Element) || target?.shadowRoot) {
|
|
22126
|
-
return;
|
|
22127
|
-
}
|
|
22128
|
-
const root = getRootNode(target);
|
|
22129
|
-
if (!(root instanceof ShadowRoot2 || root instanceof Document)) {
|
|
22130
|
-
return;
|
|
22131
|
-
}
|
|
22132
|
-
const invoker = composedPath.find(
|
|
22133
|
-
(el) => el.matches?.("[popovertargetaction],[popovertarget]")
|
|
22134
|
-
);
|
|
22135
|
-
if (invoker) {
|
|
22136
|
-
popoverTargetAttributeActivationBehavior(invoker);
|
|
22137
|
-
event.preventDefault();
|
|
22138
|
-
return;
|
|
22139
|
-
}
|
|
22140
|
-
};
|
|
22141
|
-
const onKeydown = (event) => {
|
|
22142
|
-
const key = event.key;
|
|
22143
|
-
const target = event.target;
|
|
22144
|
-
if (!event.defaultPrevented && target && (key === "Escape" || key === "Esc")) {
|
|
22145
|
-
hideAllPopoversUntil(target.ownerDocument, true, true);
|
|
22146
|
-
}
|
|
22147
|
-
};
|
|
22148
|
-
const addEventListeners = (root) => {
|
|
22149
|
-
root.addEventListener("click", handleInvokerActivation);
|
|
22150
|
-
root.addEventListener("keydown", onKeydown);
|
|
22151
|
-
root.addEventListener("pointerdown", lightDismissOpenPopovers);
|
|
22152
|
-
root.addEventListener("pointerup", lightDismissOpenPopovers);
|
|
22153
|
-
};
|
|
22154
|
-
addEventListeners(document);
|
|
22155
|
-
injectStyles(document);
|
|
22156
|
-
}
|
|
22157
|
-
|
|
22158
|
-
const duration = 250;
|
|
22159
|
-
const easing = 'ease-out';
|
|
22160
|
-
function popIn(el) {
|
|
22161
|
-
if (!el)
|
|
22162
|
-
return;
|
|
22163
|
-
return el.animate([
|
|
22164
|
-
{ transform: 'scale(0.9)', opacity: 0 },
|
|
22165
|
-
{ transform: 'scale(1)', opacity: 1 },
|
|
22166
|
-
], {
|
|
22167
|
-
duration,
|
|
22168
|
-
easing,
|
|
22169
|
-
fill: 'forwards',
|
|
22170
|
-
});
|
|
22171
|
-
}
|
|
22172
|
-
|
|
22173
|
-
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))}`;
|
|
22174
|
-
|
|
22175
|
-
const ANIMATIONS = {
|
|
22176
|
-
'pop-in': popIn,
|
|
21662
|
+
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))}`;
|
|
21663
|
+
|
|
21664
|
+
const ANIMATIONS = {
|
|
21665
|
+
'pop-in': popIn,
|
|
22177
21666
|
};
|
|
22178
21667
|
/**
|
|
22179
21668
|
* @slot - Default slot for placing content inside the popovercontainer.
|
|
@@ -22186,6 +21675,7 @@ class PostPopovercontainer {
|
|
|
22186
21675
|
this.postHide = createEvent(this, "postHide");
|
|
22187
21676
|
this.postBeforeToggle = createEvent(this, "postBeforeToggle");
|
|
22188
21677
|
this.postToggle = createEvent(this, "postToggle");
|
|
21678
|
+
this.toggleTimeoutId = null;
|
|
22189
21679
|
this.hasOpenedOnce = true;
|
|
22190
21680
|
/**
|
|
22191
21681
|
* Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
|
|
@@ -22206,6 +21696,7 @@ class PostPopovercontainer {
|
|
|
22206
21696
|
*/
|
|
22207
21697
|
this.animation = 'pop-in';
|
|
22208
21698
|
this.currentAnimation = null;
|
|
21699
|
+
this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
|
|
22209
21700
|
}
|
|
22210
21701
|
validatePlacement() {
|
|
22211
21702
|
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
@@ -22226,9 +21717,6 @@ class PostPopovercontainer {
|
|
|
22226
21717
|
this.host.style.setProperty('--post-safe-space-cursor-y', `${event.clientY}px`);
|
|
22227
21718
|
}
|
|
22228
21719
|
connectedCallback() {
|
|
22229
|
-
if (IS_BROWSER && !isSupported()) {
|
|
22230
|
-
apply();
|
|
22231
|
-
}
|
|
22232
21720
|
}
|
|
22233
21721
|
componentDidLoad() {
|
|
22234
21722
|
this.validatePlacement();
|
|
@@ -22301,7 +21789,7 @@ class PostPopovercontainer {
|
|
|
22301
21789
|
}
|
|
22302
21790
|
}
|
|
22303
21791
|
if (this.safeSpace) {
|
|
22304
|
-
|
|
21792
|
+
globalThis.addEventListener('mousemove', this.boundMouseTrackingHandler);
|
|
22305
21793
|
}
|
|
22306
21794
|
}
|
|
22307
21795
|
/**
|
|
@@ -22312,7 +21800,7 @@ class PostPopovercontainer {
|
|
|
22312
21800
|
this.clearAutoUpdate();
|
|
22313
21801
|
}
|
|
22314
21802
|
if (this.safeSpace) {
|
|
22315
|
-
|
|
21803
|
+
globalThis.removeEventListener('mousemove', this.boundMouseTrackingHandler);
|
|
22316
21804
|
}
|
|
22317
21805
|
// Cancel any running animation
|
|
22318
21806
|
if (this.currentAnimation) {
|
|
@@ -22368,7 +21856,7 @@ class PostPopovercontainer {
|
|
|
22368
21856
|
* @param e ToggleEvent
|
|
22369
21857
|
*/
|
|
22370
21858
|
handleToggle(e) {
|
|
22371
|
-
this.toggleTimeoutId =
|
|
21859
|
+
this.toggleTimeoutId = globalThis.setTimeout(() => (this.toggleTimeoutId = null), 10);
|
|
22372
21860
|
const isOpen = e.newState === 'open';
|
|
22373
21861
|
if (isOpen) {
|
|
22374
21862
|
this.open();
|
|
@@ -22391,7 +21879,7 @@ class PostPopovercontainer {
|
|
|
22391
21879
|
*/
|
|
22392
21880
|
getHeaderHeight() {
|
|
22393
21881
|
const header = document.querySelector('post-header');
|
|
22394
|
-
return header ? parseFloat(getComputedStyle(header).height) : 0;
|
|
21882
|
+
return header ? Number.parseFloat(getComputedStyle(header).height) : 0;
|
|
22395
21883
|
}
|
|
22396
21884
|
async calculatePosition() {
|
|
22397
21885
|
const { x, y, middlewareData, placement } = await this.computeMainPosition();
|
|
@@ -22428,17 +21916,23 @@ class PostPopovercontainer {
|
|
|
22428
21916
|
}
|
|
22429
21917
|
async computeMainPosition() {
|
|
22430
21918
|
const gap = this.edgeGap;
|
|
22431
|
-
const
|
|
22432
|
-
|
|
22433
|
-
|
|
21919
|
+
const isAligned = (this.placement || 'top').includes('-');
|
|
21920
|
+
const flipMiddleware = flip({
|
|
21921
|
+
padding: this.getHeaderHeight(),
|
|
21922
|
+
crossAxis: false,
|
|
21923
|
+
});
|
|
21924
|
+
const shiftMiddleware = shift({
|
|
21925
|
+
padding: gap,
|
|
21926
|
+
limiter: limitShift({
|
|
21927
|
+
offset: 32,
|
|
22434
21928
|
}),
|
|
21929
|
+
});
|
|
21930
|
+
const middleware = [
|
|
21931
|
+
offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
|
|
22435
21932
|
inline(),
|
|
22436
|
-
|
|
22437
|
-
|
|
22438
|
-
|
|
22439
|
-
offset: 32,
|
|
22440
|
-
}),
|
|
22441
|
-
}),
|
|
21933
|
+
// Per floating-ui docs: for aligned placements (e.g. bottom-end),
|
|
21934
|
+
// flip should come before shift. For non-aligned, shift before flip.
|
|
21935
|
+
...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
|
|
22442
21936
|
size({
|
|
22443
21937
|
apply({ availableWidth, elements }) {
|
|
22444
21938
|
Object.assign(elements.floating.style, {
|
|
@@ -22446,7 +21940,6 @@ class PostPopovercontainer {
|
|
|
22446
21940
|
});
|
|
22447
21941
|
},
|
|
22448
21942
|
}),
|
|
22449
|
-
offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
|
|
22450
21943
|
];
|
|
22451
21944
|
if (this.arrow) {
|
|
22452
21945
|
middleware.push(arrow({ element: this.arrowRef, padding: gap }));
|
|
@@ -22518,9 +22011,9 @@ class PostPopovercontainer {
|
|
|
22518
22011
|
}
|
|
22519
22012
|
}
|
|
22520
22013
|
render() {
|
|
22521
|
-
return (hAsync(Host, { key: '
|
|
22014
|
+
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 => {
|
|
22522
22015
|
this.arrowRef = el;
|
|
22523
|
-
} })), hAsync("slot", { key: '
|
|
22016
|
+
} })), hAsync("slot", { key: 'e9231da953aa6b0e4c63eede8aba900f16fab4b6' }))));
|
|
22524
22017
|
}
|
|
22525
22018
|
get host() { return getElement(this); }
|
|
22526
22019
|
static get watchers() { return {
|
|
@@ -22666,7 +22159,7 @@ class PostRating {
|
|
|
22666
22159
|
}
|
|
22667
22160
|
}
|
|
22668
22161
|
render() {
|
|
22669
|
-
return (hAsync(Host, { key: '
|
|
22162
|
+
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: {
|
|
22670
22163
|
'star': true,
|
|
22671
22164
|
'before-hover': i < this.hoveredIndex,
|
|
22672
22165
|
'active': i < Math.round(this.currentRating),
|
|
@@ -22758,7 +22251,7 @@ class PostStepper {
|
|
|
22758
22251
|
updateActiveStepNumber() {
|
|
22759
22252
|
if (this.textStepNumber) {
|
|
22760
22253
|
const labelTemplate = this.textStepNumber;
|
|
22761
|
-
this.mobileActiveStepLabel = labelTemplate.
|
|
22254
|
+
this.mobileActiveStepLabel = labelTemplate.replaceAll('#number', `${this.selectedIndex + 1}`);
|
|
22762
22255
|
if (this.stepItems) {
|
|
22763
22256
|
this.updateMobileActiveStepVisibility();
|
|
22764
22257
|
}
|
|
@@ -22812,7 +22305,7 @@ class PostStepper {
|
|
|
22812
22305
|
}
|
|
22813
22306
|
}
|
|
22814
22307
|
render() {
|
|
22815
|
-
return (hAsync(Host, { key: '
|
|
22308
|
+
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 }))));
|
|
22816
22309
|
}
|
|
22817
22310
|
get host() { return getElement(this); }
|
|
22818
22311
|
static get watchers() { return {
|
|
@@ -22858,7 +22351,7 @@ class PostStepperItem {
|
|
|
22858
22351
|
registerInstance(this, hostRef);
|
|
22859
22352
|
}
|
|
22860
22353
|
render() {
|
|
22861
|
-
return (hAsync(Host, { key: '
|
|
22354
|
+
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' })))));
|
|
22862
22355
|
}
|
|
22863
22356
|
static get style() { return postStepperItemCss(); }
|
|
22864
22357
|
static get cmpMeta() { return {
|
|
@@ -22905,7 +22398,7 @@ class PostTabItem {
|
|
|
22905
22398
|
this.isNavigationMode = hasAnchor;
|
|
22906
22399
|
}
|
|
22907
22400
|
render() {
|
|
22908
|
-
return (hAsync(Host, { key: '
|
|
22401
|
+
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' })));
|
|
22909
22402
|
}
|
|
22910
22403
|
get host() { return getElement(this); }
|
|
22911
22404
|
static get watchers() { return {
|
|
@@ -22946,7 +22439,7 @@ class PostTabPanel {
|
|
|
22946
22439
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
22947
22440
|
}
|
|
22948
22441
|
render() {
|
|
22949
|
-
return (hAsync(Host, { key: '
|
|
22442
|
+
return (hAsync(Host, { key: '27d2f9dedd65a3500d477ce979ace6d9eb0d429a', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: '890e7ec2bcf451d3281b224601597db281d6da58' })));
|
|
22950
22443
|
}
|
|
22951
22444
|
get host() { return getElement(this); }
|
|
22952
22445
|
static get watchers() { return {
|
|
@@ -23103,7 +22596,7 @@ class PostTabs {
|
|
|
23103
22596
|
// This works even before post-tab-item sets data-navigation-mode attribute
|
|
23104
22597
|
const hasNavigationTabs = this.tabs.some(tab => {
|
|
23105
22598
|
const hasAnchor = tab.querySelector('a') !== null;
|
|
23106
|
-
const navModeAttr = tab.
|
|
22599
|
+
const navModeAttr = tab.dataset.navigationMode === 'true';
|
|
23107
22600
|
return hasAnchor || navModeAttr;
|
|
23108
22601
|
});
|
|
23109
22602
|
const hasPanels = this.panels.length > 0;
|
|
@@ -23252,7 +22745,7 @@ class PostTabs {
|
|
|
23252
22745
|
nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];
|
|
23253
22746
|
}
|
|
23254
22747
|
else {
|
|
23255
|
-
nextTab = this.tabs[activeTabIndex - 1] || this.tabs
|
|
22748
|
+
nextTab = this.tabs[activeTabIndex - 1] || this.tabs.at(-1);
|
|
23256
22749
|
}
|
|
23257
22750
|
if (!nextTab)
|
|
23258
22751
|
return;
|
|
@@ -23261,10 +22754,10 @@ class PostTabs {
|
|
|
23261
22754
|
}
|
|
23262
22755
|
render() {
|
|
23263
22756
|
const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
|
|
23264
|
-
return (hAsync(Host, { key: '
|
|
22757
|
+
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: () => {
|
|
23265
22758
|
this.moveMisplacedTabs();
|
|
23266
22759
|
this.enableTabs();
|
|
23267
|
-
} }))), !this.isNavigationMode && (hAsync("div", { key: '
|
|
22760
|
+
} }))), !this.isNavigationMode && (hAsync("div", { key: '4bfd0fb25e0070b0a8ebeef0127cb8ac2b097bc0', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: 'ecf2630c87dce6a797c1c13d31e5ead2b7f903d8', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
23268
22761
|
}
|
|
23269
22762
|
get host() { return getElement(this); }
|
|
23270
22763
|
static get watchers() { return {
|
|
@@ -23319,7 +22812,7 @@ class PostTogglebutton {
|
|
|
23319
22812
|
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
|
|
23320
22813
|
}
|
|
23321
22814
|
render() {
|
|
23322
|
-
return (hAsync(Host, { key: '
|
|
22815
|
+
return (hAsync(Host, { key: 'fdf27aa68db2c3e6757176894b5b293a563e444d', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '2be2ca3e516a3ee6f39f9dc943142cf5e138d1b2' })));
|
|
23323
22816
|
}
|
|
23324
22817
|
get host() { return getElement(this); }
|
|
23325
22818
|
static get style() { return postTogglebuttonCss(); }
|
|
@@ -23400,7 +22893,7 @@ class PostTooltip {
|
|
|
23400
22893
|
}
|
|
23401
22894
|
render() {
|
|
23402
22895
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
23403
|
-
return (hAsync(Host, { key: '
|
|
22896
|
+
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' }))));
|
|
23404
22897
|
}
|
|
23405
22898
|
get host() { return getElement(this); }
|
|
23406
22899
|
static get watchers() { return {
|
|
@@ -23429,11 +22922,6 @@ class PostTooltip {
|
|
|
23429
22922
|
const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
|
|
23430
22923
|
|
|
23431
22924
|
const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
|
|
23432
|
-
if (IS_BROWSER) {
|
|
23433
|
-
(async () => {
|
|
23434
|
-
await Promise.resolve().then(function () { return longPressEvent; });
|
|
23435
|
-
})();
|
|
23436
|
-
}
|
|
23437
22925
|
/**
|
|
23438
22926
|
* @slot default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically.
|
|
23439
22927
|
*/
|
|
@@ -23459,10 +22947,7 @@ class PostTooltipTrigger {
|
|
|
23459
22947
|
checkEmptyOrType(this, 'for', 'string');
|
|
23460
22948
|
}
|
|
23461
22949
|
get tooltip() {
|
|
23462
|
-
|
|
23463
|
-
return null;
|
|
23464
|
-
const ref = document.getElementById(this.for);
|
|
23465
|
-
return ref?.localName === 'post-tooltip' ? ref : null;
|
|
22950
|
+
return null;
|
|
23466
22951
|
}
|
|
23467
22952
|
componentDidLoad() {
|
|
23468
22953
|
this.setupTrigger();
|
|
@@ -23503,7 +22988,7 @@ class PostTooltipTrigger {
|
|
|
23503
22988
|
setupTrigger() {
|
|
23504
22989
|
this.trigger = this.host.querySelector('*');
|
|
23505
22990
|
if (this.trigger) {
|
|
23506
|
-
if (!isFocusable
|
|
22991
|
+
if (!isFocusable(this.trigger)) {
|
|
23507
22992
|
this.trigger.setAttribute('tabindex', '0');
|
|
23508
22993
|
}
|
|
23509
22994
|
const describedBy = this.trigger.getAttribute('aria-describedby') || '';
|
|
@@ -23578,7 +23063,7 @@ class PostTooltipTrigger {
|
|
|
23578
23063
|
interestHandler() {
|
|
23579
23064
|
if (this.trigger) {
|
|
23580
23065
|
if (this.delay > 0) {
|
|
23581
|
-
this.delayTimeout =
|
|
23066
|
+
this.delayTimeout = globalThis.setTimeout(() => {
|
|
23582
23067
|
this.tooltip?.show(this.trigger);
|
|
23583
23068
|
this.delayTimeout = null;
|
|
23584
23069
|
}, this.delay);
|
|
@@ -23596,7 +23081,7 @@ class PostTooltipTrigger {
|
|
|
23596
23081
|
this.tooltip?.hide();
|
|
23597
23082
|
}
|
|
23598
23083
|
render() {
|
|
23599
|
-
return (hAsync(Host, { key: '
|
|
23084
|
+
return (hAsync(Host, { key: '130a5d8ad8e981ee3f46fbbfcab74afd4c2dce18', "data-version": version$1 }, hAsync("slot", { key: '6718994fc17acb24dbc176110c9a0356c4158e38', onSlotchange: () => this.handleSlotChange() })));
|
|
23600
23085
|
}
|
|
23601
23086
|
get host() { return getElement(this); }
|
|
23602
23087
|
static get watchers() { return {
|
|
@@ -23621,6 +23106,7 @@ class PostTooltipTrigger {
|
|
|
23621
23106
|
registerComponents([
|
|
23622
23107
|
PostAccordion,
|
|
23623
23108
|
PostAccordionItem,
|
|
23109
|
+
PostAutocomplete,
|
|
23624
23110
|
PostAvatar,
|
|
23625
23111
|
PostBackToTop,
|
|
23626
23112
|
PostBanner,
|
|
@@ -23630,13 +23116,14 @@ registerComponents([
|
|
|
23630
23116
|
PostCollapsible,
|
|
23631
23117
|
PostCollapsibleTrigger,
|
|
23632
23118
|
PostDatePicker,
|
|
23633
|
-
PostEnvTest,
|
|
23634
23119
|
PostFooter,
|
|
23635
23120
|
PostHeader,
|
|
23636
23121
|
PostIcon,
|
|
23637
23122
|
PostLanguageMenu,
|
|
23638
23123
|
PostLanguageMenuItem,
|
|
23639
23124
|
PostLinkarea,
|
|
23125
|
+
PostListbox,
|
|
23126
|
+
PostListboxOption,
|
|
23640
23127
|
PostLogo,
|
|
23641
23128
|
PostMainnavigation,
|
|
23642
23129
|
PostMegadropdown,
|
|
@@ -23660,275 +23147,6 @@ registerComponents([
|
|
|
23660
23147
|
PostTooltipTrigger,
|
|
23661
23148
|
]);
|
|
23662
23149
|
|
|
23663
|
-
/*!
|
|
23664
|
-
* long-press-event - v@version@
|
|
23665
|
-
* Pure JavaScript long-press-event
|
|
23666
|
-
* https://github.com/john-doherty/long-press-event
|
|
23667
|
-
* @author John Doherty <www.johndoherty.info>
|
|
23668
|
-
* @license MIT
|
|
23669
|
-
*/
|
|
23670
|
-
(function (window, document) {
|
|
23671
|
-
|
|
23672
|
-
// local timer object based on rAF
|
|
23673
|
-
var timer = null;
|
|
23674
|
-
|
|
23675
|
-
// check if we're using a touch screen
|
|
23676
|
-
var hasPointerEvents = (('PointerEvent' in window) || (window.navigator && 'msPointerEnabled' in window.navigator));
|
|
23677
|
-
var isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
|
|
23678
|
-
|
|
23679
|
-
// switch to pointer events or touch events if using a touch screen
|
|
23680
|
-
var mouseDown = hasPointerEvents ? 'pointerdown' : isTouch ? 'touchstart' : 'mousedown';
|
|
23681
|
-
var mouseUp = hasPointerEvents ? 'pointerup' : isTouch ? 'touchend' : 'mouseup';
|
|
23682
|
-
var mouseMove = hasPointerEvents ? 'pointermove' : isTouch ? 'touchmove' : 'mousemove';
|
|
23683
|
-
var mouseLeave = hasPointerEvents ? 'pointerleave' : isTouch ? 'touchleave' : 'mouseleave';
|
|
23684
|
-
|
|
23685
|
-
// track number of pixels the mouse moves during long press
|
|
23686
|
-
var startX = 0; // mouse x position when timer started
|
|
23687
|
-
var startY = 0; // mouse y position when timer started
|
|
23688
|
-
var maxDiffX = 10; // max number of X pixels the mouse can move during long press before it is canceled
|
|
23689
|
-
var maxDiffY = 10; // max number of Y pixels the mouse can move during long press before it is canceled
|
|
23690
|
-
|
|
23691
|
-
// patch CustomEvent to allow constructor creation (IE/Chrome)
|
|
23692
|
-
if (typeof window.CustomEvent !== 'function') {
|
|
23693
|
-
|
|
23694
|
-
window.CustomEvent = function (event, params) {
|
|
23695
|
-
|
|
23696
|
-
params = params || { bubbles: false, cancelable: false, detail: undefined };
|
|
23697
|
-
|
|
23698
|
-
var evt = document.createEvent('CustomEvent');
|
|
23699
|
-
evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
|
|
23700
|
-
return evt;
|
|
23701
|
-
};
|
|
23702
|
-
|
|
23703
|
-
window.CustomEvent.prototype = window.Event.prototype;
|
|
23704
|
-
}
|
|
23705
|
-
|
|
23706
|
-
// requestAnimationFrame() shim by Paul Irish
|
|
23707
|
-
window.requestAnimFrame = (function () {
|
|
23708
|
-
return window.requestAnimationFrame ||
|
|
23709
|
-
window.webkitRequestAnimationFrame ||
|
|
23710
|
-
window.mozRequestAnimationFrame ||
|
|
23711
|
-
window.oRequestAnimationFrame ||
|
|
23712
|
-
window.msRequestAnimationFrame || function (callback) {
|
|
23713
|
-
window.setTimeout(callback, 1000 / 60);
|
|
23714
|
-
};
|
|
23715
|
-
})();
|
|
23716
|
-
|
|
23717
|
-
/**
|
|
23718
|
-
* Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
|
|
23719
|
-
* @param {function} fn The callback function
|
|
23720
|
-
* @param {int} delay The delay in milliseconds
|
|
23721
|
-
* @returns {object} handle to the timeout object
|
|
23722
|
-
*/
|
|
23723
|
-
function requestTimeout(fn, delay) {
|
|
23724
|
-
|
|
23725
|
-
if (!window.requestAnimationFrame && !window.webkitRequestAnimationFrame &&
|
|
23726
|
-
!(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support
|
|
23727
|
-
!window.oRequestAnimationFrame && !window.msRequestAnimationFrame) return window.setTimeout(fn, delay);
|
|
23728
|
-
|
|
23729
|
-
var start = new Date().getTime();
|
|
23730
|
-
var handle = {};
|
|
23731
|
-
|
|
23732
|
-
var loop = function () {
|
|
23733
|
-
var current = new Date().getTime();
|
|
23734
|
-
var delta = current - start;
|
|
23735
|
-
|
|
23736
|
-
if (delta >= delay) {
|
|
23737
|
-
fn.call();
|
|
23738
|
-
}
|
|
23739
|
-
else {
|
|
23740
|
-
handle.value = requestAnimFrame(loop);
|
|
23741
|
-
}
|
|
23742
|
-
};
|
|
23743
|
-
|
|
23744
|
-
handle.value = requestAnimFrame(loop);
|
|
23745
|
-
|
|
23746
|
-
return handle;
|
|
23747
|
-
}
|
|
23748
|
-
|
|
23749
|
-
/**
|
|
23750
|
-
* Behaves the same as clearTimeout except uses cancelRequestAnimationFrame() where possible for better performance
|
|
23751
|
-
* @param {object} handle The callback function
|
|
23752
|
-
* @returns {void}
|
|
23753
|
-
*/
|
|
23754
|
-
function clearRequestTimeout(handle) {
|
|
23755
|
-
if (handle) {
|
|
23756
|
-
window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) :
|
|
23757
|
-
window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) :
|
|
23758
|
-
window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */
|
|
23759
|
-
window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) :
|
|
23760
|
-
window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) :
|
|
23761
|
-
window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) :
|
|
23762
|
-
clearTimeout(handle);
|
|
23763
|
-
}
|
|
23764
|
-
}
|
|
23765
|
-
|
|
23766
|
-
/**
|
|
23767
|
-
* Fires the 'long-press' event on element
|
|
23768
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} originalEvent The original event being fired
|
|
23769
|
-
* @returns {void}
|
|
23770
|
-
*/
|
|
23771
|
-
function fireLongPressEvent(originalEvent) {
|
|
23772
|
-
|
|
23773
|
-
clearLongPressTimer();
|
|
23774
|
-
|
|
23775
|
-
originalEvent = unifyEvent(originalEvent);
|
|
23776
|
-
|
|
23777
|
-
// fire the long-press event
|
|
23778
|
-
var allowClickEvent = this.dispatchEvent(new CustomEvent('long-press', {
|
|
23779
|
-
bubbles: true,
|
|
23780
|
-
cancelable: true,
|
|
23781
|
-
|
|
23782
|
-
// custom event data (legacy)
|
|
23783
|
-
detail: {
|
|
23784
|
-
clientX: originalEvent.clientX,
|
|
23785
|
-
clientY: originalEvent.clientY,
|
|
23786
|
-
offsetX: originalEvent.offsetX,
|
|
23787
|
-
offsetY: originalEvent.offsetY,
|
|
23788
|
-
pageX: originalEvent.pageX,
|
|
23789
|
-
pageY: originalEvent.pageY
|
|
23790
|
-
},
|
|
23791
|
-
|
|
23792
|
-
// add coordinate data that would typically acompany a touch/click event
|
|
23793
|
-
clientX: originalEvent.clientX,
|
|
23794
|
-
clientY: originalEvent.clientY,
|
|
23795
|
-
offsetX: originalEvent.offsetX,
|
|
23796
|
-
offsetY: originalEvent.offsetY,
|
|
23797
|
-
pageX: originalEvent.pageX,
|
|
23798
|
-
pageY: originalEvent.pageY,
|
|
23799
|
-
screenX: originalEvent.screenX,
|
|
23800
|
-
screenY: originalEvent.screenY
|
|
23801
|
-
}));
|
|
23802
|
-
|
|
23803
|
-
if (!allowClickEvent) {
|
|
23804
|
-
// suppress the next click event if e.preventDefault() was called in long-press handler
|
|
23805
|
-
document.addEventListener('click', function suppressEvent(e) {
|
|
23806
|
-
document.removeEventListener('click', suppressEvent, true);
|
|
23807
|
-
cancelEvent(e);
|
|
23808
|
-
}, true);
|
|
23809
|
-
}
|
|
23810
|
-
}
|
|
23811
|
-
|
|
23812
|
-
/**
|
|
23813
|
-
* consolidates mouse, touch, and Pointer events
|
|
23814
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} e The original event being fired
|
|
23815
|
-
* @returns {MouseEvent|PointerEvent|Touch}
|
|
23816
|
-
*/
|
|
23817
|
-
function unifyEvent(e) {
|
|
23818
|
-
if (e.changedTouches !== undefined) {
|
|
23819
|
-
return e.changedTouches[0];
|
|
23820
|
-
}
|
|
23821
|
-
return e;
|
|
23822
|
-
}
|
|
23823
|
-
|
|
23824
|
-
/**
|
|
23825
|
-
* method responsible for starting the long press timer
|
|
23826
|
-
* @param {event} e - event object
|
|
23827
|
-
* @returns {void}
|
|
23828
|
-
*/
|
|
23829
|
-
function startLongPressTimer(e) {
|
|
23830
|
-
|
|
23831
|
-
clearLongPressTimer();
|
|
23832
|
-
|
|
23833
|
-
var el = e.target;
|
|
23834
|
-
|
|
23835
|
-
// get delay from html attribute if it exists, otherwise default to 1500
|
|
23836
|
-
var longPressDelayInMs = parseInt(getNearestAttribute(el, 'data-long-press-delay', '1500'), 10); // default 1500
|
|
23837
|
-
|
|
23838
|
-
// start the timer
|
|
23839
|
-
timer = requestTimeout(fireLongPressEvent.bind(el, e), longPressDelayInMs);
|
|
23840
|
-
}
|
|
23841
|
-
|
|
23842
|
-
/**
|
|
23843
|
-
* method responsible for clearing a pending long press timer
|
|
23844
|
-
* @param {event} e - event object
|
|
23845
|
-
* @returns {void}
|
|
23846
|
-
*/
|
|
23847
|
-
function clearLongPressTimer(e) {
|
|
23848
|
-
clearRequestTimeout(timer);
|
|
23849
|
-
timer = null;
|
|
23850
|
-
}
|
|
23851
|
-
|
|
23852
|
-
/**
|
|
23853
|
-
* Cancels the current event
|
|
23854
|
-
* @param {object} e - browser event object
|
|
23855
|
-
* @returns {void}
|
|
23856
|
-
*/
|
|
23857
|
-
function cancelEvent(e) {
|
|
23858
|
-
e.stopImmediatePropagation();
|
|
23859
|
-
e.preventDefault();
|
|
23860
|
-
e.stopPropagation();
|
|
23861
|
-
}
|
|
23862
|
-
|
|
23863
|
-
/**
|
|
23864
|
-
* Starts the timer on mouse down and logs current position
|
|
23865
|
-
* @param {object} e - browser event object
|
|
23866
|
-
* @returns {void}
|
|
23867
|
-
*/
|
|
23868
|
-
function mouseDownHandler(e) {
|
|
23869
|
-
startX = e.clientX;
|
|
23870
|
-
startY = e.clientY;
|
|
23871
|
-
startLongPressTimer(e);
|
|
23872
|
-
}
|
|
23873
|
-
|
|
23874
|
-
/**
|
|
23875
|
-
* If the mouse moves n pixels during long-press, cancel the timer
|
|
23876
|
-
* @param {object} e - browser event object
|
|
23877
|
-
* @returns {void}
|
|
23878
|
-
*/
|
|
23879
|
-
function mouseMoveHandler(e) {
|
|
23880
|
-
|
|
23881
|
-
// calculate total number of pixels the pointer has moved
|
|
23882
|
-
var diffX = Math.abs(startX - e.clientX);
|
|
23883
|
-
var diffY = Math.abs(startY - e.clientY);
|
|
23884
|
-
|
|
23885
|
-
// if pointer has moved more than allowed, cancel the long-press timer and therefore the event
|
|
23886
|
-
if (diffX >= maxDiffX || diffY >= maxDiffY) {
|
|
23887
|
-
clearLongPressTimer();
|
|
23888
|
-
}
|
|
23889
|
-
}
|
|
23890
|
-
|
|
23891
|
-
/**
|
|
23892
|
-
* Gets attribute off HTML element or nearest parent
|
|
23893
|
-
* @param {object} el - HTML element to retrieve attribute from
|
|
23894
|
-
* @param {string} attributeName - name of the attribute
|
|
23895
|
-
* @param {any} defaultValue - default value to return if no match found
|
|
23896
|
-
* @returns {any} attribute value or defaultValue
|
|
23897
|
-
*/
|
|
23898
|
-
function getNearestAttribute(el, attributeName, defaultValue) {
|
|
23899
|
-
|
|
23900
|
-
// walk up the dom tree looking for data-action and data-trigger
|
|
23901
|
-
while (el && el !== document.documentElement) {
|
|
23902
|
-
|
|
23903
|
-
var attributeValue = el.getAttribute(attributeName);
|
|
23904
|
-
|
|
23905
|
-
if (attributeValue) {
|
|
23906
|
-
return attributeValue;
|
|
23907
|
-
}
|
|
23908
|
-
|
|
23909
|
-
el = el.parentNode;
|
|
23910
|
-
}
|
|
23911
|
-
|
|
23912
|
-
return defaultValue;
|
|
23913
|
-
}
|
|
23914
|
-
|
|
23915
|
-
// hook events that clear a pending long press event
|
|
23916
|
-
document.addEventListener(mouseUp, clearLongPressTimer, true);
|
|
23917
|
-
document.addEventListener(mouseLeave, clearLongPressTimer, true);
|
|
23918
|
-
document.addEventListener(mouseMove, mouseMoveHandler, true);
|
|
23919
|
-
document.addEventListener('wheel', clearLongPressTimer, true);
|
|
23920
|
-
document.addEventListener('scroll', clearLongPressTimer, true);
|
|
23921
|
-
document.addEventListener('contextmenu', clearLongPressTimer, true);
|
|
23922
|
-
|
|
23923
|
-
// hook events that can trigger a long press event
|
|
23924
|
-
document.addEventListener(mouseDown, mouseDownHandler, true); // <- start
|
|
23925
|
-
|
|
23926
|
-
}(window, document));
|
|
23927
|
-
|
|
23928
|
-
var longPressEvent = /*#__PURE__*/Object.freeze({
|
|
23929
|
-
__proto__: null
|
|
23930
|
-
});
|
|
23931
|
-
|
|
23932
23150
|
exports.hydrateApp = hydrateApp;
|
|
23933
23151
|
|
|
23934
23152
|
|