@aurodesignsystem/auro-dropdown - npm Package Compare versions

Comparing version 2.8.0 to 2.9.0

apiExamples/programmaticallyShow.js

@@ -1,8 +0,6 @@
-function handleShowExample() {
-  const showExampleInput = document.querySelector('#showExampleTriggerInput');
-  const showExampleDropdown = document.querySelector('#showMethodExample');
-
-  showExampleInput.addEventListener('keydown', () => {
-    showExampleDropdown.show();
+export function showExample(elem) {
+  const triggerInput = document.querySelector('#showExampleTriggerInput')
+  triggerInput.addEventListener('keydown', () => {
+    elem.show();
   })
 }

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+# [2.9.0](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.8.0...v2.9.0) (2022-09-02)
+
+
+### Bug Fixes
+
+* **css:** update consistent background-color for all states [#147](https://github.com/AlaskaAirlines/auro-dropdown/issues/147) ([2e59f74](https://github.com/AlaskaAirlines/auro-dropdown/commit/2e59f74eaaf83be649cd81f5308c6e4df53cd43b))
+* **focus:** better handling of focus loss [#146](https://github.com/AlaskaAirlines/auro-dropdown/issues/146) ([0f9ee9f](https://github.com/AlaskaAirlines/auro-dropdown/commit/0f9ee9f93915c1d071515cd16534abf8b97e46e1))
+
+
+### Features
+
+* **noToggle:** reverse toggle API [#90](https://github.com/AlaskaAirlines/auro-dropdown/issues/90) /n/n BREAKING CHANGE: dropdown will toggle by default ([3395a06](https://github.com/AlaskaAirlines/auro-dropdown/commit/3395a06d4614df3af5c23093fbb4fb5b52009bfa))
+
 # [2.8.0](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.7.0...v2.8.0) (2022-08-03)
@@ -4,0 +17,0 @@

demo/apiExamples.md

@@ -22,13 +22,12 @@
 | [matchWidth](#matchWidth)       | `matchWidth`       | ` Boolean ` | false   | If declared, the popover and trigger will be set to the same width. |
+| [noToggle](#noToggle)         | `noToggle`         | ` Boolean ` |         | If declared, the trigger will only show the the dropdown bib. |
 | [ready](#ready)            | `ready`            | `Boolean`   |         | When false the component API should not be called. |
 | [rounded](#rounded)          | `rounded`          | ` Boolean ` |         | If declared, will apply border-radius to trigger and default slots. |
-| [toggle](#toggle)           | `toggle`           | ` Boolean ` |         | If declared, the trigger will toggle the show/hide state of the dropdown. |
 
 ## Methods
 
-| Method         | Type                    | Description                                      |
-|----------------|-------------------------|--------------------------------------------------|
-| [hide](#hide)         | `(): void`              | Hides the dropdown content.                      |
-| [outsideClick](#outsideClick) | `(event: Object): void` | **event**: Event passed in from the document click event listener that this function gets attached to. |
-| [show](#show)         | `(): void`              | Shows the dropdown content.                      |
+| Method | Type       | Description                 |
+|--------|------------|-----------------------------|
+| [hide](#hide) | `(): void` | Hides the dropdown content. |
+| [show](#show) | `(): void` | Shows the dropdown content. |
 
@@ -65,2 +64,5 @@ ## Events
 ### Basic
+
+The most basic, simple version of auro-drodown.
+
 <div class="exampleWrapper">
@@ -175,2 +177,4 @@ <auro-dropdown aria-label="custom label">
 
+Adds the border style around the dropdown trigger.
+
 <div class="exampleWrapper">
@@ -200,2 +204,4 @@ <auro-dropdown aria-label="custom label" bordered>
 
+Adds the bib visibility state chevron to the right side of the trigger content.
+
 <div class="exampleWrapper">
@@ -306,2 +312,4 @@ <auro-dropdown aria-label="custom label" chevron>
 
+Disables the trigger preventing the dropdown bib from being shown.
+
 <div class="exampleWrapper">
@@ -376,2 +384,4 @@ <auro-dropdown aria-label="custom label" disabled>
 
+Adds the error state UI to the trigger.
+
 <div class="exampleWrapper">
@@ -517,8 +527,8 @@ <auro-dropdown aria-label="custom label" error>
 
-#### <a name="toggle"></a>toggle
+#### <a name="noToggle"></a>noToggle
 
-In cases where it is desired behavior for `auro-dropdown` to hide already displayed dropdown content when clicking on the trigger the `toggle` attribute must be applied.
+In cases where it is desired behavior for `auro-dropdown` to only show, not toggle, the bib content when activating the trigger the `noToggle` attribute must be applied.
 
 <div class="exampleWrapper">
-  <auro-dropdown aria-label="custom label" toggle>
+  <auro-dropdown aria-label="custom label" noToggle>
     Lorem ipsum solar
@@ -534,3 +544,3 @@ <div slot="trigger">
 ```html
-<auro-dropdown aria-label="custom label" toggle>
+<auro-dropdown aria-label="custom label" noToggle>
   Lorem ipsum solar
@@ -701,2 +711,11 @@ <div slot="trigger">
 
+```js
+export function showExample(elem) {
+  const triggerInput = document.querySelector('#showExampleTriggerInput')
+  triggerInput.addEventListener('keydown', () => {
+    elem.show();
+  })
+}
+```
+
 </auro-accordion>
@@ -703,0 +722,0 @@

dist/auro-dropdown__bundled.js

@@ -14,3 +14,3 @@ /**
  */
-const e="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,t=(e,t,r=null)=>{for(;t!==r;){const r=t.nextSibling;e.removeChild(t),t=r}},r=`{{lit-${String(Math.random()).slice(2)}}}`,o=`\x3c!--${r}--\x3e`,i=new RegExp(`${r}|${o}`);class n{constructor(e,t){this.parts=[],this.element=t;const o=[],n=[],a=document.createTreeWalker(t.content,133,null,!1);let c=0,p=-1,h=0;const{strings:u,values:{length:f}}=e;for(;h<f;){const e=a.nextNode();if(null!==e){if(p++,1===e.nodeType){if(e.hasAttributes()){const t=e.attributes,{length:r}=t;let o=0;for(let e=0;e<r;e++)s(t[e].name,"$lit$")&&o++;for(;o-- >0;){const t=u[h],r=l.exec(t)[2],o=r.toLowerCase()+"$lit$",n=e.getAttribute(o);e.removeAttribute(o);const s=n.split(i);this.parts.push({type:"attribute",index:p,name:r,strings:s}),h+=s.length-1}}"TEMPLATE"===e.tagName&&(n.push(e),a.currentNode=e.content)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(r)>=0){const r=e.parentNode,n=t.split(i),a=n.length-1;for(let t=0;t<a;t++){let o,i=n[t];if(""===i)o=d();else{const e=l.exec(i);null!==e&&s(e[2],"$lit$")&&(i=i.slice(0,e.index)+e[1]+e[2].slice(0,-"$lit$".length)+e[3]),o=document.createTextNode(i)}r.insertBefore(o,e),this.parts.push({type:"node",index:++p})}""===n[a]?(r.insertBefore(d(),e),o.push(e)):e.data=n[a],h+=a}}else if(8===e.nodeType)if(e.data===r){const t=e.parentNode;null!==e.previousSibling&&p!==c||(p++,t.insertBefore(d(),e)),c=p,this.parts.push({type:"node",index:p}),null===e.nextSibling?e.data="":(o.push(e),p--),h++}else{let t=-1;for(;-1!==(t=e.data.indexOf(r,t+1));)this.parts.push({type:"node",index:-1}),h++}}else a.currentNode=n.pop()}for(const e of o)e.parentNode.removeChild(e)}}const s=(e,t)=>{const r=e.length-t.length;return r>=0&&e.slice(r)===t},a=e=>-1!==e.index,d=()=>document.createComment(""),l=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;function c(e,t){const{element:{content:r},parts:o}=e,i=document.createTreeWalker(r,133,null,!1);let n=h(o),s=o[n],a=-1,d=0;const l=[];let c=null;for(;i.nextNode();){a++;const e=i.currentNode;for(e.previousSibling===c&&(c=null),t.has(e)&&(l.push(e),null===c&&(c=e)),null!==c&&d++;void 0!==s&&s.index===a;)s.index=null!==c?-1:s.index-d,n=h(o,n),s=o[n]}l.forEach((e=>e.parentNode.removeChild(e)))}const p=e=>{let t=11===e.nodeType?0:1;const r=document.createTreeWalker(e,133,null,!1);for(;r.nextNode();)t++;return t},h=(e,t=-1)=>{for(let r=t+1;r<e.length;r++){const t=e[r];if(a(t))return r}return-1};
+const e="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,t=(e,t,r=null)=>{for(;t!==r;){const r=t.nextSibling;e.removeChild(t),t=r}},r=`{{lit-${String(Math.random()).slice(2)}}}`,o=`\x3c!--${r}--\x3e`,i=new RegExp(`${r}|${o}`);class n{constructor(e,t){this.parts=[],this.element=t;const o=[],n=[],a=document.createTreeWalker(t.content,133,null,!1);let c=0,p=-1,h=0;const{strings:u,values:{length:f}}=e;for(;h<f;){const e=a.nextNode();if(null!==e){if(p++,1===e.nodeType){if(e.hasAttributes()){const t=e.attributes,{length:r}=t;let o=0;for(let e=0;e<r;e++)s(t[e].name,"$lit$")&&o++;for(;o-- >0;){const t=u[h],r=d.exec(t)[2],o=r.toLowerCase()+"$lit$",n=e.getAttribute(o);e.removeAttribute(o);const s=n.split(i);this.parts.push({type:"attribute",index:p,name:r,strings:s}),h+=s.length-1}}"TEMPLATE"===e.tagName&&(n.push(e),a.currentNode=e.content)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(r)>=0){const r=e.parentNode,n=t.split(i),a=n.length-1;for(let t=0;t<a;t++){let o,i=n[t];if(""===i)o=l();else{const e=d.exec(i);null!==e&&s(e[2],"$lit$")&&(i=i.slice(0,e.index)+e[1]+e[2].slice(0,-"$lit$".length)+e[3]),o=document.createTextNode(i)}r.insertBefore(o,e),this.parts.push({type:"node",index:++p})}""===n[a]?(r.insertBefore(l(),e),o.push(e)):e.data=n[a],h+=a}}else if(8===e.nodeType)if(e.data===r){const t=e.parentNode;null!==e.previousSibling&&p!==c||(p++,t.insertBefore(l(),e)),c=p,this.parts.push({type:"node",index:p}),null===e.nextSibling?e.data="":(o.push(e),p--),h++}else{let t=-1;for(;-1!==(t=e.data.indexOf(r,t+1));)this.parts.push({type:"node",index:-1}),h++}}else a.currentNode=n.pop()}for(const e of o)e.parentNode.removeChild(e)}}const s=(e,t)=>{const r=e.length-t.length;return r>=0&&e.slice(r)===t},a=e=>-1!==e.index,l=()=>document.createComment(""),d=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;function c(e,t){const{element:{content:r},parts:o}=e,i=document.createTreeWalker(r,133,null,!1);let n=h(o),s=o[n],a=-1,l=0;const d=[];let c=null;for(;i.nextNode();){a++;const e=i.currentNode;for(e.previousSibling===c&&(c=null),t.has(e)&&(d.push(e),null===c&&(c=e)),null!==c&&l++;void 0!==s&&s.index===a;)s.index=null!==c?-1:s.index-l,n=h(o,n),s=o[n]}d.forEach((e=>e.parentNode.removeChild(e)))}const p=e=>{let t=11===e.nodeType?0:1;const r=document.createTreeWalker(e,133,null,!1);for(;r.nextNode();)t++;return t},h=(e,t=-1)=>{for(let r=t+1;r<e.length;r++){const t=e[r];if(a(t))return r}return-1};
 /**
@@ -43,3 +43,3 @@ * @license
  */
-class v{constructor(e,t,r){this.__parts=[],this.template=e,this.processor=t,this.options=r}update(e){let t=0;for(const r of this.__parts)void 0!==r&&r.setValue(e[t]),t++;for(const e of this.__parts)void 0!==e&&e.commit()}_clone(){const t=e?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),r=[],o=this.template.parts,i=document.createTreeWalker(t,133,null,!1);let n,s=0,d=0,l=i.nextNode();for(;s<o.length;)if(n=o[s],a(n)){for(;d<n.index;)d++,"TEMPLATE"===l.nodeName&&(r.push(l),i.currentNode=l.content),null===(l=i.nextNode())&&(i.currentNode=r.pop(),l=i.nextNode());if("node"===n.type){const e=this.processor.handleTextExpression(this.options);e.insertAfterNode(l.previousSibling),this.__parts.push(e)}else this.__parts.push(...this.processor.handleAttributeExpressions(l,n.name,n.strings,this.options));s++}else this.__parts.push(void 0),s++;return e&&(document.adoptNode(t),customElements.upgrade(t)),t}}
+class v{constructor(e,t,r){this.__parts=[],this.template=e,this.processor=t,this.options=r}update(e){let t=0;for(const r of this.__parts)void 0!==r&&r.setValue(e[t]),t++;for(const e of this.__parts)void 0!==e&&e.commit()}_clone(){const t=e?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),r=[],o=this.template.parts,i=document.createTreeWalker(t,133,null,!1);let n,s=0,l=0,d=i.nextNode();for(;s<o.length;)if(n=o[s],a(n)){for(;l<n.index;)l++,"TEMPLATE"===d.nodeName&&(r.push(d),i.currentNode=d.content),null===(d=i.nextNode())&&(i.currentNode=r.pop(),d=i.nextNode());if("node"===n.type){const e=this.processor.handleTextExpression(this.options);e.insertAfterNode(d.previousSibling),this.__parts.push(e)}else this.__parts.push(...this.processor.handleAttributeExpressions(d,n.name,n.strings,this.options));s++}else this.__parts.push(void 0),s++;return e&&(document.adoptNode(t),customElements.upgrade(t)),t}}
 /**
@@ -57,3 +57,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */const y=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:e=>e}),b=` ${r} `;class w{constructor(e,t,r,o){this.strings=e,this.values=t,this.type=r,this.processor=o}getHTML(){const e=this.strings.length-1;let t="",i=!1;for(let n=0;n<e;n++){const e=this.strings[n],s=e.lastIndexOf("\x3c!--");i=(s>-1||i)&&-1===e.indexOf("--\x3e",s+1);const a=l.exec(e);t+=null===a?e+(i?b:o):e.substr(0,a.index)+a[1]+a[2]+"$lit$"+a[3]+r}return t+=this.strings[e],t}getTemplateElement(){const e=document.createElement("template");let t=this.getHTML();return void 0!==y&&(t=y.createHTML(t)),e.innerHTML=t,e}}
+ */const y=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:e=>e}),b=` ${r} `;class w{constructor(e,t,r,o){this.strings=e,this.values=t,this.type=r,this.processor=o}getHTML(){const e=this.strings.length-1;let t="",i=!1;for(let n=0;n<e;n++){const e=this.strings[n],s=e.lastIndexOf("\x3c!--");i=(s>-1||i)&&-1===e.indexOf("--\x3e",s+1);const a=d.exec(e);t+=null===a?e+(i?b:o):e.substr(0,a.index)+a[1]+a[2]+"$lit$"+a[3]+r}return t+=this.strings[e],t}getTemplateElement(){const e=document.createElement("template");let t=this.getHTML();return void 0!==y&&(t=y.createHTML(t)),e.innerHTML=t,e}}
 /**
@@ -71,3 +71,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */const x=e=>null===e||!("object"==typeof e||"function"==typeof e),_=e=>Array.isArray(e)||!(!e||!e[Symbol.iterator]);class S{constructor(e,t,r){this.dirty=!0,this.element=e,this.name=t,this.strings=r,this.parts=[];for(let e=0;e<r.length-1;e++)this.parts[e]=this._createPart()}_createPart(){return new O(this)}_getValue(){const e=this.strings,t=e.length-1,r=this.parts;if(1===t&&""===e[0]&&""===e[1]){const e=r[0].value;if("symbol"==typeof e)return String(e);if("string"==typeof e||!_(e))return e}let o="";for(let i=0;i<t;i++){o+=e[i];const t=r[i];if(void 0!==t){const e=t.value;if(x(e)||!_(e))o+="string"==typeof e?e:String(e);else for(const t of e)o+="string"==typeof t?t:String(t)}}return o+=e[t],o}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class O{constructor(e){this.value=void 0,this.committer=e}setValue(e){e===g||x(e)&&e===this.value||(this.value=e,f(e)||(this.committer.dirty=!0))}commit(){for(;f(this.value);){const e=this.value;this.value=g,e(this)}this.value!==g&&this.committer.commit()}}class P{constructor(e){this.value=void 0,this.__pendingValue=void 0,this.options=e}appendInto(e){this.startNode=e.appendChild(d()),this.endNode=e.appendChild(d())}insertAfterNode(e){this.startNode=e,this.endNode=e.nextSibling}appendIntoPart(e){e.__insert(this.startNode=d()),e.__insert(this.endNode=d())}insertAfterPart(e){e.__insert(this.startNode=d()),this.endNode=e.endNode,e.endNode=this.startNode}setValue(e){this.__pendingValue=e}commit(){if(null===this.startNode.parentNode)return;for(;f(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=g,e(this)}const e=this.__pendingValue;e!==g&&(x(e)?e!==this.value&&this.__commitText(e):e instanceof w?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):_(e)?this.__commitIterable(e):e===m?(this.value=m,this.clear()):this.__commitText(e))}__insert(e){this.endNode.parentNode.insertBefore(e,this.endNode)}__commitNode(e){this.value!==e&&(this.clear(),this.__insert(e),this.value=e)}__commitText(e){const t=this.startNode.nextSibling,r="string"==typeof(e=null==e?"":e)?e:String(e);t===this.endNode.previousSibling&&3===t.nodeType?t.data=r:this.__commitNode(document.createTextNode(r)),this.value=e}__commitTemplateResult(e){const t=this.options.templateFactory(e);if(this.value instanceof v&&this.value.template===t)this.value.update(e.values);else{const r=new v(t,e.processor,this.options),o=r._clone();r.update(e.values),this.__commitNode(o),this.value=r}}__commitIterable(e){Array.isArray(this.value)||(this.value=[],this.clear());const t=this.value;let r,o=0;for(const i of e)r=t[o],void 0===r&&(r=new P(this.options),t.push(r),0===o?r.appendIntoPart(this):r.insertAfterPart(t[o-1])),r.setValue(i),r.commit(),o++;o<t.length&&(t.length=o,this.clear(r&&r.endNode))}clear(e=this.startNode){t(this.startNode.parentNode,e.nextSibling,this.endNode)}}class C{constructor(e,t,r){if(this.value=void 0,this.__pendingValue=void 0,2!==r.length||""!==r[0]||""!==r[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=t,this.strings=r}setValue(e){this.__pendingValue=e}commit(){for(;f(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=g,e(this)}if(this.__pendingValue===g)return;const e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=g}}class k extends S{constructor(e,t,r){super(e,t,r),this.single=2===r.length&&""===r[0]&&""===r[1]}_createPart(){return new E(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class E extends O{}let A=!1;(()=>{try{const e={get capture(){return A=!0,!1}};window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch(e){}})();class T{constructor(e,t,r){this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=t,this.eventContext=r,this.__boundHandleEvent=e=>this.handleEvent(e)}setValue(e){this.__pendingValue=e}commit(){for(;f(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=g,e(this)}if(this.__pendingValue===g)return;const e=this.__pendingValue,t=this.value,r=null==e||null!=t&&(e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive),o=null!=e&&(null==t||r);r&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),o&&(this.__options=N(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=g}handleEvent(e){"function"==typeof this.value?this.value.call(this.eventContext||this.element,e):this.value.handleEvent(e)}}const N=e=>e&&(A?{capture:e.capture,passive:e.passive,once:e.once}:e.capture)
+ */const x=e=>null===e||!("object"==typeof e||"function"==typeof e),_=e=>Array.isArray(e)||!(!e||!e[Symbol.iterator]);class S{constructor(e,t,r){this.dirty=!0,this.element=e,this.name=t,this.strings=r,this.parts=[];for(let e=0;e<r.length-1;e++)this.parts[e]=this._createPart()}_createPart(){return new O(this)}_getValue(){const e=this.strings,t=e.length-1,r=this.parts;if(1===t&&""===e[0]&&""===e[1]){const e=r[0].value;if("symbol"==typeof e)return String(e);if("string"==typeof e||!_(e))return e}let o="";for(let i=0;i<t;i++){o+=e[i];const t=r[i];if(void 0!==t){const e=t.value;if(x(e)||!_(e))o+="string"==typeof e?e:String(e);else for(const t of e)o+="string"==typeof t?t:String(t)}}return o+=e[t],o}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class O{constructor(e){this.value=void 0,this.committer=e}setValue(e){e===g||x(e)&&e===this.value||(this.value=e,f(e)||(this.committer.dirty=!0))}commit(){for(;f(this.value);){const e=this.value;this.value=g,e(this)}this.value!==g&&this.committer.commit()}}class P{constructor(e){this.value=void 0,this.__pendingValue=void 0,this.options=e}appendInto(e){this.startNode=e.appendChild(l()),this.endNode=e.appendChild(l())}insertAfterNode(e){this.startNode=e,this.endNode=e.nextSibling}appendIntoPart(e){e.__insert(this.startNode=l()),e.__insert(this.endNode=l())}insertAfterPart(e){e.__insert(this.startNode=l()),this.endNode=e.endNode,e.endNode=this.startNode}setValue(e){this.__pendingValue=e}commit(){if(null===this.startNode.parentNode)return;for(;f(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=g,e(this)}const e=this.__pendingValue;e!==g&&(x(e)?e!==this.value&&this.__commitText(e):e instanceof w?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):_(e)?this.__commitIterable(e):e===m?(this.value=m,this.clear()):this.__commitText(e))}__insert(e){this.endNode.parentNode.insertBefore(e,this.endNode)}__commitNode(e){this.value!==e&&(this.clear(),this.__insert(e),this.value=e)}__commitText(e){const t=this.startNode.nextSibling,r="string"==typeof(e=null==e?"":e)?e:String(e);t===this.endNode.previousSibling&&3===t.nodeType?t.data=r:this.__commitNode(document.createTextNode(r)),this.value=e}__commitTemplateResult(e){const t=this.options.templateFactory(e);if(this.value instanceof v&&this.value.template===t)this.value.update(e.values);else{const r=new v(t,e.processor,this.options),o=r._clone();r.update(e.values),this.__commitNode(o),this.value=r}}__commitIterable(e){Array.isArray(this.value)||(this.value=[],this.clear());const t=this.value;let r,o=0;for(const i of e)r=t[o],void 0===r&&(r=new P(this.options),t.push(r),0===o?r.appendIntoPart(this):r.insertAfterPart(t[o-1])),r.setValue(i),r.commit(),o++;o<t.length&&(t.length=o,this.clear(r&&r.endNode))}clear(e=this.startNode){t(this.startNode.parentNode,e.nextSibling,this.endNode)}}class E{constructor(e,t,r){if(this.value=void 0,this.__pendingValue=void 0,2!==r.length||""!==r[0]||""!==r[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=t,this.strings=r}setValue(e){this.__pendingValue=e}commit(){for(;f(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=g,e(this)}if(this.__pendingValue===g)return;const e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=g}}class C extends S{constructor(e,t,r){super(e,t,r),this.single=2===r.length&&""===r[0]&&""===r[1]}_createPart(){return new k(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class k extends O{}let A=!1;(()=>{try{const e={get capture(){return A=!0,!1}};window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch(e){}})();class T{constructor(e,t,r){this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=t,this.eventContext=r,this.__boundHandleEvent=e=>this.handleEvent(e)}setValue(e){this.__pendingValue=e}commit(){for(;f(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=g,e(this)}if(this.__pendingValue===g)return;const e=this.__pendingValue,t=this.value,r=null==e||null!=t&&(e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive),o=null!=e&&(null==t||r);r&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),o&&(this.__options=N(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=g}handleEvent(e){"function"==typeof this.value?this.value.call(this.eventContext||this.element,e):this.value.handleEvent(e)}}const N=e=>e&&(A?{capture:e.capture,passive:e.passive,once:e.once}:e.capture)
 /**
@@ -112,3 +112,3 @@ * @license
  */
-class{handleAttributeExpressions(e,t,r,o){const i=t[0];if("."===i){return new k(e,t.slice(1),r).parts}if("@"===i)return[new T(e,t.slice(1),o.eventContext)];if("?"===i)return[new C(e,t.slice(1),r)];return new S(e,t,r).parts}handleTextExpression(e){return new P(e)}};
+class{handleAttributeExpressions(e,t,r,o){const i=t[0];if("."===i){return new C(e,t.slice(1),r).parts}if("@"===i)return[new T(e,t.slice(1),o.eventContext)];if("?"===i)return[new E(e,t.slice(1),r)];return new S(e,t,r).parts}handleTextExpression(e){return new P(e)}};
 /**
@@ -139,3 +139,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */,M=(e,t)=>`${e}--${t}`;let U=!0;void 0===window.ShadyCSS?U=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),U=!1);const W=e=>t=>{const o=M(t.type,e);let i=V.get(o);void 0===i&&(i={stringsArray:new WeakMap,keyString:new Map},V.set(o,i));let s=i.stringsArray.get(t.strings);if(void 0!==s)return s;const a=t.strings.join(r);if(s=i.keyString.get(a),void 0===s){const r=t.getTemplateElement();U&&window.ShadyCSS.prepareTemplateDom(r,e),s=new n(t,r),i.keyString.set(a,s)}return i.stringsArray.set(t.strings,s),s},B=["html","svg"],I=new Set,H=(e,t,r)=>{I.add(e);const o=r?r.element:document.createElement("template"),i=t.querySelectorAll("style"),{length:n}=i;if(0===n)return void window.ShadyCSS.prepareTemplateStyles(o,e);const s=document.createElement("style");for(let e=0;e<n;e++){const t=i[e];t.parentNode.removeChild(t),s.textContent+=t.textContent}(e=>{B.forEach((t=>{const r=V.get(M(t,e));void 0!==r&&r.keyString.forEach((e=>{const{element:{content:t}}=e,r=new Set;Array.from(t.querySelectorAll("style")).forEach((e=>{r.add(e)})),c(e,r)}))}))})(e);const a=o.content;r?function(e,t,r=null){const{element:{content:o},parts:i}=e;if(null==r)return void o.appendChild(t);const n=document.createTreeWalker(o,133,null,!1);let s=h(i),a=0,d=-1;for(;n.nextNode();)for(d++,n.currentNode===r&&(a=p(t),r.parentNode.insertBefore(t,r));-1!==s&&i[s].index===d;){if(a>0){for(;-1!==s;)i[s].index+=a,s=h(i,s);return}s=h(i,s)}}(r,s,a.firstChild):a.insertBefore(s,a.firstChild),window.ShadyCSS.prepareTemplateStyles(o,e);const d=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==d)t.insertBefore(d.cloneNode(!0),t.firstChild);else if(r){a.insertBefore(s,a.firstChild);const e=new Set;e.add(s),c(r,e)}};window.JSCompiler_renameProperty=(e,t)=>e;const q={toAttribute(e,t){switch(t){case Boolean:return e?"":null;case Object:case Array:return null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){switch(t){case Boolean:return null!==e;case Number:return null===e?null:Number(e);case Object:case Array:return JSON.parse(e)}return e}},$=(e,t)=>t!==e&&(t==t||e==e),z={attribute:!0,type:String,converter:q,reflect:!1,hasChanged:$};class F extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const e=[];return this._classProperties.forEach(((t,r)=>{const o=this._attributeNameForProperty(r,t);void 0!==o&&(this._attributeToPropertyMap.set(o,r),e.push(o))})),e}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const e=Object.getPrototypeOf(this)._classProperties;void 0!==e&&e.forEach(((e,t)=>this._classProperties.set(t,e)))}}static createProperty(e,t=z){if(this._ensureClassProperties(),this._classProperties.set(e,t),t.noAccessor||this.prototype.hasOwnProperty(e))return;const r="symbol"==typeof e?Symbol():`__${e}`,o=this.getPropertyDescriptor(e,r,t);void 0!==o&&Object.defineProperty(this.prototype,e,o)}static getPropertyDescriptor(e,t,r){return{get(){return this[t]},set(o){const i=this[e];this[t]=o,this.requestUpdateInternal(e,i,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this._classProperties&&this._classProperties.get(e)||z}static finalize(){const e=Object.getPrototypeOf(this);if(e.hasOwnProperty("finalized")||e.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const e=this.properties,t=[...Object.getOwnPropertyNames(e),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e):[]];for(const r of t)this.createProperty(r,e[r])}}static _attributeNameForProperty(e,t){const r=t.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof e?e.toLowerCase():void 0}static _valueHasChanged(e,t,r=$){return r(e,t)}static _propertyValueFromAttribute(e,t){const r=t.type,o=t.converter||q,i="function"==typeof o?o:o.fromAttribute;return i?i(e,r):e}static _propertyValueToAttribute(e,t){if(void 0===t.reflect)return;const r=t.type,o=t.converter;return(o&&o.toAttribute||q.toAttribute)(e,r)}initialize(){this._updateState=0,this._updatePromise=new Promise((e=>this._enableUpdatingResolver=e)),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach(((e,t)=>{if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(t,e)}}))}_applyInstanceProperties(){this._instanceProperties.forEach(((e,t)=>this[t]=e)),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(e,t,r){t!==r&&this._attributeToProperty(e,r)}_propertyToAttribute(e,t,r=z){const o=this.constructor,i=o._attributeNameForProperty(e,r);if(void 0!==i){const e=o._propertyValueToAttribute(t,r);if(void 0===e)return;this._updateState=8|this._updateState,null==e?this.removeAttribute(i):this.setAttribute(i,e),this._updateState=-9&this._updateState}}_attributeToProperty(e,t){if(8&this._updateState)return;const r=this.constructor,o=r._attributeToPropertyMap.get(e);if(void 0!==o){const e=r.getPropertyOptions(o);this._updateState=16|this._updateState,this[o]=r._propertyValueFromAttribute(t,e),this._updateState=-17&this._updateState}}requestUpdateInternal(e,t,r){let o=!0;if(void 0!==e){const i=this.constructor;r=r||i.getPropertyOptions(e),i._valueHasChanged(this[e],t,r.hasChanged)?(this._changedProperties.has(e)||this._changedProperties.set(e,t),!0!==r.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(e,r))):o=!1}!this._hasRequestedUpdate&&o&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(e,t){return this.requestUpdateInternal(e,t),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(e){}const e=this.performUpdate();return null!=e&&await e,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let e=!1;const t=this._changedProperties;try{e=this.shouldUpdate(t),e?this.update(t):this._markUpdated()}catch(t){throw e=!1,this._markUpdated(),t}e&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(t)),this.updated(t))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._updatePromise}shouldUpdate(e){return!0}update(e){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach(((e,t)=>this._propertyToAttribute(t,this[t],e))),this._reflectingProperties=void 0),this._markUpdated()}updated(e){}firstUpdated(e){}}F.finalized=!0;
+ */,M=(e,t)=>`${e}--${t}`;let U=!0;void 0===window.ShadyCSS?U=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),U=!1);const W=e=>t=>{const o=M(t.type,e);let i=V.get(o);void 0===i&&(i={stringsArray:new WeakMap,keyString:new Map},V.set(o,i));let s=i.stringsArray.get(t.strings);if(void 0!==s)return s;const a=t.strings.join(r);if(s=i.keyString.get(a),void 0===s){const r=t.getTemplateElement();U&&window.ShadyCSS.prepareTemplateDom(r,e),s=new n(t,r),i.keyString.set(a,s)}return i.stringsArray.set(t.strings,s),s},B=["html","svg"],I=new Set,H=(e,t,r)=>{I.add(e);const o=r?r.element:document.createElement("template"),i=t.querySelectorAll("style"),{length:n}=i;if(0===n)return void window.ShadyCSS.prepareTemplateStyles(o,e);const s=document.createElement("style");for(let e=0;e<n;e++){const t=i[e];t.parentNode.removeChild(t),s.textContent+=t.textContent}(e=>{B.forEach((t=>{const r=V.get(M(t,e));void 0!==r&&r.keyString.forEach((e=>{const{element:{content:t}}=e,r=new Set;Array.from(t.querySelectorAll("style")).forEach((e=>{r.add(e)})),c(e,r)}))}))})(e);const a=o.content;r?function(e,t,r=null){const{element:{content:o},parts:i}=e;if(null==r)return void o.appendChild(t);const n=document.createTreeWalker(o,133,null,!1);let s=h(i),a=0,l=-1;for(;n.nextNode();)for(l++,n.currentNode===r&&(a=p(t),r.parentNode.insertBefore(t,r));-1!==s&&i[s].index===l;){if(a>0){for(;-1!==s;)i[s].index+=a,s=h(i,s);return}s=h(i,s)}}(r,s,a.firstChild):a.insertBefore(s,a.firstChild),window.ShadyCSS.prepareTemplateStyles(o,e);const l=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==l)t.insertBefore(l.cloneNode(!0),t.firstChild);else if(r){a.insertBefore(s,a.firstChild);const e=new Set;e.add(s),c(r,e)}};window.JSCompiler_renameProperty=(e,t)=>e;const q={toAttribute(e,t){switch(t){case Boolean:return e?"":null;case Object:case Array:return null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){switch(t){case Boolean:return null!==e;case Number:return null===e?null:Number(e);case Object:case Array:return JSON.parse(e)}return e}},$=(e,t)=>t!==e&&(t==t||e==e),z={attribute:!0,type:String,converter:q,reflect:!1,hasChanged:$};class F extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const e=[];return this._classProperties.forEach(((t,r)=>{const o=this._attributeNameForProperty(r,t);void 0!==o&&(this._attributeToPropertyMap.set(o,r),e.push(o))})),e}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const e=Object.getPrototypeOf(this)._classProperties;void 0!==e&&e.forEach(((e,t)=>this._classProperties.set(t,e)))}}static createProperty(e,t=z){if(this._ensureClassProperties(),this._classProperties.set(e,t),t.noAccessor||this.prototype.hasOwnProperty(e))return;const r="symbol"==typeof e?Symbol():`__${e}`,o=this.getPropertyDescriptor(e,r,t);void 0!==o&&Object.defineProperty(this.prototype,e,o)}static getPropertyDescriptor(e,t,r){return{get(){return this[t]},set(o){const i=this[e];this[t]=o,this.requestUpdateInternal(e,i,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this._classProperties&&this._classProperties.get(e)||z}static finalize(){const e=Object.getPrototypeOf(this);if(e.hasOwnProperty("finalized")||e.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const e=this.properties,t=[...Object.getOwnPropertyNames(e),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e):[]];for(const r of t)this.createProperty(r,e[r])}}static _attributeNameForProperty(e,t){const r=t.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof e?e.toLowerCase():void 0}static _valueHasChanged(e,t,r=$){return r(e,t)}static _propertyValueFromAttribute(e,t){const r=t.type,o=t.converter||q,i="function"==typeof o?o:o.fromAttribute;return i?i(e,r):e}static _propertyValueToAttribute(e,t){if(void 0===t.reflect)return;const r=t.type,o=t.converter;return(o&&o.toAttribute||q.toAttribute)(e,r)}initialize(){this._updateState=0,this._updatePromise=new Promise((e=>this._enableUpdatingResolver=e)),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach(((e,t)=>{if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(t,e)}}))}_applyInstanceProperties(){this._instanceProperties.forEach(((e,t)=>this[t]=e)),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(e,t,r){t!==r&&this._attributeToProperty(e,r)}_propertyToAttribute(e,t,r=z){const o=this.constructor,i=o._attributeNameForProperty(e,r);if(void 0!==i){const e=o._propertyValueToAttribute(t,r);if(void 0===e)return;this._updateState=8|this._updateState,null==e?this.removeAttribute(i):this.setAttribute(i,e),this._updateState=-9&this._updateState}}_attributeToProperty(e,t){if(8&this._updateState)return;const r=this.constructor,o=r._attributeToPropertyMap.get(e);if(void 0!==o){const e=r.getPropertyOptions(o);this._updateState=16|this._updateState,this[o]=r._propertyValueFromAttribute(t,e),this._updateState=-17&this._updateState}}requestUpdateInternal(e,t,r){let o=!0;if(void 0!==e){const i=this.constructor;r=r||i.getPropertyOptions(e),i._valueHasChanged(this[e],t,r.hasChanged)?(this._changedProperties.has(e)||this._changedProperties.set(e,t),!0!==r.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(e,r))):o=!1}!this._hasRequestedUpdate&&o&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(e,t){return this.requestUpdateInternal(e,t),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(e){}const e=this.performUpdate();return null!=e&&await e,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let e=!1;const t=this._changedProperties;try{e=this.shouldUpdate(t),e?this.update(t):this._markUpdated()}catch(t){throw e=!1,this._markUpdated(),t}e&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(t)),this.updated(t))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._updatePromise}shouldUpdate(e){return!0}update(e){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach(((e,t)=>this._propertyToAttribute(t,this[t],e))),this._reflectingProperties=void 0),this._markUpdated()}updated(e){}firstUpdated(e){}}F.finalized=!0;
 /**
@@ -165,2 +165,2 @@ @license
  */
-(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const K={};class Q extends F{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const e=this.getStyles();if(Array.isArray(e)){const t=(e,r)=>e.reduceRight(((e,r)=>Array.isArray(r)?t(r,e):(e.add(r),e)),r),r=t(e,new Set),o=[];r.forEach((e=>o.unshift(e))),this._styles=o}else this._styles=void 0===e?[]:[e];this._styles=this._styles.map((e=>{if(e instanceof CSSStyleSheet&&!J){const t=Array.prototype.slice.call(e.cssRules).reduce(((e,t)=>e+t.cssText),"");return new Y(String(t),X)}return e}))}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow(this.constructor.shadowRootOptions)}adoptStyles(){const e=this.constructor._styles;0!==e.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?J?this.renderRoot.adoptedStyleSheets=e.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(e.map((e=>e.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(e){const t=this.render();super.update(e),t!==K&&this.constructor.render(t,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((e=>{const t=document.createElement("style");t.textContent=e.cssText,this.renderRoot.appendChild(t)})))}render(){return K}}Q.finalized=!0,Q.render=(e,r,o)=>{if(!o||"object"!=typeof o||!o.scopeName)throw new Error("The `scopeName` option is required.");const i=o.scopeName,n=L.has(r),s=U&&11===r.nodeType&&!!r.host,a=s&&!I.has(i),d=a?document.createDocumentFragment():r;if(((e,r,o)=>{let i=L.get(r);void 0===i&&(t(r,r.firstChild),L.set(r,i=new P(Object.assign({templateFactory:D},o))),i.appendInto(r)),i.setValue(e),i.commit()})(e,d,Object.assign({templateFactory:W(i)},o)),a){const e=L.get(d);L.delete(d);const o=e.value instanceof v?e.value.template:void 0;H(i,d,o),t(r,r.firstChild),r.appendChild(d),L.set(r,e)}!n&&s&&window.ShadyCSS.styleElement(r.host)},Q.shadowRootOptions={mode:"open"};var Z=G`.popover{display:inline-block;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--auro-color-background-lightest);box-shadow:-2px 0 5px 2px rgba(0,0,0,.08),0 2px 5px 1px rgba(0,0,0,.08);color:var(--auro-color-text-primary-on-light)}.label{color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--auro-color-background-lightest);color:var(--auro-color-text-primary-on-light)}.trigger:active,.trigger:focus-within{border-color:var(--auro-color-border-active-on-light)}.trigger:focus-within:not(:active){outline:1px solid var(--auro-color-ui-default-on-light)}@media(hover:hover){.trigger:hover{background-color:var(--auro-color-ui-bkg-hover-on-light);cursor:pointer}}.triggerContentWrapper{flex:1}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--auro-size-xs);color:var(--auro-color-icon-primary-on-light)}#showStateIcon auro-icon{height:1.5rem;line-height:1.5rem}#showStateIcon[data-expanded=true] auro-icon{transform:rotate(-180deg)}.helpText{margin-top:4px;color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}:host(:not([data-show])) .popover{display:none}:host([data-show]) .popover{z-index:var(--auro-depth-tooltip)}:host([common]) .popover,:host([common]) .trigger,:host([rounded]) .popover,:host([rounded]) .trigger{overflow:hidden;border-radius:var(--auro-border-radius)}:host([common]) .trigger,:host([inset]) .trigger{padding:var(--auro-size-xs) var(--auro-size-sm)}:host([disabled]){pointer-events:none}:host([disabled]) #showStateIcon,:host([disabled]) .label,:host([disabled]) .trigger{color:var(--auro-color-text-disabled-on-light)}:host([bordered]) .trigger,:host([common]) .trigger{border-color:var(--auro-color-border-primary-on-light)}:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within,:host([common]) .trigger:active,:host([common]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light)}:host([error]) .helpText{color:var(--auro-color-text-error-on-light)}:host([error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([disabled][bordered]) .trigger,:host([disabled][common]) .trigger{border-color:var(--auro-color-border-disabled)}:host([bordered][error]) .trigger,:host([common][error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([bordered][error]) .trigger:focus-within,:host([common][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([bordered][error]) .trigger:active,:host([common][error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([onDark]) .trigger{color:var(--auro-color-text-primary-on-dark)}:host([onDark]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark]) .helpText,:host([onDark]) .label{color:var(--auro-color-text-secondary-on-dark)}:host([onDark]) #showStateIcon{color:var(--auro-color-icon-primary-on-dark)}@media(hover:hover){:host([onDark]) .trigger:hover{background-color:rgba(178,178,178,.1)}}:host([onDark][error]) .helpText{color:var(--auro-color-text-error-on-dark)}:host([onDark][error]) .trigger{border-color:var(--auro-color-border-error-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-dark)}:host([onDark][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark][disabled]) .helpText,:host([onDark][disabled]) .label,:host([onDark][disabled]) .trigger{color:var(--auro-color-text-disabled-on-dark)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled-on-dark)}`;function ee(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function te(e){return e instanceof ee(e).Element||e instanceof Element}function re(e){return e instanceof ee(e).HTMLElement||e instanceof HTMLElement}function oe(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ee(e).ShadowRoot||e instanceof ShadowRoot)}var ie=Math.max,ne=Math.min,se=Math.round;function ae(e,t){void 0===t&&(t=!1);var r=e.getBoundingClientRect(),o=1,i=1;if(re(e)&&t){var n=e.offsetHeight,s=e.offsetWidth;s>0&&(o=se(r.width)/s||1),n>0&&(i=se(r.height)/n||1)}return{width:r.width/o,height:r.height/i,top:r.top/i,right:r.right/o,bottom:r.bottom/i,left:r.left/o,x:r.left/o,y:r.top/i}}function de(e){var t=ee(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function le(e){return e?(e.nodeName||"").toLowerCase():null}function ce(e){return((te(e)?e.ownerDocument:e.document)||window.document).documentElement}function pe(e){return ae(ce(e)).left+de(e).scrollLeft}function he(e){return ee(e).getComputedStyle(e)}function ue(e){var t=he(e),r=t.overflow,o=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+o)}function fe(e,t,r){void 0===r&&(r=!1);var o,i,n=re(t),s=re(t)&&function(e){var t=e.getBoundingClientRect(),r=se(t.width)/e.offsetWidth||1,o=se(t.height)/e.offsetHeight||1;return 1!==r||1!==o}(t),a=ce(t),d=ae(e,s),l={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==le(t)||ue(a))&&(l=(o=t)!==ee(o)&&re(o)?{scrollLeft:(i=o).scrollLeft,scrollTop:i.scrollTop}:de(o)),re(t)?((c=ae(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=pe(a))),{x:d.left+l.scrollLeft-c.x,y:d.top+l.scrollTop-c.y,width:d.width,height:d.height}}function ge(e){var t=ae(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function me(e){return"html"===le(e)?e:e.assignedSlot||e.parentNode||(oe(e)?e.host:null)||ce(e)}function ve(e){return["html","body","#document"].indexOf(le(e))>=0?e.ownerDocument.body:re(e)&&ue(e)?e:ve(me(e))}function ye(e,t){var r;void 0===t&&(t=[]);var o=ve(e),i=o===(null==(r=e.ownerDocument)?void 0:r.body),n=ee(o),s=i?[n].concat(n.visualViewport||[],ue(o)?o:[]):o,a=t.concat(s);return i?a:a.concat(ye(me(s)))}function be(e){return["table","td","th"].indexOf(le(e))>=0}function we(e){return re(e)&&"fixed"!==he(e).position?e.offsetParent:null}function xe(e){for(var t=ee(e),r=we(e);r&&be(r)&&"static"===he(r).position;)r=we(r);return r&&("html"===le(r)||"body"===le(r)&&"static"===he(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&re(e)&&"fixed"===he(e).position)return null;var r=me(e);for(oe(r)&&(r=r.host);re(r)&&["html","body"].indexOf(le(r))<0;){var o=he(r);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return r;r=r.parentNode}return null}(e)||t}var _e="top",Se="bottom",Oe="right",Pe="left",Ce=[_e,Se,Oe,Pe],ke=Ce.reduce((function(e,t){return e.concat([t+"-start",t+"-end"])}),[]),Ee=[].concat(Ce,["auto"]).reduce((function(e,t){return e.concat([t,t+"-start",t+"-end"])}),[]),Ae=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Te(e){var t=new Map,r=new Set,o=[];function i(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var o=t.get(e);o&&i(o)}})),o.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||i(e)})),o}function Ne(e){return e.split("-")[0]}function De(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&oe(r)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function Ve(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Le(e,t){return"viewport"===t?Ve(function(e){var t=ee(e),r=ce(e),o=t.visualViewport,i=r.clientWidth,n=r.clientHeight,s=0,a=0;return o&&(i=o.width,n=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=o.offsetLeft,a=o.offsetTop)),{width:i,height:n,x:s+pe(e),y:a}}(e)):te(t)?function(e){var t=ae(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):Ve(function(e){var t,r=ce(e),o=de(e),i=null==(t=e.ownerDocument)?void 0:t.body,n=ie(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),s=ie(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),a=-o.scrollLeft+pe(e),d=-o.scrollTop;return"rtl"===he(i||r).direction&&(a+=ie(r.clientWidth,i?i.clientWidth:0)-n),{width:n,height:s,x:a,y:d}}(ce(e)))}function je(e,t,r){var o="clippingParents"===t?function(e){var t=ye(me(e)),r=["absolute","fixed"].indexOf(he(e).position)>=0&&re(e)?xe(e):e;return te(r)?t.filter((function(e){return te(e)&&De(e,r)&&"body"!==le(e)})):[]}(e):[].concat(t),i=[].concat(o,[r]),n=i[0],s=i.reduce((function(t,r){var o=Le(e,r);return t.top=ie(o.top,t.top),t.right=ne(o.right,t.right),t.bottom=ne(o.bottom,t.bottom),t.left=ie(o.left,t.left),t}),Le(e,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function Re(e){return e.split("-")[1]}function Me(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Ue(e){var t,r=e.reference,o=e.element,i=e.placement,n=i?Ne(i):null,s=i?Re(i):null,a=r.x+r.width/2-o.width/2,d=r.y+r.height/2-o.height/2;switch(n){case _e:t={x:a,y:r.y-o.height};break;case Se:t={x:a,y:r.y+r.height};break;case Oe:t={x:r.x+r.width,y:d};break;case Pe:t={x:r.x-o.width,y:d};break;default:t={x:r.x,y:r.y}}var l=n?Me(n):null;if(null!=l){var c="y"===l?"height":"width";switch(s){case"start":t[l]=t[l]-(r[c]/2-o[c]/2);break;case"end":t[l]=t[l]+(r[c]/2-o[c]/2)}}return t}function We(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function Be(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function Ie(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=void 0===o?e.placement:o,n=r.boundary,s=void 0===n?"clippingParents":n,a=r.rootBoundary,d=void 0===a?"viewport":a,l=r.elementContext,c=void 0===l?"popper":l,p=r.altBoundary,h=void 0!==p&&p,u=r.padding,f=void 0===u?0:u,g=We("number"!=typeof f?f:Be(f,Ce)),m="popper"===c?"reference":"popper",v=e.rects.popper,y=e.elements[h?m:c],b=je(te(y)?y:y.contextElement||ce(e.elements.popper),s,d),w=ae(e.elements.reference),x=Ue({reference:w,element:v,strategy:"absolute",placement:i}),_=Ve(Object.assign({},v,x)),S="popper"===c?_:w,O={top:b.top-S.top+g.top,bottom:S.bottom-b.bottom+g.bottom,left:b.left-S.left+g.left,right:S.right-b.right+g.right},P=e.modifiersData.offset;if("popper"===c&&P){var C=P[i];Object.keys(O).forEach((function(e){var t=[Oe,Se].indexOf(e)>=0?1:-1,r=[_e,Se].indexOf(e)>=0?"y":"x";O[e]+=C[r]*t}))}return O}var He={placement:"bottom",modifiers:[],strategy:"absolute"};function qe(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function $e(e){void 0===e&&(e={});var t=e,r=t.defaultModifiers,o=void 0===r?[]:r,i=t.defaultOptions,n=void 0===i?He:i;return function(e,t,r){void 0===r&&(r=n);var i,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},He,n),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},d=[],l=!1,c={state:a,setOptions:function(r){var i="function"==typeof r?r(a.options):r;p(),a.options=Object.assign({},n,a.options,i),a.scrollParents={reference:te(e)?ye(e):e.contextElement?ye(e.contextElement):[],popper:ye(t)};var s,l,h=function(e){var t=Te(e);return Ae.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}((s=[].concat(o,a.options.modifiers),l=s.reduce((function(e,t){var r=e[t.name];return e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t,e}),{}),Object.keys(l).map((function(e){return l[e]}))));return a.orderedModifiers=h.filter((function(e){return e.enabled})),a.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,o=void 0===r?{}:r,i=e.effect;if("function"==typeof i){var n=i({state:a,name:t,instance:c,options:o}),s=function(){};d.push(n||s)}})),c.update()},forceUpdate:function(){if(!l){var e=a.elements,t=e.reference,r=e.popper;if(qe(t,r)){a.rects={reference:fe(t,xe(r),"fixed"===a.options.strategy),popper:ge(r)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(e){return a.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<a.orderedModifiers.length;o++)if(!0!==a.reset){var i=a.orderedModifiers[o],n=i.fn,s=i.options,d=void 0===s?{}:s,p=i.name;"function"==typeof n&&(a=n({state:a,options:d,name:p,instance:c})||a)}else a.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(e){c.forceUpdate(),e(a)}))},function(){return s||(s=new Promise((function(e){Promise.resolve().then((function(){s=void 0,e(i())}))}))),s}),destroy:function(){p(),l=!0}};if(!qe(e,t))return c;function p(){d.forEach((function(e){return e()})),d=[]}return c.setOptions(r).then((function(e){!l&&r.onFirstUpdate&&r.onFirstUpdate(e)})),c}}var ze={passive:!0};var Fe={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Je(e){var t,r=e.popper,o=e.popperRect,i=e.placement,n=e.variation,s=e.offsets,a=e.position,d=e.gpuAcceleration,l=e.adaptive,c=e.roundOffsets,p=e.isFixed,h=s.x,u=void 0===h?0:h,f=s.y,g=void 0===f?0:f,m="function"==typeof c?c({x:u,y:g}):{x:u,y:g};u=m.x,g=m.y;var v=s.hasOwnProperty("x"),y=s.hasOwnProperty("y"),b=Pe,w=_e,x=window;if(l){var _=xe(r),S="clientHeight",O="clientWidth";if(_===ee(r)&&"static"!==he(_=ce(r)).position&&"absolute"===a&&(S="scrollHeight",O="scrollWidth"),i===_e||(i===Pe||i===Oe)&&"end"===n)w=Se,g-=(p&&_===x&&x.visualViewport?x.visualViewport.height:_[S])-o.height,g*=d?1:-1;if(i===Pe||(i===_e||i===Se)&&"end"===n)b=Oe,u-=(p&&_===x&&x.visualViewport?x.visualViewport.width:_[O])-o.width,u*=d?1:-1}var P,C=Object.assign({position:a},l&&Fe),k=!0===c?function(e){var t=e.x,r=e.y,o=window.devicePixelRatio||1;return{x:se(t*o)/o||0,y:se(r*o)/o||0}}({x:u,y:g}):{x:u,y:g};return u=k.x,g=k.y,d?Object.assign({},C,((P={})[w]=y?"0":"",P[b]=v?"0":"",P.transform=(x.devicePixelRatio||1)<=1?"translate("+u+"px, "+g+"px)":"translate3d("+u+"px, "+g+"px, 0)",P)):Object.assign({},C,((t={})[w]=y?g+"px":"",t[b]=v?u+"px":"",t.transform="",t))}var Xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,o=e.name,i=r.offset,n=void 0===i?[0,0]:i,s=Ee.reduce((function(e,r){return e[r]=function(e,t,r){var o=Ne(e),i=[Pe,_e].indexOf(o)>=0?-1:1,n="function"==typeof r?r(Object.assign({},t,{placement:e})):r,s=n[0],a=n[1];return s=s||0,a=(a||0)*i,[Pe,Oe].indexOf(o)>=0?{x:a,y:s}:{x:s,y:a}}(r,t.rects,n),e}),{}),a=s[t.placement],d=a.x,l=a.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=l),t.modifiersData[o]=s}},Ye={left:"right",right:"left",bottom:"top",top:"bottom"};function Ge(e){return e.replace(/left|right|bottom|top/g,(function(e){return Ye[e]}))}var Ke={start:"end",end:"start"};function Qe(e){return e.replace(/start|end/g,(function(e){return Ke[e]}))}function Ze(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=r.boundary,n=r.rootBoundary,s=r.padding,a=r.flipVariations,d=r.allowedAutoPlacements,l=void 0===d?Ee:d,c=Re(o),p=c?a?ke:ke.filter((function(e){return Re(e)===c})):Ce,h=p.filter((function(e){return l.indexOf(e)>=0}));0===h.length&&(h=p);var u=h.reduce((function(t,r){return t[r]=Ie(e,{placement:r,boundary:i,rootBoundary:n,padding:s})[Ne(r)],t}),{});return Object.keys(u).sort((function(e,t){return u[e]-u[t]}))}var et={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0===s||s,d=r.fallbackPlacements,l=r.padding,c=r.boundary,p=r.rootBoundary,h=r.altBoundary,u=r.flipVariations,f=void 0===u||u,g=r.allowedAutoPlacements,m=t.options.placement,v=Ne(m),y=d||(v===m||!f?[Ge(m)]:function(e){if("auto"===Ne(e))return[];var t=Ge(e);return[Qe(e),t,Qe(t)]}(m)),b=[m].concat(y).reduce((function(e,r){return e.concat("auto"===Ne(r)?Ze(t,{placement:r,boundary:c,rootBoundary:p,padding:l,flipVariations:f,allowedAutoPlacements:g}):r)}),[]),w=t.rects.reference,x=t.rects.popper,_=new Map,S=!0,O=b[0],P=0;P<b.length;P++){var C=b[P],k=Ne(C),E="start"===Re(C),A=[_e,Se].indexOf(k)>=0,T=A?"width":"height",N=Ie(t,{placement:C,boundary:c,rootBoundary:p,altBoundary:h,padding:l}),D=A?E?Oe:Pe:E?Se:_e;w[T]>x[T]&&(D=Ge(D));var V=Ge(D),L=[];if(n&&L.push(N[k]<=0),a&&L.push(N[D]<=0,N[V]<=0),L.every((function(e){return e}))){O=C,S=!1;break}_.set(C,L)}if(S)for(var j=function(e){var t=b.find((function(t){var r=_.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return O=t,"break"},R=f?3:1;R>0;R--){if("break"===j(R))break}t.placement!==O&&(t.modifiersData[o]._skip=!0,t.placement=O,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function tt(e,t,r){return ie(e,ne(t,r))}var rt={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name,i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0!==s&&s,d=r.boundary,l=r.rootBoundary,c=r.altBoundary,p=r.padding,h=r.tether,u=void 0===h||h,f=r.tetherOffset,g=void 0===f?0:f,m=Ie(t,{boundary:d,rootBoundary:l,padding:p,altBoundary:c}),v=Ne(t.placement),y=Re(t.placement),b=!y,w=Me(v),x="x"===w?"y":"x",_=t.modifiersData.popperOffsets,S=t.rects.reference,O=t.rects.popper,P="function"==typeof g?g(Object.assign({},t.rects,{placement:t.placement})):g,C="number"==typeof P?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,E={x:0,y:0};if(_){if(n){var A,T="y"===w?_e:Pe,N="y"===w?Se:Oe,D="y"===w?"height":"width",V=_[w],L=V+m[T],j=V-m[N],R=u?-O[D]/2:0,M="start"===y?S[D]:O[D],U="start"===y?-O[D]:-S[D],W=t.elements.arrow,B=u&&W?ge(W):{width:0,height:0},I=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},H=I[T],q=I[N],$=tt(0,S[D],B[D]),z=b?S[D]/2-R-$-H-C.mainAxis:M-$-H-C.mainAxis,F=b?-S[D]/2+R+$+q+C.mainAxis:U+$+q+C.mainAxis,J=t.elements.arrow&&xe(t.elements.arrow),X=J?"y"===w?J.clientTop||0:J.clientLeft||0:0,Y=null!=(A=null==k?void 0:k[w])?A:0,G=V+F-Y,K=tt(u?ne(L,V+z-Y-X):L,V,u?ie(j,G):j);_[w]=K,E[w]=K-V}if(a){var Q,Z="x"===w?_e:Pe,ee="x"===w?Se:Oe,te=_[x],re="y"===x?"height":"width",oe=te+m[Z],se=te-m[ee],ae=-1!==[_e,Pe].indexOf(v),de=null!=(Q=null==k?void 0:k[x])?Q:0,le=ae?oe:te-S[re]-O[re]-de+C.altAxis,ce=ae?te+S[re]+O[re]-de-C.altAxis:se,pe=u&&ae?function(e,t,r){var o=tt(e,t,r);return o>r?r:o}(le,te,ce):tt(u?le:oe,te,u?ce:se);_[x]=pe,E[x]=pe-te}t.modifiersData[o]=E}},requiresIfExists:["offset"]};var ot={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,o=e.name,i=e.options,n=r.elements.arrow,s=r.modifiersData.popperOffsets,a=Ne(r.placement),d=Me(a),l=[Pe,Oe].indexOf(a)>=0?"height":"width";if(n&&s){var c=function(e,t){return We("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:Be(e,Ce))}(i.padding,r),p=ge(n),h="y"===d?_e:Pe,u="y"===d?Se:Oe,f=r.rects.reference[l]+r.rects.reference[d]-s[d]-r.rects.popper[l],g=s[d]-r.rects.reference[d],m=xe(n),v=m?"y"===d?m.clientHeight||0:m.clientWidth||0:0,y=f/2-g/2,b=c[h],w=v-p[l]-c[u],x=v/2-p[l]/2+y,_=tt(b,x,w),S=d;r.modifiersData[o]=((t={})[S]=_,t.centerOffset=_-x,t)}},effect:function(e){var t=e.state,r=e.options.element,o=void 0===r?"[data-popper-arrow]":r;null!=o&&("string"!=typeof o||(o=t.elements.popper.querySelector(o)))&&De(t.elements.popper,o)&&(t.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function it(e,t,r){return void 0===r&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function nt(e){return[_e,Oe,Se,Pe].some((function(t){return e[t]>=0}))}var st=$e({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,o=e.options,i=o.scroll,n=void 0===i||i,s=o.resize,a=void 0===s||s,d=ee(t.elements.popper),l=[].concat(t.scrollParents.reference,t.scrollParents.popper);return n&&l.forEach((function(e){e.addEventListener("scroll",r.update,ze)})),a&&d.addEventListener("resize",r.update,ze),function(){n&&l.forEach((function(e){e.removeEventListener("scroll",r.update,ze)})),a&&d.removeEventListener("resize",r.update,ze)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=Ue({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,o=r.gpuAcceleration,i=void 0===o||o,n=r.adaptive,s=void 0===n||n,a=r.roundOffsets,d=void 0===a||a,l={placement:Ne(t.placement),variation:Re(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Je(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:d})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Je(Object.assign({},l,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:d})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{},o=t.attributes[e]||{},i=t.elements[e];re(i)&&le(i)&&(Object.assign(i.style,r),Object.keys(o).forEach((function(e){var t=o[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach((function(e){var o=t.elements[e],i=t.attributes[e]||{},n=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]).reduce((function(e,t){return e[t]="",e}),{});re(o)&&le(o)&&(Object.assign(o.style,n),Object.keys(i).forEach((function(e){o.removeAttribute(e)})))}))}},requires:["computeStyles"]},Xe,et,rt,ot,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,r=e.name,o=t.rects.reference,i=t.rects.popper,n=t.modifiersData.preventOverflow,s=Ie(t,{elementContext:"reference"}),a=Ie(t,{altBoundary:!0}),d=it(s,o),l=it(a,i,n),c=nt(d),p=nt(l);t.modifiersData[r]={referenceClippingOffsets:d,popperEscapeOffsets:l,isReferenceHidden:c,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":p})}}]});class at{constructor(e,t,r){this.anchor=e,this.popover=t,this.options={placement:r,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass)}show(){this.popper&&this.popper.destroy(),this.popper=st(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,strategy:"absolute"})}hide(){this.popover.classList.remove(this.options.visibleClass)}triggerUpdate(){this.popper.update()}}class dt extends Q{constructor(){super(),this.isPopoverVisible=!1,this.matchWidth=!1,this.privateDefaults()}privateDefaults(){this.bordered=!1,this.chevron=!1,this.disabled=!1,this.error=!1,this.inset=!1,this.placement="bottom-start",this.rounded=!1,this.ready=!1,this.tabIndex=0,this.toggle=!1}static get properties(){return{bordered:{type:Boolean,reflect:!0},chevron:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},error:{type:Boolean,reflect:!0},inset:{type:Boolean,reflect:!0},matchWidth:{type:Boolean,reflect:!0},rounded:{type:Boolean,reflect:!0},toggle:{type:Boolean},isPopoverVisible:{type:Boolean},ready:{type:Boolean},dropdownWidth:{type:Number},placement:{type:String},tabIndex:{type:Number}}}static get styles(){return G`${Z}`}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}fixWidth(){this.matchWidth&&(this.dropdownWidth=this.getBoundingClientRect().width)}handleTriggerTabIndex(){const e=this.querySelector('[slot="trigger"');if(!e.getAttribute("tabindex")){["a","button",'input:not([type="hidden])',"select","textarea",'[tabindex]:not([tabindex="-1"])',"auro-button","auro-input","auro-hyperlink"].forEach((t=>{(e.matches(t)||e.querySelector(t))&&(this.tabIndex=-1)}))}}firstUpdated(){this.fixWidth(),this.trigger=this.shadowRoot.querySelector("#trigger"),this.trigger.setAttribute("aria-expanded",this.isPopoverVisible),this.triggerChevron=this.shadowRoot.querySelector("#showStateIcon"),this.popover=this.shadowRoot.querySelector("#popover"),this.popper=new at(this.trigger,this.popover,this.placement);const e=()=>{this.toggleShow()},t=()=>{this.isPopoverVisible?this.toggleHide():e()},r=e=>{"escape"===e.key.toLowerCase()&&this.toggleHide()},o=t=>{const r=t.key.toLowerCase();" "!==r&&"enter"!==r||(t.preventDefault(),e())},i=e=>{const r=e.key.toLowerCase();" "!==r&&"enter"!==r||(e.preventDefault(),t())},n=()=>{const e=new CustomEvent("auroDropdown-triggerClick",{composed:!0});this.dispatchEvent(e)};this.hasAttribute("disableEventShow")?(this.trigger.addEventListener("click",n),this.trigger.addEventListener("keydown",(e=>{const t=e.key.toLowerCase();" "!==t&&"enter"!==t||n()}))):this.toggle?(this.trigger.addEventListener("click",t),this.trigger.addEventListener("keydown",i)):(this.trigger.addEventListener("click",e),this.trigger.addEventListener("keydown",o)),this.trigger.addEventListener("keydown",r),this.popover.addEventListener("keydown",r),this.notifyReady()}notifyReady(){this.ready=!0,this.dispatchEvent(new CustomEvent("auroDropdown-ready",{bubbles:!0,cancelable:!1,composed:!0}))}toggleHide(){this.popper.hide(),this.isPopoverVisible=!1,this.removeAttribute("data-show"),this.chevron&&this.triggerChevron.removeAttribute("data-expanded"),this.dispatchEventDropdownToggle()}toggleShow(){this.hasAttribute("disabled")||(document.expandedAuroDropdown&&document.expandedAuroDropdown.hide(),document.expandedAuroDropdown=this,this.fixWidth(),this.popper.show(),this.isPopoverVisible=!0,this.setAttribute("data-show",!0),this.chevron&&this.triggerChevron.setAttribute("data-expanded",!0),this.dispatchEventDropdownToggle())}hide(){this.toggleHide()}show(){this.toggleShow()}dispatchEventDropdownToggle(){const e=new CustomEvent("dropdownToggled",{detail:{expanded:this.isPopoverVisible},composed:!0});this.dispatchEvent(e);const t=new CustomEvent("auroDropdown-toggled",{detail:{expanded:this.isPopoverVisible},composed:!0});this.dispatchEvent(t)}outsideClick(e){-1===e.composedPath().indexOf(document.expandedAuroDropdown)&&document.expandedAuroDropdown.hide()}updated(e){e.has("isPopoverVisible")&&(this.trigger.setAttribute("aria-expanded",this.isPopoverVisible),this.isPopoverVisible?document.addEventListener("click",document.expandedAuroDropdown.outsideClick):document.expandedAuroDropdown&&document.removeEventListener("click",document.expandedAuroDropdown.outsideClick))}render(){return R`<div id="trigger" class="trigger" part="trigger" role="button" aria-labelledby="triggerLabel" aria-controls="popover" data-trigger-placement="${this.placement}" tabindex="${this.tabIndex}"><div class="triggerContentWrapper"><label class="label" id="triggerLabel"><slot name="label"></slot></label><div class="triggerContent" chevron="${this.chevron}"><slot name="trigger" @slotchange="${this.handleTriggerTabIndex()}"></slot></div></div>${this.chevron?R`<div id="showStateIcon" part="chevron"><auro-icon category="interface" name="chevron-down" customColor></auro-icon></div>`:void 0}</div><div class="helpText" part="helpText"><slot name="helpText"></slot></div><div id="popover" class="popover" part="popover" aria-live="polite" style="${`min-width: ${this.dropdownWidth}px;`}"><slot role="tooltip"></slot></div>`}}customElements.get("auro-dropdown")||customElements.define("auro-dropdown",dt);
+(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const K={};class Q extends F{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const e=this.getStyles();if(Array.isArray(e)){const t=(e,r)=>e.reduceRight(((e,r)=>Array.isArray(r)?t(r,e):(e.add(r),e)),r),r=t(e,new Set),o=[];r.forEach((e=>o.unshift(e))),this._styles=o}else this._styles=void 0===e?[]:[e];this._styles=this._styles.map((e=>{if(e instanceof CSSStyleSheet&&!J){const t=Array.prototype.slice.call(e.cssRules).reduce(((e,t)=>e+t.cssText),"");return new Y(String(t),X)}return e}))}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow(this.constructor.shadowRootOptions)}adoptStyles(){const e=this.constructor._styles;0!==e.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?J?this.renderRoot.adoptedStyleSheets=e.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(e.map((e=>e.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(e){const t=this.render();super.update(e),t!==K&&this.constructor.render(t,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((e=>{const t=document.createElement("style");t.textContent=e.cssText,this.renderRoot.appendChild(t)})))}render(){return K}}Q.finalized=!0,Q.render=(e,r,o)=>{if(!o||"object"!=typeof o||!o.scopeName)throw new Error("The `scopeName` option is required.");const i=o.scopeName,n=L.has(r),s=U&&11===r.nodeType&&!!r.host,a=s&&!I.has(i),l=a?document.createDocumentFragment():r;if(((e,r,o)=>{let i=L.get(r);void 0===i&&(t(r,r.firstChild),L.set(r,i=new P(Object.assign({templateFactory:D},o))),i.appendInto(r)),i.setValue(e),i.commit()})(e,l,Object.assign({templateFactory:W(i)},o)),a){const e=L.get(l);L.delete(l);const o=e.value instanceof v?e.value.template:void 0;H(i,l,o),t(r,r.firstChild),r.appendChild(l),L.set(r,e)}!n&&s&&window.ShadyCSS.styleElement(r.host)},Q.shadowRootOptions={mode:"open"};var Z=G`.popover{display:inline-block;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--auro-color-background-lightest);box-shadow:-2px 0 5px 2px rgba(0,0,0,.08),0 2px 5px 1px rgba(0,0,0,.08);color:var(--auro-color-text-primary-on-light)}.label{color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--auro-color-background-lightest);color:var(--auro-color-text-primary-on-light)}.trigger:active,.trigger:focus-within{border-color:var(--auro-color-border-active-on-light)}.trigger:focus-within:not(:active){outline:1px solid var(--auro-color-ui-default-on-light)}@media(hover:hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{flex:1}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--auro-size-xs);color:var(--auro-color-icon-primary-on-light)}#showStateIcon auro-icon{height:1.5rem;line-height:1.5rem}#showStateIcon[data-expanded=true] auro-icon{transform:rotate(-180deg)}.helpText{margin-top:4px;color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}:host(:not([data-show])) .popover{display:none}:host([data-show]) .popover{z-index:var(--auro-depth-tooltip)}:host([common]) .popover,:host([common]) .trigger,:host([rounded]) .popover,:host([rounded]) .trigger{overflow:hidden;border-radius:var(--auro-border-radius)}:host([common]) .trigger,:host([inset]) .trigger{padding:var(--auro-size-xs) var(--auro-size-sm)}:host([disabled]){pointer-events:none}:host([disabled]) #showStateIcon,:host([disabled]) .label,:host([disabled]) .trigger{color:var(--auro-color-text-disabled-on-light)}:host([bordered]) .trigger,:host([common]) .trigger{border-color:var(--auro-color-border-primary-on-light)}:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within,:host([common]) .trigger:active,:host([common]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light)}:host([error]) .helpText{color:var(--auro-color-text-error-on-light)}:host([error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([disabled][bordered]) .trigger,:host([disabled][common]) .trigger{border-color:var(--auro-color-border-disabled)}:host([bordered][error]) .trigger,:host([common][error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([bordered][error]) .trigger:focus-within,:host([common][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([bordered][error]) .trigger:active,:host([common][error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([onDark]) .trigger{color:var(--auro-color-text-primary-on-dark)}:host([onDark]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark]) .helpText,:host([onDark]) .label{color:var(--auro-color-text-secondary-on-dark)}:host([onDark]) #showStateIcon{color:var(--auro-color-icon-primary-on-dark)}@media(hover:hover){:host([onDark]) .trigger:hover{background-color:rgba(178,178,178,.1)}}:host([onDark][error]) .helpText{color:var(--auro-color-text-error-on-dark)}:host([onDark][error]) .trigger{border-color:var(--auro-color-border-error-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-dark)}:host([onDark][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark][disabled]) .helpText,:host([onDark][disabled]) .label,:host([onDark][disabled]) .trigger{color:var(--auro-color-text-disabled-on-dark)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled-on-dark)}`;function ee(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function te(e){return e instanceof ee(e).Element||e instanceof Element}function re(e){return e instanceof ee(e).HTMLElement||e instanceof HTMLElement}function oe(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ee(e).ShadowRoot||e instanceof ShadowRoot)}var ie=Math.max,ne=Math.min,se=Math.round;function ae(e,t){void 0===t&&(t=!1);var r=e.getBoundingClientRect(),o=1,i=1;if(re(e)&&t){var n=e.offsetHeight,s=e.offsetWidth;s>0&&(o=se(r.width)/s||1),n>0&&(i=se(r.height)/n||1)}return{width:r.width/o,height:r.height/i,top:r.top/i,right:r.right/o,bottom:r.bottom/i,left:r.left/o,x:r.left/o,y:r.top/i}}function le(e){var t=ee(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function de(e){return e?(e.nodeName||"").toLowerCase():null}function ce(e){return((te(e)?e.ownerDocument:e.document)||window.document).documentElement}function pe(e){return ae(ce(e)).left+le(e).scrollLeft}function he(e){return ee(e).getComputedStyle(e)}function ue(e){var t=he(e),r=t.overflow,o=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+o)}function fe(e,t,r){void 0===r&&(r=!1);var o,i,n=re(t),s=re(t)&&function(e){var t=e.getBoundingClientRect(),r=se(t.width)/e.offsetWidth||1,o=se(t.height)/e.offsetHeight||1;return 1!==r||1!==o}(t),a=ce(t),l=ae(e,s),d={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==de(t)||ue(a))&&(d=(o=t)!==ee(o)&&re(o)?{scrollLeft:(i=o).scrollLeft,scrollTop:i.scrollTop}:le(o)),re(t)?((c=ae(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=pe(a))),{x:l.left+d.scrollLeft-c.x,y:l.top+d.scrollTop-c.y,width:l.width,height:l.height}}function ge(e){var t=ae(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function me(e){return"html"===de(e)?e:e.assignedSlot||e.parentNode||(oe(e)?e.host:null)||ce(e)}function ve(e){return["html","body","#document"].indexOf(de(e))>=0?e.ownerDocument.body:re(e)&&ue(e)?e:ve(me(e))}function ye(e,t){var r;void 0===t&&(t=[]);var o=ve(e),i=o===(null==(r=e.ownerDocument)?void 0:r.body),n=ee(o),s=i?[n].concat(n.visualViewport||[],ue(o)?o:[]):o,a=t.concat(s);return i?a:a.concat(ye(me(s)))}function be(e){return["table","td","th"].indexOf(de(e))>=0}function we(e){return re(e)&&"fixed"!==he(e).position?e.offsetParent:null}function xe(e){for(var t=ee(e),r=we(e);r&&be(r)&&"static"===he(r).position;)r=we(r);return r&&("html"===de(r)||"body"===de(r)&&"static"===he(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&re(e)&&"fixed"===he(e).position)return null;var r=me(e);for(oe(r)&&(r=r.host);re(r)&&["html","body"].indexOf(de(r))<0;){var o=he(r);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return r;r=r.parentNode}return null}(e)||t}var _e="top",Se="bottom",Oe="right",Pe="left",Ee=[_e,Se,Oe,Pe],Ce=Ee.reduce((function(e,t){return e.concat([t+"-start",t+"-end"])}),[]),ke=[].concat(Ee,["auto"]).reduce((function(e,t){return e.concat([t,t+"-start",t+"-end"])}),[]),Ae=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Te(e){var t=new Map,r=new Set,o=[];function i(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var o=t.get(e);o&&i(o)}})),o.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||i(e)})),o}function Ne(e){return e.split("-")[0]}function De(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&oe(r)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function Ve(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Le(e,t){return"viewport"===t?Ve(function(e){var t=ee(e),r=ce(e),o=t.visualViewport,i=r.clientWidth,n=r.clientHeight,s=0,a=0;return o&&(i=o.width,n=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=o.offsetLeft,a=o.offsetTop)),{width:i,height:n,x:s+pe(e),y:a}}(e)):te(t)?function(e){var t=ae(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):Ve(function(e){var t,r=ce(e),o=le(e),i=null==(t=e.ownerDocument)?void 0:t.body,n=ie(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),s=ie(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),a=-o.scrollLeft+pe(e),l=-o.scrollTop;return"rtl"===he(i||r).direction&&(a+=ie(r.clientWidth,i?i.clientWidth:0)-n),{width:n,height:s,x:a,y:l}}(ce(e)))}function je(e,t,r){var o="clippingParents"===t?function(e){var t=ye(me(e)),r=["absolute","fixed"].indexOf(he(e).position)>=0&&re(e)?xe(e):e;return te(r)?t.filter((function(e){return te(e)&&De(e,r)&&"body"!==de(e)})):[]}(e):[].concat(t),i=[].concat(o,[r]),n=i[0],s=i.reduce((function(t,r){var o=Le(e,r);return t.top=ie(o.top,t.top),t.right=ne(o.right,t.right),t.bottom=ne(o.bottom,t.bottom),t.left=ie(o.left,t.left),t}),Le(e,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function Re(e){return e.split("-")[1]}function Me(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Ue(e){var t,r=e.reference,o=e.element,i=e.placement,n=i?Ne(i):null,s=i?Re(i):null,a=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2;switch(n){case _e:t={x:a,y:r.y-o.height};break;case Se:t={x:a,y:r.y+r.height};break;case Oe:t={x:r.x+r.width,y:l};break;case Pe:t={x:r.x-o.width,y:l};break;default:t={x:r.x,y:r.y}}var d=n?Me(n):null;if(null!=d){var c="y"===d?"height":"width";switch(s){case"start":t[d]=t[d]-(r[c]/2-o[c]/2);break;case"end":t[d]=t[d]+(r[c]/2-o[c]/2)}}return t}function We(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function Be(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function Ie(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=void 0===o?e.placement:o,n=r.boundary,s=void 0===n?"clippingParents":n,a=r.rootBoundary,l=void 0===a?"viewport":a,d=r.elementContext,c=void 0===d?"popper":d,p=r.altBoundary,h=void 0!==p&&p,u=r.padding,f=void 0===u?0:u,g=We("number"!=typeof f?f:Be(f,Ee)),m="popper"===c?"reference":"popper",v=e.rects.popper,y=e.elements[h?m:c],b=je(te(y)?y:y.contextElement||ce(e.elements.popper),s,l),w=ae(e.elements.reference),x=Ue({reference:w,element:v,strategy:"absolute",placement:i}),_=Ve(Object.assign({},v,x)),S="popper"===c?_:w,O={top:b.top-S.top+g.top,bottom:S.bottom-b.bottom+g.bottom,left:b.left-S.left+g.left,right:S.right-b.right+g.right},P=e.modifiersData.offset;if("popper"===c&&P){var E=P[i];Object.keys(O).forEach((function(e){var t=[Oe,Se].indexOf(e)>=0?1:-1,r=[_e,Se].indexOf(e)>=0?"y":"x";O[e]+=E[r]*t}))}return O}var He={placement:"bottom",modifiers:[],strategy:"absolute"};function qe(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function $e(e){void 0===e&&(e={});var t=e,r=t.defaultModifiers,o=void 0===r?[]:r,i=t.defaultOptions,n=void 0===i?He:i;return function(e,t,r){void 0===r&&(r=n);var i,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},He,n),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],d=!1,c={state:a,setOptions:function(r){var i="function"==typeof r?r(a.options):r;p(),a.options=Object.assign({},n,a.options,i),a.scrollParents={reference:te(e)?ye(e):e.contextElement?ye(e.contextElement):[],popper:ye(t)};var s,d,h=function(e){var t=Te(e);return Ae.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}((s=[].concat(o,a.options.modifiers),d=s.reduce((function(e,t){var r=e[t.name];return e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t,e}),{}),Object.keys(d).map((function(e){return d[e]}))));return a.orderedModifiers=h.filter((function(e){return e.enabled})),a.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,o=void 0===r?{}:r,i=e.effect;if("function"==typeof i){var n=i({state:a,name:t,instance:c,options:o}),s=function(){};l.push(n||s)}})),c.update()},forceUpdate:function(){if(!d){var e=a.elements,t=e.reference,r=e.popper;if(qe(t,r)){a.rects={reference:fe(t,xe(r),"fixed"===a.options.strategy),popper:ge(r)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(e){return a.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<a.orderedModifiers.length;o++)if(!0!==a.reset){var i=a.orderedModifiers[o],n=i.fn,s=i.options,l=void 0===s?{}:s,p=i.name;"function"==typeof n&&(a=n({state:a,options:l,name:p,instance:c})||a)}else a.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(e){c.forceUpdate(),e(a)}))},function(){return s||(s=new Promise((function(e){Promise.resolve().then((function(){s=void 0,e(i())}))}))),s}),destroy:function(){p(),d=!0}};if(!qe(e,t))return c;function p(){l.forEach((function(e){return e()})),l=[]}return c.setOptions(r).then((function(e){!d&&r.onFirstUpdate&&r.onFirstUpdate(e)})),c}}var ze={passive:!0};var Fe={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Je(e){var t,r=e.popper,o=e.popperRect,i=e.placement,n=e.variation,s=e.offsets,a=e.position,l=e.gpuAcceleration,d=e.adaptive,c=e.roundOffsets,p=e.isFixed,h=s.x,u=void 0===h?0:h,f=s.y,g=void 0===f?0:f,m="function"==typeof c?c({x:u,y:g}):{x:u,y:g};u=m.x,g=m.y;var v=s.hasOwnProperty("x"),y=s.hasOwnProperty("y"),b=Pe,w=_e,x=window;if(d){var _=xe(r),S="clientHeight",O="clientWidth";if(_===ee(r)&&"static"!==he(_=ce(r)).position&&"absolute"===a&&(S="scrollHeight",O="scrollWidth"),i===_e||(i===Pe||i===Oe)&&"end"===n)w=Se,g-=(p&&_===x&&x.visualViewport?x.visualViewport.height:_[S])-o.height,g*=l?1:-1;if(i===Pe||(i===_e||i===Se)&&"end"===n)b=Oe,u-=(p&&_===x&&x.visualViewport?x.visualViewport.width:_[O])-o.width,u*=l?1:-1}var P,E=Object.assign({position:a},d&&Fe),C=!0===c?function(e){var t=e.x,r=e.y,o=window.devicePixelRatio||1;return{x:se(t*o)/o||0,y:se(r*o)/o||0}}({x:u,y:g}):{x:u,y:g};return u=C.x,g=C.y,l?Object.assign({},E,((P={})[w]=y?"0":"",P[b]=v?"0":"",P.transform=(x.devicePixelRatio||1)<=1?"translate("+u+"px, "+g+"px)":"translate3d("+u+"px, "+g+"px, 0)",P)):Object.assign({},E,((t={})[w]=y?g+"px":"",t[b]=v?u+"px":"",t.transform="",t))}var Xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,o=e.name,i=r.offset,n=void 0===i?[0,0]:i,s=ke.reduce((function(e,r){return e[r]=function(e,t,r){var o=Ne(e),i=[Pe,_e].indexOf(o)>=0?-1:1,n="function"==typeof r?r(Object.assign({},t,{placement:e})):r,s=n[0],a=n[1];return s=s||0,a=(a||0)*i,[Pe,Oe].indexOf(o)>=0?{x:a,y:s}:{x:s,y:a}}(r,t.rects,n),e}),{}),a=s[t.placement],l=a.x,d=a.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=d),t.modifiersData[o]=s}},Ye={left:"right",right:"left",bottom:"top",top:"bottom"};function Ge(e){return e.replace(/left|right|bottom|top/g,(function(e){return Ye[e]}))}var Ke={start:"end",end:"start"};function Qe(e){return e.replace(/start|end/g,(function(e){return Ke[e]}))}function Ze(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=r.boundary,n=r.rootBoundary,s=r.padding,a=r.flipVariations,l=r.allowedAutoPlacements,d=void 0===l?ke:l,c=Re(o),p=c?a?Ce:Ce.filter((function(e){return Re(e)===c})):Ee,h=p.filter((function(e){return d.indexOf(e)>=0}));0===h.length&&(h=p);var u=h.reduce((function(t,r){return t[r]=Ie(e,{placement:r,boundary:i,rootBoundary:n,padding:s})[Ne(r)],t}),{});return Object.keys(u).sort((function(e,t){return u[e]-u[t]}))}var et={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0===s||s,l=r.fallbackPlacements,d=r.padding,c=r.boundary,p=r.rootBoundary,h=r.altBoundary,u=r.flipVariations,f=void 0===u||u,g=r.allowedAutoPlacements,m=t.options.placement,v=Ne(m),y=l||(v===m||!f?[Ge(m)]:function(e){if("auto"===Ne(e))return[];var t=Ge(e);return[Qe(e),t,Qe(t)]}(m)),b=[m].concat(y).reduce((function(e,r){return e.concat("auto"===Ne(r)?Ze(t,{placement:r,boundary:c,rootBoundary:p,padding:d,flipVariations:f,allowedAutoPlacements:g}):r)}),[]),w=t.rects.reference,x=t.rects.popper,_=new Map,S=!0,O=b[0],P=0;P<b.length;P++){var E=b[P],C=Ne(E),k="start"===Re(E),A=[_e,Se].indexOf(C)>=0,T=A?"width":"height",N=Ie(t,{placement:E,boundary:c,rootBoundary:p,altBoundary:h,padding:d}),D=A?k?Oe:Pe:k?Se:_e;w[T]>x[T]&&(D=Ge(D));var V=Ge(D),L=[];if(n&&L.push(N[C]<=0),a&&L.push(N[D]<=0,N[V]<=0),L.every((function(e){return e}))){O=E,S=!1;break}_.set(E,L)}if(S)for(var j=function(e){var t=b.find((function(t){var r=_.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return O=t,"break"},R=f?3:1;R>0;R--){if("break"===j(R))break}t.placement!==O&&(t.modifiersData[o]._skip=!0,t.placement=O,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function tt(e,t,r){return ie(e,ne(t,r))}var rt={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name,i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0!==s&&s,l=r.boundary,d=r.rootBoundary,c=r.altBoundary,p=r.padding,h=r.tether,u=void 0===h||h,f=r.tetherOffset,g=void 0===f?0:f,m=Ie(t,{boundary:l,rootBoundary:d,padding:p,altBoundary:c}),v=Ne(t.placement),y=Re(t.placement),b=!y,w=Me(v),x="x"===w?"y":"x",_=t.modifiersData.popperOffsets,S=t.rects.reference,O=t.rects.popper,P="function"==typeof g?g(Object.assign({},t.rects,{placement:t.placement})):g,E="number"==typeof P?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P),C=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,k={x:0,y:0};if(_){if(n){var A,T="y"===w?_e:Pe,N="y"===w?Se:Oe,D="y"===w?"height":"width",V=_[w],L=V+m[T],j=V-m[N],R=u?-O[D]/2:0,M="start"===y?S[D]:O[D],U="start"===y?-O[D]:-S[D],W=t.elements.arrow,B=u&&W?ge(W):{width:0,height:0},I=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},H=I[T],q=I[N],$=tt(0,S[D],B[D]),z=b?S[D]/2-R-$-H-E.mainAxis:M-$-H-E.mainAxis,F=b?-S[D]/2+R+$+q+E.mainAxis:U+$+q+E.mainAxis,J=t.elements.arrow&&xe(t.elements.arrow),X=J?"y"===w?J.clientTop||0:J.clientLeft||0:0,Y=null!=(A=null==C?void 0:C[w])?A:0,G=V+F-Y,K=tt(u?ne(L,V+z-Y-X):L,V,u?ie(j,G):j);_[w]=K,k[w]=K-V}if(a){var Q,Z="x"===w?_e:Pe,ee="x"===w?Se:Oe,te=_[x],re="y"===x?"height":"width",oe=te+m[Z],se=te-m[ee],ae=-1!==[_e,Pe].indexOf(v),le=null!=(Q=null==C?void 0:C[x])?Q:0,de=ae?oe:te-S[re]-O[re]-le+E.altAxis,ce=ae?te+S[re]+O[re]-le-E.altAxis:se,pe=u&&ae?function(e,t,r){var o=tt(e,t,r);return o>r?r:o}(de,te,ce):tt(u?de:oe,te,u?ce:se);_[x]=pe,k[x]=pe-te}t.modifiersData[o]=k}},requiresIfExists:["offset"]};var ot={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,o=e.name,i=e.options,n=r.elements.arrow,s=r.modifiersData.popperOffsets,a=Ne(r.placement),l=Me(a),d=[Pe,Oe].indexOf(a)>=0?"height":"width";if(n&&s){var c=function(e,t){return We("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:Be(e,Ee))}(i.padding,r),p=ge(n),h="y"===l?_e:Pe,u="y"===l?Se:Oe,f=r.rects.reference[d]+r.rects.reference[l]-s[l]-r.rects.popper[d],g=s[l]-r.rects.reference[l],m=xe(n),v=m?"y"===l?m.clientHeight||0:m.clientWidth||0:0,y=f/2-g/2,b=c[h],w=v-p[d]-c[u],x=v/2-p[d]/2+y,_=tt(b,x,w),S=l;r.modifiersData[o]=((t={})[S]=_,t.centerOffset=_-x,t)}},effect:function(e){var t=e.state,r=e.options.element,o=void 0===r?"[data-popper-arrow]":r;null!=o&&("string"!=typeof o||(o=t.elements.popper.querySelector(o)))&&De(t.elements.popper,o)&&(t.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function it(e,t,r){return void 0===r&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function nt(e){return[_e,Oe,Se,Pe].some((function(t){return e[t]>=0}))}var st=$e({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,o=e.options,i=o.scroll,n=void 0===i||i,s=o.resize,a=void 0===s||s,l=ee(t.elements.popper),d=[].concat(t.scrollParents.reference,t.scrollParents.popper);return n&&d.forEach((function(e){e.addEventListener("scroll",r.update,ze)})),a&&l.addEventListener("resize",r.update,ze),function(){n&&d.forEach((function(e){e.removeEventListener("scroll",r.update,ze)})),a&&l.removeEventListener("resize",r.update,ze)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=Ue({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,o=r.gpuAcceleration,i=void 0===o||o,n=r.adaptive,s=void 0===n||n,a=r.roundOffsets,l=void 0===a||a,d={placement:Ne(t.placement),variation:Re(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Je(Object.assign({},d,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Je(Object.assign({},d,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{},o=t.attributes[e]||{},i=t.elements[e];re(i)&&de(i)&&(Object.assign(i.style,r),Object.keys(o).forEach((function(e){var t=o[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach((function(e){var o=t.elements[e],i=t.attributes[e]||{},n=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]).reduce((function(e,t){return e[t]="",e}),{});re(o)&&de(o)&&(Object.assign(o.style,n),Object.keys(i).forEach((function(e){o.removeAttribute(e)})))}))}},requires:["computeStyles"]},Xe,et,rt,ot,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,r=e.name,o=t.rects.reference,i=t.rects.popper,n=t.modifiersData.preventOverflow,s=Ie(t,{elementContext:"reference"}),a=Ie(t,{altBoundary:!0}),l=it(s,o),d=it(a,i,n),c=nt(l),p=nt(d);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:d,isReferenceHidden:c,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":p})}}]});class at{constructor(e,t,r){this.anchor=e,this.popover=t,this.options={placement:r,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass)}show(){this.popper&&this.popper.destroy(),this.popper=st(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,strategy:"absolute"})}hide(){this.popover.classList.remove(this.options.visibleClass)}triggerUpdate(){this.popper.update()}}class lt extends Q{constructor(){super(),this.isPopoverVisible=!1,this.matchWidth=!1,this.privateDefaults()}privateDefaults(){this.bordered=!1,this.chevron=!1,this.disabled=!1,this.error=!1,this.inset=!1,this.placement="bottom-start",this.rounded=!1,this.ready=!1,this.tabIndex=0,this.noToggle=!1}static get properties(){return{bordered:{type:Boolean,reflect:!0},chevron:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},error:{type:Boolean,reflect:!0},inset:{type:Boolean,reflect:!0},matchWidth:{type:Boolean,reflect:!0},rounded:{type:Boolean,reflect:!0},noToggle:{type:Boolean,reflect:!0},isPopoverVisible:{type:Boolean},ready:{type:Boolean},dropdownWidth:{type:Number},placement:{type:String},tabIndex:{type:Number}}}static get styles(){return G`${Z}`}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}fixWidth(){this.matchWidth&&(this.dropdownWidth=this.getBoundingClientRect().width)}handleTriggerTabIndex(){const e=this.querySelector('[slot="trigger"');if(!e.getAttribute("tabindex")){["a","button",'input:not([type="hidden])',"select","textarea",'[tabindex]:not([tabindex="-1"])',"auro-button","auro-input","auro-hyperlink"].forEach((t=>{(e.matches(t)||e.querySelector(t))&&(this.tabIndex=-1)}))}}assessFocusWithin(){setTimeout((()=>{this.contains(document.activeElement)?this.trackFocus():this.hide()}),100)}trackFocus(){const e=document.activeElement;window.addEventListener("blur",(()=>{this.hide()})),e.addEventListener("blur",(()=>{this.assessFocusWithin()}))}firstUpdated(){this.fixWidth(),this.trigger=this.shadowRoot.querySelector("#trigger"),this.trigger.setAttribute("aria-expanded",this.isPopoverVisible),this.triggerChevron=this.shadowRoot.querySelector("#showStateIcon"),this.popover=this.shadowRoot.querySelector("#popover"),this.popper=new at(this.trigger,this.popover,this.placement);const e=()=>{this.toggleShow()},t=()=>{this.isPopoverVisible?this.toggleHide():e()},r=e=>{"escape"===e.key.toLowerCase()&&this.toggleHide()},o=t=>{const r=t.key.toLowerCase();" "!==r&&"enter"!==r||(t.preventDefault(),e())},i=e=>{const r=e.key.toLowerCase();" "!==r&&"enter"!==r||(e.preventDefault(),t())},n=()=>{const e=new CustomEvent("auroDropdown-triggerClick",{composed:!0});this.dispatchEvent(e)};this.hasAttribute("disableEventShow")?(this.trigger.addEventListener("click",n),this.trigger.addEventListener("keydown",(e=>{const t=e.key.toLowerCase();" "!==t&&"enter"!==t||n()}))):(this.trigger.addEventListener("click",(()=>{this.trigger.focus()})),this.noToggle?(this.trigger.addEventListener("click",e),this.trigger.addEventListener("keydown",o)):(this.trigger.addEventListener("click",t),this.trigger.addEventListener("keydown",i))),this.trigger.addEventListener("keydown",r),this.popover.addEventListener("keydown",r),this.notifyReady()}notifyReady(){this.ready=!0,this.dispatchEvent(new CustomEvent("auroDropdown-ready",{bubbles:!0,cancelable:!1,composed:!0}))}toggleHide(){this.popper.hide(),this.isPopoverVisible=!1,this.removeAttribute("data-show"),this.chevron&&this.triggerChevron.removeAttribute("data-expanded"),this.dispatchEventDropdownToggle()}toggleShow(){this.hasAttribute("disabled")||(document.expandedAuroDropdown&&document.expandedAuroDropdown.hide(),document.expandedAuroDropdown=this,this.fixWidth(),this.popper.show(),this.isPopoverVisible=!0,this.setAttribute("data-show",!0),this.chevron&&this.triggerChevron.setAttribute("data-expanded",!0),this.trackFocus(),this.dispatchEventDropdownToggle())}hide(){this.toggleHide()}show(){this.toggleShow()}dispatchEventDropdownToggle(){const e=new CustomEvent("dropdownToggled",{detail:{expanded:this.isPopoverVisible},composed:!0});this.dispatchEvent(e);const t=new CustomEvent("auroDropdown-toggled",{detail:{expanded:this.isPopoverVisible},composed:!0});this.dispatchEvent(t)}updated(e){e.has("isPopoverVisible")&&this.trigger.setAttribute("aria-expanded",this.isPopoverVisible)}render(){return R`<div id="trigger" class="trigger" part="trigger" role="button" aria-labelledby="triggerLabel" aria-controls="popover" data-trigger-placement="${this.placement}" tabindex="${this.tabIndex}"><div class="triggerContentWrapper"><label class="label" id="triggerLabel"><slot name="label"></slot></label><div class="triggerContent" chevron="${this.chevron}"><slot name="trigger" @slotchange="${this.handleTriggerTabIndex()}"></slot></div></div>${this.chevron?R`<div id="showStateIcon" part="chevron"><auro-icon category="interface" name="chevron-down" customColor></auro-icon></div>`:void 0}</div><div class="helpText" part="helpText"><slot name="helpText"></slot></div><div id="popover" class="popover" part="popover" aria-live="polite" style="${`min-width: ${this.dropdownWidth}px;`}"><slot role="tooltip"></slot></div>`}}customElements.get("auro-dropdown")||customElements.define("auro-dropdown",lt);

dist/auro-dropdown.js

@@ -21,3 +21,3 @@ // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
  * @attr { Boolean } rounded - If declared, will apply border-radius to trigger and default slots.
- * @attr { Boolean } toggle - If declared, the trigger will toggle the show/hide state of the dropdown.
+ * @attr { Boolean } noToggle - If declared, the trigger will only show the the dropdown bib.
  * @prop { Boolean } isPopoverVisible - If true, the dropdown bib is displayed.
@@ -62,3 +62,3 @@ * @prop {Boolean} ready - When false the component API should not be called.
     this.tabIndex = 0;
-    this.toggle = false;
+    this.noToggle = false;
   }
@@ -98,3 +98,6 @@
       },
-      toggle:           { type: Boolean },
+      noToggle: {
+        type: Boolean,
+        reflect: true
+      },
       isPopoverVisible: { type: Boolean },
@@ -181,2 +184,32 @@ ready:            { type: Boolean },
 
+  /**
+   * @private
+   * @returns {void}  Hides bib when the dropdown or it's contents lose focus.
+   */
+  assessFocusWithin() {
+    setTimeout(() => {
+      if (this.contains(document.activeElement)) {
+        this.trackFocus();
+      } else {
+        this.hide();
+      }
+    }, 100); /* eslint-disable-line no-magic-numbers */
+  }
+
+  /**
+   * @private
+   * @returns {void} Determines if dropdown bib should be closed on focus change.
+   */
+  trackFocus() {
+    const focusElem = document.activeElement;
+
+    window.addEventListener('blur', () => {
+      this.hide();
+    });
+
+    focusElem.addEventListener('blur', () => {
+      this.assessFocusWithin();
+    });
+  }
+
   firstUpdated() {
@@ -239,8 +272,11 @@ this.fixWidth();
     if (!this.hasAttribute('disableEventShow')) {
-      if (this.toggle) {
+      this.trigger.addEventListener('click', () => {
+        this.trigger.focus();
+      });
+      if (this.noToggle) {
+        this.trigger.addEventListener('click', handleShow);
+        this.trigger.addEventListener('keydown', showByKeyboard);
+      } else {
         this.trigger.addEventListener('click', toggleDropdown);
         this.trigger.addEventListener('keydown', toggleByKeyboard);
-      } else {
-        this.trigger.addEventListener('click', handleShow);
-        this.trigger.addEventListener('keydown', showByKeyboard);
       }
@@ -311,2 +347,5 @@ } else {
       }
+
+      this.trackFocus();
+
       this.dispatchEventDropdownToggle();
@@ -356,23 +395,5 @@ }
 
-  /**
-   * @param {Object} event - Event passed in from the document click event listener that this function gets attached to.
-   * @returns {void} Method used to close the dropdown bib when clicking in the view outside the dropdown.
-   */
-  outsideClick(event) {
-    // Dropdown content is hidden when a user clicks outside the element.
-    const expectedIndex = -1;
-
-    if (event.composedPath().indexOf(document.expandedAuroDropdown) === expectedIndex) {
-      document.expandedAuroDropdown.hide();
-    }
-  }
-
   updated(changedProperties) {
     if (changedProperties.has('isPopoverVisible')) {
       this.trigger.setAttribute('aria-expanded', this.isPopoverVisible);
-      if (this.isPopoverVisible) {
-        document.addEventListener('click', document.expandedAuroDropdown.outsideClick);
-      } else if (document.expandedAuroDropdown) {
-        document.removeEventListener('click', document.expandedAuroDropdown.outsideClick);
-      }
     }
@@ -379,0 +400,0 @@ }

dist/style-css.js

 import {css} from 'lit-element';
-export default css`.popover{display:inline-block;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--auro-color-background-lightest);box-shadow:-2px 0 5px 2px rgba(0, 0, 0, 0.08),0 2px 5px 1px rgba(0, 0, 0, 0.08);color:var(--auro-color-text-primary-on-light)}.label{color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--auro-color-background-lightest);color:var(--auro-color-text-primary-on-light)}.trigger:focus-within,.trigger:active{border-color:var(--auro-color-border-active-on-light)}.trigger:focus-within:not(:active){outline:1px solid var(--auro-color-ui-default-on-light)}@media(hover: hover){.trigger:hover{background-color:var(--auro-color-ui-bkg-hover-on-light);cursor:pointer}}.triggerContentWrapper{flex:1}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--auro-size-xs);color:var(--auro-color-icon-primary-on-light)}#showStateIcon auro-icon{height:1.5rem;line-height:1.5rem}#showStateIcon[data-expanded=true] auro-icon{transform:rotate(-180deg)}.helpText{margin-top:4px;color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}:host(:not([data-show])) .popover{display:none}:host([data-show]) .popover{z-index:var(--auro-depth-tooltip)}:host([common]) .trigger,:host([common]) .popover,:host([rounded]) .trigger,:host([rounded]) .popover{overflow:hidden;border-radius:var(--auro-border-radius)}:host([common]) .trigger,:host([inset]) .trigger{padding:var(--auro-size-xs) var(--auro-size-sm)}:host([disabled]){pointer-events:none}:host([disabled]) .trigger,:host([disabled]) .label,:host([disabled]) #showStateIcon{color:var(--auro-color-text-disabled-on-light)}:host([common]) .trigger,:host([bordered]) .trigger{border-color:var(--auro-color-border-primary-on-light)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light)}:host([error]) .helpText{color:var(--auro-color-text-error-on-light)}:host([error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([disabled][common]) .trigger,:host([disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled)}:host([common][error]) .trigger,:host([bordered][error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([common][error]) .trigger:focus-within,:host([bordered][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([common][error]) .trigger:active,:host([bordered][error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([onDark]) .trigger{color:var(--auro-color-text-primary-on-dark)}:host([onDark]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark]) .label,:host([onDark]) .helpText{color:var(--auro-color-text-secondary-on-dark)}:host([onDark]) #showStateIcon{color:var(--auro-color-icon-primary-on-dark)}@media(hover: hover){:host([onDark]) .trigger:hover{background-color:rgba(178, 178, 178, 0.1)}}:host([onDark][error]) .helpText{color:var(--auro-color-text-error-on-dark)}:host([onDark][error]) .trigger{border-color:var(--auro-color-border-error-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-dark)}:host([onDark][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark][disabled]) .trigger,:host([onDark][disabled]) .label,:host([onDark][disabled]) .helpText{color:var(--auro-color-text-disabled-on-dark)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled-on-dark)}`;
+export default css`.popover{display:inline-block;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--auro-color-background-lightest);box-shadow:-2px 0 5px 2px rgba(0, 0, 0, 0.08),0 2px 5px 1px rgba(0, 0, 0, 0.08);color:var(--auro-color-text-primary-on-light)}.label{color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--auro-color-background-lightest);color:var(--auro-color-text-primary-on-light)}.trigger:focus-within,.trigger:active{border-color:var(--auro-color-border-active-on-light)}.trigger:focus-within:not(:active){outline:1px solid var(--auro-color-ui-default-on-light)}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{flex:1}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--auro-size-xs);color:var(--auro-color-icon-primary-on-light)}#showStateIcon auro-icon{height:1.5rem;line-height:1.5rem}#showStateIcon[data-expanded=true] auro-icon{transform:rotate(-180deg)}.helpText{margin-top:4px;color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}:host(:not([data-show])) .popover{display:none}:host([data-show]) .popover{z-index:var(--auro-depth-tooltip)}:host([common]) .trigger,:host([common]) .popover,:host([rounded]) .trigger,:host([rounded]) .popover{overflow:hidden;border-radius:var(--auro-border-radius)}:host([common]) .trigger,:host([inset]) .trigger{padding:var(--auro-size-xs) var(--auro-size-sm)}:host([disabled]){pointer-events:none}:host([disabled]) .trigger,:host([disabled]) .label,:host([disabled]) #showStateIcon{color:var(--auro-color-text-disabled-on-light)}:host([common]) .trigger,:host([bordered]) .trigger{border-color:var(--auro-color-border-primary-on-light)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light)}:host([error]) .helpText{color:var(--auro-color-text-error-on-light)}:host([error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([disabled][common]) .trigger,:host([disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled)}:host([common][error]) .trigger,:host([bordered][error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([common][error]) .trigger:focus-within,:host([bordered][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([common][error]) .trigger:active,:host([bordered][error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([onDark]) .trigger{color:var(--auro-color-text-primary-on-dark)}:host([onDark]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark]) .label,:host([onDark]) .helpText{color:var(--auro-color-text-secondary-on-dark)}:host([onDark]) #showStateIcon{color:var(--auro-color-icon-primary-on-dark)}@media(hover: hover){:host([onDark]) .trigger:hover{background-color:rgba(178, 178, 178, 0.1)}}:host([onDark][error]) .helpText{color:var(--auro-color-text-error-on-dark)}:host([onDark][error]) .trigger{border-color:var(--auro-color-border-error-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-dark)}:host([onDark][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark][disabled]) .trigger,:host([onDark][disabled]) .label,:host([onDark][disabled]) .helpText{color:var(--auro-color-text-disabled-on-dark)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled-on-dark)}`;

package.json

@@ -10,3 +10,3 @@ {
   "name": "@aurodesignsystem/auro-dropdown",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "description": "auro-dropdown HTML custom element",
@@ -13,0 +13,0 @@ "repository": {

README.md

@@ -35,2 +35,3 @@ <!--
 [![License](https://img.shields.io/npm/l/@aurodesignsystem/auro-dropdown?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)
+[![Snyk Vulnerabilities for npm package](https://img.shields.io/snyk/vulnerabilities/npm/@aurodesignsystem/auro-dropdown?style=for-the-badge)](https://snyk.io/test/npm/@aurodesignsystem/auro-dropdown?tab=issues)
 
@@ -37,0 +38,0 @@ ```shell

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

165708

increased by1.13%

Number of package files

69

increased by1.47%

Lines of code

841

increased by5.13%

Number of lines in readme file

149

increased by0.68%

No dependency changes