@swisspost/design-system-components 10.0.0-next.71 → 10.0.0-next.75
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-Bimhl6Ib.js +223 -0
- package/dist/cjs/{index-CCteMCnR.js → index-CyeY2muT.js} +54 -5
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/one-of-BVQP1dR3.js +27 -0
- package/dist/cjs/{package-CscM89A7.js → package-JSyXVavg.js} +1 -1
- package/dist/cjs/pattern-BDKu8-v6.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 +9 -14
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +34 -24
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +35 -38
- package/dist/cjs/post-closebutton_14.cjs.entry.js +284 -300
- 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 +142 -140
- package/dist/cjs/post-footer.cjs.entry.js +24 -17
- package/dist/cjs/post-linkarea.cjs.entry.js +3 -3
- package/dist/cjs/post-listbox-option.cjs.entry.js +4 -4
- package/dist/cjs/post-listbox.cjs.entry.js +3 -5
- package/dist/cjs/post-login-widget.cjs.entry.js +29 -30
- package/dist/cjs/post-number-input.cjs.entry.js +5 -5
- package/dist/cjs/post-pagination.cjs.entry.js +60 -85
- 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-side-navigation-trigger.cjs.entry.js +109 -0
- package/dist/cjs/post-side-navigation.cjs.entry.js +129 -0
- package/dist/cjs/post-stepper-item.cjs.entry.js +4 -4
- package/dist/cjs/post-stepper.cjs.entry.js +50 -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-BsZuSJAl.js +44 -0
- package/dist/cjs/type-DXpEWY0w.js +30 -0
- package/dist/cjs/url-D-EbWRlF.js +34 -0
- package/dist/collection/collection-manifest.json +3 -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.css +2 -2
- package/dist/collection/components/post-banner/post-banner.js +7 -14
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.css +1 -1
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +27 -22
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.css +1 -1
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +30 -37
- package/dist/collection/components/post-closebutton/post-closebutton.css +1 -1
- package/dist/collection/components/post-closebutton/post-closebutton.js +45 -37
- package/dist/collection/components/post-closebutton/types.js +1 -1
- 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.css +1 -1
- 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.css +1 -1
- package/dist/collection/components/post-header/post-header.js +25 -30
- package/dist/collection/components/post-icon/post-icon.js +34 -47
- package/dist/collection/components/post-language-menu/post-language-menu.css +1 -1
- 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.css +1 -1
- package/dist/collection/components/post-language-menu-item/post-language-menu-item.js +28 -39
- package/dist/collection/components/post-linkarea/post-linkarea.js +2 -2
- package/dist/collection/components/post-listbox/post-listbox.js +3 -5
- package/dist/collection/components/post-listbox-option/post-listbox-option.js +3 -3
- package/dist/collection/components/post-login-widget/post-login-widget.css +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.css +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +24 -23
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.css +1 -1
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +7 -15
- package/dist/collection/components/post-menu/post-menu.css +1 -1
- package/dist/collection/components/post-menu/post-menu.js +10 -23
- package/dist/collection/components/post-menu-item/post-menu-item.css +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +17 -13
- package/dist/collection/components/post-number-input/post-number-input.css +1 -1
- package/dist/collection/components/post-number-input/post-number-input.js +5 -5
- package/dist/collection/components/post-pagination/post-pagination.css +1 -1
- package/dist/collection/components/post-pagination/post-pagination.js +58 -87
- 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.css +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +29 -33
- 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-side-navigation/post-side-navigation.css +1 -0
- package/dist/collection/components/post-side-navigation/post-side-navigation.js +231 -0
- package/dist/collection/components/post-side-navigation-trigger/post-side-navigation-trigger.css +1 -0
- package/dist/collection/components/post-side-navigation-trigger/post-side-navigation-trigger.js +154 -0
- package/dist/collection/components/post-stepper/post-stepper.js +46 -36
- package/dist/collection/components/post-stepper-item/post-stepper-item.css +1 -1
- 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 +3 -0
- package/dist/components/breakpoints.js +1 -1
- package/dist/components/index.d.ts +6 -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-linkarea.js +1 -1
- package/dist/components/post-listbox-option.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-item2.js +1 -1
- package/dist/components/post-menu-trigger2.js +1 -1
- package/dist/components/post-menu2.js +1 -1
- package/dist/components/post-number-input.js +1 -1
- package/dist/components/post-pagination.js +1 -1
- package/dist/components/post-popover-trigger.js +1 -1
- package/dist/components/post-popover.js +1 -1
- package/dist/components/post-popovercontainer2.js +1 -1
- package/dist/components/post-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-side-navigation-trigger.d.ts +11 -0
- package/dist/components/post-side-navigation-trigger.js +1 -0
- package/dist/components/post-side-navigation.d.ts +11 -0
- package/dist/components/post-side-navigation.js +1 -0
- 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-B3ZJPCU0.js +1 -0
- package/dist/components/react/p-BUAS73l8.js +1 -0
- package/dist/components/react/p-BUSQG9af.js +1 -0
- package/dist/components/react/p-BXqGI600.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-Bji_4dfL.js +1 -0
- package/dist/components/react/p-C7aYEQh5.js +1 -0
- package/dist/components/react/p-CX2E_IXB.js +1 -0
- package/dist/components/react/p-CbU3QFNG.js +1 -0
- package/dist/components/react/p-CdhbouMD.js +1 -0
- package/dist/components/react/p-Ci08Eesw.js +1 -0
- package/dist/components/react/{p-BC0-M_SK.js → p-DNddZV_h.js} +1 -1
- package/dist/components/react/p-DTg2SXJj.js +1 -0
- package/dist/components/react/p-DU4XzTGt.js +1 -0
- package/dist/components/react/p-DWlDkwjY.js +1 -0
- package/dist/components/react/p-wqJxIo5L.js +1 -0
- package/dist/components/react/p-ztiqEfbC.js +1 -0
- 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-side-navigation-trigger.d.ts +11 -0
- package/dist/components/react/post-side-navigation-trigger.js +1 -0
- package/dist/components/react/post-side-navigation.d.ts +11 -0
- package/dist/components/react/post-side-navigation.js +1 -0
- 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 +344 -14
- package/dist/esm/create-validator-decorator-BNkS_yAb.js +218 -0
- package/dist/esm/{index-DmBWUef5.js → index-BGeKgZqi.js} +54 -5
- package/dist/esm/loader.js +3 -3
- package/dist/esm/one-of-4BD_5pKR.js +25 -0
- package/dist/esm/package-CdhbouMD.js +3 -0
- package/dist/esm/pattern-D7tnGo1u.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 +9 -14
- package/dist/esm/post-breadcrumb-item.entry.js +34 -24
- package/dist/esm/post-breadcrumbs.entry.js +35 -38
- package/dist/esm/post-closebutton_14.entry.js +284 -300
- 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 +142 -140
- package/dist/esm/post-footer.entry.js +20 -13
- package/dist/esm/post-linkarea.entry.js +3 -3
- package/dist/esm/post-listbox-option.entry.js +4 -4
- package/dist/esm/post-listbox.entry.js +3 -5
- package/dist/esm/post-login-widget.entry.js +29 -30
- package/dist/esm/post-number-input.entry.js +5 -5
- package/dist/esm/post-pagination.entry.js +60 -85
- 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-side-navigation-trigger.entry.js +107 -0
- package/dist/esm/post-side-navigation.entry.js +127 -0
- package/dist/esm/post-stepper-item.entry.js +4 -4
- package/dist/esm/post-stepper.entry.js +50 -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-DhBxDSbP.js +42 -0
- package/dist/esm/type-icZlikjf.js +28 -0
- package/dist/esm/url-B_2x2YCy.js +32 -0
- package/dist/post-components/p-001f58d8.entry.js +1 -0
- package/dist/post-components/p-0a08ae23.entry.js +1 -0
- package/dist/post-components/p-12c8b073.entry.js +1 -0
- package/dist/post-components/{p-bab0f27f.entry.js → p-15fa7e60.entry.js} +1 -1
- package/dist/post-components/p-1839276a.entry.js +1 -0
- package/dist/post-components/p-28eeb5d8.entry.js +1 -0
- package/dist/post-components/p-3e83aa1f.entry.js +1 -0
- package/dist/post-components/p-41b5dbfc.entry.js +1 -0
- package/dist/post-components/p-5d20cbcb.entry.js +1 -0
- package/dist/post-components/p-6a1c4897.entry.js +1 -0
- package/dist/post-components/p-6cbb2e7f.entry.js +1 -0
- package/dist/post-components/p-6d14f78a.entry.js +1 -0
- package/dist/post-components/p-6e8b6249.entry.js +1 -0
- package/dist/post-components/p-71918d59.entry.js +1 -0
- package/dist/post-components/p-7ee4b829.entry.js +1 -0
- package/dist/post-components/p-8139b0cc.entry.js +1 -0
- package/dist/post-components/p-84c8d952.entry.js +1 -0
- package/dist/post-components/p-87ebb213.entry.js +1 -0
- package/dist/post-components/{p-4b445a35.entry.js → p-89da6378.entry.js} +1 -1
- package/dist/post-components/p-8SvFxSp6.js +1 -0
- package/dist/post-components/p-8caaa149.entry.js +1 -0
- package/dist/post-components/p-923439d1.entry.js +1 -0
- package/dist/post-components/p-97c1f070.entry.js +1 -0
- package/dist/post-components/p-9e240299.entry.js +1 -0
- package/dist/post-components/p-9ec32e7b.entry.js +1 -0
- package/dist/post-components/p-BGeKgZqi.js +2 -0
- package/dist/post-components/p-CIbyqT6u.js +1 -0
- package/dist/post-components/p-CdhbouMD.js +1 -0
- package/dist/post-components/p-D2ex14Ye.js +1 -0
- package/dist/post-components/p-DH5JdN6V.js +1 -0
- package/dist/post-components/p-DiBqDD4N.js +1 -0
- package/dist/post-components/p-I6rSjhbA.js +1 -0
- package/dist/post-components/p-aff9dd5e.entry.js +1 -0
- package/dist/post-components/p-c905a97c.entry.js +1 -0
- package/dist/post-components/p-e54a6be0.entry.js +1 -0
- package/dist/post-components/p-eca119d2.entry.js +1 -0
- package/dist/post-components/p-f9529d40.entry.js +1 -0
- package/dist/post-components/p-fac58cbd.entry.js +1 -0
- package/dist/post-components/post-components.css +2 -2
- 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 +5 -5
- package/dist/types/components/post-closebutton/types.d.ts +1 -1
- 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 +1 -3
- 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-side-navigation/post-side-navigation.d.ts +56 -0
- package/dist/types/components/post-side-navigation-trigger/post-side-navigation-trigger.d.ts +33 -0
- 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 +142 -5
- package/dist/types/home/runner/work/design-system/design-system/packages/components/.stencil/vrt/helpers/header-variants.config.d.ts +1 -0
- 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/dist/vrt/helpers/header-test-config.js +3 -2
- package/dist/vrt/helpers/header-variants.config.js +29 -2
- package/hydrate/index.js +1640 -980
- package/hydrate/index.mjs +1640 -980
- 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-DPKR_4uI.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-08a0e8e9.entry.js +0 -1
- 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-39143e19.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,28 +1,50 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-
|
|
2
|
-
import { v as version } from './package-x3kxyWSZ.js';
|
|
3
|
-
import { d as checkEmptyOrOneOf, h as checkRequiredAndOneOf, c as checkRequiredAndType, b as checkEmptyOrType, e as checkRequiredAndPattern, f as checkEmptyOrUrl } from './index-D9bU2pIE.js';
|
|
1
|
+
import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-BGeKgZqi.js';
|
|
4
2
|
import { t as throttle, b as breakpoint } from './breakpoints-BQ3HlJPr.js';
|
|
3
|
+
import { v as version } from './package-CdhbouMD.js';
|
|
4
|
+
import { O as OneOf } from './one-of-4BD_5pKR.js';
|
|
5
|
+
import { R as Required } from './required-DhBxDSbP.js';
|
|
5
6
|
import { f as fade } from './fade-DsgPYmAa.js';
|
|
6
|
-
import { g as getDeepFocusableChildren, a as getFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
|
|
7
7
|
import { E as EventFrom } from './event-from-rEfV4v4a.js';
|
|
8
|
+
import { g as getDeepFocusableChildren, a as getFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
|
|
9
|
+
import { T as Type } from './type-icZlikjf.js';
|
|
8
10
|
import { n as nanoid } from './nanoid-8LXe8Zt_.js';
|
|
11
|
+
import { P as Pattern } from './pattern-D7tnGo1u.js';
|
|
12
|
+
import { U as Url } from './url-B_2x2YCy.js';
|
|
9
13
|
import { r as resolveEasing } from './utils-CoDiS_Ik.js';
|
|
10
14
|
import { f as fadeSlide } from './fade-slide-CvOvauo9.js';
|
|
11
15
|
import { P as PLACEMENT_TYPES } from './placement-DRiVosES.js';
|
|
12
16
|
import { g as getRoot } from './get-root-08F-DB-d.js';
|
|
17
|
+
import './create-validator-decorator-BNkS_yAb.js';
|
|
13
18
|
|
|
14
|
-
const BUTTON_TYPES = ['button', '
|
|
19
|
+
const BUTTON_TYPES = ['button', 'reset'];
|
|
15
20
|
const PLACEMENT = ['manual', 'auto'];
|
|
16
21
|
const SIZE = ['default', 'small'];
|
|
17
22
|
|
|
18
|
-
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);
|
|
23
|
+
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-size:var(--post-device-font-size-6);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:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.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);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);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);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}:host .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}:host .btn:not(:disabled):hover,:host .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}:host(:not([placement])),:host([placement=auto]){position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%)}:host([size=small]) .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}`;
|
|
19
24
|
|
|
25
|
+
var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
26
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
27
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
28
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
29
|
+
else
|
|
30
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
31
|
+
if (d = decorators[i])
|
|
32
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
33
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
34
|
+
};
|
|
20
35
|
const PostClosebutton = class {
|
|
21
36
|
constructor(hostRef) {
|
|
22
37
|
registerInstance(this, hostRef);
|
|
23
|
-
|
|
38
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
39
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
43
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
44
|
+
}
|
|
24
45
|
/**
|
|
25
46
|
* The "type" attribute used for the close button
|
|
47
|
+
|
|
26
48
|
*/
|
|
27
49
|
this.buttonType = 'button';
|
|
28
50
|
/**
|
|
@@ -34,54 +56,51 @@ const PostClosebutton = class {
|
|
|
34
56
|
*/
|
|
35
57
|
this.size = 'default';
|
|
36
58
|
}
|
|
37
|
-
validateButtonType() {
|
|
38
|
-
checkEmptyOrOneOf(this, 'buttonType', BUTTON_TYPES);
|
|
39
|
-
}
|
|
40
|
-
validatePlacement() {
|
|
41
|
-
checkRequiredAndOneOf(this, 'placement', PLACEMENT);
|
|
42
|
-
}
|
|
43
|
-
validateSize() {
|
|
44
|
-
checkRequiredAndOneOf(this, 'size', SIZE);
|
|
45
|
-
}
|
|
46
59
|
componentDidLoad() {
|
|
60
|
+
if (globalThis.MutationObserver) {
|
|
61
|
+
this.mutationObserver = new MutationObserver(this.checkContent.bind(this));
|
|
62
|
+
this.mutationObserver.observe(this.host, {
|
|
63
|
+
childList: true,
|
|
64
|
+
});
|
|
65
|
+
}
|
|
47
66
|
this.checkContent();
|
|
48
67
|
}
|
|
49
|
-
connectedCallback() {
|
|
50
|
-
this.mutationObserver.observe(this.host, {
|
|
51
|
-
childList: true,
|
|
52
|
-
characterData: true,
|
|
53
|
-
subtree: true,
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
68
|
disconnectedCallback() {
|
|
57
69
|
if (this.mutationObserver) {
|
|
58
70
|
this.mutationObserver.disconnect();
|
|
59
71
|
}
|
|
60
72
|
}
|
|
61
73
|
checkContent() {
|
|
62
|
-
this.
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
74
|
+
const slot = this.visuallyHidden.querySelector('slot');
|
|
75
|
+
const hasContent = slot
|
|
76
|
+
?.assignedNodes({ flatten: true })
|
|
77
|
+
.some(node => node.textContent?.trim());
|
|
78
|
+
if (!hasContent) {
|
|
66
79
|
console.error(`The \`${this.host.localName}\` component requires content for accessibility.`);
|
|
67
80
|
}
|
|
68
81
|
}
|
|
82
|
+
handleClick() {
|
|
83
|
+
if (this.buttonType === 'reset')
|
|
84
|
+
this.internals.form?.reset();
|
|
85
|
+
this.host.closest('dialog')?.close();
|
|
86
|
+
}
|
|
69
87
|
render() {
|
|
70
|
-
return (h(Host, { key: '
|
|
88
|
+
return (h(Host, { key: '55ec088421d5529b109a183b681a6e25e0fe9062', "data-version": version }, h("button", { key: '21e5bc2d1e305023530298c3750b4b8bb3f9705f', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm", onClick: () => this.handleClick() }, h("post-icon", { key: '456592d307bb7495712a645c234993ec1b5ec080', "aria-hidden": "true", name: "closex" }), h("span", { key: 'cea199698c413c94e12673df7b0769797f4d4f96', ref: el => (this.visuallyHidden = el), class: "visually-hidden" }, h("slot", { key: '7f9394eae2f4deb614f2aaac1dc697bec592d6db' })))));
|
|
71
89
|
}
|
|
90
|
+
static get formAssociated() { return true; }
|
|
72
91
|
get host() { return getElement(this); }
|
|
73
|
-
static get watchers() { return {
|
|
74
|
-
"buttonType": [{
|
|
75
|
-
"validateButtonType": 0
|
|
76
|
-
}],
|
|
77
|
-
"placement": [{
|
|
78
|
-
"validatePlacement": 0
|
|
79
|
-
}],
|
|
80
|
-
"size": [{
|
|
81
|
-
"validateSize": 0
|
|
82
|
-
}]
|
|
83
|
-
}; }
|
|
84
92
|
};
|
|
93
|
+
__decorate$b([
|
|
94
|
+
OneOf(BUTTON_TYPES)
|
|
95
|
+
], PostClosebutton.prototype, "buttonType", void 0);
|
|
96
|
+
__decorate$b([
|
|
97
|
+
Required(),
|
|
98
|
+
OneOf(PLACEMENT)
|
|
99
|
+
], PostClosebutton.prototype, "placement", void 0);
|
|
100
|
+
__decorate$b([
|
|
101
|
+
Required(),
|
|
102
|
+
OneOf(SIZE)
|
|
103
|
+
], PostClosebutton.prototype, "size", void 0);
|
|
85
104
|
PostClosebutton.style = postClosebuttonCss();
|
|
86
105
|
|
|
87
106
|
/**
|
|
@@ -111,9 +130,9 @@ function slide(el, direction, options = {}) {
|
|
|
111
130
|
return animateSlide(el, keyframes, options);
|
|
112
131
|
}
|
|
113
132
|
|
|
114
|
-
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-
|
|
133
|
+
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-global-header-reduced-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)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-bottom:1px solid}}.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));margin-inline-start:clamp(var(--post-logo-expanded-offset),var(--post-logo-expanded-offset) + (var(--post-logo-reduced-offset) - var(--post-logo-expanded-offset))*min(var(--post-header-scroll-top, 0px),var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height))/max(1px,var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height)),var(--post-logo-reduced-offset))}.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-size:var(--post-device-font-size-6);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);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);display:var(--post-burger-button-display, flex)}.burger-button:not(:disabled):hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.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);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.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);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}@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}`;
|
|
115
134
|
|
|
116
|
-
var __decorate$
|
|
135
|
+
var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
117
136
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
118
137
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
119
138
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -141,12 +160,6 @@ const PostHeader = class {
|
|
|
141
160
|
}
|
|
142
161
|
return document.body;
|
|
143
162
|
}
|
|
144
|
-
validateFullWidth() {
|
|
145
|
-
checkRequiredAndType(this, 'fullWidth', 'boolean');
|
|
146
|
-
}
|
|
147
|
-
validateTextMenu() {
|
|
148
|
-
checkRequiredAndType(this, 'textMenu', 'string');
|
|
149
|
-
}
|
|
150
163
|
lockBody(newValue, _oldValue, propName) {
|
|
151
164
|
const scrollParent = this.scrollParent;
|
|
152
165
|
const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
|
|
@@ -218,8 +231,6 @@ const PostHeader = class {
|
|
|
218
231
|
this.switchLanguageSwitchMode();
|
|
219
232
|
}
|
|
220
233
|
componentDidRender() {
|
|
221
|
-
this.validateTextMenu();
|
|
222
|
-
this.validateFullWidth();
|
|
223
234
|
this.getFocusableElements();
|
|
224
235
|
this.handleLocalHeaderResize();
|
|
225
236
|
// When a megadropdown is open on desktop and the user resizes to mobile, we set
|
|
@@ -394,12 +405,13 @@ const PostHeader = class {
|
|
|
394
405
|
languageSwitch?.setAttribute('variant', variant);
|
|
395
406
|
});
|
|
396
407
|
}
|
|
397
|
-
onFocusChange(
|
|
398
|
-
const
|
|
399
|
-
const
|
|
400
|
-
const
|
|
401
|
-
this.host.
|
|
402
|
-
|
|
408
|
+
onFocusChange() {
|
|
409
|
+
const isFocusVisible = document.activeElement?.matches(':focus-visible');
|
|
410
|
+
const isFocusedInHeader = this.host.matches(':focus-within');
|
|
411
|
+
const mustRemainCollapsed = this.device === 'desktop'
|
|
412
|
+
? !!this.host.querySelector('post-mainnavigation:focus-within')
|
|
413
|
+
: !!this.host.shadowRoot?.querySelector(':is(.global-header, .burger-menu):focus-within');
|
|
414
|
+
const isHeaderExpanded = isFocusVisible && isFocusedInHeader && !mustRemainCollapsed;
|
|
403
415
|
this.host.toggleAttribute('data-expanded', isHeaderExpanded);
|
|
404
416
|
}
|
|
405
417
|
renderBurgerMenu() {
|
|
@@ -412,19 +424,13 @@ const PostHeader = class {
|
|
|
412
424
|
render() {
|
|
413
425
|
const onDesktop = this.device === 'desktop';
|
|
414
426
|
const onTabletAndMobile = this.device !== 'desktop';
|
|
415
|
-
return (h(Host, { key: '
|
|
416
|
-
h("slot", { key: '
|
|
417
|
-
h("slot", { key: '
|
|
418
|
-
], h("slot", { key: '
|
|
427
|
+
return (h(Host, { key: '66b52c71941f81f60413da798d4484139ce3e1b2', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '0eeb86259a8da253dd94f35d97ea3d8935945fe1' }, h("div", { key: '2c3e770e344798b99b06cf8aaa2fec697ab0c8f5', class: "global-header" }, h("div", { key: 'cef2ff68fd3a5e217277f43fba60a6b38e0f7b26', class: "section" }, h("div", { key: 'a559af58168882c6e57cabc67e0c9c40d6790f69', class: "logo" }, h("slot", { key: '7d4a539769bafa7c42496fd8032bdb5681f3ad10', name: "post-logo" })), h("div", { key: '37e8f7871cac7c23d1d87a5d4dc20dd7babd930e', class: "sliding-controls" }, onDesktop && (h("div", { key: 'a3e04608d2bccd1e939d5c4143d81d8c42837056', class: "audience" }, h("slot", { key: 'b04e2d60f129cb16dff9fcf2950eada8da0a6913', name: "audience" }))), h("slot", { key: '406ad5ed2914a4b11a9ad9b454eea763a90c758f', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
|
|
428
|
+
h("slot", { key: '0573f2d5327f1a6de11d40b2eddd972defa4b0e6', name: "global-nav-secondary" }),
|
|
429
|
+
h("slot", { key: '6a3c278831ada8550039400b8bdc5dc9bfa99937', name: "language-menu" }),
|
|
430
|
+
], h("slot", { key: 'e5dd9372eab4644e614bc19a98ef10055abd6841', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: 'bf3a90beeb52d94e3ae722b1ae55c9342090b353', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '9929c7119d4a87a3bb38e37b7113ccd236a26bd5' }, this.textMenu), h("post-icon", { key: '63247760e6b80d332c6c32d17f2e53c1402b810c', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: 'ce380892e5c3f2e68fc6187ea4c1bf0feb703a24', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '1338029f597fb993dcd9b420cd98bea280f1fc3e', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: 'd14e65de2b78d22e0907d2656cc013ca1fff6458', class: "section" }, h("slot", { key: 'd7aed65dcb8f41003f59630480fbac305583ee1c', name: "title" }), this.hasTitle && h("slot", { key: '3805a85dfed19b326e9cdd05992303c781e8880b', name: "local-nav" }), onDesktop && h("slot", { key: 'abd3f8196bef4bbda2176d4bef3c3e0b8ea2d4a5', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '55d3aa634eb1fb6165e25ebc1a8a9ecc4878ea1b', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
|
|
419
431
|
}
|
|
420
432
|
get host() { return getElement(this); }
|
|
421
433
|
static get watchers() { return {
|
|
422
|
-
"fullWidth": [{
|
|
423
|
-
"validateFullWidth": 0
|
|
424
|
-
}],
|
|
425
|
-
"textMenu": [{
|
|
426
|
-
"validateTextMenu": 0
|
|
427
|
-
}],
|
|
428
434
|
"device": [{
|
|
429
435
|
"lockBody": 0
|
|
430
436
|
}],
|
|
@@ -433,7 +439,15 @@ const PostHeader = class {
|
|
|
433
439
|
}]
|
|
434
440
|
}; }
|
|
435
441
|
};
|
|
436
|
-
__decorate$
|
|
442
|
+
__decorate$a([
|
|
443
|
+
Required(),
|
|
444
|
+
Type('boolean')
|
|
445
|
+
], PostHeader.prototype, "fullWidth", void 0);
|
|
446
|
+
__decorate$a([
|
|
447
|
+
Required(),
|
|
448
|
+
Type('string')
|
|
449
|
+
], PostHeader.prototype, "textMenu", void 0);
|
|
450
|
+
__decorate$a([
|
|
437
451
|
EventFrom('post-megadropdown')
|
|
438
452
|
], PostHeader.prototype, "megadropdownStateHandler", null);
|
|
439
453
|
PostHeader.style = postHeaderCss();
|
|
@@ -449,6 +463,16 @@ const ANIMATION_KEYS = [
|
|
|
449
463
|
|
|
450
464
|
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)}}`;
|
|
451
465
|
|
|
466
|
+
var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
467
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
468
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
469
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
470
|
+
else
|
|
471
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
472
|
+
if (d = decorators[i])
|
|
473
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
474
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
475
|
+
};
|
|
452
476
|
const CDN_URL = `https://unpkg.com/@swisspost/design-system-icons@${version}/public/post-icons/`;
|
|
453
477
|
const PostIcon = class {
|
|
454
478
|
constructor(hostRef) {
|
|
@@ -462,21 +486,6 @@ const PostIcon = class {
|
|
|
462
486
|
*/
|
|
463
487
|
this.flipV = false;
|
|
464
488
|
}
|
|
465
|
-
validateAnimation() {
|
|
466
|
-
checkEmptyOrOneOf(this, 'animation', ANIMATION_KEYS);
|
|
467
|
-
}
|
|
468
|
-
validateBase() {
|
|
469
|
-
checkEmptyOrType(this, 'base', 'string');
|
|
470
|
-
}
|
|
471
|
-
validateName() {
|
|
472
|
-
checkRequiredAndType(this, 'name', 'string');
|
|
473
|
-
}
|
|
474
|
-
validateRotate() {
|
|
475
|
-
checkEmptyOrType(this, 'rotate', 'number');
|
|
476
|
-
}
|
|
477
|
-
validateScale() {
|
|
478
|
-
checkEmptyOrType(this, 'scale', 'number');
|
|
479
|
-
}
|
|
480
489
|
/**
|
|
481
490
|
* Construct the icon URL according to the following rules:
|
|
482
491
|
* 1. `@base` (absolute URL) → use directly.
|
|
@@ -542,46 +551,39 @@ const PostIcon = class {
|
|
|
542
551
|
'-webkit-mask-image': `url(${url})`,
|
|
543
552
|
'mask-image': `url('${url}')`,
|
|
544
553
|
'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
545
|
-
(this.rotate && !Number.isNaN(Number(this.rotate))
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
componentDidLoad() {
|
|
550
|
-
this.validateBase();
|
|
551
|
-
this.validateName();
|
|
552
|
-
this.validateScale();
|
|
553
|
-
this.validateRotate();
|
|
554
|
-
this.validateAnimation();
|
|
554
|
+
(this.rotate && !Number.isNaN(Number(this.rotate))
|
|
555
|
+
? ' rotate(' + this.rotate + 'deg)'
|
|
556
|
+
: ''),
|
|
557
|
+
}).filter(([_key, value]) => value !== null));
|
|
555
558
|
}
|
|
556
559
|
render() {
|
|
557
|
-
return (h(Host, { key: '
|
|
560
|
+
return (h(Host, { key: '405ccfde4206c14f044575d0b23998d93a03ffb6', "data-version": version }, h("span", { key: 'ad70ccf63add4b881ef6096ae460e13fba09f508', style: this.getStyles() })));
|
|
558
561
|
}
|
|
559
562
|
get host() { return getElement(this); }
|
|
560
|
-
static get watchers() { return {
|
|
561
|
-
"animation": [{
|
|
562
|
-
"validateAnimation": 0
|
|
563
|
-
}],
|
|
564
|
-
"base": [{
|
|
565
|
-
"validateBase": 0
|
|
566
|
-
}],
|
|
567
|
-
"name": [{
|
|
568
|
-
"validateName": 0
|
|
569
|
-
}],
|
|
570
|
-
"rotate": [{
|
|
571
|
-
"validateRotate": 0
|
|
572
|
-
}],
|
|
573
|
-
"scale": [{
|
|
574
|
-
"validateScale": 0
|
|
575
|
-
}]
|
|
576
|
-
}; }
|
|
577
563
|
};
|
|
564
|
+
__decorate$9([
|
|
565
|
+
OneOf(ANIMATION_KEYS)
|
|
566
|
+
], PostIcon.prototype, "animation", void 0);
|
|
567
|
+
__decorate$9([
|
|
568
|
+
Type('string')
|
|
569
|
+
], PostIcon.prototype, "base", void 0);
|
|
570
|
+
__decorate$9([
|
|
571
|
+
Required(),
|
|
572
|
+
Type('string')
|
|
573
|
+
], PostIcon.prototype, "name", void 0);
|
|
574
|
+
__decorate$9([
|
|
575
|
+
Type('number')
|
|
576
|
+
], PostIcon.prototype, "rotate", void 0);
|
|
577
|
+
__decorate$9([
|
|
578
|
+
Type('number')
|
|
579
|
+
], PostIcon.prototype, "scale", void 0);
|
|
578
580
|
PostIcon.style = postIconCss();
|
|
579
581
|
|
|
580
582
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
581
583
|
|
|
582
|
-
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);
|
|
584
|
+
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-size:var(--post-device-font-size-6);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);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:not(:disabled):hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.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);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.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);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.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);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.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}`;
|
|
583
585
|
|
|
584
|
-
var __decorate$
|
|
586
|
+
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
585
587
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
586
588
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
587
589
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -604,14 +606,7 @@ const PostLanguageMenu = class {
|
|
|
604
606
|
get languageOptions() {
|
|
605
607
|
return Array.from(this.host.querySelectorAll('post-language-menu-item'));
|
|
606
608
|
}
|
|
607
|
-
|
|
608
|
-
checkRequiredAndType(this, 'textChangeLanguage', 'string');
|
|
609
|
-
}
|
|
610
|
-
validateTextCurrentLanguage() {
|
|
611
|
-
checkRequiredAndPattern(this, 'textCurrentLanguage', /#name\b/);
|
|
612
|
-
}
|
|
613
|
-
validateVariant() {
|
|
614
|
-
checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
|
|
609
|
+
handleVariantChange() {
|
|
615
610
|
this.updateChildrenVariant();
|
|
616
611
|
}
|
|
617
612
|
/* The complete accessible description */
|
|
@@ -623,9 +618,6 @@ const PostLanguageMenu = class {
|
|
|
623
618
|
: undefined;
|
|
624
619
|
}
|
|
625
620
|
componentDidLoad() {
|
|
626
|
-
this.validateTextChangeLanguage();
|
|
627
|
-
this.validateTextCurrentLanguage();
|
|
628
|
-
this.validateVariant();
|
|
629
621
|
// Initially set variants and active language
|
|
630
622
|
// Handles cases where the language-menu is rendered after the language-options have been rendered
|
|
631
623
|
this.updateChildrenVariant();
|
|
@@ -678,50 +670,46 @@ const PostLanguageMenu = class {
|
|
|
678
670
|
}
|
|
679
671
|
get host() { return getElement(this); }
|
|
680
672
|
static get watchers() { return {
|
|
681
|
-
"textChangeLanguage": [{
|
|
682
|
-
"validateTextChangeLanguage": 0
|
|
683
|
-
}],
|
|
684
|
-
"textCurrentLanguage": [{
|
|
685
|
-
"validateTextCurrentLanguage": 0
|
|
686
|
-
}],
|
|
687
673
|
"variant": [{
|
|
688
|
-
"
|
|
674
|
+
"handleVariantChange": 0
|
|
689
675
|
}]
|
|
690
676
|
}; }
|
|
691
677
|
};
|
|
692
|
-
__decorate$
|
|
678
|
+
__decorate$8([
|
|
679
|
+
Required(),
|
|
680
|
+
Type('string')
|
|
681
|
+
], PostLanguageMenu.prototype, "textChangeLanguage", void 0);
|
|
682
|
+
__decorate$8([
|
|
683
|
+
Required(),
|
|
684
|
+
Pattern(/#name\b/)
|
|
685
|
+
], PostLanguageMenu.prototype, "textCurrentLanguage", void 0);
|
|
686
|
+
__decorate$8([
|
|
687
|
+
OneOf(SWITCH_VARIANTS)
|
|
688
|
+
], PostLanguageMenu.prototype, "variant", void 0);
|
|
689
|
+
__decorate$8([
|
|
693
690
|
EventFrom('post-language-menu-item')
|
|
694
691
|
], PostLanguageMenu.prototype, "handlePostChange", null);
|
|
695
692
|
PostLanguageMenu.style = postLanguageMenuCss();
|
|
696
693
|
|
|
697
|
-
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);
|
|
694
|
+
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);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@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);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);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}`;
|
|
698
695
|
|
|
696
|
+
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
697
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
698
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
699
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
700
|
+
else
|
|
701
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
702
|
+
if (d = decorators[i])
|
|
703
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
704
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
705
|
+
};
|
|
699
706
|
const PostLanguageMenuItem = class {
|
|
700
707
|
constructor(hostRef) {
|
|
701
708
|
registerInstance(this, hostRef);
|
|
702
709
|
this.postChange = createEvent(this, "postChange");
|
|
703
710
|
this.postLanguageMenuItemInitiallyActive = createEvent(this, "postLanguageMenuItemInitiallyActive");
|
|
704
711
|
}
|
|
705
|
-
validateCode() {
|
|
706
|
-
checkRequiredAndType(this, 'code', 'string');
|
|
707
|
-
}
|
|
708
|
-
validateVariant() {
|
|
709
|
-
checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
|
|
710
|
-
}
|
|
711
|
-
validateName() {
|
|
712
|
-
checkEmptyOrType(this, 'name', 'string');
|
|
713
|
-
}
|
|
714
|
-
validateDescription() {
|
|
715
|
-
checkEmptyOrType(this, 'description', 'string');
|
|
716
|
-
}
|
|
717
|
-
validateUrl() {
|
|
718
|
-
checkEmptyOrUrl(this, 'url');
|
|
719
|
-
}
|
|
720
712
|
componentDidLoad() {
|
|
721
|
-
this.validateCode();
|
|
722
|
-
this.validateName();
|
|
723
|
-
this.validateDescription();
|
|
724
|
-
this.validateUrl();
|
|
725
713
|
if (!this.name && this.isNameRequired()) {
|
|
726
714
|
throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');
|
|
727
715
|
}
|
|
@@ -753,37 +741,42 @@ const PostLanguageMenuItem = class {
|
|
|
753
741
|
return this.variant === 'list' ? (h(Host, { "data-version": version, role: "listitem" }, interactiveElement)) : (h(Host, { "data-version": version }, h("post-menu-item", null, interactiveElement)));
|
|
754
742
|
}
|
|
755
743
|
get host() { return getElement(this); }
|
|
756
|
-
static get watchers() { return {
|
|
757
|
-
"code": [{
|
|
758
|
-
"validateCode": 0
|
|
759
|
-
}],
|
|
760
|
-
"variant": [{
|
|
761
|
-
"validateVariant": 0
|
|
762
|
-
}],
|
|
763
|
-
"name": [{
|
|
764
|
-
"validateName": 0
|
|
765
|
-
}],
|
|
766
|
-
"description": [{
|
|
767
|
-
"validateDescription": 0
|
|
768
|
-
}],
|
|
769
|
-
"url": [{
|
|
770
|
-
"validateUrl": 0
|
|
771
|
-
}]
|
|
772
|
-
}; }
|
|
773
744
|
};
|
|
745
|
+
__decorate$7([
|
|
746
|
+
Required(),
|
|
747
|
+
Type('string')
|
|
748
|
+
], PostLanguageMenuItem.prototype, "code", void 0);
|
|
749
|
+
__decorate$7([
|
|
750
|
+
OneOf(SWITCH_VARIANTS)
|
|
751
|
+
], PostLanguageMenuItem.prototype, "variant", void 0);
|
|
752
|
+
__decorate$7([
|
|
753
|
+
Type('string')
|
|
754
|
+
], PostLanguageMenuItem.prototype, "name", void 0);
|
|
755
|
+
__decorate$7([
|
|
756
|
+
Type('string')
|
|
757
|
+
], PostLanguageMenuItem.prototype, "description", void 0);
|
|
758
|
+
__decorate$7([
|
|
759
|
+
Url()
|
|
760
|
+
], PostLanguageMenuItem.prototype, "url", void 0);
|
|
774
761
|
PostLanguageMenuItem.style = postLanguageMenuItemCss();
|
|
775
762
|
|
|
776
763
|
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)}`;
|
|
777
764
|
|
|
765
|
+
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
766
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
767
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
768
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
769
|
+
else
|
|
770
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
771
|
+
if (d = decorators[i])
|
|
772
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
773
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
774
|
+
};
|
|
778
775
|
const PostLogo = class {
|
|
779
776
|
constructor(hostRef) {
|
|
780
777
|
registerInstance(this, hostRef);
|
|
781
778
|
}
|
|
782
|
-
validateUrl() {
|
|
783
|
-
checkEmptyOrUrl(this, 'url');
|
|
784
|
-
}
|
|
785
779
|
componentDidLoad() {
|
|
786
|
-
this.validateUrl();
|
|
787
780
|
this.checkDescription();
|
|
788
781
|
}
|
|
789
782
|
checkDescription() {
|
|
@@ -794,25 +787,30 @@ const PostLogo = class {
|
|
|
794
787
|
render() {
|
|
795
788
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
796
789
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
797
|
-
return (h(Host, { key: '
|
|
790
|
+
return (h(Host, { key: '473c845bef6d123628bf52b7848475b50172e3c0', "data-version": version }, h(LogoTag, { key: '47503ff9c22b613c5041d51a48cfc158d0edebcd', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: '52953139bad89e236fc922574a881b7f4b79aee5', class: "description" }, h("slot", { key: '554c681236c4d158d967f97754134af774ec791e', onSlotchange: () => this.checkDescription() })), h("svg", { key: '3d65f3a44c46f8ba3810d0cd3c344577fb43a61e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '03f88fbf5710da7f0bbccafdb95c4faa93e2636a', id: "Logo" }, h("rect", { key: '33f39db4fb799744d25fae33f0b6a921c331531a', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: '93c248b53c7493a831d7b1ddf8b3e3d14d804779', 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" }), h("path", { key: 'dbdfa4a5f215e578c9f9cfc65f0cfb5d26b02848', 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" }))))));
|
|
798
791
|
}
|
|
799
792
|
get host() { return getElement(this); }
|
|
800
|
-
static get watchers() { return {
|
|
801
|
-
"url": [{
|
|
802
|
-
"validateUrl": 0
|
|
803
|
-
}]
|
|
804
|
-
}; }
|
|
805
793
|
};
|
|
794
|
+
__decorate$6([
|
|
795
|
+
Url()
|
|
796
|
+
], PostLogo.prototype, "url", void 0);
|
|
806
797
|
PostLogo.style = postLogoCss();
|
|
807
798
|
|
|
808
799
|
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}`;
|
|
809
800
|
|
|
801
|
+
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
802
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
803
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
804
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
805
|
+
else
|
|
806
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
807
|
+
if (d = decorators[i])
|
|
808
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
809
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
810
|
+
};
|
|
810
811
|
const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
|
|
811
812
|
const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
|
|
812
813
|
const PostMainnavigation = class {
|
|
813
|
-
validateTextMain() {
|
|
814
|
-
checkRequiredAndType(this, 'textMain', 'string');
|
|
815
|
-
}
|
|
816
814
|
constructor(hostRef) {
|
|
817
815
|
registerInstance(this, hostRef);
|
|
818
816
|
this.canScrollLeft = false;
|
|
@@ -824,7 +822,6 @@ const PostMainnavigation = class {
|
|
|
824
822
|
this.mutationObserver = new MutationObserver(this.checkScrollability);
|
|
825
823
|
}
|
|
826
824
|
componentDidLoad() {
|
|
827
|
-
this.validateTextMain();
|
|
828
825
|
setTimeout(() => {
|
|
829
826
|
this.checkScrollability();
|
|
830
827
|
});
|
|
@@ -930,26 +927,29 @@ const PostMainnavigation = class {
|
|
|
930
927
|
}, NAVBAR_DISABLE_DURATION);
|
|
931
928
|
}
|
|
932
929
|
render() {
|
|
933
|
-
return (h(Host, { key: '
|
|
930
|
+
return (h(Host, { key: '057f526f5b0e931fcb8642e6fa034f441df43020', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: 'c8ce70f6cbeec58c77709c1736b013ffe09ead6f', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '8281914d3380920a5562b468e87c87ca196a4830', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '7720c24a70339ea1c984dedf2faba0de8a6cfc86', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '3812be77ea739aac2be90cf8e7ac9a7e32bf5fce' })), h("div", { key: 'eda43d3b2e1d8f916275773d9ef93d364e9c1948', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '914d94f91fe1764cf64e73fc22e4f7c5a0e08c2a', "aria-hidden": "true", name: "chevronright" }))));
|
|
934
931
|
}
|
|
935
932
|
get host() { return getElement(this); }
|
|
936
|
-
static get watchers() { return {
|
|
937
|
-
"textMain": [{
|
|
938
|
-
"validateTextMain": 0
|
|
939
|
-
}]
|
|
940
|
-
}; }
|
|
941
933
|
};
|
|
934
|
+
__decorate$5([
|
|
935
|
+
Required(),
|
|
936
|
+
Type('string')
|
|
937
|
+
], PostMainnavigation.prototype, "textMain", void 0);
|
|
942
938
|
PostMainnavigation.style = postMainnavigationCss();
|
|
943
939
|
|
|
944
|
-
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);
|
|
940
|
+
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-size:var(--post-device-font-size-6);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);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);order:-1;width:fit-content;padding-inline:0}.back-button:not(:disabled):hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.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);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@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}}`;
|
|
945
941
|
|
|
942
|
+
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
943
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
944
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
945
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
946
|
+
else
|
|
947
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
948
|
+
if (d = decorators[i])
|
|
949
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
950
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
951
|
+
};
|
|
946
952
|
const PostMegadropdown = class {
|
|
947
|
-
validateTextClose() {
|
|
948
|
-
checkRequiredAndType(this, 'textClose', 'string');
|
|
949
|
-
}
|
|
950
|
-
validateTextBack() {
|
|
951
|
-
checkRequiredAndType(this, 'textBack', 'string');
|
|
952
|
-
}
|
|
953
953
|
get megadropdownTrigger() {
|
|
954
954
|
const hostId = this.host.getAttribute('id');
|
|
955
955
|
return hostId ? document.querySelector(`post-megadropdown-trigger[for="${hostId}"]`) : null;
|
|
@@ -1007,8 +1007,6 @@ const PostMegadropdown = class {
|
|
|
1007
1007
|
this.getFocusableElements();
|
|
1008
1008
|
}
|
|
1009
1009
|
componentDidLoad() {
|
|
1010
|
-
this.validateTextClose();
|
|
1011
|
-
this.validateTextBack();
|
|
1012
1010
|
this.checkInitialAriaCurrent();
|
|
1013
1011
|
this.setupObserver();
|
|
1014
1012
|
this.handleAriaCurrentChange([]);
|
|
@@ -1233,25 +1231,25 @@ const PostMegadropdown = class {
|
|
|
1233
1231
|
}
|
|
1234
1232
|
render() {
|
|
1235
1233
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
1236
|
-
return (h(Host, { key: '
|
|
1234
|
+
return (h(Host, { key: '8c6cd70082c2cdd9c208ad1ef138a21463919547', version: version }, h("div", { key: 'ff9466a7e28e894f56c9ab22d3999f68366a4aee', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: '13a7b44deceb6a83842d324b012f34adc6606de6', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: '78cfcb708ad60f12203bc34b58915665b4b5b3ef', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: 'e78eb79d9806d23fa75184f1ad9f2f7eef318297', class: "megadropdown-content" }, h("slot", { key: 'e7008833f9700059a189665a19371f52b7ab9ed6' })), this.device === 'desktop' ? (h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (h("button", { onClick: () => this.hide(true), class: "back-button" }, h("post-icon", { name: "arrowleft" }), this.textBack))))));
|
|
1237
1235
|
}
|
|
1238
1236
|
get host() { return getElement(this); }
|
|
1239
|
-
static get watchers() { return {
|
|
1240
|
-
"textClose": [{
|
|
1241
|
-
"validateTextClose": 0
|
|
1242
|
-
}],
|
|
1243
|
-
"textBack": [{
|
|
1244
|
-
"validateTextBack": 0
|
|
1245
|
-
}]
|
|
1246
|
-
}; }
|
|
1247
1237
|
};
|
|
1248
1238
|
/** Tracks the currently active dropdown instance. */
|
|
1249
1239
|
PostMegadropdown.activeDropdown = null;
|
|
1240
|
+
__decorate$4([
|
|
1241
|
+
Required(),
|
|
1242
|
+
Type('string')
|
|
1243
|
+
], PostMegadropdown.prototype, "textClose", void 0);
|
|
1244
|
+
__decorate$4([
|
|
1245
|
+
Required(),
|
|
1246
|
+
Type('string')
|
|
1247
|
+
], PostMegadropdown.prototype, "textBack", void 0);
|
|
1250
1248
|
PostMegadropdown.style = postMegadropdownCss();
|
|
1251
1249
|
|
|
1252
|
-
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);
|
|
1250
|
+
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-size:var(--post-device-font-size-6);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);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}button:not(:disabled):hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}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);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}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);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}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);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);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}}`;
|
|
1253
1251
|
|
|
1254
|
-
var __decorate$
|
|
1252
|
+
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
1255
1253
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
1256
1254
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
1257
1255
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -1271,15 +1269,9 @@ const PostMegadropdownTrigger = class {
|
|
|
1271
1269
|
*/
|
|
1272
1270
|
this.active = false;
|
|
1273
1271
|
}
|
|
1274
|
-
validateFor() {
|
|
1275
|
-
checkRequiredAndType(this, 'for', 'string');
|
|
1276
|
-
}
|
|
1277
1272
|
componentWillRender() {
|
|
1278
1273
|
this.handleSlottedContentChanges();
|
|
1279
1274
|
}
|
|
1280
|
-
componentDidLoad() {
|
|
1281
|
-
this.validateFor();
|
|
1282
|
-
}
|
|
1283
1275
|
disconnectedCallback() {
|
|
1284
1276
|
if (this.mutationObserver)
|
|
1285
1277
|
this.mutationObserver.disconnect();
|
|
@@ -1326,23 +1318,22 @@ const PostMegadropdownTrigger = class {
|
|
|
1326
1318
|
this.megadropdown.toggle();
|
|
1327
1319
|
}
|
|
1328
1320
|
render() {
|
|
1329
|
-
return (h(Host, { key: '
|
|
1321
|
+
return (h(Host, { key: '96f2859be8fab445dab5c62619537777db0bfa44', "data-version": version }, h("button", { key: '0ff54f82520a40978cac57af2adeb23beff3545d', 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 } }, h("span", { key: '327b760b66b35e0b4442bc950b202e73842b131e' }, h("span", { key: '265a6fb86a3bf12357ac58cc1887a32738b40710', innerHTML: this.slottedContent }), h("span", { key: '0ddcb317aed396d305b00d6e61a10b98f40ed78b', "aria-hidden": "true" }, h("slot", { key: '458df53ef32b64de8c4e6cb78263423ad59fa18b' }))), h("post-icon", { key: '2da566858b7ffa965da9cac2436dfd38a818eb47', name: "chevrondown" }))));
|
|
1330
1322
|
}
|
|
1331
1323
|
get host() { return getElement(this); }
|
|
1332
|
-
static get watchers() { return {
|
|
1333
|
-
"for": [{
|
|
1334
|
-
"validateFor": 0
|
|
1335
|
-
}]
|
|
1336
|
-
}; }
|
|
1337
1324
|
};
|
|
1338
|
-
__decorate$
|
|
1325
|
+
__decorate$3([
|
|
1326
|
+
Required(),
|
|
1327
|
+
Type('string')
|
|
1328
|
+
], PostMegadropdownTrigger.prototype, "for", void 0);
|
|
1329
|
+
__decorate$3([
|
|
1339
1330
|
EventFrom('post-megadropdown', { ignoreNestedComponents: false })
|
|
1340
1331
|
], PostMegadropdownTrigger.prototype, "onMegadropdownToggled", null);
|
|
1341
1332
|
PostMegadropdownTrigger.style = postMegadropdownTriggerCss();
|
|
1342
1333
|
|
|
1343
|
-
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}}`;
|
|
1334
|
+
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}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}`;
|
|
1344
1335
|
|
|
1345
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
1336
|
+
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
1346
1337
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
1347
1338
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
1348
1339
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -1396,12 +1387,6 @@ const PostMenu = class {
|
|
|
1396
1387
|
}
|
|
1397
1388
|
};
|
|
1398
1389
|
}
|
|
1399
|
-
validatePlacement() {
|
|
1400
|
-
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
1401
|
-
}
|
|
1402
|
-
validateLabel() {
|
|
1403
|
-
checkRequiredAndType(this, 'label', 'string');
|
|
1404
|
-
}
|
|
1405
1390
|
connectedCallback() {
|
|
1406
1391
|
this.root = getRoot(this.host);
|
|
1407
1392
|
this.host.addEventListener('keydown', this.handleKeyDown);
|
|
@@ -1411,10 +1396,6 @@ const PostMenu = class {
|
|
|
1411
1396
|
this.host.removeEventListener('keydown', this.handleKeyDown);
|
|
1412
1397
|
this.host.removeEventListener('click', this.handleClick);
|
|
1413
1398
|
}
|
|
1414
|
-
componentDidLoad() {
|
|
1415
|
-
this.validatePlacement();
|
|
1416
|
-
this.validateLabel();
|
|
1417
|
-
}
|
|
1418
1399
|
/**
|
|
1419
1400
|
* Toggles the menu visibility based on its current state.
|
|
1420
1401
|
*/
|
|
@@ -1530,27 +1511,26 @@ const PostMenu = class {
|
|
|
1530
1511
|
]));
|
|
1531
1512
|
}
|
|
1532
1513
|
render() {
|
|
1533
|
-
return (h(Host, { key: '
|
|
1514
|
+
return (h(Host, { key: '8fcf0b2ede074a0a064b788d7db9b31edf1f7930', "data-version": version }, h("post-popovercontainer", { key: '0aef5d7f34e88c3d52e78580574d7b8eab815d2d', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'ec1c4084ecb167bf43cb01dd52ff71e73157527f', part: "post-menu" }, h("slot", { key: '998c1abaa7ee342ef73ad6462acde0230604e4e6', name: "header" }), h("slot", { key: 'ddf3d00d03077de2c5bd5629e811bdeaa975bd4a' })))));
|
|
1534
1515
|
}
|
|
1535
1516
|
get host() { return getElement(this); }
|
|
1536
|
-
static get watchers() { return {
|
|
1537
|
-
"placement": [{
|
|
1538
|
-
"validatePlacement": 0
|
|
1539
|
-
}],
|
|
1540
|
-
"label": [{
|
|
1541
|
-
"validateLabel": 0
|
|
1542
|
-
}]
|
|
1543
|
-
}; }
|
|
1544
1517
|
};
|
|
1545
|
-
__decorate([
|
|
1518
|
+
__decorate$2([
|
|
1519
|
+
OneOf(PLACEMENT_TYPES)
|
|
1520
|
+
], PostMenu.prototype, "placement", void 0);
|
|
1521
|
+
__decorate$2([
|
|
1522
|
+
Required(),
|
|
1523
|
+
Type('string')
|
|
1524
|
+
], PostMenu.prototype, "label", void 0);
|
|
1525
|
+
__decorate$2([
|
|
1546
1526
|
EventFrom('post-popovercontainer')
|
|
1547
1527
|
], PostMenu.prototype, "handlePostShown", null);
|
|
1548
|
-
__decorate([
|
|
1528
|
+
__decorate$2([
|
|
1549
1529
|
EventFrom('post-popovercontainer')
|
|
1550
1530
|
], PostMenu.prototype, "handlePostBeforeToggle", null);
|
|
1551
1531
|
PostMenu.style = postMenuCss();
|
|
1552
1532
|
|
|
1553
|
-
const postMenuItemCss = () => `post-menu-item 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-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{
|
|
1533
|
+
const postMenuItemCss = () => `post-menu-item 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-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}`;
|
|
1554
1534
|
|
|
1555
1535
|
const PostMenuItem = class {
|
|
1556
1536
|
constructor(hostRef) {
|
|
@@ -1565,10 +1545,17 @@ PostMenuItem.style = postMenuItemCss();
|
|
|
1565
1545
|
|
|
1566
1546
|
const postMenuTriggerCss = () => `:host{display:inline-block}`;
|
|
1567
1547
|
|
|
1548
|
+
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
1549
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
1550
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
1551
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
1552
|
+
else
|
|
1553
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
1554
|
+
if (d = decorators[i])
|
|
1555
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
1556
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
1557
|
+
};
|
|
1568
1558
|
const PostMenuTrigger = class {
|
|
1569
|
-
validateFor() {
|
|
1570
|
-
checkRequiredAndType(this, 'for', 'string');
|
|
1571
|
-
}
|
|
1572
1559
|
constructor(hostRef) {
|
|
1573
1560
|
registerInstance(this, hostRef);
|
|
1574
1561
|
this.updateAriaExpanded = this.updateAriaExpanded.bind(this);
|
|
@@ -1577,7 +1564,6 @@ const PostMenuTrigger = class {
|
|
|
1577
1564
|
this.root = getRoot(this.host);
|
|
1578
1565
|
}
|
|
1579
1566
|
componentDidLoad() {
|
|
1580
|
-
this.validateFor();
|
|
1581
1567
|
this.setAriaAttributes();
|
|
1582
1568
|
if (this.root) {
|
|
1583
1569
|
this.root.addEventListener('toggleMenu', this.updateAriaExpanded);
|
|
@@ -1624,15 +1610,14 @@ const PostMenuTrigger = class {
|
|
|
1624
1610
|
return null;
|
|
1625
1611
|
}
|
|
1626
1612
|
render() {
|
|
1627
|
-
return (h(Host, { key: '
|
|
1613
|
+
return (h(Host, { key: '3aa1f5576b030765aafe7cd1f4df773b27a91265', "data-version": version }, h("slot", { key: '3d2dbe578601244b1a65960e26a2da3f2a62ecbc' })));
|
|
1628
1614
|
}
|
|
1629
1615
|
get host() { return getElement(this); }
|
|
1630
|
-
static get watchers() { return {
|
|
1631
|
-
"for": [{
|
|
1632
|
-
"validateFor": 0
|
|
1633
|
-
}]
|
|
1634
|
-
}; }
|
|
1635
1616
|
};
|
|
1617
|
+
__decorate$1([
|
|
1618
|
+
Required(),
|
|
1619
|
+
Type('string')
|
|
1620
|
+
], PostMenuTrigger.prototype, "for", void 0);
|
|
1636
1621
|
PostMenuTrigger.style = postMenuTriggerCss();
|
|
1637
1622
|
|
|
1638
1623
|
/**
|
|
@@ -3562,6 +3547,21 @@ const computePosition = (reference, floating, options) => {
|
|
|
3562
3547
|
});
|
|
3563
3548
|
};
|
|
3564
3549
|
|
|
3550
|
+
const duration = 250;
|
|
3551
|
+
const easing = 'ease-out';
|
|
3552
|
+
function popIn(el) {
|
|
3553
|
+
if (!el)
|
|
3554
|
+
return;
|
|
3555
|
+
return el.animate([
|
|
3556
|
+
{ transform: 'scale(0.9)', opacity: 0 },
|
|
3557
|
+
{ transform: 'scale(1)', opacity: 1 },
|
|
3558
|
+
], {
|
|
3559
|
+
duration,
|
|
3560
|
+
easing,
|
|
3561
|
+
fill: 'forwards',
|
|
3562
|
+
});
|
|
3563
|
+
}
|
|
3564
|
+
|
|
3565
3565
|
// src/events.ts
|
|
3566
3566
|
var ToggleEvent = class extends Event {
|
|
3567
3567
|
oldState;
|
|
@@ -4354,23 +4354,18 @@ function apply() {
|
|
|
4354
4354
|
injectStyles(document);
|
|
4355
4355
|
}
|
|
4356
4356
|
|
|
4357
|
-
const
|
|
4358
|
-
const easing = 'ease-out';
|
|
4359
|
-
function popIn(el) {
|
|
4360
|
-
if (!el)
|
|
4361
|
-
return;
|
|
4362
|
-
return el.animate([
|
|
4363
|
-
{ transform: 'scale(0.9)', opacity: 0 },
|
|
4364
|
-
{ transform: 'scale(1)', opacity: 1 },
|
|
4365
|
-
], {
|
|
4366
|
-
duration,
|
|
4367
|
-
easing,
|
|
4368
|
-
fill: 'forwards',
|
|
4369
|
-
});
|
|
4370
|
-
}
|
|
4371
|
-
|
|
4372
|
-
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))}`;
|
|
4357
|
+
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 [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))}`;
|
|
4373
4358
|
|
|
4359
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
4360
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4361
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
4362
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
4363
|
+
else
|
|
4364
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
4365
|
+
if (d = decorators[i])
|
|
4366
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
4367
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
4368
|
+
};
|
|
4374
4369
|
const ANIMATIONS = {
|
|
4375
4370
|
'pop-in': popIn,
|
|
4376
4371
|
};
|
|
@@ -4405,15 +4400,6 @@ const PostPopovercontainer = class {
|
|
|
4405
4400
|
this.currentAnimation = null;
|
|
4406
4401
|
this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
|
|
4407
4402
|
}
|
|
4408
|
-
validatePlacement() {
|
|
4409
|
-
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
4410
|
-
}
|
|
4411
|
-
validateEdgeGap() {
|
|
4412
|
-
checkEmptyOrType(this, 'edgeGap', 'number');
|
|
4413
|
-
}
|
|
4414
|
-
validateSafeSpace() {
|
|
4415
|
-
checkEmptyOrOneOf(this, 'safeSpace', ['triangle', 'trapezoid']);
|
|
4416
|
-
}
|
|
4417
4403
|
/**
|
|
4418
4404
|
* Updates cursor position for safe space feature when popover is open.
|
|
4419
4405
|
* Sets CSS custom properties for dynamic styling of safe area.
|
|
@@ -4429,9 +4415,6 @@ const PostPopovercontainer = class {
|
|
|
4429
4415
|
}
|
|
4430
4416
|
}
|
|
4431
4417
|
componentDidLoad() {
|
|
4432
|
-
this.validatePlacement();
|
|
4433
|
-
this.validateEdgeGap();
|
|
4434
|
-
this.validateSafeSpace();
|
|
4435
4418
|
this.host.addEventListener('beforetoggle', this.handleToggle.bind(this));
|
|
4436
4419
|
}
|
|
4437
4420
|
disconnectedCallback() {
|
|
@@ -4637,9 +4620,10 @@ const PostPopovercontainer = class {
|
|
|
4637
4620
|
// flip should come before shift. For non-aligned, shift before flip.
|
|
4638
4621
|
...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
|
|
4639
4622
|
size({
|
|
4640
|
-
apply({ availableWidth,
|
|
4641
|
-
elements.floating.style
|
|
4642
|
-
|
|
4623
|
+
apply({ availableWidth, elements }) {
|
|
4624
|
+
Object.assign(elements.floating.style, {
|
|
4625
|
+
maxWidth: `${availableWidth - gap * 2}px`,
|
|
4626
|
+
});
|
|
4643
4627
|
},
|
|
4644
4628
|
}),
|
|
4645
4629
|
];
|
|
@@ -4713,22 +4697,11 @@ const PostPopovercontainer = class {
|
|
|
4713
4697
|
}
|
|
4714
4698
|
}
|
|
4715
4699
|
render() {
|
|
4716
|
-
return (h(Host, { key: '
|
|
4700
|
+
return (h(Host, { key: '4fc0f306903c914a632d6ee72d9aaa69f9b60140', "data-version": version, popover: "auto" }, h("div", { key: 'd411b6f9dcb622cc1dfc829c19f69c73e9ad57d6', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: 'bf3e926a44c33b1aa7306be289f695e4b0007370', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
|
|
4717
4701
|
this.arrowRef = el;
|
|
4718
|
-
} })), h("span", { key: '
|
|
4702
|
+
} })), h("span", { key: '1c8256005b2fda27460c961ec6eea3f76075af20', part: "post-popovercontainer-border-mask" }), h("slot", { key: '0463879c1a444bcef8d6e6e48fe036ab764cef73' }))));
|
|
4719
4703
|
}
|
|
4720
4704
|
get host() { return getElement(this); }
|
|
4721
|
-
static get watchers() { return {
|
|
4722
|
-
"placement": [{
|
|
4723
|
-
"validatePlacement": 0
|
|
4724
|
-
}],
|
|
4725
|
-
"edgeGap": [{
|
|
4726
|
-
"validateEdgeGap": 0
|
|
4727
|
-
}],
|
|
4728
|
-
"safeSpace": [{
|
|
4729
|
-
"validateSafeSpace": 0
|
|
4730
|
-
}]
|
|
4731
|
-
}; }
|
|
4732
4705
|
};
|
|
4733
4706
|
PostPopovercontainer.STATIC_SIDES = {
|
|
4734
4707
|
top: 'bottom',
|
|
@@ -4750,6 +4723,15 @@ PostPopovercontainer.PROPERTIES_TO_CLEAR = [
|
|
|
4750
4723
|
'--post-safe-space-trigger-y-start',
|
|
4751
4724
|
'--post-safe-space-trigger-y-end',
|
|
4752
4725
|
];
|
|
4726
|
+
__decorate([
|
|
4727
|
+
OneOf(PLACEMENT_TYPES)
|
|
4728
|
+
], PostPopovercontainer.prototype, "placement", void 0);
|
|
4729
|
+
__decorate([
|
|
4730
|
+
Type('number')
|
|
4731
|
+
], PostPopovercontainer.prototype, "edgeGap", void 0);
|
|
4732
|
+
__decorate([
|
|
4733
|
+
OneOf(['triangle', 'trapezoid'])
|
|
4734
|
+
], PostPopovercontainer.prototype, "safeSpace", void 0);
|
|
4753
4735
|
PostPopovercontainer.style = postPopovercontainerCss();
|
|
4754
4736
|
|
|
4755
4737
|
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}`;
|
|
@@ -4776,10 +4758,12 @@ const PostTogglebutton = class {
|
|
|
4776
4758
|
// add event listener in capture phase so the toggle state is updated
|
|
4777
4759
|
// before any parent bubble listeners react to the click.
|
|
4778
4760
|
this.host.addEventListener('click', () => this.handleClick(), { capture: true });
|
|
4779
|
-
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), {
|
|
4761
|
+
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), {
|
|
4762
|
+
capture: true,
|
|
4763
|
+
});
|
|
4780
4764
|
}
|
|
4781
4765
|
render() {
|
|
4782
|
-
return (h(Host, { key: '
|
|
4766
|
+
return (h(Host, { key: '46a7a868026b48ae40115ab34c67ec9819f56b63', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: 'a230214424ec9f848fab45ad61253b9e7adb9645' })));
|
|
4783
4767
|
}
|
|
4784
4768
|
get host() { return getElement(this); }
|
|
4785
4769
|
};
|