@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.mjs
CHANGED
|
@@ -5371,8 +5371,6 @@ var setScopedSSR = (opts) => {
|
|
|
5371
5371
|
var needsScopedSSR = () => scopedSSR;
|
|
5372
5372
|
var scopedSSR = false;
|
|
5373
5373
|
|
|
5374
|
-
const version$1 = "10.0.0-next.71";
|
|
5375
|
-
|
|
5376
5374
|
const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
|
|
5377
5375
|
|
|
5378
5376
|
const PLACEMENT_TYPES = [
|
|
@@ -5400,97 +5398,315 @@ const ANIMATION_KEYS = [
|
|
|
5400
5398
|
];
|
|
5401
5399
|
|
|
5402
5400
|
const EMPTY_VALUES = [undefined, null, '', Number.NaN];
|
|
5403
|
-
|
|
5404
5401
|
function isValueEmpty(value) {
|
|
5405
5402
|
return EMPTY_VALUES.some(v => Object.is(v, value));
|
|
5406
5403
|
}
|
|
5407
5404
|
|
|
5408
|
-
|
|
5409
|
-
|
|
5410
|
-
|
|
5411
|
-
|
|
5412
|
-
|
|
5413
|
-
|
|
5414
|
-
|
|
5415
|
-
|
|
5416
|
-
|
|
5417
|
-
|
|
5418
|
-
|
|
5419
|
-
|
|
5420
|
-
|
|
5421
|
-
|
|
5422
|
-
|
|
5423
|
-
|
|
5424
|
-
|
|
5425
|
-
|
|
5426
|
-
|
|
5427
|
-
|
|
5405
|
+
/** Tracks prototypes whose `componentDidLoad` lifecycle has already been wrapped. */
|
|
5406
|
+
const patchedTargets = new WeakSet();
|
|
5407
|
+
/** Tracks component instances that already completed the first load cycle. */
|
|
5408
|
+
const loadedInstances = new WeakSet();
|
|
5409
|
+
/** Stores validators per component prototype and property name. */
|
|
5410
|
+
const validatorsByTarget = new WeakMap();
|
|
5411
|
+
/** Stores all properties that use a validator decorator for each component prototype. */
|
|
5412
|
+
const decoratedPropertiesByTarget = new WeakMap();
|
|
5413
|
+
/** Stores per-instance property values captured by dynamically created accessors. */
|
|
5414
|
+
const propertyValuesByInstance = new WeakMap();
|
|
5415
|
+
/** Stores dependency relationships per prototype: dependencyProp -> Set<dependentProp>. */
|
|
5416
|
+
const dependenciesByTarget = new WeakMap();
|
|
5417
|
+
/**
|
|
5418
|
+
* Returns the value for a key in a {@link WeakMap} and lazily creates it when missing.
|
|
5419
|
+
*
|
|
5420
|
+
* @template K WeakMap key type.
|
|
5421
|
+
* @template T WeakMap value type.
|
|
5422
|
+
* @param map WeakMap used as storage.
|
|
5423
|
+
* @param key Object key used to retrieve or initialize the value.
|
|
5424
|
+
* @param factory Factory creating the value when no entry exists for the key.
|
|
5425
|
+
* @returns Existing or newly created value associated with the key.
|
|
5426
|
+
*/
|
|
5427
|
+
function getOrCreate(map, key, factory) {
|
|
5428
|
+
let value = map.get(key);
|
|
5429
|
+
if (!value) {
|
|
5430
|
+
value = factory();
|
|
5431
|
+
map.set(key, value);
|
|
5428
5432
|
}
|
|
5433
|
+
return value;
|
|
5429
5434
|
}
|
|
5430
|
-
|
|
5431
|
-
|
|
5432
|
-
|
|
5433
|
-
|
|
5434
|
-
|
|
5435
|
-
|
|
5436
|
-
|
|
5437
|
-
|
|
5435
|
+
/**
|
|
5436
|
+
* Returns the mutable validator list registered for a property on a component prototype.
|
|
5437
|
+
*
|
|
5438
|
+
* @param target Component prototype where decorators were applied.
|
|
5439
|
+
* @param property Decorated property name.
|
|
5440
|
+
* @returns Validator list for the property.
|
|
5441
|
+
*/
|
|
5442
|
+
function getValidators(target, property) {
|
|
5443
|
+
const validatorsByProperty = getOrCreate(validatorsByTarget, target, () => new Map());
|
|
5444
|
+
return getOrCreate(validatorsByProperty, property, () => []);
|
|
5438
5445
|
}
|
|
5439
|
-
|
|
5440
|
-
|
|
5441
|
-
|
|
5442
|
-
|
|
5443
|
-
|
|
5444
|
-
|
|
5445
|
-
|
|
5446
|
-
|
|
5447
|
-
if (valueIsArray !== typeIsArray) {
|
|
5448
|
-
console.error(message);
|
|
5449
|
-
}
|
|
5450
|
-
}
|
|
5451
|
-
else if (typeof value !== type) {
|
|
5452
|
-
console.error(message);
|
|
5453
|
-
}
|
|
5446
|
+
/**
|
|
5447
|
+
* Returns all property names decorated with validator decorators for a prototype.
|
|
5448
|
+
*
|
|
5449
|
+
* @param target Component prototype where decorators were applied.
|
|
5450
|
+
* @returns Set of decorated property names.
|
|
5451
|
+
*/
|
|
5452
|
+
function getDecoratedProperties(target) {
|
|
5453
|
+
return getOrCreate(decoratedPropertiesByTarget, target, () => new Set());
|
|
5454
5454
|
}
|
|
5455
|
-
|
|
5456
|
-
|
|
5457
|
-
|
|
5458
|
-
|
|
5459
|
-
|
|
5460
|
-
|
|
5461
|
-
|
|
5455
|
+
/**
|
|
5456
|
+
* Returns the map containing tracked property values for a component instance.
|
|
5457
|
+
*
|
|
5458
|
+
* @param instance Component instance.
|
|
5459
|
+
* @returns Map keyed by property name with last assigned values.
|
|
5460
|
+
*/
|
|
5461
|
+
function getValuesByProperty(instance) {
|
|
5462
|
+
return getOrCreate(propertyValuesByInstance, instance, () => new Map());
|
|
5463
|
+
}
|
|
5464
|
+
/**
|
|
5465
|
+
* Registers that `dependentProp` should be re-validated when `dependencyProp` changes.
|
|
5466
|
+
* Ensures the dependency property has an accessor so its setter can trigger dependents.
|
|
5467
|
+
*/
|
|
5468
|
+
function registerDependency(target, dependencyProp, dependentProp) {
|
|
5469
|
+
// Ensure dependency has an accessor so its setter can run dependent validators
|
|
5470
|
+
createPropertyAccessor(target, dependencyProp);
|
|
5471
|
+
const depsByProp = getOrCreate(dependenciesByTarget, target, () => new Map());
|
|
5472
|
+
const dependents = getOrCreate(depsByProp, dependencyProp, () => new Set());
|
|
5473
|
+
dependents.add(dependentProp);
|
|
5474
|
+
}
|
|
5475
|
+
/**
|
|
5476
|
+
* Defines an accessor for a decorated property that stores values per instance and
|
|
5477
|
+
* triggers validation after the component first loads.
|
|
5478
|
+
*
|
|
5479
|
+
* Accessor creation is skipped when a getter already exists to avoid overriding
|
|
5480
|
+
* component-defined accessors.
|
|
5481
|
+
*
|
|
5482
|
+
* @param target Component prototype receiving the accessor.
|
|
5483
|
+
* @param property Decorated property name.
|
|
5484
|
+
*/
|
|
5485
|
+
function createPropertyAccessor(target, property) {
|
|
5486
|
+
const descriptor = Object.getOwnPropertyDescriptor(target, property);
|
|
5487
|
+
if (descriptor && descriptor.get)
|
|
5462
5488
|
return;
|
|
5463
|
-
|
|
5464
|
-
|
|
5465
|
-
|
|
5466
|
-
|
|
5467
|
-
|
|
5468
|
-
|
|
5469
|
-
|
|
5489
|
+
Object.defineProperty(target, property, {
|
|
5490
|
+
get() {
|
|
5491
|
+
return getValuesByProperty(this).get(property);
|
|
5492
|
+
},
|
|
5493
|
+
set(newValue) {
|
|
5494
|
+
getValuesByProperty(this).set(property, newValue);
|
|
5495
|
+
if (loadedInstances.has(this)) {
|
|
5496
|
+
runValidators(this, property);
|
|
5497
|
+
// Run validators for any properties that depend on this property.
|
|
5498
|
+
const proto = Object.getPrototypeOf(this);
|
|
5499
|
+
const depsByProp = dependenciesByTarget.get(proto);
|
|
5500
|
+
if (depsByProp) {
|
|
5501
|
+
const dependents = depsByProp.get(property);
|
|
5502
|
+
if (dependents) {
|
|
5503
|
+
for (const dependent of dependents) {
|
|
5504
|
+
runValidators(this, dependent);
|
|
5505
|
+
}
|
|
5506
|
+
}
|
|
5507
|
+
}
|
|
5508
|
+
}
|
|
5509
|
+
},
|
|
5510
|
+
enumerable: true,
|
|
5511
|
+
configurable: true,
|
|
5512
|
+
});
|
|
5470
5513
|
}
|
|
5471
|
-
|
|
5472
|
-
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5476
|
-
|
|
5477
|
-
|
|
5514
|
+
/**
|
|
5515
|
+
* Wraps `componentDidLoad` once per prototype to execute validators on initial render.
|
|
5516
|
+
*
|
|
5517
|
+
* Existing `componentDidLoad` behavior is preserved and called after validation.
|
|
5518
|
+
*
|
|
5519
|
+
* @param target Component prototype to patch.
|
|
5520
|
+
*/
|
|
5521
|
+
function patchComponentDidLoad(target) {
|
|
5522
|
+
if (patchedTargets.has(target))
|
|
5478
5523
|
return;
|
|
5524
|
+
patchedTargets.add(target);
|
|
5525
|
+
const original = 'componentDidLoad' in target && typeof target.componentDidLoad === 'function'
|
|
5526
|
+
? target.componentDidLoad
|
|
5527
|
+
: undefined;
|
|
5528
|
+
Object.defineProperty(target, 'componentDidLoad', {
|
|
5529
|
+
writable: true,
|
|
5530
|
+
configurable: true,
|
|
5531
|
+
value: function (...args) {
|
|
5532
|
+
loadedInstances.add(this);
|
|
5533
|
+
const decoratedProperties = getDecoratedProperties(Object.getPrototypeOf(this));
|
|
5534
|
+
for (const property of decoratedProperties) {
|
|
5535
|
+
runValidators(this, property);
|
|
5536
|
+
}
|
|
5537
|
+
if (original) {
|
|
5538
|
+
return original.apply(this, args);
|
|
5539
|
+
}
|
|
5540
|
+
},
|
|
5541
|
+
});
|
|
5542
|
+
}
|
|
5543
|
+
/**
|
|
5544
|
+
* Executes all validators for a property in ascending priority order.
|
|
5545
|
+
*
|
|
5546
|
+
* Validation is skipped for empty values unless a validator explicitly opts in via
|
|
5547
|
+
* `validateEmptyValues`. Execution stops when a blocking validator fails.
|
|
5548
|
+
*
|
|
5549
|
+
* @param component Component instance.
|
|
5550
|
+
* @param property Property name to validate.
|
|
5551
|
+
*/
|
|
5552
|
+
function runValidators(component, property) {
|
|
5553
|
+
const prototype = Object.getPrototypeOf(component);
|
|
5554
|
+
const validatorsByProperty = validatorsByTarget.get(prototype);
|
|
5555
|
+
if (!validatorsByProperty)
|
|
5556
|
+
return;
|
|
5557
|
+
const validators = validatorsByProperty.get(property);
|
|
5558
|
+
if (!validators || validators.length === 0)
|
|
5559
|
+
return;
|
|
5560
|
+
const sortedValidators = [...validators].sort((a, b) => a.priority - b.priority);
|
|
5561
|
+
const value = component[property];
|
|
5562
|
+
const valueIsEmpty = isValueEmpty(value);
|
|
5563
|
+
for (const validator of sortedValidators) {
|
|
5564
|
+
if (valueIsEmpty && !validator.validateEmptyValues) {
|
|
5565
|
+
continue;
|
|
5566
|
+
}
|
|
5567
|
+
const passed = validator.run(component, property);
|
|
5568
|
+
if (!passed && validator.blocking)
|
|
5569
|
+
break;
|
|
5479
5570
|
}
|
|
5480
|
-
|
|
5481
|
-
|
|
5482
|
-
|
|
5483
|
-
|
|
5571
|
+
}
|
|
5572
|
+
/**
|
|
5573
|
+
* Creates a property decorator that registers a validator for a component property.
|
|
5574
|
+
*
|
|
5575
|
+
* The returned decorator ensures property access is intercepted, initial-load
|
|
5576
|
+
* validation is enabled, and the provided validator is stored for execution.
|
|
5577
|
+
*
|
|
5578
|
+
* @param validator Validator definition to register.
|
|
5579
|
+
* @returns Property decorator compatible with TypeScript decorator syntax.
|
|
5580
|
+
*/
|
|
5581
|
+
function createValidatorDecorator(validator) {
|
|
5582
|
+
return function (target, property) {
|
|
5583
|
+
createPropertyAccessor(target, property);
|
|
5584
|
+
patchComponentDidLoad(target);
|
|
5585
|
+
getDecoratedProperties(target).add(property);
|
|
5586
|
+
getValidators(target, property).push(validator);
|
|
5587
|
+
};
|
|
5588
|
+
}
|
|
5589
|
+
/**
|
|
5590
|
+
* Builds a validation context for a decorated component property.
|
|
5591
|
+
*
|
|
5592
|
+
* The returned context includes:
|
|
5593
|
+
* - `value`: current property value.
|
|
5594
|
+
* - `showError(constraint)`: helper that logs a consistent error format and includes
|
|
5595
|
+
* the host element for easier debugging in browser consoles.
|
|
5596
|
+
*
|
|
5597
|
+
* Message format: `[componentName] Property "property" <constraint>. Received: <value>.`
|
|
5598
|
+
*
|
|
5599
|
+
* @param component Component instance containing the validated property.
|
|
5600
|
+
* @param property Property name being validated.
|
|
5601
|
+
* @returns Validation context used by individual validator implementations.
|
|
5602
|
+
*/
|
|
5603
|
+
function getValidationContext(component, property) {
|
|
5604
|
+
const host = getElement(component);
|
|
5605
|
+
const componentName = host.localName;
|
|
5606
|
+
const value = component[property];
|
|
5607
|
+
return {
|
|
5608
|
+
value,
|
|
5609
|
+
showError(constraint) {
|
|
5610
|
+
console.error(`[${componentName}] Property "${String(property)}" ${constraint}. Received: ${JSON.stringify(value)}.`, host);
|
|
5611
|
+
},
|
|
5612
|
+
};
|
|
5484
5613
|
}
|
|
5485
5614
|
|
|
5486
|
-
function
|
|
5487
|
-
|
|
5488
|
-
|
|
5489
|
-
|
|
5490
|
-
|
|
5615
|
+
function resolveBound(component, bound) {
|
|
5616
|
+
const resolvedValue = typeof bound === 'string' ? component[bound] : bound;
|
|
5617
|
+
return typeof resolvedValue === 'number' ? resolvedValue : null;
|
|
5618
|
+
}
|
|
5619
|
+
function createBoundValidatorDecorator(bound, options, config) {
|
|
5620
|
+
const decorator = createValidatorDecorator({
|
|
5621
|
+
priority: 1,
|
|
5622
|
+
blocking: false,
|
|
5623
|
+
run(component, property) {
|
|
5624
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5625
|
+
if (typeof value !== 'number') {
|
|
5626
|
+
return true;
|
|
5627
|
+
}
|
|
5628
|
+
const resolvedBound = resolveBound(component, bound);
|
|
5629
|
+
if (resolvedBound === null) {
|
|
5630
|
+
if (typeof bound === 'string') {
|
|
5631
|
+
const boundVal = component[bound];
|
|
5632
|
+
const boundType = typeof boundVal;
|
|
5633
|
+
if (boundType !== 'number') {
|
|
5634
|
+
showError(`references property "${bound}" which must be a number but got ${boundType}`);
|
|
5635
|
+
return false;
|
|
5636
|
+
}
|
|
5637
|
+
}
|
|
5638
|
+
return true;
|
|
5639
|
+
}
|
|
5640
|
+
const include = options.include ?? config.includeDefault;
|
|
5641
|
+
if (!config.compare(value, resolvedBound, include)) {
|
|
5642
|
+
const displayBound = typeof bound === 'string' ? String(resolvedBound) : String(bound);
|
|
5643
|
+
const expectation = config.formatExpectation(displayBound, include);
|
|
5644
|
+
showError(`must be ${expectation}`);
|
|
5645
|
+
return false;
|
|
5646
|
+
}
|
|
5647
|
+
return true;
|
|
5648
|
+
},
|
|
5649
|
+
});
|
|
5650
|
+
return function (target, property) {
|
|
5651
|
+
if (typeof bound === 'string') {
|
|
5652
|
+
registerDependency(target, bound, property);
|
|
5491
5653
|
}
|
|
5654
|
+
decorator(target, property);
|
|
5492
5655
|
};
|
|
5493
5656
|
}
|
|
5657
|
+
/**
|
|
5658
|
+
* Property decorator that validates the property value is greater than the specified minimum.
|
|
5659
|
+
*
|
|
5660
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5661
|
+
*
|
|
5662
|
+
* @typeParam T - Component type used to constrain property-name bounds.
|
|
5663
|
+
* @param minimum - The minimum allowed value (exclusive by default) or property name to read it from.
|
|
5664
|
+
* @param options - Configuration object with `includeMin` flag (default: false for exclusive behavior).
|
|
5665
|
+
*/
|
|
5666
|
+
function GreaterThan(minimum, options = {}) {
|
|
5667
|
+
return createBoundValidatorDecorator(minimum, { include: options.includeMin }, {
|
|
5668
|
+
includeDefault: false,
|
|
5669
|
+
compare: (value, bound, include) => (include ? value >= bound : value > bound),
|
|
5670
|
+
formatExpectation: (display, include) => include ? `greater than or equal to "${display}"` : `greater than "${display}"`,
|
|
5671
|
+
});
|
|
5672
|
+
}
|
|
5673
|
+
/**
|
|
5674
|
+
* Property decorator that validates the property value is less than the specified maximum.
|
|
5675
|
+
*
|
|
5676
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5677
|
+
*
|
|
5678
|
+
* @typeParam T - Component type used to constrain property-name bounds.
|
|
5679
|
+
* @param maximum - The maximum allowed value (inclusive by default) or property name to read it from.
|
|
5680
|
+
* @param options - Configuration object with `includeMax` flag (default: true for inclusive behavior).
|
|
5681
|
+
*/
|
|
5682
|
+
function LessThan(maximum, options = {}) {
|
|
5683
|
+
return createBoundValidatorDecorator(maximum, { include: options.includeMax }, {
|
|
5684
|
+
includeDefault: true,
|
|
5685
|
+
compare: (value, bound, include) => (include ? value <= bound : value < bound),
|
|
5686
|
+
formatExpectation: (display, include) => include ? `less than or equal to "${display}"` : `less than "${display}"`,
|
|
5687
|
+
});
|
|
5688
|
+
}
|
|
5689
|
+
|
|
5690
|
+
/**
|
|
5691
|
+
* Property decorator that validates the property value is a valid date string.
|
|
5692
|
+
*
|
|
5693
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5694
|
+
*/
|
|
5695
|
+
function DateValue() {
|
|
5696
|
+
return createValidatorDecorator({
|
|
5697
|
+
priority: 1,
|
|
5698
|
+
blocking: false,
|
|
5699
|
+
run(component, property) {
|
|
5700
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5701
|
+
const isValid = typeof value === 'string' && !Number.isNaN(new Date(value).getTime());
|
|
5702
|
+
if (!isValid) {
|
|
5703
|
+
showError('must be a valid date string');
|
|
5704
|
+
return false;
|
|
5705
|
+
}
|
|
5706
|
+
return true;
|
|
5707
|
+
},
|
|
5708
|
+
});
|
|
5709
|
+
}
|
|
5494
5710
|
|
|
5495
5711
|
function isIsoDate(value) {
|
|
5496
5712
|
const ISO_REGEX = /^\d{1,4}-\d{2}-\d{2}$/;
|
|
@@ -5508,24 +5724,162 @@ function isIsoDate(value) {
|
|
|
5508
5724
|
return `${y}-${m}-${d}` === value;
|
|
5509
5725
|
}
|
|
5510
5726
|
|
|
5511
|
-
|
|
5512
|
-
|
|
5513
|
-
|
|
5514
|
-
|
|
5515
|
-
|
|
5516
|
-
|
|
5517
|
-
|
|
5727
|
+
/**
|
|
5728
|
+
* Property decorator that validates the property value is a date in ISO 8601 format (YYYY-MM-DD).
|
|
5729
|
+
*
|
|
5730
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5731
|
+
*/
|
|
5732
|
+
function IsoDate() {
|
|
5733
|
+
return createValidatorDecorator({
|
|
5734
|
+
priority: 1,
|
|
5735
|
+
blocking: false,
|
|
5736
|
+
run(component, property) {
|
|
5737
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5738
|
+
if (!isIsoDate(String(value))) {
|
|
5739
|
+
showError('must be in ISO format (YYYY-MM-DD)');
|
|
5740
|
+
return false;
|
|
5741
|
+
}
|
|
5742
|
+
return true;
|
|
5743
|
+
},
|
|
5744
|
+
});
|
|
5745
|
+
}
|
|
5746
|
+
|
|
5747
|
+
/**
|
|
5748
|
+
* Property decorator that validates the property value is one of the allowed values.
|
|
5749
|
+
*
|
|
5750
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5751
|
+
*
|
|
5752
|
+
* @param possibleValues - The array of allowed values for the property.
|
|
5753
|
+
*/
|
|
5754
|
+
function OneOf(possibleValues) {
|
|
5755
|
+
return createValidatorDecorator({
|
|
5756
|
+
priority: 1,
|
|
5757
|
+
blocking: false,
|
|
5758
|
+
run(component, property) {
|
|
5759
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5760
|
+
if (!possibleValues.includes(value)) {
|
|
5761
|
+
showError(`must be one of [${possibleValues.join(', ')}]`);
|
|
5762
|
+
return false;
|
|
5763
|
+
}
|
|
5764
|
+
return true;
|
|
5765
|
+
},
|
|
5766
|
+
});
|
|
5767
|
+
}
|
|
5768
|
+
|
|
5769
|
+
/**
|
|
5770
|
+
* Property decorator that validates the property value matches a regular expression.
|
|
5771
|
+
*
|
|
5772
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5773
|
+
*
|
|
5774
|
+
* @param pattern - The regex pattern the property value must match.
|
|
5775
|
+
*/
|
|
5776
|
+
function Pattern(pattern) {
|
|
5777
|
+
return createValidatorDecorator({
|
|
5778
|
+
priority: 1,
|
|
5779
|
+
blocking: false,
|
|
5780
|
+
run(component, property) {
|
|
5781
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5782
|
+
if (typeof value !== 'string' || !pattern.test(value)) {
|
|
5783
|
+
showError(`must match ${pattern}`);
|
|
5784
|
+
return false;
|
|
5785
|
+
}
|
|
5786
|
+
return true;
|
|
5787
|
+
},
|
|
5788
|
+
});
|
|
5789
|
+
}
|
|
5790
|
+
|
|
5791
|
+
/**
|
|
5792
|
+
* Property decorator that validates the property is not empty.
|
|
5793
|
+
* If the property is empty (undefined, null, '', NaN), an error is logged.
|
|
5794
|
+
* This validator is blocking: if it fails, subsequent validators will not run.
|
|
5795
|
+
*
|
|
5796
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5797
|
+
*
|
|
5798
|
+
* @param options - Optional configuration.
|
|
5799
|
+
* @param options.when - The property name to watch. Validation only runs when this property's value matches the `truthy` option.
|
|
5800
|
+
* @param options.truthy - The value that the `when` property must match for validation to run. Defaults to `true`.
|
|
5801
|
+
*/
|
|
5802
|
+
function Required(options) {
|
|
5803
|
+
const validator = createValidatorDecorator({
|
|
5804
|
+
priority: 0,
|
|
5805
|
+
blocking: true,
|
|
5806
|
+
validateEmptyValues: true,
|
|
5807
|
+
run(component, property) {
|
|
5808
|
+
if (options && typeof options.when === 'string') {
|
|
5809
|
+
const truthy = options.truthy ?? true;
|
|
5810
|
+
if (component[options.when] !== truthy) {
|
|
5811
|
+
return true;
|
|
5812
|
+
}
|
|
5813
|
+
}
|
|
5814
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5815
|
+
if (isValueEmpty(value)) {
|
|
5816
|
+
showError('is required');
|
|
5817
|
+
return false;
|
|
5818
|
+
}
|
|
5819
|
+
return true;
|
|
5820
|
+
},
|
|
5821
|
+
});
|
|
5822
|
+
return function (target, property) {
|
|
5823
|
+
validator(target, property);
|
|
5824
|
+
if (options?.when) {
|
|
5825
|
+
registerDependency(target, options.when, property);
|
|
5826
|
+
}
|
|
5827
|
+
};
|
|
5828
|
+
}
|
|
5829
|
+
|
|
5830
|
+
/**
|
|
5831
|
+
* Property decorator that validates the property value is of the specified type.
|
|
5832
|
+
*
|
|
5833
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5834
|
+
*
|
|
5835
|
+
* @param type - The expected type ('boolean', 'number', 'string', 'array', 'object', 'function').
|
|
5836
|
+
*/
|
|
5837
|
+
function Type(type) {
|
|
5838
|
+
return createValidatorDecorator({
|
|
5839
|
+
priority: 1,
|
|
5840
|
+
blocking: false,
|
|
5841
|
+
run(component, property) {
|
|
5842
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5843
|
+
const typeIsArray = type === 'array';
|
|
5844
|
+
const valueIsArray = Array.isArray(value);
|
|
5845
|
+
const isValid = typeIsArray || valueIsArray ? valueIsArray === typeIsArray : typeof value === type;
|
|
5846
|
+
if (!isValid) {
|
|
5847
|
+
showError(`must be of type "${type}"`);
|
|
5848
|
+
return false;
|
|
5849
|
+
}
|
|
5850
|
+
return true;
|
|
5851
|
+
},
|
|
5852
|
+
});
|
|
5518
5853
|
}
|
|
5519
5854
|
|
|
5520
|
-
|
|
5521
|
-
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
|
|
5525
|
-
|
|
5526
|
-
|
|
5527
|
-
|
|
5528
|
-
|
|
5855
|
+
/**
|
|
5856
|
+
* Property decorator that validates the property value is a valid URL.
|
|
5857
|
+
*
|
|
5858
|
+
* Validation runs on `componentDidLoad` and whenever the property value changes.
|
|
5859
|
+
*/
|
|
5860
|
+
function Url() {
|
|
5861
|
+
return createValidatorDecorator({
|
|
5862
|
+
priority: 1,
|
|
5863
|
+
blocking: false,
|
|
5864
|
+
run(component, property) {
|
|
5865
|
+
const { value, showError } = getValidationContext(component, property);
|
|
5866
|
+
let isValid = typeof value === 'string' || value instanceof URL;
|
|
5867
|
+
if (isValid) {
|
|
5868
|
+
try {
|
|
5869
|
+
new URL(value, 'https://www.post.ch');
|
|
5870
|
+
}
|
|
5871
|
+
catch {
|
|
5872
|
+
isValid = false;
|
|
5873
|
+
}
|
|
5874
|
+
}
|
|
5875
|
+
if (!isValid) {
|
|
5876
|
+
showError('must be a valid URL');
|
|
5877
|
+
return false;
|
|
5878
|
+
}
|
|
5879
|
+
return true;
|
|
5880
|
+
},
|
|
5881
|
+
});
|
|
5882
|
+
}
|
|
5529
5883
|
|
|
5530
5884
|
/* eslint-disable no-undefined,no-param-reassign,no-shadow */
|
|
5531
5885
|
|
|
@@ -5991,31 +6345,6 @@ function isMotionReduced() {
|
|
|
5991
6345
|
: true;
|
|
5992
6346
|
}
|
|
5993
6347
|
|
|
5994
|
-
function repeatOnLongPress(callback, options) {
|
|
5995
|
-
const stop = repeat(callback, options);
|
|
5996
|
-
const handler = () => {
|
|
5997
|
-
stop();
|
|
5998
|
-
globalThis.removeEventListener('pointerup', handler);
|
|
5999
|
-
globalThis.removeEventListener('pointercancel', handler);
|
|
6000
|
-
globalThis.removeEventListener('pointerleave', handler);
|
|
6001
|
-
};
|
|
6002
|
-
globalThis.addEventListener('pointerup', handler);
|
|
6003
|
-
globalThis.addEventListener('pointercancel', handler);
|
|
6004
|
-
globalThis.addEventListener('pointerleave', handler);
|
|
6005
|
-
}
|
|
6006
|
-
function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
6007
|
-
callback(); // immediate action
|
|
6008
|
-
let intervalId;
|
|
6009
|
-
const timeoutId = setTimeout(() => {
|
|
6010
|
-
intervalId = setInterval(callback, intervalMs);
|
|
6011
|
-
}, delayMs);
|
|
6012
|
-
return () => {
|
|
6013
|
-
clearTimeout(timeoutId);
|
|
6014
|
-
if (intervalId)
|
|
6015
|
-
clearInterval(intervalId);
|
|
6016
|
-
};
|
|
6017
|
-
}
|
|
6018
|
-
|
|
6019
6348
|
const FALLBACK_LANGUAGE_CODE = 'en';
|
|
6020
6349
|
const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;
|
|
6021
6350
|
const BUDDHIST_CALENDAR_LOCALES = ['th', 'th-TH'];
|
|
@@ -6057,9 +6386,36 @@ function nanoid(size = 21) {
|
|
|
6057
6386
|
return id;
|
|
6058
6387
|
}
|
|
6059
6388
|
|
|
6389
|
+
function repeatOnLongPress(callback, options) {
|
|
6390
|
+
const stop = repeat(callback, options);
|
|
6391
|
+
const handler = () => {
|
|
6392
|
+
stop();
|
|
6393
|
+
globalThis.removeEventListener('pointerup', handler);
|
|
6394
|
+
globalThis.removeEventListener('pointercancel', handler);
|
|
6395
|
+
globalThis.removeEventListener('pointerleave', handler);
|
|
6396
|
+
};
|
|
6397
|
+
globalThis.addEventListener('pointerup', handler);
|
|
6398
|
+
globalThis.addEventListener('pointercancel', handler);
|
|
6399
|
+
globalThis.addEventListener('pointerleave', handler);
|
|
6400
|
+
}
|
|
6401
|
+
function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
6402
|
+
callback(); // immediate action
|
|
6403
|
+
let intervalId;
|
|
6404
|
+
const timeoutId = setTimeout(() => {
|
|
6405
|
+
intervalId = setInterval(callback, intervalMs);
|
|
6406
|
+
}, delayMs);
|
|
6407
|
+
return () => {
|
|
6408
|
+
clearTimeout(timeoutId);
|
|
6409
|
+
if (intervalId)
|
|
6410
|
+
clearInterval(intervalId);
|
|
6411
|
+
};
|
|
6412
|
+
}
|
|
6413
|
+
|
|
6414
|
+
const version$1 = "10.0.0-next.72";
|
|
6415
|
+
|
|
6060
6416
|
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)}`;
|
|
6061
6417
|
|
|
6062
|
-
var __decorate$
|
|
6418
|
+
var __decorate$A = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6063
6419
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6064
6420
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6065
6421
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6081,8 +6437,7 @@ class PostAccordion {
|
|
|
6081
6437
|
*/
|
|
6082
6438
|
this.multiple = false;
|
|
6083
6439
|
}
|
|
6084
|
-
|
|
6085
|
-
checkRequiredAndOneOf(this, 'headingLevel', HEADING_LEVELS);
|
|
6440
|
+
syncHeadingLevel() {
|
|
6086
6441
|
this.accordionItems.forEach(item => {
|
|
6087
6442
|
item.setAttribute('heading-level', String(this.headingLevel));
|
|
6088
6443
|
});
|
|
@@ -6091,7 +6446,7 @@ class PostAccordion {
|
|
|
6091
6446
|
this.registerAccordionItems();
|
|
6092
6447
|
}
|
|
6093
6448
|
componentDidLoad() {
|
|
6094
|
-
this.
|
|
6449
|
+
this.syncHeadingLevel();
|
|
6095
6450
|
}
|
|
6096
6451
|
collapseToggleHandler(event) {
|
|
6097
6452
|
const toggledAccordionItem = event.target;
|
|
@@ -6155,12 +6510,12 @@ class PostAccordion {
|
|
|
6155
6510
|
});
|
|
6156
6511
|
}
|
|
6157
6512
|
render() {
|
|
6158
|
-
return (hAsync(Host, { key: '
|
|
6513
|
+
return (hAsync(Host, { key: '27862337a90223900241d38a1b1d27cb5923acba', "data-version": version$1 }, hAsync("div", { key: 'e858da8742240aa57f72ac04a4253d5e88910295', class: "accordion" }, hAsync("slot", { key: '004ab6089b44a2528ea56cffed3bef0791dae068', onSlotchange: () => this.registerAccordionItems() }))));
|
|
6159
6514
|
}
|
|
6160
6515
|
get host() { return getElement(this); }
|
|
6161
6516
|
static get watchers() { return {
|
|
6162
6517
|
"headingLevel": [{
|
|
6163
|
-
"
|
|
6518
|
+
"syncHeadingLevel": 0
|
|
6164
6519
|
}]
|
|
6165
6520
|
}; }
|
|
6166
6521
|
static get style() { return postAccordionCss(); }
|
|
@@ -6179,13 +6534,17 @@ class PostAccordion {
|
|
|
6179
6534
|
"$attrsToReflect$": [["headingLevel", "heading-level"], ["multiple", "multiple"]]
|
|
6180
6535
|
}; }
|
|
6181
6536
|
}
|
|
6182
|
-
__decorate$
|
|
6537
|
+
__decorate$A([
|
|
6538
|
+
Required(),
|
|
6539
|
+
OneOf(HEADING_LEVELS)
|
|
6540
|
+
], PostAccordion.prototype, "headingLevel", void 0);
|
|
6541
|
+
__decorate$A([
|
|
6183
6542
|
EventFrom('post-accordion-item')
|
|
6184
6543
|
], PostAccordion.prototype, "collapseToggleHandler", null);
|
|
6185
6544
|
|
|
6186
6545
|
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}`;
|
|
6187
6546
|
|
|
6188
|
-
var __decorate$
|
|
6547
|
+
var __decorate$z = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6189
6548
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6190
6549
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6191
6550
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6210,15 +6569,9 @@ class PostAccordionItem {
|
|
|
6210
6569
|
*/
|
|
6211
6570
|
this.collapsed = false;
|
|
6212
6571
|
}
|
|
6213
|
-
validateHeadingLevel() {
|
|
6214
|
-
checkEmptyOrOneOf(this, 'headingLevel', HEADING_LEVELS);
|
|
6215
|
-
}
|
|
6216
6572
|
componentWillLoad() {
|
|
6217
6573
|
this.id = this.host.id || `p${nanoid(6)}`;
|
|
6218
6574
|
}
|
|
6219
|
-
componentDidLoad() {
|
|
6220
|
-
this.validateHeadingLevel();
|
|
6221
|
-
}
|
|
6222
6575
|
// Capture to make sure the "collapsed" property is updated before the event is consumed
|
|
6223
6576
|
onCollapseToggle(event) {
|
|
6224
6577
|
this.collapsed = !event.detail;
|
|
@@ -6238,17 +6591,12 @@ class PostAccordionItem {
|
|
|
6238
6591
|
render() {
|
|
6239
6592
|
const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
|
|
6240
6593
|
const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
|
|
6241
|
-
return (hAsync(Host, { key: '
|
|
6594
|
+
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: {
|
|
6242
6595
|
'logo-container': true,
|
|
6243
6596
|
'has-image': !!this.slottedLogo,
|
|
6244
|
-
} }, hAsync("slot", { key: '
|
|
6597
|
+
} }, 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' })))));
|
|
6245
6598
|
}
|
|
6246
6599
|
get host() { return getElement(this); }
|
|
6247
|
-
static get watchers() { return {
|
|
6248
|
-
"headingLevel": [{
|
|
6249
|
-
"validateHeadingLevel": 0
|
|
6250
|
-
}]
|
|
6251
|
-
}; }
|
|
6252
6600
|
static get style() { return postAccordionItemCss(); }
|
|
6253
6601
|
static get cmpMeta() { return {
|
|
6254
6602
|
"$flags$": 265,
|
|
@@ -6265,12 +6613,22 @@ class PostAccordionItem {
|
|
|
6265
6613
|
"$attrsToReflect$": [["collapsed", "collapsed"]]
|
|
6266
6614
|
}; }
|
|
6267
6615
|
}
|
|
6268
|
-
__decorate$
|
|
6616
|
+
__decorate$z([
|
|
6269
6617
|
EventFrom('post-accordion-item')
|
|
6270
6618
|
], PostAccordionItem.prototype, "onCollapseToggle", null);
|
|
6271
6619
|
|
|
6272
6620
|
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}`;
|
|
6273
6621
|
|
|
6622
|
+
var __decorate$y = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6623
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6624
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6625
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
6626
|
+
else
|
|
6627
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
6628
|
+
if (d = decorators[i])
|
|
6629
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6630
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6631
|
+
};
|
|
6274
6632
|
/**
|
|
6275
6633
|
* @slot default - Slot for placing post-autocomplete-item components.
|
|
6276
6634
|
*/
|
|
@@ -6385,9 +6743,6 @@ class PostAutocomplete {
|
|
|
6385
6743
|
}
|
|
6386
6744
|
};
|
|
6387
6745
|
}
|
|
6388
|
-
validateTextAvailableSuggestions() {
|
|
6389
|
-
checkRequiredAndType(this, 'textAvailableSuggestions', 'string');
|
|
6390
|
-
}
|
|
6391
6746
|
get inputElement() {
|
|
6392
6747
|
return this.host.querySelector('input');
|
|
6393
6748
|
}
|
|
@@ -6400,7 +6755,6 @@ class PostAutocomplete {
|
|
|
6400
6755
|
}
|
|
6401
6756
|
}
|
|
6402
6757
|
componentWillLoad() {
|
|
6403
|
-
this.validateTextAvailableSuggestions();
|
|
6404
6758
|
if (!this.inputElement)
|
|
6405
6759
|
return;
|
|
6406
6760
|
this.inputElement.role = 'combobox';
|
|
@@ -6411,6 +6765,12 @@ class PostAutocomplete {
|
|
|
6411
6765
|
this.listBoxElement.id = crypto.randomUUID();
|
|
6412
6766
|
this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
|
|
6413
6767
|
this.inputElement.setAttribute('aria-expanded', 'false');
|
|
6768
|
+
const inputLabel = this.inputElement.labels?.[0];
|
|
6769
|
+
if (inputLabel) {
|
|
6770
|
+
if (!inputLabel.id)
|
|
6771
|
+
inputLabel.id = crypto.randomUUID();
|
|
6772
|
+
this.listBoxElement.setAttribute('aria-labelledby', inputLabel.id);
|
|
6773
|
+
}
|
|
6414
6774
|
// Because we're handling that and the browser would show a duplicate native autocomplete dropdown
|
|
6415
6775
|
this.inputElement.autocomplete = 'off';
|
|
6416
6776
|
this.attachInputListeners();
|
|
@@ -6459,14 +6819,9 @@ class PostAutocomplete {
|
|
|
6459
6819
|
this.outputElement.textContent = this.textAvailableSuggestions.replace('{count}', String(count));
|
|
6460
6820
|
}
|
|
6461
6821
|
render() {
|
|
6462
|
-
return (hAsync(Host, { key: '
|
|
6822
|
+
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) })));
|
|
6463
6823
|
}
|
|
6464
6824
|
get host() { return getElement(this); }
|
|
6465
|
-
static get watchers() { return {
|
|
6466
|
-
"textAvailableSuggestions": [{
|
|
6467
|
-
"validateTextAvailableSuggestions": 0
|
|
6468
|
-
}]
|
|
6469
|
-
}; }
|
|
6470
6825
|
static get style() { return postAutocompleteCss(); }
|
|
6471
6826
|
static get cmpMeta() { return {
|
|
6472
6827
|
"$flags$": 265,
|
|
@@ -6483,6 +6838,10 @@ class PostAutocomplete {
|
|
|
6483
6838
|
"$attrsToReflect$": [["filterThreshold", "filter-threshold"], ["clearable", "clearable"], ["listbox", "listbox"], ["textAvailableSuggestions", "text-available-suggestions"]]
|
|
6484
6839
|
}; }
|
|
6485
6840
|
}
|
|
6841
|
+
__decorate$y([
|
|
6842
|
+
Required(),
|
|
6843
|
+
Type('string')
|
|
6844
|
+
], PostAutocomplete.prototype, "textAvailableSuggestions", void 0);
|
|
6486
6845
|
|
|
6487
6846
|
// https://docs.gravatar.com/api/avatars/images/
|
|
6488
6847
|
const GRAVATAR_DEFAULT = '404';
|
|
@@ -6499,6 +6858,16 @@ const GRAVATAR_BASE_URL = `https://www.gravatar.com/avatar/{email}?s=${GRAVATAR_
|
|
|
6499
6858
|
|
|
6500
6859
|
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}`;
|
|
6501
6860
|
|
|
6861
|
+
var __decorate$x = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6862
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6863
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6864
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
6865
|
+
else
|
|
6866
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
6867
|
+
if (d = decorators[i])
|
|
6868
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6869
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6870
|
+
};
|
|
6502
6871
|
const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
|
|
6503
6872
|
var AvatarType;
|
|
6504
6873
|
(function (AvatarType) {
|
|
@@ -6520,23 +6889,9 @@ class PostAvatar {
|
|
|
6520
6889
|
// To handle email updates and reset the storage item
|
|
6521
6890
|
this.storageKey = '';
|
|
6522
6891
|
}
|
|
6523
|
-
validateFirstname() {
|
|
6524
|
-
checkRequiredAndType(this, 'firstname', 'string');
|
|
6525
|
-
}
|
|
6526
|
-
validateLastname() {
|
|
6527
|
-
checkEmptyOrType(this, 'lastname', 'string');
|
|
6528
|
-
}
|
|
6529
6892
|
updateEmail() {
|
|
6530
|
-
this.validateEmail();
|
|
6531
6893
|
this.getAvatarImage();
|
|
6532
6894
|
}
|
|
6533
|
-
validateDescription() {
|
|
6534
|
-
checkEmptyOrType(this, 'description', 'string');
|
|
6535
|
-
}
|
|
6536
|
-
validateEmail() {
|
|
6537
|
-
if (this.email)
|
|
6538
|
-
checkEmptyOrPattern(this, 'email', emailPattern);
|
|
6539
|
-
}
|
|
6540
6895
|
async getAvatarImage() {
|
|
6541
6896
|
let imageLoaded = false;
|
|
6542
6897
|
this.slottedImage = this.host.querySelector('img');
|
|
@@ -6621,12 +6976,6 @@ class PostAvatar {
|
|
|
6621
6976
|
this.avatarType = AvatarType.Initials;
|
|
6622
6977
|
this.getAvatarImage();
|
|
6623
6978
|
}
|
|
6624
|
-
componentDidLoad() {
|
|
6625
|
-
this.validateFirstname();
|
|
6626
|
-
this.validateLastname();
|
|
6627
|
-
this.validateDescription();
|
|
6628
|
-
this.validateEmail();
|
|
6629
|
-
}
|
|
6630
6979
|
render() {
|
|
6631
6980
|
const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
|
|
6632
6981
|
const initials = names
|
|
@@ -6634,21 +6983,12 @@ class PostAvatar {
|
|
|
6634
6983
|
.join('')
|
|
6635
6984
|
.trim();
|
|
6636
6985
|
const fullname = names.join(' ');
|
|
6637
|
-
return (hAsync(Host, { key: '
|
|
6986
|
+
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)))));
|
|
6638
6987
|
}
|
|
6639
6988
|
get host() { return getElement(this); }
|
|
6640
6989
|
static get watchers() { return {
|
|
6641
|
-
"firstname": [{
|
|
6642
|
-
"validateFirstname": 0
|
|
6643
|
-
}],
|
|
6644
|
-
"lastname": [{
|
|
6645
|
-
"validateLastname": 0
|
|
6646
|
-
}],
|
|
6647
6990
|
"email": [{
|
|
6648
6991
|
"updateEmail": 0
|
|
6649
|
-
}],
|
|
6650
|
-
"description": [{
|
|
6651
|
-
"validateDescription": 0
|
|
6652
6992
|
}]
|
|
6653
6993
|
}; }
|
|
6654
6994
|
static get style() { return postAvatarCss(); }
|
|
@@ -6672,6 +7012,19 @@ class PostAvatar {
|
|
|
6672
7012
|
"$attrsToReflect$": [["firstname", "firstname"]]
|
|
6673
7013
|
}; }
|
|
6674
7014
|
}
|
|
7015
|
+
__decorate$x([
|
|
7016
|
+
Required(),
|
|
7017
|
+
Type('string')
|
|
7018
|
+
], PostAvatar.prototype, "firstname", void 0);
|
|
7019
|
+
__decorate$x([
|
|
7020
|
+
Type('string')
|
|
7021
|
+
], PostAvatar.prototype, "lastname", void 0);
|
|
7022
|
+
__decorate$x([
|
|
7023
|
+
Pattern(emailPattern)
|
|
7024
|
+
], PostAvatar.prototype, "email", void 0);
|
|
7025
|
+
__decorate$x([
|
|
7026
|
+
Type('string')
|
|
7027
|
+
], PostAvatar.prototype, "description", void 0);
|
|
6675
7028
|
|
|
6676
7029
|
const headerEase = {
|
|
6677
7030
|
x1: 0.8,
|
|
@@ -6731,6 +7084,16 @@ function fadeSlide(el, direction, options) {
|
|
|
6731
7084
|
|
|
6732
7085
|
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}`;
|
|
6733
7086
|
|
|
7087
|
+
var __decorate$w = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7088
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7089
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7090
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
7091
|
+
else
|
|
7092
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
7093
|
+
if (d = decorators[i])
|
|
7094
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7095
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7096
|
+
};
|
|
6734
7097
|
class PostBackToTop {
|
|
6735
7098
|
constructor(hostRef) {
|
|
6736
7099
|
registerInstance(this, hostRef);
|
|
@@ -6742,9 +7105,6 @@ class PostBackToTop {
|
|
|
6742
7105
|
isBelowFold() {
|
|
6743
7106
|
return window.scrollY > window.innerHeight;
|
|
6744
7107
|
}
|
|
6745
|
-
validateTextBackToTop() {
|
|
6746
|
-
checkRequiredAndType(this, 'textBackToTop', 'string');
|
|
6747
|
-
}
|
|
6748
7108
|
/*Watch for changes in belowFold to show/hide the back to top button*/
|
|
6749
7109
|
watchBelowFold(newValue) {
|
|
6750
7110
|
if (newValue) {
|
|
@@ -6797,19 +7157,15 @@ class PostBackToTop {
|
|
|
6797
7157
|
componentDidLoad() {
|
|
6798
7158
|
window.addEventListener('scroll', this.handleScroll, false);
|
|
6799
7159
|
this.animateButton();
|
|
6800
|
-
this.validateTextBackToTop();
|
|
6801
7160
|
}
|
|
6802
7161
|
disconnectedCallback() {
|
|
6803
7162
|
window.removeEventListener('scroll', this.handleScroll);
|
|
6804
7163
|
}
|
|
6805
7164
|
render() {
|
|
6806
|
-
return (hAsync(Host, { key: '
|
|
7165
|
+
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))));
|
|
6807
7166
|
}
|
|
6808
7167
|
get host() { return getElement(this); }
|
|
6809
7168
|
static get watchers() { return {
|
|
6810
|
-
"textBackToTop": [{
|
|
6811
|
-
"validateTextBackToTop": 0
|
|
6812
|
-
}],
|
|
6813
7169
|
"belowFold": [{
|
|
6814
7170
|
"watchBelowFold": 0
|
|
6815
7171
|
}]
|
|
@@ -6827,6 +7183,10 @@ class PostBackToTop {
|
|
|
6827
7183
|
"$attrsToReflect$": [["textBackToTop", "text-back-to-top"]]
|
|
6828
7184
|
}; }
|
|
6829
7185
|
}
|
|
7186
|
+
__decorate$w([
|
|
7187
|
+
Required(),
|
|
7188
|
+
Type('string')
|
|
7189
|
+
], PostBackToTop.prototype, "textBackToTop", void 0);
|
|
6830
7190
|
|
|
6831
7191
|
const defaultOptions$1 = {
|
|
6832
7192
|
duration: 200,
|
|
@@ -6880,7 +7240,7 @@ const BANNER_TYPES = ['success', 'warning', 'error', 'info'];
|
|
|
6880
7240
|
|
|
6881
7241
|
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}}`;
|
|
6882
7242
|
|
|
6883
|
-
var __decorate$
|
|
7243
|
+
var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6884
7244
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6885
7245
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6886
7246
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6907,15 +7267,11 @@ class PostBanner {
|
|
|
6907
7267
|
*/
|
|
6908
7268
|
this.type = 'info';
|
|
6909
7269
|
}
|
|
6910
|
-
validateType() {
|
|
6911
|
-
checkEmptyOrOneOf(this, 'type', BANNER_TYPES);
|
|
6912
|
-
}
|
|
6913
7270
|
connectedCallback() {
|
|
6914
7271
|
this.mutationObserver.observe(this.host, { childList: true });
|
|
6915
7272
|
}
|
|
6916
7273
|
componentDidLoad() {
|
|
6917
7274
|
this.checkContent();
|
|
6918
|
-
this.validateType();
|
|
6919
7275
|
}
|
|
6920
7276
|
disconnectedCallback() {
|
|
6921
7277
|
this.mutationObserver.disconnect();
|
|
@@ -6936,14 +7292,9 @@ class PostBanner {
|
|
|
6936
7292
|
this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
|
|
6937
7293
|
}
|
|
6938
7294
|
render() {
|
|
6939
|
-
return (hAsync(Host, { key: '
|
|
7295
|
+
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" })))));
|
|
6940
7296
|
}
|
|
6941
7297
|
get host() { return getElement(this); }
|
|
6942
|
-
static get watchers() { return {
|
|
6943
|
-
"type": [{
|
|
6944
|
-
"validateType": 0
|
|
6945
|
-
}]
|
|
6946
|
-
}; }
|
|
6947
7298
|
static get style() { return postBannerCss(); }
|
|
6948
7299
|
static get cmpMeta() { return {
|
|
6949
7300
|
"$flags$": 265,
|
|
@@ -6958,7 +7309,10 @@ class PostBanner {
|
|
|
6958
7309
|
"$attrsToReflect$": [["type", "type"]]
|
|
6959
7310
|
}; }
|
|
6960
7311
|
}
|
|
6961
|
-
__decorate$
|
|
7312
|
+
__decorate$v([
|
|
7313
|
+
OneOf(BANNER_TYPES)
|
|
7314
|
+
], PostBanner.prototype, "type", void 0);
|
|
7315
|
+
__decorate$v([
|
|
6962
7316
|
EventFrom('post-closebutton', { allowDescendants: true })
|
|
6963
7317
|
], PostBanner.prototype, "onCloseButtonClick", null);
|
|
6964
7318
|
|
|
@@ -6966,6 +7320,16 @@ const VARIANTS = ['listitem', 'menuitem'];
|
|
|
6966
7320
|
|
|
6967
7321
|
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}`;
|
|
6968
7322
|
|
|
7323
|
+
var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7324
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7325
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7326
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
7327
|
+
else
|
|
7328
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
7329
|
+
if (d = decorators[i])
|
|
7330
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7331
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7332
|
+
};
|
|
6969
7333
|
/**
|
|
6970
7334
|
* @slot default - The content displayed inside the breadcrumb item.
|
|
6971
7335
|
*/
|
|
@@ -6981,32 +7345,12 @@ class PostBreadcrumbItem {
|
|
|
6981
7345
|
*/
|
|
6982
7346
|
this.selected = false;
|
|
6983
7347
|
}
|
|
6984
|
-
validateURL() {
|
|
6985
|
-
checkEmptyOrUrl(this, 'url');
|
|
6986
|
-
}
|
|
6987
|
-
validateVariant() {
|
|
6988
|
-
checkEmptyOrOneOf(this, 'variant', VARIANTS);
|
|
6989
|
-
}
|
|
6990
|
-
validateSelected() {
|
|
6991
|
-
checkRequiredAndType(this, 'selected', 'boolean');
|
|
6992
|
-
}
|
|
6993
7348
|
render() {
|
|
6994
7349
|
const href = this.url instanceof URL ? this.url.href : this.url;
|
|
6995
7350
|
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)));
|
|
6996
7351
|
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)));
|
|
6997
7352
|
}
|
|
6998
7353
|
get host() { return getElement(this); }
|
|
6999
|
-
static get watchers() { return {
|
|
7000
|
-
"url": [{
|
|
7001
|
-
"validateURL": 0
|
|
7002
|
-
}],
|
|
7003
|
-
"variant": [{
|
|
7004
|
-
"validateVariant": 0
|
|
7005
|
-
}],
|
|
7006
|
-
"selected": [{
|
|
7007
|
-
"validateSelected": 0
|
|
7008
|
-
}]
|
|
7009
|
-
}; }
|
|
7010
7354
|
static get style() { return postBreadcrumbItemCss(); }
|
|
7011
7355
|
static get cmpMeta() { return {
|
|
7012
7356
|
"$flags$": 265,
|
|
@@ -7023,34 +7367,44 @@ class PostBreadcrumbItem {
|
|
|
7023
7367
|
"$attrsToReflect$": [["url", "url"], ["label", "label"], ["description", "description"], ["variant", "variant"], ["selected", "selected"]]
|
|
7024
7368
|
}; }
|
|
7025
7369
|
}
|
|
7370
|
+
__decorate$u([
|
|
7371
|
+
Url()
|
|
7372
|
+
], PostBreadcrumbItem.prototype, "url", void 0);
|
|
7373
|
+
__decorate$u([
|
|
7374
|
+
Type('string')
|
|
7375
|
+
], PostBreadcrumbItem.prototype, "label", void 0);
|
|
7376
|
+
__decorate$u([
|
|
7377
|
+
Type('string')
|
|
7378
|
+
], PostBreadcrumbItem.prototype, "description", void 0);
|
|
7379
|
+
__decorate$u([
|
|
7380
|
+
OneOf(VARIANTS)
|
|
7381
|
+
], PostBreadcrumbItem.prototype, "variant", void 0);
|
|
7382
|
+
__decorate$u([
|
|
7383
|
+
Required(),
|
|
7384
|
+
Type('boolean')
|
|
7385
|
+
], PostBreadcrumbItem.prototype, "selected", void 0);
|
|
7026
7386
|
|
|
7027
7387
|
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}`;
|
|
7028
7388
|
|
|
7389
|
+
var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7390
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7391
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7392
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
7393
|
+
else
|
|
7394
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
7395
|
+
if (d = decorators[i])
|
|
7396
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7397
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7398
|
+
};
|
|
7029
7399
|
class PostBreadcrumbs {
|
|
7030
7400
|
constructor(hostRef) {
|
|
7031
7401
|
registerInstance(this, hostRef);
|
|
7032
7402
|
this.shouldRenderMenu = false;
|
|
7033
7403
|
}
|
|
7034
|
-
validateHomeUrl() {
|
|
7035
|
-
checkRequiredAndUrl(this, 'homeUrl');
|
|
7036
|
-
}
|
|
7037
|
-
validateTextHome() {
|
|
7038
|
-
checkRequiredAndType(this, 'textHome', 'string');
|
|
7039
|
-
}
|
|
7040
|
-
validateTextBreadcrumbs() {
|
|
7041
|
-
checkRequiredAndType(this, 'textBreadcrumbs', 'string');
|
|
7042
|
-
}
|
|
7043
|
-
validateTextMoreItems() {
|
|
7044
|
-
checkRequiredAndType(this, 'textMoreItems', 'string');
|
|
7045
|
-
}
|
|
7046
7404
|
componentWillLoad() {
|
|
7047
7405
|
this.id = this.host.id || `b${nanoid(6)}`;
|
|
7048
7406
|
}
|
|
7049
7407
|
componentDidLoad() {
|
|
7050
|
-
this.validateHomeUrl();
|
|
7051
|
-
this.validateTextHome();
|
|
7052
|
-
this.validateTextBreadcrumbs();
|
|
7053
|
-
this.validateTextMoreItems();
|
|
7054
7408
|
this.createMutationObserver();
|
|
7055
7409
|
this.createResizeObserver();
|
|
7056
7410
|
}
|
|
@@ -7128,23 +7482,9 @@ class PostBreadcrumbs {
|
|
|
7128
7482
|
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))));
|
|
7129
7483
|
}
|
|
7130
7484
|
render() {
|
|
7131
|
-
return (hAsync(Host, { key: '
|
|
7485
|
+
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" })))));
|
|
7132
7486
|
}
|
|
7133
7487
|
get host() { return getElement(this); }
|
|
7134
|
-
static get watchers() { return {
|
|
7135
|
-
"homeUrl": [{
|
|
7136
|
-
"validateHomeUrl": 0
|
|
7137
|
-
}],
|
|
7138
|
-
"textHome": [{
|
|
7139
|
-
"validateTextHome": 0
|
|
7140
|
-
}],
|
|
7141
|
-
"textBreadcrumbs": [{
|
|
7142
|
-
"validateTextBreadcrumbs": 0
|
|
7143
|
-
}],
|
|
7144
|
-
"textMoreItems": [{
|
|
7145
|
-
"validateTextMoreItems": 0
|
|
7146
|
-
}]
|
|
7147
|
-
}; }
|
|
7148
7488
|
static get style() { return postBreadcrumbsCss(); }
|
|
7149
7489
|
static get cmpMeta() { return {
|
|
7150
7490
|
"$flags$": 265,
|
|
@@ -7162,6 +7502,22 @@ class PostBreadcrumbs {
|
|
|
7162
7502
|
"$attrsToReflect$": [["homeUrl", "home-url"], ["textHome", "text-home"], ["textBreadcrumbs", "text-breadcrumbs"], ["textMoreItems", "text-more-items"]]
|
|
7163
7503
|
}; }
|
|
7164
7504
|
}
|
|
7505
|
+
__decorate$t([
|
|
7506
|
+
Required(),
|
|
7507
|
+
Url()
|
|
7508
|
+
], PostBreadcrumbs.prototype, "homeUrl", void 0);
|
|
7509
|
+
__decorate$t([
|
|
7510
|
+
Required(),
|
|
7511
|
+
Type('string')
|
|
7512
|
+
], PostBreadcrumbs.prototype, "textHome", void 0);
|
|
7513
|
+
__decorate$t([
|
|
7514
|
+
Required(),
|
|
7515
|
+
Type('string')
|
|
7516
|
+
], PostBreadcrumbs.prototype, "textBreadcrumbs", void 0);
|
|
7517
|
+
__decorate$t([
|
|
7518
|
+
Required(),
|
|
7519
|
+
Type('string')
|
|
7520
|
+
], PostBreadcrumbs.prototype, "textMoreItems", void 0);
|
|
7165
7521
|
|
|
7166
7522
|
const BUTTON_TYPES = ['button', 'submit', 'reset'];
|
|
7167
7523
|
const PLACEMENT = ['manual', 'auto'];
|
|
@@ -7169,6 +7525,16 @@ const SIZE = ['default', 'small'];
|
|
|
7169
7525
|
|
|
7170
7526
|
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)}`;
|
|
7171
7527
|
|
|
7528
|
+
var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7529
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7530
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7531
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
7532
|
+
else
|
|
7533
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
7534
|
+
if (d = decorators[i])
|
|
7535
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7536
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7537
|
+
};
|
|
7172
7538
|
/**
|
|
7173
7539
|
* @slot default - Slot for placing visually hidden label in the close button.
|
|
7174
7540
|
*/
|
|
@@ -7189,15 +7555,6 @@ class PostClosebutton {
|
|
|
7189
7555
|
*/
|
|
7190
7556
|
this.size = 'default';
|
|
7191
7557
|
}
|
|
7192
|
-
validateButtonType() {
|
|
7193
|
-
checkEmptyOrOneOf(this, 'buttonType', BUTTON_TYPES);
|
|
7194
|
-
}
|
|
7195
|
-
validatePlacement() {
|
|
7196
|
-
checkRequiredAndOneOf(this, 'placement', PLACEMENT);
|
|
7197
|
-
}
|
|
7198
|
-
validateSize() {
|
|
7199
|
-
checkRequiredAndOneOf(this, 'size', SIZE);
|
|
7200
|
-
}
|
|
7201
7558
|
componentDidLoad() {
|
|
7202
7559
|
this.checkContent();
|
|
7203
7560
|
}
|
|
@@ -7214,28 +7571,14 @@ class PostClosebutton {
|
|
|
7214
7571
|
}
|
|
7215
7572
|
}
|
|
7216
7573
|
checkContent() {
|
|
7217
|
-
this.validateButtonType();
|
|
7218
|
-
this.validatePlacement();
|
|
7219
|
-
this.validateSize();
|
|
7220
7574
|
if (!this.host.querySelector('.visually-hidden').textContent) {
|
|
7221
7575
|
console.error(`The \`${this.host.localName}\` component requires content for accessibility.`);
|
|
7222
7576
|
}
|
|
7223
7577
|
}
|
|
7224
7578
|
render() {
|
|
7225
|
-
return (hAsync(Host, { key: '
|
|
7579
|
+
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' })))));
|
|
7226
7580
|
}
|
|
7227
7581
|
get host() { return getElement(this); }
|
|
7228
|
-
static get watchers() { return {
|
|
7229
|
-
"buttonType": [{
|
|
7230
|
-
"validateButtonType": 0
|
|
7231
|
-
}],
|
|
7232
|
-
"placement": [{
|
|
7233
|
-
"validatePlacement": 0
|
|
7234
|
-
}],
|
|
7235
|
-
"size": [{
|
|
7236
|
-
"validateSize": 0
|
|
7237
|
-
}]
|
|
7238
|
-
}; }
|
|
7239
7582
|
static get style() { return postClosebuttonCss(); }
|
|
7240
7583
|
static get cmpMeta() { return {
|
|
7241
7584
|
"$flags$": 260,
|
|
@@ -7250,6 +7593,17 @@ class PostClosebutton {
|
|
|
7250
7593
|
"$attrsToReflect$": [["placement", "placement"], ["size", "size"]]
|
|
7251
7594
|
}; }
|
|
7252
7595
|
}
|
|
7596
|
+
__decorate$s([
|
|
7597
|
+
OneOf(BUTTON_TYPES)
|
|
7598
|
+
], PostClosebutton.prototype, "buttonType", void 0);
|
|
7599
|
+
__decorate$s([
|
|
7600
|
+
Required(),
|
|
7601
|
+
OneOf(PLACEMENT)
|
|
7602
|
+
], PostClosebutton.prototype, "placement", void 0);
|
|
7603
|
+
__decorate$s([
|
|
7604
|
+
Required(),
|
|
7605
|
+
OneOf(SIZE)
|
|
7606
|
+
], PostClosebutton.prototype, "size", void 0);
|
|
7253
7607
|
|
|
7254
7608
|
const collapseDuration = 350;
|
|
7255
7609
|
const collapsedKeyframe = { height: '0', overflow: 'hidden' };
|
|
@@ -7258,6 +7612,16 @@ const collapsedKeyframe = { height: '0', overflow: 'hidden' };
|
|
|
7258
7612
|
|
|
7259
7613
|
const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
|
|
7260
7614
|
|
|
7615
|
+
var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7616
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7617
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7618
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
7619
|
+
else
|
|
7620
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
7621
|
+
if (d = decorators[i])
|
|
7622
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7623
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7624
|
+
};
|
|
7261
7625
|
/**
|
|
7262
7626
|
* @slot default - Slot for placing content within the collapsible element.
|
|
7263
7627
|
*/
|
|
@@ -7270,14 +7634,10 @@ class PostCollapsible {
|
|
|
7270
7634
|
*/
|
|
7271
7635
|
this.collapsed = false;
|
|
7272
7636
|
}
|
|
7273
|
-
collapsedChange() {
|
|
7274
|
-
checkEmptyOrType(this, 'collapsed', 'boolean');
|
|
7275
|
-
}
|
|
7276
7637
|
get isExpanded() {
|
|
7277
7638
|
return !this.collapsed;
|
|
7278
7639
|
}
|
|
7279
7640
|
componentDidLoad() {
|
|
7280
|
-
this.collapsedChange();
|
|
7281
7641
|
this.updateTriggers();
|
|
7282
7642
|
}
|
|
7283
7643
|
/**
|
|
@@ -7297,21 +7657,23 @@ class PostCollapsible {
|
|
|
7297
7657
|
return isExpanded;
|
|
7298
7658
|
}
|
|
7299
7659
|
/**
|
|
7300
|
-
* Update all post-collapsible-trigger elements referring to the collapsible
|
|
7660
|
+
* Update all post-collapsible-trigger elements referring to or wrapping the collapsible
|
|
7301
7661
|
*/
|
|
7302
7662
|
updateTriggers() {
|
|
7303
|
-
const triggers =
|
|
7663
|
+
const triggers = this.host.id
|
|
7664
|
+
? Array.from(document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`))
|
|
7665
|
+
: [];
|
|
7666
|
+
// also update an ancestor trigger when the collapsible is nested inside one
|
|
7667
|
+
const nestedTrigger = this.host.closest('post-collapsible-trigger');
|
|
7668
|
+
if (nestedTrigger && !triggers.includes(nestedTrigger)) {
|
|
7669
|
+
triggers.push(nestedTrigger);
|
|
7670
|
+
}
|
|
7304
7671
|
triggers.forEach(trigger => trigger.update());
|
|
7305
7672
|
}
|
|
7306
7673
|
render() {
|
|
7307
|
-
return (hAsync(Host, { key: '
|
|
7674
|
+
return (hAsync(Host, { key: '5683b1c0346d1ed8aa6aa5ef8583654511ff0638', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: '3271677498e00e964ee17733aa2871a12e57858c' })));
|
|
7308
7675
|
}
|
|
7309
7676
|
get host() { return getElement(this); }
|
|
7310
|
-
static get watchers() { return {
|
|
7311
|
-
"collapsed": [{
|
|
7312
|
-
"collapsedChange": 0
|
|
7313
|
-
}]
|
|
7314
|
-
}; }
|
|
7315
7677
|
static get style() { return postCollapsibleCss(); }
|
|
7316
7678
|
static get cmpMeta() { return {
|
|
7317
7679
|
"$flags$": 265,
|
|
@@ -7325,8 +7687,11 @@ class PostCollapsible {
|
|
|
7325
7687
|
"$attrsToReflect$": []
|
|
7326
7688
|
}; }
|
|
7327
7689
|
}
|
|
7690
|
+
__decorate$r([
|
|
7691
|
+
Type('boolean')
|
|
7692
|
+
], PostCollapsible.prototype, "collapsed", void 0);
|
|
7328
7693
|
|
|
7329
|
-
var __decorate$
|
|
7694
|
+
var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7330
7695
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7331
7696
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
7332
7697
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -7337,12 +7702,6 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
7337
7702
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7338
7703
|
};
|
|
7339
7704
|
class PostCollapsibleTrigger {
|
|
7340
|
-
/**
|
|
7341
|
-
* Set the "aria-controls" and "aria-expanded" attributes on the trigger to match the state of the controlled post-collapsible
|
|
7342
|
-
*/
|
|
7343
|
-
validateAriaAttributes() {
|
|
7344
|
-
checkRequiredAndType(this, 'for', 'string');
|
|
7345
|
-
}
|
|
7346
7705
|
constructor(hostRef) {
|
|
7347
7706
|
registerInstance(this, hostRef);
|
|
7348
7707
|
this.observer = new MutationObserver(() => this.setTrigger());
|
|
@@ -7360,7 +7719,10 @@ class PostCollapsibleTrigger {
|
|
|
7360
7719
|
this.setTrigger();
|
|
7361
7720
|
if (!this.trigger)
|
|
7362
7721
|
console.warn('The post-collapsible-trigger must contain a button.');
|
|
7363
|
-
this.
|
|
7722
|
+
if (!this.collapsible) {
|
|
7723
|
+
const target = this.for ? `with id "${this.for}"` : 'nested inside <post-collapsible-trigger>';
|
|
7724
|
+
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.`);
|
|
7725
|
+
}
|
|
7364
7726
|
}
|
|
7365
7727
|
disconnectedCallback() {
|
|
7366
7728
|
this.observer.disconnect();
|
|
@@ -7382,18 +7744,21 @@ class PostCollapsibleTrigger {
|
|
|
7382
7744
|
}
|
|
7383
7745
|
}
|
|
7384
7746
|
updateAriaAttributes() {
|
|
7385
|
-
|
|
7747
|
+
const collapsible = this.collapsible;
|
|
7748
|
+
if (!this.trigger || !collapsible)
|
|
7386
7749
|
return;
|
|
7387
|
-
//
|
|
7750
|
+
// a nested collapsible may have no id, but aria-controls needs one to reference
|
|
7751
|
+
collapsible.id || (collapsible.id = `collapsible-${crypto.randomUUID()}`);
|
|
7752
|
+
const collapsibleId = collapsible.id;
|
|
7753
|
+
// add the controlled collapsible's id to the aria-controls list
|
|
7388
7754
|
const ariaControls = this.trigger.getAttribute('aria-controls');
|
|
7389
|
-
|
|
7390
|
-
|
|
7391
|
-
|
|
7755
|
+
const tokens = ariaControls ? ariaControls.split(/\s+/) : [];
|
|
7756
|
+
if (!tokens.includes(collapsibleId)) {
|
|
7757
|
+
tokens.push(collapsibleId);
|
|
7758
|
+
this.trigger.setAttribute('aria-controls', tokens.join(' '));
|
|
7392
7759
|
}
|
|
7393
|
-
// set
|
|
7394
|
-
|
|
7395
|
-
const newAriaExpanded = isCollapsed !== undefined ? !isCollapsed : undefined;
|
|
7396
|
-
this.trigger.setAttribute('aria-expanded', `${newAriaExpanded}`);
|
|
7760
|
+
// set aria-expanded to `true` if expanded, `false` if collapsed (collapsed defaults to false)
|
|
7761
|
+
this.trigger.setAttribute('aria-expanded', `${!collapsible.collapsed}`);
|
|
7397
7762
|
}
|
|
7398
7763
|
/**
|
|
7399
7764
|
* Toggle the post-collapsible controlled by the trigger
|
|
@@ -7405,7 +7770,9 @@ class PostCollapsibleTrigger {
|
|
|
7405
7770
|
* Retrieve the post-collapsible controlled by the trigger
|
|
7406
7771
|
*/
|
|
7407
7772
|
get collapsible() {
|
|
7408
|
-
|
|
7773
|
+
// prefer a nested post-collapsible, fall back to an id reference via `for`
|
|
7774
|
+
const ref = this.host.querySelector('post-collapsible') ??
|
|
7775
|
+
(this.for ? this.root?.getElementById(this.for) ?? null : null);
|
|
7409
7776
|
if (ref && ref.localName === 'post-collapsible') {
|
|
7410
7777
|
return ref;
|
|
7411
7778
|
}
|
|
@@ -7415,7 +7782,12 @@ class PostCollapsibleTrigger {
|
|
|
7415
7782
|
* Find the button and add the proper event listener and ARIA attributes to it
|
|
7416
7783
|
*/
|
|
7417
7784
|
setTrigger() {
|
|
7418
|
-
|
|
7785
|
+
// skip buttons that belong to a nested collapsible's content
|
|
7786
|
+
const trigger = Array.from(this.host.querySelectorAll('button')).find(button => {
|
|
7787
|
+
const collapsible = button.closest('post-collapsible');
|
|
7788
|
+
const isInsidePanel = !!collapsible && this.host.contains(collapsible);
|
|
7789
|
+
return !isInsidePanel;
|
|
7790
|
+
});
|
|
7419
7791
|
if (!trigger || (this.trigger && trigger.isEqualNode(this.trigger)))
|
|
7420
7792
|
return;
|
|
7421
7793
|
this.trigger = trigger;
|
|
@@ -7423,14 +7795,9 @@ class PostCollapsibleTrigger {
|
|
|
7423
7795
|
this.updateAriaAttributes();
|
|
7424
7796
|
}
|
|
7425
7797
|
render() {
|
|
7426
|
-
return (hAsync(Host, { key: '
|
|
7798
|
+
return (hAsync(Host, { key: '40cfa7d940136d4bce5de0c2b37fca91187110f8', "data-version": version$1 }, hAsync("slot", { key: 'b8853f5be4361e59537b00d6fd60e6e42b7ea64d' })));
|
|
7427
7799
|
}
|
|
7428
7800
|
get host() { return getElement(this); }
|
|
7429
|
-
static get watchers() { return {
|
|
7430
|
-
"for": [{
|
|
7431
|
-
"validateAriaAttributes": 0
|
|
7432
|
-
}]
|
|
7433
|
-
}; }
|
|
7434
7801
|
static get cmpMeta() { return {
|
|
7435
7802
|
"$flags$": 265,
|
|
7436
7803
|
"$tagName$": "post-collapsible-trigger",
|
|
@@ -7443,7 +7810,10 @@ class PostCollapsibleTrigger {
|
|
|
7443
7810
|
"$attrsToReflect$": [["for", "for"]]
|
|
7444
7811
|
}; }
|
|
7445
7812
|
}
|
|
7446
|
-
__decorate$
|
|
7813
|
+
__decorate$q([
|
|
7814
|
+
Type('string')
|
|
7815
|
+
], PostCollapsibleTrigger.prototype, "for", void 0);
|
|
7816
|
+
__decorate$q([
|
|
7447
7817
|
EventFrom('post-collapsible')
|
|
7448
7818
|
], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
|
|
7449
7819
|
|
|
@@ -7471,41 +7841,6 @@ function requireAirDatepicker () {
|
|
|
7471
7841
|
var airDatepickerExports = requireAirDatepicker();
|
|
7472
7842
|
var AirDatepicker = /*@__PURE__*/getDefaultExportFromCjs(airDatepickerExports);
|
|
7473
7843
|
|
|
7474
|
-
const airDatepickerLocales = {
|
|
7475
|
-
ar: () => Promise.resolve().then(function () { return _airDatepickerLocale_ar$1; }),
|
|
7476
|
-
bg: () => Promise.resolve().then(function () { return _airDatepickerLocale_bg$1; }),
|
|
7477
|
-
ca: () => Promise.resolve().then(function () { return _airDatepickerLocale_ca$1; }),
|
|
7478
|
-
cs: () => Promise.resolve().then(function () { return _airDatepickerLocale_cs$1; }),
|
|
7479
|
-
da: () => Promise.resolve().then(function () { return _airDatepickerLocale_da$1; }),
|
|
7480
|
-
de: () => Promise.resolve().then(function () { return _airDatepickerLocale_de$1; }),
|
|
7481
|
-
el: () => Promise.resolve().then(function () { return _airDatepickerLocale_el$1; }),
|
|
7482
|
-
en: () => Promise.resolve().then(function () { return _airDatepickerLocale_en$1; }),
|
|
7483
|
-
es: () => Promise.resolve().then(function () { return _airDatepickerLocale_es$1; }),
|
|
7484
|
-
eu: () => Promise.resolve().then(function () { return _airDatepickerLocale_eu$1; }),
|
|
7485
|
-
fi: () => Promise.resolve().then(function () { return _airDatepickerLocale_fi$1; }),
|
|
7486
|
-
fr: () => Promise.resolve().then(function () { return _airDatepickerLocale_fr$1; }),
|
|
7487
|
-
hr: () => Promise.resolve().then(function () { return _airDatepickerLocale_hr$1; }),
|
|
7488
|
-
hu: () => Promise.resolve().then(function () { return _airDatepickerLocale_hu$1; }),
|
|
7489
|
-
id: () => Promise.resolve().then(function () { return _airDatepickerLocale_id$1; }),
|
|
7490
|
-
it: () => Promise.resolve().then(function () { return _airDatepickerLocale_it$1; }),
|
|
7491
|
-
ja: () => Promise.resolve().then(function () { return _airDatepickerLocale_ja$1; }),
|
|
7492
|
-
ko: () => Promise.resolve().then(function () { return _airDatepickerLocale_ko$1; }),
|
|
7493
|
-
nb: () => Promise.resolve().then(function () { return _airDatepickerLocale_nb$1; }),
|
|
7494
|
-
nl: () => Promise.resolve().then(function () { return _airDatepickerLocale_nl$1; }),
|
|
7495
|
-
pl: () => Promise.resolve().then(function () { return _airDatepickerLocale_pl$1; }),
|
|
7496
|
-
pt: () => Promise.resolve().then(function () { return _airDatepickerLocale_pt$1; }),
|
|
7497
|
-
ro: () => Promise.resolve().then(function () { return _airDatepickerLocale_ro$1; }),
|
|
7498
|
-
ru: () => Promise.resolve().then(function () { return _airDatepickerLocale_ru$1; }),
|
|
7499
|
-
si: () => Promise.resolve().then(function () { return _airDatepickerLocale_si$1; }),
|
|
7500
|
-
sk: () => Promise.resolve().then(function () { return _airDatepickerLocale_sk$1; }),
|
|
7501
|
-
sl: () => Promise.resolve().then(function () { return _airDatepickerLocale_sl$1; }),
|
|
7502
|
-
sv: () => Promise.resolve().then(function () { return _airDatepickerLocale_sv$1; }),
|
|
7503
|
-
th: () => Promise.resolve().then(function () { return _airDatepickerLocale_th$1; }),
|
|
7504
|
-
tr: () => Promise.resolve().then(function () { return _airDatepickerLocale_tr$1; }),
|
|
7505
|
-
uk: () => Promise.resolve().then(function () { return _airDatepickerLocale_uk$1; }),
|
|
7506
|
-
zh: () => Promise.resolve().then(function () { return _airDatepickerLocale_zh$1; }),
|
|
7507
|
-
};
|
|
7508
|
-
|
|
7509
7844
|
/** Checks if value is string */
|
|
7510
7845
|
function isString(str) {
|
|
7511
7846
|
return typeof str === 'string' || str instanceof String;
|
|
@@ -11104,6 +11439,41 @@ try {
|
|
|
11104
11439
|
globalThis.IMask = IMask;
|
|
11105
11440
|
} catch {}
|
|
11106
11441
|
|
|
11442
|
+
const airDatepickerLocales = {
|
|
11443
|
+
ar: () => Promise.resolve().then(function () { return _airDatepickerLocale_ar$1; }),
|
|
11444
|
+
bg: () => Promise.resolve().then(function () { return _airDatepickerLocale_bg$1; }),
|
|
11445
|
+
ca: () => Promise.resolve().then(function () { return _airDatepickerLocale_ca$1; }),
|
|
11446
|
+
cs: () => Promise.resolve().then(function () { return _airDatepickerLocale_cs$1; }),
|
|
11447
|
+
da: () => Promise.resolve().then(function () { return _airDatepickerLocale_da$1; }),
|
|
11448
|
+
de: () => Promise.resolve().then(function () { return _airDatepickerLocale_de$1; }),
|
|
11449
|
+
el: () => Promise.resolve().then(function () { return _airDatepickerLocale_el$1; }),
|
|
11450
|
+
en: () => Promise.resolve().then(function () { return _airDatepickerLocale_en$1; }),
|
|
11451
|
+
es: () => Promise.resolve().then(function () { return _airDatepickerLocale_es$1; }),
|
|
11452
|
+
eu: () => Promise.resolve().then(function () { return _airDatepickerLocale_eu$1; }),
|
|
11453
|
+
fi: () => Promise.resolve().then(function () { return _airDatepickerLocale_fi$1; }),
|
|
11454
|
+
fr: () => Promise.resolve().then(function () { return _airDatepickerLocale_fr$1; }),
|
|
11455
|
+
hr: () => Promise.resolve().then(function () { return _airDatepickerLocale_hr$1; }),
|
|
11456
|
+
hu: () => Promise.resolve().then(function () { return _airDatepickerLocale_hu$1; }),
|
|
11457
|
+
id: () => Promise.resolve().then(function () { return _airDatepickerLocale_id$1; }),
|
|
11458
|
+
it: () => Promise.resolve().then(function () { return _airDatepickerLocale_it$1; }),
|
|
11459
|
+
ja: () => Promise.resolve().then(function () { return _airDatepickerLocale_ja$1; }),
|
|
11460
|
+
ko: () => Promise.resolve().then(function () { return _airDatepickerLocale_ko$1; }),
|
|
11461
|
+
nb: () => Promise.resolve().then(function () { return _airDatepickerLocale_nb$1; }),
|
|
11462
|
+
nl: () => Promise.resolve().then(function () { return _airDatepickerLocale_nl$1; }),
|
|
11463
|
+
pl: () => Promise.resolve().then(function () { return _airDatepickerLocale_pl$1; }),
|
|
11464
|
+
pt: () => Promise.resolve().then(function () { return _airDatepickerLocale_pt$1; }),
|
|
11465
|
+
ro: () => Promise.resolve().then(function () { return _airDatepickerLocale_ro$1; }),
|
|
11466
|
+
ru: () => Promise.resolve().then(function () { return _airDatepickerLocale_ru$1; }),
|
|
11467
|
+
si: () => Promise.resolve().then(function () { return _airDatepickerLocale_si$1; }),
|
|
11468
|
+
sk: () => Promise.resolve().then(function () { return _airDatepickerLocale_sk$1; }),
|
|
11469
|
+
sl: () => Promise.resolve().then(function () { return _airDatepickerLocale_sl$1; }),
|
|
11470
|
+
sv: () => Promise.resolve().then(function () { return _airDatepickerLocale_sv$1; }),
|
|
11471
|
+
th: () => Promise.resolve().then(function () { return _airDatepickerLocale_th$1; }),
|
|
11472
|
+
tr: () => Promise.resolve().then(function () { return _airDatepickerLocale_tr$1; }),
|
|
11473
|
+
uk: () => Promise.resolve().then(function () { return _airDatepickerLocale_uk$1; }),
|
|
11474
|
+
zh: () => Promise.resolve().then(function () { return _airDatepickerLocale_zh$1; }),
|
|
11475
|
+
};
|
|
11476
|
+
|
|
11107
11477
|
/**
|
|
11108
11478
|
* The unicode bidi characters used to control the text direction in the date string.
|
|
11109
11479
|
* These characters are used to ensure that the date string is displayed correctly in both LTR and RTL locales,
|
|
@@ -11148,6 +11518,16 @@ const DATE_FORMAT_STRING_OPTIONS = {
|
|
|
11148
11518
|
|
|
11149
11519
|
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)}`;
|
|
11150
11520
|
|
|
11521
|
+
var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
11522
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
11523
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
11524
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
11525
|
+
else
|
|
11526
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
11527
|
+
if (d = decorators[i])
|
|
11528
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
11529
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
11530
|
+
};
|
|
11151
11531
|
class PostDatePicker {
|
|
11152
11532
|
constructor(hostRef) {
|
|
11153
11533
|
registerInstance(this, hostRef);
|
|
@@ -11349,53 +11729,11 @@ class PostDatePicker {
|
|
|
11349
11729
|
this.handleSelectedDates();
|
|
11350
11730
|
this.updateMask();
|
|
11351
11731
|
}
|
|
11352
|
-
validateSelectedStartDate() {
|
|
11353
|
-
checkEmptyOrDate(this, 'selectedStartDate');
|
|
11354
|
-
checkIsoDate(this, 'selectedStartDate');
|
|
11355
|
-
}
|
|
11356
|
-
validateSelectedEndDate() {
|
|
11357
|
-
checkEmptyOrDate(this, 'selectedEndDate');
|
|
11358
|
-
checkIsoDate(this, 'selectedEndDate');
|
|
11359
|
-
}
|
|
11360
|
-
validateMin() {
|
|
11361
|
-
checkEmptyOrDate(this, 'min');
|
|
11362
|
-
checkIsoDate(this, 'min');
|
|
11363
|
-
}
|
|
11364
|
-
validateMax() {
|
|
11365
|
-
checkEmptyOrDate(this, 'max');
|
|
11366
|
-
checkIsoDate(this, 'max');
|
|
11367
|
-
}
|
|
11368
11732
|
validateInline() {
|
|
11369
11733
|
if (!this.inline && !this.dpInput) {
|
|
11370
11734
|
console.error('A non-inline date picker should contain one input');
|
|
11371
11735
|
}
|
|
11372
11736
|
}
|
|
11373
|
-
validateTextNextMonth() {
|
|
11374
|
-
checkRequiredAndType(this, 'textNextMonth', 'string');
|
|
11375
|
-
}
|
|
11376
|
-
validateTextNextYear() {
|
|
11377
|
-
checkRequiredAndType(this, 'textNextYear', 'string');
|
|
11378
|
-
}
|
|
11379
|
-
validateTextNextDecade() {
|
|
11380
|
-
checkRequiredAndType(this, 'textNextDecade', 'string');
|
|
11381
|
-
}
|
|
11382
|
-
validateTextPreviousMonth() {
|
|
11383
|
-
checkRequiredAndType(this, 'textPreviousMonth', 'string');
|
|
11384
|
-
}
|
|
11385
|
-
validateTextPreviousYear() {
|
|
11386
|
-
checkRequiredAndType(this, 'textPreviousYear', 'string');
|
|
11387
|
-
}
|
|
11388
|
-
validateTextPreviousDecade() {
|
|
11389
|
-
checkRequiredAndType(this, 'textPreviousDecade', 'string');
|
|
11390
|
-
}
|
|
11391
|
-
validateTextSwitchYear() {
|
|
11392
|
-
checkRequiredAndType(this, 'textSwitchYear', 'string');
|
|
11393
|
-
}
|
|
11394
|
-
validateTextToggleCalendar() {
|
|
11395
|
-
if (!this.inline) {
|
|
11396
|
-
checkRequiredAndType(this, 'textToggleCalendar', 'string');
|
|
11397
|
-
}
|
|
11398
|
-
}
|
|
11399
11737
|
/**
|
|
11400
11738
|
* Displays the popover calendar, focusing the first calendar item.
|
|
11401
11739
|
*/
|
|
@@ -12022,18 +12360,6 @@ class PostDatePicker {
|
|
|
12022
12360
|
this.setupNavObserver();
|
|
12023
12361
|
this.setupInputObserver();
|
|
12024
12362
|
this.validateLocale();
|
|
12025
|
-
this.validateSelectedStartDate();
|
|
12026
|
-
this.validateSelectedEndDate();
|
|
12027
|
-
this.validateMin();
|
|
12028
|
-
this.validateMax();
|
|
12029
|
-
this.validateTextToggleCalendar();
|
|
12030
|
-
this.validateTextNextDecade();
|
|
12031
|
-
this.validateTextNextMonth();
|
|
12032
|
-
this.validateTextNextYear();
|
|
12033
|
-
this.validateTextPreviousDecade();
|
|
12034
|
-
this.validateTextPreviousMonth();
|
|
12035
|
-
this.validateTextPreviousYear();
|
|
12036
|
-
this.validateTextSwitchYear();
|
|
12037
12363
|
this.validateInline();
|
|
12038
12364
|
if (this.inline) {
|
|
12039
12365
|
requestAnimationFrame(() => this.enhanceAccessibility(false));
|
|
@@ -12062,11 +12388,11 @@ class PostDatePicker {
|
|
|
12062
12388
|
}
|
|
12063
12389
|
}
|
|
12064
12390
|
render() {
|
|
12065
|
-
return (hAsync(Host, { key: '
|
|
12391
|
+
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: {
|
|
12066
12392
|
'calendar-input': !this.range,
|
|
12067
12393
|
'calendar-input-range': this.range,
|
|
12068
12394
|
'disabled': this.inputDisabled,
|
|
12069
|
-
} }, hAsync("slot", { key: '
|
|
12395
|
+
} }, 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" }))))));
|
|
12070
12396
|
}
|
|
12071
12397
|
get host() { return getElement(this); }
|
|
12072
12398
|
static get watchers() { return {
|
|
@@ -12078,44 +12404,8 @@ class PostDatePicker {
|
|
|
12078
12404
|
"range": [{
|
|
12079
12405
|
"updateRange": 0
|
|
12080
12406
|
}],
|
|
12081
|
-
"selectedStartDate": [{
|
|
12082
|
-
"validateSelectedStartDate": 0
|
|
12083
|
-
}],
|
|
12084
|
-
"selectedEndDate": [{
|
|
12085
|
-
"validateSelectedEndDate": 0
|
|
12086
|
-
}],
|
|
12087
|
-
"min": [{
|
|
12088
|
-
"validateMin": 0
|
|
12089
|
-
}],
|
|
12090
|
-
"max": [{
|
|
12091
|
-
"validateMax": 0
|
|
12092
|
-
}],
|
|
12093
12407
|
"inline": [{
|
|
12094
12408
|
"validateInline": 0
|
|
12095
|
-
}],
|
|
12096
|
-
"textNextMonth": [{
|
|
12097
|
-
"validateTextNextMonth": 0
|
|
12098
|
-
}],
|
|
12099
|
-
"textNextYear": [{
|
|
12100
|
-
"validateTextNextYear": 0
|
|
12101
|
-
}],
|
|
12102
|
-
"textNextDecade": [{
|
|
12103
|
-
"validateTextNextDecade": 0
|
|
12104
|
-
}],
|
|
12105
|
-
"textPreviousMonth": [{
|
|
12106
|
-
"validateTextPreviousMonth": 0
|
|
12107
|
-
}],
|
|
12108
|
-
"textPreviousYear": [{
|
|
12109
|
-
"validateTextPreviousYear": 0
|
|
12110
|
-
}],
|
|
12111
|
-
"textPreviousDecade": [{
|
|
12112
|
-
"validateTextPreviousDecade": 0
|
|
12113
|
-
}],
|
|
12114
|
-
"textSwitchYear": [{
|
|
12115
|
-
"validateTextSwitchYear": 0
|
|
12116
|
-
}],
|
|
12117
|
-
"textToggleCalendar": [{
|
|
12118
|
-
"validateTextToggleCalendar": 0
|
|
12119
12409
|
}]
|
|
12120
12410
|
}; }
|
|
12121
12411
|
static get style() { return postDatePickerCss(); }
|
|
@@ -12151,9 +12441,67 @@ class PostDatePicker {
|
|
|
12151
12441
|
}; }
|
|
12152
12442
|
}
|
|
12153
12443
|
PostDatePicker.FLYOUT_OFFSET = 4;
|
|
12444
|
+
__decorate$p([
|
|
12445
|
+
DateValue(),
|
|
12446
|
+
IsoDate()
|
|
12447
|
+
], PostDatePicker.prototype, "selectedStartDate", void 0);
|
|
12448
|
+
__decorate$p([
|
|
12449
|
+
DateValue(),
|
|
12450
|
+
IsoDate()
|
|
12451
|
+
], PostDatePicker.prototype, "selectedEndDate", void 0);
|
|
12452
|
+
__decorate$p([
|
|
12453
|
+
DateValue(),
|
|
12454
|
+
IsoDate()
|
|
12455
|
+
], PostDatePicker.prototype, "min", void 0);
|
|
12456
|
+
__decorate$p([
|
|
12457
|
+
DateValue(),
|
|
12458
|
+
IsoDate()
|
|
12459
|
+
], PostDatePicker.prototype, "max", void 0);
|
|
12460
|
+
__decorate$p([
|
|
12461
|
+
Required(),
|
|
12462
|
+
Type('string')
|
|
12463
|
+
], PostDatePicker.prototype, "textNextMonth", void 0);
|
|
12464
|
+
__decorate$p([
|
|
12465
|
+
Required(),
|
|
12466
|
+
Type('string')
|
|
12467
|
+
], PostDatePicker.prototype, "textNextYear", void 0);
|
|
12468
|
+
__decorate$p([
|
|
12469
|
+
Required(),
|
|
12470
|
+
Type('string')
|
|
12471
|
+
], PostDatePicker.prototype, "textNextDecade", void 0);
|
|
12472
|
+
__decorate$p([
|
|
12473
|
+
Required(),
|
|
12474
|
+
Type('string')
|
|
12475
|
+
], PostDatePicker.prototype, "textPreviousMonth", void 0);
|
|
12476
|
+
__decorate$p([
|
|
12477
|
+
Required(),
|
|
12478
|
+
Type('string')
|
|
12479
|
+
], PostDatePicker.prototype, "textPreviousYear", void 0);
|
|
12480
|
+
__decorate$p([
|
|
12481
|
+
Required(),
|
|
12482
|
+
Type('string')
|
|
12483
|
+
], PostDatePicker.prototype, "textPreviousDecade", void 0);
|
|
12484
|
+
__decorate$p([
|
|
12485
|
+
Required(),
|
|
12486
|
+
Type('string')
|
|
12487
|
+
], PostDatePicker.prototype, "textSwitchYear", void 0);
|
|
12488
|
+
__decorate$p([
|
|
12489
|
+
Required({ when: 'inline', truthy: false }),
|
|
12490
|
+
Type('string')
|
|
12491
|
+
], PostDatePicker.prototype, "textToggleCalendar", void 0);
|
|
12154
12492
|
|
|
12155
12493
|
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}`;
|
|
12156
12494
|
|
|
12495
|
+
var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12496
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12497
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12498
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
12499
|
+
else
|
|
12500
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
12501
|
+
if (d = decorators[i])
|
|
12502
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
12503
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12504
|
+
};
|
|
12157
12505
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
12158
12506
|
/**
|
|
12159
12507
|
* @slot prefooter - Slot for the pre-footer.
|
|
@@ -12166,9 +12514,6 @@ const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
|
12166
12514
|
* @slot copyright - Slot for the copyright text.
|
|
12167
12515
|
*/
|
|
12168
12516
|
class PostFooter {
|
|
12169
|
-
validateTextFooter() {
|
|
12170
|
-
checkRequiredAndType(this, 'textFooter', 'string');
|
|
12171
|
-
}
|
|
12172
12517
|
constructor(hostRef) {
|
|
12173
12518
|
registerInstance(this, hostRef);
|
|
12174
12519
|
this.device = breakpoint.get('device');
|
|
@@ -12182,7 +12527,6 @@ class PostFooter {
|
|
|
12182
12527
|
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
12183
12528
|
}
|
|
12184
12529
|
componentWillLoad() {
|
|
12185
|
-
this.validateTextFooter();
|
|
12186
12530
|
// initialize grid visibility by checking the content of each slot
|
|
12187
12531
|
GRID_SLOTS.forEach(slotName => {
|
|
12188
12532
|
const assignedElements = this.host.querySelectorAll(`[slot="${slotName}"]`);
|
|
@@ -12211,14 +12555,9 @@ class PostFooter {
|
|
|
12211
12555
|
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 }))));
|
|
12212
12556
|
}
|
|
12213
12557
|
render() {
|
|
12214
|
-
return (hAsync(Host, { key: '
|
|
12558
|
+
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" })))))));
|
|
12215
12559
|
}
|
|
12216
12560
|
get host() { return getElement(this); }
|
|
12217
|
-
static get watchers() { return {
|
|
12218
|
-
"textFooter": [{
|
|
12219
|
-
"validateTextFooter": 0
|
|
12220
|
-
}]
|
|
12221
|
-
}; }
|
|
12222
12561
|
static get style() { return postFooterCss(); }
|
|
12223
12562
|
static get cmpMeta() { return {
|
|
12224
12563
|
"$flags$": 265,
|
|
@@ -12233,10 +12572,14 @@ class PostFooter {
|
|
|
12233
12572
|
"$attrsToReflect$": [["textFooter", "text-footer"]]
|
|
12234
12573
|
}; }
|
|
12235
12574
|
}
|
|
12575
|
+
__decorate$o([
|
|
12576
|
+
Required(),
|
|
12577
|
+
Type('string')
|
|
12578
|
+
], PostFooter.prototype, "textFooter", void 0);
|
|
12236
12579
|
|
|
12237
12580
|
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}`;
|
|
12238
12581
|
|
|
12239
|
-
var __decorate$
|
|
12582
|
+
var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12240
12583
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12241
12584
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12242
12585
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -12275,12 +12618,6 @@ class PostHeader {
|
|
|
12275
12618
|
}
|
|
12276
12619
|
return document.body;
|
|
12277
12620
|
}
|
|
12278
|
-
validateFullWidth() {
|
|
12279
|
-
checkRequiredAndType(this, 'fullWidth', 'boolean');
|
|
12280
|
-
}
|
|
12281
|
-
validateTextMenu() {
|
|
12282
|
-
checkRequiredAndType(this, 'textMenu', 'string');
|
|
12283
|
-
}
|
|
12284
12621
|
lockBody(newValue, _oldValue, propName) {
|
|
12285
12622
|
const scrollParent = this.scrollParent;
|
|
12286
12623
|
const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
|
|
@@ -12352,8 +12689,6 @@ class PostHeader {
|
|
|
12352
12689
|
this.switchLanguageSwitchMode();
|
|
12353
12690
|
}
|
|
12354
12691
|
componentDidRender() {
|
|
12355
|
-
this.validateTextMenu();
|
|
12356
|
-
this.validateFullWidth();
|
|
12357
12692
|
this.getFocusableElements();
|
|
12358
12693
|
this.handleLocalHeaderResize();
|
|
12359
12694
|
// When a megadropdown is open on desktop and the user resizes to mobile, we set
|
|
@@ -12542,19 +12877,13 @@ class PostHeader {
|
|
|
12542
12877
|
}, 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" }))));
|
|
12543
12878
|
}
|
|
12544
12879
|
render() {
|
|
12545
|
-
return (hAsync(Host, { key: '
|
|
12546
|
-
hAsync("slot", { key: '
|
|
12547
|
-
hAsync("slot", { key: '
|
|
12548
|
-
], hAsync("slot", { key: '
|
|
12880
|
+
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" }), [
|
|
12881
|
+
hAsync("slot", { key: 'db309e50b363ee2d7a13d119dca44c6ce50e3962', name: "global-nav-secondary" }),
|
|
12882
|
+
hAsync("slot", { key: 'ec86d4748ef0bd8c46935b0262ec7752d3842f38', name: "language-menu" }),
|
|
12883
|
+
], 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())));
|
|
12549
12884
|
}
|
|
12550
12885
|
get host() { return getElement(this); }
|
|
12551
12886
|
static get watchers() { return {
|
|
12552
|
-
"fullWidth": [{
|
|
12553
|
-
"validateFullWidth": 0
|
|
12554
|
-
}],
|
|
12555
|
-
"textMenu": [{
|
|
12556
|
-
"validateTextMenu": 0
|
|
12557
|
-
}],
|
|
12558
12887
|
"device": [{
|
|
12559
12888
|
"lockBody": 0
|
|
12560
12889
|
}],
|
|
@@ -12582,12 +12911,30 @@ class PostHeader {
|
|
|
12582
12911
|
"$attrsToReflect$": [["fullWidth", "full-width"], ["textMenu", "text-menu"]]
|
|
12583
12912
|
}; }
|
|
12584
12913
|
}
|
|
12585
|
-
__decorate$
|
|
12914
|
+
__decorate$n([
|
|
12915
|
+
Required(),
|
|
12916
|
+
Type('boolean')
|
|
12917
|
+
], PostHeader.prototype, "fullWidth", void 0);
|
|
12918
|
+
__decorate$n([
|
|
12919
|
+
Required(),
|
|
12920
|
+
Type('string')
|
|
12921
|
+
], PostHeader.prototype, "textMenu", void 0);
|
|
12922
|
+
__decorate$n([
|
|
12586
12923
|
EventFrom('post-megadropdown')
|
|
12587
12924
|
], PostHeader.prototype, "megadropdownStateHandler", null);
|
|
12588
12925
|
|
|
12589
12926
|
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)}}`;
|
|
12590
12927
|
|
|
12928
|
+
var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12929
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12930
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12931
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
12932
|
+
else
|
|
12933
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
12934
|
+
if (d = decorators[i])
|
|
12935
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
12936
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12937
|
+
};
|
|
12591
12938
|
const CDN_URL = `https://unpkg.com/@swisspost/design-system-icons@${version$1}/public/post-icons/`;
|
|
12592
12939
|
/**
|
|
12593
12940
|
* @class PostIcon - representing a stencil component
|
|
@@ -12604,21 +12951,6 @@ class PostIcon {
|
|
|
12604
12951
|
*/
|
|
12605
12952
|
this.flipV = false;
|
|
12606
12953
|
}
|
|
12607
|
-
validateAnimation() {
|
|
12608
|
-
checkEmptyOrOneOf(this, 'animation', ANIMATION_KEYS);
|
|
12609
|
-
}
|
|
12610
|
-
validateBase() {
|
|
12611
|
-
checkEmptyOrType(this, 'base', 'string');
|
|
12612
|
-
}
|
|
12613
|
-
validateName() {
|
|
12614
|
-
checkRequiredAndType(this, 'name', 'string');
|
|
12615
|
-
}
|
|
12616
|
-
validateRotate() {
|
|
12617
|
-
checkEmptyOrType(this, 'rotate', 'number');
|
|
12618
|
-
}
|
|
12619
|
-
validateScale() {
|
|
12620
|
-
checkEmptyOrType(this, 'scale', 'number');
|
|
12621
|
-
}
|
|
12622
12954
|
/**
|
|
12623
12955
|
* Construct the icon URL according to the following rules:
|
|
12624
12956
|
* 1. `@base` (absolute URL) → use directly.
|
|
@@ -12674,38 +13006,15 @@ class PostIcon {
|
|
|
12674
13006
|
'-webkit-mask-image': `url(${url})`,
|
|
12675
13007
|
'mask-image': `url('${url}')`,
|
|
12676
13008
|
'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12677
|
-
(this.rotate && !Number.isNaN(Number(this.rotate))
|
|
12678
|
-
|
|
12679
|
-
|
|
12680
|
-
|
|
12681
|
-
componentDidLoad() {
|
|
12682
|
-
this.validateBase();
|
|
12683
|
-
this.validateName();
|
|
12684
|
-
this.validateScale();
|
|
12685
|
-
this.validateRotate();
|
|
12686
|
-
this.validateAnimation();
|
|
13009
|
+
(this.rotate && !Number.isNaN(Number(this.rotate))
|
|
13010
|
+
? ' rotate(' + this.rotate + 'deg)'
|
|
13011
|
+
: ''),
|
|
13012
|
+
}).filter(([_key, value]) => value !== null));
|
|
12687
13013
|
}
|
|
12688
13014
|
render() {
|
|
12689
|
-
return (hAsync(Host, { key: '
|
|
13015
|
+
return (hAsync(Host, { key: 'dc20dd6be14dd0aba54231b30be89730d4a6c757', "data-version": version$1 }, hAsync("span", { key: '8ef361e6b2721db5f312e0e67fc7d13cb7440abf', style: this.getStyles() })));
|
|
12690
13016
|
}
|
|
12691
13017
|
get host() { return getElement(this); }
|
|
12692
|
-
static get watchers() { return {
|
|
12693
|
-
"animation": [{
|
|
12694
|
-
"validateAnimation": 0
|
|
12695
|
-
}],
|
|
12696
|
-
"base": [{
|
|
12697
|
-
"validateBase": 0
|
|
12698
|
-
}],
|
|
12699
|
-
"name": [{
|
|
12700
|
-
"validateName": 0
|
|
12701
|
-
}],
|
|
12702
|
-
"rotate": [{
|
|
12703
|
-
"validateRotate": 0
|
|
12704
|
-
}],
|
|
12705
|
-
"scale": [{
|
|
12706
|
-
"validateScale": 0
|
|
12707
|
-
}]
|
|
12708
|
-
}; }
|
|
12709
13018
|
static get style() { return postIconCss(); }
|
|
12710
13019
|
static get cmpMeta() { return {
|
|
12711
13020
|
"$flags$": 9,
|
|
@@ -12725,12 +13034,28 @@ class PostIcon {
|
|
|
12725
13034
|
"$attrsToReflect$": [["animation", "animation"], ["flipH", "flip-h"], ["flipV", "flip-v"], ["name", "name"]]
|
|
12726
13035
|
}; }
|
|
12727
13036
|
}
|
|
13037
|
+
__decorate$m([
|
|
13038
|
+
OneOf(ANIMATION_KEYS)
|
|
13039
|
+
], PostIcon.prototype, "animation", void 0);
|
|
13040
|
+
__decorate$m([
|
|
13041
|
+
Type('string')
|
|
13042
|
+
], PostIcon.prototype, "base", void 0);
|
|
13043
|
+
__decorate$m([
|
|
13044
|
+
Required(),
|
|
13045
|
+
Type('string')
|
|
13046
|
+
], PostIcon.prototype, "name", void 0);
|
|
13047
|
+
__decorate$m([
|
|
13048
|
+
Type('number')
|
|
13049
|
+
], PostIcon.prototype, "rotate", void 0);
|
|
13050
|
+
__decorate$m([
|
|
13051
|
+
Type('number')
|
|
13052
|
+
], PostIcon.prototype, "scale", void 0);
|
|
12728
13053
|
|
|
12729
13054
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
12730
13055
|
|
|
12731
13056
|
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}`;
|
|
12732
13057
|
|
|
12733
|
-
var __decorate$
|
|
13058
|
+
var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12734
13059
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12735
13060
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12736
13061
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -12753,14 +13078,7 @@ class PostLanguageMenu {
|
|
|
12753
13078
|
get languageOptions() {
|
|
12754
13079
|
return Array.from(this.host.querySelectorAll('post-language-menu-item'));
|
|
12755
13080
|
}
|
|
12756
|
-
|
|
12757
|
-
checkRequiredAndType(this, 'textChangeLanguage', 'string');
|
|
12758
|
-
}
|
|
12759
|
-
validateTextCurrentLanguage() {
|
|
12760
|
-
checkRequiredAndPattern(this, 'textCurrentLanguage', /#name\b/);
|
|
12761
|
-
}
|
|
12762
|
-
validateVariant() {
|
|
12763
|
-
checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
|
|
13081
|
+
handleVariantChange() {
|
|
12764
13082
|
this.updateChildrenVariant();
|
|
12765
13083
|
}
|
|
12766
13084
|
/* The complete accessible description */
|
|
@@ -12772,9 +13090,6 @@ class PostLanguageMenu {
|
|
|
12772
13090
|
: undefined;
|
|
12773
13091
|
}
|
|
12774
13092
|
componentDidLoad() {
|
|
12775
|
-
this.validateTextChangeLanguage();
|
|
12776
|
-
this.validateTextCurrentLanguage();
|
|
12777
|
-
this.validateVariant();
|
|
12778
13093
|
// Initially set variants and active language
|
|
12779
13094
|
// Handles cases where the language-menu is rendered after the language-options have been rendered
|
|
12780
13095
|
this.updateChildrenVariant();
|
|
@@ -12827,14 +13142,8 @@ class PostLanguageMenu {
|
|
|
12827
13142
|
}
|
|
12828
13143
|
get host() { return getElement(this); }
|
|
12829
13144
|
static get watchers() { return {
|
|
12830
|
-
"textChangeLanguage": [{
|
|
12831
|
-
"validateTextChangeLanguage": 0
|
|
12832
|
-
}],
|
|
12833
|
-
"textCurrentLanguage": [{
|
|
12834
|
-
"validateTextCurrentLanguage": 0
|
|
12835
|
-
}],
|
|
12836
13145
|
"variant": [{
|
|
12837
|
-
"
|
|
13146
|
+
"handleVariantChange": 0
|
|
12838
13147
|
}]
|
|
12839
13148
|
}; }
|
|
12840
13149
|
static get style() { return postLanguageMenuCss(); }
|
|
@@ -12852,12 +13161,33 @@ class PostLanguageMenu {
|
|
|
12852
13161
|
"$attrsToReflect$": [["textChangeLanguage", "text-change-language"], ["textCurrentLanguage", "text-current-language"], ["variant", "variant"]]
|
|
12853
13162
|
}; }
|
|
12854
13163
|
}
|
|
12855
|
-
__decorate$
|
|
13164
|
+
__decorate$l([
|
|
13165
|
+
Required(),
|
|
13166
|
+
Type('string')
|
|
13167
|
+
], PostLanguageMenu.prototype, "textChangeLanguage", void 0);
|
|
13168
|
+
__decorate$l([
|
|
13169
|
+
Required(),
|
|
13170
|
+
Pattern(/#name\b/)
|
|
13171
|
+
], PostLanguageMenu.prototype, "textCurrentLanguage", void 0);
|
|
13172
|
+
__decorate$l([
|
|
13173
|
+
OneOf(SWITCH_VARIANTS)
|
|
13174
|
+
], PostLanguageMenu.prototype, "variant", void 0);
|
|
13175
|
+
__decorate$l([
|
|
12856
13176
|
EventFrom('post-language-menu-item')
|
|
12857
13177
|
], PostLanguageMenu.prototype, "handlePostChange", null);
|
|
12858
13178
|
|
|
12859
13179
|
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}`;
|
|
12860
13180
|
|
|
13181
|
+
var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13182
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13183
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13184
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
13185
|
+
else
|
|
13186
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
13187
|
+
if (d = decorators[i])
|
|
13188
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13189
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
13190
|
+
};
|
|
12861
13191
|
/**
|
|
12862
13192
|
* @slot default - Slot for placing the content inside the anchor or button.
|
|
12863
13193
|
*/
|
|
@@ -12867,26 +13197,7 @@ class PostLanguageMenuItem {
|
|
|
12867
13197
|
this.postChange = createEvent(this, "postChange");
|
|
12868
13198
|
this.postLanguageMenuItemInitiallyActive = createEvent(this, "postLanguageMenuItemInitiallyActive");
|
|
12869
13199
|
}
|
|
12870
|
-
validateCode() {
|
|
12871
|
-
checkRequiredAndType(this, 'code', 'string');
|
|
12872
|
-
}
|
|
12873
|
-
validateVariant() {
|
|
12874
|
-
checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
|
|
12875
|
-
}
|
|
12876
|
-
validateName() {
|
|
12877
|
-
checkEmptyOrType(this, 'name', 'string');
|
|
12878
|
-
}
|
|
12879
|
-
validateDescription() {
|
|
12880
|
-
checkEmptyOrType(this, 'description', 'string');
|
|
12881
|
-
}
|
|
12882
|
-
validateUrl() {
|
|
12883
|
-
checkEmptyOrUrl(this, 'url');
|
|
12884
|
-
}
|
|
12885
13200
|
componentDidLoad() {
|
|
12886
|
-
this.validateCode();
|
|
12887
|
-
this.validateName();
|
|
12888
|
-
this.validateDescription();
|
|
12889
|
-
this.validateUrl();
|
|
12890
13201
|
if (!this.name && this.isNameRequired()) {
|
|
12891
13202
|
throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');
|
|
12892
13203
|
}
|
|
@@ -12918,23 +13229,6 @@ class PostLanguageMenuItem {
|
|
|
12918
13229
|
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)));
|
|
12919
13230
|
}
|
|
12920
13231
|
get host() { return getElement(this); }
|
|
12921
|
-
static get watchers() { return {
|
|
12922
|
-
"code": [{
|
|
12923
|
-
"validateCode": 0
|
|
12924
|
-
}],
|
|
12925
|
-
"variant": [{
|
|
12926
|
-
"validateVariant": 0
|
|
12927
|
-
}],
|
|
12928
|
-
"name": [{
|
|
12929
|
-
"validateName": 0
|
|
12930
|
-
}],
|
|
12931
|
-
"description": [{
|
|
12932
|
-
"validateDescription": 0
|
|
12933
|
-
}],
|
|
12934
|
-
"url": [{
|
|
12935
|
-
"validateUrl": 0
|
|
12936
|
-
}]
|
|
12937
|
-
}; }
|
|
12938
13232
|
static get style() { return postLanguageMenuItemCss(); }
|
|
12939
13233
|
static get cmpMeta() { return {
|
|
12940
13234
|
"$flags$": 260,
|
|
@@ -12953,6 +13247,22 @@ class PostLanguageMenuItem {
|
|
|
12953
13247
|
"$attrsToReflect$": [["code", "code"], ["active", "active"]]
|
|
12954
13248
|
}; }
|
|
12955
13249
|
}
|
|
13250
|
+
__decorate$k([
|
|
13251
|
+
Required(),
|
|
13252
|
+
Type('string')
|
|
13253
|
+
], PostLanguageMenuItem.prototype, "code", void 0);
|
|
13254
|
+
__decorate$k([
|
|
13255
|
+
OneOf(SWITCH_VARIANTS)
|
|
13256
|
+
], PostLanguageMenuItem.prototype, "variant", void 0);
|
|
13257
|
+
__decorate$k([
|
|
13258
|
+
Type('string')
|
|
13259
|
+
], PostLanguageMenuItem.prototype, "name", void 0);
|
|
13260
|
+
__decorate$k([
|
|
13261
|
+
Type('string')
|
|
13262
|
+
], PostLanguageMenuItem.prototype, "description", void 0);
|
|
13263
|
+
__decorate$k([
|
|
13264
|
+
Url()
|
|
13265
|
+
], PostLanguageMenuItem.prototype, "url", void 0);
|
|
12956
13266
|
|
|
12957
13267
|
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}}`;
|
|
12958
13268
|
|
|
@@ -13030,7 +13340,7 @@ class PostLinkarea {
|
|
|
13030
13340
|
|
|
13031
13341
|
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}`;
|
|
13032
13342
|
|
|
13033
|
-
var __decorate$
|
|
13343
|
+
var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13034
13344
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13035
13345
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13036
13346
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -13091,12 +13401,10 @@ class PostListbox {
|
|
|
13091
13401
|
const input = this.inputElement;
|
|
13092
13402
|
if (input) {
|
|
13093
13403
|
this.popoverContainer?.show(input);
|
|
13094
|
-
this.host.role = 'listbox';
|
|
13095
13404
|
}
|
|
13096
13405
|
}
|
|
13097
13406
|
/** Closes the listbox */
|
|
13098
13407
|
async hide() {
|
|
13099
|
-
this.host.removeAttribute('role');
|
|
13100
13408
|
this.popoverContainer?.hide();
|
|
13101
13409
|
}
|
|
13102
13410
|
/** Uses the internal default filtering mode to filter the list of options.
|
|
@@ -13162,7 +13470,7 @@ class PostListbox {
|
|
|
13162
13470
|
this.updateSelection(event.detail);
|
|
13163
13471
|
}
|
|
13164
13472
|
render() {
|
|
13165
|
-
return (hAsync(Host, { key: '
|
|
13473
|
+
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))));
|
|
13166
13474
|
}
|
|
13167
13475
|
get host() { return getElement(this); }
|
|
13168
13476
|
static get style() { return postListboxCss(); }
|
|
@@ -13182,7 +13490,7 @@ class PostListbox {
|
|
|
13182
13490
|
"$attrsToReflect$": []
|
|
13183
13491
|
}; }
|
|
13184
13492
|
}
|
|
13185
|
-
__decorate$
|
|
13493
|
+
__decorate$j([
|
|
13186
13494
|
EventFrom('post-listbox-option')
|
|
13187
13495
|
], PostListbox.prototype, "optionClicked", null);
|
|
13188
13496
|
|
|
@@ -13220,6 +13528,16 @@ class PostListboxOption {
|
|
|
13220
13528
|
|
|
13221
13529
|
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}`;
|
|
13222
13530
|
|
|
13531
|
+
var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13532
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13533
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13534
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
13535
|
+
else
|
|
13536
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
13537
|
+
if (d = decorators[i])
|
|
13538
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13539
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
13540
|
+
};
|
|
13223
13541
|
const SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
|
|
13224
13542
|
/**
|
|
13225
13543
|
* @slot user-links - Links to show in the user menu when the user is authenticated.
|
|
@@ -13232,20 +13550,6 @@ class PostLoginWidget {
|
|
|
13232
13550
|
this.authenticated = null;
|
|
13233
13551
|
this.user = null;
|
|
13234
13552
|
}
|
|
13235
|
-
validateTextCurrentUser() {
|
|
13236
|
-
checkRequiredAndType(this, 'textCurrentUser', 'string');
|
|
13237
|
-
}
|
|
13238
|
-
validateTextUserMenu() {
|
|
13239
|
-
checkRequiredAndType(this, 'textUserMenu', 'string');
|
|
13240
|
-
}
|
|
13241
|
-
validateTextUserMenuTrigger() {
|
|
13242
|
-
checkRequiredAndType(this, 'textUserMenuTrigger', 'string');
|
|
13243
|
-
}
|
|
13244
|
-
componentDidLoad() {
|
|
13245
|
-
this.validateTextCurrentUser();
|
|
13246
|
-
this.validateTextUserMenuTrigger();
|
|
13247
|
-
this.validateTextUserMenu();
|
|
13248
|
-
}
|
|
13249
13553
|
async componentWillLoad() {
|
|
13250
13554
|
}
|
|
13251
13555
|
/**
|
|
@@ -13287,20 +13591,9 @@ class PostLoginWidget {
|
|
|
13287
13591
|
this.postChange.emit({ authenticated: next });
|
|
13288
13592
|
}
|
|
13289
13593
|
render() {
|
|
13290
|
-
return (hAsync(Host, { key: '
|
|
13594
|
+
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" })))));
|
|
13291
13595
|
}
|
|
13292
13596
|
get host() { return getElement(this); }
|
|
13293
|
-
static get watchers() { return {
|
|
13294
|
-
"textCurrentUser": [{
|
|
13295
|
-
"validateTextCurrentUser": 0
|
|
13296
|
-
}],
|
|
13297
|
-
"textUserMenu": [{
|
|
13298
|
-
"validateTextUserMenu": 0
|
|
13299
|
-
}],
|
|
13300
|
-
"textUserMenuTrigger": [{
|
|
13301
|
-
"validateTextUserMenuTrigger": 0
|
|
13302
|
-
}]
|
|
13303
|
-
}; }
|
|
13304
13597
|
static get style() { return postLoginWidgetCss(); }
|
|
13305
13598
|
static get cmpMeta() { return {
|
|
13306
13599
|
"$flags$": 265,
|
|
@@ -13319,9 +13612,31 @@ class PostLoginWidget {
|
|
|
13319
13612
|
"$attrsToReflect$": [["textCurrentUser", "text-current-user"], ["textUserMenu", "text-user-menu"], ["textUserMenuTrigger", "text-user-menu-trigger"]]
|
|
13320
13613
|
}; }
|
|
13321
13614
|
}
|
|
13615
|
+
__decorate$i([
|
|
13616
|
+
Required(),
|
|
13617
|
+
Type('string')
|
|
13618
|
+
], PostLoginWidget.prototype, "textCurrentUser", void 0);
|
|
13619
|
+
__decorate$i([
|
|
13620
|
+
Required(),
|
|
13621
|
+
Type('string')
|
|
13622
|
+
], PostLoginWidget.prototype, "textUserMenu", void 0);
|
|
13623
|
+
__decorate$i([
|
|
13624
|
+
Required(),
|
|
13625
|
+
Type('string')
|
|
13626
|
+
], PostLoginWidget.prototype, "textUserMenuTrigger", void 0);
|
|
13322
13627
|
|
|
13323
13628
|
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)}`;
|
|
13324
13629
|
|
|
13630
|
+
var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13631
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13632
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13633
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
13634
|
+
else
|
|
13635
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
13636
|
+
if (d = decorators[i])
|
|
13637
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13638
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
13639
|
+
};
|
|
13325
13640
|
/**
|
|
13326
13641
|
* @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.
|
|
13327
13642
|
*/
|
|
@@ -13329,11 +13644,7 @@ class PostLogo {
|
|
|
13329
13644
|
constructor(hostRef) {
|
|
13330
13645
|
registerInstance(this, hostRef);
|
|
13331
13646
|
}
|
|
13332
|
-
validateUrl() {
|
|
13333
|
-
checkEmptyOrUrl(this, 'url');
|
|
13334
|
-
}
|
|
13335
13647
|
componentDidLoad() {
|
|
13336
|
-
this.validateUrl();
|
|
13337
13648
|
this.checkDescription();
|
|
13338
13649
|
}
|
|
13339
13650
|
checkDescription() {
|
|
@@ -13344,14 +13655,9 @@ class PostLogo {
|
|
|
13344
13655
|
render() {
|
|
13345
13656
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
13346
13657
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
13347
|
-
return (hAsync(Host, { key: '
|
|
13658
|
+
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" }))))));
|
|
13348
13659
|
}
|
|
13349
13660
|
get host() { return getElement(this); }
|
|
13350
|
-
static get watchers() { return {
|
|
13351
|
-
"url": [{
|
|
13352
|
-
"validateUrl": 0
|
|
13353
|
-
}]
|
|
13354
|
-
}; }
|
|
13355
13661
|
static get style() { return postLogoCss(); }
|
|
13356
13662
|
static get cmpMeta() { return {
|
|
13357
13663
|
"$flags$": 265,
|
|
@@ -13364,15 +13670,25 @@ class PostLogo {
|
|
|
13364
13670
|
"$attrsToReflect$": []
|
|
13365
13671
|
}; }
|
|
13366
13672
|
}
|
|
13673
|
+
__decorate$h([
|
|
13674
|
+
Url()
|
|
13675
|
+
], PostLogo.prototype, "url", void 0);
|
|
13367
13676
|
|
|
13368
13677
|
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}`;
|
|
13369
13678
|
|
|
13679
|
+
var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13680
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13681
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13682
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
13683
|
+
else
|
|
13684
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
13685
|
+
if (d = decorators[i])
|
|
13686
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13687
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
13688
|
+
};
|
|
13370
13689
|
const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
|
|
13371
13690
|
const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
|
|
13372
13691
|
class PostMainnavigation {
|
|
13373
|
-
validateTextMain() {
|
|
13374
|
-
checkRequiredAndType(this, 'textMain', 'string');
|
|
13375
|
-
}
|
|
13376
13692
|
constructor(hostRef) {
|
|
13377
13693
|
registerInstance(this, hostRef);
|
|
13378
13694
|
this.canScrollLeft = false;
|
|
@@ -13384,7 +13700,6 @@ class PostMainnavigation {
|
|
|
13384
13700
|
this.mutationObserver = new MutationObserver(this.checkScrollability);
|
|
13385
13701
|
}
|
|
13386
13702
|
componentDidLoad() {
|
|
13387
|
-
this.validateTextMain();
|
|
13388
13703
|
setTimeout(() => {
|
|
13389
13704
|
this.checkScrollability();
|
|
13390
13705
|
});
|
|
@@ -13490,14 +13805,9 @@ class PostMainnavigation {
|
|
|
13490
13805
|
}, NAVBAR_DISABLE_DURATION);
|
|
13491
13806
|
}
|
|
13492
13807
|
render() {
|
|
13493
|
-
return (hAsync(Host, { key: '
|
|
13808
|
+
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" }))));
|
|
13494
13809
|
}
|
|
13495
13810
|
get host() { return getElement(this); }
|
|
13496
|
-
static get watchers() { return {
|
|
13497
|
-
"textMain": [{
|
|
13498
|
-
"validateTextMain": 0
|
|
13499
|
-
}]
|
|
13500
|
-
}; }
|
|
13501
13811
|
static get style() { return postMainnavigationCss(); }
|
|
13502
13812
|
static get cmpMeta() { return {
|
|
13503
13813
|
"$flags$": 265,
|
|
@@ -13512,16 +13822,24 @@ class PostMainnavigation {
|
|
|
13512
13822
|
"$attrsToReflect$": [["textMain", "text-main"]]
|
|
13513
13823
|
}; }
|
|
13514
13824
|
}
|
|
13825
|
+
__decorate$g([
|
|
13826
|
+
Required(),
|
|
13827
|
+
Type('string')
|
|
13828
|
+
], PostMainnavigation.prototype, "textMain", void 0);
|
|
13515
13829
|
|
|
13516
13830
|
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}}`;
|
|
13517
13831
|
|
|
13832
|
+
var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13833
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13834
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13835
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
13836
|
+
else
|
|
13837
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
13838
|
+
if (d = decorators[i])
|
|
13839
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13840
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
13841
|
+
};
|
|
13518
13842
|
class PostMegadropdown {
|
|
13519
|
-
validateTextClose() {
|
|
13520
|
-
checkRequiredAndType(this, 'textClose', 'string');
|
|
13521
|
-
}
|
|
13522
|
-
validateTextBack() {
|
|
13523
|
-
checkRequiredAndType(this, 'textBack', 'string');
|
|
13524
|
-
}
|
|
13525
13843
|
get megadropdownTrigger() {
|
|
13526
13844
|
const hostId = this.host.getAttribute('id');
|
|
13527
13845
|
return hostId ? document.querySelector(`post-megadropdown-trigger[for="${hostId}"]`) : null;
|
|
@@ -13579,8 +13897,6 @@ class PostMegadropdown {
|
|
|
13579
13897
|
this.getFocusableElements();
|
|
13580
13898
|
}
|
|
13581
13899
|
componentDidLoad() {
|
|
13582
|
-
this.validateTextClose();
|
|
13583
|
-
this.validateTextBack();
|
|
13584
13900
|
this.checkInitialAriaCurrent();
|
|
13585
13901
|
this.setupObserver();
|
|
13586
13902
|
this.handleAriaCurrentChange([]);
|
|
@@ -13805,17 +14121,9 @@ class PostMegadropdown {
|
|
|
13805
14121
|
}
|
|
13806
14122
|
render() {
|
|
13807
14123
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
13808
|
-
return (hAsync(Host, { key: '
|
|
14124
|
+
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))))));
|
|
13809
14125
|
}
|
|
13810
14126
|
get host() { return getElement(this); }
|
|
13811
|
-
static get watchers() { return {
|
|
13812
|
-
"textClose": [{
|
|
13813
|
-
"validateTextClose": 0
|
|
13814
|
-
}],
|
|
13815
|
-
"textBack": [{
|
|
13816
|
-
"validateTextBack": 0
|
|
13817
|
-
}]
|
|
13818
|
-
}; }
|
|
13819
14127
|
static get style() { return postMegadropdownCss(); }
|
|
13820
14128
|
static get cmpMeta() { return {
|
|
13821
14129
|
"$flags$": 265,
|
|
@@ -13840,10 +14148,18 @@ class PostMegadropdown {
|
|
|
13840
14148
|
}
|
|
13841
14149
|
/** Tracks the currently active dropdown instance. */
|
|
13842
14150
|
PostMegadropdown.activeDropdown = null;
|
|
14151
|
+
__decorate$f([
|
|
14152
|
+
Required(),
|
|
14153
|
+
Type('string')
|
|
14154
|
+
], PostMegadropdown.prototype, "textClose", void 0);
|
|
14155
|
+
__decorate$f([
|
|
14156
|
+
Required(),
|
|
14157
|
+
Type('string')
|
|
14158
|
+
], PostMegadropdown.prototype, "textBack", void 0);
|
|
13843
14159
|
|
|
13844
14160
|
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}}`;
|
|
13845
14161
|
|
|
13846
|
-
var __decorate$
|
|
14162
|
+
var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13847
14163
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13848
14164
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13849
14165
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -13863,15 +14179,9 @@ class PostMegadropdownTrigger {
|
|
|
13863
14179
|
*/
|
|
13864
14180
|
this.active = false;
|
|
13865
14181
|
}
|
|
13866
|
-
validateFor() {
|
|
13867
|
-
checkRequiredAndType(this, 'for', 'string');
|
|
13868
|
-
}
|
|
13869
14182
|
componentWillRender() {
|
|
13870
14183
|
this.handleSlottedContentChanges();
|
|
13871
14184
|
}
|
|
13872
|
-
componentDidLoad() {
|
|
13873
|
-
this.validateFor();
|
|
13874
|
-
}
|
|
13875
14185
|
disconnectedCallback() {
|
|
13876
14186
|
if (this.mutationObserver)
|
|
13877
14187
|
this.mutationObserver.disconnect();
|
|
@@ -13916,14 +14226,9 @@ class PostMegadropdownTrigger {
|
|
|
13916
14226
|
this.megadropdown.toggle();
|
|
13917
14227
|
}
|
|
13918
14228
|
render() {
|
|
13919
|
-
return (hAsync(Host, { key: '
|
|
14229
|
+
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" }))));
|
|
13920
14230
|
}
|
|
13921
14231
|
get host() { return getElement(this); }
|
|
13922
|
-
static get watchers() { return {
|
|
13923
|
-
"for": [{
|
|
13924
|
-
"validateFor": 0
|
|
13925
|
-
}]
|
|
13926
|
-
}; }
|
|
13927
14232
|
static get style() { return postMegadropdownTriggerCss(); }
|
|
13928
14233
|
static get cmpMeta() { return {
|
|
13929
14234
|
"$flags$": 265,
|
|
@@ -13939,13 +14244,17 @@ class PostMegadropdownTrigger {
|
|
|
13939
14244
|
"$attrsToReflect$": [["active", "active"], ["for", "for"]]
|
|
13940
14245
|
}; }
|
|
13941
14246
|
}
|
|
13942
|
-
__decorate$
|
|
14247
|
+
__decorate$e([
|
|
14248
|
+
Required(),
|
|
14249
|
+
Type('string')
|
|
14250
|
+
], PostMegadropdownTrigger.prototype, "for", void 0);
|
|
14251
|
+
__decorate$e([
|
|
13943
14252
|
EventFrom('post-megadropdown', { ignoreNestedComponents: false })
|
|
13944
14253
|
], PostMegadropdownTrigger.prototype, "onMegadropdownToggled", null);
|
|
13945
14254
|
|
|
13946
14255
|
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}}`;
|
|
13947
14256
|
|
|
13948
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
14257
|
+
var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13949
14258
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
13950
14259
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
13951
14260
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -14003,12 +14312,6 @@ class PostMenu {
|
|
|
14003
14312
|
}
|
|
14004
14313
|
};
|
|
14005
14314
|
}
|
|
14006
|
-
validatePlacement() {
|
|
14007
|
-
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
14008
|
-
}
|
|
14009
|
-
validateLabel() {
|
|
14010
|
-
checkRequiredAndType(this, 'label', 'string');
|
|
14011
|
-
}
|
|
14012
14315
|
connectedCallback() {
|
|
14013
14316
|
this.root = getRoot(this.host);
|
|
14014
14317
|
this.host.addEventListener('keydown', this.handleKeyDown);
|
|
@@ -14018,10 +14321,6 @@ class PostMenu {
|
|
|
14018
14321
|
this.host.removeEventListener('keydown', this.handleKeyDown);
|
|
14019
14322
|
this.host.removeEventListener('click', this.handleClick);
|
|
14020
14323
|
}
|
|
14021
|
-
componentDidLoad() {
|
|
14022
|
-
this.validatePlacement();
|
|
14023
|
-
this.validateLabel();
|
|
14024
|
-
}
|
|
14025
14324
|
/**
|
|
14026
14325
|
* Toggles the menu visibility based on its current state.
|
|
14027
14326
|
*/
|
|
@@ -14137,17 +14436,9 @@ class PostMenu {
|
|
|
14137
14436
|
]));
|
|
14138
14437
|
}
|
|
14139
14438
|
render() {
|
|
14140
|
-
return (hAsync(Host, { key: '
|
|
14439
|
+
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' })))));
|
|
14141
14440
|
}
|
|
14142
14441
|
get host() { return getElement(this); }
|
|
14143
|
-
static get watchers() { return {
|
|
14144
|
-
"placement": [{
|
|
14145
|
-
"validatePlacement": 0
|
|
14146
|
-
}],
|
|
14147
|
-
"label": [{
|
|
14148
|
-
"validateLabel": 0
|
|
14149
|
-
}]
|
|
14150
|
-
}; }
|
|
14151
14442
|
static get style() { return postMenuCss(); }
|
|
14152
14443
|
static get cmpMeta() { return {
|
|
14153
14444
|
"$flags$": 265,
|
|
@@ -14165,10 +14456,17 @@ class PostMenu {
|
|
|
14165
14456
|
"$attrsToReflect$": [["label", "label"]]
|
|
14166
14457
|
}; }
|
|
14167
14458
|
}
|
|
14168
|
-
__decorate([
|
|
14459
|
+
__decorate$d([
|
|
14460
|
+
OneOf(PLACEMENT_TYPES)
|
|
14461
|
+
], PostMenu.prototype, "placement", void 0);
|
|
14462
|
+
__decorate$d([
|
|
14463
|
+
Required(),
|
|
14464
|
+
Type('string')
|
|
14465
|
+
], PostMenu.prototype, "label", void 0);
|
|
14466
|
+
__decorate$d([
|
|
14169
14467
|
EventFrom('post-popovercontainer')
|
|
14170
14468
|
], PostMenu.prototype, "handlePostShown", null);
|
|
14171
|
-
__decorate([
|
|
14469
|
+
__decorate$d([
|
|
14172
14470
|
EventFrom('post-popovercontainer')
|
|
14173
14471
|
], PostMenu.prototype, "handlePostBeforeToggle", null);
|
|
14174
14472
|
|
|
@@ -14195,10 +14493,17 @@ class PostMenuItem {
|
|
|
14195
14493
|
|
|
14196
14494
|
const postMenuTriggerCss = () => `:host{display:inline-block}`;
|
|
14197
14495
|
|
|
14496
|
+
var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
14497
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
14498
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
14499
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
14500
|
+
else
|
|
14501
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
14502
|
+
if (d = decorators[i])
|
|
14503
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
14504
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
14505
|
+
};
|
|
14198
14506
|
class PostMenuTrigger {
|
|
14199
|
-
validateFor() {
|
|
14200
|
-
checkRequiredAndType(this, 'for', 'string');
|
|
14201
|
-
}
|
|
14202
14507
|
constructor(hostRef) {
|
|
14203
14508
|
registerInstance(this, hostRef);
|
|
14204
14509
|
this.updateAriaExpanded = this.updateAriaExpanded.bind(this);
|
|
@@ -14207,7 +14512,6 @@ class PostMenuTrigger {
|
|
|
14207
14512
|
this.root = getRoot(this.host);
|
|
14208
14513
|
}
|
|
14209
14514
|
componentDidLoad() {
|
|
14210
|
-
this.validateFor();
|
|
14211
14515
|
this.setAriaAttributes();
|
|
14212
14516
|
if (this.root) {
|
|
14213
14517
|
this.root.addEventListener('toggleMenu', this.updateAriaExpanded);
|
|
@@ -14254,14 +14558,9 @@ class PostMenuTrigger {
|
|
|
14254
14558
|
return null;
|
|
14255
14559
|
}
|
|
14256
14560
|
render() {
|
|
14257
|
-
return (hAsync(Host, { key: '
|
|
14561
|
+
return (hAsync(Host, { key: '53cdf95c4eaaf430f0ada66aa69588b7830903f9', "data-version": version$1 }, hAsync("slot", { key: 'ae764b0b2b93cd7934fd39ef68084871ddd3f94f' })));
|
|
14258
14562
|
}
|
|
14259
14563
|
get host() { return getElement(this); }
|
|
14260
|
-
static get watchers() { return {
|
|
14261
|
-
"for": [{
|
|
14262
|
-
"validateFor": 0
|
|
14263
|
-
}]
|
|
14264
|
-
}; }
|
|
14265
14564
|
static get style() { return postMenuTriggerCss(); }
|
|
14266
14565
|
static get cmpMeta() { return {
|
|
14267
14566
|
"$flags$": 265,
|
|
@@ -14274,6 +14573,10 @@ class PostMenuTrigger {
|
|
|
14274
14573
|
"$attrsToReflect$": [["for", "for"]]
|
|
14275
14574
|
}; }
|
|
14276
14575
|
}
|
|
14576
|
+
__decorate$c([
|
|
14577
|
+
Required(),
|
|
14578
|
+
Type('string')
|
|
14579
|
+
], PostMenuTrigger.prototype, "for", void 0);
|
|
14277
14580
|
|
|
14278
14581
|
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}`;
|
|
14279
14582
|
|
|
@@ -14389,6 +14692,16 @@ class PostNumberInput {
|
|
|
14389
14692
|
|
|
14390
14693
|
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}`;
|
|
14391
14694
|
|
|
14695
|
+
var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
14696
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
14697
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
14698
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
14699
|
+
else
|
|
14700
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
14701
|
+
if (d = decorators[i])
|
|
14702
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
14703
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
14704
|
+
};
|
|
14392
14705
|
const ELLIPSIS = '...';
|
|
14393
14706
|
const MEASUREMENT_DEBOUNCE_MS = 50;
|
|
14394
14707
|
const RESIZE_DEBOUNCE_MS = 150;
|
|
@@ -14400,39 +14713,12 @@ const MIDDLE_RANGE_START = 2; // Middle range starts from page 2 (page 1 is alwa
|
|
|
14400
14713
|
class PostPagination {
|
|
14401
14714
|
constructor(hostRef) {
|
|
14402
14715
|
registerInstance(this, hostRef);
|
|
14403
|
-
this.postChange = createEvent(this, "postChange");
|
|
14404
|
-
this.items = [];
|
|
14405
|
-
this.lastWindowWidth = window.innerWidth;
|
|
14406
|
-
this.loaded = false;
|
|
14407
|
-
this.debouncedResize = debounce(this.handleResizeInternal.bind(this), RESIZE_DEBOUNCE_MS);
|
|
14408
|
-
this.measurementTimeoutId = null;
|
|
14409
|
-
}
|
|
14410
|
-
validatePage() {
|
|
14411
|
-
this.validateProp('page', 'number', false);
|
|
14412
|
-
}
|
|
14413
|
-
validatePageSize() {
|
|
14414
|
-
this.validateProp('pageSize', 'number', true);
|
|
14415
|
-
}
|
|
14416
|
-
validateCollectionSize() {
|
|
14417
|
-
this.validateProp('collectionSize', 'number', true);
|
|
14418
|
-
}
|
|
14419
|
-
validateLabel() {
|
|
14420
|
-
this.validateProp('label', 'string', true);
|
|
14421
|
-
}
|
|
14422
|
-
validateTextPrevious() {
|
|
14423
|
-
this.validateProp('textPrevious', 'string', true);
|
|
14424
|
-
}
|
|
14425
|
-
validateTextNext() {
|
|
14426
|
-
this.validateProp('textNext', 'string', true);
|
|
14427
|
-
}
|
|
14428
|
-
validateTextPage() {
|
|
14429
|
-
this.validateProp('textPage', 'string', true);
|
|
14430
|
-
}
|
|
14431
|
-
validateTextFirst() {
|
|
14432
|
-
this.validateProp('textFirst', 'string', true);
|
|
14433
|
-
}
|
|
14434
|
-
validateTextLast() {
|
|
14435
|
-
this.validateProp('textLast', 'string', true);
|
|
14716
|
+
this.postChange = createEvent(this, "postChange");
|
|
14717
|
+
this.items = [];
|
|
14718
|
+
this.lastWindowWidth = window.innerWidth;
|
|
14719
|
+
this.loaded = false;
|
|
14720
|
+
this.debouncedResize = debounce(this.handleResizeInternal.bind(this), RESIZE_DEBOUNCE_MS);
|
|
14721
|
+
this.measurementTimeoutId = null;
|
|
14436
14722
|
}
|
|
14437
14723
|
handlePropsChange() {
|
|
14438
14724
|
this.updatePagesWithValidation();
|
|
@@ -14448,7 +14734,6 @@ class PostPagination {
|
|
|
14448
14734
|
}
|
|
14449
14735
|
componentDidLoad() {
|
|
14450
14736
|
this.loaded = true;
|
|
14451
|
-
this.runAllValidations();
|
|
14452
14737
|
this.scheduleMeasurement();
|
|
14453
14738
|
}
|
|
14454
14739
|
disconnectedCallback() {
|
|
@@ -14459,31 +14744,6 @@ class PostPagination {
|
|
|
14459
14744
|
this.measurementTimeoutId = null;
|
|
14460
14745
|
}
|
|
14461
14746
|
}
|
|
14462
|
-
/**
|
|
14463
|
-
* Validate a prop with the appropriate check function
|
|
14464
|
-
*/
|
|
14465
|
-
validateProp(propName, type, required = true) {
|
|
14466
|
-
if (required) {
|
|
14467
|
-
checkRequiredAndType(this, propName, type);
|
|
14468
|
-
}
|
|
14469
|
-
else {
|
|
14470
|
-
checkEmptyOrType(this, propName, type);
|
|
14471
|
-
}
|
|
14472
|
-
}
|
|
14473
|
-
/**
|
|
14474
|
-
* Run all prop validations
|
|
14475
|
-
*/
|
|
14476
|
-
runAllValidations() {
|
|
14477
|
-
this.validateProp('page', 'number', false);
|
|
14478
|
-
this.validateProp('pageSize', 'number', true);
|
|
14479
|
-
this.validateProp('collectionSize', 'number', true);
|
|
14480
|
-
this.validateProp('label', 'string', true);
|
|
14481
|
-
this.validateProp('textPrevious', 'string', true);
|
|
14482
|
-
this.validateProp('textNext', 'string', true);
|
|
14483
|
-
this.validateProp('textPage', 'string', true);
|
|
14484
|
-
this.validateProp('textFirst', 'string', true);
|
|
14485
|
-
this.validateProp('textLast', 'string', true);
|
|
14486
|
-
}
|
|
14487
14747
|
/**
|
|
14488
14748
|
* Schedule measurement attempt with timeout
|
|
14489
14749
|
*/
|
|
@@ -14947,37 +15207,13 @@ class PostPagination {
|
|
|
14947
15207
|
get host() { return getElement(this); }
|
|
14948
15208
|
static get watchers() { return {
|
|
14949
15209
|
"page": [{
|
|
14950
|
-
"validatePage": 0
|
|
14951
|
-
}, {
|
|
14952
15210
|
"handlePropsChange": 0
|
|
14953
15211
|
}],
|
|
14954
15212
|
"pageSize": [{
|
|
14955
|
-
"validatePageSize": 0
|
|
14956
|
-
}, {
|
|
14957
15213
|
"handlePropsChange": 0
|
|
14958
15214
|
}],
|
|
14959
15215
|
"collectionSize": [{
|
|
14960
|
-
"validateCollectionSize": 0
|
|
14961
|
-
}, {
|
|
14962
15216
|
"handlePropsChange": 0
|
|
14963
|
-
}],
|
|
14964
|
-
"label": [{
|
|
14965
|
-
"validateLabel": 0
|
|
14966
|
-
}],
|
|
14967
|
-
"textPrevious": [{
|
|
14968
|
-
"validateTextPrevious": 0
|
|
14969
|
-
}],
|
|
14970
|
-
"textNext": [{
|
|
14971
|
-
"validateTextNext": 0
|
|
14972
|
-
}],
|
|
14973
|
-
"textPage": [{
|
|
14974
|
-
"validateTextPage": 0
|
|
14975
|
-
}],
|
|
14976
|
-
"textFirst": [{
|
|
14977
|
-
"validateTextFirst": 0
|
|
14978
|
-
}],
|
|
14979
|
-
"textLast": [{
|
|
14980
|
-
"validateTextLast": 0
|
|
14981
15217
|
}]
|
|
14982
15218
|
}; }
|
|
14983
15219
|
static get style() { return postPaginationCss(); }
|
|
@@ -15003,9 +15239,54 @@ class PostPagination {
|
|
|
15003
15239
|
"$attrsToReflect$": [["pageSize", "page-size"], ["collectionSize", "collection-size"], ["label", "label"], ["textPrevious", "text-previous"], ["textNext", "text-next"], ["textPage", "text-page"], ["textFirst", "text-first"], ["textLast", "text-last"]]
|
|
15004
15240
|
}; }
|
|
15005
15241
|
}
|
|
15242
|
+
__decorate$b([
|
|
15243
|
+
Type('number')
|
|
15244
|
+
], PostPagination.prototype, "page", void 0);
|
|
15245
|
+
__decorate$b([
|
|
15246
|
+
Required(),
|
|
15247
|
+
Type('number')
|
|
15248
|
+
], PostPagination.prototype, "pageSize", void 0);
|
|
15249
|
+
__decorate$b([
|
|
15250
|
+
Required(),
|
|
15251
|
+
Type('number')
|
|
15252
|
+
], PostPagination.prototype, "collectionSize", void 0);
|
|
15253
|
+
__decorate$b([
|
|
15254
|
+
Required(),
|
|
15255
|
+
Type('string')
|
|
15256
|
+
], PostPagination.prototype, "label", void 0);
|
|
15257
|
+
__decorate$b([
|
|
15258
|
+
Required(),
|
|
15259
|
+
Type('string')
|
|
15260
|
+
], PostPagination.prototype, "textPrevious", void 0);
|
|
15261
|
+
__decorate$b([
|
|
15262
|
+
Required(),
|
|
15263
|
+
Type('string')
|
|
15264
|
+
], PostPagination.prototype, "textNext", void 0);
|
|
15265
|
+
__decorate$b([
|
|
15266
|
+
Required(),
|
|
15267
|
+
Type('string')
|
|
15268
|
+
], PostPagination.prototype, "textPage", void 0);
|
|
15269
|
+
__decorate$b([
|
|
15270
|
+
Required(),
|
|
15271
|
+
Type('string')
|
|
15272
|
+
], PostPagination.prototype, "textFirst", void 0);
|
|
15273
|
+
__decorate$b([
|
|
15274
|
+
Required(),
|
|
15275
|
+
Type('string')
|
|
15276
|
+
], PostPagination.prototype, "textLast", void 0);
|
|
15006
15277
|
|
|
15007
15278
|
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}`;
|
|
15008
15279
|
|
|
15280
|
+
var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
15281
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
15282
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
15283
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
15284
|
+
else
|
|
15285
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
15286
|
+
if (d = decorators[i])
|
|
15287
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
15288
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
15289
|
+
};
|
|
15009
15290
|
/**
|
|
15010
15291
|
* @slot default - Slot for placing content inside the popover.
|
|
15011
15292
|
*/
|
|
@@ -15024,16 +15305,6 @@ class PostPopover {
|
|
|
15024
15305
|
// eslint-disable-next-line @stencil-community/ban-default-true
|
|
15025
15306
|
this.arrow = true;
|
|
15026
15307
|
}
|
|
15027
|
-
validatePlacement() {
|
|
15028
|
-
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
15029
|
-
}
|
|
15030
|
-
validateTextClose() {
|
|
15031
|
-
checkRequiredAndType(this, 'textClose', 'string');
|
|
15032
|
-
}
|
|
15033
|
-
componentDidLoad() {
|
|
15034
|
-
this.validatePlacement();
|
|
15035
|
-
this.validateTextClose();
|
|
15036
|
-
}
|
|
15037
15308
|
/**
|
|
15038
15309
|
* Programmatically display the popover
|
|
15039
15310
|
* @param target A focusable element inside the <post-popover-trigger> component that controls the popover
|
|
@@ -15067,17 +15338,9 @@ class PostPopover {
|
|
|
15067
15338
|
}
|
|
15068
15339
|
}
|
|
15069
15340
|
render() {
|
|
15070
|
-
return (hAsync(Host, { key: '
|
|
15341
|
+
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)))));
|
|
15071
15342
|
}
|
|
15072
15343
|
get host() { return getElement(this); }
|
|
15073
|
-
static get watchers() { return {
|
|
15074
|
-
"placement": [{
|
|
15075
|
-
"validatePlacement": 0
|
|
15076
|
-
}],
|
|
15077
|
-
"textClose": [{
|
|
15078
|
-
"validateTextClose": 0
|
|
15079
|
-
}]
|
|
15080
|
-
}; }
|
|
15081
15344
|
static get style() { return postPopoverCss(); }
|
|
15082
15345
|
static get cmpMeta() { return {
|
|
15083
15346
|
"$flags$": 265,
|
|
@@ -15095,6 +15358,13 @@ class PostPopover {
|
|
|
15095
15358
|
"$attrsToReflect$": [["textClose", "text-close"]]
|
|
15096
15359
|
}; }
|
|
15097
15360
|
}
|
|
15361
|
+
__decorate$a([
|
|
15362
|
+
OneOf(PLACEMENT_TYPES)
|
|
15363
|
+
], PostPopover.prototype, "placement", void 0);
|
|
15364
|
+
__decorate$a([
|
|
15365
|
+
Required(),
|
|
15366
|
+
Type('string')
|
|
15367
|
+
], PostPopover.prototype, "textClose", void 0);
|
|
15098
15368
|
|
|
15099
15369
|
var focusable = {exports: {}};
|
|
15100
15370
|
|
|
@@ -20109,6 +20379,16 @@ var isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
|
|
|
20109
20379
|
|
|
20110
20380
|
const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
|
|
20111
20381
|
|
|
20382
|
+
var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
20383
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
20384
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
20385
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
20386
|
+
else
|
|
20387
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
20388
|
+
if (d = decorators[i])
|
|
20389
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
20390
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
20391
|
+
};
|
|
20112
20392
|
class PostPopoverTrigger {
|
|
20113
20393
|
syncAriaExpanded(newValue) {
|
|
20114
20394
|
this.ariaExpanded = newValue;
|
|
@@ -20116,13 +20396,6 @@ class PostPopoverTrigger {
|
|
|
20116
20396
|
this.trigger.setAttribute('aria-expanded', String(newValue));
|
|
20117
20397
|
}
|
|
20118
20398
|
}
|
|
20119
|
-
/**
|
|
20120
|
-
* Watch for changes to the `for` property to validate its type and ensure it is a string.
|
|
20121
|
-
* @param forValue - The new value of the `for` property.
|
|
20122
|
-
*/
|
|
20123
|
-
validateFor() {
|
|
20124
|
-
checkEmptyOrType(this, 'for', 'string');
|
|
20125
|
-
}
|
|
20126
20399
|
hasAriaControlsElements(el) {
|
|
20127
20400
|
return 'ariaControlsElements' in el;
|
|
20128
20401
|
}
|
|
@@ -20203,7 +20476,6 @@ class PostPopoverTrigger {
|
|
|
20203
20476
|
};
|
|
20204
20477
|
}
|
|
20205
20478
|
componentDidLoad() {
|
|
20206
|
-
this.validateFor();
|
|
20207
20479
|
this.setupTrigger();
|
|
20208
20480
|
this.popover?.addEventListener('postToggle', this.boundHandlePostToggle);
|
|
20209
20481
|
}
|
|
@@ -20213,15 +20485,12 @@ class PostPopoverTrigger {
|
|
|
20213
20485
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
20214
20486
|
}
|
|
20215
20487
|
render() {
|
|
20216
|
-
return (hAsync(Host, { key: '
|
|
20488
|
+
return (hAsync(Host, { key: '15106566f7f823c789987c59ef7b655622c95f23', "data-version": version$1 }, hAsync("slot", { key: 'e8d4e3f87795b2f323210a2fedee79e462f715bd', onSlotchange: () => this.setupTrigger() })));
|
|
20217
20489
|
}
|
|
20218
20490
|
get host() { return getElement(this); }
|
|
20219
20491
|
static get watchers() { return {
|
|
20220
20492
|
"popoverOpen": [{
|
|
20221
20493
|
"syncAriaExpanded": 0
|
|
20222
|
-
}],
|
|
20223
|
-
"for": [{
|
|
20224
|
-
"validateFor": 0
|
|
20225
20494
|
}]
|
|
20226
20495
|
}; }
|
|
20227
20496
|
static get style() { return postPopoverTriggerCss(); }
|
|
@@ -20238,6 +20507,9 @@ class PostPopoverTrigger {
|
|
|
20238
20507
|
"$attrsToReflect$": [["for", "for"]]
|
|
20239
20508
|
}; }
|
|
20240
20509
|
}
|
|
20510
|
+
__decorate$9([
|
|
20511
|
+
Type('string')
|
|
20512
|
+
], PostPopoverTrigger.prototype, "for", void 0);
|
|
20241
20513
|
|
|
20242
20514
|
/**
|
|
20243
20515
|
* Custom positioning reference element.
|
|
@@ -22183,6 +22455,16 @@ function popIn(el) {
|
|
|
22183
22455
|
|
|
22184
22456
|
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))}`;
|
|
22185
22457
|
|
|
22458
|
+
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
22459
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
22460
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
22461
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
22462
|
+
else
|
|
22463
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
22464
|
+
if (d = decorators[i])
|
|
22465
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
22466
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
22467
|
+
};
|
|
22186
22468
|
const ANIMATIONS = {
|
|
22187
22469
|
'pop-in': popIn,
|
|
22188
22470
|
};
|
|
@@ -22220,15 +22502,6 @@ class PostPopovercontainer {
|
|
|
22220
22502
|
this.currentAnimation = null;
|
|
22221
22503
|
this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
|
|
22222
22504
|
}
|
|
22223
|
-
validatePlacement() {
|
|
22224
|
-
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
22225
|
-
}
|
|
22226
|
-
validateEdgeGap() {
|
|
22227
|
-
checkEmptyOrType(this, 'edgeGap', 'number');
|
|
22228
|
-
}
|
|
22229
|
-
validateSafeSpace() {
|
|
22230
|
-
checkEmptyOrOneOf(this, 'safeSpace', ['triangle', 'trapezoid']);
|
|
22231
|
-
}
|
|
22232
22505
|
/**
|
|
22233
22506
|
* Updates cursor position for safe space feature when popover is open.
|
|
22234
22507
|
* Sets CSS custom properties for dynamic styling of safe area.
|
|
@@ -22241,9 +22514,6 @@ class PostPopovercontainer {
|
|
|
22241
22514
|
connectedCallback() {
|
|
22242
22515
|
}
|
|
22243
22516
|
componentDidLoad() {
|
|
22244
|
-
this.validatePlacement();
|
|
22245
|
-
this.validateEdgeGap();
|
|
22246
|
-
this.validateSafeSpace();
|
|
22247
22517
|
this.host.addEventListener('beforetoggle', this.handleToggle.bind(this));
|
|
22248
22518
|
}
|
|
22249
22519
|
disconnectedCallback() {
|
|
@@ -22525,22 +22795,11 @@ class PostPopovercontainer {
|
|
|
22525
22795
|
}
|
|
22526
22796
|
}
|
|
22527
22797
|
render() {
|
|
22528
|
-
return (hAsync(Host, { key: '
|
|
22798
|
+
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 => {
|
|
22529
22799
|
this.arrowRef = el;
|
|
22530
|
-
} })), hAsync("span", { key: '
|
|
22800
|
+
} })), hAsync("span", { key: 'a1dd28b0ddd3af5792199f47e7a921eb14b86f93', part: "post-popovercontainer-border-mask" }), hAsync("div", { key: '94e84d35042983d832d6f0e9f8c01b68428d1401', class: "popover-scroll" }, hAsync("slot", { key: '28909f395a3ed25f489458f94de79c3c1ae309c9' })))));
|
|
22531
22801
|
}
|
|
22532
22802
|
get host() { return getElement(this); }
|
|
22533
|
-
static get watchers() { return {
|
|
22534
|
-
"placement": [{
|
|
22535
|
-
"validatePlacement": 0
|
|
22536
|
-
}],
|
|
22537
|
-
"edgeGap": [{
|
|
22538
|
-
"validateEdgeGap": 0
|
|
22539
|
-
}],
|
|
22540
|
-
"safeSpace": [{
|
|
22541
|
-
"validateSafeSpace": 0
|
|
22542
|
-
}]
|
|
22543
|
-
}; }
|
|
22544
22803
|
static get style() { return postPopovercontainerCss(); }
|
|
22545
22804
|
static get cmpMeta() { return {
|
|
22546
22805
|
"$flags$": 265,
|
|
@@ -22581,24 +22840,105 @@ PostPopovercontainer.PROPERTIES_TO_CLEAR = [
|
|
|
22581
22840
|
'--post-safe-space-trigger-y-start',
|
|
22582
22841
|
'--post-safe-space-trigger-y-end',
|
|
22583
22842
|
];
|
|
22843
|
+
__decorate$8([
|
|
22844
|
+
OneOf(PLACEMENT_TYPES)
|
|
22845
|
+
], PostPopovercontainer.prototype, "placement", void 0);
|
|
22846
|
+
__decorate$8([
|
|
22847
|
+
Type('number')
|
|
22848
|
+
], PostPopovercontainer.prototype, "edgeGap", void 0);
|
|
22849
|
+
__decorate$8([
|
|
22850
|
+
OneOf(['triangle', 'trapezoid'])
|
|
22851
|
+
], PostPopovercontainer.prototype, "safeSpace", void 0);
|
|
22584
22852
|
|
|
22585
|
-
const
|
|
22853
|
+
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}}`;
|
|
22586
22854
|
|
|
22587
|
-
|
|
22588
|
-
|
|
22589
|
-
|
|
22855
|
+
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
22856
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
22857
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
22858
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
22859
|
+
else
|
|
22860
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
22861
|
+
if (d = decorators[i])
|
|
22862
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
22863
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
22864
|
+
};
|
|
22865
|
+
class PostProgressbar {
|
|
22866
|
+
constructor(hostRef) {
|
|
22867
|
+
registerInstance(this, hostRef);
|
|
22868
|
+
/**
|
|
22869
|
+
* The minimum value of the progress bar.
|
|
22870
|
+
* Must be a valid floating point number less than max.
|
|
22871
|
+
*/
|
|
22872
|
+
this.min = 0;
|
|
22873
|
+
/**
|
|
22874
|
+
* Describes how much work the task indicated by the progress element requires.
|
|
22875
|
+
* Must be a valid floating point number greater than min.
|
|
22876
|
+
*/
|
|
22877
|
+
this.max = 100;
|
|
22590
22878
|
}
|
|
22591
|
-
|
|
22592
|
-
|
|
22879
|
+
getEffectiveMin() {
|
|
22880
|
+
return Number.isFinite(this.min) ? this.min : 0;
|
|
22593
22881
|
}
|
|
22594
|
-
|
|
22595
|
-
|
|
22882
|
+
getEffectiveMax() {
|
|
22883
|
+
return Number.isFinite(this.max) && this.max > this.getEffectiveMin() ? this.max : 100;
|
|
22596
22884
|
}
|
|
22597
|
-
|
|
22598
|
-
this.
|
|
22599
|
-
|
|
22600
|
-
|
|
22885
|
+
getEffectiveValue(min, max) {
|
|
22886
|
+
if (this.value === undefined ||
|
|
22887
|
+
!Number.isFinite(this.value) ||
|
|
22888
|
+
this.value < min ||
|
|
22889
|
+
this.value > max) {
|
|
22890
|
+
return min;
|
|
22891
|
+
}
|
|
22892
|
+
return this.value;
|
|
22893
|
+
}
|
|
22894
|
+
render() {
|
|
22895
|
+
const min = this.getEffectiveMin();
|
|
22896
|
+
const max = this.getEffectiveMax();
|
|
22897
|
+
const value = this.getEffectiveValue(min, max);
|
|
22898
|
+
const percentage = ((value - min) / (max - min)) * 100;
|
|
22899
|
+
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}%` } })));
|
|
22601
22900
|
}
|
|
22901
|
+
get host() { return getElement(this); }
|
|
22902
|
+
static get style() { return postProgressbarCss(); }
|
|
22903
|
+
static get cmpMeta() { return {
|
|
22904
|
+
"$flags$": 9,
|
|
22905
|
+
"$tagName$": "post-progressbar",
|
|
22906
|
+
"$members$": {
|
|
22907
|
+
"min": [2],
|
|
22908
|
+
"max": [2],
|
|
22909
|
+
"value": [2]
|
|
22910
|
+
},
|
|
22911
|
+
"$listeners$": undefined,
|
|
22912
|
+
"$lazyBundleId$": "-",
|
|
22913
|
+
"$attrsToReflect$": []
|
|
22914
|
+
}; }
|
|
22915
|
+
}
|
|
22916
|
+
__decorate$7([
|
|
22917
|
+
Type('number')
|
|
22918
|
+
], PostProgressbar.prototype, "min", void 0);
|
|
22919
|
+
__decorate$7([
|
|
22920
|
+
Type('number'),
|
|
22921
|
+
GreaterThan('min')
|
|
22922
|
+
], PostProgressbar.prototype, "max", void 0);
|
|
22923
|
+
__decorate$7([
|
|
22924
|
+
Type('number'),
|
|
22925
|
+
GreaterThan('min'),
|
|
22926
|
+
LessThan('max')
|
|
22927
|
+
], PostProgressbar.prototype, "value", void 0);
|
|
22928
|
+
|
|
22929
|
+
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%)}`;
|
|
22930
|
+
|
|
22931
|
+
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
22932
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
22933
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
22934
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
22935
|
+
else
|
|
22936
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
22937
|
+
if (d = decorators[i])
|
|
22938
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
22939
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
22940
|
+
};
|
|
22941
|
+
class PostRating {
|
|
22602
22942
|
constructor(hostRef) {
|
|
22603
22943
|
registerInstance(this, hostRef);
|
|
22604
22944
|
this.postInput = createEvent(this, "postInput");
|
|
@@ -22673,7 +23013,7 @@ class PostRating {
|
|
|
22673
23013
|
}
|
|
22674
23014
|
}
|
|
22675
23015
|
render() {
|
|
22676
|
-
return (hAsync(Host, { key: '
|
|
23016
|
+
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: {
|
|
22677
23017
|
'star': true,
|
|
22678
23018
|
'before-hover': i < this.hoveredIndex,
|
|
22679
23019
|
'active': i < Math.round(this.currentRating),
|
|
@@ -22682,17 +23022,6 @@ class PostRating {
|
|
|
22682
23022
|
}, 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" })))))));
|
|
22683
23023
|
}
|
|
22684
23024
|
get host() { return getElement(this); }
|
|
22685
|
-
static get watchers() { return {
|
|
22686
|
-
"label": [{
|
|
22687
|
-
"validateLabel": 0
|
|
22688
|
-
}],
|
|
22689
|
-
"stars": [{
|
|
22690
|
-
"validateStars": 0
|
|
22691
|
-
}],
|
|
22692
|
-
"currentRating": [{
|
|
22693
|
-
"validateCurrentRating": 0
|
|
22694
|
-
}]
|
|
22695
|
-
}; }
|
|
22696
23025
|
static get style() { return postRatingCss(); }
|
|
22697
23026
|
static get cmpMeta() { return {
|
|
22698
23027
|
"$flags$": 9,
|
|
@@ -22709,9 +23038,31 @@ class PostRating {
|
|
|
22709
23038
|
"$attrsToReflect$": [["label", "label"]]
|
|
22710
23039
|
}; }
|
|
22711
23040
|
}
|
|
23041
|
+
__decorate$6([
|
|
23042
|
+
Required(),
|
|
23043
|
+
Type('string')
|
|
23044
|
+
], PostRating.prototype, "label", void 0);
|
|
23045
|
+
__decorate$6([
|
|
23046
|
+
Required(),
|
|
23047
|
+
Type('number')
|
|
23048
|
+
], PostRating.prototype, "stars", void 0);
|
|
23049
|
+
__decorate$6([
|
|
23050
|
+
Required(),
|
|
23051
|
+
Type('number')
|
|
23052
|
+
], PostRating.prototype, "currentRating", void 0);
|
|
22712
23053
|
|
|
22713
23054
|
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}}`;
|
|
22714
23055
|
|
|
23056
|
+
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23057
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23058
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23059
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23060
|
+
else
|
|
23061
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23062
|
+
if (d = decorators[i])
|
|
23063
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23064
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23065
|
+
};
|
|
22715
23066
|
class PostStepper {
|
|
22716
23067
|
constructor(hostRef) {
|
|
22717
23068
|
registerInstance(this, hostRef);
|
|
@@ -22720,18 +23071,7 @@ class PostStepper {
|
|
|
22720
23071
|
*/
|
|
22721
23072
|
this.currentIndex = -1;
|
|
22722
23073
|
}
|
|
22723
|
-
validateTextCurrentStep() {
|
|
22724
|
-
checkRequiredAndType(this, 'textCurrentStep', 'string');
|
|
22725
|
-
}
|
|
22726
|
-
validateTextCompletedStep() {
|
|
22727
|
-
checkRequiredAndType(this, 'textCompletedStep', 'string');
|
|
22728
|
-
}
|
|
22729
|
-
validateTextStepNumber() {
|
|
22730
|
-
checkRequiredAndPattern(this, 'textStepNumber', /\{number\}/);
|
|
22731
|
-
this.updateActiveStepNumber();
|
|
22732
|
-
}
|
|
22733
23074
|
validateCurrentIndex() {
|
|
22734
|
-
checkRequiredAndType(this, 'currentIndex', 'number');
|
|
22735
23075
|
if (this.stepItems) {
|
|
22736
23076
|
this.updateSteps();
|
|
22737
23077
|
this.checkIndexes();
|
|
@@ -22742,15 +23082,20 @@ class PostStepper {
|
|
|
22742
23082
|
this.selectedIndex = this.currentIndex;
|
|
22743
23083
|
}
|
|
22744
23084
|
else {
|
|
22745
|
-
checkRequiredAndType(this, 'selectedIndex', 'number');
|
|
22746
23085
|
this.checkIndexes();
|
|
22747
23086
|
}
|
|
22748
23087
|
this.updateSteps();
|
|
22749
23088
|
}
|
|
23089
|
+
updateActiveStepNumber() {
|
|
23090
|
+
if (this.textStepNumber) {
|
|
23091
|
+
const labelTemplate = this.textStepNumber;
|
|
23092
|
+
this.mobileActiveStepLabel = labelTemplate.replaceAll('{number}', `${this.selectedIndex + 1}`);
|
|
23093
|
+
if (this.stepItems) {
|
|
23094
|
+
this.updateMobileActiveStepVisibility();
|
|
23095
|
+
}
|
|
23096
|
+
}
|
|
23097
|
+
}
|
|
22750
23098
|
componentDidLoad() {
|
|
22751
|
-
this.validateTextCompletedStep();
|
|
22752
|
-
this.validateTextCurrentStep();
|
|
22753
|
-
this.validateTextStepNumber();
|
|
22754
23099
|
// Wait for slotchange
|
|
22755
23100
|
setTimeout(() => {
|
|
22756
23101
|
this.validateCurrentIndex();
|
|
@@ -22762,15 +23107,6 @@ class PostStepper {
|
|
|
22762
23107
|
console.error('The selected-index cannot be higher than the current-index, as only the current and completed steps can be selected.');
|
|
22763
23108
|
}
|
|
22764
23109
|
}
|
|
22765
|
-
updateActiveStepNumber() {
|
|
22766
|
-
if (this.textStepNumber) {
|
|
22767
|
-
const labelTemplate = this.textStepNumber;
|
|
22768
|
-
this.mobileActiveStepLabel = labelTemplate.replaceAll('{number}', `${this.selectedIndex + 1}`);
|
|
22769
|
-
if (this.stepItems) {
|
|
22770
|
-
this.updateMobileActiveStepVisibility();
|
|
22771
|
-
}
|
|
22772
|
-
}
|
|
22773
|
-
}
|
|
22774
23110
|
updateSteps() {
|
|
22775
23111
|
this.stepItems = this.host.querySelectorAll('post-stepper-item');
|
|
22776
23112
|
if (!this.stepItems || this.stepItems.length < 3) {
|
|
@@ -22819,24 +23155,18 @@ class PostStepper {
|
|
|
22819
23155
|
}
|
|
22820
23156
|
}
|
|
22821
23157
|
render() {
|
|
22822
|
-
return (hAsync(Host, { key: '
|
|
23158
|
+
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 }))));
|
|
22823
23159
|
}
|
|
22824
23160
|
get host() { return getElement(this); }
|
|
22825
23161
|
static get watchers() { return {
|
|
22826
|
-
"textCurrentStep": [{
|
|
22827
|
-
"validateTextCurrentStep": 0
|
|
22828
|
-
}],
|
|
22829
|
-
"textCompletedStep": [{
|
|
22830
|
-
"validateTextCompletedStep": 0
|
|
22831
|
-
}],
|
|
22832
|
-
"textStepNumber": [{
|
|
22833
|
-
"validateTextStepNumber": 0
|
|
22834
|
-
}],
|
|
22835
23162
|
"currentIndex": [{
|
|
22836
23163
|
"validateCurrentIndex": 0
|
|
22837
23164
|
}],
|
|
22838
23165
|
"selectedIndex": [{
|
|
22839
23166
|
"validateSelectedIndex": 0
|
|
23167
|
+
}],
|
|
23168
|
+
"textStepNumber": [{
|
|
23169
|
+
"updateActiveStepNumber": 0
|
|
22840
23170
|
}]
|
|
22841
23171
|
}; }
|
|
22842
23172
|
static get style() { return postStepperCss(); }
|
|
@@ -22857,6 +23187,25 @@ class PostStepper {
|
|
|
22857
23187
|
"$attrsToReflect$": [["textCurrentStep", "text-current-step"], ["textCompletedStep", "text-completed-step"], ["textStepNumber", "text-step-number"]]
|
|
22858
23188
|
}; }
|
|
22859
23189
|
}
|
|
23190
|
+
__decorate$5([
|
|
23191
|
+
Required(),
|
|
23192
|
+
Type('string')
|
|
23193
|
+
], PostStepper.prototype, "textCurrentStep", void 0);
|
|
23194
|
+
__decorate$5([
|
|
23195
|
+
Required(),
|
|
23196
|
+
Type('string')
|
|
23197
|
+
], PostStepper.prototype, "textCompletedStep", void 0);
|
|
23198
|
+
__decorate$5([
|
|
23199
|
+
Required(),
|
|
23200
|
+
Pattern(/\{number\}/)
|
|
23201
|
+
], PostStepper.prototype, "textStepNumber", void 0);
|
|
23202
|
+
__decorate$5([
|
|
23203
|
+
Required(),
|
|
23204
|
+
Type('number')
|
|
23205
|
+
], PostStepper.prototype, "currentIndex", void 0);
|
|
23206
|
+
__decorate$5([
|
|
23207
|
+
Type('number')
|
|
23208
|
+
], PostStepper.prototype, "selectedIndex", void 0);
|
|
22860
23209
|
|
|
22861
23210
|
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}`;
|
|
22862
23211
|
|
|
@@ -22865,7 +23214,7 @@ class PostStepperItem {
|
|
|
22865
23214
|
registerInstance(this, hostRef);
|
|
22866
23215
|
}
|
|
22867
23216
|
render() {
|
|
22868
|
-
return (hAsync(Host, { key: '
|
|
23217
|
+
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' })))));
|
|
22869
23218
|
}
|
|
22870
23219
|
static get style() { return postStepperItemCss(); }
|
|
22871
23220
|
static get cmpMeta() { return {
|
|
@@ -22880,6 +23229,16 @@ class PostStepperItem {
|
|
|
22880
23229
|
|
|
22881
23230
|
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}}`;
|
|
22882
23231
|
|
|
23232
|
+
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23233
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23234
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23235
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23236
|
+
else
|
|
23237
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23238
|
+
if (d = decorators[i])
|
|
23239
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23240
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23241
|
+
};
|
|
22883
23242
|
/**
|
|
22884
23243
|
* @slot default - Slot for the content of the tab item. Can contain text or an <a> element for navigation mode.
|
|
22885
23244
|
*/
|
|
@@ -22889,9 +23248,6 @@ class PostTabItem {
|
|
|
22889
23248
|
this.mutationObserver = new MutationObserver(this.checkNavigationMode.bind(this));
|
|
22890
23249
|
this.isNavigationMode = false;
|
|
22891
23250
|
}
|
|
22892
|
-
validateName() {
|
|
22893
|
-
checkRequiredAndType(this, 'name', 'string');
|
|
22894
|
-
}
|
|
22895
23251
|
connectedCallback() {
|
|
22896
23252
|
this.mutationObserver.observe(this.host, {
|
|
22897
23253
|
childList: true,
|
|
@@ -22912,14 +23268,9 @@ class PostTabItem {
|
|
|
22912
23268
|
this.isNavigationMode = hasAnchor;
|
|
22913
23269
|
}
|
|
22914
23270
|
render() {
|
|
22915
|
-
return (hAsync(Host, { key: '
|
|
23271
|
+
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' })));
|
|
22916
23272
|
}
|
|
22917
23273
|
get host() { return getElement(this); }
|
|
22918
|
-
static get watchers() { return {
|
|
22919
|
-
"name": [{
|
|
22920
|
-
"validateName": 0
|
|
22921
|
-
}]
|
|
22922
|
-
}; }
|
|
22923
23274
|
static get style() { return postTabItemCss(); }
|
|
22924
23275
|
static get cmpMeta() { return {
|
|
22925
23276
|
"$flags$": 265,
|
|
@@ -22934,9 +23285,23 @@ class PostTabItem {
|
|
|
22934
23285
|
"$attrsToReflect$": [["name", "name"]]
|
|
22935
23286
|
}; }
|
|
22936
23287
|
}
|
|
23288
|
+
__decorate$4([
|
|
23289
|
+
Required(),
|
|
23290
|
+
Type('string')
|
|
23291
|
+
], PostTabItem.prototype, "name", void 0);
|
|
22937
23292
|
|
|
22938
23293
|
const postTabPanelCss = () => `:host{display:none}`;
|
|
22939
23294
|
|
|
23295
|
+
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23296
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23297
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23298
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23299
|
+
else
|
|
23300
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23301
|
+
if (d = decorators[i])
|
|
23302
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23303
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23304
|
+
};
|
|
22940
23305
|
/**
|
|
22941
23306
|
* @slot default - Slot for placing the content of the tab panel.
|
|
22942
23307
|
*/
|
|
@@ -22944,23 +23309,14 @@ class PostTabPanel {
|
|
|
22944
23309
|
constructor(hostRef) {
|
|
22945
23310
|
registerInstance(this, hostRef);
|
|
22946
23311
|
}
|
|
22947
|
-
validateFor() {
|
|
22948
|
-
checkRequiredAndType(this, 'for', 'string');
|
|
22949
|
-
}
|
|
22950
23312
|
componentWillLoad() {
|
|
22951
|
-
this.validateFor();
|
|
22952
23313
|
// get the id set on the host element or use a random id by default
|
|
22953
23314
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
22954
23315
|
}
|
|
22955
23316
|
render() {
|
|
22956
|
-
return (hAsync(Host, { key: '
|
|
23317
|
+
return (hAsync(Host, { key: 'a67cc32e99a26cafcdb39968252012d8b67810b1', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: '2435e43fcecac9a863e4ba2fc215efa7b03c7c18' })));
|
|
22957
23318
|
}
|
|
22958
23319
|
get host() { return getElement(this); }
|
|
22959
|
-
static get watchers() { return {
|
|
22960
|
-
"for": [{
|
|
22961
|
-
"validateFor": 0
|
|
22962
|
-
}]
|
|
22963
|
-
}; }
|
|
22964
23320
|
static get style() { return postTabPanelCss(); }
|
|
22965
23321
|
static get cmpMeta() { return {
|
|
22966
23322
|
"$flags$": 265,
|
|
@@ -22974,9 +23330,23 @@ class PostTabPanel {
|
|
|
22974
23330
|
"$attrsToReflect$": [["for", "for"]]
|
|
22975
23331
|
}; }
|
|
22976
23332
|
}
|
|
23333
|
+
__decorate$3([
|
|
23334
|
+
Required(),
|
|
23335
|
+
Type('string')
|
|
23336
|
+
], PostTabPanel.prototype, "for", void 0);
|
|
22977
23337
|
|
|
22978
23338
|
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)}`;
|
|
22979
23339
|
|
|
23340
|
+
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23341
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23342
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23343
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23344
|
+
else
|
|
23345
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23346
|
+
if (d = decorators[i])
|
|
23347
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23348
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23349
|
+
};
|
|
22980
23350
|
/**
|
|
22981
23351
|
* @slot default - Slot for placing tab items. Each tab item should be a <post-tab-item> element.
|
|
22982
23352
|
* @slot panels - Slot for placing tab panels. Each tab panel should be a <post-tab-panel> element.
|
|
@@ -23003,8 +23373,8 @@ class PostTabs {
|
|
|
23003
23373
|
return Array.from(this.host.querySelectorAll('post-tab-panel')).filter(panel => panel.closest('post-tabs') === this.host);
|
|
23004
23374
|
}
|
|
23005
23375
|
validateLabel() {
|
|
23006
|
-
if (this.isNavigationMode) {
|
|
23007
|
-
|
|
23376
|
+
if (this.isNavigationMode && !this.label) {
|
|
23377
|
+
console.error(`[${this.host.localName}] Property "label" is required in navigation mode. Received: ${JSON.stringify(this.label)}.`, this.host);
|
|
23008
23378
|
}
|
|
23009
23379
|
}
|
|
23010
23380
|
componentWillRender() {
|
|
@@ -23268,10 +23638,10 @@ class PostTabs {
|
|
|
23268
23638
|
}
|
|
23269
23639
|
render() {
|
|
23270
23640
|
const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
|
|
23271
|
-
return (hAsync(Host, { key: '
|
|
23641
|
+
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: () => {
|
|
23272
23642
|
this.moveMisplacedTabs();
|
|
23273
23643
|
this.enableTabs();
|
|
23274
|
-
} }))), !this.isNavigationMode && (hAsync("div", { key: '
|
|
23644
|
+
} }))), !this.isNavigationMode && (hAsync("div", { key: '8dc41274f8c9da24b2d65eebf213ea35c41368d0', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: 'e859256ebcb60fc0457349ca991508406b3bc309', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
23275
23645
|
}
|
|
23276
23646
|
get host() { return getElement(this); }
|
|
23277
23647
|
static get watchers() { return {
|
|
@@ -23295,6 +23665,9 @@ class PostTabs {
|
|
|
23295
23665
|
"$attrsToReflect$": [["fullWidth", "full-width"], ["label", "label"]]
|
|
23296
23666
|
}; }
|
|
23297
23667
|
}
|
|
23668
|
+
__decorate$2([
|
|
23669
|
+
Type('string')
|
|
23670
|
+
], PostTabs.prototype, "label", void 0);
|
|
23298
23671
|
|
|
23299
23672
|
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}`;
|
|
23300
23673
|
|
|
@@ -23323,10 +23696,12 @@ class PostTogglebutton {
|
|
|
23323
23696
|
// add event listener in capture phase so the toggle state is updated
|
|
23324
23697
|
// before any parent bubble listeners react to the click.
|
|
23325
23698
|
this.host.addEventListener('click', () => this.handleClick(), { capture: true });
|
|
23326
|
-
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), {
|
|
23699
|
+
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), {
|
|
23700
|
+
capture: true,
|
|
23701
|
+
});
|
|
23327
23702
|
}
|
|
23328
23703
|
render() {
|
|
23329
|
-
return (hAsync(Host, { key: '
|
|
23704
|
+
return (hAsync(Host, { key: '6659870a07cf41d8808660906165797572f6a24d', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '08e6e5b43eeff5239eb40ec8ee960076058dede1' })));
|
|
23330
23705
|
}
|
|
23331
23706
|
get host() { return getElement(this); }
|
|
23332
23707
|
static get style() { return postTogglebuttonCss(); }
|
|
@@ -23344,6 +23719,16 @@ class PostTogglebutton {
|
|
|
23344
23719
|
|
|
23345
23720
|
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}`;
|
|
23346
23721
|
|
|
23722
|
+
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23723
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23724
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23725
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23726
|
+
else
|
|
23727
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23728
|
+
if (d = decorators[i])
|
|
23729
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23730
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23731
|
+
};
|
|
23347
23732
|
class PostTooltip {
|
|
23348
23733
|
constructor(hostRef) {
|
|
23349
23734
|
registerInstance(this, hostRef);
|
|
@@ -23362,12 +23747,6 @@ class PostTooltip {
|
|
|
23362
23747
|
*/
|
|
23363
23748
|
this.open = false;
|
|
23364
23749
|
}
|
|
23365
|
-
validatePlacement() {
|
|
23366
|
-
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
23367
|
-
}
|
|
23368
|
-
componentWillLoad() {
|
|
23369
|
-
this.validatePlacement();
|
|
23370
|
-
}
|
|
23371
23750
|
componentDidLoad() {
|
|
23372
23751
|
if (!this.host.id) {
|
|
23373
23752
|
console.error(
|
|
@@ -23407,14 +23786,9 @@ class PostTooltip {
|
|
|
23407
23786
|
}
|
|
23408
23787
|
render() {
|
|
23409
23788
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
23410
|
-
return (hAsync(Host, { key: '
|
|
23789
|
+
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' }))));
|
|
23411
23790
|
}
|
|
23412
23791
|
get host() { return getElement(this); }
|
|
23413
|
-
static get watchers() { return {
|
|
23414
|
-
"placement": [{
|
|
23415
|
-
"validatePlacement": 0
|
|
23416
|
-
}]
|
|
23417
|
-
}; }
|
|
23418
23792
|
static get style() { return postTooltipCss(); }
|
|
23419
23793
|
static get cmpMeta() { return {
|
|
23420
23794
|
"$flags$": 265,
|
|
@@ -23432,9 +23806,22 @@ class PostTooltip {
|
|
|
23432
23806
|
"$attrsToReflect$": [["open", "open"]]
|
|
23433
23807
|
}; }
|
|
23434
23808
|
}
|
|
23809
|
+
__decorate$1([
|
|
23810
|
+
OneOf(PLACEMENT_TYPES)
|
|
23811
|
+
], PostTooltip.prototype, "placement", void 0);
|
|
23435
23812
|
|
|
23436
23813
|
const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
|
|
23437
23814
|
|
|
23815
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
23816
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
23817
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
23818
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23819
|
+
else
|
|
23820
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23821
|
+
if (d = decorators[i])
|
|
23822
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23823
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23824
|
+
};
|
|
23438
23825
|
const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
|
|
23439
23826
|
/**
|
|
23440
23827
|
* @slot default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically.
|
|
@@ -23457,9 +23844,6 @@ class PostTooltipTrigger {
|
|
|
23457
23844
|
this.boundTriggerHandler = this.handleTriggerEvent.bind(this);
|
|
23458
23845
|
this.boundTooltipHandler = this.handleTooltipEvent.bind(this);
|
|
23459
23846
|
}
|
|
23460
|
-
validateControlFor() {
|
|
23461
|
-
checkEmptyOrType(this, 'for', 'string');
|
|
23462
|
-
}
|
|
23463
23847
|
get tooltip() {
|
|
23464
23848
|
return null;
|
|
23465
23849
|
}
|
|
@@ -23597,14 +23981,9 @@ class PostTooltipTrigger {
|
|
|
23597
23981
|
this.tooltip?.hide();
|
|
23598
23982
|
}
|
|
23599
23983
|
render() {
|
|
23600
|
-
return (hAsync(Host, { key: '
|
|
23984
|
+
return (hAsync(Host, { key: 'a1f51fabc4417e30a2b3454f9faf239a3a1f8071', "data-version": version$1 }, hAsync("slot", { key: '0ee1caede699ad7bc0c529f6fd1dd85c63107136', onSlotchange: () => this.handleSlotChange() })));
|
|
23601
23985
|
}
|
|
23602
23986
|
get host() { return getElement(this); }
|
|
23603
|
-
static get watchers() { return {
|
|
23604
|
-
"for": [{
|
|
23605
|
-
"validateControlFor": 0
|
|
23606
|
-
}]
|
|
23607
|
-
}; }
|
|
23608
23987
|
static get style() { return postTooltipTriggerCss(); }
|
|
23609
23988
|
static get cmpMeta() { return {
|
|
23610
23989
|
"$flags$": 265,
|
|
@@ -23618,6 +23997,10 @@ class PostTooltipTrigger {
|
|
|
23618
23997
|
"$attrsToReflect$": [["for", "for"]]
|
|
23619
23998
|
}; }
|
|
23620
23999
|
}
|
|
24000
|
+
__decorate([
|
|
24001
|
+
Required(),
|
|
24002
|
+
Type('string')
|
|
24003
|
+
], PostTooltipTrigger.prototype, "for", void 0);
|
|
23621
24004
|
|
|
23622
24005
|
registerComponents([
|
|
23623
24006
|
PostAccordion,
|
|
@@ -23653,6 +24036,7 @@ registerComponents([
|
|
|
23653
24036
|
PostPopover,
|
|
23654
24037
|
PostPopoverTrigger,
|
|
23655
24038
|
PostPopovercontainer,
|
|
24039
|
+
PostProgressbar,
|
|
23656
24040
|
PostRating,
|
|
23657
24041
|
PostStepper,
|
|
23658
24042
|
PostStepperItem,
|