@govtechsg/sgds-web-component 3.26.1 → 3.27.0-rc.0

package/components/Dropdown/dropdown-item.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 
-var css_248z = css`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;
+var css_248z = css`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.dropdown-item.readonly{cursor:default}.dropdown-item.readonly:focus,.dropdown-item.readonly:focus-visible,.dropdown-item.readonly:hover{background-color:var(--sgds-bg-transparent);outline:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;
 
 export { css_248z as default };
 //# sourceMappingURL=dropdown-item.js.map

package/components/Dropdown/index.umd.min.js

@@ -63,7 +63,7 @@ function ze(e){return(t,l)=>{const{slot:o,selector:n}=e??{},r="slot"+(o?`[name=$
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const De=()=>new Ne;class Ne{}const Ue=new WeakMap;const We=Ae(class extends Ie{render(e){return le}update(e,[t]){const l=t!==this._ref;return l&&void 0!==this._ref&&this._updateRefValue(void 0),(l||this._lastElementForRef!==this._element)&&(this._ref=t,this._context=e.options?.host,this._updateRefValue(this._element=e.element)),le}_updateRefValue(e){if(this.isConnected||(e=void 0),"function"==typeof this._ref){const t=this._context??globalThis;let l=Ue.get(t);void 0===l&&(l=new WeakMap,Ue.set(t,l)),void 0!==l.get(this._ref)&&this._ref.call(this._context,void 0),l.set(this._ref,e),void 0!==e&&this._ref.call(this._context,e)}else this._ref.value=e}get _lastElementForRef(){return"function"==typeof this._ref?Ue.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),Fe=Math.min,qe=Math.max,Ye=Math.round,Ke=Math.floor,Je=e=>({x:e,y:e}),Xe={left:"right",right:"left",bottom:"top",top:"bottom"},Ge={start:"end",end:"start"};function Qe(e,t,l){return qe(e,Fe(t,l))}function et(e,t){return"function"==typeof e?e(t):e}function tt(e){return e.split("-")[0]}function lt(e){return e.split("-")[1]}function ot(e){return"x"===e?"y":"x"}function nt(e){return"y"===e?"height":"width"}const rt=new Set(["top","bottom"]);function it(e){return rt.has(tt(e))?"y":"x"}function at(e){return ot(it(e))}function ct(e,t,l){void 0===l&&(l=!1);const o=lt(e),n=at(e),r=nt(n);let i="x"===n?o===(l?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[r]>t.floating[r]&&(i=pt(i)),[i,pt(i)]}function st(e){return e.replace(/start|end/g,e=>Ge[e])}const ht=["left","right"],dt=["right","left"],ut=["top","bottom"],vt=["bottom","top"];function ft(e,t,l,o){const n=lt(e);let r=function(e,t,l){switch(e){case"top":case"bottom":return l?t?dt:ht:t?ht:dt;case"left":case"right":return t?ut:vt;default:return[]}}(tt(e),"start"===l,o);return n&&(r=r.map(e=>e+"-"+n),t&&(r=r.concat(r.map(st)))),r}function pt(e){return e.replace(/left|right|bottom|top/g,e=>Xe[e])}function gt(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function wt(e){const{x:t,y:l,width:o,height:n}=e;return{width:o,height:n,top:l,left:t,right:t+o,bottom:l+n,x:t,y:l}}function mt(e,t,l){let{reference:o,floating:n}=e;const r=it(t),i=at(t),a=nt(i),c=tt(t),s="y"===r,h=o.x+o.width/2-n.width/2,d=o.y+o.height/2-n.height/2,u=o[a]/2-n[a]/2;let v;switch(c){case"top":v={x:h,y:o.y-n.height};break;case"bottom":v={x:h,y:o.y+o.height};break;case"right":v={x:o.x+o.width,y:d};break;case"left":v={x:o.x-n.width,y:d};break;default:v={x:o.x,y:o.y}}switch(lt(t)){case"start":v[i]-=u*(l&&s?-1:1);break;case"end":v[i]+=u*(l&&s?-1:1)}return v}async function _t(e,t){var l;void 0===t&&(t={});const{x:o,y:n,platform:r,rects:i,elements:a,strategy:c}=e,{boundary:s="clippingAncestors",rootBoundary:h="viewport",elementContext:d="floating",altBoundary:u=!1,padding:v=0}=et(t,e),f=gt(v),p=a[u?"floating"===d?"reference":"floating":d],g=wt(await r.getClippingRect({element:null==(l=await(null==r.isElement?void 0:r.isElement(p)))||l?p:p.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:s,rootBoundary:h,strategy:c})),w="floating"===d?{x:o,y:n,width:i.floating.width,height:i.floating.height}:i.reference,m=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),_=await(null==r.isElement?void 0:r.isElement(m))&&await(null==r.getScale?void 0:r.getScale(m))||{x:1,y:1},Z=wt(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:w,offsetParent:m,strategy:c}):w);return{top:(g.top-Z.top+f.top)/_.y,bottom:(Z.bottom-g.bottom+f.bottom)/_.y,left:(g.left-Z.left+f.left)/_.x,right:(Z.right-g.right+f.right)/_.x}}const Zt=new Set(["left","top"]);function xt(){return"undefined"!=typeof window}function bt(e){return yt(e)?(e.nodeName||"").toLowerCase():"#document"}function Ct(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Mt(e){var t;return null==(t=(yt(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function yt(e){return!!xt()&&(e instanceof Node||e instanceof Ct(e).Node)}function Vt(e){return!!xt()&&(e instanceof Element||e instanceof Ct(e).Element)}function Ht(e){return!!xt()&&(e instanceof HTMLElement||e instanceof Ct(e).HTMLElement)}function Pt(e){return!(!xt()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof Ct(e).ShadowRoot)}const Ot=new Set(["inline","contents"]);function zt(e){const{overflow:t,overflowX:l,overflowY:o,display:n}=Dt(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+l)&&!Ot.has(n)}const Bt=new Set(["table","td","th"]);function jt(e){return Bt.has(bt(e))}const At=[":popover-open",":modal"];function $t(e){return At.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Lt=["transform","translate","scale","rotate","perspective"],St=["transform","translate","scale","rotate","perspective","filter"],kt=["paint","layout","strict","content"];function Et(e){const t=Tt(),l=Vt(e)?Dt(e):e;return Lt.some(e=>!!l[e]&&"none"!==l[e])||!!l.containerType&&"normal"!==l.containerType||!t&&!!l.backdropFilter&&"none"!==l.backdropFilter||!t&&!!l.filter&&"none"!==l.filter||St.some(e=>(l.willChange||"").includes(e))||kt.some(e=>(l.contain||"").includes(e))}function Tt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Rt=new Set(["html","body","#document"]);function It(e){return Rt.has(bt(e))}function Dt(e){return Ct(e).getComputedStyle(e)}function Nt(e){return Vt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Ut(e){if("html"===bt(e))return e;const t=e.assignedSlot||e.parentNode||Pt(e)&&e.host||Mt(e);return Pt(t)?t.host:t}function Wt(e){const t=Ut(e);return It(t)?e.ownerDocument?e.ownerDocument.body:e.body:Ht(t)&&zt(t)?t:Wt(t)}function Ft(e,t,l){var o;void 0===t&&(t=[]),void 0===l&&(l=!0);const n=Wt(e),r=n===(null==(o=e.ownerDocument)?void 0:o.body),i=Ct(n);if(r){const e=qt(i);return t.concat(i,i.visualViewport||[],zt(n)?n:[],e&&l?Ft(e):[])}return t.concat(n,Ft(n,[],l))}function qt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Yt(e){const t=Dt(e);let l=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const n=Ht(e),r=n?e.offsetWidth:l,i=n?e.offsetHeight:o,a=Ye(l)!==r||Ye(o)!==i;return a&&(l=r,o=i),{width:l,height:o,$:a}}function Kt(e){return Vt(e)?e:e.contextElement}function Jt(e){const t=Kt(e);if(!Ht(t))return Je(1);const l=t.getBoundingClientRect(),{width:o,height:n,$:r}=Yt(t);let i=(r?Ye(l.width):l.width)/o,a=(r?Ye(l.height):l.height)/n;return i&&Number.isFinite(i)||(i=1),a&&Number.isFinite(a)||(a=1),{x:i,y:a}}const Xt=Je(0);function Gt(e){const t=Ct(e);return Tt()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Xt}function Qt(e,t,l,o){void 0===t&&(t=!1),void 0===l&&(l=!1);const n=e.getBoundingClientRect(),r=Kt(e);let i=Je(1);t&&(o?Vt(o)&&(i=Jt(o)):i=Jt(e));const a=function(e,t,l){return void 0===t&&(t=!1),!(!l||t&&l!==Ct(e))&&t}(r,l,o)?Gt(r):Je(0);let c=(n.left+a.x)/i.x,s=(n.top+a.y)/i.y,h=n.width/i.x,d=n.height/i.y;if(r){const e=Ct(r),t=o&&Vt(o)?Ct(o):o;let l=e,n=qt(l);for(;n&&o&&t!==l;){const e=Jt(n),t=n.getBoundingClientRect(),o=Dt(n),r=t.left+(n.clientLeft+parseFloat(o.paddingLeft))*e.x,i=t.top+(n.clientTop+parseFloat(o.paddingTop))*e.y;c*=e.x,s*=e.y,h*=e.x,d*=e.y,c+=r,s+=i,l=Ct(n),n=qt(l)}}return wt({width:h,height:d,x:c,y:s})}function el(e,t){const l=Nt(e).scrollLeft;return t?t.left+l:Qt(Mt(e)).left+l}function tl(e,t){const l=e.getBoundingClientRect();return{x:l.left+t.scrollLeft-el(e,l),y:l.top+t.scrollTop}}const ll=new Set(["absolute","fixed"]);function ol(e,t,l){let o;if("viewport"===t)o=function(e,t){const l=Ct(e),o=Mt(e),n=l.visualViewport;let r=o.clientWidth,i=o.clientHeight,a=0,c=0;if(n){r=n.width,i=n.height;const e=Tt();(!e||e&&"fixed"===t)&&(a=n.offsetLeft,c=n.offsetTop)}const s=el(o);if(s<=0){const e=o.ownerDocument,t=e.body,l=getComputedStyle(t),n="CSS1Compat"===e.compatMode&&parseFloat(l.marginLeft)+parseFloat(l.marginRight)||0,i=Math.abs(o.clientWidth-t.clientWidth-n);i<=25&&(r-=i)}else s<=25&&(r+=s);return{width:r,height:i,x:a,y:c}}(e,l);else if("document"===t)o=function(e){const t=Mt(e),l=Nt(e),o=e.ownerDocument.body,n=qe(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),r=qe(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let i=-l.scrollLeft+el(e);const a=-l.scrollTop;return"rtl"===Dt(o).direction&&(i+=qe(t.clientWidth,o.clientWidth)-n),{width:n,height:r,x:i,y:a}}(Mt(e));else if(Vt(t))o=function(e,t){const l=Qt(e,!0,"fixed"===t),o=l.top+e.clientTop,n=l.left+e.clientLeft,r=Ht(e)?Jt(e):Je(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:n*r.x,y:o*r.y}}(t,l);else{const l=Gt(e);o={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return wt(o)}function nl(e,t){const l=Ut(e);return!(l===t||!Vt(l)||It(l))&&("fixed"===Dt(l).position||nl(l,t))}function rl(e,t,l){const o=Ht(t),n=Mt(t),r="fixed"===l,i=Qt(e,!0,r,t);let a={scrollLeft:0,scrollTop:0};const c=Je(0);function s(){c.x=el(n)}if(o||!o&&!r)if(("body"!==bt(t)||zt(n))&&(a=Nt(t)),o){const e=Qt(t,!0,r,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else n&&s();r&&!o&&n&&s();const h=!n||o||r?Je(0):tl(n,a);return{x:i.left+a.scrollLeft-c.x-h.x,y:i.top+a.scrollTop-c.y-h.y,width:i.width,height:i.height}}function il(e){return"static"===Dt(e).position}function al(e,t){if(!Ht(e)||"fixed"===Dt(e).position)return null;if(t)return t(e);let l=e.offsetParent;return Mt(e)===l&&(l=l.ownerDocument.body),l}function cl(e,t){const l=Ct(e);if($t(e))return l;if(!Ht(e)){let t=Ut(e);for(;t&&!It(t);){if(Vt(t)&&!il(t))return t;t=Ut(t)}return l}let o=al(e,t);for(;o&&jt(o)&&il(o);)o=al(o,t);return o&&It(o)&&il(o)&&!Et(o)?l:o||function(e){let t=Ut(e);for(;Ht(t)&&!It(t);){if(Et(t))return t;if($t(t))return null;t=Ut(t)}return null}(e)||l}const sl={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:l,offsetParent:o,strategy:n}=e;const r="fixed"===n,i=Mt(o),a=!!t&&$t(t.floating);if(o===i||a&&r)return l;let c={scrollLeft:0,scrollTop:0},s=Je(1);const h=Je(0),d=Ht(o);if((d||!d&&!r)&&(("body"!==bt(o)||zt(i))&&(c=Nt(o)),Ht(o))){const e=Qt(o);s=Jt(o),h.x=e.x+o.clientLeft,h.y=e.y+o.clientTop}const u=!i||d||r?Je(0):tl(i,c);return{width:l.width*s.x,height:l.height*s.y,x:l.x*s.x-c.scrollLeft*s.x+h.x+u.x,y:l.y*s.y-c.scrollTop*s.y+h.y+u.y}},getDocumentElement:Mt,getClippingRect:function(e){let{element:t,boundary:l,rootBoundary:o,strategy:n}=e;const r=[..."clippingAncestors"===l?$t(t)?[]:function(e,t){const l=t.get(e);if(l)return l;let o=Ft(e,[],!1).filter(e=>Vt(e)&&"body"!==bt(e)),n=null;const r="fixed"===Dt(e).position;let i=r?Ut(e):e;for(;Vt(i)&&!It(i);){const t=Dt(i),l=Et(i);l||"fixed"!==t.position||(n=null),(r?!l&&!n:!l&&"static"===t.position&&n&&ll.has(n.position)||zt(i)&&!l&&nl(e,i))?o=o.filter(e=>e!==i):n=t,i=Ut(i)}return t.set(e,o),o}(t,this._c):[].concat(l),o],i=r[0],a=r.reduce((e,l)=>{const o=ol(t,l,n);return e.top=qe(o.top,e.top),e.right=Fe(o.right,e.right),e.bottom=Fe(o.bottom,e.bottom),e.left=qe(o.left,e.left),e},ol(t,i,n));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:cl,getElementRects:async function(e){const t=this.getOffsetParent||cl,l=this.getDimensions,o=await l(e.floating);return{reference:rl(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:l}=Yt(e);return{width:t,height:l}},getScale:Jt,isElement:Vt,isRTL:function(e){return"rtl"===Dt(e).direction}};function hl(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function dl(e,t,l,o){void 0===o&&(o={});const{ancestorScroll:n=!0,ancestorResize:r=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:c=!1}=o,s=Kt(e),h=n||r?[...s?Ft(s):[],...Ft(t)]:[];h.forEach(e=>{n&&e.addEventListener("scroll",l,{passive:!0}),r&&e.addEventListener("resize",l)});const d=s&&a?function(e,t){let l,o=null;const n=Mt(e);function r(){var e;clearTimeout(l),null==(e=o)||e.disconnect(),o=null}return function i(a,c){void 0===a&&(a=!1),void 0===c&&(c=1),r();const s=e.getBoundingClientRect(),{left:h,top:d,width:u,height:v}=s;if(a||t(),!u||!v)return;const f={rootMargin:-Ke(d)+"px "+-Ke(n.clientWidth-(h+u))+"px "+-Ke(n.clientHeight-(d+v))+"px "+-Ke(h)+"px",threshold:qe(0,Fe(1,c))||1};let p=!0;function g(t){const o=t[0].intersectionRatio;if(o!==c){if(!p)return i();o?i(!1,o):l=setTimeout(()=>{i(!1,1e-7)},1e3)}1!==o||hl(s,e.getBoundingClientRect())||i(),p=!1}try{o=new IntersectionObserver(g,{...f,root:n.ownerDocument})}catch(e){o=new IntersectionObserver(g,f)}o.observe(e)}(!0),r}(s,l):null;let u,v=-1,f=null;i&&(f=new ResizeObserver(e=>{let[o]=e;o&&o.target===s&&f&&(f.unobserve(t),cancelAnimationFrame(v),v=requestAnimationFrame(()=>{var e;null==(e=f)||e.observe(t)})),l()}),s&&!c&&f.observe(s),f.observe(t));let p=c?Qt(e):null;return c&&function t(){const o=Qt(e);p&&!hl(p,o)&&l();p=o,u=requestAnimationFrame(t)}(),l(),()=>{var e;h.forEach(e=>{n&&e.removeEventListener("scroll",l),r&&e.removeEventListener("resize",l)}),null==d||d(),null==(e=f)||e.disconnect(),f=null,c&&cancelAnimationFrame(u)}}const ul=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var l,o;const{x:n,y:r,placement:i,middlewareData:a}=t,c=await async function(e,t){const{placement:l,platform:o,elements:n}=e,r=await(null==o.isRTL?void 0:o.isRTL(n.floating)),i=tt(l),a=lt(l),c="y"===it(l),s=Zt.has(i)?-1:1,h=r&&c?-1:1,d=et(t,e);let{mainAxis:u,crossAxis:v,alignmentAxis:f}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return a&&"number"==typeof f&&(v="end"===a?-1*f:f),c?{x:v*h,y:u*s}:{x:u*s,y:v*h}}(t,e);return i===(null==(l=a.offset)?void 0:l.placement)&&null!=(o=a.arrow)&&o.alignmentOffset?{}:{x:n+c.x,y:r+c.y,data:{...c,placement:i}}}}},vl=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:l,y:o,placement:n}=t,{mainAxis:r=!0,crossAxis:i=!1,limiter:a={fn:e=>{let{x:t,y:l}=e;return{x:t,y:l}}},...c}=et(e,t),s={x:l,y:o},h=await _t(t,c),d=it(tt(n)),u=ot(d);let v=s[u],f=s[d];if(r){const e="y"===u?"bottom":"right";v=Qe(v+h["y"===u?"top":"left"],v,v-h[e])}if(i){const e="y"===d?"bottom":"right";f=Qe(f+h["y"===d?"top":"left"],f,f-h[e])}const p=a.fn({...t,[u]:v,[d]:f});return{...p,data:{x:p.x-l,y:p.y-o,enabled:{[u]:r,[d]:i}}}}}},fl=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var l,o;const{placement:n,middlewareData:r,rects:i,initialPlacement:a,platform:c,elements:s}=t,{mainAxis:h=!0,crossAxis:d=!0,fallbackPlacements:u,fallbackStrategy:v="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:p=!0,...g}=et(e,t);if(null!=(l=r.arrow)&&l.alignmentOffset)return{};const w=tt(n),m=it(a),_=tt(a)===a,Z=await(null==c.isRTL?void 0:c.isRTL(s.floating)),x=u||(_||!p?[pt(a)]:function(e){const t=pt(e);return[st(e),t,st(t)]}(a)),b="none"!==f;!u&&b&&x.push(...ft(a,p,f,Z));const C=[a,...x],M=await _t(t,g),y=[];let V=(null==(o=r.flip)?void 0:o.overflows)||[];if(h&&y.push(M[w]),d){const e=ct(n,i,Z);y.push(M[e[0]],M[e[1]])}if(V=[...V,{placement:n,overflows:y}],!y.every(e=>e<=0)){var H,P;const e=((null==(H=r.flip)?void 0:H.index)||0)+1,t=C[e];if(t){if(!("alignment"===d&&m!==it(t))||V.every(e=>it(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:V},reset:{placement:t}}}let l=null==(P=V.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:P.placement;if(!l)switch(v){case"bestFit":{var O;const e=null==(O=V.filter(e=>{if(b){const t=it(e.placement);return t===m||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:O[0];e&&(l=e);break}case"initialPlacement":l=a}if(n!==l)return{reset:{placement:l}}}return{}}}},pl=(e,t,l)=>{const o=new Map,n={platform:sl,...l},r={...n.platform,_c:o};return(async(e,t,l)=>{const{placement:o="bottom",strategy:n="absolute",middleware:r=[],platform:i}=l,a=r.filter(Boolean),c=await(null==i.isRTL?void 0:i.isRTL(t));let s=await i.getElementRects({reference:e,floating:t,strategy:n}),{x:h,y:d}=mt(s,o,c),u=o,v={},f=0;for(let l=0;l<a.length;l++){const{name:r,fn:p}=a[l],{x:g,y:w,data:m,reset:_}=await p({x:h,y:d,initialPlacement:o,placement:u,strategy:n,middlewareData:v,rects:s,platform:i,elements:{reference:e,floating:t}});h=null!=g?g:h,d=null!=w?w:d,v={...v,[r]:{...v[r],...m}},_&&f<=50&&(f++,"object"==typeof _&&(_.placement&&(u=_.placement),_.rects&&(s=!0===_.rects?await i.getElementRects({reference:e,floating:t,strategy:n}):_.rects),({x:h,y:d}=mt(s,u,c))),l=-1)}return{x:h,y:d,placement:u,strategy:n,middlewareData:v}})(e,t,{...n,platform:r})};var gl=i`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;class wl extends Ze{emit(e,t){const l=new CustomEvent(e,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(l),l}static define(e,t=this,l={}){if(customElements.get(e));else try{customElements.define(e,t,l)}catch(o){customElements.define(e,class extends t{},l)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}firstUpdated(e){var t;super.firstUpdated(e),this.ssr&&(null===(t=this.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach(e=>{e.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}}function ml(e,t,l){return new Promise(o=>{if((null==l?void 0:l.duration)===1/0)throw new Error("Promise-based animations must be finite.");const n=e.animate(t,Object.assign(Object.assign({},l),{duration:_l()?0:null==l?void 0:l.duration}));n.addEventListener("cancel",o,{once:!0}),n.addEventListener("finish",o,{once:!0})})}function _l(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}wl.styles=[gl],wl.dependencies={},e([Ve({type:Boolean,reflect:!0})],wl.prototype,"ssr",void 0);const Zl=new Map,xl=new WeakMap;function bl(e,t){const l=xl.get(e);if(null==l?void 0:l[t])return l[t];const o=Zl.get(t);return o||{keyframes:[],options:{duration:0}}}function Cl(e,t){Zl.set(e,function(e){return null!=e?e:{keyframes:[],options:{duration:0}}}(t))}class Ml extends wl{constructor(){super(...arguments),this.myDropdown=De(),this.dropdownMenuId=function(e="",t=""){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}("dropdown-menu","div"),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.floatingOpts={},this.menuIsOpen=!1,this.close="default",this.disabled=!1,this.readonly=!1,this.menuRef=De(),this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu(!0))}}connectedCallback(){super.connectedCallback(),"inside"!==this.close&&document.addEventListener("click",this._handleClickOutOfElement),this.addEventListener("keydown",this._handleKeyboardMenuEvent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this.removeEventListener("keydown",this._handleKeyboardMenuEvent),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&requestAnimationFrame(async()=>{await this.updateFloatingPosition(),this._startAutoUpdate()})}async showMenu(){if(!this.disabled&&!this.menuIsOpen){if(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this._startAutoUpdate(),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=bl(this,"dropdown.show");await ml(this.menuRef.value,[{opacity:0,transform:`translateY(${e})`},{opacity:1,transform:"translateY(0)"}],t)}this.emit("sgds-after-show")}}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=dl(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}async hideMenu(e){if(this.menuIsOpen){if(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=bl(this,"dropdown.hide");await ml(this.menuRef.value,[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:`translateY(${e})`}],t)}this.menuIsOpen=!1,this.emit("sgds-after-hide"),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}}toggleMenu(){this.menuIsOpen?this.hideMenu():this.showMenu()}_handleKeyboardMenuEvent(e){if(!this.readonly)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.menuIsOpen||this.showMenu();break;case"Escape":this.hideMenu()}}mergeMiddleware(e,t){const l=e=>{var t;return(null==e?void 0:e.name)||(null===(t=null==e?void 0:e.constructor)||void 0===t?void 0:t.name)},o=t.map(l),n=e.map(e=>{const n=l(e),r=o.indexOf(n);return-1!==r?t[r]:e}).concat(t.filter(t=>!e.some(e=>l(e)===l(t))));return n}async updateFloatingPosition(){if(!this.myDropdown.value||!this.menuRef.value)return;let e="bottom-start";switch(this.drop){case"up":e=this.menuAlignRight?"top-end":"top-start";break;case"right":e="right-start";break;case"left":e="left-start";break;case"down":e=this.menuAlignRight?"bottom-end":"bottom-start";break;default:e="bottom-start"}const t=[ul(8),this.noFlip?void 0:fl(),vl()].filter(Boolean);let l=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(l=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const o=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:l}),{x:n,y:r,strategy:i,placement:a}=await pl(this.myDropdown.value,this.menuRef.value,o);this.menuRef.value.setAttribute("data-placement",a),Object.assign(this.menuRef.value.style,{position:i,left:`${n}px`,top:`${r}px`})}}e([Ve({type:Boolean,state:!0})],Ml.prototype,"noFlip",void 0),e([Ve({type:Boolean,reflect:!0,state:!0})],Ml.prototype,"menuAlignRight",void 0),e([Ve({type:String,reflect:!0,state:!0})],Ml.prototype,"drop",void 0),e([Ve({type:Object})],Ml.prototype,"floatingOpts",void 0),e([Ve({type:Boolean,reflect:!0})],Ml.prototype,"menuIsOpen",void 0),e([Ve({type:Boolean,reflect:!0})],Ml.prototype,"disabled",void 0),e([Ve({type:Boolean,reflect:!0})],Ml.prototype,"readonly",void 0),Cl("dropdown.show",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.1, 0, 0.5, 0)"}}),Cl("dropdown.hide",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.15, 0.6, 0.6, 1)"}});class yl extends Ml{constructor(){super(...arguments),this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this.hidden=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._resetMenu)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sgds-hide",this._resetMenu)}firstUpdated(e){super.firstUpdated(e),this.addEventListener("keydown",this._handleKeyboardMenuItemsEvent)}handleSelectSlot(e){const t=this._getActiveMenuItems(),l=t.find(t=>e.composedPath().includes(t));if(!l)return;const o=t.indexOf(l);this.nextDropdownItemNo=o+1,this.prevDropdownItemNo=o<=0?t.length-1:o-1,l.disabled||(this.emit("sgds-select",{detail:{item:l}}),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach(e=>{var t;const l=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");l&&l.removeAttribute("tabindex")})}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;const t=this._getActiveMenuItems();if(0!==t.length)switch(e.key){case"ArrowDown":e.preventDefault(),this._setMenuItem(this.nextDropdownItemNo);break;case"ArrowUp":e.preventDefault(),this._setMenuItem(this.prevDropdownItemNo);break;case"Tab":if(!this.menuIsOpen)return;e.preventDefault(),e.shiftKey?this._setMenuItem(this.prevDropdownItemNo):this._setMenuItem(this.nextDropdownItemNo);break;case"Enter":t.find(t=>e.composedPath().includes(t))&&this.handleSelectSlot(e);break}}_getMenuItems(){var e,t;if(this.shadowRoot.querySelector("slot#default")){return null===(e=this.shadowRoot.querySelector("slot#default"))||void 0===e?void 0:e.assignedElements({flatten:!0}).filter(e=>!e.classList.contains("empty-menu")&&!e.hasAttribute("hidden"))}if(null===(t=this.menu)||void 0===t?void 0:t.hasChildNodes()){return[...Array.from(this.menu.children)]}return[]}_getActiveMenuItems(){return this._getMenuItems().filter(e=>!e.disabled&&!e.hidden)}_setMenuItem(e){const t=this._getActiveMenuItems();if(0===t.length)return;const l=(e%t.length+t.length)%t.length,o=t[l];this.emit("i-sgds-option-focus",{detail:{option:o}}),this.nextDropdownItemNo=(l+1)%t.length,this.prevDropdownItemNo=(l-1+t.length)%t.length,t.forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===o?"0":"-1"),e===o&&t.focus()})}}var Vl,Hl;function Pl(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,o)=>{const{update:n}=t;if(e in t){const r=e;t.update=function(e){if(e.has(r)){const t=e.get(r),n=this[r];t!==n&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[o](t,n))}n.call(this,e)}}}}yl.styles=Ml.styles,e([(Vl="ul.dropdown-menu",(e,t,l)=>{const o=e=>{const l=e.renderRoot?.querySelector(Vl)??null;if(null===l&&Hl&&!e.hasUpdated){const e="object"==typeof t?t.name:t;Oe("",`@query'd field ${JSON.stringify(String(e))} with the 'cache' flag set for selector '${Vl}' has been accessed before the first update and returned null. This is expected if the renderRoot tree has not been provided beforehand (e.g. via Declarative Shadow DOM). Therefore the value hasn't been cached.`)}return l};if(Hl){const{get:n,set:r}="object"==typeof t?e:l??(()=>{const e=Symbol(`${String(t)} (@query() cache)`);return{get(){return this[e]},set(t){this[e]=t}}})();return Pe(e,t,{get(){let e=n.call(this);return void 0===e&&(e=o(this),(null!==e||this.hasUpdated)&&r.call(this,e)),e}})}return Pe(e,t,{get(){return o(this)}})})],yl.prototype,"menu",void 0),e([He()],yl.prototype,"nextDropdownItemNo",void 0),e([He()],yl.prototype,"prevDropdownItemNo",void 0),e([Ve({type:Boolean,reflect:!0})],yl.prototype,"hidden",void 0);var Ol=i`:host([menuisopen]:not([disabled]):not([readonly])) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);min-width:var(--sgds-dimension-192);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:var(--sgds-z-index-floating)}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,zl=i`.dropdown{display:flex;height:inherit;position:relative}.dropdown-menu{max-width:var(--sgds-dimension-320)}.toggler-container{flex:1;pointer-events:none}.toggler-container ::slotted(*){pointer-events:auto}`;class Bl extends yl{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.close="default",this.menuRef=We()}async _handleClick(e){if(this.disabled)return;const t=this._toggler[0];if(!t)return void this.toggleMenu();if(e.composedPath().includes(t))return void this.toggleMenu();if(!this.menuIsOpen)return;const l=this.menuRef.value;l&&e.composedPath().includes(l)||this.hideMenu()}_handleCloseMenu(){const e=this._toggler[0];null==e||e.focus()}async connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._handleCloseMenu)}async disconnectedCallback(){this.removeEventListener("sgds-hide",this._handleCloseMenu)}async firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&await this.updateFloatingPosition(),this._handleDisabled()}_handleTogglerSlotChange(e){const t=e.target.assignedElements({flatten:!0})[0];t&&(t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded",String(this.menuIsOpen)))}_handleMenuIsOpenChange(){const e=this._toggler[0];e&&e.setAttribute("aria-expanded",String(this.menuIsOpen))}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return Q`
+   */const De=()=>new Ne;class Ne{}const Ue=new WeakMap;const We=Ae(class extends Ie{render(e){return le}update(e,[t]){const l=t!==this._ref;return l&&void 0!==this._ref&&this._updateRefValue(void 0),(l||this._lastElementForRef!==this._element)&&(this._ref=t,this._context=e.options?.host,this._updateRefValue(this._element=e.element)),le}_updateRefValue(e){if(this.isConnected||(e=void 0),"function"==typeof this._ref){const t=this._context??globalThis;let l=Ue.get(t);void 0===l&&(l=new WeakMap,Ue.set(t,l)),void 0!==l.get(this._ref)&&this._ref.call(this._context,void 0),l.set(this._ref,e),void 0!==e&&this._ref.call(this._context,e)}else this._ref.value=e}get _lastElementForRef(){return"function"==typeof this._ref?Ue.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),Fe=Math.min,qe=Math.max,Ye=Math.round,Ke=Math.floor,Je=e=>({x:e,y:e}),Xe={left:"right",right:"left",bottom:"top",top:"bottom"},Ge={start:"end",end:"start"};function Qe(e,t,l){return qe(e,Fe(t,l))}function et(e,t){return"function"==typeof e?e(t):e}function tt(e){return e.split("-")[0]}function lt(e){return e.split("-")[1]}function ot(e){return"x"===e?"y":"x"}function nt(e){return"y"===e?"height":"width"}const rt=new Set(["top","bottom"]);function it(e){return rt.has(tt(e))?"y":"x"}function at(e){return ot(it(e))}function ct(e,t,l){void 0===l&&(l=!1);const o=lt(e),n=at(e),r=nt(n);let i="x"===n?o===(l?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[r]>t.floating[r]&&(i=pt(i)),[i,pt(i)]}function st(e){return e.replace(/start|end/g,e=>Ge[e])}const ht=["left","right"],dt=["right","left"],ut=["top","bottom"],vt=["bottom","top"];function ft(e,t,l,o){const n=lt(e);let r=function(e,t,l){switch(e){case"top":case"bottom":return l?t?dt:ht:t?ht:dt;case"left":case"right":return t?ut:vt;default:return[]}}(tt(e),"start"===l,o);return n&&(r=r.map(e=>e+"-"+n),t&&(r=r.concat(r.map(st)))),r}function pt(e){return e.replace(/left|right|bottom|top/g,e=>Xe[e])}function gt(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function wt(e){const{x:t,y:l,width:o,height:n}=e;return{width:o,height:n,top:l,left:t,right:t+o,bottom:l+n,x:t,y:l}}function mt(e,t,l){let{reference:o,floating:n}=e;const r=it(t),i=at(t),a=nt(i),c=tt(t),s="y"===r,h=o.x+o.width/2-n.width/2,d=o.y+o.height/2-n.height/2,u=o[a]/2-n[a]/2;let v;switch(c){case"top":v={x:h,y:o.y-n.height};break;case"bottom":v={x:h,y:o.y+o.height};break;case"right":v={x:o.x+o.width,y:d};break;case"left":v={x:o.x-n.width,y:d};break;default:v={x:o.x,y:o.y}}switch(lt(t)){case"start":v[i]-=u*(l&&s?-1:1);break;case"end":v[i]+=u*(l&&s?-1:1)}return v}async function _t(e,t){var l;void 0===t&&(t={});const{x:o,y:n,platform:r,rects:i,elements:a,strategy:c}=e,{boundary:s="clippingAncestors",rootBoundary:h="viewport",elementContext:d="floating",altBoundary:u=!1,padding:v=0}=et(t,e),f=gt(v),p=a[u?"floating"===d?"reference":"floating":d],g=wt(await r.getClippingRect({element:null==(l=await(null==r.isElement?void 0:r.isElement(p)))||l?p:p.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:s,rootBoundary:h,strategy:c})),w="floating"===d?{x:o,y:n,width:i.floating.width,height:i.floating.height}:i.reference,m=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),_=await(null==r.isElement?void 0:r.isElement(m))&&await(null==r.getScale?void 0:r.getScale(m))||{x:1,y:1},Z=wt(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:w,offsetParent:m,strategy:c}):w);return{top:(g.top-Z.top+f.top)/_.y,bottom:(Z.bottom-g.bottom+f.bottom)/_.y,left:(g.left-Z.left+f.left)/_.x,right:(Z.right-g.right+f.right)/_.x}}const Zt=new Set(["left","top"]);function xt(){return"undefined"!=typeof window}function bt(e){return yt(e)?(e.nodeName||"").toLowerCase():"#document"}function Ct(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Mt(e){var t;return null==(t=(yt(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function yt(e){return!!xt()&&(e instanceof Node||e instanceof Ct(e).Node)}function Vt(e){return!!xt()&&(e instanceof Element||e instanceof Ct(e).Element)}function Ht(e){return!!xt()&&(e instanceof HTMLElement||e instanceof Ct(e).HTMLElement)}function Pt(e){return!(!xt()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof Ct(e).ShadowRoot)}const Ot=new Set(["inline","contents"]);function zt(e){const{overflow:t,overflowX:l,overflowY:o,display:n}=Dt(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+l)&&!Ot.has(n)}const Bt=new Set(["table","td","th"]);function jt(e){return Bt.has(bt(e))}const At=[":popover-open",":modal"];function $t(e){return At.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Lt=["transform","translate","scale","rotate","perspective"],St=["transform","translate","scale","rotate","perspective","filter"],kt=["paint","layout","strict","content"];function Et(e){const t=Tt(),l=Vt(e)?Dt(e):e;return Lt.some(e=>!!l[e]&&"none"!==l[e])||!!l.containerType&&"normal"!==l.containerType||!t&&!!l.backdropFilter&&"none"!==l.backdropFilter||!t&&!!l.filter&&"none"!==l.filter||St.some(e=>(l.willChange||"").includes(e))||kt.some(e=>(l.contain||"").includes(e))}function Tt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Rt=new Set(["html","body","#document"]);function It(e){return Rt.has(bt(e))}function Dt(e){return Ct(e).getComputedStyle(e)}function Nt(e){return Vt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Ut(e){if("html"===bt(e))return e;const t=e.assignedSlot||e.parentNode||Pt(e)&&e.host||Mt(e);return Pt(t)?t.host:t}function Wt(e){const t=Ut(e);return It(t)?e.ownerDocument?e.ownerDocument.body:e.body:Ht(t)&&zt(t)?t:Wt(t)}function Ft(e,t,l){var o;void 0===t&&(t=[]),void 0===l&&(l=!0);const n=Wt(e),r=n===(null==(o=e.ownerDocument)?void 0:o.body),i=Ct(n);if(r){const e=qt(i);return t.concat(i,i.visualViewport||[],zt(n)?n:[],e&&l?Ft(e):[])}return t.concat(n,Ft(n,[],l))}function qt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Yt(e){const t=Dt(e);let l=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const n=Ht(e),r=n?e.offsetWidth:l,i=n?e.offsetHeight:o,a=Ye(l)!==r||Ye(o)!==i;return a&&(l=r,o=i),{width:l,height:o,$:a}}function Kt(e){return Vt(e)?e:e.contextElement}function Jt(e){const t=Kt(e);if(!Ht(t))return Je(1);const l=t.getBoundingClientRect(),{width:o,height:n,$:r}=Yt(t);let i=(r?Ye(l.width):l.width)/o,a=(r?Ye(l.height):l.height)/n;return i&&Number.isFinite(i)||(i=1),a&&Number.isFinite(a)||(a=1),{x:i,y:a}}const Xt=Je(0);function Gt(e){const t=Ct(e);return Tt()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Xt}function Qt(e,t,l,o){void 0===t&&(t=!1),void 0===l&&(l=!1);const n=e.getBoundingClientRect(),r=Kt(e);let i=Je(1);t&&(o?Vt(o)&&(i=Jt(o)):i=Jt(e));const a=function(e,t,l){return void 0===t&&(t=!1),!(!l||t&&l!==Ct(e))&&t}(r,l,o)?Gt(r):Je(0);let c=(n.left+a.x)/i.x,s=(n.top+a.y)/i.y,h=n.width/i.x,d=n.height/i.y;if(r){const e=Ct(r),t=o&&Vt(o)?Ct(o):o;let l=e,n=qt(l);for(;n&&o&&t!==l;){const e=Jt(n),t=n.getBoundingClientRect(),o=Dt(n),r=t.left+(n.clientLeft+parseFloat(o.paddingLeft))*e.x,i=t.top+(n.clientTop+parseFloat(o.paddingTop))*e.y;c*=e.x,s*=e.y,h*=e.x,d*=e.y,c+=r,s+=i,l=Ct(n),n=qt(l)}}return wt({width:h,height:d,x:c,y:s})}function el(e,t){const l=Nt(e).scrollLeft;return t?t.left+l:Qt(Mt(e)).left+l}function tl(e,t){const l=e.getBoundingClientRect();return{x:l.left+t.scrollLeft-el(e,l),y:l.top+t.scrollTop}}const ll=new Set(["absolute","fixed"]);function ol(e,t,l){let o;if("viewport"===t)o=function(e,t){const l=Ct(e),o=Mt(e),n=l.visualViewport;let r=o.clientWidth,i=o.clientHeight,a=0,c=0;if(n){r=n.width,i=n.height;const e=Tt();(!e||e&&"fixed"===t)&&(a=n.offsetLeft,c=n.offsetTop)}const s=el(o);if(s<=0){const e=o.ownerDocument,t=e.body,l=getComputedStyle(t),n="CSS1Compat"===e.compatMode&&parseFloat(l.marginLeft)+parseFloat(l.marginRight)||0,i=Math.abs(o.clientWidth-t.clientWidth-n);i<=25&&(r-=i)}else s<=25&&(r+=s);return{width:r,height:i,x:a,y:c}}(e,l);else if("document"===t)o=function(e){const t=Mt(e),l=Nt(e),o=e.ownerDocument.body,n=qe(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),r=qe(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let i=-l.scrollLeft+el(e);const a=-l.scrollTop;return"rtl"===Dt(o).direction&&(i+=qe(t.clientWidth,o.clientWidth)-n),{width:n,height:r,x:i,y:a}}(Mt(e));else if(Vt(t))o=function(e,t){const l=Qt(e,!0,"fixed"===t),o=l.top+e.clientTop,n=l.left+e.clientLeft,r=Ht(e)?Jt(e):Je(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:n*r.x,y:o*r.y}}(t,l);else{const l=Gt(e);o={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return wt(o)}function nl(e,t){const l=Ut(e);return!(l===t||!Vt(l)||It(l))&&("fixed"===Dt(l).position||nl(l,t))}function rl(e,t,l){const o=Ht(t),n=Mt(t),r="fixed"===l,i=Qt(e,!0,r,t);let a={scrollLeft:0,scrollTop:0};const c=Je(0);function s(){c.x=el(n)}if(o||!o&&!r)if(("body"!==bt(t)||zt(n))&&(a=Nt(t)),o){const e=Qt(t,!0,r,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else n&&s();r&&!o&&n&&s();const h=!n||o||r?Je(0):tl(n,a);return{x:i.left+a.scrollLeft-c.x-h.x,y:i.top+a.scrollTop-c.y-h.y,width:i.width,height:i.height}}function il(e){return"static"===Dt(e).position}function al(e,t){if(!Ht(e)||"fixed"===Dt(e).position)return null;if(t)return t(e);let l=e.offsetParent;return Mt(e)===l&&(l=l.ownerDocument.body),l}function cl(e,t){const l=Ct(e);if($t(e))return l;if(!Ht(e)){let t=Ut(e);for(;t&&!It(t);){if(Vt(t)&&!il(t))return t;t=Ut(t)}return l}let o=al(e,t);for(;o&&jt(o)&&il(o);)o=al(o,t);return o&&It(o)&&il(o)&&!Et(o)?l:o||function(e){let t=Ut(e);for(;Ht(t)&&!It(t);){if(Et(t))return t;if($t(t))return null;t=Ut(t)}return null}(e)||l}const sl={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:l,offsetParent:o,strategy:n}=e;const r="fixed"===n,i=Mt(o),a=!!t&&$t(t.floating);if(o===i||a&&r)return l;let c={scrollLeft:0,scrollTop:0},s=Je(1);const h=Je(0),d=Ht(o);if((d||!d&&!r)&&(("body"!==bt(o)||zt(i))&&(c=Nt(o)),Ht(o))){const e=Qt(o);s=Jt(o),h.x=e.x+o.clientLeft,h.y=e.y+o.clientTop}const u=!i||d||r?Je(0):tl(i,c);return{width:l.width*s.x,height:l.height*s.y,x:l.x*s.x-c.scrollLeft*s.x+h.x+u.x,y:l.y*s.y-c.scrollTop*s.y+h.y+u.y}},getDocumentElement:Mt,getClippingRect:function(e){let{element:t,boundary:l,rootBoundary:o,strategy:n}=e;const r=[..."clippingAncestors"===l?$t(t)?[]:function(e,t){const l=t.get(e);if(l)return l;let o=Ft(e,[],!1).filter(e=>Vt(e)&&"body"!==bt(e)),n=null;const r="fixed"===Dt(e).position;let i=r?Ut(e):e;for(;Vt(i)&&!It(i);){const t=Dt(i),l=Et(i);l||"fixed"!==t.position||(n=null),(r?!l&&!n:!l&&"static"===t.position&&n&&ll.has(n.position)||zt(i)&&!l&&nl(e,i))?o=o.filter(e=>e!==i):n=t,i=Ut(i)}return t.set(e,o),o}(t,this._c):[].concat(l),o],i=r[0],a=r.reduce((e,l)=>{const o=ol(t,l,n);return e.top=qe(o.top,e.top),e.right=Fe(o.right,e.right),e.bottom=Fe(o.bottom,e.bottom),e.left=qe(o.left,e.left),e},ol(t,i,n));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:cl,getElementRects:async function(e){const t=this.getOffsetParent||cl,l=this.getDimensions,o=await l(e.floating);return{reference:rl(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:l}=Yt(e);return{width:t,height:l}},getScale:Jt,isElement:Vt,isRTL:function(e){return"rtl"===Dt(e).direction}};function hl(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function dl(e,t,l,o){void 0===o&&(o={});const{ancestorScroll:n=!0,ancestorResize:r=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:c=!1}=o,s=Kt(e),h=n||r?[...s?Ft(s):[],...Ft(t)]:[];h.forEach(e=>{n&&e.addEventListener("scroll",l,{passive:!0}),r&&e.addEventListener("resize",l)});const d=s&&a?function(e,t){let l,o=null;const n=Mt(e);function r(){var e;clearTimeout(l),null==(e=o)||e.disconnect(),o=null}return function i(a,c){void 0===a&&(a=!1),void 0===c&&(c=1),r();const s=e.getBoundingClientRect(),{left:h,top:d,width:u,height:v}=s;if(a||t(),!u||!v)return;const f={rootMargin:-Ke(d)+"px "+-Ke(n.clientWidth-(h+u))+"px "+-Ke(n.clientHeight-(d+v))+"px "+-Ke(h)+"px",threshold:qe(0,Fe(1,c))||1};let p=!0;function g(t){const o=t[0].intersectionRatio;if(o!==c){if(!p)return i();o?i(!1,o):l=setTimeout(()=>{i(!1,1e-7)},1e3)}1!==o||hl(s,e.getBoundingClientRect())||i(),p=!1}try{o=new IntersectionObserver(g,{...f,root:n.ownerDocument})}catch(e){o=new IntersectionObserver(g,f)}o.observe(e)}(!0),r}(s,l):null;let u,v=-1,f=null;i&&(f=new ResizeObserver(e=>{let[o]=e;o&&o.target===s&&f&&(f.unobserve(t),cancelAnimationFrame(v),v=requestAnimationFrame(()=>{var e;null==(e=f)||e.observe(t)})),l()}),s&&!c&&f.observe(s),f.observe(t));let p=c?Qt(e):null;return c&&function t(){const o=Qt(e);p&&!hl(p,o)&&l();p=o,u=requestAnimationFrame(t)}(),l(),()=>{var e;h.forEach(e=>{n&&e.removeEventListener("scroll",l),r&&e.removeEventListener("resize",l)}),null==d||d(),null==(e=f)||e.disconnect(),f=null,c&&cancelAnimationFrame(u)}}const ul=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var l,o;const{x:n,y:r,placement:i,middlewareData:a}=t,c=await async function(e,t){const{placement:l,platform:o,elements:n}=e,r=await(null==o.isRTL?void 0:o.isRTL(n.floating)),i=tt(l),a=lt(l),c="y"===it(l),s=Zt.has(i)?-1:1,h=r&&c?-1:1,d=et(t,e);let{mainAxis:u,crossAxis:v,alignmentAxis:f}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return a&&"number"==typeof f&&(v="end"===a?-1*f:f),c?{x:v*h,y:u*s}:{x:u*s,y:v*h}}(t,e);return i===(null==(l=a.offset)?void 0:l.placement)&&null!=(o=a.arrow)&&o.alignmentOffset?{}:{x:n+c.x,y:r+c.y,data:{...c,placement:i}}}}},vl=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:l,y:o,placement:n}=t,{mainAxis:r=!0,crossAxis:i=!1,limiter:a={fn:e=>{let{x:t,y:l}=e;return{x:t,y:l}}},...c}=et(e,t),s={x:l,y:o},h=await _t(t,c),d=it(tt(n)),u=ot(d);let v=s[u],f=s[d];if(r){const e="y"===u?"bottom":"right";v=Qe(v+h["y"===u?"top":"left"],v,v-h[e])}if(i){const e="y"===d?"bottom":"right";f=Qe(f+h["y"===d?"top":"left"],f,f-h[e])}const p=a.fn({...t,[u]:v,[d]:f});return{...p,data:{x:p.x-l,y:p.y-o,enabled:{[u]:r,[d]:i}}}}}},fl=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var l,o;const{placement:n,middlewareData:r,rects:i,initialPlacement:a,platform:c,elements:s}=t,{mainAxis:h=!0,crossAxis:d=!0,fallbackPlacements:u,fallbackStrategy:v="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:p=!0,...g}=et(e,t);if(null!=(l=r.arrow)&&l.alignmentOffset)return{};const w=tt(n),m=it(a),_=tt(a)===a,Z=await(null==c.isRTL?void 0:c.isRTL(s.floating)),x=u||(_||!p?[pt(a)]:function(e){const t=pt(e);return[st(e),t,st(t)]}(a)),b="none"!==f;!u&&b&&x.push(...ft(a,p,f,Z));const C=[a,...x],M=await _t(t,g),y=[];let V=(null==(o=r.flip)?void 0:o.overflows)||[];if(h&&y.push(M[w]),d){const e=ct(n,i,Z);y.push(M[e[0]],M[e[1]])}if(V=[...V,{placement:n,overflows:y}],!y.every(e=>e<=0)){var H,P;const e=((null==(H=r.flip)?void 0:H.index)||0)+1,t=C[e];if(t){if(!("alignment"===d&&m!==it(t))||V.every(e=>it(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:V},reset:{placement:t}}}let l=null==(P=V.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:P.placement;if(!l)switch(v){case"bestFit":{var O;const e=null==(O=V.filter(e=>{if(b){const t=it(e.placement);return t===m||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:O[0];e&&(l=e);break}case"initialPlacement":l=a}if(n!==l)return{reset:{placement:l}}}return{}}}},pl=(e,t,l)=>{const o=new Map,n={platform:sl,...l},r={...n.platform,_c:o};return(async(e,t,l)=>{const{placement:o="bottom",strategy:n="absolute",middleware:r=[],platform:i}=l,a=r.filter(Boolean),c=await(null==i.isRTL?void 0:i.isRTL(t));let s=await i.getElementRects({reference:e,floating:t,strategy:n}),{x:h,y:d}=mt(s,o,c),u=o,v={},f=0;for(let l=0;l<a.length;l++){const{name:r,fn:p}=a[l],{x:g,y:w,data:m,reset:_}=await p({x:h,y:d,initialPlacement:o,placement:u,strategy:n,middlewareData:v,rects:s,platform:i,elements:{reference:e,floating:t}});h=null!=g?g:h,d=null!=w?w:d,v={...v,[r]:{...v[r],...m}},_&&f<=50&&(f++,"object"==typeof _&&(_.placement&&(u=_.placement),_.rects&&(s=!0===_.rects?await i.getElementRects({reference:e,floating:t,strategy:n}):_.rects),({x:h,y:d}=mt(s,u,c))),l=-1)}return{x:h,y:d,placement:u,strategy:n,middlewareData:v}})(e,t,{...n,platform:r})};var gl=i`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;class wl extends Ze{emit(e,t){const l=new CustomEvent(e,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(l),l}static define(e,t=this,l={}){if(customElements.get(e));else try{customElements.define(e,t,l)}catch(o){customElements.define(e,class extends t{},l)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}firstUpdated(e){var t;super.firstUpdated(e),this.ssr&&(null===(t=this.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach(e=>{e.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}}function ml(e,t,l){return new Promise(o=>{if((null==l?void 0:l.duration)===1/0)throw new Error("Promise-based animations must be finite.");const n=e.animate(t,Object.assign(Object.assign({},l),{duration:_l()?0:null==l?void 0:l.duration}));n.addEventListener("cancel",o,{once:!0}),n.addEventListener("finish",o,{once:!0})})}function _l(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}wl.styles=[gl],wl.dependencies={},e([Ve({type:Boolean,reflect:!0})],wl.prototype,"ssr",void 0);const Zl=new Map,xl=new WeakMap;function bl(e,t){const l=xl.get(e);if(null==l?void 0:l[t])return l[t];const o=Zl.get(t);return o||{keyframes:[],options:{duration:0}}}function Cl(e,t){Zl.set(e,function(e){return null!=e?e:{keyframes:[],options:{duration:0}}}(t))}class Ml extends wl{constructor(){super(...arguments),this.myDropdown=De(),this.dropdownMenuId=function(e="",t=""){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}("dropdown-menu","div"),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.floatingOpts={},this.menuIsOpen=!1,this.close="default",this.disabled=!1,this.readonly=!1,this.menuRef=De(),this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu(!0))}}connectedCallback(){super.connectedCallback(),"inside"!==this.close&&document.addEventListener("click",this._handleClickOutOfElement),this.addEventListener("keydown",this._handleKeyboardMenuEvent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this.removeEventListener("keydown",this._handleKeyboardMenuEvent),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&requestAnimationFrame(async()=>{await this.updateFloatingPosition(),this._startAutoUpdate()})}async showMenu(){if(!this.disabled&&!this.menuIsOpen){if(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this._startAutoUpdate(),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=bl(this,"dropdown.show");await ml(this.menuRef.value,[{opacity:0,transform:`translateY(${e})`},{opacity:1,transform:"translateY(0)"}],t)}this.emit("sgds-after-show")}}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=dl(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}async hideMenu(e){if(this.menuIsOpen){if(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=bl(this,"dropdown.hide");await ml(this.menuRef.value,[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:`translateY(${e})`}],t)}this.menuIsOpen=!1,this.emit("sgds-after-hide"),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}}toggleMenu(){this.menuIsOpen?this.hideMenu():this.showMenu()}_handleKeyboardMenuEvent(e){if(!this.readonly)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.menuIsOpen||this.showMenu();break;case"Escape":this.hideMenu()}}mergeMiddleware(e,t){const l=e=>{var t;return(null==e?void 0:e.name)||(null===(t=null==e?void 0:e.constructor)||void 0===t?void 0:t.name)},o=t.map(l),n=e.map(e=>{const n=l(e),r=o.indexOf(n);return-1!==r?t[r]:e}).concat(t.filter(t=>!e.some(e=>l(e)===l(t))));return n}async updateFloatingPosition(){if(!this.myDropdown.value||!this.menuRef.value)return;let e="bottom-start";switch(this.drop){case"up":e=this.menuAlignRight?"top-end":"top-start";break;case"right":e="right-start";break;case"left":e="left-start";break;case"down":e=this.menuAlignRight?"bottom-end":"bottom-start";break;default:e="bottom-start"}const t=[ul(8),this.noFlip?void 0:fl(),vl()].filter(Boolean);let l=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(l=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const o=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:l}),{x:n,y:r,strategy:i,placement:a}=await pl(this.myDropdown.value,this.menuRef.value,o);this.menuRef.value.setAttribute("data-placement",a),Object.assign(this.menuRef.value.style,{position:i,left:`${n}px`,top:`${r}px`})}}e([Ve({type:Boolean,state:!0})],Ml.prototype,"noFlip",void 0),e([Ve({type:Boolean,reflect:!0,state:!0})],Ml.prototype,"menuAlignRight",void 0),e([Ve({type:String,reflect:!0,state:!0})],Ml.prototype,"drop",void 0),e([Ve({type:Object})],Ml.prototype,"floatingOpts",void 0),e([Ve({type:Boolean,reflect:!0})],Ml.prototype,"menuIsOpen",void 0),e([Ve({type:Boolean,reflect:!0})],Ml.prototype,"disabled",void 0),e([Ve({type:Boolean,reflect:!0})],Ml.prototype,"readonly",void 0),Cl("dropdown.show",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.1, 0, 0.5, 0)"}}),Cl("dropdown.hide",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.15, 0.6, 0.6, 1)"}});class yl extends Ml{constructor(){super(...arguments),this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this.hidden=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._resetMenu)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sgds-hide",this._resetMenu)}firstUpdated(e){super.firstUpdated(e),this.addEventListener("keydown",this._handleKeyboardMenuItemsEvent)}handleSelectSlot(e){const t=this._getActiveMenuItems(),l=t.find(t=>e.composedPath().includes(t));if(!l)return;const o=t.indexOf(l);this.nextDropdownItemNo=o+1,this.prevDropdownItemNo=o<=0?t.length-1:o-1,l.disabled||(this.emit("sgds-select",{detail:{item:l}}),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach(e=>{var t;const l=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");l&&l.removeAttribute("tabindex")})}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;const t=this._getActiveMenuItems();if(0!==t.length)switch(e.key){case"ArrowDown":e.preventDefault(),this._setMenuItem(this.nextDropdownItemNo);break;case"ArrowUp":e.preventDefault(),this._setMenuItem(this.prevDropdownItemNo);break;case"Tab":if(!this.menuIsOpen)return;e.preventDefault(),e.shiftKey?this._setMenuItem(this.prevDropdownItemNo):this._setMenuItem(this.nextDropdownItemNo);break;case"Escape":this.menuIsOpen&&(e.preventDefault(),this.hideMenu());break;case"Enter":t.find(t=>e.composedPath().includes(t))&&this.handleSelectSlot(e);break}}_getMenuItems(){var e,t;if(this.shadowRoot.querySelector("slot#default")){return null===(e=this.shadowRoot.querySelector("slot#default"))||void 0===e?void 0:e.assignedElements({flatten:!0}).filter(e=>"menuitem"===e.getAttribute("role")&&!e.classList.contains("empty-menu")&&!e.hasAttribute("hidden"))}if(null===(t=this.menu)||void 0===t?void 0:t.hasChildNodes()){return[...Array.from(this.menu.children)]}return[]}_getActiveMenuItems(){return this._getMenuItems().filter(e=>!e.disabled&&!e.hidden&&!e.readonly)}_setMenuItem(e){const t=this._getActiveMenuItems();if(0===t.length)return;const l=(e%t.length+t.length)%t.length,o=t[l];this.emit("i-sgds-option-focus",{detail:{option:o}}),this.nextDropdownItemNo=(l+1)%t.length,this.prevDropdownItemNo=(l-1+t.length)%t.length,t.forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===o?"0":"-1"),e===o&&t.focus()})}}var Vl,Hl;function Pl(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,o)=>{const{update:n}=t;if(e in t){const r=e;t.update=function(e){if(e.has(r)){const t=e.get(r),n=this[r];t!==n&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[o](t,n))}n.call(this,e)}}}}yl.styles=Ml.styles,e([(Vl="ul.dropdown-menu",(e,t,l)=>{const o=e=>{const l=e.renderRoot?.querySelector(Vl)??null;if(null===l&&Hl&&!e.hasUpdated){const e="object"==typeof t?t.name:t;Oe("",`@query'd field ${JSON.stringify(String(e))} with the 'cache' flag set for selector '${Vl}' has been accessed before the first update and returned null. This is expected if the renderRoot tree has not been provided beforehand (e.g. via Declarative Shadow DOM). Therefore the value hasn't been cached.`)}return l};if(Hl){const{get:n,set:r}="object"==typeof t?e:l??(()=>{const e=Symbol(`${String(t)} (@query() cache)`);return{get(){return this[e]},set(t){this[e]=t}}})();return Pe(e,t,{get(){let e=n.call(this);return void 0===e&&(e=o(this),(null!==e||this.hasUpdated)&&r.call(this,e)),e}})}return Pe(e,t,{get(){return o(this)}})})],yl.prototype,"menu",void 0),e([He()],yl.prototype,"nextDropdownItemNo",void 0),e([He()],yl.prototype,"prevDropdownItemNo",void 0),e([Ve({type:Boolean,reflect:!0})],yl.prototype,"hidden",void 0);var Ol=i`:host([menuisopen]:not([disabled]):not([readonly])) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);min-width:var(--sgds-dimension-192);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:var(--sgds-z-index-floating)}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,zl=i`.dropdown{display:flex;height:inherit;position:relative}.dropdown-menu{max-width:var(--sgds-dimension-320)}.toggler-container{flex:1;pointer-events:none}.toggler-container ::slotted(*){pointer-events:auto}`;class Bl extends yl{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.close="default",this.menuRef=We()}async _handleClick(e){if(this.disabled)return;const t=this._toggler[0];if(!t)return void this.toggleMenu();if(e.composedPath().includes(t))return void this.toggleMenu();if(!this.menuIsOpen)return;const l=this.menuRef.value;l&&e.composedPath().includes(l)||this.hideMenu()}_handleCloseMenu(){const e=this._toggler[0];null==e||e.focus()}async connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._handleCloseMenu)}async disconnectedCallback(){this.removeEventListener("sgds-hide",this._handleCloseMenu)}async firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&await this.updateFloatingPosition(),this._handleDisabled()}_handleTogglerSlotChange(e){const t=e.target.assignedElements({flatten:!0})[0];t&&(t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded",String(this.menuIsOpen)))}_handleMenuIsOpenChange(){const e=this._toggler[0];e&&e.setAttribute("aria-expanded",String(this.menuIsOpen))}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return Q`
       <div class="dropdown" @click=${this._handleClick}>
         <div class="toggler-container" ${We(this.myDropdown)}>
           <slot name="toggler" @slotchange=${this._handleTogglerSlotChange}></slot>
@@ -83,15 +83,15 @@ class extends $e{constructor(e){if(super(e),e.type!==Be||"class"!==e.name||e.str
    * @license
    * Copyright 2018 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */var $l=i`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;const Ll=new Map;class Sl extends wl{constructor(){super(...arguments),this.size="lg"}willUpdate(e){e.has("name")&&this._loadIcon(this.name)}async _loadIcon(e){if(!e)return void(this._icon=void 0);if(Ll.has(e))return void(this._icon=Ll.get(e));const t=Al[e];if(!t)return console.warn(`Icon not found: ${e}`),void(this._icon=void 0);try{const l=await t();Ll.set(e,l.default),this._icon=l.default}catch(t){console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){var e;return null!==(e=this._icon)&&void 0!==e?e:le}}Sl.styles=[...wl.styles,$l],e([Ve({type:String,reflect:!0})],Sl.prototype,"name",void 0),e([Ve({type:String,reflect:!0})],Sl.prototype,"size",void 0),e([Ve({type:String})],Sl.prototype,"ariaLabel",void 0),e([He()],Sl.prototype,"_icon",void 0);var kl=i`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;class El extends wl{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>{"Enter"===e.key&&this.anchor.length>0&&this.anchor[0].click()}),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return Q`
+   */var $l=i`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;const Ll=new Map;class Sl extends wl{constructor(){super(...arguments),this.size="lg"}willUpdate(e){e.has("name")&&this._loadIcon(this.name)}async _loadIcon(e){if(!e)return void(this._icon=void 0);if(Ll.has(e))return void(this._icon=Ll.get(e));const t=Al[e];if(!t)return console.warn(`Icon not found: ${e}`),void(this._icon=void 0);try{const l=await t();Ll.set(e,l.default),this._icon=l.default}catch(t){console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){var e;return null!==(e=this._icon)&&void 0!==e?e:le}}Sl.styles=[...wl.styles,$l],e([Ve({type:String,reflect:!0})],Sl.prototype,"name",void 0),e([Ve({type:String,reflect:!0})],Sl.prototype,"size",void 0),e([Ve({type:String})],Sl.prototype,"ariaLabel",void 0),e([He()],Sl.prototype,"_icon",void 0);var kl=i`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.dropdown-item.readonly{cursor:default}.dropdown-item.readonly:focus,.dropdown-item.readonly:focus-visible,.dropdown-item.readonly:hover{background-color:var(--sgds-bg-transparent);outline:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;class El extends wl{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.readonly=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>{"Enter"===e.key&&this.anchor.length>0&&this.anchor[0].click()}),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return Q`
       <div
-        class="dropdown-item ${jl({disabled:this.disabled,active:this.active})}"
-        tabindex=${this.disabled?"-1":"0"}
+        class="dropdown-item ${jl({disabled:this.disabled,active:this.active,readonly:this.readonly})}"
+        tabindex=${this.disabled||this.readonly?"-1":"0"}
         aria-label=${e=this.ariaLabel||void 0,e??le}
       >
         <slot></slot>
       </div>
-    `;var e}}function Tl(e,t){customElements.get(e)||customElements.define(e,t)}El.styles=[zl,kl],El.dependencies={"sgds-icon":Sl},e([ze({flatten:!0})],El.prototype,"anchor",void 0),e([Ve({type:Boolean})],El.prototype,"active",void 0),e([Ve({type:Boolean,reflect:!0})],El.prototype,"disabled",void 0),e([Ve({type:String})],El.prototype,"ariaLabel",void 0),Tl("sgds-dropdown",Bl),Tl("sgds-dropdown-item",El);var Rl=Q`
+    `;var e}}function Tl(e,t){customElements.get(e)||customElements.define(e,t)}El.styles=[zl,kl],El.dependencies={"sgds-icon":Sl},e([ze({flatten:!0})],El.prototype,"anchor",void 0),e([Ve({type:Boolean})],El.prototype,"active",void 0),e([Ve({type:Boolean,reflect:!0})],El.prototype,"disabled",void 0),e([Ve({type:Boolean,reflect:!0})],El.prototype,"readonly",void 0),e([Ve({type:String})],El.prototype,"ariaLabel",void 0),Tl("sgds-dropdown",Bl),Tl("sgds-dropdown-item",El);var Rl=Q`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path
       fill="currentColor"