@swisspost/design-system-components 10.0.0-next.45 → 10.0.0-next.47

package/dist/post-components/p-ac73ab00.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as o,H as i,a as n}from"./p-C8a0ddDa.js";import{v as a}from"./p-Z01QMrov.js";import{t as s,b as r,I as l}from"./p-_0G7tavk.js";import{E as c}from"./p-8U5GFtQP.js";import{e as d,a as p,c as h,g}from"./p-BWC0gtGU.js";import{n as u}from"./p-BLchVpF6.js";import{P as f}from"./p-DRiVosES.js";import{g as m}from"./p-BkvZk-PA.js";const b=class{constructor(o){t(this,o),this.postClick=e(this,"postClick")}componentDidLoad(){this.checkHiddenLabel()}checkHiddenLabel(t=this.host.shadowRoot.querySelector(".visually-hidden slot")){0===t.assignedNodes().length&&console.error(`The \`${this.host.localName}\` component requires content for accessibility.`)}render(){return o(i,{key:"639599ff890ccf96684035e80449a99dcad7de85","data-version":a},o("button",{key:"0cc95e3c46a6d91ec3d31fff498b4c0b784de272",class:"btn btn-icon-close",type:"button",onClick:()=>this.postClick.emit()},o("post-icon",{key:"e30566a7734bb6a64a03f8983da015e7e7ec8c90","aria-hidden":"true",name:"closex"}),o("span",{key:"549ef38de408b6af78605f5e2f6f5c9aa291c04b",class:"visually-hidden"},o("slot",{key:"0325e4b54cfa8cfea9ddf243c1c25730d9a4b88f",onSlotchange:()=>this.checkHiddenLabel()}))))}get host(){return n(this)}};b.style=".btn-icon-close{padding:0;border:unset;min-height:unset;min-width:unset;width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);border-radius:var(--post-device-border-radius-round);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-icon-close>post-icon{min-width:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4)}.btn-icon-close:not(:disabled):hover,.btn-icon-close.pretend-hover{cursor:pointer;background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-icon-close:not(:disabled):hover,.btn-icon-close.pretend-hover{color:HighlightText !important}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";const v="ease",w="forwards",x=`: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(",")})`,y=`: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 k(t){const e=t.querySelectorAll(`${x}:not(${y})`);return Array.from(e).filter((t=>{const e=window.getComputedStyle(t.parentElement);return"none"!==e.display&&"hidden"!==e.visibility}))}const S=class{get hasMobileMenu(){return"desktop"!==this.device&&this.hasNavigation}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}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))}constructor(e){t(this,e),this.throttledResize=s(50,(()=>this.updateLocalHeaderHeight())),this.device=r.get("device"),this.hasNavigation=!1,this.mobileMenuExtended=!1,this.megadropdownOpen=!1,this.breakpointChange=t=>{this.device=t.detail,this.switchLanguageSwitchMode(),"desktop"===this.device&&this.mobileMenuExtended&&this.closeMobileMenu(),"desktop"!==this.device&&(Array.from(this.host.querySelectorAll("post-megadropdown")).forEach((t=>{t.hide(!1,!0)})),this.megadropdownOpen=!1)},this.megadropdownStateHandler=t=>{this.megadropdownOpen=t.detail.isVisible},this.handleScrollEvent=this.handleScrollEvent.bind(this),this.updateScrollParentHeight=this.updateScrollParentHeight.bind(this),this.updateLocalHeaderHeight=this.updateLocalHeaderHeight.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.megadropdownStateHandler),this.host.addEventListener("click",this.handleLinkClick),window.addEventListener("postBreakpoint:device",this.breakpointChange),this.checkNavigationExistence(),this.switchLanguageSwitchMode(),this.handleScrollParentResize(),this.lockBody(!1,this.mobileMenuExtended,"mobileMenuExtended")}componentWillRender(){this.handleScrollEvent()}componentDidRender(){this.getFocusableElements(),this.handleLocalHeaderResize()}componentDidLoad(){this.updateLocalHeaderHeight()}disconnectedCallback(){const t=this.scrollParent;window.removeEventListener("postBreakpoint:device",this.breakpointChange),window.removeEventListener("resize",this.throttledResize),window.removeEventListener("scroll",this.handleScrollEvent),t.removeEventListener("scroll",this.handleScrollEvent),document.removeEventListener("postToggleMegadropdown",this.megadropdownStateHandler),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}checkNavigationExistence(){this.hasNavigation=this.host.querySelectorAll("post-mainnavigation").length>0}async closeMobileMenu(){this.mobileMenuAnimation.finish();const t=this.getMenuButton();t&&(t.toggled=!1),this.mobileMenuExtended=!1}async toggleMobileMenu(t){"desktop"!==this.device&&(this.mobileMenuAnimation=this.mobileMenuExtended?function(t,e="-100%"){return t.animate([{transform:"translateY(0)"},{transform:`translateY(${e})`}],{duration:500,easing:v,fill:w})}(this.mobileMenu):function(t,e="-100%"){return t.animate([{transform:`translateY(${e})`},{transform:"translateY(0)"}],{duration:500,easing:v,fill:w})}(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&&this.closeAllMegadropdowns()):(this.mobileMenuExtended=t??!this.mobileMenuExtended,this.megadropdownOpen&&this.closeAllMegadropdowns()))}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-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(k(t))))];this.firstFocusableEl=e[0],this.lastFocusableEl=e[e.length-1]}getMenuButton(){return this.host.querySelector("post-togglebutton")}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()))}closeAllMegadropdowns(){Array.from(this.host.querySelectorAll("post-megadropdown")).forEach((t=>{t.hide(!1,!0)})),this.megadropdownOpen=!1}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");t&&document.documentElement.style.setProperty("--post-local-header-expanded-height",`${t.clientHeight}px`)}updateScrollParentHeight(){this.host.style.setProperty("--post-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)}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=this.hasMobileMenu?"list":"menu";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:{"--post-header-navigation-current-inset":`${e}px`}},o("div",{class:"mobile-menu",ref:t=>this.mobileMenu=t},o("div",{class:"navigation-target-group"},("mobile"===this.device||"tablet"===this.device)&&o("slot",{name:"target-group"})),o("slot",{name:"post-mainnavigation",onSlotchange:()=>this.checkNavigationExistence()}),("mobile"===this.device||"tablet"===this.device)&&o("div",{class:"navigation-footer"},o("slot",{name:"meta-navigation"}),o("slot",{name:"post-language-switch"}))))}render(){const t=["local-header"];return this.mobileMenuExtended&&t.push("local-header-mobile-extended"),this.hasNavigation||t.push("no-navigation"),o(i,{key:"ec2be7f6699d0b6be65c7ec05ccfaf11fe38551f","data-version":a,"data-color-scheme":"light"},o("div",{key:"defa2d956e848f0270e1c36404bb0e32e6112ab2",class:"global-header"},o("div",{key:"b1db492439d45566140d8698310d68707d44f178",class:"global-sub"},o("div",{key:"a238bbbe5999e4ff858b9f7223eb3a82ae517dc3",class:"logo"},o("slot",{key:"7b6a922842eaf01fdddad88079c5c4e27d9caf9d",name:"post-logo"}))),o("div",{key:"70b7e4f0a0e7dcd8458238f85d5cadfad5c8030d",class:"global-sub"},"desktop"===this.device&&o("slot",{key:"9abe132d957d37848205cd5b045ed9d8e9040da4",name:"target-group"})),o("div",{key:"6666cb7b19cd3654020291cff4b3f7821f190416",class:"global-sub"},!this.hasMobileMenu&&o("slot",{key:"446f14ba4b014b35b60dbf643ab1baace4cd1cd7",name:"meta-navigation"}),o("slot",{key:"6cdb4006e56ccdeb076cbe486a437ca56e4b259a",name:"global-controls"}),!this.hasMobileMenu&&o("slot",{key:"6be456ce09dee5653c36e2320fa89345139232a4",name:"post-language-switch"}),this.hasNavigation&&o("div",{key:"28f87889a93aae2e78978cbd02e18dca58a486ef",onClick:()=>this.toggleMobileMenu(),class:"mobile-toggle"},o("slot",{key:"157b154a30cdaf4c17434c2a6c7a796ad945780c",name:"post-togglebutton"})))),o("div",{key:"ddf249e9b055659325cc9717f03ccd9345556e15",class:t.join(" ")},o("slot",{key:"858312b4c4ef74c76588f9cd0b49acfda39f6daf",name:"title"}),o("div",{key:"73db57db8df18d9106cb124cf95b0c2551ceda23",class:"local-sub"},o("slot",{key:"e36a9e8572878fe11ae326503b0cbcc4d03ddd3e",name:"local-controls"}),o("slot",{key:"354e22a83276f8fa8c79127c8cdcfbf0f12dbf91"})),"desktop"===this.device&&this.renderNavigation()),"desktop"!==this.device&&this.renderNavigation())}get host(){return n(this)}static get watchers(){return{device:["lockBody"],mobileMenuExtended:["lockBody"]}}};(function(t,e,o,i){var n,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(e,o,s):n(e,o))||s);a>3&&s&&Object.defineProperty(e,o,s)})([c("post-megadropdown")],S.prototype,"megadropdownStateHandler",void 0),S.style='*,::before,::after{box-sizing:border-box}:host{z-index:1020;position:relative;--post-logo-height:calc(var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px));--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-local-header-top:calc( var(--post-global-header-reduced-height) + var(--post-local-header-reduced-height) - var(--post-local-header-expanded-height) );--post-global-controls-top:clamp( 1000 * var(--post-global-header-top),  calc(-1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height))), 0px )}@media screen and (min-width: 1024px){:host:has(.global-sub>*:not(.logo):focus-within),:host:has(.local-sub:focus-within){--post-global-header-top:0;--post-local-header-top:var(--post-global-header-expanded-height);--post-logo-height:var(--post-global-header-expanded-height);--post-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-expanded-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:4;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:8px;inset-block-start:var(--post-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(--post-global-controls-top)}.global-sub:not(:last-child):not(:first-child){flex-grow:1}}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--post-global-header-expanded-height);width:var(--post-global-header-expanded-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(--post-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;inset-block-start:var(--post-local-header-top);flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;min-height:var(--post-local-header-expanded-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;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:3;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-header.no-navigation{padding-block:0}.local-header.no-navigation .navigation{display:none}.local-sub{margin-inline-end:16px}@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:2;inset-inline:0;inset-block-start:var(--post-header-height)}.mobile-menu{background-color:#fafafa}::slotted(post-mainnavigation),.navigation-footer{padding-block:16px 24px;padding-inline:40px}::slotted(post-mainnavigation),.navigation-footer,.navigation-target-group{display:none;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer,.navigation.extended .navigation-target-group{display:flex}::slotted(post-mainnavigation){padding-block:24px}.navigation.extended>div{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:calc(min(var(--post-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}.navigation-footer{background-color:#f0efed;gap:24px}.navigation-footer ::slotted(post-language-switch){margin-top:16px}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.navigation-footer{gap:16px}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:16px}}';const T=`https://unpkg.com/@swisspost/design-system-icons@${a}/public/post-icons/`,E=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],z=class{constructor(e){t(this,e),this.flipH=!1,this.flipV=!1}validateAnimation(){d(this,"animation",E)}validateBase(){p(this,"base","string")}validateName(){h(this,"name","string")}validateRotate(){p(this,"rotate","number")}validateScale(){p(this,"scale","number")}getUrl(){const t=`${this.name}.svg`;if(!l&&!this.base)return`${T}${t}`;const e=l?window.location.origin:"",o=l&&document.querySelector("base[href]")?.getAttribute("href")||"",i=/^https?:\/\//.test(o),n=l&&document.querySelector('meta[name="design-system-settings"]')?.getAttribute("data-post-icon-base")||"",a=this.base||n,s=/^https?:\/\//.test(a),r=d(o),c=d(a);function d(t){return t?t.endsWith("/")?t:`${t}/`:""}let p;return p=s?`${c}${t}`:i?`${r}${c}${t}`:a||o?`${e}${r}${c}${t}`:`${T}${t}`,p.replace(/([^:])\/\//g,"$1/")}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.validateScale(),this.validateRotate(),this.validateAnimation()}render(){return o(i,{key:"3f90e071297fbca3c9ae7f0470c3deaf380f8a50","data-version":a},o("span",{key:"4b22a88a80e0b329d65508321a9b63a38894fae8",style:this.getStyles()}))}get host(){return n(this)}static get watchers(){return{animation:["validateAnimation"],base:["validateBase"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}}};z.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 M=["list","menu"],A=class{constructor(o){t(this,o),this.postChange=e(this,"postChange"),this.postLanguageOptionInitiallyActive=e(this,"postLanguageOptionInitiallyActive")}validateCode(){h(this,"code","string")}validateVariant(){d(this,"variant",M)}validateName(){p(this,"name","string")}validateUrl(){g(this,"url")}componentDidLoad(){if(this.validateCode(),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)}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="menu"===this.variant?"menuitem":void 0,n=t=>{"Enter"!==t.key&&" "!==t.key||this.emitChange()};return o(i,{key:"565abb06373e341d429242f6d1943edfdb20f8d7","data-version":a},this.url?o("a",{role:e,"aria-current":this.active?"page":void 0,href:this.url,hrefLang:t,lang:t,onClick:()=>this.emitChange(),onKeyDown:n},o("slot",null),o("span",{class:"visually-hidden"},this.name)):o("button",{role:e,"aria-current":this.active?"true":void 0,lang:t,onClick:()=>this.emitChange(),onKeyDown:n},o("slot",null),o("span",{class:"visually-hidden"},this.name)))}get host(){return n(this)}static get watchers(){return{code:["validateCode"],variant:["validateVariant"],name:["validateName"],url:["validateUrl"]}}};A.style="@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}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 button .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-language-option a{color:var(--post-current-fg);text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;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;outline-offset:-2px !important;border-radius:4px}@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;outline-offset:-2px !important;border-radius:4px}@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;border-radius:0}post-language-option:where([variant=menu]) :is(a,button):hover{color:#fff;background-color:#504f4b}post-language-option:where([variant=menu]):first-child :is(a,button){border-start-start-radius:4px;border-start-end-radius:4px}post-language-option:where([variant=menu]):last-child :is(a,button){border-end-start-radius:4px;border-end-end-radius:4px}";const C=class{constructor(e){t(this,e),this.menuId=`p${u(11)}`,this.listSpanId=`list-span-${u(11)}`,this.variant="list"}get languageOptions(){return Array.from(this.host.querySelectorAll("post-language-option"))}validateCaption(){h(this,"caption","string")}validateDescription(){h(this,"description","string")}validateVariant(){d(this,"variant",M),this.updateChildrenVariant()}componentDidLoad(){this.validateCaption(),this.validateDescription(),this.validateVariant(),this.updateChildrenVariant()}handlePostChange(t){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}updateChildrenVariant(){this.languageOptions.forEach((t=>{t.setAttribute("variant",this.variant),t.setAttribute("role","menu"==this.variant?"menuitem":"listitem")}))}renderList(){return o(i,{"data-version":a},o("div",{class:"post-language-switch-list",role:"list","aria-label":this.caption,"aria-describedby":this.listSpanId},o("span",{id:this.listSpanId,class:"visually-hidden"},this.description),o("slot",null)))}renderDropdown(){return o(i,{"data-version":a},o("post-menu-trigger",{for:this.menuId},o("button",{class:"post-language-switch-trigger"},this.activeLang,o("span",{class:"visually-hidden"},this.caption),o("span",{class:"visually-hidden"},this.description),o("post-icon",{"aria-hidden":"true",name:"chevrondown"}))),o("post-menu",{id:this.menuId,class:"post-language-switch-dropdown-container","aria-label":this.caption,role:"menu"},o("slot",null)))}render(){return"list"===this.variant?this.renderList():this.renderDropdown()}get host(){return n(this)}static get watchers(){return{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}}};(function(t,e,o,i){var n,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(e,o,s):n(e,o))||s);a>3&&s&&Object.defineProperty(e,o,s)})([c("post-language-option")],C.prototype,"handlePostChange",null),C.style=":host{display:flex !important;flex-wrap:wrap;gap:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.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}}post-menu::part(menu){padding-block:0}";const $=class{constructor(e){t(this,e),this.titleHidden=!1,this.horizontal=!1}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:"36b2afb0224903b411ca77257ab80d0a455bdf82","data-version":a},o("div",{key:"af0b3536d697097bc841a7ea50871fc69c230aee",ref:t=>this.titleEl=t,id:this.titleId,class:"list-title"+(this.titleHidden?" visually-hidden":"")},o("slot",{key:"4e115aa68fdbb2c674065e7644f326e0990b4867"})),o("div",{key:"49c0032b0baca56af8015d457a2d134dc0a9d39b",role:"list","aria-labelledby":this.titleId},o("slot",{key:"ec67e9a226b003c6f2e9aca019bef483fa22011e",name:"post-list-item"})))}get host(){return n(this)}};$.style="@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}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{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";const L=class{constructor(e){t(this,e)}connectedCallback(){this.host.setAttribute("slot","post-list-item")}render(){return o(i,{key:"c6e5d38b3b01e37bb59cf31d64228e12dcd47bde",role:"listitem",slot:"post-list-item",version:a},o("slot",{key:"0e156cf6e671ff4835b0262ef44b9e4342e58b94"}))}get host(){return n(this)}};L.style=":host{display:flex}";const H=class{constructor(e){t(this,e)}validateUrl(){g(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:"d6279e660f4e48e1810a76cd7449a964908a327f","data-version":a},o(t?"a":"span",{key:"aa1c6764aafb74cd7c670cc5281f267df5e684e2",class:"logo "+(t?"logo-link":""),...t?{href:t}:{}},o("span",{key:"ab4ab45ed0b58d309aef262335c2bfb12f42b5d6",class:"description"},o("slot",{key:"4ddbcb53683853723b426a76b4614bee59d83777",onSlotchange:()=>this.checkDescription()})),o("svg",{key:"2c78f3b6bb6364f5872032aeb32e29d315451c4d",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},o("g",{key:"8d02b5cf5b5f88f52dcf49c0d40f6153a3dc5714",id:"Logo"},o("rect",{key:"18901557af215a699c6070638c21e7ad552c071a",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),o("polygon",{key:"56d26b229eb79d87ad41a8b1d8a98937150b1e6d",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:"f1a2f2083359e4204c8af9d1e75d27c8b50df480",d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}get host(){return n(this)}static get watchers(){return{url:["validateUrl"]}}};H.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 D=class{constructor(e){t(this,e),this.canScrollLeft=!1,this.canScrollRight=!1,this.scrollRight=this.scrollRight.bind(this),this.scrollLeft=this.scrollLeft.bind(this),this.handleMutations=this.handleMutations.bind(this),this.checkScrollability=this.checkScrollability.bind(this),this.resizeObserver=new ResizeObserver(this.checkScrollability),this.mutationObserver=new MutationObserver(this.handleMutations)}componentDidLoad(){setTimeout((()=>{this.fixLayoutShift(),this.checkScrollability()})),this.resizeObserver.observe(this.navbar),this.mutationObserver.observe(this.navbar,{subtree:!0,childList:!0}),this.navbar.addEventListener("scrollend",this.checkScrollability)}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.disconnect(),this.navbar.removeEventListener("scrollend",this.checkScrollability)}stopScrolling(){this.scrollRepeatInterval&&clearInterval(this.scrollRepeatInterval)}async handleMutations(t){const e=t.flatMap((t=>Array.from(t.addedNodes)));await Promise.all(e.map((t=>t.componentOnReady?t.componentOnReady():Promise.resolve(t)))),this.fixLayoutShift(),this.checkScrollability()}get navigationItems(){return Array.from(this.navbar.querySelectorAll(":is(a, button):not(post-megadropdown *)"))}fixLayoutShift(){this.navigationItems.filter((t=>!t.matches(":has(.nav-el-active)"))).forEach((t=>{t.innerHTML=`\n          <span class="nav-el-active">${t.innerHTML}</span>\n          <span class="nav-el-inactive" aria-hidden="true">${t.innerHTML}</span>\n        `}))}get canScroll(){return this.canScrollLeft||this.canScrollRight}checkScrollability(){const{scrollLeft:t,scrollWidth:e,clientWidth:o}=this.navbar;e===o?this.canScrollLeft=this.canScrollRight=!1:(this.canScrollLeft=Math.floor(t)>0,this.canScrollRight=Math.ceil(o+t)<e)}handleScrollButtonClick(t,e){if(!this.canScroll||0!==t.button)return;this.temporarilyDisableNavbar();const o="right"===e?this.scrollRight:this.scrollLeft;o(),this.scrollRepeatInterval=setInterval((()=>{o()}),100)}scrollRight(){const t=document.querySelector(".scroll-right").getBoundingClientRect().left;for(const e of this.navigationItems){const{right:o,width:i}=e.getBoundingClientRect();if(!(o-.25*i<t))return void this.navbar.scrollBy({left:o-t})}}scrollLeft(){const t=document.querySelector(".scroll-left").getBoundingClientRect().right;for(const e of this.navigationItems.reverse()){const{left:o,width:i}=e.getBoundingClientRect();if(!(o+.25*i>t))return void this.navbar.scrollBy({left:o-t})}}temporarilyDisableNavbar(){this.navbarDisableTimer&&clearTimeout(this.navbarDisableTimer),this.navbar.setAttribute("inert",""),this.navbarDisableTimer=setTimeout((()=>{this.navbar.removeAttribute("inert")}),400)}render(){return o(i,{key:"94f9013416e0f22f7a571217495526cc03ed324b",slot:"post-mainnavigation",version:a},o("div",{key:"b82f1577a2a35adf39afbf8120f2a98b669048f0","aria-hidden":"true",class:{"scroll-control scroll-left":!0,"d-none":!this.canScrollLeft},onMouseDown:t=>this.handleScrollButtonClick(t,"left")},o("post-icon",{key:"6a83d6c33cd178eb415ef4e4a2f61af4869e03ae","aria-hidden":"true",name:"chevronleft"})),o("nav",{key:"0ef8a3dd934e9de55099be6d10a8e8f8d7d3378b",ref:t=>this.navbar=t},o("slot",{key:"08191f7821e57ed7d516b79bd42a0c79f7d40d34"})),o("div",{key:"b957afc9c60702dfc51ff33fa6fd2084db3cb3e8","aria-hidden":"true",class:{"scroll-control scroll-right":!0,"d-none":!this.canScrollRight},onMouseDown:t=>this.handleScrollButtonClick(t,"right")},o("post-icon",{key:"c9ef19c1234443a51a32ffc380ff7247f3f22e08","aria-hidden":"true",name:"chevronright"})))}};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>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;position:relative;height:var(--post-main-navigation-height, 0);background:#fff;user-select:none}post-mainnavigation nav{flex:1 1 auto;overflow:hidden;scroll-behavior:smooth}post-mainnavigation .scroll-control{cursor:pointer;position:absolute;inset-block:0;z-index:5;padding:16px;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}post-mainnavigation .scroll-control.scroll-left{inset-inline-start:0}post-mainnavigation .scroll-control.scroll-right{inset-inline-end:0}post-mainnavigation .scroll-control.d-none{display:none}post-mainnavigation .scroll-control post-icon{font-size:1rem}post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw}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, 0);gap:4px;font-size:16px;z-index:4}}@media screen and (min-width: 1024px)and (max-width: 1023.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:5}}@media screen and (min-width: 1024px){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}}@media screen and (min-width: 1024px){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}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{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}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{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 (max-width: 1023.98px){post-mainnavigation nav{transform:none !important}post-mainnavigation .scroll-control{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)}}';const R=class{constructor(o){t(this,o),this.postToggleMegadropdown=e(this,"postToggleMegadropdown"),this.device=r.get("device"),this.isVisible=!1,this.animationClass=null,this.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)}}}breakpointChange(t){this.device=t.detail,"desktop"===this.device&&this.isVisible&&(this.animationClass=null)}disconnectedCallback(){this.removeListeners(),window.removeEventListener("postBreakpoint:device",this.breakpointChange.bind(this)),R.activeDropdown===this&&(R.activeDropdown=null)}componentWillRender(){this.getFocusableElements()}async toggle(){this.isVisible?this.hide():await this.show()}async show(){R.activeDropdown&&R.activeDropdown!==this&&R.activeDropdown.forceClose(),this.animationClass="slide-in",this.isVisible=!0,R.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:device",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,R.activeDropdown=null,this.removeListeners())}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(k(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:"b322cf2da9bc8f494045644e5a97e98195eae223",version:a},o("div",{key:"6c17be4d41d19b5043736b588468b8e1def70f11",class:`megadropdown-container ${this.animationClass||""}`,style:this.isVisible?{}:{display:"none"},onAnimationEnd:()=>this.handleAnimationEnd()},o("div",{key:"ba33f5c97239fcd7212cb435bfdd64a79b7910d7",class:"megadropdown"},o("slot",{key:"0148730fada5d623b11071b69f9972013fbbcbce",name:"megadropdown-title"}),o("div",{key:"536c1b795d8a2e16ad9a105bd3db98cd9abfc0d6",class:"megadropdown-content"},o("slot",{key:"3f66bfd1661ea42c938a31af6ceb8d1f1bbdbcd0"})),o("div",{key:"2f240c7264663fe6d1877e582a33b599ae137219",onClick:()=>this.hide(!0),class:"back-button"},o("slot",{key:"0ad90d939722d07809fb9ea96ab2bb091ef78c1c",name:"back-button"})),o("div",{key:"1d038e119522ca98cc3ab4cdba178b87febcedb4",onClick:()=>this.hide(!0),class:"close-button"},o("slot",{key:"b4e3dd20b8e14291261b5b7939fadd6a8927c0a2",name:"close-button"})))))}get host(){return n(this)}};R.activeDropdown=null,R.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:5;position:fixed;inset-block-start:var(--post-header-navigation-current-inset);inset-inline:0;height:calc(min(var(--post-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 j=class{constructor(e){t(this,e),this.ariaExpanded=!1,this.slottedButton=null,this.wasExpanded=!1,this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleToggle(),this.megadropdown&&!this.ariaExpanded&&setTimeout((()=>this.megadropdown.focusFirst()),100))},this.handleToggleMegadropdown=t=>{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()))}}validateControlFor(){h(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}`)}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:"315c957a6cf876da48209096b9f30a7d94e72c08","data-version":a,"tab-index":"-1"},o("button",{key:"2533ded6277d2cf97c0c108df49823833486b4de"},o("slot",{key:"bf9b18545e11b30eb40d351794ca104035ed47db"})))}get host(){return n(this)}static get watchers(){return{for:["validateControlFor"]}}};(function(t,e,o,i){var n,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(e,o,s):n(e,o))||s);a>3&&s&&Object.defineProperty(e,o,s)})([c("post-megadropdown",{ignoreNestedComponents:!1})],j.prototype,"handleToggleMegadropdown",void 0),j.style="post-megadropdown-trigger{width:100%;position:relative;z-index:3}@media screen and (max-width: 1023.98px){post-megadropdown-trigger{z-index:4}}";const O=class{constructor(o){t(this,o),this.toggleMenu=e(this,"toggleMenu"),this.lastFocusedElement=null,this.KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"},this.placement="bottom",this.isVisible=!1,this.handleKeyDown=t=>{t.stopPropagation(),t.key!==this.KEYCODES.ESCAPE?Object.values(this.KEYCODES).includes(t.key)&&this.controlKeyDownHandler(t):this.toggle(this.host)},this.handlePostToggle=t=>{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()}))},this.handleClick=t=>{["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(t.target.tagName)&&this.toggle(this.host)}}validatePlacement(){d(this,"placement",f)}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.validatePlacement(),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")}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(k(t))))}render(){return o(i,{key:"bca8873f7f98b03d3e6952bce4990d1c435bd5ec","data-version":a,role:"menu"},o("post-popovercontainer",{key:"805c1e528c4af6e35b7881395b2f9de9e430f8c8",placement:this.placement,ref:t=>this.popoverRef=t},o("div",{key:"f534119e208f2bb387f39824736aee766f550fa8",part:"menu"},o("slot",{key:"ec9ae42dab9aebd93aafdbebd15d8c39736c84df"}))))}get host(){return n(this)}static get watchers(){return{placement:["validatePlacement"]}}};(function(t,e,o,i){var n,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(e,o,s):n(e,o))||s);a>3&&s&&Object.defineProperty(e,o,s)})([c("post-popovercontainer")],O.prototype,"handlePostToggle",void 0),O.style="@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}:host{display:block}:where([part=menu]){display:flex;flex-direction:column;padding-block:.5rem}";const B=class{constructor(e){t(this,e),this.ariaExpanded=!1,this.slottedButton=null,this.handleKeyDown=t=>{"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.handleToggle())}}validateControlFor(){h(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}`)}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:"76b3c59cdae5c78cefaaf1ea2a9668a77bddd37e","data-version":a,"tab-index":"-1"},o("slot",{key:"3835d87c3795e694f7493ceb735bd638bdd2dea1"}))}get host(){return n(this)}static get watchers(){return{for:["validateControlFor"]}}};B.style=":host{display:inline-block}";const P=Math.min,F=Math.max,N=Math.round,I=Math.floor,W=t=>({x:t,y:t}),_={left:"right",right:"left",bottom:"top",top:"bottom"},U={start:"end",end:"start"};function V(t,e,o){return F(t,P(e,o))}function q(t,e){return"function"==typeof t?t(e):t}function Y(t){return t.split("-")[0]}function G(t){return t.split("-")[1]}function X(t){return"x"===t?"y":"x"}function K(t){return"y"===t?"height":"width"}const Q=new Set(["top","bottom"]);function Z(t){return Q.has(Y(t))?"y":"x"}function J(t){return X(Z(t))}function tt(t){return t.replace(/start|end/g,(t=>U[t]))}const et=["left","right"],ot=["right","left"],it=["top","bottom"],nt=["bottom","top"];function at(t){return t.replace(/left|right|bottom|top/g,(t=>_[t]))}function st(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 rt(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 lt(t,e,o){let{reference:i,floating:n}=t;const a=Z(e),s=J(e),r=K(s),l=Y(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(G(e)){case"start":g[s]-=h*(o&&c?-1:1);break;case"end":g[s]+=h*(o&&c?-1:1)}return g}async function ct(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=st(g),f=r[h?"floating"===p?"reference":"floating":p],m=rt(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?{x:i,y:n,width:s.floating.width,height:s.floating.height}: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=rt(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 dt(t){const e=P(...t.map((t=>t.left))),o=P(...t.map((t=>t.top)));return{x:e,y:o,width:F(...t.map((t=>t.right)))-e,height:F(...t.map((t=>t.bottom)))-o}}const pt=new Set(["left","top"]);function ht(){return"undefined"!=typeof window}function gt(t){return mt(t)?(t.nodeName||"").toLowerCase():"#document"}function ut(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function ft(t){var e;return null==(e=(mt(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function mt(t){return!!ht()&&(t instanceof Node||t instanceof ut(t).Node)}function bt(t){return!!ht()&&(t instanceof Element||t instanceof ut(t).Element)}function vt(t){return!!ht()&&(t instanceof HTMLElement||t instanceof ut(t).HTMLElement)}function wt(t){return!(!ht()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof ut(t).ShadowRoot)}const xt=new Set(["inline","contents"]);function yt(t){const{overflow:e,overflowX:o,overflowY:i,display:n}=Dt(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!xt.has(n)}const kt=new Set(["table","td","th"]);function St(t){return kt.has(gt(t))}const Tt=[":popover-open",":modal"];function Et(t){return Tt.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}const zt=["transform","translate","scale","rotate","perspective"],Mt=["transform","translate","scale","rotate","perspective","filter"],At=["paint","layout","strict","content"];function Ct(t){const e=$t(),o=bt(t)?Dt(t):t;return zt.some((t=>!!o[t]&&"none"!==o[t]))||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||Mt.some((t=>(o.willChange||"").includes(t)))||At.some((t=>(o.contain||"").includes(t)))}function $t(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Lt=new Set(["html","body","#document"]);function Ht(t){return Lt.has(gt(t))}function Dt(t){return ut(t).getComputedStyle(t)}function Rt(t){return bt(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function jt(t){if("html"===gt(t))return t;const e=t.assignedSlot||t.parentNode||wt(t)&&t.host||ft(t);return wt(e)?e.host:e}function Ot(t){const e=jt(t);return Ht(e)?t.ownerDocument?t.ownerDocument.body:t.body:vt(e)&&yt(e)?e:Ot(e)}function Bt(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const n=Ot(t),a=n===(null==(i=t.ownerDocument)?void 0:i.body),s=ut(n);if(a){const t=Pt(s);return e.concat(s,s.visualViewport||[],yt(n)?n:[],t&&o?Bt(t):[])}return e.concat(n,Bt(n,[],o))}function Pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Ft(t){const e=Dt(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const n=vt(t),a=n?t.offsetWidth:o,s=n?t.offsetHeight:i,r=N(o)!==a||N(i)!==s;return r&&(o=a,i=s),{width:o,height:i,$:r}}function Nt(t){return bt(t)?t:t.contextElement}function It(t){const e=Nt(t);if(!vt(e))return W(1);const o=e.getBoundingClientRect(),{width:i,height:n,$:a}=Ft(e);let s=(a?N(o.width):o.width)/i,r=(a?N(o.height):o.height)/n;return s&&Number.isFinite(s)||(s=1),r&&Number.isFinite(r)||(r=1),{x:s,y:r}}const Wt=W(0);function _t(t){const e=ut(t);return $t()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Wt}function Ut(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const n=t.getBoundingClientRect(),a=Nt(t);let s=W(1);e&&(i?bt(i)&&(s=It(i)):s=It(t));const r=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==ut(t))&&e}(a,o,i)?_t(a):W(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=ut(a),e=i&&bt(i)?ut(i):i;let o=t,n=Pt(o);for(;n&&i&&e!==o;){const t=It(n),e=n.getBoundingClientRect(),i=Dt(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=ut(n),n=Pt(o)}}return rt({width:d,height:p,x:l,y:c})}function Vt(t,e){const o=Rt(t).scrollLeft;return e?e.left+o:Ut(ft(t)).left+o}function qt(t,e,o){void 0===o&&(o=!1);const i=t.getBoundingClientRect();return{x:i.left+e.scrollLeft-(o?0:Vt(t,i)),y:i.top+e.scrollTop}}const Yt=new Set(["absolute","fixed"]);function Gt(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=ut(t),i=ft(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=$t();(!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=ft(t),o=Rt(t),i=t.ownerDocument.body,n=F(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),a=F(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let s=-o.scrollLeft+Vt(t);const r=-o.scrollTop;return"rtl"===Dt(i).direction&&(s+=F(e.clientWidth,i.clientWidth)-n),{width:n,height:a,x:s,y:r}}(ft(t));else if(bt(e))i=function(t,e){const o=Ut(t,!0,"fixed"===e),i=o.top+t.clientTop,n=o.left+t.clientLeft,a=vt(t)?It(t):W(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=_t(t);i={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return rt(i)}function Xt(t,e){const o=jt(t);return!(o===e||!bt(o)||Ht(o))&&("fixed"===Dt(o).position||Xt(o,e))}function Kt(t,e,o){const i=vt(e),n=ft(e),a="fixed"===o,s=Ut(t,!0,a,e);let r={scrollLeft:0,scrollTop:0};const l=W(0);function c(){l.x=Vt(n)}if(i||!i&&!a)if(("body"!==gt(e)||yt(n))&&(r=Rt(e)),i){const t=Ut(e,!0,a,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else n&&c();a&&!i&&n&&c();const d=!n||i||a?W(0):qt(n,r);return{x:s.left+r.scrollLeft-l.x-d.x,y:s.top+r.scrollTop-l.y-d.y,width:s.width,height:s.height}}function Qt(t){return"static"===Dt(t).position}function Zt(t,e){if(!vt(t)||"fixed"===Dt(t).position)return null;if(e)return e(t);let o=t.offsetParent;return ft(t)===o&&(o=o.ownerDocument.body),o}function Jt(t,e){const o=ut(t);if(Et(t))return o;if(!vt(t)){let e=jt(t);for(;e&&!Ht(e);){if(bt(e)&&!Qt(e))return e;e=jt(e)}return o}let i=Zt(t,e);for(;i&&St(i)&&Qt(i);)i=Zt(i,e);return i&&Ht(i)&&Qt(i)&&!Ct(i)?o:i||function(t){let e=jt(t);for(;vt(e)&&!Ht(e);){if(Ct(e))return e;if(Et(e))return null;e=jt(e)}return null}(t)||o}const te={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:o,offsetParent:i,strategy:n}=t;const a="fixed"===n,s=ft(i),r=!!e&&Et(e.floating);if(i===s||r&&a)return o;let l={scrollLeft:0,scrollTop:0},c=W(1);const d=W(0),p=vt(i);if((p||!p&&!a)&&(("body"!==gt(i)||yt(s))&&(l=Rt(i)),vt(i))){const t=Ut(i);c=It(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}const h=!s||p||a?W(0):qt(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:ft,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:n}=t;const a=[..."clippingAncestors"===o?Et(e)?[]:function(t,e){const o=e.get(t);if(o)return o;let i=Bt(t,[],!1).filter((t=>bt(t)&&"body"!==gt(t))),n=null;const a="fixed"===Dt(t).position;let s=a?jt(t):t;for(;bt(s)&&!Ht(s);){const e=Dt(s),o=Ct(s);o||"fixed"!==e.position||(n=null),(a?!o&&!n:!o&&"static"===e.position&&n&&Yt.has(n.position)||yt(s)&&!o&&Xt(t,s))?i=i.filter((t=>t!==s)):n=e,s=jt(s)}return e.set(t,i),i}(e,this._c):[].concat(o),i],s=a.reduce(((t,o)=>{const i=Gt(e,o,n);return t.top=F(i.top,t.top),t.right=P(i.right,t.right),t.bottom=P(i.bottom,t.bottom),t.left=F(i.left,t.left),t}),Gt(e,a[0],n));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:Jt,getElementRects:async function(t){const e=this.getOffsetParent||Jt,o=this.getDimensions,i=await o(t.floating);return{reference:Kt(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}=Ft(t);return{width:e,height:o}},getScale:It,isElement:bt,isRTL:function(t){return"rtl"===Dt(t).direction}};function ee(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const oe=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=Y(o),r=G(o),l="y"===Z(o),c=pt.has(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:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};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}}}}},ie=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 ct(e,l),p=Z(Y(n)),h=X(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,enabled:{[h]:a,[p]:s}}}}}},ne=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=Y(n),v=Z(r),w=Y(r)===r,x=await(null==l.isRTL?void 0:l.isRTL(c.floating)),y=h||(w||!f?[at(r)]:function(t){const e=at(t);return[tt(t),e,tt(e)]}(r)),k="none"!==u;!h&&k&&y.push(...function(t,e,o,i){const n=G(t);let a=function(t,e,o){switch(t){case"top":case"bottom":return o?e?ot:et:e?et:ot;case"left":case"right":return e?it:nt;default:return[]}}(Y(t),"start"===o,i);return n&&(a=a.map((t=>t+"-"+n)),e&&(a=a.concat(a.map(tt)))),a}(r,f,u,x));const S=[r,...y],T=await ct(e,m),E=[];let z=(null==(i=a.flip)?void 0:i.overflows)||[];if(d&&E.push(T[b]),p){const t=function(t,e,o){void 0===o&&(o=!1);const i=G(t),n=J(t),a=K(n);let s="x"===n?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[a]>e.floating[a]&&(s=at(s)),[s,at(s)]}(n,s,x);E.push(T[t[0]],T[t[1]])}if(z=[...z,{placement:n,overflows:E}],!E.every((t=>t<=0))){var M,A;const t=((null==(M=a.flip)?void 0:M.index)||0)+1,e=S[t];if(e&&("alignment"!==p||v===Z(e)||z.every((t=>Z(t.placement)!==v||t.overflows[0]>0))))return{data:{index:t,overflows:z},reset:{placement:e}};let o=null==(A=z.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=z.filter((t=>{if(k){const e=Z(t.placement);return e===v||"y"===e}return!0})).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{}}}},ae=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var o,i;const{placement:n,rects:a,platform:s,elements:r}=e,{apply:l=()=>{},...c}=q(t,e),d=await ct(e,c),p=Y(n),h=G(n),g="y"===Z(n),{width:u,height:f}=a.floating;let m,b;"top"===p||"bottom"===p?(m=p,b=h===(await(null==s.isRTL?void 0:s.isRTL(r.floating))?"start":"end")?"left":"right"):(b=p,m="end"===h?"top":"bottom");const v=f-d.top-d.bottom,w=u-d.left-d.right;let x=P(f-d[m],v),y=P(u-d[b],w);if(null!=(o=e.middlewareData.shift)&&o.enabled.x&&(y=w),null!=(i=e.middlewareData.shift)&&i.enabled.y&&(x=v),!e.middlewareData.shift&&!h){const t=F(d.left,0),e=F(d.right,0),o=F(d.top,0),i=F(d.bottom,0);g?y=u-2*(0!==t||0!==e?t+e:F(d.left,d.right)):x=f-2*(0!==o||0!==i?o+i:F(d.top,d.bottom))}await l({...e,availableWidth:y,availableHeight:x});const k=await s.getDimensions(r.floating);return u!==k.width||f!==k.height?{reset:{rects:!0}}:{}}}},se=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=Z(n),h=X(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=pt.has(Y(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 re=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:o="",...i}={}){super(t,i),this.oldState=String(e||""),this.newState=String(o||"")}},le=new WeakMap;function ce(t,e,o){le.set(t,setTimeout((()=>{le.has(t)&&t.dispatchEvent(new re("toggle",{cancelable:!1,oldState:e,newState:o}))}),0))}var de=globalThis.ShadowRoot||function(){},pe=globalThis.HTMLDialogElement||function(){},he=new WeakMap,ge=new WeakMap,ue=new WeakMap,fe=new WeakMap;function me(t){return fe.get(t)||"hidden"}var be=new WeakMap;function ve(t){return[...t].pop()}function we(t,e){return!("auto"!==t.popover&&"manual"!==t.popover&&"hint"!==t.popover||!t.isConnected||e&&"showing"!==me(t)||!e&&"hidden"!==me(t)||t instanceof pe&&t.hasAttribute("open")||document.fullscreenElement===t)}function xe(t){if(!t)return 0;const e=ge.get(document)||new Set,o=ue.get(document)||new Set;return o.has(t)?[...o].indexOf(t)+e.size+1:e.has(t)?[...e].indexOf(t)+1:0}function ye(t){let e;const o=ue.get(t)||new Set,i=ge.get(t)||new Set,n=o.size>0?o:i.size>0?i:null;return n?(e=ve(n),e.isConnected?e:(n.delete(e),ye(t))):null}function ke(t){for(const e of t||[]){if(e.isConnected)return e;t.delete(e)}return null}function Se(t){return"function"==typeof t.getRootNode?t.getRootNode():t.parentNode?Se(t.parentNode):t}function Te(t){for(;t;){if(t instanceof HTMLElement&&"auto"===t.popover&&"showing"===fe.get(t))return t;if((t=t instanceof Element&&t.assignedSlot||t.parentElement||Se(t))instanceof de&&(t=t.host),t instanceof Document)return}}function Ee(t,e){const o=new Map;let i=0;for(const t of e||[])o.set(t,i),i+=1;o.set(t,i),i+=1;let n=null;return function(e){if(!e)return;let i=!1,a=null,s=null;for(;!i;){if(a=Te(e)||null,null===a)return;if(!o.has(a))return;"hint"!==t.popover&&"auto"!==a.popover||(i=!0),i||(e=a.parentElement)}s=o.get(a),(null===n||o.get(n)<s)&&(n=a)}(t.parentElement||Se(t)),n}function ze(t){return!(t.hidden||t instanceof de||(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 Me=new WeakMap;function Ae(t){if(!we(t,!1))return;const e=t.ownerDocument;if(!t.dispatchEvent(new re("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"})))return;if(!we(t,!1))return;let o=!1;const i=t.popover;let n=null;const a=Ee(t,ge.get(e)||new Set),s=Ee(t,ue.get(e)||new Set);if("auto"===i&&($e(ue.get(e)||new Set,o,!0),He(a||e,o,!0),n="auto"),"hint"===i&&(s?(He(s,o,!0),n="hint"):($e(ue.get(e)||new Set,o,!0),a?(He(a,o,!0),n="auto"):n="hint")),"auto"===i||"hint"===i){if(i!==t.popover||!we(t,!1))return;ye(e)||(o=!0),"auto"===n?(ge.has(e)||ge.set(e,new Set),ge.get(e).add(t)):"hint"===n&&(ue.has(e)||ue.set(e,new Set),ue.get(e).add(t))}Me.delete(t);const r=e.activeElement;var l;t.classList.add(":popover-open"),fe.set(t,"showing"),he.has(e)||he.set(e,new Set),he.get(e).add(t),Oe(be.get(t),!0),l=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;{const t=e.querySelectorAll("slot");for(const e of t){const t=e.assignedElements({flatten:!0});for(const e of t){if(e.hasAttribute("autofocus"))return e;if(o=e.querySelector("[autofocus]"),o)return o}}}const i=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT);let n=i.currentNode;for(;n;){if(ze(n))return n;n=i.nextNode()}}(l)?.focus(),o&&r&&"auto"===t.popover&&Me.set(t,r),ce(t,"closed","open")}function Ce(t,e=!1,o=!1){if(!we(t,!0))return;const i=t.ownerDocument;if(["auto","hint"].includes(t.popover)&&(He(t,e,o),!we(t,!0)))return;const n=ge.get(i)||new Set,a=n.has(t)&&ve(n)===t;if(Oe(be.get(t),!1),be.delete(t),o&&(t.dispatchEvent(new re("beforetoggle",{oldState:"open",newState:"closed"})),a&&ve(n)!==t&&He(t,e,o),!we(t,!0)))return;he.get(i)?.delete(t),n.delete(t),ue.get(i)?.delete(t),t.classList.remove(":popover-open"),fe.set(t,"hidden"),o&&ce(t,"open","closed");const s=Me.get(t);s&&(Me.delete(t),e&&s.focus())}function $e(t,e=!1,o=!1){let i=ke(t);for(;i;)Ce(i,e,o),i=ke(t)}function Le(t,e,o,i){let n=!1,a=!1;for(;n||!a;){a=!0;let s=null,r=!1;for(const o of e)if(o===t)r=!0;else if(r){s=o;break}if(!s)return;for(;"showing"===me(s)&&e.size;)Ce(ve(e),o,i);e.has(t)&&ve(e)!==t&&(n=!0),n&&(i=!1)}}function He(t,e,o){const i=t.ownerDocument||t;if(t instanceof Document)return function(t,e=!1,o=!1){let i=ye(t);for(;i;)Ce(i,e,o),i=ye(t)}(i,e,o);ue.get(i)?.has(t)?Le(t,ue.get(i),e,o):($e(ue.get(i)||new Set,e,o),ge.get(i)?.has(t)&&Le(t,ge.get(i),e,o))}var De=new WeakMap;function Re(t){if(!t.isTrusted)return;const e=t.composedPath()[0];if(!e)return;const o=e.ownerDocument;if(!ye(o))return;const i=function(t){const e=Te(t),o=function(t){for(;t;){const e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if((t=t.parentElement||Se(t))instanceof de&&(t=t.host),t instanceof Document)return}}(t);return xe(e)>xe(o)?e:o}(e);if(i&&"pointerdown"===t.type)De.set(o,i);else if("pointerup"===t.type){const t=De.get(o)===i;De.delete(o),t&&He(i||o,!1,!0)}}var je=new WeakMap;function Oe(t,e=!1){if(!t)return;je.has(t)||je.set(t,t.getAttribute("aria-expanded"));const o=t.popoverTargetElement;if(o instanceof HTMLElement&&"auto"===o.popover)t.setAttribute("aria-expanded",String(e));else{const e=je.get(t);e?t.setAttribute("aria-expanded",e):t.removeAttribute("aria-expanded")}}var Be=globalThis.ShadowRoot||function(){};function Pe(t,e,o){const i=t[e];Object.defineProperty(t,e,{value(t){return i.call(this,o(t))}})}var Fe=/(^|[^\\]):popover-open\b/g;var Ne=null;function Ie(t){const e=function(){const t="function"==typeof globalThis.CSSLayerBlockRule;return`\n${t?"@layer popover-polyfill {":""}\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([popover]:not(.\\:popover-open)) {\n    display: none;\n  }\n\n  :where(dialog[popover].\\:popover-open) {\n    display: block;\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${t?"}":""}\n`}();if(null===Ne)try{(Ne=new CSSStyleSheet).replaceSync(e)}catch{Ne=!1}if(!1===Ne){const o=document.createElement("style");o.textContent=e,t instanceof Document?t.head.prepend(o):t.prepend(o)}else t.adoptedStyleSheets=[Ne,...t.adoptedStyleSheets]}const We=class{constructor(o){t(this,o),this.postToggle=e(this,"postToggle"),this.placement="top",this.edgeGap=8,this.animation=null,this.arrow=!1,this.manualClose=!1}validatePlacement(){d(this,"placement",f)}validateEdgeGap(){p(this,"edgeGap","number")}validateSafeSpace(){d(this,"safeSpace",["triangle","trapezoid"])}mouseTrackingHandler(t){this.host.style.setProperty("--post-safe-space-cursor-x",`${t.clientX}px`),this.host.style.setProperty("--post-safe-space-cursor-y",`${t.clientY}px`)}connectedCallback(){!l||"undefined"!=typeof HTMLElement&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||function(){if("undefined"==typeof window)return;function t(t){return t?.includes(":popover-open")&&(t=t.replace(Fe,"$1.\\:popover-open")),t}window.ToggleEvent=window.ToggleEvent||re,Pe(Document.prototype,"querySelector",t),Pe(Document.prototype,"querySelectorAll",t),Pe(Element.prototype,"querySelector",t),Pe(Element.prototype,"querySelectorAll",t),Pe(Element.prototype,"matches",t),Pe(Element.prototype,"closest",t),Pe(DocumentFragment.prototype,"querySelectorAll",t),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;const t=(this.getAttribute("popover")||"").toLowerCase();return""===t||"auto"==t?"auto":"hint"==t?"hint":"manual"},set(t){null===t?this.removeAttribute("popover"):this.setAttribute("popover",t)}},showPopover:{enumerable:!0,configurable:!0,value(t={}){Ae(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){Ce(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(t={}){return"boolean"==typeof t&&(t={force:t}),"showing"===fe.get(this)&&void 0===t.force||!1===t.force?Ce(this,!0,!0):void 0!==t.force&&!0!==t.force||Ae(this),"showing"===fe.get(this)}}});const e=Element.prototype.attachShadow;e&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(t){const o=e.call(this,t);return Ie(o),o}}});const o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){const t=o.call(this);return t.shadowRoot&&Ie(t.shadowRoot),t}}});const i=new WeakMap;function n(t){Object.defineProperties(t.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(t){if(null===t)this.removeAttribute("popovertarget"),i.delete(this);else{if(!(t instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),i.set(this,t)}},get(){if("button"!==this.localName&&"input"!==this.localName)return null;if("input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type)return null;if(this.disabled)return null;if(this.form&&"submit"===this.type)return null;const t=i.get(this);if(t&&t.isConnected)return t;if(t&&!t.isConnected)return i.delete(this),null;const e=Se(this),o=this.getAttribute("popovertarget");return(e instanceof Document||e instanceof Be)&&o&&e.getElementById(o)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){const t=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===t||"hide"===t?t:"toggle"},set(t){this.setAttribute("popovertargetaction",t)}}})}var a;n(HTMLButtonElement),n(HTMLInputElement),(a=document).addEventListener("click",(t=>{const e=t.composedPath(),o=e[0];if(!(o instanceof Element)||o?.shadowRoot)return;const i=Se(o);if(!(i instanceof Be||i instanceof Document))return;const n=e.find((t=>t.matches?.("[popovertargetaction],[popovertarget]")));return n?(function(t){const e=t.popoverTargetElement;if(!(e instanceof HTMLElement))return;const o=me(e);"show"===t.popoverTargetAction&&"showing"===o||"hide"===t.popoverTargetAction&&"hidden"===o||("showing"===o?Ce(e,!0,!0):we(e,!1)&&(be.set(e,t),Ae(e)))}(n),void t.preventDefault()):void 0})),a.addEventListener("keydown",(t=>{const e=t.key,o=t.target;t.defaultPrevented||!o||"Escape"!==e&&"Esc"!==e||He(o.ownerDocument,!0,!0)})),a.addEventListener("pointerdown",Re),a.addEventListener("pointerup",Re),Ie(document)}()}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=Nt(t),d=n||a?[...c?Bt(c):[],...Bt(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=ft(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:-I(p)+"px "+-I(n.clientWidth-(d+h))+"px "+-I(n.clientHeight-(p+g))+"px "+-I(d)+"px",threshold:F(0,P(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||ee(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?Ut(t):null;return l&&function e(){const i=Ut(t);f&&!ee(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=We.STATIC_SIDES[n];i&&Object.assign(this.arrowRef.style,{left:t?`${t}px`:"",top:e?`${e}px`:"",[i]:"-5px"})}this.safeSpace&&this.eventTarget&&await this.updateSafeSpaceBoundaries(n)}async computeMainPosition(){const t=this.edgeGap,e=[ne({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=>rt(dt(t))))}(d),h=rt(dt(d)),g=st(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"===Z(e)){const t=p[0],o=p[p.length-1],i="top"===Y(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"===Y(e),o=F(...p.map((t=>t.right))),i=P(...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}}:{}}}),ie({padding:t,limiter:se({offset:32})}),ae({apply({availableWidth:e,elements:o}){Object.assign(o.floating.style,{maxWidth:e-2*t+"px"})}}),oe(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=st(d),h={x:o,y:i},g=J(n),u=K(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 S=k?k[w]:0;S&&await(null==s.isElement?void 0:s.isElement(k))||(S=r.floating[w]||a.floating[u]);const T=x/2-y/2,E=S/2-f[u]/2-1,z=P(p[b],E),M=P(p[v],E),A=z,C=S-f[u]-M,$=S/2-f[u]/2+T,L=V(A,$,C),H=!l.arrow&&null!=G(n)&&$!==L&&a.reference[u]/2-($<A?z:M)-f[u]/2<0,D=H?$<A?$-A:$-C:0;return{[g]:h[g]+D,data:{[g]:L,centerOffset:$-L-D,...H&&{alignmentOffset:D}},reset:H}}}))({element:this.arrowRef,padding:t})),((t,e,o)=>{const i=new Map,n={platform:te,...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}=lt(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}=lt(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);We.PROPERTIES_TO_CLEAR.forEach((t=>{this.host.style.removeProperty(t)})),o?(this.host.style.setProperty("--post-safe-space-popover-y",`${i.popover.y}px`),this.host.style.setProperty("--post-safe-space-popover-x-start",`${i.popover.xStart}px`),this.host.style.setProperty("--post-safe-space-popover-x-end",`${i.popover.xEnd}px`),this.host.style.setProperty("--post-safe-space-trigger-y",`${i.trigger.y}px`),this.host.style.setProperty("--post-safe-space-trigger-x-start",`${i.trigger.xStart}px`),this.host.style.setProperty("--post-safe-space-trigger-x-end",`${i.trigger.xEnd}px`)):(this.host.style.setProperty("--post-safe-space-popover-x",`${i.popover.x}px`),this.host.style.setProperty("--post-safe-space-popover-y-start",`${i.popover.yStart}px`),this.host.style.setProperty("--post-safe-space-popover-y-end",`${i.popover.yEnd}px`),this.host.style.setProperty("--post-safe-space-trigger-x",`${i.trigger.x}px`),this.host.style.setProperty("--post-safe-space-trigger-y-start",`${i.trigger.yStart}px`),this.host.style.setProperty("--post-safe-space-trigger-y-end",`${i.trigger.yEnd}px`))}render(){return o(i,{key:"357f53696ca28ab2c137d47e2192038dc756c289","data-version":a,popover:this.manualClose?"manual":"auto"},o("div",{key:"9c40bdc5034ccf14157ee1ae8ce33fe58a9049e4",class:this.animation?`animate-${this.animation}`:""},this.arrow&&o("span",{key:"6133ab54aaea6f198560ca5cb30f5604318203f6",class:"arrow",ref:t=>{this.arrowRef=t}}),o("slot",{key:"39f53833a3f570b2c8807a5903b531c6733b0ada"})))}get host(){return n(this)}static get watchers(){return{placement:["validatePlacement"],edgeGap:["validateEdgeGap"],safeSpace:["validateSafeSpace"]}}};We.STATIC_SIDES={top:"bottom",right:"left",bottom:"top",left:"right"},We.PROPERTIES_TO_CLEAR=["--post-safe-space-popover-x","--post-safe-space-popover-y","--post-safe-space-popover-x-start","--post-safe-space-popover-x-end","--post-safe-space-popover-y-start","--post-safe-space-popover-y-end","--post-safe-space-trigger-x","--post-safe-space-trigger-y","--post-safe-space-trigger-x-start","--post-safe-space-trigger-x-end","--post-safe-space-trigger-y-start","--post-safe-space-trigger-y-end"],We.style='@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}@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-fg);background-color:var(--post-current-bg);border-radius:4px}:where(post-popovercontainer)>div.animate-pop-in{animation:popIn .25s ease-out forwards}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(post-popovercontainer)>div{border:2px solid rgba(0,0,0,0)}}: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(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:where(post-popovercontainer)[safe-space=trapezoid]::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-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 _e=class{constructor(e){t(this,e),this.toggled=!1,this.handleClick=()=>{this.toggled=!this.toggled},this.handleKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.host.click())}}componentWillLoad(){this.host.addEventListener("click",(()=>this.handleClick())),this.host.addEventListener("keydown",(t=>this.handleKeydown(t)))}render(){return o(i,{key:"1cebe1d1314e2c89f141869e07521e7f30e58617","data-version":a,role:"button",tabindex:"0","aria-pressed":this.toggled.toString()},o("slot",{key:"8b8c33befde8e93eca73a6239170c3786e2cf2f2"}))}get host(){return n(this)}};_e.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 post_closebutton,S as post_header,z as post_icon,A as post_language_option,C as post_language_switch,$ as post_list,L as post_list_item,H as post_logo,D as post_mainnavigation,R as post_megadropdown,j as post_megadropdown_trigger,O as post_menu,B as post_menu_trigger,We as post_popovercontainer,_e as post_togglebutton}

