@swisspost/design-system-components 9.0.0-next.32 → 9.0.0-next.33
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/event-guard-efabc84f.js +47 -0
- package/dist/cjs/index.cjs.js +21 -20
- package/dist/cjs/{package-6f8f430c.js → package-3562c265.js} +1 -1
- package/dist/cjs/{post-accordion-e3a6d78e.js → post-accordion-6c5681ba.js} +6 -8
- package/dist/cjs/{post-accordion-item-7ed1f630.js → post-accordion-item-05a78451.js} +7 -7
- package/dist/cjs/post-accordion-item.cjs.entry.js +3 -2
- package/dist/cjs/post-accordion.cjs.entry.js +3 -2
- package/dist/cjs/{post-avatar-de8ec197.js → post-avatar-6710a77a.js} +1 -1
- package/dist/cjs/post-avatar.cjs.entry.js +2 -2
- package/dist/cjs/post-back-to-top-d0662842.js +96 -0
- package/dist/cjs/post-back-to-top.cjs.entry.js +2 -2
- package/dist/cjs/{post-banner-bf523706.js → post-banner-bd97db9c.js} +1 -1
- package/dist/cjs/post-banner.cjs.entry.js +2 -2
- package/dist/cjs/{post-breadcrumb-da55143a.js → post-breadcrumb-36ab841c.js} +1 -1
- package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +2 -2
- package/dist/cjs/post-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/{post-card-control-0bcd7d16.js → post-card-control-155fb433.js} +1 -1
- package/dist/cjs/post-card-control.cjs.entry.js +2 -2
- package/dist/cjs/post-closebutton_15.cjs.entry.js +3 -2
- package/dist/cjs/{post-collapsible-trigger-a5e4451d.js → post-collapsible-trigger-6601c554.js} +16 -6
- package/dist/cjs/post-collapsible_2.cjs.entry.js +3 -2
- package/dist/cjs/{post-footer-b15fee73.js → post-footer-23699aef.js} +1 -1
- package/dist/cjs/post-footer.cjs.entry.js +2 -2
- package/dist/cjs/{post-linkarea-8c85bf5e.js → post-linkarea-8e5e1a9f.js} +1 -1
- package/dist/cjs/post-linkarea.cjs.entry.js +2 -2
- package/dist/cjs/{post-menu-item-509877cd.js → post-menu-item-8dd94792.js} +1 -1
- package/dist/cjs/{post-popover-1213aa19.js → post-popover-858cbd12.js} +1 -1
- package/dist/cjs/post-popover.cjs.entry.js +2 -2
- package/dist/cjs/{post-rating-e1f8a668.js → post-rating-ef592484.js} +1 -1
- package/dist/cjs/post-rating.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-header-889a6c64.js → post-tab-header-d785e7fc.js} +1 -1
- package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-panel-300f39a9.js → post-tab-panel-41ea371e.js} +1 -1
- package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/{post-tabs-dc281228.js → post-tabs-c6f00130.js} +1 -1
- package/dist/cjs/post-tabs.cjs.entry.js +2 -2
- package/dist/cjs/{post-tag-fd9e586f.js → post-tag-d1a1176c.js} +1 -1
- package/dist/cjs/post-tag.cjs.entry.js +2 -2
- package/dist/cjs/{post-togglebutton-ad6ae1e4.js → post-togglebutton-02c56b7b.js} +72 -49
- package/dist/cjs/{post-tooltip-52d690e4.js → post-tooltip-3176e280.js} +1 -1
- package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
- package/dist/collection/components/post-accordion/post-accordion.js +5 -7
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +6 -6
- package/dist/collection/components/post-back-to-top/post-back-to-top.css +1 -1
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +32 -12
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +15 -5
- package/dist/collection/components/post-header/post-header.css +1 -1
- package/dist/collection/components/post-header/post-header.js +12 -6
- package/dist/collection/components/post-icon/post-icon.js +2 -2
- package/dist/collection/components/post-language-switch/post-language-switch.css +1 -1
- package/dist/collection/components/post-language-switch/post-language-switch.js +19 -13
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +13 -6
- package/dist/collection/components/post-menu/post-menu.js +24 -17
- package/dist/collection/utils/event-guard.js +43 -0
- package/dist/components/event-guard.js +45 -0
- package/dist/components/package.js +1 -1
- package/dist/components/post-accordion-item2.js +6 -6
- package/dist/components/post-accordion2.js +5 -7
- package/dist/components/post-back-to-top2.js +33 -13
- package/dist/components/post-collapsible-trigger2.js +15 -5
- package/dist/components/post-header2.js +13 -7
- package/dist/components/post-icon2.js +2 -2
- package/dist/components/post-language-switch2.js +20 -14
- package/dist/components/post-mainnavigation2.js +1 -1
- package/dist/components/post-megadropdown-trigger2.js +13 -6
- package/dist/components/post-megadropdown2.js +1 -1
- package/dist/components/post-menu2.js +24 -17
- package/dist/docs.json +1 -1
- package/dist/esm/event-guard-538ee077.js +45 -0
- package/dist/esm/index.js +21 -20
- package/dist/esm/package-da68ab5a.js +3 -0
- package/dist/esm/{post-accordion-7b6fb9c3.js → post-accordion-024451fa.js} +6 -8
- package/dist/esm/{post-accordion-item-d40c0b26.js → post-accordion-item-19b996d1.js} +7 -7
- package/dist/esm/post-accordion-item.entry.js +3 -2
- package/dist/esm/post-accordion.entry.js +3 -2
- package/dist/esm/{post-avatar-04ca6e3e.js → post-avatar-33aed045.js} +1 -1
- package/dist/esm/post-avatar.entry.js +2 -2
- package/dist/esm/post-back-to-top-7dd43c3b.js +94 -0
- package/dist/esm/post-back-to-top.entry.js +2 -2
- package/dist/esm/{post-banner-7c37e3ef.js → post-banner-28d18721.js} +1 -1
- package/dist/esm/post-banner.entry.js +2 -2
- package/dist/esm/{post-breadcrumb-59e4d655.js → post-breadcrumb-d86fae7b.js} +1 -1
- package/dist/esm/post-breadcrumb-item_2.entry.js +2 -2
- package/dist/esm/post-breadcrumb.entry.js +2 -2
- package/dist/esm/{post-card-control-5471488b.js → post-card-control-aa043898.js} +1 -1
- package/dist/esm/post-card-control.entry.js +2 -2
- package/dist/esm/post-closebutton_15.entry.js +3 -2
- package/dist/esm/{post-collapsible-trigger-1f6d816e.js → post-collapsible-trigger-b1612866.js} +16 -6
- package/dist/esm/post-collapsible_2.entry.js +3 -2
- package/dist/esm/{post-footer-d30f4dc8.js → post-footer-2ed5e520.js} +1 -1
- package/dist/esm/post-footer.entry.js +2 -2
- package/dist/esm/{post-linkarea-8e1a561e.js → post-linkarea-802bf774.js} +1 -1
- package/dist/esm/post-linkarea.entry.js +2 -2
- package/dist/esm/{post-menu-item-0c8477eb.js → post-menu-item-d97611d8.js} +1 -1
- package/dist/esm/{post-popover-c43969ca.js → post-popover-e51a7a18.js} +1 -1
- package/dist/esm/post-popover.entry.js +2 -2
- package/dist/esm/{post-rating-94148df7.js → post-rating-e1ac47ce.js} +1 -1
- package/dist/esm/post-rating.entry.js +2 -2
- package/dist/esm/{post-tab-header-82df0ba9.js → post-tab-header-06dcbf7f.js} +1 -1
- package/dist/esm/post-tab-header.entry.js +2 -2
- package/dist/esm/{post-tab-panel-a6512f53.js → post-tab-panel-75932601.js} +1 -1
- package/dist/esm/post-tab-panel.entry.js +2 -2
- package/dist/esm/{post-tabs-d26ce341.js → post-tabs-3ef2ea23.js} +1 -1
- package/dist/esm/post-tabs.entry.js +2 -2
- package/dist/esm/{post-tag-41d1667e.js → post-tag-a3b989e0.js} +1 -1
- package/dist/esm/post-tag.entry.js +2 -2
- package/dist/esm/{post-togglebutton-4f94bddb.js → post-togglebutton-db251030.js} +72 -49
- package/dist/esm/{post-tooltip-20f916db.js → post-tooltip-c256d714.js} +1 -1
- package/dist/esm/post-tooltip.entry.js +2 -2
- package/dist/post-components/index.esm.js +1 -1
- package/dist/post-components/p-0889c759.js +1 -0
- package/dist/post-components/{p-077edb8c.js → p-1376c653.js} +1 -1
- package/dist/post-components/{p-6f058a98.js → p-13835969.js} +1 -1
- package/dist/post-components/p-13fdbaf6.entry.js +1 -0
- package/dist/post-components/{p-22513a27.entry.js → p-1e2169ae.entry.js} +1 -1
- package/dist/post-components/p-23e4c270.entry.js +1 -0
- package/dist/post-components/{p-c0c71e37.js → p-2641e06b.js} +1 -1
- package/dist/post-components/p-2d3b16c7.js +1 -0
- package/dist/post-components/{p-5e0f6c12.js → p-33c35e15.js} +1 -1
- package/dist/post-components/p-3b247d71.entry.js +1 -0
- package/dist/post-components/p-42a5fdf8.js +1 -0
- package/dist/post-components/{p-753a1935.js → p-4ed7bab6.js} +1 -1
- package/dist/post-components/p-5c518421.js +1 -0
- package/dist/post-components/p-6db1a2e0.entry.js +1 -0
- package/dist/post-components/p-6fe98184.entry.js +1 -0
- package/dist/post-components/p-7d731077.entry.js +1 -0
- package/dist/post-components/p-7ee47334.entry.js +1 -0
- package/dist/post-components/{p-c554fcf3.js → p-8223e97b.js} +1 -1
- package/dist/post-components/p-8a8376d0.js +1 -0
- package/dist/post-components/p-8bb828cf.entry.js +1 -0
- package/dist/post-components/{p-4397f28e.js → p-8e55ddd2.js} +1 -1
- package/dist/post-components/{p-90935fdd.js → p-9681efce.js} +1 -1
- package/dist/post-components/p-96a59372.entry.js +1 -0
- package/dist/post-components/p-99c8fd43.entry.js +1 -0
- package/dist/post-components/p-ac042f7a.entry.js +1 -0
- package/dist/post-components/p-c34cacb7.js +1 -0
- package/dist/post-components/{p-931c4523.js → p-c3a970c5.js} +1 -1
- package/dist/post-components/p-c4651d32.entry.js +1 -0
- package/dist/post-components/p-c9b61d31.entry.js +1 -0
- package/dist/post-components/{p-6ad7bf0f.js → p-d16dd7f9.js} +1 -1
- package/dist/post-components/p-d81c5908.entry.js +1 -0
- package/dist/post-components/{p-28e77ad3.js → p-dbe31632.js} +1 -1
- package/dist/post-components/{p-737d76cb.js → p-e2294014.js} +1 -1
- package/dist/post-components/{p-3638e50d.js → p-e8ff8122.js} +1 -1
- package/dist/post-components/p-ed78d04a.entry.js +1 -0
- package/dist/post-components/{p-08a13d05.js → p-f1c0924a.js} +1 -1
- package/dist/post-components/p-f1db96d0.entry.js +1 -0
- package/dist/post-components/p-f7aa917f.entry.js +1 -0
- package/dist/post-components/p-f96b80cc.entry.js +1 -0
- package/dist/post-components/p-fd78716d.js +1 -0
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +3 -1
- package/dist/types/components/post-collapsible-trigger/post-collapsible-trigger.d.ts +5 -0
- package/dist/types/components/post-language-switch/post-language-switch.d.ts +3 -0
- package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts +2 -0
- package/dist/types/components/post-menu/post-menu.d.ts +1 -0
- package/dist/types/utils/event-guard.d.ts +4 -0
- package/loaders/event-guard.js +45 -0
- package/loaders/package.js +1 -1
- package/loaders/post-accordion-item2.js +6 -6
- package/loaders/post-accordion.js +5 -7
- package/loaders/post-back-to-top.js +33 -13
- package/loaders/post-collapsible-trigger2.js +15 -5
- package/loaders/post-header.js +13 -7
- package/loaders/post-icon2.js +2 -2
- package/loaders/post-language-switch.js +20 -14
- package/loaders/post-mainnavigation.js +1 -1
- package/loaders/post-megadropdown-trigger.js +13 -6
- package/loaders/post-megadropdown.js +1 -1
- package/loaders/post-menu2.js +24 -17
- package/package.json +3 -3
- package/dist/cjs/post-back-to-top-6a1c1ba4.js +0 -76
- package/dist/esm/package-70367d05.js +0 -3
- package/dist/esm/post-back-to-top-abe253c1.js +0 -74
- package/dist/post-components/p-015361b5.entry.js +0 -1
- package/dist/post-components/p-08c3b919.entry.js +0 -1
- package/dist/post-components/p-0d7b0c2e.entry.js +0 -1
- package/dist/post-components/p-12f9a91e.entry.js +0 -1
- package/dist/post-components/p-20137c6a.entry.js +0 -1
- package/dist/post-components/p-21254d9c.entry.js +0 -1
- package/dist/post-components/p-494a2a31.js +0 -1
- package/dist/post-components/p-509987da.entry.js +0 -1
- package/dist/post-components/p-5d0bb74d.js +0 -1
- package/dist/post-components/p-5f89f4e8.entry.js +0 -1
- package/dist/post-components/p-6213f0dc.entry.js +0 -1
- package/dist/post-components/p-88a2cdaa.js +0 -1
- package/dist/post-components/p-97865e22.entry.js +0 -1
- package/dist/post-components/p-a200c9c7.js +0 -1
- package/dist/post-components/p-a35c235a.entry.js +0 -1
- package/dist/post-components/p-a4264a61.entry.js +0 -1
- package/dist/post-components/p-a54c63d0.entry.js +0 -1
- package/dist/post-components/p-aebe402d.entry.js +0 -1
- package/dist/post-components/p-b43e79e3.entry.js +0 -1
- package/dist/post-components/p-c0ca344d.js +0 -1
- package/dist/post-components/p-cff7c06f.entry.js +0 -1
- package/dist/post-components/p-d1f70a05.entry.js +0 -1
- package/dist/post-components/p-dc67e6de.entry.js +0 -1
- package/dist/post-components/p-f1ceccf3.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, g as getElement, h, H as Host } from './index-3419e46d.js';
|
|
2
|
-
import { v as version$1 } from './package-
|
|
2
|
+
import { v as version$1 } from './package-da68ab5a.js';
|
|
3
3
|
import { g as getAttributeObserver } from './attribute-observer-2f203993.js';
|
|
4
4
|
import { d as checkEmptyOrType } from './index-8f8fe5b0.js';
|
|
5
5
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { P as post_tooltip } from './post-tooltip-
|
|
1
|
+
export { P as post_tooltip } from './post-tooltip-c256d714.js';
|
|
2
2
|
import './index-3419e46d.js';
|
|
3
|
-
import './package-
|
|
3
|
+
import './package-da68ab5a.js';
|
|
4
4
|
import './attribute-observer-2f203993.js';
|
|
5
5
|
import './index-8f8fe5b0.js';
|
|
6
6
|
import './constants-8d548297.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as PostAccordion}from"./p-
|
|
1
|
+
export{P as PostAccordion}from"./p-fd78716d.js";export{P as PostAccordionItem}from"./p-c34cacb7.js";export{P as PostAvatar}from"./p-1376c653.js";export{P as PostBackToTop}from"./p-8a8376d0.js";export{P as PostBanner}from"./p-c3a970c5.js";export{P as PostBreadcrumb}from"./p-33c35e15.js";export{P as PostBreadcrumbItem,a as PostMenuItem}from"./p-8223e97b.js";export{P as PostCardControl}from"./p-13835969.js";export{P as PostClosebutton,a as PostHeader,b as PostIcon,c as PostLanguageOption,d as PostLanguageSwitch,e as PostList,f as PostListItem,g as PostLogo,h as PostMainnavigation,i as PostMegadropdown,j as PostMegadropdownTrigger,k as PostMenu,l as PostMenuTrigger,m as PostPopovercontainer,n as PostTogglebutton}from"./p-2d3b16c7.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-5c518421.js";export{P as PostFooter}from"./p-d16dd7f9.js";export{P as PostLinkarea}from"./p-4ed7bab6.js";export{P as PostPopover}from"./p-2641e06b.js";export{P as PostRating}from"./p-e8ff8122.js";export{P as PostTabs}from"./p-8e55ddd2.js";export{P as PostTabHeader}from"./p-f1c0924a.js";export{P as PostTabPanel}from"./p-9681efce.js";export{P as PostTag}from"./p-dbe31632.js";export{P as PostTooltip}from"./p-e2294014.js";import"./p-5c758f41.js";import"./p-42a5fdf8.js";import"./p-247a1668.js";import"./p-d45df336.js";import"./p-0889c759.js";import"./p-e585c6fe.js";import"./p-440193f4.js";import"./p-7709c14a.js";import"./p-85fdc2d3.js";import"./p-5959f2bd.js";import"./p-181c73d5.js";import"./p-9b052461.js";import"./p-64e3de38.js";import"./p-e1baac59.js";import"./p-5aeb3656.js";import"./p-fc91cbc2.js";import"./p-9748a355.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function n(n,o,t,e){const c=o.target;c&&c.localName===t.targetLocalName&&(t.delegatorSelector&&function(n,o){let t=n;for(;t;){if(t.matches(o))return t;const n=t.parentElement;if(n)t=n;else{const n=t.parentNode;t=n instanceof ShadowRoot?n.host:null}}return null}(c,t.delegatorSelector)!==n||e())}export{n as e}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as i,h as s,H as a}from"./p-5c758f41.js";import{v as e}from"./p-
|
|
1
|
+
import{r as t,g as i,h as s,H as a}from"./p-5c758f41.js";import{v as e}from"./p-42a5fdf8.js";import{c as r}from"./p-181c73d5.js";var o;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(o||(o={}));const n=class{constructor(i){t(this,i),this.firstname=void 0,this.lastname=void 0,this.userid=void 0,this.email=void 0,this.slottedImage=void 0,this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials=""}static INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png";get host(){return i(this)}validateFirstname(){r(this,"firstname")}async getAvatar(){if(null!==this.slottedImage)this.avatarType=o.Slotted;else{let t=!1;!t&&this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||this.getAvatarByInitials()}}async getImageByProp(t,i){if(!t)return!1;const s=await this.getStorageItem(t)??{ok:!1,url:""};if(!s.ok)try{const t=await i();s.ok=t.ok,s.url=t.url,this.imageUrl=s.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=o.Image,this.setStorageItem(this.userid,JSON.stringify(s))}catch(i){this.removeStorageItem(t),console.info(`Loading avatar by type "${o.Image}" failed.`)}return s.ok}async fetchImageByUserId(){return await fetch(n.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await this.cryptify(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}getAvatarByInitials(){this.initials=this.getInitials(),this.avatarType=o.Initials}getNames(){return[this.firstname,this.lastname].filter((t=>t))}getInitials(){return this.getNames().map((t=>t.charAt(0))).join("").trim()}async getStorageItem(t){const i=await this.cryptify(t),s=window?.sessionStorage?.getItem(i);return s?JSON.parse(s):null}async setStorageItem(t,i){const s=await this.cryptify(t);window?.sessionStorage?.setItem(s,i)}async removeStorageItem(t){const i=await this.cryptify(t);window?.sessionStorage?.removeItem(i)}async cryptify(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}onSlotDefaultChange(){this.slottedImage=this.host.querySelector("img"),this.getAvatar()}componentWillRender(){this.slottedImage=this.host.querySelector("img"),this.getAvatar()}componentDidLoad(){this.validateFirstname()}render(){const t=this.getNames().reduce(((t,i,a)=>(a>0&&t.push(s("span",null," ")),t.push(i.charAt(0)),t.push(s("span",null,i.slice(1))),t)),[]);return s(a,{"data-version":e},s("slot",{onSlotchange:this.onSlotDefaultChange.bind(this)},"image"===this.avatarType&&s("img",{src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&s("div",{class:"initials"},t)))}static get watchers(){return{firstname:["validateFirstname"]}}};n.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase}.initials span{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.initials span:not(caption){position:absolute !important}';export{n as P}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as o,r as t,c as r,h as c,H as e}from"./p-5c758f41.js";import{c as a}from"./p-d45df336.js";import{c as i}from"./p-181c73d5.js";import{v as s}from"./p-c0ca344d.js";let n=0;const d=class{EVENT_MAP={input:"postInput",change:"postChange"};KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"};group={hosts:[],members:[],first:null,last:null,checked:null,focused:null};control;controlId="PostCardControl_"+n++;initialChecked;hasIcon;get host(){return o(this)}internals;postInput;postChange;async reset(){this.validity=null,this.controlSetChecked(this.initialChecked)}async groupReset(){this.disabled&&(this.control.checked=this.checked=!1),this.controlSetChecked(!1)}validateControlLabel(){i(this,"label")}validateControlType(){a(this,"type",["checkbox","radio"])}updateControlChecked(o=this.checked){this.controlSetChecked(o)}updateControlDisabled(){this.controlSetChecked(this.checked)}constructor(o){t(this,o),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.focused=!1,this.label=void 0,this.description=null,this.type=void 0,this.name=null,this.value=null,this.checked=!1,this.disabled=!1,this.validity=null,this.icon=null,this.cardClickHandler=this.cardClickHandler.bind(this),this.controlClickHandler=this.controlClickHandler.bind(this),this.controlChangeHandler=this.controlChangeHandler.bind(this),this.controlFocusHandler=this.controlFocusHandler.bind(this),this.controlKeyDownHandler=this.controlKeyDownHandler.bind(this)}cardClickHandler(o){o.stopPropagation(),o.target!==this.control&&this.control.click()}controlClickHandler(o){o.stopPropagation(),this.disabled&&o.preventDefault()}controlChangeHandler(o){o.stopPropagation(),this.groupCollectMembers(),this.controlSetChecked(this.control.checked,o),this.groupSetChecked(this.control,o)}controlFocusHandler(){this.focused=this.host===document.activeElement}controlKeyDownHandler(o){if("radio"===this.type)switch(o.stopPropagation(),Object.values(this.KEYCODES).includes(o.code)&&o.preventDefault(),this.groupCollectMembers(),o.code){case this.KEYCODES.UP:case this.KEYCODES.LEFT:this.groupSetChecked(this.groupGetPrev(),o);break;case this.KEYCODES.DOWN:case this.KEYCODES.RIGHT:this.groupSetChecked(this.groupGetNext(),o);break;case this.KEYCODES.SPACE:this.groupSetChecked(this.control,o)}}controlSetChecked(o,t){this.control&&(this.disabled?this.internals.setFormValue(null):(this.control.checked=this.checked=o,this.internals.setFormValue(this.checked?this.control.value:null),t&&("checkbox"===this.type||"radio"===this.type&&this.checked)&&this[this.EVENT_MAP[t.type]].emit({state:this.checked,value:this.value})))}groupCollectMembers(){if("radio"===this.type&&this.name&&(this.group.hosts=Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`)),this.group.members=this.group.hosts.map((o=>o.shadowRoot.querySelector('input[type="radio"]'))).filter((o=>null!==o)),this.group.members.length>1)){this.group.first=this.group.members[0],this.group.last=this.group.members[this.group.members.length-1],this.group.checked=this.group.members.find((o=>o.checked))??null,this.group.focused=this.group.members.find((o=>o.getRootNode().host===document.activeElement))??this.group.first;const o=this.group.checked||this.group.focused||this.group.first;this.group.members.forEach((t=>{t.tabIndex=t===o?0:-1}))}}groupGetPrev(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o-1))??this.group.last}groupGetNext(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o+1))??this.group.first}groupSetChecked(o,t){if(this.group.members.length>1){const r="keydown"===t.type,c=o.hasAttribute("aria-disabled"),e=this.group.members.findIndex((t=>t===o));r&&o.focus(),c||(this.group.hosts.filter(((o,t)=>t!==e)).forEach((o=>{o.groupReset()})),r&&o.click())}}setHostContext(){let o;const t=window.getComputedStyle(this.host).getPropertyValue("--post-card-control-bg-context").split(", ");let r;const c=["fieldset"];let e=this.host;for(;e&&(!o||!r);)o=o??t.find((o=>e.matches(o))),r=r??c.find((o=>e.matches(o))),e=e.parentElement;const a=[o,r].filter((o=>!!o)).join(" ");this.host.setAttribute("data-context",a)}connectedCallback(){this.initialChecked=this.checked}componentWillRender(){this.hasIcon=Boolean(this.host.querySelector('[slot="icon"]')||this.icon)}render(){return c(e,{key:"6d243226748befc5cdc25f567672859700b04825","data-version":s,onClick:this.cardClickHandler},c("div",{key:"0e974eed3c642ca13fa86883c27c0c1e6344d7fd",class:{"card-control":!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.focused,"is-valid":null!==this.validity&&"false"!==this.validity,"is-invalid":"false"===this.validity}},c("input",{key:"bd2a44b835eef5ad2927b3d39721e430deccaf9d",ref:o=>this.control=o,id:this.controlId,class:"card-control--input",type:this.type,name:this.name,value:this.value,checked:this.checked,"aria-describedby":`${this.controlId}_content`,"aria-disabled":this.disabled,"aria-invalid":"false"===this.validity,onClick:this.controlClickHandler,onInput:this.controlChangeHandler,onChange:this.controlChangeHandler,onFocus:this.controlFocusHandler,onBlur:this.controlFocusHandler,onKeyDown:this.controlKeyDownHandler}),c("label",{key:"a05fc353909de0be2cde8c306bfdc6e7248a59bf",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label"},this.label,this.description?c("div",{class:"card-control--description"},this.description):null),this.hasIcon?c("div",{class:"card-control--icon"},c("slot",{name:"icon"},this.icon?c("post-icon",{name:this.icon}):null)):null,c("div",{key:"348dc3bea78771041ad19530c7265fba2ea189dd",id:`${this.controlId}_content`,class:"card-control--content"},c("slot",{key:"7e6198e8e3ec1d2aec677be55c5fe8828198e9d7"}))))}componentDidRender(){this.setHostContext(),this.groupCollectMembers()}componentDidLoad(){this.validateControlLabel(),this.validateControlType()}formAssociatedCallback(){this.controlSetChecked(this.checked)}formDisabledCallback(o){this.disabled=o}formStateRestoreCallback(o){this.controlSetChecked(o)}formResetCallback(){this.reset()}static get formAssociated(){return!0}static get watchers(){return{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}}};d.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-check-inline{display:inline-flex;vertical-align:top}fieldset>.form-check-inline:not(:last-of-type){margin-right:var(--post-core-dimension-24)}.form-check:has(>input:not(:only-child)){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:has(>input:not(:only-child))>input{outline:none !important}.form-check:has(input[type=checkbox]):not(.form-switch){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=checkbox]):not(.form-switch):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:GrayText}}.form-check.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-check:has(input[type=radio]){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=radio]):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=radio])>input[type=radio]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=radio])>input[type=radio]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:GrayText}}.form-check>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>label{transition:none}}:where(.form-check>input[type=checkbox]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:not(.form-switch):has(input[type=checkbox])>input{appearance:none;flex:none;display:inline-flex;margin:var(--post-device-spacing-padding-1);margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-core-dimension-2);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]){cursor:pointer}.form-check:not(.form-switch):has(input[type=checkbox])>input::after{display:block;content:"";width:100%;height:100%;mask-size:var(--post-device-sizing-interactive-icon-size);mask-repeat:no-repeat;mask-position:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate{background-color:SelectedItem}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:SelectedItemText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:indeterminate::after{background-color:Highlight}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after{mask-image:url("data:image/svg+xml,<svg viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{mask-image:url("data:image/svg+xml,<svg width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:Field;border-color:GrayText}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:indeterminate::after{background-color:GrayText}}:where(.form-check>input[type=radio]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check>input[type=radio]{appearance:none;flex:none;display:inline-flex;justify-content:center;align-items:center;margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));margin-inline:var(--post-device-spacing-padding-1);width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check>input[type=radio]:not([disabled]){cursor:pointer}.form-check>input[type=radio]::after{display:block;content:"";width:var(--post-device-sizing-icon-3);height:var(--post-device-sizing-icon-3);border-radius:inherit}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked{background-color:SelectedItem}.form-check>input[type=radio]:checked::after{background-color:SelectedItemText !important}}.form-check>input[type=radio]:checked::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked::after{background-color:FieldText}}.form-check>input[type=radio]:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:Highlight !important}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}.form-check>input[type=radio][disabled]:checked::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio][disabled]{background-color:Field;border-color:GrayText}.form-check>input[type=radio][disabled]:checked::after{background-color:GrayText}}:host{--post-card-control-bg-context:.bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error;display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-block-end:var(--post-core-dimension-16)}.card-control{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:#fff;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff;flex-basis:100%;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);margin:0;padding:var(--post-core-dimension-12);background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.card-control .card-control--input:hover:not([disabled]),.card-control .card-control--input:hover:not([disabled])~label.form-check-label{color:#000;background-color:rgba(0,0,0,0)}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0 !important;color:var(--post-scheme-color-surface-default-fg) !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#000;--post-card-control-bg:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:SelectedItemText;--post-card-control-input-bg:SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color:hsl(0, 0%, 20%);--post-card-control-bg:hsl(0, 0%, 40%);--post-card-control-color:#fff;--post-card-control-input-border-color:#000}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.card-control.is-disabled{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:transparent;--post-card-control-color:hsl(0, 0%, 40%);--post-card-control-input-border-color:hsl(0, 0%, 40%);--post-card-control-input-bg:transparent;border-style:dashed;cursor:default}.card-control.is-disabled .card-control--input{padding:2px;border-style:dashed}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.card-control .card-control--input{outline:var(--post-core-dimension-2) solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}.card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}.card-control.is-disabled .card-control--input{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}.card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media (forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}.card-control.is-checked{--post-card-control-input-bg:field;position:relative}.card-control.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);border-radius:calc(var(--post-core-dimension-2)*.5);background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:var(--post-core-dimension-2) solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-block-end:var(--post-core-dimension-16)}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}';export{d as P}
|
|
1
|
+
import{g as o,r as t,c as r,h as c,H as e}from"./p-5c758f41.js";import{c as a}from"./p-d45df336.js";import{c as i}from"./p-181c73d5.js";import{v as s}from"./p-42a5fdf8.js";let n=0;const d=class{EVENT_MAP={input:"postInput",change:"postChange"};KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"};group={hosts:[],members:[],first:null,last:null,checked:null,focused:null};control;controlId="PostCardControl_"+n++;initialChecked;hasIcon;get host(){return o(this)}internals;postInput;postChange;async reset(){this.validity=null,this.controlSetChecked(this.initialChecked)}async groupReset(){this.disabled&&(this.control.checked=this.checked=!1),this.controlSetChecked(!1)}validateControlLabel(){i(this,"label")}validateControlType(){a(this,"type",["checkbox","radio"])}updateControlChecked(o=this.checked){this.controlSetChecked(o)}updateControlDisabled(){this.controlSetChecked(this.checked)}constructor(o){t(this,o),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.focused=!1,this.label=void 0,this.description=null,this.type=void 0,this.name=null,this.value=null,this.checked=!1,this.disabled=!1,this.validity=null,this.icon=null,this.cardClickHandler=this.cardClickHandler.bind(this),this.controlClickHandler=this.controlClickHandler.bind(this),this.controlChangeHandler=this.controlChangeHandler.bind(this),this.controlFocusHandler=this.controlFocusHandler.bind(this),this.controlKeyDownHandler=this.controlKeyDownHandler.bind(this)}cardClickHandler(o){o.stopPropagation(),o.target!==this.control&&this.control.click()}controlClickHandler(o){o.stopPropagation(),this.disabled&&o.preventDefault()}controlChangeHandler(o){o.stopPropagation(),this.groupCollectMembers(),this.controlSetChecked(this.control.checked,o),this.groupSetChecked(this.control,o)}controlFocusHandler(){this.focused=this.host===document.activeElement}controlKeyDownHandler(o){if("radio"===this.type)switch(o.stopPropagation(),Object.values(this.KEYCODES).includes(o.code)&&o.preventDefault(),this.groupCollectMembers(),o.code){case this.KEYCODES.UP:case this.KEYCODES.LEFT:this.groupSetChecked(this.groupGetPrev(),o);break;case this.KEYCODES.DOWN:case this.KEYCODES.RIGHT:this.groupSetChecked(this.groupGetNext(),o);break;case this.KEYCODES.SPACE:this.groupSetChecked(this.control,o)}}controlSetChecked(o,t){this.control&&(this.disabled?this.internals.setFormValue(null):(this.control.checked=this.checked=o,this.internals.setFormValue(this.checked?this.control.value:null),t&&("checkbox"===this.type||"radio"===this.type&&this.checked)&&this[this.EVENT_MAP[t.type]].emit({state:this.checked,value:this.value})))}groupCollectMembers(){if("radio"===this.type&&this.name&&(this.group.hosts=Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`)),this.group.members=this.group.hosts.map((o=>o.shadowRoot.querySelector('input[type="radio"]'))).filter((o=>null!==o)),this.group.members.length>1)){this.group.first=this.group.members[0],this.group.last=this.group.members[this.group.members.length-1],this.group.checked=this.group.members.find((o=>o.checked))??null,this.group.focused=this.group.members.find((o=>o.getRootNode().host===document.activeElement))??this.group.first;const o=this.group.checked||this.group.focused||this.group.first;this.group.members.forEach((t=>{t.tabIndex=t===o?0:-1}))}}groupGetPrev(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o-1))??this.group.last}groupGetNext(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o+1))??this.group.first}groupSetChecked(o,t){if(this.group.members.length>1){const r="keydown"===t.type,c=o.hasAttribute("aria-disabled"),e=this.group.members.findIndex((t=>t===o));r&&o.focus(),c||(this.group.hosts.filter(((o,t)=>t!==e)).forEach((o=>{o.groupReset()})),r&&o.click())}}setHostContext(){let o;const t=window.getComputedStyle(this.host).getPropertyValue("--post-card-control-bg-context").split(", ");let r;const c=["fieldset"];let e=this.host;for(;e&&(!o||!r);)o=o??t.find((o=>e.matches(o))),r=r??c.find((o=>e.matches(o))),e=e.parentElement;const a=[o,r].filter((o=>!!o)).join(" ");this.host.setAttribute("data-context",a)}connectedCallback(){this.initialChecked=this.checked}componentWillRender(){this.hasIcon=Boolean(this.host.querySelector('[slot="icon"]')||this.icon)}render(){return c(e,{key:"6d243226748befc5cdc25f567672859700b04825","data-version":s,onClick:this.cardClickHandler},c("div",{key:"0e974eed3c642ca13fa86883c27c0c1e6344d7fd",class:{"card-control":!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.focused,"is-valid":null!==this.validity&&"false"!==this.validity,"is-invalid":"false"===this.validity}},c("input",{key:"bd2a44b835eef5ad2927b3d39721e430deccaf9d",ref:o=>this.control=o,id:this.controlId,class:"card-control--input",type:this.type,name:this.name,value:this.value,checked:this.checked,"aria-describedby":`${this.controlId}_content`,"aria-disabled":this.disabled,"aria-invalid":"false"===this.validity,onClick:this.controlClickHandler,onInput:this.controlChangeHandler,onChange:this.controlChangeHandler,onFocus:this.controlFocusHandler,onBlur:this.controlFocusHandler,onKeyDown:this.controlKeyDownHandler}),c("label",{key:"a05fc353909de0be2cde8c306bfdc6e7248a59bf",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label"},this.label,this.description?c("div",{class:"card-control--description"},this.description):null),this.hasIcon?c("div",{class:"card-control--icon"},c("slot",{name:"icon"},this.icon?c("post-icon",{name:this.icon}):null)):null,c("div",{key:"348dc3bea78771041ad19530c7265fba2ea189dd",id:`${this.controlId}_content`,class:"card-control--content"},c("slot",{key:"7e6198e8e3ec1d2aec677be55c5fe8828198e9d7"}))))}componentDidRender(){this.setHostContext(),this.groupCollectMembers()}componentDidLoad(){this.validateControlLabel(),this.validateControlType()}formAssociatedCallback(){this.controlSetChecked(this.checked)}formDisabledCallback(o){this.disabled=o}formStateRestoreCallback(o){this.controlSetChecked(o)}formResetCallback(){this.reset()}static get formAssociated(){return!0}static get watchers(){return{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}}};d.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-check-inline{display:inline-flex;vertical-align:top}fieldset>.form-check-inline:not(:last-of-type){margin-right:var(--post-core-dimension-24)}.form-check:has(>input:not(:only-child)){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:has(>input:not(:only-child))>input{outline:none !important}.form-check:has(input[type=checkbox]):not(.form-switch){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=checkbox]):not(.form-switch):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:GrayText}}.form-check.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-check:has(input[type=radio]){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=radio]):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=radio])>input[type=radio]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=radio])>input[type=radio]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:GrayText}}.form-check>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>label{transition:none}}:where(.form-check>input[type=checkbox]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:not(.form-switch):has(input[type=checkbox])>input{appearance:none;flex:none;display:inline-flex;margin:var(--post-device-spacing-padding-1);margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-core-dimension-2);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]){cursor:pointer}.form-check:not(.form-switch):has(input[type=checkbox])>input::after{display:block;content:"";width:100%;height:100%;mask-size:var(--post-device-sizing-interactive-icon-size);mask-repeat:no-repeat;mask-position:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate{background-color:SelectedItem}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:SelectedItemText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:indeterminate::after{background-color:Highlight}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after{mask-image:url("data:image/svg+xml,<svg viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{mask-image:url("data:image/svg+xml,<svg width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:Field;border-color:GrayText}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:indeterminate::after{background-color:GrayText}}:where(.form-check>input[type=radio]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check>input[type=radio]{appearance:none;flex:none;display:inline-flex;justify-content:center;align-items:center;margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));margin-inline:var(--post-device-spacing-padding-1);width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check>input[type=radio]:not([disabled]){cursor:pointer}.form-check>input[type=radio]::after{display:block;content:"";width:var(--post-device-sizing-icon-3);height:var(--post-device-sizing-icon-3);border-radius:inherit}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked{background-color:SelectedItem}.form-check>input[type=radio]:checked::after{background-color:SelectedItemText !important}}.form-check>input[type=radio]:checked::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked::after{background-color:FieldText}}.form-check>input[type=radio]:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:Highlight !important}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}.form-check>input[type=radio][disabled]:checked::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio][disabled]{background-color:Field;border-color:GrayText}.form-check>input[type=radio][disabled]:checked::after{background-color:GrayText}}:host{--post-card-control-bg-context:.bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error;display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-block-end:var(--post-core-dimension-16)}.card-control{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:#fff;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff;flex-basis:100%;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);margin:0;padding:var(--post-core-dimension-12);background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.card-control .card-control--input:hover:not([disabled]),.card-control .card-control--input:hover:not([disabled])~label.form-check-label{color:#000;background-color:rgba(0,0,0,0)}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0 !important;color:var(--post-scheme-color-surface-default-fg) !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#000;--post-card-control-bg:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:SelectedItemText;--post-card-control-input-bg:SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color:hsl(0, 0%, 20%);--post-card-control-bg:hsl(0, 0%, 40%);--post-card-control-color:#fff;--post-card-control-input-border-color:#000}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.card-control.is-disabled{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:transparent;--post-card-control-color:hsl(0, 0%, 40%);--post-card-control-input-border-color:hsl(0, 0%, 40%);--post-card-control-input-bg:transparent;border-style:dashed;cursor:default}.card-control.is-disabled .card-control--input{padding:2px;border-style:dashed}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.card-control .card-control--input{outline:var(--post-core-dimension-2) solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}.card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}.card-control.is-disabled .card-control--input{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}.card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media (forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}.card-control.is-checked{--post-card-control-input-bg:field;position:relative}.card-control.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);border-radius:calc(var(--post-core-dimension-2)*.5);background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:var(--post-core-dimension-2) solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-block-end:var(--post-core-dimension-16)}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}';export{d as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_tooltip}from"./p-e2294014.js";import"./p-5c758f41.js";import"./p-42a5fdf8.js";import"./p-9748a355.js";import"./p-e585c6fe.js";import"./p-440193f4.js";import"./p-d45df336.js";import"./p-7709c14a.js";import"./p-85fdc2d3.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as post_collapsible,a as post_collapsible_trigger}from"./p-
|
|
1
|
+
export{P as post_collapsible,a as post_collapsible_trigger}from"./p-5c518421.js";import"./p-5c758f41.js";import"./p-42a5fdf8.js";import"./p-e585c6fe.js";import"./p-440193f4.js";import"./p-d45df336.js";import"./p-7709c14a.js";import"./p-85fdc2d3.js";import"./p-181c73d5.js";import"./p-e1baac59.js";import"./p-fc91cbc2.js";import"./p-0889c759.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_closebutton,a as post_header,b as post_icon,c as post_language_option,d as post_language_switch,e as post_list,f as post_list_item,g as post_logo,h as post_mainnavigation,i as post_megadropdown,j as post_megadropdown_trigger,k as post_menu,l as post_menu_trigger,m as post_popovercontainer,n as post_togglebutton}from"./p-2d3b16c7.js";import"./p-5c758f41.js";import"./p-42a5fdf8.js";import"./p-9b052461.js";import"./p-0889c759.js";import"./p-e585c6fe.js";import"./p-440193f4.js";import"./p-d45df336.js";import"./p-7709c14a.js";import"./p-85fdc2d3.js";import"./p-181c73d5.js";import"./p-5959f2bd.js";import"./p-5aeb3656.js";import"./p-fc91cbc2.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as o,r as e,h as t,H as s}from"./p-5c758f41.js";import{v as i}from"./p-
|
|
1
|
+
import{g as o,r as e,h as t,H as s}from"./p-5c758f41.js";import{v as i}from"./p-42a5fdf8.js";import{g as r}from"./p-9748a355.js";let c=0;const a="data-popover-target",n=o=>{let e=o.target;for(;e&&!e.getAttribute(a)&&e!==document.body&&e.parentElement;)e=e.parentElement;const t=e?.getAttribute(a);if(!t||"key"in o&&"Enter"!==o.key)return;const s=document.getElementById(t);s?.toggle(e)},l=r(a,(o=>{const e=o.hasAttribute(a);o.setAttribute("aria-expanded",e?"false":null)})),d=class{popoverRef;localBeforeToggleHandler;get host(){return o(this)}constructor(o){e(this,o),this.placement="top",this.closeButtonCaption=void 0,this.arrow=!0,this.localBeforeToggleHandler=this.beforeToggleHandler.bind(this)}connectedCallback(){0===c&&(window.addEventListener("pointerup",n),window.addEventListener("keydown",n),l.observe(document.body,{subtree:!0,childList:!0,attributeFilter:[a]})),c++,this.triggers.forEach((o=>o.setAttribute("aria-expanded","false")))}componentDidLoad(){this.popoverRef.addEventListener("beforetoggle",this.localBeforeToggleHandler)}disconnectedCallback(){c--,0===c&&(window.removeEventListener("click",n),window.removeEventListener("keydown",n),l.disconnect()),this.popoverRef.removeEventListener("beforetoggle",this.localBeforeToggleHandler),this.triggers.forEach((o=>o.removeAttribute("aria-expanded")))}async show(o){this.popoverRef.show(o),o.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide(),this.triggers.forEach((o=>o.setAttribute("aria-expanded","false")))}async toggle(o,e){const t=await this.popoverRef.toggle(o,e);this.triggers.forEach((o=>o.setAttribute("aria-expanded","false"))),o.setAttribute("aria-expanded",`${t}`)}get triggers(){return document.querySelectorAll(`[${a}="${this.host.id}"]`)}beforeToggleHandler(){this.triggers.forEach((o=>o.setAttribute("aria-expanded","false")))}render(){return t(s,{key:"ec1aab472fb8f7d6515050d90f6a8b20730640f0","data-version":i},t("post-popovercontainer",{key:"beda133fe8cf98f9db6b61f2bf3e08b3549d3b86",arrow:this.arrow,placement:this.placement,ref:o=>this.popoverRef=o},t("div",{key:"dd0ad949ddc80632b3918cba539781cf23a46163",class:"popover-container"},t("div",{key:"038dfcf60ff63b0fbe142c0e29db78fe13c5a51b",class:"popover-content"},t("slot",{key:"cabcedfbbd0dfc179a66bde0f9afd6a250e4fe1c"})),t("button",{key:"bb8333e139158f3220c80380cd587e564664b612",class:"btn-close",onClick:()=>this.hide()},t("span",{key:"285a90c985133c7b53150a649850a6e675fdb4d8",class:"visually-hidden"},this.closeButtonCaption)))))}};d.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{background-color:ButtonFace !important}.btn-close:hover{background-color:Highlight !important}}.btn-close{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:min(var(--post-popover-max-width, 280px),100vw)}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:var(--post-scheme-color-surface-default-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:hover{color:HighlightText !important}}";export{d as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,g as e,h as o,H as i,c as n}from"./p-5c758f41.js";import{v as a}from"./p-42a5fdf8.js";import{a as s,s as r}from"./p-9b052461.js";import{e as l}from"./p-0889c759.js";import{c,d,b as p}from"./p-e585c6fe.js";import{c as h}from"./p-181c73d5.js";import{c as g}from"./p-7709c14a.js";import{n as u}from"./p-5959f2bd.js";import{b as f}from"./p-5aeb3656.js";import{g as m}from"./p-fc91cbc2.js";const b=class{constructor(e){t(this,e)}get host(){return e(this)}render(){return o(i,{key:"c03f50379252ba13992bc3d021989ac07dba9f79","data-version":a},o("button",{key:"e97a86bb6e1eace89a1a3a78fb231047f065dd5e",class:"btn btn-icon-close",type:"button"},o("post-icon",{key:"aca522d4c251a8183c91c2bd4d810d0716a2fe13","aria-hidden":"true",name:"closex"}),o("span",{key:"6873522961b1683d1261163b07ee022f93eed836",class:"visually-hidden"},o("slot",{key:"bf4b13356c9a0164f1481d1fedc3a78a53e5f8e0"}))))}},v=`:where(${["button",'input:not([type="hidden"])',"[tabindex]","select","textarea","[contenteditable]","a[href]","iframe","audio[controls]","video[controls]","area[href]","details > summary:first-of-type"].join(",")})`,w=`:where(${["[inert]","[inert] *",":disabled","dialog:not([open]) *","[popover]:not(:popover-open) *","details:not([open]) > *:not(details > summary:first-of-type)","details:not([open]) > *:not(details > summary:first-of-type) *",'[tabindex^="-"]','[hidden]:not([hidden="false"])'].join(",")})`;function x(t){const e=t.querySelectorAll(`${v}:not(${w})`);return Array.from(e).filter((t=>{const e=window.getComputedStyle(t.parentElement);return"none"!==e.display&&"hidden"!==e.visibility}))}const y=class{firstFocusableEl;lastFocusableEl;mobileMenu;mobileMenuAnimation;throttledResize=function(t,e){var o,i={},n=i.noTrailing,a=void 0!==n&&n,s=i.noLeading,r=void 0!==s&&s,l=i.debounceMode,c=void 0===l?void 0:l,d=!1,p=0;function h(){o&&clearTimeout(o)}function g(){for(var t=arguments.length,i=new Array(t),n=0;n<t;n++)i[n]=arguments[n];var s=this,l=Date.now()-p;function g(){p=Date.now(),e.apply(s,i)}function u(){o=void 0}d||(r||!c||o||g(),h(),void 0===c&&l>50?r?(p=Date.now(),a||(o=setTimeout(c?u:g,50))):g():!0!==a&&(o=setTimeout(c?u:g,void 0===c?50-l:50)))}return g.cancel=function(t){var e=(t||{}).upcomingOnly,o=void 0!==e&&e;h(),d=!o},g}(0,(()=>this.handleResize()));scrollParentResizeObserver;localHeaderResizeObserver;get scrollParent(){const t=document.querySelector("[data-post-scroll-locked]");if(t)return t;let e=this.host.parentElement;for(;e;){const t=getComputedStyle(e).overflowY;if(["auto","scroll"].includes(t))return e;e=e.parentElement}return document.body}get host(){return e(this)}lockBody(t,e,o){const i=this.scrollParent;"desktop"!==this.device&&("mobileMenuExtended"===o?t:this.mobileMenuExtended)?(i.setAttribute("data-post-scroll-locked",""),this.host.addEventListener("keydown",this.keyboardHandler)):(i.removeAttribute("data-post-scroll-locked"),this.host.removeEventListener("keydown",this.keyboardHandler))}postUpdateDevice;constructor(e){t(this,e),this.postUpdateDevice=n(this,"postUpdateDevice",7),this.device=null,this.mobileMenuExtended=!1,this.megadropdownOpen=!1,this.handleScrollEvent=this.handleScrollEvent.bind(this),this.updateScrollParentHeight=this.updateScrollParentHeight.bind(this),this.updateLocalHeaderHeight=this.updateLocalHeaderHeight.bind(this),this.megedropdownStateHandler=this.megedropdownStateHandler.bind(this),this.keyboardHandler=this.keyboardHandler.bind(this),this.handleLinkClick=this.handleLinkClick.bind(this)}connectedCallback(){window.addEventListener("resize",this.throttledResize,{passive:!0}),window.addEventListener("scroll",this.handleScrollEvent,{passive:!0}),this.scrollParent.addEventListener("scroll",this.handleScrollEvent,{passive:!0}),document.addEventListener("postToggleMegadropdown",this.megedropdownStateHandler),this.host.addEventListener("click",this.handleLinkClick),this.handleResize(),this.handleScrollEvent(),this.handleScrollParentResize(),this.lockBody(!1,this.mobileMenuExtended,"mobileMenuExtended")}componentDidRender(){this.getFocusableElements(),this.handleLocalHeaderResize()}disconnectedCallback(){const t=this.scrollParent;window.removeEventListener("resize",this.throttledResize),window.removeEventListener("scroll",this.handleScrollEvent),t.removeEventListener("scroll",this.handleScrollEvent),document.removeEventListener("postToggleMegadropdown",this.megedropdownStateHandler),this.host.removeEventListener("keydown",this.keyboardHandler),this.host.removeEventListener("click",this.handleLinkClick),this.scrollParentResizeObserver&&(this.scrollParentResizeObserver.disconnect(),this.scrollParentResizeObserver=null),this.localHeaderResizeObserver&&(this.localHeaderResizeObserver.disconnect(),this.localHeaderResizeObserver=null),this.mobileMenuExtended=!1}async toggleMobileMenu(t){"desktop"!==this.device&&(this.mobileMenuAnimation=this.mobileMenuExtended?s(this.mobileMenu):r(this.mobileMenu),this.host.querySelector("post-togglebutton").toggled=t??!this.mobileMenuExtended,this.mobileMenuExtended&&await this.mobileMenuAnimation.finished,this.mobileMenuExtended=t??!this.mobileMenuExtended,!1===this.mobileMenuExtended&&Array.from(this.host.querySelectorAll("post-megadropdown")).forEach((t=>{t.hide(!1,!0)})))}megedropdownStateHandler=t=>{l(this.host,t,{targetLocalName:"post-megadropdown",delegatorSelector:"post-header"},(()=>{this.megadropdownOpen=t.detail.isVisible}))};getFocusableElements(){const t=[...Array.from(this.host.querySelectorAll('.list-inline:not([slot="meta-navigation"]) > li')),...Array.from(this.host.querySelectorAll("nav > post-list > div > post-list-item, post-mainnavigation > .back-button, post-megadropdown-trigger")),...Array.from(this.host.querySelectorAll('.list-inline[slot="meta-navigation"] > li, post-language-option'))],e=[this.host.querySelector("post-togglebutton"),...t.flatMap((t=>Array.from(x(t))))];this.firstFocusableEl=e[0],this.lastFocusableEl=e[e.length-1]}keyboardHandler(t){"Tab"===t.key&&this.mobileMenuExtended&&(t.shiftKey&&document.activeElement===this.firstFocusableEl?(t.preventDefault(),this.lastFocusableEl.focus()):t.shiftKey||document.activeElement!==this.lastFocusableEl||(t.preventDefault(),this.firstFocusableEl.focus()))}handleScrollEvent(){const t=this.scrollParent===document.body?window.scrollY:this.scrollParent.scrollTop;document.documentElement.style.setProperty("--post-header-scroll-top",`${t}px`)}updateLocalHeaderHeight(){const t=this.host.shadowRoot.querySelector(".local-header")?.clientHeight||0;document.documentElement.style.setProperty("--post-local-header-height",`${t}px`)}updateScrollParentHeight(){this.host.style.setProperty("--header-scroll-parent-height",`${this.scrollParent.clientHeight}px`)}handleLinkClick(t){const e=t.target,o=e.closest("post-mainnavigation a"),i=e.closest("post-megadropdown a");(o||i)&&(this.mobileMenuExtended&&(o||i)&&this.toggleMobileMenu(!1),"desktop"===this.device&&i)&&e.closest("post-megadropdown a")&&e.closest("post-megadropdown").hide(!0)}handleResize(){const t=this.device;let e;const o=window?.innerWidth;e=o>=1024?"desktop":o>=600?"tablet":"mobile",e!==t&&(this.device=e,this.postUpdateDevice.emit(this.device),window.requestAnimationFrame((()=>{this.switchLanguageSwitchMode()})))}handleScrollParentResize(){this.scrollParent&&(this.scrollParentResizeObserver=new ResizeObserver(this.updateScrollParentHeight),this.scrollParentResizeObserver.observe(this.scrollParent))}handleLocalHeaderResize(){const t=this.host.shadowRoot.querySelector(".local-header");t&&!this.localHeaderResizeObserver&&(this.localHeaderResizeObserver=new ResizeObserver(this.updateLocalHeaderHeight),this.localHeaderResizeObserver.observe(t))}switchLanguageSwitchMode(){const t="desktop"===this.device?"menu":"list";Array.from(this.host.querySelectorAll("post-language-switch")).forEach((e=>{e?.setAttribute("variant",t)}))}renderNavigation(){const t=["navigation"],e=this.mobileMenu?.scrollTop??0;return this.mobileMenuExtended&&t.push("extended"),this.megadropdownOpen&&t.push("megadropdown-open"),o("div",{class:t.join(" "),style:{"--header-navigation-current-inset":`${e}px`}},o("div",{class:"mobile-menu",ref:t=>this.mobileMenu=t},o("slot",{name:"post-mainnavigation"}),("mobile"===this.device||"tablet"===this.device)&&o("div",{class:"navigation-footer"},o("slot",{name:"meta-navigation"}),o("slot",{name:"post-language-switch"}))))}render(){return o(i,{key:"d4e9cc7d4e61f9c6223651b73fdab93e44f868f2",version:a},o("div",{key:"be40a49df865621d9a31808d468a2bb342803600",class:"global-header"},o("div",{key:"776d797b9235211bd283fb0ecb29722f2776f2cd",class:"global-sub"},o("div",{key:"3e89049f43d0de844674db985c3c9e55d510f054",class:"logo"},o("slot",{key:"c96d915df7930d15c316e8761c0cf24ed6b44b95",name:"post-logo"}))),o("div",{key:"8aa06d67efef853e2a913c23703a73e38f2ec779",class:"global-sub"},"desktop"===this.device&&o("slot",{key:"cdd0b21cd9c6be0ec5a3aeb29b3b29b3034897a0",name:"meta-navigation"}),o("slot",{key:"da4c5e8c6db482b031ba3b7ae1cf91f112bda75f",name:"global-controls"}),"desktop"===this.device&&o("slot",{key:"8980fdfa5f5e90d3786b5727ff6a9368dea709c6",name:"post-language-switch"}),o("div",{key:"013e2ad6b5bfd6b61f42b1d6c33c9ac6f0af98c0",onClick:()=>this.toggleMobileMenu(),class:"mobile-toggle"},o("slot",{key:"cdac00dcf2cfb182bc8cefe0181054fac65c64be",name:"post-togglebutton"})))),o("div",{key:"0bdaa1b3fe2b9a460c7437b950afe8ce4c2237af",class:"local-header "+(this.mobileMenuExtended?"local-header-mobile-extended":"")},o("slot",{key:"1adc944fce891f85deb00dd40ad58dc0402491a9",name:"title"}),o("div",{key:"70f9a42f940b231a6e0dd89ee8e67d34f3b98eb6",class:"local-sub"},o("slot",{key:"d0106f5ec6ed548e1dbd5ca7f78b1ac5bcf5d2d4",name:"local-controls"}),o("slot",{key:"62e91cc83b232238ac3dcc1166f4a006754c95c9"})),"desktop"===this.device&&this.renderNavigation()),"desktop"!==this.device&&this.renderNavigation())}static get watchers(){return{device:["lockBody"],mobileMenuExtended:["lockBody"]}}};y.style='*,::before,::after{box-sizing:border-box}:host{z-index:1020;position:relative;--global-header-top:calc( (var(--post-global-header-height) - var(--post-global-header-reduced-height)) * -1 );--local-header-top:calc( -1 * (var(--post-local-header-height) - var(--post-main-navigation-height)) + var(--post-global-header-reduced-height) );--logo-height:calc(var(--post-global-header-height) - var(--post-header-scroll-top));--global-controls-top:calc(min((var(--post-header-scroll-top) / 4), 20px) * -1)}:host:has(.global-sub>*:not(.logo):focus-within),:host:has(.local-sub:focus-within){--global-header-top:0;--local-header-top:var(--post-global-header-height);--logo-height:var(--post-global-header-height);--global-controls-top:0}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:4px;height:var(--post-global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:12px;inset-block-start:var(--global-header-top);transition:inset-block-start .2s ease-in-out}}.global-sub{display:flex;align-items:center;gap:24px}@media screen and (min-width: 1024px){.global-sub:not(:has(.logo)){position:relative;transition:inset-block-start .2s ease-in-out;inset-block-start:var(--global-controls-top)}}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--post-global-header-height);width:var(--post-global-header-height);min-height:var(--post-global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{transition:height .2 ease-in-out;height:var(--logo-height)}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-inline-start:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;min-height:var(--post-local-header-min-height);background:#fff;transition:box-shadow .2s ease-in-out}.local-header::after{content:"";position:absolute;width:100%;height:1px;background-color:#e1e0dc;inset-block-end:-1px;z-index:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.local-header::after{background-color:Highlight}}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:var(--local-header-top);padding-block-start:18px;box-shadow:var(--post-device-elevation-300);transition:box-shadow .2s ease-in-out,inset-block-start .2s ease-in-out}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--post-global-header-height);padding-block:8px;flex-wrap:wrap;gap:12px}.local-header.local-header-mobile-extended::after{inset-block-end:0}.local-header:not(.local-header-mobile-extended){box-shadow:var(--post-device-elevation-300)}}.local-sub{margin-inline-end:8px}@media screen and (max-width: 1023.98px){.local-sub{margin-inline-end:4px}}::slotted(.list-inline){margin:0 !important;z-index:3 !important;position:relative !important}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--post-global-header-reduced-height)}.navigation::before{display:block;content:"";position:absolute;inset:0;z-index:2;background:#fff}}@media screen and (max-width: 1023.98px){.navigation{position:sticky;z-index:1;inset-inline:0;inset-block-start:var(--post-header-height)}.mobile-menu{background-color:#fafafa}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:16px 24px;padding-inline:32px}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended>div{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:calc(min(var(--header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height))}.navigation.extended.megadropdown-open>div{overflow-y:hidden}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){gap:32px}.navigation-footer{background-color:#f0efed;gap:24px}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:16px}}';const k=`https://unpkg.com/@swisspost/design-system-icons@${a}/public/post-icons/`,T=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],S=class{constructor(e){t(this,e),this.animation=null,this.base=null,this.flipH=!1,this.flipV=!1,this.name=void 0,this.rotate=null,this.scale=null}isSSR="undefined"==typeof window;get host(){return e(this)}validateAnimation(t=this.animation){void 0!==t&&c(this,"animation",T)}validateBase(){d(this,"base","string")}validateFlipH(){d(this,"flipH","boolean")}validateFlipV(){d(this,"flipV","boolean")}validateName(){h(this,"name"),g(this,"name","string")}validateRotate(){d(this,"rotate","number")}validateScale(){d(this,"scale","number")}getUrl(){let t;const e=`${this.name}.svg`,o=[this.getUrlDefinition(this.base,"both")];this.isSSR||(o.push(this.getUrlDefinition(document.head.querySelector('meta[name="design-system-settings"][data-post-icon-base]')?.getAttribute("data-post-icon-base"),"relative")),o.push(this.getUrlDefinition(document.querySelector("base[href]")?.getAttribute("href"),"both")));const i=o.find((t=>t.definesDomain))?.url?.origin,n=o.find((t=>t.definesSlug))?.url?.pathname;return t=i&&n?`${i}${n}${e}`:!i&&n?`${n}${e}`:`${k}${e}`,t}getUrlDefinition(t,e){return{url:this.getUrlObject(t),definesDomain:"relative"!==e&&this.definesDomain(t),definesSlug:"absolute"!==e&&this.definesSlug(t)}}getUrlObject(t){return t?(t=t?.endsWith("/")?t:`${t}/`,new URL(t,"https://url.base")):null}definesDomain(t){return!!t&&/^https?:\/\//.test(t)}definesSlug(t){return Boolean(/^\/.+/.test(this.getUrlObject(t)?.pathname))}getStyles(){const t=this.getUrl();return Object.entries({"-webkit-mask-image":`url(${t})`,"mask-image":`url('${t}')`,transform:(this.scale&&!isNaN(Number(this.scale))?"scale("+this.scale+")":"")+(this.rotate&&!isNaN(Number(this.rotate))?" rotate("+this.rotate+"deg)":"")}).filter((([t,e])=>null!==e)).reduce(((t,[e,o])=>Object.assign(t,{[e]:o})),{})}componentDidLoad(){this.validateBase(),this.validateName(),this.validateFlipH(),this.validateFlipV(),this.validateScale(),this.validateRotate(),this.validateAnimation()}render(){return o(i,{key:"60f27d2a489e5649aa6ff06a771a146f1b83480d","data-version":a},o("span",{key:"d1e7fe17b1c4b522bf091f248dfe51f838b87896",style:this.getStyles()}))}static get watchers(){return{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}}};S.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 E=class{constructor(e){t(this,e),this.postChange=n(this,"postChange",7),this.postLanguageOptionInitiallyActive=n(this,"postLanguageOptionInitiallyActive",7),this.code=void 0,this.active=void 0,this.variant=void 0,this.name=void 0,this.url=void 0}get host(){return e(this)}validateCode(){g(this,"code","string")}validateActiveProp(){d(this,"active","boolean")}validateName(){d(this,"name","string")}validateUrl(){d(this,"url","string")}componentDidLoad(){if(this.validateCode(),this.validateActiveProp(),this.validateName(),this.validateUrl(),!this.name&&this.isNameRequired())throw new Error('The "name" property of the post-language-option component is required when the full language name is not displayed.');this.active&&this.postLanguageOptionInitiallyActive.emit(this.code)}postChange;postLanguageOptionInitiallyActive;async select(){this.active=!0,this.emitChange()}emitChange(){this.postChange.emit(this.code)}isNameRequired(){return this.host.textContent.toLowerCase()===this.code.toLowerCase()}render(){const t=this.code.toLowerCase(),e=t=>{"Enter"!==t.key&&" "!==t.key||this.emitChange()};return o(i,{key:"404caa6a507637810b672c5decf4e3af300733ac","data-version":a},this.url?o("a",{"aria-current":this.active?"page":void 0,"aria-label":this.name,href:this.url,hrefLang:t,lang:t,onClick:()=>this.emitChange(),onKeyDown:e},o("slot",null)):o("button",{"aria-current":this.active?"true":void 0,"aria-label":this.name,lang:t,onClick:()=>this.emitChange(),onKeyDown:e},o("slot",null)))}static get watchers(){return{code:["validateCode"],active:["validateActiveProp"],name:["validateName"],url:["validateUrl"]}}};E.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option button{background-color:ButtonFace !important}post-language-option button:hover{background-color:Highlight !important}}post-language-option a{color:var(--post-scheme-color-surface-default-fg);text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:2px;text-transform:uppercase}post-language-option :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:where([variant=list]) :is(a,button){padding-inline:0;width:40px;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-option:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:#050400 !important;color:#fff;pointer-events:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-option:where([variant=menu]){min-width:72px}post-language-option:where([variant=menu])[active]:not([active=false]){display:none}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:16px;box-sizing:border-box;justify-content:flex-start;position:relative}post-language-option:where([variant=menu]) :is(a,button):hover{color:#fff;background-color:#504f4b}";const A=["list","menu"],C=class{constructor(e){t(this,e),this.caption=void 0,this.description=void 0,this.variant="list",this.activeLang=void 0}get host(){return e(this)}validateCaption(){g(this,"caption","string")}validateDescription(){g(this,"description","string")}validateVariant(){c(this,"variant",A),this.updateChildrenVariant()}componentDidLoad(){this.validateCaption(),this.validateDescription(),this.validateVariant(),this.updateChildrenVariant(),this.updateActiveLanguage()}handlePostChange(t){l(this.host,t,{targetLocalName:"post-language-option",delegatorSelector:"post-language-switch"},(()=>{this.activeLang=t.detail,this.languageOptions.forEach((t=>{t.code&&t.code===this.activeLang?t.setAttribute("active",""):t.removeAttribute("active")})),"menu"===this.variant&&this.host.shadowRoot.querySelector("post-menu").hide()}))}handleInitiallyActive(t){this.activeLang=t.detail}get languageOptions(){return this.host.querySelectorAll("post-language-option")}get activeLanguageOption(){return this.host.querySelector('post-language-option[active]:not([active="false"])')}handleSlotChange(){this.updateActiveLanguage()}updateActiveLanguage(){this.activeLang=this.activeLanguageOption.getAttribute("code")}updateChildrenVariant(){this.languageOptions.forEach((t=>{t.setAttribute("variant",this.variant)}))}menuId=`p${u(11)}`;renderList(){return o(i,{"data-version":a,role:"list","aria-label":this.caption},o("div",{class:"post-language-switch-list",role:"group","aria-label":this.description},o("slot",{onSlotchange:()=>this.handleSlotChange()})))}renderDropdown(){return o(i,{"data-version":a},o("post-menu-trigger",{for:this.menuId},o("button",{class:"post-language-switch-trigger","aria-label":this.description},this.activeLang,o("post-icon",{"aria-hidden":"true",name:"chevrondown"}))),o("post-menu",{id:this.menuId,class:"post-language-switch-dropdown-container","aria-label":this.caption},o("slot",{onSlotchange:()=>this.handleSlotChange()})))}render(){return"list"===this.variant?this.renderList():this.renderDropdown()}static get watchers(){return{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}}};C.style=":host{display:flex !important;flex-wrap:wrap;gap:.5rem}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-trigger{cursor:pointer;text-transform:uppercase;padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:24px;font-size:16px;padding:3px 10px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger{background-color:ButtonFace !important}.post-language-switch-trigger:hover{background-color:Highlight !important}}.post-language-switch-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:24px;width:24px}.post-language-switch-trigger[aria-expanded=true]{background-color:#050400;color:#fff}.post-language-switch-trigger[aria-expanded=true] post-icon{transform:rotate(180deg)}.post-language-switch-trigger[aria-expanded=true]:hover{background-color:#504f4b;color:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger{border:1px solid ButtonBorder}.post-language-switch-trigger[aria-expanded=true] post-icon,.post-language-switch-trigger:hover post-icon{color:HighlightText}}";const z=class{constructor(e){t(this,e),this.titleId=void 0,this.titleHidden=!1,this.horizontal=!1}get host(){return e(this)}titleEl;componentWillLoad(){this.titleId=`title-${this.host.id||u(6)}`}componentDidLoad(){this.checkTitle()}checkTitle(){this.titleEl.textContent.trim()||console.error("Please provide a title to the list component. Title is mandatory for accessibility purposes.")}render(){return o(i,{key:"085a63d7b4cc85461f2c8fd0c7b9d9f48f42055a","data-version":a},o("div",{key:"d13a66ba16b71eff1a86666b04ca2f41957962e1",ref:t=>this.titleEl=t,id:this.titleId,class:"list-title"+(this.titleHidden?" visually-hidden":"")},o("slot",{key:"0270bcd71c8a3a34390b98b6374a1a2f06e0d606"})),o("div",{key:"de04b08bf94900435c53f972c8fcd0798c8a5faf",role:"list","aria-labelledby":this.titleId},o("slot",{key:"f7aa9976b3283ee4da3d32d84b36e2549c29e80f",name:"post-list-item"})))}};z.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-list{display:flex;flex-direction:column;gap:var(--post-list-title-gap, 0)}post-list>[role=list]{display:flex;flex-direction:column;gap:var(--post-list-item-gap, 0)}post-list:where([horizontal]:not([horizontal=false])){flex-direction:row;align-items:center}post-list:where([horizontal]:not([horizontal=false]))>[role=list]{flex-direction:row;align-items:center}post-list>.list-title.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}post-list>.list-title.visually-hidden:not(caption){position:absolute !important}";const M=class{constructor(e){t(this,e)}get host(){return e(this)}connectedCallback(){this.host.setAttribute("slot","post-list-item")}render(){return o(i,{key:"9626999693fa26c4fb42db178e53099ea8a95c2e",role:"listitem",slot:"post-list-item",version:a},o("slot",{key:"5f2d0a626e9d09a44d4c20f3bc97a2c60ca77feb"}))}};M.style=":host{display:flex}";const L=class{constructor(e){t(this,e),this.url=void 0}get host(){return e(this)}validateUrl(){p(this,"url")}componentDidLoad(){this.validateUrl(),this.checkDescription()}checkDescription(){this.host.textContent||console.warn("Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.")}render(){const t=this.url&&("string"==typeof this.url?this.url:this.url.href);return o(i,{key:"128604612a51624b537f30b0b9c91d9ea6b950be","data-version":a},o(t?"a":"span",{key:"885f057200f9da839fd38cb7070f319f6c89793e",class:"logo "+(t?"logo-link":""),...t?{href:t}:{}},o("span",{key:"bee12585bf74fe5c2ce8a644c540c86626295526",class:"description"},o("slot",{key:"e516075c5138cef9378d3dc7137eb6c28d02b279",onSlotchange:()=>this.checkDescription()})),o("svg",{key:"c0056463b93f7c0e5da07db4656d9c8dc9161c32",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},o("g",{key:"1dfc33886c9b1fb6cd3b08f448a89c11a6080598",id:"Logo"},o("rect",{key:"dd84426568259714379a92a3f56349c6b3220a61",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),o("polygon",{key:"56fa6445c184a41355a968365098b75387a16f48",fill:"#ff0000",points:"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3"}),o("path",{key:"f2abb1db77a2e795f477662453d7296a28882756",d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}static get watchers(){return{url:["validateUrl"]}}};L.style=":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link :focus,:focus-visible{border-radius:2px}";const H="post-list-item :is(a, button):not(post-megadropdown *)",D=class{constructor(e){t(this,e),this.canScrollLeft=!1,this.canScrollRight=!1,this.translationAmount=0}header;navbar;rightScrollButton;leftScrollButton;scrollRepeatInterval;navbarDisableTimer;resizeObserver;mutationObserver=new MutationObserver((async t=>{await Promise.all(t.flatMap((t=>Array.from(t.addedNodes))).map((t=>t.componentOnReady?t.componentOnReady():Promise.resolve(t)))),this.checkScrollability()}));get host(){return e(this)}onTranslateAmountChanges(t){this.navbar.style.marginInlineStart=`-${t}px`,this.checkScrollability()}connectedCallback(){this.header=this.host.closest("post-header")}disconnectedCallback(){this.header=null,this.mutationObserver.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect()}componentDidLoad(){if(setTimeout((()=>this.checkScrollability())),this.resizeObserver=new ResizeObserver((()=>{this.checkScrollability()})),this.navbar){this.resizeObserver.observe(this.navbar);const t=this.navigationList;t&&this.resizeObserver.observe(t)}this.mutationObserver.observe(this.navigationList,{subtree:!0,childList:!0}),this.fixLayoutShift(),this.navbar.addEventListener("focusin",(t=>this.adjustTranslation(t)))}fixLayoutShift(){this.host.querySelectorAll("nav > post-list > div > post-list-item > a, nav > post-list > div > post-list-item > post-megadropdown-trigger > button").forEach((t=>t.innerHTML=`<span class="nav-el-active">${t.innerHTML}</span><span class="nav-el-inactive"aria-hidden="true">${t.innerHTML}</span>`))}handleBackButtonClick(){this.header&&this.header.toggleMobileMenu()}adjustTranslation(t){const e=t.target;this.canScroll&&e.matches(H)&&(t.preventDefault(),this.withoutTransition((()=>{this.translateRightTo(e),this.translateLeftTo(e),e.focus()})))}checkScrollability(){const{scrollWidth:t,clientWidth:e}=this.navbar,o=this.canScroll;t===e?this.canScrollLeft=this.canScrollRight=!1:(this.canScrollLeft=this.translationAmount>0,this.canScrollRight=e+this.translationAmount<t),o&&!this.canScroll&&this.withoutTransition((()=>this.translationAmount=0))}get canScroll(){return this.canScrollLeft||this.canScrollRight}handleScrollButtonClick(t){this.canScroll&&(this.disableNavbar(),this.scroll(t),this.scrollRepeatInterval=setInterval((()=>{this.scroll(t)}),100))}stopScrolling(){this.scrollRepeatInterval&&clearInterval(this.scrollRepeatInterval)}scroll(t){const e=Array.from(this.navigationItems);"left"===t&&e.reverse();for(const o of e)if("left"===t?this.translateLeftTo(o,!0):this.translateRightTo(o,!0))break}translateRightTo(t,e=!1){const o=t.closest("post-list-item"),i=o.offsetLeft+o.offsetWidth,n=this.host.clientWidth-this.rightScrollButton.clientWidth;if(i<n)return!1;const a=i-n+1;if(e&&a<o.clientWidth/2)return!1;const s=this.navbar.scrollWidth-this.host.clientWidth,{marginRight:r}=getComputedStyle(this.navigationList);return this.translationAmount=Math.min(this.translationAmount+a,s)+parseInt(r),!0}translateLeftTo(t,e=!1){const o=t.closest("post-list-item"),i=o.offsetLeft,n=this.leftScrollButton.clientWidth;if(i>n)return!1;const a=n-i+1;if(e&&a<o.clientWidth/2)return!1;const{marginLeft:s}=getComputedStyle(this.navigationList);return this.translationAmount=Math.max(this.translationAmount-a-parseInt(s),0),!0}get navigationList(){return this.navbar.querySelector('post-list > [role="list"]:not(post-megadropdown *)')}get navigationItems(){return this.navbar.querySelectorAll(H)}disableNavbar(){this.navbarDisableTimer&&clearTimeout(this.navbarDisableTimer),this.navbar.style.pointerEvents="none",this.navbarDisableTimer=setTimeout((()=>{this.navbar.style.pointerEvents="initial"}),400)}withoutTransition(t){const e=this.navbar.style.transition;this.navbar.style.transition="none",t(),setTimeout((()=>{this.navbar.style.transition=e}))}render(){return o(i,{key:"e91995f96b3b795fe2ed5c79ee89257b5c8aec2a",slot:"post-mainnavigation",version:a},o("div",{key:"165c6efcf5e05984708de9e0abdaed130036816e",onClick:()=>this.handleBackButtonClick(),class:"back-button"},o("slot",{key:"a894f4788fc85d2fb0d6480831af711871c3b9f4",name:"back-button"})),o("nav",{key:"11d276069f40676b0c3e2fb5e8426b5803bcdad2",ref:t=>this.navbar=t},o("slot",{key:"6070e3f75ccfa7dfaf22554802e6c43dd025830c"})),o("div",{key:"06aefb232bfa1d7cd053e33bf7150fe418e4239a",class:"left-scroll-button"+(this.canScrollLeft?"":" d-none"),"aria-hidden":"true"},o("button",{key:"f16d493af4ca62cd64a06a27ff8f805039cc806f",type:"button",tabindex:"-1",ref:t=>this.leftScrollButton=t,onMouseDown:()=>this.handleScrollButtonClick("left")},o("post-icon",{key:"8a4d2fa0b90a571445b02fa4b157ca4a5ac5eb9b","aria-hidden":"true",name:"chevronleft"}))),o("div",{key:"2e540a2b9c6e1c1a68be89f8ed8a3a4840083b02",class:"right-scroll-button"+(this.canScrollRight?"":" d-none"),"aria-hidden":"true"},o("button",{key:"1aafbe38dd159eedb4b8dcb72dd19a61348b603a",type:"button",tabindex:"-1",ref:t=>this.rightScrollButton=t,onMouseDown:()=>this.handleScrollButtonClick("right")},o("post-icon",{key:"72eccd291ba4a15bf64bf76f87398dddf7586bae","aria-hidden":"true",name:"chevronright"}))))}static get watchers(){return{translationAmount:["onTranslateAmountChanges"]}}};D.style='post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-align:start}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button{background-color:ButtonFace !important}post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:Highlight !important}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:4px;outline-offset:-2px !important}post-mainnavigation .back-button post-icon{transform:rotate(180deg)}@media screen and (max-width: 1023.98px){post-mainnavigation .back-button{font-size:16px}}@media screen and (max-width: 599.98px){post-mainnavigation .back-button{font-size:14px}}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{content:"";mask-image:url("data:image/svg+xml,%3Csvg viewBox=\'0 0 32 32\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'m23.6 13.2-7.5 7.6-7.6-7.6.9-.9 6.6 6.6 6.6-6.6z\'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:24px;width:24px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>button,post-mainnavigation post-megadropdown-trigger button{border:1px solid ButtonBorder !important}post-mainnavigation>button:hover::after,post-mainnavigation>button[aria-expanded=true]::after,post-mainnavigation post-megadropdown-trigger button:hover::after,post-mainnavigation post-megadropdown-trigger button[aria-expanded=true]::after{color:HighlightText}}@media screen and (min-width: 1024px){post-mainnavigation{display:block;overflow-x:hidden}post-mainnavigation nav{max-width:100%;background:#fff;max-height:var(--post-main-navigation-height);user-select:none;transition:margin 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{z-index:4;position:absolute;inset-block-end:0;overflow:hidden}post-mainnavigation .left-scroll-button button,post-mainnavigation .right-scroll-button button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;background:#fff;padding:16px;box-shadow:var(--post-device-elevation-500);line-height:100%;height:var(--post-main-navigation-height)}}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){post-mainnavigation .left-scroll-button button,post-mainnavigation .right-scroll-button button{background-color:ButtonFace !important}post-mainnavigation .left-scroll-button button:hover,post-mainnavigation .right-scroll-button button:hover{background-color:Highlight !important}}@media screen and (min-width: 1024px){post-mainnavigation .left-scroll-button button post-icon,post-mainnavigation .right-scroll-button button post-icon{font-size:1rem}}@media screen and (min-width: 1024px){post-mainnavigation .left-scroll-button.d-none,post-mainnavigation .right-scroll-button.d-none{display:none}}@media screen and (min-width: 1024px){post-mainnavigation .left-scroll-button{inset-inline-start:0;padding-inline-end:2rem}}@media screen and (min-width: 1024px){post-mainnavigation .right-scroll-button{inset-inline-end:0;padding-inline-start:2rem}}@media screen and (min-width: 1024px){post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:12px;height:var(--post-main-navigation-height);gap:4px;font-size:16px;z-index:4}post-mainnavigation post-list-item>a .nav-el-active,post-mainnavigation post-list-item>button .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-active{font-weight:700;text-align:center;opacity:0}post-mainnavigation post-list-item>a .nav-el-inactive,post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{position:absolute;opacity:1;text-align:center;width:100%;inset-inline-start:0}post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff;font-weight:700}post-mainnavigation post-list-item>a.selected .nav-el-active,post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-active,post-mainnavigation post-list-item>button.selected .nav-el-active,post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button.selected .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-active{opacity:1}post-mainnavigation post-list-item>a.selected .nav-el-inactive,post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-inactive,post-mainnavigation post-list-item>button.selected .nav-el-inactive,post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button.selected .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-inactive{opacity:0}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}}@media screen and (min-width: 1024px)and (max-width: 599.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:14px}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:12px;transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{width:calc(100% - 28px)}post-mainnavigation post-list-item>button::after,post-mainnavigation post-list-item post-megadropdown-trigger button::after{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button.selected::after,post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-mainnavigation post-list-item post-megadropdown-trigger button.selected::after,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}}@media screen and (min-width: 1024px){post-mainnavigation post-megadropdown button:not(.btn-icon-close),post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-mainnavigation post-megadropdown button:not(.btn-icon-close)::before,post-mainnavigation post-megadropdown a::before{content:"";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-mainnavigation post-megadropdown button:not(.btn-icon-close).selected,post-mainnavigation post-megadropdown button:not(.btn-icon-close)[aria-expanded=true],post-mainnavigation post-megadropdown a.selected,post-mainnavigation post-megadropdown a[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover,post-mainnavigation post-megadropdown a:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover::before,post-mainnavigation post-megadropdown a:hover::before{background-color:#504f4b}}@media screen and (min-width: 1024px){post-mainnavigation [slot=back-button]{display:none}}@media screen and (max-width: 1023.98px){post-mainnavigation nav{transform:none !important}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{display:none}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-mainnavigation post-list-item>a::before,post-mainnavigation post-list-item>button::before,post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:"";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-list-item>a:hover::before,post-mainnavigation post-list-item>button:hover::before,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{background-color:#504f4b}post-mainnavigation post-list-item>a .nav-el-inactive,post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{display:none}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{transform:rotate(-90deg)}}post-mainnavigation .back-button .btn{padding-inline:0}';const $=class{constructor(e){t(this,e),this.postToggleMegadropdown=n(this,"postToggleMegadropdown",7),this.device=f.get("name"),this.isVisible=!1,this.animationClass=null}firstFocusableEl;lastFocusableEl;get host(){return e(this)}static activeDropdown=null;breakpointChange(t){this.device=t.detail,"desktop"===this.device&&this.isVisible&&(this.animationClass=null)}postToggleMegadropdown;disconnectedCallback(){this.removeListeners(),window.removeEventListener("postBreakpoint:name",this.breakpointChange.bind(this)),$.activeDropdown===this&&($.activeDropdown=null)}componentWillRender(){this.getFocusableElements()}async toggle(){this.isVisible?this.hide():await this.show()}async show(){$.activeDropdown&&$.activeDropdown!==this?$.activeDropdown.forceClose():this.animationClass="slide-in",this.isVisible=!0,$.activeDropdown=this,this.postToggleMegadropdown.emit({isVisible:this.isVisible}),this.firstFocusableEl&&"none"!==window.getComputedStyle(this.firstFocusableEl).display&&this.firstFocusableEl.focus(),this.addListeners()}async hide(t=!0,e=!1){this.postToggleMegadropdown.emit({isVisible:!1,focusParent:t}),e?this.forceClose():this.animationClass="slide-out"}async focusFirst(){this.firstFocusableEl?.focus()}connectedCallback(){window.addEventListener("postBreakpoint:name",this.breakpointChange.bind(this))}forceClose(){this.isVisible=!1,this.animationClass=null,this.postToggleMegadropdown.emit({isVisible:this.isVisible,focusParent:!1}),this.removeListeners()}handleAnimationEnd(){"slide-out"===this.animationClass&&(this.isVisible=!1,this.animationClass=null,$.activeDropdown=null,this.removeListeners())}handleClickOutside=t=>{if("desktop"!==this.device)return;const e=t.target;if(!this.host.contains(e)){if(e instanceof HTMLElement){const t=e.closest("post-megadropdown-trigger");if(t&&t.getAttribute("for")!==this.host.id)return}this.hide(!1)}};addListeners(){this.host.addEventListener("keydown",(t=>this.keyboardHandler(t))),document.addEventListener("keyup",(t=>this.handleTabOutside(t))),document.addEventListener("mousedown",this.handleClickOutside)}removeListeners(){this.host.removeEventListener("keydown",(t=>this.keyboardHandler(t))),document.removeEventListener("keyup",(t=>this.handleTabOutside(t))),document.removeEventListener("mousedown",this.handleClickOutside)}getFocusableElements(){const t=Array.from(this.host.querySelectorAll("post-list-item, h3, .back-button")).flatMap((t=>Array.from(x(t))));this.firstFocusableEl=t[0],this.lastFocusableEl=t[t.length-1]}keyboardHandler(t){"Tab"===t.key&&"desktop"!==this.device&&(t.shiftKey&&document.activeElement===this.firstFocusableEl?(t.preventDefault(),this.lastFocusableEl.focus()):t.shiftKey||document.activeElement!==this.lastFocusableEl||(t.preventDefault(),this.firstFocusableEl.focus()))}handleTabOutside(t){"Tab"===t.key&&"desktop"===this.device&&(this.host.contains(t.target)||this.hide(!1))}render(){return o(i,{key:"7426a12ebaeac0ce3b8402c3da4d5393daca059b",version:a},o("div",{key:"d47b60c334577f5662f19912f12ce941b4b52d94",class:`megadropdown-container ${this.animationClass||""}`,style:this.isVisible?{}:{display:"none"},onAnimationEnd:()=>this.handleAnimationEnd()},o("div",{key:"2798f217b2b3e43c3c63072884bbbbe7d99ed62f",class:"megadropdown"},o("slot",{key:"b61f82bbc7f87f65d9b6957e7a4e5d6790b6dd00",name:"megadropdown-title"}),o("div",{key:"f4996a819511cb59185faeedbdcec4be6e6f8a24",class:"megadropdown-content"},o("slot",{key:"54f695c3b3d30a6a1aae7f7dc6f65f4d4d27de68"})),o("div",{key:"b1334295c7d758e20c85b6c6c8cefc31dcf09e20",onClick:()=>this.hide(!0),class:"back-button"},o("slot",{key:"c4db69fa3207ce4cb47b725e37b1993820a2a64c",name:"back-button"})),o("div",{key:"68b22a3222382586fc749dec63e36edae84360c1",onClick:()=>this.hide(!0),class:"close-button"},o("slot",{key:"8023b75c931a95dbd9552c1a713790e77e40f526",name:"close-button"})))))}};$.style='@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;z-index:1;width:100%;inset-block-start:100%;inset-inline-start:0;border-radius:0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown-container{border-block-end:1px solid CanvasText}}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{z-index:4;position:fixed;inset-block-start:var(--header-navigation-current-inset);inset-inline:0;height:calc(min(var(--header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));border-block-start:unset;overflow-y:auto;overscroll-behavior:contain}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}@media screen and (min-width: 1024px){.megadropdown-container{max-height:calc(100vh - var(--post-header-height) - 48px);overflow-y:auto}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{display:flex;flex-direction:column;width:inherit;padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-block:0 8px;font-weight:900}.megadropdown h2 a{text-decoration:none;display:none;font-weight:inherit;border-block:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:16px 12px 14px 8px}.megadropdown post-list .list-title h3:not(:has(a)){position:relative}.megadropdown post-list .list-title h3:not(:has(a))::before{content:"";background-color:#050400;inset-block-end:0;inset-inline-start:0;width:100%;height:2px;position:absolute}.megadropdown post-list .list-title h3 a{border-radius:0;text-decoration:none;font-size:inherit;display:flex;align-items:center;justify-content:space-between;min-height:53px;width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative;height:unset;font-weight:900}.megadropdown post-list .list-title h3 a::before{content:"";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}.megadropdown post-list .list-title h3 a.selected,.megadropdown post-list .list-title h3 a[aria-expanded=true]{background-color:#050400;color:#fff}.megadropdown post-list .list-title h3 a:hover{background-color:#504f4b;color:#fff}.megadropdown post-list .list-title h3 a:hover::before{background-color:#504f4b}.megadropdown post-list .list-title h3 a::before{height:2px}@media screen and (max-width: 1023.98px){.megadropdown post-list .list-title h3{font-size:1rem}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:14px 12px 12px 8px}}@media screen and (max-width: 599.98px){.megadropdown post-list .list-title h3{font-size:.875rem}}.megadropdown post-list-item>a{padding-block:13px 12px;padding-inline-start:8px;display:flex;text-decoration:none;width:100%;min-width:100%;height:auto;min-height:48px;white-space:normal;word-break:break-word}.megadropdown post-list-item>a:hover{border-block-width:0}@media screen and (min-width: 1024px){.megadropdown post-list-item>a{font-size:1.25rem}}@media screen and (max-width: 1023.98px){.megadropdown post-list-item>a{padding-block:12px 11px}}@media screen and (max-width: 599.98px){.megadropdown post-list-item>a{font-size:.875rem}}.megadropdown .back-button{display:none;margin-block-end:2rem}.megadropdown .back-button .btn{width:auto}@media screen and (max-width: 1023.98px){.megadropdown .back-button{order:-1;display:block}}.megadropdown .close-button{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}@media screen and (max-width: 1023.98px){.megadropdown .close-button{display:none}}';const R=class{constructor(e){t(this,e),this.for=void 0,this.ariaExpanded=!1}get host(){return e(this)}slottedButton=null;wasExpanded=!1;validateControlFor(){g(this,"for","string")}get megadropdown(){const t=document.getElementById(this.for);return t&&"post-megadropdown"===t.localName?t:null}handleToggle(){this.megadropdown?this.megadropdown.toggle():console.warn(`No post-megadropdown found with ID: ${this.for}`)}handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleToggle(),this.megadropdown&&!this.ariaExpanded&&setTimeout((()=>this.megadropdown.focusFirst()),100))};handleToggleMegadropdown=t=>{l(this.host,t,{targetLocalName:"post-megadropdown"},(()=>{t.target.id===this.for&&(this.ariaExpanded=t.detail.isVisible,this.wasExpanded&&!this.ariaExpanded&&t.detail.focusParent&&setTimeout((()=>{this.slottedButton?.focus()}),100),this.wasExpanded=this.ariaExpanded,this.slottedButton&&this.slottedButton.setAttribute("aria-expanded",this.ariaExpanded.toString()))}))};componentDidLoad(){this.validateControlFor(),document.addEventListener("postToggleMegadropdown",this.handleToggleMegadropdown),this.slottedButton=this.host.querySelector("button"),this.slottedButton?(this.slottedButton.setAttribute("aria-haspopup","menu"),this.slottedButton.addEventListener("click",(()=>{this.handleToggle()})),this.slottedButton.addEventListener("keydown",this.handleKeyDown)):console.warn("No button found within post-megadropdown-trigger")}disconnectedCallback(){document.removeEventListener("postToggleMegadropdown",this.handleToggleMegadropdown)}render(){return o(i,{key:"86b85efede8d9b19f3f0560f500f33f5e172177f","data-version":a,"tab-index":"-1"},o("button",{key:"0f810e4c38bc4abf23ac60ab27b36d408e7ced0d"},o("slot",{key:"2a522ac7e15ef8ac077b73cdebf629b89ea173c6"})))}static get watchers(){return{for:["validateControlFor"]}}};R.style="post-megadropdown-trigger{width:100%;position:relative;z-index:3}";const O=class{constructor(e){t(this,e),this.toggleMenu=n(this,"toggleMenu",7),this.placement="bottom",this.isVisible=!1}popoverRef;lastFocusedElement=null;KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"};get host(){return e(this)}toggleMenu;root;connectedCallback(){this.root=m(this.host),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick)}disconnectedCallback(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.popoverRef?.removeEventListener("postToggle",this.handlePostToggle)}componentDidLoad(){this.popoverRef&&this.popoverRef.addEventListener("postToggle",this.handlePostToggle)}async toggle(t){this.popoverRef?await this.popoverRef.toggle(t):console.error("toggle: popoverRef is null or undefined")}async show(t){this.popoverRef?await this.popoverRef.show(t):console.error("show: popoverRef is null or undefined")}async hide(){this.popoverRef?await this.popoverRef.hide():console.error("hide: popoverRef is null or undefined")}handleKeyDown=t=>{t.stopPropagation(),t.key!==this.KEYCODES.ESCAPE?Object.values(this.KEYCODES).includes(t.key)&&this.controlKeyDownHandler(t):this.toggle(this.host)};handlePostToggle=t=>{l(this.host,t,{targetLocalName:"post-popovercontainer",delegatorSelector:"post-menu"},(()=>{this.isVisible=t.detail,this.toggleMenu.emit(this.isVisible),requestAnimationFrame((()=>{if(this.isVisible){this.lastFocusedElement=this.root?.activeElement;const t=this.getSlottedItems();t.length>0&&t[0].focus()}else this.lastFocusedElement&&this.lastFocusedElement.focus()}))}))};handleClick=t=>{["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(t.target.tagName)&&this.toggle(this.host)};controlKeyDownHandler(t){const e=this.getSlottedItems();if(!e.length)return;let o=e.findIndex((t=>t===m(t).activeElement));switch(t.key){case this.KEYCODES.UP:t.preventDefault(),o=(o-1+e.length)%e.length;break;case this.KEYCODES.DOWN:t.preventDefault(),o=(o+1)%e.length;break;case this.KEYCODES.HOME:o=0;break;case this.KEYCODES.END:t.preventDefault(),o=e.length-1;break;case this.KEYCODES.SPACE:return void this.toggle(this.host);case this.KEYCODES.TAB:this.toggle(this.host)}e[o]&&e[o].focus()}getSlottedItems(){const t=this.host.shadowRoot.querySelector("slot");return(t?t.assignedElements():[]).flatMap((t=>t instanceof HTMLSlotElement?t.assignedElements():t)).flatMap((t=>Array.from(x(t))))}render(){return o(i,{key:"a86276a1fefccbb1f2b50f1ad74dd98ddcbdae5d","data-version":a,role:"menu"},o("post-popovercontainer",{key:"a0b2a35714ba370b7a73d92d1d6c036aa7039aea",placement:this.placement,ref:t=>this.popoverRef=t},o("div",{key:"98da2e21f8e4b4e02b4c347bc4f9238edc635b77",class:"popover-container",part:"popover-container"},o("slot",{key:"d3060c46482c5f3179827b8996a9a4b24abf49fa"}))))}};O.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}post-popovercontainer{padding:var(--post-menu-padding);background-color:var(--post-menu-bg, #ffffff);border-color:var(--post-menu-bg, #ffffff)}.popover-container{display:flex;flex-direction:column}";const B=class{constructor(e){t(this,e),this.for=void 0,this.ariaExpanded=!1}get host(){return e(this)}slottedButton=null;root;validateControlFor(){g(this,"for","string")}get menu(){const t=this.root.getElementById(this.for);return t&&"post-menu"===t.localName?t:null}handleToggle(){this.menu?this.menu.toggle(this.host):console.warn(`No post-menu found with ID: ${this.for}`)}handleKeyDown=t=>{"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.handleToggle())};connectedCallback(){this.root=m(this.host)}componentDidLoad(){if(this.validateControlFor(),this.slottedButton=this.host.querySelector("button"),!this.slottedButton){const t=this.host.querySelector(".menu-trigger-webc");if(t.shadowRoot){const e=t.shadowRoot.querySelector("button");e&&(this.slottedButton=e)}}this.slottedButton?(this.slottedButton.setAttribute("aria-haspopup","menu"),this.menu&&this.slottedButton&&this.menu.addEventListener("toggleMenu",(t=>{this.ariaExpanded=t.detail,this.slottedButton.setAttribute("aria-expanded",this.ariaExpanded.toString())})),this.slottedButton.addEventListener("click",(()=>{this.handleToggle()})),this.slottedButton.addEventListener("keydown",this.handleKeyDown)):console.warn("No button found within post-menu-trigger")}render(){return o(i,{key:"84316d4a69c4231be636e5ff8971752d5af9bab2","data-version":a,"tab-index":"-1"},o("slot",{key:"d3091adcf7033c4dd25e49fa383ccb9773b2d226"}))}static get watchers(){return{for:["validateControlFor"]}}};B.style=":host{display:inline-block}";const F=Math.min,P=Math.max,j=Math.round,N=Math.floor,I=t=>({x:t,y:t}),W={left:"right",right:"left",bottom:"top",top:"bottom"},U={start:"end",end:"start"};function V(t,e,o){return P(t,F(e,o))}function q(t,e){return"function"==typeof t?t(e):t}function K(t){return t.split("-")[0]}function X(t){return t.split("-")[1]}function Y(t){return"x"===t?"y":"x"}function _(t){return"y"===t?"height":"width"}function G(t){return["top","bottom"].includes(K(t))?"y":"x"}function J(t){return Y(G(t))}function Q(t){return t.replace(/start|end/g,(t=>U[t]))}function Z(t){return t.replace(/left|right|bottom|top/g,(t=>W[t]))}function tt(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 et(t){const{x:e,y:o,width:i,height:n}=t;return{width:i,height:n,top:o,left:e,right:e+i,bottom:o+n,x:e,y:o}}function ot(t,e,o){let{reference:i,floating:n}=t;const a=G(e),s=J(e),r=_(s),l=K(e),c="y"===a,d=i.x+i.width/2-n.width/2,p=i.y+i.height/2-n.height/2,h=i[r]/2-n[r]/2;let g;switch(l){case"top":g={x:d,y:i.y-n.height};break;case"bottom":g={x:d,y:i.y+i.height};break;case"right":g={x:i.x+i.width,y:p};break;case"left":g={x:i.x-n.width,y:p};break;default:g={x:i.x,y:i.y}}switch(X(e)){case"start":g[s]-=h*(o&&c?-1:1);break;case"end":g[s]+=h*(o&&c?-1:1)}return g}async function it(t,e){var o;void 0===e&&(e={});const{x:i,y:n,platform:a,rects:s,elements:r,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:p="floating",altBoundary:h=!1,padding:g=0}=q(e,t),u=tt(g),f=r[h?"floating"===p?"reference":"floating":p],m=et(await a.getClippingRect({element:null==(o=await(null==a.isElement?void 0:a.isElement(f)))||o?f:f.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(r.floating)),boundary:c,rootBoundary:d,strategy:l})),b="floating"===p?{...s.floating,x:i,y:n}:s.reference,v=await(null==a.getOffsetParent?void 0:a.getOffsetParent(r.floating)),w=await(null==a.isElement?void 0:a.isElement(v))&&await(null==a.getScale?void 0:a.getScale(v))||{x:1,y:1},x=et(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:b,offsetParent:v,strategy:l}):b);return{top:(m.top-x.top+u.top)/w.y,bottom:(x.bottom-m.bottom+u.bottom)/w.y,left:(m.left-x.left+u.left)/w.x,right:(x.right-m.right+u.right)/w.x}}function nt(t){const e=F(...t.map((t=>t.left))),o=F(...t.map((t=>t.top)));return{x:e,y:o,width:P(...t.map((t=>t.right)))-e,height:P(...t.map((t=>t.bottom)))-o}}function at(){return"undefined"!=typeof window}function st(t){return ct(t)?(t.nodeName||"").toLowerCase():"#document"}function rt(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function lt(t){var e;return null==(e=(ct(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function ct(t){return!!at()&&(t instanceof Node||t instanceof rt(t).Node)}function dt(t){return!!at()&&(t instanceof Element||t instanceof rt(t).Element)}function pt(t){return!!at()&&(t instanceof HTMLElement||t instanceof rt(t).HTMLElement)}function ht(t){return!(!at()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof rt(t).ShadowRoot)}function gt(t){const{overflow:e,overflowX:o,overflowY:i,display:n}=wt(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(n)}function ut(t){return["table","td","th"].includes(st(t))}function ft(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function mt(t){const e=bt(),o=dt(t)?wt(t):t;return["transform","translate","scale","rotate","perspective"].some((t=>!!o[t]&&"none"!==o[t]))||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","translate","scale","rotate","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function bt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function vt(t){return["html","body","#document"].includes(st(t))}function wt(t){return rt(t).getComputedStyle(t)}function xt(t){return dt(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function yt(t){if("html"===st(t))return t;const e=t.assignedSlot||t.parentNode||ht(t)&&t.host||lt(t);return ht(e)?e.host:e}function kt(t){const e=yt(t);return vt(e)?t.ownerDocument?t.ownerDocument.body:t.body:pt(e)&>(e)?e:kt(e)}function Tt(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const n=kt(t),a=n===(null==(i=t.ownerDocument)?void 0:i.body),s=rt(n);if(a){const t=St(s);return e.concat(s,s.visualViewport||[],gt(n)?n:[],t&&o?Tt(t):[])}return e.concat(n,Tt(n,[],o))}function St(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Et(t){const e=wt(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const n=pt(t),a=n?t.offsetWidth:o,s=n?t.offsetHeight:i,r=j(o)!==a||j(i)!==s;return r&&(o=a,i=s),{width:o,height:i,$:r}}function At(t){return dt(t)?t:t.contextElement}function Ct(t){const e=At(t);if(!pt(e))return I(1);const o=e.getBoundingClientRect(),{width:i,height:n,$:a}=Et(e);let s=(a?j(o.width):o.width)/i,r=(a?j(o.height):o.height)/n;return s&&Number.isFinite(s)||(s=1),r&&Number.isFinite(r)||(r=1),{x:s,y:r}}const zt=I(0);function Mt(t){const e=rt(t);return bt()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:zt}function Lt(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const n=t.getBoundingClientRect(),a=At(t);let s=I(1);e&&(i?dt(i)&&(s=Ct(i)):s=Ct(t));const r=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==rt(t))&&e}(a,o,i)?Mt(a):I(0);let l=(n.left+r.x)/s.x,c=(n.top+r.y)/s.y,d=n.width/s.x,p=n.height/s.y;if(a){const t=rt(a),e=i&&dt(i)?rt(i):i;let o=t,n=St(o);for(;n&&i&&e!==o;){const t=Ct(n),e=n.getBoundingClientRect(),i=wt(n),a=e.left+(n.clientLeft+parseFloat(i.paddingLeft))*t.x,s=e.top+(n.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,p*=t.y,l+=a,c+=s,o=rt(n),n=St(o)}}return et({width:d,height:p,x:l,y:c})}function Ht(t,e){const o=xt(t).scrollLeft;return e?e.left+o:Lt(lt(t)).left+o}function Dt(t,e,o){void 0===o&&(o=!1);const i=t.getBoundingClientRect();return{x:i.left+e.scrollLeft-(o?0:Ht(t,i)),y:i.top+e.scrollTop}}function $t(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=rt(t),i=lt(t),n=o.visualViewport;let a=i.clientWidth,s=i.clientHeight,r=0,l=0;if(n){a=n.width,s=n.height;const t=bt();(!t||t&&"fixed"===e)&&(r=n.offsetLeft,l=n.offsetTop)}return{width:a,height:s,x:r,y:l}}(t,o);else if("document"===e)i=function(t){const e=lt(t),o=xt(t),i=t.ownerDocument.body,n=P(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),a=P(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let s=-o.scrollLeft+Ht(t);const r=-o.scrollTop;return"rtl"===wt(i).direction&&(s+=P(e.clientWidth,i.clientWidth)-n),{width:n,height:a,x:s,y:r}}(lt(t));else if(dt(e))i=function(t,e){const o=Lt(t,!0,"fixed"===e),i=o.top+t.clientTop,n=o.left+t.clientLeft,a=pt(t)?Ct(t):I(1);return{width:t.clientWidth*a.x,height:t.clientHeight*a.y,x:n*a.x,y:i*a.y}}(e,o);else{const o=Mt(t);i={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return et(i)}function Rt(t,e){const o=yt(t);return!(o===e||!dt(o)||vt(o))&&("fixed"===wt(o).position||Rt(o,e))}function Ot(t,e,o){const i=pt(e),n=lt(e),a="fixed"===o,s=Lt(t,!0,a,e);let r={scrollLeft:0,scrollTop:0};const l=I(0);if(i||!i&&!a)if(("body"!==st(e)||gt(n))&&(r=xt(e)),i){const t=Lt(e,!0,a,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else n&&(l.x=Ht(n));const c=!n||i||a?I(0):Dt(n,r);return{x:s.left+r.scrollLeft-l.x-c.x,y:s.top+r.scrollTop-l.y-c.y,width:s.width,height:s.height}}function Bt(t){return"static"===wt(t).position}function Ft(t,e){if(!pt(t)||"fixed"===wt(t).position)return null;if(e)return e(t);let o=t.offsetParent;return lt(t)===o&&(o=o.ownerDocument.body),o}function Pt(t,e){const o=rt(t);if(ft(t))return o;if(!pt(t)){let e=yt(t);for(;e&&!vt(e);){if(dt(e)&&!Bt(e))return e;e=yt(e)}return o}let i=Ft(t,e);for(;i&&ut(i)&&Bt(i);)i=Ft(i,e);return i&&vt(i)&&Bt(i)&&!mt(i)?o:i||function(t){let e=yt(t);for(;pt(e)&&!vt(e);){if(mt(e))return e;if(ft(e))return null;e=yt(e)}return null}(t)||o}const jt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:o,offsetParent:i,strategy:n}=t;const a="fixed"===n,s=lt(i),r=!!e&&ft(e.floating);if(i===s||r&&a)return o;let l={scrollLeft:0,scrollTop:0},c=I(1);const d=I(0),p=pt(i);if((p||!p&&!a)&&(("body"!==st(i)||gt(s))&&(l=xt(i)),pt(i))){const t=Lt(i);c=Ct(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}const h=!s||p||a?I(0):Dt(s,l,!0);return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x+h.x,y:o.y*c.y-l.scrollTop*c.y+d.y+h.y}},getDocumentElement:lt,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:n}=t;const a=[..."clippingAncestors"===o?ft(e)?[]:function(t,e){const o=e.get(t);if(o)return o;let i=Tt(t,[],!1).filter((t=>dt(t)&&"body"!==st(t))),n=null;const a="fixed"===wt(t).position;let s=a?yt(t):t;for(;dt(s)&&!vt(s);){const e=wt(s),o=mt(s);o||"fixed"!==e.position||(n=null),(a?!o&&!n:!o&&"static"===e.position&&n&&["absolute","fixed"].includes(n.position)||gt(s)&&!o&&Rt(t,s))?i=i.filter((t=>t!==s)):n=e,s=yt(s)}return e.set(t,i),i}(e,this._c):[].concat(o),i],s=a.reduce(((t,o)=>{const i=$t(e,o,n);return t.top=P(i.top,t.top),t.right=F(i.right,t.right),t.bottom=F(i.bottom,t.bottom),t.left=P(i.left,t.left),t}),$t(e,a[0],n));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:Pt,getElementRects:async function(t){const e=this.getOffsetParent||Pt,o=this.getDimensions,i=await o(t.floating);return{reference:Ot(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:o}=Et(t);return{width:e,height:o}},getScale:Ct,isElement:dt,isRTL:function(t){return"rtl"===wt(t).direction}};function Nt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const It=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var o,i;const{x:n,y:a,placement:s,middlewareData:r}=e,l=await async function(t,e){const{placement:o,platform:i,elements:n}=t,a=await(null==i.isRTL?void 0:i.isRTL(n.floating)),s=K(o),r=X(o),l="y"===G(o),c=["left","top"].includes(s)?-1:1,d=a&&l?-1:1,p=q(e,t);let{mainAxis:h,crossAxis:g,alignmentAxis:u}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return r&&"number"==typeof u&&(g="end"===r?-1*u:u),l?{x:g*d,y:h*c}:{x:h*c,y:g*d}}(e,t);return s===(null==(o=r.offset)?void 0:o.placement)&&null!=(i=r.arrow)&&i.alignmentOffset?{}:{x:n+l.x,y:a+l.y,data:{...l,placement:s}}}}},Wt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:n}=e,{mainAxis:a=!0,crossAxis:s=!1,limiter:r={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=q(t,e),c={x:o,y:i},d=await it(e,l),p=G(K(n)),h=Y(p);let g=c[h],u=c[p];a&&(g=V(g+d["y"===h?"top":"left"],g,g-d["y"===h?"bottom":"right"])),s&&(u=V(u+d["y"===p?"top":"left"],u,u-d["y"===p?"bottom":"right"]));const f=r.fn({...e,[h]:g,[p]:u});return{...f,data:{x:f.x-o,y:f.y-i}}}}},Ut=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,i;const{placement:n,middlewareData:a,rects:s,initialPlacement:r,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:p=!0,fallbackPlacements:h,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:f=!0,...m}=q(t,e);if(null!=(o=a.arrow)&&o.alignmentOffset)return{};const b=K(n),v=K(r)===r,w=await(null==l.isRTL?void 0:l.isRTL(c.floating)),x=h||(v||!f?[Z(r)]:function(t){const e=Z(t);return[Q(t),e,Q(e)]}(r));h||"none"===u||x.push(...function(t,e,o,i){const n=X(t);let a=function(t,e,o){const i=["left","right"],n=["right","left"],a=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?n:i:e?i:n;case"left":case"right":return e?a:s;default:return[]}}(K(t),"start"===o,i);return n&&(a=a.map((t=>t+"-"+n)),e&&(a=a.concat(a.map(Q)))),a}(r,f,u,w));const y=[r,...x],k=await it(e,m),T=[];let S=(null==(i=a.flip)?void 0:i.overflows)||[];if(d&&T.push(k[b]),p){const t=function(t,e,o){void 0===o&&(o=!1);const i=X(t),n=J(t),a=_(n);let s="x"===n?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[a]>e.floating[a]&&(s=Z(s)),[s,Z(s)]}(n,s,w);T.push(k[t[0]],k[t[1]])}if(S=[...S,{placement:n,overflows:T}],!T.every((t=>t<=0))){var E,A;const t=((null==(E=a.flip)?void 0:E.index)||0)+1,e=y[t];if(e)return{data:{index:t,overflows:S},reset:{placement:e}};let o=null==(A=S.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:A.placement;if(!o)switch(g){case"bestFit":{var C;const t=null==(C=S.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:C[0];t&&(o=t);break}case"initialPlacement":o=r}if(n!==o)return{reset:{placement:o}}}return{}}}},Vt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:o,rects:i,platform:n,elements:a}=e,{apply:s=(()=>{}),...r}=q(t,e),l=await it(e,r),c=K(o),d=X(o),p="y"===G(o),{width:h,height:g}=i.floating;let u,f;"top"===c||"bottom"===c?(u=c,f=d===(await(null==n.isRTL?void 0:n.isRTL(a.floating))?"start":"end")?"left":"right"):(f=c,u="end"===d?"top":"bottom");const m=g-l[u],b=h-l[f],v=!e.middlewareData.shift;let w=m,x=b;if(p){const t=h-l.left-l.right;x=d||v?F(b,t):t}else{const t=g-l.top-l.bottom;w=d||v?F(m,t):t}if(v&&!d){const t=P(l.left,0),e=P(l.right,0),o=P(l.top,0),i=P(l.bottom,0);p?x=h-2*(0!==t||0!==e?t+e:P(l.left,l.right)):w=g-2*(0!==o||0!==i?o+i:P(l.top,l.bottom))}await s({...e,availableWidth:x,availableHeight:w});const y=await n.getDimensions(a.floating);return h!==y.width||g!==y.height?{reset:{rects:!0}}:{}}}},qt=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:o,y:i,placement:n,rects:a,middlewareData:s}=e,{offset:r=0,mainAxis:l=!0,crossAxis:c=!0}=q(t,e),d={x:o,y:i},p=G(n),h=Y(p);let g=d[h],u=d[p];const f=q(r,e),m="number"==typeof f?{mainAxis:f,crossAxis:0}:{mainAxis:0,crossAxis:0,...f};if(l){const t="y"===h?"height":"width",e=a.reference[h]-a.floating[t]+m.mainAxis,o=a.reference[h]+a.reference[t]-m.mainAxis;g<e?g=e:g>o&&(g=o)}if(c){var b,v;const t="y"===h?"width":"height",e=["top","left"].includes(K(n)),o=a.reference[p]-a.floating[t]+(e&&(null==(b=s.offset)?void 0:b[p])||0)+(e?0:m.crossAxis),i=a.reference[p]+a.reference[t]+(e?0:(null==(v=s.offset)?void 0:v[p])||0)-(e?m.crossAxis:0);u<o?u=o:u>i&&(u=i)}return{[h]:g,[p]:u}}}};(()=>{var t=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:o="",...i}={}){super(t,i),this.oldState=String(e||""),this.newState=String(o||"")}},e=new WeakMap;function o(o,i,n){e.set(o,setTimeout((()=>{e.has(o)&&o.dispatchEvent(new t("toggle",{cancelable:!1,oldState:i,newState:n}))}),0))}var i=globalThis.ShadowRoot||function(){},n=globalThis.HTMLDialogElement||function(){},a=new WeakMap,s=new WeakMap,r=new WeakMap;function l(t){return r.get(t)||"hidden"}var c=new WeakMap;function d(t,e){return!("auto"!==t.popover&&"manual"!==t.popover||!t.isConnected||e&&"showing"!==l(t)||!e&&"hidden"!==l(t)||t instanceof n&&t.hasAttribute("open")||document.fullscreenElement===t)}function p(t){return t?Array.from(s.get(t.ownerDocument)||[]).indexOf(t)+1:0}function h(t){let e=s.get(t);for(let t of e||[]){if(t.isConnected)return t;e.delete(t)}return null}function g(t){return"function"==typeof t.getRootNode?t.getRootNode():t.parentNode?g(t.parentNode):t}function u(t){for(;t;){if(t instanceof HTMLElement&&"auto"===t.popover&&"showing"===r.get(t))return t;if((t=t.parentElement||g(t))instanceof i&&(t=t.host),t instanceof Document)return}}function f(t){return!(t.hidden||t instanceof i||(t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLOptGroupElement||t instanceof HTMLOptionElement||t instanceof HTMLFieldSetElement)&&t.disabled||t instanceof HTMLInputElement&&"hidden"===t.type||t instanceof HTMLAnchorElement&&""===t.href)&&"number"==typeof t.tabIndex&&-1!==t.tabIndex}var m=new WeakMap;function b(e){if(!d(e,!1))return;let i=e.ownerDocument;if(!e.dispatchEvent(new t("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))||!d(e,!1))return;let n=!1;if("auto"===e.popover){let t=e.getAttribute("popover"),o=function(t){let e=new Map,o=0,i=t.ownerDocument;for(let t of s.get(i)||[])e.set(t,o),o+=1;e.set(t,o),o+=1;let n=null;return function(t){let o=u(t);if(null===o)return null;let i=e.get(o);(null===n||e.get(n)<i)&&(n=o)}(t?.parentElement),n}(e)||i;if(x(o,!1,!0),t!==e.getAttribute("popover")||!d(e,!1))return}h(i)||(n=!0),m.delete(e);let l=i.activeElement;e.classList.add(":popover-open"),r.set(e,"showing"),a.has(i)||a.set(i,new Set),a.get(i).add(e),function(t){(function(t){if(t.shadowRoot&&!0!==t.shadowRoot.delegatesFocus)return null;let e=t;e.shadowRoot&&(e=e.shadowRoot);let o=e.querySelector("[autofocus]");if(o)return o;{let t=e.querySelectorAll("slot");for(let e of t){let t=e.assignedElements({flatten:!0});for(let e of t){if(e.hasAttribute("autofocus"))return e;if(o=e.querySelector("[autofocus]"),o)return o}}}let i=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT),n=i.currentNode;for(;n;){if(f(n))return n;n=i.nextNode()}})(t)?.focus()}(e),"auto"===e.popover&&(s.has(i)||s.set(i,new Set),s.get(i).add(e),S(c.get(e),!0)),n&&l&&"auto"===e.popover&&m.set(e,l),o(e,"closed","open")}function v(e,i=!1,n=!1){if(!d(e,!0))return;let l=e.ownerDocument;if("auto"===e.popover&&(x(e,i,n),!d(e,!0))||(S(c.get(e),!1),c.delete(e),n&&(e.dispatchEvent(new t("beforetoggle",{oldState:"open",newState:"closed"})),!d(e,!0))))return;a.get(l)?.delete(e),s.get(l)?.delete(e),e.classList.remove(":popover-open"),r.set(e,"hidden"),n&&o(e,"open","closed");let p=m.get(e);p&&(m.delete(e),i&&p.focus())}function w(t,e=!1,o=!1){let i=h(t);for(;i;)v(i,e,o),i=h(t)}function x(t,e,o){let i=t.ownerDocument||t;if(t instanceof Document)return w(i,e,o);let n=null,a=!1;for(let e of s.get(i)||[])if(e===t)a=!0;else if(a){n=e;break}if(!a)return w(i,e,o);for(;n&&"showing"===l(n)&&s.get(i)?.size;)v(n,e,o)}var y=new WeakMap;function k(t){if(!t.isTrusted)return;let e=t.composedPath()[0];if(!e)return;let o=e.ownerDocument;if(!h(o))return;let n=function(t){let e=u(t),o=function(t){for(;t;){let e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if((t=t.parentElement||g(t))instanceof i&&(t=t.host),t instanceof Document)return}}(t);return p(e)>p(o)?e:o}(e);if(n&&"pointerdown"===t.type)y.set(o,n);else if("pointerup"===t.type){let t=y.get(o)===n;y.delete(o),t&&x(n||o,!1,!0)}}var T=new WeakMap;function S(t,e=!1){if(!t)return;T.has(t)||T.set(t,t.getAttribute("aria-expanded"));let o=t.popoverTargetElement;if(o instanceof HTMLElement&&"auto"===o.popover)t.setAttribute("aria-expanded",String(e));else{let e=T.get(t);e?t.setAttribute("aria-expanded",e):t.removeAttribute("aria-expanded")}}var E=globalThis.ShadowRoot||function(){};function A(t,e,o){let i=t[e];Object.defineProperty(t,e,{value(t){return i.call(this,o(t))}})}var C=/(^|[^\\]):popover-open\b/g,z="\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n\n :where([popover]:not(.\\:popover-open)) {\n display: none;\n }\n",M=null;function L(t){if(null===M)try{(M=new CSSStyleSheet).replaceSync(z)}catch{M=!1}if(!1===M){let e=document.createElement("style");e.textContent=z,t instanceof Document?t.head.prepend(e):t.prepend(e)}else t.adoptedStyleSheets=[M,...t.adoptedStyleSheets]}typeof HTMLElement<"u"&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||function(){function e(t){return t?.includes(":popover-open")&&(t=t.replace(C,"$1.\\:popover-open")),t}window.ToggleEvent=window.ToggleEvent||t,A(Document.prototype,"querySelector",e),A(Document.prototype,"querySelectorAll",e),A(Element.prototype,"querySelector",e),A(Element.prototype,"querySelectorAll",e),A(Element.prototype,"matches",e),A(Element.prototype,"closest",e),A(DocumentFragment.prototype,"querySelectorAll",e),A(DocumentFragment.prototype,"querySelectorAll",e),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;let t=(this.getAttribute("popover")||"").toLowerCase();return""===t||"auto"==t?"auto":"manual"},set(t){this.setAttribute("popover",t)}},showPopover:{enumerable:!0,configurable:!0,value(){b(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){v(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(t){"showing"===r.get(this)&&void 0===t||!1===t?v(this,!0,!0):(void 0===t||!0===t)&&b(this)}}});let o=Element.prototype.attachShadow;o&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(t){let e=o.call(this,t);return L(e),e}}});let i=HTMLElement.prototype.attachInternals;i&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){let t=i.call(this);return t.shadowRoot&&L(t.shadowRoot),t}}});let n=new WeakMap;function a(t){Object.defineProperties(t.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(t){if(null===t)this.removeAttribute("popovertarget"),n.delete(this);else{if(!(t instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),n.set(this,t)}},get(){if("button"!==this.localName&&"input"!==this.localName||"input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type||this.disabled||this.form&&"submit"===this.type)return null;let t=n.get(this);if(t&&t.isConnected)return t;if(t&&!t.isConnected)return n.delete(this),null;let e=g(this),o=this.getAttribute("popovertarget");return(e instanceof Document||e instanceof E)&&o&&e.getElementById(o)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){let t=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===t||"hide"===t?t:"toggle"},set(t){this.setAttribute("popovertargetaction",t)}}})}a(HTMLButtonElement),a(HTMLInputElement);var s;(s=document).addEventListener("click",(t=>{if(!t.isTrusted)return;let e=t.composedPath()[0];if(!(e instanceof Element)||e?.shadowRoot)return;let o=g(e);if(!(o instanceof E||o instanceof Document))return;let i=e.closest("[popovertargetaction],[popovertarget]");return i?(function(t){let e=t.popoverTargetElement;if(!(e instanceof HTMLElement))return;let o=l(e);"show"===t.popoverTargetAction&&"showing"===o||"hide"===t.popoverTargetAction&&"hidden"===o||("showing"===o?v(e,!0,!0):d(e,!1)&&(c.set(e,t),b(e)))}(i),void t.preventDefault()):void 0})),s.addEventListener("keydown",(t=>{let e=t.key,o=t.target;!t.defaultPrevented&&o&&("Escape"===e||"Esc"===e)&&x(o.ownerDocument,!0,!0)})),s.addEventListener("pointerdown",k),s.addEventListener("pointerup",k),L(document)}()})();const Kt=class{constructor(e){t(this,e),this.postToggle=n(this,"postToggle",7),this.manualClose=!1,this.placement="top",this.edgeGap=8,this.arrow=!1,this.safeSpace=void 0}static STATIC_SIDES={top:"bottom",right:"left",bottom:"top",left:"right"};static PROPERTIES_TO_CLEAR=["--safe-space-popover-x","--safe-space-popover-y","--safe-space-popover-x-start","--safe-space-popover-x-end","--safe-space-popover-y-start","--safe-space-popover-y-end","--safe-space-trigger-x","--safe-space-trigger-y","--safe-space-trigger-x-start","--safe-space-trigger-x-end","--safe-space-trigger-y-start","--safe-space-trigger-y-end"];get host(){return e(this)}arrowRef;eventTarget;clearAutoUpdate;toggleTimeoutId;postToggle;mouseTrackingHandler(t){this.host.style.setProperty("--safe-space-cursor-x",`${t.clientX}px`),this.host.style.setProperty("--safe-space-cursor-y",`${t.clientY}px`)}componentDidLoad(){this.host.addEventListener("beforetoggle",this.handleToggle.bind(this))}disconnectedCallback(){"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate()}async show(t){this.toggleTimeoutId||(this.eventTarget=t,this.calculatePosition(),this.host.showPopover())}async hide(){this.toggleTimeoutId||(this.eventTarget=null,this.host.hidePopover())}async toggle(t,e){return this.toggleTimeoutId||(this.eventTarget=t,this.calculatePosition(),this.host.togglePopover(e),this.toggleTimeoutId=null),this.host.matches(":where(:popover-open, .popover-open)")}handleToggle(t){this.toggleTimeoutId=window.setTimeout((()=>this.toggleTimeoutId=null),10);const e="open"===t.newState;e?(this.startAutoupdates(),this.safeSpace&&window.addEventListener("mousemove",this.mouseTrackingHandler.bind(this))):("function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate(),this.safeSpace&&window.removeEventListener("mousemove",this.mouseTrackingHandler.bind(this))),this.postToggle.emit(e)}startAutoupdates(){this.clearAutoUpdate=function(t,e,o,i){void 0===i&&(i={});const{ancestorScroll:n=!0,ancestorResize:a=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:r="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,c=At(t),d=n||a?[...c?Tt(c):[],...Tt(e)]:[];d.forEach((t=>{n&&t.addEventListener("scroll",o,{passive:!0}),a&&t.addEventListener("resize",o)}));const p=c&&r?function(t,e){let o,i=null;const n=lt(t);function a(){var t;clearTimeout(o),null==(t=i)||t.disconnect(),i=null}return function s(r,l){void 0===r&&(r=!1),void 0===l&&(l=1),a();const c=t.getBoundingClientRect(),{left:d,top:p,width:h,height:g}=c;if(r||e(),!h||!g)return;const u={rootMargin:-N(p)+"px "+-N(n.clientWidth-(d+h))+"px "+-N(n.clientHeight-(p+g))+"px "+-N(d)+"px",threshold:P(0,F(1,l))||1};let f=!0;function m(e){const i=e[0].intersectionRatio;if(i!==l){if(!f)return s();i?s(!1,i):o=setTimeout((()=>{s(!1,1e-7)}),1e3)}1!==i||Nt(c,t.getBoundingClientRect())||s(),f=!1}try{i=new IntersectionObserver(m,{...u,root:n.ownerDocument})}catch(t){i=new IntersectionObserver(m,u)}i.observe(t)}(!0),a}(c,o):null;let h,g=-1,u=null;s&&(u=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&u&&(u.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{var t;null==(t=u)||t.observe(e)}))),o()})),c&&!l&&u.observe(c),u.observe(e));let f=l?Lt(t):null;return l&&function e(){const i=Lt(t);f&&!Nt(f,i)&&o(),f=i,h=requestAnimationFrame(e)}(),o(),()=>{var t;d.forEach((t=>{n&&t.removeEventListener("scroll",o),a&&t.removeEventListener("resize",o)})),null==p||p(),null==(t=u)||t.disconnect(),u=null,l&&cancelAnimationFrame(h)}}(this.eventTarget,this.host,this.calculatePosition.bind(this))}getHeaderHeight(){const t=document.querySelector("post-header");return t?parseFloat(getComputedStyle(t).height):0}async calculatePosition(){const{x:t,y:e,middlewareData:o,placement:i}=await this.computeMainPosition(),n=i.split("-")[0];if(this.host.style.left=`${t}px`,this.host.style.top=`${e}px`,this.arrow&&o.arrow){const{x:t,y:e}=o.arrow,i=Kt.STATIC_SIDES[n];i&&Object.assign(this.arrowRef.style,{left:t?`${t}px`:"",top:e?`${e}px`:"",[i]:"-7px"})}this.safeSpace&&this.eventTarget&&await this.updateSafeSpaceBoundaries(n)}async computeMainPosition(){const t=this.edgeGap,e=[Ut({padding:this.getHeaderHeight()}),(void 0===o&&(o={}),{name:"inline",options:o,async fn(t){const{placement:e,elements:i,rects:n,platform:a,strategy:s}=t,{padding:r=2,x:l,y:c}=q(o,t),d=Array.from(await(null==a.getClientRects?void 0:a.getClientRects(i.reference))||[]),p=function(t){const e=t.slice().sort(((t,e)=>t.y-e.y)),o=[];let i=null;for(let t=0;t<e.length;t++){const n=e[t];!i||n.y-i.y>i.height/2?o.push([n]):o[o.length-1].push(n),i=n}return o.map((t=>et(nt(t))))}(d),h=et(nt(d)),g=tt(r),u=await a.getElementRects({reference:{getBoundingClientRect:function(){if(2===p.length&&p[0].left>p[1].right&&null!=l&&null!=c)return p.find((t=>l>t.left-g.left&&l<t.right+g.right&&c>t.top-g.top&&c<t.bottom+g.bottom))||h;if(p.length>=2){if("y"===G(e)){const t=p[0],o=p[p.length-1],i="top"===K(e),n=t.top,a=o.bottom,s=i?t.left:o.left,r=i?t.right:o.right;return{top:n,bottom:a,left:s,right:r,width:r-s,height:a-n,x:s,y:n}}const t="left"===K(e),o=P(...p.map((t=>t.right))),i=F(...p.map((t=>t.left))),n=p.filter((e=>t?e.left===i:e.right===o)),a=n[0].top,s=n[n.length-1].bottom;return{top:a,bottom:s,left:i,right:o,width:o-i,height:s-a,x:i,y:a}}return h}},floating:i.floating,strategy:s});return n.reference.x!==u.reference.x||n.reference.y!==u.reference.y||n.reference.width!==u.reference.width||n.reference.height!==u.reference.height?{reset:{rects:u}}:{}}}),Wt({padding:t,limiter:qt({offset:32})}),Vt({apply({availableWidth:e,elements:o}){Object.assign(o.floating.style,{maxWidth:e-2*t+"px"})}}),It(this.arrow?t+4:t)];var o;return this.arrow&&e.push((t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:n,rects:a,platform:s,elements:r,middlewareData:l}=e,{element:c,padding:d=0}=q(t,e)||{};if(null==c)return{};const p=tt(d),h={x:o,y:i},g=J(n),u=_(g),f=await s.getDimensions(c),m="y"===g,b=m?"top":"left",v=m?"bottom":"right",w=m?"clientHeight":"clientWidth",x=a.reference[u]+a.reference[g]-h[g]-a.floating[u],y=h[g]-a.reference[g],k=await(null==s.getOffsetParent?void 0:s.getOffsetParent(c));let T=k?k[w]:0;T&&await(null==s.isElement?void 0:s.isElement(k))||(T=r.floating[w]||a.floating[u]);const S=x/2-y/2,E=T/2-f[u]/2-1,A=F(p[b],E),C=F(p[v],E),z=A,M=T-f[u]-C,L=T/2-f[u]/2+S,H=V(z,L,M),D=!l.arrow&&null!=X(n)&&L!==H&&a.reference[u]/2-(L<z?A:C)-f[u]/2<0,$=D?L<z?L-z:L-M:0;return{[g]:h[g]+$,data:{[g]:H,centerOffset:L-H-$,...D&&{alignmentOffset:$}},reset:D}}}))({element:this.arrowRef,padding:t})),((t,e,o)=>{const i=new Map,n={platform:jt,...o},a={...n.platform,_c:i};return(async(t,e,o)=>{const{placement:i="bottom",strategy:n="absolute",middleware:a=[],platform:s}=o,r=a.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:n}),{x:d,y:p}=ot(c,i,l),h=i,g={},u=0;for(let o=0;o<r.length;o++){const{name:a,fn:f}=r[o],{x:m,y:b,data:v,reset:w}=await f({x:d,y:p,initialPlacement:i,placement:h,strategy:n,middlewareData:g,rects:c,platform:s,elements:{reference:t,floating:e}});d=null!=m?m:d,p=null!=b?b:p,g={...g,[a]:{...g[a],...v}},w&&u<=50&&(u++,"object"==typeof w&&(w.placement&&(h=w.placement),w.rects&&(c=!0===w.rects?await s.getElementRects({reference:t,floating:e,strategy:n}):w.rects),({x:d,y:p}=ot(c,h,l))),o=-1)}return{x:d,y:p,placement:h,strategy:n,middlewareData:g}})(t,e,{...n,platform:a})})(this.eventTarget,this.host,{placement:this.placement||"top",strategy:"fixed",middleware:e})}async updateSafeSpaceBoundaries(t){const e=this.eventTarget.getBoundingClientRect(),o="top"===t||"bottom"===t,i=((t,e,o)=>"top"===t||"bottom"===t?{popover:{y:"top"===t?e.bottom:e.top,xStart:e.left,xEnd:e.right},trigger:{y:"top"===t?o.top:o.bottom,xStart:o.left,xEnd:o.right}}:{popover:{x:"left"===t?e.right:e.left,yStart:e.top,yEnd:e.bottom},trigger:{x:"left"===t?o.left:o.right,yStart:o.top,yEnd:o.bottom}})(t,this.host.getBoundingClientRect(),e);Kt.PROPERTIES_TO_CLEAR.forEach((t=>{this.host.style.removeProperty(t)})),o?(this.host.style.setProperty("--safe-space-popover-y",`${i.popover.y}px`),this.host.style.setProperty("--safe-space-popover-x-start",`${i.popover.xStart}px`),this.host.style.setProperty("--safe-space-popover-x-end",`${i.popover.xEnd}px`),this.host.style.setProperty("--safe-space-trigger-y",`${i.trigger.y}px`),this.host.style.setProperty("--safe-space-trigger-x-start",`${i.trigger.xStart}px`),this.host.style.setProperty("--safe-space-trigger-x-end",`${i.trigger.xEnd}px`)):(this.host.style.setProperty("--safe-space-popover-x",`${i.popover.x}px`),this.host.style.setProperty("--safe-space-popover-y-start",`${i.popover.yStart}px`),this.host.style.setProperty("--safe-space-popover-y-end",`${i.popover.yEnd}px`),this.host.style.setProperty("--safe-space-trigger-x",`${i.trigger.x}px`),this.host.style.setProperty("--safe-space-trigger-y-start",`${i.trigger.yStart}px`),this.host.style.setProperty("--safe-space-trigger-y-end",`${i.trigger.yEnd}px`))}render(){return o(i,{key:"4b1d039e821b26d830de798a8103995391d8e01b","data-version":a,popover:this.manualClose?"manual":"auto"},o("div",{key:"30e50db7f861df8339da244b1393372759a0fc13"},this.arrow&&o("span",{key:"acd8bae5e39cf6407fdefaaf0e2137d35b4c468d",class:"arrow",ref:t=>{this.arrowRef=t}}),o("slot",{key:"a4854df31cab7e452c89cf4a8f36249878c6cd0c"})))}};Kt.style='@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\\:popover-open){display:none}}}:where(post-popovercontainer){background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:where(post-popovercontainer)>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-palette-fg);background-color:var(--post-current-palette-bg);border:2px solid rgba(0,0,0,0);border-radius:4px}: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)[safe-space]::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:where(post-popovercontainer)[safe-space=triangle]::after{clip-path:polygon(var(--safe-space-cursor-x, 0) var(--safe-space-cursor-y, 0), var(--safe-space-popover-x-start, var(--safe-space-popover-x, 0)) var(--safe-space-popover-y, var(--safe-space-popover-y-start, 0)), var(--safe-space-popover-x-end, var(--safe-space-popover-x, 0)) var(--safe-space-popover-y, var(--safe-space-popover-y-end, 0)))}:where(post-popovercontainer)[safe-space=trapezoid]::after{clip-path:polygon(var(--safe-space-trigger-x-start, var(--safe-space-trigger-x, 0)) var(--safe-space-trigger-y, var(--safe-space-trigger-y-start, 0)), var(--safe-space-trigger-x-end, var(--safe-space-trigger-x, 0)) var(--safe-space-trigger-y, var(--safe-space-trigger-y-end, 0)), var(--safe-space-popover-x-end, var(--safe-space-popover-x, 0)) var(--safe-space-popover-y, var(--safe-space-popover-y-end, 0)), var(--safe-space-popover-x-start, var(--safe-space-popover-x, 0)) var(--safe-space-popover-y, var(--safe-space-popover-y-start, 0)))}:where(post-popovercontainer):not(:has(.arrow))>div{box-shadow:var(--post-device-elevation-300)}:where(post-popovercontainer):has(.arrow)>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.top)>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.left)>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.right)>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}: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-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.right{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.left{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.bottom{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0)}';const Xt=class{constructor(e){t(this,e),this.toggled=!1}get host(){return e(this)}validateToggled(){g(this,"toggled","boolean")}componentWillLoad(){this.validateToggled(),this.host.addEventListener("click",(()=>this.handleClick())),this.host.addEventListener("keydown",(t=>this.handleKeydown(t)))}handleClick=()=>{this.toggled=!this.toggled};handleKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.host.click())};render(){return o(i,{key:"3a1429a9b67b8cfafae184fe0d060ee3a04974e0","data-version":a,role:"button",tabindex:"0","aria-pressed":this.toggled.toString()},o("slot",{key:"9ab1537574423740fc335fde732c699698acac25"}))}static get watchers(){return{toggled:["validateToggled"]}}};Xt.style=":host{cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}";export{b as P,y as a,S as b,E as c,C as d,z as e,M as f,L as g,D as h,$ as i,R as j,O as k,B as l,Kt as m,Xt as n}
|