@aurodesignsystem/auro-dropdown - npm Package Compare versions

Comparing version 2.7.0 to 2.8.0

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+# [2.8.0](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.7.0...v2.8.0) (2022-08-03)
+
+
+### Bug Fixes
+
+* change background color [#128](https://github.com/AlaskaAirlines/auro-dropdown/issues/128) ([9335d6f](https://github.com/AlaskaAirlines/auro-dropdown/commit/9335d6fb4ed1d62ebc7ecfc108a2d22cf1c8dde7))
+
+
+### Features
+
+* **width:** defaults to  dynamic widths and supports matching widths [#138](https://github.com/AlaskaAirlines/auro-dropdown/issues/138) ([081f958](https://github.com/AlaskaAirlines/auro-dropdown/commit/081f958f4272e88a3505ea0a4a6b8cd42f47227f))
+
 # [2.7.0](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.6.3...v2.7.0) (2022-07-12)
@@ -4,0 +16,0 @@

demo/apiExamples.md

@@ -21,2 +21,3 @@
 | [isPopoverVisible](#isPopoverVisible) | `isPopoverVisible` | ` Boolean ` | false   | If true, the dropdown bib is displayed.          |
+| [matchWidth](#matchWidth)       | `matchWidth`       | ` Boolean ` | false   | If declared, the popover and trigger will be set to the same width. |
 | [ready](#ready)            | `ready`            | `Boolean`   |         | When false the component API should not be called. |
@@ -23,0 +24,0 @@ | [rounded](#rounded)          | `rounded`          | ` Boolean ` |         | If declared, will apply border-radius to trigger and default slots. |

demo/demo.md

@@ -173,2 +173,86 @@ <!--
 
+## Common use with popover content wider than the trigger
+
+This common example uses the default `auro-dropdown` element with the attributes of `bordered` `rounded` `inset` `toggle` and `chevron`. Additionally the trigger is full width of the containing element and the popover content is set to a width wider than the trigger.
+
+<div class="exampleWrapper">
+  <div style="width: 250px;">
+    <auro-dropdown common aria-label="Label content for screen reader">
+      <div style="padding: var(--auro-size-sm); width: 500px;">
+        This is special content.
+      </div>
+      <span slot="helpText">
+        Help text
+      </span>
+      <div slot="trigger">
+        Trigger
+      </div>
+    </auro-dropdown>
+  </div>
+</div>
+<auro-accordion lowProfile justifyRight>
+  <span slot="trigger">See code</span>
+
+```html
+<div style="width: 250px;">
+  <auro-dropdown common aria-label="Label content for screen reader">
+    <div style="padding: var(--auro-size-sm); width: 500px;">
+      This is special content.
+    </div>
+    <span slot="helpText">
+      Help text
+    </span>
+    <div slot="trigger">
+      Trigger
+    </div>
+  </auro-dropdown>
+</div>
+```
+
+</auro-accordion>
+
+## Common use with popover width matching the trigger
+
+This common example uses the default `auro-dropdown` element with the attributes of `bordered` `rounded` `inset` `toggle` and `chevron`. Additionally  `matchWidth` attribute is used to make the popover match the width of the trigger.
+
+<div class="exampleWrapper">
+  <auro-dropdown id="common" common matchWidth aria-label="Label content for screen reader">
+    <div style="padding: var(--auro-size-sm);">
+      Lorem ipsum solar
+      <br />
+      <auro-button onclick="document.querySelector('#common').hide()">
+        Dismiss Dropdown
+      </auro-button>
+    </div>
+    <span slot="helpText">
+      Help text
+    </span>
+    <div slot="trigger">
+      Trigger
+    </div>
+  </auro-dropdown>
+</div>
+<auro-accordion lowProfile justifyRight>
+  <span slot="trigger">See code</span>
+
+```html
+<auro-dropdown id="common" common matchWidth aria-label="Label content for screen reader">
+  <div style="padding: var(--auro-size-sm);">
+    Lorem ipsum solar
+    <br />
+    <auro-button onclick="document.querySelector('#common').hide()">
+      Dismiss Dropdown
+    </auro-button>
+  </div>
+  <span slot="helpText">
+    Help text
+  </span>
+  <div slot="trigger">
+    Trigger
+  </div>
+</auro-dropdown>
+```
+
+</auro-accordion>
+
 ## Supported standard and accessible interactions
@@ -175,0 +259,0 @@

dist/auro-dropdown__bundled.js

@@ -134,3 +134,3 @@ /**
  * 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 B=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},W=["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=>{W.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,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;
 /**
@@ -160,2 +160,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:B(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;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 Be(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function We(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=Be("number"!=typeof f?f:We(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],B=t.elements.arrow,W=u&&B?ge(B):{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],W[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 Be("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:We(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.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},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.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),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);

dist/auro-dropdown.js

@@ -18,2 +18,3 @@ // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
  * @attr { Boolean } error - If declared in combination with `bordered` property or `helpText` slot content, will apply red color to both.
+ * @attr { Boolean } matchWidth - If declared, the popover and trigger will be set to the same width.
  * @attr { Boolean } inset - If declared, will apply padding around trigger slot content.
@@ -42,2 +43,3 @@ * @attr { Boolean } rounded - If declared, will apply border-radius to trigger and default slots.
     this.isPopoverVisible = false;
+    this.matchWidth = false;
 
@@ -88,2 +90,6 @@ this.privateDefaults();
       },
+      matchWidth: {
+        type: Boolean,
+        reflect: true
+      },
       rounded: {
@@ -133,3 +139,5 @@ type: Boolean,
   fixWidth() {
-    this.dropdownWidth = this.getBoundingClientRect().width;
+    if (this.matchWidth) {
+      this.dropdownWidth = this.getBoundingClientRect().width;
+    }
   }
@@ -136,0 +144,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;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{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)}`;

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

163860

increased by2.72%

Number of package files

68

increased by3.03%

Lines of code

800

increased by1.27%

No dependency changes