package/dist/post-components/{p-4bf808d9.entry.js → p-bbe02ba3.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,a as o}from"./p-C8a0ddDa.js";import{v as a}from"./p-Di1H2wNs.js";import{I as r}from"./p-_0G7tavk.js";import{a as h,c as l}from"./p-BWC0gtGU.js";import{E as n}from"./p-8U5GFtQP.js";import{g as c}from"./p-BkvZk-PA.js";const d={height:"0",overflow:"hidden"},p={duration:350,easing:"ease",fill:"forwards"},f=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle"),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){h(this,"collapsed","boolean"),this.toggle(!this.collapsed)}componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([d,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],p):function(t){const s=r?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},d],p)}(this.host);var i;return(!this.isLoaded||r&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)&&s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),this.updateTriggers(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(e,{key:"130edce2062a5f3dac3072f173d021e88dddd7cf","data-version":a,tabindex:this.collapsed?-1:void 0},i("slot",{key:"54ed1790df52911b821a4de38cd5f33c425f3399"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};f.style=":host{display:block;position:relative;overflow:hidden}";const g=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger()))}validateAriaAttributes(){l(this,"for","string")}connectedCallback(){this.root=c(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return i(e,{key:"7fdf4338861df3ed4a61e2de68a0623f7f43df19","data-version":a},i("slot",{key:"4efa3ed29778dc162c4e8628f32d447d8b0b9ece"}))}get host(){return o(this)}static get watchers(){return{for:["validateAriaAttributes"]}}};!function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)}([n("post-collapsible")],g.prototype,"handlePostToggle",null);export{f as post_collapsible,g as post_collapsible_trigger}
+import{r as t,c as s,h as i,H as e,a as o}from"./p-C8a0ddDa.js";import{v as a}from"./p-Z01QMrov.js";import{I as r}from"./p-_0G7tavk.js";import{a as h,c as l}from"./p-BWC0gtGU.js";import{E as n}from"./p-8U5GFtQP.js";import{g as c}from"./p-BkvZk-PA.js";const d={height:"0",overflow:"hidden"},p={duration:350,easing:"ease",fill:"forwards"},f=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle"),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){h(this,"collapsed","boolean"),this.toggle(!this.collapsed)}componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([d,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],p):function(t){const s=r?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},d],p)}(this.host);var i;return(!this.isLoaded||r&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)&&s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),this.updateTriggers(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(e,{key:"130edce2062a5f3dac3072f173d021e88dddd7cf","data-version":a,tabindex:this.collapsed?-1:void 0},i("slot",{key:"54ed1790df52911b821a4de38cd5f33c425f3399"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};f.style=":host{display:block;position:relative;overflow:hidden}";const g=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger()))}validateAriaAttributes(){l(this,"for","string")}connectedCallback(){this.root=c(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return i(e,{key:"7fdf4338861df3ed4a61e2de68a0623f7f43df19","data-version":a},i("slot",{key:"4efa3ed29778dc162c4e8628f32d447d8b0b9ece"}))}get host(){return o(this)}static get watchers(){return{for:["validateAriaAttributes"]}}};!function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)}([n("post-collapsible")],g.prototype,"handlePostToggle",null);export{f as post_collapsible,g as post_collapsible_trigger}

