@govtechsg/sgds-web-component 3.15.1-rc.2 → 3.16.0

package/components/Dropdown/dropdown-menu.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 
-var css_248z = css`: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%}`;
+var css_248z = css`: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:1050}.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%}`;
 
 export { css_248z as default };
 //# sourceMappingURL=dropdown-menu.js.map

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

@@ -63,7 +63,7 @@ function $e(e){return(t,l)=>{const{slot:i,selector:a}=e??{},o="slot"+(i?`[name=$
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const ze=()=>new Ue;class Ue{}const We=new WeakMap;const Fe=ke(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=We.get(t);void 0===l&&(l=new WeakMap,We.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?We.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),qe=Math.min,je=Math.max,Ke=Math.round,Je=Math.floor,Ye=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 je(e,qe(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 it(e){return"x"===e?"y":"x"}function at(e){return"y"===e?"height":"width"}const ot=new Set(["top","bottom"]);function nt(e){return ot.has(tt(e))?"y":"x"}function ct(e){return it(nt(e))}function rt(e,t,l){void 0===l&&(l=!1);const i=lt(e),a=ct(e),o=at(a);let n="x"===a?i===(l?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[o]>t.floating[o]&&(n=gt(n)),[n,gt(n)]}function st(e){return e.replace(/start|end/g,e=>Ge[e])}const ht=["left","right"],dt=["right","left"],vt=["top","bottom"],ut=["bottom","top"];function pt(e,t,l,i){const a=lt(e);let o=function(e,t,l){switch(e){case"top":case"bottom":return l?t?dt:ht:t?ht:dt;case"left":case"right":return t?vt:ut;default:return[]}}(tt(e),"start"===l,i);return a&&(o=o.map(e=>e+"-"+a),t&&(o=o.concat(o.map(st)))),o}function gt(e){return e.replace(/left|right|bottom|top/g,e=>Xe[e])}function wt(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 ft(e){const{x:t,y:l,width:i,height:a}=e;return{width:i,height:a,top:l,left:t,right:t+i,bottom:l+a,x:t,y:l}}function mt(e,t,l){let{reference:i,floating:a}=e;const o=nt(t),n=ct(t),c=at(n),r=tt(t),s="y"===o,h=i.x+i.width/2-a.width/2,d=i.y+i.height/2-a.height/2,v=i[c]/2-a[c]/2;let u;switch(r){case"top":u={x:h,y:i.y-a.height};break;case"bottom":u={x:h,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:d};break;case"left":u={x:i.x-a.width,y:d};break;default:u={x:i.x,y:i.y}}switch(lt(t)){case"start":u[n]-=v*(l&&s?-1:1);break;case"end":u[n]+=v*(l&&s?-1:1)}return u}async function Zt(e,t){var l;void 0===t&&(t={});const{x:i,y:a,platform:o,rects:n,elements:c,strategy:r}=e,{boundary:s="clippingAncestors",rootBoundary:h="viewport",elementContext:d="floating",altBoundary:v=!1,padding:u=0}=et(t,e),p=wt(u),g=c[v?"floating"===d?"reference":"floating":d],w=ft(await o.getClippingRect({element:null==(l=await(null==o.isElement?void 0:o.isElement(g)))||l?g:g.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(c.floating)),boundary:s,rootBoundary:h,strategy:r})),f="floating"===d?{x:i,y:a,width:n.floating.width,height:n.floating.height}:n.reference,m=await(null==o.getOffsetParent?void 0:o.getOffsetParent(c.floating)),Z=await(null==o.isElement?void 0:o.isElement(m))&&await(null==o.getScale?void 0:o.getScale(m))||{x:1,y:1},x=ft(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:f,offsetParent:m,strategy:r}):f);return{top:(w.top-x.top+p.top)/Z.y,bottom:(x.bottom-w.bottom+p.bottom)/Z.y,left:(w.left-x.left+p.left)/Z.x,right:(x.right-w.right+p.right)/Z.x}}const xt=new Set(["left","top"]);function Ct(){return"undefined"!=typeof window}function Mt(e){return _t(e)?(e.nodeName||"").toLowerCase():"#document"}function yt(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function bt(e){var t;return null==(t=(_t(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function _t(e){return!!Ct()&&(e instanceof Node||e instanceof yt(e).Node)}function Vt(e){return!!Ct()&&(e instanceof Element||e instanceof yt(e).Element)}function Ht(e){return!!Ct()&&(e instanceof HTMLElement||e instanceof yt(e).HTMLElement)}function Bt(e){return!(!Ct()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof yt(e).ShadowRoot)}const At=new Set(["inline","contents"]);function $t(e){const{overflow:t,overflowX:l,overflowY:i,display:a}=zt(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+l)&&!At.has(a)}const Lt=new Set(["table","td","th"]);function St(e){return Lt.has(Mt(e))}const kt=[":popover-open",":modal"];function Et(e){return kt.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Pt=["transform","translate","scale","rotate","perspective"],Tt=["transform","translate","scale","rotate","perspective","filter"],Ot=["paint","layout","strict","content"];function Rt(e){const t=Dt(),l=Vt(e)?zt(e):e;return Pt.some(e=>!!l[e]&&"none"!==l[e])||!!l.containerType&&"normal"!==l.containerType||!t&&!!l.backdropFilter&&"none"!==l.backdropFilter||!t&&!!l.filter&&"none"!==l.filter||Tt.some(e=>(l.willChange||"").includes(e))||Ot.some(e=>(l.contain||"").includes(e))}function Dt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Nt=new Set(["html","body","#document"]);function It(e){return Nt.has(Mt(e))}function zt(e){return yt(e).getComputedStyle(e)}function Ut(e){return Vt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Wt(e){if("html"===Mt(e))return e;const t=e.assignedSlot||e.parentNode||Bt(e)&&e.host||bt(e);return Bt(t)?t.host:t}function Ft(e){const t=Wt(e);return It(t)?e.ownerDocument?e.ownerDocument.body:e.body:Ht(t)&&$t(t)?t:Ft(t)}function qt(e,t,l){var i;void 0===t&&(t=[]),void 0===l&&(l=!0);const a=Ft(e),o=a===(null==(i=e.ownerDocument)?void 0:i.body),n=yt(a);if(o){const e=jt(n);return t.concat(n,n.visualViewport||[],$t(a)?a:[],e&&l?qt(e):[])}return t.concat(a,qt(a,[],l))}function jt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Kt(e){const t=zt(e);let l=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const a=Ht(e),o=a?e.offsetWidth:l,n=a?e.offsetHeight:i,c=Ke(l)!==o||Ke(i)!==n;return c&&(l=o,i=n),{width:l,height:i,$:c}}function Jt(e){return Vt(e)?e:e.contextElement}function Yt(e){const t=Jt(e);if(!Ht(t))return Ye(1);const l=t.getBoundingClientRect(),{width:i,height:a,$:o}=Kt(t);let n=(o?Ke(l.width):l.width)/i,c=(o?Ke(l.height):l.height)/a;return n&&Number.isFinite(n)||(n=1),c&&Number.isFinite(c)||(c=1),{x:n,y:c}}const Xt=Ye(0);function Gt(e){const t=yt(e);return Dt()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Xt}function Qt(e,t,l,i){void 0===t&&(t=!1),void 0===l&&(l=!1);const a=e.getBoundingClientRect(),o=Jt(e);let n=Ye(1);t&&(i?Vt(i)&&(n=Yt(i)):n=Yt(e));const c=function(e,t,l){return void 0===t&&(t=!1),!(!l||t&&l!==yt(e))&&t}(o,l,i)?Gt(o):Ye(0);let r=(a.left+c.x)/n.x,s=(a.top+c.y)/n.y,h=a.width/n.x,d=a.height/n.y;if(o){const e=yt(o),t=i&&Vt(i)?yt(i):i;let l=e,a=jt(l);for(;a&&i&&t!==l;){const e=Yt(a),t=a.getBoundingClientRect(),i=zt(a),o=t.left+(a.clientLeft+parseFloat(i.paddingLeft))*e.x,n=t.top+(a.clientTop+parseFloat(i.paddingTop))*e.y;r*=e.x,s*=e.y,h*=e.x,d*=e.y,r+=o,s+=n,l=yt(a),a=jt(l)}}return ft({width:h,height:d,x:r,y:s})}function el(e,t){const l=Ut(e).scrollLeft;return t?t.left+l:Qt(bt(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 il(e,t,l){let i;if("viewport"===t)i=function(e,t){const l=yt(e),i=bt(e),a=l.visualViewport;let o=i.clientWidth,n=i.clientHeight,c=0,r=0;if(a){o=a.width,n=a.height;const e=Dt();(!e||e&&"fixed"===t)&&(c=a.offsetLeft,r=a.offsetTop)}const s=el(i);if(s<=0){const e=i.ownerDocument,t=e.body,l=getComputedStyle(t),a="CSS1Compat"===e.compatMode&&parseFloat(l.marginLeft)+parseFloat(l.marginRight)||0,n=Math.abs(i.clientWidth-t.clientWidth-a);n<=25&&(o-=n)}else s<=25&&(o+=s);return{width:o,height:n,x:c,y:r}}(e,l);else if("document"===t)i=function(e){const t=bt(e),l=Ut(e),i=e.ownerDocument.body,a=je(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),o=je(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let n=-l.scrollLeft+el(e);const c=-l.scrollTop;return"rtl"===zt(i).direction&&(n+=je(t.clientWidth,i.clientWidth)-a),{width:a,height:o,x:n,y:c}}(bt(e));else if(Vt(t))i=function(e,t){const l=Qt(e,!0,"fixed"===t),i=l.top+e.clientTop,a=l.left+e.clientLeft,o=Ht(e)?Yt(e):Ye(1);return{width:e.clientWidth*o.x,height:e.clientHeight*o.y,x:a*o.x,y:i*o.y}}(t,l);else{const l=Gt(e);i={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return ft(i)}function al(e,t){const l=Wt(e);return!(l===t||!Vt(l)||It(l))&&("fixed"===zt(l).position||al(l,t))}function ol(e,t,l){const i=Ht(t),a=bt(t),o="fixed"===l,n=Qt(e,!0,o,t);let c={scrollLeft:0,scrollTop:0};const r=Ye(0);function s(){r.x=el(a)}if(i||!i&&!o)if(("body"!==Mt(t)||$t(a))&&(c=Ut(t)),i){const e=Qt(t,!0,o,t);r.x=e.x+t.clientLeft,r.y=e.y+t.clientTop}else a&&s();o&&!i&&a&&s();const h=!a||i||o?Ye(0):tl(a,c);return{x:n.left+c.scrollLeft-r.x-h.x,y:n.top+c.scrollTop-r.y-h.y,width:n.width,height:n.height}}function nl(e){return"static"===zt(e).position}function cl(e,t){if(!Ht(e)||"fixed"===zt(e).position)return null;if(t)return t(e);let l=e.offsetParent;return bt(e)===l&&(l=l.ownerDocument.body),l}function rl(e,t){const l=yt(e);if(Et(e))return l;if(!Ht(e)){let t=Wt(e);for(;t&&!It(t);){if(Vt(t)&&!nl(t))return t;t=Wt(t)}return l}let i=cl(e,t);for(;i&&St(i)&&nl(i);)i=cl(i,t);return i&&It(i)&&nl(i)&&!Rt(i)?l:i||function(e){let t=Wt(e);for(;Ht(t)&&!It(t);){if(Rt(t))return t;if(Et(t))return null;t=Wt(t)}return null}(e)||l}const sl={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:l,offsetParent:i,strategy:a}=e;const o="fixed"===a,n=bt(i),c=!!t&&Et(t.floating);if(i===n||c&&o)return l;let r={scrollLeft:0,scrollTop:0},s=Ye(1);const h=Ye(0),d=Ht(i);if((d||!d&&!o)&&(("body"!==Mt(i)||$t(n))&&(r=Ut(i)),Ht(i))){const e=Qt(i);s=Yt(i),h.x=e.x+i.clientLeft,h.y=e.y+i.clientTop}const v=!n||d||o?Ye(0):tl(n,r);return{width:l.width*s.x,height:l.height*s.y,x:l.x*s.x-r.scrollLeft*s.x+h.x+v.x,y:l.y*s.y-r.scrollTop*s.y+h.y+v.y}},getDocumentElement:bt,getClippingRect:function(e){let{element:t,boundary:l,rootBoundary:i,strategy:a}=e;const o=[..."clippingAncestors"===l?Et(t)?[]:function(e,t){const l=t.get(e);if(l)return l;let i=qt(e,[],!1).filter(e=>Vt(e)&&"body"!==Mt(e)),a=null;const o="fixed"===zt(e).position;let n=o?Wt(e):e;for(;Vt(n)&&!It(n);){const t=zt(n),l=Rt(n);l||"fixed"!==t.position||(a=null),(o?!l&&!a:!l&&"static"===t.position&&a&&ll.has(a.position)||$t(n)&&!l&&al(e,n))?i=i.filter(e=>e!==n):a=t,n=Wt(n)}return t.set(e,i),i}(t,this._c):[].concat(l),i],n=o[0],c=o.reduce((e,l)=>{const i=il(t,l,a);return e.top=je(i.top,e.top),e.right=qe(i.right,e.right),e.bottom=qe(i.bottom,e.bottom),e.left=je(i.left,e.left),e},il(t,n,a));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},getOffsetParent:rl,getElementRects:async function(e){const t=this.getOffsetParent||rl,l=this.getDimensions,i=await l(e.floating);return{reference:ol(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:l}=Kt(e);return{width:t,height:l}},getScale:Yt,isElement:Vt,isRTL:function(e){return"rtl"===zt(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,i){void 0===i&&(i={});const{ancestorScroll:a=!0,ancestorResize:o=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:c="function"==typeof IntersectionObserver,animationFrame:r=!1}=i,s=Jt(e),h=a||o?[...s?qt(s):[],...qt(t)]:[];h.forEach(e=>{a&&e.addEventListener("scroll",l,{passive:!0}),o&&e.addEventListener("resize",l)});const d=s&&c?function(e,t){let l,i=null;const a=bt(e);function o(){var e;clearTimeout(l),null==(e=i)||e.disconnect(),i=null}return function n(c,r){void 0===c&&(c=!1),void 0===r&&(r=1),o();const s=e.getBoundingClientRect(),{left:h,top:d,width:v,height:u}=s;if(c||t(),!v||!u)return;const p={rootMargin:-Je(d)+"px "+-Je(a.clientWidth-(h+v))+"px "+-Je(a.clientHeight-(d+u))+"px "+-Je(h)+"px",threshold:je(0,qe(1,r))||1};let g=!0;function w(t){const i=t[0].intersectionRatio;if(i!==r){if(!g)return n();i?n(!1,i):l=setTimeout(()=>{n(!1,1e-7)},1e3)}1!==i||hl(s,e.getBoundingClientRect())||n(),g=!1}try{i=new IntersectionObserver(w,{...p,root:a.ownerDocument})}catch(e){i=new IntersectionObserver(w,p)}i.observe(e)}(!0),o}(s,l):null;let v,u=-1,p=null;n&&(p=new ResizeObserver(e=>{let[i]=e;i&&i.target===s&&p&&(p.unobserve(t),cancelAnimationFrame(u),u=requestAnimationFrame(()=>{var e;null==(e=p)||e.observe(t)})),l()}),s&&!r&&p.observe(s),p.observe(t));let g=r?Qt(e):null;return r&&function t(){const i=Qt(e);g&&!hl(g,i)&&l();g=i,v=requestAnimationFrame(t)}(),l(),()=>{var e;h.forEach(e=>{a&&e.removeEventListener("scroll",l),o&&e.removeEventListener("resize",l)}),null==d||d(),null==(e=p)||e.disconnect(),p=null,r&&cancelAnimationFrame(v)}}const vl=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var l,i;const{x:a,y:o,placement:n,middlewareData:c}=t,r=await async function(e,t){const{placement:l,platform:i,elements:a}=e,o=await(null==i.isRTL?void 0:i.isRTL(a.floating)),n=tt(l),c=lt(l),r="y"===nt(l),s=xt.has(n)?-1:1,h=o&&r?-1:1,d=et(t,e);let{mainAxis:v,crossAxis:u,alignmentAxis:p}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return c&&"number"==typeof p&&(u="end"===c?-1*p:p),r?{x:u*h,y:v*s}:{x:v*s,y:u*h}}(t,e);return n===(null==(l=c.offset)?void 0:l.placement)&&null!=(i=c.arrow)&&i.alignmentOffset?{}:{x:a+r.x,y:o+r.y,data:{...r,placement:n}}}}},ul=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:l,y:i,placement:a}=t,{mainAxis:o=!0,crossAxis:n=!1,limiter:c={fn:e=>{let{x:t,y:l}=e;return{x:t,y:l}}},...r}=et(e,t),s={x:l,y:i},h=await Zt(t,r),d=nt(tt(a)),v=it(d);let u=s[v],p=s[d];if(o){const e="y"===v?"bottom":"right";u=Qe(u+h["y"===v?"top":"left"],u,u-h[e])}if(n){const e="y"===d?"bottom":"right";p=Qe(p+h["y"===d?"top":"left"],p,p-h[e])}const g=c.fn({...t,[v]:u,[d]:p});return{...g,data:{x:g.x-l,y:g.y-i,enabled:{[v]:o,[d]:n}}}}}},pl=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var l,i;const{placement:a,middlewareData:o,rects:n,initialPlacement:c,platform:r,elements:s}=t,{mainAxis:h=!0,crossAxis:d=!0,fallbackPlacements:v,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:g=!0,...w}=et(e,t);if(null!=(l=o.arrow)&&l.alignmentOffset)return{};const f=tt(a),m=nt(c),Z=tt(c)===c,x=await(null==r.isRTL?void 0:r.isRTL(s.floating)),C=v||(Z||!g?[gt(c)]:function(e){const t=gt(e);return[st(e),t,st(t)]}(c)),M="none"!==p;!v&&M&&C.push(...pt(c,g,p,x));const y=[c,...C],b=await Zt(t,w),_=[];let V=(null==(i=o.flip)?void 0:i.overflows)||[];if(h&&_.push(b[f]),d){const e=rt(a,n,x);_.push(b[e[0]],b[e[1]])}if(V=[...V,{placement:a,overflows:_}],!_.every(e=>e<=0)){var H,B;const e=((null==(H=o.flip)?void 0:H.index)||0)+1,t=y[e];if(t){if(!("alignment"===d&&m!==nt(t))||V.every(e=>nt(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:V},reset:{placement:t}}}let l=null==(B=V.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:B.placement;if(!l)switch(u){case"bestFit":{var A;const e=null==(A=V.filter(e=>{if(M){const t=nt(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:A[0];e&&(l=e);break}case"initialPlacement":l=c}if(a!==l)return{reset:{placement:l}}}return{}}}},gl=(e,t,l)=>{const i=new Map,a={platform:sl,...l},o={...a.platform,_c:i};return(async(e,t,l)=>{const{placement:i="bottom",strategy:a="absolute",middleware:o=[],platform:n}=l,c=o.filter(Boolean),r=await(null==n.isRTL?void 0:n.isRTL(t));let s=await n.getElementRects({reference:e,floating:t,strategy:a}),{x:h,y:d}=mt(s,i,r),v=i,u={},p=0;for(let l=0;l<c.length;l++){const{name:o,fn:g}=c[l],{x:w,y:f,data:m,reset:Z}=await g({x:h,y:d,initialPlacement:i,placement:v,strategy:a,middlewareData:u,rects:s,platform:n,elements:{reference:e,floating:t}});h=null!=w?w:h,d=null!=f?f:d,u={...u,[o]:{...u[o],...m}},Z&&p<=50&&(p++,"object"==typeof Z&&(Z.placement&&(v=Z.placement),Z.rects&&(s=!0===Z.rects?await n.getElementRects({reference:e,floating:t,strategy:a}):Z.rects),({x:h,y:d}=mt(s,v,r))),l=-1)}return{x:h,y:d,placement:v,strategy:a,middlewareData:u}})(e,t,{...a,platform:o})};var wl=n`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-16);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-24);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}}::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 fl extends xe{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(i){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}))}))}}fl.styles=[wl],fl.dependencies={},e([Ve({type:Boolean,reflect:!0})],fl.prototype,"ssr",void 0);class ml extends fl{constructor(){super(...arguments),this.myDropdown=ze(),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=ze(),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(){this.disabled||this.menuIsOpen||(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this.emit("sgds-after-show"),this._startAutoUpdate())}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=dl(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}hideMenu(e){this.menuIsOpen&&(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuIsOpen=!1,setTimeout(()=>this.emit("sgds-after-hide"),0),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)},i=t.map(l),a=e.map(e=>{const a=l(e),o=i.indexOf(a);return-1!==o?t[o]:e}).concat(t.filter(t=>!e.some(e=>l(e)===l(t))));return a}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=[vl(8),this.noFlip?void 0:pl(),ul()].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 i=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:l}),{x:a,y:o,strategy:n,placement:c}=await gl(this.myDropdown.value,this.menuRef.value,i);this.menuRef.value.setAttribute("data-placement",c),Object.assign(this.menuRef.value.style,{position:n,left:`${a}px`,top:`${o}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);class Zl 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.indexOf(e.target);this.nextDropdownItemNo=l+1,this.prevDropdownItemNo=l<=0?t.length-1:l-1;const i=e.target;i.disabled||(this.emit("sgds-select",{detail:{item:i}}),"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.includes(e.target)&&this.handleSelectSlot(e)}}_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,i=t[l];this.emit("i-sgds-option-focus",{detail:{option:i}}),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===i?"0":"-1"),e===i&&t.focus()})}}var xl,Cl;Zl.styles=ml.styles,e([(xl="ul.dropdown-menu",(e,t,l)=>{const i=e=>{const l=e.renderRoot?.querySelector(xl)??null;if(null===l&&Cl&&!e.hasUpdated){const e="object"==typeof t?t.name:t;Ae("",`@query'd field ${JSON.stringify(String(e))} with the 'cache' flag set for selector '${xl}' 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(Cl){const{get:a,set:o}="object"==typeof t?e:l??(()=>{const e=Symbol(`${String(t)} (@query() cache)`);return{get(){return this[e]},set(t){this[e]=t}}})();return Be(e,t,{get(){let e=a.call(this);return void 0===e&&(e=i(this),(null!==e||this.hasUpdated)&&o.call(this,e)),e}})}return Be(e,t,{get(){return i(this)}})})],Zl.prototype,"menu",void 0),e([He()],Zl.prototype,"nextDropdownItemNo",void 0),e([He()],Zl.prototype,"prevDropdownItemNo",void 0),e([Ve({type:Boolean,reflect:!0})],Zl.prototype,"hidden",void 0);var Ml=n`: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%}`,yl=n`.dropdown{display:flex;height:inherit;position:relative}`;class bl extends Zl{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.menuRef=Fe()}async _handleClick(){this.disabled||this.toggleMenu()}_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()}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return Q`
+   */const ze=()=>new Ue;class Ue{}const We=new WeakMap;const Fe=ke(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=We.get(t);void 0===l&&(l=new WeakMap,We.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?We.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),qe=Math.min,je=Math.max,Ke=Math.round,Je=Math.floor,Ye=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 je(e,qe(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 it(e){return"x"===e?"y":"x"}function at(e){return"y"===e?"height":"width"}const ot=new Set(["top","bottom"]);function nt(e){return ot.has(tt(e))?"y":"x"}function ct(e){return it(nt(e))}function rt(e,t,l){void 0===l&&(l=!1);const i=lt(e),a=ct(e),o=at(a);let n="x"===a?i===(l?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[o]>t.floating[o]&&(n=gt(n)),[n,gt(n)]}function st(e){return e.replace(/start|end/g,e=>Ge[e])}const ht=["left","right"],dt=["right","left"],vt=["top","bottom"],ut=["bottom","top"];function pt(e,t,l,i){const a=lt(e);let o=function(e,t,l){switch(e){case"top":case"bottom":return l?t?dt:ht:t?ht:dt;case"left":case"right":return t?vt:ut;default:return[]}}(tt(e),"start"===l,i);return a&&(o=o.map(e=>e+"-"+a),t&&(o=o.concat(o.map(st)))),o}function gt(e){return e.replace(/left|right|bottom|top/g,e=>Xe[e])}function wt(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 ft(e){const{x:t,y:l,width:i,height:a}=e;return{width:i,height:a,top:l,left:t,right:t+i,bottom:l+a,x:t,y:l}}function mt(e,t,l){let{reference:i,floating:a}=e;const o=nt(t),n=ct(t),c=at(n),r=tt(t),s="y"===o,h=i.x+i.width/2-a.width/2,d=i.y+i.height/2-a.height/2,v=i[c]/2-a[c]/2;let u;switch(r){case"top":u={x:h,y:i.y-a.height};break;case"bottom":u={x:h,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:d};break;case"left":u={x:i.x-a.width,y:d};break;default:u={x:i.x,y:i.y}}switch(lt(t)){case"start":u[n]-=v*(l&&s?-1:1);break;case"end":u[n]+=v*(l&&s?-1:1)}return u}async function Zt(e,t){var l;void 0===t&&(t={});const{x:i,y:a,platform:o,rects:n,elements:c,strategy:r}=e,{boundary:s="clippingAncestors",rootBoundary:h="viewport",elementContext:d="floating",altBoundary:v=!1,padding:u=0}=et(t,e),p=wt(u),g=c[v?"floating"===d?"reference":"floating":d],w=ft(await o.getClippingRect({element:null==(l=await(null==o.isElement?void 0:o.isElement(g)))||l?g:g.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(c.floating)),boundary:s,rootBoundary:h,strategy:r})),f="floating"===d?{x:i,y:a,width:n.floating.width,height:n.floating.height}:n.reference,m=await(null==o.getOffsetParent?void 0:o.getOffsetParent(c.floating)),Z=await(null==o.isElement?void 0:o.isElement(m))&&await(null==o.getScale?void 0:o.getScale(m))||{x:1,y:1},x=ft(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:f,offsetParent:m,strategy:r}):f);return{top:(w.top-x.top+p.top)/Z.y,bottom:(x.bottom-w.bottom+p.bottom)/Z.y,left:(w.left-x.left+p.left)/Z.x,right:(x.right-w.right+p.right)/Z.x}}const xt=new Set(["left","top"]);function Ct(){return"undefined"!=typeof window}function Mt(e){return _t(e)?(e.nodeName||"").toLowerCase():"#document"}function yt(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function bt(e){var t;return null==(t=(_t(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function _t(e){return!!Ct()&&(e instanceof Node||e instanceof yt(e).Node)}function Vt(e){return!!Ct()&&(e instanceof Element||e instanceof yt(e).Element)}function Ht(e){return!!Ct()&&(e instanceof HTMLElement||e instanceof yt(e).HTMLElement)}function Bt(e){return!(!Ct()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof yt(e).ShadowRoot)}const At=new Set(["inline","contents"]);function $t(e){const{overflow:t,overflowX:l,overflowY:i,display:a}=zt(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+l)&&!At.has(a)}const Lt=new Set(["table","td","th"]);function St(e){return Lt.has(Mt(e))}const kt=[":popover-open",":modal"];function Et(e){return kt.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Pt=["transform","translate","scale","rotate","perspective"],Tt=["transform","translate","scale","rotate","perspective","filter"],Ot=["paint","layout","strict","content"];function Rt(e){const t=Dt(),l=Vt(e)?zt(e):e;return Pt.some(e=>!!l[e]&&"none"!==l[e])||!!l.containerType&&"normal"!==l.containerType||!t&&!!l.backdropFilter&&"none"!==l.backdropFilter||!t&&!!l.filter&&"none"!==l.filter||Tt.some(e=>(l.willChange||"").includes(e))||Ot.some(e=>(l.contain||"").includes(e))}function Dt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Nt=new Set(["html","body","#document"]);function It(e){return Nt.has(Mt(e))}function zt(e){return yt(e).getComputedStyle(e)}function Ut(e){return Vt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Wt(e){if("html"===Mt(e))return e;const t=e.assignedSlot||e.parentNode||Bt(e)&&e.host||bt(e);return Bt(t)?t.host:t}function Ft(e){const t=Wt(e);return It(t)?e.ownerDocument?e.ownerDocument.body:e.body:Ht(t)&&$t(t)?t:Ft(t)}function qt(e,t,l){var i;void 0===t&&(t=[]),void 0===l&&(l=!0);const a=Ft(e),o=a===(null==(i=e.ownerDocument)?void 0:i.body),n=yt(a);if(o){const e=jt(n);return t.concat(n,n.visualViewport||[],$t(a)?a:[],e&&l?qt(e):[])}return t.concat(a,qt(a,[],l))}function jt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Kt(e){const t=zt(e);let l=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const a=Ht(e),o=a?e.offsetWidth:l,n=a?e.offsetHeight:i,c=Ke(l)!==o||Ke(i)!==n;return c&&(l=o,i=n),{width:l,height:i,$:c}}function Jt(e){return Vt(e)?e:e.contextElement}function Yt(e){const t=Jt(e);if(!Ht(t))return Ye(1);const l=t.getBoundingClientRect(),{width:i,height:a,$:o}=Kt(t);let n=(o?Ke(l.width):l.width)/i,c=(o?Ke(l.height):l.height)/a;return n&&Number.isFinite(n)||(n=1),c&&Number.isFinite(c)||(c=1),{x:n,y:c}}const Xt=Ye(0);function Gt(e){const t=yt(e);return Dt()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Xt}function Qt(e,t,l,i){void 0===t&&(t=!1),void 0===l&&(l=!1);const a=e.getBoundingClientRect(),o=Jt(e);let n=Ye(1);t&&(i?Vt(i)&&(n=Yt(i)):n=Yt(e));const c=function(e,t,l){return void 0===t&&(t=!1),!(!l||t&&l!==yt(e))&&t}(o,l,i)?Gt(o):Ye(0);let r=(a.left+c.x)/n.x,s=(a.top+c.y)/n.y,h=a.width/n.x,d=a.height/n.y;if(o){const e=yt(o),t=i&&Vt(i)?yt(i):i;let l=e,a=jt(l);for(;a&&i&&t!==l;){const e=Yt(a),t=a.getBoundingClientRect(),i=zt(a),o=t.left+(a.clientLeft+parseFloat(i.paddingLeft))*e.x,n=t.top+(a.clientTop+parseFloat(i.paddingTop))*e.y;r*=e.x,s*=e.y,h*=e.x,d*=e.y,r+=o,s+=n,l=yt(a),a=jt(l)}}return ft({width:h,height:d,x:r,y:s})}function el(e,t){const l=Ut(e).scrollLeft;return t?t.left+l:Qt(bt(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 il(e,t,l){let i;if("viewport"===t)i=function(e,t){const l=yt(e),i=bt(e),a=l.visualViewport;let o=i.clientWidth,n=i.clientHeight,c=0,r=0;if(a){o=a.width,n=a.height;const e=Dt();(!e||e&&"fixed"===t)&&(c=a.offsetLeft,r=a.offsetTop)}const s=el(i);if(s<=0){const e=i.ownerDocument,t=e.body,l=getComputedStyle(t),a="CSS1Compat"===e.compatMode&&parseFloat(l.marginLeft)+parseFloat(l.marginRight)||0,n=Math.abs(i.clientWidth-t.clientWidth-a);n<=25&&(o-=n)}else s<=25&&(o+=s);return{width:o,height:n,x:c,y:r}}(e,l);else if("document"===t)i=function(e){const t=bt(e),l=Ut(e),i=e.ownerDocument.body,a=je(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),o=je(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let n=-l.scrollLeft+el(e);const c=-l.scrollTop;return"rtl"===zt(i).direction&&(n+=je(t.clientWidth,i.clientWidth)-a),{width:a,height:o,x:n,y:c}}(bt(e));else if(Vt(t))i=function(e,t){const l=Qt(e,!0,"fixed"===t),i=l.top+e.clientTop,a=l.left+e.clientLeft,o=Ht(e)?Yt(e):Ye(1);return{width:e.clientWidth*o.x,height:e.clientHeight*o.y,x:a*o.x,y:i*o.y}}(t,l);else{const l=Gt(e);i={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return ft(i)}function al(e,t){const l=Wt(e);return!(l===t||!Vt(l)||It(l))&&("fixed"===zt(l).position||al(l,t))}function ol(e,t,l){const i=Ht(t),a=bt(t),o="fixed"===l,n=Qt(e,!0,o,t);let c={scrollLeft:0,scrollTop:0};const r=Ye(0);function s(){r.x=el(a)}if(i||!i&&!o)if(("body"!==Mt(t)||$t(a))&&(c=Ut(t)),i){const e=Qt(t,!0,o,t);r.x=e.x+t.clientLeft,r.y=e.y+t.clientTop}else a&&s();o&&!i&&a&&s();const h=!a||i||o?Ye(0):tl(a,c);return{x:n.left+c.scrollLeft-r.x-h.x,y:n.top+c.scrollTop-r.y-h.y,width:n.width,height:n.height}}function nl(e){return"static"===zt(e).position}function cl(e,t){if(!Ht(e)||"fixed"===zt(e).position)return null;if(t)return t(e);let l=e.offsetParent;return bt(e)===l&&(l=l.ownerDocument.body),l}function rl(e,t){const l=yt(e);if(Et(e))return l;if(!Ht(e)){let t=Wt(e);for(;t&&!It(t);){if(Vt(t)&&!nl(t))return t;t=Wt(t)}return l}let i=cl(e,t);for(;i&&St(i)&&nl(i);)i=cl(i,t);return i&&It(i)&&nl(i)&&!Rt(i)?l:i||function(e){let t=Wt(e);for(;Ht(t)&&!It(t);){if(Rt(t))return t;if(Et(t))return null;t=Wt(t)}return null}(e)||l}const sl={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:l,offsetParent:i,strategy:a}=e;const o="fixed"===a,n=bt(i),c=!!t&&Et(t.floating);if(i===n||c&&o)return l;let r={scrollLeft:0,scrollTop:0},s=Ye(1);const h=Ye(0),d=Ht(i);if((d||!d&&!o)&&(("body"!==Mt(i)||$t(n))&&(r=Ut(i)),Ht(i))){const e=Qt(i);s=Yt(i),h.x=e.x+i.clientLeft,h.y=e.y+i.clientTop}const v=!n||d||o?Ye(0):tl(n,r);return{width:l.width*s.x,height:l.height*s.y,x:l.x*s.x-r.scrollLeft*s.x+h.x+v.x,y:l.y*s.y-r.scrollTop*s.y+h.y+v.y}},getDocumentElement:bt,getClippingRect:function(e){let{element:t,boundary:l,rootBoundary:i,strategy:a}=e;const o=[..."clippingAncestors"===l?Et(t)?[]:function(e,t){const l=t.get(e);if(l)return l;let i=qt(e,[],!1).filter(e=>Vt(e)&&"body"!==Mt(e)),a=null;const o="fixed"===zt(e).position;let n=o?Wt(e):e;for(;Vt(n)&&!It(n);){const t=zt(n),l=Rt(n);l||"fixed"!==t.position||(a=null),(o?!l&&!a:!l&&"static"===t.position&&a&&ll.has(a.position)||$t(n)&&!l&&al(e,n))?i=i.filter(e=>e!==n):a=t,n=Wt(n)}return t.set(e,i),i}(t,this._c):[].concat(l),i],n=o[0],c=o.reduce((e,l)=>{const i=il(t,l,a);return e.top=je(i.top,e.top),e.right=qe(i.right,e.right),e.bottom=qe(i.bottom,e.bottom),e.left=je(i.left,e.left),e},il(t,n,a));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},getOffsetParent:rl,getElementRects:async function(e){const t=this.getOffsetParent||rl,l=this.getDimensions,i=await l(e.floating);return{reference:ol(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:l}=Kt(e);return{width:t,height:l}},getScale:Yt,isElement:Vt,isRTL:function(e){return"rtl"===zt(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,i){void 0===i&&(i={});const{ancestorScroll:a=!0,ancestorResize:o=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:c="function"==typeof IntersectionObserver,animationFrame:r=!1}=i,s=Jt(e),h=a||o?[...s?qt(s):[],...qt(t)]:[];h.forEach(e=>{a&&e.addEventListener("scroll",l,{passive:!0}),o&&e.addEventListener("resize",l)});const d=s&&c?function(e,t){let l,i=null;const a=bt(e);function o(){var e;clearTimeout(l),null==(e=i)||e.disconnect(),i=null}return function n(c,r){void 0===c&&(c=!1),void 0===r&&(r=1),o();const s=e.getBoundingClientRect(),{left:h,top:d,width:v,height:u}=s;if(c||t(),!v||!u)return;const p={rootMargin:-Je(d)+"px "+-Je(a.clientWidth-(h+v))+"px "+-Je(a.clientHeight-(d+u))+"px "+-Je(h)+"px",threshold:je(0,qe(1,r))||1};let g=!0;function w(t){const i=t[0].intersectionRatio;if(i!==r){if(!g)return n();i?n(!1,i):l=setTimeout(()=>{n(!1,1e-7)},1e3)}1!==i||hl(s,e.getBoundingClientRect())||n(),g=!1}try{i=new IntersectionObserver(w,{...p,root:a.ownerDocument})}catch(e){i=new IntersectionObserver(w,p)}i.observe(e)}(!0),o}(s,l):null;let v,u=-1,p=null;n&&(p=new ResizeObserver(e=>{let[i]=e;i&&i.target===s&&p&&(p.unobserve(t),cancelAnimationFrame(u),u=requestAnimationFrame(()=>{var e;null==(e=p)||e.observe(t)})),l()}),s&&!r&&p.observe(s),p.observe(t));let g=r?Qt(e):null;return r&&function t(){const i=Qt(e);g&&!hl(g,i)&&l();g=i,v=requestAnimationFrame(t)}(),l(),()=>{var e;h.forEach(e=>{a&&e.removeEventListener("scroll",l),o&&e.removeEventListener("resize",l)}),null==d||d(),null==(e=p)||e.disconnect(),p=null,r&&cancelAnimationFrame(v)}}const vl=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var l,i;const{x:a,y:o,placement:n,middlewareData:c}=t,r=await async function(e,t){const{placement:l,platform:i,elements:a}=e,o=await(null==i.isRTL?void 0:i.isRTL(a.floating)),n=tt(l),c=lt(l),r="y"===nt(l),s=xt.has(n)?-1:1,h=o&&r?-1:1,d=et(t,e);let{mainAxis:v,crossAxis:u,alignmentAxis:p}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return c&&"number"==typeof p&&(u="end"===c?-1*p:p),r?{x:u*h,y:v*s}:{x:v*s,y:u*h}}(t,e);return n===(null==(l=c.offset)?void 0:l.placement)&&null!=(i=c.arrow)&&i.alignmentOffset?{}:{x:a+r.x,y:o+r.y,data:{...r,placement:n}}}}},ul=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:l,y:i,placement:a}=t,{mainAxis:o=!0,crossAxis:n=!1,limiter:c={fn:e=>{let{x:t,y:l}=e;return{x:t,y:l}}},...r}=et(e,t),s={x:l,y:i},h=await Zt(t,r),d=nt(tt(a)),v=it(d);let u=s[v],p=s[d];if(o){const e="y"===v?"bottom":"right";u=Qe(u+h["y"===v?"top":"left"],u,u-h[e])}if(n){const e="y"===d?"bottom":"right";p=Qe(p+h["y"===d?"top":"left"],p,p-h[e])}const g=c.fn({...t,[v]:u,[d]:p});return{...g,data:{x:g.x-l,y:g.y-i,enabled:{[v]:o,[d]:n}}}}}},pl=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var l,i;const{placement:a,middlewareData:o,rects:n,initialPlacement:c,platform:r,elements:s}=t,{mainAxis:h=!0,crossAxis:d=!0,fallbackPlacements:v,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:g=!0,...w}=et(e,t);if(null!=(l=o.arrow)&&l.alignmentOffset)return{};const f=tt(a),m=nt(c),Z=tt(c)===c,x=await(null==r.isRTL?void 0:r.isRTL(s.floating)),C=v||(Z||!g?[gt(c)]:function(e){const t=gt(e);return[st(e),t,st(t)]}(c)),M="none"!==p;!v&&M&&C.push(...pt(c,g,p,x));const y=[c,...C],b=await Zt(t,w),_=[];let V=(null==(i=o.flip)?void 0:i.overflows)||[];if(h&&_.push(b[f]),d){const e=rt(a,n,x);_.push(b[e[0]],b[e[1]])}if(V=[...V,{placement:a,overflows:_}],!_.every(e=>e<=0)){var H,B;const e=((null==(H=o.flip)?void 0:H.index)||0)+1,t=y[e];if(t){if(!("alignment"===d&&m!==nt(t))||V.every(e=>nt(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:V},reset:{placement:t}}}let l=null==(B=V.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:B.placement;if(!l)switch(u){case"bestFit":{var A;const e=null==(A=V.filter(e=>{if(M){const t=nt(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:A[0];e&&(l=e);break}case"initialPlacement":l=c}if(a!==l)return{reset:{placement:l}}}return{}}}},gl=(e,t,l)=>{const i=new Map,a={platform:sl,...l},o={...a.platform,_c:i};return(async(e,t,l)=>{const{placement:i="bottom",strategy:a="absolute",middleware:o=[],platform:n}=l,c=o.filter(Boolean),r=await(null==n.isRTL?void 0:n.isRTL(t));let s=await n.getElementRects({reference:e,floating:t,strategy:a}),{x:h,y:d}=mt(s,i,r),v=i,u={},p=0;for(let l=0;l<c.length;l++){const{name:o,fn:g}=c[l],{x:w,y:f,data:m,reset:Z}=await g({x:h,y:d,initialPlacement:i,placement:v,strategy:a,middlewareData:u,rects:s,platform:n,elements:{reference:e,floating:t}});h=null!=w?w:h,d=null!=f?f:d,u={...u,[o]:{...u[o],...m}},Z&&p<=50&&(p++,"object"==typeof Z&&(Z.placement&&(v=Z.placement),Z.rects&&(s=!0===Z.rects?await n.getElementRects({reference:e,floating:t,strategy:a}):Z.rects),({x:h,y:d}=mt(s,v,r))),l=-1)}return{x:h,y:d,placement:v,strategy:a,middlewareData:u}})(e,t,{...a,platform:o})};var wl=n`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-16);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-24);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}}::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 fl extends xe{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(i){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}))}))}}fl.styles=[wl],fl.dependencies={},e([Ve({type:Boolean,reflect:!0})],fl.prototype,"ssr",void 0);class ml extends fl{constructor(){super(...arguments),this.myDropdown=ze(),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=ze(),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(){this.disabled||this.menuIsOpen||(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this.emit("sgds-after-show"),this._startAutoUpdate())}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=dl(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}hideMenu(e){this.menuIsOpen&&(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuIsOpen=!1,setTimeout(()=>this.emit("sgds-after-hide"),0),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)},i=t.map(l),a=e.map(e=>{const a=l(e),o=i.indexOf(a);return-1!==o?t[o]:e}).concat(t.filter(t=>!e.some(e=>l(e)===l(t))));return a}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=[vl(8),this.noFlip?void 0:pl(),ul()].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 i=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:l}),{x:a,y:o,strategy:n,placement:c}=await gl(this.myDropdown.value,this.menuRef.value,i);this.menuRef.value.setAttribute("data-placement",c),Object.assign(this.menuRef.value.style,{position:n,left:`${a}px`,top:`${o}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);class Zl 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.indexOf(e.target);this.nextDropdownItemNo=l+1,this.prevDropdownItemNo=l<=0?t.length-1:l-1;const i=e.target;i.disabled||(this.emit("sgds-select",{detail:{item:i}}),"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.includes(e.target)&&this.handleSelectSlot(e)}}_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,i=t[l];this.emit("i-sgds-option-focus",{detail:{option:i}}),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===i?"0":"-1"),e===i&&t.focus()})}}var xl,Cl;Zl.styles=ml.styles,e([(xl="ul.dropdown-menu",(e,t,l)=>{const i=e=>{const l=e.renderRoot?.querySelector(xl)??null;if(null===l&&Cl&&!e.hasUpdated){const e="object"==typeof t?t.name:t;Ae("",`@query'd field ${JSON.stringify(String(e))} with the 'cache' flag set for selector '${xl}' 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(Cl){const{get:a,set:o}="object"==typeof t?e:l??(()=>{const e=Symbol(`${String(t)} (@query() cache)`);return{get(){return this[e]},set(t){this[e]=t}}})();return Be(e,t,{get(){let e=a.call(this);return void 0===e&&(e=i(this),(null!==e||this.hasUpdated)&&o.call(this,e)),e}})}return Be(e,t,{get(){return i(this)}})})],Zl.prototype,"menu",void 0),e([He()],Zl.prototype,"nextDropdownItemNo",void 0),e([He()],Zl.prototype,"prevDropdownItemNo",void 0),e([Ve({type:Boolean,reflect:!0})],Zl.prototype,"hidden",void 0);var Ml=n`: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:1050}.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%}`,yl=n`.dropdown{display:flex;height:inherit;position:relative}`;class bl extends Zl{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.menuRef=Fe()}async _handleClick(){this.disabled||this.toggleMenu()}_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()}_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">
         <div
           class="toggler-container"