@aurodesignsystem/auro-dropdown
Advanced tools
Comparing version 2.9.6 to 2.9.7
# Semantic Release Automated Changelog | ||
## [2.9.7](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.9.6...v2.9.7) (2023-04-20) | ||
### Performance Improvements | ||
* **ce:** implement custom naming convention [#185](https://github.com/AlaskaAirlines/auro-dropdown/issues/185) ([44d43ba](https://github.com/AlaskaAirlines/auro-dropdown/commit/44d43ba1f598b22bb5b143e513e0ebc86288e9d6)) | ||
## [2.9.6](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.9.5...v2.9.6) (2023-02-14) | ||
@@ -4,0 +11,0 @@ |
@@ -159,2 +159,2 @@ /** | ||
*/ | ||
(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const ee={};class te extends Y{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&&!G){const t=Array.prototype.slice.call(e.cssRules).reduce(((e,t)=>e+t.cssText),"");return new Q(String(t),K)}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?G?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!==ee&&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 ee}}te.finalized=!0,te.render=(e,r,o)=>{if(!o||"object"!=typeof o||!o.scopeName)throw new Error("The `scopeName` option is required.");const i=o.scopeName,n=R.has(r),s=B&&11===r.nodeType&&!!r.host,a=s&&!I.has(i),l=a?document.createDocumentFragment():r;if(((e,r,o)=>{let i=R.get(r);void 0===i&&(t(r,r.firstChild),R.set(r,i=new C(Object.assign({templateFactory:L},o))),i.appendInto(r)),i.setValue(e),i.commit()})(e,l,Object.assign({templateFactory:H(i)},o)),a){const e=R.get(l);R.delete(l);const o=e.value instanceof b?e.value.template:void 0;z(i,l,o),t(r,r.firstChild),r.appendChild(l),R.set(r,e)}!n&&s&&window.ShadyCSS.styleElement(r.host)},te.shadowRootOptions={mode:"open"};var re=Z`.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){box-shadow:inset 0 0 0 1px var(--auro-color-ui-default-on-light)}@media(hover:hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{flex:1}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--auro-size-xs);color:var(--auro-color-icon-primary-on-light)}#showStateIcon auro-icon{height:1.5rem;line-height:1.5rem}#showStateIcon[data-expanded=true] auro-icon{transform:rotate(-180deg)}.helpText{margin-top:4px;color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}:host(:not([data-show])) .popover{display:none}:host([data-show]) .popover{z-index:var(--auro-depth-tooltip)}:host([common]) .popover,:host([common]) .trigger,:host([rounded]) .popover,:host([rounded]) .trigger{overflow:hidden;border-radius:var(--auro-border-radius)}:host([common]) .trigger,:host([inset]) .trigger{padding:var(--auro-size-xs) var(--auro-size-sm)}:host([disabled]){pointer-events:none}:host([disabled]) #showStateIcon,:host([disabled]) .label,:host([disabled]) .trigger{color:var(--auro-color-text-disabled-on-light)}:host([bordered]) .trigger,:host([common]) .trigger{border-color:var(--auro-color-border-primary-on-light)}:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within,:host([common]) .trigger:active,:host([common]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light)}:host([error]) .helpText{color:var(--auro-color-text-error-on-light)}:host([error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([disabled][bordered]) .trigger,:host([disabled][common]) .trigger{border-color:var(--auro-color-border-disabled)}:host([bordered][error]) .trigger,:host([common][error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([bordered][error]) .trigger:focus-within,:host([common][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([bordered][error]) .trigger:active,:host([common][error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([onDark]) .trigger{color:var(--auro-color-text-primary-on-dark)}:host([onDark]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark]) .helpText,:host([onDark]) .label{color:var(--auro-color-text-secondary-on-dark)}:host([onDark]) #showStateIcon{color:var(--auro-color-icon-primary-on-dark)}@media(hover:hover){:host([onDark]) .trigger:hover{background-color:rgba(178,178,178,.1)}}:host([onDark][error]) .helpText{color:var(--auro-color-text-error-on-dark)}:host([onDark][error]) .trigger{border-color:var(--auro-color-border-error-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-dark)}:host([onDark][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark][disabled]) .helpText,:host([onDark][disabled]) .label,:host([onDark][disabled]) .trigger{color:var(--auro-color-text-disabled-on-dark)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled-on-dark)}`;function oe(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ie(e){return e instanceof oe(e).Element||e instanceof Element}function ne(e){return e instanceof oe(e).HTMLElement||e instanceof HTMLElement}function se(e){return"undefined"!=typeof ShadowRoot&&(e instanceof oe(e).ShadowRoot||e instanceof ShadowRoot)}var ae=Math.max,le=Math.min,de=Math.round;function ce(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function pe(){return!/^((?!chrome|android).)*safari/i.test(ce())}function he(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var o=e.getBoundingClientRect(),i=1,n=1;t&&ne(e)&&(i=e.offsetWidth>0&&de(o.width)/e.offsetWidth||1,n=e.offsetHeight>0&&de(o.height)/e.offsetHeight||1);var s=(ie(e)?oe(e):window).visualViewport,a=!pe()&&r,l=(o.left+(a&&s?s.offsetLeft:0))/i,d=(o.top+(a&&s?s.offsetTop:0))/n,c=o.width/i,p=o.height/n;return{width:c,height:p,top:d,right:l+c,bottom:d+p,left:l,x:l,y:d}}function ue(e){var t=oe(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function fe(e){return e?(e.nodeName||"").toLowerCase():null}function ge(e){return((ie(e)?e.ownerDocument:e.document)||window.document).documentElement}function me(e){return he(ge(e)).left+ue(e).scrollLeft}function ve(e){return oe(e).getComputedStyle(e)}function ye(e){var t=ve(e),r=t.overflow,o=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+o)}function be(e,t,r){void 0===r&&(r=!1);var o,i,n=ne(t),s=ne(t)&&function(e){var t=e.getBoundingClientRect(),r=de(t.width)/e.offsetWidth||1,o=de(t.height)/e.offsetHeight||1;return 1!==r||1!==o}(t),a=ge(t),l=he(e,s,r),d={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==fe(t)||ye(a))&&(d=(o=t)!==oe(o)&&ne(o)?{scrollLeft:(i=o).scrollLeft,scrollTop:i.scrollTop}:ue(o)),ne(t)?((c=he(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=me(a))),{x:l.left+d.scrollLeft-c.x,y:l.top+d.scrollTop-c.y,width:l.width,height:l.height}}function we(e){var t=he(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 xe(e){return"html"===fe(e)?e:e.assignedSlot||e.parentNode||(se(e)?e.host:null)||ge(e)}function _e(e){return["html","body","#document"].indexOf(fe(e))>=0?e.ownerDocument.body:ne(e)&&ye(e)?e:_e(xe(e))}function Se(e,t){var r;void 0===t&&(t=[]);var o=_e(e),i=o===(null==(r=e.ownerDocument)?void 0:r.body),n=oe(o),s=i?[n].concat(n.visualViewport||[],ye(o)?o:[]):o,a=t.concat(s);return i?a:a.concat(Se(xe(s)))}function Oe(e){return["table","td","th"].indexOf(fe(e))>=0}function Ee(e){return ne(e)&&"fixed"!==ve(e).position?e.offsetParent:null}function Pe(e){for(var t=oe(e),r=Ee(e);r&&Oe(r)&&"static"===ve(r).position;)r=Ee(r);return r&&("html"===fe(r)||"body"===fe(r)&&"static"===ve(r).position)?t:r||function(e){var t=/firefox/i.test(ce());if(/Trident/i.test(ce())&&ne(e)&&"fixed"===ve(e).position)return null;var r=xe(e);for(se(r)&&(r=r.host);ne(r)&&["html","body"].indexOf(fe(r))<0;){var o=ve(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 Ce="top",ke="bottom",Te="right",Ae="left",Ne="auto",De=[Ce,ke,Te,Ae],Ve="start",Le="end",je="clippingParents",Re="viewport",Me="popper",Ue="reference",We=De.reduce((function(e,t){return e.concat([t+"-"+Ve,t+"-"+Le])}),[]),Be=[].concat(De,[Ne]).reduce((function(e,t){return e.concat([t,t+"-"+Ve,t+"-"+Le])}),[]),He=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function qe(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 Ie(e){return e.split("-")[0]}function ze(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&se(r)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function Fe(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function $e(e,t,r){return t===Re?Fe(function(e,t){var r=oe(e),o=ge(e),i=r.visualViewport,n=o.clientWidth,s=o.clientHeight,a=0,l=0;if(i){n=i.width,s=i.height;var d=pe();(d||!d&&"fixed"===t)&&(a=i.offsetLeft,l=i.offsetTop)}return{width:n,height:s,x:a+me(e),y:l}}(e,r)):ie(t)?function(e,t){var r=he(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):Fe(function(e){var t,r=ge(e),o=ue(e),i=null==(t=e.ownerDocument)?void 0:t.body,n=ae(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),s=ae(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),a=-o.scrollLeft+me(e),l=-o.scrollTop;return"rtl"===ve(i||r).direction&&(a+=ae(r.clientWidth,i?i.clientWidth:0)-n),{width:n,height:s,x:a,y:l}}(ge(e)))}function Je(e,t,r,o){var i="clippingParents"===t?function(e){var t=Se(xe(e)),r=["absolute","fixed"].indexOf(ve(e).position)>=0&&ne(e)?Pe(e):e;return ie(r)?t.filter((function(e){return ie(e)&&ze(e,r)&&"body"!==fe(e)})):[]}(e):[].concat(t),n=[].concat(i,[r]),s=n[0],a=n.reduce((function(t,r){var i=$e(e,r,o);return t.top=ae(i.top,t.top),t.right=le(i.right,t.right),t.bottom=le(i.bottom,t.bottom),t.left=ae(i.left,t.left),t}),$e(e,s,o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function Xe(e){return e.split("-")[1]}function Ye(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Ge(e){var t,r=e.reference,o=e.element,i=e.placement,n=i?Ie(i):null,s=i?Xe(i):null,a=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2;switch(n){case Ce:t={x:a,y:r.y-o.height};break;case ke:t={x:a,y:r.y+r.height};break;case Te:t={x:r.x+r.width,y:l};break;case Ae:t={x:r.x-o.width,y:l};break;default:t={x:r.x,y:r.y}}var d=n?Ye(n):null;if(null!=d){var c="y"===d?"height":"width";switch(s){case Ve:t[d]=t[d]-(r[c]/2-o[c]/2);break;case Le:t[d]=t[d]+(r[c]/2-o[c]/2)}}return t}function Ke(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function Qe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function Ze(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=void 0===o?e.placement:o,n=r.strategy,s=void 0===n?e.strategy:n,a=r.boundary,l=void 0===a?je:a,d=r.rootBoundary,c=void 0===d?Re:d,p=r.elementContext,h=void 0===p?Me:p,u=r.altBoundary,f=void 0!==u&&u,g=r.padding,m=void 0===g?0:g,v=Ke("number"!=typeof m?m:Qe(m,De)),y=h===Me?Ue:Me,b=e.rects.popper,w=e.elements[f?y:h],x=Je(ie(w)?w:w.contextElement||ge(e.elements.popper),l,c,s),_=he(e.elements.reference),S=Ge({reference:_,element:b,strategy:"absolute",placement:i}),O=Fe(Object.assign({},b,S)),E=h===Me?O:_,P={top:x.top-E.top+v.top,bottom:E.bottom-x.bottom+v.bottom,left:x.left-E.left+v.left,right:E.right-x.right+v.right},C=e.modifiersData.offset;if(h===Me&&C){var k=C[i];Object.keys(P).forEach((function(e){var t=[Te,ke].indexOf(e)>=0?1:-1,r=[Ce,ke].indexOf(e)>=0?"y":"x";P[e]+=k[r]*t}))}return P}var et={placement:"bottom",modifiers:[],strategy:"absolute"};function tt(){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 rt(e){void 0===e&&(e={});var t=e,r=t.defaultModifiers,o=void 0===r?[]:r,i=t.defaultOptions,n=void 0===i?et:i;return function(e,t,r){void 0===r&&(r=n);var i,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},et,n),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],d=!1,c={state:a,setOptions:function(r){var i="function"==typeof r?r(a.options):r;p(),a.options=Object.assign({},n,a.options,i),a.scrollParents={reference:ie(e)?Se(e):e.contextElement?Se(e.contextElement):[],popper:Se(t)};var s,d,h=function(e){var t=qe(e);return He.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}((s=[].concat(o,a.options.modifiers),d=s.reduce((function(e,t){var r=e[t.name];return e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t,e}),{}),Object.keys(d).map((function(e){return d[e]}))));return a.orderedModifiers=h.filter((function(e){return e.enabled})),a.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,o=void 0===r?{}:r,i=e.effect;if("function"==typeof i){var n=i({state:a,name:t,instance:c,options:o}),s=function(){};l.push(n||s)}})),c.update()},forceUpdate:function(){if(!d){var e=a.elements,t=e.reference,r=e.popper;if(tt(t,r)){a.rects={reference:be(t,Pe(r),"fixed"===a.options.strategy),popper:we(r)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(e){return a.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<a.orderedModifiers.length;o++)if(!0!==a.reset){var i=a.orderedModifiers[o],n=i.fn,s=i.options,l=void 0===s?{}:s,p=i.name;"function"==typeof n&&(a=n({state:a,options:l,name:p,instance:c})||a)}else a.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(e){c.forceUpdate(),e(a)}))},function(){return s||(s=new Promise((function(e){Promise.resolve().then((function(){s=void 0,e(i())}))}))),s}),destroy:function(){p(),d=!0}};if(!tt(e,t))return c;function p(){l.forEach((function(e){return e()})),l=[]}return c.setOptions(r).then((function(e){!d&&r.onFirstUpdate&&r.onFirstUpdate(e)})),c}}var ot={passive:!0};var it={top:"auto",right:"auto",bottom:"auto",left:"auto"};function nt(e){var t,r=e.popper,o=e.popperRect,i=e.placement,n=e.variation,s=e.offsets,a=e.position,l=e.gpuAcceleration,d=e.adaptive,c=e.roundOffsets,p=e.isFixed,h=s.x,u=void 0===h?0:h,f=s.y,g=void 0===f?0:f,m="function"==typeof c?c({x:u,y:g}):{x:u,y:g};u=m.x,g=m.y;var v=s.hasOwnProperty("x"),y=s.hasOwnProperty("y"),b=Ae,w=Ce,x=window;if(d){var _=Pe(r),S="clientHeight",O="clientWidth";if(_===oe(r)&&"static"!==ve(_=ge(r)).position&&"absolute"===a&&(S="scrollHeight",O="scrollWidth"),i===Ce||(i===Ae||i===Te)&&n===Le)w=ke,g-=(p&&_===x&&x.visualViewport?x.visualViewport.height:_[S])-o.height,g*=l?1:-1;if(i===Ae||(i===Ce||i===ke)&&n===Le)b=Te,u-=(p&&_===x&&x.visualViewport?x.visualViewport.width:_[O])-o.width,u*=l?1:-1}var E,P=Object.assign({position:a},d&&it),C=!0===c?function(e){var t=e.x,r=e.y,o=window.devicePixelRatio||1;return{x:de(t*o)/o||0,y:de(r*o)/o||0}}({x:u,y:g}):{x:u,y:g};return u=C.x,g=C.y,l?Object.assign({},P,((E={})[w]=y?"0":"",E[b]=v?"0":"",E.transform=(x.devicePixelRatio||1)<=1?"translate("+u+"px, "+g+"px)":"translate3d("+u+"px, "+g+"px, 0)",E)):Object.assign({},P,((t={})[w]=y?g+"px":"",t[b]=v?u+"px":"",t.transform="",t))}var st={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=Be.reduce((function(e,r){return e[r]=function(e,t,r){var o=Ie(e),i=[Ae,Ce].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,[Ae,Te].indexOf(o)>=0?{x:a,y:s}:{x:s,y:a}}(r,t.rects,n),e}),{}),a=s[t.placement],l=a.x,d=a.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=d),t.modifiersData[o]=s}},at={left:"right",right:"left",bottom:"top",top:"bottom"};function lt(e){return e.replace(/left|right|bottom|top/g,(function(e){return at[e]}))}var dt={start:"end",end:"start"};function ct(e){return e.replace(/start|end/g,(function(e){return dt[e]}))}function pt(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=r.boundary,n=r.rootBoundary,s=r.padding,a=r.flipVariations,l=r.allowedAutoPlacements,d=void 0===l?Be:l,c=Xe(o),p=c?a?We:We.filter((function(e){return Xe(e)===c})):De,h=p.filter((function(e){return d.indexOf(e)>=0}));0===h.length&&(h=p);var u=h.reduce((function(t,r){return t[r]=Ze(e,{placement:r,boundary:i,rootBoundary:n,padding:s})[Ie(r)],t}),{});return Object.keys(u).sort((function(e,t){return u[e]-u[t]}))}var ht={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0===s||s,l=r.fallbackPlacements,d=r.padding,c=r.boundary,p=r.rootBoundary,h=r.altBoundary,u=r.flipVariations,f=void 0===u||u,g=r.allowedAutoPlacements,m=t.options.placement,v=Ie(m),y=l||(v===m||!f?[lt(m)]:function(e){if(Ie(e)===Ne)return[];var t=lt(e);return[ct(e),t,ct(t)]}(m)),b=[m].concat(y).reduce((function(e,r){return e.concat(Ie(r)===Ne?pt(t,{placement:r,boundary:c,rootBoundary:p,padding:d,flipVariations:f,allowedAutoPlacements:g}):r)}),[]),w=t.rects.reference,x=t.rects.popper,_=new Map,S=!0,O=b[0],E=0;E<b.length;E++){var P=b[E],C=Ie(P),k=Xe(P)===Ve,T=[Ce,ke].indexOf(C)>=0,A=T?"width":"height",N=Ze(t,{placement:P,boundary:c,rootBoundary:p,altBoundary:h,padding:d}),D=T?k?Te:Ae:k?ke:Ce;w[A]>x[A]&&(D=lt(D));var V=lt(D),L=[];if(n&&L.push(N[C]<=0),a&&L.push(N[D]<=0,N[V]<=0),L.every((function(e){return e}))){O=P,S=!1;break}_.set(P,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 ut(e,t,r){return ae(e,le(t,r))}var ft={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name,i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0!==s&&s,l=r.boundary,d=r.rootBoundary,c=r.altBoundary,p=r.padding,h=r.tether,u=void 0===h||h,f=r.tetherOffset,g=void 0===f?0:f,m=Ze(t,{boundary:l,rootBoundary:d,padding:p,altBoundary:c}),v=Ie(t.placement),y=Xe(t.placement),b=!y,w=Ye(v),x="x"===w?"y":"x",_=t.modifiersData.popperOffsets,S=t.rects.reference,O=t.rects.popper,E="function"==typeof g?g(Object.assign({},t.rects,{placement:t.placement})):g,P="number"==typeof E?{mainAxis:E,altAxis:E}:Object.assign({mainAxis:0,altAxis:0},E),C=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,k={x:0,y:0};if(_){if(n){var T,A="y"===w?Ce:Ae,N="y"===w?ke:Te,D="y"===w?"height":"width",V=_[w],L=V+m[A],j=V-m[N],R=u?-O[D]/2:0,M=y===Ve?S[D]:O[D],U=y===Ve?-O[D]:-S[D],W=t.elements.arrow,B=u&&W?we(W):{width:0,height:0},H=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},q=H[A],I=H[N],z=ut(0,S[D],B[D]),F=b?S[D]/2-R-z-q-P.mainAxis:M-z-q-P.mainAxis,$=b?-S[D]/2+R+z+I+P.mainAxis:U+z+I+P.mainAxis,J=t.elements.arrow&&Pe(t.elements.arrow),X=J?"y"===w?J.clientTop||0:J.clientLeft||0:0,Y=null!=(T=null==C?void 0:C[w])?T:0,G=V+$-Y,K=ut(u?le(L,V+F-Y-X):L,V,u?ae(j,G):j);_[w]=K,k[w]=K-V}if(a){var Q,Z="x"===w?Ce:Ae,ee="x"===w?ke:Te,te=_[x],re="y"===x?"height":"width",oe=te+m[Z],ie=te-m[ee],ne=-1!==[Ce,Ae].indexOf(v),se=null!=(Q=null==C?void 0:C[x])?Q:0,de=ne?oe:te-S[re]-O[re]-se+P.altAxis,ce=ne?te+S[re]+O[re]-se-P.altAxis:ie,pe=u&&ne?function(e,t,r){var o=ut(e,t,r);return o>r?r:o}(de,te,ce):ut(u?de:oe,te,u?ce:ie);_[x]=pe,k[x]=pe-te}t.modifiersData[o]=k}},requiresIfExists:["offset"]},gt=function(e,t){return Ke("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:Qe(e,De))};var mt={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=Ie(r.placement),l=Ye(a),d=[Ae,Te].indexOf(a)>=0?"height":"width";if(n&&s){var c=gt(i.padding,r),p=we(n),h="y"===l?Ce:Ae,u="y"===l?ke:Te,f=r.rects.reference[d]+r.rects.reference[l]-s[l]-r.rects.popper[d],g=s[l]-r.rects.reference[l],m=Pe(n),v=m?"y"===l?m.clientHeight||0:m.clientWidth||0:0,y=f/2-g/2,b=c[h],w=v-p[d]-c[u],x=v/2-p[d]/2+y,_=ut(b,x,w),S=l;r.modifiersData[o]=((t={})[S]=_,t.centerOffset=_-x,t)}},effect:function(e){var t=e.state,r=e.options.element,o=void 0===r?"[data-popper-arrow]":r;null!=o&&("string"!=typeof o||(o=t.elements.popper.querySelector(o)))&&ze(t.elements.popper,o)&&(t.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function vt(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 yt(e){return[Ce,Te,ke,Ae].some((function(t){return e[t]>=0}))}var bt=rt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,o=e.options,i=o.scroll,n=void 0===i||i,s=o.resize,a=void 0===s||s,l=oe(t.elements.popper),d=[].concat(t.scrollParents.reference,t.scrollParents.popper);return n&&d.forEach((function(e){e.addEventListener("scroll",r.update,ot)})),a&&l.addEventListener("resize",r.update,ot),function(){n&&d.forEach((function(e){e.removeEventListener("scroll",r.update,ot)})),a&&l.removeEventListener("resize",r.update,ot)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=Ge({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,o=r.gpuAcceleration,i=void 0===o||o,n=r.adaptive,s=void 0===n||n,a=r.roundOffsets,l=void 0===a||a,d={placement:Ie(t.placement),variation:Xe(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,nt(Object.assign({},d,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,nt(Object.assign({},d,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{},o=t.attributes[e]||{},i=t.elements[e];ne(i)&&fe(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}),{});ne(o)&&fe(o)&&(Object.assign(o.style,n),Object.keys(i).forEach((function(e){o.removeAttribute(e)})))}))}},requires:["computeStyles"]},st,ht,ft,mt,{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=Ze(t,{elementContext:"reference"}),a=Ze(t,{altBoundary:!0}),l=vt(s,o),d=vt(a,i,n),c=yt(l),p=yt(d);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:d,isReferenceHidden:c,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":p})}}]});class wt{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=bt(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 xt extends te{constructor(){super(),this.isPopoverVisible=!1,this.matchWidth=!1,this.noHideOnThisFocusLoss=!1,this.privateDefaults()}privateDefaults(){this.bordered=!1,this.chevron=!1,this.disabled=!1,this.error=!1,this.inset=!1,this.placement="bottom-start",this.rounded=!1,this.ready=!1,this.tabIndex=0,this.noToggle=!1}static get properties(){return{bordered:{type:Boolean,reflect:!0},chevron:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},error:{type:Boolean,reflect:!0},inset:{type:Boolean,reflect:!0},matchWidth:{type:Boolean,reflect:!0},rounded:{type:Boolean,reflect:!0},noToggle:{type:Boolean,reflect:!0},noHideOnThisFocusLoss:{type:Boolean,reflect:!0},isPopoverVisible:{type:Boolean},ready:{type:Boolean},dropdownWidth:{type:Number},placement:{type:String},tabIndex:{type:Number}}}static get styles(){return Z`${re}`}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)}))}}handleFocusLoss(){this.noHideOnThisFocusLoss||this.hasAttribute("noHideOnThisFocusLoss")||(document.activeElement.addEventListener("focusout",(()=>{document.activeElement===document.querySelector("body")||this.contains(document.activeElement)||this.hide()})),document.querySelector("body").addEventListener("click",(e=>{e.composedPath().includes(this)||this.hide()})))}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 wt(this.trigger,this.popover,this.placement);const e=()=>{this.toggleShow()},t=()=>{this.isPopoverVisible?this.toggleHide():e()},r=e=>{"escape"===e.key.toLowerCase()&&this.toggleHide()},o=t=>{const r=t.key.toLowerCase();" "!==r&&"enter"!==r||(t.preventDefault(),e())},i=e=>{const r=e.key.toLowerCase();" "!==r&&"enter"!==r||(e.preventDefault(),t())},n=()=>{const e=new CustomEvent("auroDropdown-triggerClick",{composed:!0});this.dispatchEvent(e)};this.hasAttribute("disableEventShow")?(this.trigger.addEventListener("click",n),this.trigger.addEventListener("keydown",(e=>{const t=e.key.toLowerCase();" "!==t&&"enter"!==t||n()}))):(this.trigger.addEventListener("click",(()=>{this.trigger.focus()})),this.noToggle?(this.trigger.addEventListener("click",e),this.trigger.addEventListener("keydown",o)):(this.trigger.addEventListener("click",t),this.trigger.addEventListener("keydown",i))),this.trigger.addEventListener("keydown",r),this.popover.addEventListener("keydown",r),window.addEventListener("blur",(()=>{this.hide()})),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.handleFocusLoss(),this.dispatchEventDropdownToggle())}hide(){this.toggleHide()}show(){this.toggleShow()}dispatchEventDropdownToggle(){const e=new CustomEvent("dropdownToggled",{detail:{expanded:this.isPopoverVisible},composed:!0});this.dispatchEvent(e);const t=new CustomEvent("auroDropdown-toggled",{detail:{expanded:this.isPopoverVisible},composed:!0});this.dispatchEvent(t)}updated(e){e.has("isPopoverVisible")&&this.trigger.setAttribute("aria-expanded",this.isPopoverVisible)}render(){return U`<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?U`<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",xt); | ||
(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const ee={};class te extends Y{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&&!G){const t=Array.prototype.slice.call(e.cssRules).reduce(((e,t)=>e+t.cssText),"");return new Q(String(t),K)}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?G?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!==ee&&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 ee}}te.finalized=!0,te.render=(e,r,o)=>{if(!o||"object"!=typeof o||!o.scopeName)throw new Error("The `scopeName` option is required.");const i=o.scopeName,n=R.has(r),s=B&&11===r.nodeType&&!!r.host,a=s&&!I.has(i),l=a?document.createDocumentFragment():r;if(((e,r,o)=>{let i=R.get(r);void 0===i&&(t(r,r.firstChild),R.set(r,i=new C(Object.assign({templateFactory:L},o))),i.appendInto(r)),i.setValue(e),i.commit()})(e,l,Object.assign({templateFactory:H(i)},o)),a){const e=R.get(l);R.delete(l);const o=e.value instanceof b?e.value.template:void 0;z(i,l,o),t(r,r.firstChild),r.appendChild(l),R.set(r,e)}!n&&s&&window.ShadyCSS.styleElement(r.host)},te.shadowRootOptions={mode:"open"};var re=Z`.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){box-shadow:inset 0 0 0 1px var(--auro-color-ui-default-on-light)}@media(hover:hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{flex:1}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--auro-size-xs);color:var(--auro-color-icon-primary-on-light)}#showStateIcon auro-icon{height:1.5rem;line-height:1.5rem}#showStateIcon[data-expanded=true] auro-icon{transform:rotate(-180deg)}.helpText{margin-top:4px;color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}:host(:not([data-show])) .popover{display:none}:host([data-show]) .popover{z-index:var(--auro-depth-tooltip)}:host([common]) .popover,:host([common]) .trigger,:host([rounded]) .popover,:host([rounded]) .trigger{overflow:hidden;border-radius:var(--auro-border-radius)}:host([common]) .trigger,:host([inset]) .trigger{padding:var(--auro-size-xs) var(--auro-size-sm)}:host([disabled]){pointer-events:none}:host([disabled]) #showStateIcon,:host([disabled]) .label,:host([disabled]) .trigger{color:var(--auro-color-text-disabled-on-light)}:host([bordered]) .trigger,:host([common]) .trigger{border-color:var(--auro-color-border-primary-on-light)}:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within,:host([common]) .trigger:active,:host([common]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light)}:host([error]) .helpText{color:var(--auro-color-text-error-on-light)}:host([error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([disabled][bordered]) .trigger,:host([disabled][common]) .trigger{border-color:var(--auro-color-border-disabled)}:host([bordered][error]) .trigger,:host([common][error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([bordered][error]) .trigger:focus-within,:host([common][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([bordered][error]) .trigger:active,:host([common][error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([onDark]) .trigger{color:var(--auro-color-text-primary-on-dark)}:host([onDark]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark]) .helpText,:host([onDark]) .label{color:var(--auro-color-text-secondary-on-dark)}:host([onDark]) #showStateIcon{color:var(--auro-color-icon-primary-on-dark)}@media(hover:hover){:host([onDark]) .trigger:hover{background-color:rgba(178,178,178,.1)}}:host([onDark][error]) .helpText{color:var(--auro-color-text-error-on-dark)}:host([onDark][error]) .trigger{border-color:var(--auro-color-border-error-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-dark)}:host([onDark][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark][disabled]) .helpText,:host([onDark][disabled]) .label,:host([onDark][disabled]) .trigger{color:var(--auro-color-text-disabled-on-dark)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled-on-dark)}`;function oe(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ie(e){return e instanceof oe(e).Element||e instanceof Element}function ne(e){return e instanceof oe(e).HTMLElement||e instanceof HTMLElement}function se(e){return"undefined"!=typeof ShadowRoot&&(e instanceof oe(e).ShadowRoot||e instanceof ShadowRoot)}var ae=Math.max,le=Math.min,de=Math.round;function ce(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function pe(){return!/^((?!chrome|android).)*safari/i.test(ce())}function he(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var o=e.getBoundingClientRect(),i=1,n=1;t&&ne(e)&&(i=e.offsetWidth>0&&de(o.width)/e.offsetWidth||1,n=e.offsetHeight>0&&de(o.height)/e.offsetHeight||1);var s=(ie(e)?oe(e):window).visualViewport,a=!pe()&&r,l=(o.left+(a&&s?s.offsetLeft:0))/i,d=(o.top+(a&&s?s.offsetTop:0))/n,c=o.width/i,p=o.height/n;return{width:c,height:p,top:d,right:l+c,bottom:d+p,left:l,x:l,y:d}}function ue(e){var t=oe(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function fe(e){return e?(e.nodeName||"").toLowerCase():null}function ge(e){return((ie(e)?e.ownerDocument:e.document)||window.document).documentElement}function me(e){return he(ge(e)).left+ue(e).scrollLeft}function ve(e){return oe(e).getComputedStyle(e)}function ye(e){var t=ve(e),r=t.overflow,o=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+o)}function be(e,t,r){void 0===r&&(r=!1);var o,i,n=ne(t),s=ne(t)&&function(e){var t=e.getBoundingClientRect(),r=de(t.width)/e.offsetWidth||1,o=de(t.height)/e.offsetHeight||1;return 1!==r||1!==o}(t),a=ge(t),l=he(e,s,r),d={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==fe(t)||ye(a))&&(d=(o=t)!==oe(o)&&ne(o)?{scrollLeft:(i=o).scrollLeft,scrollTop:i.scrollTop}:ue(o)),ne(t)?((c=he(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=me(a))),{x:l.left+d.scrollLeft-c.x,y:l.top+d.scrollTop-c.y,width:l.width,height:l.height}}function we(e){var t=he(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 xe(e){return"html"===fe(e)?e:e.assignedSlot||e.parentNode||(se(e)?e.host:null)||ge(e)}function _e(e){return["html","body","#document"].indexOf(fe(e))>=0?e.ownerDocument.body:ne(e)&&ye(e)?e:_e(xe(e))}function Se(e,t){var r;void 0===t&&(t=[]);var o=_e(e),i=o===(null==(r=e.ownerDocument)?void 0:r.body),n=oe(o),s=i?[n].concat(n.visualViewport||[],ye(o)?o:[]):o,a=t.concat(s);return i?a:a.concat(Se(xe(s)))}function Oe(e){return["table","td","th"].indexOf(fe(e))>=0}function Ee(e){return ne(e)&&"fixed"!==ve(e).position?e.offsetParent:null}function Pe(e){for(var t=oe(e),r=Ee(e);r&&Oe(r)&&"static"===ve(r).position;)r=Ee(r);return r&&("html"===fe(r)||"body"===fe(r)&&"static"===ve(r).position)?t:r||function(e){var t=/firefox/i.test(ce());if(/Trident/i.test(ce())&&ne(e)&&"fixed"===ve(e).position)return null;var r=xe(e);for(se(r)&&(r=r.host);ne(r)&&["html","body"].indexOf(fe(r))<0;){var o=ve(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 Ce="top",ke="bottom",Te="right",Ae="left",Ne="auto",De=[Ce,ke,Te,Ae],Ve="start",Le="end",je="clippingParents",Re="viewport",Me="popper",Ue="reference",We=De.reduce((function(e,t){return e.concat([t+"-"+Ve,t+"-"+Le])}),[]),Be=[].concat(De,[Ne]).reduce((function(e,t){return e.concat([t,t+"-"+Ve,t+"-"+Le])}),[]),He=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function qe(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 Ie(e){return e.split("-")[0]}function ze(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&se(r)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function Fe(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function $e(e,t,r){return t===Re?Fe(function(e,t){var r=oe(e),o=ge(e),i=r.visualViewport,n=o.clientWidth,s=o.clientHeight,a=0,l=0;if(i){n=i.width,s=i.height;var d=pe();(d||!d&&"fixed"===t)&&(a=i.offsetLeft,l=i.offsetTop)}return{width:n,height:s,x:a+me(e),y:l}}(e,r)):ie(t)?function(e,t){var r=he(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):Fe(function(e){var t,r=ge(e),o=ue(e),i=null==(t=e.ownerDocument)?void 0:t.body,n=ae(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),s=ae(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),a=-o.scrollLeft+me(e),l=-o.scrollTop;return"rtl"===ve(i||r).direction&&(a+=ae(r.clientWidth,i?i.clientWidth:0)-n),{width:n,height:s,x:a,y:l}}(ge(e)))}function Je(e,t,r,o){var i="clippingParents"===t?function(e){var t=Se(xe(e)),r=["absolute","fixed"].indexOf(ve(e).position)>=0&&ne(e)?Pe(e):e;return ie(r)?t.filter((function(e){return ie(e)&&ze(e,r)&&"body"!==fe(e)})):[]}(e):[].concat(t),n=[].concat(i,[r]),s=n[0],a=n.reduce((function(t,r){var i=$e(e,r,o);return t.top=ae(i.top,t.top),t.right=le(i.right,t.right),t.bottom=le(i.bottom,t.bottom),t.left=ae(i.left,t.left),t}),$e(e,s,o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function Xe(e){return e.split("-")[1]}function Ye(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Ge(e){var t,r=e.reference,o=e.element,i=e.placement,n=i?Ie(i):null,s=i?Xe(i):null,a=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2;switch(n){case Ce:t={x:a,y:r.y-o.height};break;case ke:t={x:a,y:r.y+r.height};break;case Te:t={x:r.x+r.width,y:l};break;case Ae:t={x:r.x-o.width,y:l};break;default:t={x:r.x,y:r.y}}var d=n?Ye(n):null;if(null!=d){var c="y"===d?"height":"width";switch(s){case Ve:t[d]=t[d]-(r[c]/2-o[c]/2);break;case Le:t[d]=t[d]+(r[c]/2-o[c]/2)}}return t}function Ke(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function Qe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function Ze(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=void 0===o?e.placement:o,n=r.strategy,s=void 0===n?e.strategy:n,a=r.boundary,l=void 0===a?je:a,d=r.rootBoundary,c=void 0===d?Re:d,p=r.elementContext,h=void 0===p?Me:p,u=r.altBoundary,f=void 0!==u&&u,g=r.padding,m=void 0===g?0:g,v=Ke("number"!=typeof m?m:Qe(m,De)),y=h===Me?Ue:Me,b=e.rects.popper,w=e.elements[f?y:h],x=Je(ie(w)?w:w.contextElement||ge(e.elements.popper),l,c,s),_=he(e.elements.reference),S=Ge({reference:_,element:b,strategy:"absolute",placement:i}),O=Fe(Object.assign({},b,S)),E=h===Me?O:_,P={top:x.top-E.top+v.top,bottom:E.bottom-x.bottom+v.bottom,left:x.left-E.left+v.left,right:E.right-x.right+v.right},C=e.modifiersData.offset;if(h===Me&&C){var k=C[i];Object.keys(P).forEach((function(e){var t=[Te,ke].indexOf(e)>=0?1:-1,r=[Ce,ke].indexOf(e)>=0?"y":"x";P[e]+=k[r]*t}))}return P}var et={placement:"bottom",modifiers:[],strategy:"absolute"};function tt(){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 rt(e){void 0===e&&(e={});var t=e,r=t.defaultModifiers,o=void 0===r?[]:r,i=t.defaultOptions,n=void 0===i?et:i;return function(e,t,r){void 0===r&&(r=n);var i,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},et,n),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],d=!1,c={state:a,setOptions:function(r){var i="function"==typeof r?r(a.options):r;p(),a.options=Object.assign({},n,a.options,i),a.scrollParents={reference:ie(e)?Se(e):e.contextElement?Se(e.contextElement):[],popper:Se(t)};var s,d,h=function(e){var t=qe(e);return He.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}((s=[].concat(o,a.options.modifiers),d=s.reduce((function(e,t){var r=e[t.name];return e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t,e}),{}),Object.keys(d).map((function(e){return d[e]}))));return a.orderedModifiers=h.filter((function(e){return e.enabled})),a.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,o=void 0===r?{}:r,i=e.effect;if("function"==typeof i){var n=i({state:a,name:t,instance:c,options:o}),s=function(){};l.push(n||s)}})),c.update()},forceUpdate:function(){if(!d){var e=a.elements,t=e.reference,r=e.popper;if(tt(t,r)){a.rects={reference:be(t,Pe(r),"fixed"===a.options.strategy),popper:we(r)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(e){return a.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<a.orderedModifiers.length;o++)if(!0!==a.reset){var i=a.orderedModifiers[o],n=i.fn,s=i.options,l=void 0===s?{}:s,p=i.name;"function"==typeof n&&(a=n({state:a,options:l,name:p,instance:c})||a)}else a.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(e){c.forceUpdate(),e(a)}))},function(){return s||(s=new Promise((function(e){Promise.resolve().then((function(){s=void 0,e(i())}))}))),s}),destroy:function(){p(),d=!0}};if(!tt(e,t))return c;function p(){l.forEach((function(e){return e()})),l=[]}return c.setOptions(r).then((function(e){!d&&r.onFirstUpdate&&r.onFirstUpdate(e)})),c}}var ot={passive:!0};var it={top:"auto",right:"auto",bottom:"auto",left:"auto"};function nt(e){var t,r=e.popper,o=e.popperRect,i=e.placement,n=e.variation,s=e.offsets,a=e.position,l=e.gpuAcceleration,d=e.adaptive,c=e.roundOffsets,p=e.isFixed,h=s.x,u=void 0===h?0:h,f=s.y,g=void 0===f?0:f,m="function"==typeof c?c({x:u,y:g}):{x:u,y:g};u=m.x,g=m.y;var v=s.hasOwnProperty("x"),y=s.hasOwnProperty("y"),b=Ae,w=Ce,x=window;if(d){var _=Pe(r),S="clientHeight",O="clientWidth";if(_===oe(r)&&"static"!==ve(_=ge(r)).position&&"absolute"===a&&(S="scrollHeight",O="scrollWidth"),i===Ce||(i===Ae||i===Te)&&n===Le)w=ke,g-=(p&&_===x&&x.visualViewport?x.visualViewport.height:_[S])-o.height,g*=l?1:-1;if(i===Ae||(i===Ce||i===ke)&&n===Le)b=Te,u-=(p&&_===x&&x.visualViewport?x.visualViewport.width:_[O])-o.width,u*=l?1:-1}var E,P=Object.assign({position:a},d&&it),C=!0===c?function(e){var t=e.x,r=e.y,o=window.devicePixelRatio||1;return{x:de(t*o)/o||0,y:de(r*o)/o||0}}({x:u,y:g}):{x:u,y:g};return u=C.x,g=C.y,l?Object.assign({},P,((E={})[w]=y?"0":"",E[b]=v?"0":"",E.transform=(x.devicePixelRatio||1)<=1?"translate("+u+"px, "+g+"px)":"translate3d("+u+"px, "+g+"px, 0)",E)):Object.assign({},P,((t={})[w]=y?g+"px":"",t[b]=v?u+"px":"",t.transform="",t))}var st={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=Be.reduce((function(e,r){return e[r]=function(e,t,r){var o=Ie(e),i=[Ae,Ce].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,[Ae,Te].indexOf(o)>=0?{x:a,y:s}:{x:s,y:a}}(r,t.rects,n),e}),{}),a=s[t.placement],l=a.x,d=a.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=d),t.modifiersData[o]=s}},at={left:"right",right:"left",bottom:"top",top:"bottom"};function lt(e){return e.replace(/left|right|bottom|top/g,(function(e){return at[e]}))}var dt={start:"end",end:"start"};function ct(e){return e.replace(/start|end/g,(function(e){return dt[e]}))}function pt(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=r.boundary,n=r.rootBoundary,s=r.padding,a=r.flipVariations,l=r.allowedAutoPlacements,d=void 0===l?Be:l,c=Xe(o),p=c?a?We:We.filter((function(e){return Xe(e)===c})):De,h=p.filter((function(e){return d.indexOf(e)>=0}));0===h.length&&(h=p);var u=h.reduce((function(t,r){return t[r]=Ze(e,{placement:r,boundary:i,rootBoundary:n,padding:s})[Ie(r)],t}),{});return Object.keys(u).sort((function(e,t){return u[e]-u[t]}))}var ht={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0===s||s,l=r.fallbackPlacements,d=r.padding,c=r.boundary,p=r.rootBoundary,h=r.altBoundary,u=r.flipVariations,f=void 0===u||u,g=r.allowedAutoPlacements,m=t.options.placement,v=Ie(m),y=l||(v===m||!f?[lt(m)]:function(e){if(Ie(e)===Ne)return[];var t=lt(e);return[ct(e),t,ct(t)]}(m)),b=[m].concat(y).reduce((function(e,r){return e.concat(Ie(r)===Ne?pt(t,{placement:r,boundary:c,rootBoundary:p,padding:d,flipVariations:f,allowedAutoPlacements:g}):r)}),[]),w=t.rects.reference,x=t.rects.popper,_=new Map,S=!0,O=b[0],E=0;E<b.length;E++){var P=b[E],C=Ie(P),k=Xe(P)===Ve,T=[Ce,ke].indexOf(C)>=0,A=T?"width":"height",N=Ze(t,{placement:P,boundary:c,rootBoundary:p,altBoundary:h,padding:d}),D=T?k?Te:Ae:k?ke:Ce;w[A]>x[A]&&(D=lt(D));var V=lt(D),L=[];if(n&&L.push(N[C]<=0),a&&L.push(N[D]<=0,N[V]<=0),L.every((function(e){return e}))){O=P,S=!1;break}_.set(P,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 ut(e,t,r){return ae(e,le(t,r))}var ft={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name,i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0!==s&&s,l=r.boundary,d=r.rootBoundary,c=r.altBoundary,p=r.padding,h=r.tether,u=void 0===h||h,f=r.tetherOffset,g=void 0===f?0:f,m=Ze(t,{boundary:l,rootBoundary:d,padding:p,altBoundary:c}),v=Ie(t.placement),y=Xe(t.placement),b=!y,w=Ye(v),x="x"===w?"y":"x",_=t.modifiersData.popperOffsets,S=t.rects.reference,O=t.rects.popper,E="function"==typeof g?g(Object.assign({},t.rects,{placement:t.placement})):g,P="number"==typeof E?{mainAxis:E,altAxis:E}:Object.assign({mainAxis:0,altAxis:0},E),C=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,k={x:0,y:0};if(_){if(n){var T,A="y"===w?Ce:Ae,N="y"===w?ke:Te,D="y"===w?"height":"width",V=_[w],L=V+m[A],j=V-m[N],R=u?-O[D]/2:0,M=y===Ve?S[D]:O[D],U=y===Ve?-O[D]:-S[D],W=t.elements.arrow,B=u&&W?we(W):{width:0,height:0},H=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},q=H[A],I=H[N],z=ut(0,S[D],B[D]),F=b?S[D]/2-R-z-q-P.mainAxis:M-z-q-P.mainAxis,$=b?-S[D]/2+R+z+I+P.mainAxis:U+z+I+P.mainAxis,J=t.elements.arrow&&Pe(t.elements.arrow),X=J?"y"===w?J.clientTop||0:J.clientLeft||0:0,Y=null!=(T=null==C?void 0:C[w])?T:0,G=V+$-Y,K=ut(u?le(L,V+F-Y-X):L,V,u?ae(j,G):j);_[w]=K,k[w]=K-V}if(a){var Q,Z="x"===w?Ce:Ae,ee="x"===w?ke:Te,te=_[x],re="y"===x?"height":"width",oe=te+m[Z],ie=te-m[ee],ne=-1!==[Ce,Ae].indexOf(v),se=null!=(Q=null==C?void 0:C[x])?Q:0,de=ne?oe:te-S[re]-O[re]-se+P.altAxis,ce=ne?te+S[re]+O[re]-se-P.altAxis:ie,pe=u&&ne?function(e,t,r){var o=ut(e,t,r);return o>r?r:o}(de,te,ce):ut(u?de:oe,te,u?ce:ie);_[x]=pe,k[x]=pe-te}t.modifiersData[o]=k}},requiresIfExists:["offset"]},gt=function(e,t){return Ke("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:Qe(e,De))};var mt={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=Ie(r.placement),l=Ye(a),d=[Ae,Te].indexOf(a)>=0?"height":"width";if(n&&s){var c=gt(i.padding,r),p=we(n),h="y"===l?Ce:Ae,u="y"===l?ke:Te,f=r.rects.reference[d]+r.rects.reference[l]-s[l]-r.rects.popper[d],g=s[l]-r.rects.reference[l],m=Pe(n),v=m?"y"===l?m.clientHeight||0:m.clientWidth||0:0,y=f/2-g/2,b=c[h],w=v-p[d]-c[u],x=v/2-p[d]/2+y,_=ut(b,x,w),S=l;r.modifiersData[o]=((t={})[S]=_,t.centerOffset=_-x,t)}},effect:function(e){var t=e.state,r=e.options.element,o=void 0===r?"[data-popper-arrow]":r;null!=o&&("string"!=typeof o||(o=t.elements.popper.querySelector(o)))&&ze(t.elements.popper,o)&&(t.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function vt(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 yt(e){return[Ce,Te,ke,Ae].some((function(t){return e[t]>=0}))}var bt=rt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,o=e.options,i=o.scroll,n=void 0===i||i,s=o.resize,a=void 0===s||s,l=oe(t.elements.popper),d=[].concat(t.scrollParents.reference,t.scrollParents.popper);return n&&d.forEach((function(e){e.addEventListener("scroll",r.update,ot)})),a&&l.addEventListener("resize",r.update,ot),function(){n&&d.forEach((function(e){e.removeEventListener("scroll",r.update,ot)})),a&&l.removeEventListener("resize",r.update,ot)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=Ge({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,o=r.gpuAcceleration,i=void 0===o||o,n=r.adaptive,s=void 0===n||n,a=r.roundOffsets,l=void 0===a||a,d={placement:Ie(t.placement),variation:Xe(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,nt(Object.assign({},d,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,nt(Object.assign({},d,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{},o=t.attributes[e]||{},i=t.elements[e];ne(i)&&fe(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}),{});ne(o)&&fe(o)&&(Object.assign(o.style,n),Object.keys(i).forEach((function(e){o.removeAttribute(e)})))}))}},requires:["computeStyles"]},st,ht,ft,mt,{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=Ze(t,{elementContext:"reference"}),a=Ze(t,{altBoundary:!0}),l=vt(s,o),d=vt(a,i,n),c=yt(l),p=yt(d);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:d,isReferenceHidden:c,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":p})}}]});class wt{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=bt(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 xt extends te{constructor(){super(),this.isPopoverVisible=!1,this.matchWidth=!1,this.noHideOnThisFocusLoss=!1,this.privateDefaults()}privateDefaults(){this.bordered=!1,this.chevron=!1,this.disabled=!1,this.error=!1,this.inset=!1,this.placement="bottom-start",this.rounded=!1,this.ready=!1,this.tabIndex=0,this.noToggle=!1}static get properties(){return{bordered:{type:Boolean,reflect:!0},chevron:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},error:{type:Boolean,reflect:!0},inset:{type:Boolean,reflect:!0},matchWidth:{type:Boolean,reflect:!0},rounded:{type:Boolean,reflect:!0},noToggle:{type:Boolean,reflect:!0},noHideOnThisFocusLoss:{type:Boolean,reflect:!0},isPopoverVisible:{type:Boolean},ready:{type:Boolean},dropdownWidth:{type:Number},placement:{type:String},tabIndex:{type:Number}}}static get styles(){return Z`${re}`}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)}))}}handleFocusLoss(){this.noHideOnThisFocusLoss||this.hasAttribute("noHideOnThisFocusLoss")||(document.activeElement.addEventListener("focusout",(()=>{document.activeElement===document.querySelector("body")||this.contains(document.activeElement)||this.hide()})),document.querySelector("body").addEventListener("click",(e=>{e.composedPath().includes(this)||this.hide()})))}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 wt(this.trigger,this.popover,this.placement);const e=()=>{this.toggleShow()},t=()=>{this.isPopoverVisible?this.toggleHide():e()},r=e=>{"escape"===e.key.toLowerCase()&&this.toggleHide()},o=t=>{const r=t.key.toLowerCase();" "!==r&&"enter"!==r||(t.preventDefault(),e())},i=e=>{const r=e.key.toLowerCase();" "!==r&&"enter"!==r||(e.preventDefault(),t())},n=()=>{const e=new CustomEvent("auroDropdown-triggerClick",{composed:!0});this.dispatchEvent(e)};this.hasAttribute("disableEventShow")?(this.trigger.addEventListener("click",n),this.trigger.addEventListener("keydown",(e=>{const t=e.key.toLowerCase();" "!==t&&"enter"!==t||n()}))):(this.trigger.addEventListener("click",(()=>{this.trigger.focus()})),this.noToggle?(this.trigger.addEventListener("click",e),this.trigger.addEventListener("keydown",o)):(this.trigger.addEventListener("click",t),this.trigger.addEventListener("keydown",i))),this.trigger.addEventListener("keydown",r),this.popover.addEventListener("keydown",r),window.addEventListener("blur",(()=>{this.hide()})),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.handleFocusLoss(),this.dispatchEventDropdownToggle())}hide(){this.toggleHide()}show(){this.toggleShow()}dispatchEventDropdownToggle(){const e=new CustomEvent("dropdownToggled",{detail:{expanded:this.isPopoverVisible},composed:!0});this.dispatchEvent(e);const t=new CustomEvent("auroDropdown-toggled",{detail:{expanded:this.isPopoverVisible},composed:!0});this.dispatchEvent(t)}updated(e){e.has("isPopoverVisible")&&this.trigger.setAttribute("aria-expanded",this.isPopoverVisible)}render(){return U`<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?U`<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>`}}function _t(e){customElements.get(e)||customElements.define(e,class extends xt{})}customElements.get("auro-dropdown")||customElements.define("auro-dropdown",xt);export{_t as registerComponent}; |
@@ -38,3 +38,3 @@ // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license | ||
*/ | ||
class AuroDropdown extends LitElement { | ||
export class AuroDropdown extends LitElement { | ||
constructor() { | ||
@@ -447,6 +447,5 @@ super(); | ||
/* istanbul ignore else */ | ||
// define the name of the custom component | ||
// default internal definition | ||
if (!customElements.get("auro-dropdown")) { | ||
customElements.define("auro-dropdown", AuroDropdown); | ||
} |
14
index.js
@@ -1,1 +0,13 @@ | ||
export * from './dist/auro-dropdown'; | ||
import { AuroDropdown } from './src/auro-dropdown.js'; | ||
/** | ||
* Register Custom Element. | ||
* @param {Object} name - Name to use for custom element. | ||
* @returns {void} | ||
*/ | ||
export function registerComponent(name) { | ||
// alias definition | ||
if (!customElements.get(name)) { | ||
customElements.define(name, class extends AuroDropdown {}); | ||
} | ||
} |
@@ -10,3 +10,3 @@ { | ||
"name": "@aurodesignsystem/auro-dropdown", | ||
"version": "2.9.6", | ||
"version": "2.9.7", | ||
"description": "auro-dropdown HTML custom element", | ||
@@ -13,0 +13,0 @@ "repository": { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
187144
72
1268