@swisspost/design-system-components 9.0.0-next.15 → 9.0.0-next.16
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/{check-url-1cf6fb0d.js → check-url-1ff4cf75.js} +2 -2
- package/dist/cjs/{index-0ee3ab4a.js → index-5acef487.js} +151 -325
- package/dist/cjs/{index-bea4ac42.js → index-f2eedfeb.js} +1 -1
- package/dist/cjs/index.cjs.js +23 -23
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-da5224f8.js → package-df497c3c.js} +1 -1
- package/dist/cjs/{post-accordion-412a5841.js → post-accordion-6f5ddd51.js} +4 -10
- package/dist/cjs/{post-accordion-item-0bcc2d1d.js → post-accordion-item-ff9179d7.js} +7 -14
- package/dist/cjs/post-accordion-item.cjs.entry.js +5 -5
- package/dist/cjs/post-accordion.cjs.entry.js +3 -3
- package/dist/cjs/{post-avatar-8c349298.js → post-avatar-7fde1cbe.js} +11 -23
- package/dist/cjs/post-avatar.cjs.entry.js +3 -3
- package/dist/cjs/{post-back-to-top-56f1cc8e.js → post-back-to-top-5aeed9be.js} +4 -8
- package/dist/cjs/post-back-to-top.cjs.entry.js +3 -3
- package/dist/cjs/{post-banner-6295a2a0.js → post-banner-c09c7292.js} +12 -26
- package/dist/cjs/post-banner.cjs.entry.js +5 -5
- package/dist/cjs/{post-breadcrumb-507266b2.js → post-breadcrumb-f661fea8.js} +8 -14
- package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +5 -5
- package/dist/cjs/post-breadcrumb.cjs.entry.js +4 -4
- package/dist/cjs/{post-card-control-d7eabec9.js → post-card-control-d2b3647f.js} +12 -43
- package/dist/cjs/post-card-control.cjs.entry.js +3 -3
- package/dist/cjs/post-closebutton_15.cjs.entry.js +5 -5
- package/dist/cjs/{post-collapsible-trigger-0ee4d82a.js → post-collapsible-trigger-d9b42b81.js} +5 -11
- package/dist/cjs/post-collapsible_2.cjs.entry.js +5 -5
- package/dist/cjs/post-components.cjs.js +2 -2
- package/dist/cjs/{post-footer-2bac2420.js → post-footer-1c85ec39.js} +4 -7
- package/dist/cjs/post-footer.cjs.entry.js +3 -3
- package/dist/cjs/{post-linkarea-fc2f9c72.js → post-linkarea-d10a7588.js} +2 -2
- package/dist/cjs/post-linkarea.cjs.entry.js +3 -3
- package/dist/cjs/{post-menu-item-709448cc.js → post-menu-item-ed70f804.js} +4 -7
- package/dist/cjs/{post-popover-0a247c47.js → post-popover-73033a78.js} +5 -17
- package/dist/cjs/post-popover.cjs.entry.js +3 -3
- package/dist/cjs/{post-rating-e09b9243.js → post-rating-5d7d52a2.js} +7 -20
- package/dist/cjs/post-rating.cjs.entry.js +3 -3
- package/dist/cjs/{post-tab-header-7fb08fb1.js → post-tab-header-ae6a3dcd.js} +4 -7
- package/dist/cjs/post-tab-header.cjs.entry.js +3 -3
- package/dist/cjs/{post-tab-panel-e35b6f6d.js → post-tab-panel-f6127d6a.js} +4 -7
- package/dist/cjs/post-tab-panel.cjs.entry.js +3 -3
- package/dist/cjs/{post-tabs-3967f88b.js → post-tabs-977e62c3.js} +3 -9
- package/dist/cjs/post-tabs.cjs.entry.js +3 -3
- package/dist/cjs/{post-tag-07461a94.js → post-tag-a7684644.js} +6 -17
- package/dist/cjs/post-tag.cjs.entry.js +3 -3
- package/dist/cjs/{post-togglebutton-675dccb0.js → post-togglebutton-2fdebbc7.js} +70 -159
- package/dist/cjs/{post-tooltip-1c754653.js → post-tooltip-261f3348.js} +6 -17
- package/dist/cjs/post-tooltip.cjs.entry.js +5 -5
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/post-accordion/post-accordion.js +4 -12
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +6 -15
- package/dist/collection/components/post-avatar/post-avatar.js +11 -29
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +4 -8
- package/dist/collection/components/post-banner/post-banner.js +11 -31
- package/dist/collection/components/post-breadcrumb/post-breadcrumb.js +7 -15
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +3 -6
- package/dist/collection/components/post-card-control/post-card-control.js +10 -59
- package/dist/collection/components/post-collapsible/post-collapsible.js +3 -6
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +3 -6
- package/dist/collection/components/post-footer/post-footer.js +4 -7
- package/dist/collection/components/post-header/post-header.css +1 -1
- package/dist/collection/components/post-header/post-header.js +15 -5
- package/dist/collection/components/post-icon/post-icon.js +9 -42
- package/dist/collection/components/post-language-option/post-language-option.css +1 -1
- package/dist/collection/components/post-language-option/post-language-option.js +7 -31
- package/dist/collection/components/post-language-switch/post-language-switch.css +1 -1
- package/dist/collection/components/post-language-switch/post-language-switch.js +8 -24
- package/dist/collection/components/post-list/post-list.js +5 -16
- package/dist/collection/components/post-logo/post-logo.js +3 -6
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +5 -3
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +10 -11
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +4 -10
- package/dist/collection/components/post-menu/post-menu.js +4 -14
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +4 -10
- package/dist/collection/components/post-popover/post-popover.js +3 -21
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +6 -26
- package/dist/collection/components/post-rating/post-rating.js +5 -26
- package/dist/collection/components/post-tab-header/post-tab-header.js +4 -7
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +4 -7
- package/dist/collection/components/post-tabs/post-tabs.js +3 -9
- package/dist/collection/components/post-tag/post-tag.js +4 -21
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +3 -6
- package/dist/collection/components/post-tooltip/post-tooltip.js +5 -20
- package/dist/collection/utils/get-focusable-children.js +7 -1
- package/dist/collection/utils/property-checkers/check-url.js +2 -2
- package/{loaders/p-b095519d.js → dist/components/check-non-empty.js} +1 -1
- package/{loaders/p-3aba7629.js → dist/components/get-focusable-children.js} +7 -1
- package/dist/components/index.js +36 -36
- package/dist/components/{p-eabb09ad.js → index2.js} +5 -5
- package/dist/components/package.js +3 -0
- package/dist/components/post-accordion-item.js +1 -1
- package/dist/components/{p-f60c925d.js → post-accordion-item2.js} +13 -20
- package/dist/components/post-accordion.js +1 -1
- package/dist/components/{p-cf4cb17f.js → post-accordion2.js} +7 -13
- package/dist/components/post-avatar.js +1 -1
- package/dist/components/{p-4f60823b.js → post-avatar2.js} +13 -25
- package/dist/components/post-back-to-top.js +1 -1
- package/dist/components/{p-8b750ccb.js → post-back-to-top2.js} +9 -13
- package/dist/components/post-banner.js +1 -1
- package/dist/components/{p-f566dbe4.js → post-banner2.js} +18 -32
- package/dist/components/post-breadcrumb-item.js +1 -1
- package/{loaders/p-9e7120c3.js → dist/components/post-breadcrumb-item2.js} +6 -9
- package/dist/components/post-breadcrumb.js +1 -1
- package/dist/components/{p-23b12eda.js → post-breadcrumb2.js} +18 -24
- package/dist/components/post-card-control.js +1 -1
- package/dist/components/{p-6d591e1c.js → post-card-control2.js} +16 -47
- package/dist/components/post-closebutton.js +1 -1
- package/dist/components/{p-f5433ff7.js → post-closebutton2.js} +4 -4
- package/dist/components/post-collapsible-trigger.js +1 -1
- package/dist/components/{p-5366ff92.js → post-collapsible-trigger2.js} +8 -11
- package/dist/components/post-collapsible.js +1 -1
- package/{loaders/p-c2033fcd.js → dist/components/post-collapsible2.js} +5 -8
- package/dist/components/post-footer.js +1 -1
- package/dist/components/{p-d428a69c.js → post-footer2.js} +9 -12
- package/dist/components/post-header.js +1 -1
- package/dist/components/{p-54e097c7.js → post-header2.js} +21 -13
- package/dist/components/post-icon.js +1 -1
- package/dist/components/{p-fcec301c.js → post-icon2.js} +13 -34
- package/dist/components/post-language-option.js +1 -1
- package/dist/components/{p-a07e1562.js → post-language-option2.js} +11 -27
- package/dist/components/post-language-switch.js +1 -1
- package/dist/components/{p-61419ecc.js → post-language-switch2.js} +17 -29
- package/dist/components/post-linkarea.js +1 -1
- package/dist/components/{p-9a726750.js → post-linkarea2.js} +3 -3
- package/dist/components/post-list-item.js +1 -1
- package/dist/components/{p-9e4b1f10.js → post-list-item2.js} +2 -2
- package/dist/components/post-list.js +1 -1
- package/dist/components/{p-a3711af3.js → post-list2.js} +7 -16
- package/dist/components/post-logo.js +1 -1
- package/dist/components/{p-70e8b74f.js → post-logo2.js} +5 -8
- package/dist/components/post-mainnavigation.js +1 -1
- package/dist/components/{p-2e509a60.js → post-mainnavigation2.js} +7 -7
- package/dist/components/post-megadropdown-trigger.js +1 -1
- package/dist/components/{p-4b60e5f8.js → post-megadropdown-trigger2.js} +6 -12
- package/dist/components/post-megadropdown.js +1 -1
- package/dist/components/{p-46a6c5ec.js → post-megadropdown2.js} +12 -15
- package/dist/components/post-menu-item.js +1 -1
- package/{loaders/p-4bbdde2b.js → dist/components/post-menu-item2.js} +3 -3
- package/dist/components/post-menu-trigger.js +1 -1
- package/{loaders/p-15877641.js → dist/components/post-menu-trigger2.js} +7 -13
- package/dist/components/post-menu.js +1 -1
- package/{loaders/p-7202d5d4.js → dist/components/post-menu2.js} +8 -18
- package/dist/components/post-popover.js +1 -1
- package/dist/components/{p-621f6dce.js → post-popover2.js} +8 -20
- package/dist/components/post-popovercontainer.js +1 -1
- package/dist/components/{p-f59c8544.js → post-popovercontainer2.js} +7 -21
- package/dist/components/post-rating.js +1 -1
- package/dist/components/{p-d343757a.js → post-rating2.js} +9 -22
- package/dist/components/post-tab-header.js +1 -1
- package/dist/components/{p-32b7a0a8.js → post-tab-header2.js} +7 -10
- package/dist/components/post-tab-panel.js +1 -1
- package/dist/components/{p-db9fa77d.js → post-tab-panel2.js} +6 -9
- package/dist/components/post-tabs.js +1 -1
- package/dist/components/{p-efc1bc9c.js → post-tabs2.js} +5 -11
- package/dist/components/post-tag.js +1 -1
- package/dist/components/{p-e482b539.js → post-tag2.js} +8 -19
- package/dist/components/post-togglebutton.js +1 -1
- package/dist/components/{p-3385af29.js → post-togglebutton2.js} +5 -8
- package/dist/components/post-tooltip.js +1 -1
- package/dist/components/{p-477784a7.js → post-tooltip2.js} +9 -20
- package/dist/docs.d.ts +0 -8
- package/dist/docs.json +73 -213
- package/dist/esm/{check-url-0bd876f7.js → check-url-8ab230de.js} +2 -2
- package/dist/esm/{index-d1bbbd88.js → index-0aec278f.js} +1 -1
- package/dist/esm/{index-2c232bf2.js → index-40846676.js} +151 -325
- package/dist/esm/index.js +23 -23
- package/dist/esm/loader.js +2 -2
- package/dist/esm/package-2d498679.js +3 -0
- package/dist/esm/{post-accordion-27faacb3.js → post-accordion-58353f4e.js} +4 -10
- package/dist/esm/{post-accordion-item-518d7bd0.js → post-accordion-item-d5de3401.js} +7 -14
- package/dist/esm/post-accordion-item.entry.js +5 -5
- package/dist/esm/post-accordion.entry.js +3 -3
- package/dist/esm/{post-avatar-80b061df.js → post-avatar-15f11d92.js} +11 -23
- package/dist/esm/post-avatar.entry.js +3 -3
- package/dist/esm/{post-back-to-top-531e1376.js → post-back-to-top-9d976592.js} +4 -8
- package/dist/esm/post-back-to-top.entry.js +3 -3
- package/dist/esm/{post-banner-e10a3101.js → post-banner-26fce014.js} +12 -26
- package/dist/esm/post-banner.entry.js +5 -5
- package/dist/esm/{post-breadcrumb-54bac634.js → post-breadcrumb-de7e3ac6.js} +8 -14
- package/dist/esm/post-breadcrumb-item_2.entry.js +5 -5
- package/dist/esm/post-breadcrumb.entry.js +4 -4
- package/dist/esm/{post-card-control-ba354a50.js → post-card-control-6b0100b5.js} +12 -43
- package/dist/esm/post-card-control.entry.js +3 -3
- package/dist/esm/post-closebutton_15.entry.js +5 -5
- package/dist/esm/{post-collapsible-trigger-3dbedd6e.js → post-collapsible-trigger-97fd8cb0.js} +5 -11
- package/dist/esm/post-collapsible_2.entry.js +5 -5
- package/dist/esm/post-components.js +3 -3
- package/dist/esm/{post-footer-c73c4669.js → post-footer-82cbe9e1.js} +4 -7
- package/dist/esm/post-footer.entry.js +3 -3
- package/dist/esm/{post-linkarea-65638949.js → post-linkarea-43614f09.js} +2 -2
- package/dist/esm/post-linkarea.entry.js +3 -3
- package/dist/esm/{post-menu-item-fb5afbfe.js → post-menu-item-c5b1cd29.js} +4 -7
- package/dist/esm/{post-popover-50930237.js → post-popover-21dea796.js} +5 -17
- package/dist/esm/post-popover.entry.js +3 -3
- package/dist/esm/{post-rating-3077bc2d.js → post-rating-907e5175.js} +7 -20
- package/dist/esm/post-rating.entry.js +3 -3
- package/dist/esm/{post-tab-header-359fe858.js → post-tab-header-0f5fd7d0.js} +4 -7
- package/dist/esm/post-tab-header.entry.js +3 -3
- package/dist/esm/{post-tab-panel-1209fd6f.js → post-tab-panel-2bf324ae.js} +4 -7
- package/dist/esm/post-tab-panel.entry.js +3 -3
- package/dist/esm/{post-tabs-3a9acd87.js → post-tabs-52cf8ed7.js} +3 -9
- package/dist/esm/post-tabs.entry.js +3 -3
- package/dist/esm/{post-tag-c8c9b213.js → post-tag-d53f4bc7.js} +6 -17
- package/dist/esm/post-tag.entry.js +3 -3
- package/dist/esm/{post-togglebutton-1e02ab7c.js → post-togglebutton-6cf6dae6.js} +70 -159
- package/dist/esm/{post-tooltip-65892d5f.js → post-tooltip-f1f56486.js} +6 -17
- package/dist/esm/post-tooltip.entry.js +5 -5
- package/dist/post-components/index.esm.js +1 -1
- package/dist/post-components/p-100dc10a.js +1 -0
- package/dist/post-components/p-14738957.entry.js +1 -0
- package/dist/post-components/{p-a680d8b0.entry.js → p-19e8b653.entry.js} +1 -1
- package/dist/post-components/p-1e737ab3.entry.js +1 -0
- package/dist/post-components/p-26e5d866.js +1 -0
- package/dist/post-components/p-29d56d5f.js +1 -0
- package/dist/post-components/p-3f79a7fa.entry.js +1 -0
- package/dist/post-components/p-4f9b0504.entry.js +1 -0
- package/dist/post-components/p-5753ae1e.entry.js +1 -0
- package/dist/post-components/p-59373941.js +1 -0
- package/dist/post-components/p-5a8f34ff.entry.js +1 -0
- package/dist/post-components/{p-68defca9.js → p-5d05f008.js} +1 -1
- package/dist/post-components/p-5ecb67d4.entry.js +1 -0
- package/dist/post-components/p-62e62248.js +1 -0
- package/dist/post-components/p-6a251a96.entry.js +1 -0
- package/dist/post-components/p-6a7ee274.js +1 -0
- package/dist/post-components/p-6af43aa2.js +1 -0
- package/dist/post-components/p-771e6deb.entry.js +1 -0
- package/dist/post-components/p-78d39bb1.entry.js +1 -0
- package/dist/post-components/p-7d9f4529.js +1 -0
- package/dist/post-components/p-816de06e.entry.js +1 -0
- package/dist/post-components/p-870920c5.js +1 -0
- package/dist/post-components/p-8bd50210.entry.js +1 -0
- package/dist/post-components/p-91ffc428.js +1 -0
- package/dist/post-components/p-9c8b4442.js +1 -0
- package/dist/post-components/p-a6476cb6.js +1 -0
- package/dist/post-components/p-a98c64e1.js +1 -0
- package/dist/post-components/p-ac04c807.js +1 -0
- package/dist/post-components/p-b19a9362.js +1 -0
- package/dist/post-components/p-b34d8f5f.entry.js +1 -0
- package/dist/post-components/p-b753fc35.entry.js +1 -0
- package/dist/post-components/p-cc9d8272.js +1 -0
- package/dist/post-components/p-d7cba03a.entry.js +1 -0
- package/dist/post-components/p-da85b951.entry.js +1 -0
- package/dist/post-components/{p-458d4560.js → p-e7865717.js} +3 -3
- package/dist/post-components/p-f57363d3.entry.js +1 -0
- package/dist/post-components/{p-a7199df3.js → p-f5d73dcc.js} +1 -1
- package/dist/post-components/p-f6e86d70.js +1 -0
- package/dist/post-components/p-f8e7cdec.js +1 -0
- package/dist/post-components/p-fb8f5195.js +1 -0
- package/dist/post-components/p-ff1fd4d8.entry.js +1 -0
- package/dist/post-components/p-ff95dcd3.js +2 -0
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-header/post-header.d.ts +2 -0
- package/dist/types/stencil-public-runtime.d.ts +0 -6
- package/dist/types/utils/get-focusable-children.d.ts +1 -1
- package/dist/types/utils/property-checkers/check-url.d.ts +1 -1
- package/dist/types/utils/property-checkers/index.d.ts +1 -1
- package/{dist/components/p-b095519d.js → loaders/check-non-empty.js} +1 -1
- package/{dist/components/p-3aba7629.js → loaders/get-focusable-children.js} +7 -1
- package/loaders/index.js +2 -2
- package/loaders/{p-56ad4838.js → index2.js} +5 -5
- package/loaders/package.js +3 -0
- package/loaders/post-accordion-item.js +1 -1
- package/loaders/{p-e57c041b.js → post-accordion-item2.js} +13 -20
- package/loaders/post-accordion.js +7 -13
- package/loaders/post-avatar.js +13 -25
- package/loaders/post-back-to-top.js +9 -13
- package/loaders/post-banner.js +18 -32
- package/loaders/post-breadcrumb-item.js +1 -1
- package/{dist/components/p-80478535.js → loaders/post-breadcrumb-item2.js} +6 -9
- package/loaders/post-breadcrumb.js +18 -24
- package/loaders/post-card-control.js +16 -47
- package/loaders/post-closebutton.js +4 -4
- package/loaders/post-collapsible-trigger.js +1 -1
- package/loaders/{p-5366ff92.js → post-collapsible-trigger2.js} +8 -11
- package/loaders/post-collapsible.js +1 -1
- package/{dist/components/p-10c1a15a.js → loaders/post-collapsible2.js} +5 -8
- package/loaders/post-footer.js +9 -12
- package/loaders/post-header.js +21 -13
- package/loaders/post-icon.js +1 -1
- package/loaders/{p-51b50ca3.js → post-icon2.js} +13 -34
- package/loaders/post-language-option.js +11 -27
- package/loaders/post-language-switch.js +17 -29
- package/loaders/post-linkarea.js +3 -3
- package/loaders/post-list-item.js +2 -2
- package/loaders/post-list.js +7 -16
- package/loaders/post-logo.js +5 -8
- package/loaders/post-mainnavigation.js +7 -7
- package/loaders/post-megadropdown-trigger.js +6 -12
- package/loaders/post-megadropdown.js +12 -15
- package/loaders/post-menu-item.js +1 -1
- package/{dist/components/p-4bbdde2b.js → loaders/post-menu-item2.js} +3 -3
- package/loaders/post-menu-trigger.js +1 -1
- package/{dist/components/p-15877641.js → loaders/post-menu-trigger2.js} +7 -13
- package/loaders/post-menu.js +1 -1
- package/{dist/components/p-7202d5d4.js → loaders/post-menu2.js} +8 -18
- package/loaders/post-popover.js +8 -20
- package/loaders/post-popovercontainer.js +1 -1
- package/loaders/{p-f59c8544.js → post-popovercontainer2.js} +7 -21
- package/loaders/post-rating.js +9 -22
- package/loaders/post-tab-header.js +7 -10
- package/loaders/post-tab-panel.js +6 -9
- package/loaders/post-tabs.js +5 -11
- package/loaders/post-tag.js +8 -19
- package/loaders/post-togglebutton.js +5 -8
- package/loaders/post-tooltip.js +9 -20
- package/package.json +6 -6
- package/dist/components/p-3e8554e7.js +0 -1646
- package/dist/components/p-74e13cb1.js +0 -3
- package/dist/esm/package-fe605ce2.js +0 -3
- package/dist/post-components/p-05d809f2.entry.js +0 -1
- package/dist/post-components/p-122f969e.js +0 -1
- package/dist/post-components/p-16c08e07.entry.js +0 -1
- package/dist/post-components/p-16f883f9.entry.js +0 -1
- package/dist/post-components/p-1fda117c.js +0 -1
- package/dist/post-components/p-23a94c36.entry.js +0 -1
- package/dist/post-components/p-2ea6e06e.js +0 -1
- package/dist/post-components/p-36527185.js +0 -1
- package/dist/post-components/p-368cee4c.js +0 -1
- package/dist/post-components/p-3a408d41.entry.js +0 -1
- package/dist/post-components/p-43caa6b0.js +0 -1
- package/dist/post-components/p-52508346.entry.js +0 -1
- package/dist/post-components/p-54ae1f02.js +0 -1
- package/dist/post-components/p-55139ed4.js +0 -1
- package/dist/post-components/p-5a051654.entry.js +0 -1
- package/dist/post-components/p-5b058c27.entry.js +0 -1
- package/dist/post-components/p-5be385f2.js +0 -1
- package/dist/post-components/p-5cc36eb9.entry.js +0 -1
- package/dist/post-components/p-61ebfb27.js +0 -1
- package/dist/post-components/p-66552bf5.entry.js +0 -1
- package/dist/post-components/p-74dbfcd3.js +0 -1
- package/dist/post-components/p-74e13cb1.js +0 -1
- package/dist/post-components/p-8abc347f.js +0 -1
- package/dist/post-components/p-8fe69fae.js +0 -1
- package/dist/post-components/p-902e52fb.entry.js +0 -1
- package/dist/post-components/p-9bf305da.entry.js +0 -1
- package/dist/post-components/p-a7683dcd.entry.js +0 -1
- package/dist/post-components/p-aaef3917.js +0 -1
- package/dist/post-components/p-ad2a716a.entry.js +0 -1
- package/dist/post-components/p-b5758f64.js +0 -1
- package/dist/post-components/p-b64f5ba4.entry.js +0 -1
- package/dist/post-components/p-cb9ab938.js +0 -1
- package/dist/post-components/p-ce4a94d4.entry.js +0 -1
- package/dist/post-components/p-d9833667.js +0 -2
- package/dist/post-components/p-dc8a4c6f.js +0 -1
- package/dist/post-components/p-e725b6f4.js +0 -1
- package/dist/post-components/p-ecc6a8fa.entry.js +0 -1
- package/dist/post-components/p-fed91ff7.entry.js +0 -1
- package/loaders/p-3e8554e7.js +0 -1646
- package/loaders/p-74e13cb1.js +0 -3
- /package/dist/components/{p-9748a355.js → attribute-observer.js} +0 -0
- /package/dist/components/{p-bacd3e2c.js → check-one-of.js} +0 -0
- /package/dist/components/{p-8562c7dc.js → check-type.js} +0 -0
- /package/dist/components/{p-440193f4.js → constants.js} +0 -0
- /package/dist/components/{p-e1baac59.js → debounce.js} +0 -0
- /package/dist/components/{p-64e3de38.js → fade.js} +0 -0
- /package/dist/components/{p-fc91cbc2.js → get-root.js} +0 -0
- /package/dist/components/{p-247a1668.js → heading-levels.js} +0 -0
- /package/dist/components/{p-5959f2bd.js → index.browser.js} +0 -0
- /package/dist/components/{p-f7b9f90a.js → index3.js} +0 -0
- /package/dist/components/{p-4af6dbed.js → slide.js} +0 -0
- /package/loaders/{p-9748a355.js → attribute-observer.js} +0 -0
- /package/loaders/{p-bacd3e2c.js → check-one-of.js} +0 -0
- /package/loaders/{p-8562c7dc.js → check-type.js} +0 -0
- /package/loaders/{p-440193f4.js → constants.js} +0 -0
- /package/loaders/{p-e1baac59.js → debounce.js} +0 -0
- /package/loaders/{p-64e3de38.js → fade.js} +0 -0
- /package/loaders/{p-fc91cbc2.js → get-root.js} +0 -0
- /package/loaders/{p-247a1668.js → heading-levels.js} +0 -0
- /package/loaders/{p-5959f2bd.js → index.browser.js} +0 -0
- /package/loaders/{p-f7b9f90a.js → index3.js} +0 -0
- /package/loaders/{p-4af6dbed.js → slide.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,g as a,h as e,H as i}from"./p-ff95dcd3.js";import{v as o}from"./p-f6e86d70.js";import{f as r,a as h}from"./p-64e3de38.js";const n=class{constructor(a){t(this,a),this.postChange=s(this,"postChange",7),this.activePanel=void 0}activeTab;showing;hiding;isLoaded=!1;get tabs(){return Array.from(this.host.querySelectorAll("post-tab-header")).filter((t=>t.closest("post-tabs")===this.host))}get host(){return a(this)}postChange;componentDidLoad(){this.moveMisplacedTabs(),this.enableTabs(),this.show(this.activePanel||this.tabs[0]?.panel),this.isLoaded=!0}async show(t){if(t===this.activeTab?.panel)return;const s=this.activeTab,a=this.host.querySelector(`post-tab-header[panel=${t}]`);this.activateTab(a),this.showing&&(this.showing.effect.target.style.display="none",this.showing.finish()),!s||this.showing||this.hiding||this.hidePanel(s.panel),this.hiding&&await this.hiding.finished,this.showSelectedPanel(),this.showing&&await this.showing.finished,this.isLoaded&&this.postChange.emit(this.activeTab.panel)}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{"tabs"!==t.getAttribute("slot")&&t.setAttribute("slot","tabs")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await(s=t,"function"==typeof s.componentOnReady?s.componentOnReady():new Promise((t=>{return a=()=>{t(s)},"function"==typeof requestAnimationFrame?requestAnimationFrame(a):setTimeout(a);var a}))),t.getAttribute("aria-controls"))return;var s;const a=this.getPanel(t.panel);t.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",t.id),t.addEventListener("click",(()=>{this.show(t.panel)})),t.addEventListener("keydown",(s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.show(t.panel))})),t.addEventListener("keydown",(s=>{"ArrowRight"!==s.key&&"ArrowLeft"!==s.key||this.navigateTabs(t,s.key)}))})),this.activeTab&&!this.activeTab.isConnected&&this.show(this.tabs[0]?.panel))}activateTab(t){this.activeTab&&(this.activeTab.setAttribute("aria-selected","false"),this.activeTab.setAttribute("tabindex","-1"),this.activeTab.classList.remove("active")),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"),t.classList.add("active"),this.activeTab=t}hidePanel(t){const s=this.getPanel(t);s&&(this.hiding=r(s),this.hiding.onfinish=()=>{s.style.display="none",this.hiding=null})}showSelectedPanel(){const t=this.getPanel(this.activeTab.panel);t.style.display="block",this.isLoaded&&(this.showing=h(t),this.showing.onfinish=()=>{this.showing=null})}getPanel(t){return this.host.querySelector(`post-tab-panel[name=${t}]`)}navigateTabs(t,s){const a=Array.from(this.tabs).indexOf(t);let e;e="ArrowRight"===s?this.tabs[a+1]||this.tabs[0]:this.tabs[a-1]||this.tabs[this.tabs.length-1],e&&e.focus()}render(){return e(i,{key:"7c81cd091603a01d960ecc2aed9653d0031dd16e","data-version":o},e("div",{key:"716a9f1e05a7ffeca8459e6a88ce4b56364b50ec",class:"tabs-wrapper",part:"tabs"},e("div",{key:"b41b35b26e0e1ef1e285719975841aefbdc4a8e1",class:"tabs",role:"tablist"},e("slot",{key:"065b3a6ecfba2710a344b44cc6d5e73beb0655df",name:"tabs",onSlotchange:()=>this.enableTabs()}))),e("div",{key:"f30ce2c568071c8f144ba50e62b48a1294207c63",class:"tab-content",part:"content"},e("slot",{key:"c71155abdf95343990b2ee85592e7a995f58d05e",onSlotchange:()=>this.moveMisplacedTabs()})))}};n.style='.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,0,.02)}.tabs-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}:host{display:block}';export{n as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_avatar}from"./p-62e62248.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";import"./p-b095519d.js";import"./p-440193f4.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_back_to_top}from"./p-91ffc428.js";import"./p-ff95dcd3.js";import"./p-4af6dbed.js";import"./p-f6e86d70.js";import"./p-8562c7dc.js";import"./p-b095519d.js";import"./p-440193f4.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_banner}from"./p-ac04c807.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";import"./p-64e3de38.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-5959f2bd.js";import"./p-b095519d.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function r(r,n){if("string"!=typeof r&&!(r instanceof URL))throw new Error(n);try{new URL(r,window.location.href)}catch{throw new Error(n)}}export{r as c}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_tag}from"./p-a6476cb6.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as o,r as t,c as r,h as c,H as e}from"./p-d9833667.js";import{c as a}from"./p-bacd3e2c.js";import{c as i}from"./p-b095519d.js";import{v as s}from"./p-74e13cb1.js";let n=0;const d=class{EVENT_MAP={input:"postInput",change:"postChange"};KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"};group={hosts:[],members:[],first:null,last:null,checked:null,focused:null};control;controlId="PostCardControl_"+n++;initialChecked;hasIcon;get host(){return o(this)}focused=!1;internals;label;description=null;type;name=null;value=null;checked=!1;disabled=!1;validity=null;icon=null;postInput;postChange;async reset(){this.validity=null,this.controlSetChecked(this.initialChecked)}async groupReset(){this.disabled&&(this.control.checked=this.checked=!1),this.controlSetChecked(!1)}validateControlLabel(o=this.label){i(o,'The "post-card-control" element requires its "label" property to be set.')}validateControlType(o=this.type){a(o,["checkbox","radio"],'The "post-card-control" element requires its "type" prop to be one of either "checkbox" or "radio".')}updateControlChecked(o=this.checked){this.controlSetChecked(o)}updateControlDisabled(){this.controlSetChecked(this.checked)}constructor(o){t(this,o),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.cardClickHandler=this.cardClickHandler.bind(this),this.controlClickHandler=this.controlClickHandler.bind(this),this.controlChangeHandler=this.controlChangeHandler.bind(this),this.controlFocusHandler=this.controlFocusHandler.bind(this),this.controlKeyDownHandler=this.controlKeyDownHandler.bind(this)}cardClickHandler(o){o.stopPropagation(),o.target!==this.control&&this.control.click()}controlClickHandler(o){o.stopPropagation(),this.disabled&&o.preventDefault()}controlChangeHandler(o){o.stopPropagation(),this.groupCollectMembers(),this.controlSetChecked(this.control.checked,o),this.groupSetChecked(this.control,o)}controlFocusHandler(){this.focused=this.host===document.activeElement}controlKeyDownHandler(o){if("radio"===this.type)switch(o.stopPropagation(),Object.values(this.KEYCODES).includes(o.code)&&o.preventDefault(),this.groupCollectMembers(),o.code){case this.KEYCODES.UP:case this.KEYCODES.LEFT:this.groupSetChecked(this.groupGetPrev(),o);break;case this.KEYCODES.DOWN:case this.KEYCODES.RIGHT:this.groupSetChecked(this.groupGetNext(),o);break;case this.KEYCODES.SPACE:this.groupSetChecked(this.control,o)}}controlSetChecked(o,t){this.control&&(this.disabled?this.internals.setFormValue(null):(this.control.checked=this.checked=o,this.internals.setFormValue(this.checked?this.control.value:null),t&&("checkbox"===this.type||"radio"===this.type&&this.checked)&&this[this.EVENT_MAP[t.type]].emit({state:this.checked,value:this.value})))}groupCollectMembers(){if("radio"===this.type&&this.name&&(this.group.hosts=Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`)),this.group.members=this.group.hosts.map((o=>o.shadowRoot.querySelector('input[type="radio"]'))).filter((o=>null!==o)),this.group.members.length>1)){this.group.first=this.group.members[0],this.group.last=this.group.members[this.group.members.length-1],this.group.checked=this.group.members.find((o=>o.checked))??null,this.group.focused=this.group.members.find((o=>o.getRootNode().host===document.activeElement))??this.group.first;const o=this.group.checked||this.group.focused||this.group.first;this.group.members.forEach((t=>{t.tabIndex=t===o?0:-1}))}}groupGetPrev(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o-1))??this.group.last}groupGetNext(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o+1))??this.group.first}groupSetChecked(o,t){if(this.group.members.length>1){const r="keydown"===t.type,c=o.hasAttribute("aria-disabled"),e=this.group.members.findIndex((t=>t===o));r&&o.focus(),c||(this.group.hosts.filter(((o,t)=>t!==e)).forEach((o=>{o.groupReset()})),r&&o.click())}}setHostContext(){let o;const t=window.getComputedStyle(this.host).getPropertyValue("--post-card-control-bg-context").split(", ");let r;const c=["fieldset"];let e=this.host;for(;e&&(!o||!r);)o=o??t.find((o=>e.matches(o))),r=r??c.find((o=>e.matches(o))),e=e.parentElement;const a=[o,r].filter((o=>!!o)).join(" ");this.host.setAttribute("data-context",a)}connectedCallback(){this.initialChecked=this.checked}componentWillRender(){this.hasIcon=Boolean(this.host.querySelector('[slot="icon"]')||this.icon)}render(){return c(e,{key:"a62b814d2579038654a8fef11c6d136e03381320","data-version":s,onClick:this.cardClickHandler},c("div",{key:"34e5f1092cd886bd5dc69542728a3c406e11cd51",class:{"card-control":!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.focused,"is-valid":null!==this.validity&&"false"!==this.validity,"is-invalid":"false"===this.validity}},c("input",{key:"ca21d9eba6b998b26615ae7d92f105b6fe0c2f9f",ref:o=>this.control=o,id:this.controlId,class:"card-control--input",type:this.type,name:this.name,value:this.value,checked:this.checked,"aria-describedby":`${this.controlId}_content`,"aria-disabled":this.disabled,"aria-invalid":"false"===this.validity,onClick:this.controlClickHandler,onInput:this.controlChangeHandler,onChange:this.controlChangeHandler,onFocus:this.controlFocusHandler,onBlur:this.controlFocusHandler,onKeyDown:this.controlKeyDownHandler}),c("label",{key:"f9b336f63f5f83143bdf2b3b8b2d85a57723b036",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label"},this.label,this.description?c("div",{class:"card-control--description"},this.description):null),this.hasIcon?c("div",{class:"card-control--icon"},c("slot",{name:"icon"},this.icon?c("post-icon",{name:this.icon}):null)):null,c("div",{key:"813f81b01385aa7721d35c7edbd1494fc178dc4d",id:`${this.controlId}_content`,class:"card-control--content"},c("slot",{key:"95658d0b41b293a8fafbef79b3f2c6fa50c95534"}))))}componentDidRender(){this.setHostContext(),this.groupCollectMembers()}componentDidLoad(){this.validateControlLabel(),this.validateControlType()}formAssociatedCallback(){this.controlSetChecked(this.checked)}formDisabledCallback(o){this.disabled=o}formStateRestoreCallback(o){this.controlSetChecked(o)}formResetCallback(){this.reset()}static get formAssociated(){return!0}static get watchers(){return{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}}};d.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-check-inline{display:inline-flex;vertical-align:top}fieldset>.form-check-inline:not(:last-of-type){margin-right:var(--post-core-dimension-24)}.form-check:has(>input:not(:only-child)){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}.form-check:has(>input:not(:only-child)):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){.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:has(>input:not(:only-child)):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){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:has(>input:not(:only-child))>input{outline:none !important}.form-check:has(input[type=checkbox]):not(.form-switch){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=checkbox]):not(.form-switch):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:GrayText}}.form-check.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-check:has(input[type=radio]){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=radio]):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=radio])>input[type=radio]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=radio])>input[type=radio]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:GrayText}}.form-check>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>label{transition:none}}:where(.form-check>input[type=checkbox]){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}:where(.form-check>input[type=checkbox]):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){:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=checkbox]):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){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:not(.form-switch):has(input[type=checkbox])>input{appearance:none;flex:none;display:inline-flex;margin:var(--post-device-spacing-padding-1);margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-core-dimension-2);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]){cursor:pointer}.form-check:not(.form-switch):has(input[type=checkbox])>input::after{display:block;content:"";width:100%;height:100%;mask-size:var(--post-device-sizing-interactive-icon-size);mask-repeat:no-repeat;mask-position:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate{background-color:SelectedItem}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:SelectedItemText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:indeterminate::after{background-color:Highlight}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after{mask-image:url("data:image/svg+xml,<svg viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{mask-image:url("data:image/svg+xml,<svg width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:Field;border-color:GrayText}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:indeterminate::after{background-color:GrayText}}:where(.form-check>input[type=radio]){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}:where(.form-check>input[type=radio]):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){:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=radio]):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){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check>input[type=radio]{appearance:none;flex:none;display:inline-flex;justify-content:center;align-items:center;margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));margin-inline:var(--post-device-spacing-padding-1);width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check>input[type=radio]:not([disabled]){cursor:pointer}.form-check>input[type=radio]::after{display:block;content:"";width:var(--post-device-sizing-icon-3);height:var(--post-device-sizing-icon-3);border-radius:inherit}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked{background-color:SelectedItem}.form-check>input[type=radio]:checked::after{background-color:SelectedItemText !important}}.form-check>input[type=radio]:checked::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked::after{background-color:FieldText}}.form-check>input[type=radio]:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:Highlight !important}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}.form-check>input[type=radio][disabled]:checked::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio][disabled]{background-color:Field;border-color:GrayText}.form-check>input[type=radio][disabled]:checked::after{background-color:GrayText}}:host{--post-card-control-bg-context:.bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error;display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-bottom:var(--post-core-dimension-16)}.card-control{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:#fff;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff;flex-basis:100%;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);margin:0;padding:var(--post-core-dimension-12);background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.card-control .card-control--input:hover:not([disabled]),.card-control .card-control--input:hover:not([disabled])~label.form-check-label{color:#000;background-color:rgba(0,0,0,0)}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0 !important;color:inherit !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#000;--post-card-control-bg:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:SelectedItemText;--post-card-control-input-bg:SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color:hsl(0, 0%, 20%);--post-card-control-bg:hsl(0, 0%, 40%);--post-card-control-color:#fff;--post-card-control-input-border-color:#000}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.card-control.is-disabled{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:transparent;--post-card-control-color:hsl(0, 0%, 40%);--post-card-control-input-border-color:hsl(0, 0%, 40%);--post-card-control-input-bg:transparent;border-style:dashed;cursor:default}.card-control.is-disabled .card-control--input{padding:2px;border-style:dashed}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.card-control .card-control--input{outline:var(--post-core-dimension-2) solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}.card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}.card-control.is-disabled .card-control--input{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}.card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media (forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}.card-control.is-checked{--post-card-control-input-bg:field;position:relative}.card-control.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);border-radius:calc(var(--post-core-dimension-2)*.5);background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:var(--post-core-dimension-2) solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-bottom:var(--post-core-dimension-16)}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}';export{d as P}
|
|
1
|
+
import{g as o,r as t,c as r,h as c,H as e}from"./p-ff95dcd3.js";import{c as i}from"./p-bacd3e2c.js";import{c as a}from"./p-b095519d.js";import{v as s}from"./p-f6e86d70.js";let n=0;const d=class{EVENT_MAP={input:"postInput",change:"postChange"};KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"};group={hosts:[],members:[],first:null,last:null,checked:null,focused:null};control;controlId="PostCardControl_"+n++;initialChecked;hasIcon;get host(){return o(this)}internals;postInput;postChange;async reset(){this.validity=null,this.controlSetChecked(this.initialChecked)}async groupReset(){this.disabled&&(this.control.checked=this.checked=!1),this.controlSetChecked(!1)}validateControlLabel(o=this.label){a(o,'The "post-card-control" element requires its "label" property to be set.')}validateControlType(o=this.type){i(o,["checkbox","radio"],'The "post-card-control" element requires its "type" prop to be one of either "checkbox" or "radio".')}updateControlChecked(o=this.checked){this.controlSetChecked(o)}updateControlDisabled(){this.controlSetChecked(this.checked)}constructor(o){t(this,o),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.focused=!1,this.label=void 0,this.description=null,this.type=void 0,this.name=null,this.value=null,this.checked=!1,this.disabled=!1,this.validity=null,this.icon=null,this.cardClickHandler=this.cardClickHandler.bind(this),this.controlClickHandler=this.controlClickHandler.bind(this),this.controlChangeHandler=this.controlChangeHandler.bind(this),this.controlFocusHandler=this.controlFocusHandler.bind(this),this.controlKeyDownHandler=this.controlKeyDownHandler.bind(this)}cardClickHandler(o){o.stopPropagation(),o.target!==this.control&&this.control.click()}controlClickHandler(o){o.stopPropagation(),this.disabled&&o.preventDefault()}controlChangeHandler(o){o.stopPropagation(),this.groupCollectMembers(),this.controlSetChecked(this.control.checked,o),this.groupSetChecked(this.control,o)}controlFocusHandler(){this.focused=this.host===document.activeElement}controlKeyDownHandler(o){if("radio"===this.type)switch(o.stopPropagation(),Object.values(this.KEYCODES).includes(o.code)&&o.preventDefault(),this.groupCollectMembers(),o.code){case this.KEYCODES.UP:case this.KEYCODES.LEFT:this.groupSetChecked(this.groupGetPrev(),o);break;case this.KEYCODES.DOWN:case this.KEYCODES.RIGHT:this.groupSetChecked(this.groupGetNext(),o);break;case this.KEYCODES.SPACE:this.groupSetChecked(this.control,o)}}controlSetChecked(o,t){this.control&&(this.disabled?this.internals.setFormValue(null):(this.control.checked=this.checked=o,this.internals.setFormValue(this.checked?this.control.value:null),t&&("checkbox"===this.type||"radio"===this.type&&this.checked)&&this[this.EVENT_MAP[t.type]].emit({state:this.checked,value:this.value})))}groupCollectMembers(){if("radio"===this.type&&this.name&&(this.group.hosts=Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`)),this.group.members=this.group.hosts.map((o=>o.shadowRoot.querySelector('input[type="radio"]'))).filter((o=>null!==o)),this.group.members.length>1)){this.group.first=this.group.members[0],this.group.last=this.group.members[this.group.members.length-1],this.group.checked=this.group.members.find((o=>o.checked))??null,this.group.focused=this.group.members.find((o=>o.getRootNode().host===document.activeElement))??this.group.first;const o=this.group.checked||this.group.focused||this.group.first;this.group.members.forEach((t=>{t.tabIndex=t===o?0:-1}))}}groupGetPrev(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o-1))??this.group.last}groupGetNext(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o+1))??this.group.first}groupSetChecked(o,t){if(this.group.members.length>1){const r="keydown"===t.type,c=o.hasAttribute("aria-disabled"),e=this.group.members.findIndex((t=>t===o));r&&o.focus(),c||(this.group.hosts.filter(((o,t)=>t!==e)).forEach((o=>{o.groupReset()})),r&&o.click())}}setHostContext(){let o;const t=window.getComputedStyle(this.host).getPropertyValue("--post-card-control-bg-context").split(", ");let r;const c=["fieldset"];let e=this.host;for(;e&&(!o||!r);)o=o??t.find((o=>e.matches(o))),r=r??c.find((o=>e.matches(o))),e=e.parentElement;const i=[o,r].filter((o=>!!o)).join(" ");this.host.setAttribute("data-context",i)}connectedCallback(){this.initialChecked=this.checked}componentWillRender(){this.hasIcon=Boolean(this.host.querySelector('[slot="icon"]')||this.icon)}render(){return c(e,{key:"a62b814d2579038654a8fef11c6d136e03381320","data-version":s,onClick:this.cardClickHandler},c("div",{key:"34e5f1092cd886bd5dc69542728a3c406e11cd51",class:{"card-control":!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.focused,"is-valid":null!==this.validity&&"false"!==this.validity,"is-invalid":"false"===this.validity}},c("input",{key:"ca21d9eba6b998b26615ae7d92f105b6fe0c2f9f",ref:o=>this.control=o,id:this.controlId,class:"card-control--input",type:this.type,name:this.name,value:this.value,checked:this.checked,"aria-describedby":`${this.controlId}_content`,"aria-disabled":this.disabled,"aria-invalid":"false"===this.validity,onClick:this.controlClickHandler,onInput:this.controlChangeHandler,onChange:this.controlChangeHandler,onFocus:this.controlFocusHandler,onBlur:this.controlFocusHandler,onKeyDown:this.controlKeyDownHandler}),c("label",{key:"f9b336f63f5f83143bdf2b3b8b2d85a57723b036",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label"},this.label,this.description?c("div",{class:"card-control--description"},this.description):null),this.hasIcon?c("div",{class:"card-control--icon"},c("slot",{name:"icon"},this.icon?c("post-icon",{name:this.icon}):null)):null,c("div",{key:"813f81b01385aa7721d35c7edbd1494fc178dc4d",id:`${this.controlId}_content`,class:"card-control--content"},c("slot",{key:"95658d0b41b293a8fafbef79b3f2c6fa50c95534"}))))}componentDidRender(){this.setHostContext(),this.groupCollectMembers()}componentDidLoad(){this.validateControlLabel(),this.validateControlType()}formAssociatedCallback(){this.controlSetChecked(this.checked)}formDisabledCallback(o){this.disabled=o}formStateRestoreCallback(o){this.controlSetChecked(o)}formResetCallback(){this.reset()}static get formAssociated(){return!0}static get watchers(){return{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}}};d.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-check-inline{display:inline-flex;vertical-align:top}fieldset>.form-check-inline:not(:last-of-type){margin-right:var(--post-core-dimension-24)}.form-check:has(>input:not(:only-child)){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}.form-check:has(>input:not(:only-child)):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){.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:has(>input:not(:only-child)):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){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:has(>input:not(:only-child))>input{outline:none !important}.form-check:has(input[type=checkbox]):not(.form-switch){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=checkbox]):not(.form-switch):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:GrayText}}.form-check.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-check:has(input[type=radio]){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=radio]):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=radio])>input[type=radio]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=radio])>input[type=radio]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:GrayText}}.form-check>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>label{transition:none}}:where(.form-check>input[type=checkbox]){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}:where(.form-check>input[type=checkbox]):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){:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=checkbox]):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){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:not(.form-switch):has(input[type=checkbox])>input{appearance:none;flex:none;display:inline-flex;margin:var(--post-device-spacing-padding-1);margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-core-dimension-2);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]){cursor:pointer}.form-check:not(.form-switch):has(input[type=checkbox])>input::after{display:block;content:"";width:100%;height:100%;mask-size:var(--post-device-sizing-interactive-icon-size);mask-repeat:no-repeat;mask-position:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate{background-color:SelectedItem}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:SelectedItemText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:indeterminate::after{background-color:Highlight}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after{mask-image:url("data:image/svg+xml,<svg viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{mask-image:url("data:image/svg+xml,<svg width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:Field;border-color:GrayText}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:indeterminate::after{background-color:GrayText}}:where(.form-check>input[type=radio]){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}:where(.form-check>input[type=radio]):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){:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=radio]):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){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check>input[type=radio]{appearance:none;flex:none;display:inline-flex;justify-content:center;align-items:center;margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));margin-inline:var(--post-device-spacing-padding-1);width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check>input[type=radio]:not([disabled]){cursor:pointer}.form-check>input[type=radio]::after{display:block;content:"";width:var(--post-device-sizing-icon-3);height:var(--post-device-sizing-icon-3);border-radius:inherit}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked{background-color:SelectedItem}.form-check>input[type=radio]:checked::after{background-color:SelectedItemText !important}}.form-check>input[type=radio]:checked::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked::after{background-color:FieldText}}.form-check>input[type=radio]:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:Highlight !important}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}.form-check>input[type=radio][disabled]:checked::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio][disabled]{background-color:Field;border-color:GrayText}.form-check>input[type=radio][disabled]:checked::after{background-color:GrayText}}:host{--post-card-control-bg-context:.bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error;display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-bottom:var(--post-core-dimension-16)}.card-control{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:#fff;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff;flex-basis:100%;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);margin:0;padding:var(--post-core-dimension-12);background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.card-control .card-control--input:hover:not([disabled]),.card-control .card-control--input:hover:not([disabled])~label.form-check-label{color:#000;background-color:rgba(0,0,0,0)}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0 !important;color:inherit !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#000;--post-card-control-bg:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:SelectedItemText;--post-card-control-input-bg:SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color:hsl(0, 0%, 20%);--post-card-control-bg:hsl(0, 0%, 40%);--post-card-control-color:#fff;--post-card-control-input-border-color:#000}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.card-control.is-disabled{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:transparent;--post-card-control-color:hsl(0, 0%, 40%);--post-card-control-input-border-color:hsl(0, 0%, 40%);--post-card-control-input-bg:transparent;border-style:dashed;cursor:default}.card-control.is-disabled .card-control--input{padding:2px;border-style:dashed}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.card-control .card-control--input{outline:var(--post-core-dimension-2) solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}.card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}.card-control.is-disabled .card-control--input{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}.card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media (forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}.card-control.is-checked{--post-card-control-input-bg:field;position:relative}.card-control.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);border-radius:calc(var(--post-core-dimension-2)*.5);background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:var(--post-core-dimension-2) solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-bottom:var(--post-core-dimension-16)}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}';export{d as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_accordion}from"./p-b19a9362.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";import"./p-247a1668.js";import"./p-bacd3e2c.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,g as i,h as s,H as e}from"./p-ff95dcd3.js";import{v as a}from"./p-f6e86d70.js";import{c as r}from"./p-b095519d.js";var o;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(o||(o={}));const n=class{constructor(i){t(this,i),this.firstname=void 0,this.lastname=void 0,this.userid=void 0,this.email=void 0,this.slottedImage=void 0,this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials=""}static INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png";get host(){return i(this)}validateFirstname(){r(this.firstname,"The `firstname` property of the `post-avatar` is required!")}async getAvatar(){if(null!==this.slottedImage)this.avatarType=o.Slotted;else{let t=!1;!t&&this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||this.getAvatarByInitials()}}async getImageByProp(t,i){if(!t)return!1;const s=await this.getStorageItem(t)??{ok:!1,url:""};if(!s.ok)try{const t=await i();s.ok=t.ok,s.url=t.url,this.imageUrl=s.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=o.Image,this.setStorageItem(this.userid,JSON.stringify(s))}catch(i){this.removeStorageItem(t),console.info(`Loading avatar by type "${o.Image}" failed.`)}return s.ok}async fetchImageByUserId(){return await fetch(n.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await this.cryptify(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}getAvatarByInitials(){this.initials=this.getInitials(),this.avatarType=o.Initials}getNames(){return[this.firstname,this.lastname].filter((t=>t))}getInitials(){return this.getNames().map((t=>t.charAt(0))).join("").trim()}async getStorageItem(t){const i=await this.cryptify(t),s=window?.sessionStorage?.getItem(i);return s?JSON.parse(s):null}async setStorageItem(t,i){const s=await this.cryptify(t);window?.sessionStorage?.setItem(s,i)}async removeStorageItem(t){const i=await this.cryptify(t);window?.sessionStorage?.removeItem(i)}async cryptify(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}onSlotDefaultChange(){this.slottedImage=this.host.querySelector("img"),this.getAvatar()}componentWillRender(){this.slottedImage=this.host.querySelector("img"),this.getAvatar()}componentDidLoad(){this.validateFirstname()}render(){const t=this.getNames().reduce(((t,i,e)=>(e>0&&t.push(s("span",null," ")),t.push(i.charAt(0)),t.push(s("span",null,i.slice(1))),t)),[]);return s(e,{"data-version":a},s("slot",{onSlotchange:this.onSlotDefaultChange.bind(this)},"image"===this.avatarType&&s("img",{src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&s("div",{class:"initials"},t)))}static get watchers(){return{firstname:["validateFirstname"]}}};n.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase}.initials span{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.initials span:not(caption){position:absolute !important}';export{n as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_popover}from"./p-f8e7cdec.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";import"./p-9748a355.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,g as t,h as r,H as e}from"./p-ff95dcd3.js";import{v as a}from"./p-f6e86d70.js";import{c as i}from"./p-b095519d.js";import{n as l}from"./p-5959f2bd.js";const b=class{constructor(t){o(this,t),this.tabId=void 0,this.panel=void 0}get host(){return t(this)}validateFor(o){i(o,'The "panel" prop is required for the post-tab-header.')}componentWillLoad(){this.tabId=`tab-${this.host.id||l(6)}`}render(){return r(e,{key:"f7383136476f3d32a79c39f7cadef8bcde0630f7",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},r("slot",{key:"b88f3ce360da891793e31b84c4bfd4f59511d88a"}))}static get watchers(){return{panel:["validateFor"]}}};b.style='.tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}';export{b as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as t,r as s,c as i,h as a,H as r}from"./p-ff95dcd3.js";import{v as e}from"./p-f6e86d70.js";const o=class{hasChanged=!1;get host(){return t(this)}postInput;postChange;constructor(t){s(this,t),this.postInput=i(this,"postInput",7),this.postChange=i(this,"postChange",7),this.hoveredIndex=void 0,this.label="Rating",this.stars=5,this.currentRating=0,this.readonly=!1,this.keydownHandler=this.keydownHandler.bind(this),this.blurHandler=this.blurHandler.bind(this),this.hoverHandler=this.hoverHandler.bind(this)}update(t){this.readonly||t<0||t>this.stars||(this.currentRating=this.currentRating!==t?t:0,this.postInput.emit({value:this.currentRating}),this.hasChanged=!0)}keydownHandler(t){switch(t.key){case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.update(this.currentRating-1);break;case"ArrowUp":case"ArrowRight":t.preventDefault(),this.update(this.currentRating+1);break;case"Home":t.preventDefault(),this.update(0);break;case"End":t.preventDefault(),this.update(this.stars);break;case"Enter":case" ":this.blurHandler();break;default:return}}blurHandler(){this.hasChanged&&(this.postChange.emit({value:this.currentRating}),this.hasChanged=!1)}hoverHandler(t,s){this.readonly||("mouseenter"===s.type?this.hoveredIndex=t:"mouseleave"===s.type&&(this.hoveredIndex=void 0))}render(){return a(r,{key:"64891ff9f0ef8f7bc2be5df9e989577830b35ffc","data-version":e},a("div",{key:"b4e7050864265e33e08b88fc3d5c8eea3cf6ab0e",role:"slider",class:"rating",tabindex:"0","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":this.stars,"aria-valuenow":this.currentRating,"aria-valuetext":`${this.currentRating} out of ${this.stars}`,"aria-readonly":this.readonly?"true":"false",onKeyDown:this.keydownHandler,onBlur:this.blurHandler},Array.from({length:this.stars}).map(((t,s)=>a("div",{key:`star-${t}`,"aria-hidden":"true",class:{star:!0,"before-hover":s<this.hoveredIndex,active:s<Math.round(this.currentRating),hover:s===this.hoveredIndex,"after-active":s>this.hoveredIndex&&s<this.currentRating},onClick:()=>this.update(s+1),onMouseEnter:t=>this.hoverHandler(s,t),onMouseLeave:t=>this.hoverHandler(s,t)},a("post-icon",{name:"2062",class:"stroke"}),a("post-icon",{name:"2574",class:"fill"}))))))}};o.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";export{o as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_footer}from"./p-26e5d866.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_rating}from"./p-6af43aa2.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,g as e,h as t,H as i}from"./p-ff95dcd3.js";import{v as a}from"./p-f6e86d70.js";import{H as c}from"./p-247a1668.js";import{c as r}from"./p-fb8f5195.js";import{n as s}from"./p-5959f2bd.js";const d=class{constructor(e){o(this,e),this.id=void 0,this.slottedLogo=void 0,this.collapsed=!1,this.headingLevel=void 0}collapsible;get host(){return e(this)}validateHeadingLevel(o=this.headingLevel){r(o,c,"The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.")}componentWillLoad(){this.id=this.host.id||`p${s(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){o.target===this.host&&"post-accordion-item"===o.target.localName&&(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:"f1275370d7aff41e1fc60285395af35a1ecc90e7",id:this.id,"data-version":a},t("div",{key:"d74f762805143939a891e40cfa7a4779ea29921d",part:"accordion-item",class:"accordion-item"},t("post-collapsible-trigger",{key:"5ddad810d8b1f8564bdaaf2b09e9e89eee96e007",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"fc6dc947d426bb31de04e83d8c9795a0c826733c",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"bd8005bb87e8e00fee57794bd73c5f06cb642a3d",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"button"},t("span",{key:"89eb0b80e63867e2dcd6b27d95c6519d1e86b10d",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"0940530a15ce04b50af007db7f1530ae3c6a456d",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"f06a6b067727be0667b4ea9384e75ee8aa435bfc",name:"header"}),t("post-icon",{key:"460b2c22083cc3049e0c83fc690cb44e3f984db7",name:"2051"})))),t("post-collapsible",{key:"2411f1f93d136ae0bfcbf0da9bb2902d7da0e2a0",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"e648a76e35c28bc1aa5cc57233bf6e8277532294",class:"accordion-body",part:"body"},t("slot",{key:"7841fff45f2132990d8f1577dfe7d3707d1eb46c"})))))}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};d.style=':host::after{display:block;content:"";margin-top:calc(var(--post-device-border-width-default)*-1);border-bottom: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)::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){:host: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-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:inherit;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}.accordion-button::before{display:block;position:absolute;content:"";inset:0;bottom:auto;border-top:var(--post-accordion-button-border-top)}.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}';export{d as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_tab_header}from"./p-6a7ee274.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-5959f2bd.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,g as i,h as e,H as o}from"./p-ff95dcd3.js";import{v as r}from"./p-f6e86d70.js";import{d as a}from"./p-fb8f5195.js";import{c as h}from"./p-8562c7dc.js";import{c}from"./p-b095519d.js";import{d as n}from"./p-e1baac59.js";import{g as l}from"./p-fc91cbc2.js";const d={height:"0",overflow:"hidden"},p={duration:350,easing:"ease",fill:"forwards"},g=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle",7),this.collapsed=!1}isLoaded=!1;isOpen=!0;get host(){return i(this)}collapsedChange(){a(this.collapsed,"boolean","The `collapsed` property of the `post-collapsible` must be a boolean."),this.toggle(!this.collapsed)}postToggle;componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([d,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],p):function(t){const s={height:window.getComputedStyle(t).height};return t.animate([s,d],p)}(this.host);var i;return this.isLoaded&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches||s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return e(o,{key:"3ba9983562f5fabec602f23d8698bacb3ff0dbdc","data-version":r,tabindex:this.collapsed?-1:void 0},e("slot",{key:"010369b851198dab8eed76a2ab26627d480c97d4"}))}static get watchers(){return{collapsed:["collapsedChange"]}}};g.style=":host{display:block;position:relative;overflow:hidden}";const b=class{constructor(s){t(this,s),this.for=void 0}trigger;observer=new MutationObserver((()=>this.setTrigger()));root;get host(){return i(this)}setAriaAttributes(){c(this.for,'The post-collapsible-trigger "for" prop is required.'),h(this.for,"string",'The post-collapsible-trigger "for" prop should be a id.'),this.update()}connectedCallback(){this.observer.observe(this.host,{childList:!0,subtree:!0})}componentWillLoad(){this.root=l(this.host),this.root.addEventListener("postToggle",(t=>{this.trigger&&t.target.isEqualNode(this.collapsible)&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}))}componentDidLoad(){this.host.setAttribute("data-version",r),this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button.")}disconnectedCallback(){this.observer.disconnect()}async update(){this.debouncedUpdate()}debouncedUpdate=n((()=>{if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}));async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.setAriaAttributes())}static get watchers(){return{for:["setAriaAttributes"]}}};export{g as P,b as a}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_breadcrumb_item,a as post_menu_item}from"./p-cc9d8272.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,g as o,h as e,H as i}from"./p-ff95dcd3.js";import{s,a as r}from"./p-4af6dbed.js";import{v as a}from"./p-f6e86d70.js";import{c}from"./p-8562c7dc.js";import{c as n}from"./p-b095519d.js";const d=class{constructor(o){t(this,o),this.label=void 0,this.belowFold=!1}get el(){return o(this)}translateY;isBelowFold(){return window.scrollY>window.innerHeight}handleScroll=()=>{this.belowFold=this.isBelowFold()};watchBelowFold(t){t?s(this.el,this.translateY):r(this.el,this.translateY)}scrollToTop(){window.scrollTo({top:0})}validateLabel(){c(this.label,"string","The label property of the Back to Top component is required for accessibility purposes. Please ensure it is set."),n(this.label,"The label property of the Back to Top component must not be empty. Please provide a proper text for the label")}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.translateY=window.getComputedStyle(this.el).getPropertyValue("--post-floating-button-translate-y"),this.belowFold||(this.el.style.transform=`translateY(${this.translateY})`),this.belowFold&&s(this.el,this.translateY),this.validateLabel()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"c718f2e4cd8ee679cabf72cba7a493770fab2585","data-version":a},e("button",{key:"9573fafeb9f4a81b82331f82d42caede5bc8d625",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"7041105b5bb9dbea36999699c9d77d5eca272984","aria-hidden":"true",name:"3026"}),e("span",{key:"e8ad9cc2b468d304b01221da24e870b90701cb92",class:"visually-hidden"},this.label)))}static get watchers(){return{belowFold:["watchBelowFold"],label:["validateLabel"]}}};d.style=":host{--post-floating-button-translate-y:calc(-1 * var(--post-core-dimension-112));position:fixed;top:var(--post-device-position-1);right:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-device-elevation-300);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}:host .back-to-top{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";export{d as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,g as e,h as o,H as i,c as n}from"./p-ff95dcd3.js";import{v as a}from"./p-f6e86d70.js";import{s,a as r}from"./p-4af6dbed.js";import{c as l,d as c,b as d}from"./p-fb8f5195.js";import{c as p}from"./p-b095519d.js";import{c as h}from"./p-8562c7dc.js";import{n as u}from"./p-5959f2bd.js";import{g as m}from"./p-fc91cbc2.js";const g=class{constructor(e){t(this,e)}get host(){return e(this)}render(){return o(i,{key:"c03f50379252ba13992bc3d021989ac07dba9f79","data-version":a},o("button",{key:"e97a86bb6e1eace89a1a3a78fb231047f065dd5e",class:"btn btn-icon-close",type:"button"},o("post-icon",{key:"aca522d4c251a8183c91c2bd4d810d0716a2fe13","aria-hidden":"true",name:"closex"}),o("span",{key:"6873522961b1683d1261163b07ee022f93eed836",class:"visually-hidden"},o("slot",{key:"bf4b13356c9a0164f1481d1fedc3a78a53e5f8e0"}))))}};function f(t,e,o){var i,n=o||{},a=n.noTrailing,s=void 0!==a&&a,r=n.noLeading,l=void 0!==r&&r,c=n.debounceMode,d=void 0===c?void 0:c,p=!1,h=0;function u(){i&&clearTimeout(i)}function m(){for(var o=arguments.length,n=new Array(o),a=0;a<o;a++)n[a]=arguments[a];var r=this,c=Date.now()-h;function m(){h=Date.now(),e.apply(r,n)}function g(){i=void 0}p||(l||!d||i||m(),u(),void 0===d&&c>t?l?(h=Date.now(),s||(i=setTimeout(d?g:m,t))):m():!0!==s&&(i=setTimeout(d?g:m,void 0===d?t-c:t)))}return m.cancel=function(t){var e=(t||{}).upcomingOnly,o=void 0!==e&&e;u(),p=!o},m}const b=`: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(",")})`,v=`: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 w(t){const e=t.querySelectorAll(`${b}:not(${v})`);return Array.from(e).filter((t=>{const e=window.getComputedStyle(t.parentElement);return"none"!==e.display&&"hidden"!==e.visibility}))}const x=class{constructor(e){t(this,e),this.postUpdateDevice=n(this,"postUpdateDevice",7),this.device=null,this.mobileMenuExtended=!1}firstFocusableEl;lastFocusableEl;scrollParent=null;mobileMenu;mobileMenuAnimation;throttledScroll=()=>this.handleScrollEvent();throttledResize=f(50,(()=>this.handleResize()));componentWillRender(){this.scrollParent=this.getScrollParent(this.host),this.scrollParent.addEventListener("scroll",this.throttledScroll,{passive:!0}),window.addEventListener("resize",this.throttledResize,{passive:!0}),this.handleResize(),this.handleScrollEvent(),this.getFocusableElements()}componentDidLoad(){this.updateLocalHeaderHeight()}get host(){return e(this)}frozeBody(t){document.body.style.overflow=t?"hidden":"",t?this.host.addEventListener("keydown",(t=>{this.keyboardHandler(t)})):this.host.removeEventListener("keydown",(t=>{this.keyboardHandler(t)}))}postUpdateDevice;async toggleMobileMenu(){"desktop"!==this.device&&(this.mobileMenuAnimation=this.mobileMenuExtended?s(this.mobileMenu):r(this.mobileMenu),this.host.querySelector("post-togglebutton").toggled=!this.mobileMenuExtended,this.mobileMenuExtended&&await this.mobileMenuAnimation.finished,this.mobileMenuExtended=!this.mobileMenuExtended,this.mobileMenuExtended||await this.mobileMenuAnimation.finished)}getFocusableElements(){const t=[...Array.from(this.host.querySelectorAll('.list-inline:not([slot="meta-navigation"]) > li')),...Array.from(this.host.querySelectorAll("nav > post-list > div > post-list-item, post-mainnavigation > .back-button, post-megadropdown-trigger")),...Array.from(this.host.querySelectorAll('.list-inline[slot="meta-navigation"] > li, post-language-option'))],e=[this.host.querySelector("post-togglebutton"),...t.flatMap((t=>Array.from(w(t))))];this.firstFocusableEl=e[0],this.lastFocusableEl=e[e.length-1]}keyboardHandler(t){"Tab"===t.key&&this.mobileMenuExtended&&(t.shiftKey&&document.activeElement===this.firstFocusableEl?(t.preventDefault(),this.lastFocusableEl.focus()):t.shiftKey||document.activeElement!==this.lastFocusableEl||(t.preventDefault(),this.firstFocusableEl.focus()))}handleScrollEvent(){const t=Math.max(0,this.scrollParent instanceof Document?this.scrollParent.documentElement.scrollTop:this.scrollParent.scrollTop);this.host.style.setProperty("--header-scroll-top",`${t}px`)}getScrollParent(t){let e=t.parentElement;for(;e;){if("BODY"===e.nodeName)return document;if(this.isScrollable(e))return e;e=e.parentElement}return document}isScrollable(t){if(!(t instanceof HTMLElement||t instanceof SVGElement))return!1;const e=getComputedStyle(t);return["overflow","overflow-x","overflow-y"].some((t=>{const o=e.getPropertyValue(t);return"auto"===o||"scroll"===o}))}updateLocalHeaderHeight(){requestAnimationFrame((()=>{const t=this.host.shadowRoot.querySelector(".local-header")?.clientHeight||0;this.host.style.setProperty("--main-header-height",`${t}px`)}))}handleResize(){const t=this.device;let e;const o=window?.innerWidth;e=o>=1024?"desktop":o>=600?"tablet":"mobile","desktop"===e&&this.mobileMenuExtended&&(this.toggleMobileMenu(),this.mobileMenuAnimation.finish()),this.updateLocalHeaderHeight(),e!==t&&(this.device=e,this.postUpdateDevice.emit(this.device),window.requestAnimationFrame((()=>{this.switchLanguageSwitchMode()})))}switchLanguageSwitchMode(){const t="desktop"===this.device?"menu":"list";this.host.querySelector("post-language-switch")?.setAttribute("variant",t)}renderNavigation(){const t=["navigation"];return this.mobileMenuExtended&&t.push("extended"),o("div",{ref:t=>this.mobileMenu=t,class:t.join(" ")},o("slot",{name:"post-mainnavigation"}),("mobile"===this.device||"tablet"===this.device)&&o("div",{class:"navigation-footer"},o("slot",{name:"meta-navigation"}),o("slot",{name:"post-language-switch"})))}render(){return o(i,{key:"18b9e47312a3896f1c68a9270332b2bf21ea2518",version:a},o("div",{key:"6b30ae3fc22471a7d1f29f19da944a3c4eac009c",class:"global-header"},o("div",{key:"943cd0d6a4fa9e0b15196b54fe1f5e765b6270c5",class:"global-sub"},o("div",{key:"7c34ab9cd2a5fb380b0201673364a275d74ca1e3",class:"logo"},o("slot",{key:"13b6bb1b42951d4982fd0cca9f65f3cba9a361df",name:"post-logo"}))),o("div",{key:"1955153864e1825e2fd56d58b9966982bc4aeb7f",class:"global-sub"},"desktop"===this.device&&o("slot",{key:"f33af5becab53114e886c288feabafd4a589dab6",name:"meta-navigation"}),o("slot",{key:"e33c827d5e0101a6fc9ccaf3f9e3b9ea1a689626",name:"global-controls"}),"desktop"===this.device&&o("slot",{key:"bbc08ab621b41858f6f4c0fa03796c1800d3ef2b",name:"post-language-switch"}),o("div",{key:"352681a469b8dd46271ffe6b36002d174a5586c3",onClick:()=>this.toggleMobileMenu(),class:"mobile-toggle"},o("slot",{key:"a6c79f674e94a2046f47d8fc7a6ce7722a7e5125",name:"post-togglebutton"})))),o("div",{key:"8b1219759b44feaf230a366a39ea8cc211893b9c",class:"local-header "+(this.mobileMenuExtended?"local-header-mobile-extended":"")},o("slot",{key:"070092f87eceb4a4ca2c19394a80ffb20833c0c9",name:"title"}),o("div",{key:"5044efdcf0a9b341eb9f168762f86dd516236ad1",class:"local-sub"},o("slot",{key:"48e38669ec64444c48f8b84f95590d36cd090ff7",name:"local-controls"}),o("slot",{key:"cbf9652dfc5008322459b6dcb0623135f7984e61"})),"desktop"===this.device&&this.renderNavigation()),"desktop"!==this.device&&this.renderNavigation())}static get watchers(){return{mobileMenuExtended:["frozeBody"]}}};x.style='*,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height:72px;--global-header-minimal-height:24px;--local-header-height:112px;--local-header-min-height:56px;--header-height:calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height:24px;--main-navigation-height:56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height:64px;--local-header-height:48px;--local-header-min-height:48px;--main-navigation-height:0px}}:host(:not(:has([slot=title]))){--local-header-height:var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-8);min-height:var(--local-header-min-height);background:var(--post-core-color-brand-white);transition:box-shadow .2s ease-in-out}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:calc(-1*(var(--local-header-height) - var(--main-navigation-height)) + var(--global-header-reduced-height));padding-block-start:var(--post-core-dimension-18);box-shadow:var(--post-core-elevation-3)}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--global-header-height);padding-block:var(--post-core-dimension-9);flex-wrap:wrap}.local-header.local-header-mobile-extended{border-bottom:1px solid var(--post-core-color-sandgrey-012)}.local-header:not(.title-header-mobile-extended){box-shadow:var(--post-core-elevation-3)}}.local-sub{margin-inline-end:var(--post-core-dimension-16)}::slotted(.list-inline){margin:-8px 0 !important;z-index:3 !important;position:relative !important}::slotted(h1){margin:0 !important;flex-shrink:10;z-index:3}@media screen and (min-width: 600px){::slotted(h1){margin-inline-start:var(--post-core-dimension-12) !important}}@media screen and (max-width: 599.98px){::slotted(h1){margin-inline-start:var(--post-core-dimension-8) !important}}@media screen and (min-width: 1024px){::slotted(h1){font-size:var(--post-core-font-size-28) !important}}@media screen and (max-width: 1023.98px){::slotted(h1){font-size:var(--post-core-font-size-20) !important;max-width:calc(100vw - var(--post-core-dimension-8) - var(--post-core-dimension-16))}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--global-header-minimal-height)}.navigation::before{display:block;content:"";position:absolute;inset:0;z-index:2;background:var(--post-core-color-brand-white)}}@media screen and (max-width: 1023.98px){.navigation{position:fixed;z-index:1;inset-inline:0;background:var(--post-core-color-brand-white);inset-block-end:calc(100vh - var(--header-height))}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:var(--post-core-dimension-16) var(--post-core-dimension-24);padding-inline:var(--post-core-dimension-32)}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended{height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){background-color:var(--post-core-color-sandgrey-002);gap:var(--post-core-dimension-32)}.navigation-footer{background-color:var(--post-core-color-sandgrey-006);gap:var(--post-core-dimension-24)}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:var(--post-core-dimension-16)}}';const y=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],k=class{constructor(e){t(this,e),this.animation=null,this.base=null,this.flipH=!1,this.flipV=!1,this.name=void 0,this.rotate=null,this.scale=null}get host(){return e(this)}validateAnimation(t=this.animation){void 0!==t&&l(t,y,`The post-icon "animation" prop requires one of the following values: ${y.join(", ")}.`)}validateBase(t=this.base){c(t,"string",'The post-icon "base" prop should be a string.')}validateFlipH(t=this.flipH){c(t,"boolean",'The post-icon "flipH" prop should be a boolean.')}validateFlipV(t=this.flipV){c(t,"boolean",'The post-icon "flipV" prop should be a boolean.')}validateName(t=this.name){p(t,'The post-icon "name" prop is required!.'),h(t,"string",'The post-icon "name" prop should be a string.')}validateRotate(t=this.rotate){c(t,"number",'The post-icon "rotate" prop should be a number.')}validateScale(t=this.scale){c(t,"number",'The post-icon "scale" prop should be a number.')}getUrl(){const t=[a(this.base,"both"),a(document.head.querySelector('meta[name="design-system-settings"][data-post-icon-base]')?.getAttribute("data-post-icon-base"),"relative"),a(document.querySelector("base[href]")?.getAttribute("href"),"both")],e=t.find((t=>t.definesDomain))?.url?.origin??window.location.origin,o=t.find((t=>t.definesSlug))?.url?.pathname,i=`${this.name}.svg`;let n;return n=o?new URL(`${e}${o}/${i}`).toString():new URL(`https://unpkg.com/@swisspost/design-system-icons/public/post-icons/${i}`).toString(),n;function a(t,e){return{url:o(t),definesDomain:"relative"!==e&&i(t),definesSlug:"absolute"!==e&&function(t){const e=o(t);return Boolean(/^\/.+/.test(e?.pathname))}(t)};function o(t){return t?i(t)?new URL(t):new URL(t,window.location.origin):null}function i(t){return!!t&&/^https?:\/\//.test(t)}}}getStyles(){const t=this.getUrl();return Object.entries({"-webkit-mask-image":`url(${t})`,"mask-image":`url('${t}')`,transform:(this.scale&&!isNaN(Number(this.scale))?"scale("+this.scale+")":"")+(this.rotate&&!isNaN(Number(this.rotate))?" rotate("+this.rotate+"deg)":"")}).filter((([t,e])=>null!==e)).reduce(((t,[e,o])=>Object.assign(t,{[e]:o})),{})}componentDidLoad(){this.validateBase(),this.validateName(),this.validateFlipH(),this.validateFlipV(),this.validateScale(),this.validateRotate(),this.validateAnimation()}render(){return o(i,{key:"6c494ba3cdd2ee173fa99a8ce8ff0e8ab5cf2979","data-version":a},o("span",{key:"d9e0192a2788541b97bf3e25468129ac335d44b5",style:this.getStyles()}))}static get watchers(){return{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}}};k.style=":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)}}";const T=class{constructor(e){t(this,e),this.postChange=n(this,"postChange",7),this.code=void 0,this.active=void 0,this.variant=void 0,this.name=void 0,this.url=void 0}get host(){return e(this)}validateCode(t=this.code){h(t,"string",'The "code" property of the post-language-option component must be a string.')}validateActiveProp(t=this.active){c(t,"boolean",'The "active" property of the post-language-option component must be a boolean value.')}validateName(t=this.name){c(t,"string",'The "name" property of the post-language-option component must be a string.')}validateUrl(t=this.url){c(t,"string",'The "url" property of the post-language-option component must be a valid URL.')}componentDidLoad(){if(this.validateCode(),this.validateActiveProp(),this.validateName(),this.validateUrl(),!this.name&&this.isNameRequired())throw new Error('The "name" property of the post-language-option component is required when the full language name is not displayed.')}postChange;async select(){this.active=!0,this.emitChange()}emitChange(){this.postChange.emit(this.code)}isNameRequired(){return this.host.textContent.toLowerCase()===this.code.toLowerCase()}render(){const t=this.code.toLowerCase(),e=t=>{"Enter"!==t.key&&" "!==t.key||this.emitChange()};return o(i,{key:"eff35e907ca174aa239604d8e3c937309d306cd1","data-version":a,role:this.variant?`${this.variant}item`:null},this.url?o("a",{"aria-current":this.active?"page":void 0,"aria-label":this.name,href:this.url,hrefLang:t,lang:t,onClick:()=>this.emitChange(),onKeyDown:e},o("slot",null)):o("button",{"aria-current":this.active?"true":void 0,"aria-label":this.name,lang:t,onClick:()=>this.emitChange(),onKeyDown:e},o("slot",null)))}static get watchers(){return{code:["validateCode"],active:["validateActiveProp"],name:["validateName"],url:["validateUrl"]}}};T.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:2px}post-language-option :is(a,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}post-language-option :is(a,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){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,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){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:has([aria-current]):not([aria-current=false]){display:none}post-language-option:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}post-language-option:where([variant=menu]){width:100%}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:24px;box-sizing:border-box;position:relative;left:-1px;width:calc(100% + 2px)}";const E=["list","menu"],C=class{constructor(e){t(this,e),this.caption=void 0,this.description=void 0,this.variant="list",this.activeLang=void 0}get host(){return e(this)}validateCaption(t=this.caption){h(t,"string",'The "caption" property of the post-language-switch component must be a string.')}validateDescription(t=this.description){h(t,"string",'The "description" property of the post-language-switch component must be a string.')}validateVariant(t=this.variant){l(t,E,`The "variant" property of the post-language-switch component must be: ${E.join(", ")}`)}connectedCallback(){this.updateChildrenVariant(),this.activeLang=Array.from(this.host.querySelectorAll("post-language-option")).find((t=>"true"==t.getAttribute("active"))).getAttribute("code")}updateChildrenVariant(){this.host.querySelectorAll("post-language-option").forEach((t=>{t.setAttribute("variant",this.variant)}))}componentWillUpdate(){this.updateChildrenVariant()}componentDidLoad(){this.validateCaption(),this.validateDescription(),this.validateVariant(),this.host.addEventListener("postChange",(t=>{if(this.activeLang=t.detail,this.host.querySelectorAll("post-language-option").forEach((t=>{t.setAttribute("active",t.code&&t.code===this.activeLang?"true":"false")})),"menu"===this.variant){const t=this.host.shadowRoot.querySelector("post-menu");t.toggle(t)}}))}menuId=`p${u(11)}`;renderList(){return o(i,{"data-version":a,role:"list","aria-label":this.caption},o("span",{"aria-label":this.description,role:"listitem"},this.activeLang.toUpperCase()),o("slot",null))}renderDropdown(){return o(i,{"data-version":a},o("post-menu-trigger",{for:this.menuId},o("button",{class:"post-language-switch-trigger","aria-label":this.description},this.activeLang.toUpperCase(),o("post-icon",{"aria-hidden":"true",name:"chevrondown"}))),o("post-menu",{id:this.menuId,class:"post-language-switch-dropdown-container","aria-label":this.caption},o("slot",null)))}render(){return"list"===this.variant?this.renderList():this.renderDropdown()}static get watchers(){return{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}}};C.style=":host{display:flex}:host>span{display:flex;flex-shrink:0;width:40px;height:40px;align-items:center;justify-content:center;background-color:#050400;color:#fff;border-radius:2px}:host(:where([variant=list])){column-gap:.5rem}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-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-switch-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-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-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-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}";const z=class{constructor(e){t(this,e),this.titleId=void 0,this.titleHidden=!1,this.horizontal=!1}get host(){return e(this)}titleEl;componentWillLoad(){this.titleId=`title-${this.host.id||u(6)}`}componentDidLoad(){this.checkTitle()}checkTitle(){if(!this.titleEl.textContent.trim())throw new Error("Please provide a title to the list component. Title is mandatory for accessibility purposes.")}render(){return o(i,{key:"bdd973098d8b2a74635d489dca8f0f6825e31c51","data-version":a},o("div",{key:"9dcd6ca7069658c3e7f0d14fc130d18ebe522acb",ref:t=>this.titleEl=t,id:this.titleId,class:"list-title"+(this.titleHidden?" visually-hidden":"")},o("slot",{key:"ad51f345b2c120796d02dbc3d6815a58addc7fb4"})),o("div",{key:"47fddd7b977c85c195757f461c0ec009270cdb8b",role:"list","aria-labelledby":this.titleId},o("slot",{key:"176662b40ca47b6aeeded26256bc84bdee6483a6",name:"post-list-item"})))}};z.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-list{display:flex;flex-direction:column;gap:var(--post-list-title-gap, 0)}post-list>[role=list]{display:flex;flex-direction:column;gap:var(--post-list-item-gap, 0)}post-list:where([horizontal]:not([horizontal=false])){flex-direction:row;align-items:center}post-list:where([horizontal]:not([horizontal=false]))>[role=list]{flex-direction:row;align-items:center}post-list>.list-title.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}post-list>.list-title.visually-hidden:not(caption){position:absolute !important}";const A=class{constructor(e){t(this,e)}get host(){return e(this)}connectedCallback(){this.host.setAttribute("slot","post-list-item")}render(){return o(i,{key:"8e209e77859bd05d62cae41aec9dec6fb2e820cb",role:"listitem",slot:"post-list-item"},o("slot",{key:"ce79a335e80401465b74208957e22983d6df4ce0"}))}};A.style=":host{display:flex}";const S=class{constructor(e){t(this,e),this.url=void 0}get host(){return e(this)}validateUrl(){d(this.url,'The "url" property of the post-logo is invalid')}componentDidLoad(){this.validateUrl(),this.checkDescription()}checkDescription(){this.host.textContent||console.warn("Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.")}render(){const t=this.url&&("string"==typeof this.url?this.url:this.url.href);return o(i,{key:"d5f61d2740588571b77c9317d535b5c12c9ba996","data-version":a},o(t?"a":"span",{key:"95d19b08bae7e4137f43c0b7e345fa44ed1a6e9e",class:"logo "+(t?"logo-link":""),...t?{href:t}:{}},o("span",{key:"d7a4e97a9685ebc099e57737926d0fbe6d8ed12f",class:"description"},o("slot",{key:"6b08a53ad00b103930f0b1aab1d305ae77feccba",onSlotchange:()=>this.checkDescription()})),o("svg",{key:"a7adc544f620325bdec5fa3fbc5a880d10a85f7e",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},o("g",{key:"f68e9b4b0ef8b0d4b34a47a23cb4f0a0e04b5456",id:"Logo"},o("rect",{key:"b21a948f30baa4808182ccee37822315d87282eb",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),o("polygon",{key:"57ec911498cb069aaa80b4857447c1da3aa76959",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"}),o("path",{key:"fed41d70f4532da5769cbc51740e21520568af7f",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"})))))}static get watchers(){return{url:["validateUrl"]}}};S.style=":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 :focus,:focus-visible{border-radius:2px}";const M=":is(post-list-item > a, post-list-item > post-megadropdown-trigger > button):not(post-megadropdown *)",D=class{constructor(e){t(this,e),this.canScrollLeft=!1,this.canScrollRight=!1,this.translateAmount=0}header;navbar;rightScrollButton;leftScrollButton;scrollRepeatInterval;navbarDisableTimer;mutationObserver=new MutationObserver((async t=>{await Promise.all(t.flatMap((t=>Array.from(t.addedNodes))).map((t=>t.componentOnReady?t.componentOnReady():Promise.resolve(t)))),this.checkScrollability()}));get host(){return e(this)}onTranslateAmountChanges(t){this.navbar.style.transform=`translateX(-${t}px)`,this.checkScrollability()}connectedCallback(){this.header=this.host.closest("post-header")}disconnectedCallback(){this.header=null,this.mutationObserver.disconnect()}componentDidLoad(){setTimeout((()=>this.checkScrollability())),this.mutationObserver.observe(this.navigationList,{subtree:!0,childList:!0}),window.addEventListener("resize",f(100,(()=>this.checkScrollability()))),this.navbar.addEventListener("focusin",(t=>this.adjustTranslation(t)))}handleBackButtonClick(){this.header&&this.header.toggleMobileMenu()}adjustTranslation(t){const e=t.target;this.canScroll&&e.matches(M)&&(t.preventDefault(),this.withoutTransition((()=>{this.translateRightTo(e),this.translateLeftTo(e),e.focus()})))}checkScrollability(){const{scrollWidth:t,clientWidth:e}=this.navbar,o=this.canScroll;t===e?this.canScrollLeft=this.canScrollRight=!1:(this.canScrollLeft=0!==this.translateAmount,this.canScrollRight=e+this.translateAmount!==t),o&&!this.canScroll&&this.withoutTransition((()=>this.translateAmount=0))}get canScroll(){return this.canScrollLeft||this.canScrollRight}handleScrollButtonClick(t){this.canScroll&&(this.disableNavbar(),this.scroll(t),this.scrollRepeatInterval=setInterval((()=>{this.scroll(t)}),100))}stopScrolling(){this.scrollRepeatInterval&&clearInterval(this.scrollRepeatInterval)}scroll(t){const e=Array.from(this.navigationItems);"left"===t&&e.reverse();for(const o of e)if("left"===t?this.translateLeftTo(o):this.translateRightTo(o))break}translateRightTo(t){const e=t.offsetLeft+t.offsetWidth+this.getFocusMargin(t);return!(e<this.navbar.clientWidth+this.translateAmount)&&(this.translateAmount=Math.min(this.navbar.scrollWidth-this.navbar.clientWidth,e+this.rightScrollButton.clientWidth-this.navbar.clientWidth),!0)}translateLeftTo(t){const e=t.offsetLeft-this.getFocusMargin(t);return!(e>this.translateAmount)&&(this.translateAmount=Math.max(0,e-this.leftScrollButton.clientWidth),!0)}getFocusMargin(t){const{outlineWidth:e,outlineOffset:o}=getComputedStyle(t);return parseInt(e)+parseInt(o)+1}get navigationList(){return this.navbar.querySelector('post-list:not(post-megadropdown *) > [role="list"]')}get navigationItems(){return this.navbar.querySelectorAll(M)}disableNavbar(){this.navbarDisableTimer&&clearTimeout(this.navbarDisableTimer),this.navbar.style.pointerEvents="none",this.navbarDisableTimer=setTimeout((()=>{this.navbar.style.pointerEvents="initial"}),400)}withoutTransition(t){const e=this.navbar.style.transition;this.navbar.style.transition="none",t(),setTimeout((()=>{this.navbar.style.transition=e}))}render(){return o(i,{key:"3280c55d0f8e7aec6e1dc3f59744114b2557cb04",slot:"post-mainnavigation"},o("div",{key:"446ede19ef62a21022a771edb8a6e8eb30a5c5d3",onClick:()=>this.handleBackButtonClick(),class:"back-button"},o("slot",{key:"5e923b62133d3452676445349624157fd7d3d957",name:"back-button"})),o("nav",{key:"d67723ba6b42ec2b083197091ec7226dc258897e",ref:t=>this.navbar=t},o("slot",{key:"ea1a0fd7f76e02b89789713a49fc4d7fd6e8a022"})),o("div",{key:"1a3d640acfe23ae5c5f9ab26a7bca9c3c2bc4434",class:"left-scroll-button"+(this.canScrollLeft?"":" d-none"),"aria-hidden":"true"},o("button",{key:"a3260bba8104bf9155120e04fed6ba0aa102e529",type:"button",tabindex:"-1",ref:t=>this.leftScrollButton=t,onMouseDown:()=>this.handleScrollButtonClick("left")},o("post-icon",{key:"0bba0a76f93098267be8432636391641f55d5df8","aria-hidden":"true",name:"chevronleft"}))),o("div",{key:"401ef6821f258737d17ed54ae1c577cc4783a3f9",class:"right-scroll-button"+(this.canScrollRight?"":" d-none"),"aria-hidden":"true"},o("button",{key:"d964f4b74ad8fef86115b12fcda12cc54da936f3",type:"button",tabindex:"-1",ref:t=>this.rightScrollButton=t,onMouseDown:()=>this.handleScrollButtonClick("right")},o("post-icon",{key:"5758f48df24b4a3ea241f43464b448878e31977d","aria-hidden":"true",name:"chevronright"}))))}static get watchers(){return{translateAmount:["onTranslateAmountChanges"]}}};D.style="post-mainnavigation{flex:0 0 auto}post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-align:start}post-mainnavigation post-list-item post-megadropdown-trigger button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:var(--post-core-dimension-4)}post-mainnavigation .back-button post-icon{transform:rotate(180deg)}@media screen and (max-width: 1023.98px){post-mainnavigation .back-button{font-size:var(--post-core-font-size-16)}}@media screen and (max-width: 599.98px){post-mainnavigation .back-button{font-size:var(--post-core-font-size-14)}}@media screen and (min-width: 1024px){post-mainnavigation{display:block}post-mainnavigation nav{max-width:100vw;background:var(--post-core-color-brand-white);max-height:var(--main-navigation-height);user-select:none;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{position:absolute;inset-block:0;overflow:hidden}post-mainnavigation .left-scroll-button button,post-mainnavigation .right-scroll-button button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;background:var(--post-core-color-brand-white);padding:var(--post-core-dimension-16);box-shadow:var(--post-core-elevation-5);line-height:var(--post-core-line-height-100);height:100%}post-mainnavigation .left-scroll-button button post-icon,post-mainnavigation .right-scroll-button button post-icon{font-size:1rem}post-mainnavigation .left-scroll-button{inset-inline-start:0;padding-inline-end:2rem}post-mainnavigation .right-scroll-button{inset-inline-end:0;padding-inline-start:2rem}post-mainnavigation post-list{margin-inline:var(--post-core-dimension-4)}post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:var(--post-core-dimension-12);height:var(--main-navigation-height);gap:var(--post-core-dimension-4);font-size:var(--post-core-font-size-16);border-block:0 solid rgba(0,0,0,0);border-block-end-color:currentColor}}@media screen and (min-width: 1024px)and (max-width: 1023.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:3}}@media screen and (min-width: 1024px)and (min-width: 1024px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:4}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{border-block-width:var(--post-core-dimension-2)}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{border-block-width:var(--post-core-dimension-4);font-weight:var(--post-core-font-weight-700)}}@media screen and (min-width: 1024px)and (max-width: 599.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:var(--post-core-font-size-14)}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:var(--post-core-dimension-12);transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button::after,post-mainnavigation post-list-item post-megadropdown-trigger button::after{content:\"\";mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 13.2-7.5 7.6-7.6-7.6.9-.9 6.6 6.6 6.6-6.6z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button.selected::after,post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-mainnavigation post-list-item post-megadropdown-trigger button.selected::after,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}}@media screen and (min-width: 1024px){post-mainnavigation post-megadropdown button:not(.btn-icon-close),post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline-end:calc(var(--post-core-dimension-6) + var(--post-core-dimension-24) + var(--post-core-dimension-16));gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative}post-mainnavigation post-megadropdown button:not(.btn-icon-close)::before,post-mainnavigation post-megadropdown a::before{content:\"\";background-color:currentColor;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover::before,post-mainnavigation post-megadropdown a:hover::before{height:var(--post-core-dimension-3)}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover::after,post-mainnavigation post-megadropdown a:hover::after{content:\"\";display:block;margin-right:calc((var(--post-core-dimension-24) + var(--post-core-dimension-16))*-1);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m31.95 16-9.11 9.11c-.2.2-.45.29-.71.29s-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l6.69-6.69H-.05v-2h28.17l-6.69-6.69a.996.996 0 1 1 1.41-1.41l9.11 9.11Z'%3E%3C/path%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;width:var(--post-core-dimension-20);min-width:var(--post-core-dimension-20);height:var(--post-core-dimension-20)}}@media screen and (min-width: 1024px){post-mainnavigation [slot=back-button]{display:none}}@media screen and (max-width: 1023.98px){post-mainnavigation nav{transform:none !important}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{display:none}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline-end:calc(var(--post-core-dimension-6) + var(--post-core-dimension-24) + var(--post-core-dimension-16));gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative}post-mainnavigation post-list-item>a::before,post-mainnavigation post-list-item>button::before,post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:\"\";background-color:currentColor;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}post-mainnavigation post-list-item>a:hover::before,post-mainnavigation post-list-item>button:hover::before,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{height:var(--post-core-dimension-3)}post-mainnavigation post-list-item>a:hover::after,post-mainnavigation post-list-item>button:hover::after,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::after{content:\"\";display:block;margin-right:calc((var(--post-core-dimension-24) + var(--post-core-dimension-16))*-1);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m31.95 16-9.11 9.11c-.2.2-.45.29-.71.29s-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l6.69-6.69H-.05v-2h28.17l-6.69-6.69a.996.996 0 1 1 1.41-1.41l9.11 9.11Z'%3E%3C/path%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;width:var(--post-core-dimension-20);min-width:var(--post-core-dimension-20);height:var(--post-core-dimension-20)}}post-mainnavigation .back-button .btn{padding-inline:0}";const L=class{constructor(e){t(this,e),this.postToggleMegadropdown=n(this,"postToggleMegadropdown",7),this.device=void 0,this.isVisible=!1,this.animationClass=null}header;firstFocusableEl;lastFocusableEl;get host(){return e(this)}static activeDropdown=null;postToggleMegadropdown;disconnectedCallback(){this.removeOutsideClickListener(),L.activeDropdown===this&&(L.activeDropdown=null)}componentWillRender(){this.getFocusableElements()}async toggle(){this.isVisible?this.hide():await this.show()}async show(){L.activeDropdown&&L.activeDropdown!==this?L.activeDropdown.forceClose():this.animationClass="slide-in",this.isVisible=!0,this.host.addEventListener("keydown",(t=>this.keyboardHandler(t))),L.activeDropdown=this,this.postToggleMegadropdown.emit(this.isVisible),this.addOutsideClickListener()}async hide(){this.animationClass="slide-out",L.activeDropdown=null,this.host.removeEventListener("keydown",(t=>this.keyboardHandler(t)))}connectedCallback(){this.header=this.host.closest("post-header"),this.header&&this.header.addEventListener("postUpdateDevice",(t=>this.device=t.detail))}forceClose(){this.isVisible=!1,this.animationClass=null,this.postToggleMegadropdown.emit(this.isVisible),this.removeOutsideClickListener()}handleAnimationEnd(){"slide-out"===this.animationClass&&(this.isVisible=!1,this.animationClass=null,this.postToggleMegadropdown.emit(this.isVisible),this.removeOutsideClickListener())}handleClickOutside=t=>{const e=t.target;if(!this.host.contains(e)){if(e instanceof HTMLElement){const t=e.closest("post-megadropdown-trigger");if(t&&t.getAttribute("for")!==this.host.id)return}this.hide()}};addOutsideClickListener(){document.addEventListener("mousedown",this.handleClickOutside)}removeOutsideClickListener(){document.removeEventListener("mousedown",this.handleClickOutside)}getFocusableElements(){const t=Array.from(this.host.querySelectorAll("post-list-item, h3, .back-button")).flatMap((t=>Array.from(w(t))));this.firstFocusableEl=t[0],this.lastFocusableEl=t[t.length-1]}keyboardHandler(t){"Tab"===t.key&&"desktop"!==this.device&&(t.shiftKey&&document.activeElement===this.firstFocusableEl?(t.preventDefault(),this.lastFocusableEl.focus()):t.shiftKey||document.activeElement!==this.lastFocusableEl||(t.preventDefault(),this.firstFocusableEl.focus()))}render(){return o(i,{key:"11be74da0c6d35e1a50c954735a6b1f079cd0eb6"},o("div",{key:"202023b2495012f78ba761f20aef1ba0325a98f0",class:`megadropdown-container ${this.animationClass||""}`,style:this.isVisible?{}:{display:"none"},onAnimationEnd:()=>this.handleAnimationEnd()},o("div",{key:"87ac87a83de7ce798f5d9057b992893bfc00f2e1",class:"megadropdown"},o("div",{key:"650738a55e5007b9ae0c3ee30fb2f1ae53152744",onClick:()=>this.hide(),class:"back-button"},o("slot",{key:"a7b70ce1fbc7090807b8d60efce6cb83eb06674e",name:"back-button"})),o("div",{key:"812d3458649669e867d7d761079299b64d9e4e4d",onClick:()=>this.hide(),class:"close-button"},o("slot",{key:"2ee2df463dfd6667b729fd1b47987ea40e8d9d5f",name:"close-button"})),o("slot",{key:"a5d0029319e34b652923d07fcddd5cb647912b03",name:"megadropdown-title"}),o("div",{key:"c563cf50e3d9a1a466b9aec386982c80569ac094",class:"megadropdown-content"},o("slot",{key:"a05eeceb8fdbfc4373ee7d42d4f583475b44b4dc"})))))}};L.style="@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{--post-main-header-height:56px;--post-global-header-height:72px;--post-header-height:calc(var(--post-global-header-height) + var(--post-main-header-height));box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;z-index:1;border-top:1px solid #e1e0dc;width:100%;top:100%;left:0;border-radius:0}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{--post-global-header-height:64px;z-index:4;top:0 !important;left:0;width:100%;position:fixed;height:calc(100vh - var(--post-header-height));max-height:calc(100vh - var(--header-height));border-top:unset;overflow:auto}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-top:0;margin-bottom:8px;font-weight:900}.megadropdown h2 a{text-decoration:none;font-weight:inherit;border-bottom:0;border-top:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)){padding:15px 12px 14px 8px;border-bottom:1px solid #050400}.megadropdown post-list .list-title h3 a{padding-block:15px 14px;padding-inline-start:8px;border-radius:0;text-decoration:none;font-size:inherit;display:flex;align-items:center;justify-content:space-between;min-height:53px;width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline-end:calc(var(--post-core-dimension-6) + var(--post-core-dimension-24) + var(--post-core-dimension-16));gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative;height:unset;font-weight:900}.megadropdown post-list .list-title h3 a::before{content:\"\";background-color:currentColor;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}.megadropdown post-list .list-title h3 a:hover::before{height:var(--post-core-dimension-3)}.megadropdown post-list .list-title h3 a:hover::after{content:\"\";display:block;margin-right:calc((var(--post-core-dimension-24) + var(--post-core-dimension-16))*-1);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m31.95 16-9.11 9.11c-.2.2-.45.29-.71.29s-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l6.69-6.69H-.05v-2h28.17l-6.69-6.69a.996.996 0 1 1 1.41-1.41l9.11 9.11Z'%3E%3C/path%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;width:var(--post-core-dimension-20);min-width:var(--post-core-dimension-20);height:var(--post-core-dimension-20)}@media screen and (max-width: 1023.98px){.megadropdown post-list .list-title h3{font-size:1rem}.megadropdown post-list .list-title h3:not(:has(a)){padding:15px 12px 14px 8px;border-bottom:1px solid #050400}}@media screen and (max-width: 599.98px){.megadropdown post-list .list-title h3{font-size:.875rem}}.megadropdown post-list-item>a{padding-block:13px 12px;padding-inline-start:8px;display:flex;text-decoration:none;width:100%;min-width:100%;height:auto;min-height:48px}.megadropdown post-list-item>a:hover{border-block-width:0}@media screen and (min-width: 1024px){.megadropdown post-list-item>a{font-size:1.25rem}}@media screen and (max-width: 1023.98px){.megadropdown post-list-item>a{padding-block:12px 11px}}@media screen and (max-width: 599.98px){.megadropdown post-list-item>a{font-size:.875rem}}.megadropdown .back-button{display:none;margin-bottom:2rem}.megadropdown .back-button .btn{width:auto}@media screen and (max-width: 1023.98px){.megadropdown .back-button{display:block}}.megadropdown .close-button{position:absolute;top:1rem;right:1rem}@media screen and (max-width: 1023.98px){.megadropdown .close-button{display:none}}";const H=class{constructor(e){t(this,e),this.for=void 0,this.ariaExpanded=!1}get host(){return e(this)}slottedButton=null;validateControlFor(t=this.for){h(t,"string",'The "for" property is required and should be a string.')}get megadropdown(){const t=document.getElementById(this.for);return t&&"post-megadropdown"===t.localName?t:null}handleToggle(){this.megadropdown?this.megadropdown.toggle():console.warn(`No post-megadropdown found with ID: ${this.for}`)}componentDidLoad(){this.validateControlFor(),document.addEventListener("postToggleMegadropdown",(t=>{t.target.id===this.for&&(this.ariaExpanded=t.detail,this.slottedButton&&this.slottedButton.setAttribute("aria-expanded",this.ariaExpanded.toString()))})),this.slottedButton=this.host.querySelector("button"),this.slottedButton?(this.slottedButton.setAttribute("aria-haspopup","menu"),this.slottedButton.addEventListener("click",(()=>{this.handleToggle()}))):console.warn("No button found within post-megadropdown-trigger")}render(){return o(i,{key:"2e009cb0dbfd81785d3a8ce5802a4fab0e84a52e","data-version":a,"tab-index":"-1"},o("button",{key:"d77d9a5eb5786a63cf7453c639647adc705892bc"},o("slot",{key:"19f4b17dc2d073b0770c33d6acfb763c1e47735a"})))}static get watchers(){return{for:["validateControlFor"]}}};H.style="post-megadropdown-trigger{width:100%;position:relative;z-index:3}";const j=class{constructor(e){t(this,e),this.toggleMenu=n(this,"toggleMenu",7),this.placement="bottom",this.isVisible=!1}popoverRef;lastFocusedElement=null;KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"};get host(){return e(this)}toggleMenu;root;connectedCallback(){this.root=m(this.host),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick)}disconnectedCallback(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick)}componentDidLoad(){this.popoverRef.addEventListener("postToggle",(t=>{this.isVisible=t.detail,this.toggleMenu.emit(this.isVisible)}))}async toggle(t){this.isVisible?await this.hide():await this.show(t)}async show(t){if(this.popoverRef){await this.popoverRef.show(t),this.lastFocusedElement=this.root.activeElement;const e=this.getSlottedItems();e.length>0&&e[0].focus()}else console.error("show: popoverRef is null or undefined")}async hide(){this.popoverRef?(await this.popoverRef.hide(),this.lastFocusedElement&&this.lastFocusedElement.focus()):console.error("hide: popoverRef is null or undefined")}handleKeyDown=t=>{t.stopPropagation(),t.key!==this.KEYCODES.ESCAPE?Object.values(this.KEYCODES).includes(t.key)&&this.controlKeyDownHandler(t):this.toggle(this.host)};handleClick=t=>{["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(t.target.tagName)&&this.toggle(this.host)};controlKeyDownHandler(t){const e=this.getSlottedItems();if(!e.length)return;let o=e.findIndex((t=>t===m(t).activeElement));switch(t.key){case this.KEYCODES.UP:t.preventDefault(),o=(o-1+e.length)%e.length;break;case this.KEYCODES.DOWN:t.preventDefault(),o=(o+1)%e.length;break;case this.KEYCODES.HOME:o=0;break;case this.KEYCODES.END:o=e.length-1;break;case this.KEYCODES.SPACE:case this.KEYCODES.ENTER:return void this.toggle(this.host);case this.KEYCODES.TAB:this.toggle(this.host)}e[o]&&e[o].focus()}getSlottedItems(){const t=this.host.shadowRoot.querySelector("slot");return(t?t.assignedElements():[]).flatMap((t=>t instanceof HTMLSlotElement?t.assignedElements():t)).filter((t=>"menuitem"===t.getAttribute("role"))).flatMap((t=>Array.from(w(t))))}render(){return o(i,{key:"071532c327f80197dda662f77e5cb2444281087d","data-version":a},o("post-popovercontainer",{key:"9f70ca4009139e0547026b26be610a02f4f1a95a",placement:this.placement,ref:t=>this.popoverRef=t},o("div",{key:"3ff1048a8fb27402a82cedc3dc300366063c9601",class:"popover-container",part:"popover-container"},o("slot",{key:"bed6c96b7502e0032b746ac6fdf8c3dd6d782e48"}))))}};j.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}post-popovercontainer{padding:var(--post-menu-padding);background-color:var(--post-menu-bg, #ffffff);border-color:var(--post-menu-bg, #ffffff)}.popover-container{display:flex;flex-direction:column}";const R=class{constructor(e){t(this,e),this.for=void 0,this.ariaExpanded=!1}get host(){return e(this)}slottedButton=null;root;validateControlFor(t=this.for){h(t,"string",'The "for" property is required and should be a string.')}get menu(){const t=this.root.getElementById(this.for);return t&&"post-menu"===t.localName?t:null}handleToggle(){const t=this.menu;t&&this.slottedButton?(this.ariaExpanded=!this.ariaExpanded,this.slottedButton.setAttribute("aria-expanded",this.ariaExpanded.toString()),t.toggle(this.host)):console.warn(`No post-menu found with ID: ${this.for}`)}handleKeyDown=t=>{"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.handleToggle())};componentDidLoad(){if(this.root=m(this.host),this.validateControlFor(),this.slottedButton=this.host.querySelector("button"),!this.slottedButton){const t=this.host.querySelector(".menu-trigger-webc");if(t.shadowRoot){const e=t.shadowRoot.querySelector("button");e&&(this.slottedButton=e)}}this.slottedButton?(this.slottedButton.setAttribute("aria-haspopup","menu"),this.slottedButton.addEventListener("click",(()=>{this.handleToggle()})),this.slottedButton.addEventListener("keydown",this.handleKeyDown)):console.warn("No button found within post-menu-trigger")}render(){return o(i,{key:"a0fff619978087ce0c67d7d327982424e3784ff0","data-version":a,"tab-index":"-1"},o("slot",{key:"93e26150b59e9a01275a6815096e09ff5fac146b"}))}static get watchers(){return{for:["validateControlFor"]}}};R.style=":host{display:inline-block}";const O=Math.min,F=Math.max,B=Math.round,$=Math.floor,P=t=>({x:t,y:t}),N={left:"right",right:"left",bottom:"top",top:"bottom"},I={start:"end",end:"start"};function W(t,e,o){return F(t,O(e,o))}function U(t,e){return"function"==typeof t?t(e):t}function q(t){return t.split("-")[0]}function V(t){return t.split("-")[1]}function X(t){return"x"===t?"y":"x"}function Y(t){return"y"===t?"height":"width"}function K(t){return["top","bottom"].includes(q(t))?"y":"x"}function Z(t){return X(K(t))}function G(t){return t.replace(/start|end/g,(t=>I[t]))}function _(t){return t.replace(/left|right|bottom|top/g,(t=>N[t]))}function J(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function Q(t){const{x:e,y:o,width:i,height:n}=t;return{width:i,height:n,top:o,left:e,right:e+i,bottom:o+n,x:e,y:o}}function tt(t,e,o){let{reference:i,floating:n}=t;const a=K(e),s=Z(e),r=Y(s),l=q(e),c="y"===a,d=i.x+i.width/2-n.width/2,p=i.y+i.height/2-n.height/2,h=i[r]/2-n[r]/2;let u;switch(l){case"top":u={x:d,y:i.y-n.height};break;case"bottom":u={x:d,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:p};break;case"left":u={x:i.x-n.width,y:p};break;default:u={x:i.x,y:i.y}}switch(V(e)){case"start":u[s]-=h*(o&&c?-1:1);break;case"end":u[s]+=h*(o&&c?-1:1)}return u}async function et(t,e){var o;void 0===e&&(e={});const{x:i,y:n,platform:a,rects:s,elements:r,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:p="floating",altBoundary:h=!1,padding:u=0}=U(e,t),m=J(u),g=r[h?"floating"===p?"reference":"floating":p],f=Q(await a.getClippingRect({element:null==(o=await(null==a.isElement?void 0:a.isElement(g)))||o?g:g.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(r.floating)),boundary:c,rootBoundary:d,strategy:l})),b="floating"===p?{...s.floating,x:i,y:n}:s.reference,v=await(null==a.getOffsetParent?void 0:a.getOffsetParent(r.floating)),w=await(null==a.isElement?void 0:a.isElement(v))&&await(null==a.getScale?void 0:a.getScale(v))||{x:1,y:1},x=Q(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:b,offsetParent:v,strategy:l}):b);return{top:(f.top-x.top+m.top)/w.y,bottom:(x.bottom-f.bottom+m.bottom)/w.y,left:(f.left-x.left+m.left)/w.x,right:(x.right-f.right+m.right)/w.x}}function ot(t){const e=O(...t.map((t=>t.left))),o=O(...t.map((t=>t.top)));return{x:e,y:o,width:F(...t.map((t=>t.right)))-e,height:F(...t.map((t=>t.bottom)))-o}}function it(){return"undefined"!=typeof window}function nt(t){return rt(t)?(t.nodeName||"").toLowerCase():"#document"}function at(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function st(t){var e;return null==(e=(rt(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function rt(t){return!!it()&&(t instanceof Node||t instanceof at(t).Node)}function lt(t){return!!it()&&(t instanceof Element||t instanceof at(t).Element)}function ct(t){return!!it()&&(t instanceof HTMLElement||t instanceof at(t).HTMLElement)}function dt(t){return!(!it()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof at(t).ShadowRoot)}function pt(t){const{overflow:e,overflowX:o,overflowY:i,display:n}=bt(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(n)}function ht(t){return["table","td","th"].includes(nt(t))}function ut(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function mt(t){const e=gt(),o=lt(t)?bt(t):t;return["transform","translate","scale","rotate","perspective"].some((t=>!!o[t]&&"none"!==o[t]))||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","translate","scale","rotate","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function gt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function ft(t){return["html","body","#document"].includes(nt(t))}function bt(t){return at(t).getComputedStyle(t)}function vt(t){return lt(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function wt(t){if("html"===nt(t))return t;const e=t.assignedSlot||t.parentNode||dt(t)&&t.host||st(t);return dt(e)?e.host:e}function xt(t){const e=wt(t);return ft(e)?t.ownerDocument?t.ownerDocument.body:t.body:ct(e)&&pt(e)?e:xt(e)}function yt(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const n=xt(t),a=n===(null==(i=t.ownerDocument)?void 0:i.body),s=at(n);if(a){const t=kt(s);return e.concat(s,s.visualViewport||[],pt(n)?n:[],t&&o?yt(t):[])}return e.concat(n,yt(n,[],o))}function kt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Tt(t){const e=bt(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const n=ct(t),a=n?t.offsetWidth:o,s=n?t.offsetHeight:i,r=B(o)!==a||B(i)!==s;return r&&(o=a,i=s),{width:o,height:i,$:r}}function Et(t){return lt(t)?t:t.contextElement}function Ct(t){const e=Et(t);if(!ct(e))return P(1);const o=e.getBoundingClientRect(),{width:i,height:n,$:a}=Tt(e);let s=(a?B(o.width):o.width)/i,r=(a?B(o.height):o.height)/n;return s&&Number.isFinite(s)||(s=1),r&&Number.isFinite(r)||(r=1),{x:s,y:r}}const zt=P(0);function At(t){const e=at(t);return gt()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:zt}function St(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const n=t.getBoundingClientRect(),a=Et(t);let s=P(1);e&&(i?lt(i)&&(s=Ct(i)):s=Ct(t));const r=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==at(t))&&e}(a,o,i)?At(a):P(0);let l=(n.left+r.x)/s.x,c=(n.top+r.y)/s.y,d=n.width/s.x,p=n.height/s.y;if(a){const t=at(a),e=i&<(i)?at(i):i;let o=t,n=kt(o);for(;n&&i&&e!==o;){const t=Ct(n),e=n.getBoundingClientRect(),i=bt(n),a=e.left+(n.clientLeft+parseFloat(i.paddingLeft))*t.x,s=e.top+(n.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,p*=t.y,l+=a,c+=s,o=at(n),n=kt(o)}}return Q({width:d,height:p,x:l,y:c})}function Mt(t,e){const o=vt(t).scrollLeft;return e?e.left+o:St(st(t)).left+o}function Dt(t,e,o){void 0===o&&(o=!1);const i=t.getBoundingClientRect();return{x:i.left+e.scrollLeft-(o?0:Mt(t,i)),y:i.top+e.scrollTop}}function Lt(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=at(t),i=st(t),n=o.visualViewport;let a=i.clientWidth,s=i.clientHeight,r=0,l=0;if(n){a=n.width,s=n.height;const t=gt();(!t||t&&"fixed"===e)&&(r=n.offsetLeft,l=n.offsetTop)}return{width:a,height:s,x:r,y:l}}(t,o);else if("document"===e)i=function(t){const e=st(t),o=vt(t),i=t.ownerDocument.body,n=F(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),a=F(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let s=-o.scrollLeft+Mt(t);const r=-o.scrollTop;return"rtl"===bt(i).direction&&(s+=F(e.clientWidth,i.clientWidth)-n),{width:n,height:a,x:s,y:r}}(st(t));else if(lt(e))i=function(t,e){const o=St(t,!0,"fixed"===e),i=o.top+t.clientTop,n=o.left+t.clientLeft,a=ct(t)?Ct(t):P(1);return{width:t.clientWidth*a.x,height:t.clientHeight*a.y,x:n*a.x,y:i*a.y}}(e,o);else{const o=At(t);i={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return Q(i)}function Ht(t,e){const o=wt(t);return!(o===e||!lt(o)||ft(o))&&("fixed"===bt(o).position||Ht(o,e))}function jt(t,e,o){const i=ct(e),n=st(e),a="fixed"===o,s=St(t,!0,a,e);let r={scrollLeft:0,scrollTop:0};const l=P(0);if(i||!i&&!a)if(("body"!==nt(e)||pt(n))&&(r=vt(e)),i){const t=St(e,!0,a,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else n&&(l.x=Mt(n));const c=!n||i||a?P(0):Dt(n,r);return{x:s.left+r.scrollLeft-l.x-c.x,y:s.top+r.scrollTop-l.y-c.y,width:s.width,height:s.height}}function Rt(t){return"static"===bt(t).position}function Ot(t,e){if(!ct(t)||"fixed"===bt(t).position)return null;if(e)return e(t);let o=t.offsetParent;return st(t)===o&&(o=o.ownerDocument.body),o}function Ft(t,e){const o=at(t);if(ut(t))return o;if(!ct(t)){let e=wt(t);for(;e&&!ft(e);){if(lt(e)&&!Rt(e))return e;e=wt(e)}return o}let i=Ot(t,e);for(;i&&ht(i)&&Rt(i);)i=Ot(i,e);return i&&ft(i)&&Rt(i)&&!mt(i)?o:i||function(t){let e=wt(t);for(;ct(e)&&!ft(e);){if(mt(e))return e;if(ut(e))return null;e=wt(e)}return null}(t)||o}const Bt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:o,offsetParent:i,strategy:n}=t;const a="fixed"===n,s=st(i),r=!!e&&ut(e.floating);if(i===s||r&&a)return o;let l={scrollLeft:0,scrollTop:0},c=P(1);const d=P(0),p=ct(i);if((p||!p&&!a)&&(("body"!==nt(i)||pt(s))&&(l=vt(i)),ct(i))){const t=St(i);c=Ct(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}const h=!s||p||a?P(0):Dt(s,l,!0);return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x+h.x,y:o.y*c.y-l.scrollTop*c.y+d.y+h.y}},getDocumentElement:st,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:n}=t;const a=[..."clippingAncestors"===o?ut(e)?[]:function(t,e){const o=e.get(t);if(o)return o;let i=yt(t,[],!1).filter((t=>lt(t)&&"body"!==nt(t))),n=null;const a="fixed"===bt(t).position;let s=a?wt(t):t;for(;lt(s)&&!ft(s);){const e=bt(s),o=mt(s);o||"fixed"!==e.position||(n=null),(a?!o&&!n:!o&&"static"===e.position&&n&&["absolute","fixed"].includes(n.position)||pt(s)&&!o&&Ht(t,s))?i=i.filter((t=>t!==s)):n=e,s=wt(s)}return e.set(t,i),i}(e,this._c):[].concat(o),i],s=a.reduce(((t,o)=>{const i=Lt(e,o,n);return t.top=F(i.top,t.top),t.right=O(i.right,t.right),t.bottom=O(i.bottom,t.bottom),t.left=F(i.left,t.left),t}),Lt(e,a[0],n));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:Ft,getElementRects:async function(t){const e=this.getOffsetParent||Ft,o=this.getDimensions,i=await o(t.floating);return{reference:jt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:o}=Tt(t);return{width:e,height:o}},getScale:Ct,isElement:lt,isRTL:function(t){return"rtl"===bt(t).direction}};function $t(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const Pt=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var o,i;const{x:n,y:a,placement:s,middlewareData:r}=e,l=await async function(t,e){const{placement:o,platform:i,elements:n}=t,a=await(null==i.isRTL?void 0:i.isRTL(n.floating)),s=q(o),r=V(o),l="y"===K(o),c=["left","top"].includes(s)?-1:1,d=a&&l?-1:1,p=U(e,t);let{mainAxis:h,crossAxis:u,alignmentAxis:m}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return r&&"number"==typeof m&&(u="end"===r?-1*m:m),l?{x:u*d,y:h*c}:{x:h*c,y:u*d}}(e,t);return s===(null==(o=r.offset)?void 0:o.placement)&&null!=(i=r.arrow)&&i.alignmentOffset?{}:{x:n+l.x,y:a+l.y,data:{...l,placement:s}}}}},Nt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:n}=e,{mainAxis:a=!0,crossAxis:s=!1,limiter:r={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=U(t,e),c={x:o,y:i},d=await et(e,l),p=K(q(n)),h=X(p);let u=c[h],m=c[p];a&&(u=W(u+d["y"===h?"top":"left"],u,u-d["y"===h?"bottom":"right"])),s&&(m=W(m+d["y"===p?"top":"left"],m,m-d["y"===p?"bottom":"right"]));const g=r.fn({...e,[h]:u,[p]:m});return{...g,data:{x:g.x-o,y:g.y-i}}}}},It=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,i;const{placement:n,middlewareData:a,rects:s,initialPlacement:r,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:p=!0,fallbackPlacements:h,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=!0,...f}=U(t,e);if(null!=(o=a.arrow)&&o.alignmentOffset)return{};const b=q(n),v=q(r)===r,w=await(null==l.isRTL?void 0:l.isRTL(c.floating)),x=h||(v||!g?[_(r)]:function(t){const e=_(t);return[G(t),e,G(e)]}(r));h||"none"===m||x.push(...function(t,e,o,i){const n=V(t);let a=function(t,e,o){const i=["left","right"],n=["right","left"],a=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?n:i:e?i:n;case"left":case"right":return e?a:s;default:return[]}}(q(t),"start"===o,i);return n&&(a=a.map((t=>t+"-"+n)),e&&(a=a.concat(a.map(G)))),a}(r,g,m,w));const y=[r,...x],k=await et(e,f),T=[];let E=(null==(i=a.flip)?void 0:i.overflows)||[];if(d&&T.push(k[b]),p){const t=function(t,e,o){void 0===o&&(o=!1);const i=V(t),n=Z(t),a=Y(n);let s="x"===n?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[a]>e.floating[a]&&(s=_(s)),[s,_(s)]}(n,s,w);T.push(k[t[0]],k[t[1]])}if(E=[...E,{placement:n,overflows:T}],!T.every((t=>t<=0))){var C,z;const t=((null==(C=a.flip)?void 0:C.index)||0)+1,e=y[t];if(e)return{data:{index:t,overflows:E},reset:{placement:e}};let o=null==(z=E.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:z.placement;if(!o)switch(u){case"bestFit":{var A;const t=null==(A=E.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:A[0];t&&(o=t);break}case"initialPlacement":o=r}if(n!==o)return{reset:{placement:o}}}return{}}}},Wt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:o,rects:i,platform:n,elements:a}=e,{apply:s=(()=>{}),...r}=U(t,e),l=await et(e,r),c=q(o),d=V(o),p="y"===K(o),{width:h,height:u}=i.floating;let m,g;"top"===c||"bottom"===c?(m=c,g=d===(await(null==n.isRTL?void 0:n.isRTL(a.floating))?"start":"end")?"left":"right"):(g=c,m="end"===d?"top":"bottom");const f=u-l[m],b=h-l[g],v=!e.middlewareData.shift;let w=f,x=b;if(p){const t=h-l.left-l.right;x=d||v?O(b,t):t}else{const t=u-l.top-l.bottom;w=d||v?O(f,t):t}if(v&&!d){const t=F(l.left,0),e=F(l.right,0),o=F(l.top,0),i=F(l.bottom,0);p?x=h-2*(0!==t||0!==e?t+e:F(l.left,l.right)):w=u-2*(0!==o||0!==i?o+i:F(l.top,l.bottom))}await s({...e,availableWidth:x,availableHeight:w});const y=await n.getDimensions(a.floating);return h!==y.width||u!==y.height?{reset:{rects:!0}}:{}}}},Ut=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:o,y:i,placement:n,rects:a,middlewareData:s}=e,{offset:r=0,mainAxis:l=!0,crossAxis:c=!0}=U(t,e),d={x:o,y:i},p=K(n),h=X(p);let u=d[h],m=d[p];const g=U(r,e),f="number"==typeof g?{mainAxis:g,crossAxis:0}:{mainAxis:0,crossAxis:0,...g};if(l){const t="y"===h?"height":"width",e=a.reference[h]-a.floating[t]+f.mainAxis,o=a.reference[h]+a.reference[t]-f.mainAxis;u<e?u=e:u>o&&(u=o)}if(c){var b,v;const t="y"===h?"width":"height",e=["top","left"].includes(q(n)),o=a.reference[p]-a.floating[t]+(e&&(null==(b=s.offset)?void 0:b[p])||0)+(e?0:f.crossAxis),i=a.reference[p]+a.reference[t]+(e?0:(null==(v=s.offset)?void 0:v[p])||0)-(e?f.crossAxis:0);m<o?m=o:m>i&&(m=i)}return{[h]:u,[p]:m}}}};(()=>{var t=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:o="",...i}={}){super(t,i),this.oldState=String(e||""),this.newState=String(o||"")}},e=new WeakMap;function o(o,i,n){e.set(o,setTimeout((()=>{e.has(o)&&o.dispatchEvent(new t("toggle",{cancelable:!1,oldState:i,newState:n}))}),0))}var i=globalThis.ShadowRoot||function(){},n=globalThis.HTMLDialogElement||function(){},a=new WeakMap,s=new WeakMap,r=new WeakMap;function l(t){return r.get(t)||"hidden"}var c=new WeakMap;function d(t,e){return!("auto"!==t.popover&&"manual"!==t.popover||!t.isConnected||e&&"showing"!==l(t)||!e&&"hidden"!==l(t)||t instanceof n&&t.hasAttribute("open")||document.fullscreenElement===t)}function p(t){return t?Array.from(s.get(t.ownerDocument)||[]).indexOf(t)+1:0}function h(t){let e=s.get(t);for(let t of e||[]){if(t.isConnected)return t;e.delete(t)}return null}function u(t){return"function"==typeof t.getRootNode?t.getRootNode():t.parentNode?u(t.parentNode):t}function m(t){for(;t;){if(t instanceof HTMLElement&&"auto"===t.popover&&"showing"===r.get(t))return t;if((t=t.parentElement||u(t))instanceof i&&(t=t.host),t instanceof Document)return}}function g(t){return!(t.hidden||t instanceof i||(t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLOptGroupElement||t instanceof HTMLOptionElement||t instanceof HTMLFieldSetElement)&&t.disabled||t instanceof HTMLInputElement&&"hidden"===t.type||t instanceof HTMLAnchorElement&&""===t.href)&&"number"==typeof t.tabIndex&&-1!==t.tabIndex}var f=new WeakMap;function b(e){if(!d(e,!1))return;let i=e.ownerDocument;if(!e.dispatchEvent(new t("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))||!d(e,!1))return;let n=!1;if("auto"===e.popover){let t=e.getAttribute("popover"),o=function(t){let e=new Map,o=0,i=t.ownerDocument;for(let t of s.get(i)||[])e.set(t,o),o+=1;e.set(t,o),o+=1;let n=null;return function(t){let o=m(t);if(null===o)return null;let i=e.get(o);(null===n||e.get(n)<i)&&(n=o)}(t?.parentElement),n}(e)||i;if(x(o,!1,!0),t!==e.getAttribute("popover")||!d(e,!1))return}h(i)||(n=!0),f.delete(e);let l=i.activeElement;e.classList.add(":popover-open"),r.set(e,"showing"),a.has(i)||a.set(i,new Set),a.get(i).add(e),function(t){(function(t){if(t.shadowRoot&&!0!==t.shadowRoot.delegatesFocus)return null;let e=t;e.shadowRoot&&(e=e.shadowRoot);let o=e.querySelector("[autofocus]");if(o)return o;{let t=e.querySelectorAll("slot");for(let e of t){let t=e.assignedElements({flatten:!0});for(let e of t){if(e.hasAttribute("autofocus"))return e;if(o=e.querySelector("[autofocus]"),o)return o}}}let i=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT),n=i.currentNode;for(;n;){if(g(n))return n;n=i.nextNode()}})(t)?.focus()}(e),"auto"===e.popover&&(s.has(i)||s.set(i,new Set),s.get(i).add(e),E(c.get(e),!0)),n&&l&&"auto"===e.popover&&f.set(e,l),o(e,"closed","open")}function v(e,i=!1,n=!1){if(!d(e,!0))return;let l=e.ownerDocument;if("auto"===e.popover&&(x(e,i,n),!d(e,!0))||(E(c.get(e),!1),c.delete(e),n&&(e.dispatchEvent(new t("beforetoggle",{oldState:"open",newState:"closed"})),!d(e,!0))))return;a.get(l)?.delete(e),s.get(l)?.delete(e),e.classList.remove(":popover-open"),r.set(e,"hidden"),n&&o(e,"open","closed");let p=f.get(e);p&&(f.delete(e),i&&p.focus())}function w(t,e=!1,o=!1){let i=h(t);for(;i;)v(i,e,o),i=h(t)}function x(t,e,o){let i=t.ownerDocument||t;if(t instanceof Document)return w(i,e,o);let n=null,a=!1;for(let e of s.get(i)||[])if(e===t)a=!0;else if(a){n=e;break}if(!a)return w(i,e,o);for(;n&&"showing"===l(n)&&s.get(i)?.size;)v(n,e,o)}var y=new WeakMap;function k(t){if(!t.isTrusted)return;let e=t.composedPath()[0];if(!e)return;let o=e.ownerDocument;if(!h(o))return;let n=function(t){let e=m(t),o=function(t){for(;t;){let e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if((t=t.parentElement||u(t))instanceof i&&(t=t.host),t instanceof Document)return}}(t);return p(e)>p(o)?e:o}(e);if(n&&"pointerdown"===t.type)y.set(o,n);else if("pointerup"===t.type){let t=y.get(o)===n;y.delete(o),t&&x(n||o,!1,!0)}}var T=new WeakMap;function E(t,e=!1){if(!t)return;T.has(t)||T.set(t,t.getAttribute("aria-expanded"));let o=t.popoverTargetElement;if(o instanceof HTMLElement&&"auto"===o.popover)t.setAttribute("aria-expanded",String(e));else{let e=T.get(t);e?t.setAttribute("aria-expanded",e):t.removeAttribute("aria-expanded")}}var C=globalThis.ShadowRoot||function(){};function z(t,e,o){let i=t[e];Object.defineProperty(t,e,{value(t){return i.call(this,o(t))}})}var A=/(^|[^\\]):popover-open\b/g,S="\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n\n :where([popover]:not(.\\:popover-open)) {\n display: none;\n }\n",M=null;function D(t){if(null===M)try{(M=new CSSStyleSheet).replaceSync(S)}catch{M=!1}if(!1===M){let e=document.createElement("style");e.textContent=S,t instanceof Document?t.head.prepend(e):t.prepend(e)}else t.adoptedStyleSheets=[M,...t.adoptedStyleSheets]}typeof HTMLElement<"u"&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||function(){function e(t){return t?.includes(":popover-open")&&(t=t.replace(A,"$1.\\:popover-open")),t}window.ToggleEvent=window.ToggleEvent||t,z(Document.prototype,"querySelector",e),z(Document.prototype,"querySelectorAll",e),z(Element.prototype,"querySelector",e),z(Element.prototype,"querySelectorAll",e),z(Element.prototype,"matches",e),z(Element.prototype,"closest",e),z(DocumentFragment.prototype,"querySelectorAll",e),z(DocumentFragment.prototype,"querySelectorAll",e),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;let t=(this.getAttribute("popover")||"").toLowerCase();return""===t||"auto"==t?"auto":"manual"},set(t){this.setAttribute("popover",t)}},showPopover:{enumerable:!0,configurable:!0,value(){b(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){v(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(t){"showing"===r.get(this)&&void 0===t||!1===t?v(this,!0,!0):(void 0===t||!0===t)&&b(this)}}});let o=Element.prototype.attachShadow;o&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(t){let e=o.call(this,t);return D(e),e}}});let i=HTMLElement.prototype.attachInternals;i&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){let t=i.call(this);return t.shadowRoot&&D(t.shadowRoot),t}}});let n=new WeakMap;function a(t){Object.defineProperties(t.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(t){if(null===t)this.removeAttribute("popovertarget"),n.delete(this);else{if(!(t instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),n.set(this,t)}},get(){if("button"!==this.localName&&"input"!==this.localName||"input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type||this.disabled||this.form&&"submit"===this.type)return null;let t=n.get(this);if(t&&t.isConnected)return t;if(t&&!t.isConnected)return n.delete(this),null;let e=u(this),o=this.getAttribute("popovertarget");return(e instanceof Document||e instanceof C)&&o&&e.getElementById(o)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){let t=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===t||"hide"===t?t:"toggle"},set(t){this.setAttribute("popovertargetaction",t)}}})}a(HTMLButtonElement),a(HTMLInputElement);var s;(s=document).addEventListener("click",(t=>{if(!t.isTrusted)return;let e=t.composedPath()[0];if(!(e instanceof Element)||e?.shadowRoot)return;let o=u(e);if(!(o instanceof C||o instanceof Document))return;let i=e.closest("[popovertargetaction],[popovertarget]");return i?(function(t){let e=t.popoverTargetElement;if(!(e instanceof HTMLElement))return;let o=l(e);"show"===t.popoverTargetAction&&"showing"===o||"hide"===t.popoverTargetAction&&"hidden"===o||("showing"===o?v(e,!0,!0):d(e,!1)&&(c.set(e,t),b(e)))}(i),void t.preventDefault()):void 0})),s.addEventListener("keydown",(t=>{let e=t.key,o=t.target;!t.defaultPrevented&&o&&("Escape"===e||"Esc"===e)&&x(o.ownerDocument,!0,!0)})),s.addEventListener("pointerdown",k),s.addEventListener("pointerup",k),D(document)}()})();const qt={top:"bottom",right:"left",bottom:"top",left:"right"},Vt=class{constructor(e){t(this,e),this.postToggle=n(this,"postToggle",7),this.manualClose=!1,this.placement="top",this.edgeGap=8,this.arrow=!1}get host(){return e(this)}arrowRef;eventTarget;clearAutoUpdate;toggleTimeoutId;postToggle;componentDidLoad(){this.host.addEventListener("beforetoggle",this.handleToggle.bind(this))}disconnectedCallback(){"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate()}async show(t){this.toggleTimeoutId||(this.eventTarget=t,this.calculatePosition(),this.host.showPopover())}async hide(){this.toggleTimeoutId||(this.eventTarget=null,this.host.hidePopover())}async toggle(t,e){return this.toggleTimeoutId||(this.eventTarget=t,this.calculatePosition(),this.host.togglePopover(e),this.toggleTimeoutId=null),this.host.matches(":where(:popover-open, .popover-open")}handleToggle(t){this.toggleTimeoutId=window.setTimeout((()=>this.toggleTimeoutId=null),10);const e="open"===t.newState;e?this.startAutoupdates():"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate(),this.postToggle.emit(e)}startAutoupdates(){this.clearAutoUpdate=function(t,e,o,i){void 0===i&&(i={});const{ancestorScroll:n=!0,ancestorResize:a=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:r="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,c=Et(t),d=n||a?[...c?yt(c):[],...yt(e)]:[];d.forEach((t=>{n&&t.addEventListener("scroll",o,{passive:!0}),a&&t.addEventListener("resize",o)}));const p=c&&r?function(t,e){let o,i=null;const n=st(t);function a(){var t;clearTimeout(o),null==(t=i)||t.disconnect(),i=null}return function s(r,l){void 0===r&&(r=!1),void 0===l&&(l=1),a();const c=t.getBoundingClientRect(),{left:d,top:p,width:h,height:u}=c;if(r||e(),!h||!u)return;const m={rootMargin:-$(p)+"px "+-$(n.clientWidth-(d+h))+"px "+-$(n.clientHeight-(p+u))+"px "+-$(d)+"px",threshold:F(0,O(1,l))||1};let g=!0;function f(e){const i=e[0].intersectionRatio;if(i!==l){if(!g)return s();i?s(!1,i):o=setTimeout((()=>{s(!1,1e-7)}),1e3)}1!==i||$t(c,t.getBoundingClientRect())||s(),g=!1}try{i=new IntersectionObserver(f,{...m,root:n.ownerDocument})}catch(t){i=new IntersectionObserver(f,m)}i.observe(t)}(!0),a}(c,o):null;let h,u=-1,m=null;s&&(m=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&m&&(m.unobserve(e),cancelAnimationFrame(u),u=requestAnimationFrame((()=>{var t;null==(t=m)||t.observe(e)}))),o()})),c&&!l&&m.observe(c),m.observe(e));let g=l?St(t):null;return l&&function e(){const i=St(t);g&&!$t(g,i)&&o(),g=i,h=requestAnimationFrame(e)}(),o(),()=>{var t;d.forEach((t=>{n&&t.removeEventListener("scroll",o),a&&t.removeEventListener("resize",o)})),null==p||p(),null==(t=m)||t.disconnect(),m=null,l&&cancelAnimationFrame(h)}}(this.eventTarget,this.host,this.calculatePosition.bind(this))}async calculatePosition(){const t=this.edgeGap,e=[It(),(void 0===o&&(o={}),{name:"inline",options:o,async fn(t){const{placement:e,elements:i,rects:n,platform:a,strategy:s}=t,{padding:r=2,x:l,y:c}=U(o,t),d=Array.from(await(null==a.getClientRects?void 0:a.getClientRects(i.reference))||[]),p=function(t){const e=t.slice().sort(((t,e)=>t.y-e.y)),o=[];let i=null;for(let t=0;t<e.length;t++){const n=e[t];!i||n.y-i.y>i.height/2?o.push([n]):o[o.length-1].push(n),i=n}return o.map((t=>Q(ot(t))))}(d),h=Q(ot(d)),u=J(r),m=await a.getElementRects({reference:{getBoundingClientRect:function(){if(2===p.length&&p[0].left>p[1].right&&null!=l&&null!=c)return p.find((t=>l>t.left-u.left&&l<t.right+u.right&&c>t.top-u.top&&c<t.bottom+u.bottom))||h;if(p.length>=2){if("y"===K(e)){const t=p[0],o=p[p.length-1],i="top"===q(e),n=t.top,a=o.bottom,s=i?t.left:o.left,r=i?t.right:o.right;return{top:n,bottom:a,left:s,right:r,width:r-s,height:a-n,x:s,y:n}}const t="left"===q(e),o=F(...p.map((t=>t.right))),i=O(...p.map((t=>t.left))),n=p.filter((e=>t?e.left===i:e.right===o)),a=n[0].top,s=n[n.length-1].bottom;return{top:a,bottom:s,left:i,right:o,width:o-i,height:s-a,x:i,y:a}}return h}},floating:i.floating,strategy:s});return n.reference.x!==m.reference.x||n.reference.y!==m.reference.y||n.reference.width!==m.reference.width||n.reference.height!==m.reference.height?{reset:{rects:m}}:{}}}),Nt({padding:t,limiter:Ut({offset:32})}),Wt({apply({availableWidth:e,elements:o}){Object.assign(o.floating.style,{maxWidth:e-2*t+"px"})}}),Pt(this.arrow?t+4:t)];var o;this.arrow&&e.push((t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:n,rects:a,platform:s,elements:r,middlewareData:l}=e,{element:c,padding:d=0}=U(t,e)||{};if(null==c)return{};const p=J(d),h={x:o,y:i},u=Z(n),m=Y(u),g=await s.getDimensions(c),f="y"===u,b=f?"top":"left",v=f?"bottom":"right",w=f?"clientHeight":"clientWidth",x=a.reference[m]+a.reference[u]-h[u]-a.floating[m],y=h[u]-a.reference[u],k=await(null==s.getOffsetParent?void 0:s.getOffsetParent(c));let T=k?k[w]:0;T&&await(null==s.isElement?void 0:s.isElement(k))||(T=r.floating[w]||a.floating[m]);const E=x/2-y/2,C=T/2-g[m]/2-1,z=O(p[b],C),A=O(p[v],C),S=z,M=T-g[m]-A,D=T/2-g[m]/2+E,L=W(S,D,M),H=!l.arrow&&null!=V(n)&&D!==L&&a.reference[m]/2-(D<S?z:A)-g[m]/2<0,j=H?D<S?D-S:D-M:0;return{[u]:h[u]+j,data:{[u]:L,centerOffset:D-L-j,...H&&{alignmentOffset:j}},reset:H}}}))({element:this.arrowRef,padding:t}));const{x:i,y:n,middlewareData:a,placement:s}=await((t,e,o)=>{const i=new Map,n={platform:Bt,...o},a={...n.platform,_c:i};return(async(t,e,o)=>{const{placement:i="bottom",strategy:n="absolute",middleware:a=[],platform:s}=o,r=a.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:n}),{x:d,y:p}=tt(c,i,l),h=i,u={},m=0;for(let o=0;o<r.length;o++){const{name:a,fn:g}=r[o],{x:f,y:b,data:v,reset:w}=await g({x:d,y:p,initialPlacement:i,placement:h,strategy:n,middlewareData:u,rects:c,platform:s,elements:{reference:t,floating:e}});d=null!=f?f:d,p=null!=b?b:p,u={...u,[a]:{...u[a],...v}},w&&m<=50&&(m++,"object"==typeof w&&(w.placement&&(h=w.placement),w.rects&&(c=!0===w.rects?await s.getElementRects({reference:t,floating:e,strategy:n}):w.rects),({x:d,y:p}=tt(c,h,l))),o=-1)}return{x:d,y:p,placement:h,strategy:n,middlewareData:u}})(t,e,{...n,platform:a})})(this.eventTarget,this.host,{placement:this.placement||"top",strategy:"fixed",middleware:e});if(this.host.style.left=`${i}px`,this.host.style.top=`${n}px`,this.arrow){const t=s.split("-")[0],{x:e,y:o}=a.arrow,i=qt[t],n=2;Object.assign(this.arrowRef.style,{top:o?`${o}px`:"",left:e?`${e}px`:"",[i]:-this.arrowRef.offsetWidth/2-n+"px"}),this.arrowRef.classList.remove(...Object.values(qt)),this.arrowRef.classList.add(i)}}render(){return o(i,{key:"6bebf9ab3013796d0eebb3d543411a0e80d2e913","data-version":a,popover:this.manualClose?"manual":"auto"},this.arrow&&o("span",{key:"d6eca10452a54073a293128e8faf76e45e35c4c5",class:"arrow",ref:t=>{this.arrowRef=t}}),o("slot",{key:"3b6674dfa1b3ffac10c6640717c7ae713577c965"}))}};Vt.style="@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\\:popover-open){display:none}}}:where(post-popovercontainer){box-shadow:var(--post-device-elevation-300);background:var(--post-current-palette-bg);color:var(--post-current-palette-fg);position:fixed;z-index:1060;width:max-content;margin:0;padding:0;box-sizing:border-box;border:2px solid rgba(0,0,0,0);border-radius:4px;overflow:visible}:where(post-popovercontainer)[tooltip]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:where(post-popovercontainer):not(:has(.arrow)){box-shadow:var(--post-device-elevation-300)}:where(post-popovercontainer):has(.arrow){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))}:where(post-popovercontainer):has(.arrow.top){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))}:where(post-popovercontainer):has(.arrow.left){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))}:where(post-popovercontainer):has(.arrow.right){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))}:where(post-popovercontainer) .arrow{position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:where(post-popovercontainer) .arrow.top{border-left:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.right{border-right:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.left{border-left:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.bottom{border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}";const Xt=class{constructor(e){t(this,e),this.toggled=!1}get host(){return e(this)}validateToggled(t=this.toggled){h(t,"boolean",'The "toggled" property of the post-togglebutton must be a boolean.')}componentWillLoad(){this.validateToggled(),this.host.addEventListener("click",(()=>this.handleClick())),this.host.addEventListener("keydown",(t=>this.handleKeydown(t)))}handleClick=()=>{this.toggled=!this.toggled};handleKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.host.click())};render(){return o(i,{key:"e4974336def6dbf244b3d63b9aa00e2e7bce1920","data-version":a,role:"button",tabindex:"0","aria-pressed":this.toggled.toString()},o("slot",{key:"b1179664b0f0651865e973c7afe951102b048877"}))}static get watchers(){return{toggled:["validateToggled"]}}};Xt.style=":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}";export{g as P,x as a,k as b,T as c,C as d,z as e,A as f,S as g,D as h,L as i,H as j,j as k,R as l,Vt as m,Xt as n}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as t,r as e,h as a,H as i}from"./p-ff95dcd3.js";import{v as s}from"./p-f6e86d70.js";const g=class{get host(){return t(this)}constructor(t){e(this,t),this.classes=void 0,this.variant=void 0,this.size=null,this.icon=null,this.setClasses=this.setClasses.bind(this)}variantChanged(){this.setClasses()}sizeChanged(){this.setClasses()}setClasses(){this.classes=["tag",this.size?`tag-${this.size}`:null,this.variant?`tag-${this.variant}`:null].filter((t=>null!==t)).join(" ")}connectedCallback(){this.setClasses()}render(){return a(i,{key:"fd03781bfdcfaa3776677f8d95e8b1a74de24c1e","data-version":s},a("div",{key:"0a22b98ea9c75d4a09680e2abe980bd0e4935172",class:this.classes},this.icon?a("post-icon",{name:this.icon}):null,a("div",{key:"ddda0c15ce644e311b8061283d83619667264ec4",class:"tag-text"},a("slot",{key:"30fb04c5e80f46e7cb560f9489791d8bcd7b45b0"}))))}static get watchers(){return{variant:["variantChanged"],size:["sizeChanged"]}}};g.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:var(--post-core-dimension-4);padding:0 var(--post-core-dimension-8);max-width:100%;background-color:var(--post-tag-bg);border:var(--post-core-dimension-1) solid rgba(0,0,0,0);border-radius:var(--post-core-dimension-4);font-size:1rem;line-height:calc(var(--post-core-dimension-32) - var(--post-core-dimension-1)*2);white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:var(--post-core-dimension-24)}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:#000}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";export{g as P}
|