@swisspost/design-system-components 9.0.0-next.12 → 9.0.0-next.13
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/.config/bindings.angular.js +4 -0
- package/dist/cjs/{attribute-observer-10f08c04.js → attribute-observer-6d8b886b.js} +4 -4
- package/dist/cjs/{check-one-of-f4f5d0c0.js → check-one-of-ef931478.js} +2 -1
- package/dist/cjs/{check-type-64af82a9.js → check-type-696d2c51.js} +4 -4
- package/dist/cjs/{check-url-3ffdd2fb.js → check-url-1cf6fb0d.js} +2 -1
- package/dist/cjs/{debounce-1151afe3.js → debounce-158fd76f.js} +2 -1
- package/dist/cjs/fade-72d5ef55.js +14 -0
- package/dist/cjs/{index-5d4e0aed.js → index-bea4ac42.js} +7 -5
- package/dist/cjs/index.cjs.js +27 -27
- package/dist/cjs/{package-0bd6fb0d.js → package-60e57542.js} +1 -1
- package/dist/cjs/{post-accordion-7aadd881.js → post-accordion-1e495c23.js} +5 -4
- package/dist/cjs/{post-accordion-item-bd033c7f.js → post-accordion-item-86b6950a.js} +6 -6
- package/dist/cjs/post-accordion-item.cjs.entry.js +6 -6
- package/dist/cjs/post-accordion.cjs.entry.js +3 -3
- package/dist/cjs/{post-avatar-5dbdf70d.js → post-avatar-067c033b.js} +7 -11
- package/dist/cjs/post-avatar.cjs.entry.js +2 -2
- package/dist/cjs/{post-back-to-top-71bc912c.js → post-back-to-top-7efd1066.js} +8 -7
- package/dist/cjs/post-back-to-top.cjs.entry.js +4 -4
- package/dist/cjs/{post-banner-d4e0c73c.js → post-banner-a6808d7d.js} +11 -6
- package/dist/cjs/post-banner.cjs.entry.js +7 -7
- package/dist/cjs/{post-breadcrumb-531c4f79.js → post-breadcrumb-b33abf67.js} +27 -26
- package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +6 -6
- package/dist/cjs/post-breadcrumb.cjs.entry.js +4 -4
- package/dist/cjs/post-card-control-7867a104.js +283 -0
- package/dist/cjs/post-card-control.cjs.entry.js +3 -3
- package/dist/cjs/post-closebutton_15.cjs.entry.js +7 -7
- package/dist/cjs/{post-collapsible-trigger-02924200.js → post-collapsible-trigger-6affdc02.js} +37 -31
- package/dist/cjs/post-collapsible_2.cjs.entry.js +7 -7
- package/dist/cjs/{post-footer-96d7bd47.js → post-footer-330e8999.js} +11 -8
- package/dist/cjs/post-footer.cjs.entry.js +2 -2
- package/dist/cjs/{post-menu-item-3f73fb4d.js → post-menu-item-48191dfd.js} +6 -6
- package/dist/cjs/{post-popover-64195ffd.js → post-popover-27f3e9aa.js} +7 -5
- package/dist/cjs/post-popover.cjs.entry.js +3 -3
- package/dist/cjs/{post-rating-bd27ebfc.js → post-rating-28904e91.js} +13 -3
- package/dist/cjs/post-rating.cjs.entry.js +2 -2
- package/dist/cjs/post-tab-header-86b129ab.js +33 -0
- package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-panel-3eedcd19.js → post-tab-panel-94333a7e.js} +2 -2
- package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/{post-tabs-ea94b243.js → post-tabs-f8581050.js} +21 -16
- package/dist/cjs/post-tabs.cjs.entry.js +3 -3
- package/dist/cjs/{post-tag-1d75024b.js → post-tag-3a24c574.js} +3 -3
- package/dist/cjs/post-tag.cjs.entry.js +2 -2
- package/dist/cjs/{post-togglebutton-876f7892.js → post-togglebutton-e7d697bf.js} +184 -106
- package/dist/cjs/{post-tooltip-e4ef3c7e.js → post-tooltip-8c87dfe3.js} +8 -7
- package/dist/cjs/post-tooltip.cjs.entry.js +7 -7
- package/dist/cjs/{slide-5d51abe8.js → slide-8ae17ee4.js} +4 -4
- package/dist/collection/animations/collapse.js +5 -5
- package/dist/collection/animations/fade.js +6 -2
- package/dist/collection/animations/slide.js +4 -4
- package/dist/collection/components/post-accordion/post-accordion.js +3 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +4 -3
- package/dist/collection/components/post-avatar/post-avatar.js +6 -9
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +5 -3
- package/dist/collection/components/post-banner/post-banner.css +1 -1
- package/dist/collection/components/post-banner/post-banner.js +6 -0
- package/dist/collection/components/post-breadcrumb/post-breadcrumb.js +24 -22
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +4 -3
- package/dist/collection/components/post-card-control/post-card-control.css +1 -1
- package/dist/collection/components/post-card-control/post-card-control.js +43 -31
- package/dist/collection/components/post-closebutton/post-closebutton.js +1 -0
- package/dist/collection/components/post-collapsible/post-collapsible.js +9 -2
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +19 -18
- package/dist/collection/components/post-footer/post-footer.js +1 -0
- package/dist/collection/components/post-header/post-header.css +1 -1
- package/dist/collection/components/post-header/post-header.js +9 -8
- package/dist/collection/components/post-icon/post-icon.js +51 -14
- package/dist/collection/components/post-language-option/post-language-option.js +5 -0
- package/dist/collection/components/post-language-switch/post-language-switch.js +2 -1
- package/dist/collection/components/post-list/post-list.js +2 -0
- package/dist/collection/components/post-list-item/post-list-item.js +1 -0
- package/dist/collection/components/post-logo/post-logo.js +2 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +6 -0
- package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +14 -2
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +6 -5
- package/dist/collection/components/post-menu/post-menu.js +42 -29
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +13 -11
- package/dist/collection/components/post-popover/post-popover.css +1 -1
- package/dist/collection/components/post-popover/post-popover.js +4 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +9 -0
- package/dist/collection/components/post-rating/post-rating.js +12 -1
- package/dist/collection/components/post-tab-header/post-tab-header.css +1 -1
- package/dist/collection/components/post-tab-header/post-tab-header.js +1 -0
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -0
- package/dist/collection/components/post-tabs/post-tabs.css +1 -1
- package/dist/collection/components/post-tabs/post-tabs.js +16 -15
- package/dist/collection/components/post-tag/post-tag.css +1 -1
- package/dist/collection/components/post-tag/post-tag.js +1 -0
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +11 -10
- package/dist/collection/components/post-tooltip/post-tooltip.js +5 -3
- package/dist/collection/utils/attribute-observer.js +4 -4
- package/dist/collection/utils/breakpoints.js +9 -6
- package/dist/collection/utils/component-on-ready.js +4 -4
- package/dist/collection/utils/debounce.js +2 -1
- package/dist/collection/utils/get-focusable-children.js +2 -2
- package/dist/collection/utils/property-checkers/check-one-of.js +2 -1
- package/dist/collection/utils/property-checkers/check-pattern.js +2 -1
- package/dist/collection/utils/property-checkers/check-type.js +4 -4
- package/dist/collection/utils/property-checkers/check-url.js +2 -1
- package/dist/collection/utils/property-checkers/empty-or.js +2 -1
- package/dist/collection/utils/sass-export.js +8 -5
- package/dist/components/attribute-observer.js +4 -4
- package/dist/components/check-one-of.js +2 -1
- package/dist/components/check-type.js +4 -4
- package/dist/components/debounce.js +2 -1
- package/dist/components/fade.js +6 -2
- package/dist/components/index2.js +6 -3
- package/dist/components/package.js +1 -1
- package/dist/components/post-accordion-item2.js +4 -4
- package/dist/components/post-accordion2.js +3 -2
- package/dist/components/post-avatar2.js +6 -10
- package/dist/components/post-back-to-top2.js +5 -4
- package/dist/components/post-banner2.js +7 -2
- package/dist/components/post-breadcrumb-item2.js +4 -4
- package/dist/components/post-breadcrumb2.js +24 -23
- package/dist/components/post-card-control2.js +44 -33
- package/dist/components/post-closebutton2.js +1 -1
- package/dist/components/post-collapsible-trigger2.js +19 -19
- package/dist/components/post-collapsible2.js +14 -8
- package/dist/components/post-footer2.js +10 -7
- package/dist/components/post-header2.js +10 -10
- package/dist/components/post-icon2.js +51 -15
- package/dist/components/post-language-option2.js +5 -1
- package/dist/components/post-language-switch2.js +2 -2
- package/dist/components/post-list-item2.js +1 -1
- package/dist/components/post-list2.js +2 -1
- package/dist/components/post-logo2.js +2 -2
- package/dist/components/post-mainnavigation2.js +7 -2
- package/dist/components/post-megadropdown-trigger2.js +6 -6
- package/dist/components/post-megadropdown2.js +15 -4
- package/dist/components/post-menu-trigger2.js +13 -12
- package/dist/components/post-menu2.js +44 -32
- package/dist/components/post-popover2.js +5 -3
- package/dist/components/post-popovercontainer2.js +10 -2
- package/dist/components/post-rating2.js +12 -2
- package/dist/components/post-tab-header2.js +2 -2
- package/dist/components/post-tab-panel2.js +1 -1
- package/dist/components/post-tabs2.js +19 -14
- package/dist/components/post-tag2.js +2 -2
- package/dist/components/post-togglebutton2.js +11 -11
- package/dist/components/post-tooltip2.js +5 -4
- package/dist/components/slide.js +4 -4
- package/dist/docs.json +3 -8
- package/dist/esm/{attribute-observer-37fa950a.js → attribute-observer-2f203993.js} +4 -4
- package/dist/esm/{check-one-of-6b3ef8eb.js → check-one-of-0d5858c0.js} +2 -1
- package/dist/esm/{check-type-8828dbe4.js → check-type-a6ccc9a3.js} +4 -4
- package/dist/esm/{check-url-a974431e.js → check-url-0bd876f7.js} +2 -1
- package/dist/esm/{debounce-abe98cc2.js → debounce-e54c7131.js} +2 -1
- package/dist/esm/fade-1f3cacf4.js +11 -0
- package/dist/esm/{index-b49c9904.js → index-d1bbbd88.js} +7 -5
- package/dist/esm/index.js +27 -27
- package/dist/esm/package-495dba42.js +3 -0
- package/dist/esm/{post-accordion-ca48eb18.js → post-accordion-48eb17c3.js} +6 -5
- package/dist/esm/{post-accordion-item-a461f2a7.js → post-accordion-item-e0893bb3.js} +7 -7
- package/dist/esm/post-accordion-item.entry.js +6 -6
- package/dist/esm/post-accordion.entry.js +3 -3
- package/dist/esm/{post-avatar-0da1a2e8.js → post-avatar-20cde806.js} +8 -12
- package/dist/esm/post-avatar.entry.js +2 -2
- package/dist/esm/{post-back-to-top-77471a90.js → post-back-to-top-e422c426.js} +9 -8
- package/dist/esm/post-back-to-top.entry.js +4 -4
- package/dist/esm/{post-banner-b0af5bd3.js → post-banner-7385397e.js} +12 -7
- package/dist/esm/post-banner.entry.js +7 -7
- package/dist/esm/{post-breadcrumb-85ffd02f.js → post-breadcrumb-39203792.js} +28 -27
- package/dist/esm/post-breadcrumb-item_2.entry.js +6 -6
- package/dist/esm/post-breadcrumb.entry.js +4 -4
- package/dist/esm/post-card-control-d2c25c96.js +281 -0
- package/dist/esm/post-card-control.entry.js +3 -3
- package/dist/esm/post-closebutton_15.entry.js +7 -7
- package/dist/esm/{post-collapsible-trigger-883db3bf.js → post-collapsible-trigger-2f9ad9a5.js} +38 -32
- package/dist/esm/post-collapsible_2.entry.js +7 -7
- package/dist/esm/{post-footer-7b0eb067.js → post-footer-e804a967.js} +12 -9
- package/dist/esm/post-footer.entry.js +2 -2
- package/dist/esm/{post-menu-item-37f637a3.js → post-menu-item-f9793958.js} +7 -7
- package/dist/esm/{post-popover-c24ecd38.js → post-popover-8205412a.js} +8 -6
- package/dist/esm/post-popover.entry.js +3 -3
- package/dist/esm/{post-rating-e1c66e5c.js → post-rating-95ecb434.js} +14 -4
- package/dist/esm/post-rating.entry.js +2 -2
- package/dist/esm/post-tab-header-d520b99a.js +31 -0
- package/dist/esm/post-tab-header.entry.js +2 -2
- package/dist/esm/{post-tab-panel-73b56a16.js → post-tab-panel-8c8d2332.js} +3 -3
- package/dist/esm/post-tab-panel.entry.js +2 -2
- package/dist/esm/{post-tabs-02e523b8.js → post-tabs-dd6dfe43.js} +22 -17
- package/dist/esm/post-tabs.entry.js +3 -3
- package/dist/esm/{post-tag-43aba068.js → post-tag-593813a4.js} +4 -4
- package/dist/esm/post-tag.entry.js +2 -2
- package/dist/esm/{post-togglebutton-c2231709.js → post-togglebutton-120df903.js} +185 -107
- package/dist/esm/{post-tooltip-8271950c.js → post-tooltip-a13d6fbb.js} +9 -8
- package/dist/esm/post-tooltip.entry.js +7 -7
- package/dist/esm/{slide-3422b8a3.js → slide-62768431.js} +4 -4
- package/dist/post-components/index.esm.js +1 -1
- package/dist/post-components/p-0b613350.js +1 -0
- package/dist/post-components/p-1fda117c.js +1 -0
- package/dist/post-components/p-20e1b680.js +1 -0
- package/dist/post-components/p-29bc8ddc.entry.js +1 -0
- package/dist/post-components/p-2b4c7ec7.entry.js +1 -0
- package/dist/post-components/p-2f327006.entry.js +1 -0
- package/dist/post-components/p-3632ace7.js +1 -0
- package/dist/post-components/p-3a978ea9.entry.js +1 -0
- package/dist/post-components/{p-33b64e0c.js → p-3d4fdde0.js} +1 -1
- package/dist/post-components/p-427132e3.entry.js +1 -0
- package/dist/post-components/p-445dfa96.js +1 -0
- package/dist/post-components/p-4af6dbed.js +1 -0
- package/dist/post-components/p-4c0c13a9.js +1 -0
- package/dist/post-components/{p-e2f886ab.js → p-4fc83a1c.js} +2 -2
- package/dist/post-components/p-5384e6f4.js +1 -0
- package/dist/post-components/p-5630677a.entry.js +1 -0
- package/dist/post-components/p-5e5ee06d.entry.js +1 -0
- package/dist/post-components/p-64e3de38.js +1 -0
- package/dist/post-components/p-68c43ef0.entry.js +1 -0
- package/dist/post-components/p-6e39bb59.entry.js +1 -0
- package/dist/post-components/p-6fede961.js +1 -0
- package/dist/post-components/p-72a5ee9b.js +1 -0
- package/dist/post-components/p-72d9d594.entry.js +1 -0
- package/dist/post-components/p-85bf673e.entry.js +1 -0
- package/dist/post-components/p-8decb072.entry.js +1 -0
- package/dist/post-components/p-92f8803c.entry.js +1 -0
- package/dist/post-components/p-9596c7d6.js +1 -0
- package/dist/post-components/p-9748a355.js +1 -0
- package/dist/post-components/p-975b30f5.js +1 -0
- package/dist/post-components/p-9a50697e.entry.js +1 -0
- package/dist/post-components/p-a72cb18c.js +1 -0
- package/dist/post-components/p-aaca7ca7.js +1 -0
- package/dist/post-components/p-ac2189b7.js +1 -0
- package/dist/post-components/p-afe3b28e.js +1 -0
- package/dist/post-components/p-b129c166.js +1 -0
- package/dist/post-components/p-bd49bb7e.entry.js +1 -0
- package/dist/post-components/p-c043686c.entry.js +1 -0
- package/dist/post-components/p-c8544b65.js +1 -0
- package/dist/post-components/p-c9f65844.entry.js +1 -0
- package/dist/post-components/{p-c510d968.entry.js → p-d6449a93.entry.js} +1 -1
- package/dist/post-components/p-f7c5b0c2.js +1 -0
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/animations/collapse.d.ts +2 -2
- package/dist/types/animations/fade.d.ts +2 -2
- package/dist/types/animations/slide.d.ts +2 -2
- package/dist/types/components/post-icon/post-icon.d.ts +1 -1
- package/dist/types/components/post-tabs/post-tabs.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/dist/types/home/runner/work/design-system/design-system/packages/components/.stencil/.config/bindings.angular.d.ts +2 -0
- package/dist/types/utils/attribute-observer.d.ts +1 -1
- package/dist/types/utils/component-on-ready.d.ts +1 -1
- package/dist/types/utils/get-focusable-children.d.ts +1 -1
- package/dist/types/utils/sass-export.d.ts +5 -1
- package/loaders/attribute-observer.js +4 -4
- package/loaders/check-one-of.js +2 -1
- package/loaders/check-type.js +4 -4
- package/loaders/debounce.js +2 -1
- package/loaders/fade.js +6 -2
- package/loaders/index2.js +6 -3
- package/loaders/package.js +1 -1
- package/loaders/post-accordion-item2.js +4 -4
- package/loaders/post-accordion.js +3 -2
- package/loaders/post-avatar.js +6 -10
- package/loaders/post-back-to-top.js +5 -4
- package/loaders/post-banner.js +7 -2
- package/loaders/post-breadcrumb-item2.js +4 -4
- package/loaders/post-breadcrumb.js +24 -23
- package/loaders/post-card-control.js +44 -33
- package/loaders/post-closebutton.js +1 -1
- package/loaders/post-collapsible-trigger2.js +19 -19
- package/loaders/post-collapsible2.js +14 -8
- package/loaders/post-footer.js +10 -7
- package/loaders/post-header.js +10 -10
- package/loaders/post-icon2.js +51 -15
- package/loaders/post-language-option.js +5 -1
- package/loaders/post-language-switch.js +2 -2
- package/loaders/post-list-item.js +1 -1
- package/loaders/post-list.js +2 -1
- package/loaders/post-logo.js +2 -2
- package/loaders/post-mainnavigation.js +7 -2
- package/loaders/post-megadropdown-trigger.js +6 -6
- package/loaders/post-megadropdown.js +15 -4
- package/loaders/post-menu-trigger2.js +13 -12
- package/loaders/post-menu2.js +44 -32
- package/loaders/post-popover.js +5 -3
- package/loaders/post-popovercontainer2.js +10 -2
- package/loaders/post-rating.js +12 -2
- package/loaders/post-tab-header.js +2 -2
- package/loaders/post-tab-panel.js +1 -1
- package/loaders/post-tabs.js +19 -14
- package/loaders/post-tag.js +2 -2
- package/loaders/post-togglebutton.js +11 -11
- package/loaders/post-tooltip.js +5 -4
- package/loaders/slide.js +4 -4
- package/package.json +13 -9
- package/dist/cjs/fade-35a3633a.js +0 -10
- package/dist/cjs/post-card-control-332f6f1f.js +0 -272
- package/dist/cjs/post-tab-header-1f057694.js +0 -33
- package/dist/esm/fade-7fd71785.js +0 -7
- package/dist/esm/package-f8f7bb40.js +0 -3
- package/dist/esm/post-card-control-3225eb57.js +0 -270
- package/dist/esm/post-tab-header-6a9b0153.js +0 -31
- package/dist/post-components/p-025688e5.js +0 -1
- package/dist/post-components/p-08b51b35.entry.js +0 -1
- package/dist/post-components/p-24c92608.js +0 -1
- package/dist/post-components/p-25a57971.js +0 -1
- package/dist/post-components/p-2737eaf5.js +0 -1
- package/dist/post-components/p-2cb4a8f1.js +0 -1
- package/dist/post-components/p-34d70cd5.js +0 -1
- package/dist/post-components/p-350f3900.entry.js +0 -1
- package/dist/post-components/p-35bc4554.js +0 -1
- package/dist/post-components/p-38b259a4.entry.js +0 -1
- package/dist/post-components/p-3c6cef1e.entry.js +0 -1
- package/dist/post-components/p-4a713cf8.js +0 -1
- package/dist/post-components/p-4b5e2b24.js +0 -1
- package/dist/post-components/p-515e0f96.js +0 -1
- package/dist/post-components/p-5467b223.js +0 -1
- package/dist/post-components/p-54e58fc2.entry.js +0 -1
- package/dist/post-components/p-637759d6.js +0 -1
- package/dist/post-components/p-6adeaa6c.js +0 -1
- package/dist/post-components/p-7589a19f.js +0 -1
- package/dist/post-components/p-7cce7342.entry.js +0 -1
- package/dist/post-components/p-819e19de.js +0 -1
- package/dist/post-components/p-82d48128.js +0 -1
- package/dist/post-components/p-85171893.entry.js +0 -1
- package/dist/post-components/p-882fdd0c.entry.js +0 -1
- package/dist/post-components/p-94399c69.js +0 -1
- package/dist/post-components/p-9a02b162.entry.js +0 -1
- package/dist/post-components/p-b1f5bc26.js +0 -1
- package/dist/post-components/p-b2f239a1.entry.js +0 -1
- package/dist/post-components/p-b571e5c8.js +0 -1
- package/dist/post-components/p-ba530822.js +0 -1
- package/dist/post-components/p-bae1c85f.entry.js +0 -1
- package/dist/post-components/p-bdabdec5.js +0 -1
- package/dist/post-components/p-c1225174.entry.js +0 -1
- package/dist/post-components/p-c372a141.entry.js +0 -1
- package/dist/post-components/p-c87c5d59.entry.js +0 -1
- package/dist/post-components/p-d04c1b7f.entry.js +0 -1
- package/dist/post-components/p-da300843.entry.js +0 -1
- package/dist/post-components/p-fec04a15.entry.js +0 -1
- /package/dist/post-components/{p-4a3f67ab.js → p-8562c7dc.js} +0 -0
- /package/dist/post-components/{p-611b3c41.js → p-bacd3e2c.js} +0 -0
- /package/dist/post-components/{p-b22656b1.js → p-cb9ab938.js} +0 -0
- /package/dist/post-components/{p-d4f93f2b.js → p-e1baac59.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,g as t,h as e,H as r}from"./p-0e216cc4.js";import{v as i}from"./p-3632ace7.js";const a=new class{breakpointMap;current={key:"",name:""};constructor(){if(!this.breakpointMap){const o=getComputedStyle(document.documentElement),t=o.getPropertyValue("--post-breakpoint-keys").split(", "),e=o.getPropertyValue("--post-breakpoint-names").split(", ");this.breakpointMap=o.getPropertyValue("--post-breakpoint-widths").split(", ").map(((o,r)=>({minWidth:Number(o),key:t[r],name:e[r]}))).reverse(),window.addEventListener("resize",(()=>this.updateHandler()),{passive:!0})}}updateHandler(o=!0){const t=this.breakpointMap.find((({minWidth:o})=>innerWidth>=o));this.current.key!==t.key&&(this.current.key=t.key,o&&this.dispatchEvent("key")),this.current.name!==t.name&&(this.current.name=t.name,o&&this.dispatchEvent("name"))}dispatchEvent(o){window.dispatchEvent(new CustomEvent(`postBreakpoint:${o}`,{detail:this.current[o]}))}get(o){return this.updateHandler(!1),this.current[o]}},s=class{constructor(t){o(this,t),this.label=void 0,this.isMobile="mobile"===a.get("name")}get host(){return t(this)}connectedCallback(){window.addEventListener("postBreakpoint:name",this.breakpointChange.bind(this))}breakpointChange(o){this.isMobile="mobile"===o.detail}renderAccordion(){return e("div",{class:"footer-grid"},e("post-accorddion",{"heading-level":"3",multiple:!0},e("post-accordion-item",{collapsed:!0},e("span",{slot:"header"},e("slot",{name:"grid-1-title"})),e("slot",{name:"grid-1"})),e("post-accordion-item",{collapsed:!0},e("span",{slot:"header"},e("slot",{name:"grid-2-title"})),e("slot",{name:"grid-2"})),e("post-accordion-item",{collapsed:!0},e("span",{slot:"header"},e("slot",{name:"grid-3-title"})),e("slot",{name:"grid-3"})),e("post-accordion-item",{collapsed:!0},e("span",{slot:"header"},e("slot",{name:"grid-4-title"})),e("slot",{name:"grid-4"}))))}renderGrid(){return e("div",{class:"footer-grid"},e("div",null,e("slot",{name:"grid-1"})),e("div",null,e("slot",{name:"grid-2"})),e("div",null,e("slot",{name:"grid-3"})),e("div",null,e("slot",{name:"grid-4"})))}render(){return e(r,{key:"b11ecc741d3d9f4786dca3324dc2172aeaa431cd","data-version":i},e("footer",{key:"a786956b1bdf51cf76fca8e4d45210b42bc54501"},e("h2",{key:"3661bdd6c95eb515cb6a0aa77cb9df4fda7ea972",class:"visually-hidden"},this.label),e("div",{key:"8b2a1c63f3a092c355bd882d58e5012dd5680a1b",class:"footer-container"},this.isMobile?this.renderAccordion():this.renderGrid(),e("div",{key:"250a48a71a05833a18640432eb72fb96df94c102",class:"footer-column"},e("div",{key:"0d22f0b49aea22f0bd73421f3c86f5389caebec9",class:"footer-socialmedia"},e("slot",{key:"8703a25dc982f32a32b4115410fcc6356b5e365b",name:"socialmedia"})),e("div",{key:"992e7ff2e6556139ce0946ae6498329a8d2ff686",class:"footer-app"},e("slot",{key:"6e561307bf4a1d32d3a985b32bd5ed2be43453d2",name:"app"}))),e("div",{key:"ebdffcd8431e90752f814a5873cec14e00c15b7f",class:"footer-businesssectors"},e("slot",{key:"c745850d3e5ff37a71b12c43897625ca3df5ca34",name:"businesssectors"})),e("div",{key:"3d9decbad0be02737d13c4e3c6e00b8bea8d6c5f",class:"footer-meta"},e("slot",{key:"2a66e70bb788269fecb5bbbccd2af43e9fba3a1f",name:"meta"})),e("div",{key:"0f1f4ee8f86e5eaf6c5c25b82b868d273757c8be",class:"footer-copyright"},e("slot",{key:"b63aab9755132addfe4c20233919513990cdf992",name:"copyright"})))))}disconnectedCallback(){window.removeEventListener("postBreakpoint:name",this.breakpointChange.bind(this))}};s.style=":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}";export{s as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function t(t,e){return new MutationObserver((function(n){n.forEach((n=>{"attributes"===n.type&&n.attributeName===t&&e(n.target),"childList"===n.type&&n.addedNodes.forEach((n=>{n.nodeType===Node.ELEMENT_NODE&&n.hasAttribute(t)&&e(n)}))}))}))}export{t as g}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as e,r as o,h as t,H as s}from"./p-0e216cc4.js";import{v as i}from"./p-3632ace7.js";import{g as r}from"./p-9748a355.js";let n=0;const a="data-popover-target",c=e=>{const o=e.target;if(!o||!("getAttribute"in o))return;const t=o.getAttribute(a);if(!t||"key"in e&&"Enter"!==e.key)return;const s=document.getElementById(t);s?.toggle(o)},d=r(a,(e=>{const o=e.hasAttribute(a);e.setAttribute("aria-expanded",o?"false":null)})),l=class{popoverRef;localBeforeToggleHandler;get host(){return e(this)}constructor(e){o(this,e),this.placement="top",this.closeButtonCaption=void 0,this.arrow=!0,this.localBeforeToggleHandler=this.beforeToggleHandler.bind(this)}connectedCallback(){0===n&&(window.addEventListener("pointerup",c),window.addEventListener("keydown",c),d.observe(document.body,{subtree:!0,childList:!0,attributeFilter:[a]})),n++,this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}componentDidLoad(){this.popoverRef.addEventListener("beforetoggle",this.localBeforeToggleHandler)}disconnectedCallback(){n--,0===n&&(window.removeEventListener("click",c),window.removeEventListener("keydown",c),d.disconnect()),this.popoverRef.removeEventListener("beforetoggle",this.localBeforeToggleHandler),this.triggers.forEach((e=>e.removeAttribute("aria-expanded")))}async show(e){this.popoverRef.show(e),e.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide(),this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}async toggle(e,o){const t=await this.popoverRef.toggle(e,o);this.triggers.forEach((e=>e.setAttribute("aria-expanded","false"))),e.setAttribute("aria-expanded",`${t}`)}get triggers(){return document.querySelectorAll(`[${a}="${this.host.id}"]`)}beforeToggleHandler(){this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}render(){return t(s,{key:"c2f53a7ac9d6bbcca8c220d9b8a5ed0dda360cf9","data-version":i},t("post-popovercontainer",{key:"fa5a32cfd4263fcabed5405f2b6bb2ab0ca93c9a",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},t("div",{key:"4799da001d006a47d93be1393618744a0b393841",class:"popover-container"},t("div",{key:"7a28ea59e07591c8b835dd10157bc5e9b85793c6",class:"popover-content"},t("slot",{key:"1ba6533577817d1fc2b7762654b5639596b16422"})),t("button",{key:"f1446964325e49b79bc0fe26a05bb4f12a140c61",class:"btn-close",onClick:()=>this.hide()},t("span",{key:"dd056bb988df548e8cae61ba226c1d9e124bc32b",class:"visually-hidden"},this.closeButtonCaption)))))}};l.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px;max-width:100%}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";export{l as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_footer}from"./p-9596c7d6.js";import"./p-0e216cc4.js";import"./p-3632ace7.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as o,r as t,c as r,h as c,H as e}from"./p-0e216cc4.js";import{c as a}from"./p-bacd3e2c.js";import{c as i}from"./p-b095519d.js";import{v as s}from"./p-3632ace7.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){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.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 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:"d5a554358103f47b5294dc5f6e21e41a78ec383f","data-version":s,onClick:this.cardClickHandler},c("div",{key:"d9bd511744e04792f456ab2e22c0f48ea8f3234b",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:"37a7bc7d656aa5527037303daacdb8b8ee26b973",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:"9482a54b665dc2f2fe254f2656af9cb57cb0fb4b",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:"1b2a1fdb408ea8dcb4649fd76ae848685474f7b5",id:`${this.controlId}_content`,class:"card-control--content"},c("slot",{key:"5b9f15b75920c0956730686b52959a9b21a64857"}))))}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
|
+
import{r as t,g as i,h as e,H as s}from"./p-0e216cc4.js";import{v as a}from"./p-3632ace7.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 e=await this.getStorageItem(t)??{ok:!1,url:""};if(!e.ok)try{const t=await i();e.ok=t.ok,e.url=t.url,this.imageUrl=e.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=o.Image,this.setStorageItem(this.userid,JSON.stringify(e))}catch(i){this.removeStorageItem(t),console.info(`Loading avatar by type "${o.Image}" failed.`)}return e.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),e=window?.sessionStorage?.getItem(i);return e?JSON.parse(e):null}async setStorageItem(t,i){const e=await this.cryptify(t);window?.sessionStorage?.setItem(e,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,s)=>(s>0&&t.push(e("span",null," ")),t.push(i.charAt(0)),t.push(e("span",null,i.slice(1))),t)),[]);return e(s,{"data-version":a},e("slot",{onSlotchange:this.onSlotDefaultChange.bind(this)},"image"===this.avatarType&&e("img",{src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&e("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
|
+
import{r as t,g as o,h as e,H as i}from"./p-0e216cc4.js";import{s,a as r}from"./p-4af6dbed.js";import{v as a}from"./p-3632ace7.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:"92d56ff9055c2af38ae47b28c3af20771eed9a39","data-version":a},e("button",{key:"ae305dd5b5a3f8d97553945e547ad45e824e6b7d",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"37792f99d6ef79df4260f6ad1c5780e545f7870a","aria-hidden":"true",name:"3026"}),e("span",{key:"8768101a26e259c2bd0695a97e6bb4077ad31ae6",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:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);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 e,g as i,h as t,H as o}from"./p-0e216cc4.js";import{v as r}from"./p-3632ace7.js";import{c as s}from"./p-cb9ab938.js";import{d as a}from"./p-e1baac59.js";const c=class{constructor(i){e(this,i),this.homeUrl=void 0,this.homeText="Home",this.breadcrumbItems=[],this.isConcatenated=void 0,this.lastWindowWidth=void 0}get host(){return i(this)}breadcrumbNavRef;lastItem;validateUrl(){s(this.homeUrl,'The "url" property of the home-icon is invalid')}componentWillLoad(){this.updateBreadcrumbItems()}componentDidLoad(){window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbRef()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}waitForBreadcrumbRef=a((()=>{this.breadcrumbNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbRef()}),50);updateBreadcrumbItems(){this.breadcrumbItems=Array.from(this.host.querySelectorAll("post-breadcrumb-item")).map((e=>({text:e.textContent||"",url:e.getAttribute("url")||""}))),this.lastItem=this.breadcrumbItems[this.breadcrumbItems.length-1]}handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())};getParentWidth(){let e=this.host.parentNode;for(;e&&!(e instanceof HTMLElement);)e=e.parentNode;return e instanceof HTMLElement?e.clientWidth:window.innerWidth}checkConcatenation(){if(!this.breadcrumbNavRef)return;const e=this.getParentWidth(),i=Array.from(this.host.shadowRoot?.querySelectorAll(".hidden-breadcrumb-item")||[]).reduce(((e,i)=>e+i.getBoundingClientRect().width),0);this.isConcatenated=i>e}handleBreadcrumbItemClick(){if(this.host.shadowRoot){const e=this.host.shadowRoot?.querySelector(".menu-trigger-wrapper")?.querySelector("button");e&&e.click()}}render(){const e=this.breadcrumbItems.slice(0,-1);return t(o,{key:"1baffcf05840127383931baec809e2b94e402e5e","data-version":r},t("nav",{key:"c6725b8aa970f35f15f31ecc56280e7518b2dba9","aria-label":"Breadcrumb",class:"breadcrumbs-nav",ref:e=>this.breadcrumbNavRef=e},t("ol",{key:"3166f345dde9f7003b23f5e7a1ddbe587b3fb4be",class:"no-list breadcrumbs-list"},t("li",{key:"2efcbd6502cc5245ee63fd344a28c8aea4561cde"},t("a",{key:"b727c3d880ca9ebb7fc8527263a142662e4d42fd",href:this.homeUrl,class:"breadcrumb-link"},t("span",{key:"d683d05bce032759aa224e7a36ef5d7fb3883187",class:"visually-hidden"},this.homeText),t("post-icon",{key:"f17d5f56a49f0525d64414c079968d80b0c7eca3",name:"home",class:"home-icon"}))),this.isConcatenated?t("div",{class:"menu-trigger-wrapper","aria-label":"More breadcrumbs",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleBreadcrumbItemClick())}},t("post-icon",{name:"2111",class:"breadcrumb-item-icon"}),t("div",{class:"actual-menu"},t("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0},t("button",{class:"btn test",tabIndex:-1},"...")),t("post-menu",{id:"breadcrumb-menu"},e.map((e=>t("post-menu-item",{key:e.url||e.text,class:"breadcrumb-item",onKeyDown:e=>{if("Enter"===e.key||" "===e.key){const i=e.currentTarget.querySelector("a");i?.click(),e.preventDefault()}}},e.url?t("a",{href:e.url},e.text):t("span",null,e.text))))))):e.map((e=>t("post-breadcrumb-item",{url:e.url,key:e.url||e.text},e.text))),this.lastItem&&t("post-breadcrumb-item",{key:"674dd84e23c325f874f57b92b0171b47d600d463",url:this.lastItem.url,"aria-current":"page",tabindex:-1},this.lastItem.text)),t("div",{key:"b4131833874403a8166446991510a36003a21aed",class:"hidden-items"},t("a",{key:"aa31950651d486afdb97974c24929cc80e0c3f53",href:this.homeUrl,class:"hidden-breadcrumb-item"},t("span",{key:"e9d1f5e225220a5942f8844dc26014f1278f935f",class:"visually-hidden"},this.homeText),t("post-icon",{key:"493a91739d10c3e536da52d636aca4b305f88273",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>t("post-breadcrumb-item",{url:e.url,key:`hidden-${e.url||e.text}`,class:"hidden-breadcrumb-item"},e.text))))))}static get watchers(){return{homeUrl:["validateUrl"]}}};c.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{gap:var(--post-device-spacing-gap-inline-4);position:absolute;height:0;overflow:hidden;white-space:nowrap}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li a{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-bottom:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item a{text-decoration:none;color:inherit;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);font-size:var(--post-device-font-size-6)}.breadcrumb-item a{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item a:focus-visible{border-radius:var(--post-device-border-radius-focus)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}post-breadcrumb-item:last-of-type{pointer-events:none;color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}post-breadcrumb-item:last-of-type:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.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}.visually-hidden:not(caption){position:absolute !important}";export{c as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,g as e,h as t,H as o}from"./p-0e216cc4.js";import{v as a}from"./p-3632ace7.js";import{n as r}from"./p-5959f2bd.js";const c=class{constructor(e){s(this,e),this.panelId=void 0,this.name=void 0}get host(){return e(this)}componentWillLoad(){this.panelId=`panel-${this.host.id||r(6)}`}render(){return t(o,{key:"9e8f9c5dc0c1c3d1b7e63cbb9e9cbb0cf116da9b","data-version":a,id:this.panelId,role:"tabpanel"},t("slot",{key:"3ece42346845324cfa0fb9af5721efab2b71e2f1"}))}};c.style=":host{display:none}";export{c as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_back_to_top}from"./p-ac2189b7.js";import"./p-0e216cc4.js";import"./p-4af6dbed.js";import"./p-3632ace7.js";import"./p-8562c7dc.js";import"./p-b095519d.js";import"./p-440193f4.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_rating}from"./p-c8544b65.js";import"./p-0e216cc4.js";import"./p-3632ace7.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as t,r as s,c as a,h as i,H as r}from"./p-0e216cc4.js";import{v as e}from"./p-3632ace7.js";const o=class{hasChanged=!1;get host(){return t(this)}postInput;postChange;constructor(t){s(this,t),this.postInput=a(this,"postInput",7),this.postChange=a(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 i(r,{key:"bb4ab7c2ae609e8e288c62516be93f0b96926eff","data-version":e},i("div",{key:"0176474611f998938aef0b267c118478d6623fbc",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)=>i("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)},i("post-icon",{name:"2062",class:"stroke"}),i("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_accordion_item}from"./p-6fede961.js";import"./p-0e216cc4.js";import"./p-3632ace7.js";import"./p-247a1668.js";import"./p-1fda117c.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-cb9ab938.js";import"./p-5959f2bd.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as post_closebutton,a as post_header,b as post_icon,c as post_language_option,d as post_language_switch,e as post_list,f as post_list_item,g as post_logo,h as post_mainnavigation,i as post_megadropdown,j as post_megadropdown_trigger,k as post_menu,l as post_menu_trigger,m as post_popovercontainer,n as post_togglebutton}from"./p-
|
|
1
|
+
export{P as post_closebutton,a as post_header,b as post_icon,c as post_language_option,d as post_language_switch,e as post_list,f as post_list_item,g as post_logo,h as post_mainnavigation,i as post_megadropdown,j as post_megadropdown_trigger,k as post_menu,l as post_menu_trigger,m as post_popovercontainer,n as post_togglebutton}from"./p-4c0c13a9.js";import"./p-0e216cc4.js";import"./p-3632ace7.js";import"./p-4af6dbed.js";import"./p-1fda117c.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-cb9ab938.js";import"./p-b095519d.js";import"./p-5959f2bd.js";import"./p-fc91cbc2.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,g as t,h as i,H as o}from"./p-0e216cc4.js";import{v as r}from"./p-3632ace7.js";import{b as s}from"./p-1fda117c.js";const c=class{constructor(t){e(this,t),this.url=void 0}get host(){return t(this)}validUrl;validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch(e){this.validUrl=void 0}}constructUrl(e){const t=/^https?:\/\//.test(String(this.url));if("string"==typeof e){const i=t?e:`${window.location.origin}${e}`;return s(i,'The "url" property of the post-breadcrumb-item is invalid'),i}}connectedCallback(){this.validateUrl()}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=this.host.shadowRoot?.querySelector("a");t&&(e.preventDefault(),t.click())}}render(){const e=this.validUrl?"a":"span";return i(o,{key:"b64295c6b59c2e200fe0eae5483e60b733f5eb8c","data-version":r},i("post-icon",{key:"0e8a0712f03b551206e8cfeef51446f318d60f20",name:"2111",class:"breadcrumb-item-icon"}),i(e,{key:"d3e218f0b3b8feab97cbce6a8190dcddc0b92c92",class:"breadcrumb-item",...this.validUrl?{href:this.validUrl}:{},onKeyDown:e=>this.handleKeyDown(e)},i("slot",{key:"dea5990614b38fcaab1fae46aafa6c2ed652cf9a"})))}static get watchers(){return{url:["validateUrl"]}}};c.style=":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";const a=class{constructor(t){e(this,t)}render(){return i(o,{key:"1cd717c2bbc991b33acba0bbfa5d5a2412f6dcc7",role:"menuitem","data-version":r},i("slot",{key:"fe09373b79d299f21ebfdf596bab4d4bc30a9060"}))}};export{c as P,a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-0e216cc4.js";export{s as setNonce}from"./p-0e216cc4.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-
|
|
1
|
+
import{p as e,b as a}from"./p-0e216cc4.js";export{s as setNonce}from"./p-0e216cc4.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-85bf673e",[[1,"post-breadcrumb",{homeUrl:[1,"home-url"],homeText:[1,"home-text"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateUrl"]}]]],["p-9a50697e",[[1,"post-footer",{label:[1],isMobile:[32]}]]],["p-bd49bb7e",[[1,"post-back-to-top",{label:[1],belowFold:[32]},null,{belowFold:["watchBelowFold"],label:["validateLabel"]}]]],["p-3a978ea9",[[1,"post-banner",{dismissible:[4],dismissLabel:[1,"dismiss-label"],icon:[1],type:[1],bannerId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],icon:["validateIcon"],type:["validateType"]}]]],["p-68c43ef0",[[65,"post-card-control",{label:[1],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1025],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-427132e3",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-c043686c",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-8decb072",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-2b4c7ec7",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-6e39bb59",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-2f327006",[[1,"post-avatar",{firstname:[1],lastname:[1],userid:[1],email:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32]},null,{firstname:["validateFirstname"]}]]],["p-72d9d594",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-5e5ee06d",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-29bc8ddc",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-92f8803c",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]],["p-d6449a93",[[1,"post-language-switch",{caption:[1],description:[1],variant:[1],activeLang:[32]},null,{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}],[4,"post-closebutton"],[4,"post-megadropdown",{isVisible:[32],animationClass:[32],toggle:[64],show:[64]}],[1,"post-header",{device:[32],mobileMenuExtended:[32],toggleMobileMenu:[64]},null,{mobileMenuExtended:["frozeBody"]}],[4,"post-language-option",{code:[1],active:[1540],variant:[1],name:[1],url:[1],select:[64]},null,{code:["validateCode"],active:["validateActiveProp"],name:["validateName"],url:["validateUrl"]}],[4,"post-list",{titleHidden:[4,"title-hidden"],horizontal:[516],titleId:[32]}],[1,"post-list-item"],[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}],[4,"post-mainnavigation"],[4,"post-megadropdown-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[1,"post-togglebutton",{toggled:[1028]},null,{toggled:["validateToggled"]}],[1,"post-menu",{placement:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]}],[4,"post-menu-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[4,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],arrow:[4],show:[64],hide:[64],toggle:[64]}],[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-c9f65844",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-5630677a",[[1,"post-breadcrumb-item",{url:[1]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare
|
|
2
|
-
export declare
|
|
1
|
+
export declare function collapse(el: HTMLElement): Animation;
|
|
2
|
+
export declare function expand(el: HTMLElement): Animation;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare
|
|
2
|
-
export declare
|
|
1
|
+
export declare function fadeIn(el: Element): Animation;
|
|
2
|
+
export declare function fadeOut(el: Element): Animation;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare
|
|
2
|
-
export declare
|
|
1
|
+
export declare function slideUp(el: HTMLElement, translateSize?: string): Animation;
|
|
2
|
+
export declare function slideDown(el: HTMLElement, translateSize?: string): Animation;
|
|
@@ -23,7 +23,7 @@ export declare class PostTabs {
|
|
|
23
23
|
* An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
|
|
24
24
|
* The payload is the name of the newly shown panel.
|
|
25
25
|
*/
|
|
26
|
-
postChange: EventEmitter<
|
|
26
|
+
postChange: EventEmitter<string>;
|
|
27
27
|
componentDidLoad(): void;
|
|
28
28
|
/**
|
|
29
29
|
* Shows the panel with the given name and selects its associated tab.
|
|
@@ -811,7 +811,7 @@ declare global {
|
|
|
811
811
|
new (): HTMLPostTabPanelElement;
|
|
812
812
|
};
|
|
813
813
|
interface HTMLPostTabsElementEventMap {
|
|
814
|
-
"postChange":
|
|
814
|
+
"postChange": string;
|
|
815
815
|
}
|
|
816
816
|
interface HTMLPostTabsElement extends Components.PostTabs, HTMLStencilElement {
|
|
817
817
|
addEventListener<K extends keyof HTMLPostTabsElementEventMap>(type: K, listener: (this: HTMLPostTabsElement, ev: PostTabsCustomEvent<HTMLPostTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -1246,7 +1246,7 @@ declare namespace LocalJSX {
|
|
|
1246
1246
|
/**
|
|
1247
1247
|
* An event emitted after the active tab changes, when the fade in transition of its associated panel is finished. The payload is the name of the newly shown panel.
|
|
1248
1248
|
*/
|
|
1249
|
-
"onPostChange"?: (event: PostTabsCustomEvent<
|
|
1249
|
+
"onPostChange"?: (event: PostTabsCustomEvent<string>) => void;
|
|
1250
1250
|
}
|
|
1251
1251
|
interface PostTag {
|
|
1252
1252
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare
|
|
1
|
+
export declare function getAttributeObserver(attribute: string, handler: (element: HTMLElement, mutation?: MutationRecord) => void): MutationObserver;
|
|
@@ -3,4 +3,4 @@ import { HostElement } from '../stencil-public-runtime';
|
|
|
3
3
|
* Invoke the `componentOnReady` method if it is available, simulate it otherwise
|
|
4
4
|
* @see https://stenciljs.com/docs/api#componentonready
|
|
5
5
|
*/
|
|
6
|
-
export declare
|
|
6
|
+
export declare function componentOnReady<T extends HostElement>(el: T): Promise<T>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare
|
|
1
|
+
export declare function getFocusableChildren(element: Element): NodeListOf<HTMLElement>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
function getAttributeObserver(attribute, handler) {
|
|
2
2
|
/**
|
|
3
3
|
* Handle attribute changes and childList changes from the observer
|
|
4
4
|
* @param {MutationRecord[]} mutationList
|
|
5
5
|
*/
|
|
6
|
-
|
|
6
|
+
function observerHandler(mutationList) {
|
|
7
7
|
mutationList.forEach(mutation => {
|
|
8
8
|
if (mutation.type === 'attributes' && mutation.attributeName === attribute) {
|
|
9
9
|
handler(mutation.target);
|
|
@@ -17,9 +17,9 @@ const getAttributeObserver = (attribute, handler) => {
|
|
|
17
17
|
});
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
|
-
}
|
|
20
|
+
}
|
|
21
21
|
// Initialize a mutation observer for patching accessibility features
|
|
22
22
|
return new MutationObserver(observerHandler);
|
|
23
|
-
}
|
|
23
|
+
}
|
|
24
24
|
|
|
25
25
|
export { getAttributeObserver as g };
|
package/loaders/check-one-of.js
CHANGED
package/loaders/check-type.js
CHANGED
|
@@ -2,12 +2,12 @@ function checkType(value, type, error) {
|
|
|
2
2
|
const typeIsArray = type === 'array';
|
|
3
3
|
const valueIsArray = Array.isArray(value);
|
|
4
4
|
if (typeIsArray || valueIsArray) {
|
|
5
|
-
if (valueIsArray !== typeIsArray)
|
|
5
|
+
if (valueIsArray !== typeIsArray) {
|
|
6
6
|
throw new Error(error);
|
|
7
|
+
}
|
|
7
8
|
}
|
|
8
|
-
else {
|
|
9
|
-
|
|
10
|
-
throw new Error(error);
|
|
9
|
+
else if (typeof value !== type) {
|
|
10
|
+
throw new Error(error);
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
|
package/loaders/debounce.js
CHANGED
package/loaders/fade.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
const fadeDuration = 200;
|
|
2
2
|
const fadedOutKeyframe = { opacity: '0' };
|
|
3
3
|
const fadedInKeyframe = { opacity: '1' };
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
function fadeIn(el) {
|
|
5
|
+
return el.animate([fadedOutKeyframe, fadedInKeyframe], { duration: fadeDuration });
|
|
6
|
+
}
|
|
7
|
+
function fadeOut(el) {
|
|
8
|
+
return el.animate([fadedInKeyframe, fadedOutKeyframe], { duration: fadeDuration });
|
|
9
|
+
}
|
|
6
10
|
|
|
7
11
|
export { fadeIn as a, fadeOut as f };
|
package/loaders/index2.js
CHANGED
|
@@ -5,19 +5,22 @@ import { c as checkType } from './check-type.js';
|
|
|
5
5
|
function emptyOr(check) {
|
|
6
6
|
return (...args) => {
|
|
7
7
|
const value = args[0];
|
|
8
|
-
if (!EMPTY_VALUES.some(v => v === value))
|
|
8
|
+
if (!EMPTY_VALUES.some(v => v === value)) {
|
|
9
9
|
check(...args);
|
|
10
|
+
}
|
|
10
11
|
};
|
|
11
12
|
}
|
|
12
13
|
|
|
13
14
|
function checkPattern(value, pattern, errorMessage) {
|
|
14
|
-
if (typeof value !== 'string' || !pattern.test(value))
|
|
15
|
+
if (typeof value !== 'string' || !pattern.test(value)) {
|
|
15
16
|
throw new Error(errorMessage);
|
|
17
|
+
}
|
|
16
18
|
}
|
|
17
19
|
|
|
18
20
|
function checkUrl(value, error) {
|
|
19
|
-
if (typeof value !== 'string' && !(value instanceof URL))
|
|
21
|
+
if (typeof value !== 'string' && !(value instanceof URL)) {
|
|
20
22
|
throw new Error(error);
|
|
23
|
+
}
|
|
21
24
|
try {
|
|
22
25
|
new URL(value);
|
|
23
26
|
}
|
package/loaders/package.js
CHANGED
|
@@ -20,6 +20,8 @@ const PostAccordionItem = /*@__PURE__*/ proxyCustomElement(class PostAccordionIt
|
|
|
20
20
|
this.collapsed = false;
|
|
21
21
|
this.headingLevel = undefined;
|
|
22
22
|
}
|
|
23
|
+
collapsible;
|
|
24
|
+
get host() { return this; }
|
|
23
25
|
validateHeadingLevel(newValue = this.headingLevel) {
|
|
24
26
|
checkEmptyOrOneOf(newValue, HEADING_LEVELS, 'The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.');
|
|
25
27
|
}
|
|
@@ -49,15 +51,13 @@ const PostAccordionItem = /*@__PURE__*/ proxyCustomElement(class PostAccordionIt
|
|
|
49
51
|
this.slottedLogo = this.host.querySelector('img[slot="logo"]');
|
|
50
52
|
}
|
|
51
53
|
render() {
|
|
52
|
-
|
|
53
|
-
const
|
|
54
|
-
const HeadingTag = `h${(_b = headingLevel !== null && headingLevel !== void 0 ? headingLevel : this.headingLevel) !== null && _b !== void 0 ? _b : 2}`;
|
|
54
|
+
const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
|
|
55
|
+
const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
|
|
55
56
|
return (h(Host, { key: '77851385edd1910f539ce61f1bf90bcebdeaa9ee', id: this.id, "data-version": version }, h("div", { key: '0d7ab4f69e350658908ac54aa1bdbdf07003f0e1', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: 'b0cc3c14a98575e1db7093a668557ee021fd7f8e', for: `${this.id}--collapse` }, h(HeadingTag, { key: '33f3066f1a866b519084012517d548dd9abd8093', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: '1c29d71ea84789427c4bb4ca6f75f56ef0bc242e', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, h("span", { key: '0324ff7aa3e48a4b7964f043ae99cb5e136fbb54', class: {
|
|
56
57
|
'logo-container': true,
|
|
57
58
|
'has-image': !!this.slottedLogo,
|
|
58
59
|
} }, h("slot", { key: 'a2a07235808a847097d78610d22efc8eb73bd2f0', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: '2f6cf7287b910b211e8ba646a8431eb634d89768', name: "header" }), h("post-icon", { key: '38f599c957e70027ebe84939f6146618a5a4b2f0', name: "2051" })))), h("post-collapsible", { key: 'a9fefff65fb48ac5a81c8fef3486dc84937de3a8', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: 'eddd1a7e8a583409908b7b0a91482cbdfd9e7c99', class: "accordion-body", part: "body" }, h("slot", { key: '1e82e00b05c16bd917e640738c5100689d2e7edf' }))))));
|
|
59
60
|
}
|
|
60
|
-
get host() { return this; }
|
|
61
61
|
static get watchers() { return {
|
|
62
62
|
"headingLevel": ["validateHeadingLevel"]
|
|
63
63
|
}; }
|
|
@@ -11,10 +11,12 @@ const PostAccordion$1 = /*@__PURE__*/ proxyCustomElement(class PostAccordion ext
|
|
|
11
11
|
super();
|
|
12
12
|
this.__registerHost();
|
|
13
13
|
this.__attachShadow();
|
|
14
|
-
this.expandedItems = new Set();
|
|
15
14
|
this.headingLevel = undefined;
|
|
16
15
|
this.multiple = false;
|
|
17
16
|
}
|
|
17
|
+
accordionItems;
|
|
18
|
+
expandedItems = new Set();
|
|
19
|
+
get host() { return this; }
|
|
18
20
|
validateHeadingLevel(newValue = this.headingLevel) {
|
|
19
21
|
if (!newValue)
|
|
20
22
|
return;
|
|
@@ -96,7 +98,6 @@ const PostAccordion$1 = /*@__PURE__*/ proxyCustomElement(class PostAccordion ext
|
|
|
96
98
|
render() {
|
|
97
99
|
return (h(Host, { key: 'cfc6280e052937f50bc481fe73cf25ede6e40314', "data-version": version }, h("div", { key: '090539a2ebe9d216609a7e56597c5f379d439fb8', class: "accordion" }, h("slot", { key: '4ae4095b14b6b9233f1d66c8543d625a77a77e09', onSlotchange: () => this.registerAccordionItems() }))));
|
|
98
100
|
}
|
|
99
|
-
get host() { return this; }
|
|
100
101
|
static get watchers() { return {
|
|
101
102
|
"headingLevel": ["validateHeadingLevel"]
|
|
102
103
|
}; }
|
package/loaders/post-avatar.js
CHANGED
|
@@ -32,6 +32,8 @@ const PostAvatar$1 = /*@__PURE__*/ proxyCustomElement(class PostAvatar extends H
|
|
|
32
32
|
this.imageAlt = '';
|
|
33
33
|
this.initials = '';
|
|
34
34
|
}
|
|
35
|
+
static INTERNAL_USERID_IMAGE_SRC = 'https://web.post.ch/UserProfileImage/{userid}.png';
|
|
36
|
+
get host() { return this; }
|
|
35
37
|
validateFirstname() {
|
|
36
38
|
checkNonEmpty(this.firstname, 'The `firstname` property of the `post-avatar` is required!');
|
|
37
39
|
}
|
|
@@ -50,10 +52,9 @@ const PostAvatar$1 = /*@__PURE__*/ proxyCustomElement(class PostAvatar extends H
|
|
|
50
52
|
}
|
|
51
53
|
}
|
|
52
54
|
async getImageByProp(prop, fetchImage) {
|
|
53
|
-
var _a;
|
|
54
55
|
if (!prop)
|
|
55
56
|
return false;
|
|
56
|
-
const imageResponse = (
|
|
57
|
+
const imageResponse = (await this.getStorageItem(prop)) ?? { ok: false, url: '' };
|
|
57
58
|
if (!imageResponse.ok) {
|
|
58
59
|
try {
|
|
59
60
|
const r = await fetchImage();
|
|
@@ -93,20 +94,17 @@ const PostAvatar$1 = /*@__PURE__*/ proxyCustomElement(class PostAvatar extends H
|
|
|
93
94
|
.trim();
|
|
94
95
|
}
|
|
95
96
|
async getStorageItem(keyToken) {
|
|
96
|
-
var _a;
|
|
97
97
|
const key = await this.cryptify(keyToken);
|
|
98
|
-
const value =
|
|
98
|
+
const value = window?.sessionStorage?.getItem(key);
|
|
99
99
|
return value ? JSON.parse(value) : null;
|
|
100
100
|
}
|
|
101
101
|
async setStorageItem(keyToken, value) {
|
|
102
|
-
var _a;
|
|
103
102
|
const key = await this.cryptify(keyToken);
|
|
104
|
-
|
|
103
|
+
window?.sessionStorage?.setItem(key, value);
|
|
105
104
|
}
|
|
106
105
|
async removeStorageItem(keyToken) {
|
|
107
|
-
var _a;
|
|
108
106
|
const key = await this.cryptify(keyToken);
|
|
109
|
-
|
|
107
|
+
window?.sessionStorage?.removeItem(key);
|
|
110
108
|
}
|
|
111
109
|
async cryptify(key) {
|
|
112
110
|
return await crypto.subtle.digest('SHA-256', new TextEncoder().encode(key)).then(buffer => {
|
|
@@ -137,7 +135,6 @@ const PostAvatar$1 = /*@__PURE__*/ proxyCustomElement(class PostAvatar extends H
|
|
|
137
135
|
}, []);
|
|
138
136
|
return (h(Host, { "data-version": version }, h("slot", { onSlotchange: this.onSlotDefaultChange.bind(this) }, this.avatarType === 'image' && h("img", { src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && h("div", { class: "initials" }, initials))));
|
|
139
137
|
}
|
|
140
|
-
get host() { return this; }
|
|
141
138
|
static get watchers() { return {
|
|
142
139
|
"firstname": ["validateFirstname"]
|
|
143
140
|
}; }
|
|
@@ -155,7 +152,6 @@ const PostAvatar$1 = /*@__PURE__*/ proxyCustomElement(class PostAvatar extends H
|
|
|
155
152
|
}, undefined, {
|
|
156
153
|
"firstname": ["validateFirstname"]
|
|
157
154
|
}]);
|
|
158
|
-
PostAvatar$1.INTERNAL_USERID_IMAGE_SRC = 'https://web.post.ch/UserProfileImage/{userid}.png';
|
|
159
155
|
function defineCustomElement$1() {
|
|
160
156
|
if (typeof customElements === "undefined") {
|
|
161
157
|
return;
|