@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
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var _package = require('./package-CscM89A7.js');
|
|
5
|
-
var index$1 = require('./index-qCzRmwgB.js');
|
|
3
|
+
var index = require('./index-ngUOBQot.js');
|
|
6
4
|
var breakpoints = require('./breakpoints-B0Olgvgc.js');
|
|
5
|
+
var _package = require('./package-Bi-tiNRc.js');
|
|
6
|
+
var oneOf = require('./one-of-BHyX4vYq.js');
|
|
7
|
+
var required = require('./required-lRDOdbd6.js');
|
|
7
8
|
var fade = require('./fade-CPQhl1fP.js');
|
|
8
|
-
var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
|
|
9
9
|
var eventFrom = require('./event-from-CwMw19f8.js');
|
|
10
|
+
var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
|
|
11
|
+
var type = require('./type-shT641Eo.js');
|
|
10
12
|
var nanoid = require('./nanoid-CmjyF1Cm.js');
|
|
13
|
+
var pattern = require('./pattern-BgBx5zGQ.js');
|
|
14
|
+
var url = require('./url-DRUMqVBq.js');
|
|
11
15
|
var utils = require('./utils-s05L2ulk.js');
|
|
12
16
|
var fadeSlide = require('./fade-slide-dPhQa-I1.js');
|
|
13
17
|
var placement = require('./placement-qEFR9hmI.js');
|
|
14
18
|
var getRoot = require('./get-root-B1FnQ50K.js');
|
|
19
|
+
require('./create-validator-decorator-Bnx17kwi.js');
|
|
15
20
|
|
|
16
21
|
const BUTTON_TYPES = ['button', 'submit', 'reset'];
|
|
17
22
|
const PLACEMENT = ['manual', 'auto'];
|
|
@@ -19,6 +24,16 @@ const SIZE = ['default', 'small'];
|
|
|
19
24
|
|
|
20
25
|
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)}`;
|
|
21
26
|
|
|
27
|
+
var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
28
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
29
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
30
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
31
|
+
else
|
|
32
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
33
|
+
if (d = decorators[i])
|
|
34
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
35
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
36
|
+
};
|
|
22
37
|
const PostClosebutton = class {
|
|
23
38
|
constructor(hostRef) {
|
|
24
39
|
index.registerInstance(this, hostRef);
|
|
@@ -36,15 +51,6 @@ const PostClosebutton = class {
|
|
|
36
51
|
*/
|
|
37
52
|
this.size = 'default';
|
|
38
53
|
}
|
|
39
|
-
validateButtonType() {
|
|
40
|
-
index$1.checkEmptyOrOneOf(this, 'buttonType', BUTTON_TYPES);
|
|
41
|
-
}
|
|
42
|
-
validatePlacement() {
|
|
43
|
-
index$1.checkRequiredAndOneOf(this, 'placement', PLACEMENT);
|
|
44
|
-
}
|
|
45
|
-
validateSize() {
|
|
46
|
-
index$1.checkRequiredAndOneOf(this, 'size', SIZE);
|
|
47
|
-
}
|
|
48
54
|
componentDidLoad() {
|
|
49
55
|
this.checkContent();
|
|
50
56
|
}
|
|
@@ -61,29 +67,26 @@ const PostClosebutton = class {
|
|
|
61
67
|
}
|
|
62
68
|
}
|
|
63
69
|
checkContent() {
|
|
64
|
-
this.validateButtonType();
|
|
65
|
-
this.validatePlacement();
|
|
66
|
-
this.validateSize();
|
|
67
70
|
if (!this.host.querySelector('.visually-hidden').textContent) {
|
|
68
71
|
console.error(`The \`${this.host.localName}\` component requires content for accessibility.`);
|
|
69
72
|
}
|
|
70
73
|
}
|
|
71
74
|
render() {
|
|
72
|
-
return (index.h(index.Host, { key: '
|
|
75
|
+
return (index.h(index.Host, { key: 'a685b0c1dbf08de1253d7c232800b28aa445edeb', "data-version": _package.version }, index.h("button", { key: 'e36535683023bd1cbcf560491a87ddab60f23d1c', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, index.h("post-icon", { key: '405d5ca3761bd8ee56bdd9734a2550cbbbd81f0d', "aria-hidden": "true", name: "closex" }), index.h("span", { key: '2caa490891d922dc69ef4e6ebe8e5de813426d30', class: "visually-hidden" }, index.h("slot", { key: 'fd38d8c6da378058ea93c5c08f9f96d0b7be7813' })))));
|
|
73
76
|
}
|
|
74
77
|
get host() { return index.getElement(this); }
|
|
75
|
-
static get watchers() { return {
|
|
76
|
-
"buttonType": [{
|
|
77
|
-
"validateButtonType": 0
|
|
78
|
-
}],
|
|
79
|
-
"placement": [{
|
|
80
|
-
"validatePlacement": 0
|
|
81
|
-
}],
|
|
82
|
-
"size": [{
|
|
83
|
-
"validateSize": 0
|
|
84
|
-
}]
|
|
85
|
-
}; }
|
|
86
78
|
};
|
|
79
|
+
__decorate$b([
|
|
80
|
+
oneOf.OneOf(BUTTON_TYPES)
|
|
81
|
+
], PostClosebutton.prototype, "buttonType", void 0);
|
|
82
|
+
__decorate$b([
|
|
83
|
+
required.Required(),
|
|
84
|
+
oneOf.OneOf(PLACEMENT)
|
|
85
|
+
], PostClosebutton.prototype, "placement", void 0);
|
|
86
|
+
__decorate$b([
|
|
87
|
+
required.Required(),
|
|
88
|
+
oneOf.OneOf(SIZE)
|
|
89
|
+
], PostClosebutton.prototype, "size", void 0);
|
|
87
90
|
PostClosebutton.style = postClosebuttonCss();
|
|
88
91
|
|
|
89
92
|
/**
|
|
@@ -115,7 +118,7 @@ function slide(el, direction, options = {}) {
|
|
|
115
118
|
|
|
116
119
|
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}`;
|
|
117
120
|
|
|
118
|
-
var __decorate$
|
|
121
|
+
var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
119
122
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
120
123
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
121
124
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -143,12 +146,6 @@ const PostHeader = class {
|
|
|
143
146
|
}
|
|
144
147
|
return document.body;
|
|
145
148
|
}
|
|
146
|
-
validateFullWidth() {
|
|
147
|
-
index$1.checkRequiredAndType(this, 'fullWidth', 'boolean');
|
|
148
|
-
}
|
|
149
|
-
validateTextMenu() {
|
|
150
|
-
index$1.checkRequiredAndType(this, 'textMenu', 'string');
|
|
151
|
-
}
|
|
152
149
|
lockBody(newValue, _oldValue, propName) {
|
|
153
150
|
const scrollParent = this.scrollParent;
|
|
154
151
|
const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
|
|
@@ -220,8 +217,6 @@ const PostHeader = class {
|
|
|
220
217
|
this.switchLanguageSwitchMode();
|
|
221
218
|
}
|
|
222
219
|
componentDidRender() {
|
|
223
|
-
this.validateTextMenu();
|
|
224
|
-
this.validateFullWidth();
|
|
225
220
|
this.getFocusableElements();
|
|
226
221
|
this.handleLocalHeaderResize();
|
|
227
222
|
// When a megadropdown is open on desktop and the user resizes to mobile, we set
|
|
@@ -414,19 +409,13 @@ const PostHeader = class {
|
|
|
414
409
|
render() {
|
|
415
410
|
const onDesktop = this.device === 'desktop';
|
|
416
411
|
const onTabletAndMobile = this.device !== 'desktop';
|
|
417
|
-
return (index.h(index.Host, { key: '
|
|
418
|
-
index.h("slot", { key: '
|
|
419
|
-
index.h("slot", { key: '
|
|
420
|
-
], index.h("slot", { key: '
|
|
412
|
+
return (index.h(index.Host, { key: '78b30321492682f5ac4779eaf79fa21de3d5b1f2', "data-version": _package.version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, index.h("header", { key: 'd34c893f18005a1a5c3e406f1eab0d821e1d5994' }, index.h("div", { key: '1598f8bd0ecb90662e78280d6b9a2cffaa155994', class: "global-header" }, index.h("div", { key: 'cca31ad38ecf9d8c42c73d346bd9f909b06b6a9c', class: "section" }, index.h("div", { key: 'ab28bdc152813adb481b807220a12fc549954654', class: "logo" }, index.h("slot", { key: '5080891fd1cec13ed4153afce6573373c9ddb559', name: "post-logo" })), index.h("div", { key: '4dc43239677de2779a54947b013d2379f27d4c2e', class: "sliding-controls" }, onDesktop && (index.h("div", { key: 'cb3fbb2a94f8d22772d8b60af7712ac5a8199ed2', class: "audience" }, index.h("slot", { key: '95e06819c41abef543ec2797511f22cb1b135743', name: "audience" }))), index.h("slot", { key: '5db1090c38c60374f57a8a1289d058d4364efc77', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
|
|
413
|
+
index.h("slot", { key: 'db309e50b363ee2d7a13d119dca44c6ce50e3962', name: "global-nav-secondary" }),
|
|
414
|
+
index.h("slot", { key: 'ec86d4748ef0bd8c46935b0262ec7752d3842f38', name: "language-menu" }),
|
|
415
|
+
], index.h("slot", { key: 'c082e4a6c9a8dbb2090228c819577468f0f60edd', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (index.h("post-togglebutton", { key: '2773e3cad4f2a8be60d25b82cae87fb5d813cafc', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, index.h("span", { key: 'bd1c2e048436e58f14a9d4fb205afb245f5d1af1' }, this.textMenu), index.h("post-icon", { key: '1885cff12454528cb981c0a2544531f89bc93b89', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), index.h("post-icon", { key: '6ea75eecf1c124b83bb011f667eae4c6cc7df470', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), index.h("div", { key: '487dc3cc667a52f272cdcdcd546eb0b686fc6611', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, index.h("div", { key: '1d4e73e20ee1cba7a26374166435a123c7b3b7de', class: "section" }, index.h("slot", { key: '8131591c29285ed586c86bb6ce89738df8e51d0b', name: "title" }), this.hasTitle && index.h("slot", { key: '0430da5a731063cd393a395fdd0c9ec11fed69f3', name: "local-nav" }), onDesktop && index.h("slot", { key: '07410195623dacda6e8fcadf69de55bb4fdf6067', name: "main-nav" }), onDesktop && !this.hasTitle && index.h("slot", { key: 'cf7b4cd88faa07d29670a7cb6e389e182581182a', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
|
|
421
416
|
}
|
|
422
417
|
get host() { return index.getElement(this); }
|
|
423
418
|
static get watchers() { return {
|
|
424
|
-
"fullWidth": [{
|
|
425
|
-
"validateFullWidth": 0
|
|
426
|
-
}],
|
|
427
|
-
"textMenu": [{
|
|
428
|
-
"validateTextMenu": 0
|
|
429
|
-
}],
|
|
430
419
|
"device": [{
|
|
431
420
|
"lockBody": 0
|
|
432
421
|
}],
|
|
@@ -435,7 +424,15 @@ const PostHeader = class {
|
|
|
435
424
|
}]
|
|
436
425
|
}; }
|
|
437
426
|
};
|
|
438
|
-
__decorate$
|
|
427
|
+
__decorate$a([
|
|
428
|
+
required.Required(),
|
|
429
|
+
type.Type('boolean')
|
|
430
|
+
], PostHeader.prototype, "fullWidth", void 0);
|
|
431
|
+
__decorate$a([
|
|
432
|
+
required.Required(),
|
|
433
|
+
type.Type('string')
|
|
434
|
+
], PostHeader.prototype, "textMenu", void 0);
|
|
435
|
+
__decorate$a([
|
|
439
436
|
eventFrom.EventFrom('post-megadropdown')
|
|
440
437
|
], PostHeader.prototype, "megadropdownStateHandler", null);
|
|
441
438
|
PostHeader.style = postHeaderCss();
|
|
@@ -451,6 +448,16 @@ const ANIMATION_KEYS = [
|
|
|
451
448
|
|
|
452
449
|
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)}}`;
|
|
453
450
|
|
|
451
|
+
var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
452
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
453
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
454
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
455
|
+
else
|
|
456
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
457
|
+
if (d = decorators[i])
|
|
458
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
459
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
460
|
+
};
|
|
454
461
|
const CDN_URL = `https://unpkg.com/@swisspost/design-system-icons@${_package.version}/public/post-icons/`;
|
|
455
462
|
const PostIcon = class {
|
|
456
463
|
constructor(hostRef) {
|
|
@@ -464,21 +471,6 @@ const PostIcon = class {
|
|
|
464
471
|
*/
|
|
465
472
|
this.flipV = false;
|
|
466
473
|
}
|
|
467
|
-
validateAnimation() {
|
|
468
|
-
index$1.checkEmptyOrOneOf(this, 'animation', ANIMATION_KEYS);
|
|
469
|
-
}
|
|
470
|
-
validateBase() {
|
|
471
|
-
index$1.checkEmptyOrType(this, 'base', 'string');
|
|
472
|
-
}
|
|
473
|
-
validateName() {
|
|
474
|
-
index$1.checkRequiredAndType(this, 'name', 'string');
|
|
475
|
-
}
|
|
476
|
-
validateRotate() {
|
|
477
|
-
index$1.checkEmptyOrType(this, 'rotate', 'number');
|
|
478
|
-
}
|
|
479
|
-
validateScale() {
|
|
480
|
-
index$1.checkEmptyOrType(this, 'scale', 'number');
|
|
481
|
-
}
|
|
482
474
|
/**
|
|
483
475
|
* Construct the icon URL according to the following rules:
|
|
484
476
|
* 1. `@base` (absolute URL) → use directly.
|
|
@@ -544,46 +536,39 @@ const PostIcon = class {
|
|
|
544
536
|
'-webkit-mask-image': `url(${url})`,
|
|
545
537
|
'mask-image': `url('${url}')`,
|
|
546
538
|
'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
547
|
-
(this.rotate && !Number.isNaN(Number(this.rotate))
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
componentDidLoad() {
|
|
552
|
-
this.validateBase();
|
|
553
|
-
this.validateName();
|
|
554
|
-
this.validateScale();
|
|
555
|
-
this.validateRotate();
|
|
556
|
-
this.validateAnimation();
|
|
539
|
+
(this.rotate && !Number.isNaN(Number(this.rotate))
|
|
540
|
+
? ' rotate(' + this.rotate + 'deg)'
|
|
541
|
+
: ''),
|
|
542
|
+
}).filter(([_key, value]) => value !== null));
|
|
557
543
|
}
|
|
558
544
|
render() {
|
|
559
|
-
return (index.h(index.Host, { key: '
|
|
545
|
+
return (index.h(index.Host, { key: 'dc20dd6be14dd0aba54231b30be89730d4a6c757', "data-version": _package.version }, index.h("span", { key: '8ef361e6b2721db5f312e0e67fc7d13cb7440abf', style: this.getStyles() })));
|
|
560
546
|
}
|
|
561
547
|
get host() { return index.getElement(this); }
|
|
562
|
-
static get watchers() { return {
|
|
563
|
-
"animation": [{
|
|
564
|
-
"validateAnimation": 0
|
|
565
|
-
}],
|
|
566
|
-
"base": [{
|
|
567
|
-
"validateBase": 0
|
|
568
|
-
}],
|
|
569
|
-
"name": [{
|
|
570
|
-
"validateName": 0
|
|
571
|
-
}],
|
|
572
|
-
"rotate": [{
|
|
573
|
-
"validateRotate": 0
|
|
574
|
-
}],
|
|
575
|
-
"scale": [{
|
|
576
|
-
"validateScale": 0
|
|
577
|
-
}]
|
|
578
|
-
}; }
|
|
579
548
|
};
|
|
549
|
+
__decorate$9([
|
|
550
|
+
oneOf.OneOf(ANIMATION_KEYS)
|
|
551
|
+
], PostIcon.prototype, "animation", void 0);
|
|
552
|
+
__decorate$9([
|
|
553
|
+
type.Type('string')
|
|
554
|
+
], PostIcon.prototype, "base", void 0);
|
|
555
|
+
__decorate$9([
|
|
556
|
+
required.Required(),
|
|
557
|
+
type.Type('string')
|
|
558
|
+
], PostIcon.prototype, "name", void 0);
|
|
559
|
+
__decorate$9([
|
|
560
|
+
type.Type('number')
|
|
561
|
+
], PostIcon.prototype, "rotate", void 0);
|
|
562
|
+
__decorate$9([
|
|
563
|
+
type.Type('number')
|
|
564
|
+
], PostIcon.prototype, "scale", void 0);
|
|
580
565
|
PostIcon.style = postIconCss();
|
|
581
566
|
|
|
582
567
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
583
568
|
|
|
584
569
|
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}`;
|
|
585
570
|
|
|
586
|
-
var __decorate$
|
|
571
|
+
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
587
572
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
588
573
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
589
574
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -606,14 +591,7 @@ const PostLanguageMenu = class {
|
|
|
606
591
|
get languageOptions() {
|
|
607
592
|
return Array.from(this.host.querySelectorAll('post-language-menu-item'));
|
|
608
593
|
}
|
|
609
|
-
|
|
610
|
-
index$1.checkRequiredAndType(this, 'textChangeLanguage', 'string');
|
|
611
|
-
}
|
|
612
|
-
validateTextCurrentLanguage() {
|
|
613
|
-
index$1.checkRequiredAndPattern(this, 'textCurrentLanguage', /#name\b/);
|
|
614
|
-
}
|
|
615
|
-
validateVariant() {
|
|
616
|
-
index$1.checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
|
|
594
|
+
handleVariantChange() {
|
|
617
595
|
this.updateChildrenVariant();
|
|
618
596
|
}
|
|
619
597
|
/* The complete accessible description */
|
|
@@ -625,9 +603,6 @@ const PostLanguageMenu = class {
|
|
|
625
603
|
: undefined;
|
|
626
604
|
}
|
|
627
605
|
componentDidLoad() {
|
|
628
|
-
this.validateTextChangeLanguage();
|
|
629
|
-
this.validateTextCurrentLanguage();
|
|
630
|
-
this.validateVariant();
|
|
631
606
|
// Initially set variants and active language
|
|
632
607
|
// Handles cases where the language-menu is rendered after the language-options have been rendered
|
|
633
608
|
this.updateChildrenVariant();
|
|
@@ -680,50 +655,46 @@ const PostLanguageMenu = class {
|
|
|
680
655
|
}
|
|
681
656
|
get host() { return index.getElement(this); }
|
|
682
657
|
static get watchers() { return {
|
|
683
|
-
"textChangeLanguage": [{
|
|
684
|
-
"validateTextChangeLanguage": 0
|
|
685
|
-
}],
|
|
686
|
-
"textCurrentLanguage": [{
|
|
687
|
-
"validateTextCurrentLanguage": 0
|
|
688
|
-
}],
|
|
689
658
|
"variant": [{
|
|
690
|
-
"
|
|
659
|
+
"handleVariantChange": 0
|
|
691
660
|
}]
|
|
692
661
|
}; }
|
|
693
662
|
};
|
|
694
|
-
__decorate$
|
|
663
|
+
__decorate$8([
|
|
664
|
+
required.Required(),
|
|
665
|
+
type.Type('string')
|
|
666
|
+
], PostLanguageMenu.prototype, "textChangeLanguage", void 0);
|
|
667
|
+
__decorate$8([
|
|
668
|
+
required.Required(),
|
|
669
|
+
pattern.Pattern(/#name\b/)
|
|
670
|
+
], PostLanguageMenu.prototype, "textCurrentLanguage", void 0);
|
|
671
|
+
__decorate$8([
|
|
672
|
+
oneOf.OneOf(SWITCH_VARIANTS)
|
|
673
|
+
], PostLanguageMenu.prototype, "variant", void 0);
|
|
674
|
+
__decorate$8([
|
|
695
675
|
eventFrom.EventFrom('post-language-menu-item')
|
|
696
676
|
], PostLanguageMenu.prototype, "handlePostChange", null);
|
|
697
677
|
PostLanguageMenu.style = postLanguageMenuCss();
|
|
698
678
|
|
|
699
679
|
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}`;
|
|
700
680
|
|
|
681
|
+
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
682
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
683
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
684
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
685
|
+
else
|
|
686
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
687
|
+
if (d = decorators[i])
|
|
688
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
689
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
690
|
+
};
|
|
701
691
|
const PostLanguageMenuItem = class {
|
|
702
692
|
constructor(hostRef) {
|
|
703
693
|
index.registerInstance(this, hostRef);
|
|
704
694
|
this.postChange = index.createEvent(this, "postChange");
|
|
705
695
|
this.postLanguageMenuItemInitiallyActive = index.createEvent(this, "postLanguageMenuItemInitiallyActive");
|
|
706
696
|
}
|
|
707
|
-
validateCode() {
|
|
708
|
-
index$1.checkRequiredAndType(this, 'code', 'string');
|
|
709
|
-
}
|
|
710
|
-
validateVariant() {
|
|
711
|
-
index$1.checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
|
|
712
|
-
}
|
|
713
|
-
validateName() {
|
|
714
|
-
index$1.checkEmptyOrType(this, 'name', 'string');
|
|
715
|
-
}
|
|
716
|
-
validateDescription() {
|
|
717
|
-
index$1.checkEmptyOrType(this, 'description', 'string');
|
|
718
|
-
}
|
|
719
|
-
validateUrl() {
|
|
720
|
-
index$1.checkEmptyOrUrl(this, 'url');
|
|
721
|
-
}
|
|
722
697
|
componentDidLoad() {
|
|
723
|
-
this.validateCode();
|
|
724
|
-
this.validateName();
|
|
725
|
-
this.validateDescription();
|
|
726
|
-
this.validateUrl();
|
|
727
698
|
if (!this.name && this.isNameRequired()) {
|
|
728
699
|
throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');
|
|
729
700
|
}
|
|
@@ -755,37 +726,42 @@ const PostLanguageMenuItem = class {
|
|
|
755
726
|
return this.variant === 'list' ? (index.h(index.Host, { "data-version": _package.version, role: "listitem" }, interactiveElement)) : (index.h(index.Host, { "data-version": _package.version }, index.h("post-menu-item", null, interactiveElement)));
|
|
756
727
|
}
|
|
757
728
|
get host() { return index.getElement(this); }
|
|
758
|
-
static get watchers() { return {
|
|
759
|
-
"code": [{
|
|
760
|
-
"validateCode": 0
|
|
761
|
-
}],
|
|
762
|
-
"variant": [{
|
|
763
|
-
"validateVariant": 0
|
|
764
|
-
}],
|
|
765
|
-
"name": [{
|
|
766
|
-
"validateName": 0
|
|
767
|
-
}],
|
|
768
|
-
"description": [{
|
|
769
|
-
"validateDescription": 0
|
|
770
|
-
}],
|
|
771
|
-
"url": [{
|
|
772
|
-
"validateUrl": 0
|
|
773
|
-
}]
|
|
774
|
-
}; }
|
|
775
729
|
};
|
|
730
|
+
__decorate$7([
|
|
731
|
+
required.Required(),
|
|
732
|
+
type.Type('string')
|
|
733
|
+
], PostLanguageMenuItem.prototype, "code", void 0);
|
|
734
|
+
__decorate$7([
|
|
735
|
+
oneOf.OneOf(SWITCH_VARIANTS)
|
|
736
|
+
], PostLanguageMenuItem.prototype, "variant", void 0);
|
|
737
|
+
__decorate$7([
|
|
738
|
+
type.Type('string')
|
|
739
|
+
], PostLanguageMenuItem.prototype, "name", void 0);
|
|
740
|
+
__decorate$7([
|
|
741
|
+
type.Type('string')
|
|
742
|
+
], PostLanguageMenuItem.prototype, "description", void 0);
|
|
743
|
+
__decorate$7([
|
|
744
|
+
url.Url()
|
|
745
|
+
], PostLanguageMenuItem.prototype, "url", void 0);
|
|
776
746
|
PostLanguageMenuItem.style = postLanguageMenuItemCss();
|
|
777
747
|
|
|
778
748
|
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)}`;
|
|
779
749
|
|
|
750
|
+
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
751
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
752
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
753
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
754
|
+
else
|
|
755
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
756
|
+
if (d = decorators[i])
|
|
757
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
758
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
759
|
+
};
|
|
780
760
|
const PostLogo = class {
|
|
781
761
|
constructor(hostRef) {
|
|
782
762
|
index.registerInstance(this, hostRef);
|
|
783
763
|
}
|
|
784
|
-
validateUrl() {
|
|
785
|
-
index$1.checkEmptyOrUrl(this, 'url');
|
|
786
|
-
}
|
|
787
764
|
componentDidLoad() {
|
|
788
|
-
this.validateUrl();
|
|
789
765
|
this.checkDescription();
|
|
790
766
|
}
|
|
791
767
|
checkDescription() {
|
|
@@ -796,25 +772,30 @@ const PostLogo = class {
|
|
|
796
772
|
render() {
|
|
797
773
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
798
774
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
799
|
-
return (index.h(index.Host, { key: '
|
|
775
|
+
return (index.h(index.Host, { key: '07795d309bc89e4ad712d81638134d84e6f2cd3a', "data-version": _package.version }, index.h(LogoTag, { key: '3265657e1c8857e5454b4907874b9f945dc391e4', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, index.h("span", { key: 'f4c4da506329d0b754db9e6f64f6dba8e0f22681', class: "description" }, index.h("slot", { key: 'faabc37ede88aa6212259eda5f500e21cc48dc5e', onSlotchange: () => this.checkDescription() })), index.h("svg", { key: '5dffa0d4cd0d72811dcaf9390b4941d78abd4263', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, index.h("g", { key: '990a0da74a50b027e6999715e51a6e966c489222', id: "Logo" }, index.h("rect", { key: '59610e9b801362ebcbe77932cfcac1f2be83fc0d', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), index.h("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" }), index.h("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" }))))));
|
|
800
776
|
}
|
|
801
777
|
get host() { return index.getElement(this); }
|
|
802
|
-
static get watchers() { return {
|
|
803
|
-
"url": [{
|
|
804
|
-
"validateUrl": 0
|
|
805
|
-
}]
|
|
806
|
-
}; }
|
|
807
778
|
};
|
|
779
|
+
__decorate$6([
|
|
780
|
+
url.Url()
|
|
781
|
+
], PostLogo.prototype, "url", void 0);
|
|
808
782
|
PostLogo.style = postLogoCss();
|
|
809
783
|
|
|
810
784
|
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}`;
|
|
811
785
|
|
|
786
|
+
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
787
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
788
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
789
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
790
|
+
else
|
|
791
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
792
|
+
if (d = decorators[i])
|
|
793
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
794
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
795
|
+
};
|
|
812
796
|
const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
|
|
813
797
|
const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
|
|
814
798
|
const PostMainnavigation = class {
|
|
815
|
-
validateTextMain() {
|
|
816
|
-
index$1.checkRequiredAndType(this, 'textMain', 'string');
|
|
817
|
-
}
|
|
818
799
|
constructor(hostRef) {
|
|
819
800
|
index.registerInstance(this, hostRef);
|
|
820
801
|
this.canScrollLeft = false;
|
|
@@ -826,7 +807,6 @@ const PostMainnavigation = class {
|
|
|
826
807
|
this.mutationObserver = new MutationObserver(this.checkScrollability);
|
|
827
808
|
}
|
|
828
809
|
componentDidLoad() {
|
|
829
|
-
this.validateTextMain();
|
|
830
810
|
setTimeout(() => {
|
|
831
811
|
this.checkScrollability();
|
|
832
812
|
});
|
|
@@ -932,26 +912,29 @@ const PostMainnavigation = class {
|
|
|
932
912
|
}, NAVBAR_DISABLE_DURATION);
|
|
933
913
|
}
|
|
934
914
|
render() {
|
|
935
|
-
return (index.h(index.Host, { key: '
|
|
915
|
+
return (index.h(index.Host, { key: 'c36790fd729f8312c25f6a28c4586b08fc904c1a', version: _package.version, class: this.canScroll ? 'scrollable' : '' }, index.h("div", { key: 'd0bea0dd7fe666e13f70b940a244a2172af37214', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, index.h("post-icon", { key: 'e01c6e6f3e30533347f7cff7c9e528d56420ba50', "aria-hidden": "true", name: "chevronleft" })), index.h("nav", { key: '85f6fae1c607cef9036743c9ffe64792b7b60ccf', ref: el => (this.navbar = el), "aria-label": this.textMain }, index.h("slot", { key: '7658b213e13042954f3fcaefd9fe11d5a2e0ada1' })), index.h("div", { key: 'd427ae92b27176189ba8417f6fd589e88c044fe9', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, index.h("post-icon", { key: 'f16bcbdd3af293d5cb7bee757a6d1d81f396aa2f', "aria-hidden": "true", name: "chevronright" }))));
|
|
936
916
|
}
|
|
937
917
|
get host() { return index.getElement(this); }
|
|
938
|
-
static get watchers() { return {
|
|
939
|
-
"textMain": [{
|
|
940
|
-
"validateTextMain": 0
|
|
941
|
-
}]
|
|
942
|
-
}; }
|
|
943
918
|
};
|
|
919
|
+
__decorate$5([
|
|
920
|
+
required.Required(),
|
|
921
|
+
type.Type('string')
|
|
922
|
+
], PostMainnavigation.prototype, "textMain", void 0);
|
|
944
923
|
PostMainnavigation.style = postMainnavigationCss();
|
|
945
924
|
|
|
946
925
|
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}}`;
|
|
947
926
|
|
|
927
|
+
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
928
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
929
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
930
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
931
|
+
else
|
|
932
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
933
|
+
if (d = decorators[i])
|
|
934
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
935
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
936
|
+
};
|
|
948
937
|
const PostMegadropdown = class {
|
|
949
|
-
validateTextClose() {
|
|
950
|
-
index$1.checkRequiredAndType(this, 'textClose', 'string');
|
|
951
|
-
}
|
|
952
|
-
validateTextBack() {
|
|
953
|
-
index$1.checkRequiredAndType(this, 'textBack', 'string');
|
|
954
|
-
}
|
|
955
938
|
get megadropdownTrigger() {
|
|
956
939
|
const hostId = this.host.getAttribute('id');
|
|
957
940
|
return hostId ? document.querySelector(`post-megadropdown-trigger[for="${hostId}"]`) : null;
|
|
@@ -1009,8 +992,6 @@ const PostMegadropdown = class {
|
|
|
1009
992
|
this.getFocusableElements();
|
|
1010
993
|
}
|
|
1011
994
|
componentDidLoad() {
|
|
1012
|
-
this.validateTextClose();
|
|
1013
|
-
this.validateTextBack();
|
|
1014
995
|
this.checkInitialAriaCurrent();
|
|
1015
996
|
this.setupObserver();
|
|
1016
997
|
this.handleAriaCurrentChange([]);
|
|
@@ -1235,25 +1216,25 @@ const PostMegadropdown = class {
|
|
|
1235
1216
|
}
|
|
1236
1217
|
render() {
|
|
1237
1218
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
1238
|
-
return (index.h(index.Host, { key: '
|
|
1219
|
+
return (index.h(index.Host, { key: 'd009d9a8c81ea9ab3f2c42ecc01b6166281e6e7b', version: _package.version }, index.h("div", { key: '4caa070e075bdb0024acbc2c19b5cd699d0fcac3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, index.h("div", { key: 'cc0a69ab0d7a886fe5fa0b8b63f0404d2eb6e63a', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (index.h("p", { key: '9653be2ab067767d5c5338490101826f519bc3f5', class: "megadropdown-title" }, this.megadropdownTitle)), index.h("div", { key: '4f524c9ba3df153d2aa048d2293026af41aa4eb5', class: "megadropdown-content" }, index.h("slot", { key: '0deaca97b06fe15ce7924b15f6d81b96d439e41a' })), this.device === 'desktop' ? (index.h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (index.h("button", { onClick: () => this.hide(true), class: "back-button" }, index.h("post-icon", { name: "arrowleft" }), this.textBack))))));
|
|
1239
1220
|
}
|
|
1240
1221
|
get host() { return index.getElement(this); }
|
|
1241
|
-
static get watchers() { return {
|
|
1242
|
-
"textClose": [{
|
|
1243
|
-
"validateTextClose": 0
|
|
1244
|
-
}],
|
|
1245
|
-
"textBack": [{
|
|
1246
|
-
"validateTextBack": 0
|
|
1247
|
-
}]
|
|
1248
|
-
}; }
|
|
1249
1222
|
};
|
|
1250
1223
|
/** Tracks the currently active dropdown instance. */
|
|
1251
1224
|
PostMegadropdown.activeDropdown = null;
|
|
1225
|
+
__decorate$4([
|
|
1226
|
+
required.Required(),
|
|
1227
|
+
type.Type('string')
|
|
1228
|
+
], PostMegadropdown.prototype, "textClose", void 0);
|
|
1229
|
+
__decorate$4([
|
|
1230
|
+
required.Required(),
|
|
1231
|
+
type.Type('string')
|
|
1232
|
+
], PostMegadropdown.prototype, "textBack", void 0);
|
|
1252
1233
|
PostMegadropdown.style = postMegadropdownCss();
|
|
1253
1234
|
|
|
1254
1235
|
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}}`;
|
|
1255
1236
|
|
|
1256
|
-
var __decorate$
|
|
1237
|
+
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
1257
1238
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
1258
1239
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
1259
1240
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -1273,15 +1254,9 @@ const PostMegadropdownTrigger = class {
|
|
|
1273
1254
|
*/
|
|
1274
1255
|
this.active = false;
|
|
1275
1256
|
}
|
|
1276
|
-
validateFor() {
|
|
1277
|
-
index$1.checkRequiredAndType(this, 'for', 'string');
|
|
1278
|
-
}
|
|
1279
1257
|
componentWillRender() {
|
|
1280
1258
|
this.handleSlottedContentChanges();
|
|
1281
1259
|
}
|
|
1282
|
-
componentDidLoad() {
|
|
1283
|
-
this.validateFor();
|
|
1284
|
-
}
|
|
1285
1260
|
disconnectedCallback() {
|
|
1286
1261
|
if (this.mutationObserver)
|
|
1287
1262
|
this.mutationObserver.disconnect();
|
|
@@ -1328,23 +1303,22 @@ const PostMegadropdownTrigger = class {
|
|
|
1328
1303
|
this.megadropdown.toggle();
|
|
1329
1304
|
}
|
|
1330
1305
|
render() {
|
|
1331
|
-
return (index.h(index.Host, { key: '
|
|
1306
|
+
return (index.h(index.Host, { key: '1542f9690da3863d8aac10b22aba039c2639afae', "data-version": _package.version }, index.h("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 } }, index.h("span", { key: 'ae5a0d76f7f372a6e64bb1bb05030180d05360e5' }, index.h("span", { key: 'b07e30d5895511f584c257c4402a0ecaad9bb12f', innerHTML: this.slottedContent }), index.h("span", { key: '6ad1214c4b348338cb07b373e224cf9b27cf919c', "aria-hidden": "true" }, index.h("slot", { key: '798372c050a8a0f39095aefe203c11c7eb83e623' }))), index.h("post-icon", { key: '2df09ffd02c59703eee7a5d9b4e89d8aa007de10', name: "chevrondown" }))));
|
|
1332
1307
|
}
|
|
1333
1308
|
get host() { return index.getElement(this); }
|
|
1334
|
-
static get watchers() { return {
|
|
1335
|
-
"for": [{
|
|
1336
|
-
"validateFor": 0
|
|
1337
|
-
}]
|
|
1338
|
-
}; }
|
|
1339
1309
|
};
|
|
1340
|
-
__decorate$
|
|
1310
|
+
__decorate$3([
|
|
1311
|
+
required.Required(),
|
|
1312
|
+
type.Type('string')
|
|
1313
|
+
], PostMegadropdownTrigger.prototype, "for", void 0);
|
|
1314
|
+
__decorate$3([
|
|
1341
1315
|
eventFrom.EventFrom('post-megadropdown', { ignoreNestedComponents: false })
|
|
1342
1316
|
], PostMegadropdownTrigger.prototype, "onMegadropdownToggled", null);
|
|
1343
1317
|
PostMegadropdownTrigger.style = postMegadropdownTriggerCss();
|
|
1344
1318
|
|
|
1345
1319
|
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}}`;
|
|
1346
1320
|
|
|
1347
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
1321
|
+
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
1348
1322
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
1349
1323
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
1350
1324
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -1398,12 +1372,6 @@ const PostMenu = class {
|
|
|
1398
1372
|
}
|
|
1399
1373
|
};
|
|
1400
1374
|
}
|
|
1401
|
-
validatePlacement() {
|
|
1402
|
-
index$1.checkEmptyOrOneOf(this, 'placement', placement.PLACEMENT_TYPES);
|
|
1403
|
-
}
|
|
1404
|
-
validateLabel() {
|
|
1405
|
-
index$1.checkRequiredAndType(this, 'label', 'string');
|
|
1406
|
-
}
|
|
1407
1375
|
connectedCallback() {
|
|
1408
1376
|
this.root = getRoot.getRoot(this.host);
|
|
1409
1377
|
this.host.addEventListener('keydown', this.handleKeyDown);
|
|
@@ -1413,10 +1381,6 @@ const PostMenu = class {
|
|
|
1413
1381
|
this.host.removeEventListener('keydown', this.handleKeyDown);
|
|
1414
1382
|
this.host.removeEventListener('click', this.handleClick);
|
|
1415
1383
|
}
|
|
1416
|
-
componentDidLoad() {
|
|
1417
|
-
this.validatePlacement();
|
|
1418
|
-
this.validateLabel();
|
|
1419
|
-
}
|
|
1420
1384
|
/**
|
|
1421
1385
|
* Toggles the menu visibility based on its current state.
|
|
1422
1386
|
*/
|
|
@@ -1532,22 +1496,21 @@ const PostMenu = class {
|
|
|
1532
1496
|
]));
|
|
1533
1497
|
}
|
|
1534
1498
|
render() {
|
|
1535
|
-
return (index.h(index.Host, { key: '
|
|
1499
|
+
return (index.h(index.Host, { key: 'c5f2f3e06c6deb847959a573e450beb2b17f35a2', "data-version": _package.version }, index.h("post-popovercontainer", { key: '3625a55c753d763313f0a17f0f8993bbcb39975d', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: 'f296e5a99e12ee97c09206df7c05db394a4ae181', part: "post-menu" }, index.h("slot", { key: '7c322af6cc8e67b9c18c645920d8af7bbcab953f', name: "header" }), index.h("slot", { key: 'd17b77c7c12a38991d25fc251144198ed763cbbb' })))));
|
|
1536
1500
|
}
|
|
1537
1501
|
get host() { return index.getElement(this); }
|
|
1538
|
-
static get watchers() { return {
|
|
1539
|
-
"placement": [{
|
|
1540
|
-
"validatePlacement": 0
|
|
1541
|
-
}],
|
|
1542
|
-
"label": [{
|
|
1543
|
-
"validateLabel": 0
|
|
1544
|
-
}]
|
|
1545
|
-
}; }
|
|
1546
1502
|
};
|
|
1547
|
-
__decorate([
|
|
1503
|
+
__decorate$2([
|
|
1504
|
+
oneOf.OneOf(placement.PLACEMENT_TYPES)
|
|
1505
|
+
], PostMenu.prototype, "placement", void 0);
|
|
1506
|
+
__decorate$2([
|
|
1507
|
+
required.Required(),
|
|
1508
|
+
type.Type('string')
|
|
1509
|
+
], PostMenu.prototype, "label", void 0);
|
|
1510
|
+
__decorate$2([
|
|
1548
1511
|
eventFrom.EventFrom('post-popovercontainer')
|
|
1549
1512
|
], PostMenu.prototype, "handlePostShown", null);
|
|
1550
|
-
__decorate([
|
|
1513
|
+
__decorate$2([
|
|
1551
1514
|
eventFrom.EventFrom('post-popovercontainer')
|
|
1552
1515
|
], PostMenu.prototype, "handlePostBeforeToggle", null);
|
|
1553
1516
|
PostMenu.style = postMenuCss();
|
|
@@ -1567,10 +1530,17 @@ PostMenuItem.style = postMenuItemCss();
|
|
|
1567
1530
|
|
|
1568
1531
|
const postMenuTriggerCss = () => `:host{display:inline-block}`;
|
|
1569
1532
|
|
|
1533
|
+
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
1534
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
1535
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
1536
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
1537
|
+
else
|
|
1538
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
1539
|
+
if (d = decorators[i])
|
|
1540
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
1541
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
1542
|
+
};
|
|
1570
1543
|
const PostMenuTrigger = class {
|
|
1571
|
-
validateFor() {
|
|
1572
|
-
index$1.checkRequiredAndType(this, 'for', 'string');
|
|
1573
|
-
}
|
|
1574
1544
|
constructor(hostRef) {
|
|
1575
1545
|
index.registerInstance(this, hostRef);
|
|
1576
1546
|
this.updateAriaExpanded = this.updateAriaExpanded.bind(this);
|
|
@@ -1579,7 +1549,6 @@ const PostMenuTrigger = class {
|
|
|
1579
1549
|
this.root = getRoot.getRoot(this.host);
|
|
1580
1550
|
}
|
|
1581
1551
|
componentDidLoad() {
|
|
1582
|
-
this.validateFor();
|
|
1583
1552
|
this.setAriaAttributes();
|
|
1584
1553
|
if (this.root) {
|
|
1585
1554
|
this.root.addEventListener('toggleMenu', this.updateAriaExpanded);
|
|
@@ -1626,15 +1595,14 @@ const PostMenuTrigger = class {
|
|
|
1626
1595
|
return null;
|
|
1627
1596
|
}
|
|
1628
1597
|
render() {
|
|
1629
|
-
return (index.h(index.Host, { key: '
|
|
1598
|
+
return (index.h(index.Host, { key: '53cdf95c4eaaf430f0ada66aa69588b7830903f9', "data-version": _package.version }, index.h("slot", { key: 'ae764b0b2b93cd7934fd39ef68084871ddd3f94f' })));
|
|
1630
1599
|
}
|
|
1631
1600
|
get host() { return index.getElement(this); }
|
|
1632
|
-
static get watchers() { return {
|
|
1633
|
-
"for": [{
|
|
1634
|
-
"validateFor": 0
|
|
1635
|
-
}]
|
|
1636
|
-
}; }
|
|
1637
1601
|
};
|
|
1602
|
+
__decorate$1([
|
|
1603
|
+
required.Required(),
|
|
1604
|
+
type.Type('string')
|
|
1605
|
+
], PostMenuTrigger.prototype, "for", void 0);
|
|
1638
1606
|
PostMenuTrigger.style = postMenuTriggerCss();
|
|
1639
1607
|
|
|
1640
1608
|
/**
|
|
@@ -3564,6 +3532,21 @@ const computePosition = (reference, floating, options) => {
|
|
|
3564
3532
|
});
|
|
3565
3533
|
};
|
|
3566
3534
|
|
|
3535
|
+
const duration = 250;
|
|
3536
|
+
const easing = 'ease-out';
|
|
3537
|
+
function popIn(el) {
|
|
3538
|
+
if (!el)
|
|
3539
|
+
return;
|
|
3540
|
+
return el.animate([
|
|
3541
|
+
{ transform: 'scale(0.9)', opacity: 0 },
|
|
3542
|
+
{ transform: 'scale(1)', opacity: 1 },
|
|
3543
|
+
], {
|
|
3544
|
+
duration,
|
|
3545
|
+
easing,
|
|
3546
|
+
fill: 'forwards',
|
|
3547
|
+
});
|
|
3548
|
+
}
|
|
3549
|
+
|
|
3567
3550
|
// src/events.ts
|
|
3568
3551
|
var ToggleEvent = class extends Event {
|
|
3569
3552
|
oldState;
|
|
@@ -4356,23 +4339,18 @@ function apply() {
|
|
|
4356
4339
|
injectStyles(document);
|
|
4357
4340
|
}
|
|
4358
4341
|
|
|
4359
|
-
const duration = 250;
|
|
4360
|
-
const easing = 'ease-out';
|
|
4361
|
-
function popIn(el) {
|
|
4362
|
-
if (!el)
|
|
4363
|
-
return;
|
|
4364
|
-
return el.animate([
|
|
4365
|
-
{ transform: 'scale(0.9)', opacity: 0 },
|
|
4366
|
-
{ transform: 'scale(1)', opacity: 1 },
|
|
4367
|
-
], {
|
|
4368
|
-
duration,
|
|
4369
|
-
easing,
|
|
4370
|
-
fill: 'forwards',
|
|
4371
|
-
});
|
|
4372
|
-
}
|
|
4373
|
-
|
|
4374
4342
|
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))}`;
|
|
4375
4343
|
|
|
4344
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
4345
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4346
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
4347
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
4348
|
+
else
|
|
4349
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
4350
|
+
if (d = decorators[i])
|
|
4351
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
4352
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
4353
|
+
};
|
|
4376
4354
|
const ANIMATIONS = {
|
|
4377
4355
|
'pop-in': popIn,
|
|
4378
4356
|
};
|
|
@@ -4407,15 +4385,6 @@ const PostPopovercontainer = class {
|
|
|
4407
4385
|
this.currentAnimation = null;
|
|
4408
4386
|
this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
|
|
4409
4387
|
}
|
|
4410
|
-
validatePlacement() {
|
|
4411
|
-
index$1.checkEmptyOrOneOf(this, 'placement', placement.PLACEMENT_TYPES);
|
|
4412
|
-
}
|
|
4413
|
-
validateEdgeGap() {
|
|
4414
|
-
index$1.checkEmptyOrType(this, 'edgeGap', 'number');
|
|
4415
|
-
}
|
|
4416
|
-
validateSafeSpace() {
|
|
4417
|
-
index$1.checkEmptyOrOneOf(this, 'safeSpace', ['triangle', 'trapezoid']);
|
|
4418
|
-
}
|
|
4419
4388
|
/**
|
|
4420
4389
|
* Updates cursor position for safe space feature when popover is open.
|
|
4421
4390
|
* Sets CSS custom properties for dynamic styling of safe area.
|
|
@@ -4431,9 +4400,6 @@ const PostPopovercontainer = class {
|
|
|
4431
4400
|
}
|
|
4432
4401
|
}
|
|
4433
4402
|
componentDidLoad() {
|
|
4434
|
-
this.validatePlacement();
|
|
4435
|
-
this.validateEdgeGap();
|
|
4436
|
-
this.validateSafeSpace();
|
|
4437
4403
|
this.host.addEventListener('beforetoggle', this.handleToggle.bind(this));
|
|
4438
4404
|
}
|
|
4439
4405
|
disconnectedCallback() {
|
|
@@ -4715,22 +4681,11 @@ const PostPopovercontainer = class {
|
|
|
4715
4681
|
}
|
|
4716
4682
|
}
|
|
4717
4683
|
render() {
|
|
4718
|
-
return (index.h(index.Host, { key: '
|
|
4684
|
+
return (index.h(index.Host, { key: '468af4ce773ab7c5d4feb4320c33175347ceca3d', "data-version": _package.version, popover: "auto" }, index.h("div", { key: 'f8a78f27bf46079134b75d468b44ad40d15a0001', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (index.h("span", { key: '9d92eaec690d67bdbf3b991274c2351744628519', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
|
|
4719
4685
|
this.arrowRef = el;
|
|
4720
|
-
} })), index.h("span", { key: '
|
|
4686
|
+
} })), index.h("span", { key: 'a1dd28b0ddd3af5792199f47e7a921eb14b86f93', part: "post-popovercontainer-border-mask" }), index.h("div", { key: '94e84d35042983d832d6f0e9f8c01b68428d1401', class: "popover-scroll" }, index.h("slot", { key: '28909f395a3ed25f489458f94de79c3c1ae309c9' })))));
|
|
4721
4687
|
}
|
|
4722
4688
|
get host() { return index.getElement(this); }
|
|
4723
|
-
static get watchers() { return {
|
|
4724
|
-
"placement": [{
|
|
4725
|
-
"validatePlacement": 0
|
|
4726
|
-
}],
|
|
4727
|
-
"edgeGap": [{
|
|
4728
|
-
"validateEdgeGap": 0
|
|
4729
|
-
}],
|
|
4730
|
-
"safeSpace": [{
|
|
4731
|
-
"validateSafeSpace": 0
|
|
4732
|
-
}]
|
|
4733
|
-
}; }
|
|
4734
4689
|
};
|
|
4735
4690
|
PostPopovercontainer.STATIC_SIDES = {
|
|
4736
4691
|
top: 'bottom',
|
|
@@ -4752,6 +4707,15 @@ PostPopovercontainer.PROPERTIES_TO_CLEAR = [
|
|
|
4752
4707
|
'--post-safe-space-trigger-y-start',
|
|
4753
4708
|
'--post-safe-space-trigger-y-end',
|
|
4754
4709
|
];
|
|
4710
|
+
__decorate([
|
|
4711
|
+
oneOf.OneOf(placement.PLACEMENT_TYPES)
|
|
4712
|
+
], PostPopovercontainer.prototype, "placement", void 0);
|
|
4713
|
+
__decorate([
|
|
4714
|
+
type.Type('number')
|
|
4715
|
+
], PostPopovercontainer.prototype, "edgeGap", void 0);
|
|
4716
|
+
__decorate([
|
|
4717
|
+
oneOf.OneOf(['triangle', 'trapezoid'])
|
|
4718
|
+
], PostPopovercontainer.prototype, "safeSpace", void 0);
|
|
4755
4719
|
PostPopovercontainer.style = postPopovercontainerCss();
|
|
4756
4720
|
|
|
4757
4721
|
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}`;
|
|
@@ -4778,10 +4742,12 @@ const PostTogglebutton = class {
|
|
|
4778
4742
|
// add event listener in capture phase so the toggle state is updated
|
|
4779
4743
|
// before any parent bubble listeners react to the click.
|
|
4780
4744
|
this.host.addEventListener('click', () => this.handleClick(), { capture: true });
|
|
4781
|
-
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), {
|
|
4745
|
+
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), {
|
|
4746
|
+
capture: true,
|
|
4747
|
+
});
|
|
4782
4748
|
}
|
|
4783
4749
|
render() {
|
|
4784
|
-
return (index.h(index.Host, { key: '
|
|
4750
|
+
return (index.h(index.Host, { key: '6659870a07cf41d8808660906165797572f6a24d', "data-version": _package.version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, index.h("slot", { key: '08e6e5b43eeff5239eb40ec8ee960076058dede1' })));
|
|
4785
4751
|
}
|
|
4786
4752
|
get host() { return index.getElement(this); }
|
|
4787
4753
|
};
|