package/dist/post-components/{p-9c3d4d93.entry.js → p-c1cf39cb.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,H as e,a as i}from"./p-C8a0ddDa.js";import{v as a}from"./p-Di1H2wNs.js";import{d as c,e as r}from"./p-BWC0gtGU.js";import"./p-_0G7tavk.js";import{E as s}from"./p-8U5GFtQP.js";import{n as d}from"./p-BLchVpF6.js";const n=[1,2,3,4,5,6];const l=class{constructor(t){o(this,t),this.expandedItems=new Set,this.multiple=!1}validateHeadingLevel(){c(this,"headingLevel",n),this.accordionItems.forEach((o=>{o.setAttribute("heading-level",String(this.headingLevel))}))}componentWillLoad(){this.registerAccordionItems()}componentDidLoad(){this.validateHeadingLevel()}collapseToggleHandler(o){const t=o.target,e=this.expandedItems.has(t);e?this.expandedItems.delete(t):this.expandedItems.add(t),this.multiple||e||Array.from(this.expandedItems.values()).filter((o=>o!==t)).forEach((o=>{o.toggle(!1)}))}async toggle(o){const t=this.accordionItems.find((t=>t.id===o));if(!t)throw new Error(`No post-accordion-item found with id #${o}.`);await t.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((o=>o.toggle(!0)))):this.expandedItems.size||await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((o=>o.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((o=>!o.collapsed||this.expandedItems.has(o))).forEach(((o,t)=>{this.multiple||0===t?this.expandedItems.add(o):o.setAttribute("collapsed","")}))}render(){return t(e,{key:"ab800b580f0dd591a9413305afa282ff7e697759","data-version":a},t("div",{key:"258ba1dc99811545c0dd9796ef521a05a0c87dda",class:"accordion"},t("slot",{key:"2ad7482962316723f5c8ff334bad7cc33b6fa953",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return i(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};(function(o,t,e,i){var a,c=arguments.length,r=c<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,t,e,i);else for(var s=o.length-1;s>=0;s--)(a=o[s])&&(r=(c<3?a(r):c>3?a(t,e,r):a(t,e))||r);c>3&&r&&Object.defineProperty(t,e,r)})([s("post-accordion-item")],l.prototype,"collapseToggleHandler",null),l.style=":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-block-start:calc(var(--post-device-border-width-default)*-1)}::slotted(post-accordion-item:where(:only-of-type,:not(:first-of-type))){--post-accordion-button-border-top-width:0}";const p=class{constructor(t){o(this,t),this.collapsed=!1}validateHeadingLevel(){r(this,"headingLevel",n)}componentWillLoad(){this.id=this.host.id||`p${d(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){this.collapsed=!o.detail}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(e,{key:"d7176f314fa0f907bd5b69555a2f25561f3875cf",id:this.id,"data-version":a},t("div",{key:"978c451798e5bafe38ef57be29818f02ccf49dab",part:"accordion-item",class:"accordion-item"},t("post-collapsible-trigger",{key:"615da8a2ad5fb3c3fd1e5e0c2c8ee9a260a34263",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"9c270ded36f1e1b1b466ba8c4ca529ab26368d5c",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"ddf278d1ccf6d78932ae4c6a9617d5852fb73064",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"button"},t("span",{key:"3989145bdbe0a313c6ed10220d2089c89688d613",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"dd053bf73234db3bac772bf730003b4f2cc030cb",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"9ac06513d55828a9d7a3552aa66c9946fde7c793",name:"header"}),t("post-icon",{key:"fb46c528581e1a149706fd9e124857cc288747f8",name:"2051"})))),t("post-collapsible",{key:"996887d6a0098a37dbac8d5edb950900f57d15f7",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"21fa64a007cf0da4e0c0cf56f5862641d016517a",class:"accordion-body",part:"body"},t("slot",{key:"2a9f7731183e35c37523e079d437612dbda1a01b"})))))}get host(){return i(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};(function(o,t,e,i){var a,c=arguments.length,r=c<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,t,e,i);else for(var s=o.length-1;s>=0;s--)(a=o[s])&&(r=(c<3?a(r):c>3?a(t,e,r):a(t,e))||r);c>3&&r&&Object.defineProperty(t,e,r)})([s("post-accordion-item")],p.prototype,"onCollapseToggle",null),p.style='.accordion-item::after{display:block;content:"";margin-block-start:calc(var(--post-device-border-width-default)*-1);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{display:block;position:absolute;content:"";inset:0;inset-block-end:auto;border-block-start-width:var(--post-accordion-button-border-top-width, var(--post-device-border-width-default));border-block-start-style:var(--post-core-border-style-solid);border-block-start-color:var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}';export{l as post_accordion,p as post_accordion_item}
+import{r as o,h as t,H as e,a as i}from"./p-C8a0ddDa.js";import{v as a}from"./p-Z01QMrov.js";import{d as c,e as r}from"./p-BWC0gtGU.js";import"./p-_0G7tavk.js";import{E as s}from"./p-8U5GFtQP.js";import{n as d}from"./p-BLchVpF6.js";const n=[1,2,3,4,5,6];const l=class{constructor(t){o(this,t),this.expandedItems=new Set,this.multiple=!1}validateHeadingLevel(){c(this,"headingLevel",n),this.accordionItems.forEach((o=>{o.setAttribute("heading-level",String(this.headingLevel))}))}componentWillLoad(){this.registerAccordionItems()}componentDidLoad(){this.validateHeadingLevel()}collapseToggleHandler(o){const t=o.target,e=this.expandedItems.has(t);e?this.expandedItems.delete(t):this.expandedItems.add(t),this.multiple||e||Array.from(this.expandedItems.values()).filter((o=>o!==t)).forEach((o=>{o.toggle(!1)}))}async toggle(o){const t=this.accordionItems.find((t=>t.id===o));if(!t)throw new Error(`No post-accordion-item found with id #${o}.`);await t.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((o=>o.toggle(!0)))):this.expandedItems.size||await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((o=>o.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((o=>!o.collapsed||this.expandedItems.has(o))).forEach(((o,t)=>{this.multiple||0===t?this.expandedItems.add(o):o.setAttribute("collapsed","")}))}render(){return t(e,{key:"ab800b580f0dd591a9413305afa282ff7e697759","data-version":a},t("div",{key:"258ba1dc99811545c0dd9796ef521a05a0c87dda",class:"accordion"},t("slot",{key:"2ad7482962316723f5c8ff334bad7cc33b6fa953",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return i(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};(function(o,t,e,i){var a,c=arguments.length,r=c<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,t,e,i);else for(var s=o.length-1;s>=0;s--)(a=o[s])&&(r=(c<3?a(r):c>3?a(t,e,r):a(t,e))||r);c>3&&r&&Object.defineProperty(t,e,r)})([s("post-accordion-item")],l.prototype,"collapseToggleHandler",null),l.style=":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-block-start:calc(var(--post-device-border-width-default)*-1)}::slotted(post-accordion-item:where(:only-of-type,:not(:first-of-type))){--post-accordion-button-border-top-width:0}";const p=class{constructor(t){o(this,t),this.collapsed=!1}validateHeadingLevel(){r(this,"headingLevel",n)}componentWillLoad(){this.id=this.host.id||`p${d(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){this.collapsed=!o.detail}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(e,{key:"d7176f314fa0f907bd5b69555a2f25561f3875cf",id:this.id,"data-version":a},t("div",{key:"978c451798e5bafe38ef57be29818f02ccf49dab",part:"accordion-item",class:"accordion-item"},t("post-collapsible-trigger",{key:"615da8a2ad5fb3c3fd1e5e0c2c8ee9a260a34263",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"9c270ded36f1e1b1b466ba8c4ca529ab26368d5c",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"ddf278d1ccf6d78932ae4c6a9617d5852fb73064",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"button"},t("span",{key:"3989145bdbe0a313c6ed10220d2089c89688d613",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"dd053bf73234db3bac772bf730003b4f2cc030cb",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"9ac06513d55828a9d7a3552aa66c9946fde7c793",name:"header"}),t("post-icon",{key:"fb46c528581e1a149706fd9e124857cc288747f8",name:"2051"})))),t("post-collapsible",{key:"996887d6a0098a37dbac8d5edb950900f57d15f7",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"21fa64a007cf0da4e0c0cf56f5862641d016517a",class:"accordion-body",part:"body"},t("slot",{key:"2a9f7731183e35c37523e079d437612dbda1a01b"})))))}get host(){return i(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};(function(o,t,e,i){var a,c=arguments.length,r=c<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,t,e,i);else for(var s=o.length-1;s>=0;s--)(a=o[s])&&(r=(c<3?a(r):c>3?a(t,e,r):a(t,e))||r);c>3&&r&&Object.defineProperty(t,e,r)})([s("post-accordion-item")],p.prototype,"onCollapseToggle",null),p.style='.accordion-item::after{display:block;content:"";margin-block-start:calc(var(--post-device-border-width-default)*-1);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{display:block;position:absolute;content:"";inset:0;inset-block-end:auto;border-block-start-width:var(--post-accordion-button-border-top-width, var(--post-device-border-width-default));border-block-start-style:var(--post-core-border-style-solid);border-block-start-color:var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}';export{l as post_accordion,p as post_accordion_item}

package/dist/post-components/{p-401bdce7.entry.js → p-d0d92071.entry.js}

@@ -1 +1 @@
-import{r as o,c as t,h as r,H as c,a as e}from"./p-C8a0ddDa.js";import{c as a,a as i,d as s}from"./p-BWC0gtGU.js";import"./p-_0G7tavk.js";import{v as n}from"./p-Di1H2wNs.js";let d=0;const l=class{async reset(){this.validity=void 0,this.controlSetChecked(this.initialChecked)}async groupReset(){this.disabled&&(this.control.checked=this.checked=!1),this.controlSetChecked(!1)}validateControlLabel(){a(this,"label","string")}validateControlDescription(){i(this,"description","string")}validateControlType(){s(this,"type",["checkbox","radio"])}validateControlName(){i(this,"name","string")}validateControlValue(){"radio"==this.type&&i(this,"value","string")}validateControlIcon(){i(this,"icon","string")}updateControlChecked(o=this.checked){this.controlSetChecked(o)}updateControlDisabled(){this.controlSetChecked(this.checked)}constructor(r){o(this,r),this.postInput=t(this,"postInput"),this.postChange=t(this,"postChange"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.EVENT_MAP={input:"postInput",change:"postChange"},this.KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"},this.group={hosts:[],members:[],first:null,last:null,checked:null,focused:null},this.controlId="PostCardControl_"+d++,this.focused=!1,this.checked=!1,this.disabled=!1,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 r(c,{key:"ff23ac518f715fc7c2727dd7c2abccd0fdb486da","data-version":n,onClick:this.cardClickHandler},r("div",{key:"3519942dfeb694729e4b6c7c7df4b68854ccde81",class:{"card-control":!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.focused,"is-valid":void 0!==this.validity&&!1!==this.validity,"is-invalid":!1===this.validity}},r("input",{key:"f47a58485c7d507565e29c832ca1c3d6b053bc17",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":!1===this.validity,onClick:this.controlClickHandler,onInput:this.controlChangeHandler,onChange:this.controlChangeHandler,onFocus:this.controlFocusHandler,onBlur:this.controlFocusHandler,onKeyDown:this.controlKeyDownHandler}),r("label",{key:"65e8247d88c2cc6bb2e0be17e7d6fab3502fb364",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label"},this.label,this.description?r("div",{class:"card-control--description"},this.description):null),this.hasIcon?r("div",{class:"card-control--icon"},r("slot",{name:"icon"},this.icon?r("post-icon",{name:this.icon}):null)):null,r("div",{key:"df538a1f14b49fa7bd6907ef57d045c7303b6d77",id:`${this.controlId}_content`,class:"card-control--content"},r("slot",{key:"1a79c6a2da57a5b8aef911dc2acd09e553b79489"}))))}componentDidRender(){this.setHostContext(),this.groupCollectMembers()}componentDidLoad(){this.validateControlLabel(),this.validateControlName(),this.validateControlValue(),this.validateControlDescription(),this.validateControlType(),this.validateControlIcon()}formAssociatedCallback(){this.controlSetChecked(this.checked)}formDisabledCallback(o){this.disabled=o}formStateRestoreCallback(o){this.controlSetChecked(o)}formResetCallback(){this.reset()}static get formAssociated(){return!0}get host(){return e(this)}static get watchers(){return{label:["validateControlLabel"],description:["validateControlDescription"],type:["validateControlType"],name:["validateControlName"],value:["validateControlValue"],icon:["validateControlIcon"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}}};l.style='@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}.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-current-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{l as post_card_control}
+import{r as o,c as t,h as r,H as c,a as e}from"./p-C8a0ddDa.js";import{c as a,a as i,d as s}from"./p-BWC0gtGU.js";import"./p-_0G7tavk.js";import{v as n}from"./p-Z01QMrov.js";let d=0;const l=class{async reset(){this.validity=void 0,this.controlSetChecked(this.initialChecked)}async groupReset(){this.disabled&&(this.control.checked=this.checked=!1),this.controlSetChecked(!1)}validateControlLabel(){a(this,"label","string")}validateControlDescription(){i(this,"description","string")}validateControlType(){s(this,"type",["checkbox","radio"])}validateControlName(){i(this,"name","string")}validateControlValue(){"radio"==this.type&&i(this,"value","string")}validateControlIcon(){i(this,"icon","string")}updateControlChecked(o=this.checked){this.controlSetChecked(o)}updateControlDisabled(){this.controlSetChecked(this.checked)}constructor(r){o(this,r),this.postInput=t(this,"postInput"),this.postChange=t(this,"postChange"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.EVENT_MAP={input:"postInput",change:"postChange"},this.KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"},this.group={hosts:[],members:[],first:null,last:null,checked:null,focused:null},this.controlId="PostCardControl_"+d++,this.focused=!1,this.checked=!1,this.disabled=!1,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 r(c,{key:"e0f328775bee8a8a05ca02a0d74c30bab97a55b1","data-version":n,onClick:this.cardClickHandler},r("div",{key:"21c4f081f2c4720dce65f0beed7127a7392c21bb",class:{"card-control":!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.focused,"is-valid":void 0!==this.validity&&!1!==this.validity,"is-invalid":!1===this.validity}},r("input",{key:"0850cf58736cd393e1aa34e7f4f44ccdfbde0f1a",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":!1===this.validity,onClick:this.controlClickHandler,onInput:this.controlChangeHandler,onChange:this.controlChangeHandler,onFocus:this.controlFocusHandler,onBlur:this.controlFocusHandler,onKeyDown:this.controlKeyDownHandler}),r("label",{key:"73956c65cb4a83e0feb3d915c8b5f7561307336f",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label"},this.label,this.description?r("div",{class:"card-control--description"},this.description):null),this.hasIcon?r("div",{class:"card-control--icon"},r("slot",{name:"icon"},this.icon?r("post-icon",{name:this.icon}):null)):null,r("div",{key:"9b4104a21c0d960d9b3adbefdb38ba8e81ac1ab6",id:`${this.controlId}_content`,class:"card-control--content"},r("slot",{key:"85469e7c5665c934c297a21870bc296a1ef95128"}))))}componentDidRender(){this.setHostContext(),this.groupCollectMembers()}componentDidLoad(){this.validateControlLabel(),this.validateControlName(),this.validateControlValue(),this.validateControlDescription(),this.validateControlType(),this.validateControlIcon()}formAssociatedCallback(){this.controlSetChecked(this.checked)}formDisabledCallback(o){this.disabled=o}formStateRestoreCallback(o){this.controlSetChecked(o)}formResetCallback(){this.reset()}static get formAssociated(){return!0}get host(){return e(this)}static get watchers(){return{label:["validateControlLabel"],description:["validateControlDescription"],type:["validateControlType"],name:["validateControlName"],value:["validateControlValue"],icon:["validateControlIcon"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}}};l.style='@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}.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-current-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{l as post_card_control}

package/dist/post-components/{p-f9892cd5.entry.js → p-e96239c4.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as a,a as s}from"./p-C8a0ddDa.js";import{v as e}from"./p-Di1H2wNs.js";import{c as r,a as o,b as n}from"./p-BWC0gtGU.js";import"./p-_0G7tavk.js";const h=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var l;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(l||(l={}));const d=class{constructor(i){t(this,i),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials=""}validateFirstname(){r(this,"firstname","string")}validateLastname(){o(this,"lastname","string")}validateUserid(){o(this,"userid","string")}validateEmail(){this.email&&n(this,"email",h)}async getAvatar(){if(null!==this.slottedImage)this.avatarType=l.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 a=await this.getStorageItem(t)??{ok:!1,url:""};if(!a.ok)try{const t=await i();a.ok=t.ok,a.url=t.url,this.imageUrl=a.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=l.Image,this.setStorageItem(this.userid,JSON.stringify(a))}catch(i){this.removeStorageItem(t),console.info(`Loading avatar by type "${l.Image}" failed.`)}return a.ok}async fetchImageByUserId(){return await fetch(d.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=l.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),a=window?.sessionStorage?.getItem(i);return a?JSON.parse(a):null}async setStorageItem(t,i){const a=await this.cryptify(t);window?.sessionStorage?.setItem(a,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(),this.validateLastname(),this.validateUserid(),this.validateEmail()}render(){const t=this.getNames().reduce(((t,a,s)=>(s>0&&t.push(i("span",null," ")),t.push(a.charAt(0)),t.push(i("span",null,a.slice(1))),t)),[]);return i(a,{"data-version":e},i("slot",{onSlotchange:this.onSlotDefaultChange.bind(this)},"image"===this.avatarType&&i("img",{src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&i("div",{class:"initials"},t)))}get host(){return s(this)}static get watchers(){return{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["validateUserid"],email:["validateEmail"]}}};d.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png",d.style='@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}: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{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{d as post_avatar}
+import{r as t,h as i,H as a,a as s}from"./p-C8a0ddDa.js";import{v as e}from"./p-Z01QMrov.js";import{c as r,a as o,b as n}from"./p-BWC0gtGU.js";import"./p-_0G7tavk.js";const h=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var l;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(l||(l={}));const d=class{constructor(i){t(this,i),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials=""}validateFirstname(){r(this,"firstname","string")}validateLastname(){o(this,"lastname","string")}validateUserid(){o(this,"userid","string")}validateEmail(){this.email&&n(this,"email",h)}async getAvatar(){if(null!==this.slottedImage)this.avatarType=l.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 a=await this.getStorageItem(t)??{ok:!1,url:""};if(!a.ok)try{const t=await i();a.ok=t.ok,a.url=t.url,this.imageUrl=a.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=l.Image,this.setStorageItem(this.userid,JSON.stringify(a))}catch(i){this.removeStorageItem(t),console.info(`Loading avatar by type "${l.Image}" failed.`)}return a.ok}async fetchImageByUserId(){return await fetch(d.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=l.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),a=window?.sessionStorage?.getItem(i);return a?JSON.parse(a):null}async setStorageItem(t,i){const a=await this.cryptify(t);window?.sessionStorage?.setItem(a,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(),this.validateLastname(),this.validateUserid(),this.validateEmail()}render(){const t=this.getNames().reduce(((t,a,s)=>(s>0&&t.push(i("span",null," ")),t.push(a.charAt(0)),t.push(i("span",null,a.slice(1))),t)),[]);return i(a,{"data-version":e},i("slot",{onSlotchange:this.onSlotDefaultChange.bind(this)},"image"===this.avatarType&&i("img",{src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&i("div",{class:"initials"},t)))}get host(){return s(this)}static get watchers(){return{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["validateUserid"],email:["validateEmail"]}}};d.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png",d.style='@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}: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{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{d as post_avatar}