@swisspost/design-system-components 9.0.0-next.6 → 9.0.0-next.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index-e1f32cce.js +8 -0
- package/dist/cjs/index.cjs.js +25 -21
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-81d89808.js → package-a2b895fc.js} +1 -1
- package/dist/cjs/{post-accordion-7d2805f4.js → post-accordion-3ce01432.js} +2 -2
- package/dist/cjs/post-accordion-item-81601b1e.js +62 -0
- package/dist/cjs/post-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/post-accordion.cjs.entry.js +2 -2
- package/dist/cjs/{post-avatar-0b87e44f.js → post-avatar-b1c97f51.js} +1 -1
- package/dist/cjs/post-avatar.cjs.entry.js +2 -2
- package/dist/cjs/post-back-to-top-0ce98569.js +98 -0
- package/dist/cjs/post-back-to-top.cjs.entry.js +14 -0
- package/dist/cjs/{post-banner-e42f02bd.js → post-banner-8611eab5.js} +4 -4
- package/dist/cjs/post-banner.cjs.entry.js +2 -2
- package/dist/cjs/{post-breadcrumb-item-46a8e876.js → post-breadcrumb-item-2075462a.js} +2 -2
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/post-card-control-acd30573.js +272 -0
- package/dist/cjs/post-card-control.cjs.entry.js +2 -2
- package/dist/cjs/post-closebutton_10.cjs.entry.js +2 -2
- package/dist/cjs/{post-collapsible-trigger-ae50d0d4.js → post-collapsible-trigger-8ca4d85b.js} +2 -2
- package/dist/cjs/post-collapsible_2.cjs.entry.js +2 -2
- package/dist/cjs/post-components.cjs.js +1 -1
- package/dist/cjs/{post-language-option-c6049337.js → post-language-option-cf32d0ed.js} +2 -2
- package/dist/cjs/post-language-option.cjs.entry.js +2 -2
- package/dist/cjs/{post-megadropdown-trigger-97472602.js → post-megadropdown-trigger-7376d867.js} +32 -37
- package/dist/cjs/{post-menu-61c31423.js → post-menu-a3b7b63b.js} +2 -2
- package/dist/cjs/{post-menu-item-4f393cde.js → post-menu-item-28ab1a72.js} +2 -2
- package/dist/cjs/post-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/{post-menu-trigger-44a5f8e9.js → post-menu-trigger-821839f5.js} +2 -2
- package/dist/cjs/post-menu-trigger.cjs.entry.js +2 -2
- package/dist/cjs/post-menu.cjs.entry.js +2 -2
- package/dist/cjs/{post-popover-44fdb733.js → post-popover-c4f50134.js} +2 -2
- package/dist/cjs/post-popover.cjs.entry.js +2 -2
- package/dist/cjs/{post-rating-4d5e7c8e.js → post-rating-3a87ca46.js} +2 -2
- package/dist/cjs/post-rating.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-header-3fcb40fa.js → post-tab-header-5fdb05a1.js} +2 -2
- package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-panel-b1a41181.js → post-tab-panel-34aed8e6.js} +2 -2
- package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/{post-tabs-092790e4.js → post-tabs-dd2da5d2.js} +2 -2
- package/dist/cjs/post-tabs.cjs.entry.js +2 -2
- package/dist/cjs/{post-tag-389a43f7.js → post-tag-59232922.js} +2 -2
- package/dist/cjs/post-tag.cjs.entry.js +2 -2
- package/dist/cjs/post-togglebutton-59c6357b.js +28 -0
- package/dist/cjs/post-togglebutton.cjs.entry.js +11 -0
- package/dist/cjs/{post-tooltip-c42d6853.js → post-tooltip-3e0c1509.js} +28 -16
- package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
- package/dist/collection/animations/slide.js +23 -0
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/post-accordion/post-accordion.css +1 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +17 -5
- package/dist/collection/components/post-back-to-top/post-back-to-top.css +1 -0
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +107 -0
- package/dist/collection/components/post-banner/post-banner.js +3 -3
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +1 -1
- package/dist/collection/components/post-card-control/post-card-control.css +1 -1
- package/dist/collection/components/post-card-control/post-card-control.js +2 -2
- package/dist/collection/components/post-closebutton/post-closebutton.js +1 -1
- package/dist/collection/components/post-collapsible/post-collapsible.js +1 -1
- package/dist/collection/components/post-header/post-header.js +1 -1
- package/dist/collection/components/post-icon/post-icon.css +1 -1
- package/dist/collection/components/post-icon/post-icon.js +20 -31
- package/dist/collection/components/post-language-option/post-language-option.js +1 -1
- package/dist/collection/components/post-list/post-list.js +1 -1
- package/dist/collection/components/post-list-item/post-list-item.js +1 -1
- package/dist/collection/components/post-logo/post-logo.js +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +1 -1
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +1 -1
- package/dist/collection/components/post-menu/post-menu.js +1 -1
- package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +1 -1
- package/dist/collection/components/post-popover/post-popover.js +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +2 -2
- package/dist/collection/components/post-rating/post-rating.js +1 -1
- package/dist/collection/components/post-tab-header/post-tab-header.js +1 -1
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
- package/dist/collection/components/post-tabs/post-tabs.js +1 -1
- package/dist/collection/components/post-tag/post-tag.js +1 -1
- package/dist/collection/components/post-togglebutton/post-togglebutton.css +1 -0
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +56 -0
- package/dist/collection/components/post-tooltip/post-tooltip.js +28 -12
- package/dist/collection/index.js +2 -0
- package/dist/components/index.js +2 -0
- package/dist/components/package.js +1 -1
- package/dist/components/post-accordion-item2.js +26 -9
- package/dist/components/post-accordion2.js +1 -1
- package/dist/components/post-back-to-top.d.ts +11 -0
- package/dist/components/post-back-to-top.js +6 -0
- package/dist/components/post-back-to-top2.js +123 -0
- package/dist/components/post-banner2.js +3 -3
- package/dist/components/post-breadcrumb-item2.js +1 -1
- package/dist/components/post-card-control2.js +3 -3
- package/dist/components/post-closebutton2.js +1 -1
- package/dist/components/post-collapsible2.js +1 -1
- package/dist/components/post-header2.js +1 -1
- package/dist/components/post-icon2.js +22 -29
- package/dist/components/post-language-option2.js +1 -1
- package/dist/components/post-list-item2.js +1 -1
- package/dist/components/post-list2.js +1 -1
- package/dist/components/post-logo2.js +1 -1
- package/dist/components/post-mainnavigation2.js +1 -1
- package/dist/components/post-megadropdown-trigger2.js +1 -1
- package/dist/components/post-megadropdown2.js +1 -1
- package/dist/components/post-menu-item2.js +1 -1
- package/dist/components/post-menu-trigger2.js +1 -1
- package/dist/components/post-menu2.js +1 -1
- package/dist/components/post-popover2.js +1 -1
- package/dist/components/post-popovercontainer2.js +2 -2
- package/dist/components/post-rating2.js +1 -1
- package/dist/components/post-tab-header2.js +1 -1
- package/dist/components/post-tab-panel2.js +1 -1
- package/dist/components/post-tabs2.js +1 -1
- package/dist/components/post-tag2.js +1 -1
- package/dist/components/post-togglebutton.d.ts +11 -0
- package/dist/components/post-togglebutton.js +6 -0
- package/dist/components/post-togglebutton2.js +43 -0
- package/dist/components/post-tooltip2.js +27 -15
- package/dist/docs.json +126 -1
- package/dist/esm/index-e1b64755.js +8 -0
- package/dist/esm/index.js +23 -21
- package/dist/esm/loader.js +1 -1
- package/dist/esm/package-9cafe148.js +3 -0
- package/dist/esm/{post-accordion-c833c272.js → post-accordion-19e88941.js} +2 -2
- package/dist/esm/post-accordion-item-33bbe4de.js +60 -0
- package/dist/esm/post-accordion-item.entry.js +2 -2
- package/dist/esm/post-accordion.entry.js +2 -2
- package/dist/esm/{post-avatar-f43ebc89.js → post-avatar-d15a9f9e.js} +1 -1
- package/dist/esm/post-avatar.entry.js +2 -2
- package/dist/esm/post-back-to-top-bcf46150.js +96 -0
- package/dist/esm/post-back-to-top.entry.js +6 -0
- package/dist/esm/{post-banner-cf6f756b.js → post-banner-bf5e6a18.js} +4 -4
- package/dist/esm/post-banner.entry.js +2 -2
- package/dist/esm/{post-breadcrumb-item-a93b91a7.js → post-breadcrumb-item-e3b41f74.js} +2 -2
- package/dist/esm/post-breadcrumb-item.entry.js +2 -2
- package/dist/esm/post-card-control-f0788f6f.js +270 -0
- package/dist/esm/post-card-control.entry.js +2 -2
- package/dist/esm/post-closebutton_10.entry.js +2 -2
- package/dist/esm/{post-collapsible-trigger-7b3d0fd3.js → post-collapsible-trigger-1d939eb6.js} +2 -2
- package/dist/esm/post-collapsible_2.entry.js +2 -2
- package/dist/esm/post-components.js +1 -1
- package/dist/esm/{post-language-option-05f53f6f.js → post-language-option-1436370d.js} +2 -2
- package/dist/esm/post-language-option.entry.js +2 -2
- package/dist/esm/{post-megadropdown-trigger-3112a42b.js → post-megadropdown-trigger-210b4ab3.js} +32 -37
- package/dist/esm/{post-menu-05396ff7.js → post-menu-e853e28b.js} +2 -2
- package/dist/esm/{post-menu-item-bbbb6a7e.js → post-menu-item-86d4c7ab.js} +2 -2
- package/dist/esm/post-menu-item.entry.js +2 -2
- package/dist/esm/{post-menu-trigger-f9f4d299.js → post-menu-trigger-80c2bdf4.js} +2 -2
- package/dist/esm/post-menu-trigger.entry.js +2 -2
- package/dist/esm/post-menu.entry.js +2 -2
- package/dist/esm/{post-popover-1ae328eb.js → post-popover-7195d05a.js} +2 -2
- package/dist/esm/post-popover.entry.js +2 -2
- package/dist/esm/{post-rating-75171e3a.js → post-rating-8baf86fe.js} +2 -2
- package/dist/esm/post-rating.entry.js +2 -2
- package/dist/esm/{post-tab-header-d4d40b0e.js → post-tab-header-a1d1d9d0.js} +2 -2
- package/dist/esm/post-tab-header.entry.js +2 -2
- package/dist/esm/{post-tab-panel-79b42d3e.js → post-tab-panel-afce8d40.js} +2 -2
- package/dist/esm/post-tab-panel.entry.js +2 -2
- package/dist/esm/{post-tabs-4d880ed8.js → post-tabs-fbb42496.js} +2 -2
- package/dist/esm/post-tabs.entry.js +2 -2
- package/dist/esm/{post-tag-bf91d0a7.js → post-tag-d67b6a19.js} +2 -2
- package/dist/esm/post-tag.entry.js +2 -2
- package/dist/esm/post-togglebutton-c3fb912d.js +26 -0
- package/dist/esm/post-togglebutton.entry.js +3 -0
- package/dist/esm/{post-tooltip-7aa14f94.js → post-tooltip-7101ed24.js} +28 -16
- package/dist/esm/post-tooltip.entry.js +2 -2
- package/dist/post-components/index.esm.js +1 -1
- package/dist/post-components/{p-314c1090.js → p-00fa0152.js} +1 -1
- package/dist/post-components/p-1667387e.entry.js +1 -0
- package/dist/post-components/p-19551c18.entry.js +1 -0
- package/dist/post-components/p-1b627f80.js +1 -0
- package/dist/post-components/p-24673919.js +1 -0
- package/dist/post-components/p-266b734f.entry.js +1 -0
- package/dist/post-components/{p-cf298c46.js → p-282115c4.js} +1 -1
- package/dist/post-components/p-2d0ffc1e.entry.js +1 -0
- package/dist/post-components/p-45018d7e.entry.js +1 -0
- package/dist/post-components/{p-4ac02dc1.js → p-485dafcf.js} +1 -1
- package/dist/post-components/{p-c6ac2e45.js → p-4a647a78.js} +1 -1
- package/dist/post-components/p-4abfa65b.js +1 -0
- package/dist/post-components/{p-3b3b57d0.entry.js → p-517f2b1f.entry.js} +1 -1
- package/dist/post-components/p-55224ee7.entry.js +1 -0
- package/dist/post-components/{p-4cb59994.js → p-558a9849.js} +1 -1
- package/dist/post-components/{p-4221fd16.js → p-59b31557.js} +1 -1
- package/dist/post-components/p-5d1db85c.entry.js +1 -0
- package/dist/post-components/{p-7a887455.js → p-61e79941.js} +1 -1
- package/dist/post-components/p-679978de.entry.js +1 -0
- package/dist/post-components/p-6a842b96.entry.js +1 -0
- package/dist/post-components/{p-4cca12fe.js → p-6cea23cd.js} +3 -3
- package/dist/post-components/p-71f03424.js +1 -0
- package/dist/post-components/p-8c2568c1.entry.js +1 -0
- package/dist/post-components/p-8fd3a3cb.entry.js +1 -0
- package/dist/post-components/{p-71eb2dc7.js → p-939f2ba7.js} +1 -1
- package/dist/post-components/p-a4c39296.entry.js +1 -0
- package/dist/post-components/p-af5d3b89.entry.js +1 -0
- package/dist/post-components/p-b4423249.entry.js +1 -0
- package/dist/post-components/{p-7175208c.entry.js → p-c31a7d65.entry.js} +1 -1
- package/dist/post-components/p-c544bb82.js +1 -0
- package/dist/post-components/{p-cd06fab9.js → p-ccb6dfa1.js} +1 -1
- package/dist/post-components/{p-d7c37aca.js → p-d0b8820a.js} +1 -1
- package/dist/post-components/{p-476a6342.js → p-d36adfb5.js} +1 -1
- package/dist/post-components/p-da6a8268.entry.js +1 -0
- package/dist/post-components/p-ece14d88.js +1 -0
- package/dist/post-components/p-f0f8427e.js +1 -0
- package/dist/post-components/p-f2e1b4d8.js +1 -0
- package/dist/post-components/p-f627744e.js +1 -0
- package/dist/post-components/p-f7b6b96a.entry.js +1 -0
- package/dist/post-components/p-f812e93d.entry.js +1 -0
- package/dist/post-components/{p-9d94bf34.js → p-f8d41c32.js} +1 -1
- package/dist/post-components/p-fe516cdf.entry.js +1 -0
- package/dist/post-components/p-fe7467fb.entry.js +1 -0
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/animations/slide.d.ts +2 -0
- package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +5 -1
- package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +19 -0
- package/dist/types/components/post-icon/post-icon.d.ts +2 -5
- package/dist/types/components/post-togglebutton/post-togglebutton.d.ts +13 -0
- package/dist/types/components.d.ts +42 -0
- package/dist/types/index.d.ts +2 -0
- package/loaders/index.d.ts +4 -0
- package/loaders/index.js +2 -0
- package/loaders/package.js +1 -1
- package/loaders/post-accordion-item.js +26 -9
- package/loaders/post-accordion.js +1 -1
- package/loaders/post-back-to-top.d.ts +11 -0
- package/loaders/post-back-to-top.js +126 -0
- package/loaders/post-banner.js +3 -3
- package/loaders/post-breadcrumb-item.js +1 -1
- package/loaders/post-card-control.js +3 -3
- package/loaders/post-closebutton.js +1 -1
- package/loaders/post-collapsible2.js +1 -1
- package/loaders/post-header.js +1 -1
- package/loaders/post-icon2.js +22 -29
- package/loaders/post-language-option.js +1 -1
- package/loaders/post-list-item.js +1 -1
- package/loaders/post-list.js +1 -1
- package/loaders/post-logo.js +1 -1
- package/loaders/post-mainnavigation.js +1 -1
- package/loaders/post-megadropdown-trigger.js +1 -1
- package/loaders/post-megadropdown.js +1 -1
- package/loaders/post-menu-item.js +1 -1
- package/loaders/post-menu-trigger.js +1 -1
- package/loaders/post-menu.js +1 -1
- package/loaders/post-popover.js +1 -1
- package/loaders/post-popovercontainer2.js +2 -2
- package/loaders/post-rating.js +1 -1
- package/loaders/post-tab-header.js +1 -1
- package/loaders/post-tab-panel.js +1 -1
- package/loaders/post-tabs.js +1 -1
- package/loaders/post-tag.js +1 -1
- package/loaders/post-togglebutton.d.ts +11 -0
- package/loaders/post-togglebutton.js +46 -0
- package/loaders/post-tooltip.js +27 -15
- package/package.json +4 -3
- package/dist/cjs/post-accordion-item-0d8b65b1.js +0 -52
- package/dist/cjs/post-card-control-7d3c5545.js +0 -272
- package/dist/esm/package-c65b0409.js +0 -3
- package/dist/esm/post-accordion-item-19fb4776.js +0 -50
- package/dist/esm/post-card-control-017fb9b2.js +0 -270
- package/dist/post-components/p-34e5b9da.entry.js +0 -1
- package/dist/post-components/p-3899ed87.js +0 -1
- package/dist/post-components/p-470eb29c.js +0 -1
- package/dist/post-components/p-499f3c12.entry.js +0 -1
- package/dist/post-components/p-56bd7eb7.entry.js +0 -1
- package/dist/post-components/p-61b27b51.entry.js +0 -1
- package/dist/post-components/p-6e37b9bf.entry.js +0 -1
- package/dist/post-components/p-7391daa3.entry.js +0 -1
- package/dist/post-components/p-73a5b344.js +0 -1
- package/dist/post-components/p-7a995b7e.entry.js +0 -1
- package/dist/post-components/p-888ab913.entry.js +0 -1
- package/dist/post-components/p-8927a8e4.entry.js +0 -1
- package/dist/post-components/p-8fb11b22.entry.js +0 -1
- package/dist/post-components/p-916ec6d5.entry.js +0 -1
- package/dist/post-components/p-98d8ba01.js +0 -1
- package/dist/post-components/p-a1a1b679.entry.js +0 -1
- package/dist/post-components/p-a87d8337.entry.js +0 -1
- package/dist/post-components/p-ab0556af.entry.js +0 -1
- package/dist/post-components/p-b8d230eb.js +0 -1
- package/dist/post-components/p-c94a2ae1.entry.js +0 -1
- package/dist/post-components/p-d2938e9a.entry.js +0 -1
- package/dist/post-components/p-d6ac46af.js +0 -1
- package/dist/post-components/p-dddc70f6.entry.js +0 -1
- package/dist/post-components/p-ed12b51d.js +0 -1
|
@@ -1,270 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e1b64755.js';
|
|
2
|
-
import { c as checkOneOf } from './check-one-of-6b3ef8eb.js';
|
|
3
|
-
import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
|
|
4
|
-
import { v as version } from './package-c65b0409.js';
|
|
5
|
-
|
|
6
|
-
const postCardControlCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:-moz-fit-content;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:1.5rem}.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-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][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-hover-bg2)}@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-bg3)}@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-fg1)}@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-bg1);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}}.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%;-webkit-mask-size:var(--post-device-sizing-interactive-icon-size);mask-size:var(--post-device-sizing-interactive-icon-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.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:FieldText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg);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{-webkit-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>\");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{-webkit-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>\");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-bg);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke);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: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-bg1);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}.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-bg);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}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1)}.form-check>input[type=radio][disabled]:checked::after{background-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>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:1rem}.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 .5rem;margin:0;padding:1rem;background-color:var(--post-card-control-bg);border:2px 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:.25rem 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:var(--post-contrast-color);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:.25rem 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:2rem;height:2rem;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:2px;outline:2px 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:2px solid Field;outline-offset:-4px}.card-control .card-control--input{outline:2px 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:2px;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:2px;border-radius:1px;background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:2px 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:1rem}: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}}";
|
|
7
|
-
const PostCardControlStyle0 = postCardControlCss;
|
|
8
|
-
|
|
9
|
-
let cardControlIds = 0;
|
|
10
|
-
const PostCardControl = class {
|
|
11
|
-
/**
|
|
12
|
-
* A public method to reset the controls `checked` and `validity` state.
|
|
13
|
-
* The validity state is set to `null`, so it's neither valid nor invalid.
|
|
14
|
-
*/
|
|
15
|
-
async reset() {
|
|
16
|
-
this.validity = null;
|
|
17
|
-
this.controlSetChecked(this.initialChecked);
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* A hidden public method to reset the group controls `checked` state to `false`.
|
|
21
|
-
*/
|
|
22
|
-
async groupReset() {
|
|
23
|
-
if (this.disabled)
|
|
24
|
-
this.control.checked = this.checked = false;
|
|
25
|
-
this.controlSetChecked(false);
|
|
26
|
-
}
|
|
27
|
-
validateControlLabel(label = this.label) {
|
|
28
|
-
checkNonEmpty(label, 'The "post-card-control" element requires its "label" property to be set.');
|
|
29
|
-
}
|
|
30
|
-
validateControlType(type = this.type) {
|
|
31
|
-
checkOneOf(type, ['checkbox', 'radio'], 'The "post-card-control" element requires its "type" prop to be one of either "checkbox" or "radio".');
|
|
32
|
-
}
|
|
33
|
-
updateControlChecked(checked = this.checked) {
|
|
34
|
-
this.controlSetChecked(checked);
|
|
35
|
-
}
|
|
36
|
-
updateControlDisabled() {
|
|
37
|
-
this.controlSetChecked(this.checked);
|
|
38
|
-
}
|
|
39
|
-
constructor(hostRef) {
|
|
40
|
-
registerInstance(this, hostRef);
|
|
41
|
-
this.postInput = createEvent(this, "postInput", 7);
|
|
42
|
-
this.postChange = createEvent(this, "postChange", 7);
|
|
43
|
-
if (hostRef.$hostElement$["s-ei"]) {
|
|
44
|
-
this.internals = hostRef.$hostElement$["s-ei"];
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
this.internals = hostRef.$hostElement$.attachInternals();
|
|
48
|
-
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
49
|
-
}
|
|
50
|
-
this.EVENT_MAP = {
|
|
51
|
-
input: 'postInput',
|
|
52
|
-
change: 'postChange',
|
|
53
|
-
};
|
|
54
|
-
this.KEYCODES = {
|
|
55
|
-
SPACE: 'Space',
|
|
56
|
-
LEFT: 'ArrowLeft',
|
|
57
|
-
UP: 'ArrowUp',
|
|
58
|
-
RIGHT: 'ArrowRight',
|
|
59
|
-
DOWN: 'ArrowDown',
|
|
60
|
-
};
|
|
61
|
-
this.group = {
|
|
62
|
-
hosts: [],
|
|
63
|
-
members: [],
|
|
64
|
-
first: null,
|
|
65
|
-
last: null,
|
|
66
|
-
checked: null,
|
|
67
|
-
focused: null,
|
|
68
|
-
};
|
|
69
|
-
this.controlId = `PostCardControl_${cardControlIds++}`;
|
|
70
|
-
this.focused = false;
|
|
71
|
-
this.label = undefined;
|
|
72
|
-
this.description = null;
|
|
73
|
-
this.type = undefined;
|
|
74
|
-
this.name = null;
|
|
75
|
-
this.value = null;
|
|
76
|
-
this.checked = false;
|
|
77
|
-
this.disabled = false;
|
|
78
|
-
this.validity = null;
|
|
79
|
-
this.icon = null;
|
|
80
|
-
this.cardClickHandler = this.cardClickHandler.bind(this);
|
|
81
|
-
this.controlClickHandler = this.controlClickHandler.bind(this);
|
|
82
|
-
this.controlChangeHandler = this.controlChangeHandler.bind(this);
|
|
83
|
-
this.controlFocusHandler = this.controlFocusHandler.bind(this);
|
|
84
|
-
this.controlKeyDownHandler = this.controlKeyDownHandler.bind(this);
|
|
85
|
-
}
|
|
86
|
-
cardClickHandler(e) {
|
|
87
|
-
e.stopPropagation();
|
|
88
|
-
// if this was not the clicked element anyway, trigger click on control to change it
|
|
89
|
-
if (e.target !== this.control)
|
|
90
|
-
this.control.click();
|
|
91
|
-
}
|
|
92
|
-
controlClickHandler(e) {
|
|
93
|
-
e.stopPropagation();
|
|
94
|
-
// if control is disabled do nothing
|
|
95
|
-
// else control value will fire a change event, which is handled in the controlChangeHandler method
|
|
96
|
-
if (this.disabled)
|
|
97
|
-
e.preventDefault();
|
|
98
|
-
}
|
|
99
|
-
controlChangeHandler(e) {
|
|
100
|
-
e.stopPropagation();
|
|
101
|
-
this.groupCollectMembers();
|
|
102
|
-
this.controlSetChecked(this.control.checked, e);
|
|
103
|
-
this.groupSetChecked(this.control, e);
|
|
104
|
-
}
|
|
105
|
-
controlFocusHandler() {
|
|
106
|
-
this.focused = this.host === document.activeElement;
|
|
107
|
-
}
|
|
108
|
-
// https://googlechromelabs.github.io/howto-components/howto-radio-group/
|
|
109
|
-
controlKeyDownHandler(e) {
|
|
110
|
-
if (this.type === 'radio') {
|
|
111
|
-
e.stopPropagation();
|
|
112
|
-
if (Object.values(this.KEYCODES).includes(e.code))
|
|
113
|
-
e.preventDefault();
|
|
114
|
-
this.groupCollectMembers();
|
|
115
|
-
switch (e.code) {
|
|
116
|
-
case this.KEYCODES.UP:
|
|
117
|
-
case this.KEYCODES.LEFT:
|
|
118
|
-
this.groupSetChecked(this.groupGetPrev(), e);
|
|
119
|
-
break;
|
|
120
|
-
case this.KEYCODES.DOWN:
|
|
121
|
-
case this.KEYCODES.RIGHT:
|
|
122
|
-
this.groupSetChecked(this.groupGetNext(), e);
|
|
123
|
-
break;
|
|
124
|
-
case this.KEYCODES.SPACE:
|
|
125
|
-
this.groupSetChecked(this.control, e);
|
|
126
|
-
break;
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
controlSetChecked(checked, e) {
|
|
131
|
-
if (!this.control)
|
|
132
|
-
return;
|
|
133
|
-
if (this.disabled) {
|
|
134
|
-
this.internals.setFormValue(null);
|
|
135
|
-
}
|
|
136
|
-
else {
|
|
137
|
-
this.control.checked = this.checked = checked;
|
|
138
|
-
this.internals.setFormValue(this.checked ? this.control.value : null);
|
|
139
|
-
if (e) {
|
|
140
|
-
const isCheckbox = this.type === 'checkbox';
|
|
141
|
-
const isRadioAndChecked = this.type === 'radio' && this.checked;
|
|
142
|
-
// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
|
|
143
|
-
// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
|
|
144
|
-
// if an event parameter is given and a native control would fire an event, emit the corresponding event to the light dom
|
|
145
|
-
if (isCheckbox || isRadioAndChecked)
|
|
146
|
-
this[this.EVENT_MAP[e.type]].emit({ state: this.checked, value: this.value });
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
groupCollectMembers() {
|
|
151
|
-
var _a, _b;
|
|
152
|
-
if (this.type === 'radio' && this.name) {
|
|
153
|
-
this.group.hosts = Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`));
|
|
154
|
-
this.group.members = this.group.hosts
|
|
155
|
-
.map(m => m.shadowRoot.querySelector('input[type="radio"]'))
|
|
156
|
-
.filter(m => m !== null);
|
|
157
|
-
if (this.group.members.length > 1) {
|
|
158
|
-
this.group.first = this.group.members[0];
|
|
159
|
-
this.group.last = this.group.members[this.group.members.length - 1];
|
|
160
|
-
this.group.checked = (_a = this.group.members.find(m => m.checked)) !== null && _a !== void 0 ? _a : null;
|
|
161
|
-
this.group.focused =
|
|
162
|
-
(_b = this.group.members.find(m => m.getRootNode().host === document.activeElement)) !== null && _b !== void 0 ? _b : this.group.first;
|
|
163
|
-
const focusableMember = this.group.checked || this.group.focused || this.group.first;
|
|
164
|
-
this.group.members.forEach(m => {
|
|
165
|
-
m.tabIndex = m === focusableMember ? 0 : -1;
|
|
166
|
-
});
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
groupGetPrev() {
|
|
171
|
-
var _a;
|
|
172
|
-
const focusedIndex = this.group.members.findIndex(m => m.id === this.group.focused.id);
|
|
173
|
-
return (_a = this.group.members.find((_m, i) => i === focusedIndex - 1)) !== null && _a !== void 0 ? _a : this.group.last;
|
|
174
|
-
}
|
|
175
|
-
groupGetNext() {
|
|
176
|
-
var _a;
|
|
177
|
-
const focusedIndex = this.group.members.findIndex(m => m.id === this.group.focused.id);
|
|
178
|
-
return (_a = this.group.members.find((_m, i) => i === focusedIndex + 1)) !== null && _a !== void 0 ? _a : this.group.first;
|
|
179
|
-
}
|
|
180
|
-
groupSetChecked(newChecked, e) {
|
|
181
|
-
if (this.group.members.length > 1) {
|
|
182
|
-
const isKeyboardEvent = e.type === 'keydown';
|
|
183
|
-
const newIsAriaDisabled = newChecked.hasAttribute('aria-disabled');
|
|
184
|
-
const newIndex = this.group.members.findIndex(m => m === newChecked);
|
|
185
|
-
if (isKeyboardEvent)
|
|
186
|
-
newChecked.focus();
|
|
187
|
-
// if new is disabled, do not reset/set anything
|
|
188
|
-
if (!newIsAriaDisabled) {
|
|
189
|
-
// reset all group members but the newChecked
|
|
190
|
-
this.group.hosts
|
|
191
|
-
.filter((_h, i) => i !== newIndex)
|
|
192
|
-
.forEach(h => {
|
|
193
|
-
h.groupReset();
|
|
194
|
-
});
|
|
195
|
-
// if method was called by keyboard event, select newChecked
|
|
196
|
-
// else this has already been done by clicking on the newChecked element already
|
|
197
|
-
if (isKeyboardEvent)
|
|
198
|
-
newChecked.click();
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
// remove as soon as all browser support :host-context()
|
|
203
|
-
// https://caniuse.com/?search=%3Ahost-context()
|
|
204
|
-
setHostContext() {
|
|
205
|
-
let bgContext;
|
|
206
|
-
const possibleBgContexts = window
|
|
207
|
-
.getComputedStyle(this.host)
|
|
208
|
-
.getPropertyValue('--post-card-control-bg-context')
|
|
209
|
-
.split(', ');
|
|
210
|
-
let formContext;
|
|
211
|
-
const possibleFromContexts = ['fieldset'];
|
|
212
|
-
let element = this.host;
|
|
213
|
-
while (element && (!bgContext || !formContext)) {
|
|
214
|
-
bgContext = bgContext !== null && bgContext !== void 0 ? bgContext : possibleBgContexts.find(selector => element.matches(selector));
|
|
215
|
-
formContext = formContext !== null && formContext !== void 0 ? formContext : possibleFromContexts.find(selector => element.matches(selector));
|
|
216
|
-
element = element.parentElement;
|
|
217
|
-
}
|
|
218
|
-
const hostContext = [bgContext, formContext].filter(context => !!context).join(' ');
|
|
219
|
-
this.host.setAttribute('data-context', hostContext);
|
|
220
|
-
}
|
|
221
|
-
connectedCallback() {
|
|
222
|
-
this.initialChecked = this.checked;
|
|
223
|
-
}
|
|
224
|
-
componentWillRender() {
|
|
225
|
-
this.hasIcon = Boolean(this.host.querySelector('[slot="icon"]') || this.icon);
|
|
226
|
-
}
|
|
227
|
-
render() {
|
|
228
|
-
return (h(Host, { key: '9a9606cbe154a9bedbc5bcabfd0f8a124f48d7c3', "data-version": version, onClick: this.cardClickHandler }, h("div", { key: 'fc77375570af7db9e8fe1a554d73e1aec04025b5', class: {
|
|
229
|
-
'card-control': true,
|
|
230
|
-
'is-checked': this.checked,
|
|
231
|
-
'is-disabled': this.disabled,
|
|
232
|
-
'is-focused': this.focused,
|
|
233
|
-
'is-valid': this.validity !== null && this.validity !== 'false',
|
|
234
|
-
'is-invalid': this.validity === 'false',
|
|
235
|
-
} }, h("input", { key: '5364895020750c3a265ff3773d29fa1984215a36', ref: el => (this.control = el), 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": this.validity === 'false', onClick: this.controlClickHandler, onInput: this.controlChangeHandler, onChange: this.controlChangeHandler, onFocus: this.controlFocusHandler, onBlur: this.controlFocusHandler, onKeyDown: this.controlKeyDownHandler }), h("label", { key: '452117728c65c511f58ca1e3c98f06edff295c83', id: `${this.controlId}_label`, htmlFor: this.controlId, class: "card-control--label" }, this.label, this.description ? (h("div", { class: "card-control--description" }, this.description)) : null), this.hasIcon ? (h("div", { class: "card-control--icon" }, h("slot", { name: "icon" }, this.icon ? h("post-icon", { name: this.icon }) : null))) : null, h("div", { key: 'b9da8ef0d3cc6492aa6fa2b7696f73905dca3bb6', id: `${this.controlId}_content`, class: "card-control--content" }, h("slot", { key: '37aed120bb769b1cfcbccd41b17135b1b769d31e' })))));
|
|
236
|
-
}
|
|
237
|
-
componentDidRender() {
|
|
238
|
-
this.setHostContext();
|
|
239
|
-
this.groupCollectMembers();
|
|
240
|
-
}
|
|
241
|
-
componentDidLoad() {
|
|
242
|
-
this.validateControlLabel();
|
|
243
|
-
this.validateControlType();
|
|
244
|
-
}
|
|
245
|
-
// https://stenciljs.com/docs/form-associated
|
|
246
|
-
/* eslint-disable @stencil-community/own-methods-must-be-private */
|
|
247
|
-
formAssociatedCallback() {
|
|
248
|
-
this.controlSetChecked(this.checked);
|
|
249
|
-
}
|
|
250
|
-
formDisabledCallback(disabled) {
|
|
251
|
-
this.disabled = disabled;
|
|
252
|
-
}
|
|
253
|
-
formStateRestoreCallback(checked) {
|
|
254
|
-
this.controlSetChecked(checked);
|
|
255
|
-
}
|
|
256
|
-
formResetCallback() {
|
|
257
|
-
this.reset();
|
|
258
|
-
}
|
|
259
|
-
static get formAssociated() { return true; }
|
|
260
|
-
get host() { return getElement(this); }
|
|
261
|
-
static get watchers() { return {
|
|
262
|
-
"label": ["validateControlLabel"],
|
|
263
|
-
"type": ["validateControlType"],
|
|
264
|
-
"checked": ["updateControlChecked"],
|
|
265
|
-
"disabled": ["updateControlDisabled"]
|
|
266
|
-
}; }
|
|
267
|
-
};
|
|
268
|
-
PostCardControl.style = PostCardControlStyle0;
|
|
269
|
-
|
|
270
|
-
export { PostCardControl as P };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as post_card_control}from"./p-3899ed87.js";import"./p-3eab790d.js";import"./p-611b3c41.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-d6ac46af.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as t,h as r,H as c,g as e}from"./p-3eab790d.js";import{c as a}from"./p-611b3c41.js";import{c as i}from"./p-b095519d.js";import{v as s}from"./p-d6ac46af.js";let n=0;const d=class{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(r){o(this,r),this.postInput=t(this,"postInput",7),this.postChange=t(this,"postChange",7),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.EVENT_MAP={input:"postInput",change:"postChange"},this.KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"},this.group={hosts:[],members:[],first:null,last:null,checked:null,focused:null},this.controlId="PostCardControl_"+n++,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(){var o,t;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=null!==(o=this.group.members.find((o=>o.checked)))&&void 0!==o?o:null,this.group.focused=null!==(t=this.group.members.find((o=>o.getRootNode().host===document.activeElement)))&&void 0!==t?t:this.group.first;const r=this.group.checked||this.group.focused||this.group.first;this.group.members.forEach((o=>{o.tabIndex=o===r?0:-1}))}}groupGetPrev(){var o;const t=this.group.members.findIndex((o=>o.id===this.group.focused.id));return null!==(o=this.group.members.find(((o,r)=>r===t-1)))&&void 0!==o?o:this.group.last}groupGetNext(){var o;const t=this.group.members.findIndex((o=>o.id===this.group.focused.id));return null!==(o=this.group.members.find(((o,r)=>r===t+1)))&&void 0!==o?o: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=null!=o?o:t.find((o=>e.matches(o))),r=null!=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 r(c,{key:"9a9606cbe154a9bedbc5bcabfd0f8a124f48d7c3","data-version":s,onClick:this.cardClickHandler},r("div",{key:"fc77375570af7db9e8fe1a554d73e1aec04025b5",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}},r("input",{key:"5364895020750c3a265ff3773d29fa1984215a36",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}),r("label",{key:"452117728c65c511f58ca1e3c98f06edff295c83",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label"},this.label,this.description?r("div",{class:"card-control--description"},this.description):null),this.hasIcon?r("div",{class:"card-control--icon"},r("slot",{name:"icon"},this.icon?r("post-icon",{name:this.icon}):null)):null,r("div",{key:"b9da8ef0d3cc6492aa6fa2b7696f73905dca3bb6",id:`${this.controlId}_content`,class:"card-control--content"},r("slot",{key:"37aed120bb769b1cfcbccd41b17135b1b769d31e"}))))}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}get host(){return e(this)}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:-moz-fit-content;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:1.5rem}.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-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][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-hover-bg2)}@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-bg3)}@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-fg1)}@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-bg1);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}}.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%;-webkit-mask-size:var(--post-device-sizing-interactive-icon-size);mask-size:var(--post-device-sizing-interactive-icon-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.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:FieldText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg);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{-webkit-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>");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{-webkit-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>");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-bg);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke);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: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-bg1);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}.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-bg);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}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1)}.form-check>input[type=radio][disabled]:checked::after{background-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>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:1rem}.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 .5rem;margin:0;padding:1rem;background-color:var(--post-card-control-bg);border:2px 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:.25rem 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:var(--post-contrast-color);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:.25rem 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:2rem;height:2rem;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:2px;outline:2px 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:2px solid Field;outline-offset:-4px}.card-control .card-control--input{outline:2px 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:2px;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:2px;border-radius:1px;background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:2px 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:1rem}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}';export{d as P}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as n,g as o,c as i}from"./p-3eab790d.js";import{v as a}from"./p-d6ac46af.js";import{c as r,d as s,b as l}from"./p-0338f9da.js";import{c}from"./p-b095519d.js";import{c as d}from"./p-4a3f67ab.js";const f=class{constructor(e){t(this,e)}render(){return e(n,{key:"b7e24245bf8319049c57737d754f566abf70b2ff","data-version":a},e("button",{key:"ab26b009632b4050d45eafc4dcab0e8ede55f943",class:"btn btn-icon-close"},e("post-icon",{key:"fa8da29f6f0795c3f0128c008e2fd8caee272fe5","aria-hidden":"true",name:"2043"}),e("span",{key:"f55941d6449a08911a2432213cf2f4c2b3f961aa",class:"visually-hidden"},e("slot",{key:"172454f7bbb2fa54f245137c49d4bde0527a1308"}))))}get host(){return o(this)}},h=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],p=class{constructor(e){t(this,e),this.svgStyles=void 0,this.svgOutput=void 0,this.animation=null,this.base=null,this.flipH=!1,this.flipV=!1,this.name=void 0,this.rotate=null,this.scale=null}validateAnimation(t=this.animation){void 0!==t&&r(t,h,`The post-icon "animation" prop requires one of the following values: ${h.join(", ")}.`)}validateBase(t=this.base){s(t,"string",'The post-icon "base" prop should be a string.')}validateFlipH(t=this.flipH){s(t,"boolean",'The post-icon "flipH" prop should be a boolean.')}validateFlipV(t=this.flipV){s(t,"boolean",'The post-icon "flipV" prop should be a boolean.')}validateName(t=this.name){c(t,'The post-icon "name" prop is required!.'),d(t,"string",'The post-icon "name" prop should be a string.')}validateRotate(t=this.rotate){s(t,"number",'The post-icon "rotate" prop should be a number.')}validateScale(t=this.scale){s(t,"number",'The post-icon "scale" prop should be a number.')}componentDidLoad(){this.validateBase(),this.validateName(),this.validateFlipH(),this.validateFlipV(),this.validateScale(),this.validateRotate(),this.validateAnimation()}componentWillRender(){this.setPath()}setPath(){var t,e,n,o;const i=null!==(e=null===(t=document.head.querySelector('meta[name="design-system-settings"][data-post-icon-base]'))||void 0===t?void 0:t.getAttribute("data-post-icon-base"))&&void 0!==e?e:null,a=`${null!==(o=null!==(n=this.base)&&void 0!==n?n:i)&&void 0!==o?o:"https://unpkg.com/@swisspost/design-system-icons/public/post-icons"}/`.replace(/\/\/$/,"/");this.path=new URL(`${a}${this.name}.svg`,window.location.origin).toString()}render(){const t=Object.entries({"-webkit-mask-image":`url('${this.path}')`,"mask-image":`url('${this.path}')`,transform:(this.scale&&!isNaN(Number(this.scale))?"scale("+this.scale+")":"")+(this.rotate&&!isNaN(Number(this.rotate))?" rotate("+this.rotate+"deg)":"")}).filter((([t,e])=>null!==e)).reduce(((t,[e,n])=>Object.assign(t,{[e]:n})),{});return e(n,{key:"86c61ac92270e1b46ef63e2bb0ff4683a16ca794","data-version":a},e("span",{key:"ad856363b96d303912c9085d9d45cb911cbedfc6",style:t}))}get host(){return o(this)}static get watchers(){return{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}}};p.style=":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";const u=class{constructor(e){t(this,e),this.url=void 0}validateUrl(){l(this.url,'The "url" property of the post-logo is invalid')}componentDidLoad(){this.validateUrl(),this.checkDescription()}checkDescription(){this.host.textContent||console.warn("Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.")}render(){const t=this.url&&("string"==typeof this.url?this.url:this.url.href);return e(n,{key:"9f23dca4f568ecbcf3d90387b2a9cb4fa1e85a98","data-version":a,slot:"post-logo"},e(t?"a":"span",Object.assign({key:"1b303363d3a4a829d4ab4b38bc40cbd3107b55e9",class:"logo"},t?{href:t}:{}),e("span",{key:"de29d53c4bb663053092b905d32f6597bd9a00d5",class:"description"},e("slot",{key:"bdfc96e3d9cb9384a61fa8af91c12a4b119f2f3b",onSlotchange:()=>this.checkDescription()})),e("svg",{key:"f2d1e0803c7f2f3a7c425dd5ebd57346c8d967e6",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},e("g",{key:"554a2d4edb796b01969555eccb3f0f34e74f0121",id:"Logo"},e("rect",{key:"7596d8684037b02d015e48539bddda3f44dfcadf",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),e("polygon",{key:"f79c5e941f7d87de1484a934565cf363b49914d5",fill:"#ff0000",points:"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3"}),e("path",{key:"7c5babc1703e4f74c08b78916a86c553f8cc6edf",d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}get host(){return o(this)}static get watchers(){return{url:["validateUrl"]}}};u.style=":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";const m=Math.min,b=Math.max,g=Math.round,v=Math.floor,y=t=>({x:t,y:t}),w={left:"right",right:"left",bottom:"top",top:"bottom"},x={start:"end",end:"start"};function k(t,e,n){return b(t,m(e,n))}function T(t,e){return"function"==typeof t?t(e):t}function S(t){return t.split("-")[0]}function M(t){return t.split("-")[1]}function E(t){return"x"===t?"y":"x"}function A(t){return"y"===t?"height":"width"}function L(t){return["top","bottom"].includes(S(t))?"y":"x"}function D(t){return E(L(t))}function H(t){return t.replace(/start|end/g,(t=>x[t]))}function z(t){return t.replace(/left|right|bottom|top/g,(t=>w[t]))}function O(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function C(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function R(t,e,n){let{reference:o,floating:i}=t;const a=L(e),r=D(e),s=A(r),l=S(e),c="y"===a,d=o.x+o.width/2-i.width/2,f=o.y+o.height/2-i.height/2,h=o[s]/2-i[s]/2;let p;switch(l){case"top":p={x:d,y:o.y-i.height};break;case"bottom":p={x:d,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:f};break;case"left":p={x:o.x-i.width,y:f};break;default:p={x:o.x,y:o.y}}switch(M(e)){case"start":p[r]-=h*(n&&c?-1:1);break;case"end":p[r]+=h*(n&&c?-1:1)}return p}async function j(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:a,rects:r,elements:s,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:f="floating",altBoundary:h=!1,padding:p=0}=T(e,t),u=O(p),m=s[h?"floating"===f?"reference":"floating":f],b=C(await a.getClippingRect({element:null==(n=await(null==a.isElement?void 0:a.isElement(m)))||n?m:m.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:l})),g="floating"===f?{...r.floating,x:o,y:i}:r.reference,v=await(null==a.getOffsetParent?void 0:a.getOffsetParent(s.floating)),y=await(null==a.isElement?void 0:a.isElement(v))&&await(null==a.getScale?void 0:a.getScale(v))||{x:1,y:1},w=C(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:g,offsetParent:v,strategy:l}):g);return{top:(b.top-w.top+u.top)/y.y,bottom:(w.bottom-b.bottom+u.bottom)/y.y,left:(b.left-w.left+u.left)/y.x,right:(w.right-b.right+u.right)/y.x}}function P(t){const e=m(...t.map((t=>t.left))),n=m(...t.map((t=>t.top)));return{x:e,y:n,width:b(...t.map((t=>t.right)))-e,height:b(...t.map((t=>t.bottom)))-n}}function F(t){return $(t)?(t.nodeName||"").toLowerCase():"#document"}function B(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function W(t){var e;return null==(e=($(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function $(t){return t instanceof Node||t instanceof B(t).Node}function N(t){return t instanceof Element||t instanceof B(t).Element}function q(t){return t instanceof HTMLElement||t instanceof B(t).HTMLElement}function I(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof B(t).ShadowRoot)}function V(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=J(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function Y(t){return["table","td","th"].includes(F(t))}function G(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function U(t){const e=X(),n=N(t)?J(t):t;return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function X(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function _(t){return["html","body","#document"].includes(F(t))}function J(t){return B(t).getComputedStyle(t)}function K(t){return N(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Q(t){if("html"===F(t))return t;const e=t.assignedSlot||t.parentNode||I(t)&&t.host||W(t);return I(e)?e.host:e}function Z(t){const e=Q(t);return _(e)?t.ownerDocument?t.ownerDocument.body:t.body:q(e)&&V(e)?e:Z(e)}function tt(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const i=Z(t),a=i===(null==(o=t.ownerDocument)?void 0:o.body),r=B(i);return a?e.concat(r,r.visualViewport||[],V(i)?i:[],r.frameElement&&n?tt(r.frameElement):[]):e.concat(i,tt(i,[],n))}function et(t){const e=J(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const i=q(t),a=i?t.offsetWidth:n,r=i?t.offsetHeight:o,s=g(n)!==a||g(o)!==r;return s&&(n=a,o=r),{width:n,height:o,$:s}}function nt(t){return N(t)?t:t.contextElement}function ot(t){const e=nt(t);if(!q(e))return y(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:a}=et(e);let r=(a?g(n.width):n.width)/o,s=(a?g(n.height):n.height)/i;return r&&Number.isFinite(r)||(r=1),s&&Number.isFinite(s)||(s=1),{x:r,y:s}}const it=y(0);function at(t){const e=B(t);return X()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:it}function rt(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const i=t.getBoundingClientRect(),a=nt(t);let r=y(1);e&&(o?N(o)&&(r=ot(o)):r=ot(t));const s=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==B(t))&&e}(a,n,o)?at(a):y(0);let l=(i.left+s.x)/r.x,c=(i.top+s.y)/r.y,d=i.width/r.x,f=i.height/r.y;if(a){const t=B(a),e=o&&N(o)?B(o):o;let n=t,i=n.frameElement;for(;i&&o&&e!==n;){const t=ot(i),e=i.getBoundingClientRect(),o=J(i),a=e.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x,r=e.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,f*=t.y,l+=a,c+=r,n=B(i),i=n.frameElement}}return C({width:d,height:f,x:l,y:c})}function st(t){return rt(W(t)).left+K(t).scrollLeft}function lt(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=B(t),o=W(t),i=n.visualViewport;let a=o.clientWidth,r=o.clientHeight,s=0,l=0;if(i){a=i.width,r=i.height;const t=X();(!t||t&&"fixed"===e)&&(s=i.offsetLeft,l=i.offsetTop)}return{width:a,height:r,x:s,y:l}}(t,n);else if("document"===e)o=function(t){const e=W(t),n=K(t),o=t.ownerDocument.body,i=b(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),a=b(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let r=-n.scrollLeft+st(t);const s=-n.scrollTop;return"rtl"===J(o).direction&&(r+=b(e.clientWidth,o.clientWidth)-i),{width:i,height:a,x:r,y:s}}(W(t));else if(N(e))o=function(t,e){const n=rt(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,a=q(t)?ot(t):y(1);return{width:t.clientWidth*a.x,height:t.clientHeight*a.y,x:i*a.x,y:o*a.y}}(e,n);else{const n=at(t);o={...e,x:e.x-n.x,y:e.y-n.y}}return C(o)}function ct(t,e){const n=Q(t);return!(n===e||!N(n)||_(n))&&("fixed"===J(n).position||ct(n,e))}function dt(t,e,n){const o=q(e),i=W(e),a="fixed"===n,r=rt(t,!0,a,e);let s={scrollLeft:0,scrollTop:0};const l=y(0);if(o||!o&&!a)if(("body"!==F(e)||V(i))&&(s=K(e)),o){const t=rt(e,!0,a,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else i&&(l.x=st(i));return{x:r.left+s.scrollLeft-l.x,y:r.top+s.scrollTop-l.y,width:r.width,height:r.height}}function ft(t){return"static"===J(t).position}function ht(t,e){return q(t)&&"fixed"!==J(t).position?e?e(t):t.offsetParent:null}function pt(t,e){const n=B(t);if(G(t))return n;if(!q(t)){let e=Q(t);for(;e&&!_(e);){if(N(e)&&!ft(e))return e;e=Q(e)}return n}let o=ht(t,e);for(;o&&Y(o)&&ft(o);)o=ht(o,e);return o&&_(o)&&ft(o)&&!U(o)?n:o||function(t){let e=Q(t);for(;q(e)&&!_(e);){if(U(e))return e;if(G(e))return null;e=Q(e)}return null}(t)||n}const ut={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t;const a="fixed"===i,r=W(o),s=!!e&&G(e.floating);if(o===r||s&&a)return n;let l={scrollLeft:0,scrollTop:0},c=y(1);const d=y(0),f=q(o);if((f||!f&&!a)&&(("body"!==F(o)||V(r))&&(l=K(o)),q(o))){const t=rt(o);c=ot(o),d.x=t.x+o.clientLeft,d.y=t.y+o.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-l.scrollLeft*c.x+d.x,y:n.y*c.y-l.scrollTop*c.y+d.y}},getDocumentElement:W,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const a=[..."clippingAncestors"===n?G(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=tt(t,[],!1).filter((t=>N(t)&&"body"!==F(t))),i=null;const a="fixed"===J(t).position;let r=a?Q(t):t;for(;N(r)&&!_(r);){const e=J(r),n=U(r);n||"fixed"!==e.position||(i=null),(a?!n&&!i:!n&&"static"===e.position&&i&&["absolute","fixed"].includes(i.position)||V(r)&&!n&&ct(t,r))?o=o.filter((t=>t!==r)):i=e,r=Q(r)}return e.set(t,o),o}(e,this._c):[].concat(n),o],r=a.reduce(((t,n)=>{const o=lt(e,n,i);return t.top=b(o.top,t.top),t.right=m(o.right,t.right),t.bottom=m(o.bottom,t.bottom),t.left=b(o.left,t.left),t}),lt(e,a[0],i));return{width:r.right-r.left,height:r.bottom-r.top,x:r.left,y:r.top}},getOffsetParent:pt,getElementRects:async function(t){const e=this.getOffsetParent||pt,n=this.getDimensions,o=await n(t.floating);return{reference:dt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=et(t);return{width:e,height:n}},getScale:ot,isElement:N,isRTL:function(t){return"rtl"===J(t).direction}};const mt=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:i,y:a,placement:r,middlewareData:s}=e,l=await async function(t,e){const{placement:n,platform:o,elements:i}=t,a=await(null==o.isRTL?void 0:o.isRTL(i.floating)),r=S(n),s=M(n),l="y"===L(n),c=["left","top"].includes(r)?-1:1,d=a&&l?-1:1,f=T(e,t);let{mainAxis:h,crossAxis:p,alignmentAxis:u}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return s&&"number"==typeof u&&(p="end"===s?-1*u:u),l?{x:p*d,y:h*c}:{x:h*c,y:p*d}}(e,t);return r===(null==(n=s.offset)?void 0:n.placement)&&null!=(o=s.arrow)&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:r}}}}},bt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:i}=e,{mainAxis:a=!0,crossAxis:r=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...l}=T(t,e),c={x:n,y:o},d=await j(e,l),f=L(S(i)),h=E(f);let p=c[h],u=c[f];a&&(p=k(p+d["y"===h?"top":"left"],p,p-d["y"===h?"bottom":"right"])),r&&(u=k(u+d["y"===f?"top":"left"],u,u-d["y"===f?"bottom":"right"]));const m=s.fn({...e,[h]:p,[f]:u});return{...m,data:{x:m.x-n,y:m.y-o}}}}},gt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:i,middlewareData:a,rects:r,initialPlacement:s,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:f=!0,fallbackPlacements:h,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:m=!0,...b}=T(t,e);if(null!=(n=a.arrow)&&n.alignmentOffset)return{};const g=S(i),v=S(s)===s,y=await(null==l.isRTL?void 0:l.isRTL(c.floating)),w=h||(v||!m?[z(s)]:function(t){const e=z(t);return[H(t),e,H(e)]}(s));h||"none"===u||w.push(...function(t,e,n,o){const i=M(t);let a=function(t,e,n){const o=["left","right"],i=["right","left"],a=["top","bottom"],r=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?a:r;default:return[]}}(S(t),"start"===n,o);return i&&(a=a.map((t=>t+"-"+i)),e&&(a=a.concat(a.map(H)))),a}(s,m,u,y));const x=[s,...w],k=await j(e,b),E=[];let L=(null==(o=a.flip)?void 0:o.overflows)||[];if(d&&E.push(k[g]),f){const t=function(t,e,n){void 0===n&&(n=!1);const o=M(t),i=D(t),a=A(i);let r="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[a]>e.floating[a]&&(r=z(r)),[r,z(r)]}(i,r,y);E.push(k[t[0]],k[t[1]])}if(L=[...L,{placement:i,overflows:E}],!E.every((t=>t<=0))){var O,C;const t=((null==(O=a.flip)?void 0:O.index)||0)+1,e=x[t];if(e)return{data:{index:t,overflows:L},reset:{placement:e}};let n=null==(C=L.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!n)switch(p){case"bestFit":{var R;const t=null==(R=L.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:R[0];t&&(n=t);break}case"initialPlacement":n=s}if(i!==n)return{reset:{placement:n}}}return{}}}},vt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:n,rects:o,platform:i,elements:a}=e,{apply:r=(()=>{}),...s}=T(t,e),l=await j(e,s),c=S(n),d=M(n),f="y"===L(n),{width:h,height:p}=o.floating;let u,g;"top"===c||"bottom"===c?(u=c,g=d===(await(null==i.isRTL?void 0:i.isRTL(a.floating))?"start":"end")?"left":"right"):(g=c,u="end"===d?"top":"bottom");const v=p-l[u],y=h-l[g],w=!e.middlewareData.shift;let x=v,k=y;if(f){const t=h-l.left-l.right;k=d||w?m(y,t):t}else{const t=p-l.top-l.bottom;x=d||w?m(v,t):t}if(w&&!d){const t=b(l.left,0),e=b(l.right,0),n=b(l.top,0),o=b(l.bottom,0);f?k=h-2*(0!==t||0!==e?t+e:b(l.left,l.right)):x=p-2*(0!==n||0!==o?n+o:b(l.top,l.bottom))}await r({...e,availableWidth:k,availableHeight:x});const E=await i.getDimensions(a.floating);return h!==E.width||p!==E.height?{reset:{rects:!0}}:{}}}},yt=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:o,placement:i,rects:a,middlewareData:r}=e,{offset:s=0,mainAxis:l=!0,crossAxis:c=!0}=T(t,e),d={x:n,y:o},f=L(i),h=E(f);let p=d[h],u=d[f];const m=T(s,e),b="number"==typeof m?{mainAxis:m,crossAxis:0}:{mainAxis:0,crossAxis:0,...m};if(l){const t="y"===h?"height":"width",e=a.reference[h]-a.floating[t]+b.mainAxis,n=a.reference[h]+a.reference[t]-b.mainAxis;p<e?p=e:p>n&&(p=n)}if(c){var g,v;const t="y"===h?"width":"height",e=["top","left"].includes(S(i)),n=a.reference[f]-a.floating[t]+(e&&(null==(g=r.offset)?void 0:g[f])||0)+(e?0:b.crossAxis),o=a.reference[f]+a.reference[t]+(e?0:(null==(v=r.offset)?void 0:v[f])||0)-(e?b.crossAxis:0);u<n?u=n:u>o&&(u=o)}return{[h]:p,[f]:u}}}};(()=>{var t=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:n="",...o}={}){super(t,o),this.oldState=String(e||""),this.newState=String(n||"")}},e=new WeakMap;function n(n,o,i){e.set(n,setTimeout((()=>{e.has(n)&&n.dispatchEvent(new t("toggle",{cancelable:!1,oldState:o,newState:i}))}),0))}var o=globalThis.ShadowRoot||function(){},i=globalThis.HTMLDialogElement||function(){},a=new WeakMap,r=new WeakMap,s=new WeakMap;function l(t){return s.get(t)||"hidden"}var c=new WeakMap;function d(t,e){return!("auto"!==t.popover&&"manual"!==t.popover||!t.isConnected||e&&"showing"!==l(t)||!e&&"hidden"!==l(t)||t instanceof i&&t.hasAttribute("open")||document.fullscreenElement===t)}function f(t){return t?Array.from(r.get(t.ownerDocument)||[]).indexOf(t)+1:0}function h(t){let e=r.get(t);for(let t of e||[]){if(t.isConnected)return t;e.delete(t)}return null}function p(t){return"function"==typeof t.getRootNode?t.getRootNode():t.parentNode?p(t.parentNode):t}function u(t){for(;t;){if(t instanceof HTMLElement&&"auto"===t.popover&&"showing"===s.get(t))return t;if((t=t.parentElement||p(t))instanceof o&&(t=t.host),t instanceof Document)return}}function m(t){return!(t.hidden||t instanceof o||(t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLOptGroupElement||t instanceof HTMLOptionElement||t instanceof HTMLFieldSetElement)&&t.disabled||t instanceof HTMLInputElement&&"hidden"===t.type||t instanceof HTMLAnchorElement&&""===t.href)&&"number"==typeof t.tabIndex&&-1!==t.tabIndex}var b=new WeakMap;function g(e){if(!d(e,!1))return;let o=e.ownerDocument;if(!e.dispatchEvent(new t("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))||!d(e,!1))return;let i=!1;if("auto"===e.popover){let t=e.getAttribute("popover"),n=function(t){let e=new Map,n=0,o=t.ownerDocument;for(let t of r.get(o)||[])e.set(t,n),n+=1;e.set(t,n),n+=1;let i=null;return function(t){let n=u(t);if(null===n)return null;let o=e.get(n);(null===i||e.get(i)<o)&&(i=n)}(t?.parentElement),i}(e)||o;if(w(n,!1,!0),t!==e.getAttribute("popover")||!d(e,!1))return}h(o)||(i=!0),b.delete(e);let l=o.activeElement;e.classList.add(":popover-open"),s.set(e,"showing"),a.has(o)||a.set(o,new Set),a.get(o).add(e),function(t){(function(t){if(t.shadowRoot&&!0!==t.shadowRoot.delegatesFocus)return null;let e=t;e.shadowRoot&&(e=e.shadowRoot);let n=e.querySelector("[autofocus]");if(n)return n;{let t=e.querySelectorAll("slot");for(let e of t){let t=e.assignedElements({flatten:!0});for(let e of t){if(e.hasAttribute("autofocus"))return e;if(n=e.querySelector("[autofocus]"),n)return n}}}let o=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT),i=o.currentNode;for(;i;){if(m(i))return i;i=o.nextNode()}})(t)?.focus()}(e),"auto"===e.popover&&(r.has(o)||r.set(o,new Set),r.get(o).add(e),S(c.get(e),!0)),i&&l&&"auto"===e.popover&&b.set(e,l),n(e,"closed","open")}function v(e,o=!1,i=!1){if(!d(e,!0))return;let l=e.ownerDocument;if("auto"===e.popover&&(w(e,o,i),!d(e,!0))||(S(c.get(e),!1),c.delete(e),i&&(e.dispatchEvent(new t("beforetoggle",{oldState:"open",newState:"closed"})),!d(e,!0))))return;a.get(l)?.delete(e),r.get(l)?.delete(e),e.classList.remove(":popover-open"),s.set(e,"hidden"),i&&n(e,"open","closed");let f=b.get(e);f&&(b.delete(e),o&&f.focus())}function y(t,e=!1,n=!1){let o=h(t);for(;o;)v(o,e,n),o=h(t)}function w(t,e,n){let o=t.ownerDocument||t;if(t instanceof Document)return y(o,e,n);let i=null,a=!1;for(let e of r.get(o)||[])if(e===t)a=!0;else if(a){i=e;break}if(!a)return y(o,e,n);for(;i&&"showing"===l(i)&&r.get(o)?.size;)v(i,e,n)}var x=new WeakMap;function k(t){if(!t.isTrusted)return;let e=t.composedPath()[0];if(!e)return;let n=e.ownerDocument;if(!h(n))return;let i=function(t){let e=u(t),n=function(t){for(;t;){let e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if((t=t.parentElement||p(t))instanceof o&&(t=t.host),t instanceof Document)return}}(t);return f(e)>f(n)?e:n}(e);if(i&&"pointerdown"===t.type)x.set(n,i);else if("pointerup"===t.type){let t=x.get(n)===i;x.delete(n),t&&w(i||n,!1,!0)}}var T=new WeakMap;function S(t,e=!1){if(!t)return;T.has(t)||T.set(t,t.getAttribute("aria-expanded"));let n=t.popoverTargetElement;if(n instanceof HTMLElement&&"auto"===n.popover)t.setAttribute("aria-expanded",String(e));else{let e=T.get(t);e?t.setAttribute("aria-expanded",e):t.removeAttribute("aria-expanded")}}var M=globalThis.ShadowRoot||function(){};function E(t,e,n){let o=t[e];Object.defineProperty(t,e,{value(t){return o.call(this,n(t))}})}var A=/(^|[^\\]):popover-open\b/g,L="\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n\n :where([popover]:not(.\\:popover-open)) {\n display: none;\n }\n",D=null;function H(t){if(null===D)try{(D=new CSSStyleSheet).replaceSync(L)}catch{D=!1}if(!1===D){let e=document.createElement("style");e.textContent=L,t instanceof Document?t.head.prepend(e):t.prepend(e)}else t.adoptedStyleSheets=[D,...t.adoptedStyleSheets]}typeof HTMLElement<"u"&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||function(){function e(t){return t?.includes(":popover-open")&&(t=t.replace(A,"$1.\\:popover-open")),t}window.ToggleEvent=window.ToggleEvent||t,E(Document.prototype,"querySelector",e),E(Document.prototype,"querySelectorAll",e),E(Element.prototype,"querySelector",e),E(Element.prototype,"querySelectorAll",e),E(Element.prototype,"matches",e),E(Element.prototype,"closest",e),E(DocumentFragment.prototype,"querySelectorAll",e),E(DocumentFragment.prototype,"querySelectorAll",e),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;let t=(this.getAttribute("popover")||"").toLowerCase();return""===t||"auto"==t?"auto":"manual"},set(t){this.setAttribute("popover",t)}},showPopover:{enumerable:!0,configurable:!0,value(){g(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){v(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(t){"showing"===s.get(this)&&void 0===t||!1===t?v(this,!0,!0):(void 0===t||!0===t)&&g(this)}}});let n=Element.prototype.attachShadow;n&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(t){let e=n.call(this,t);return H(e),e}}});let o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){let t=o.call(this);return t.shadowRoot&&H(t.shadowRoot),t}}});let i=new WeakMap;function a(t){Object.defineProperties(t.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(t){if(null===t)this.removeAttribute("popovertarget"),i.delete(this);else{if(!(t instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),i.set(this,t)}},get(){if("button"!==this.localName&&"input"!==this.localName||"input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type||this.disabled||this.form&&"submit"===this.type)return null;let t=i.get(this);if(t&&t.isConnected)return t;if(t&&!t.isConnected)return i.delete(this),null;let e=p(this),n=this.getAttribute("popovertarget");return(e instanceof Document||e instanceof M)&&n&&e.getElementById(n)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){let t=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===t||"hide"===t?t:"toggle"},set(t){this.setAttribute("popovertargetaction",t)}}})}a(HTMLButtonElement),a(HTMLInputElement);var r;(r=document).addEventListener("click",(t=>{if(!t.isTrusted)return;let e=t.composedPath()[0];if(!(e instanceof Element)||e?.shadowRoot)return;let n=p(e);if(!(n instanceof M||n instanceof Document))return;let o=e.closest("[popovertargetaction],[popovertarget]");return o?(function(t){let e=t.popoverTargetElement;if(!(e instanceof HTMLElement))return;let n=l(e);"show"===t.popoverTargetAction&&"showing"===n||"hide"===t.popoverTargetAction&&"hidden"===n||("showing"===n?v(e,!0,!0):d(e,!1)&&(c.set(e,t),g(e)))}(o),void t.preventDefault()):void 0})),r.addEventListener("keydown",(t=>{let e=t.key,n=t.target;!t.defaultPrevented&&n&&("Escape"===e||"Esc"===e)&&w(n.ownerDocument,!0,!0)})),r.addEventListener("pointerdown",k),r.addEventListener("pointerup",k),H(document)}()})();const wt={top:"bottom",right:"left",bottom:"top",left:"right"},xt=class{constructor(e){t(this,e),this.postToggle=i(this,"postToggle",7),this.placement="top",this.edgeGap=8,this.arrow=!1}componentDidLoad(){this.host.setAttribute("popover",""),this.host.addEventListener("beforetoggle",this.handleToggle.bind(this))}disconnectedCallback(){"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate()}async show(t){this.toggleTimeoutId||(this.eventTarget=t,this.calculatePosition(),this.host.showPopover())}async hide(){this.toggleTimeoutId||(this.eventTarget=null,this.host.hidePopover())}async toggle(t,e){return this.toggleTimeoutId||(this.eventTarget=t,this.calculatePosition(),this.host.togglePopover(e),this.toggleTimeoutId=null),this.host.matches(":where(:popover-open, .popover-open")}handleToggle(t){this.toggleTimeoutId=window.setTimeout((()=>this.toggleTimeoutId=null),10);const e="open"===t.newState;e?this.startAutoupdates():"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate(),this.postToggle.emit(e)}startAutoupdates(){this.clearAutoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:r="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:l=!1}=o,c=nt(t),d=i||a?[...c?tt(c):[],...tt(e)]:[];d.forEach((t=>{i&&t.addEventListener("scroll",n,{passive:!0}),a&&t.addEventListener("resize",n)}));const f=c&&s?function(t,e){let n,o=null;const i=W(t);function a(){var t;clearTimeout(n),null==(t=o)||t.disconnect(),o=null}return function r(s,l){void 0===s&&(s=!1),void 0===l&&(l=1),a();const{left:c,top:d,width:f,height:h}=t.getBoundingClientRect();if(s||e(),!f||!h)return;const p={rootMargin:-v(d)+"px "+-v(i.clientWidth-(c+f))+"px "+-v(i.clientHeight-(d+h))+"px "+-v(c)+"px",threshold:b(0,m(1,l))||1};let u=!0;function g(t){const e=t[0].intersectionRatio;if(e!==l){if(!u)return r();e?r(!1,e):n=setTimeout((()=>{r(!1,1e-7)}),1e3)}u=!1}try{o=new IntersectionObserver(g,{...p,root:i.ownerDocument})}catch(t){o=new IntersectionObserver(g,p)}o.observe(t)}(!0),a}(c,n):null;let h,p=-1,u=null;r&&(u=new ResizeObserver((t=>{let[o]=t;o&&o.target===c&&u&&(u.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var t;null==(t=u)||t.observe(e)}))),n()})),c&&!l&&u.observe(c),u.observe(e));let g=l?rt(t):null;return l&&function e(){const o=rt(t);!g||o.x===g.x&&o.y===g.y&&o.width===g.width&&o.height===g.height||n(),g=o,h=requestAnimationFrame(e)}(),n(),()=>{var t;d.forEach((t=>{i&&t.removeEventListener("scroll",n),a&&t.removeEventListener("resize",n)})),null==f||f(),null==(t=u)||t.disconnect(),u=null,l&&cancelAnimationFrame(h)}}(this.eventTarget,this.host,this.calculatePosition.bind(this))}async calculatePosition(){const t=this.edgeGap,e=[gt(),(void 0===n&&(n={}),{name:"inline",options:n,async fn(t){const{placement:e,elements:o,rects:i,platform:a,strategy:r}=t,{padding:s=2,x:l,y:c}=T(n,t),d=Array.from(await(null==a.getClientRects?void 0:a.getClientRects(o.reference))||[]),f=function(t){const e=t.slice().sort(((t,e)=>t.y-e.y)),n=[];let o=null;for(let t=0;t<e.length;t++){const i=e[t];!o||i.y-o.y>o.height/2?n.push([i]):n[n.length-1].push(i),o=i}return n.map((t=>C(P(t))))}(d),h=C(P(d)),p=O(s),u=await a.getElementRects({reference:{getBoundingClientRect:function(){if(2===f.length&&f[0].left>f[1].right&&null!=l&&null!=c)return f.find((t=>l>t.left-p.left&&l<t.right+p.right&&c>t.top-p.top&&c<t.bottom+p.bottom))||h;if(f.length>=2){if("y"===L(e)){const t=f[0],n=f[f.length-1],o="top"===S(e),i=t.top,a=n.bottom,r=o?t.left:n.left,s=o?t.right:n.right;return{top:i,bottom:a,left:r,right:s,width:s-r,height:a-i,x:r,y:i}}const t="left"===S(e),n=b(...f.map((t=>t.right))),o=m(...f.map((t=>t.left))),i=f.filter((e=>t?e.left===o:e.right===n)),a=i[0].top,r=i[i.length-1].bottom;return{top:a,bottom:r,left:o,right:n,width:n-o,height:r-a,x:o,y:a}}return h}},floating:o.floating,strategy:r});return i.reference.x!==u.reference.x||i.reference.y!==u.reference.y||i.reference.width!==u.reference.width||i.reference.height!==u.reference.height?{reset:{rects:u}}:{}}}),bt({padding:t,limiter:yt({offset:32})}),vt({apply({availableWidth:e,elements:n}){Object.assign(n.floating.style,{maxWidth:e-2*t+"px"})}}),mt(this.arrow?t+4:t)];var n;this.arrow&&e.push((t=>({name:"arrow",options:t,async fn(e){const{x:n,y:o,placement:i,rects:a,platform:r,elements:s,middlewareData:l}=e,{element:c,padding:d=0}=T(t,e)||{};if(null==c)return{};const f=O(d),h={x:n,y:o},p=D(i),u=A(p),b=await r.getDimensions(c),g="y"===p,v=g?"top":"left",y=g?"bottom":"right",w=g?"clientHeight":"clientWidth",x=a.reference[u]+a.reference[p]-h[p]-a.floating[u],S=h[p]-a.reference[p],E=await(null==r.getOffsetParent?void 0:r.getOffsetParent(c));let L=E?E[w]:0;L&&await(null==r.isElement?void 0:r.isElement(E))||(L=s.floating[w]||a.floating[u]);const H=x/2-S/2,z=L/2-b[u]/2-1,C=m(f[v],z),R=m(f[y],z),j=C,P=L-b[u]-R,F=L/2-b[u]/2+H,B=k(j,F,P),W=!l.arrow&&null!=M(i)&&F!==B&&a.reference[u]/2-(F<j?C:R)-b[u]/2<0,$=W?F<j?F-j:F-P:0;return{[p]:h[p]+$,data:{[p]:B,centerOffset:F-B-$,...W&&{alignmentOffset:$}},reset:W}}}))({element:this.arrowRef,padding:t}));const{x:o,y:i,middlewareData:a,placement:r}=await((t,e,n)=>{const o=new Map,i={platform:ut,...n},a={...i.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:r}=n,s=a.filter(Boolean),l=await(null==r.isRTL?void 0:r.isRTL(e));let c=await r.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:f}=R(c,o,l),h=o,p={},u=0;for(let n=0;n<s.length;n++){const{name:a,fn:m}=s[n],{x:b,y:g,data:v,reset:y}=await m({x:d,y:f,initialPlacement:o,placement:h,strategy:i,middlewareData:p,rects:c,platform:r,elements:{reference:t,floating:e}});d=null!=b?b:d,f=null!=g?g:f,p={...p,[a]:{...p[a],...v}},y&&u<=50&&(u++,"object"==typeof y&&(y.placement&&(h=y.placement),y.rects&&(c=!0===y.rects?await r.getElementRects({reference:t,floating:e,strategy:i}):y.rects),({x:d,y:f}=R(c,h,l))),n=-1)}return{x:d,y:f,placement:h,strategy:i,middlewareData:p}})(t,e,{...i,platform:a})})(this.eventTarget,this.host,{placement:this.placement||"top",strategy:"fixed",middleware:e});if(this.host.style.left=`${o}px`,this.host.style.top=`${i}px`,this.arrow){const t=r.split("-")[0],{x:e,y:n}=a.arrow,o=wt[t],i=2;Object.assign(this.arrowRef.style,{top:n?`${n}px`:"",left:e?`${e}px`:"",[o]:-this.arrowRef.offsetWidth/2-i+"px"}),this.arrowRef.classList.remove(...Object.values(wt)),this.arrowRef.classList.add(o)}}render(){return e(n,{key:"97a63bfbf098bd3463eb75678e54ddcc9e4790b3","data-version":a},this.arrow&&e("span",{key:"f6eaa7bd6cd3eb63d15e7d91825365661daae7dd",class:"arrow",ref:t=>{this.arrowRef=t}}),e("slot",{key:"414055000891719b74c2c449fec2c87a60b62047"}))}get host(){return o(this)}};xt.style="@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\\:popover-open){display:none}}}:where(post-popovercontainer){box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);position:fixed;z-index:1060;width:max-content;margin:0;padding:0;box-sizing:border-box;color:var(--post-contrast-color);background-color:rgb(var(--post-bg-rgb));border:2px solid rgba(0,0,0,0);border-radius:4px;overflow:visible}:where(post-popovercontainer)[tooltip]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:where(post-popovercontainer) .arrow{position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:where(post-popovercontainer) .arrow.top{border-left:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.right{border-right:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.left{border-left:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.bottom{border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}";const kt=class{constructor(e){t(this,e),this.titleId=void 0,this.titleHidden=!1,this.horizontal=!1}componentWillLoad(){this.titleId=`list-${crypto.randomUUID()}`}componentDidLoad(){this.checkTitle()}checkTitle(){if(!this.titleEl.textContent.trim())throw new Error("Please provide a title to the list component. Title is mandatory for accessibility purposes.")}render(){return e(n,{key:"6c8341a8a31aff079726fb3414cd83017d297ed2","data-version":a},e("div",{key:"90a24e049565179ae20becefac3a4edf43b9c975",ref:t=>this.titleEl=t,id:this.titleId,class:"list-title"+(this.titleHidden?" visually-hidden":"")},e("slot",{key:"81489d927ad208988da2282b129eec660e2f0bd0"})),e("div",{key:"3aa8ec588c4063d396e32a20097714495421609b",role:"list","aria-labelledby":this.titleId},e("slot",{key:"0ae0aeb3e0330582d9025a36d37319ec71b0e7b1",name:"post-list-item"})))}get host(){return o(this)}};kt.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-list{display:flex;gap:var(--post-list-title-gap);flex-direction:column;align-items:flex-start}post-list>div[role=list]{flex-direction:column;display:flex;gap:var(--post-list-item-gap)}post-list[horizontal]:not([horizontal=false]){flex-direction:row;align-items:baseline}post-list[horizontal]:not([horizontal=false])>div[role=list]{flex-direction:row;align-items:center}post-list>.list-title.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}post-list>.list-title.visually-hidden:not(caption){position:absolute !important}";const Tt=class{constructor(e){t(this,e)}connectedCallback(){this.host.setAttribute("slot","post-list-item")}render(){return e(n,{key:"8336f46e5c7d9b6b921582498e1d7e62086b3d4b",role:"listitem"},e("slot",{key:"36ca0d6632ca775793f1db91d747894e0037dca2"}))}get host(){return o(this)}};Tt.style=":host{display:flex}";const St=class{constructor(e){t(this,e),this.scrollParent=null,this.throttledScroll=()=>this.handleScrollEvent(),this.throttledResize=function(t,e){var n,o={},i=o.noTrailing,a=void 0!==i&&i,r=o.noLeading,s=void 0!==r&&r,l=o.debounceMode,c=void 0===l?void 0:l,d=!1,f=0;function h(){n&&clearTimeout(n)}function p(){for(var t=arguments.length,o=new Array(t),i=0;i<t;i++)o[i]=arguments[i];var r=this,l=Date.now()-f;function p(){f=Date.now(),e.apply(r,o)}function u(){n=void 0}d||(s||!c||n||p(),h(),void 0===c&&l>50?s?(f=Date.now(),a||(n=setTimeout(c?u:p,50))):p():!0!==a&&(n=setTimeout(c?u:p,void 0===c?50-l:50)))}return p.cancel=function(t){var e=(t||{}).upcomingOnly,n=void 0!==e&&e;h(),d=!n},p}(0,(()=>this.handleResize())),this.device=null,this.mobileMenuExtended=!1}componentWillRender(){this.scrollParent=this.getScrollParent(this.host),this.scrollParent.addEventListener("scroll",this.throttledScroll,{passive:!0}),window.addEventListener("resize",this.throttledResize,{passive:!0}),this.handleResize(),this.handleScrollEvent()}handlePostMainNavigationClosed(){this.mobileMenuExtended=!1}handleScrollEvent(){const t=Math.max(0,this.scrollParent instanceof Document?this.scrollParent.documentElement.scrollTop:this.scrollParent.scrollTop);this.host.style.setProperty("--header-scroll-top",`${t}px`)}getScrollParent(t){let e=t.parentElement;for(;e;){if("BODY"===e.nodeName)return document;if(this.isScrollable(e))return e;e=e.parentElement}return document}isScrollable(t){if(!(t instanceof HTMLElement||t instanceof SVGElement))return!1;const e=getComputedStyle(t);return["overflow","overflow-x","overflow-y"].some((t=>{const n=e.getPropertyValue(t);return"auto"===n||"scroll"===n}))}handleResize(){const t=null===window||void 0===window?void 0:window.innerWidth;t>=1024?(this.device="desktop",this.mobileMenuExtended=!1):this.device=t>=600?"tablet":"mobile"}handleMobileMenuToggle(){this.mobileMenuExtended=!this.mobileMenuExtended}render(){const t=["main-navigation"];return this.mobileMenuExtended&&t.push("extended"),e(n,{key:"5a05f890e66ec97d54fd17ca26436392a4e78e9b",version:a},e("div",{key:"8f9b79cb289d0c613f6d000cf969ce5bf0b3d62a",class:"global-header"},e("div",{key:"0a482fc3153e29917ed2df1fcbf39492a18918ef",class:"global-sub"},e("div",{key:"3d25cc42a1fac21906cb2c487d90de84a9f1d029",class:"logo"},e("slot",{key:"5a14eb7b8f9927083a56e37d53bc4aed3311b6c8",name:"post-logo"})),"desktop"===this.device&&e("slot",{key:"21bc41d4a09536a33ee3d7a98424a00d3969718f",name:"audience-navigation"})),e("div",{key:"6c8fdc5acc99c165bda366e872ceb32d6918b515",class:"global-sub"},"desktop"===this.device&&e("slot",{key:"88f681de4d63517d73decd436b7084fca410f021",name:"meta-navigation"}),e("slot",{key:"b6e5c1143fb89e2940f464bac95277bc2741a5c8",name:"global-controls"}),"desktop"===this.device&&e("slot",{key:"2edb30a148ffaae9f864e9babc03228c63a46314",name:"post-language-switch"}),e("div",{key:"cc0633f19bd9b948fb2456fdc44431984e3a10eb",onClick:()=>this.handleMobileMenuToggle(),class:"mobile-toggle"},e("slot",{key:"26fa9aa29cab7e4048c387ee6c49216dc911f209",name:"post-togglebutton"})))),e("div",{key:"772afbe63ac2f0ae0527e25c6feac75b02365689",class:"title-header d-flex space-between align-center"},e("slot",{key:"32bf212b1e16df0a2fd7cec6b21a7649458e7660",name:"title"}),e("div",{key:"13bf9f2443fa9c48c6f25a0159896995e170b4dc",class:"global-sub"},e("slot",{key:"a20c9414619c9508600c25ef31d5c14f6178f520",name:"local-controls"}),e("slot",{key:"a87beb7500f4e07396bf4a91ee299a4bebd751bd"}))),e("div",{key:"008c9d1a0acf59a9b54facec5e6aec2f483f8ed7",class:t.join(" ")},("mobile"===this.device||"tablet"===this.device)&&e("slot",{key:"e8013ae7c0fe3883a4be405409fd3b35e236cf8c",name:"audience-navigation"}),e("slot",{key:"90412d08f0a835714de0a6c635f82aae90abeac2",name:"post-mainnavigation"}),("mobile"===this.device||"tablet"===this.device)&&e("slot",{key:"31fb4b34ddabda5f87f65a6c841b64f4a9802d50",name:"meta-navigation"}),("mobile"===this.device||"tablet"===this.device)&&e("slot",{key:"cfd212a052d0b736d049084f492c614131ae7a32",name:"post-language-switch"})))}get host(){return o(this)}};St.style="*,::before,::after{box-sizing:border-box}:host{--global-header-height:72px;--main-header-height:56px;--header-height:calc(var(--global-header-height) + var(--main-header-height))}@media screen and (max-width: 1023.99px){:host{--global-header-height:64px}}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;align-items:center;position:sticky;padding-inline-start:4px;padding-inline-end:12px;height:var(--global-header-height)}@media screen and (max-width: 1023.99px){.global-header{top:0}}@media screen and (min-width: 1024px){.global-header{top:calc((var(--global-header-height) - 24px)*-1)}}slot[name=post-logo]{align-self:flex-end}.global-sub{display:flex;align-items:center;gap:2rem;height:var(--global-header-height)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:24px;align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0;list-style:none;display:flex;padding-left:0;gap:1rem}.title-header,.main-navigation{display:flex;align-items:center;padding-inline:12px;background:#fff}.title-header{height:var(--main-header-height);display:flex;align-items:center}@media screen and (max-width: 1023.99px){.title-header{border-bottom:1px solid #000}}:host(:not(:has([slot=title]))) .title-header{display:none}::slotted(h1){margin:0 !important;font-size:28px !important}.main-navigation{position:sticky;top:24px;height:var(--main-header-height)}@media screen and (min-width: 1024px){.main-navigation{border-bottom:1px solid #000}}@media screen and (max-width: 1023.99px){.main-navigation{display:none;position:absolute;top:var(--header-height);bottom:0;width:100%;background-color:#fff;height:auto}.main-navigation.extended{display:block}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}";const Mt=class{constructor(e){t(this,e),this.postToggle=i(this,"postToggle",7)}handleMegadropdownToggled(t){let e,n=t.target;for(;null!==n;){if("POST-MEGADROPDOWN"===n.tagName){e=n;break}n=n.nextElementSibling}e&&e.toggle(t.target)}handleBackButtonClick(){this.postToggle.emit()}render(){return e(n,{key:"1c1d1d1c2781f39acc0fd02d3f93f922d801d98f",slot:"post-mainnavigation"},e("div",{key:"1bc1129c65fc03ec72609438bbf28afe5bc5974b",onClick:()=>this.handleBackButtonClick(),class:"back-button"},e("slot",{key:"6b1bcc25306f1f959a25b18a6319eb696b0cbc2c",name:"back-button"})),e("nav",{key:"0002b55cb82fbf88a69a886c5ec1ba24168c9979",class:"main-navigation"},e("slot",{key:"15e4558c1202f8f83e09dad76441d6bf7e3e16ea"})))}};Mt.style="*,::before,::after{box-sizing:border-box}@media screen and (min-width: 1024px){slot[name=back-button],[slot=back-button]{display:none}}@media screen and (min-width: 1024px){h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}}post-mainnavigation{height:100%}:host{height:100%;display:block}.main-navigation{margin-block:0;list-style:none;display:flex;padding-left:0;gap:1rem}@media screen and (max-width: 1023.99px){.main-navigation{flex-direction:column}}.main-navigation>post-list{display:flex;align-items:stretch;gap:1rem;height:100%}@media screen and (max-width: 1023.99px){.main-navigation>post-list{flex-direction:column}}.main-navigation a,.main-navigation post-megadropdown-toggle{height:100%;display:flex;align-items:center}";const Et=class{constructor(e){t(this,e)}async show(t){return this.popoverRef.show(t)}async hide(){return this.popoverRef.hide()}async toggle(t,e){return this.popoverRef.toggle(t,null!=e?e:void 0)}handleBackButtonClick(){this.hide()}render(){return e(n,{key:"6b30399852561a911c04a79c7c785bb5cf8e68ff",slot:"post-mainnavigation"},e("post-popovercontainer",{key:"caa196c59c0177948a73c43033f7399344068d77",placement:"bottom","edge-gap":"0",ref:t=>this.popoverRef=t},e("div",{key:"7c88bd1ca7fac00b9ab0cb1d73252c6990484fb2",class:"megadropdown"},e("div",{key:"25073177e9c9a05fca93b3b0abbed18f6b2a075b",onClick:()=>this.handleBackButtonClick(),class:"back-button"},e("slot",{key:"06a153e974f60476f2796e03afea3ad86c7560ca",name:"back-button"})),e("slot",{key:"ea95044efbd609894dd96b3aa8662756e14711af"}))))}};Et.style="*,::before,::after{box-sizing:border-box}post-popovercontainer{background-color:#fafafa;width:100%;border-bottom:1px solid #000}@media screen and (max-width: 1023.99px){post-popovercontainer{position:absolute;top:var(--header-height) !important;bottom:0;left:0;width:100%;height:auto}}.megadropdown{display:flex;gap:1rem;padding:1.5rem;border-radius:0 0 3px 3px}@media screen and (max-width: 1023.99px){.megadropdown{flex-direction:column}}.megadropdown post-list{display:flex;flex-direction:column;gap:.5rem}.megadropdown post-list-item{border-bottom:1px solid gray}.megadropdown post-list-item>a{padding-block:.25rem;display:block;text-decoration:none}.back-button{display:none}@media screen and (max-width: 1023.99px){.back-button{display:block}}post-closebutton{margin-left:auto}@media screen and (max-width: 1023.99px){post-closebutton{display:none}}h3{font-size:20px}";const At=class{constructor(e){t(this,e),this.postToggle=i(this,"postToggle",7),this.toggled=!1}handleClick(){this.toggled=!this.toggled,this.postToggle.emit()}render(){return e(n,{key:"af6dbf6cb97c5f98242e2d3fc31f193d00444b26",slot:"post-megadropdown-trigger"},e("button",{key:"8160075f3dcb5afdd88a375698a61edfdbe8b7a1","aria-expanded":this.toggled,onClick:()=>this.handleClick()},e("slot",{key:"f5be082b15802582540d9a3320d4bf19ca3d98c3"})))}};At.style=":host{display:inline-block}";export{f as P,p as a,u as b,xt as c,kt as d,Tt as e,St as f,Mt as g,Et as h,At as i}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as post_banner}from"./p-314c1090.js";import"./p-3eab790d.js";import"./p-d6ac46af.js";import"./p-2737eaf5.js";import"./p-0338f9da.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";import"./p-b095519d.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as post_menu_item}from"./p-98d8ba01.js";import"./p-3eab790d.js";import"./p-d6ac46af.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as post_rating}from"./p-d7c37aca.js";import"./p-3eab790d.js";import"./p-d6ac46af.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as post_breadcrumb_item}from"./p-476a6342.js";import"./p-3eab790d.js";import"./p-d6ac46af.js";import"./p-0338f9da.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as post_menu_trigger}from"./p-4221fd16.js";import"./p-3eab790d.js";import"./p-d6ac46af.js";import"./p-4a3f67ab.js";import"./p-fc91cbc2.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as s,H as t,g as a}from"./p-3eab790d.js";import{v as o}from"./p-d6ac46af.js";const r=class{constructor(s){e(this,s),this.panelId=void 0,this.name=void 0}componentWillLoad(){this.panelId=`panel-${this.host.id||crypto.randomUUID()}`}render(){return s(t,{key:"9018d11d85d1ce0b83e74987f8fb96eb1b873a40","data-version":o,id:this.panelId,role:"tabpanel"},s("slot",{key:"45e2214fbeb5d4c2b4e5e35eb5ad74d99033a0a3"}))}get host(){return a(this)}};r.style=":host{display:none}";export{r as P}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as post_language_option}from"./p-9d94bf34.js";import"./p-3eab790d.js";import"./p-0338f9da.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";import"./p-d6ac46af.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as post_tag}from"./p-4ac02dc1.js";import"./p-3eab790d.js";import"./p-d6ac46af.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as post_tabs}from"./p-cd06fab9.js";import"./p-3eab790d.js";import"./p-d6ac46af.js";import"./p-2737eaf5.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as post_tooltip}from"./p-4cca12fe.js";import"./p-3eab790d.js";import"./p-d6ac46af.js";import"./p-6adeaa6c.js";import"./p-0338f9da.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";
|