@swisspost/design-system-components 10.0.0-next.55 → 10.0.0-next.57
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/{components/react/p-CJ80BZ06.js → cjs/breakpoints-Df03Ct7n.js} +103 -5
- package/dist/cjs/debounce-BsIBi_-2.js +13 -0
- package/dist/cjs/environment-BQE9Unf_.js +52 -0
- package/dist/cjs/{event-from-CLvtSUKf.js → event-from-CwMw19f8.js} +2 -2
- package/dist/cjs/fade-CPQhl1fP.js +26 -0
- package/dist/cjs/fade-slide-dPhQa-I1.js +38 -0
- package/dist/cjs/{get-focusable-children-Bx63XUQg.js → get-focusable-children-ChETM1wK.js} +29 -21
- package/dist/cjs/{get-root-CyMf3Vsd.js → get-root-CUAv4k4C.js} +2 -2
- package/dist/cjs/{index-B4gYpuJF.js → index-B4rc1pqu.js} +2150 -292
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{package-DkJrv93P.js → package-uQ5oiSiN.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +19 -15
- package/dist/cjs/post-avatar.cjs.entry.js +27 -17
- package/dist/cjs/post-back-to-top.cjs.entry.js +23 -43
- package/dist/cjs/post-banner.cjs.entry.js +15 -12
- package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +14 -12
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +33 -34
- package/dist/cjs/post-card-control.cjs.entry.js +42 -26
- package/dist/cjs/{post-closebutton_15.cjs.entry.js → post-closebutton_13.cjs.entry.js} +618 -531
- package/dist/cjs/post-collapsible_2.cjs.entry.js +41 -37
- package/dist/cjs/post-components.cjs.js +3 -3
- package/dist/cjs/post-env-test.cjs.entry.js +15 -0
- package/dist/cjs/post-footer.cjs.entry.js +24 -20
- package/dist/cjs/post-linkarea.cjs.entry.js +5 -5
- package/dist/cjs/post-pagination.cjs.entry.js +615 -0
- package/dist/cjs/post-popover-trigger.cjs.entry.js +54 -34
- package/dist/cjs/post-popover.cjs.entry.js +26 -17
- package/dist/cjs/post-rating.cjs.entry.js +24 -18
- package/dist/cjs/post-stepper-item.cjs.entry.js +5 -5
- package/dist/cjs/post-stepper.cjs.entry.js +40 -29
- package/dist/cjs/post-tab-item.cjs.entry.js +51 -0
- package/dist/cjs/post-tab-panel.cjs.entry.js +13 -11
- package/dist/cjs/post-tabs.cjs.entry.js +195 -40
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +13 -11
- package/dist/cjs/post-tooltip.cjs.entry.js +14 -12
- package/dist/cjs/utils-s05L2ulk.js +26 -0
- package/dist/collection/animations/collapse.js +3 -3
- package/dist/collection/animations/fade-slide.js +33 -0
- package/dist/collection/animations/fade.js +19 -7
- package/dist/collection/animations/index.js +2 -0
- package/dist/collection/animations/slide.js +25 -21
- package/dist/collection/animations/types.js +14 -0
- package/dist/collection/animations/utils.js +8 -0
- package/dist/collection/collection-manifest.json +8 -8
- package/dist/collection/components/post-accordion/post-accordion.css +1 -1
- package/dist/collection/components/post-accordion/post-accordion.js +5 -4
- package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +9 -8
- package/dist/collection/components/post-avatar/post-avatar.js +11 -11
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +15 -15
- package/dist/collection/components/post-banner/post-banner.css +4 -1
- package/dist/collection/components/post-banner/post-banner.js +6 -5
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +3 -3
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +29 -29
- package/dist/collection/components/post-card-control/post-card-control.js +18 -18
- package/dist/collection/components/post-closebutton/post-closebutton.css +1 -1
- package/dist/collection/components/post-closebutton/post-closebutton.js +4 -3
- package/dist/collection/components/post-collapsible/post-collapsible.js +28 -28
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +3 -3
- package/dist/collection/components/post-footer/post-footer.css +1 -1
- package/dist/collection/components/post-footer/post-footer.js +18 -16
- package/dist/collection/components/post-header/post-header.css +1 -1
- package/dist/collection/components/post-header/post-header.js +144 -82
- package/dist/collection/components/post-icon/post-icon.js +18 -16
- package/dist/collection/components/post-language-menu/post-language-menu.css +1 -0
- package/dist/collection/components/{post-language-switch/post-language-switch.js → post-language-menu/post-language-menu.js} +45 -36
- package/dist/collection/components/post-language-menu-item/post-language-menu-item.css +1 -0
- package/dist/collection/components/{post-language-option/post-language-option.js → post-language-menu-item/post-language-menu-item.js} +24 -23
- package/dist/collection/components/post-linkarea/post-linkarea.js +1 -1
- package/dist/collection/components/post-logo/post-logo.css +3 -1
- package/dist/collection/components/post-logo/post-logo.js +3 -3
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +41 -29
- package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +183 -74
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.css +3 -1
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +81 -75
- package/dist/collection/components/post-menu/post-menu.css +1 -1
- package/dist/collection/components/post-menu/post-menu.js +39 -38
- package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +3 -3
- package/dist/collection/components/post-pagination/post-pagination.css +1 -0
- package/dist/collection/components/post-pagination/post-pagination.js +838 -0
- package/dist/collection/components/post-popover/post-popover.js +22 -16
- package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +45 -29
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +82 -131
- package/dist/collection/components/post-rating/post-rating.js +7 -7
- package/dist/collection/components/post-stepper/post-stepper.js +38 -35
- package/dist/collection/components/post-stepper-item/post-stepper-item.css +2 -2
- package/dist/collection/components/post-stepper-item/post-stepper-item.js +1 -1
- package/dist/collection/components/post-tab-item/post-tab-item.css +1 -0
- package/dist/collection/components/post-tab-item/post-tab-item.js +86 -0
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +10 -10
- package/dist/collection/components/post-tabs/post-tabs.js +232 -59
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +2 -2
- package/dist/collection/components/post-tooltip/post-tooltip.js +9 -27
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +4 -4
- package/dist/collection/utils/environment.js +47 -2
- package/dist/collection/utils/event-from.js +2 -2
- package/dist/collection/utils/get-focusable-children.js +29 -21
- package/dist/collection/utils/is-motion-reduced.js +1 -1
- package/dist/collection/utils/tests/environment/hydrate-app-helper.js +16 -0
- package/dist/collection/utils/tests/environment/post-env-test.js +9 -0
- package/dist/component-names.json +4 -5
- package/dist/components/breakpoints.js +1 -178
- package/dist/components/debounce.js +1 -0
- package/dist/components/environment.js +1 -0
- package/dist/components/event-from.js +1 -119
- package/dist/components/fade-slide.js +1 -0
- package/dist/components/fade.js +1 -11
- package/dist/components/focusable.js +1 -5018
- package/dist/components/get-focusable-children.js +1 -64
- package/dist/components/get-root.js +1 -15
- package/dist/components/heading-levels.js +1 -3
- package/dist/components/index.browser.js +1 -14
- package/dist/components/index.d.ts +11 -10
- package/dist/components/index.js +1 -39
- package/dist/components/long-press-event.js +1 -257
- package/dist/components/package.js +1 -3
- package/dist/components/post-accordion-item.js +1 -6
- package/dist/components/post-accordion-item2.js +1 -113
- package/dist/components/post-accordion.js +1 -6
- package/dist/components/post-accordion2.js +1 -138
- package/dist/components/post-avatar.js +1 -217
- package/dist/components/post-back-to-top.js +1 -144
- package/dist/components/post-banner.js +1 -98
- package/dist/components/post-breadcrumb-item.js +1 -6
- package/dist/components/post-breadcrumb-item2.js +1 -79
- package/dist/components/post-breadcrumbs.js +1 -196
- package/dist/components/post-card-control.js +1 -326
- package/dist/components/post-closebutton.js +1 -6
- package/dist/components/post-closebutton2.js +1 -77
- package/dist/components/post-collapsible-trigger.js +1 -6
- package/dist/components/post-collapsible-trigger2.js +1 -136
- package/dist/components/post-collapsible.js +1 -6
- package/dist/components/post-collapsible2.js +1 -110
- package/dist/components/{post-list.d.ts → post-env-test.d.ts} +4 -4
- package/dist/components/post-env-test.js +1 -0
- package/dist/components/post-footer.js +1 -116
- package/dist/components/post-header.js +1 -372
- package/dist/components/post-icon.js +1 -6
- package/dist/components/post-icon2.js +1 -159
- package/dist/components/post-language-menu-item.d.ts +11 -0
- package/dist/components/post-language-menu-item.js +1 -0
- package/dist/components/{post-language-switch.d.ts → post-language-menu.d.ts} +4 -4
- package/dist/components/post-language-menu.js +1 -0
- package/dist/components/post-linkarea.js +1 -58
- package/dist/components/post-logo.js +1 -58
- package/dist/components/post-mainnavigation.js +1 -180
- package/dist/components/post-megadropdown-trigger.js +1 -136
- package/dist/components/post-megadropdown.js +1 -267
- package/dist/components/post-menu-item.js +1 -6
- package/dist/components/post-menu-item2.js +1 -30
- package/dist/components/post-menu-trigger.js +1 -6
- package/dist/components/post-menu-trigger2.js +1 -110
- package/dist/components/post-menu.js +1 -6
- package/dist/components/post-menu2.js +1 -242
- package/dist/components/{post-tab-header.d.ts → post-pagination.d.ts} +4 -4
- package/dist/components/post-pagination.js +1 -0
- package/dist/components/post-popover-trigger.js +1 -132
- package/dist/components/post-popover.js +1 -118
- package/dist/components/post-popovercontainer.js +1 -6
- package/dist/components/post-popovercontainer2.js +1 -3127
- package/dist/components/post-rating.js +1 -148
- package/dist/components/post-stepper-item.js +1 -33
- package/dist/components/post-stepper.js +1 -134
- package/dist/components/{post-list-item.d.ts → post-tab-item.d.ts} +4 -4
- package/dist/components/post-tab-item.js +1 -0
- package/dist/components/post-tab-panel.js +1 -54
- package/dist/components/post-tabs.js +1 -196
- package/dist/components/post-togglebutton.js +1 -56
- package/dist/components/post-togglebutton2.js +1 -0
- package/dist/components/post-tooltip-trigger.js +1 -206
- package/dist/components/post-tooltip.js +1 -114
- package/dist/components/react/index.d.ts +2 -0
- package/dist/components/react/index.js +1 -2315
- package/dist/components/react/p-B8YiQ3mz.js +1 -0
- package/dist/components/react/p-BC5nlBvn.js +1 -0
- package/dist/components/react/p-BLchVpF6.js +1 -14
- package/dist/components/react/p-BVCjnh6Q.js +1 -0
- package/dist/{post-components/p-CBFgkSgY.js → components/react/p-BVGcVycs.js} +1 -1
- package/dist/components/react/p-B_XPj2c8.js +1 -0
- package/dist/components/react/p-BllOMLDs.js +1 -0
- package/dist/components/react/p-BmRNjQUZ.js +1 -0
- package/dist/components/react/p-ByFh05IW.js +1 -0
- package/dist/components/react/p-C9hMpmsD.js +1 -0
- package/dist/components/react/p-CJ13r5fi.js +1 -0
- package/dist/components/react/p-CZvbetqX.js +1 -0
- package/dist/components/react/p-C_2k3G1c.js +1 -257
- package/dist/components/react/p-CoDiS_Ik.js +1 -0
- package/dist/components/react/p-Cou17ld8.js +1 -0
- package/dist/components/react/p-D5knoiyy.js +1 -0
- package/dist/components/react/p-D9DDtvFM.js +1 -0
- package/dist/components/react/p-DY2U5CQt.js +1 -0
- package/dist/components/react/p-DjIHLduJ.js +1 -3
- package/dist/components/react/p-DpATRD2W.js +1 -0
- package/dist/components/react/p-FxUVQ4Tx.js +1 -0
- package/dist/components/react/p-HygIVKXC.js +1 -5018
- package/dist/components/react/p-YR7U0Z_g.js +1 -0
- package/dist/components/react/p-ZeKXASQs.js +1 -0
- package/dist/components/react/p-r4txK0AC.js +1 -3
- package/dist/components/react/p-sSn0kXFi.js +1 -0
- package/dist/components/react/post-accordion-item.js +1 -6
- package/dist/components/react/post-accordion.js +1 -6
- package/dist/components/react/post-avatar.js +1 -218
- package/dist/components/react/post-back-to-top.js +1 -145
- package/dist/components/react/post-banner.js +1 -99
- package/dist/components/react/post-breadcrumb-item.js +1 -6
- package/dist/components/react/post-breadcrumbs.js +1 -197
- package/dist/components/react/post-card-control.js +1 -327
- package/dist/components/react/post-closebutton.js +1 -6
- package/dist/components/react/post-collapsible-trigger.js +1 -6
- package/dist/components/react/post-collapsible.js +1 -6
- package/dist/components/react/{post-list.d.ts → post-env-test.d.ts} +4 -4
- package/dist/components/react/post-env-test.js +1 -0
- package/dist/components/react/post-footer.js +1 -117
- package/dist/components/react/post-header.js +1 -373
- package/dist/components/react/post-icon.js +1 -6
- package/dist/components/react/post-language-menu-item.d.ts +11 -0
- package/dist/components/react/post-language-menu-item.js +1 -0
- package/dist/components/react/{post-language-option.d.ts → post-language-menu.d.ts} +4 -4
- package/dist/components/react/post-language-menu.js +1 -0
- package/dist/components/react/post-linkarea.js +1 -59
- package/dist/components/react/post-logo.js +1 -59
- package/dist/components/react/post-mainnavigation.js +1 -181
- package/dist/components/react/post-megadropdown-trigger.js +1 -137
- package/dist/components/react/post-megadropdown.js +1 -268
- package/dist/components/react/post-menu-item.js +1 -6
- package/dist/components/react/post-menu-trigger.js +1 -6
- package/dist/components/react/post-menu.js +1 -6
- package/dist/components/react/{post-tab-header.d.ts → post-pagination.d.ts} +4 -4
- package/dist/components/react/post-pagination.js +1 -0
- package/dist/components/react/post-popover-trigger.js +1 -133
- package/dist/components/react/post-popover.js +1 -119
- package/dist/components/react/post-popovercontainer.js +1 -6
- package/dist/components/react/post-rating.js +1 -149
- package/dist/components/react/post-stepper-item.js +1 -34
- package/dist/components/react/post-stepper.js +1 -135
- package/dist/components/react/{post-list-item.d.ts → post-tab-item.d.ts} +4 -4
- package/dist/components/react/post-tab-item.js +1 -0
- package/dist/components/react/post-tab-panel.js +1 -55
- package/dist/components/react/post-tabs.js +1 -197
- package/dist/components/react/post-togglebutton.js +1 -57
- package/dist/components/react/post-tooltip-trigger.js +1 -207
- package/dist/components/react/post-tooltip.js +1 -115
- package/dist/components/switch-variants.js +1 -3
- package/dist/components/utils.js +1 -0
- package/dist/docs.d.ts +11 -0
- package/dist/docs.json +873 -631
- package/dist/{cjs/breakpoints-CEkeixld.js → esm/breakpoints-DYoSKGHO.js} +89 -6
- package/dist/esm/debounce-C9hMpmsD.js +11 -0
- package/dist/esm/environment-CEmnRoA6.js +49 -0
- package/dist/{components/react/p-CzIKqBrS.js → esm/event-from-rEfV4v4a.js} +2 -2
- package/dist/esm/fade-DsgPYmAa.js +24 -0
- package/dist/esm/fade-slide-CvOvauo9.js +36 -0
- package/dist/esm/{get-focusable-children-D9ZHp2FP.js → get-focusable-children-BXNs2_sw.js} +29 -21
- package/dist/{components/react/p-CBFgkSgY.js → esm/get-root-CXfAA093.js} +1 -1
- package/dist/esm/{index-wEFJ-c34.js → index-CDZBzSdV.js} +2150 -292
- package/dist/esm/loader.js +3 -3
- package/dist/esm/package-CZvbetqX.js +3 -0
- package/dist/esm/post-accordion_2.entry.js +17 -13
- package/dist/esm/post-avatar.entry.js +22 -12
- package/dist/esm/post-back-to-top.entry.js +23 -43
- package/dist/esm/post-banner.entry.js +14 -11
- package/dist/esm/post-breadcrumb-item_2.entry.js +13 -11
- package/dist/esm/post-breadcrumbs.entry.js +31 -32
- package/dist/esm/post-card-control.entry.js +32 -16
- package/dist/esm/{post-closebutton_15.entry.js → post-closebutton_13.entry.js} +599 -510
- package/dist/esm/post-collapsible_2.entry.js +38 -34
- package/dist/esm/post-components.js +4 -4
- package/dist/esm/post-env-test.entry.js +13 -0
- package/dist/esm/post-footer.entry.js +21 -17
- package/dist/esm/post-linkarea.entry.js +5 -5
- package/dist/esm/post-pagination.entry.js +613 -0
- package/dist/esm/post-popover-trigger.entry.js +52 -32
- package/dist/esm/post-popover.entry.js +25 -16
- package/dist/esm/post-rating.entry.js +16 -10
- package/dist/esm/post-stepper-item.entry.js +5 -5
- package/dist/esm/post-stepper.entry.js +39 -28
- package/dist/esm/post-tab-item.entry.js +49 -0
- package/dist/esm/post-tab-panel.entry.js +13 -11
- package/dist/esm/post-tabs.entry.js +195 -40
- package/dist/esm/post-tooltip-trigger.entry.js +10 -8
- package/dist/esm/post-tooltip.entry.js +13 -11
- package/dist/esm/utils-CoDiS_Ik.js +24 -0
- package/dist/post-components/p-09ba7cf9.entry.js +1 -0
- package/dist/post-components/p-0c091898.entry.js +1 -0
- package/dist/post-components/{p-cd03e6f2.entry.js → p-0e97fcfd.entry.js} +1 -1
- package/dist/post-components/p-296f1dd5.entry.js +1 -0
- package/dist/post-components/p-32ad2b21.entry.js +1 -0
- package/dist/post-components/p-366c28cb.entry.js +1 -0
- package/dist/post-components/p-41ae68d5.entry.js +1 -0
- package/dist/post-components/p-448e7265.entry.js +1 -0
- package/dist/post-components/p-554da188.entry.js +1 -0
- package/dist/post-components/p-5912f8f1.entry.js +1 -0
- package/dist/post-components/p-790f300d.entry.js +1 -0
- package/dist/post-components/p-7ed5a493.entry.js +1 -0
- package/dist/post-components/p-85bea1b6.entry.js +1 -0
- package/dist/post-components/p-8bcff4d2.entry.js +1 -0
- package/dist/post-components/p-9dc9c245.entry.js +1 -0
- package/dist/post-components/p-B7ebLhHc.js +1 -0
- package/dist/post-components/p-BVCjnh6Q.js +1 -0
- package/dist/post-components/p-BXNs2_sw.js +1 -0
- package/dist/post-components/p-C9hMpmsD.js +1 -0
- package/dist/post-components/p-CDZBzSdV.js +2 -0
- package/dist/post-components/p-CEmnRoA6.js +1 -0
- package/dist/post-components/p-CZvbetqX.js +1 -0
- package/dist/post-components/p-CoDiS_Ik.js +1 -0
- package/dist/post-components/p-D5knoiyy.js +1 -0
- package/dist/post-components/p-DI-h_mEL.js +1 -0
- package/dist/post-components/p-a06f9695.entry.js +1 -0
- package/dist/post-components/p-a191f1df.entry.js +1 -0
- package/dist/post-components/p-c5d19d62.entry.js +1 -0
- package/dist/post-components/{p-24dc54d1.entry.js → p-c8c4d05b.entry.js} +1 -1
- package/dist/post-components/{p-57288cb2.entry.js → p-d1a5c980.entry.js} +1 -1
- package/dist/post-components/p-d4e2c556.entry.js +1 -0
- package/dist/post-components/p-f96a310c.entry.js +1 -0
- package/dist/post-components/p-fab2327d.entry.js +1 -0
- package/dist/post-components/p-rEfV4v4a.js +1 -0
- package/dist/post-components/post-components.css +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/prebuild.js +46 -0
- package/dist/types/animations/collapse.d.ts +1 -0
- package/dist/types/animations/fade-slide.d.ts +11 -0
- package/dist/types/animations/fade.d.ts +2 -2
- package/dist/types/animations/index.d.ts +2 -0
- package/dist/types/animations/slide.d.ts +9 -2
- package/dist/types/animations/types.d.ts +13 -0
- package/dist/types/animations/utils.d.ts +2 -0
- package/dist/types/components/post-accordion-item/heading-levels.d.ts +1 -1
- package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +2 -2
- package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +2 -2
- package/dist/types/components/post-breadcrumbs/post-breadcrumbs.d.ts +6 -6
- package/dist/types/components/post-collapsible/post-collapsible.d.ts +4 -5
- package/dist/types/components/post-footer/post-footer.d.ts +4 -4
- package/dist/types/components/post-header/post-header.d.ts +23 -13
- package/dist/types/components/{post-language-switch/post-language-switch.d.ts → post-language-menu/post-language-menu.d.ts} +12 -11
- package/dist/types/components/{post-language-option/post-language-option.d.ts → post-language-menu-item/post-language-menu-item.d.ts} +5 -5
- package/dist/types/components/post-mainnavigation/post-mainnavigation.d.ts +6 -5
- package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +20 -2
- package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts +17 -23
- package/dist/types/components/post-menu/post-menu.d.ts +4 -4
- package/dist/types/components/post-pagination/post-pagination.d.ts +224 -0
- package/dist/types/components/post-popover/post-popover.d.ts +4 -3
- package/dist/types/components/post-popover-trigger/post-popover-trigger.d.ts +2 -1
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +23 -21
- package/dist/types/components/post-rating/post-rating.d.ts +1 -1
- package/dist/types/components/post-stepper/post-stepper.d.ts +9 -8
- package/dist/types/components/post-tab-item/post-tab-item.d.ts +19 -0
- package/dist/types/components/post-tab-panel/post-tab-panel.d.ts +3 -3
- package/dist/types/components/post-tabs/post-tabs.d.ts +33 -12
- package/dist/types/components/post-tooltip/post-tooltip.d.ts +1 -5
- package/dist/types/components.d.ts +322 -219
- package/dist/types/home/runner/work/design-system/design-system/packages/components/.stencil/prebuild.d.ts +9 -0
- package/dist/types/stencil-public-runtime.d.ts +147 -10
- package/dist/types/types/heading-levels.d.ts +1 -1
- package/dist/types/utils/environment.d.ts +25 -1
- package/dist/types/utils/get-focusable-children.d.ts +2 -2
- package/dist/types/utils/tests/environment/hydrate-app-helper.d.ts +5 -0
- package/dist/types/utils/tests/environment/post-env-test.d.ts +3 -0
- package/hydrate/index.d.ts +14 -0
- package/hydrate/index.js +7494 -2714
- package/hydrate/index.mjs +7493 -2715
- package/package.json +7 -8
- package/dist/cjs/fade-nS5zzDQS.js +0 -14
- package/dist/cjs/index-UFKR6Ok0.js +0 -98
- package/dist/cjs/post-tab-header.cjs.entry.js +0 -31
- package/dist/collection/animations/slide-and-fade.js +0 -25
- package/dist/collection/components/post-language-option/post-language-option.css +0 -1
- package/dist/collection/components/post-language-switch/post-language-switch.css +0 -1
- package/dist/collection/components/post-list/post-list.css +0 -1
- package/dist/collection/components/post-list/post-list.js +0 -97
- package/dist/collection/components/post-list-item/post-list-item.css +0 -1
- package/dist/collection/components/post-list-item/post-list-item.js +0 -26
- package/dist/collection/components/post-tab-header/post-tab-header.css +0 -1
- package/dist/collection/components/post-tab-header/post-tab-header.js +0 -65
- package/dist/components/index2.js +0 -89
- package/dist/components/post-language-option.d.ts +0 -11
- package/dist/components/post-language-option.js +0 -99
- package/dist/components/post-language-switch.js +0 -157
- package/dist/components/post-list-item.js +0 -38
- package/dist/components/post-list.js +0 -61
- package/dist/components/post-tab-header.js +0 -52
- package/dist/components/react/p-BVXiQdHq.js +0 -64
- package/dist/components/react/p-BhxZzOEC.js +0 -3
- package/dist/components/react/p-CSAMO7iJ.js +0 -243
- package/dist/components/react/p-CYkf_7Y5.js +0 -89
- package/dist/components/react/p-Ccrl2AQn.js +0 -111
- package/dist/components/react/p-CewRvBtg.js +0 -139
- package/dist/components/react/p-Cwiv86_f.js +0 -111
- package/dist/components/react/p-D2waO0Zc.js +0 -31
- package/dist/components/react/p-DBPOV12C.js +0 -160
- package/dist/components/react/p-DVGEExot.js +0 -3128
- package/dist/components/react/p-Djvj8fd2.js +0 -80
- package/dist/components/react/p-LtiDhYis.js +0 -137
- package/dist/components/react/p-SbIC4aZX.js +0 -11
- package/dist/components/react/p-XrZzCOKT.js +0 -78
- package/dist/components/react/p-v3pOrMNQ.js +0 -114
- package/dist/components/react/post-language-option.js +0 -100
- package/dist/components/react/post-language-switch.d.ts +0 -11
- package/dist/components/react/post-language-switch.js +0 -158
- package/dist/components/react/post-list-item.js +0 -39
- package/dist/components/react/post-list.js +0 -62
- package/dist/components/react/post-tab-header.js +0 -53
- package/dist/esm/breakpoints-CJ80BZ06.js +0 -178
- package/dist/esm/event-from-CzIKqBrS.js +0 -119
- package/dist/esm/fade-SbIC4aZX.js +0 -11
- package/dist/esm/get-root-BkQ3CrLq.js +0 -15
- package/dist/esm/index-Beaz8wEe.js +0 -89
- package/dist/esm/package-BhxZzOEC.js +0 -3
- package/dist/esm/post-tab-header.entry.js +0 -29
- package/dist/post-components/p-01e678c9.entry.js +0 -1
- package/dist/post-components/p-034a453f.entry.js +0 -1
- package/dist/post-components/p-15a4cdbf.entry.js +0 -1
- package/dist/post-components/p-2a2030bf.entry.js +0 -1
- package/dist/post-components/p-2ed84cc3.entry.js +0 -1
- package/dist/post-components/p-3228968f.entry.js +0 -1
- package/dist/post-components/p-3c01ddfe.entry.js +0 -1
- package/dist/post-components/p-748b1f01.entry.js +0 -1
- package/dist/post-components/p-7745e46e.entry.js +0 -1
- package/dist/post-components/p-7f635728.entry.js +0 -1
- package/dist/post-components/p-82c178a3.entry.js +0 -1
- package/dist/post-components/p-9b5f8319.entry.js +0 -1
- package/dist/post-components/p-Beaz8wEe.js +0 -1
- package/dist/post-components/p-BhxZzOEC.js +0 -1
- package/dist/post-components/p-CJ80BZ06.js +0 -1
- package/dist/post-components/p-D9ZHp2FP.js +0 -1
- package/dist/post-components/p-SbIC4aZX.js +0 -1
- package/dist/post-components/p-a9644e54.entry.js +0 -1
- package/dist/post-components/p-af030a3a.entry.js +0 -1
- package/dist/post-components/p-b8ba8139.entry.js +0 -1
- package/dist/post-components/p-db935e8e.entry.js +0 -1
- package/dist/post-components/p-e62e1f57.entry.js +0 -1
- package/dist/post-components/p-fb4b1641.entry.js +0 -1
- package/dist/post-components/p-wEFJ-c34.js +0 -2
- package/dist/types/animations/slide-and-fade.d.ts +0 -2
- package/dist/types/components/post-list/post-list.d.ts +0 -24
- package/dist/types/components/post-list-item/post-list-item.d.ts +0 -8
- package/dist/types/components/post-tab-header/post-tab-header.d.ts +0 -14
- /package/dist/collection/components/{post-language-switch → post-language-menu}/switch-variants.js +0 -0
- /package/dist/{post-components/p-CzIKqBrS.js → components/react/p-rEfV4v4a.js} +0 -0
- /package/dist/types/components/{post-language-switch → post-language-menu}/switch-variants.d.ts +0 -0
|
@@ -1,64 +1 @@
|
|
|
1
|
-
const
|
|
2
|
-
'button',
|
|
3
|
-
'input:not([type="hidden"])',
|
|
4
|
-
'[tabindex]',
|
|
5
|
-
'select',
|
|
6
|
-
'textarea',
|
|
7
|
-
'[contenteditable]',
|
|
8
|
-
'a[href]',
|
|
9
|
-
'iframe',
|
|
10
|
-
'audio[controls]',
|
|
11
|
-
'video[controls]',
|
|
12
|
-
'area[href]',
|
|
13
|
-
'details > summary:first-of-type',
|
|
14
|
-
].join(',')})`;
|
|
15
|
-
const focusDisablingSelector = `:where(${[
|
|
16
|
-
'[inert]',
|
|
17
|
-
'[inert] *',
|
|
18
|
-
':disabled',
|
|
19
|
-
'dialog:not([open]) *',
|
|
20
|
-
'[popover]:not(:popover-open) *',
|
|
21
|
-
'details:not([open]) > *:not(details > summary:first-of-type)',
|
|
22
|
-
'details:not([open]) > *:not(details > summary:first-of-type) *',
|
|
23
|
-
'[tabindex^="-"]',
|
|
24
|
-
'[hidden]:not([hidden="false"])',
|
|
25
|
-
].join(',')})`;
|
|
26
|
-
function getFocusableChildren(element) {
|
|
27
|
-
const focusableChildren = element.querySelectorAll(`${focusableSelector}:not(${focusDisablingSelector})`);
|
|
28
|
-
return Array.from(focusableChildren).filter(isVisible);
|
|
29
|
-
}
|
|
30
|
-
// Searches deeper accross shadowDom
|
|
31
|
-
function getDeepFocusableChildren(element) {
|
|
32
|
-
const results = [];
|
|
33
|
-
function traverse(node) {
|
|
34
|
-
if (isElementFocusable(node)) {
|
|
35
|
-
results.push(node);
|
|
36
|
-
}
|
|
37
|
-
if (node instanceof HTMLElement && node.shadowRoot) {
|
|
38
|
-
traverse(node.shadowRoot);
|
|
39
|
-
}
|
|
40
|
-
for (const child of Array.from(node.children)) {
|
|
41
|
-
traverse(child);
|
|
42
|
-
}
|
|
43
|
-
if (node instanceof HTMLElement) {
|
|
44
|
-
for (const slot of Array.from(node.querySelectorAll('slot'))) {
|
|
45
|
-
for (const el of slot.assignedElements({ flatten: true })) {
|
|
46
|
-
traverse(el);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
traverse(element);
|
|
52
|
-
return results;
|
|
53
|
-
}
|
|
54
|
-
function isVisible(el) {
|
|
55
|
-
const style = window.getComputedStyle(el.parentElement);
|
|
56
|
-
return style.display !== 'none' && style.visibility !== 'hidden';
|
|
57
|
-
}
|
|
58
|
-
function isElementFocusable(node) {
|
|
59
|
-
return (node instanceof HTMLElement &&
|
|
60
|
-
node.matches(`${focusableSelector}:not(${focusDisablingSelector})`) &&
|
|
61
|
-
isVisible(node));
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
export { getDeepFocusableChildren as a, getFocusableChildren as g };
|
|
1
|
+
const e=`:where(${["button",'input:not([type="hidden"])',"[tabindex]","select","textarea","[contenteditable]","a[href]","iframe","audio[controls]","video[controls]","area[href]","details > summary:first-of-type"].join(",")})`,t=`:where(${["[inert]","[inert] *",":disabled","dialog:not([open]) *","[popover]:not(:popover-open) *","details:not([open]) > *:not(details > summary:first-of-type)","details:not([open]) > *:not(details > summary:first-of-type) *",'[tabindex^="-"]','[hidden]:not([hidden="false"])'].join(",")})`;function n(n){const o=n.querySelectorAll(`${e}:not(${t})`);return Array.from(o).filter(r)}function o(e,t,n=new Set){if(n.has(e))return[];n.add(e);let r=[];if(e instanceof HTMLSlotElement){const t=e.assignedElements({flatten:!0});r=t.length?t:Array.from(e.children)}else e instanceof HTMLElement&&e.shadowRoot?r=Array.from(e.shadowRoot.children):e instanceof Element&&(r=Array.from(e.children));t&&(r=r.filter(t));const a=[];for(const e of r)i(e)?a.push(e):a.push(...o(e,t,n));return a}function r(e){const t=window.getComputedStyle(e);return"none"!==t.display&&"hidden"!==t.visibility}function i(n){return n instanceof HTMLElement&&n.matches(`${e}:not(${t})`)&&r(n)}export{o as a,n as g}
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* getRootNode() can only be used after the element has been attached to the document!
|
|
5
|
-
* So use it for example in the componentDidLoad lifecycle hook.
|
|
6
|
-
*/
|
|
7
|
-
function getRoot(element) {
|
|
8
|
-
const root = IS_BROWSER ? element.getRootNode() : element;
|
|
9
|
-
if (root instanceof Document || root instanceof ShadowRoot) {
|
|
10
|
-
return root;
|
|
11
|
-
}
|
|
12
|
-
throw new Error('Attempting to access root node before the element is attached to the document or shadow tree.');
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export { getRoot as g };
|
|
1
|
+
import{I as t}from"./environment.js";function o(o){const e=t?o.getRootNode():o;if(e instanceof Document||e instanceof ShadowRoot)return e;throw new Error("Attempting to access root node before the element is attached to the document or shadow tree.")}export{o as g}
|
|
@@ -1,14 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
|
|
3
|
-
|
|
4
|
-
/* @ts-self-types="./index.d.ts" */
|
|
5
|
-
let nanoid = (size = 21) => {
|
|
6
|
-
let id = '';
|
|
7
|
-
let bytes = crypto.getRandomValues(new Uint8Array((size |= 0)));
|
|
8
|
-
while (size--) {
|
|
9
|
-
id += urlAlphabet[bytes[size] & 63];
|
|
10
|
-
}
|
|
11
|
-
return id
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { nanoid as n };
|
|
1
|
+
let r=(r=21)=>{let t="",e=crypto.getRandomValues(new Uint8Array(r|=0));for(;r--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&e[r]];return t};export{r as n}
|
|
@@ -21,22 +21,20 @@ export { PostCollapsible as PostCollapsible } from '../types/components/post-col
|
|
|
21
21
|
export { defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible';
|
|
22
22
|
export { PostCollapsibleTrigger as PostCollapsibleTrigger } from '../types/components/post-collapsible-trigger/post-collapsible-trigger';
|
|
23
23
|
export { defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger';
|
|
24
|
+
export { PostEnvTest as PostEnvTest } from '../types/utils/tests/environment/post-env-test';
|
|
25
|
+
export { defineCustomElement as defineCustomElementPostEnvTest } from './post-env-test';
|
|
24
26
|
export { PostFooter as PostFooter } from '../types/components/post-footer/post-footer';
|
|
25
27
|
export { defineCustomElement as defineCustomElementPostFooter } from './post-footer';
|
|
26
28
|
export { PostHeader as PostHeader } from '../types/components/post-header/post-header';
|
|
27
29
|
export { defineCustomElement as defineCustomElementPostHeader } from './post-header';
|
|
28
30
|
export { PostIcon as PostIcon } from '../types/components/post-icon/post-icon';
|
|
29
31
|
export { defineCustomElement as defineCustomElementPostIcon } from './post-icon';
|
|
30
|
-
export {
|
|
31
|
-
export { defineCustomElement as
|
|
32
|
-
export {
|
|
33
|
-
export { defineCustomElement as
|
|
32
|
+
export { PostLanguageMenu as PostLanguageMenu } from '../types/components/post-language-menu/post-language-menu';
|
|
33
|
+
export { defineCustomElement as defineCustomElementPostLanguageMenu } from './post-language-menu';
|
|
34
|
+
export { PostLanguageMenuItem as PostLanguageMenuItem } from '../types/components/post-language-menu-item/post-language-menu-item';
|
|
35
|
+
export { defineCustomElement as defineCustomElementPostLanguageMenuItem } from './post-language-menu-item';
|
|
34
36
|
export { PostLinkarea as PostLinkarea } from '../types/components/post-linkarea/post-linkarea';
|
|
35
37
|
export { defineCustomElement as defineCustomElementPostLinkarea } from './post-linkarea';
|
|
36
|
-
export { PostList as PostList } from '../types/components/post-list/post-list';
|
|
37
|
-
export { defineCustomElement as defineCustomElementPostList } from './post-list';
|
|
38
|
-
export { PostListItem as PostListItem } from '../types/components/post-list-item/post-list-item';
|
|
39
|
-
export { defineCustomElement as defineCustomElementPostListItem } from './post-list-item';
|
|
40
38
|
export { PostLogo as PostLogo } from '../types/components/post-logo/post-logo';
|
|
41
39
|
export { defineCustomElement as defineCustomElementPostLogo } from './post-logo';
|
|
42
40
|
export { PostMainnavigation as PostMainnavigation } from '../types/components/post-mainnavigation/post-mainnavigation';
|
|
@@ -51,6 +49,8 @@ export { PostMenuItem as PostMenuItem } from '../types/components/post-menu-item
|
|
|
51
49
|
export { defineCustomElement as defineCustomElementPostMenuItem } from './post-menu-item';
|
|
52
50
|
export { PostMenuTrigger as PostMenuTrigger } from '../types/components/post-menu-trigger/post-menu-trigger';
|
|
53
51
|
export { defineCustomElement as defineCustomElementPostMenuTrigger } from './post-menu-trigger';
|
|
52
|
+
export { PostPagination as PostPagination } from '../types/components/post-pagination/post-pagination';
|
|
53
|
+
export { defineCustomElement as defineCustomElementPostPagination } from './post-pagination';
|
|
54
54
|
export { PostPopover as PostPopover } from '../types/components/post-popover/post-popover';
|
|
55
55
|
export { defineCustomElement as defineCustomElementPostPopover } from './post-popover';
|
|
56
56
|
export { PostPopoverTrigger as PostPopoverTrigger } from '../types/components/post-popover-trigger/post-popover-trigger';
|
|
@@ -63,8 +63,8 @@ export { PostStepper as PostStepper } from '../types/components/post-stepper/pos
|
|
|
63
63
|
export { defineCustomElement as defineCustomElementPostStepper } from './post-stepper';
|
|
64
64
|
export { PostStepperItem as PostStepperItem } from '../types/components/post-stepper-item/post-stepper-item';
|
|
65
65
|
export { defineCustomElement as defineCustomElementPostStepperItem } from './post-stepper-item';
|
|
66
|
-
export {
|
|
67
|
-
export { defineCustomElement as
|
|
66
|
+
export { PostTabItem as PostTabItem } from '../types/components/post-tab-item/post-tab-item';
|
|
67
|
+
export { defineCustomElement as defineCustomElementPostTabItem } from './post-tab-item';
|
|
68
68
|
export { PostTabPanel as PostTabPanel } from '../types/components/post-tab-panel/post-tab-panel';
|
|
69
69
|
export { defineCustomElement as defineCustomElementPostTabPanel } from './post-tab-panel';
|
|
70
70
|
export { PostTabs as PostTabs } from '../types/components/post-tabs/post-tabs';
|
|
@@ -109,4 +109,5 @@ export interface SetPlatformOptions {
|
|
|
109
109
|
rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
|
110
110
|
}
|
|
111
111
|
export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
|
|
112
|
+
|
|
112
113
|
export * from '../types';
|
package/dist/components/index.js
CHANGED
|
@@ -1,39 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
export { PostAccordion, defineCustomElement as defineCustomElementPostAccordion } from './post-accordion.js';
|
|
3
|
-
export { PostAccordionItem, defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item.js';
|
|
4
|
-
export { PostAvatar, defineCustomElement as defineCustomElementPostAvatar } from './post-avatar.js';
|
|
5
|
-
export { PostBackToTop, defineCustomElement as defineCustomElementPostBackToTop } from './post-back-to-top.js';
|
|
6
|
-
export { PostBanner, defineCustomElement as defineCustomElementPostBanner } from './post-banner.js';
|
|
7
|
-
export { PostBreadcrumbItem, defineCustomElement as defineCustomElementPostBreadcrumbItem } from './post-breadcrumb-item.js';
|
|
8
|
-
export { PostBreadcrumbs, defineCustomElement as defineCustomElementPostBreadcrumbs } from './post-breadcrumbs.js';
|
|
9
|
-
export { PostCardControl, defineCustomElement as defineCustomElementPostCardControl } from './post-card-control.js';
|
|
10
|
-
export { PostClosebutton, defineCustomElement as defineCustomElementPostClosebutton } from './post-closebutton.js';
|
|
11
|
-
export { PostCollapsible, defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible.js';
|
|
12
|
-
export { PostCollapsibleTrigger, defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger.js';
|
|
13
|
-
export { PostFooter, defineCustomElement as defineCustomElementPostFooter } from './post-footer.js';
|
|
14
|
-
export { PostHeader, defineCustomElement as defineCustomElementPostHeader } from './post-header.js';
|
|
15
|
-
export { PostIcon, defineCustomElement as defineCustomElementPostIcon } from './post-icon.js';
|
|
16
|
-
export { PostLanguageOption, defineCustomElement as defineCustomElementPostLanguageOption } from './post-language-option.js';
|
|
17
|
-
export { PostLanguageSwitch, defineCustomElement as defineCustomElementPostLanguageSwitch } from './post-language-switch.js';
|
|
18
|
-
export { PostLinkarea, defineCustomElement as defineCustomElementPostLinkarea } from './post-linkarea.js';
|
|
19
|
-
export { PostList, defineCustomElement as defineCustomElementPostList } from './post-list.js';
|
|
20
|
-
export { PostListItem, defineCustomElement as defineCustomElementPostListItem } from './post-list-item.js';
|
|
21
|
-
export { PostLogo, defineCustomElement as defineCustomElementPostLogo } from './post-logo.js';
|
|
22
|
-
export { PostMainnavigation, defineCustomElement as defineCustomElementPostMainnavigation } from './post-mainnavigation.js';
|
|
23
|
-
export { PostMegadropdown, defineCustomElement as defineCustomElementPostMegadropdown } from './post-megadropdown.js';
|
|
24
|
-
export { PostMegadropdownTrigger, defineCustomElement as defineCustomElementPostMegadropdownTrigger } from './post-megadropdown-trigger.js';
|
|
25
|
-
export { PostMenu, defineCustomElement as defineCustomElementPostMenu } from './post-menu.js';
|
|
26
|
-
export { PostMenuItem, defineCustomElement as defineCustomElementPostMenuItem } from './post-menu-item.js';
|
|
27
|
-
export { PostMenuTrigger, defineCustomElement as defineCustomElementPostMenuTrigger } from './post-menu-trigger.js';
|
|
28
|
-
export { PostPopover, defineCustomElement as defineCustomElementPostPopover } from './post-popover.js';
|
|
29
|
-
export { PostPopoverTrigger, defineCustomElement as defineCustomElementPostPopoverTrigger } from './post-popover-trigger.js';
|
|
30
|
-
export { PostPopovercontainer, defineCustomElement as defineCustomElementPostPopovercontainer } from './post-popovercontainer.js';
|
|
31
|
-
export { PostRating, defineCustomElement as defineCustomElementPostRating } from './post-rating.js';
|
|
32
|
-
export { PostStepper, defineCustomElement as defineCustomElementPostStepper } from './post-stepper.js';
|
|
33
|
-
export { PostStepperItem, defineCustomElement as defineCustomElementPostStepperItem } from './post-stepper-item.js';
|
|
34
|
-
export { PostTabHeader, defineCustomElement as defineCustomElementPostTabHeader } from './post-tab-header.js';
|
|
35
|
-
export { PostTabPanel, defineCustomElement as defineCustomElementPostTabPanel } from './post-tab-panel.js';
|
|
36
|
-
export { PostTabs, defineCustomElement as defineCustomElementPostTabs } from './post-tabs.js';
|
|
37
|
-
export { PostTogglebutton, defineCustomElement as defineCustomElementPostTogglebutton } from './post-togglebutton.js';
|
|
38
|
-
export { PostTooltip, defineCustomElement as defineCustomElementPostTooltip } from './post-tooltip.js';
|
|
39
|
-
export { PostTooltipTrigger, defineCustomElement as defineCustomElementPostTooltipTrigger } from './post-tooltip-trigger.js';
|
|
1
|
+
export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{PostAccordion,defineCustomElement as defineCustomElementPostAccordion}from"./post-accordion.js";export{PostAccordionItem,defineCustomElement as defineCustomElementPostAccordionItem}from"./post-accordion-item.js";export{PostAvatar,defineCustomElement as defineCustomElementPostAvatar}from"./post-avatar.js";export{PostBackToTop,defineCustomElement as defineCustomElementPostBackToTop}from"./post-back-to-top.js";export{PostBanner,defineCustomElement as defineCustomElementPostBanner}from"./post-banner.js";export{PostBreadcrumbItem,defineCustomElement as defineCustomElementPostBreadcrumbItem}from"./post-breadcrumb-item.js";export{PostBreadcrumbs,defineCustomElement as defineCustomElementPostBreadcrumbs}from"./post-breadcrumbs.js";export{PostCardControl,defineCustomElement as defineCustomElementPostCardControl}from"./post-card-control.js";export{PostClosebutton,defineCustomElement as defineCustomElementPostClosebutton}from"./post-closebutton.js";export{PostCollapsible,defineCustomElement as defineCustomElementPostCollapsible}from"./post-collapsible.js";export{PostCollapsibleTrigger,defineCustomElement as defineCustomElementPostCollapsibleTrigger}from"./post-collapsible-trigger.js";export{PostEnvTest,defineCustomElement as defineCustomElementPostEnvTest}from"./post-env-test.js";export{PostFooter,defineCustomElement as defineCustomElementPostFooter}from"./post-footer.js";export{PostHeader,defineCustomElement as defineCustomElementPostHeader}from"./post-header.js";export{PostIcon,defineCustomElement as defineCustomElementPostIcon}from"./post-icon.js";export{PostLanguageMenu,defineCustomElement as defineCustomElementPostLanguageMenu}from"./post-language-menu.js";export{PostLanguageMenuItem,defineCustomElement as defineCustomElementPostLanguageMenuItem}from"./post-language-menu-item.js";export{PostLinkarea,defineCustomElement as defineCustomElementPostLinkarea}from"./post-linkarea.js";export{PostLogo,defineCustomElement as defineCustomElementPostLogo}from"./post-logo.js";export{PostMainnavigation,defineCustomElement as defineCustomElementPostMainnavigation}from"./post-mainnavigation.js";export{PostMegadropdown,defineCustomElement as defineCustomElementPostMegadropdown}from"./post-megadropdown.js";export{PostMegadropdownTrigger,defineCustomElement as defineCustomElementPostMegadropdownTrigger}from"./post-megadropdown-trigger.js";export{PostMenu,defineCustomElement as defineCustomElementPostMenu}from"./post-menu.js";export{PostMenuItem,defineCustomElement as defineCustomElementPostMenuItem}from"./post-menu-item.js";export{PostMenuTrigger,defineCustomElement as defineCustomElementPostMenuTrigger}from"./post-menu-trigger.js";export{PostPagination,defineCustomElement as defineCustomElementPostPagination}from"./post-pagination.js";export{PostPopover,defineCustomElement as defineCustomElementPostPopover}from"./post-popover.js";export{PostPopoverTrigger,defineCustomElement as defineCustomElementPostPopoverTrigger}from"./post-popover-trigger.js";export{PostPopovercontainer,defineCustomElement as defineCustomElementPostPopovercontainer}from"./post-popovercontainer.js";export{PostRating,defineCustomElement as defineCustomElementPostRating}from"./post-rating.js";export{PostStepper,defineCustomElement as defineCustomElementPostStepper}from"./post-stepper.js";export{PostStepperItem,defineCustomElement as defineCustomElementPostStepperItem}from"./post-stepper-item.js";export{PostTabItem,defineCustomElement as defineCustomElementPostTabItem}from"./post-tab-item.js";export{PostTabPanel,defineCustomElement as defineCustomElementPostTabPanel}from"./post-tab-panel.js";export{PostTabs,defineCustomElement as defineCustomElementPostTabs}from"./post-tabs.js";export{PostTogglebutton,defineCustomElement as defineCustomElementPostTogglebutton}from"./post-togglebutton.js";export{PostTooltip,defineCustomElement as defineCustomElementPostTooltip}from"./post-tooltip.js";export{PostTooltipTrigger,defineCustomElement as defineCustomElementPostTooltipTrigger}from"./post-tooltip-trigger.js";
|
|
@@ -5,260 +5,4 @@
|
|
|
5
5
|
* @author John Doherty <www.johndoherty.info>
|
|
6
6
|
* @license MIT
|
|
7
7
|
*/
|
|
8
|
-
(function (
|
|
9
|
-
|
|
10
|
-
// local timer object based on rAF
|
|
11
|
-
var timer = null;
|
|
12
|
-
|
|
13
|
-
// check if we're using a touch screen
|
|
14
|
-
var hasPointerEvents = (('PointerEvent' in window) || (window.navigator && 'msPointerEnabled' in window.navigator));
|
|
15
|
-
var isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
|
|
16
|
-
|
|
17
|
-
// switch to pointer events or touch events if using a touch screen
|
|
18
|
-
var mouseDown = hasPointerEvents ? 'pointerdown' : isTouch ? 'touchstart' : 'mousedown';
|
|
19
|
-
var mouseUp = hasPointerEvents ? 'pointerup' : isTouch ? 'touchend' : 'mouseup';
|
|
20
|
-
var mouseMove = hasPointerEvents ? 'pointermove' : isTouch ? 'touchmove' : 'mousemove';
|
|
21
|
-
var mouseLeave = hasPointerEvents ? 'pointerleave' : isTouch ? 'touchleave' : 'mouseleave';
|
|
22
|
-
|
|
23
|
-
// track number of pixels the mouse moves during long press
|
|
24
|
-
var startX = 0; // mouse x position when timer started
|
|
25
|
-
var startY = 0; // mouse y position when timer started
|
|
26
|
-
var maxDiffX = 10; // max number of X pixels the mouse can move during long press before it is canceled
|
|
27
|
-
var maxDiffY = 10; // max number of Y pixels the mouse can move during long press before it is canceled
|
|
28
|
-
|
|
29
|
-
// patch CustomEvent to allow constructor creation (IE/Chrome)
|
|
30
|
-
if (typeof window.CustomEvent !== 'function') {
|
|
31
|
-
|
|
32
|
-
window.CustomEvent = function (event, params) {
|
|
33
|
-
|
|
34
|
-
params = params || { bubbles: false, cancelable: false, detail: undefined };
|
|
35
|
-
|
|
36
|
-
var evt = document.createEvent('CustomEvent');
|
|
37
|
-
evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
|
|
38
|
-
return evt;
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
window.CustomEvent.prototype = window.Event.prototype;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
// requestAnimationFrame() shim by Paul Irish
|
|
45
|
-
window.requestAnimFrame = (function () {
|
|
46
|
-
return window.requestAnimationFrame ||
|
|
47
|
-
window.webkitRequestAnimationFrame ||
|
|
48
|
-
window.mozRequestAnimationFrame ||
|
|
49
|
-
window.oRequestAnimationFrame ||
|
|
50
|
-
window.msRequestAnimationFrame || function (callback) {
|
|
51
|
-
window.setTimeout(callback, 1000 / 60);
|
|
52
|
-
};
|
|
53
|
-
})();
|
|
54
|
-
|
|
55
|
-
/**
|
|
56
|
-
* Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
|
|
57
|
-
* @param {function} fn The callback function
|
|
58
|
-
* @param {int} delay The delay in milliseconds
|
|
59
|
-
* @returns {object} handle to the timeout object
|
|
60
|
-
*/
|
|
61
|
-
function requestTimeout(fn, delay) {
|
|
62
|
-
|
|
63
|
-
if (!window.requestAnimationFrame && !window.webkitRequestAnimationFrame &&
|
|
64
|
-
!(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support
|
|
65
|
-
!window.oRequestAnimationFrame && !window.msRequestAnimationFrame) return window.setTimeout(fn, delay);
|
|
66
|
-
|
|
67
|
-
var start = new Date().getTime();
|
|
68
|
-
var handle = {};
|
|
69
|
-
|
|
70
|
-
var loop = function () {
|
|
71
|
-
var current = new Date().getTime();
|
|
72
|
-
var delta = current - start;
|
|
73
|
-
|
|
74
|
-
if (delta >= delay) {
|
|
75
|
-
fn.call();
|
|
76
|
-
}
|
|
77
|
-
else {
|
|
78
|
-
handle.value = requestAnimFrame(loop);
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
handle.value = requestAnimFrame(loop);
|
|
83
|
-
|
|
84
|
-
return handle;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
/**
|
|
88
|
-
* Behaves the same as clearTimeout except uses cancelRequestAnimationFrame() where possible for better performance
|
|
89
|
-
* @param {object} handle The callback function
|
|
90
|
-
* @returns {void}
|
|
91
|
-
*/
|
|
92
|
-
function clearRequestTimeout(handle) {
|
|
93
|
-
if (handle) {
|
|
94
|
-
window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) :
|
|
95
|
-
window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) :
|
|
96
|
-
window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */
|
|
97
|
-
window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) :
|
|
98
|
-
window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) :
|
|
99
|
-
window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) :
|
|
100
|
-
clearTimeout(handle);
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
/**
|
|
105
|
-
* Fires the 'long-press' event on element
|
|
106
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} originalEvent The original event being fired
|
|
107
|
-
* @returns {void}
|
|
108
|
-
*/
|
|
109
|
-
function fireLongPressEvent(originalEvent) {
|
|
110
|
-
|
|
111
|
-
clearLongPressTimer();
|
|
112
|
-
|
|
113
|
-
originalEvent = unifyEvent(originalEvent);
|
|
114
|
-
|
|
115
|
-
// fire the long-press event
|
|
116
|
-
var allowClickEvent = this.dispatchEvent(new CustomEvent('long-press', {
|
|
117
|
-
bubbles: true,
|
|
118
|
-
cancelable: true,
|
|
119
|
-
|
|
120
|
-
// custom event data (legacy)
|
|
121
|
-
detail: {
|
|
122
|
-
clientX: originalEvent.clientX,
|
|
123
|
-
clientY: originalEvent.clientY,
|
|
124
|
-
offsetX: originalEvent.offsetX,
|
|
125
|
-
offsetY: originalEvent.offsetY,
|
|
126
|
-
pageX: originalEvent.pageX,
|
|
127
|
-
pageY: originalEvent.pageY
|
|
128
|
-
},
|
|
129
|
-
|
|
130
|
-
// add coordinate data that would typically acompany a touch/click event
|
|
131
|
-
clientX: originalEvent.clientX,
|
|
132
|
-
clientY: originalEvent.clientY,
|
|
133
|
-
offsetX: originalEvent.offsetX,
|
|
134
|
-
offsetY: originalEvent.offsetY,
|
|
135
|
-
pageX: originalEvent.pageX,
|
|
136
|
-
pageY: originalEvent.pageY,
|
|
137
|
-
screenX: originalEvent.screenX,
|
|
138
|
-
screenY: originalEvent.screenY
|
|
139
|
-
}));
|
|
140
|
-
|
|
141
|
-
if (!allowClickEvent) {
|
|
142
|
-
// suppress the next click event if e.preventDefault() was called in long-press handler
|
|
143
|
-
document.addEventListener('click', function suppressEvent(e) {
|
|
144
|
-
document.removeEventListener('click', suppressEvent, true);
|
|
145
|
-
cancelEvent(e);
|
|
146
|
-
}, true);
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
/**
|
|
151
|
-
* consolidates mouse, touch, and Pointer events
|
|
152
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} e The original event being fired
|
|
153
|
-
* @returns {MouseEvent|PointerEvent|Touch}
|
|
154
|
-
*/
|
|
155
|
-
function unifyEvent(e) {
|
|
156
|
-
if (e.changedTouches !== undefined) {
|
|
157
|
-
return e.changedTouches[0];
|
|
158
|
-
}
|
|
159
|
-
return e;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
/**
|
|
163
|
-
* method responsible for starting the long press timer
|
|
164
|
-
* @param {event} e - event object
|
|
165
|
-
* @returns {void}
|
|
166
|
-
*/
|
|
167
|
-
function startLongPressTimer(e) {
|
|
168
|
-
|
|
169
|
-
clearLongPressTimer();
|
|
170
|
-
|
|
171
|
-
var el = e.target;
|
|
172
|
-
|
|
173
|
-
// get delay from html attribute if it exists, otherwise default to 1500
|
|
174
|
-
var longPressDelayInMs = parseInt(getNearestAttribute(el, 'data-long-press-delay', '1500'), 10); // default 1500
|
|
175
|
-
|
|
176
|
-
// start the timer
|
|
177
|
-
timer = requestTimeout(fireLongPressEvent.bind(el, e), longPressDelayInMs);
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
/**
|
|
181
|
-
* method responsible for clearing a pending long press timer
|
|
182
|
-
* @param {event} e - event object
|
|
183
|
-
* @returns {void}
|
|
184
|
-
*/
|
|
185
|
-
function clearLongPressTimer(e) {
|
|
186
|
-
clearRequestTimeout(timer);
|
|
187
|
-
timer = null;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
/**
|
|
191
|
-
* Cancels the current event
|
|
192
|
-
* @param {object} e - browser event object
|
|
193
|
-
* @returns {void}
|
|
194
|
-
*/
|
|
195
|
-
function cancelEvent(e) {
|
|
196
|
-
e.stopImmediatePropagation();
|
|
197
|
-
e.preventDefault();
|
|
198
|
-
e.stopPropagation();
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
/**
|
|
202
|
-
* Starts the timer on mouse down and logs current position
|
|
203
|
-
* @param {object} e - browser event object
|
|
204
|
-
* @returns {void}
|
|
205
|
-
*/
|
|
206
|
-
function mouseDownHandler(e) {
|
|
207
|
-
startX = e.clientX;
|
|
208
|
-
startY = e.clientY;
|
|
209
|
-
startLongPressTimer(e);
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
/**
|
|
213
|
-
* If the mouse moves n pixels during long-press, cancel the timer
|
|
214
|
-
* @param {object} e - browser event object
|
|
215
|
-
* @returns {void}
|
|
216
|
-
*/
|
|
217
|
-
function mouseMoveHandler(e) {
|
|
218
|
-
|
|
219
|
-
// calculate total number of pixels the pointer has moved
|
|
220
|
-
var diffX = Math.abs(startX - e.clientX);
|
|
221
|
-
var diffY = Math.abs(startY - e.clientY);
|
|
222
|
-
|
|
223
|
-
// if pointer has moved more than allowed, cancel the long-press timer and therefore the event
|
|
224
|
-
if (diffX >= maxDiffX || diffY >= maxDiffY) {
|
|
225
|
-
clearLongPressTimer();
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
/**
|
|
230
|
-
* Gets attribute off HTML element or nearest parent
|
|
231
|
-
* @param {object} el - HTML element to retrieve attribute from
|
|
232
|
-
* @param {string} attributeName - name of the attribute
|
|
233
|
-
* @param {any} defaultValue - default value to return if no match found
|
|
234
|
-
* @returns {any} attribute value or defaultValue
|
|
235
|
-
*/
|
|
236
|
-
function getNearestAttribute(el, attributeName, defaultValue) {
|
|
237
|
-
|
|
238
|
-
// walk up the dom tree looking for data-action and data-trigger
|
|
239
|
-
while (el && el !== document.documentElement) {
|
|
240
|
-
|
|
241
|
-
var attributeValue = el.getAttribute(attributeName);
|
|
242
|
-
|
|
243
|
-
if (attributeValue) {
|
|
244
|
-
return attributeValue;
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
el = el.parentNode;
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
return defaultValue;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
// hook events that clear a pending long press event
|
|
254
|
-
document.addEventListener(mouseUp, clearLongPressTimer, true);
|
|
255
|
-
document.addEventListener(mouseLeave, clearLongPressTimer, true);
|
|
256
|
-
document.addEventListener(mouseMove, mouseMoveHandler, true);
|
|
257
|
-
document.addEventListener('wheel', clearLongPressTimer, true);
|
|
258
|
-
document.addEventListener('scroll', clearLongPressTimer, true);
|
|
259
|
-
document.addEventListener('contextmenu', clearLongPressTimer, true);
|
|
260
|
-
|
|
261
|
-
// hook events that can trigger a long press event
|
|
262
|
-
document.addEventListener(mouseDown, mouseDownHandler, true); // <- start
|
|
263
|
-
|
|
264
|
-
}(window, document));
|
|
8
|
+
!function(e,n){var t=null,o="PointerEvent"in e||e.navigator&&"msPointerEnabled"in e.navigator,i="ontouchstart"in e||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0,u=o?"pointerdown":i?"touchstart":"mousedown",r=o?"pointerup":i?"touchend":"mouseup",a=o?"pointermove":i?"touchmove":"mousemove",c=o?"pointerleave":i?"touchleave":"mouseleave",l=0,f=0;function s(e){var t;m(),e=void 0!==(t=e).changedTouches?t.changedTouches[0]:t,this.dispatchEvent(new CustomEvent("long-press",{bubbles:!0,cancelable:!0,detail:{clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,pageX:e.pageX,pageY:e.pageY},clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY}))||n.addEventListener("click",(function e(t){n.removeEventListener("click",e,!0),function(e){e.stopImmediatePropagation(),e.preventDefault(),e.stopPropagation()}(t)}),!0)}function v(o){m();var i=o.target,u=parseInt(function(e){for(;e&&e!==n.documentElement;){var t=e.getAttribute("data-long-press-delay");if(t)return t;e=e.parentNode}return"1500"}(i),10);t=function(n,t){if(!(e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame&&e.mozCancelRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame))return e.setTimeout(n,t);var o=(new Date).getTime(),i={},u=function(){(new Date).getTime()-o>=t?n.call():i.value=requestAnimFrame(u)};return i.value=requestAnimFrame(u),i}(s.bind(i,o),u)}function m(){var n;(n=t)&&(e.cancelAnimationFrame?e.cancelAnimationFrame(n.value):e.webkitCancelAnimationFrame?e.webkitCancelAnimationFrame(n.value):e.webkitCancelRequestAnimationFrame?e.webkitCancelRequestAnimationFrame(n.value):e.mozCancelRequestAnimationFrame?e.mozCancelRequestAnimationFrame(n.value):e.oCancelRequestAnimationFrame?e.oCancelRequestAnimationFrame(n.value):e.msCancelRequestAnimationFrame?e.msCancelRequestAnimationFrame(n.value):clearTimeout(n)),t=null}"function"!=typeof e.CustomEvent&&(e.CustomEvent=function(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var o=n.createEvent("CustomEvent");return o.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),o},e.CustomEvent.prototype=e.Event.prototype),e.requestAnimFrame=e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(n){e.setTimeout(n,1e3/60)},n.addEventListener(r,m,!0),n.addEventListener(c,m,!0),n.addEventListener(a,(function(e){var n=Math.abs(l-e.clientX),t=Math.abs(f-e.clientY);(n>=10||t>=10)&&m()}),!0),n.addEventListener("wheel",m,!0),n.addEventListener("scroll",m,!0),n.addEventListener("contextmenu",m,!0),n.addEventListener(u,(function(e){l=e.clientX,f=e.clientY,v(e)}),!0)}(window,document);
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const PostAccordionItem = PostAccordionItem$1;
|
|
4
|
-
const defineCustomElement = defineCustomElement$1;
|
|
5
|
-
|
|
6
|
-
export { PostAccordionItem, defineCustomElement };
|
|
1
|
+
import{P as o,d as s}from"./post-accordion-item2.js";const t=o,r=s;export{t as PostAccordionItem,r as defineCustomElement}
|
|
@@ -1,113 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { v as version } from './package.js';
|
|
3
|
-
import { H as HEADING_LEVELS } from './heading-levels.js';
|
|
4
|
-
import { d as checkEmptyOrOneOf } from './index2.js';
|
|
5
|
-
import './breakpoints.js';
|
|
6
|
-
import { E as EventFrom } from './event-from.js';
|
|
7
|
-
import { n as nanoid } from './index.browser.js';
|
|
8
|
-
import { d as defineCustomElement$3 } from './post-collapsible2.js';
|
|
9
|
-
import { d as defineCustomElement$2 } from './post-collapsible-trigger2.js';
|
|
10
|
-
import { d as defineCustomElement$1 } from './post-icon2.js';
|
|
11
|
-
|
|
12
|
-
const postAccordionItemCss = ".accordion-item::after{display:block;content:\"\";margin-block-start:calc(var(--post-device-border-width-default)*-1);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{display:block;position:absolute;content:\"\";inset:0;inset-block-end:auto;border-block-start-width:var(--post-device-border-width-default);border-block-start-style:var(--post-core-border-style-solid);border-block-start-color:var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-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}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}";
|
|
13
|
-
|
|
14
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
17
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
18
|
-
else
|
|
19
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
20
|
-
if (d = decorators[i])
|
|
21
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
22
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23
|
-
};
|
|
24
|
-
const PostAccordionItem = /*@__PURE__*/ proxyCustomElement(class PostAccordionItem extends HTMLElement {
|
|
25
|
-
constructor() {
|
|
26
|
-
super();
|
|
27
|
-
this.__registerHost();
|
|
28
|
-
this.__attachShadow();
|
|
29
|
-
/**
|
|
30
|
-
* If `true`, the element is collapsed otherwise it is displayed.
|
|
31
|
-
*/
|
|
32
|
-
this.collapsed = false;
|
|
33
|
-
}
|
|
34
|
-
validateHeadingLevel() {
|
|
35
|
-
checkEmptyOrOneOf(this, 'headingLevel', HEADING_LEVELS);
|
|
36
|
-
}
|
|
37
|
-
componentWillLoad() {
|
|
38
|
-
this.id = this.host.id || `p${nanoid(6)}`;
|
|
39
|
-
}
|
|
40
|
-
componentDidLoad() {
|
|
41
|
-
this.validateHeadingLevel();
|
|
42
|
-
}
|
|
43
|
-
// Capture to make sure the "collapsed" property is updated before the event is consumed
|
|
44
|
-
onCollapseToggle(event) {
|
|
45
|
-
this.collapsed = !event.detail;
|
|
46
|
-
}
|
|
47
|
-
/**
|
|
48
|
-
* Triggers the collapse programmatically.
|
|
49
|
-
*/
|
|
50
|
-
async toggle(force) {
|
|
51
|
-
return this.collapsible.toggle(force);
|
|
52
|
-
}
|
|
53
|
-
onSlotLogoChange() {
|
|
54
|
-
this.slottedLogo = this.host.querySelector('img[slot="logo"]');
|
|
55
|
-
}
|
|
56
|
-
componentWillRender() {
|
|
57
|
-
this.slottedLogo = this.host.querySelector('img[slot="logo"]');
|
|
58
|
-
}
|
|
59
|
-
render() {
|
|
60
|
-
const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
|
|
61
|
-
const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
|
|
62
|
-
return (h(Host, { key: 'b98847d19894430b6f65130aebf8673a45afd1e6', id: this.id, "data-version": version }, h("div", { key: 'f26f9d3a4a1f59db23b4698b321e28e112c3eed0', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: '14bdacce04d67a03655f600feeaeec065e0fc198', for: `${this.id}--collapse` }, h(HeadingTag, { key: '7a07a70d172306ce37f8bd0143b21ed7ec0cab8a', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: '5ad0698a62df5c4b2c0a77ff622090b20f348e9c', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, h("span", { key: '6e5fcb0c9efa8a57e05fd162c72b9c170a8210c6', class: {
|
|
63
|
-
'logo-container': true,
|
|
64
|
-
'has-image': !!this.slottedLogo,
|
|
65
|
-
} }, h("slot", { key: '41a1409f723bf52de893324ce45d4e7f31eb8908', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: '7186adfe4a4fe67f4dbaeb7569820d0d06c18428', name: "header" }), h("post-icon", { key: 'add240b0275b083c537efb28c4a2825ac22e1b47', name: "chevrondown" })))), h("post-collapsible", { key: '4231577c41c7633327c147d2b9adcd847ffc7261', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: '3f3cea3f5468e35f658f7d143db32391fa5fe2f1', class: "accordion-body", part: "body" }, h("slot", { key: '013f6cc755a04b880d91513059e36bcc2be5f412' }))))));
|
|
66
|
-
}
|
|
67
|
-
get host() { return this; }
|
|
68
|
-
static get watchers() { return {
|
|
69
|
-
"headingLevel": ["validateHeadingLevel"]
|
|
70
|
-
}; }
|
|
71
|
-
static get style() { return postAccordionItemCss; }
|
|
72
|
-
}, [1, "post-accordion-item", {
|
|
73
|
-
"collapsed": [1028],
|
|
74
|
-
"headingLevel": [2, "heading-level"],
|
|
75
|
-
"id": [32],
|
|
76
|
-
"slottedLogo": [32],
|
|
77
|
-
"toggle": [64]
|
|
78
|
-
}, [[2, "postToggle", "onCollapseToggle"]], {
|
|
79
|
-
"headingLevel": ["validateHeadingLevel"]
|
|
80
|
-
}]);
|
|
81
|
-
__decorate([
|
|
82
|
-
EventFrom('post-accordion-item')
|
|
83
|
-
], PostAccordionItem.prototype, "onCollapseToggle", null);
|
|
84
|
-
function defineCustomElement() {
|
|
85
|
-
if (typeof customElements === "undefined") {
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
const components = ["post-accordion-item", "post-collapsible", "post-collapsible-trigger", "post-icon"];
|
|
89
|
-
components.forEach(tagName => { switch (tagName) {
|
|
90
|
-
case "post-accordion-item":
|
|
91
|
-
if (!customElements.get(tagName)) {
|
|
92
|
-
customElements.define(tagName, PostAccordionItem);
|
|
93
|
-
}
|
|
94
|
-
break;
|
|
95
|
-
case "post-collapsible":
|
|
96
|
-
if (!customElements.get(tagName)) {
|
|
97
|
-
defineCustomElement$3();
|
|
98
|
-
}
|
|
99
|
-
break;
|
|
100
|
-
case "post-collapsible-trigger":
|
|
101
|
-
if (!customElements.get(tagName)) {
|
|
102
|
-
defineCustomElement$2();
|
|
103
|
-
}
|
|
104
|
-
break;
|
|
105
|
-
case "post-icon":
|
|
106
|
-
if (!customElements.get(tagName)) {
|
|
107
|
-
defineCustomElement$1();
|
|
108
|
-
}
|
|
109
|
-
break;
|
|
110
|
-
} });
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
export { PostAccordionItem as P, defineCustomElement as d };
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as c}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{H as s}from"./heading-levels.js";import{d as r}from"./breakpoints.js";import{E as n}from"./event-from.js";import{n as d}from"./index.browser.js";import{d as l}from"./post-collapsible2.js";import{d as p}from"./post-collapsible-trigger2.js";import{d as b}from"./post-icon2.js";const h=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}validateHeadingLevel(){r(this,"headingLevel",s)}componentWillLoad(){this.id=this.host.id||`p${d(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){this.collapsed=!o.detail}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(i,{key:"03e6974f6d2f02e0d9240c84516f6538a2a96c9a",id:this.id,"data-version":a},t("post-collapsible-trigger",{key:"de3fe01f5fdc4394d6ba0163313850a60b0134ec",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"abc8ccd196030b90f800ffca0075f0a99a70229d",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"422fb7f22228706ca0d07f07241ec72fab6387b7",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"post-accordion-button"},t("span",{key:"1b2bec5bf36707656ac92f65f99d2e1c5f1d44c3",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"717d1393ab1277a0f141c7a978585d288ab9359b",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"6c7f506f051b96f07991cd4c56c884527e736eb5",name:"header"}),t("post-icon",{key:"e77b71473bcf619b1083dfea8b87d219489f774e",name:"chevronup"})))),t("post-collapsible",{key:"020481b62323ea8719cd8289c6b402611a83944b",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"99bdc90c6a557958d1ecb73860b9f6c904165496",class:"accordion-body",part:"post-accordion-body"},t("slot",{key:"0a10be7f2b7fb61614fec92a5306372ada0dcf62"}))))}get host(){return this}static get watchers(){return{headingLevel:[{validateHeadingLevel:0}]}}static get style(){return':host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}'}},[257,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:[{validateHeadingLevel:0}]}]);function g(){"undefined"!=typeof customElements&&["post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-accordion-item":customElements.get(c(o))||customElements.define(c(o),h);break;case"post-collapsible":customElements.get(c(o))||l();break;case"post-collapsible-trigger":customElements.get(c(o))||p();break;case"post-icon":customElements.get(c(o))||b()}}))}!function(o,e,t,i){var c,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(o,e,t,i);else for(var r=o.length-1;r>=0;r--)(c=o[r])&&(s=(a<3?c(s):a>3?c(e,t,s):c(e,t))||s);a>3&&s&&Object.defineProperty(e,t,s)}([n("post-accordion-item")],h.prototype,"onCollapseToggle",null);export{h as P,g as d}
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const PostAccordion = PostAccordion$1;
|
|
4
|
-
const defineCustomElement = defineCustomElement$1;
|
|
5
|
-
|
|
6
|
-
export { PostAccordion, defineCustomElement };
|
|
1
|
+
import{P as o,d as s}from"./post-accordion2.js";const r=o,t=s;export{r as PostAccordion,t as defineCustomElement}
|