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

package/components/Modal/modal.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 
-var css_248z = css`:host(:not([size=fullscreen])) .modal-panel{background-color:var(--sgds-surface-default);max-width:var(--sgds-dimension-640);padding:var(--sgds-padding-xl)}:host([size=sm]) .modal-panel{max-width:var(--sgds-dimension-480)}:host([size=md]) .modal-panel{max-width:var(--sgds-dimension-640)}:host([size=lg]) .modal-panel{max-width:var(--sgds-dimension-800)}:host([size=xl]) .modal-panel{max-width:var(--sgds-dimension-1280)}:host([size=fullscreen]) .modal-overlay{background-color:var(--sgds-surface-default)}.modal{align-items:start;bottom:0;display:flex;font-family:var(--sgds-body-font-family);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--sgds-z-index-modal)}.modal-panel{border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;gap:var(--sgds-gap-2-xl);margin:auto;max-height:calc(100% - var(--sgds-margin-xl) - var(--sgds-margin-xl));width:100%;z-index:2}.modal-panel:focus{outline:none}.modal-content{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sgds-gap-2-xl);min-height:0;position:relative}.modal-header__close{position:absolute;right:calc(var(--sgds-padding-md)*-1);top:calc(var(--sgds-padding-md)*-1)}@media screen and (min-width:512px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-xl)}}@media screen and (min-width:768px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-2-xl);max-height:calc(100% - var(--sgds-margin-2-xl) - var(--sgds-margin-2-xl))}}@media screen and (min-width:1024px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-4-xl) var(--sgds-margin-lg);max-height:calc(100% - var(--sgds-margin-4-xl) - var(--sgds-margin-4-xl));max-width:var(--sgds-dimension-888)}}@media screen and (min-width:1280px){:host([size=fullscreen]) .modal-panel{max-width:var(--sgds-dimension-1168)}}@media screen and (min-width:1440px){:host([size=fullscreen]) .modal-panel{max-width:var(--sgds-dimension-1312)}}.modal.show .modal-panel{opacity:1;transform:none}.modal-header{display:flex;flex:0 0 auto;flex-direction:row;justify-content:space-between;max-width:var(--sgds-dimension-872)}.modal-header__title-description{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}:host([size=fullscreen]) .modal-header__title-description{gap:var(--sgds-gap-md)}slot[name=title]::slotted(*){align-items:center;display:flex;flex:1 1 auto;font-size:var(--sgds-font-size-24)!important;gap:1rem;line-height:var(--sgds-line-height-40)!important;margin:var(--sgds-margin-none)!important}slot[name=description]::slotted(*){color:var(--sgds-color-subtle);line-height:var(--sgds-line-height-24);margin:var(--sgds-margin-none)!important}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow:auto}.modal-body slot::slotted(*){--sgds-paragraph-spacing-xl:var(--sgds-margin-none)}.modal-footer{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:var(--sgds-gap-md);justify-content:flex-end;padding-top:var(--sgds-padding-md)}.modal:not(.has-footer) .modal-footer{display:none}.modal-overlay{background-color:var(--sgds-bg-overlay);bottom:0;left:0;position:fixed;right:0;top:0}[hidden]{display:none}`;
+var css_248z = css`:host(:not([size=fullscreen])) .modal-panel{background-color:var(--sgds-surface-default);max-width:var(--sgds-dimension-640);padding:var(--sgds-padding-xl)}:host([size=sm]) .modal-panel{max-width:var(--sgds-dimension-480)}:host([size=md]) .modal-panel{max-width:var(--sgds-dimension-640)}:host([size=lg]) .modal-panel{max-width:var(--sgds-dimension-800)}:host([size=xl]) .modal-panel{max-width:var(--sgds-dimension-1280)}:host([size=fullscreen]) .modal-overlay{background-color:var(--sgds-surface-default)}.modal{align-items:start;bottom:0;display:flex;font-family:var(--sgds-body-font-family);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:105500}.modal-panel{border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;gap:var(--sgds-gap-2-xl);margin:auto;max-height:calc(100% - var(--sgds-margin-xl) - var(--sgds-margin-xl));width:100%;z-index:2}.modal-panel:focus{outline:none}.modal-content{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sgds-gap-2-xl);min-height:0;position:relative}.modal-header__close{position:absolute;right:calc(var(--sgds-padding-md)*-1);top:calc(var(--sgds-padding-md)*-1)}@media screen and (min-width:512px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-xl)}}@media screen and (min-width:768px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-2-xl);max-height:calc(100% - var(--sgds-margin-2-xl) - var(--sgds-margin-2-xl))}}@media screen and (min-width:1024px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-4-xl) var(--sgds-margin-lg);max-height:calc(100% - var(--sgds-margin-4-xl) - var(--sgds-margin-4-xl));max-width:var(--sgds-dimension-888)}}@media screen and (min-width:1280px){:host([size=fullscreen]) .modal-panel{max-width:var(--sgds-dimension-1168)}}@media screen and (min-width:1440px){:host([size=fullscreen]) .modal-panel{max-width:var(--sgds-dimension-1312)}}.modal.show .modal-panel{opacity:1;transform:none}.modal-header{display:flex;flex:0 0 auto;flex-direction:row;justify-content:space-between;max-width:var(--sgds-dimension-872)}.modal-header__title-description{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}:host([size=fullscreen]) .modal-header__title-description{gap:var(--sgds-gap-md)}slot[name=title]::slotted(*){align-items:center;display:flex;flex:1 1 auto;font-size:var(--sgds-font-size-24)!important;gap:1rem;line-height:var(--sgds-line-height-40)!important;margin:var(--sgds-margin-none)!important}slot[name=description]::slotted(*){color:var(--sgds-color-subtle);line-height:var(--sgds-line-height-24);margin:var(--sgds-margin-none)!important}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow:auto}.modal-body slot::slotted(*){--sgds-paragraph-spacing-xl:var(--sgds-margin-none)}.modal-footer{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:var(--sgds-gap-md);justify-content:flex-end;padding-top:var(--sgds-padding-md)}.modal:not(.has-footer) .modal-footer{display:none}.modal-overlay{background-color:var(--sgds-bg-overlay);bottom:0;left:0;position:fixed;right:0;top:0}[hidden]{display:none}`;
 
 export { css_248z as default };
 //# sourceMappingURL=modal.js.map

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

