@swisspost/design-system-components 10.0.0-next.71 → 10.0.0-next.72
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/create-validator-decorator-Bnx17kwi.js +223 -0
- package/dist/cjs/{index-CCteMCnR.js → index-ngUOBQot.js} +5 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/one-of-BHyX4vYq.js +27 -0
- package/dist/cjs/{package-CscM89A7.js → package-Bi-tiNRc.js} +1 -1
- package/dist/cjs/pattern-BgBx5zGQ.js +27 -0
- package/dist/cjs/post-accordion_2.cjs.entry.js +15 -21
- package/dist/cjs/post-autocomplete.cjs.entry.js +26 -13
- package/dist/cjs/post-avatar.cjs.entry.js +30 -33
- package/dist/cjs/post-back-to-top.cjs.entry.js +20 -11
- package/dist/cjs/post-banner.cjs.entry.js +8 -13
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +33 -23
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +33 -34
- package/dist/cjs/post-closebutton_14.cjs.entry.js +238 -272
- package/dist/cjs/post-collapsible_2.cjs.entry.js +56 -39
- package/dist/cjs/post-components.cjs.js +2 -2
- package/dist/cjs/post-date-picker.cjs.entry.js +140 -138
- package/dist/cjs/post-footer.cjs.entry.js +24 -17
- package/dist/cjs/post-linkarea.cjs.entry.js +2 -2
- package/dist/cjs/post-listbox-option.cjs.entry.js +2 -2
- package/dist/cjs/post-listbox.cjs.entry.js +3 -5
- package/dist/cjs/post-login-widget.cjs.entry.js +28 -29
- package/dist/cjs/post-number-input.cjs.entry.js +2 -2
- package/dist/cjs/post-pagination.cjs.entry.js +50 -80
- package/dist/cjs/post-popover-trigger.cjs.entry.js +21 -18
- package/dist/cjs/post-popover.cjs.entry.js +24 -22
- package/dist/cjs/post-progressbar.cjs.entry.js +147 -0
- package/dist/cjs/post-rating.cjs.entry.js +33 -34
- package/dist/cjs/post-stepper-item.cjs.entry.js +3 -3
- package/dist/cjs/post-stepper.cjs.entry.js +48 -37
- package/dist/cjs/post-tab-item.cjs.entry.js +20 -12
- package/dist/cjs/post-tab-panel.cjs.entry.js +20 -13
- package/dist/cjs/post-tabs.cjs.entry.js +21 -7
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +21 -12
- package/dist/cjs/post-tooltip.cjs.entry.js +19 -16
- package/dist/cjs/required-lRDOdbd6.js +44 -0
- package/dist/cjs/type-shT641Eo.js +30 -0
- package/dist/cjs/url-DRUMqVBq.js +34 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/post-accordion/post-accordion.js +11 -8
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +4 -17
- package/dist/collection/components/post-autocomplete/post-autocomplete.js +23 -13
- package/dist/collection/components/post-avatar/post-avatar.js +27 -33
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +17 -10
- package/dist/collection/components/post-banner/post-banner.js +7 -14
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +27 -22
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +29 -34
- package/dist/collection/components/post-closebutton/post-closebutton.js +24 -27
- package/dist/collection/components/post-collapsible/post-collapsible.js +26 -16
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +34 -30
- package/dist/collection/components/post-date-picker/post-date-picker.js +64 -96
- package/dist/collection/components/post-footer/post-footer.js +17 -13
- package/dist/collection/components/post-header/post-header.js +18 -24
- package/dist/collection/components/post-icon/post-icon.js +34 -47
- package/dist/collection/components/post-language-menu/post-language-menu.js +15 -20
- package/dist/collection/components/post-language-menu-item/post-language-menu-item.js +28 -39
- package/dist/collection/components/post-linkarea/post-linkarea.js +1 -1
- package/dist/collection/components/post-listbox/post-listbox.js +3 -5
- package/dist/collection/components/post-listbox-option/post-listbox-option.js +1 -1
- package/dist/collection/components/post-login-widget/post-login-widget.js +25 -29
- package/dist/collection/components/post-logo/post-logo.js +16 -13
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +17 -13
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +24 -23
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +7 -15
- package/dist/collection/components/post-menu/post-menu.js +10 -23
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +17 -13
- package/dist/collection/components/post-number-input/post-number-input.js +3 -3
- package/dist/collection/components/post-pagination/post-pagination.js +47 -82
- package/dist/collection/components/post-popover/post-popover.js +20 -22
- package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +16 -14
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +25 -30
- package/dist/collection/components/post-progressbar/post-progressbar.css +1 -0
- package/dist/collection/components/post-progressbar/post-progressbar.js +136 -0
- package/dist/collection/components/post-rating/post-rating.js +25 -29
- package/dist/collection/components/post-stepper/post-stepper.js +44 -36
- package/dist/collection/components/post-stepper-item/post-stepper-item.js +2 -2
- package/dist/collection/components/post-tab-item/post-tab-item.js +17 -12
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +17 -13
- package/dist/collection/components/post-tabs/post-tabs.js +20 -7
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +5 -3
- package/dist/collection/components/post-tooltip/post-tooltip.js +17 -16
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +17 -12
- package/dist/collection/utils/index.js +3 -4
- package/dist/collection/utils/is-value-empty.js +1 -1
- package/dist/collection/utils/property-decorators/bound.js +75 -0
- package/dist/collection/utils/property-decorators/create-validator-decorator.js +24 -0
- package/dist/collection/utils/property-decorators/index.js +1 -1
- package/dist/collection/utils/property-decorators/required.js +19 -3
- package/dist/component-names.json +1 -0
- package/dist/components/breakpoints.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -1
- package/dist/components/one-of.js +1 -0
- package/dist/components/package.js +1 -1
- package/dist/components/pattern.js +1 -0
- package/dist/components/post-accordion-item2.js +1 -1
- package/dist/components/post-accordion2.js +1 -1
- package/dist/components/post-autocomplete.js +1 -1
- package/dist/components/post-avatar2.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-item.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-listbox.js +1 -1
- package/dist/components/post-login-widget.js +1 -1
- 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-trigger2.js +1 -1
- package/dist/components/post-menu2.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-progressbar.d.ts +11 -0
- package/dist/components/post-progressbar.js +1 -0
- 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-4wtxqxXu.js +1 -0
- package/dist/components/react/{p-DPKR_4uI.js → p-85IGlhtB.js} +1 -1
- package/dist/components/react/p-B9ZFuYey.js +1 -0
- package/dist/components/react/p-BXqGI600.js +1 -0
- package/dist/components/react/p-BZSAV0-K.js +1 -0
- package/dist/components/react/p-B_WnO-QF.js +1 -0
- package/dist/components/react/p-BaB8wJvk.js +1 -0
- package/dist/components/react/p-Bg9dtyzK.js +1 -0
- package/dist/components/react/p-Bji_4dfL.js +1 -0
- package/dist/components/react/p-Bn66acGG.js +1 -0
- package/dist/components/react/p-Bu2JeHDf.js +1 -0
- package/dist/components/react/p-BxoRVIIr.js +1 -0
- package/dist/components/react/p-CX2E_IXB.js +1 -0
- package/dist/components/react/p-Cd1TsNm7.js +1 -0
- package/dist/components/react/p-CkTAQJGd.js +1 -0
- package/dist/components/react/p-ClG-N42b.js +1 -0
- package/dist/components/react/p-D1zw8FxT.js +1 -0
- package/dist/components/react/p-DwuW52g5.js +1 -0
- package/dist/components/react/{p-BC0-M_SK.js → p-PM7l--ff.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.js +1 -1
- 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.js +1 -1
- package/dist/components/react/post-listbox.js +1 -1
- package/dist/components/react/post-login-widget.js +1 -1
- 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-progressbar.d.ts +11 -0
- package/dist/components/react/post-progressbar.js +1 -0
- 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/components/required.js +1 -0
- package/dist/components/type.js +1 -0
- package/dist/components/url.js +1 -0
- package/dist/docs.json +106 -4
- package/dist/esm/create-validator-decorator-D8qwF5Qe.js +218 -0
- package/dist/esm/{index-DmBWUef5.js → index-BbDawWJ5.js} +5 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/one-of-GPr3FflU.js +25 -0
- package/dist/esm/package-ClG-N42b.js +3 -0
- package/dist/esm/pattern-BWPRYpYv.js +25 -0
- package/dist/esm/post-accordion_2.entry.js +15 -21
- package/dist/esm/post-autocomplete.entry.js +26 -13
- package/dist/esm/post-avatar.entry.js +30 -33
- package/dist/esm/post-back-to-top.entry.js +20 -11
- package/dist/esm/post-banner.entry.js +8 -13
- package/dist/esm/post-breadcrumb-item.entry.js +33 -23
- package/dist/esm/post-breadcrumbs.entry.js +33 -34
- package/dist/esm/post-closebutton_14.entry.js +238 -272
- package/dist/esm/post-collapsible_2.entry.js +56 -39
- package/dist/esm/post-components.js +3 -3
- package/dist/esm/post-date-picker.entry.js +140 -138
- package/dist/esm/post-footer.entry.js +20 -13
- package/dist/esm/post-linkarea.entry.js +2 -2
- package/dist/esm/post-listbox-option.entry.js +2 -2
- package/dist/esm/post-listbox.entry.js +3 -5
- package/dist/esm/post-login-widget.entry.js +28 -29
- package/dist/esm/post-number-input.entry.js +2 -2
- package/dist/esm/post-pagination.entry.js +50 -80
- package/dist/esm/post-popover-trigger.entry.js +19 -16
- package/dist/esm/post-popover.entry.js +24 -22
- package/dist/esm/post-progressbar.entry.js +145 -0
- package/dist/esm/post-rating.entry.js +28 -29
- package/dist/esm/post-stepper-item.entry.js +3 -3
- package/dist/esm/post-stepper.entry.js +48 -37
- package/dist/esm/post-tab-item.entry.js +20 -12
- package/dist/esm/post-tab-panel.entry.js +20 -13
- package/dist/esm/post-tabs.entry.js +21 -7
- package/dist/esm/post-tooltip-trigger.entry.js +21 -12
- package/dist/esm/post-tooltip.entry.js +19 -16
- package/dist/esm/required-uK-rZZjy.js +42 -0
- package/dist/esm/type-obmwEgkM.js +28 -0
- package/dist/esm/url-B28ByZCe.js +32 -0
- package/dist/post-components/p-00f55af5.entry.js +1 -0
- package/dist/post-components/p-0288484f.entry.js +1 -0
- package/dist/post-components/p-07cdd022.entry.js +1 -0
- package/dist/post-components/{p-08a0e8e9.entry.js → p-12047216.entry.js} +1 -1
- package/dist/post-components/p-17df4e91.entry.js +1 -0
- package/dist/post-components/p-17e046fa.entry.js +1 -0
- package/dist/post-components/p-29bd31a0.entry.js +1 -0
- package/dist/post-components/p-2c6b4e6a.entry.js +1 -0
- package/dist/post-components/p-3b05e01d.entry.js +1 -0
- package/dist/post-components/p-53fd5230.entry.js +1 -0
- package/dist/post-components/p-5b7e6369.entry.js +1 -0
- package/dist/post-components/p-5f4ca179.entry.js +1 -0
- package/dist/post-components/p-62b6154a.entry.js +1 -0
- package/dist/post-components/{p-4b445a35.entry.js → p-686a6e22.entry.js} +1 -1
- package/dist/post-components/p-758fc84f.entry.js +1 -0
- package/dist/post-components/{p-bab0f27f.entry.js → p-7f929bb9.entry.js} +1 -1
- package/dist/post-components/p-9865f72c.entry.js +1 -0
- package/dist/post-components/p-99803d57.entry.js +1 -0
- package/dist/post-components/p-BRNqUiXj.js +1 -0
- package/dist/post-components/p-BbDawWJ5.js +2 -0
- package/dist/post-components/p-CVsNfXZd.js +1 -0
- package/dist/post-components/p-Ck2qPht6.js +1 -0
- package/dist/post-components/p-ClG-N42b.js +1 -0
- package/dist/post-components/p-D4F0BqBW.js +1 -0
- package/dist/post-components/p-DSNGJB58.js +1 -0
- package/dist/post-components/p-IUnDBhPg.js +1 -0
- package/dist/post-components/p-a0e0a760.entry.js +1 -0
- package/dist/post-components/p-a850652d.entry.js +1 -0
- package/dist/post-components/p-aac1a8ea.entry.js +1 -0
- package/dist/post-components/{p-39143e19.entry.js → p-b3f0f9a2.entry.js} +1 -1
- package/dist/post-components/p-c37dba4b.entry.js +1 -0
- package/dist/post-components/p-d061773b.entry.js +1 -0
- package/dist/post-components/p-e2370e94.entry.js +1 -0
- package/dist/post-components/p-f1ca1d3f.entry.js +1 -0
- package/dist/post-components/p-f2e5f44e.entry.js +1 -0
- package/dist/post-components/p-ff98ada4.entry.js +1 -0
- package/dist/post-components/post-components.css +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-accordion/post-accordion.d.ts +1 -1
- package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +0 -2
- package/dist/types/components/post-autocomplete/post-autocomplete.d.ts +0 -1
- package/dist/types/components/post-avatar/post-avatar.d.ts +0 -5
- package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +0 -1
- package/dist/types/components/post-banner/post-banner.d.ts +0 -1
- package/dist/types/components/post-breadcrumb-item/post-breadcrumb-item.d.ts +0 -3
- package/dist/types/components/post-breadcrumbs/post-breadcrumbs.d.ts +0 -4
- package/dist/types/components/post-closebutton/post-closebutton.d.ts +0 -3
- package/dist/types/components/post-collapsible/post-collapsible.d.ts +1 -2
- package/dist/types/components/post-collapsible-trigger/post-collapsible-trigger.d.ts +3 -6
- package/dist/types/components/post-date-picker/post-date-picker.d.ts +0 -12
- package/dist/types/components/post-footer/post-footer.d.ts +0 -1
- package/dist/types/components/post-header/post-header.d.ts +0 -2
- package/dist/types/components/post-icon/post-icon.d.ts +0 -6
- package/dist/types/components/post-language-menu/post-language-menu.d.ts +1 -3
- package/dist/types/components/post-language-menu-item/post-language-menu-item.d.ts +0 -5
- package/dist/types/components/post-login-widget/post-login-widget.d.ts +0 -4
- package/dist/types/components/post-logo/post-logo.d.ts +0 -1
- package/dist/types/components/post-mainnavigation/post-mainnavigation.d.ts +0 -1
- package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +1 -3
- package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts +0 -2
- package/dist/types/components/post-menu/post-menu.d.ts +1 -4
- package/dist/types/components/post-menu-trigger/post-menu-trigger.d.ts +0 -1
- package/dist/types/components/post-pagination/post-pagination.d.ts +0 -17
- package/dist/types/components/post-popover/post-popover.d.ts +1 -4
- package/dist/types/components/post-popover-trigger/post-popover-trigger.d.ts +0 -1
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +0 -3
- package/dist/types/components/post-progressbar/post-progressbar.d.ts +23 -0
- package/dist/types/components/post-rating/post-rating.d.ts +0 -4
- package/dist/types/components/post-stepper/post-stepper.d.ts +1 -4
- package/dist/types/components/post-tab-item/post-tab-item.d.ts +0 -1
- package/dist/types/components/post-tab-panel/post-tab-panel.d.ts +0 -1
- package/dist/types/components/post-tooltip/post-tooltip.d.ts +0 -2
- package/dist/types/components/post-tooltip-trigger/post-tooltip-trigger.d.ts +0 -1
- package/dist/types/components.d.ts +51 -5
- package/dist/types/utils/index.d.ts +3 -4
- package/dist/types/utils/property-decorators/bound.d.ts +36 -0
- package/dist/types/utils/property-decorators/create-validator-decorator.d.ts +5 -0
- package/dist/types/utils/property-decorators/index.d.ts +1 -1
- package/dist/types/utils/property-decorators/required.d.ts +10 -1
- package/hydrate/index.js +1310 -926
- package/hydrate/index.mjs +1310 -926
- package/package.json +4 -4
- package/dist/cjs/index-qCzRmwgB.js +0 -114
- package/dist/collection/utils/property-checkers/check-array-of.js +0 -8
- package/dist/collection/utils/property-checkers/check-date.js +0 -13
- package/dist/collection/utils/property-checkers/check-iso-date.js +0 -9
- package/dist/collection/utils/property-checkers/check-one-of.js +0 -8
- package/dist/collection/utils/property-checkers/check-pattern.js +0 -8
- package/dist/collection/utils/property-checkers/check-type.js +0 -15
- package/dist/collection/utils/property-checkers/check-url.js +0 -15
- package/dist/collection/utils/property-checkers/constants.js +0 -1
- package/dist/collection/utils/property-checkers/empty-or.js +0 -9
- package/dist/collection/utils/property-checkers/index.js +0 -20
- package/dist/collection/utils/property-checkers/required-and.js +0 -14
- package/dist/components/heading-levels.js +0 -1
- package/dist/components/index2.js +0 -1
- package/dist/components/react/p-BQ3HlJPr.js +0 -1
- package/dist/components/react/p-C7s9oglQ.js +0 -1
- package/dist/components/react/p-CTgZ8DGr.js +0 -1
- package/dist/components/react/p-CVtlwDsT.js +0 -1
- package/dist/components/react/p-CaLwTf3T.js +0 -1
- package/dist/components/react/p-ClJyTIVM.js +0 -1
- package/dist/components/react/p-DGr-hfLq.js +0 -1
- package/dist/components/react/p-DJxdj9pa.js +0 -1
- package/dist/components/react/p-DKDEtjQe.js +0 -1
- package/dist/components/react/p-DcEDGaFs.js +0 -1
- package/dist/components/react/p-DipfA69b.js +0 -1
- package/dist/components/react/p-DwZxAC2u.js +0 -1
- package/dist/components/react/p-r4txK0AC.js +0 -1
- package/dist/components/react/p-x3kxyWSZ.js +0 -1
- package/dist/esm/index-D9bU2pIE.js +0 -104
- package/dist/esm/package-x3kxyWSZ.js +0 -3
- package/dist/post-components/p-1583817b.entry.js +0 -1
- package/dist/post-components/p-203d9abd.entry.js +0 -1
- package/dist/post-components/p-2c68af27.entry.js +0 -1
- package/dist/post-components/p-46dd9e7e.entry.js +0 -1
- package/dist/post-components/p-53a8cce5.entry.js +0 -1
- package/dist/post-components/p-72bff1fc.entry.js +0 -1
- package/dist/post-components/p-75045028.entry.js +0 -1
- package/dist/post-components/p-768b4516.entry.js +0 -1
- package/dist/post-components/p-7e072450.entry.js +0 -1
- package/dist/post-components/p-83cb6424.entry.js +0 -1
- package/dist/post-components/p-94f4da57.entry.js +0 -1
- package/dist/post-components/p-9dace750.entry.js +0 -1
- package/dist/post-components/p-9ea7e46f.entry.js +0 -1
- package/dist/post-components/p-D9bU2pIE.js +0 -1
- package/dist/post-components/p-DmBWUef5.js +0 -2
- package/dist/post-components/p-a0ac814c.entry.js +0 -1
- package/dist/post-components/p-a0d12ca8.entry.js +0 -1
- package/dist/post-components/p-cb039d66.entry.js +0 -1
- package/dist/post-components/p-e8cda4e1.entry.js +0 -1
- package/dist/post-components/p-e8e50d5c.entry.js +0 -1
- package/dist/post-components/p-eb64ec1d.entry.js +0 -1
- package/dist/post-components/p-f0746a9e.entry.js +0 -1
- package/dist/post-components/p-f5e33714.entry.js +0 -1
- package/dist/post-components/p-f93ce33d.entry.js +0 -1
- package/dist/post-components/p-fd0446b2.entry.js +0 -1
- package/dist/post-components/p-x3kxyWSZ.js +0 -1
- package/dist/types/utils/property-checkers/check-array-of.d.ts +0 -4
- package/dist/types/utils/property-checkers/check-date.d.ts +0 -3
- package/dist/types/utils/property-checkers/check-iso-date.d.ts +0 -3
- package/dist/types/utils/property-checkers/check-one-of.d.ts +0 -3
- package/dist/types/utils/property-checkers/check-pattern.d.ts +0 -3
- package/dist/types/utils/property-checkers/check-type.d.ts +0 -4
- package/dist/types/utils/property-checkers/check-url.d.ts +0 -3
- package/dist/types/utils/property-checkers/constants.d.ts +0 -1
- package/dist/types/utils/property-checkers/empty-or.d.ts +0 -3
- package/dist/types/utils/property-checkers/index.d.ts +0 -34
- package/dist/types/utils/property-checkers/required-and.d.ts +0 -3
package/hydrate/index.js
CHANGED
|
@@ -5373,8 +5373,6 @@ var setScopedSSR = (opts) => {
|
|
|
5373
5373
|
var needsScopedSSR = () => scopedSSR;
|
|
5374
5374
|
var scopedSSR = false;
|
|
5375
5375
|
|
|
5376
|
-
const version$1 = "10.0.0-next.71";
|
|
5377
|
-
|
|
5378
5376
|
const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
|
|
5379
5377
|
|
|
5380
5378
|
const PLACEMENT_TYPES = [
|
|
@@ -5402,97 +5400,315 @@ const ANIMATION_KEYS = [
|
|
|
5402
5400
|
];
|
|
5403
5401
|
|
|
5404
5402
|
const EMPTY_VALUES = [undefined, null, '', Number.NaN];
|
|
5405
|
-
|
|
5406
5403
|
function isValueEmpty(value) {
|
|
5407
5404
|
return EMPTY_VALUES.some(v => Object.is(v, value));
|
|
5408
5405
|
}
|
|
5409
5406
|
|
|
5410
|
-
|
|
5411
|
-
|
|
5412
|
-
|
|
5413
|
-
|
|
5414
|
-
|
|
5415
|
-
|
|
5416
|
-
|
|
5417
|
-
|
|
5418
|
-
|
|
5419
|
-
|
|
5420
|
-
|
|
5421
|
-
|
|
5422
|
-
|
|
5423
|
-
|
|
5424
|
-
|
|
5425
|
-
|
|
5426
|
-
|
|
5427
|
-
|
|
5428
|
-
|
|
5429
|
-
|
|
5407
|
+
/** Tracks prototypes whose `componentDidLoad` lifecycle has already been wrapped. */
|
|
5408
|
+
const patchedTargets = new WeakSet();
|
|
5409
|
+
/** Tracks component instances that already completed the first load cycle. */
|
|
5410
|
+
const loadedInstances = new WeakSet();
|
|
5411
|
+
/** Stores validators per component prototype and property name. */
|
|
5412
|
+
const validatorsByTarget = new WeakMap();
|
|
5413
|
+
/** Stores all properties that use a validator decorator for each component prototype. */
|
|
5414
|
+
const decoratedPropertiesByTarget = new WeakMap();
|
|
5415
|
+
/** Stores per-instance property values captured by dynamically created accessors. */
|
|
5416
|
+
const propertyValuesByInstance = new WeakMap();
|
|
5417
|
+
/** Stores dependency relationships per prototype: dependencyProp -> Set<dependentProp>. */
|
|
5418
|
+
const dependenciesByTarget = new WeakMap();
|
|
5419
|
+
/**
|
|
5420
|
+
* Returns the value for a key in a {@link WeakMap} and lazily creates it when missing.
|
|
5421
|
+
*
|
|
5422
|
+
* @template K WeakMap key type.
|
|
5423
|
+
* @template T WeakMap value type.
|
|
5424
|
+
* @param map WeakMap used as storage.
|
|
5425
|
+
* @param key Object key used to retrieve or initialize the value.
|
|
5426
|
+
* @param factory Factory creating the value when no entry exists for the key.
|
|
5427
|
+
* @returns Existing or newly created value associated with the key.
|
|
5428
|
+
*/
|
|
5429
|
+
function getOrCreate(map, key, factory) {
|
|
5430
|
+
let value = map.get(key);
|
|
5431
|
+
if (!value) {
|
|
5432
|
+
value = factory();
|
|
5433
|
+
map.set(key, value);
|
|
5430
5434
|
}
|
|
5435
|
+
return value;
|
|
5431
5436
|
}
|
|
5432
|
-
|
|
5433
|
-
|
|
5434
|
-
|
|
5435
|
-
|
|
5436
|
-
|
|
5437
|
-
|
|
5438
|
-
|
|
5439
|
-
|
|
5437
|
+
/**
|
|
5438
|
+
* Returns the mutable validator list registered for a property on a component prototype.
|
|
5439
|
+
*
|
|
5440
|
+
* @param target Component prototype where decorators were applied.
|
|
5441
|
+
* @param property Decorated property name.
|
|
5442
|
+
* @returns Validator list for the property.
|
|
5443
|
+
*/
|
|
5444
|
+
function getValidators(target, property) {
|
|
5445
|
+
const validatorsByProperty = getOrCreate(validatorsByTarget, target, () => new Map());
|
|
5446
|
+
return getOrCreate(validatorsByProperty, property, () => []);
|
|
5440
5447
|
}
|
|
5441
|
-
|
|
5442
|
-
|
|
5443
|
-
|
|
5444
|
-
|
|
5445
|
-
|
|
5446
|
-
|
|
5447
|
-
|
|
5448
|
-
|
|
5449
|
-
if (valueIsArray !== typeIsArray) {
|
|
5450
|
-
console.error(message);
|
|
5451
|
-
}
|
|
5452
|
-
}
|
|
5453
|
-
else if (typeof value !== type) {
|
|
5454
|
-
console.error(message);
|
|
5455
|
-
}
|
|
5448
|
+
/**
|
|
5449
|
+
* Returns all property names decorated with validator decorators for a prototype.
|
|
5450
|
+
*
|
|
5451
|
+
* @param target Component prototype where decorators were applied.
|
|
5452
|
+
* @returns Set of decorated property names.
|
|
5453
|
+
*/
|
|
5454
|
+
function getDecoratedProperties(target) {
|
|
5455
|
+
return getOrCreate(decoratedPropertiesByTarget, target, () => new Set());
|
|
5456
5456
|
}
|
|
5457
|
-
|
|
5458
|
-
|
|
5459
|
-
|
|
5460
|
-
|
|
5461
|
-
|
|
5462
|
-
|
|
5463
|
-
|
|
5457
|
+
/**
|
|
5458
|
+
* Returns the map containing tracked property values for a component instance.
|
|
5459
|
+
*
|
|
5460
|
+
* @param instance Component instance.
|
|
5461
|
+
* @returns Map keyed by property name with last assigned values.
|
|
5462
|
+
*/
|
|
5463
|
+
function getValuesByProperty(instance) {
|
|
5464
|
+
return getOrCreate(propertyValuesByInstance, instance, () => new Map());
|
|
5465
|
+
}
|
|
5466
|
+
/**
|
|
5467
|
+
* Registers that `dependentProp` should be re-validated when `dependencyProp` changes.
|
|
5468
|
+
* Ensures the dependency property has an accessor so its setter can trigger dependents.
|
|
5469
|
+
*/
|
|
5470
|
+
function registerDependency(target, dependencyProp, dependentProp) {
|
|
5471
|
+
// Ensure dependency has an accessor so its setter can run dependent validators
|
|
5472
|
+
createPropertyAccessor(target, dependencyProp);
|
|
5473
|
+
const depsByProp = getOrCreate(dependenciesByTarget, target, () => new Map());
|
|
5474
|
+
const dependents = getOrCreate(depsByProp, dependencyProp, () => new Set());
|
|
5475
|
+
dependents.add(dependentProp);
|
|
5476
|
+
}
|
|
5477
|
+
/**
|
|
5478
|
+
* Defines an accessor for a decorated property that stores values per instance and
|
|
5479
|
+
* triggers validation after the component first loads.
|
|
5480
|
+
*
|
|
5481
|
+
* Accessor creation is skipped when a getter already exists to avoid overriding
|
|
5482
|
+
* component-defined accessors.
|
|
5483
|
+
*
|
|
5484
|
+
* @param target Component prototype receiving the accessor.
|
|
5485
|
+
* @param property Decorated property name.
|
|
5486
|
+
*/
|
|
5487
|
+
function createPropertyAccessor(target, property) {
|
|
5488
|
+
const descriptor = Object.getOwnPropertyDescriptor(target, property);
|
|
5489
|
+
if (descriptor && descriptor.get)
|
|
5464
5490
|
return;
|
|
5465
|
-
|
|
5466
|
-
|
|
5467
|
-
|
|
5468
|
-
|
|
5469
|
-
|
|
5470
|
-
|
|
5471
|
-
|
|
5491
|
+
Object.defineProperty(target, property, {
|
|
5492
|
+
get() {
|
|
5493
|
+
return getValuesByProperty(this).get(property);
|
|
5494
|
+
},
|
|
5495
|
+
set(newValue) {
|
|
5496
|
+
getValuesByProperty(this).set(property, newValue);
|
|
5497
|
+
if (loadedInstances.has(this)) {
|
|
5498
|
+
runValidators(this, property);
|
|
5499
|
+
// Run validators for any properties that depend on this property.
|
|
5500
|
+
const proto = Object.getPrototypeOf(this);
|
|
5501
|
+
const depsByProp = dependenciesByTarget.get(proto);
|
|
5502
|
+
if (depsByProp) {
|
|
5503
|
+
const dependents = depsByProp.get(property);
|
|
5504
|
+
if (dependents) {
|
|
5505
|
+
for (const dependent of dependents) {
|
|
5506
|
+
runValidators(this, dependent);
|
|
5507
|
+
}
|
|
5508
|
+
}
|
|
5509
|
+
}
|
|
5510
|
+
}
|
|
5511
|
+
},
|
|
5512
|
+
enumerable: true,
|
|
5513
|
+
configurable: true,
|
|
5514
|
+
});
|
|
5472
5515
|
}
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5476
|
-
|
|
5477
|
-
|
|
5478
|
-
|
|
5479
|
-
|
|
5516
|
+
/**
|
|
5517
|
+
* Wraps `componentDidLoad` once per prototype to execute validators on initial render.
|
|
5518
|
+
*
|
|
5519
|
+
* Existing `componentDidLoad` behavior is preserved and called after validation.
|
|
5520
|
+
*
|
|
5521
|
+
* @param target Component prototype to patch.
|
|
5522
|
+
*/
|
|
5523
|
+
function patchComponentDidLoad(target) {
|
|
5524
|
+
if (patchedTargets.has(target))
|
|
5480
5525
|
return;
|
|
5526
|
+
patchedTargets.add(target);
|
|
5527
|
+
const original = 'componentDidLoad' in target && typeof target.componentDidLoad === 'function'
|
|
5528
|
+
? target.componentDidLoad
|
|
5529
|
+
: undefined;
|
|
5530
|
+
Object.defineProperty(target, 'componentDidLoad', {
|
|
5531
|
+
writable: true,
|
|
5532
|
+
configurable: true,
|
|
5533
|
+
value: function (...args) {
|
|
5534
|
+
loadedInstances.add(this);
|
|
5535
|
+
const decoratedProperties = getDecoratedProperties(Object.getPrototypeOf(this));
|
|
5536
|
+
for (const property of decoratedProperties) {
|
|
5537
|
+
runValidators(this, property);
|
|
5538
|
+
}
|
|
5539
|
+
if (original) {
|
|
5540
|
+
return original.apply(this, args);
|
|
5541
|
+
}
|
|
5542
|
+
},
|
|
5543
|
+
});
|
|
5544
|
+
}
|
|
5545
|
+
/**
|
|
5546
|
+
* Executes all validators for a property in ascending priority order.
|
|
5547
|
+
*
|
|
5548
|
+
* Validation is skipped for empty values unless a validator explicitly opts in via
|
|
5549
|
+
* `validateEmptyValues`. Execution stops when a blocking validator fails.
|
|
5550
|
+
*
|
|
5551
|
+
* @param component Component instance.
|
|
5552
|
+
* @param property Property name to validate.
|
|
5553
|
+
*/
|
|
5554
|
+
function runValidators(component, property) {
|
|
5555
|
+
const prototype = Object.getPrototypeOf(component);
|
|
5556
|
+
const validatorsByProperty = validatorsByTarget.get(prototype);
|
|
5557
|
+
if (!validatorsByProperty)
|
|
5558
|
+
return;
|
|
5559
|
+
const validators = validatorsByProperty.get(property);
|
|
5560
|
+
if (!validators || validators.length === 0)
|
|
5561
|
+
return;
|
|
5562
|
+
const sortedValidators = [...validators].sort((a, b) => a.priority - b.priority);
|
|
5563
|
+
const value = component[property];
|
|
5564
|
+
const valueIsEmpty = isValueEmpty(value);
|
|
5565
|
+
for (const validator of sortedValidators) {
|
|
5566
|
+
if (valueIsEmpty && !validator.validateEmptyValues) {
|
|
5567
|
+
continue;
|
|
5568
|
+
}
|
|
5569
|
+
const passed = validator.run(component, property);
|
|
5570
|
+
if (!passed && validator.blocking)
|
|
5571
|
+
break;
|
|
5481
5572
|
}
|
|
5482
|
-
|
|
5483
|
-
|
|
5484
|
-
|
|
5485
|
-
|
|
5573
|
+
}
|
|
5574
|
+
/**
|
|
5575
|
+
* Creates a property decorator that registers a validator for a component property.
|
|
5576
|
+
*
|
|
5577
|
+
* The returned decorator ensures property access is intercepted, initial-load
|
|
5578
|
+
* validation is enabled, and the provided validator is stored for execution.
|
|
5579
|
+
*
|
|
5580
|
+
* @param validator Validator definition to register.
|
|
5581
|
+
* @returns Property decorator compatible with TypeScript decorator syntax.
|
|
5582
|
+
*/
|
|
5583
|
+
function createValidatorDecorator(validator) {
|
|
5584
|
+
return function (target, property) {
|
|
5585
|
+
createPropertyAccessor(target, property);
|
|
5586
|
+
patchComponentDidLoad(target);
|
|
5587
|
+
getDecoratedProperties(target).add(property);
|
|
5588
|
+
getValidators(target, property).push(validator);
|
|
5589
|
+
};
|
|
5590
|
+
}
|
|
5591
|
+
/**
|
|
5592
|
+
* Builds a validation context for a decorated component property.
|
|
5593
|
+
*
|
|
5594
|
+
* The returned context includes:
|
|
5595
|
+
* - `value`: current property value.
|
|
5596
|
+
* - `showError(constraint)`: helper that logs a consistent error format and includes
|
|
5597
|
+
* the host element for easier debugging in browser consoles.
|
|
5598
|
+
*
|
|
5599
|
+
* Message format: `[componentName] Property "property" <constraint>. Received: <value>.`
|
|
5600
|
+
*
|
|
5601
|
+
* @param component Component instance containing the validated property.
|
|
5602
|
+
* @param property Property name being validated.
|
|
5603
|
+
* @returns Validation context used by individual validator implementations.
|
|
5604
|
+
*/
|
|
5605
|
+
function getValidationContext(component, property) {
|
|
5606
|
+
const host = getElement(component);
|
|
5607
|
+
const componentName = host.localName;
|
|
5608
|
+
const value = component[property];
|
|
5609
|
+
return {
|
|
5610
|
+
value,
|
|
5611
|
+
showError(constraint) {
|
|
5612
|
+
console.error(`[${componentName}] Property "${String(property)}" ${constraint}. Received: ${JSON.stringify(value)}.`, host);
|
|
5613
|
+
},
|
|
5614
|
+
};
|
|
5486
5615
|
}
|
|
5487
5616
|
|
|
5488
|
-
function
|
|
5489
|
-
|
|
5490
|
-
|
|
5491
|
-
|
|
5492
|
-
|
|
5617
|
+
function resolveBound(component, bound) {
|
|
5618
|
+
const resolvedValue = typeof bound === 'string' ? component[bound] : bound;
|
|
5619
|
+
return typeof resolvedValue === 'number' ? resolvedValue : null;
|
|
5620
|
+
}
|
|
5621
|
+
function createBoundValidatorDecorator(bound, options, config) {
|
|
5622
|
+
const decorator = createValidatorDecorator({
|
|
5623
|
+
priority: 1,
|
|
5624
|
+
blocking: false,
|
|
5625
|
+
run(component, property) {
|
|
5626
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5627
|
+
if (typeof value !== 'number') {
|
|
5628
|
+
return true;
|
|
5629
|
+
}
|
|
5630
|
+
const resolvedBound = resolveBound(component, bound);
|
|
5631
|
+
if (resolvedBound === null) {
|
|
5632
|
+
if (typeof bound === 'string') {
|
|
5633
|
+
const boundVal = component[bound];
|
|
5634
|
+
const boundType = typeof boundVal;
|
|
5635
|
+
if (boundType !== 'number') {
|
|
5636
|
+
showError(`references property "${bound}" which must be a number but got ${boundType}`);
|
|
5637
|
+
return false;
|
|
5638
|
+
}
|
|
5639
|
+
}
|
|
5640
|
+
return true;
|
|
5641
|
+
}
|
|
5642
|
+
const include = options.include ?? config.includeDefault;
|
|
5643
|
+
if (!config.compare(value, resolvedBound, include)) {
|
|
5644
|
+
const displayBound = typeof bound === 'string' ? String(resolvedBound) : String(bound);
|
|
5645
|
+
const expectation = config.formatExpectation(displayBound, include);
|
|
5646
|
+
showError(`must be ${expectation}`);
|
|
5647
|
+
return false;
|
|
5648
|
+
}
|
|
5649
|
+
return true;
|
|
5650
|
+
},
|
|
5651
|
+
});
|
|
5652
|
+
return function (target, property) {
|
|
5653
|
+
if (typeof bound === 'string') {
|
|
5654
|
+
registerDependency(target, bound, property);
|
|
5493
5655
|
}
|
|
5656
|
+
decorator(target, property);
|
|
5494
5657
|
};
|
|
5495
5658
|
}
|
|
5659
|
+
/**
|
|
5660
|
+
* Property decorator that validates the property value is greater than the specified minimum.
|
|
5661
|
+
*
|
|
5662
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5663
|
+
*
|
|
5664
|
+
* @typeParam T - Component type used to constrain property-name bounds.
|
|
5665
|
+
* @param minimum - The minimum allowed value (exclusive by default) or property name to read it from.
|
|
5666
|
+
* @param options - Configuration object with `includeMin` flag (default: false for exclusive behavior).
|
|
5667
|
+
*/
|
|
5668
|
+
function GreaterThan(minimum, options = {}) {
|
|
5669
|
+
return createBoundValidatorDecorator(minimum, { include: options.includeMin }, {
|
|
5670
|
+
includeDefault: false,
|
|
5671
|
+
compare: (value, bound, include) => (include ? value >= bound : value > bound),
|
|
5672
|
+
formatExpectation: (display, include) => include ? `greater than or equal to "${display}"` : `greater than "${display}"`,
|
|
5673
|
+
});
|
|
5674
|
+
}
|
|
5675
|
+
/**
|
|
5676
|
+
* Property decorator that validates the property value is less than the specified maximum.
|
|
5677
|
+
*
|
|
5678
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5679
|
+
*
|
|
5680
|
+
* @typeParam T - Component type used to constrain property-name bounds.
|
|
5681
|
+
* @param maximum - The maximum allowed value (inclusive by default) or property name to read it from.
|
|
5682
|
+
* @param options - Configuration object with `includeMax` flag (default: true for inclusive behavior).
|
|
5683
|
+
*/
|
|
5684
|
+
function LessThan(maximum, options = {}) {
|
|
5685
|
+
return createBoundValidatorDecorator(maximum, { include: options.includeMax }, {
|
|
5686
|
+
includeDefault: true,
|
|
5687
|
+
compare: (value, bound, include) => (include ? value <= bound : value < bound),
|
|
5688
|
+
formatExpectation: (display, include) => include ? `less than or equal to "${display}"` : `less than "${display}"`,
|
|
5689
|
+
});
|
|
5690
|
+
}
|
|
5691
|
+
|
|
5692
|
+
/**
|
|
5693
|
+
* Property decorator that validates the property value is a valid date string.
|
|
5694
|
+
*
|
|
5695
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5696
|
+
*/
|
|
5697
|
+
function DateValue() {
|
|
5698
|
+
return createValidatorDecorator({
|
|
5699
|
+
priority: 1,
|
|
5700
|
+
blocking: false,
|
|
5701
|
+
run(component, property) {
|
|
5702
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5703
|
+
const isValid = typeof value === 'string' && !Number.isNaN(new Date(value).getTime());
|
|
5704
|
+
if (!isValid) {
|
|
5705
|
+
showError('must be a valid date string');
|
|
5706
|
+
return false;
|
|
5707
|
+
}
|
|
5708
|
+
return true;
|
|
5709
|
+
},
|
|
5710
|
+
});
|
|
5711
|
+
}
|
|
5496
5712
|
|
|
5497
5713
|
function isIsoDate(value) {
|
|
5498
5714
|
const ISO_REGEX = /^\d{1,4}-\d{2}-\d{2}$/;
|
|
@@ -5510,24 +5726,162 @@ function isIsoDate(value) {
|
|
|
5510
5726
|
return `${y}-${m}-${d}` === value;
|
|
5511
5727
|
}
|
|
5512
5728
|
|
|
5513
|
-
|
|
5514
|
-
|
|
5515
|
-
|
|
5516
|
-
|
|
5517
|
-
|
|
5518
|
-
|
|
5519
|
-
|
|
5729
|
+
/**
|
|
5730
|
+
* Property decorator that validates the property value is a date in ISO 8601 format (YYYY-MM-DD).
|
|
5731
|
+
*
|
|
5732
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5733
|
+
*/
|
|
5734
|
+
function IsoDate() {
|
|
5735
|
+
return createValidatorDecorator({
|
|
5736
|
+
priority: 1,
|
|
5737
|
+
blocking: false,
|
|
5738
|
+
run(component, property) {
|
|
5739
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5740
|
+
if (!isIsoDate(String(value))) {
|
|
5741
|
+
showError('must be in ISO format (YYYY-MM-DD)');
|
|
5742
|
+
return false;
|
|
5743
|
+
}
|
|
5744
|
+
return true;
|
|
5745
|
+
},
|
|
5746
|
+
});
|
|
5747
|
+
}
|
|
5748
|
+
|
|
5749
|
+
/**
|
|
5750
|
+
* Property decorator that validates the property value is one of the allowed values.
|
|
5751
|
+
*
|
|
5752
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5753
|
+
*
|
|
5754
|
+
* @param possibleValues - The array of allowed values for the property.
|
|
5755
|
+
*/
|
|
5756
|
+
function OneOf(possibleValues) {
|
|
5757
|
+
return createValidatorDecorator({
|
|
5758
|
+
priority: 1,
|
|
5759
|
+
blocking: false,
|
|
5760
|
+
run(component, property) {
|
|
5761
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5762
|
+
if (!possibleValues.includes(value)) {
|
|
5763
|
+
showError(`must be one of [${possibleValues.join(', ')}]`);
|
|
5764
|
+
return false;
|
|
5765
|
+
}
|
|
5766
|
+
return true;
|
|
5767
|
+
},
|
|
5768
|
+
});
|
|
5769
|
+
}
|
|
5770
|
+
|
|
5771
|
+
/**
|
|
5772
|
+
* Property decorator that validates the property value matches a regular expression.
|
|
5773
|
+
*
|
|
5774
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5775
|
+
*
|
|
5776
|
+
* @param pattern - The regex pattern the property value must match.
|
|
5777
|
+
*/
|
|
5778
|
+
function Pattern(pattern) {
|
|
5779
|
+
return createValidatorDecorator({
|
|
5780
|
+
priority: 1,
|
|
5781
|
+
blocking: false,
|
|
5782
|
+
run(component, property) {
|
|
5783
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5784
|
+
if (typeof value !== 'string' || !pattern.test(value)) {
|
|
5785
|
+
showError(`must match ${pattern}`);
|
|
5786
|
+
return false;
|
|
5787
|
+
}
|
|
5788
|
+
return true;
|
|
5789
|
+
},
|
|
5790
|
+
});
|
|
5791
|
+
}
|
|
5792
|
+
|
|
5793
|
+
/**
|
|
5794
|
+
* Property decorator that validates the property is not empty.
|
|
5795
|
+
* If the property is empty (undefined, null, '', NaN), an error is logged.
|
|
5796
|
+
* This validator is blocking: if it fails, subsequent validators will not run.
|
|
5797
|
+
*
|
|
5798
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5799
|
+
*
|
|
5800
|
+
* @param options - Optional configuration.
|
|
5801
|
+
* @param options.when - The property name to watch. Validation only runs when this property's value matches the `truthy` option.
|
|
5802
|
+
* @param options.truthy - The value that the `when` property must match for validation to run. Defaults to `true`.
|
|
5803
|
+
*/
|
|
5804
|
+
function Required(options) {
|
|
5805
|
+
const validator = createValidatorDecorator({
|
|
5806
|
+
priority: 0,
|
|
5807
|
+
blocking: true,
|
|
5808
|
+
validateEmptyValues: true,
|
|
5809
|
+
run(component, property) {
|
|
5810
|
+
if (options && typeof options.when === 'string') {
|
|
5811
|
+
const truthy = options.truthy ?? true;
|
|
5812
|
+
if (component[options.when] !== truthy) {
|
|
5813
|
+
return true;
|
|
5814
|
+
}
|
|
5815
|
+
}
|
|
5816
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5817
|
+
if (isValueEmpty(value)) {
|
|
5818
|
+
showError('is required');
|
|
5819
|
+
return false;
|
|
5820
|
+
}
|
|
5821
|
+
return true;
|
|
5822
|
+
},
|
|
5823
|
+
});
|
|
5824
|
+
return function (target, property) {
|
|
5825
|
+
validator(target, property);
|
|
5826
|
+
if (options?.when) {
|
|
5827
|
+
registerDependency(target, options.when, property);
|
|
5828
|
+
}
|
|
5829
|
+
};
|
|
5830
|
+
}
|
|
5831
|
+
|
|
5832
|
+
/**
|
|
5833
|
+
* Property decorator that validates the property value is of the specified type.
|
|
5834
|
+
*
|
|
5835
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5836
|
+
*
|
|
5837
|
+
* @param type - The expected type ('boolean', 'number', 'string', 'array', 'object', 'function').
|
|
5838
|
+
*/
|
|
5839
|
+
function Type(type) {
|
|
5840
|
+
return createValidatorDecorator({
|
|
5841
|
+
priority: 1,
|
|
5842
|
+
blocking: false,
|
|
5843
|
+
run(component, property) {
|
|
5844
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5845
|
+
const typeIsArray = type === 'array';
|
|
5846
|
+
const valueIsArray = Array.isArray(value);
|
|
5847
|
+
const isValid = typeIsArray || valueIsArray ? valueIsArray === typeIsArray : typeof value === type;
|
|
5848
|
+
if (!isValid) {
|
|
5849
|
+
showError(`must be of type "${type}"`);
|
|
5850
|
+
return false;
|
|
5851
|
+
}
|
|
5852
|
+
return true;
|
|
5853
|
+
},
|
|
5854
|
+
});
|
|
5520
5855
|
}
|
|
5521
5856
|
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
|
|
5525
|
-
|
|
5526
|
-
|
|
5527
|
-
|
|
5528
|
-
|
|
5529
|
-
|
|
5530
|
-
|
|
5857
|
+
/**
|
|
5858
|
+
* Property decorator that validates the property value is a valid URL.
|
|
5859
|
+
*
|
|
5860
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5861
|
+
*/
|
|
5862
|
+
function Url() {
|
|
5863
|
+
return createValidatorDecorator({
|
|
5864
|
+
priority: 1,
|
|
5865
|
+
blocking: false,
|
|
5866
|
+
run(component, property) {
|
|
5867
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5868
|
+
let isValid = typeof value === 'string' || value instanceof URL;
|
|
5869
|
+
if (isValid) {
|
|
5870
|
+
try {
|
|
5871
|
+
new URL(value, 'https://www.post.ch');
|
|
5872
|
+
}
|
|
5873
|
+
catch {
|
|
5874
|
+
isValid = false;
|
|
5875
|
+
}
|
|
5876
|
+
}
|
|
5877
|
+
if (!isValid) {
|
|
5878
|
+
showError('must be a valid URL');
|
|
5879
|
+
return false;
|
|
5880
|
+
}
|
|
5881
|
+
return true;
|
|
5882
|
+
},
|
|
5883
|
+
});
|
|
5884
|
+
}
|
|
5531
5885
|
|
|
5532
5886
|
/* eslint-disable no-undefined,no-param-reassign,no-shadow */
|
|
5533
5887
|
|
|
@@ -5993,31 +6347,6 @@ function isMotionReduced() {
|
|
|
5993
6347
|
: true;
|
|
5994
6348
|
}
|
|
5995
6349
|
|
|
5996
|
-
function repeatOnLongPress(callback, options) {
|
|
5997
|
-
const stop = repeat(callback, options);
|
|
5998
|
-
const handler = () => {
|
|
5999
|
-
stop();
|
|
6000
|
-
globalThis.removeEventListener('pointerup', handler);
|
|
6001
|
-
globalThis.removeEventListener('pointercancel', handler);
|
|
6002
|
-
globalThis.removeEventListener('pointerleave', handler);
|
|
6003
|
-
};
|
|
6004
|
-
globalThis.addEventListener('pointerup', handler);
|
|
6005
|
-
globalThis.addEventListener('pointercancel', handler);
|
|
6006
|
-
globalThis.addEventListener('pointerleave', handler);
|
|
6007
|
-
}
|
|
6008
|
-
function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
6009
|
-
callback(); // immediate action
|
|
6010
|
-
let intervalId;
|
|
6011
|
-
const timeoutId = setTimeout(() => {
|
|
6012
|
-
intervalId = setInterval(callback, intervalMs);
|
|
6013
|
-
}, delayMs);
|
|
6014
|
-
return () => {
|
|
6015
|
-
clearTimeout(timeoutId);
|
|
6016
|
-
if (intervalId)
|
|
6017
|
-
clearInterval(intervalId);
|
|
6018
|
-
};
|
|
6019
|
-
}
|
|
6020
|
-
|
|
6021
6350
|
const FALLBACK_LANGUAGE_CODE = 'en';
|
|
6022
6351
|
const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;
|
|
6023
6352
|
const BUDDHIST_CALENDAR_LOCALES = ['th', 'th-TH'];
|
|
@@ -6059,9 +6388,36 @@ function nanoid(size = 21) {
|
|
|
6059
6388
|
return id;
|
|
6060
6389
|
}
|
|
6061
6390
|
|
|
6391
|
+
function repeatOnLongPress(callback, options) {
|
|
6392
|
+
const stop = repeat(callback, options);
|
|
6393
|
+
const handler = () => {
|
|
6394
|
+
stop();
|
|
6395
|
+
globalThis.removeEventListener('pointerup', handler);
|
|
6396
|
+
globalThis.removeEventListener('pointercancel', handler);
|
|
6397
|
+
globalThis.removeEventListener('pointerleave', handler);
|
|
6398
|
+
};
|
|
6399
|
+
globalThis.addEventListener('pointerup', handler);
|
|
6400
|
+
globalThis.addEventListener('pointercancel', handler);
|
|
6401
|
+
globalThis.addEventListener('pointerleave', handler);
|
|
6402
|
+
}
|
|
6403
|
+
function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
6404
|
+
callback(); // immediate action
|
|
6405
|
+
let intervalId;
|
|
6406
|
+
const timeoutId = setTimeout(() => {
|
|
6407
|
+
intervalId = setInterval(callback, intervalMs);
|
|
6408
|
+
}, delayMs);
|
|
6409
|
+
return () => {
|
|
6410
|
+
clearTimeout(timeoutId);
|
|
6411
|
+
if (intervalId)
|
|
6412
|
+
clearInterval(intervalId);
|
|
6413
|
+
};
|
|
6414
|
+
}
|
|
6415
|
+
|
|
6416
|
+
const version$1 = "10.0.0-next.72";
|
|
6417
|
+
|
|
6062
6418
|
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)}`;
|
|
6063
6419
|
|
|
6064
|
-
var __decorate$
|
|
6420
|
+
var __decorate$A = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6065
6421
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6066
6422
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6067
6423
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6083,8 +6439,7 @@ class PostAccordion {
|
|
|
6083
6439
|
*/
|
|
6084
6440
|
this.multiple = false;
|
|
6085
6441
|
}
|
|
6086
|
-
|
|
6087
|
-
checkRequiredAndOneOf(this, 'headingLevel', HEADING_LEVELS);
|
|
6442
|
+
syncHeadingLevel() {
|
|
6088
6443
|
this.accordionItems.forEach(item => {
|
|
6089
6444
|
item.setAttribute('heading-level', String(this.headingLevel));
|
|
6090
6445
|
});
|
|
@@ -6093,7 +6448,7 @@ class PostAccordion {
|
|
|
6093
6448
|
this.registerAccordionItems();
|
|
6094
6449
|
}
|
|
6095
6450
|
componentDidLoad() {
|
|
6096
|
-
this.
|
|
6451
|
+
this.syncHeadingLevel();
|
|
6097
6452
|
}
|
|
6098
6453
|
collapseToggleHandler(event) {
|
|
6099
6454
|
const toggledAccordionItem = event.target;
|
|
@@ -6157,12 +6512,12 @@ class PostAccordion {
|
|
|
6157
6512
|
});
|
|
6158
6513
|
}
|
|
6159
6514
|
render() {
|
|
6160
|
-
return (hAsync(Host, { key: '
|
|
6515
|
+
return (hAsync(Host, { key: '27862337a90223900241d38a1b1d27cb5923acba', "data-version": version$1 }, hAsync("div", { key: 'e858da8742240aa57f72ac04a4253d5e88910295', class: "accordion" }, hAsync("slot", { key: '004ab6089b44a2528ea56cffed3bef0791dae068', onSlotchange: () => this.registerAccordionItems() }))));
|
|
6161
6516
|
}
|
|
6162
6517
|
get host() { return getElement(this); }
|
|
6163
6518
|
static get watchers() { return {
|
|
6164
6519
|
"headingLevel": [{
|
|
6165
|
-
"
|
|
6520
|
+
"syncHeadingLevel": 0
|
|
6166
6521
|
}]
|
|
6167
6522
|
}; }
|
|
6168
6523
|
static get style() { return postAccordionCss(); }
|
|
@@ -6181,13 +6536,17 @@ class PostAccordion {
|
|
|
6181
6536
|
"$attrsToReflect$": [["headingLevel", "heading-level"], ["multiple", "multiple"]]
|
|
6182
6537
|
}; }
|
|
6183
6538
|
}
|
|
6184
|
-
__decorate$
|
|
6539
|
+
__decorate$A([
|
|
6540
|
+
Required(),
|
|
6541
|
+
OneOf(HEADING_LEVELS)
|
|
6542
|
+
], PostAccordion.prototype, "headingLevel", void 0);
|
|
6543
|
+
__decorate$A([
|
|
6185
6544
|
EventFrom('post-accordion-item')
|
|
6186
6545
|
], PostAccordion.prototype, "collapseToggleHandler", null);
|
|
6187
6546
|
|
|
6188
6547
|
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}`;
|
|
6189
6548
|
|
|
6190
|
-
var __decorate$
|
|
6549
|
+
var __decorate$z = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6191
6550
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6192
6551
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6193
6552
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6212,15 +6571,9 @@ class PostAccordionItem {
|
|
|
6212
6571
|
*/
|
|
6213
6572
|
this.collapsed = false;
|
|
6214
6573
|
}
|
|
6215
|
-
validateHeadingLevel() {
|
|
6216
|
-
checkEmptyOrOneOf(this, 'headingLevel', HEADING_LEVELS);
|
|
6217
|
-
}
|
|
6218
6574
|
componentWillLoad() {
|
|
6219
6575
|
this.id = this.host.id || `p${nanoid(6)}`;
|
|
6220
6576
|
}
|
|
6221
|
-
componentDidLoad() {
|
|
6222
|
-
this.validateHeadingLevel();
|
|
6223
|
-
}
|
|
6224
6577
|
// Capture to make sure the "collapsed" property is updated before the event is consumed
|
|
6225
6578
|
onCollapseToggle(event) {
|
|
6226
6579
|
this.collapsed = !event.detail;
|
|
@@ -6240,17 +6593,12 @@ class PostAccordionItem {
|
|
|
6240
6593
|
render() {
|
|
6241
6594
|
const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
|
|
6242
6595
|
const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
|
|
6243
|
-
return (hAsync(Host, { key: '
|
|
6596
|
+
return (hAsync(Host, { key: '67b3be2ea798d007c3c05fafaa95d447bd3245b4', id: this.id, "data-version": version$1 }, hAsync("post-collapsible-trigger", { key: '2c545ead0717cefef325576125b548db4c7d6e11', for: `${this.id}--collapse` }, hAsync(HeadingTag, { key: '82840144efc0588a73f5aaa734e1492acccd498e', class: "accordion-header", id: `${this.id}--header` }, hAsync("button", { key: 'bfd05c00e2df07800a20a9e0b69e6b918d80085d', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "post-accordion-button" }, hAsync("span", { key: 'af2e574d4e521316f9d5e4da040d777e0384c783', class: {
|
|
6244
6597
|
'logo-container': true,
|
|
6245
6598
|
'has-image': !!this.slottedLogo,
|
|
6246
|
-
} }, hAsync("slot", { key: '
|
|
6599
|
+
} }, hAsync("slot", { key: '178cf7d6e26f52d8fe2fc15ef026db4bd51ff70c', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), hAsync("slot", { key: 'c160f107a8bc7be52a538f6f19ffaa25fa4a729d', name: "header" }), hAsync("post-icon", { key: '19d621e055e1973d1a0e3e7cb750a88101f962d3', name: "chevronup" })))), hAsync("post-collapsible", { key: 'f0ff63e67476cc05467db907e010cd1c026aa044', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, hAsync("div", { key: '73418485496fa27ecc98e068317e39cea6dd8f2b', class: "accordion-body", part: "post-accordion-body" }, hAsync("slot", { key: '7a0e5d6c3b8da2e3170b5e47104d3ff4509b2040' })))));
|
|
6247
6600
|
}
|
|
6248
6601
|
get host() { return getElement(this); }
|
|
6249
|
-
static get watchers() { return {
|
|
6250
|
-
"headingLevel": [{
|
|
6251
|
-
"validateHeadingLevel": 0
|
|
6252
|
-
}]
|
|
6253
|
-
}; }
|
|
6254
6602
|
static get style() { return postAccordionItemCss(); }
|
|
6255
6603
|
static get cmpMeta() { return {
|
|
6256
6604
|
"$flags$": 265,
|
|
@@ -6267,12 +6615,22 @@ class PostAccordionItem {
|
|
|
6267
6615
|
"$attrsToReflect$": [["collapsed", "collapsed"]]
|
|
6268
6616
|
}; }
|
|
6269
6617
|
}
|
|
6270
|
-
__decorate$
|
|
6618
|
+
__decorate$z([
|
|
6271
6619
|
EventFrom('post-accordion-item')
|
|
6272
6620
|
], PostAccordionItem.prototype, "onCollapseToggle", null);
|
|
6273
6621
|
|
|
6274
6622
|
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}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
6275
6623
|
|
|
6624
|
+
var __decorate$y = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6625
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6626
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6627
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
6628
|
+
else
|
|
6629
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
6630
|
+
if (d = decorators[i])
|
|
6631
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6632
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6633
|
+
};
|
|
6276
6634
|
/**
|
|
6277
6635
|
* @slot default - Slot for placing post-autocomplete-item components.
|
|
6278
6636
|
*/
|
|
@@ -6387,9 +6745,6 @@ class PostAutocomplete {
|
|
|
6387
6745
|
}
|
|
6388
6746
|
};
|
|
6389
6747
|
}
|
|
6390
|
-
validateTextAvailableSuggestions() {
|
|
6391
|
-
checkRequiredAndType(this, 'textAvailableSuggestions', 'string');
|
|
6392
|
-
}
|
|
6393
6748
|
get inputElement() {
|
|
6394
6749
|
return this.host.querySelector('input');
|
|
6395
6750
|
}
|
|
@@ -6402,7 +6757,6 @@ class PostAutocomplete {
|
|
|
6402
6757
|
}
|
|
6403
6758
|
}
|
|
6404
6759
|
componentWillLoad() {
|
|
6405
|
-
this.validateTextAvailableSuggestions();
|
|
6406
6760
|
if (!this.inputElement)
|
|
6407
6761
|
return;
|
|
6408
6762
|
this.inputElement.role = 'combobox';
|
|
@@ -6413,6 +6767,12 @@ class PostAutocomplete {
|
|
|
6413
6767
|
this.listBoxElement.id = crypto.randomUUID();
|
|
6414
6768
|
this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
|
|
6415
6769
|
this.inputElement.setAttribute('aria-expanded', 'false');
|
|
6770
|
+
const inputLabel = this.inputElement.labels?.[0];
|
|
6771
|
+
if (inputLabel) {
|
|
6772
|
+
if (!inputLabel.id)
|
|
6773
|
+
inputLabel.id = crypto.randomUUID();
|
|
6774
|
+
this.listBoxElement.setAttribute('aria-labelledby', inputLabel.id);
|
|
6775
|
+
}
|
|
6416
6776
|
// Because we're handling that and the browser would show a duplicate native autocomplete dropdown
|
|
6417
6777
|
this.inputElement.autocomplete = 'off';
|
|
6418
6778
|
this.attachInputListeners();
|
|
@@ -6461,14 +6821,9 @@ class PostAutocomplete {
|
|
|
6461
6821
|
this.outputElement.textContent = this.textAvailableSuggestions.replace('{count}', String(count));
|
|
6462
6822
|
}
|
|
6463
6823
|
render() {
|
|
6464
|
-
return (hAsync(Host, { key: '
|
|
6824
|
+
return (hAsync(Host, { key: 'd8f594b17240359b03d1e443d0f8ea28a1a5f687', "data-version": version$1 }, hAsync("slot", { key: 'b76771582cdfb4f84e6018551508daaa5e5c91c5' }), this.clearable && this.inputValue && (hAsync("button", { key: 'ff6255a9b10df6609703bfa302d519b52931786e', type: "button", class: "autocomplete-clear", onClick: this.clearInput }, hAsync("post-icon", { key: '3c7da3532ae720ab6f392a8de8b2ca21e4b092aa', "aria-hidden": "true", name: "closex" }))), hAsync("post-icon", { key: 'd2a3c04b68a3b9b3303b80f37292578c5182157e', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" }), hAsync("output", { key: '187a75fa1e1935a372521c57f75c6740f330f891', class: "visually-hidden", ref: el => (this.outputElement = el) })));
|
|
6465
6825
|
}
|
|
6466
6826
|
get host() { return getElement(this); }
|
|
6467
|
-
static get watchers() { return {
|
|
6468
|
-
"textAvailableSuggestions": [{
|
|
6469
|
-
"validateTextAvailableSuggestions": 0
|
|
6470
|
-
}]
|
|
6471
|
-
}; }
|
|
6472
6827
|
static get style() { return postAutocompleteCss(); }
|
|
6473
6828
|
static get cmpMeta() { return {
|
|
6474
6829
|
"$flags$": 265,
|
|
@@ -6485,6 +6840,10 @@ class PostAutocomplete {
|
|
|
6485
6840
|
"$attrsToReflect$": [["filterThreshold", "filter-threshold"], ["clearable", "clearable"], ["listbox", "listbox"], ["textAvailableSuggestions", "text-available-suggestions"]]
|
|
6486
6841
|
}; }
|
|
6487
6842
|
}
|
|
6843
|
+
__decorate$y([
|
|
6844
|
+
Required(),
|
|
6845
|
+
Type('string')
|
|
6846
|
+
], PostAutocomplete.prototype, "textAvailableSuggestions", void 0);
|
|
6488
6847
|
|
|
6489
6848
|
// https://docs.gravatar.com/api/avatars/images/
|
|
6490
6849
|
const GRAVATAR_DEFAULT = '404';
|
|
@@ -6501,6 +6860,16 @@ const GRAVATAR_BASE_URL = `https://www.gravatar.com/avatar/{email}?s=${GRAVATAR_
|
|
|
6501
6860
|
|
|
6502
6861
|
const postAvatarCss = () => `:host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase;font-weight:400;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
6503
6862
|
|
|
6863
|
+
var __decorate$x = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6864
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6865
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6866
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
6867
|
+
else
|
|
6868
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
6869
|
+
if (d = decorators[i])
|
|
6870
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6871
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6872
|
+
};
|
|
6504
6873
|
const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
|
|
6505
6874
|
var AvatarType;
|
|
6506
6875
|
(function (AvatarType) {
|
|
@@ -6522,23 +6891,9 @@ class PostAvatar {
|
|
|
6522
6891
|
// To handle email updates and reset the storage item
|
|
6523
6892
|
this.storageKey = '';
|
|
6524
6893
|
}
|
|
6525
|
-
validateFirstname() {
|
|
6526
|
-
checkRequiredAndType(this, 'firstname', 'string');
|
|
6527
|
-
}
|
|
6528
|
-
validateLastname() {
|
|
6529
|
-
checkEmptyOrType(this, 'lastname', 'string');
|
|
6530
|
-
}
|
|
6531
6894
|
updateEmail() {
|
|
6532
|
-
this.validateEmail();
|
|
6533
6895
|
this.getAvatarImage();
|
|
6534
6896
|
}
|
|
6535
|
-
validateDescription() {
|
|
6536
|
-
checkEmptyOrType(this, 'description', 'string');
|
|
6537
|
-
}
|
|
6538
|
-
validateEmail() {
|
|
6539
|
-
if (this.email)
|
|
6540
|
-
checkEmptyOrPattern(this, 'email', emailPattern);
|
|
6541
|
-
}
|
|
6542
6897
|
async getAvatarImage() {
|
|
6543
6898
|
let imageLoaded = false;
|
|
6544
6899
|
this.slottedImage = this.host.querySelector('img');
|
|
@@ -6623,12 +6978,6 @@ class PostAvatar {
|
|
|
6623
6978
|
this.avatarType = AvatarType.Initials;
|
|
6624
6979
|
this.getAvatarImage();
|
|
6625
6980
|
}
|
|
6626
|
-
componentDidLoad() {
|
|
6627
|
-
this.validateFirstname();
|
|
6628
|
-
this.validateLastname();
|
|
6629
|
-
this.validateDescription();
|
|
6630
|
-
this.validateEmail();
|
|
6631
|
-
}
|
|
6632
6981
|
render() {
|
|
6633
6982
|
const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
|
|
6634
6983
|
const initials = names
|
|
@@ -6636,21 +6985,12 @@ class PostAvatar {
|
|
|
6636
6985
|
.join('')
|
|
6637
6986
|
.trim();
|
|
6638
6987
|
const fullname = names.join(' ');
|
|
6639
|
-
return (hAsync(Host, { key: '
|
|
6988
|
+
return (hAsync(Host, { key: '85af49f5beca48bec805f9c126e635b8b1042de3', "data-version": version$1 }, hAsync("span", { key: '950d20eeb38eae131bd2e459741ab03f7208ec37', class: this.avatarType === 'slotted' ? '' : 'd-none' }, hAsync("slot", { key: '5404e8d04de78e9c95d7b7e0b1dbb42fb6afc3e6', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && hAsync("img", { key: '0d9c7b0f74e99072544eaa94b408d8e70f5cef57', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (hAsync("span", { key: 'e7260e54f5510707b19016badad66920df6b38f0', class: "initials" }, initials, hAsync("span", { key: '647fe23a98a1338936ce701024bae944d6cce7ae' }, this.description ?? fullname)))));
|
|
6640
6989
|
}
|
|
6641
6990
|
get host() { return getElement(this); }
|
|
6642
6991
|
static get watchers() { return {
|
|
6643
|
-
"firstname": [{
|
|
6644
|
-
"validateFirstname": 0
|
|
6645
|
-
}],
|
|
6646
|
-
"lastname": [{
|
|
6647
|
-
"validateLastname": 0
|
|
6648
|
-
}],
|
|
6649
6992
|
"email": [{
|
|
6650
6993
|
"updateEmail": 0
|
|
6651
|
-
}],
|
|
6652
|
-
"description": [{
|
|
6653
|
-
"validateDescription": 0
|
|
6654
6994
|
}]
|
|
6655
6995
|
}; }
|
|
6656
6996
|
static get style() { return postAvatarCss(); }
|
|
@@ -6674,6 +7014,19 @@ class PostAvatar {
|
|
|
6674
7014
|
"$attrsToReflect$": [["firstname", "firstname"]]
|
|
6675
7015
|
}; }
|
|
6676
7016
|
}
|
|
7017
|
+
__decorate$x([
|
|
7018
|
+
Required(),
|
|
7019
|
+
Type('string')
|
|
7020
|
+
], PostAvatar.prototype, "firstname", void 0);
|
|
7021
|
+
__decorate$x([
|
|
7022
|
+
Type('string')
|
|
7023
|
+
], PostAvatar.prototype, "lastname", void 0);
|
|
7024
|
+
__decorate$x([
|
|
7025
|
+
Pattern(emailPattern)
|
|
7026
|
+
], PostAvatar.prototype, "email", void 0);
|
|
7027
|
+
__decorate$x([
|
|
7028
|
+
Type('string')
|
|
7029
|
+
], PostAvatar.prototype, "description", void 0);
|
|
6677
7030
|
|
|
6678
7031
|
const headerEase = {
|
|
6679
7032
|
x1: 0.8,
|
|
@@ -6733,6 +7086,16 @@ function fadeSlide(el, direction, options) {
|
|
|
6733
7086
|
|
|
6734
7087
|
const postBackToTopCss = () => `:host{opacity:0;--post-floating-button-position-top:var(--post-device-position-4);--post-back-to-top-position-top:calc( var(--post-header-height) + var(--post-floating-button-position-top) );--post-back-to-top-elevation:var(--post-device-elevation-300);position:fixed;z-index:1019;inset-block-start:var(--post-back-to-top-position-top);inset-inline-end:var(--post-device-position-1)}:host .back-to-top{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;box-shadow:var(--post-back-to-top-elevation);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}:host .back-to-top{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:hover{color:HighlightText !important}}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
6735
7088
|
|
|
7089
|
+
var __decorate$w = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7090
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7091
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7092
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
7093
|
+
else
|
|
7094
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
7095
|
+
if (d = decorators[i])
|
|
7096
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7097
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7098
|
+
};
|
|
6736
7099
|
class PostBackToTop {
|
|
6737
7100
|
constructor(hostRef) {
|
|
6738
7101
|
registerInstance(this, hostRef);
|
|
@@ -6744,9 +7107,6 @@ class PostBackToTop {
|
|
|
6744
7107
|
isBelowFold() {
|
|
6745
7108
|
return window.scrollY > window.innerHeight;
|
|
6746
7109
|
}
|
|
6747
|
-
validateTextBackToTop() {
|
|
6748
|
-
checkRequiredAndType(this, 'textBackToTop', 'string');
|
|
6749
|
-
}
|
|
6750
7110
|
/*Watch for changes in belowFold to show/hide the back to top button*/
|
|
6751
7111
|
watchBelowFold(newValue) {
|
|
6752
7112
|
if (newValue) {
|
|
@@ -6799,19 +7159,15 @@ class PostBackToTop {
|
|
|
6799
7159
|
componentDidLoad() {
|
|
6800
7160
|
window.addEventListener('scroll', this.handleScroll, false);
|
|
6801
7161
|
this.animateButton();
|
|
6802
|
-
this.validateTextBackToTop();
|
|
6803
7162
|
}
|
|
6804
7163
|
disconnectedCallback() {
|
|
6805
7164
|
window.removeEventListener('scroll', this.handleScroll);
|
|
6806
7165
|
}
|
|
6807
7166
|
render() {
|
|
6808
|
-
return (hAsync(Host, { key: '
|
|
7167
|
+
return (hAsync(Host, { key: 'b4fb2fd83336752a5c67ab9ded8a20b871b8f967', "data-version": version$1 }, hAsync("button", { key: 'cdee4a23f45f9293ac0da814f97df8bda73028ef', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, hAsync("post-icon", { key: '91e2be9b6c5dcd2b8e11aec4ff839de259d47a13', "aria-hidden": "true", name: "arrowup" }), hAsync("span", { key: '0bee6a5151a4919ddffc436924a8a494650b069a', class: "visually-hidden" }, this.textBackToTop))));
|
|
6809
7168
|
}
|
|
6810
7169
|
get host() { return getElement(this); }
|
|
6811
7170
|
static get watchers() { return {
|
|
6812
|
-
"textBackToTop": [{
|
|
6813
|
-
"validateTextBackToTop": 0
|
|
6814
|
-
}],
|
|
6815
7171
|
"belowFold": [{
|
|
6816
7172
|
"watchBelowFold": 0
|
|
6817
7173
|
}]
|
|
@@ -6829,6 +7185,10 @@ class PostBackToTop {
|
|
|
6829
7185
|
"$attrsToReflect$": [["textBackToTop", "text-back-to-top"]]
|
|
6830
7186
|
}; }
|
|
6831
7187
|
}
|
|
7188
|
+
__decorate$w([
|
|
7189
|
+
Required(),
|
|
7190
|
+
Type('string')
|
|
7191
|
+
], PostBackToTop.prototype, "textBackToTop", void 0);
|
|
6832
7192
|
|
|
6833
7193
|
const defaultOptions$1 = {
|
|
6834
7194
|
duration: 200,
|
|
@@ -6882,7 +7242,7 @@ const BANNER_TYPES = ['success', 'warning', 'error', 'info'];
|
|
|
6882
7242
|
|
|
6883
7243
|
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}}`;
|
|
6884
7244
|
|
|
6885
|
-
var __decorate$
|
|
7245
|
+
var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6886
7246
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6887
7247
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6888
7248
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6909,15 +7269,11 @@ class PostBanner {
|
|
|
6909
7269
|
*/
|
|
6910
7270
|
this.type = 'info';
|
|
6911
7271
|
}
|
|
6912
|
-
validateType() {
|
|
6913
|
-
checkEmptyOrOneOf(this, 'type', BANNER_TYPES);
|
|
6914
|
-
}
|
|
6915
7272
|
connectedCallback() {
|
|
6916
7273
|
this.mutationObserver.observe(this.host, { childList: true });
|
|
6917
7274
|
}
|
|
6918
7275
|
componentDidLoad() {
|
|
6919
7276
|
this.checkContent();
|
|
6920
|
-
this.validateType();
|
|
6921
7277
|
}
|
|
6922
7278
|
disconnectedCallback() {
|
|
6923
7279
|
this.mutationObserver.disconnect();
|
|
@@ -6938,14 +7294,9 @@ class PostBanner {
|
|
|
6938
7294
|
this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
|
|
6939
7295
|
}
|
|
6940
7296
|
render() {
|
|
6941
|
-
return (hAsync(Host, { key: '
|
|
7297
|
+
return (hAsync(Host, { key: '97695d768495db6f56d797d58d94db4b935c5436', "data-version": version$1, role: "alert", "data-color-scheme": "light" }, hAsync("slot", { key: 'd60d826952da373557af9b2362cd26f2e246796e', name: "close-button" }), hAsync("slot", { key: '2f731ec8f29f6a8dc281fab5884a3dc2e4c4e5ae', name: "heading" }), hAsync("slot", { key: 'e4db84d239998661a3a3d68e7f1df0a076115b29' }), this.hasActions && (hAsync("div", { key: '1b88d16970a728c3064d325296a529bc93cde41a', class: "actions" }, hAsync("slot", { key: 'ea5570b8b8c23cb9a7c2b086ddd1a09a517e0f6a', name: "actions" })))));
|
|
6942
7298
|
}
|
|
6943
7299
|
get host() { return getElement(this); }
|
|
6944
|
-
static get watchers() { return {
|
|
6945
|
-
"type": [{
|
|
6946
|
-
"validateType": 0
|
|
6947
|
-
}]
|
|
6948
|
-
}; }
|
|
6949
7300
|
static get style() { return postBannerCss(); }
|
|
6950
7301
|
static get cmpMeta() { return {
|
|
6951
7302
|
"$flags$": 265,
|
|
@@ -6960,7 +7311,10 @@ class PostBanner {
|
|
|
6960
7311
|
"$attrsToReflect$": [["type", "type"]]
|
|
6961
7312
|
}; }
|
|
6962
7313
|
}
|
|
6963
|
-
__decorate$
|
|
7314
|
+
__decorate$v([
|
|
7315
|
+
OneOf(BANNER_TYPES)
|
|
7316
|
+
], PostBanner.prototype, "type", void 0);
|
|
7317
|
+
__decorate$v([
|
|
6964
7318
|
EventFrom('post-closebutton', { allowDescendants: true })
|
|
6965
7319
|
], PostBanner.prototype, "onCloseButtonClick", null);
|
|
6966
7320
|
|
|
@@ -6968,6 +7322,16 @@ const VARIANTS = ['listitem', 'menuitem'];
|
|
|
6968
7322
|
|
|
6969
7323
|
const postBreadcrumbItemCss = () => `a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-current-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a: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){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a: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){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}}:host(:not([variant=menuitem])){display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}:host(:not([variant=menuitem])) :is(button,a){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-color:rgba(0,0,0,0);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;display:flex;align-self:start;font:inherit;padding:unset;border:unset;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);text-decoration:var(--post-core-text-decoration-none)}:host(:not([variant=menuitem])) :is(button,a):hover{text-decoration:none}:host(:not([variant=menuitem])) :is(button,a):disabled{border-style:var(--post-core-border-style-dash)}:host(:not([variant=menuitem])) :is(button,a){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:not([variant=menuitem])) :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:not([variant=menuitem])) :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host(:not([variant=menuitem])) :is(button,a):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:not([variant=menuitem])) :is(button,a):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:not([variant=menuitem])) :is(button,a):is(a){color:LinkText;border:unset}:host(:not([variant=menuitem])) :is(button,a):is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host(:not([variant=menuitem])) :is(button,a):not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host(:not([variant=menuitem])) :is(button,a):not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host(:not([variant=menuitem])) :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}:host(:not([variant=menuitem]))::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;content:"";display:flex;height:16px;width:16px;margin-block:var(--post-device-spacing-padding-35);margin-inline:var(--post-core-dimension-4);flex-shrink:0}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}:host :is(a,span){margin-block:var(--post-device-spacing-padding-block-6)}:host([selected]:not([selected=false])){display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}:host([selected]:not([selected=false])) :is(button,a){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-color:rgba(0,0,0,0);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;display:flex;align-self:start;font:inherit;padding:unset;border:unset;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);text-decoration:var(--post-core-text-decoration-none)}:host([selected]:not([selected=false])) :is(button,a):hover{text-decoration:none}:host([selected]:not([selected=false])) :is(button,a):disabled{border-style:var(--post-core-border-style-dash)}:host([selected]:not([selected=false])) :is(button,a){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host([selected]:not([selected=false])) :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host([selected]:not([selected=false])) :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host([selected]:not([selected=false])) :is(button,a):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host([selected]:not([selected=false])) :is(button,a):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host([selected]:not([selected=false])) :is(button,a):is(a){color:LinkText;border:unset}:host([selected]:not([selected=false])) :is(button,a):is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host([selected]:not([selected=false])) :is(button,a):not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host([selected]:not([selected=false])) :is(button,a):not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host([selected]:not([selected=false])) :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}:host([selected]:not([selected=false]))::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;content:"";display:flex;height:16px;width:16px;margin-block:var(--post-device-spacing-padding-35);margin-inline:var(--post-core-dimension-4);flex-shrink:0}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}:host([selected]:not([selected=false])) :is(a,span){color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}:host([selected]:not([selected=false]):not([data-measuring])){align-items:start}:host([selected]:not([selected=false]):not([data-measuring])) :is(a,span){white-space:normal;overflow-wrap:anywhere}`;
|
|
6970
7324
|
|
|
7325
|
+
var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7326
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7327
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7328
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
7329
|
+
else
|
|
7330
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
7331
|
+
if (d = decorators[i])
|
|
7332
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7333
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7334
|
+
};
|
|
6971
7335
|
/**
|
|
6972
7336
|
* @slot default - The content displayed inside the breadcrumb item.
|
|
6973
7337
|
*/
|
|
@@ -6983,32 +7347,12 @@ class PostBreadcrumbItem {
|
|
|
6983
7347
|
*/
|
|
6984
7348
|
this.selected = false;
|
|
6985
7349
|
}
|
|
6986
|
-
validateURL() {
|
|
6987
|
-
checkEmptyOrUrl(this, 'url');
|
|
6988
|
-
}
|
|
6989
|
-
validateVariant() {
|
|
6990
|
-
checkEmptyOrOneOf(this, 'variant', VARIANTS);
|
|
6991
|
-
}
|
|
6992
|
-
validateSelected() {
|
|
6993
|
-
checkRequiredAndType(this, 'selected', 'boolean');
|
|
6994
|
-
}
|
|
6995
7350
|
render() {
|
|
6996
7351
|
const href = this.url instanceof URL ? this.url.href : this.url;
|
|
6997
7352
|
const content = href ? (hAsync("a", { href: href, "aria-current": this.selected ? 'page' : undefined, "aria-label": this.label, "aria-description": this.description }, hAsync("slot", null))) : (hAsync("span", null, hAsync("slot", null)));
|
|
6998
7353
|
return this.variant === 'listitem' || this.selected ? (hAsync(Host, { "data-version": version$1, role: "listitem", slot: this.selected ? 'selected' : undefined }, content)) : (hAsync(Host, { "data-version": version$1 }, hAsync("post-menu-item", null, content)));
|
|
6999
7354
|
}
|
|
7000
7355
|
get host() { return getElement(this); }
|
|
7001
|
-
static get watchers() { return {
|
|
7002
|
-
"url": [{
|
|
7003
|
-
"validateURL": 0
|
|
7004
|
-
}],
|
|
7005
|
-
"variant": [{
|
|
7006
|
-
"validateVariant": 0
|
|
7007
|
-
}],
|
|
7008
|
-
"selected": [{
|
|
7009
|
-
"validateSelected": 0
|
|
7010
|
-
}]
|
|
7011
|
-
}; }
|
|
7012
7356
|
static get style() { return postBreadcrumbItemCss(); }
|
|
7013
7357
|
static get cmpMeta() { return {
|
|
7014
7358
|
"$flags$": 265,
|
|
@@ -7025,34 +7369,44 @@ class PostBreadcrumbItem {
|
|
|
7025
7369
|
"$attrsToReflect$": [["url", "url"], ["label", "label"], ["description", "description"], ["variant", "variant"], ["selected", "selected"]]
|
|
7026
7370
|
}; }
|
|
7027
7371
|
}
|
|
7372
|
+
__decorate$u([
|
|
7373
|
+
Url()
|
|
7374
|
+
], PostBreadcrumbItem.prototype, "url", void 0);
|
|
7375
|
+
__decorate$u([
|
|
7376
|
+
Type('string')
|
|
7377
|
+
], PostBreadcrumbItem.prototype, "label", void 0);
|
|
7378
|
+
__decorate$u([
|
|
7379
|
+
Type('string')
|
|
7380
|
+
], PostBreadcrumbItem.prototype, "description", void 0);
|
|
7381
|
+
__decorate$u([
|
|
7382
|
+
OneOf(VARIANTS)
|
|
7383
|
+
], PostBreadcrumbItem.prototype, "variant", void 0);
|
|
7384
|
+
__decorate$u([
|
|
7385
|
+
Required(),
|
|
7386
|
+
Type('boolean')
|
|
7387
|
+
], PostBreadcrumbItem.prototype, "selected", void 0);
|
|
7028
7388
|
|
|
7029
7389
|
const postBreadcrumbsCss = () => `:host{position:relative}nav{max-width:100%}nav.invisible{visibility:hidden;overflow:hidden;position:absolute;inset:0}[role=list]{display:flex;align-items:start;gap:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item :is(button,a){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-color:rgba(0,0,0,0);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;display:flex;align-self:start;font:inherit;padding:unset;border:unset;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item :is(button,a):hover{text-decoration:none}.breadcrumb-item :is(button,a):disabled{border-style:var(--post-core-border-style-dash)}.breadcrumb-item :is(button,a){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}.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a):is(a){color:LinkText;border:unset}.breadcrumb-item :is(button,a):is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.breadcrumb-item :is(button,a):not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.breadcrumb-item :is(button,a):not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.breadcrumb-item :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;content:"";display:flex;height:16px;width:16px;margin-block:var(--post-device-spacing-padding-35);margin-inline:var(--post-core-dimension-4);flex-shrink:0}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}.home::before{content:unset}.home post-icon{font-size:var(--post-core-dimension-24)}@media screen and (min-width: 0)and (max-width: 599.98px){.home post-icon{font-size:20px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
7030
7390
|
|
|
7391
|
+
var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7392
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7393
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7394
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
7395
|
+
else
|
|
7396
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
7397
|
+
if (d = decorators[i])
|
|
7398
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7399
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7400
|
+
};
|
|
7031
7401
|
class PostBreadcrumbs {
|
|
7032
7402
|
constructor(hostRef) {
|
|
7033
7403
|
registerInstance(this, hostRef);
|
|
7034
7404
|
this.shouldRenderMenu = false;
|
|
7035
7405
|
}
|
|
7036
|
-
validateHomeUrl() {
|
|
7037
|
-
checkRequiredAndUrl(this, 'homeUrl');
|
|
7038
|
-
}
|
|
7039
|
-
validateTextHome() {
|
|
7040
|
-
checkRequiredAndType(this, 'textHome', 'string');
|
|
7041
|
-
}
|
|
7042
|
-
validateTextBreadcrumbs() {
|
|
7043
|
-
checkRequiredAndType(this, 'textBreadcrumbs', 'string');
|
|
7044
|
-
}
|
|
7045
|
-
validateTextMoreItems() {
|
|
7046
|
-
checkRequiredAndType(this, 'textMoreItems', 'string');
|
|
7047
|
-
}
|
|
7048
7406
|
componentWillLoad() {
|
|
7049
7407
|
this.id = this.host.id || `b${nanoid(6)}`;
|
|
7050
7408
|
}
|
|
7051
7409
|
componentDidLoad() {
|
|
7052
|
-
this.validateHomeUrl();
|
|
7053
|
-
this.validateTextHome();
|
|
7054
|
-
this.validateTextBreadcrumbs();
|
|
7055
|
-
this.validateTextMoreItems();
|
|
7056
7410
|
this.createMutationObserver();
|
|
7057
7411
|
this.createResizeObserver();
|
|
7058
7412
|
}
|
|
@@ -7130,23 +7484,9 @@ class PostBreadcrumbs {
|
|
|
7130
7484
|
return (hAsync("div", { role: "listitem" }, hAsync("div", { class: "breadcrumb-item" }, hAsync("post-menu-trigger", { for: menuId }, hAsync("button", null, hAsync("span", { class: "visually-hidden" }, this.textMoreItems), hAsync("span", { "aria-hidden": "true" }, "...")))), hAsync("post-menu", { id: menuId, label: this.textMoreItems, placement: "bottom-start" }, hAsync("slot", null))));
|
|
7131
7485
|
}
|
|
7132
7486
|
render() {
|
|
7133
|
-
return (hAsync(Host, { key: '
|
|
7487
|
+
return (hAsync(Host, { key: '7ad91a47dac5999eba506744321eb59a27970687', "data-version": version$1 }, hAsync("nav", { key: '3d84a12495ccd27df028cae550b319a2191f8721', "aria-label": this.textBreadcrumbs }, hAsync("div", { key: '291436db8b8f171ca070f0b4fb6e24a6fd831e8d', role: "list" }, hAsync("div", { key: 'cd5aeeee11626fde17bf384ebe7f1f1f701f2a86', class: "breadcrumb-item home", role: "listitem" }, hAsync("a", { key: '9583685d73837b3971a575307621cb364c934d4e', href: this.homeUrl }, hAsync("span", { key: '4896caee6c56016ee7e0ded0363bd5ead8f672bc', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: '8390117bb7e8527a813e3d306e16312fa1912ce6', "aria-hidden": "true", name: "home" }))), this.shouldRenderMenu ? this.renderMenu() : hAsync("slot", null), hAsync("slot", { key: '314d304f3f1d1cc09af197eea221d26a9bf1c0fe', name: "selected" })))));
|
|
7134
7488
|
}
|
|
7135
7489
|
get host() { return getElement(this); }
|
|
7136
|
-
static get watchers() { return {
|
|
7137
|
-
"homeUrl": [{
|
|
7138
|
-
"validateHomeUrl": 0
|
|
7139
|
-
}],
|
|
7140
|
-
"textHome": [{
|
|
7141
|
-
"validateTextHome": 0
|
|
7142
|
-
}],
|
|
7143
|
-
"textBreadcrumbs": [{
|
|
7144
|
-
"validateTextBreadcrumbs": 0
|
|
7145
|
-
}],
|
|
7146
|
-
"textMoreItems": [{
|
|
7147
|
-
"validateTextMoreItems": 0
|
|
7148
|
-
}]
|
|
7149
|
-
}; }
|
|
7150
7490
|
static get style() { return postBreadcrumbsCss(); }
|
|
7151
7491
|
static get cmpMeta() { return {
|
|
7152
7492
|
"$flags$": 265,
|
|
@@ -7164,6 +7504,22 @@ class PostBreadcrumbs {
|
|
|
7164
7504
|
"$attrsToReflect$": [["homeUrl", "home-url"], ["textHome", "text-home"], ["textBreadcrumbs", "text-breadcrumbs"], ["textMoreItems", "text-more-items"]]
|
|
7165
7505
|
}; }
|
|
7166
7506
|
}
|
|
7507
|
+
__decorate$t([
|
|
7508
|
+
Required(),
|
|
7509
|
+
Url()
|
|
7510
|
+
], PostBreadcrumbs.prototype, "homeUrl", void 0);
|
|
7511
|
+
__decorate$t([
|
|
7512
|
+
Required(),
|
|
7513
|
+
Type('string')
|
|
7514
|
+
], PostBreadcrumbs.prototype, "textHome", void 0);
|
|
7515
|
+
__decorate$t([
|
|
7516
|
+
Required(),
|
|
7517
|
+
Type('string')
|
|
7518
|
+
], PostBreadcrumbs.prototype, "textBreadcrumbs", void 0);
|
|
7519
|
+
__decorate$t([
|
|
7520
|
+
Required(),
|
|
7521
|
+
Type('string')
|
|
7522
|
+
], PostBreadcrumbs.prototype, "textMoreItems", void 0);
|
|
7167
7523
|
|
|
7168
7524
|
const BUTTON_TYPES = ['button', 'submit', 'reset'];
|
|
7169
7525
|
const PLACEMENT = ['manual', 'auto'];
|
|
@@ -7171,6 +7527,16 @@ const SIZE = ['default', 'small'];
|
|
|
7171
7527
|
|
|
7172
7528
|
const postClosebuttonCss = () => `.btn{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-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{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}.btn: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn: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){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{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)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-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)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color: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)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color: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)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{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)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-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)}.btn-link{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)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-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)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-closebutton[size=small] .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}post-closebutton:not([placement]),post-closebutton[placement=auto]{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%)}post-closebutton .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}`;
|
|
7173
7529
|
|
|
7530
|
+
var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7531
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7532
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7533
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
7534
|
+
else
|
|
7535
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
7536
|
+
if (d = decorators[i])
|
|
7537
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7538
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7539
|
+
};
|
|
7174
7540
|
/**
|
|
7175
7541
|
* @slot default - Slot for placing visually hidden label in the close button.
|
|
7176
7542
|
*/
|
|
@@ -7191,15 +7557,6 @@ class PostClosebutton {
|
|
|
7191
7557
|
*/
|
|
7192
7558
|
this.size = 'default';
|
|
7193
7559
|
}
|
|
7194
|
-
validateButtonType() {
|
|
7195
|
-
checkEmptyOrOneOf(this, 'buttonType', BUTTON_TYPES);
|
|
7196
|
-
}
|
|
7197
|
-
validatePlacement() {
|
|
7198
|
-
checkRequiredAndOneOf(this, 'placement', PLACEMENT);
|
|
7199
|
-
}
|
|
7200
|
-
validateSize() {
|
|
7201
|
-
checkRequiredAndOneOf(this, 'size', SIZE);
|
|
7202
|
-
}
|
|
7203
7560
|
componentDidLoad() {
|
|
7204
7561
|
this.checkContent();
|
|
7205
7562
|
}
|
|
@@ -7216,28 +7573,14 @@ class PostClosebutton {
|
|
|
7216
7573
|
}
|
|
7217
7574
|
}
|
|
7218
7575
|
checkContent() {
|
|
7219
|
-
this.validateButtonType();
|
|
7220
|
-
this.validatePlacement();
|
|
7221
|
-
this.validateSize();
|
|
7222
7576
|
if (!this.host.querySelector('.visually-hidden').textContent) {
|
|
7223
7577
|
console.error(`The \`${this.host.localName}\` component requires content for accessibility.`);
|
|
7224
7578
|
}
|
|
7225
7579
|
}
|
|
7226
7580
|
render() {
|
|
7227
|
-
return (hAsync(Host, { key: '
|
|
7581
|
+
return (hAsync(Host, { key: 'a685b0c1dbf08de1253d7c232800b28aa445edeb', "data-version": version$1 }, hAsync("button", { key: 'e36535683023bd1cbcf560491a87ddab60f23d1c', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, hAsync("post-icon", { key: '405d5ca3761bd8ee56bdd9734a2550cbbbd81f0d', "aria-hidden": "true", name: "closex" }), hAsync("span", { key: '2caa490891d922dc69ef4e6ebe8e5de813426d30', class: "visually-hidden" }, hAsync("slot", { key: 'fd38d8c6da378058ea93c5c08f9f96d0b7be7813' })))));
|
|
7228
7582
|
}
|
|
7229
7583
|
get host() { return getElement(this); }
|
|
7230
|
-
static get watchers() { return {
|
|
7231
|
-
"buttonType": [{
|
|
7232
|
-
"validateButtonType": 0
|
|
7233
|
-
}],
|
|
7234
|
-
"placement": [{
|
|
7235
|
-
"validatePlacement": 0
|
|
7236
|
-
}],
|
|
7237
|
-
"size": [{
|
|
7238
|
-
"validateSize": 0
|
|
7239
|
-
}]
|
|
7240
|
-
}; }
|
|
7241
7584
|
static get style() { return postClosebuttonCss(); }
|
|
7242
7585
|
static get cmpMeta() { return {
|
|
7243
7586
|
"$flags$": 260,
|
|
@@ -7252,6 +7595,17 @@ class PostClosebutton {
|
|
|
7252
7595
|
"$attrsToReflect$": [["placement", "placement"], ["size", "size"]]
|
|
7253
7596
|
}; }
|
|
7254
7597
|
}
|
|
7598
|
+
__decorate$s([
|
|
7599
|
+
OneOf(BUTTON_TYPES)
|
|
7600
|
+
], PostClosebutton.prototype, "buttonType", void 0);
|
|
7601
|
+
__decorate$s([
|
|
7602
|
+
Required(),
|
|
7603
|
+
OneOf(PLACEMENT)
|
|
7604
|
+
], PostClosebutton.prototype, "placement", void 0);
|
|
7605
|
+
__decorate$s([
|
|
7606
|
+
Required(),
|
|
7607
|
+
OneOf(SIZE)
|
|
7608
|
+
], PostClosebutton.prototype, "size", void 0);
|
|
7255
7609
|
|
|
7256
7610
|
const collapseDuration = 350;
|
|
7257
7611
|
const collapsedKeyframe = { height: '0', overflow: 'hidden' };
|
|
@@ -7260,6 +7614,16 @@ const collapsedKeyframe = { height: '0', overflow: 'hidden' };
|
|
|
7260
7614
|
|
|
7261
7615
|
const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
|
|
7262
7616
|
|
|
7617
|
+
var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7618
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7619
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7620
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
7621
|
+
else
|
|
7622
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
7623
|
+
if (d = decorators[i])
|
|
7624
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7625
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7626
|
+
};
|
|
7263
7627
|
/**
|
|
7264
7628
|
* @slot default - Slot for placing content within the collapsible element.
|
|
7265
7629
|
*/
|
|
@@ -7272,14 +7636,10 @@ class PostCollapsible {
|
|
|
7272
7636
|
*/
|
|
7273
7637
|
this.collapsed = false;
|
|
7274
7638
|
}
|
|
7275
|
-
collapsedChange() {
|
|
7276
|
-
checkEmptyOrType(this, 'collapsed', 'boolean');
|
|
7277
|
-
}
|
|
7278
7639
|
get isExpanded() {
|
|
7279
7640
|
return !this.collapsed;
|
|
7280
7641
|
}
|
|
7281
7642
|
componentDidLoad() {
|
|
7282
|
-
this.collapsedChange();
|
|
7283
7643
|
this.updateTriggers();
|
|
7284
7644
|
}
|
|
7285
7645
|
/**
|
|
@@ -7299,21 +7659,23 @@ class PostCollapsible {
|
|
|
7299
7659
|
return isExpanded;
|
|
7300
7660
|
}
|
|
7301
7661
|
/**
|
|
7302
|
-
* Update all post-collapsible-trigger elements referring to the collapsible
|
|
7662
|
+
* Update all post-collapsible-trigger elements referring to or wrapping the collapsible
|
|
7303
7663
|
*/
|
|
7304
7664
|
updateTriggers() {
|
|
7305
|
-
const triggers =
|
|
7665
|
+
const triggers = this.host.id
|
|
7666
|
+
? Array.from(document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`))
|
|
7667
|
+
: [];
|
|
7668
|
+
// also update an ancestor trigger when the collapsible is nested inside one
|
|
7669
|
+
const nestedTrigger = this.host.closest('post-collapsible-trigger');
|
|
7670
|
+
if (nestedTrigger && !triggers.includes(nestedTrigger)) {
|
|
7671
|
+
triggers.push(nestedTrigger);
|
|
7672
|
+
}
|
|
7306
7673
|
triggers.forEach(trigger => trigger.update());
|
|
7307
7674
|
}
|
|
7308
7675
|
render() {
|
|
7309
|
-
return (hAsync(Host, { key: '
|
|
7676
|
+
return (hAsync(Host, { key: '5683b1c0346d1ed8aa6aa5ef8583654511ff0638', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: '3271677498e00e964ee17733aa2871a12e57858c' })));
|
|
7310
7677
|
}
|
|
7311
7678
|
get host() { return getElement(this); }
|
|
7312
|
-
static get watchers() { return {
|
|
7313
|
-
"collapsed": [{
|
|
7314
|
-
"collapsedChange": 0
|
|
7315
|
-
}]
|
|
7316
|
-
}; }
|
|
7317
7679
|
static get style() { return postCollapsibleCss(); }
|
|
7318
7680
|
static get cmpMeta() { return {
|
|
7319
7681
|
"$flags$": 265,
|
|
@@ -7327,8 +7689,11 @@ class PostCollapsible {
|
|
|
7327
7689
|
"$attrsToReflect$": []
|
|
7328
7690
|
}; }
|
|
7329
7691
|
}
|
|
7692
|
+
__decorate$r([
|
|
7693
|
+
Type('boolean')
|
|
7694
|
+
], PostCollapsible.prototype, "collapsed", void 0);
|
|
7330
7695
|
|
|
7331
|
-
var __decorate$
|
|
7696
|
+
var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7332
7697
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7333
7698
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7334
7699
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -7339,12 +7704,6 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
7339
7704
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7340
7705
|
};
|
|
7341
7706
|
class PostCollapsibleTrigger {
|
|
7342
|
-
/**
|
|
7343
|
-
* Set the "aria-controls" and "aria-expanded" attributes on the trigger to match the state of the controlled post-collapsible
|
|
7344
|
-
*/
|
|
7345
|
-
validateAriaAttributes() {
|
|
7346
|
-
checkRequiredAndType(this, 'for', 'string');
|
|
7347
|
-
}
|
|
7348
7707
|
constructor(hostRef) {
|
|
7349
7708
|
registerInstance(this, hostRef);
|
|
7350
7709
|
this.observer = new MutationObserver(() => this.setTrigger());
|
|
@@ -7362,7 +7721,10 @@ class PostCollapsibleTrigger {
|
|
|
7362
7721
|
this.setTrigger();
|
|
7363
7722
|
if (!this.trigger)
|
|
7364
7723
|
console.warn('The post-collapsible-trigger must contain a button.');
|
|
7365
|
-
this.
|
|
7724
|
+
if (!this.collapsible) {
|
|
7725
|
+
const target = this.for ? `with id "${this.for}"` : 'nested inside <post-collapsible-trigger>';
|
|
7726
|
+
console.warn(`No post-collapsible found ${target}. Either nest a post-collapsible inside the trigger or set the "for" attribute to the id of the collapsible.`);
|
|
7727
|
+
}
|
|
7366
7728
|
}
|
|
7367
7729
|
disconnectedCallback() {
|
|
7368
7730
|
this.observer.disconnect();
|
|
@@ -7384,18 +7746,21 @@ class PostCollapsibleTrigger {
|
|
|
7384
7746
|
}
|
|
7385
7747
|
}
|
|
7386
7748
|
updateAriaAttributes() {
|
|
7387
|
-
|
|
7749
|
+
const collapsible = this.collapsible;
|
|
7750
|
+
if (!this.trigger || !collapsible)
|
|
7388
7751
|
return;
|
|
7389
|
-
//
|
|
7752
|
+
// a nested collapsible may have no id, but aria-controls needs one to reference
|
|
7753
|
+
collapsible.id || (collapsible.id = `collapsible-${crypto.randomUUID()}`);
|
|
7754
|
+
const collapsibleId = collapsible.id;
|
|
7755
|
+
// add the controlled collapsible's id to the aria-controls list
|
|
7390
7756
|
const ariaControls = this.trigger.getAttribute('aria-controls');
|
|
7391
|
-
|
|
7392
|
-
|
|
7393
|
-
|
|
7757
|
+
const tokens = ariaControls ? ariaControls.split(/\s+/) : [];
|
|
7758
|
+
if (!tokens.includes(collapsibleId)) {
|
|
7759
|
+
tokens.push(collapsibleId);
|
|
7760
|
+
this.trigger.setAttribute('aria-controls', tokens.join(' '));
|
|
7394
7761
|
}
|
|
7395
|
-
// set
|
|
7396
|
-
|
|
7397
|
-
const newAriaExpanded = isCollapsed !== undefined ? !isCollapsed : undefined;
|
|
7398
|
-
this.trigger.setAttribute('aria-expanded', `${newAriaExpanded}`);
|
|
7762
|
+
// set aria-expanded to `true` if expanded, `false` if collapsed (collapsed defaults to false)
|
|
7763
|
+
this.trigger.setAttribute('aria-expanded', `${!collapsible.collapsed}`);
|
|
7399
7764
|
}
|
|
7400
7765
|
/**
|
|
7401
7766
|
* Toggle the post-collapsible controlled by the trigger
|
|
@@ -7407,7 +7772,9 @@ class PostCollapsibleTrigger {
|
|
|
7407
7772
|
* Retrieve the post-collapsible controlled by the trigger
|
|
7408
7773
|
*/
|
|
7409
7774
|
get collapsible() {
|
|
7410
|
-
|
|
7775
|
+
// prefer a nested post-collapsible, fall back to an id reference via `for`
|
|
7776
|
+
const ref = this.host.querySelector('post-collapsible') ??
|
|
7777
|
+
(this.for ? this.root?.getElementById(this.for) ?? null : null);
|
|
7411
7778
|
if (ref && ref.localName === 'post-collapsible') {
|
|
7412
7779
|
return ref;
|
|
7413
7780
|
}
|
|
@@ -7417,7 +7784,12 @@ class PostCollapsibleTrigger {
|
|
|
7417
7784
|
* Find the button and add the proper event listener and ARIA attributes to it
|
|
7418
7785
|
*/
|
|
7419
7786
|
setTrigger() {
|
|
7420
|
-
|
|
7787
|
+
// skip buttons that belong to a nested collapsible's content
|
|
7788
|
+
const trigger = Array.from(this.host.querySelectorAll('button')).find(button => {
|
|
7789
|
+
const collapsible = button.closest('post-collapsible');
|
|
7790
|
+
const isInsidePanel = !!collapsible && this.host.contains(collapsible);
|
|
7791
|
+
return !isInsidePanel;
|
|
7792
|
+
});
|
|
7421
7793
|
if (!trigger || (this.trigger && trigger.isEqualNode(this.trigger)))
|
|
7422
7794
|
return;
|
|
7423
7795
|
this.trigger = trigger;
|
|
@@ -7425,14 +7797,9 @@ class PostCollapsibleTrigger {
|
|
|
7425
7797
|
this.updateAriaAttributes();
|
|
7426
7798
|
}
|
|
7427
7799
|
render() {
|
|
7428
|
-
return (hAsync(Host, { key: '
|
|
7800
|
+
return (hAsync(Host, { key: '40cfa7d940136d4bce5de0c2b37fca91187110f8', "data-version": version$1 }, hAsync("slot", { key: 'b8853f5be4361e59537b00d6fd60e6e42b7ea64d' })));
|
|
7429
7801
|
}
|
|
7430
7802
|
get host() { return getElement(this); }
|
|
7431
|
-
static get watchers() { return {
|
|
7432
|
-
"for": [{
|
|
7433
|
-
"validateAriaAttributes": 0
|
|
7434
|
-
}]
|
|
7435
|
-
}; }
|
|
7436
7803
|
static get cmpMeta() { return {
|
|
7437
7804
|
"$flags$": 265,
|
|
7438
7805
|
"$tagName$": "post-collapsible-trigger",
|
|
@@ -7445,7 +7812,10 @@ class PostCollapsibleTrigger {
|
|
|
7445
7812
|
"$attrsToReflect$": [["for", "for"]]
|
|
7446
7813
|
}; }
|
|
7447
7814
|
}
|
|
7448
|
-
__decorate$
|
|
7815
|
+
__decorate$q([
|
|
7816
|
+
Type('string')
|
|
7817
|
+
], PostCollapsibleTrigger.prototype, "for", void 0);
|
|
7818
|
+
__decorate$q([
|
|
7449
7819
|
EventFrom('post-collapsible')
|
|
7450
7820
|
], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
|
|
7451
7821
|
|
|
@@ -7473,41 +7843,6 @@ function requireAirDatepicker () {
|
|
|
7473
7843
|
var airDatepickerExports = requireAirDatepicker();
|
|
7474
7844
|
var AirDatepicker = /*@__PURE__*/getDefaultExportFromCjs(airDatepickerExports);
|
|
7475
7845
|
|
|
7476
|
-
const airDatepickerLocales = {
|
|
7477
|
-
ar: () => Promise.resolve().then(function () { return _airDatepickerLocale_ar$1; }),
|
|
7478
|
-
bg: () => Promise.resolve().then(function () { return _airDatepickerLocale_bg$1; }),
|
|
7479
|
-
ca: () => Promise.resolve().then(function () { return _airDatepickerLocale_ca$1; }),
|
|
7480
|
-
cs: () => Promise.resolve().then(function () { return _airDatepickerLocale_cs$1; }),
|
|
7481
|
-
da: () => Promise.resolve().then(function () { return _airDatepickerLocale_da$1; }),
|
|
7482
|
-
de: () => Promise.resolve().then(function () { return _airDatepickerLocale_de$1; }),
|
|
7483
|
-
el: () => Promise.resolve().then(function () { return _airDatepickerLocale_el$1; }),
|
|
7484
|
-
en: () => Promise.resolve().then(function () { return _airDatepickerLocale_en$1; }),
|
|
7485
|
-
es: () => Promise.resolve().then(function () { return _airDatepickerLocale_es$1; }),
|
|
7486
|
-
eu: () => Promise.resolve().then(function () { return _airDatepickerLocale_eu$1; }),
|
|
7487
|
-
fi: () => Promise.resolve().then(function () { return _airDatepickerLocale_fi$1; }),
|
|
7488
|
-
fr: () => Promise.resolve().then(function () { return _airDatepickerLocale_fr$1; }),
|
|
7489
|
-
hr: () => Promise.resolve().then(function () { return _airDatepickerLocale_hr$1; }),
|
|
7490
|
-
hu: () => Promise.resolve().then(function () { return _airDatepickerLocale_hu$1; }),
|
|
7491
|
-
id: () => Promise.resolve().then(function () { return _airDatepickerLocale_id$1; }),
|
|
7492
|
-
it: () => Promise.resolve().then(function () { return _airDatepickerLocale_it$1; }),
|
|
7493
|
-
ja: () => Promise.resolve().then(function () { return _airDatepickerLocale_ja$1; }),
|
|
7494
|
-
ko: () => Promise.resolve().then(function () { return _airDatepickerLocale_ko$1; }),
|
|
7495
|
-
nb: () => Promise.resolve().then(function () { return _airDatepickerLocale_nb$1; }),
|
|
7496
|
-
nl: () => Promise.resolve().then(function () { return _airDatepickerLocale_nl$1; }),
|
|
7497
|
-
pl: () => Promise.resolve().then(function () { return _airDatepickerLocale_pl$1; }),
|
|
7498
|
-
pt: () => Promise.resolve().then(function () { return _airDatepickerLocale_pt$1; }),
|
|
7499
|
-
ro: () => Promise.resolve().then(function () { return _airDatepickerLocale_ro$1; }),
|
|
7500
|
-
ru: () => Promise.resolve().then(function () { return _airDatepickerLocale_ru$1; }),
|
|
7501
|
-
si: () => Promise.resolve().then(function () { return _airDatepickerLocale_si$1; }),
|
|
7502
|
-
sk: () => Promise.resolve().then(function () { return _airDatepickerLocale_sk$1; }),
|
|
7503
|
-
sl: () => Promise.resolve().then(function () { return _airDatepickerLocale_sl$1; }),
|
|
7504
|
-
sv: () => Promise.resolve().then(function () { return _airDatepickerLocale_sv$1; }),
|
|
7505
|
-
th: () => Promise.resolve().then(function () { return _airDatepickerLocale_th$1; }),
|
|
7506
|
-
tr: () => Promise.resolve().then(function () { return _airDatepickerLocale_tr$1; }),
|
|
7507
|
-
uk: () => Promise.resolve().then(function () { return _airDatepickerLocale_uk$1; }),
|
|
7508
|
-
zh: () => Promise.resolve().then(function () { return _airDatepickerLocale_zh$1; }),
|
|
7509
|
-
};
|
|
7510
|
-
|
|
7511
7846
|
/** Checks if value is string */
|
|
7512
7847
|
function isString(str) {
|
|
7513
7848
|
return typeof str === 'string' || str instanceof String;
|
|
@@ -11106,6 +11441,41 @@ try {
|
|
|
11106
11441
|
globalThis.IMask = IMask;
|
|
11107
11442
|
} catch {}
|
|
11108
11443
|
|
|
11444
|
+
const airDatepickerLocales = {
|
|
11445
|
+
ar: () => Promise.resolve().then(function () { return _airDatepickerLocale_ar$1; }),
|
|
11446
|
+
bg: () => Promise.resolve().then(function () { return _airDatepickerLocale_bg$1; }),
|
|
11447
|
+
ca: () => Promise.resolve().then(function () { return _airDatepickerLocale_ca$1; }),
|
|
11448
|
+
cs: () => Promise.resolve().then(function () { return _airDatepickerLocale_cs$1; }),
|
|
11449
|
+
da: () => Promise.resolve().then(function () { return _airDatepickerLocale_da$1; }),
|
|
11450
|
+
de: () => Promise.resolve().then(function () { return _airDatepickerLocale_de$1; }),
|
|
11451
|
+
el: () => Promise.resolve().then(function () { return _airDatepickerLocale_el$1; }),
|
|
11452
|
+
en: () => Promise.resolve().then(function () { return _airDatepickerLocale_en$1; }),
|
|
11453
|
+
es: () => Promise.resolve().then(function () { return _airDatepickerLocale_es$1; }),
|
|
11454
|
+
eu: () => Promise.resolve().then(function () { return _airDatepickerLocale_eu$1; }),
|
|
11455
|
+
fi: () => Promise.resolve().then(function () { return _airDatepickerLocale_fi$1; }),
|
|
11456
|
+
fr: () => Promise.resolve().then(function () { return _airDatepickerLocale_fr$1; }),
|
|
11457
|
+
hr: () => Promise.resolve().then(function () { return _airDatepickerLocale_hr$1; }),
|
|
11458
|
+
hu: () => Promise.resolve().then(function () { return _airDatepickerLocale_hu$1; }),
|
|
11459
|
+
id: () => Promise.resolve().then(function () { return _airDatepickerLocale_id$1; }),
|
|
11460
|
+
it: () => Promise.resolve().then(function () { return _airDatepickerLocale_it$1; }),
|
|
11461
|
+
ja: () => Promise.resolve().then(function () { return _airDatepickerLocale_ja$1; }),
|
|
11462
|
+
ko: () => Promise.resolve().then(function () { return _airDatepickerLocale_ko$1; }),
|
|
11463
|
+
nb: () => Promise.resolve().then(function () { return _airDatepickerLocale_nb$1; }),
|
|
11464
|
+
nl: () => Promise.resolve().then(function () { return _airDatepickerLocale_nl$1; }),
|
|
11465
|
+
pl: () => Promise.resolve().then(function () { return _airDatepickerLocale_pl$1; }),
|
|
11466
|
+
pt: () => Promise.resolve().then(function () { return _airDatepickerLocale_pt$1; }),
|
|
11467
|
+
ro: () => Promise.resolve().then(function () { return _airDatepickerLocale_ro$1; }),
|
|
11468
|
+
ru: () => Promise.resolve().then(function () { return _airDatepickerLocale_ru$1; }),
|
|
11469
|
+
si: () => Promise.resolve().then(function () { return _airDatepickerLocale_si$1; }),
|
|
11470
|
+
sk: () => Promise.resolve().then(function () { return _airDatepickerLocale_sk$1; }),
|
|
11471
|
+
sl: () => Promise.resolve().then(function () { return _airDatepickerLocale_sl$1; }),
|
|
11472
|
+
sv: () => Promise.resolve().then(function () { return _airDatepickerLocale_sv$1; }),
|
|
11473
|
+
th: () => Promise.resolve().then(function () { return _airDatepickerLocale_th$1; }),
|
|
11474
|
+
tr: () => Promise.resolve().then(function () { return _airDatepickerLocale_tr$1; }),
|
|
11475
|
+
uk: () => Promise.resolve().then(function () { return _airDatepickerLocale_uk$1; }),
|
|
11476
|
+
zh: () => Promise.resolve().then(function () { return _airDatepickerLocale_zh$1; }),
|
|
11477
|
+
};
|
|
11478
|
+
|
|
11109
11479
|
/**
|
|
11110
11480
|
* The unicode bidi characters used to control the text direction in the date string.
|
|
11111
11481
|
* These characters are used to ensure that the date string is displayed correctly in both LTR and RTL locales,
|
|
@@ -11150,6 +11520,16 @@ const DATE_FORMAT_STRING_OPTIONS = {
|
|
|
11150
11520
|
|
|
11151
11521
|
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;--adp-cell-border-width:2px;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-inline-start:0;margin-inline-end:auto;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;color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title:has(button:disabled){color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.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:inherit;cursor:inherit}@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 .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;color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action:has(:disabled){color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.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);color:inherit;cursor:inherit}@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: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-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:empty{pointer-events:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(:empty){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(:empty):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(:empty):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-):not(:empty).-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-){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:var(--post-device-border-width-default) 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-):not(:empty){border:var(--adp-cell-border-width) solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-):not(:empty).-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-):not(:empty).-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-){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;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.-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;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.-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:var(--adp-cell-border-width) 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:var(--adp-cell-border-width) 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:var(--adp-cell-border-width) 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:var(--adp-cell-border-width) 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:var(--adp-cell-border-width) 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:var(--adp-cell-border-width) 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{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;border:0}.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;inset:0;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-.-current-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-::after{inset:calc(var(--adp-cell-border-width)*-1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-.-selected-:hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-.-selected-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-.-selected-:hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-.-selected-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-.-selected-:hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-.-selected-:hover::after{inset:0}.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-::after,.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-::after{z-index:-1}.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{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-)::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{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-: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-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-):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);z-index:2}.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{background-color: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{background-color:var(--post-scheme-color-surface-accent1-bg);border-radius:var(--post-device-border-radius-round);border:var(--post-device-border-width-default) 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-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-){z-index:1}.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{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{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{inset-inline-start:auto;width:50%;background-color: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)}.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{inset-inline-end:auto;width:50%;background-color: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)}.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)}.calendar-input ::slotted(input),.calendar-input-range ::slotted(input){padding-inline-end:calc( var(--post-core-dimension-14) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) ) !important}: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}:host [dir=rtl] .calendar-input button,:host [dir=rtl] .calendar-input-range button{right:auto;left:var(--post-core-dimension-14)}:host [dir=rtl] .air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action{transform:scaleX(-1)}`;
|
|
11152
11522
|
|
|
11523
|
+
var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
11524
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
11525
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
11526
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
11527
|
+
else
|
|
11528
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
11529
|
+
if (d = decorators[i])
|
|
11530
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
11531
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
11532
|
+
};
|
|
11153
11533
|
class PostDatePicker {
|
|
11154
11534
|
constructor(hostRef) {
|
|
11155
11535
|
registerInstance(this, hostRef);
|
|
@@ -11351,53 +11731,11 @@ class PostDatePicker {
|
|
|
11351
11731
|
this.handleSelectedDates();
|
|
11352
11732
|
this.updateMask();
|
|
11353
11733
|
}
|
|
11354
|
-
validateSelectedStartDate() {
|
|
11355
|
-
checkEmptyOrDate(this, 'selectedStartDate');
|
|
11356
|
-
checkIsoDate(this, 'selectedStartDate');
|
|
11357
|
-
}
|
|
11358
|
-
validateSelectedEndDate() {
|
|
11359
|
-
checkEmptyOrDate(this, 'selectedEndDate');
|
|
11360
|
-
checkIsoDate(this, 'selectedEndDate');
|
|
11361
|
-
}
|
|
11362
|
-
validateMin() {
|
|
11363
|
-
checkEmptyOrDate(this, 'min');
|
|
11364
|
-
checkIsoDate(this, 'min');
|
|
11365
|
-
}
|
|
11366
|
-
validateMax() {
|
|
11367
|
-
checkEmptyOrDate(this, 'max');
|
|
11368
|
-
checkIsoDate(this, 'max');
|
|
11369
|
-
}
|
|
11370
11734
|
validateInline() {
|
|
11371
11735
|
if (!this.inline && !this.dpInput) {
|
|
11372
11736
|
console.error('A non-inline date picker should contain one input');
|
|
11373
11737
|
}
|
|
11374
11738
|
}
|
|
11375
|
-
validateTextNextMonth() {
|
|
11376
|
-
checkRequiredAndType(this, 'textNextMonth', 'string');
|
|
11377
|
-
}
|
|
11378
|
-
validateTextNextYear() {
|
|
11379
|
-
checkRequiredAndType(this, 'textNextYear', 'string');
|
|
11380
|
-
}
|
|
11381
|
-
validateTextNextDecade() {
|
|
11382
|
-
checkRequiredAndType(this, 'textNextDecade', 'string');
|
|
11383
|
-
}
|
|
11384
|
-
validateTextPreviousMonth() {
|
|
11385
|
-
checkRequiredAndType(this, 'textPreviousMonth', 'string');
|
|
11386
|
-
}
|
|
11387
|
-
validateTextPreviousYear() {
|
|
11388
|
-
checkRequiredAndType(this, 'textPreviousYear', 'string');
|
|
11389
|
-
}
|
|
11390
|
-
validateTextPreviousDecade() {
|
|
11391
|
-
checkRequiredAndType(this, 'textPreviousDecade', 'string');
|
|
11392
|
-
}
|
|
11393
|
-
validateTextSwitchYear() {
|
|
11394
|
-
checkRequiredAndType(this, 'textSwitchYear', 'string');
|
|
11395
|
-
}
|
|
11396
|
-
validateTextToggleCalendar() {
|
|
11397
|
-
if (!this.inline) {
|
|
11398
|
-
checkRequiredAndType(this, 'textToggleCalendar', 'string');
|
|
11399
|
-
}
|
|
11400
|
-
}
|
|
11401
11739
|
/**
|
|
11402
11740
|
* Displays the popover calendar, focusing the first calendar item.
|
|
11403
11741
|
*/
|
|
@@ -12024,18 +12362,6 @@ class PostDatePicker {
|
|
|
12024
12362
|
this.setupNavObserver();
|
|
12025
12363
|
this.setupInputObserver();
|
|
12026
12364
|
this.validateLocale();
|
|
12027
|
-
this.validateSelectedStartDate();
|
|
12028
|
-
this.validateSelectedEndDate();
|
|
12029
|
-
this.validateMin();
|
|
12030
|
-
this.validateMax();
|
|
12031
|
-
this.validateTextToggleCalendar();
|
|
12032
|
-
this.validateTextNextDecade();
|
|
12033
|
-
this.validateTextNextMonth();
|
|
12034
|
-
this.validateTextNextYear();
|
|
12035
|
-
this.validateTextPreviousDecade();
|
|
12036
|
-
this.validateTextPreviousMonth();
|
|
12037
|
-
this.validateTextPreviousYear();
|
|
12038
|
-
this.validateTextSwitchYear();
|
|
12039
12365
|
this.validateInline();
|
|
12040
12366
|
if (this.inline) {
|
|
12041
12367
|
requestAnimationFrame(() => this.enhanceAccessibility(false));
|
|
@@ -12064,11 +12390,11 @@ class PostDatePicker {
|
|
|
12064
12390
|
}
|
|
12065
12391
|
}
|
|
12066
12392
|
render() {
|
|
12067
|
-
return (hAsync(Host, { key: '
|
|
12393
|
+
return (hAsync(Host, { key: 'c4cc0eb142d566fa9ba70272cd9ff21c433c4137', "data-version": version$1 }, this.inline && hAsync("div", { key: '8611e4dcfc77187799261e6187304ac1cf46b7c2', class: "datepicker-container", dir: this.textDirection }), !this.inline && (hAsync("div", { key: '5581acfe5acf7ae1d1e445c53870b235f4b18646', dir: this.textDirection }, hAsync("div", { key: 'e24d9772613c92916b6d38e79352fef2c81d9511', class: {
|
|
12068
12394
|
'calendar-input': !this.range,
|
|
12069
12395
|
'calendar-input-range': this.range,
|
|
12070
12396
|
'disabled': this.inputDisabled,
|
|
12071
|
-
} }, hAsync("slot", { key: '
|
|
12397
|
+
} }, hAsync("slot", { key: 'c844d9615f779430969e5d794a903aa30f06f24c' }), hAsync("button", { key: 'cae3200ceb21aa35b3dd443c19875af4cbdc82a4', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled, ref: e => (this.dpTrigger = e) }, hAsync("post-icon", { key: 'c6c51b1021aee6726bb01c24ec0fd532e4a41e49', name: "calendar" }))), hAsync("post-popovercontainer", { key: '1c4bccada0ae38c80fa20ae7602510bd0c841757', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '8dcf519dbf39b8312275ade1b267dc9660c0ffb4', class: "datepicker-container" }))))));
|
|
12072
12398
|
}
|
|
12073
12399
|
get host() { return getElement(this); }
|
|
12074
12400
|
static get watchers() { return {
|
|
@@ -12080,44 +12406,8 @@ class PostDatePicker {
|
|
|
12080
12406
|
"range": [{
|
|
12081
12407
|
"updateRange": 0
|
|
12082
12408
|
}],
|
|
12083
|
-
"selectedStartDate": [{
|
|
12084
|
-
"validateSelectedStartDate": 0
|
|
12085
|
-
}],
|
|
12086
|
-
"selectedEndDate": [{
|
|
12087
|
-
"validateSelectedEndDate": 0
|
|
12088
|
-
}],
|
|
12089
|
-
"min": [{
|
|
12090
|
-
"validateMin": 0
|
|
12091
|
-
}],
|
|
12092
|
-
"max": [{
|
|
12093
|
-
"validateMax": 0
|
|
12094
|
-
}],
|
|
12095
12409
|
"inline": [{
|
|
12096
12410
|
"validateInline": 0
|
|
12097
|
-
}],
|
|
12098
|
-
"textNextMonth": [{
|
|
12099
|
-
"validateTextNextMonth": 0
|
|
12100
|
-
}],
|
|
12101
|
-
"textNextYear": [{
|
|
12102
|
-
"validateTextNextYear": 0
|
|
12103
|
-
}],
|
|
12104
|
-
"textNextDecade": [{
|
|
12105
|
-
"validateTextNextDecade": 0
|
|
12106
|
-
}],
|
|
12107
|
-
"textPreviousMonth": [{
|
|
12108
|
-
"validateTextPreviousMonth": 0
|
|
12109
|
-
}],
|
|
12110
|
-
"textPreviousYear": [{
|
|
12111
|
-
"validateTextPreviousYear": 0
|
|
12112
|
-
}],
|
|
12113
|
-
"textPreviousDecade": [{
|
|
12114
|
-
"validateTextPreviousDecade": 0
|
|
12115
|
-
}],
|
|
12116
|
-
"textSwitchYear": [{
|
|
12117
|
-
"validateTextSwitchYear": 0
|
|
12118
|
-
}],
|
|
12119
|
-
"textToggleCalendar": [{
|
|
12120
|
-
"validateTextToggleCalendar": 0
|
|
12121
12411
|
}]
|
|
12122
12412
|
}; }
|
|
12123
12413
|
static get style() { return postDatePickerCss(); }
|
|
@@ -12153,9 +12443,67 @@ class PostDatePicker {
|
|
|
12153
12443
|
}; }
|
|
12154
12444
|
}
|
|
12155
12445
|
PostDatePicker.FLYOUT_OFFSET = 4;
|
|
12446
|
+
__decorate$p([
|
|
12447
|
+
DateValue(),
|
|
12448
|
+
IsoDate()
|
|
12449
|
+
], PostDatePicker.prototype, "selectedStartDate", void 0);
|
|
12450
|
+
__decorate$p([
|
|
12451
|
+
DateValue(),
|
|
12452
|
+
IsoDate()
|
|
12453
|
+
], PostDatePicker.prototype, "selectedEndDate", void 0);
|
|
12454
|
+
__decorate$p([
|
|
12455
|
+
DateValue(),
|
|
12456
|
+
IsoDate()
|
|
12457
|
+
], PostDatePicker.prototype, "min", void 0);
|
|
12458
|
+
__decorate$p([
|
|
12459
|
+
DateValue(),
|
|
12460
|
+
IsoDate()
|
|
12461
|
+
], PostDatePicker.prototype, "max", void 0);
|
|
12462
|
+
__decorate$p([
|
|
12463
|
+
Required(),
|
|
12464
|
+
Type('string')
|
|
12465
|
+
], PostDatePicker.prototype, "textNextMonth", void 0);
|
|
12466
|
+
__decorate$p([
|
|
12467
|
+
Required(),
|
|
12468
|
+
Type('string')
|
|
12469
|
+
], PostDatePicker.prototype, "textNextYear", void 0);
|
|
12470
|
+
__decorate$p([
|
|
12471
|
+
Required(),
|
|
12472
|
+
Type('string')
|
|
12473
|
+
], PostDatePicker.prototype, "textNextDecade", void 0);
|
|
12474
|
+
__decorate$p([
|
|
12475
|
+
Required(),
|
|
12476
|
+
Type('string')
|
|
12477
|
+
], PostDatePicker.prototype, "textPreviousMonth", void 0);
|
|
12478
|
+
__decorate$p([
|
|
12479
|
+
Required(),
|
|
12480
|
+
Type('string')
|
|
12481
|
+
], PostDatePicker.prototype, "textPreviousYear", void 0);
|
|
12482
|
+
__decorate$p([
|
|
12483
|
+
Required(),
|
|
12484
|
+
Type('string')
|
|
12485
|
+
], PostDatePicker.prototype, "textPreviousDecade", void 0);
|
|
12486
|
+
__decorate$p([
|
|
12487
|
+
Required(),
|
|
12488
|
+
Type('string')
|
|
12489
|
+
], PostDatePicker.prototype, "textSwitchYear", void 0);
|
|
12490
|
+
__decorate$p([
|
|
12491
|
+
Required({ when: 'inline', truthy: false }),
|
|
12492
|
+
Type('string')
|
|
12493
|
+
], PostDatePicker.prototype, "textToggleCalendar", void 0);
|
|
12156
12494
|
|
|
12157
12495
|
const postFooterCss = () => `:host{display:block}footer{border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--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-prefooter-padding-block:32px;--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)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.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)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
|
|
12158
12496
|
|
|
12497
|
+
var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12498
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12499
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12500
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
12501
|
+
else
|
|
12502
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
12503
|
+
if (d = decorators[i])
|
|
12504
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
12505
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12506
|
+
};
|
|
12159
12507
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
12160
12508
|
/**
|
|
12161
12509
|
* @slot prefooter - Slot for the pre-footer.
|
|
@@ -12168,9 +12516,6 @@ const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
|
12168
12516
|
* @slot copyright - Slot for the copyright text.
|
|
12169
12517
|
*/
|
|
12170
12518
|
class PostFooter {
|
|
12171
|
-
validateTextFooter() {
|
|
12172
|
-
checkRequiredAndType(this, 'textFooter', 'string');
|
|
12173
|
-
}
|
|
12174
12519
|
constructor(hostRef) {
|
|
12175
12520
|
registerInstance(this, hostRef);
|
|
12176
12521
|
this.device = breakpoint.get('device');
|
|
@@ -12184,7 +12529,6 @@ class PostFooter {
|
|
|
12184
12529
|
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
12185
12530
|
}
|
|
12186
12531
|
componentWillLoad() {
|
|
12187
|
-
this.validateTextFooter();
|
|
12188
12532
|
// initialize grid visibility by checking the content of each slot
|
|
12189
12533
|
GRID_SLOTS.forEach(slotName => {
|
|
12190
12534
|
const assignedElements = this.host.querySelectorAll(`[slot="${slotName}"]`);
|
|
@@ -12213,14 +12557,9 @@ class PostFooter {
|
|
|
12213
12557
|
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 }))));
|
|
12214
12558
|
}
|
|
12215
12559
|
render() {
|
|
12216
|
-
return (hAsync(Host, { key: '
|
|
12560
|
+
return (hAsync(Host, { key: '374c30bdf52f1c826e4016fb60ebe46b212321f3', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: 'ad4b7ef1d1c8455fba5377c51b82aa98fabe567c' }, hAsync("h2", { key: '2a55bd8dd9764b19ce565e0e718e8caa648dd4e8', class: "visually-hidden" }, this.textFooter), hAsync("div", { key: 'bd3fad280de6e35a43dccf5afb90d079b5697039', class: "prefooter" }, hAsync("div", { key: '8ae04af140bdef46f1989dbd4e18047b20eb8607', class: "footer-container" }, hAsync("slot", { key: 'b2e5e4e3bcfbe4d9eb6323a62fd7d8db312ff49e', name: "prefooter" }))), hAsync("div", { key: 'a73f4cbadf30e9e8bd88a657b88e9aeeecd8ac1c', class: "footer-main" }, hAsync("div", { key: 'b4fa33216ea90b1c7ce8ad4426ffc04a5b142260', class: "footer-container" }, hAsync("div", { key: '68978cc363340f86973f53df82e4adf70e1d18fb', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: 'd867ecbc7431b9f6e76022693bfd77be6f2015cc', class: "footer-column" }, hAsync("div", { key: 'e5a345d9cb0d85d8a4f4ce46bde363177f26be5f', class: "footer-socialmedia" }, hAsync("slot", { key: 'df306b3404d7cf25a4e93f24a787796c9b6582d0', name: "socialmedia" })), hAsync("div", { key: 'b62be898061d5880b0329251af9001d32a1565d0', class: "footer-app" }, hAsync("slot", { key: '71d2ac3bcb5fa4056e00bb3ec949c163016d116c', name: "app" }))), hAsync("div", { key: 'd1237aa43568afe2d66de7e2871557c8bef692ab', class: "footer-businesssectors" }, hAsync("slot", { key: '3470e3f8d1eaadf7eb230e7c788b5524672937b2', name: "businesssectors" })), hAsync("div", { key: '0fc6b0bd67ac6982ed98f800d37590fe38725ff5', class: "footer-meta" }, hAsync("slot", { key: 'd4ec82246b09ec299836ec13137448e0399dc8cd', name: "meta" })), hAsync("div", { key: 'ffe9ad1ea0ff761513a721c1915bc6bdb602832c', class: "footer-copyright" }, hAsync("slot", { key: 'bc43ce34d09a3a257ca614fe2b1383ee732d3f68', name: "copyright" })))))));
|
|
12217
12561
|
}
|
|
12218
12562
|
get host() { return getElement(this); }
|
|
12219
|
-
static get watchers() { return {
|
|
12220
|
-
"textFooter": [{
|
|
12221
|
-
"validateTextFooter": 0
|
|
12222
|
-
}]
|
|
12223
|
-
}; }
|
|
12224
12563
|
static get style() { return postFooterCss(); }
|
|
12225
12564
|
static get cmpMeta() { return {
|
|
12226
12565
|
"$flags$": 265,
|
|
@@ -12235,10 +12574,14 @@ class PostFooter {
|
|
|
12235
12574
|
"$attrsToReflect$": [["textFooter", "text-footer"]]
|
|
12236
12575
|
}; }
|
|
12237
12576
|
}
|
|
12577
|
+
__decorate$o([
|
|
12578
|
+
Required(),
|
|
12579
|
+
Type('string')
|
|
12580
|
+
], PostFooter.prototype, "textFooter", void 0);
|
|
12238
12581
|
|
|
12239
12582
|
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-color:rgba(0,0,0,0);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}`;
|
|
12240
12583
|
|
|
12241
|
-
var __decorate$
|
|
12584
|
+
var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12242
12585
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12243
12586
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12244
12587
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -12277,12 +12620,6 @@ class PostHeader {
|
|
|
12277
12620
|
}
|
|
12278
12621
|
return document.body;
|
|
12279
12622
|
}
|
|
12280
|
-
validateFullWidth() {
|
|
12281
|
-
checkRequiredAndType(this, 'fullWidth', 'boolean');
|
|
12282
|
-
}
|
|
12283
|
-
validateTextMenu() {
|
|
12284
|
-
checkRequiredAndType(this, 'textMenu', 'string');
|
|
12285
|
-
}
|
|
12286
12623
|
lockBody(newValue, _oldValue, propName) {
|
|
12287
12624
|
const scrollParent = this.scrollParent;
|
|
12288
12625
|
const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
|
|
@@ -12354,8 +12691,6 @@ class PostHeader {
|
|
|
12354
12691
|
this.switchLanguageSwitchMode();
|
|
12355
12692
|
}
|
|
12356
12693
|
componentDidRender() {
|
|
12357
|
-
this.validateTextMenu();
|
|
12358
|
-
this.validateFullWidth();
|
|
12359
12694
|
this.getFocusableElements();
|
|
12360
12695
|
this.handleLocalHeaderResize();
|
|
12361
12696
|
// When a megadropdown is open on desktop and the user resizes to mobile, we set
|
|
@@ -12544,19 +12879,13 @@ class PostHeader {
|
|
|
12544
12879
|
}, 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" }))));
|
|
12545
12880
|
}
|
|
12546
12881
|
render() {
|
|
12547
|
-
return (hAsync(Host, { key: '
|
|
12548
|
-
hAsync("slot", { key: '
|
|
12549
|
-
hAsync("slot", { key: '
|
|
12550
|
-
], hAsync("slot", { key: '
|
|
12882
|
+
return (hAsync(Host, { key: '78b30321492682f5ac4779eaf79fa21de3d5b1f2', "data-version": version$1, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, hAsync("header", { key: 'd34c893f18005a1a5c3e406f1eab0d821e1d5994' }, hAsync("div", { key: '1598f8bd0ecb90662e78280d6b9a2cffaa155994', class: "global-header" }, hAsync("div", { key: 'cca31ad38ecf9d8c42c73d346bd9f909b06b6a9c', class: "section" }, hAsync("div", { key: 'ab28bdc152813adb481b807220a12fc549954654', class: "logo" }, hAsync("slot", { key: '5080891fd1cec13ed4153afce6573373c9ddb559', name: "post-logo" })), hAsync("div", { key: '4dc43239677de2779a54947b013d2379f27d4c2e', class: "sliding-controls" }, (hAsync("div", { key: 'cb3fbb2a94f8d22772d8b60af7712ac5a8199ed2', class: "audience" }, hAsync("slot", { key: '95e06819c41abef543ec2797511f22cb1b135743', name: "audience" }))), hAsync("slot", { key: '5db1090c38c60374f57a8a1289d058d4364efc77', name: "global-nav-primary" }), [
|
|
12883
|
+
hAsync("slot", { key: 'db309e50b363ee2d7a13d119dca44c6ce50e3962', name: "global-nav-secondary" }),
|
|
12884
|
+
hAsync("slot", { key: 'ec86d4748ef0bd8c46935b0262ec7752d3842f38', name: "language-menu" }),
|
|
12885
|
+
], hAsync("slot", { key: 'c082e4a6c9a8dbb2090228c819577468f0f60edd', name: "post-login" }), this.hasMainNav && (hAsync("post-togglebutton", { key: '2773e3cad4f2a8be60d25b82cae87fb5d813cafc', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, hAsync("span", { key: 'bd1c2e048436e58f14a9d4fb205afb245f5d1af1' }, this.textMenu), hAsync("post-icon", { key: '1885cff12454528cb981c0a2544531f89bc93b89', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), hAsync("post-icon", { key: '6ea75eecf1c124b83bb011f667eae4c6cc7df470', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), hAsync("div", { key: '487dc3cc667a52f272cdcdcd546eb0b686fc6611', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, hAsync("div", { key: '1d4e73e20ee1cba7a26374166435a123c7b3b7de', class: "section" }, hAsync("slot", { key: '8131591c29285ed586c86bb6ce89738df8e51d0b', name: "title" }), this.hasTitle && hAsync("slot", { key: '0430da5a731063cd393a395fdd0c9ec11fed69f3', name: "local-nav" }), hAsync("slot", { key: '07410195623dacda6e8fcadf69de55bb4fdf6067', name: "main-nav" }), !this.hasTitle && hAsync("slot", { key: 'cf7b4cd88faa07d29670a7cb6e389e182581182a', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
|
|
12551
12886
|
}
|
|
12552
12887
|
get host() { return getElement(this); }
|
|
12553
12888
|
static get watchers() { return {
|
|
12554
|
-
"fullWidth": [{
|
|
12555
|
-
"validateFullWidth": 0
|
|
12556
|
-
}],
|
|
12557
|
-
"textMenu": [{
|
|
12558
|
-
"validateTextMenu": 0
|
|
12559
|
-
}],
|
|
12560
12889
|
"device": [{
|
|
12561
12890
|
"lockBody": 0
|
|
12562
12891
|
}],
|
|
@@ -12584,12 +12913,30 @@ class PostHeader {
|
|
|
12584
12913
|
"$attrsToReflect$": [["fullWidth", "full-width"], ["textMenu", "text-menu"]]
|
|
12585
12914
|
}; }
|
|
12586
12915
|
}
|
|
12587
|
-
__decorate$
|
|
12916
|
+
__decorate$n([
|
|
12917
|
+
Required(),
|
|
12918
|
+
Type('boolean')
|
|
12919
|
+
], PostHeader.prototype, "fullWidth", void 0);
|
|
12920
|
+
__decorate$n([
|
|
12921
|
+
Required(),
|
|
12922
|
+
Type('string')
|
|
12923
|
+
], PostHeader.prototype, "textMenu", void 0);
|
|
12924
|
+
__decorate$n([
|
|
12588
12925
|
EventFrom('post-megadropdown')
|
|
12589
12926
|
], PostHeader.prototype, "megadropdownStateHandler", null);
|
|
12590
12927
|
|
|
12591
12928
|
const postIconCss = () => `:host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}`;
|
|
12592
12929
|
|
|
12930
|
+
var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12931
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12932
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12933
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
12934
|
+
else
|
|
12935
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
12936
|
+
if (d = decorators[i])
|
|
12937
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
12938
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12939
|
+
};
|
|
12593
12940
|
const CDN_URL = `https://unpkg.com/@swisspost/design-system-icons@${version$1}/public/post-icons/`;
|
|
12594
12941
|
/**
|
|
12595
12942
|
* @class PostIcon - representing a stencil component
|
|
@@ -12606,21 +12953,6 @@ class PostIcon {
|
|
|
12606
12953
|
*/
|
|
12607
12954
|
this.flipV = false;
|
|
12608
12955
|
}
|
|
12609
|
-
validateAnimation() {
|
|
12610
|
-
checkEmptyOrOneOf(this, 'animation', ANIMATION_KEYS);
|
|
12611
|
-
}
|
|
12612
|
-
validateBase() {
|
|
12613
|
-
checkEmptyOrType(this, 'base', 'string');
|
|
12614
|
-
}
|
|
12615
|
-
validateName() {
|
|
12616
|
-
checkRequiredAndType(this, 'name', 'string');
|
|
12617
|
-
}
|
|
12618
|
-
validateRotate() {
|
|
12619
|
-
checkEmptyOrType(this, 'rotate', 'number');
|
|
12620
|
-
}
|
|
12621
|
-
validateScale() {
|
|
12622
|
-
checkEmptyOrType(this, 'scale', 'number');
|
|
12623
|
-
}
|
|
12624
12956
|
/**
|
|
12625
12957
|
* Construct the icon URL according to the following rules:
|
|
12626
12958
|
* 1. `@base` (absolute URL) → use directly.
|
|
@@ -12676,38 +13008,15 @@ class PostIcon {
|
|
|
12676
13008
|
'-webkit-mask-image': `url(${url})`,
|
|
12677
13009
|
'mask-image': `url('${url}')`,
|
|
12678
13010
|
'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12679
|
-
(this.rotate && !Number.isNaN(Number(this.rotate))
|
|
12680
|
-
|
|
12681
|
-
|
|
12682
|
-
|
|
12683
|
-
componentDidLoad() {
|
|
12684
|
-
this.validateBase();
|
|
12685
|
-
this.validateName();
|
|
12686
|
-
this.validateScale();
|
|
12687
|
-
this.validateRotate();
|
|
12688
|
-
this.validateAnimation();
|
|
13011
|
+
(this.rotate && !Number.isNaN(Number(this.rotate))
|
|
13012
|
+
? ' rotate(' + this.rotate + 'deg)'
|
|
13013
|
+
: ''),
|
|
13014
|
+
}).filter(([_key, value]) => value !== null));
|
|
12689
13015
|
}
|
|
12690
13016
|
render() {
|
|
12691
|
-
return (hAsync(Host, { key: '
|
|
13017
|
+
return (hAsync(Host, { key: 'dc20dd6be14dd0aba54231b30be89730d4a6c757', "data-version": version$1 }, hAsync("span", { key: '8ef361e6b2721db5f312e0e67fc7d13cb7440abf', style: this.getStyles() })));
|
|
12692
13018
|
}
|
|
12693
13019
|
get host() { return getElement(this); }
|
|
12694
|
-
static get watchers() { return {
|
|
12695
|
-
"animation": [{
|
|
12696
|
-
"validateAnimation": 0
|
|
12697
|
-
}],
|
|
12698
|
-
"base": [{
|
|
12699
|
-
"validateBase": 0
|
|
12700
|
-
}],
|
|
12701
|
-
"name": [{
|
|
12702
|
-
"validateName": 0
|
|
12703
|
-
}],
|
|
12704
|
-
"rotate": [{
|
|
12705
|
-
"validateRotate": 0
|
|
12706
|
-
}],
|
|
12707
|
-
"scale": [{
|
|
12708
|
-
"validateScale": 0
|
|
12709
|
-
}]
|
|
12710
|
-
}; }
|
|
12711
13020
|
static get style() { return postIconCss(); }
|
|
12712
13021
|
static get cmpMeta() { return {
|
|
12713
13022
|
"$flags$": 9,
|
|
@@ -12727,12 +13036,28 @@ class PostIcon {
|
|
|
12727
13036
|
"$attrsToReflect$": [["animation", "animation"], ["flipH", "flip-h"], ["flipV", "flip-v"], ["name", "name"]]
|
|
12728
13037
|
}; }
|
|
12729
13038
|
}
|
|
13039
|
+
__decorate$m([
|
|
13040
|
+
OneOf(ANIMATION_KEYS)
|
|
13041
|
+
], PostIcon.prototype, "animation", void 0);
|
|
13042
|
+
__decorate$m([
|
|
13043
|
+
Type('string')
|
|
13044
|
+
], PostIcon.prototype, "base", void 0);
|
|
13045
|
+
__decorate$m([
|
|
13046
|
+
Required(),
|
|
13047
|
+
Type('string')
|
|
13048
|
+
], PostIcon.prototype, "name", void 0);
|
|
13049
|
+
__decorate$m([
|
|
13050
|
+
Type('number')
|
|
13051
|
+
], PostIcon.prototype, "rotate", void 0);
|
|
13052
|
+
__decorate$m([
|
|
13053
|
+
Type('number')
|
|
13054
|
+
], PostIcon.prototype, "scale", void 0);
|
|
12730
13055
|
|
|
12731
13056
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
12732
13057
|
|
|
12733
13058
|
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-color:rgba(0,0,0,0);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}`;
|
|
12734
13059
|
|
|
12735
|
-
var __decorate$
|
|
13060
|
+
var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12736
13061
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12737
13062
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12738
13063
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -12755,14 +13080,7 @@ class PostLanguageMenu {
|
|
|
12755
13080
|
get languageOptions() {
|
|
12756
13081
|
return Array.from(this.host.querySelectorAll('post-language-menu-item'));
|
|
12757
13082
|
}
|
|
12758
|
-
|
|
12759
|
-
checkRequiredAndType(this, 'textChangeLanguage', 'string');
|
|
12760
|
-
}
|
|
12761
|
-
validateTextCurrentLanguage() {
|
|
12762
|
-
checkRequiredAndPattern(this, 'textCurrentLanguage', /#name\b/);
|
|
12763
|
-
}
|
|
12764
|
-
validateVariant() {
|
|
12765
|
-
checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
|
|
13083
|
+
handleVariantChange() {
|
|
12766
13084
|
this.updateChildrenVariant();
|
|
12767
13085
|
}
|
|
12768
13086
|
/* The complete accessible description */
|
|
@@ -12774,9 +13092,6 @@ class PostLanguageMenu {
|
|
|
12774
13092
|
: undefined;
|
|
12775
13093
|
}
|
|
12776
13094
|
componentDidLoad() {
|
|
12777
|
-
this.validateTextChangeLanguage();
|
|
12778
|
-
this.validateTextCurrentLanguage();
|
|
12779
|
-
this.validateVariant();
|
|
12780
13095
|
// Initially set variants and active language
|
|
12781
13096
|
// Handles cases where the language-menu is rendered after the language-options have been rendered
|
|
12782
13097
|
this.updateChildrenVariant();
|
|
@@ -12829,14 +13144,8 @@ class PostLanguageMenu {
|
|
|
12829
13144
|
}
|
|
12830
13145
|
get host() { return getElement(this); }
|
|
12831
13146
|
static get watchers() { return {
|
|
12832
|
-
"textChangeLanguage": [{
|
|
12833
|
-
"validateTextChangeLanguage": 0
|
|
12834
|
-
}],
|
|
12835
|
-
"textCurrentLanguage": [{
|
|
12836
|
-
"validateTextCurrentLanguage": 0
|
|
12837
|
-
}],
|
|
12838
13147
|
"variant": [{
|
|
12839
|
-
"
|
|
13148
|
+
"handleVariantChange": 0
|
|
12840
13149
|
}]
|
|
12841
13150
|
}; }
|
|
12842
13151
|
static get style() { return postLanguageMenuCss(); }
|
|
@@ -12854,12 +13163,33 @@ class PostLanguageMenu {
|
|
|
12854
13163
|
"$attrsToReflect$": [["textChangeLanguage", "text-change-language"], ["textCurrentLanguage", "text-current-language"], ["variant", "variant"]]
|
|
12855
13164
|
}; }
|
|
12856
13165
|
}
|
|
12857
|
-
__decorate$
|
|
13166
|
+
__decorate$l([
|
|
13167
|
+
Required(),
|
|
13168
|
+
Type('string')
|
|
13169
|
+
], PostLanguageMenu.prototype, "textChangeLanguage", void 0);
|
|
13170
|
+
__decorate$l([
|
|
13171
|
+
Required(),
|
|
13172
|
+
Pattern(/#name\b/)
|
|
13173
|
+
], PostLanguageMenu.prototype, "textCurrentLanguage", void 0);
|
|
13174
|
+
__decorate$l([
|
|
13175
|
+
OneOf(SWITCH_VARIANTS)
|
|
13176
|
+
], PostLanguageMenu.prototype, "variant", void 0);
|
|
13177
|
+
__decorate$l([
|
|
12858
13178
|
EventFrom('post-language-menu-item')
|
|
12859
13179
|
], PostLanguageMenu.prototype, "handlePostChange", null);
|
|
12860
13180
|
|
|
12861
13181
|
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}`;
|
|
12862
13182
|
|
|
13183
|
+
var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13184
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13185
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13186
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
13187
|
+
else
|
|
13188
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
13189
|
+
if (d = decorators[i])
|
|
13190
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13191
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
13192
|
+
};
|
|
12863
13193
|
/**
|
|
12864
13194
|
* @slot default - Slot for placing the content inside the anchor or button.
|
|
12865
13195
|
*/
|
|
@@ -12869,26 +13199,7 @@ class PostLanguageMenuItem {
|
|
|
12869
13199
|
this.postChange = createEvent(this, "postChange");
|
|
12870
13200
|
this.postLanguageMenuItemInitiallyActive = createEvent(this, "postLanguageMenuItemInitiallyActive");
|
|
12871
13201
|
}
|
|
12872
|
-
validateCode() {
|
|
12873
|
-
checkRequiredAndType(this, 'code', 'string');
|
|
12874
|
-
}
|
|
12875
|
-
validateVariant() {
|
|
12876
|
-
checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
|
|
12877
|
-
}
|
|
12878
|
-
validateName() {
|
|
12879
|
-
checkEmptyOrType(this, 'name', 'string');
|
|
12880
|
-
}
|
|
12881
|
-
validateDescription() {
|
|
12882
|
-
checkEmptyOrType(this, 'description', 'string');
|
|
12883
|
-
}
|
|
12884
|
-
validateUrl() {
|
|
12885
|
-
checkEmptyOrUrl(this, 'url');
|
|
12886
|
-
}
|
|
12887
13202
|
componentDidLoad() {
|
|
12888
|
-
this.validateCode();
|
|
12889
|
-
this.validateName();
|
|
12890
|
-
this.validateDescription();
|
|
12891
|
-
this.validateUrl();
|
|
12892
13203
|
if (!this.name && this.isNameRequired()) {
|
|
12893
13204
|
throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');
|
|
12894
13205
|
}
|
|
@@ -12920,23 +13231,6 @@ class PostLanguageMenuItem {
|
|
|
12920
13231
|
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)));
|
|
12921
13232
|
}
|
|
12922
13233
|
get host() { return getElement(this); }
|
|
12923
|
-
static get watchers() { return {
|
|
12924
|
-
"code": [{
|
|
12925
|
-
"validateCode": 0
|
|
12926
|
-
}],
|
|
12927
|
-
"variant": [{
|
|
12928
|
-
"validateVariant": 0
|
|
12929
|
-
}],
|
|
12930
|
-
"name": [{
|
|
12931
|
-
"validateName": 0
|
|
12932
|
-
}],
|
|
12933
|
-
"description": [{
|
|
12934
|
-
"validateDescription": 0
|
|
12935
|
-
}],
|
|
12936
|
-
"url": [{
|
|
12937
|
-
"validateUrl": 0
|
|
12938
|
-
}]
|
|
12939
|
-
}; }
|
|
12940
13234
|
static get style() { return postLanguageMenuItemCss(); }
|
|
12941
13235
|
static get cmpMeta() { return {
|
|
12942
13236
|
"$flags$": 260,
|
|
@@ -12955,6 +13249,22 @@ class PostLanguageMenuItem {
|
|
|
12955
13249
|
"$attrsToReflect$": [["code", "code"], ["active", "active"]]
|
|
12956
13250
|
}; }
|
|
12957
13251
|
}
|
|
13252
|
+
__decorate$k([
|
|
13253
|
+
Required(),
|
|
13254
|
+
Type('string')
|
|
13255
|
+
], PostLanguageMenuItem.prototype, "code", void 0);
|
|
13256
|
+
__decorate$k([
|
|
13257
|
+
OneOf(SWITCH_VARIANTS)
|
|
13258
|
+
], PostLanguageMenuItem.prototype, "variant", void 0);
|
|
13259
|
+
__decorate$k([
|
|
13260
|
+
Type('string')
|
|
13261
|
+
], PostLanguageMenuItem.prototype, "name", void 0);
|
|
13262
|
+
__decorate$k([
|
|
13263
|
+
Type('string')
|
|
13264
|
+
], PostLanguageMenuItem.prototype, "description", void 0);
|
|
13265
|
+
__decorate$k([
|
|
13266
|
+
Url()
|
|
13267
|
+
], PostLanguageMenuItem.prototype, "url", void 0);
|
|
12958
13268
|
|
|
12959
13269
|
const postLinkareaCss = () => `:host{display:block;cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-within){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-within){outline-color:Highlight !important}}`;
|
|
12960
13270
|
|
|
@@ -13032,7 +13342,7 @@ class PostLinkarea {
|
|
|
13032
13342
|
|
|
13033
13343
|
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}`;
|
|
13034
13344
|
|
|
13035
|
-
var __decorate$
|
|
13345
|
+
var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13036
13346
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13037
13347
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13038
13348
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -13093,12 +13403,10 @@ class PostListbox {
|
|
|
13093
13403
|
const input = this.inputElement;
|
|
13094
13404
|
if (input) {
|
|
13095
13405
|
this.popoverContainer?.show(input);
|
|
13096
|
-
this.host.role = 'listbox';
|
|
13097
13406
|
}
|
|
13098
13407
|
}
|
|
13099
13408
|
/** Closes the listbox */
|
|
13100
13409
|
async hide() {
|
|
13101
|
-
this.host.removeAttribute('role');
|
|
13102
13410
|
this.popoverContainer?.hide();
|
|
13103
13411
|
}
|
|
13104
13412
|
/** Uses the internal default filtering mode to filter the list of options.
|
|
@@ -13164,7 +13472,7 @@ class PostListbox {
|
|
|
13164
13472
|
this.updateSelection(event.detail);
|
|
13165
13473
|
}
|
|
13166
13474
|
render() {
|
|
13167
|
-
return (hAsync(Host, { key: '
|
|
13475
|
+
return (hAsync(Host, { key: 'e1e88417d8b8f66fbaf7df481fcbd9a63b6189fb', "data-version": version$1, role: "listbox" }, hAsync("post-popovercontainer", { key: '0fca1baeb51be6cf5f4d30c254217dce3349a377', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? hAsync("slot", { name: "blank-slate" }) : hAsync("slot", null))));
|
|
13168
13476
|
}
|
|
13169
13477
|
get host() { return getElement(this); }
|
|
13170
13478
|
static get style() { return postListboxCss(); }
|
|
@@ -13184,7 +13492,7 @@ class PostListbox {
|
|
|
13184
13492
|
"$attrsToReflect$": []
|
|
13185
13493
|
}; }
|
|
13186
13494
|
}
|
|
13187
|
-
__decorate$
|
|
13495
|
+
__decorate$j([
|
|
13188
13496
|
EventFrom('post-listbox-option')
|
|
13189
13497
|
], PostListbox.prototype, "optionClicked", null);
|
|
13190
13498
|
|
|
@@ -13222,6 +13530,16 @@ class PostListboxOption {
|
|
|
13222
13530
|
|
|
13223
13531
|
const postLoginWidgetCss = () => `:host post-menu-trigger 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-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}:host post-menu-trigger button:hover{text-decoration:none}:host post-menu-trigger button:disabled{border-style:var(--post-core-border-style-dash)}:host post-menu-trigger 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}:host post-menu-trigger 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){:host post-menu-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host post-menu-trigger 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){:host post-menu-trigger 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){:host post-menu-trigger button:is(a){color:LinkText;border:unset}:host post-menu-trigger button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host post-menu-trigger button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host post-menu-trigger button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host post-menu-trigger button>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}:host post-menu-trigger button{border-radius:var(--post-device-border-radius-round) !important;border:0 none;min-height:0;padding:0}:host post-menu-trigger .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
13224
13532
|
|
|
13533
|
+
var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13534
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13535
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13536
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
13537
|
+
else
|
|
13538
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
13539
|
+
if (d = decorators[i])
|
|
13540
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13541
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
13542
|
+
};
|
|
13225
13543
|
const SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
|
|
13226
13544
|
/**
|
|
13227
13545
|
* @slot user-links - Links to show in the user menu when the user is authenticated.
|
|
@@ -13234,20 +13552,6 @@ class PostLoginWidget {
|
|
|
13234
13552
|
this.authenticated = null;
|
|
13235
13553
|
this.user = null;
|
|
13236
13554
|
}
|
|
13237
|
-
validateTextCurrentUser() {
|
|
13238
|
-
checkRequiredAndType(this, 'textCurrentUser', 'string');
|
|
13239
|
-
}
|
|
13240
|
-
validateTextUserMenu() {
|
|
13241
|
-
checkRequiredAndType(this, 'textUserMenu', 'string');
|
|
13242
|
-
}
|
|
13243
|
-
validateTextUserMenuTrigger() {
|
|
13244
|
-
checkRequiredAndType(this, 'textUserMenuTrigger', 'string');
|
|
13245
|
-
}
|
|
13246
|
-
componentDidLoad() {
|
|
13247
|
-
this.validateTextCurrentUser();
|
|
13248
|
-
this.validateTextUserMenuTrigger();
|
|
13249
|
-
this.validateTextUserMenu();
|
|
13250
|
-
}
|
|
13251
13555
|
async componentWillLoad() {
|
|
13252
13556
|
}
|
|
13253
13557
|
/**
|
|
@@ -13289,20 +13593,9 @@ class PostLoginWidget {
|
|
|
13289
13593
|
this.postChange.emit({ authenticated: next });
|
|
13290
13594
|
}
|
|
13291
13595
|
render() {
|
|
13292
|
-
return (hAsync(Host, { key: '
|
|
13596
|
+
return (hAsync(Host, { key: '4aeda818bbda67c88aa188ac3bbb8f0377a5050e', "data-version": version$1 }, this.authenticated === true ? (hAsync("div", null, hAsync("post-menu-trigger", { for: "user-menu-default" }, hAsync("button", { class: "btn btn-link", type: "button" }, hAsync("post-avatar", { firstname: this.user.name, lastname: this.user.surname, description: this.textCurrentUser.replace('{user}', `${this.user.name} ${this.user.surname}`) }), hAsync("span", { class: "visually-hidden" }, this.textUserMenuTrigger))), hAsync("post-menu", { label: this.textUserMenu, id: "user-menu-default" }, hAsync("div", { slot: "header" }, hAsync("post-avatar", { firstname: this.user.name, lastname: this.user.surname, email: this.user.email, "aria-hidden": "true" }), this.user.name, " ", this.user.surname), hAsync("slot", { name: "user-links" })))) : (hAsync("div", null, hAsync("slot", { name: "login-link" })))));
|
|
13293
13597
|
}
|
|
13294
13598
|
get host() { return getElement(this); }
|
|
13295
|
-
static get watchers() { return {
|
|
13296
|
-
"textCurrentUser": [{
|
|
13297
|
-
"validateTextCurrentUser": 0
|
|
13298
|
-
}],
|
|
13299
|
-
"textUserMenu": [{
|
|
13300
|
-
"validateTextUserMenu": 0
|
|
13301
|
-
}],
|
|
13302
|
-
"textUserMenuTrigger": [{
|
|
13303
|
-
"validateTextUserMenuTrigger": 0
|
|
13304
|
-
}]
|
|
13305
|
-
}; }
|
|
13306
13599
|
static get style() { return postLoginWidgetCss(); }
|
|
13307
13600
|
static get cmpMeta() { return {
|
|
13308
13601
|
"$flags$": 265,
|
|
@@ -13321,9 +13614,31 @@ class PostLoginWidget {
|
|
|
13321
13614
|
"$attrsToReflect$": [["textCurrentUser", "text-current-user"], ["textUserMenu", "text-user-menu"], ["textUserMenuTrigger", "text-user-menu-trigger"]]
|
|
13322
13615
|
}; }
|
|
13323
13616
|
}
|
|
13617
|
+
__decorate$i([
|
|
13618
|
+
Required(),
|
|
13619
|
+
Type('string')
|
|
13620
|
+
], PostLoginWidget.prototype, "textCurrentUser", void 0);
|
|
13621
|
+
__decorate$i([
|
|
13622
|
+
Required(),
|
|
13623
|
+
Type('string')
|
|
13624
|
+
], PostLoginWidget.prototype, "textUserMenu", void 0);
|
|
13625
|
+
__decorate$i([
|
|
13626
|
+
Required(),
|
|
13627
|
+
Type('string')
|
|
13628
|
+
], PostLoginWidget.prototype, "textUserMenuTrigger", void 0);
|
|
13324
13629
|
|
|
13325
13630
|
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)}`;
|
|
13326
13631
|
|
|
13632
|
+
var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13633
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13634
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13635
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
13636
|
+
else
|
|
13637
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
13638
|
+
if (d = decorators[i])
|
|
13639
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13640
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
13641
|
+
};
|
|
13327
13642
|
/**
|
|
13328
13643
|
* @slot default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG.
|
|
13329
13644
|
*/
|
|
@@ -13331,11 +13646,7 @@ class PostLogo {
|
|
|
13331
13646
|
constructor(hostRef) {
|
|
13332
13647
|
registerInstance(this, hostRef);
|
|
13333
13648
|
}
|
|
13334
|
-
validateUrl() {
|
|
13335
|
-
checkEmptyOrUrl(this, 'url');
|
|
13336
|
-
}
|
|
13337
13649
|
componentDidLoad() {
|
|
13338
|
-
this.validateUrl();
|
|
13339
13650
|
this.checkDescription();
|
|
13340
13651
|
}
|
|
13341
13652
|
checkDescription() {
|
|
@@ -13346,14 +13657,9 @@ class PostLogo {
|
|
|
13346
13657
|
render() {
|
|
13347
13658
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
13348
13659
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
13349
|
-
return (hAsync(Host, { key: '
|
|
13660
|
+
return (hAsync(Host, { key: '07795d309bc89e4ad712d81638134d84e6f2cd3a', "data-version": version$1 }, hAsync(LogoTag, { key: '3265657e1c8857e5454b4907874b9f945dc391e4', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: 'f4c4da506329d0b754db9e6f64f6dba8e0f22681', class: "description" }, hAsync("slot", { key: 'faabc37ede88aa6212259eda5f500e21cc48dc5e', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: '5dffa0d4cd0d72811dcaf9390b4941d78abd4263', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '990a0da74a50b027e6999715e51a6e966c489222', id: "Logo" }, hAsync("rect", { key: '59610e9b801362ebcbe77932cfcac1f2be83fc0d', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: '67e25d5dc835279852d6445b40dcea933a81a76e', 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: '33fb461427e4112f38fb6487795e7df65bc33407', 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" }))))));
|
|
13350
13661
|
}
|
|
13351
13662
|
get host() { return getElement(this); }
|
|
13352
|
-
static get watchers() { return {
|
|
13353
|
-
"url": [{
|
|
13354
|
-
"validateUrl": 0
|
|
13355
|
-
}]
|
|
13356
|
-
}; }
|
|
13357
13663
|
static get style() { return postLogoCss(); }
|
|
13358
13664
|
static get cmpMeta() { return {
|
|
13359
13665
|
"$flags$": 265,
|
|
@@ -13366,15 +13672,25 @@ class PostLogo {
|
|
|
13366
13672
|
"$attrsToReflect$": []
|
|
13367
13673
|
}; }
|
|
13368
13674
|
}
|
|
13675
|
+
__decorate$h([
|
|
13676
|
+
Url()
|
|
13677
|
+
], PostLogo.prototype, "url", void 0);
|
|
13369
13678
|
|
|
13370
13679
|
const postMainnavigationCss = () => `:host{display:flex;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:fit-content;margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{margin-inline-end:-3rem}.scroll-control.scroll-right{margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}`;
|
|
13371
13680
|
|
|
13681
|
+
var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13682
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13683
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13684
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
13685
|
+
else
|
|
13686
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
13687
|
+
if (d = decorators[i])
|
|
13688
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13689
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
13690
|
+
};
|
|
13372
13691
|
const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
|
|
13373
13692
|
const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
|
|
13374
13693
|
class PostMainnavigation {
|
|
13375
|
-
validateTextMain() {
|
|
13376
|
-
checkRequiredAndType(this, 'textMain', 'string');
|
|
13377
|
-
}
|
|
13378
13694
|
constructor(hostRef) {
|
|
13379
13695
|
registerInstance(this, hostRef);
|
|
13380
13696
|
this.canScrollLeft = false;
|
|
@@ -13386,7 +13702,6 @@ class PostMainnavigation {
|
|
|
13386
13702
|
this.mutationObserver = new MutationObserver(this.checkScrollability);
|
|
13387
13703
|
}
|
|
13388
13704
|
componentDidLoad() {
|
|
13389
|
-
this.validateTextMain();
|
|
13390
13705
|
setTimeout(() => {
|
|
13391
13706
|
this.checkScrollability();
|
|
13392
13707
|
});
|
|
@@ -13492,14 +13807,9 @@ class PostMainnavigation {
|
|
|
13492
13807
|
}, NAVBAR_DISABLE_DURATION);
|
|
13493
13808
|
}
|
|
13494
13809
|
render() {
|
|
13495
|
-
return (hAsync(Host, { key: '
|
|
13810
|
+
return (hAsync(Host, { key: 'c36790fd729f8312c25f6a28c4586b08fc904c1a', version: version$1, class: this.canScroll ? 'scrollable' : '' }, hAsync("div", { key: 'd0bea0dd7fe666e13f70b940a244a2172af37214', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: 'e01c6e6f3e30533347f7cff7c9e528d56420ba50', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: '85f6fae1c607cef9036743c9ffe64792b7b60ccf', ref: el => (this.navbar = el), "aria-label": this.textMain }, hAsync("slot", { key: '7658b213e13042954f3fcaefd9fe11d5a2e0ada1' })), hAsync("div", { key: 'd427ae92b27176189ba8417f6fd589e88c044fe9', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: 'f16bcbdd3af293d5cb7bee757a6d1d81f396aa2f', "aria-hidden": "true", name: "chevronright" }))));
|
|
13496
13811
|
}
|
|
13497
13812
|
get host() { return getElement(this); }
|
|
13498
|
-
static get watchers() { return {
|
|
13499
|
-
"textMain": [{
|
|
13500
|
-
"validateTextMain": 0
|
|
13501
|
-
}]
|
|
13502
|
-
}; }
|
|
13503
13813
|
static get style() { return postMainnavigationCss(); }
|
|
13504
13814
|
static get cmpMeta() { return {
|
|
13505
13815
|
"$flags$": 265,
|
|
@@ -13514,16 +13824,24 @@ class PostMainnavigation {
|
|
|
13514
13824
|
"$attrsToReflect$": [["textMain", "text-main"]]
|
|
13515
13825
|
}; }
|
|
13516
13826
|
}
|
|
13827
|
+
__decorate$g([
|
|
13828
|
+
Required(),
|
|
13829
|
+
Type('string')
|
|
13830
|
+
], PostMainnavigation.prototype, "textMain", void 0);
|
|
13517
13831
|
|
|
13518
13832
|
const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);order:-1;width:fit-content;padding-inline:0}.back-button:hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash)}.back-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(a){color:LinkText;border:unset}.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}`;
|
|
13519
13833
|
|
|
13834
|
+
var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13835
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13836
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13837
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
13838
|
+
else
|
|
13839
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
13840
|
+
if (d = decorators[i])
|
|
13841
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13842
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
13843
|
+
};
|
|
13520
13844
|
class PostMegadropdown {
|
|
13521
|
-
validateTextClose() {
|
|
13522
|
-
checkRequiredAndType(this, 'textClose', 'string');
|
|
13523
|
-
}
|
|
13524
|
-
validateTextBack() {
|
|
13525
|
-
checkRequiredAndType(this, 'textBack', 'string');
|
|
13526
|
-
}
|
|
13527
13845
|
get megadropdownTrigger() {
|
|
13528
13846
|
const hostId = this.host.getAttribute('id');
|
|
13529
13847
|
return hostId ? document.querySelector(`post-megadropdown-trigger[for="${hostId}"]`) : null;
|
|
@@ -13581,8 +13899,6 @@ class PostMegadropdown {
|
|
|
13581
13899
|
this.getFocusableElements();
|
|
13582
13900
|
}
|
|
13583
13901
|
componentDidLoad() {
|
|
13584
|
-
this.validateTextClose();
|
|
13585
|
-
this.validateTextBack();
|
|
13586
13902
|
this.checkInitialAriaCurrent();
|
|
13587
13903
|
this.setupObserver();
|
|
13588
13904
|
this.handleAriaCurrentChange([]);
|
|
@@ -13807,17 +14123,9 @@ class PostMegadropdown {
|
|
|
13807
14123
|
}
|
|
13808
14124
|
render() {
|
|
13809
14125
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
13810
|
-
return (hAsync(Host, { key: '
|
|
14126
|
+
return (hAsync(Host, { key: 'd009d9a8c81ea9ab3f2c42ecc01b6166281e6e7b', version: version$1 }, hAsync("div", { key: '4caa070e075bdb0024acbc2c19b5cd699d0fcac3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, hAsync("div", { key: 'cc0a69ab0d7a886fe5fa0b8b63f0404d2eb6e63a', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (hAsync("p", { key: '9653be2ab067767d5c5338490101826f519bc3f5', class: "megadropdown-title" }, this.megadropdownTitle)), hAsync("div", { key: '4f524c9ba3df153d2aa048d2293026af41aa4eb5', class: "megadropdown-content" }, hAsync("slot", { key: '0deaca97b06fe15ce7924b15f6d81b96d439e41a' })), 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))))));
|
|
13811
14127
|
}
|
|
13812
14128
|
get host() { return getElement(this); }
|
|
13813
|
-
static get watchers() { return {
|
|
13814
|
-
"textClose": [{
|
|
13815
|
-
"validateTextClose": 0
|
|
13816
|
-
}],
|
|
13817
|
-
"textBack": [{
|
|
13818
|
-
"validateTextBack": 0
|
|
13819
|
-
}]
|
|
13820
|
-
}; }
|
|
13821
14129
|
static get style() { return postMegadropdownCss(); }
|
|
13822
14130
|
static get cmpMeta() { return {
|
|
13823
14131
|
"$flags$": 265,
|
|
@@ -13842,10 +14150,18 @@ class PostMegadropdown {
|
|
|
13842
14150
|
}
|
|
13843
14151
|
/** Tracks the currently active dropdown instance. */
|
|
13844
14152
|
PostMegadropdown.activeDropdown = null;
|
|
14153
|
+
__decorate$f([
|
|
14154
|
+
Required(),
|
|
14155
|
+
Type('string')
|
|
14156
|
+
], PostMegadropdown.prototype, "textClose", void 0);
|
|
14157
|
+
__decorate$f([
|
|
14158
|
+
Required(),
|
|
14159
|
+
Type('string')
|
|
14160
|
+
], PostMegadropdown.prototype, "textBack", void 0);
|
|
13845
14161
|
|
|
13846
14162
|
const postMegadropdownTriggerCss = () => `button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem;border-bottom:none}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}button[aria-expanded=true]{background-color:#f0efed;color:#050400;z-index:2}button[aria-expanded=true]:hover{box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}`;
|
|
13847
14163
|
|
|
13848
|
-
var __decorate$
|
|
14164
|
+
var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13849
14165
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13850
14166
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13851
14167
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -13865,15 +14181,9 @@ class PostMegadropdownTrigger {
|
|
|
13865
14181
|
*/
|
|
13866
14182
|
this.active = false;
|
|
13867
14183
|
}
|
|
13868
|
-
validateFor() {
|
|
13869
|
-
checkRequiredAndType(this, 'for', 'string');
|
|
13870
|
-
}
|
|
13871
14184
|
componentWillRender() {
|
|
13872
14185
|
this.handleSlottedContentChanges();
|
|
13873
14186
|
}
|
|
13874
|
-
componentDidLoad() {
|
|
13875
|
-
this.validateFor();
|
|
13876
|
-
}
|
|
13877
14187
|
disconnectedCallback() {
|
|
13878
14188
|
if (this.mutationObserver)
|
|
13879
14189
|
this.mutationObserver.disconnect();
|
|
@@ -13918,14 +14228,9 @@ class PostMegadropdownTrigger {
|
|
|
13918
14228
|
this.megadropdown.toggle();
|
|
13919
14229
|
}
|
|
13920
14230
|
render() {
|
|
13921
|
-
return (hAsync(Host, { key: '
|
|
14231
|
+
return (hAsync(Host, { key: '1542f9690da3863d8aac10b22aba039c2639afae', "data-version": version$1 }, hAsync("button", { key: 'd6e8c38931478decb4e3e42ca780ee45e7d0f928', 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: 'ae5a0d76f7f372a6e64bb1bb05030180d05360e5' }, hAsync("span", { key: 'b07e30d5895511f584c257c4402a0ecaad9bb12f', innerHTML: this.slottedContent }), hAsync("span", { key: '6ad1214c4b348338cb07b373e224cf9b27cf919c', "aria-hidden": "true" }, hAsync("slot", { key: '798372c050a8a0f39095aefe203c11c7eb83e623' }))), hAsync("post-icon", { key: '2df09ffd02c59703eee7a5d9b4e89d8aa007de10', name: "chevrondown" }))));
|
|
13922
14232
|
}
|
|
13923
14233
|
get host() { return getElement(this); }
|
|
13924
|
-
static get watchers() { return {
|
|
13925
|
-
"for": [{
|
|
13926
|
-
"validateFor": 0
|
|
13927
|
-
}]
|
|
13928
|
-
}; }
|
|
13929
14234
|
static get style() { return postMegadropdownTriggerCss(); }
|
|
13930
14235
|
static get cmpMeta() { return {
|
|
13931
14236
|
"$flags$": 265,
|
|
@@ -13941,13 +14246,17 @@ class PostMegadropdownTrigger {
|
|
|
13941
14246
|
"$attrsToReflect$": [["active", "active"], ["for", "for"]]
|
|
13942
14247
|
}; }
|
|
13943
14248
|
}
|
|
13944
|
-
__decorate$
|
|
14249
|
+
__decorate$e([
|
|
14250
|
+
Required(),
|
|
14251
|
+
Type('string')
|
|
14252
|
+
], PostMegadropdownTrigger.prototype, "for", void 0);
|
|
14253
|
+
__decorate$e([
|
|
13945
14254
|
EventFrom('post-megadropdown', { ignoreNestedComponents: false })
|
|
13946
14255
|
], PostMegadropdownTrigger.prototype, "onMegadropdownToggled", null);
|
|
13947
14256
|
|
|
13948
14257
|
const postMenuCss = () => `:host{display:block}:where([part=post-menu]){display:flex;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:flex;align-items:center;gap:.5rem;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}`;
|
|
13949
14258
|
|
|
13950
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
14259
|
+
var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13951
14260
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13952
14261
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13953
14262
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -14005,12 +14314,6 @@ class PostMenu {
|
|
|
14005
14314
|
}
|
|
14006
14315
|
};
|
|
14007
14316
|
}
|
|
14008
|
-
validatePlacement() {
|
|
14009
|
-
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
14010
|
-
}
|
|
14011
|
-
validateLabel() {
|
|
14012
|
-
checkRequiredAndType(this, 'label', 'string');
|
|
14013
|
-
}
|
|
14014
14317
|
connectedCallback() {
|
|
14015
14318
|
this.root = getRoot(this.host);
|
|
14016
14319
|
this.host.addEventListener('keydown', this.handleKeyDown);
|
|
@@ -14020,10 +14323,6 @@ class PostMenu {
|
|
|
14020
14323
|
this.host.removeEventListener('keydown', this.handleKeyDown);
|
|
14021
14324
|
this.host.removeEventListener('click', this.handleClick);
|
|
14022
14325
|
}
|
|
14023
|
-
componentDidLoad() {
|
|
14024
|
-
this.validatePlacement();
|
|
14025
|
-
this.validateLabel();
|
|
14026
|
-
}
|
|
14027
14326
|
/**
|
|
14028
14327
|
* Toggles the menu visibility based on its current state.
|
|
14029
14328
|
*/
|
|
@@ -14139,17 +14438,9 @@ class PostMenu {
|
|
|
14139
14438
|
]));
|
|
14140
14439
|
}
|
|
14141
14440
|
render() {
|
|
14142
|
-
return (hAsync(Host, { key: '
|
|
14441
|
+
return (hAsync(Host, { key: 'c5f2f3e06c6deb847959a573e450beb2b17f35a2', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '3625a55c753d763313f0a17f0f8993bbcb39975d', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: 'f296e5a99e12ee97c09206df7c05db394a4ae181', part: "post-menu" }, hAsync("slot", { key: '7c322af6cc8e67b9c18c645920d8af7bbcab953f', name: "header" }), hAsync("slot", { key: 'd17b77c7c12a38991d25fc251144198ed763cbbb' })))));
|
|
14143
14442
|
}
|
|
14144
14443
|
get host() { return getElement(this); }
|
|
14145
|
-
static get watchers() { return {
|
|
14146
|
-
"placement": [{
|
|
14147
|
-
"validatePlacement": 0
|
|
14148
|
-
}],
|
|
14149
|
-
"label": [{
|
|
14150
|
-
"validateLabel": 0
|
|
14151
|
-
}]
|
|
14152
|
-
}; }
|
|
14153
14444
|
static get style() { return postMenuCss(); }
|
|
14154
14445
|
static get cmpMeta() { return {
|
|
14155
14446
|
"$flags$": 265,
|
|
@@ -14167,10 +14458,17 @@ class PostMenu {
|
|
|
14167
14458
|
"$attrsToReflect$": [["label", "label"]]
|
|
14168
14459
|
}; }
|
|
14169
14460
|
}
|
|
14170
|
-
__decorate([
|
|
14461
|
+
__decorate$d([
|
|
14462
|
+
OneOf(PLACEMENT_TYPES)
|
|
14463
|
+
], PostMenu.prototype, "placement", void 0);
|
|
14464
|
+
__decorate$d([
|
|
14465
|
+
Required(),
|
|
14466
|
+
Type('string')
|
|
14467
|
+
], PostMenu.prototype, "label", void 0);
|
|
14468
|
+
__decorate$d([
|
|
14171
14469
|
EventFrom('post-popovercontainer')
|
|
14172
14470
|
], PostMenu.prototype, "handlePostShown", null);
|
|
14173
|
-
__decorate([
|
|
14471
|
+
__decorate$d([
|
|
14174
14472
|
EventFrom('post-popovercontainer')
|
|
14175
14473
|
], PostMenu.prototype, "handlePostBeforeToggle", null);
|
|
14176
14474
|
|
|
@@ -14197,10 +14495,17 @@ class PostMenuItem {
|
|
|
14197
14495
|
|
|
14198
14496
|
const postMenuTriggerCss = () => `:host{display:inline-block}`;
|
|
14199
14497
|
|
|
14498
|
+
var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
14499
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
14500
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
14501
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
14502
|
+
else
|
|
14503
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
14504
|
+
if (d = decorators[i])
|
|
14505
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
14506
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
14507
|
+
};
|
|
14200
14508
|
class PostMenuTrigger {
|
|
14201
|
-
validateFor() {
|
|
14202
|
-
checkRequiredAndType(this, 'for', 'string');
|
|
14203
|
-
}
|
|
14204
14509
|
constructor(hostRef) {
|
|
14205
14510
|
registerInstance(this, hostRef);
|
|
14206
14511
|
this.updateAriaExpanded = this.updateAriaExpanded.bind(this);
|
|
@@ -14209,7 +14514,6 @@ class PostMenuTrigger {
|
|
|
14209
14514
|
this.root = getRoot(this.host);
|
|
14210
14515
|
}
|
|
14211
14516
|
componentDidLoad() {
|
|
14212
|
-
this.validateFor();
|
|
14213
14517
|
this.setAriaAttributes();
|
|
14214
14518
|
if (this.root) {
|
|
14215
14519
|
this.root.addEventListener('toggleMenu', this.updateAriaExpanded);
|
|
@@ -14256,14 +14560,9 @@ class PostMenuTrigger {
|
|
|
14256
14560
|
return null;
|
|
14257
14561
|
}
|
|
14258
14562
|
render() {
|
|
14259
|
-
return (hAsync(Host, { key: '
|
|
14563
|
+
return (hAsync(Host, { key: '53cdf95c4eaaf430f0ada66aa69588b7830903f9', "data-version": version$1 }, hAsync("slot", { key: 'ae764b0b2b93cd7934fd39ef68084871ddd3f94f' })));
|
|
14260
14564
|
}
|
|
14261
14565
|
get host() { return getElement(this); }
|
|
14262
|
-
static get watchers() { return {
|
|
14263
|
-
"for": [{
|
|
14264
|
-
"validateFor": 0
|
|
14265
|
-
}]
|
|
14266
|
-
}; }
|
|
14267
14566
|
static get style() { return postMenuTriggerCss(); }
|
|
14268
14567
|
static get cmpMeta() { return {
|
|
14269
14568
|
"$flags$": 265,
|
|
@@ -14276,6 +14575,10 @@ class PostMenuTrigger {
|
|
|
14276
14575
|
"$attrsToReflect$": [["for", "for"]]
|
|
14277
14576
|
}; }
|
|
14278
14577
|
}
|
|
14578
|
+
__decorate$c([
|
|
14579
|
+
Required(),
|
|
14580
|
+
Type('string')
|
|
14581
|
+
], PostMenuTrigger.prototype, "for", void 0);
|
|
14279
14582
|
|
|
14280
14583
|
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-color:rgba(0,0,0,0);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}`;
|
|
14281
14584
|
|
|
@@ -14391,6 +14694,16 @@ class PostNumberInput {
|
|
|
14391
14694
|
|
|
14392
14695
|
const postPaginationCss = () => `.btn{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-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{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}.btn: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn: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){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{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)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-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)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color: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)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color: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)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{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)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-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)}.btn-link{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)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-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)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden}.pagination-list{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:flex;align-items:center;margin:0;padding:0;flex-shrink:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:flex;align-items:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;appearance:none;outline:none;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-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}.pagination-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){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-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){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{flex-shrink:0;flex-grow:0}.pagination-ellipsis-content{user-select:none}.hidden-items{position:absolute;display:flex;gap:var(--post-device-spacing-gap-11);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
14393
14696
|
|
|
14697
|
+
var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
14698
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
14699
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
14700
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
14701
|
+
else
|
|
14702
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
14703
|
+
if (d = decorators[i])
|
|
14704
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
14705
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
14706
|
+
};
|
|
14394
14707
|
const ELLIPSIS = '...';
|
|
14395
14708
|
const MEASUREMENT_DEBOUNCE_MS = 50;
|
|
14396
14709
|
const RESIZE_DEBOUNCE_MS = 150;
|
|
@@ -14402,39 +14715,12 @@ const MIDDLE_RANGE_START = 2; // Middle range starts from page 2 (page 1 is alwa
|
|
|
14402
14715
|
class PostPagination {
|
|
14403
14716
|
constructor(hostRef) {
|
|
14404
14717
|
registerInstance(this, hostRef);
|
|
14405
|
-
this.postChange = createEvent(this, "postChange");
|
|
14406
|
-
this.items = [];
|
|
14407
|
-
this.lastWindowWidth = window.innerWidth;
|
|
14408
|
-
this.loaded = false;
|
|
14409
|
-
this.debouncedResize = debounce(this.handleResizeInternal.bind(this), RESIZE_DEBOUNCE_MS);
|
|
14410
|
-
this.measurementTimeoutId = null;
|
|
14411
|
-
}
|
|
14412
|
-
validatePage() {
|
|
14413
|
-
this.validateProp('page', 'number', false);
|
|
14414
|
-
}
|
|
14415
|
-
validatePageSize() {
|
|
14416
|
-
this.validateProp('pageSize', 'number', true);
|
|
14417
|
-
}
|
|
14418
|
-
validateCollectionSize() {
|
|
14419
|
-
this.validateProp('collectionSize', 'number', true);
|
|
14420
|
-
}
|
|
14421
|
-
validateLabel() {
|
|
14422
|
-
this.validateProp('label', 'string', true);
|
|
14423
|
-
}
|
|
14424
|
-
validateTextPrevious() {
|
|
14425
|
-
this.validateProp('textPrevious', 'string', true);
|
|
14426
|
-
}
|
|
14427
|
-
validateTextNext() {
|
|
14428
|
-
this.validateProp('textNext', 'string', true);
|
|
14429
|
-
}
|
|
14430
|
-
validateTextPage() {
|
|
14431
|
-
this.validateProp('textPage', 'string', true);
|
|
14432
|
-
}
|
|
14433
|
-
validateTextFirst() {
|
|
14434
|
-
this.validateProp('textFirst', 'string', true);
|
|
14435
|
-
}
|
|
14436
|
-
validateTextLast() {
|
|
14437
|
-
this.validateProp('textLast', 'string', true);
|
|
14718
|
+
this.postChange = createEvent(this, "postChange");
|
|
14719
|
+
this.items = [];
|
|
14720
|
+
this.lastWindowWidth = window.innerWidth;
|
|
14721
|
+
this.loaded = false;
|
|
14722
|
+
this.debouncedResize = debounce(this.handleResizeInternal.bind(this), RESIZE_DEBOUNCE_MS);
|
|
14723
|
+
this.measurementTimeoutId = null;
|
|
14438
14724
|
}
|
|
14439
14725
|
handlePropsChange() {
|
|
14440
14726
|
this.updatePagesWithValidation();
|
|
@@ -14450,7 +14736,6 @@ class PostPagination {
|
|
|
14450
14736
|
}
|
|
14451
14737
|
componentDidLoad() {
|
|
14452
14738
|
this.loaded = true;
|
|
14453
|
-
this.runAllValidations();
|
|
14454
14739
|
this.scheduleMeasurement();
|
|
14455
14740
|
}
|
|
14456
14741
|
disconnectedCallback() {
|
|
@@ -14461,31 +14746,6 @@ class PostPagination {
|
|
|
14461
14746
|
this.measurementTimeoutId = null;
|
|
14462
14747
|
}
|
|
14463
14748
|
}
|
|
14464
|
-
/**
|
|
14465
|
-
* Validate a prop with the appropriate check function
|
|
14466
|
-
*/
|
|
14467
|
-
validateProp(propName, type, required = true) {
|
|
14468
|
-
if (required) {
|
|
14469
|
-
checkRequiredAndType(this, propName, type);
|
|
14470
|
-
}
|
|
14471
|
-
else {
|
|
14472
|
-
checkEmptyOrType(this, propName, type);
|
|
14473
|
-
}
|
|
14474
|
-
}
|
|
14475
|
-
/**
|
|
14476
|
-
* Run all prop validations
|
|
14477
|
-
*/
|
|
14478
|
-
runAllValidations() {
|
|
14479
|
-
this.validateProp('page', 'number', false);
|
|
14480
|
-
this.validateProp('pageSize', 'number', true);
|
|
14481
|
-
this.validateProp('collectionSize', 'number', true);
|
|
14482
|
-
this.validateProp('label', 'string', true);
|
|
14483
|
-
this.validateProp('textPrevious', 'string', true);
|
|
14484
|
-
this.validateProp('textNext', 'string', true);
|
|
14485
|
-
this.validateProp('textPage', 'string', true);
|
|
14486
|
-
this.validateProp('textFirst', 'string', true);
|
|
14487
|
-
this.validateProp('textLast', 'string', true);
|
|
14488
|
-
}
|
|
14489
14749
|
/**
|
|
14490
14750
|
* Schedule measurement attempt with timeout
|
|
14491
14751
|
*/
|
|
@@ -14949,37 +15209,13 @@ class PostPagination {
|
|
|
14949
15209
|
get host() { return getElement(this); }
|
|
14950
15210
|
static get watchers() { return {
|
|
14951
15211
|
"page": [{
|
|
14952
|
-
"validatePage": 0
|
|
14953
|
-
}, {
|
|
14954
15212
|
"handlePropsChange": 0
|
|
14955
15213
|
}],
|
|
14956
15214
|
"pageSize": [{
|
|
14957
|
-
"validatePageSize": 0
|
|
14958
|
-
}, {
|
|
14959
15215
|
"handlePropsChange": 0
|
|
14960
15216
|
}],
|
|
14961
15217
|
"collectionSize": [{
|
|
14962
|
-
"validateCollectionSize": 0
|
|
14963
|
-
}, {
|
|
14964
15218
|
"handlePropsChange": 0
|
|
14965
|
-
}],
|
|
14966
|
-
"label": [{
|
|
14967
|
-
"validateLabel": 0
|
|
14968
|
-
}],
|
|
14969
|
-
"textPrevious": [{
|
|
14970
|
-
"validateTextPrevious": 0
|
|
14971
|
-
}],
|
|
14972
|
-
"textNext": [{
|
|
14973
|
-
"validateTextNext": 0
|
|
14974
|
-
}],
|
|
14975
|
-
"textPage": [{
|
|
14976
|
-
"validateTextPage": 0
|
|
14977
|
-
}],
|
|
14978
|
-
"textFirst": [{
|
|
14979
|
-
"validateTextFirst": 0
|
|
14980
|
-
}],
|
|
14981
|
-
"textLast": [{
|
|
14982
|
-
"validateTextLast": 0
|
|
14983
15219
|
}]
|
|
14984
15220
|
}; }
|
|
14985
15221
|
static get style() { return postPaginationCss(); }
|
|
@@ -15005,9 +15241,54 @@ class PostPagination {
|
|
|
15005
15241
|
"$attrsToReflect$": [["pageSize", "page-size"], ["collectionSize", "collection-size"], ["label", "label"], ["textPrevious", "text-previous"], ["textNext", "text-next"], ["textPage", "text-page"], ["textFirst", "text-first"], ["textLast", "text-last"]]
|
|
15006
15242
|
}; }
|
|
15007
15243
|
}
|
|
15244
|
+
__decorate$b([
|
|
15245
|
+
Type('number')
|
|
15246
|
+
], PostPagination.prototype, "page", void 0);
|
|
15247
|
+
__decorate$b([
|
|
15248
|
+
Required(),
|
|
15249
|
+
Type('number')
|
|
15250
|
+
], PostPagination.prototype, "pageSize", void 0);
|
|
15251
|
+
__decorate$b([
|
|
15252
|
+
Required(),
|
|
15253
|
+
Type('number')
|
|
15254
|
+
], PostPagination.prototype, "collectionSize", void 0);
|
|
15255
|
+
__decorate$b([
|
|
15256
|
+
Required(),
|
|
15257
|
+
Type('string')
|
|
15258
|
+
], PostPagination.prototype, "label", void 0);
|
|
15259
|
+
__decorate$b([
|
|
15260
|
+
Required(),
|
|
15261
|
+
Type('string')
|
|
15262
|
+
], PostPagination.prototype, "textPrevious", void 0);
|
|
15263
|
+
__decorate$b([
|
|
15264
|
+
Required(),
|
|
15265
|
+
Type('string')
|
|
15266
|
+
], PostPagination.prototype, "textNext", void 0);
|
|
15267
|
+
__decorate$b([
|
|
15268
|
+
Required(),
|
|
15269
|
+
Type('string')
|
|
15270
|
+
], PostPagination.prototype, "textPage", void 0);
|
|
15271
|
+
__decorate$b([
|
|
15272
|
+
Required(),
|
|
15273
|
+
Type('string')
|
|
15274
|
+
], PostPagination.prototype, "textFirst", void 0);
|
|
15275
|
+
__decorate$b([
|
|
15276
|
+
Required(),
|
|
15277
|
+
Type('string')
|
|
15278
|
+
], PostPagination.prototype, "textLast", void 0);
|
|
15008
15279
|
|
|
15009
15280
|
const postPopoverCss = () => `*{box-sizing:border-box}:host{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:.5em;flex-grow:1}`;
|
|
15010
15281
|
|
|
15282
|
+
var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
15283
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
15284
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
15285
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
15286
|
+
else
|
|
15287
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
15288
|
+
if (d = decorators[i])
|
|
15289
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
15290
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
15291
|
+
};
|
|
15011
15292
|
/**
|
|
15012
15293
|
* @slot default - Slot for placing content inside the popover.
|
|
15013
15294
|
*/
|
|
@@ -15026,16 +15307,6 @@ class PostPopover {
|
|
|
15026
15307
|
// eslint-disable-next-line @stencil-community/ban-default-true
|
|
15027
15308
|
this.arrow = true;
|
|
15028
15309
|
}
|
|
15029
|
-
validatePlacement() {
|
|
15030
|
-
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
15031
|
-
}
|
|
15032
|
-
validateTextClose() {
|
|
15033
|
-
checkRequiredAndType(this, 'textClose', 'string');
|
|
15034
|
-
}
|
|
15035
|
-
componentDidLoad() {
|
|
15036
|
-
this.validatePlacement();
|
|
15037
|
-
this.validateTextClose();
|
|
15038
|
-
}
|
|
15039
15310
|
/**
|
|
15040
15311
|
* Programmatically display the popover
|
|
15041
15312
|
* @param target A focusable element inside the <post-popover-trigger> component that controls the popover
|
|
@@ -15069,17 +15340,9 @@ class PostPopover {
|
|
|
15069
15340
|
}
|
|
15070
15341
|
}
|
|
15071
15342
|
render() {
|
|
15072
|
-
return (hAsync(Host, { key: '
|
|
15343
|
+
return (hAsync(Host, { key: '4c6d36060c351602af36c7df3bd1a594cb851213', "data-version": version$1 }, hAsync("post-popovercontainer", { key: 'ec84ed352e562037e547e22f75304683bffa4521', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '2fca8b18ca9ba9abb9464347496ee390815165ec', class: "popover-container" }, hAsync("div", { key: '8859270d05c687223a55583654f97bef9848a8e7', class: "popover-content" }, hAsync("slot", { key: 'e1dff905b2c0882a72693cb07c331581cf63fcf7' })), hAsync("post-closebutton", { key: '7a147e9542c1b7c462141e0940c80eb465fef9a4', onClick: () => this.hide() }, this.textClose)))));
|
|
15073
15344
|
}
|
|
15074
15345
|
get host() { return getElement(this); }
|
|
15075
|
-
static get watchers() { return {
|
|
15076
|
-
"placement": [{
|
|
15077
|
-
"validatePlacement": 0
|
|
15078
|
-
}],
|
|
15079
|
-
"textClose": [{
|
|
15080
|
-
"validateTextClose": 0
|
|
15081
|
-
}]
|
|
15082
|
-
}; }
|
|
15083
15346
|
static get style() { return postPopoverCss(); }
|
|
15084
15347
|
static get cmpMeta() { return {
|
|
15085
15348
|
"$flags$": 265,
|
|
@@ -15097,6 +15360,13 @@ class PostPopover {
|
|
|
15097
15360
|
"$attrsToReflect$": [["textClose", "text-close"]]
|
|
15098
15361
|
}; }
|
|
15099
15362
|
}
|
|
15363
|
+
__decorate$a([
|
|
15364
|
+
OneOf(PLACEMENT_TYPES)
|
|
15365
|
+
], PostPopover.prototype, "placement", void 0);
|
|
15366
|
+
__decorate$a([
|
|
15367
|
+
Required(),
|
|
15368
|
+
Type('string')
|
|
15369
|
+
], PostPopover.prototype, "textClose", void 0);
|
|
15100
15370
|
|
|
15101
15371
|
var focusable = {exports: {}};
|
|
15102
15372
|
|
|
@@ -20111,6 +20381,16 @@ var isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
|
|
|
20111
20381
|
|
|
20112
20382
|
const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
|
|
20113
20383
|
|
|
20384
|
+
var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
20385
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
20386
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
20387
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
20388
|
+
else
|
|
20389
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
20390
|
+
if (d = decorators[i])
|
|
20391
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
20392
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
20393
|
+
};
|
|
20114
20394
|
class PostPopoverTrigger {
|
|
20115
20395
|
syncAriaExpanded(newValue) {
|
|
20116
20396
|
this.ariaExpanded = newValue;
|
|
@@ -20118,13 +20398,6 @@ class PostPopoverTrigger {
|
|
|
20118
20398
|
this.trigger.setAttribute('aria-expanded', String(newValue));
|
|
20119
20399
|
}
|
|
20120
20400
|
}
|
|
20121
|
-
/**
|
|
20122
|
-
* Watch for changes to the `for` property to validate its type and ensure it is a string.
|
|
20123
|
-
* @param forValue - The new value of the `for` property.
|
|
20124
|
-
*/
|
|
20125
|
-
validateFor() {
|
|
20126
|
-
checkEmptyOrType(this, 'for', 'string');
|
|
20127
|
-
}
|
|
20128
20401
|
hasAriaControlsElements(el) {
|
|
20129
20402
|
return 'ariaControlsElements' in el;
|
|
20130
20403
|
}
|
|
@@ -20205,7 +20478,6 @@ class PostPopoverTrigger {
|
|
|
20205
20478
|
};
|
|
20206
20479
|
}
|
|
20207
20480
|
componentDidLoad() {
|
|
20208
|
-
this.validateFor();
|
|
20209
20481
|
this.setupTrigger();
|
|
20210
20482
|
this.popover?.addEventListener('postToggle', this.boundHandlePostToggle);
|
|
20211
20483
|
}
|
|
@@ -20215,15 +20487,12 @@ class PostPopoverTrigger {
|
|
|
20215
20487
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
20216
20488
|
}
|
|
20217
20489
|
render() {
|
|
20218
|
-
return (hAsync(Host, { key: '
|
|
20490
|
+
return (hAsync(Host, { key: '15106566f7f823c789987c59ef7b655622c95f23', "data-version": version$1 }, hAsync("slot", { key: 'e8d4e3f87795b2f323210a2fedee79e462f715bd', onSlotchange: () => this.setupTrigger() })));
|
|
20219
20491
|
}
|
|
20220
20492
|
get host() { return getElement(this); }
|
|
20221
20493
|
static get watchers() { return {
|
|
20222
20494
|
"popoverOpen": [{
|
|
20223
20495
|
"syncAriaExpanded": 0
|
|
20224
|
-
}],
|
|
20225
|
-
"for": [{
|
|
20226
|
-
"validateFor": 0
|
|
20227
20496
|
}]
|
|
20228
20497
|
}; }
|
|
20229
20498
|
static get style() { return postPopoverTriggerCss(); }
|
|
@@ -20240,6 +20509,9 @@ class PostPopoverTrigger {
|
|
|
20240
20509
|
"$attrsToReflect$": [["for", "for"]]
|
|
20241
20510
|
}; }
|
|
20242
20511
|
}
|
|
20512
|
+
__decorate$9([
|
|
20513
|
+
Type('string')
|
|
20514
|
+
], PostPopoverTrigger.prototype, "for", void 0);
|
|
20243
20515
|
|
|
20244
20516
|
/**
|
|
20245
20517
|
* Custom positioning reference element.
|
|
@@ -22185,6 +22457,16 @@ function popIn(el) {
|
|
|
22185
22457
|
|
|
22186
22458
|
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;position:relative}@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 .popover-scroll{max-height:var(--post-popovercontainer-available-height, none);overflow-y:auto}:host [part=post-popovercontainer-border-mask]{display:none;position:absolute;inset:0;border-radius:4px;pointer-events:none}:host .arrow{--post-popovercontainer-arrow-border: var(--post-popovercontainer-arrow-border-width, 0px) solid var(--post-popovercontainer-arrow-border-color, transparent);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;border-bottom:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}@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))}`;
|
|
22187
22459
|
|
|
22460
|
+
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
22461
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
22462
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
22463
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
22464
|
+
else
|
|
22465
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
22466
|
+
if (d = decorators[i])
|
|
22467
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
22468
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
22469
|
+
};
|
|
22188
22470
|
const ANIMATIONS = {
|
|
22189
22471
|
'pop-in': popIn,
|
|
22190
22472
|
};
|
|
@@ -22222,15 +22504,6 @@ class PostPopovercontainer {
|
|
|
22222
22504
|
this.currentAnimation = null;
|
|
22223
22505
|
this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
|
|
22224
22506
|
}
|
|
22225
|
-
validatePlacement() {
|
|
22226
|
-
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
22227
|
-
}
|
|
22228
|
-
validateEdgeGap() {
|
|
22229
|
-
checkEmptyOrType(this, 'edgeGap', 'number');
|
|
22230
|
-
}
|
|
22231
|
-
validateSafeSpace() {
|
|
22232
|
-
checkEmptyOrOneOf(this, 'safeSpace', ['triangle', 'trapezoid']);
|
|
22233
|
-
}
|
|
22234
22507
|
/**
|
|
22235
22508
|
* Updates cursor position for safe space feature when popover is open.
|
|
22236
22509
|
* Sets CSS custom properties for dynamic styling of safe area.
|
|
@@ -22243,9 +22516,6 @@ class PostPopovercontainer {
|
|
|
22243
22516
|
connectedCallback() {
|
|
22244
22517
|
}
|
|
22245
22518
|
componentDidLoad() {
|
|
22246
|
-
this.validatePlacement();
|
|
22247
|
-
this.validateEdgeGap();
|
|
22248
|
-
this.validateSafeSpace();
|
|
22249
22519
|
this.host.addEventListener('beforetoggle', this.handleToggle.bind(this));
|
|
22250
22520
|
}
|
|
22251
22521
|
disconnectedCallback() {
|
|
@@ -22527,22 +22797,11 @@ class PostPopovercontainer {
|
|
|
22527
22797
|
}
|
|
22528
22798
|
}
|
|
22529
22799
|
render() {
|
|
22530
|
-
return (hAsync(Host, { key: '
|
|
22800
|
+
return (hAsync(Host, { key: '468af4ce773ab7c5d4feb4320c33175347ceca3d', "data-version": version$1, popover: "auto" }, hAsync("div", { key: 'f8a78f27bf46079134b75d468b44ad40d15a0001', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (hAsync("span", { key: '9d92eaec690d67bdbf3b991274c2351744628519', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
|
|
22531
22801
|
this.arrowRef = el;
|
|
22532
|
-
} })), hAsync("span", { key: '
|
|
22802
|
+
} })), hAsync("span", { key: 'a1dd28b0ddd3af5792199f47e7a921eb14b86f93', part: "post-popovercontainer-border-mask" }), hAsync("div", { key: '94e84d35042983d832d6f0e9f8c01b68428d1401', class: "popover-scroll" }, hAsync("slot", { key: '28909f395a3ed25f489458f94de79c3c1ae309c9' })))));
|
|
22533
22803
|
}
|
|
22534
22804
|
get host() { return getElement(this); }
|
|
22535
|
-
static get watchers() { return {
|
|
22536
|
-
"placement": [{
|
|
22537
|
-
"validatePlacement": 0
|
|
22538
|
-
}],
|
|
22539
|
-
"edgeGap": [{
|
|
22540
|
-
"validateEdgeGap": 0
|
|
22541
|
-
}],
|
|
22542
|
-
"safeSpace": [{
|
|
22543
|
-
"validateSafeSpace": 0
|
|
22544
|
-
}]
|
|
22545
|
-
}; }
|
|
22546
22805
|
static get style() { return postPopovercontainerCss(); }
|
|
22547
22806
|
static get cmpMeta() { return {
|
|
22548
22807
|
"$flags$": 265,
|
|
@@ -22583,24 +22842,105 @@ PostPopovercontainer.PROPERTIES_TO_CLEAR = [
|
|
|
22583
22842
|
'--post-safe-space-trigger-y-start',
|
|
22584
22843
|
'--post-safe-space-trigger-y-end',
|
|
22585
22844
|
];
|
|
22845
|
+
__decorate$8([
|
|
22846
|
+
OneOf(PLACEMENT_TYPES)
|
|
22847
|
+
], PostPopovercontainer.prototype, "placement", void 0);
|
|
22848
|
+
__decorate$8([
|
|
22849
|
+
Type('number')
|
|
22850
|
+
], PostPopovercontainer.prototype, "edgeGap", void 0);
|
|
22851
|
+
__decorate$8([
|
|
22852
|
+
OneOf(['triangle', 'trapezoid'])
|
|
22853
|
+
], PostPopovercontainer.prototype, "safeSpace", void 0);
|
|
22586
22854
|
|
|
22587
|
-
const
|
|
22855
|
+
const postProgressbarCss = () => `:host{display:block;position:relative;height:var(--post-device-sizing-interactive-progressbar-indicator);border-radius:var(--post-device-border-radius-round);box-shadow:0px 0px 0px var(--post-device-border-width-alternative1) var(--post-scheme-color-interactive-primary-enabled-stroke) inset;overflow:hidden}.progress-value{position:absolute;inset-block:0;inset-inline-start:0;width:var(--post-progressbar-value, 0);border-radius:var(--post-device-border-radius-round);background-color:var(--post-progressbar-status-color, var(--post-scheme-color-interactive-primary-enabled-bg2));transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border:1px solid Highlight}.progress-value{background-color:Highlight}}`;
|
|
22588
22856
|
|
|
22589
|
-
|
|
22590
|
-
|
|
22591
|
-
|
|
22857
|
+
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
22858
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
22859
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
22860
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
22861
|
+
else
|
|
22862
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
22863
|
+
if (d = decorators[i])
|
|
22864
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
22865
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
22866
|
+
};
|
|
22867
|
+
class PostProgressbar {
|
|
22868
|
+
constructor(hostRef) {
|
|
22869
|
+
registerInstance(this, hostRef);
|
|
22870
|
+
/**
|
|
22871
|
+
* The minimum value of the progress bar.
|
|
22872
|
+
* Must be a valid floating point number less than max.
|
|
22873
|
+
*/
|
|
22874
|
+
this.min = 0;
|
|
22875
|
+
/**
|
|
22876
|
+
* Describes how much work the task indicated by the progress element requires.
|
|
22877
|
+
* Must be a valid floating point number greater than min.
|
|
22878
|
+
*/
|
|
22879
|
+
this.max = 100;
|
|
22592
22880
|
}
|
|
22593
|
-
|
|
22594
|
-
|
|
22881
|
+
getEffectiveMin() {
|
|
22882
|
+
return Number.isFinite(this.min) ? this.min : 0;
|
|
22595
22883
|
}
|
|
22596
|
-
|
|
22597
|
-
|
|
22884
|
+
getEffectiveMax() {
|
|
22885
|
+
return Number.isFinite(this.max) && this.max > this.getEffectiveMin() ? this.max : 100;
|
|
22598
22886
|
}
|
|
22599
|
-
|
|
22600
|
-
this.
|
|
22601
|
-
|
|
22602
|
-
|
|
22887
|
+
getEffectiveValue(min, max) {
|
|
22888
|
+
if (this.value === undefined ||
|
|
22889
|
+
!Number.isFinite(this.value) ||
|
|
22890
|
+
this.value < min ||
|
|
22891
|
+
this.value > max) {
|
|
22892
|
+
return min;
|
|
22893
|
+
}
|
|
22894
|
+
return this.value;
|
|
22895
|
+
}
|
|
22896
|
+
render() {
|
|
22897
|
+
const min = this.getEffectiveMin();
|
|
22898
|
+
const max = this.getEffectiveMax();
|
|
22899
|
+
const value = this.getEffectiveValue(min, max);
|
|
22900
|
+
const percentage = ((value - min) / (max - min)) * 100;
|
|
22901
|
+
return (hAsync(Host, { key: '3d48615c3f08904f896eb5ebb7d8bfdff882a89b', role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: 'dd8c0d44ba1aeccb3102cb15556517df98b9cf63', class: "progress-value", style: { '--post-progressbar-value': `${percentage}%` } })));
|
|
22603
22902
|
}
|
|
22903
|
+
get host() { return getElement(this); }
|
|
22904
|
+
static get style() { return postProgressbarCss(); }
|
|
22905
|
+
static get cmpMeta() { return {
|
|
22906
|
+
"$flags$": 9,
|
|
22907
|
+
"$tagName$": "post-progressbar",
|
|
22908
|
+
"$members$": {
|
|
22909
|
+
"min": [2],
|
|
22910
|
+
"max": [2],
|
|
22911
|
+
"value": [2]
|
|
22912
|
+
},
|
|
22913
|
+
"$listeners$": undefined,
|
|
22914
|
+
"$lazyBundleId$": "-",
|
|
22915
|
+
"$attrsToReflect$": []
|
|
22916
|
+
}; }
|
|
22917
|
+
}
|
|
22918
|
+
__decorate$7([
|
|
22919
|
+
Type('number')
|
|
22920
|
+
], PostProgressbar.prototype, "min", void 0);
|
|
22921
|
+
__decorate$7([
|
|
22922
|
+
Type('number'),
|
|
22923
|
+
GreaterThan('min')
|
|
22924
|
+
], PostProgressbar.prototype, "max", void 0);
|
|
22925
|
+
__decorate$7([
|
|
22926
|
+
Type('number'),
|
|
22927
|
+
GreaterThan('min'),
|
|
22928
|
+
LessThan('max')
|
|
22929
|
+
], PostProgressbar.prototype, "value", void 0);
|
|
22930
|
+
|
|
22931
|
+
const postRatingCss = () => `:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}`;
|
|
22932
|
+
|
|
22933
|
+
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
22934
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
22935
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
22936
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
22937
|
+
else
|
|
22938
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
22939
|
+
if (d = decorators[i])
|
|
22940
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
22941
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
22942
|
+
};
|
|
22943
|
+
class PostRating {
|
|
22604
22944
|
constructor(hostRef) {
|
|
22605
22945
|
registerInstance(this, hostRef);
|
|
22606
22946
|
this.postInput = createEvent(this, "postInput");
|
|
@@ -22675,7 +23015,7 @@ class PostRating {
|
|
|
22675
23015
|
}
|
|
22676
23016
|
}
|
|
22677
23017
|
render() {
|
|
22678
|
-
return (hAsync(Host, { key: '
|
|
23018
|
+
return (hAsync(Host, { key: 'c037e21b074c9ebc433e325e49d17dbe06d8db43', "data-version": version$1 }, hAsync("div", { key: 'f661eac91003680598c38d54dbc5fa3f482b7ad8', 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: {
|
|
22679
23019
|
'star': true,
|
|
22680
23020
|
'before-hover': i < this.hoveredIndex,
|
|
22681
23021
|
'active': i < Math.round(this.currentRating),
|
|
@@ -22684,17 +23024,6 @@ class PostRating {
|
|
|
22684
23024
|
}, onClick: () => this.update(i + 1), onMouseEnter: e => this.hoverHandler(i, e), onMouseLeave: e => this.hoverHandler(i, e) }, hAsync("post-icon", { name: "favoritestar", class: "stroke" }), hAsync("post-icon", { name: "favoritestar-solid", class: "fill" })))))));
|
|
22685
23025
|
}
|
|
22686
23026
|
get host() { return getElement(this); }
|
|
22687
|
-
static get watchers() { return {
|
|
22688
|
-
"label": [{
|
|
22689
|
-
"validateLabel": 0
|
|
22690
|
-
}],
|
|
22691
|
-
"stars": [{
|
|
22692
|
-
"validateStars": 0
|
|
22693
|
-
}],
|
|
22694
|
-
"currentRating": [{
|
|
22695
|
-
"validateCurrentRating": 0
|
|
22696
|
-
}]
|
|
22697
|
-
}; }
|
|
22698
23027
|
static get style() { return postRatingCss(); }
|
|
22699
23028
|
static get cmpMeta() { return {
|
|
22700
23029
|
"$flags$": 9,
|
|
@@ -22711,9 +23040,31 @@ class PostRating {
|
|
|
22711
23040
|
"$attrsToReflect$": [["label", "label"]]
|
|
22712
23041
|
}; }
|
|
22713
23042
|
}
|
|
23043
|
+
__decorate$6([
|
|
23044
|
+
Required(),
|
|
23045
|
+
Type('string')
|
|
23046
|
+
], PostRating.prototype, "label", void 0);
|
|
23047
|
+
__decorate$6([
|
|
23048
|
+
Required(),
|
|
23049
|
+
Type('number')
|
|
23050
|
+
], PostRating.prototype, "stars", void 0);
|
|
23051
|
+
__decorate$6([
|
|
23052
|
+
Required(),
|
|
23053
|
+
Type('number')
|
|
23054
|
+
], PostRating.prototype, "currentRating", void 0);
|
|
22714
23055
|
|
|
22715
23056
|
const postStepperCss = () => `ol{margin-block:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:20px;grid-auto-columns:minmax(0, 1fr);padding-inline-end:20px}@media screen and (max-width: 779.98px){ol{display:flex;padding-inline-end:0}}.active-step{font-size:var(--post-device-font-size-7);font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.active-step .active-step-label:has(+span:empty){visibility:hidden}@media screen and (min-width: 780px){.active-step{display:none}}`;
|
|
22716
23057
|
|
|
23058
|
+
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23059
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23060
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23061
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23062
|
+
else
|
|
23063
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23064
|
+
if (d = decorators[i])
|
|
23065
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23066
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23067
|
+
};
|
|
22717
23068
|
class PostStepper {
|
|
22718
23069
|
constructor(hostRef) {
|
|
22719
23070
|
registerInstance(this, hostRef);
|
|
@@ -22722,18 +23073,7 @@ class PostStepper {
|
|
|
22722
23073
|
*/
|
|
22723
23074
|
this.currentIndex = -1;
|
|
22724
23075
|
}
|
|
22725
|
-
validateTextCurrentStep() {
|
|
22726
|
-
checkRequiredAndType(this, 'textCurrentStep', 'string');
|
|
22727
|
-
}
|
|
22728
|
-
validateTextCompletedStep() {
|
|
22729
|
-
checkRequiredAndType(this, 'textCompletedStep', 'string');
|
|
22730
|
-
}
|
|
22731
|
-
validateTextStepNumber() {
|
|
22732
|
-
checkRequiredAndPattern(this, 'textStepNumber', /\{number\}/);
|
|
22733
|
-
this.updateActiveStepNumber();
|
|
22734
|
-
}
|
|
22735
23076
|
validateCurrentIndex() {
|
|
22736
|
-
checkRequiredAndType(this, 'currentIndex', 'number');
|
|
22737
23077
|
if (this.stepItems) {
|
|
22738
23078
|
this.updateSteps();
|
|
22739
23079
|
this.checkIndexes();
|
|
@@ -22744,15 +23084,20 @@ class PostStepper {
|
|
|
22744
23084
|
this.selectedIndex = this.currentIndex;
|
|
22745
23085
|
}
|
|
22746
23086
|
else {
|
|
22747
|
-
checkRequiredAndType(this, 'selectedIndex', 'number');
|
|
22748
23087
|
this.checkIndexes();
|
|
22749
23088
|
}
|
|
22750
23089
|
this.updateSteps();
|
|
22751
23090
|
}
|
|
23091
|
+
updateActiveStepNumber() {
|
|
23092
|
+
if (this.textStepNumber) {
|
|
23093
|
+
const labelTemplate = this.textStepNumber;
|
|
23094
|
+
this.mobileActiveStepLabel = labelTemplate.replaceAll('{number}', `${this.selectedIndex + 1}`);
|
|
23095
|
+
if (this.stepItems) {
|
|
23096
|
+
this.updateMobileActiveStepVisibility();
|
|
23097
|
+
}
|
|
23098
|
+
}
|
|
23099
|
+
}
|
|
22752
23100
|
componentDidLoad() {
|
|
22753
|
-
this.validateTextCompletedStep();
|
|
22754
|
-
this.validateTextCurrentStep();
|
|
22755
|
-
this.validateTextStepNumber();
|
|
22756
23101
|
// Wait for slotchange
|
|
22757
23102
|
setTimeout(() => {
|
|
22758
23103
|
this.validateCurrentIndex();
|
|
@@ -22764,15 +23109,6 @@ class PostStepper {
|
|
|
22764
23109
|
console.error('The selected-index cannot be higher than the current-index, as only the current and completed steps can be selected.');
|
|
22765
23110
|
}
|
|
22766
23111
|
}
|
|
22767
|
-
updateActiveStepNumber() {
|
|
22768
|
-
if (this.textStepNumber) {
|
|
22769
|
-
const labelTemplate = this.textStepNumber;
|
|
22770
|
-
this.mobileActiveStepLabel = labelTemplate.replaceAll('{number}', `${this.selectedIndex + 1}`);
|
|
22771
|
-
if (this.stepItems) {
|
|
22772
|
-
this.updateMobileActiveStepVisibility();
|
|
22773
|
-
}
|
|
22774
|
-
}
|
|
22775
|
-
}
|
|
22776
23112
|
updateSteps() {
|
|
22777
23113
|
this.stepItems = this.host.querySelectorAll('post-stepper-item');
|
|
22778
23114
|
if (!this.stepItems || this.stepItems.length < 3) {
|
|
@@ -22821,24 +23157,18 @@ class PostStepper {
|
|
|
22821
23157
|
}
|
|
22822
23158
|
}
|
|
22823
23159
|
render() {
|
|
22824
|
-
return (hAsync(Host, { key: '
|
|
23160
|
+
return (hAsync(Host, { key: '54ed38463a97b7141fdd5ce7576547cb709b377a', "data-version": version$1 }, hAsync("ol", { key: '7bed20f941c892da6c00f973bf6cf99780d4cec1' }, hAsync("slot", { key: '36cd434ae62f7e6ffa742ddedbea2f2f5a870825', onSlotchange: () => this.updateSteps() })), hAsync("div", { key: 'b523effd246fb447cf5511d973b9cef463e6d316', class: "active-step", "aria-hidden": "true" }, hAsync("span", { key: '506617bee389d6b6ee2c477e06388ae13d0eef16', class: "active-step-label" }, this.mobileActiveStepLabel), hAsync("span", { key: '0aebdb5c031c30bc732a73a6a38544038a9f48ef', innerHTML: this.mobileActiveStepName }))));
|
|
22825
23161
|
}
|
|
22826
23162
|
get host() { return getElement(this); }
|
|
22827
23163
|
static get watchers() { return {
|
|
22828
|
-
"textCurrentStep": [{
|
|
22829
|
-
"validateTextCurrentStep": 0
|
|
22830
|
-
}],
|
|
22831
|
-
"textCompletedStep": [{
|
|
22832
|
-
"validateTextCompletedStep": 0
|
|
22833
|
-
}],
|
|
22834
|
-
"textStepNumber": [{
|
|
22835
|
-
"validateTextStepNumber": 0
|
|
22836
|
-
}],
|
|
22837
23164
|
"currentIndex": [{
|
|
22838
23165
|
"validateCurrentIndex": 0
|
|
22839
23166
|
}],
|
|
22840
23167
|
"selectedIndex": [{
|
|
22841
23168
|
"validateSelectedIndex": 0
|
|
23169
|
+
}],
|
|
23170
|
+
"textStepNumber": [{
|
|
23171
|
+
"updateActiveStepNumber": 0
|
|
22842
23172
|
}]
|
|
22843
23173
|
}; }
|
|
22844
23174
|
static get style() { return postStepperCss(); }
|
|
@@ -22859,6 +23189,25 @@ class PostStepper {
|
|
|
22859
23189
|
"$attrsToReflect$": [["textCurrentStep", "text-current-step"], ["textCompletedStep", "text-completed-step"], ["textStepNumber", "text-step-number"]]
|
|
22860
23190
|
}; }
|
|
22861
23191
|
}
|
|
23192
|
+
__decorate$5([
|
|
23193
|
+
Required(),
|
|
23194
|
+
Type('string')
|
|
23195
|
+
], PostStepper.prototype, "textCurrentStep", void 0);
|
|
23196
|
+
__decorate$5([
|
|
23197
|
+
Required(),
|
|
23198
|
+
Type('string')
|
|
23199
|
+
], PostStepper.prototype, "textCompletedStep", void 0);
|
|
23200
|
+
__decorate$5([
|
|
23201
|
+
Required(),
|
|
23202
|
+
Pattern(/\{number\}/)
|
|
23203
|
+
], PostStepper.prototype, "textStepNumber", void 0);
|
|
23204
|
+
__decorate$5([
|
|
23205
|
+
Required(),
|
|
23206
|
+
Type('number')
|
|
23207
|
+
], PostStepper.prototype, "currentIndex", void 0);
|
|
23208
|
+
__decorate$5([
|
|
23209
|
+
Type('number')
|
|
23210
|
+
], PostStepper.prototype, "selectedIndex", void 0);
|
|
22862
23211
|
|
|
22863
23212
|
const postStepperItemCss = () => `:host{grid-row:1;position:relative;padding-inline-start:0}:host::before,:host::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - 2px)/2);height:2px;background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);inset-inline:0}:host(:not(:first-of-type)){padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}:host(:not(:first-of-type,:last-of-type))::before{inset-inline-end:50%}:host(:not(:first-of-type,:last-of-type))::after{inset-inline-start:50%}:host(.stepper-item-current:not(:last-of-type))::after,:host(.stepper-item-current:first-of-type)::before,:host(.stepper-item-after-current)::before,:host(.stepper-item-after-current:last-of-type)::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);z-index:1}.stepper-item-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);width:fit-content;word-break:break-word;font-size:var(--post-device-font-size-7)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content{margin-inline:auto;text-align:center}:host(:last-of-type)>.stepper-item-content{margin-inline-start:auto;margin-inline-end:-20px;text-align:end}:host(.stepper-item-completed)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-selected)>.stepper-item-content{font-weight:var(--post-device-font-weight-bold)}:host(.stepper-item-selected)>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular)}:host(.stepper-item-current)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3)}.stepper-item-content::before{counter-increment:step-index;content:counter(step-index);display:flex;align-items:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);box-sizing:border-box;margin-block-end:var(--post-device-spacing-gap-1);color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-disabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::before{margin-inline:auto}:host(:last-of-type)>.stepper-item-content::before{margin-inline-start:auto}:host(.stepper-item-completed)>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2);z-index:1;mask-image:var(--post-icon-checkmark-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3)}:root,:host{--post-icon-checkmark-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrLXNvbGlkIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTcuNDkgMTIuOTktMy42NC0zLjljLS40Ny0uNS0uNDQtMS4zLjA2LTEuNzdzMS4yOS0uNDQgMS43Ny4wNmwxLjQ4IDEuNTggMy4wNS00LjYyYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMTggMTguODgtNS4xNC01LjUxYTEuNSAxLjUgMCAwIDEgLjA3LTIuMTJjLjYtLjU2IDEuNTUtLjUzIDIuMTIuMDdsMi41NCAyLjcyIDQuODQtNy4zM2MuNDYtLjY5IDEuMzktLjg4IDIuMDgtLjQzLjY5LjQ2Ljg4IDEuMzkuNDMgMi4wOGwtNi45NCAxMC41MVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE0Ljg3IDI0LjgxIDguMjMgMTcuN2MtLjY2LS43MS0uNjItMS44MS4wOC0yLjQ3LjcxLS42NiAxLjgxLS42MiAyLjQ3LjA4bDMuNjEgMy44NiA2LjYyLTEwLjA0Yy41My0uODEgMS42Mi0xLjAzIDIuNDItLjUuODEuNTMgMS4wMyAxLjYyLjUgMi40MkwxNC44NiAyNC44WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJtMTguNTYgMzAuNi04LjE0LTguNzFjLS43NS0uODEtLjcxLTIuMDcuMS0yLjgzLjgxLS43NSAyLjA3LS43MSAyLjgzLjFsNC42NyA1IDguNDEtMTIuNzRhMiAyIDAgMCAxIDMuMzQgMi4yeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMjYgMzYuNTctOS42My0xMC4zMmMtLjg1LS45MS0uOC0yLjMzLjExLTMuMThzMi4zMy0uOCAzLjE4LjExbDUuNzQgNi4xNCAxMC4yLTE1LjQ1YTIuMjU0IDIuMjU0IDAgMCAxIDMuMTItLjY0YzEuMDQuNjggMS4zMiAyLjA4LjY0IDMuMTJMMjIuMjcgMzYuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yOS42MSA0Ny45MSAxNy4yIDM0LjYyYTIuNDk3IDIuNDk3IDAgMSAxIDMuNjUtMy40MWw4LjA4IDguNjUgMTMuOTUtMjEuMTNhMi40OTkgMi40OTkgMCAwIDEgNC4xNyAyLjc1TDI5LjYgNDcuOTFaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZWNrbWFyay1zb2xpZCIvPjwvZz48L3N2Zz4=")}:host(:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size7)/2)}:host(:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(.stepper-item-completed)>.stepper-item-content::after{content:""}:host([aria-current=step])>.stepper-item-content::after{mask-image:var(--post-icon-edit-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:root,:host{--post-icon-edit-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktZWRpdC1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xLjUgMTAuOTkgOC41LTguNXMuMDMuMDUuMDUuMDdsMy41IDMuNDUtOC41MiA4LjUxem0tLjkyIDEuMi0uNTYgMy44IDMuODEtLjU2LTMuMjQtMy4yNFptMTUuMjUtOS4zN0wxMy4xOS4xOGEuNjMuNjMgMCAwIDAtLjg4IDBsLTEuMjcgMS4yN3MuMDQuMDIuMDYuMDRsMy41IDMuNDUgMS4yMy0xLjIzYy4yNC0uMjQuMjQtLjY0IDAtLjg4WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44NCAyMy4xNS4wMiAyNGwuODUtNS44MnptMS40MS0xLjA4TDIwLjQ5IDguODNsLTUuMjUtNS4xN3MtLjA0LS4wNy0uMDctLjFMMS45NSAxNi43OGw1LjMgNS4zWm0xNi41LTE3LjgzTDE5Ljc4LjI3YS45MzYuOTM2IDAgMCAwLTEuMzMgMGwtMi4wOSAyLjA5cy4wNi4wMy4wOS4wNmw1LjI2IDUuMTggMi4wMy0yLjAzYy4zNy0uMzcuMzctLjk2IDAtMS4zM1oiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTguMDcgMzAuNzctOC4wNCAxLjIgMS4yMS04LjA3em0xLjUzLTEuMzEgMTcuODMtMTcuODQtNi45OS02Ljg5cy0uMDYtLjA5LS4wOS0uMTRMMi41NiAyMi4zOGw3LjAzIDcuMDdaTTMxLjY2IDUuNjIgMjYuMzcuMzNjLS40OS0uNDktMS4yOC0uNDktMS43NiAwbC0yLjg5IDIuODlzLjA5LjA0LjEyLjA4bDcuMDEgNi45IDIuODItMi44MmMuNDktLjQ5LjQ5LTEuMjggMC0xLjc2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMi40MSAyOC43OSAyNS41MiA1LjcxYy4wNC4wNi4wNi4xMi4xMS4xN2w4Ljc0IDguNkwxMS4yMyAzNy42em0tMS4wMiAyLjE2TC4wNCA0MC4wMWw5LjA0LTEuMzktNy42OS03LjY4Wk0zOS41OCA3LjA3IDMyLjk3LjQ3Yy0uNjEtLjYxLTEuNi0uNjEtMi4yMSAwbC0zLjcgMy43Yy4wNS4wNC4xMS4wNi4xNS4xbDguNzYgOC42MSAzLjYxLTMuNjFjLjYxLS42MS42MS0xLjYgMC0yLjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTIuODMgMzQuNTggMzEuMyA2LjExYy4wNS4wNy4wOC4xNC4xNC4ybDEwLjQ5IDEwLjMzLTI4LjU1IDI4LjU0em0tMS4xOCAyLjM2TDAgNDhsMTAuOTktMS42NnpNNDcuNDYgOC40NyAzOS41My41NGMtLjczLS43My0xLjkyLS43My0yLjY1IDBsLTMuODcgMy44N2MuMDYuMDQuMTMuMDcuMTkuMTJsMTAuNTEgMTAuMzQgMy43NS0zLjc1Yy43My0uNzMuNzMtMS45MiAwLTIuNjUiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE1LjA4IDYxLjcyIDAgNjMuOThsMi4zLTE1LjA0ek00Mi41MiA3Ljg0Yy0uMDgtLjA4LS4xMy0uMTgtLjE5LS4yOEwzLjU5IDQ2LjM0bDE0LjA5IDE0LjA5LTEuMDcgMS4wN2guMDJMNTYuNSAyMS42em0yMC43NiAzLjQ1TDUyLjcxLjcxYy0uOTctLjk3LTIuNTUtLjk3LTMuNTMgMGwtNC45OSA1Yy4wOS4wNS4xOC4xLjI2LjE3bDEzLjk5IDEzLjc4IDQuODQtNC44NGMuOTctLjk3Ljk3LTIuNTUgMC0zLjUzIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWVkaXQtc29saWQiLz48L2c+PC9zdmc+")}:host([aria-current=step]:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:host([aria-current=step]:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size4)/2)}@media screen and (max-width: 779.98px){:host{flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){flex:0 0 32px}:host(:last-of-type)::after{content:unset}.stepper-item-content{margin-inline:0 !important}.label{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host::before,:host::after{background-color:CanvasText !important}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after,:host(.stepper-item-completed)::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}:host(.stepper-item-current) .stepper-item-content::before{background-color:Canvas;color:CanvasText}:host(.stepper-item-completed) .stepper-item-content::before,:host(.stepper-item-inactive) .stepper-item-content::before{border-color:Canvas;background-color:CanvasText}:host(.stepper-item-inactive) .stepper-item-content::before{color:Canvas}.stepper-item-content::after{color:Canvas}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
22864
23213
|
|
|
@@ -22867,7 +23216,7 @@ class PostStepperItem {
|
|
|
22867
23216
|
registerInstance(this, hostRef);
|
|
22868
23217
|
}
|
|
22869
23218
|
render() {
|
|
22870
|
-
return (hAsync(Host, { key: '
|
|
23219
|
+
return (hAsync(Host, { key: '0919891d67f961e1ee2c8a7fb556d232ed34ed94', "data-version": version$1, role: "listitem" }, hAsync("span", { key: '862705599a537267080fbf054e06353c65888bba', class: "stepper-item-content" }, hAsync("span", { key: '96c62cc07fd460402d4e49a36fad70c80eb52f78', class: "step-hidden-label visually-hidden" }), hAsync("span", { key: '6cce8bef3684d50f8dbb72f48b1ca3b0bbcd57ca', class: "label" }, hAsync("slot", { key: '9ec06d2716870180309bbfde83a04953e7abb011' })))));
|
|
22871
23220
|
}
|
|
22872
23221
|
static get style() { return postStepperItemCss(); }
|
|
22873
23222
|
static get cmpMeta() { return {
|
|
@@ -22882,6 +23231,16 @@ class PostStepperItem {
|
|
|
22882
23231
|
|
|
22883
23232
|
const postTabItemCss = () => `.tab-title,.nav-item a{display:inline-block;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0);cursor:pointer}.tab-title:hover,.nav-item a:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title:focus-visible,.nav-item a:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title:focus-visible::after,.nav-item a:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title:hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title:focus-visible,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title,.nav-item a{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title:hover,.tab-title:focus,.tab-title:focus-within,.tab-title:focus-visible,.nav-item a:hover,.nav-item a:focus,.nav-item a:focus-within,.nav-item a:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}}.nav-item{display:inline-block;position:relative;box-sizing:border-box;cursor:default}.nav-item:focus,.nav-item:focus-visible{outline:none;box-shadow:none}.nav-item:focus::after,.nav-item:focus-visible::after{display:none}.nav-item a{color:inherit;text-decoration:none;display:block;width:100%;height:100%;box-sizing:border-box;position:relative;outline:none;cursor:pointer;border-radius:0}.nav-item a:focus{outline:none}.nav-item a:active{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.nav-item a:focus-visible{outline:none !important}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:focus-visible{background-color:rgba(255,255,255,.2)}.tab-title.active,.nav-item.active a{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title.active::before,.nav-item.active a::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title.active,.nav-item.active a{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title.active::before,.nav-item.active a::before{background-color:Highlight}}:host{display:block}.tab-title{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){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}`;
|
|
22884
23233
|
|
|
23234
|
+
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23235
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23236
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23237
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23238
|
+
else
|
|
23239
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23240
|
+
if (d = decorators[i])
|
|
23241
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23242
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23243
|
+
};
|
|
22885
23244
|
/**
|
|
22886
23245
|
* @slot default - Slot for the content of the tab item. Can contain text or an <a> element for navigation mode.
|
|
22887
23246
|
*/
|
|
@@ -22891,9 +23250,6 @@ class PostTabItem {
|
|
|
22891
23250
|
this.mutationObserver = new MutationObserver(this.checkNavigationMode.bind(this));
|
|
22892
23251
|
this.isNavigationMode = false;
|
|
22893
23252
|
}
|
|
22894
|
-
validateName() {
|
|
22895
|
-
checkRequiredAndType(this, 'name', 'string');
|
|
22896
|
-
}
|
|
22897
23253
|
connectedCallback() {
|
|
22898
23254
|
this.mutationObserver.observe(this.host, {
|
|
22899
23255
|
childList: true,
|
|
@@ -22914,14 +23270,9 @@ class PostTabItem {
|
|
|
22914
23270
|
this.isNavigationMode = hasAnchor;
|
|
22915
23271
|
}
|
|
22916
23272
|
render() {
|
|
22917
|
-
return (hAsync(Host, { key: '
|
|
23273
|
+
return (hAsync(Host, { key: 'bd2713959afafd5dafa80c5f59e8249ffbb78b09', 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: '87e22df81eae1ecef48a6ad443b959562d8a816b' })));
|
|
22918
23274
|
}
|
|
22919
23275
|
get host() { return getElement(this); }
|
|
22920
|
-
static get watchers() { return {
|
|
22921
|
-
"name": [{
|
|
22922
|
-
"validateName": 0
|
|
22923
|
-
}]
|
|
22924
|
-
}; }
|
|
22925
23276
|
static get style() { return postTabItemCss(); }
|
|
22926
23277
|
static get cmpMeta() { return {
|
|
22927
23278
|
"$flags$": 265,
|
|
@@ -22936,9 +23287,23 @@ class PostTabItem {
|
|
|
22936
23287
|
"$attrsToReflect$": [["name", "name"]]
|
|
22937
23288
|
}; }
|
|
22938
23289
|
}
|
|
23290
|
+
__decorate$4([
|
|
23291
|
+
Required(),
|
|
23292
|
+
Type('string')
|
|
23293
|
+
], PostTabItem.prototype, "name", void 0);
|
|
22939
23294
|
|
|
22940
23295
|
const postTabPanelCss = () => `:host{display:none}`;
|
|
22941
23296
|
|
|
23297
|
+
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23298
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23299
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23300
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23301
|
+
else
|
|
23302
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23303
|
+
if (d = decorators[i])
|
|
23304
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23305
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23306
|
+
};
|
|
22942
23307
|
/**
|
|
22943
23308
|
* @slot default - Slot for placing the content of the tab panel.
|
|
22944
23309
|
*/
|
|
@@ -22946,23 +23311,14 @@ class PostTabPanel {
|
|
|
22946
23311
|
constructor(hostRef) {
|
|
22947
23312
|
registerInstance(this, hostRef);
|
|
22948
23313
|
}
|
|
22949
|
-
validateFor() {
|
|
22950
|
-
checkRequiredAndType(this, 'for', 'string');
|
|
22951
|
-
}
|
|
22952
23314
|
componentWillLoad() {
|
|
22953
|
-
this.validateFor();
|
|
22954
23315
|
// get the id set on the host element or use a random id by default
|
|
22955
23316
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
22956
23317
|
}
|
|
22957
23318
|
render() {
|
|
22958
|
-
return (hAsync(Host, { key: '
|
|
23319
|
+
return (hAsync(Host, { key: 'a67cc32e99a26cafcdb39968252012d8b67810b1', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: '2435e43fcecac9a863e4ba2fc215efa7b03c7c18' })));
|
|
22959
23320
|
}
|
|
22960
23321
|
get host() { return getElement(this); }
|
|
22961
|
-
static get watchers() { return {
|
|
22962
|
-
"for": [{
|
|
22963
|
-
"validateFor": 0
|
|
22964
|
-
}]
|
|
22965
|
-
}; }
|
|
22966
23322
|
static get style() { return postTabPanelCss(); }
|
|
22967
23323
|
static get cmpMeta() { return {
|
|
22968
23324
|
"$flags$": 265,
|
|
@@ -22976,9 +23332,23 @@ class PostTabPanel {
|
|
|
22976
23332
|
"$attrsToReflect$": [["for", "for"]]
|
|
22977
23333
|
}; }
|
|
22978
23334
|
}
|
|
23335
|
+
__decorate$3([
|
|
23336
|
+
Required(),
|
|
23337
|
+
Type('string')
|
|
23338
|
+
], PostTabPanel.prototype, "for", void 0);
|
|
22979
23339
|
|
|
22980
23340
|
const postTabsCss = () => `.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,0,.02)}.tabs-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}:host{display:block}:host([full-width=true]) .tabs-wrapper{margin-inline:calc(-1*var(--post-container-offset))}:host([full-width=true]) .tabs-wrapper .tabs{padding-inline:var(--post-container-offset)}`;
|
|
22981
23341
|
|
|
23342
|
+
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23343
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23344
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23345
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23346
|
+
else
|
|
23347
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23348
|
+
if (d = decorators[i])
|
|
23349
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23350
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23351
|
+
};
|
|
22982
23352
|
/**
|
|
22983
23353
|
* @slot default - Slot for placing tab items. Each tab item should be a <post-tab-item> element.
|
|
22984
23354
|
* @slot panels - Slot for placing tab panels. Each tab panel should be a <post-tab-panel> element.
|
|
@@ -23005,8 +23375,8 @@ class PostTabs {
|
|
|
23005
23375
|
return Array.from(this.host.querySelectorAll('post-tab-panel')).filter(panel => panel.closest('post-tabs') === this.host);
|
|
23006
23376
|
}
|
|
23007
23377
|
validateLabel() {
|
|
23008
|
-
if (this.isNavigationMode) {
|
|
23009
|
-
|
|
23378
|
+
if (this.isNavigationMode && !this.label) {
|
|
23379
|
+
console.error(`[${this.host.localName}] Property "label" is required in navigation mode. Received: ${JSON.stringify(this.label)}.`, this.host);
|
|
23010
23380
|
}
|
|
23011
23381
|
}
|
|
23012
23382
|
componentWillRender() {
|
|
@@ -23270,10 +23640,10 @@ class PostTabs {
|
|
|
23270
23640
|
}
|
|
23271
23641
|
render() {
|
|
23272
23642
|
const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
|
|
23273
|
-
return (hAsync(Host, { key: '
|
|
23643
|
+
return (hAsync(Host, { key: '3b674ed455e34a7efc1c1ffed14ac719a7ecb061', "data-version": version$1 }, hAsync("div", { key: '749f4695adc7c3125bfb678606249c48a4d7ea31', class: "tabs-wrapper", part: "post-tabs" }, hAsync(TabsContainer, { key: 'c06c83dbcbdf9f3fd38f01db7beae181748b369d', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, hAsync("slot", { key: 'b065d0200fb2d4b6a63e23141d3e625a4147a93d', onSlotchange: () => {
|
|
23274
23644
|
this.moveMisplacedTabs();
|
|
23275
23645
|
this.enableTabs();
|
|
23276
|
-
} }))), !this.isNavigationMode && (hAsync("div", { key: '
|
|
23646
|
+
} }))), !this.isNavigationMode && (hAsync("div", { key: '8dc41274f8c9da24b2d65eebf213ea35c41368d0', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: 'e859256ebcb60fc0457349ca991508406b3bc309', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
23277
23647
|
}
|
|
23278
23648
|
get host() { return getElement(this); }
|
|
23279
23649
|
static get watchers() { return {
|
|
@@ -23297,6 +23667,9 @@ class PostTabs {
|
|
|
23297
23667
|
"$attrsToReflect$": [["fullWidth", "full-width"], ["label", "label"]]
|
|
23298
23668
|
}; }
|
|
23299
23669
|
}
|
|
23670
|
+
__decorate$2([
|
|
23671
|
+
Type('string')
|
|
23672
|
+
], PostTabs.prototype, "label", void 0);
|
|
23300
23673
|
|
|
23301
23674
|
const postTogglebuttonCss = () => `:host{cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}`;
|
|
23302
23675
|
|
|
@@ -23325,10 +23698,12 @@ class PostTogglebutton {
|
|
|
23325
23698
|
// add event listener in capture phase so the toggle state is updated
|
|
23326
23699
|
// before any parent bubble listeners react to the click.
|
|
23327
23700
|
this.host.addEventListener('click', () => this.handleClick(), { capture: true });
|
|
23328
|
-
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), {
|
|
23701
|
+
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), {
|
|
23702
|
+
capture: true,
|
|
23703
|
+
});
|
|
23329
23704
|
}
|
|
23330
23705
|
render() {
|
|
23331
|
-
return (hAsync(Host, { key: '
|
|
23706
|
+
return (hAsync(Host, { key: '6659870a07cf41d8808660906165797572f6a24d', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '08e6e5b43eeff5239eb40ec8ee960076058dede1' })));
|
|
23332
23707
|
}
|
|
23333
23708
|
get host() { return getElement(this); }
|
|
23334
23709
|
static get style() { return postTogglebuttonCss(); }
|
|
@@ -23346,6 +23721,16 @@ class PostTogglebutton {
|
|
|
23346
23721
|
|
|
23347
23722
|
const postTooltipCss = () => `:host{display:none}:host([open]){display:contents}post-popovercontainer[arrow]::after{position:absolute;content:"";inset:-13px;z-index:-1}post-popovercontainer{--post-current-bg:var(--post-scheme-color-surface-accent-bg);--post-current-fg:var(--post-scheme-color-surface-accent-fg);--post-popovercontainer-arrow-border-width:var(--post-device-border-width-alternative1);--post-popovercontainer-arrow-border-color:var(--post-scheme-color-surface-accent-fg)}post-popovercontainer::part(post-popovercontainer-border-mask){display:block;box-shadow:inset 0 0 0 var(--post-device-spacing-padding-14) var(--post-scheme-color-surface-accent-bg)}post-popovercontainer::part(post-popovercontainer-content){border:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-surface-accent-fg);border-radius:var(--post-device-border-radius-1);padding:var(--post-device-spacing-padding-14) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-9);max-width:var(--post-tooltip-max-width, 280px);width:inherit;word-wrap:break-word;white-space:normal}`;
|
|
23348
23723
|
|
|
23724
|
+
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23725
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23726
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23727
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23728
|
+
else
|
|
23729
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23730
|
+
if (d = decorators[i])
|
|
23731
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23732
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23733
|
+
};
|
|
23349
23734
|
class PostTooltip {
|
|
23350
23735
|
constructor(hostRef) {
|
|
23351
23736
|
registerInstance(this, hostRef);
|
|
@@ -23364,12 +23749,6 @@ class PostTooltip {
|
|
|
23364
23749
|
*/
|
|
23365
23750
|
this.open = false;
|
|
23366
23751
|
}
|
|
23367
|
-
validatePlacement() {
|
|
23368
|
-
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
23369
|
-
}
|
|
23370
|
-
componentWillLoad() {
|
|
23371
|
-
this.validatePlacement();
|
|
23372
|
-
}
|
|
23373
23752
|
componentDidLoad() {
|
|
23374
23753
|
if (!this.host.id) {
|
|
23375
23754
|
console.error(
|
|
@@ -23409,14 +23788,9 @@ class PostTooltip {
|
|
|
23409
23788
|
}
|
|
23410
23789
|
render() {
|
|
23411
23790
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
23412
|
-
return (hAsync(Host, { key: '
|
|
23791
|
+
return (hAsync(Host, { key: '8186d5446993e1c21c107a496239e56af2493e87', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '6f916cddf8f3b577b7920b02c001905b782b6ff7', 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: '0443322d0ef00792b14e69fd55abaf42f64c0838' }))));
|
|
23413
23792
|
}
|
|
23414
23793
|
get host() { return getElement(this); }
|
|
23415
|
-
static get watchers() { return {
|
|
23416
|
-
"placement": [{
|
|
23417
|
-
"validatePlacement": 0
|
|
23418
|
-
}]
|
|
23419
|
-
}; }
|
|
23420
23794
|
static get style() { return postTooltipCss(); }
|
|
23421
23795
|
static get cmpMeta() { return {
|
|
23422
23796
|
"$flags$": 265,
|
|
@@ -23434,9 +23808,22 @@ class PostTooltip {
|
|
|
23434
23808
|
"$attrsToReflect$": [["open", "open"]]
|
|
23435
23809
|
}; }
|
|
23436
23810
|
}
|
|
23811
|
+
__decorate$1([
|
|
23812
|
+
OneOf(PLACEMENT_TYPES)
|
|
23813
|
+
], PostTooltip.prototype, "placement", void 0);
|
|
23437
23814
|
|
|
23438
23815
|
const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
|
|
23439
23816
|
|
|
23817
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23818
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23819
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23820
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23821
|
+
else
|
|
23822
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23823
|
+
if (d = decorators[i])
|
|
23824
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23825
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23826
|
+
};
|
|
23440
23827
|
const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
|
|
23441
23828
|
/**
|
|
23442
23829
|
* @slot default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically.
|
|
@@ -23459,9 +23846,6 @@ class PostTooltipTrigger {
|
|
|
23459
23846
|
this.boundTriggerHandler = this.handleTriggerEvent.bind(this);
|
|
23460
23847
|
this.boundTooltipHandler = this.handleTooltipEvent.bind(this);
|
|
23461
23848
|
}
|
|
23462
|
-
validateControlFor() {
|
|
23463
|
-
checkEmptyOrType(this, 'for', 'string');
|
|
23464
|
-
}
|
|
23465
23849
|
get tooltip() {
|
|
23466
23850
|
return null;
|
|
23467
23851
|
}
|
|
@@ -23599,14 +23983,9 @@ class PostTooltipTrigger {
|
|
|
23599
23983
|
this.tooltip?.hide();
|
|
23600
23984
|
}
|
|
23601
23985
|
render() {
|
|
23602
|
-
return (hAsync(Host, { key: '
|
|
23986
|
+
return (hAsync(Host, { key: 'a1f51fabc4417e30a2b3454f9faf239a3a1f8071', "data-version": version$1 }, hAsync("slot", { key: '0ee1caede699ad7bc0c529f6fd1dd85c63107136', onSlotchange: () => this.handleSlotChange() })));
|
|
23603
23987
|
}
|
|
23604
23988
|
get host() { return getElement(this); }
|
|
23605
|
-
static get watchers() { return {
|
|
23606
|
-
"for": [{
|
|
23607
|
-
"validateControlFor": 0
|
|
23608
|
-
}]
|
|
23609
|
-
}; }
|
|
23610
23989
|
static get style() { return postTooltipTriggerCss(); }
|
|
23611
23990
|
static get cmpMeta() { return {
|
|
23612
23991
|
"$flags$": 265,
|
|
@@ -23620,6 +23999,10 @@ class PostTooltipTrigger {
|
|
|
23620
23999
|
"$attrsToReflect$": [["for", "for"]]
|
|
23621
24000
|
}; }
|
|
23622
24001
|
}
|
|
24002
|
+
__decorate([
|
|
24003
|
+
Required(),
|
|
24004
|
+
Type('string')
|
|
24005
|
+
], PostTooltipTrigger.prototype, "for", void 0);
|
|
23623
24006
|
|
|
23624
24007
|
registerComponents([
|
|
23625
24008
|
PostAccordion,
|
|
@@ -23655,6 +24038,7 @@ registerComponents([
|
|
|
23655
24038
|
PostPopover,
|
|
23656
24039
|
PostPopoverTrigger,
|
|
23657
24040
|
PostPopovercontainer,
|
|
24041
|
+
PostProgressbar,
|
|
23658
24042
|
PostRating,
|
|
23659
24043
|
PostStepper,
|
|
23660
24044
|
PostStepperItem,
|