@@ -10,7 +10,7 @@ const t=globalThis,l=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const _=globalThis,V=e=>{_.emitLitDebugLogEvents&&_.dispatchEvent(new CustomEvent("lit-debug",{detail:e}))};let H,B=0;_.litIssuedWarnings??=new Set,H=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",_.litIssuedWarnings.has(t)||_.litIssuedWarnings.has(e)||(console.warn(t),_.litIssuedWarnings.add(t))},queueMicrotask(()=>{H("dev-mode","Lit is in dev mode. Not recommended for production!")});const A=_.ShadyDOM?.inUse&&!0===_.ShadyDOM?.noPatch?_.ShadyDOM.wrap:e=>e,$=_.trustedTypes,L=$?$.createPolicy("lit-html",{createHTML:e=>e}):void 0,S=e=>e,k=(e,t,l)=>S,E=e=>{if(oe!==k)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");oe=e},P=()=>{oe=k},T=(e,t,l)=>oe(e,t,l),O="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,D="?"+R,z=`<${D}>`,N=document,I=()=>N.createComment(""),U=e=>null===e||"object"!=typeof e&&"function"!=typeof e,W=Array.isArray,F="[ \t\n\f\r]",q=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,j=/-->/g,K=/>/g,J=new RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Y=/'/g,X=/"/g,G=/^(?:script|style|textarea|title)$/i,Q=(ee=1,(e,...t)=>(e.some(e=>void 0===e)&&console.warn("Some template strings are undefined.\nThis is probably caused by illegal octal escape sequences."),t.some(e=>e?._$litStatic$)&&H("","Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\nPlease use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions"),{_$litType$:ee,strings:e,values:t}));var ee;const te=Symbol.for("lit-noChange"),le=Symbol.for("lit-nothing"),ie=new WeakMap,ae=N.createTreeWalker(N,129);let oe=k;function ne(e,t){if(!W(e)||!e.hasOwnProperty("raw")){let e="invalid template strings array";throw e="\n          Internal Error: expected template strings to be an array\n          with a 'raw' field. Faking a template strings array by\n          calling html or svg like an ordinary function is effectively\n          the same as calling unsafeHtml and can lead to major security\n          issues, e.g. opening your code up to XSS attacks.\n          If you're using the html or svg tagged template functions normally\n          and still seeing this error, please file a bug at\n          https://github.com/lit/lit/issues/new?template=bug_report.md\n          and include information about your build tooling, if any.\n        ".trim().replace(/\n */g,"\n"),new Error(e)}return void 0!==L?L.createHTML(t):t}class ce{constructor({strings:e,_$litType$:t},l){let i;this.parts=[];let a=0,o=0;const n=e.length-1,c=this.parts,[r,s]=((e,t)=>{const l=e.length-1,i=[];let a,o=2===t?"<svg>":3===t?"<math>":"",n=q;for(let t=0;t<l;t++){const l=e[t];let c,r,s=-1,h=0;for(;h<l.length&&(n.lastIndex=h,r=n.exec(l),null!==r);)if(h=n.lastIndex,n===q){if("!--"===r[1])n=j;else if(void 0!==r[1])n=K;else if(void 0!==r[2])G.test(r[2])&&(a=new RegExp(`</${r[2]}`,"g")),n=J;else if(void 0!==r[3])throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions")}else n===J?">"===r[0]?(n=a??q,s=-1):void 0===r[1]?s=-2:(s=n.lastIndex-r[2].length,c=r[1],n=void 0===r[3]?J:'"'===r[3]?X:Y):n===X||n===Y?n=J:n===j||n===K?n=q:(n=J,a=void 0);console.assert(-1===s||n===J||n===Y||n===X,"unexpected parse state B");const d=n===J&&e[t+1].startsWith("/>")?" ":"";o+=n===q?l+z:s>=0?(i.push(c),l.slice(0,s)+O+l.slice(s)+R+d):l+R+(-2===s?t:d)}return[ne(e,o+(e[l]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]})(e,t);if(this.el=ce.createElement(r,l),ae.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ae.nextNode())&&c.length<n;){if(1===i.nodeType){{const e=i.localName;if(/^(?:textarea|template)$/i.test(e)&&i.innerHTML.includes(R)){const t=`Expressions are not supported inside \`${e}\` elements. See https://lit.dev/msg/expression-in-${e} for more information.`;if("template"===e)throw new Error(t);H("",t)}}if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(O)){const t=s[o++],l=i.getAttribute(e).split(R),n=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:n[2],strings:l,ctor:"."===n[1]?ve:"?"===n[1]?ue:"@"===n[1]?pe:de}),i.removeAttribute(e)}else e.startsWith(R)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(G.test(i.tagName)){const e=i.textContent.split(R),t=e.length-1;if(t>0){i.textContent=$?$.emptyScript:"";for(let l=0;l<t;l++)i.append(e[l],I()),ae.nextNode(),c.push({type:2,index:++a});i.append(e[t],I())}}}else if(8===i.nodeType){if(i.data===D)c.push({type:2,index:a});else{let e=-1;for(;-1!==(e=i.data.indexOf(R,e+1));)c.push({type:7,index:a}),e+=R.length-1}}a++}if(s.length!==o)throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`'+e.join("${...}")+"`");V&&V({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:e})}static createElement(e,t){const l=N.createElement("template");return l.innerHTML=e,l}}function re(e,t,l=e,i){if(t===te)return t;let a=void 0!==i?l.__directives?.[i]:l.__directive;const o=U(t)?void 0:t._$litDirective$;return a?.constructor!==o&&(a?._$notifyDirectiveConnectionChanged?.(!1),void 0===o?a=void 0:(a=new o(e),a._$initialize(e,l,i)),void 0!==i?(l.__directives??=[])[i]=a:l.__directive=a),void 0!==a&&(t=re(e,a._$resolve(e,t.values),a,i)),t}class se{constructor(e,t){this._$parts=[],this._$disconnectableChildren=void 0,this._$template=e,this._$parent=t}get parentNode(){return this._$parent.parentNode}get _$isConnected(){return this._$parent._$isConnected}_clone(e){const{el:{content:t},parts:l}=this._$template,i=(e?.creationScope??N).importNode(t,!0);ae.currentNode=i;let a=ae.nextNode(),o=0,n=0,c=l[0];for(;void 0!==c;){if(o===c.index){let t;2===c.type?t=new he(a,a.nextSibling,this,e):1===c.type?t=new c.ctor(a,c.name,c.strings,this,e):6===c.type&&(t=new ge(a,this,e)),this._$parts.push(t),c=l[++n]}o!==c?.index&&(a=ae.nextNode(),o++)}return ae.currentNode=N,i}_update(e){let t=0;for(const l of this._$parts)void 0!==l&&(V&&V({kind:"set part",part:l,value:e[t],valueIndex:t,values:e,templateInstance:this}),void 0!==l.strings?(l._$setValue(e,l,t),t+=l.strings.length-2):l._$setValue(e[t])),t++}}class he{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(e,t,l,i){this.type=2,this._$committedValue=le,this._$disconnectableChildren=void 0,this._$startNode=e,this._$endNode=t,this._$parent=l,this.options=i,this.__isConnected=i?.isConnected??!0,this._textSanitizer=void 0}get parentNode(){let e=A(this._$startNode).parentNode;const t=this._$parent;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$startNode}get endNode(){return this._$endNode}_$setValue(e,t=this){if(null===this.parentNode)throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");if(e=re(this,e,t),U(e))e===le||null==e||""===e?(this._$committedValue!==le&&(V&&V({kind:"commit nothing to child",start:this._$startNode,end:this._$endNode,parent:this._$parent,options:this.options}),this._$clear()),this._$committedValue=le):e!==this._$committedValue&&e!==te&&this._commitText(e);else if(void 0!==e._$litType$)this._commitTemplateResult(e);else if(void 0!==e.nodeType){if(this.options?.host===e)return this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"),void console.warn("Attempted to render the template host",e,"inside itself. This is almost always a mistake, and in dev mode ","we render some warning text. In production however, we'll ","render it, which will usually result in an error, and sometimes ","in the element disappearing from the DOM.");this._commitNode(e)}else(e=>W(e)||"function"==typeof e?.[Symbol.iterator])(e)?this._commitIterable(e):this._commitText(e)}_insert(e){return A(A(this._$startNode).parentNode).insertBefore(e,this._$endNode)}_commitNode(e){if(this._$committedValue!==e){if(this._$clear(),oe!==k){const e=this._$startNode.parentNode?.nodeName;if("STYLE"===e||"SCRIPT"===e){let t="Forbidden";throw t="STYLE"===e?"Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets.":"Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.",new Error(t)}}V&&V({kind:"commit node",start:this._$startNode,parent:this._$parent,value:e,options:this.options}),this._$committedValue=this._insert(e)}}_commitText(e){if(this._$committedValue!==le&&U(this._$committedValue)){const t=A(this._$startNode).nextSibling;void 0===this._textSanitizer&&(this._textSanitizer=T(t,"data","property")),e=this._textSanitizer(e),V&&V({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}else{const t=N.createTextNode("");this._commitNode(t),void 0===this._textSanitizer&&(this._textSanitizer=T(t,"data","property")),e=this._textSanitizer(e),V&&V({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}this._$committedValue=e}_commitTemplateResult(e){const{values:t,_$litType$:l}=e,i="number"==typeof l?this._$getTemplate(e):(void 0===l.el&&(l.el=ce.createElement(ne(l.h,l.h[0]),this.options)),l);if(this._$committedValue?._$template===i)V&&V({kind:"template updating",template:i,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:t}),this._$committedValue._update(t);else{const e=new se(i,this),l=e._clone(this.options);V&&V({kind:"template instantiated",template:i,instance:e,parts:e._$parts,options:this.options,fragment:l,values:t}),e._update(t),V&&V({kind:"template instantiated and updated",template:i,instance:e,parts:e._$parts,options:this.options,fragment:l,values:t}),this._commitNode(l),this._$committedValue=e}}_$getTemplate(e){let t=ie.get(e.strings);return void 0===t&&ie.set(e.strings,t=new ce(e)),t}_commitIterable(e){W(this._$committedValue)||(this._$committedValue=[],this._$clear());const t=this._$committedValue;let l,i=0;for(const a of e)i===t.length?t.push(l=new he(this._insert(I()),this._insert(I()),this,this.options)):l=t[i],l._$setValue(a),i++;i<t.length&&(this._$clear(l&&A(l._$endNode).nextSibling,i),t.length=i)}_$clear(e=A(this._$startNode).nextSibling,t){for(this._$notifyConnectionChanged?.(!1,!0,t);e!==this._$endNode;){const t=A(e).nextSibling;A(e).remove(),e=t}}setConnected(e){if(void 0!==this._$parent)throw new Error("part.setConnected() may only be called on a RootPart returned from render().");this.__isConnected=e,this._$notifyConnectionChanged?.(e)}}class de{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(e,t,l,i,a){this.type=1,this._$committedValue=le,this._$disconnectableChildren=void 0,this.element=e,this.name=t,this._$parent=i,this.options=a,l.length>2||""!==l[0]||""!==l[1]?(this._$committedValue=new Array(l.length-1).fill(new String),this.strings=l):this._$committedValue=le,this._sanitizer=void 0}_$setValue(e,t=this,l,i){const a=this.strings;let o=!1;if(void 0===a)e=re(this,e,t,0),o=!U(e)||e!==this._$committedValue&&e!==te,o&&(this._$committedValue=e);else{const i=e;let n,c;for(e=a[0],n=0;n<a.length-1;n++)c=re(this,i[l+n],t,n),c===te&&(c=this._$committedValue[n]),o||=!U(c)||c!==this._$committedValue[n],c===le?e=le:e!==le&&(e+=(c??"")+a[n+1]),this._$committedValue[n]=c}o&&!i&&this._commitValue(e)}_commitValue(e){e===le?A(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=oe(this.element,this.name,"attribute")),e=this._sanitizer(e??""),V&&V({kind:"commit attribute",element:this.element,name:this.name,value:e,options:this.options}),A(this.element).setAttribute(this.name,e??""))}}class ve extends de{constructor(){super(...arguments),this.type=3}_commitValue(e){void 0===this._sanitizer&&(this._sanitizer=oe(this.element,this.name,"property")),e=this._sanitizer(e),V&&V({kind:"commit property",element:this.element,name:this.name,value:e,options:this.options}),this.element[this.name]=e===le?void 0:e}}class ue extends de{constructor(){super(...arguments),this.type=4}_commitValue(e){V&&V({kind:"commit boolean attribute",element:this.element,name:this.name,value:!(!e||e===le),options:this.options}),A(this.element).toggleAttribute(this.name,!!e&&e!==le)}}class pe extends de{constructor(e,t,l,i,a){if(super(e,t,l,i,a),this.type=5,void 0!==this.strings)throw new Error(`A \`<${e.localName}>\` has a \`@${t}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`)}_$setValue(e,t=this){if((e=re(this,e,t,0)??le)===te)return;const l=this._$committedValue,i=e===le&&l!==le||e.capture!==l.capture||e.once!==l.once||e.passive!==l.passive,a=e!==le&&(l===le||i);V&&V({kind:"commit event listener",element:this.element,name:this.name,value:e,options:this.options,removeListener:i,addListener:a,oldListener:l}),i&&this.element.removeEventListener(this.name,this,l),a&&this.element.addEventListener(this.name,this,e),this._$committedValue=e}handleEvent(e){"function"==typeof this._$committedValue?this._$committedValue.call(this.options?.host??this.element,e):this._$committedValue.handleEvent(e)}}class ge{constructor(e,t,l){this.element=e,this.type=6,this._$disconnectableChildren=void 0,this._$parent=t,this.options=l}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e){V&&V({kind:"commit to element binding",element:this.element,value:e,options:this.options}),re(this,e)}}const we=_.litHtmlPolyfillSupportDevMode;we?.(ce,he),(_.litHtmlVersions??=[]).push("3.3.2"),_.litHtmlVersions.length>1&&queueMicrotask(()=>{H("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")});const fe=(e,t,l)=>{if(null==t)throw new TypeError(`The container to render into may not be ${t}`);const i=B++,a=l?.renderBefore??t;let o=a._$litPart$;if(V&&V({kind:"begin render",id:i,value:e,container:t,options:l,part:o}),void 0===o){const e=l?.renderBefore??null;a._$litPart$=o=new he(t.insertBefore(I(),e),e,void 0,l??{})}return o._$setValue(e),V&&V({kind:"end render",id:i,value:e,container:t,options:l,part:o}),o};fe.setSanitizer=E,fe.createSanitizer=T,fe._testOnlyClearSanitizerFactoryDoNotCallOrElse=P;
+const _=globalThis,V=e=>{_.emitLitDebugLogEvents&&_.dispatchEvent(new CustomEvent("lit-debug",{detail:e}))};let H,B=0;_.litIssuedWarnings??=new Set,H=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",_.litIssuedWarnings.has(t)||_.litIssuedWarnings.has(e)||(console.warn(t),_.litIssuedWarnings.add(t))},queueMicrotask(()=>{H("dev-mode","Lit is in dev mode. Not recommended for production!")});const A=_.ShadyDOM?.inUse&&!0===_.ShadyDOM?.noPatch?_.ShadyDOM.wrap:e=>e,$=_.trustedTypes,L=$?$.createPolicy("lit-html",{createHTML:e=>e}):void 0,S=e=>e,k=(e,t,l)=>S,E=e=>{if(oe!==k)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");oe=e},P=()=>{oe=k},T=(e,t,l)=>oe(e,t,l),O="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,D="?"+R,N=`<${D}>`,z=document,I=()=>z.createComment(""),U=e=>null===e||"object"!=typeof e&&"function"!=typeof e,W=Array.isArray,F="[ \t\n\f\r]",q=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,j=/-->/g,K=/>/g,J=new RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Y=/'/g,X=/"/g,G=/^(?:script|style|textarea|title)$/i,Q=(ee=1,(e,...t)=>(e.some(e=>void 0===e)&&console.warn("Some template strings are undefined.\nThis is probably caused by illegal octal escape sequences."),t.some(e=>e?._$litStatic$)&&H("","Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\nPlease use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions"),{_$litType$:ee,strings:e,values:t}));var ee;const te=Symbol.for("lit-noChange"),le=Symbol.for("lit-nothing"),ie=new WeakMap,ae=z.createTreeWalker(z,129);let oe=k;function ne(e,t){if(!W(e)||!e.hasOwnProperty("raw")){let e="invalid template strings array";throw e="\n          Internal Error: expected template strings to be an array\n          with a 'raw' field. Faking a template strings array by\n          calling html or svg like an ordinary function is effectively\n          the same as calling unsafeHtml and can lead to major security\n          issues, e.g. opening your code up to XSS attacks.\n          If you're using the html or svg tagged template functions normally\n          and still seeing this error, please file a bug at\n          https://github.com/lit/lit/issues/new?template=bug_report.md\n          and include information about your build tooling, if any.\n        ".trim().replace(/\n */g,"\n"),new Error(e)}return void 0!==L?L.createHTML(t):t}class ce{constructor({strings:e,_$litType$:t},l){let i;this.parts=[];let a=0,o=0;const n=e.length-1,c=this.parts,[r,s]=((e,t)=>{const l=e.length-1,i=[];let a,o=2===t?"<svg>":3===t?"<math>":"",n=q;for(let t=0;t<l;t++){const l=e[t];let c,r,s=-1,h=0;for(;h<l.length&&(n.lastIndex=h,r=n.exec(l),null!==r);)if(h=n.lastIndex,n===q){if("!--"===r[1])n=j;else if(void 0!==r[1])n=K;else if(void 0!==r[2])G.test(r[2])&&(a=new RegExp(`</${r[2]}`,"g")),n=J;else if(void 0!==r[3])throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions")}else n===J?">"===r[0]?(n=a??q,s=-1):void 0===r[1]?s=-2:(s=n.lastIndex-r[2].length,c=r[1],n=void 0===r[3]?J:'"'===r[3]?X:Y):n===X||n===Y?n=J:n===j||n===K?n=q:(n=J,a=void 0);console.assert(-1===s||n===J||n===Y||n===X,"unexpected parse state B");const d=n===J&&e[t+1].startsWith("/>")?" ":"";o+=n===q?l+N:s>=0?(i.push(c),l.slice(0,s)+O+l.slice(s)+R+d):l+R+(-2===s?t:d)}return[ne(e,o+(e[l]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]})(e,t);if(this.el=ce.createElement(r,l),ae.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ae.nextNode())&&c.length<n;){if(1===i.nodeType){{const e=i.localName;if(/^(?:textarea|template)$/i.test(e)&&i.innerHTML.includes(R)){const t=`Expressions are not supported inside \`${e}\` elements. See https://lit.dev/msg/expression-in-${e} for more information.`;if("template"===e)throw new Error(t);H("",t)}}if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(O)){const t=s[o++],l=i.getAttribute(e).split(R),n=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:n[2],strings:l,ctor:"."===n[1]?ve:"?"===n[1]?ue:"@"===n[1]?pe:de}),i.removeAttribute(e)}else e.startsWith(R)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(G.test(i.tagName)){const e=i.textContent.split(R),t=e.length-1;if(t>0){i.textContent=$?$.emptyScript:"";for(let l=0;l<t;l++)i.append(e[l],I()),ae.nextNode(),c.push({type:2,index:++a});i.append(e[t],I())}}}else if(8===i.nodeType){if(i.data===D)c.push({type:2,index:a});else{let e=-1;for(;-1!==(e=i.data.indexOf(R,e+1));)c.push({type:7,index:a}),e+=R.length-1}}a++}if(s.length!==o)throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`'+e.join("${...}")+"`");V&&V({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:e})}static createElement(e,t){const l=z.createElement("template");return l.innerHTML=e,l}}function re(e,t,l=e,i){if(t===te)return t;let a=void 0!==i?l.__directives?.[i]:l.__directive;const o=U(t)?void 0:t._$litDirective$;return a?.constructor!==o&&(a?._$notifyDirectiveConnectionChanged?.(!1),void 0===o?a=void 0:(a=new o(e),a._$initialize(e,l,i)),void 0!==i?(l.__directives??=[])[i]=a:l.__directive=a),void 0!==a&&(t=re(e,a._$resolve(e,t.values),a,i)),t}class se{constructor(e,t){this._$parts=[],this._$disconnectableChildren=void 0,this._$template=e,this._$parent=t}get parentNode(){return this._$parent.parentNode}get _$isConnected(){return this._$parent._$isConnected}_clone(e){const{el:{content:t},parts:l}=this._$template,i=(e?.creationScope??z).importNode(t,!0);ae.currentNode=i;let a=ae.nextNode(),o=0,n=0,c=l[0];for(;void 0!==c;){if(o===c.index){let t;2===c.type?t=new he(a,a.nextSibling,this,e):1===c.type?t=new c.ctor(a,c.name,c.strings,this,e):6===c.type&&(t=new ge(a,this,e)),this._$parts.push(t),c=l[++n]}o!==c?.index&&(a=ae.nextNode(),o++)}return ae.currentNode=z,i}_update(e){let t=0;for(const l of this._$parts)void 0!==l&&(V&&V({kind:"set part",part:l,value:e[t],valueIndex:t,values:e,templateInstance:this}),void 0!==l.strings?(l._$setValue(e,l,t),t+=l.strings.length-2):l._$setValue(e[t])),t++}}class he{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(e,t,l,i){this.type=2,this._$committedValue=le,this._$disconnectableChildren=void 0,this._$startNode=e,this._$endNode=t,this._$parent=l,this.options=i,this.__isConnected=i?.isConnected??!0,this._textSanitizer=void 0}get parentNode(){let e=A(this._$startNode).parentNode;const t=this._$parent;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$startNode}get endNode(){return this._$endNode}_$setValue(e,t=this){if(null===this.parentNode)throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");if(e=re(this,e,t),U(e))e===le||null==e||""===e?(this._$committedValue!==le&&(V&&V({kind:"commit nothing to child",start:this._$startNode,end:this._$endNode,parent:this._$parent,options:this.options}),this._$clear()),this._$committedValue=le):e!==this._$committedValue&&e!==te&&this._commitText(e);else if(void 0!==e._$litType$)this._commitTemplateResult(e);else if(void 0!==e.nodeType){if(this.options?.host===e)return this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"),void console.warn("Attempted to render the template host",e,"inside itself. This is almost always a mistake, and in dev mode ","we render some warning text. In production however, we'll ","render it, which will usually result in an error, and sometimes ","in the element disappearing from the DOM.");this._commitNode(e)}else(e=>W(e)||"function"==typeof e?.[Symbol.iterator])(e)?this._commitIterable(e):this._commitText(e)}_insert(e){return A(A(this._$startNode).parentNode).insertBefore(e,this._$endNode)}_commitNode(e){if(this._$committedValue!==e){if(this._$clear(),oe!==k){const e=this._$startNode.parentNode?.nodeName;if("STYLE"===e||"SCRIPT"===e){let t="Forbidden";throw t="STYLE"===e?"Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets.":"Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.",new Error(t)}}V&&V({kind:"commit node",start:this._$startNode,parent:this._$parent,value:e,options:this.options}),this._$committedValue=this._insert(e)}}_commitText(e){if(this._$committedValue!==le&&U(this._$committedValue)){const t=A(this._$startNode).nextSibling;void 0===this._textSanitizer&&(this._textSanitizer=T(t,"data","property")),e=this._textSanitizer(e),V&&V({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}else{const t=z.createTextNode("");this._commitNode(t),void 0===this._textSanitizer&&(this._textSanitizer=T(t,"data","property")),e=this._textSanitizer(e),V&&V({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}this._$committedValue=e}_commitTemplateResult(e){const{values:t,_$litType$:l}=e,i="number"==typeof l?this._$getTemplate(e):(void 0===l.el&&(l.el=ce.createElement(ne(l.h,l.h[0]),this.options)),l);if(this._$committedValue?._$template===i)V&&V({kind:"template updating",template:i,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:t}),this._$committedValue._update(t);else{const e=new se(i,this),l=e._clone(this.options);V&&V({kind:"template instantiated",template:i,instance:e,parts:e._$parts,options:this.options,fragment:l,values:t}),e._update(t),V&&V({kind:"template instantiated and updated",template:i,instance:e,parts:e._$parts,options:this.options,fragment:l,values:t}),this._commitNode(l),this._$committedValue=e}}_$getTemplate(e){let t=ie.get(e.strings);return void 0===t&&ie.set(e.strings,t=new ce(e)),t}_commitIterable(e){W(this._$committedValue)||(this._$committedValue=[],this._$clear());const t=this._$committedValue;let l,i=0;for(const a of e)i===t.length?t.push(l=new he(this._insert(I()),this._insert(I()),this,this.options)):l=t[i],l._$setValue(a),i++;i<t.length&&(this._$clear(l&&A(l._$endNode).nextSibling,i),t.length=i)}_$clear(e=A(this._$startNode).nextSibling,t){for(this._$notifyConnectionChanged?.(!1,!0,t);e!==this._$endNode;){const t=A(e).nextSibling;A(e).remove(),e=t}}setConnected(e){if(void 0!==this._$parent)throw new Error("part.setConnected() may only be called on a RootPart returned from render().");this.__isConnected=e,this._$notifyConnectionChanged?.(e)}}class de{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(e,t,l,i,a){this.type=1,this._$committedValue=le,this._$disconnectableChildren=void 0,this.element=e,this.name=t,this._$parent=i,this.options=a,l.length>2||""!==l[0]||""!==l[1]?(this._$committedValue=new Array(l.length-1).fill(new String),this.strings=l):this._$committedValue=le,this._sanitizer=void 0}_$setValue(e,t=this,l,i){const a=this.strings;let o=!1;if(void 0===a)e=re(this,e,t,0),o=!U(e)||e!==this._$committedValue&&e!==te,o&&(this._$committedValue=e);else{const i=e;let n,c;for(e=a[0],n=0;n<a.length-1;n++)c=re(this,i[l+n],t,n),c===te&&(c=this._$committedValue[n]),o||=!U(c)||c!==this._$committedValue[n],c===le?e=le:e!==le&&(e+=(c??"")+a[n+1]),this._$committedValue[n]=c}o&&!i&&this._commitValue(e)}_commitValue(e){e===le?A(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=oe(this.element,this.name,"attribute")),e=this._sanitizer(e??""),V&&V({kind:"commit attribute",element:this.element,name:this.name,value:e,options:this.options}),A(this.element).setAttribute(this.name,e??""))}}class ve extends de{constructor(){super(...arguments),this.type=3}_commitValue(e){void 0===this._sanitizer&&(this._sanitizer=oe(this.element,this.name,"property")),e=this._sanitizer(e),V&&V({kind:"commit property",element:this.element,name:this.name,value:e,options:this.options}),this.element[this.name]=e===le?void 0:e}}class ue extends de{constructor(){super(...arguments),this.type=4}_commitValue(e){V&&V({kind:"commit boolean attribute",element:this.element,name:this.name,value:!(!e||e===le),options:this.options}),A(this.element).toggleAttribute(this.name,!!e&&e!==le)}}class pe extends de{constructor(e,t,l,i,a){if(super(e,t,l,i,a),this.type=5,void 0!==this.strings)throw new Error(`A \`<${e.localName}>\` has a \`@${t}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`)}_$setValue(e,t=this){if((e=re(this,e,t,0)??le)===te)return;const l=this._$committedValue,i=e===le&&l!==le||e.capture!==l.capture||e.once!==l.once||e.passive!==l.passive,a=e!==le&&(l===le||i);V&&V({kind:"commit event listener",element:this.element,name:this.name,value:e,options:this.options,removeListener:i,addListener:a,oldListener:l}),i&&this.element.removeEventListener(this.name,this,l),a&&this.element.addEventListener(this.name,this,e),this._$committedValue=e}handleEvent(e){"function"==typeof this._$committedValue?this._$committedValue.call(this.options?.host??this.element,e):this._$committedValue.handleEvent(e)}}class ge{constructor(e,t,l){this.element=e,this.type=6,this._$disconnectableChildren=void 0,this._$parent=t,this.options=l}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e){V&&V({kind:"commit to element binding",element:this.element,value:e,options:this.options}),re(this,e)}}const we=_.litHtmlPolyfillSupportDevMode;we?.(ce,he),(_.litHtmlVersions??=[]).push("3.3.2"),_.litHtmlVersions.length>1&&queueMicrotask(()=>{H("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")});const fe=(e,t,l)=>{if(null==t)throw new TypeError(`The container to render into may not be ${t}`);const i=B++,a=l?.renderBefore??t;let o=a._$litPart$;if(V&&V({kind:"begin render",id:i,value:e,container:t,options:l,part:o}),void 0===o){const e=l?.renderBefore??null;a._$litPart$=o=new he(t.insertBefore(I(),e),e,void 0,l??{})}return o._$setValue(e),V&&V({kind:"end render",id:i,value:e,container:t,options:l,part:o}),o};fe.setSanitizer=E,fe.createSanitizer=T,fe._testOnlyClearSanitizerFactoryDoNotCallOrElse=P;
 /**
    * @license
    * Copyright 2017 Google LLC
@@ -57,12 +57,12 @@ function Le(e){return(t,l)=>{const{slot:i,selector:a}=e??{},o="slot"+(i?`[name=$
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const Re=(e,t)=>{const l=e._$disconnectableChildren;if(void 0===l)return!1;for(const e of l)e._$notifyDirectiveConnectionChanged?.(t,!1),Re(e,t);return!0},De=e=>{let t,l;do{if(void 0===(t=e._$parent))break;l=t._$disconnectableChildren,l.delete(e),e=t}while(0===l?.size)},ze=e=>{for(let t;t=e._$parent;e=t){let l=t._$disconnectableChildren;if(void 0===l)t._$disconnectableChildren=l=new Set;else if(l.has(e))break;l.add(e),Ue(t)}};function Ne(e){void 0!==this._$disconnectableChildren?(De(this),this._$parent=e,ze(this)):this._$parent=e}function Ie(e,t=!1,l=0){const i=this._$committedValue,a=this._$disconnectableChildren;if(void 0!==a&&0!==a.size)if(t)if(Array.isArray(i))for(let e=l;e<i.length;e++)Re(i[e],!1),De(i[e]);else null!=i&&(Re(i,!1),De(i));else Re(this,e)}const Ue=e=>{e.type==Pe&&(e._$notifyConnectionChanged??=Ie,e._$reparentDisconnectables??=Ne)};class We extends Oe{constructor(){super(...arguments),this._$disconnectableChildren=void 0}_$initialize(e,t,l){super._$initialize(e,t,l),ze(this),this.isConnected=e._$isConnected}_$notifyDirectiveConnectionChanged(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(Re(this,e),De(this))}setValue(e){if(void 0===this.__part.strings)this.__part._$setValue(e,this);else{if(void 0===this.__attributeIndex)throw new Error("Expected this.__attributeIndex to be a number");const t=[...this.__part._$committedValue];t[this.__attributeIndex]=e,this.__part._$setValue(t,this,0)}}disconnected(){}reconnected(){}}
+   */const Re=(e,t)=>{const l=e._$disconnectableChildren;if(void 0===l)return!1;for(const e of l)e._$notifyDirectiveConnectionChanged?.(t,!1),Re(e,t);return!0},De=e=>{let t,l;do{if(void 0===(t=e._$parent))break;l=t._$disconnectableChildren,l.delete(e),e=t}while(0===l?.size)},Ne=e=>{for(let t;t=e._$parent;e=t){let l=t._$disconnectableChildren;if(void 0===l)t._$disconnectableChildren=l=new Set;else if(l.has(e))break;l.add(e),Ue(t)}};function ze(e){void 0!==this._$disconnectableChildren?(De(this),this._$parent=e,Ne(this)):this._$parent=e}function Ie(e,t=!1,l=0){const i=this._$committedValue,a=this._$disconnectableChildren;if(void 0!==a&&0!==a.size)if(t)if(Array.isArray(i))for(let e=l;e<i.length;e++)Re(i[e],!1),De(i[e]);else null!=i&&(Re(i,!1),De(i));else Re(this,e)}const Ue=e=>{e.type==Pe&&(e._$notifyConnectionChanged??=Ie,e._$reparentDisconnectables??=ze)};class We extends Oe{constructor(){super(...arguments),this._$disconnectableChildren=void 0}_$initialize(e,t,l){super._$initialize(e,t,l),Ne(this),this.isConnected=e._$isConnected}_$notifyDirectiveConnectionChanged(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(Re(this,e),De(this))}setValue(e){if(void 0===this.__part.strings)this.__part._$setValue(e,this);else{if(void 0===this.__attributeIndex)throw new Error("Expected this.__attributeIndex to be a number");const t=[...this.__part._$committedValue];t[this.__attributeIndex]=e,this.__part._$setValue(t,this,0)}}disconnected(){}reconnected(){}}
 /**
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const Fe=()=>new qe;class qe{}const je=new WeakMap;const Ke=Te(class extends We{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=je.get(t);void 0===l&&(l=new WeakMap,je.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?je.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),Je=Math.min,Ye=Math.max,Xe=Math.round,Ge=Math.floor,Qe=e=>({x:e,y:e}),et={left:"right",right:"left",bottom:"top",top:"bottom"},tt={start:"end",end:"start"};function lt(e,t,l){return Ye(e,Je(t,l))}function it(e,t){return"function"==typeof e?e(t):e}function at(e){return e.split("-")[0]}function ot(e){return e.split("-")[1]}function nt(e){return"x"===e?"y":"x"}function ct(e){return"y"===e?"height":"width"}const rt=new Set(["top","bottom"]);function st(e){return rt.has(at(e))?"y":"x"}function ht(e){return nt(st(e))}function dt(e,t,l){void 0===l&&(l=!1);const i=ot(e),a=ht(e),o=ct(a);let n="x"===a?i===(l?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[o]>t.floating[o]&&(n=mt(n)),[n,mt(n)]}function vt(e){return e.replace(/start|end/g,e=>tt[e])}const ut=["left","right"],pt=["right","left"],gt=["top","bottom"],wt=["bottom","top"];function ft(e,t,l,i){const a=ot(e);let o=function(e,t,l){switch(e){case"top":case"bottom":return l?t?pt:ut:t?ut:pt;case"left":case"right":return t?gt:wt;default:return[]}}(at(e),"start"===l,i);return a&&(o=o.map(e=>e+"-"+a),t&&(o=o.concat(o.map(vt)))),o}function mt(e){return e.replace(/left|right|bottom|top/g,e=>et[e])}function Zt(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 xt(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 Ct(e,t,l){let{reference:i,floating:a}=e;const o=st(t),n=ht(t),c=ct(n),r=at(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(ot(t)){case"start":u[n]-=v*(l&&s?-1:1);break;case"end":u[n]+=v*(l&&s?-1:1)}return u}async function Mt(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}=it(t,e),p=Zt(u),g=c[v?"floating"===d?"reference":"floating":d],w=xt(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=xt(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 yt=new Set(["left","top"]);function bt(){return"undefined"!=typeof window}function _t(e){return Bt(e)?(e.nodeName||"").toLowerCase():"#document"}function Vt(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Ht(e){var t;return null==(t=(Bt(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Bt(e){return!!bt()&&(e instanceof Node||e instanceof Vt(e).Node)}function At(e){return!!bt()&&(e instanceof Element||e instanceof Vt(e).Element)}function $t(e){return!!bt()&&(e instanceof HTMLElement||e instanceof Vt(e).HTMLElement)}function Lt(e){return!(!bt()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof Vt(e).ShadowRoot)}const St=new Set(["inline","contents"]);function kt(e){const{overflow:t,overflowX:l,overflowY:i,display:a}=Ft(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+l)&&!St.has(a)}const Et=new Set(["table","td","th"]);function Pt(e){return Et.has(_t(e))}const Tt=[":popover-open",":modal"];function Ot(e){return Tt.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Rt=["transform","translate","scale","rotate","perspective"],Dt=["transform","translate","scale","rotate","perspective","filter"],zt=["paint","layout","strict","content"];function Nt(e){const t=It(),l=At(e)?Ft(e):e;return Rt.some(e=>!!l[e]&&"none"!==l[e])||!!l.containerType&&"normal"!==l.containerType||!t&&!!l.backdropFilter&&"none"!==l.backdropFilter||!t&&!!l.filter&&"none"!==l.filter||Dt.some(e=>(l.willChange||"").includes(e))||zt.some(e=>(l.contain||"").includes(e))}function It(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Ut=new Set(["html","body","#document"]);function Wt(e){return Ut.has(_t(e))}function Ft(e){return Vt(e).getComputedStyle(e)}function qt(e){return At(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function jt(e){if("html"===_t(e))return e;const t=e.assignedSlot||e.parentNode||Lt(e)&&e.host||Ht(e);return Lt(t)?t.host:t}function Kt(e){const t=jt(e);return Wt(t)?e.ownerDocument?e.ownerDocument.body:e.body:$t(t)&&kt(t)?t:Kt(t)}function Jt(e,t,l){var i;void 0===t&&(t=[]),void 0===l&&(l=!0);const a=Kt(e),o=a===(null==(i=e.ownerDocument)?void 0:i.body),n=Vt(a);if(o){const e=Yt(n);return t.concat(n,n.visualViewport||[],kt(a)?a:[],e&&l?Jt(e):[])}return t.concat(a,Jt(a,[],l))}function Yt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Xt(e){const t=Ft(e);let l=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const a=$t(e),o=a?e.offsetWidth:l,n=a?e.offsetHeight:i,c=Xe(l)!==o||Xe(i)!==n;return c&&(l=o,i=n),{width:l,height:i,$:c}}function Gt(e){return At(e)?e:e.contextElement}function Qt(e){const t=Gt(e);if(!$t(t))return Qe(1);const l=t.getBoundingClientRect(),{width:i,height:a,$:o}=Xt(t);let n=(o?Xe(l.width):l.width)/i,c=(o?Xe(l.height):l.height)/a;return n&&Number.isFinite(n)||(n=1),c&&Number.isFinite(c)||(c=1),{x:n,y:c}}const el=Qe(0);function tl(e){const t=Vt(e);return It()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:el}function ll(e,t,l,i){void 0===t&&(t=!1),void 0===l&&(l=!1);const a=e.getBoundingClientRect(),o=Gt(e);let n=Qe(1);t&&(i?At(i)&&(n=Qt(i)):n=Qt(e));const c=function(e,t,l){return void 0===t&&(t=!1),!(!l||t&&l!==Vt(e))&&t}(o,l,i)?tl(o):Qe(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=Vt(o),t=i&&At(i)?Vt(i):i;let l=e,a=Yt(l);for(;a&&i&&t!==l;){const e=Qt(a),t=a.getBoundingClientRect(),i=Ft(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=Vt(a),a=Yt(l)}}return xt({width:h,height:d,x:r,y:s})}function il(e,t){const l=qt(e).scrollLeft;return t?t.left+l:ll(Ht(e)).left+l}function al(e,t){const l=e.getBoundingClientRect();return{x:l.left+t.scrollLeft-il(e,l),y:l.top+t.scrollTop}}const ol=new Set(["absolute","fixed"]);function nl(e,t,l){let i;if("viewport"===t)i=function(e,t){const l=Vt(e),i=Ht(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=It();(!e||e&&"fixed"===t)&&(c=a.offsetLeft,r=a.offsetTop)}const s=il(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=Ht(e),l=qt(e),i=e.ownerDocument.body,a=Ye(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),o=Ye(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let n=-l.scrollLeft+il(e);const c=-l.scrollTop;return"rtl"===Ft(i).direction&&(n+=Ye(t.clientWidth,i.clientWidth)-a),{width:a,height:o,x:n,y:c}}(Ht(e));else if(At(t))i=function(e,t){const l=ll(e,!0,"fixed"===t),i=l.top+e.clientTop,a=l.left+e.clientLeft,o=$t(e)?Qt(e):Qe(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=tl(e);i={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return xt(i)}function cl(e,t){const l=jt(e);return!(l===t||!At(l)||Wt(l))&&("fixed"===Ft(l).position||cl(l,t))}function rl(e,t,l){const i=$t(t),a=Ht(t),o="fixed"===l,n=ll(e,!0,o,t);let c={scrollLeft:0,scrollTop:0};const r=Qe(0);function s(){r.x=il(a)}if(i||!i&&!o)if(("body"!==_t(t)||kt(a))&&(c=qt(t)),i){const e=ll(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?Qe(0):al(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 sl(e){return"static"===Ft(e).position}function hl(e,t){if(!$t(e)||"fixed"===Ft(e).position)return null;if(t)return t(e);let l=e.offsetParent;return Ht(e)===l&&(l=l.ownerDocument.body),l}function dl(e,t){const l=Vt(e);if(Ot(e))return l;if(!$t(e)){let t=jt(e);for(;t&&!Wt(t);){if(At(t)&&!sl(t))return t;t=jt(t)}return l}let i=hl(e,t);for(;i&&Pt(i)&&sl(i);)i=hl(i,t);return i&&Wt(i)&&sl(i)&&!Nt(i)?l:i||function(e){let t=jt(e);for(;$t(t)&&!Wt(t);){if(Nt(t))return t;if(Ot(t))return null;t=jt(t)}return null}(e)||l}const vl={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:l,offsetParent:i,strategy:a}=e;const o="fixed"===a,n=Ht(i),c=!!t&&Ot(t.floating);if(i===n||c&&o)return l;let r={scrollLeft:0,scrollTop:0},s=Qe(1);const h=Qe(0),d=$t(i);if((d||!d&&!o)&&(("body"!==_t(i)||kt(n))&&(r=qt(i)),$t(i))){const e=ll(i);s=Qt(i),h.x=e.x+i.clientLeft,h.y=e.y+i.clientTop}const v=!n||d||o?Qe(0):al(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:Ht,getClippingRect:function(e){let{element:t,boundary:l,rootBoundary:i,strategy:a}=e;const o=[..."clippingAncestors"===l?Ot(t)?[]:function(e,t){const l=t.get(e);if(l)return l;let i=Jt(e,[],!1).filter(e=>At(e)&&"body"!==_t(e)),a=null;const o="fixed"===Ft(e).position;let n=o?jt(e):e;for(;At(n)&&!Wt(n);){const t=Ft(n),l=Nt(n);l||"fixed"!==t.position||(a=null),(o?!l&&!a:!l&&"static"===t.position&&a&&ol.has(a.position)||kt(n)&&!l&&cl(e,n))?i=i.filter(e=>e!==n):a=t,n=jt(n)}return t.set(e,i),i}(t,this._c):[].concat(l),i],n=o[0],c=o.reduce((e,l)=>{const i=nl(t,l,a);return e.top=Ye(i.top,e.top),e.right=Je(i.right,e.right),e.bottom=Je(i.bottom,e.bottom),e.left=Ye(i.left,e.left),e},nl(t,n,a));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},getOffsetParent:dl,getElementRects:async function(e){const t=this.getOffsetParent||dl,l=this.getDimensions,i=await l(e.floating);return{reference:rl(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}=Xt(e);return{width:t,height:l}},getScale:Qt,isElement:At,isRTL:function(e){return"rtl"===Ft(e).direction}};function ul(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function pl(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=Gt(e),h=a||o?[...s?Jt(s):[],...Jt(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=Ht(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:-Ge(d)+"px "+-Ge(a.clientWidth-(h+v))+"px "+-Ge(a.clientHeight-(d+u))+"px "+-Ge(h)+"px",threshold:Ye(0,Je(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||ul(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?ll(e):null;return r&&function t(){const i=ll(e);g&&!ul(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 gl=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=at(l),c=ot(l),r="y"===st(l),s=yt.has(n)?-1:1,h=o&&r?-1:1,d=it(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}}}}},wl=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}=it(e,t),s={x:l,y:i},h=await Mt(t,r),d=st(at(a)),v=nt(d);let u=s[v],p=s[d];if(o){const e="y"===v?"bottom":"right";u=lt(u+h["y"===v?"top":"left"],u,u-h[e])}if(n){const e="y"===d?"bottom":"right";p=lt(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}}}}}},fl=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}=it(e,t);if(null!=(l=o.arrow)&&l.alignmentOffset)return{};const f=at(a),m=st(c),Z=at(c)===c,x=await(null==r.isRTL?void 0:r.isRTL(s.floating)),C=v||(Z||!g?[mt(c)]:function(e){const t=mt(e);return[vt(e),t,vt(t)]}(c)),M="none"!==p;!v&&M&&C.push(...ft(c,g,p,x));const y=[c,...C],b=await Mt(t,w),_=[];let V=(null==(i=o.flip)?void 0:i.overflows)||[];if(h&&_.push(b[f]),d){const e=dt(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!==st(t))||V.every(e=>st(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=st(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{}}}},ml=(e,t,l)=>{const i=new Map,a={platform:vl,...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}=Ct(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}=Ct(s,v,r))),l=-1)}return{x:h,y:d,placement:v,strategy:a,middlewareData:u}})(e,t,{...a,platform:o})};class Zl extends Se{constructor(){super(...arguments),this.myDropdown=Fe(),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=Fe(),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=pl(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=[gl(8),this.noFlip?void 0:fl(),wl()].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 ml(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([He({type:Boolean,state:!0})],Zl.prototype,"noFlip",void 0),e([He({type:Boolean,reflect:!0,state:!0})],Zl.prototype,"menuAlignRight",void 0),e([He({type:String,reflect:!0,state:!0})],Zl.prototype,"drop",void 0),e([He({type:Object})],Zl.prototype,"floatingOpts",void 0),e([He({type:Boolean,reflect:!0})],Zl.prototype,"menuIsOpen",void 0),e([He({type:Boolean,reflect:!0})],Zl.prototype,"disabled",void 0),e([He({type:Boolean,reflect:!0})],Zl.prototype,"readonly",void 0);class xl extends Zl{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 Cl,Ml;xl.styles=Zl.styles,e([(Cl="ul.dropdown-menu",(e,t,l)=>{const i=e=>{const l=e.renderRoot?.querySelector(Cl)??null;if(null===l&&Ml&&!e.hasUpdated){const e="object"==typeof t?t.name:t;$e("",`@query'd field ${JSON.stringify(String(e))} with the 'cache' flag set for selector '${Cl}' 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(Ml){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 Ae(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 Ae(e,t,{get(){return i(this)}})})],xl.prototype,"menu",void 0),e([Be()],xl.prototype,"nextDropdownItemNo",void 0),e([Be()],xl.prototype,"prevDropdownItemNo",void 0),e([He({type:Boolean,reflect:!0})],xl.prototype,"hidden",void 0);var yl=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%}`,bl=n`.dropdown{display:flex;height:inherit;position:relative}`;class _l extends xl{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.menuRef=Ke()}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 Fe=()=>new qe;class qe{}const je=new WeakMap;const Ke=Te(class extends We{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=je.get(t);void 0===l&&(l=new WeakMap,je.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?je.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),Je=Math.min,Ye=Math.max,Xe=Math.round,Ge=Math.floor,Qe=e=>({x:e,y:e}),et={left:"right",right:"left",bottom:"top",top:"bottom"},tt={start:"end",end:"start"};function lt(e,t,l){return Ye(e,Je(t,l))}function it(e,t){return"function"==typeof e?e(t):e}function at(e){return e.split("-")[0]}function ot(e){return e.split("-")[1]}function nt(e){return"x"===e?"y":"x"}function ct(e){return"y"===e?"height":"width"}const rt=new Set(["top","bottom"]);function st(e){return rt.has(at(e))?"y":"x"}function ht(e){return nt(st(e))}function dt(e,t,l){void 0===l&&(l=!1);const i=ot(e),a=ht(e),o=ct(a);let n="x"===a?i===(l?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[o]>t.floating[o]&&(n=mt(n)),[n,mt(n)]}function vt(e){return e.replace(/start|end/g,e=>tt[e])}const ut=["left","right"],pt=["right","left"],gt=["top","bottom"],wt=["bottom","top"];function ft(e,t,l,i){const a=ot(e);let o=function(e,t,l){switch(e){case"top":case"bottom":return l?t?pt:ut:t?ut:pt;case"left":case"right":return t?gt:wt;default:return[]}}(at(e),"start"===l,i);return a&&(o=o.map(e=>e+"-"+a),t&&(o=o.concat(o.map(vt)))),o}function mt(e){return e.replace(/left|right|bottom|top/g,e=>et[e])}function Zt(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 xt(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 Ct(e,t,l){let{reference:i,floating:a}=e;const o=st(t),n=ht(t),c=ct(n),r=at(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(ot(t)){case"start":u[n]-=v*(l&&s?-1:1);break;case"end":u[n]+=v*(l&&s?-1:1)}return u}async function Mt(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}=it(t,e),p=Zt(u),g=c[v?"floating"===d?"reference":"floating":d],w=xt(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=xt(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 yt=new Set(["left","top"]);function bt(){return"undefined"!=typeof window}function _t(e){return Bt(e)?(e.nodeName||"").toLowerCase():"#document"}function Vt(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Ht(e){var t;return null==(t=(Bt(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Bt(e){return!!bt()&&(e instanceof Node||e instanceof Vt(e).Node)}function At(e){return!!bt()&&(e instanceof Element||e instanceof Vt(e).Element)}function $t(e){return!!bt()&&(e instanceof HTMLElement||e instanceof Vt(e).HTMLElement)}function Lt(e){return!(!bt()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof Vt(e).ShadowRoot)}const St=new Set(["inline","contents"]);function kt(e){const{overflow:t,overflowX:l,overflowY:i,display:a}=Ft(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+l)&&!St.has(a)}const Et=new Set(["table","td","th"]);function Pt(e){return Et.has(_t(e))}const Tt=[":popover-open",":modal"];function Ot(e){return Tt.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Rt=["transform","translate","scale","rotate","perspective"],Dt=["transform","translate","scale","rotate","perspective","filter"],Nt=["paint","layout","strict","content"];function zt(e){const t=It(),l=At(e)?Ft(e):e;return Rt.some(e=>!!l[e]&&"none"!==l[e])||!!l.containerType&&"normal"!==l.containerType||!t&&!!l.backdropFilter&&"none"!==l.backdropFilter||!t&&!!l.filter&&"none"!==l.filter||Dt.some(e=>(l.willChange||"").includes(e))||Nt.some(e=>(l.contain||"").includes(e))}function It(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Ut=new Set(["html","body","#document"]);function Wt(e){return Ut.has(_t(e))}function Ft(e){return Vt(e).getComputedStyle(e)}function qt(e){return At(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function jt(e){if("html"===_t(e))return e;const t=e.assignedSlot||e.parentNode||Lt(e)&&e.host||Ht(e);return Lt(t)?t.host:t}function Kt(e){const t=jt(e);return Wt(t)?e.ownerDocument?e.ownerDocument.body:e.body:$t(t)&&kt(t)?t:Kt(t)}function Jt(e,t,l){var i;void 0===t&&(t=[]),void 0===l&&(l=!0);const a=Kt(e),o=a===(null==(i=e.ownerDocument)?void 0:i.body),n=Vt(a);if(o){const e=Yt(n);return t.concat(n,n.visualViewport||[],kt(a)?a:[],e&&l?Jt(e):[])}return t.concat(a,Jt(a,[],l))}function Yt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Xt(e){const t=Ft(e);let l=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const a=$t(e),o=a?e.offsetWidth:l,n=a?e.offsetHeight:i,c=Xe(l)!==o||Xe(i)!==n;return c&&(l=o,i=n),{width:l,height:i,$:c}}function Gt(e){return At(e)?e:e.contextElement}function Qt(e){const t=Gt(e);if(!$t(t))return Qe(1);const l=t.getBoundingClientRect(),{width:i,height:a,$:o}=Xt(t);let n=(o?Xe(l.width):l.width)/i,c=(o?Xe(l.height):l.height)/a;return n&&Number.isFinite(n)||(n=1),c&&Number.isFinite(c)||(c=1),{x:n,y:c}}const el=Qe(0);function tl(e){const t=Vt(e);return It()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:el}function ll(e,t,l,i){void 0===t&&(t=!1),void 0===l&&(l=!1);const a=e.getBoundingClientRect(),o=Gt(e);let n=Qe(1);t&&(i?At(i)&&(n=Qt(i)):n=Qt(e));const c=function(e,t,l){return void 0===t&&(t=!1),!(!l||t&&l!==Vt(e))&&t}(o,l,i)?tl(o):Qe(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=Vt(o),t=i&&At(i)?Vt(i):i;let l=e,a=Yt(l);for(;a&&i&&t!==l;){const e=Qt(a),t=a.getBoundingClientRect(),i=Ft(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=Vt(a),a=Yt(l)}}return xt({width:h,height:d,x:r,y:s})}function il(e,t){const l=qt(e).scrollLeft;return t?t.left+l:ll(Ht(e)).left+l}function al(e,t){const l=e.getBoundingClientRect();return{x:l.left+t.scrollLeft-il(e,l),y:l.top+t.scrollTop}}const ol=new Set(["absolute","fixed"]);function nl(e,t,l){let i;if("viewport"===t)i=function(e,t){const l=Vt(e),i=Ht(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=It();(!e||e&&"fixed"===t)&&(c=a.offsetLeft,r=a.offsetTop)}const s=il(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=Ht(e),l=qt(e),i=e.ownerDocument.body,a=Ye(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),o=Ye(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let n=-l.scrollLeft+il(e);const c=-l.scrollTop;return"rtl"===Ft(i).direction&&(n+=Ye(t.clientWidth,i.clientWidth)-a),{width:a,height:o,x:n,y:c}}(Ht(e));else if(At(t))i=function(e,t){const l=ll(e,!0,"fixed"===t),i=l.top+e.clientTop,a=l.left+e.clientLeft,o=$t(e)?Qt(e):Qe(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=tl(e);i={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return xt(i)}function cl(e,t){const l=jt(e);return!(l===t||!At(l)||Wt(l))&&("fixed"===Ft(l).position||cl(l,t))}function rl(e,t,l){const i=$t(t),a=Ht(t),o="fixed"===l,n=ll(e,!0,o,t);let c={scrollLeft:0,scrollTop:0};const r=Qe(0);function s(){r.x=il(a)}if(i||!i&&!o)if(("body"!==_t(t)||kt(a))&&(c=qt(t)),i){const e=ll(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?Qe(0):al(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 sl(e){return"static"===Ft(e).position}function hl(e,t){if(!$t(e)||"fixed"===Ft(e).position)return null;if(t)return t(e);let l=e.offsetParent;return Ht(e)===l&&(l=l.ownerDocument.body),l}function dl(e,t){const l=Vt(e);if(Ot(e))return l;if(!$t(e)){let t=jt(e);for(;t&&!Wt(t);){if(At(t)&&!sl(t))return t;t=jt(t)}return l}let i=hl(e,t);for(;i&&Pt(i)&&sl(i);)i=hl(i,t);return i&&Wt(i)&&sl(i)&&!zt(i)?l:i||function(e){let t=jt(e);for(;$t(t)&&!Wt(t);){if(zt(t))return t;if(Ot(t))return null;t=jt(t)}return null}(e)||l}const vl={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:l,offsetParent:i,strategy:a}=e;const o="fixed"===a,n=Ht(i),c=!!t&&Ot(t.floating);if(i===n||c&&o)return l;let r={scrollLeft:0,scrollTop:0},s=Qe(1);const h=Qe(0),d=$t(i);if((d||!d&&!o)&&(("body"!==_t(i)||kt(n))&&(r=qt(i)),$t(i))){const e=ll(i);s=Qt(i),h.x=e.x+i.clientLeft,h.y=e.y+i.clientTop}const v=!n||d||o?Qe(0):al(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:Ht,getClippingRect:function(e){let{element:t,boundary:l,rootBoundary:i,strategy:a}=e;const o=[..."clippingAncestors"===l?Ot(t)?[]:function(e,t){const l=t.get(e);if(l)return l;let i=Jt(e,[],!1).filter(e=>At(e)&&"body"!==_t(e)),a=null;const o="fixed"===Ft(e).position;let n=o?jt(e):e;for(;At(n)&&!Wt(n);){const t=Ft(n),l=zt(n);l||"fixed"!==t.position||(a=null),(o?!l&&!a:!l&&"static"===t.position&&a&&ol.has(a.position)||kt(n)&&!l&&cl(e,n))?i=i.filter(e=>e!==n):a=t,n=jt(n)}return t.set(e,i),i}(t,this._c):[].concat(l),i],n=o[0],c=o.reduce((e,l)=>{const i=nl(t,l,a);return e.top=Ye(i.top,e.top),e.right=Je(i.right,e.right),e.bottom=Je(i.bottom,e.bottom),e.left=Ye(i.left,e.left),e},nl(t,n,a));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},getOffsetParent:dl,getElementRects:async function(e){const t=this.getOffsetParent||dl,l=this.getDimensions,i=await l(e.floating);return{reference:rl(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}=Xt(e);return{width:t,height:l}},getScale:Qt,isElement:At,isRTL:function(e){return"rtl"===Ft(e).direction}};function ul(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function pl(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=Gt(e),h=a||o?[...s?Jt(s):[],...Jt(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=Ht(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:-Ge(d)+"px "+-Ge(a.clientWidth-(h+v))+"px "+-Ge(a.clientHeight-(d+u))+"px "+-Ge(h)+"px",threshold:Ye(0,Je(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||ul(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?ll(e):null;return r&&function t(){const i=ll(e);g&&!ul(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 gl=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=at(l),c=ot(l),r="y"===st(l),s=yt.has(n)?-1:1,h=o&&r?-1:1,d=it(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}}}}},wl=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}=it(e,t),s={x:l,y:i},h=await Mt(t,r),d=st(at(a)),v=nt(d);let u=s[v],p=s[d];if(o){const e="y"===v?"bottom":"right";u=lt(u+h["y"===v?"top":"left"],u,u-h[e])}if(n){const e="y"===d?"bottom":"right";p=lt(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}}}}}},fl=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}=it(e,t);if(null!=(l=o.arrow)&&l.alignmentOffset)return{};const f=at(a),m=st(c),Z=at(c)===c,x=await(null==r.isRTL?void 0:r.isRTL(s.floating)),C=v||(Z||!g?[mt(c)]:function(e){const t=mt(e);return[vt(e),t,vt(t)]}(c)),M="none"!==p;!v&&M&&C.push(...ft(c,g,p,x));const y=[c,...C],b=await Mt(t,w),_=[];let V=(null==(i=o.flip)?void 0:i.overflows)||[];if(h&&_.push(b[f]),d){const e=dt(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!==st(t))||V.every(e=>st(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=st(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{}}}},ml=(e,t,l)=>{const i=new Map,a={platform:vl,...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}=Ct(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}=Ct(s,v,r))),l=-1)}return{x:h,y:d,placement:v,strategy:a,middlewareData:u}})(e,t,{...a,platform:o})};class Zl extends Se{constructor(){super(...arguments),this.myDropdown=Fe(),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=Fe(),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=pl(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=[gl(8),this.noFlip?void 0:fl(),wl()].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 ml(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([He({type:Boolean,state:!0})],Zl.prototype,"noFlip",void 0),e([He({type:Boolean,reflect:!0,state:!0})],Zl.prototype,"menuAlignRight",void 0),e([He({type:String,reflect:!0,state:!0})],Zl.prototype,"drop",void 0),e([He({type:Object})],Zl.prototype,"floatingOpts",void 0),e([He({type:Boolean,reflect:!0})],Zl.prototype,"menuIsOpen",void 0),e([He({type:Boolean,reflect:!0})],Zl.prototype,"disabled",void 0),e([He({type:Boolean,reflect:!0})],Zl.prototype,"readonly",void 0);class xl extends Zl{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 Cl,Ml;xl.styles=Zl.styles,e([(Cl="ul.dropdown-menu",(e,t,l)=>{const i=e=>{const l=e.renderRoot?.querySelector(Cl)??null;if(null===l&&Ml&&!e.hasUpdated){const e="object"==typeof t?t.name:t;$e("",`@query'd field ${JSON.stringify(String(e))} with the 'cache' flag set for selector '${Cl}' 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(Ml){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 Ae(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 Ae(e,t,{get(){return i(this)}})})],xl.prototype,"menu",void 0),e([Be()],xl.prototype,"nextDropdownItemNo",void 0),e([Be()],xl.prototype,"prevDropdownItemNo",void 0),e([He({type:Boolean,reflect:!0})],xl.prototype,"hidden",void 0);var yl=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%}`,bl=n`.dropdown{display:flex;height:inherit;position:relative}`;class _l extends xl{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.menuRef=Ke()}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"
@@ -210,7 +210,7 @@ class extends Oe{constructor(e){if(super(e),e.type!==Ee||"class"!==e.name||e.str
       clip-rule="evenodd"
     />
   </svg>
-`,zl=Q`
+`,Nl=Q`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path
       fill="currentColor"
@@ -219,7 +219,7 @@ class extends Oe{constructor(e){if(super(e),e.type!==Ee||"class"!==e.name||e.str
       clip-rule="evenodd"
     />
   </svg>
-`,Nl=Q`
+`,zl=Q`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path
       fill="currentColor"
@@ -228,7 +228,7 @@ class extends Oe{constructor(e){if(super(e),e.type!==Ee||"class"!==e.name||e.str
       clip-rule="evenodd"
     />
   </svg>
-`;const Il={announcement:Hl,archive:Bl,"arrow-bar-down":Al,"arrow-bar-left":$l,"arrow-bar-right":Ll,"arrow-bar-up":Sl,"arrow-circle-down":kl,"arrow-circle-left":El,"arrow-circle-right":Pl,"arrow-circle-up":Tl,"arrow-clockwise":Ol,"arrow-down":Rl,"arrow-left":Dl,"arrow-repeat":zl,"arrow-right":Nl,"arrow-square-down":Q`
+`;const Il={announcement:Hl,archive:Bl,"arrow-bar-down":Al,"arrow-bar-left":$l,"arrow-bar-right":Ll,"arrow-bar-up":Sl,"arrow-circle-down":kl,"arrow-circle-left":El,"arrow-circle-right":Pl,"arrow-circle-up":Tl,"arrow-clockwise":Ol,"arrow-down":Rl,"arrow-left":Dl,"arrow-repeat":Nl,"arrow-right":zl,"arrow-square-down":Q`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path
       fill="currentColor"