Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@aurodesignsystem/auro-dropdown
Advanced tools
@aurodesignsystem/auro-dropdown - npm Package Compare versions
Comparing version 2.2.0 to 2.2.1
| # Semantic Release Automated Changelog | ||
| ## [2.2.1](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.2.0...v2.2.1) (2022-03-30) | ||
| ### Bug Fixes | ||
| * **style:** correct color for trigger border [#113](https://github.com/AlaskaAirlines/auro-dropdown/issues/113) ([0490fee](https://github.com/AlaskaAirlines/auro-dropdown/commit/0490fee57bfb137c9e91926d83e45cc0abbe31f9)) | ||
| # [2.2.0](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.1.1...v2.2.0) (2022-03-28) | ||
@@ -4,0 +11,0 @@ |
@@ -159,2 +159,2 @@ /** | ||
| */ | ||
| (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=j.has(r),s=U&&11===r.nodeType&&!!r.host,a=s&&!I.has(i),l=a?document.createDocumentFragment():r;if(((e,r,o)=>{let i=j.get(r);void 0===i&&(t(r,r.firstChild),j.set(r,i=new P(Object.assign({templateFactory:D},o))),i.appendInto(r)),i.setValue(e),i.commit()})(e,l,Object.assign({templateFactory:B(i)},o)),a){const e=j.get(l);j.delete(l);const o=e.value instanceof v?e.value.template:void 0;H(i,l,o),t(r,r.firstChild),r.appendChild(l),j.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:focus-within{border-color:var(--auro-color-border-active-on-light)}.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)}@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([rounded]) .popover,:host([rounded]) .trigger{overflow:hidden;border-radius:var(--auro-border-radius)}: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{border-color:var(--auro-color-border-primary-on-dark)}: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][bordered]) .trigger{border-color:var(--auro-color-border-disabled)}: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([bordered][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}: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]) .helpText,:host([onDark]) .label{color:var(--auro-color-text-secondary-on-dark)}:host([onDark]) #showStateIcon{color:var(--auro-color-icon-primary-on-dark)}@media(hover:hover){:host([onDark]) .trigger:hover{background-color:rgba(178,178,178,.1)}}:host([onDark][error]) .helpText{color:var(--auro-color-text-error-on-dark)}:host([onDark][error]) .trigger{border-color:var(--auro-color-border-error-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-dark)}:host([onDark][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark][disabled]) .helpText,:host([onDark][disabled]) .label,:host([onDark][disabled]) .trigger{color:var(--auro-color-text-disabled-on-dark)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled-on-dark)}`;function ee(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function te(e){return e instanceof ee(e).Element||e instanceof Element}function re(e){return e instanceof ee(e).HTMLElement||e instanceof HTMLElement}function oe(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ee(e).ShadowRoot||e instanceof ShadowRoot)}var ie=Math.max,ne=Math.min,se=Math.round;function ae(e,t){void 0===t&&(t=!1);var r=e.getBoundingClientRect(),o=1,i=1;if(re(e)&&t){var n=e.offsetHeight,s=e.offsetWidth;s>0&&(o=se(r.width)/s||1),n>0&&(i=se(r.height)/n||1)}return{width:r.width/o,height:r.height/i,top:r.top/i,right:r.right/o,bottom:r.bottom/i,left:r.left/o,x:r.left/o,y:r.top/i}}function le(e){var t=ee(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function de(e){return e?(e.nodeName||"").toLowerCase():null}function ce(e){return((te(e)?e.ownerDocument:e.document)||window.document).documentElement}function pe(e){return ae(ce(e)).left+le(e).scrollLeft}function he(e){return ee(e).getComputedStyle(e)}function ue(e){var t=he(e),r=t.overflow,o=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+o)}function fe(e,t,r){void 0===r&&(r=!1);var o,i,n=re(t),s=re(t)&&function(e){var t=e.getBoundingClientRect(),r=se(t.width)/e.offsetWidth||1,o=se(t.height)/e.offsetHeight||1;return 1!==r||1!==o}(t),a=ce(t),l=ae(e,s),d={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==de(t)||ue(a))&&(d=(o=t)!==ee(o)&&re(o)?{scrollLeft:(i=o).scrollLeft,scrollTop:i.scrollTop}:le(o)),re(t)?((c=ae(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=pe(a))),{x:l.left+d.scrollLeft-c.x,y:l.top+d.scrollTop-c.y,width:l.width,height:l.height}}function ge(e){var t=ae(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function me(e){return"html"===de(e)?e:e.assignedSlot||e.parentNode||(oe(e)?e.host:null)||ce(e)}function ve(e){return["html","body","#document"].indexOf(de(e))>=0?e.ownerDocument.body:re(e)&&ue(e)?e:ve(me(e))}function be(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(be(me(s)))}function ye(e){return["table","td","th"].indexOf(de(e))>=0}function we(e){return re(e)&&"fixed"!==he(e).position?e.offsetParent:null}function xe(e){for(var t=ee(e),r=we(e);r&&ye(r)&&"static"===he(r).position;)r=we(r);return r&&("html"===de(r)||"body"===de(r)&&"static"===he(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&re(e)&&"fixed"===he(e).position)return null;for(var r=me(e);re(r)&&["html","body"].indexOf(de(r))<0;){var o=he(r);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return r;r=r.parentNode}return null}(e)||t}var _e="top",Se="bottom",Oe="right",Pe="left",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 je(e,t){return"viewport"===t?Ve(function(e){var t=ee(e),r=ce(e),o=t.visualViewport,i=r.clientWidth,n=r.clientHeight,s=0,a=0;return o&&(i=o.width,n=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=o.offsetLeft,a=o.offsetTop)),{width:i,height:n,x:s+pe(e),y:a}}(e)):te(t)?function(e){var t=ae(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):Ve(function(e){var t,r=ce(e),o=le(e),i=null==(t=e.ownerDocument)?void 0:t.body,n=ie(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),s=ie(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),a=-o.scrollLeft+pe(e),l=-o.scrollTop;return"rtl"===he(i||r).direction&&(a+=ie(r.clientWidth,i?i.clientWidth:0)-n),{width:n,height:s,x:a,y:l}}(ce(e)))}function Le(e,t,r){var o="clippingParents"===t?function(e){var t=be(me(e)),r=["absolute","fixed"].indexOf(he(e).position)>=0&&re(e)?xe(e):e;return te(r)?t.filter((function(e){return te(e)&&De(e,r)&&"body"!==de(e)})):[]}(e):[].concat(t),i=[].concat(o,[r]),n=i[0],s=i.reduce((function(t,r){var o=je(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}),je(e,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function Re(e){return e.split("-")[1]}function Me(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Ue(e){var t,r=e.reference,o=e.element,i=e.placement,n=i?Ne(i):null,s=i?Re(i):null,a=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2;switch(n){case _e:t={x:a,y:r.y-o.height};break;case Se:t={x:a,y:r.y+r.height};break;case Oe:t={x:r.x+r.width,y:l};break;case Pe:t={x:r.x-o.width,y:l};break;default:t={x:r.x,y:r.y}}var d=n?Me(n):null;if(null!=d){var c="y"===d?"height":"width";switch(s){case"start":t[d]=t[d]-(r[c]/2-o[c]/2);break;case"end":t[d]=t[d]+(r[c]/2-o[c]/2)}}return t}function 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,l=void 0===a?"viewport":a,d=r.elementContext,c=void 0===d?"popper":d,p=r.altBoundary,h=void 0!==p&&p,u=r.padding,f=void 0===u?0:u,g=Be("number"!=typeof f?f:We(f,Ce)),m="popper"===c?"reference":"popper",v=e.rects.popper,b=e.elements[h?m:c],y=Le(te(b)?b:b.contextElement||ce(e.elements.popper),s,l),w=ae(e.elements.reference),x=Ue({reference:w,element:v,strategy:"absolute",placement:i}),_=Ve(Object.assign({},v,x)),S="popper"===c?_:w,O={top:y.top-S.top+g.top,bottom:S.bottom-y.bottom+g.bottom,left:y.left-S.left+g.left,right:S.right-y.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:{}},l=[],d=!1,c={state:a,setOptions:function(r){var i="function"==typeof r?r(a.options):r;p(),a.options=Object.assign({},n,a.options,i),a.scrollParents={reference:te(e)?be(e):e.contextElement?be(e.contextElement):[],popper:be(t)};var s,d,h=function(e){var t=Te(e);return Ae.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}((s=[].concat(o,a.options.modifiers),d=s.reduce((function(e,t){var r=e[t.name];return e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t,e}),{}),Object.keys(d).map((function(e){return d[e]}))));return a.orderedModifiers=h.filter((function(e){return e.enabled})),a.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,o=void 0===r?{}:r,i=e.effect;if("function"==typeof i){var n=i({state:a,name:t,instance:c,options:o}),s=function(){};l.push(n||s)}})),c.update()},forceUpdate:function(){if(!d){var e=a.elements,t=e.reference,r=e.popper;if(qe(t,r)){a.rects={reference:fe(t,xe(r),"fixed"===a.options.strategy),popper:ge(r)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(e){return a.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<a.orderedModifiers.length;o++)if(!0!==a.reset){var i=a.orderedModifiers[o],n=i.fn,s=i.options,l=void 0===s?{}:s,p=i.name;"function"==typeof n&&(a=n({state:a,options:l,name:p,instance:c})||a)}else a.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(e){c.forceUpdate(),e(a)}))},function(){return s||(s=new Promise((function(e){Promise.resolve().then((function(){s=void 0,e(i())}))}))),s}),destroy:function(){p(),d=!0}};if(!qe(e,t))return c;function p(){l.forEach((function(e){return e()})),l=[]}return c.setOptions(r).then((function(e){!d&&r.onFirstUpdate&&r.onFirstUpdate(e)})),c}}var ze={passive:!0};var Fe={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Je(e){var t,r=e.popper,o=e.popperRect,i=e.placement,n=e.variation,s=e.offsets,a=e.position,l=e.gpuAcceleration,d=e.adaptive,c=e.roundOffsets,p=e.isFixed,h=s.x,u=void 0===h?0:h,f=s.y,g=void 0===f?0:f,m="function"==typeof c?c({x:u,y:g}):{x:u,y:g};u=m.x,g=m.y;var v=s.hasOwnProperty("x"),b=s.hasOwnProperty("y"),y=Pe,w=_e,x=window;if(d){var _=xe(r),S="clientHeight",O="clientWidth";if(_===ee(r)&&"static"!==he(_=ce(r)).position&&"absolute"===a&&(S="scrollHeight",O="scrollWidth"),_=_,i===_e||(i===Pe||i===Oe)&&"end"===n)w=Se,g-=(p&&x.visualViewport?x.visualViewport.height:_[S])-o.height,g*=l?1:-1;if(i===Pe||(i===_e||i===Se)&&"end"===n)y=Oe,u-=(p&&x.visualViewport?x.visualViewport.width:_[O])-o.width,u*=l?1:-1}var P,C=Object.assign({position:a},d&&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,l?Object.assign({},C,((P={})[w]=b?"0":"",P[y]=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]=b?g+"px":"",t[y]=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],l=a.x,d=a.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=d),t.modifiersData[o]=s}},Ye={left:"right",right:"left",bottom:"top",top:"bottom"};function Ge(e){return e.replace(/left|right|bottom|top/g,(function(e){return Ye[e]}))}var Ke={start:"end",end:"start"};function Qe(e){return e.replace(/start|end/g,(function(e){return Ke[e]}))}function Ze(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=r.boundary,n=r.rootBoundary,s=r.padding,a=r.flipVariations,l=r.allowedAutoPlacements,d=void 0===l?Ee:l,c=Re(o),p=c?a?ke:ke.filter((function(e){return Re(e)===c})):Ce,h=p.filter((function(e){return d.indexOf(e)>=0}));0===h.length&&(h=p);var u=h.reduce((function(t,r){return t[r]=Ie(e,{placement:r,boundary:i,rootBoundary:n,padding:s})[Ne(r)],t}),{});return Object.keys(u).sort((function(e,t){return u[e]-u[t]}))}var et={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0===s||s,l=r.fallbackPlacements,d=r.padding,c=r.boundary,p=r.rootBoundary,h=r.altBoundary,u=r.flipVariations,f=void 0===u||u,g=r.allowedAutoPlacements,m=t.options.placement,v=Ne(m),b=l||(v===m||!f?[Ge(m)]:function(e){if("auto"===Ne(e))return[];var t=Ge(e);return[Qe(e),t,Qe(t)]}(m)),y=[m].concat(b).reduce((function(e,r){return e.concat("auto"===Ne(r)?Ze(t,{placement:r,boundary:c,rootBoundary:p,padding:d,flipVariations:f,allowedAutoPlacements:g}):r)}),[]),w=t.rects.reference,x=t.rects.popper,_=new Map,S=!0,O=y[0],P=0;P<y.length;P++){var C=y[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:d}),D=A?E?Oe:Pe:E?Se:_e;w[T]>x[T]&&(D=Ge(D));var V=Ge(D),j=[];if(n&&j.push(N[k]<=0),a&&j.push(N[D]<=0,N[V]<=0),j.every((function(e){return e}))){O=C,S=!1;break}_.set(C,j)}if(S)for(var L=function(e){var t=y.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"===L(R))break}t.placement!==O&&(t.modifiersData[o]._skip=!0,t.placement=O,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function tt(e,t,r){return ie(e,ne(t,r))}var rt={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name,i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0!==s&&s,l=r.boundary,d=r.rootBoundary,c=r.altBoundary,p=r.padding,h=r.tether,u=void 0===h||h,f=r.tetherOffset,g=void 0===f?0:f,m=Ie(t,{boundary:l,rootBoundary:d,padding:p,altBoundary:c}),v=Ne(t.placement),b=Re(t.placement),y=!b,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],j=V+m[T],L=V-m[N],R=u?-O[D]/2:0,M="start"===b?S[D]:O[D],U="start"===b?-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=y?S[D]/2-R-$-H-C.mainAxis:M-$-H-C.mainAxis,F=y?-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(j,V+z-Y-X):j,V,u?ie(L,G):L);_[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),le=null!=(Q=null==k?void 0:k[x])?Q:0,de=ae?oe:te-S[re]-O[re]-le+C.altAxis,ce=ae?te+S[re]+O[re]-le-C.altAxis:se,pe=u&&ae?function(e,t,r){var o=tt(e,t,r);return o>r?r:o}(de,te,ce):tt(u?de:oe,te,u?ce:se);_[x]=pe,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),l=Me(a),d=[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"===l?_e:Pe,u="y"===l?Se:Oe,f=r.rects.reference[d]+r.rects.reference[l]-s[l]-r.rects.popper[d],g=s[l]-r.rects.reference[l],m=xe(n),v=m?"y"===l?m.clientHeight||0:m.clientWidth||0:0,b=f/2-g/2,y=c[h],w=v-p[d]-c[u],x=v/2-p[d]/2+b,_=tt(y,x,w),S=l;r.modifiersData[o]=((t={})[S]=_,t.centerOffset=_-x,t)}},effect:function(e){var t=e.state,r=e.options.element,o=void 0===r?"[data-popper-arrow]":r;null!=o&&("string"!=typeof o||(o=t.elements.popper.querySelector(o)))&&De(t.elements.popper,o)&&(t.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function it(e,t,r){return void 0===r&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function nt(e){return[_e,Oe,Se,Pe].some((function(t){return e[t]>=0}))}var st=$e({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,o=e.options,i=o.scroll,n=void 0===i||i,s=o.resize,a=void 0===s||s,l=ee(t.elements.popper),d=[].concat(t.scrollParents.reference,t.scrollParents.popper);return n&&d.forEach((function(e){e.addEventListener("scroll",r.update,ze)})),a&&l.addEventListener("resize",r.update,ze),function(){n&&d.forEach((function(e){e.removeEventListener("scroll",r.update,ze)})),a&&l.removeEventListener("resize",r.update,ze)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=Ue({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,o=r.gpuAcceleration,i=void 0===o||o,n=r.adaptive,s=void 0===n||n,a=r.roundOffsets,l=void 0===a||a,d={placement:Ne(t.placement),variation:Re(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Je(Object.assign({},d,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Je(Object.assign({},d,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{},o=t.attributes[e]||{},i=t.elements[e];re(i)&&de(i)&&(Object.assign(i.style,r),Object.keys(o).forEach((function(e){var t=o[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach((function(e){var o=t.elements[e],i=t.attributes[e]||{},n=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]).reduce((function(e,t){return e[t]="",e}),{});re(o)&&de(o)&&(Object.assign(o.style,n),Object.keys(i).forEach((function(e){o.removeAttribute(e)})))}))}},requires:["computeStyles"]},Xe,et,rt,ot,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,r=e.name,o=t.rects.reference,i=t.rects.popper,n=t.modifiersData.preventOverflow,s=Ie(t,{elementContext:"reference"}),a=Ie(t,{altBoundary:!0}),l=it(s,o),d=it(a,i,n),c=nt(l),p=nt(d);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:d,isReferenceHidden:c,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":p})}}]});class at{constructor(e,t,r){this.anchor=e,this.popover=t,this.options={placement:r,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass)}show(){this.popper&&this.popper.destroy(),this.popper=st(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,strategy:"absolute"})}hide(){this.popover.classList.remove(this.options.visibleClass)}triggerUpdate(){this.popper.update()}}class lt extends Q{constructor(){super(),this.isPopoverVisible=!1,this.privateDefaults()}privateDefaults(){this.placement="bottom-start",this.bordered=!1,this.chevron=!1,this.disabled=!1,this.error=!1,this.inset=!1,this.rounded=!1,this.tabIndex=0,this.toggle=!1}static get properties(){return{bordered:{type:Boolean},chevron:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},inset:{type:Boolean},rounded:{type:Boolean},toggle:{type:Boolean},isPopoverVisible:{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.setAttribute("aria-expanded",this.isPopoverVisible),this.trigger=this.shadowRoot.querySelector("#trigger"),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())};this.hasAttribute("disableEventShow")||(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)}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)}outsideClick(e){-1===e.composedPath().indexOf(document.expandedAuroDropdown)&&document.expandedAuroDropdown.hide()}updated(e){e.has("isPopoverVisible")&&(this.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" role="button" 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}" aria-labelledby="triggerLabel"><slot name="trigger" @slotchange="${this.handleTriggerTabIndex()}"></slot></div></div>${this.chevron?R`<div id="showStateIcon"><auro-icon category="interface" name="chevron-down" customColor></auro-icon></div>`:void 0}</div><div class="helpText"><slot name="helpText"></slot></div><div id="popover" class="popover" aria-live="polite" style="${`min-width: ${this.dropdownWidth}px;`}"><slot role="tooltip"></slot></div>`}}customElements.get("auro-dropdown")||customElements.define("auro-dropdown",lt); | ||
| (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=j.has(r),s=U&&11===r.nodeType&&!!r.host,a=s&&!I.has(i),l=a?document.createDocumentFragment():r;if(((e,r,o)=>{let i=j.get(r);void 0===i&&(t(r,r.firstChild),j.set(r,i=new P(Object.assign({templateFactory:D},o))),i.appendInto(r)),i.setValue(e),i.commit()})(e,l,Object.assign({templateFactory:B(i)},o)),a){const e=j.get(l);j.delete(l);const o=e.value instanceof v?e.value.template:void 0;H(i,l,o),t(r,r.firstChild),r.appendChild(l),j.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:focus-within{border-color:var(--auro-color-border-active-on-light)}.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)}@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([rounded]) .popover,:host([rounded]) .trigger{overflow:hidden;border-radius:var(--auro-border-radius)}: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{border-color:var(--auro-color-border-primary-on-light)}: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][bordered]) .trigger{border-color:var(--auro-color-border-disabled)}: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([bordered][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}: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]) .helpText,:host([onDark]) .label{color:var(--auro-color-text-secondary-on-dark)}:host([onDark]) #showStateIcon{color:var(--auro-color-icon-primary-on-dark)}@media(hover:hover){:host([onDark]) .trigger:hover{background-color:rgba(178,178,178,.1)}}:host([onDark][error]) .helpText{color:var(--auro-color-text-error-on-dark)}:host([onDark][error]) .trigger{border-color:var(--auro-color-border-error-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-dark)}:host([onDark][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark][disabled]) .helpText,:host([onDark][disabled]) .label,:host([onDark][disabled]) .trigger{color:var(--auro-color-text-disabled-on-dark)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled-on-dark)}`;function ee(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function te(e){return e instanceof ee(e).Element||e instanceof Element}function re(e){return e instanceof ee(e).HTMLElement||e instanceof HTMLElement}function oe(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ee(e).ShadowRoot||e instanceof ShadowRoot)}var ie=Math.max,ne=Math.min,se=Math.round;function ae(e,t){void 0===t&&(t=!1);var r=e.getBoundingClientRect(),o=1,i=1;if(re(e)&&t){var n=e.offsetHeight,s=e.offsetWidth;s>0&&(o=se(r.width)/s||1),n>0&&(i=se(r.height)/n||1)}return{width:r.width/o,height:r.height/i,top:r.top/i,right:r.right/o,bottom:r.bottom/i,left:r.left/o,x:r.left/o,y:r.top/i}}function le(e){var t=ee(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function de(e){return e?(e.nodeName||"").toLowerCase():null}function ce(e){return((te(e)?e.ownerDocument:e.document)||window.document).documentElement}function pe(e){return ae(ce(e)).left+le(e).scrollLeft}function he(e){return ee(e).getComputedStyle(e)}function ue(e){var t=he(e),r=t.overflow,o=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+o)}function fe(e,t,r){void 0===r&&(r=!1);var o,i,n=re(t),s=re(t)&&function(e){var t=e.getBoundingClientRect(),r=se(t.width)/e.offsetWidth||1,o=se(t.height)/e.offsetHeight||1;return 1!==r||1!==o}(t),a=ce(t),l=ae(e,s),d={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==de(t)||ue(a))&&(d=(o=t)!==ee(o)&&re(o)?{scrollLeft:(i=o).scrollLeft,scrollTop:i.scrollTop}:le(o)),re(t)?((c=ae(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=pe(a))),{x:l.left+d.scrollLeft-c.x,y:l.top+d.scrollTop-c.y,width:l.width,height:l.height}}function ge(e){var t=ae(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function me(e){return"html"===de(e)?e:e.assignedSlot||e.parentNode||(oe(e)?e.host:null)||ce(e)}function ve(e){return["html","body","#document"].indexOf(de(e))>=0?e.ownerDocument.body:re(e)&&ue(e)?e:ve(me(e))}function be(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(be(me(s)))}function ye(e){return["table","td","th"].indexOf(de(e))>=0}function we(e){return re(e)&&"fixed"!==he(e).position?e.offsetParent:null}function xe(e){for(var t=ee(e),r=we(e);r&&ye(r)&&"static"===he(r).position;)r=we(r);return r&&("html"===de(r)||"body"===de(r)&&"static"===he(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&re(e)&&"fixed"===he(e).position)return null;for(var r=me(e);re(r)&&["html","body"].indexOf(de(r))<0;){var o=he(r);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return r;r=r.parentNode}return null}(e)||t}var _e="top",Se="bottom",Oe="right",Pe="left",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 je(e,t){return"viewport"===t?Ve(function(e){var t=ee(e),r=ce(e),o=t.visualViewport,i=r.clientWidth,n=r.clientHeight,s=0,a=0;return o&&(i=o.width,n=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=o.offsetLeft,a=o.offsetTop)),{width:i,height:n,x:s+pe(e),y:a}}(e)):te(t)?function(e){var t=ae(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):Ve(function(e){var t,r=ce(e),o=le(e),i=null==(t=e.ownerDocument)?void 0:t.body,n=ie(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),s=ie(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),a=-o.scrollLeft+pe(e),l=-o.scrollTop;return"rtl"===he(i||r).direction&&(a+=ie(r.clientWidth,i?i.clientWidth:0)-n),{width:n,height:s,x:a,y:l}}(ce(e)))}function Le(e,t,r){var o="clippingParents"===t?function(e){var t=be(me(e)),r=["absolute","fixed"].indexOf(he(e).position)>=0&&re(e)?xe(e):e;return te(r)?t.filter((function(e){return te(e)&&De(e,r)&&"body"!==de(e)})):[]}(e):[].concat(t),i=[].concat(o,[r]),n=i[0],s=i.reduce((function(t,r){var o=je(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}),je(e,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function Re(e){return e.split("-")[1]}function Me(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Ue(e){var t,r=e.reference,o=e.element,i=e.placement,n=i?Ne(i):null,s=i?Re(i):null,a=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2;switch(n){case _e:t={x:a,y:r.y-o.height};break;case Se:t={x:a,y:r.y+r.height};break;case Oe:t={x:r.x+r.width,y:l};break;case Pe:t={x:r.x-o.width,y:l};break;default:t={x:r.x,y:r.y}}var d=n?Me(n):null;if(null!=d){var c="y"===d?"height":"width";switch(s){case"start":t[d]=t[d]-(r[c]/2-o[c]/2);break;case"end":t[d]=t[d]+(r[c]/2-o[c]/2)}}return t}function 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,l=void 0===a?"viewport":a,d=r.elementContext,c=void 0===d?"popper":d,p=r.altBoundary,h=void 0!==p&&p,u=r.padding,f=void 0===u?0:u,g=Be("number"!=typeof f?f:We(f,Ce)),m="popper"===c?"reference":"popper",v=e.rects.popper,b=e.elements[h?m:c],y=Le(te(b)?b:b.contextElement||ce(e.elements.popper),s,l),w=ae(e.elements.reference),x=Ue({reference:w,element:v,strategy:"absolute",placement:i}),_=Ve(Object.assign({},v,x)),S="popper"===c?_:w,O={top:y.top-S.top+g.top,bottom:S.bottom-y.bottom+g.bottom,left:y.left-S.left+g.left,right:S.right-y.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:{}},l=[],d=!1,c={state:a,setOptions:function(r){var i="function"==typeof r?r(a.options):r;p(),a.options=Object.assign({},n,a.options,i),a.scrollParents={reference:te(e)?be(e):e.contextElement?be(e.contextElement):[],popper:be(t)};var s,d,h=function(e){var t=Te(e);return Ae.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}((s=[].concat(o,a.options.modifiers),d=s.reduce((function(e,t){var r=e[t.name];return e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t,e}),{}),Object.keys(d).map((function(e){return d[e]}))));return a.orderedModifiers=h.filter((function(e){return e.enabled})),a.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,o=void 0===r?{}:r,i=e.effect;if("function"==typeof i){var n=i({state:a,name:t,instance:c,options:o}),s=function(){};l.push(n||s)}})),c.update()},forceUpdate:function(){if(!d){var e=a.elements,t=e.reference,r=e.popper;if(qe(t,r)){a.rects={reference:fe(t,xe(r),"fixed"===a.options.strategy),popper:ge(r)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(e){return a.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<a.orderedModifiers.length;o++)if(!0!==a.reset){var i=a.orderedModifiers[o],n=i.fn,s=i.options,l=void 0===s?{}:s,p=i.name;"function"==typeof n&&(a=n({state:a,options:l,name:p,instance:c})||a)}else a.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(e){c.forceUpdate(),e(a)}))},function(){return s||(s=new Promise((function(e){Promise.resolve().then((function(){s=void 0,e(i())}))}))),s}),destroy:function(){p(),d=!0}};if(!qe(e,t))return c;function p(){l.forEach((function(e){return e()})),l=[]}return c.setOptions(r).then((function(e){!d&&r.onFirstUpdate&&r.onFirstUpdate(e)})),c}}var ze={passive:!0};var Fe={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Je(e){var t,r=e.popper,o=e.popperRect,i=e.placement,n=e.variation,s=e.offsets,a=e.position,l=e.gpuAcceleration,d=e.adaptive,c=e.roundOffsets,p=e.isFixed,h=s.x,u=void 0===h?0:h,f=s.y,g=void 0===f?0:f,m="function"==typeof c?c({x:u,y:g}):{x:u,y:g};u=m.x,g=m.y;var v=s.hasOwnProperty("x"),b=s.hasOwnProperty("y"),y=Pe,w=_e,x=window;if(d){var _=xe(r),S="clientHeight",O="clientWidth";if(_===ee(r)&&"static"!==he(_=ce(r)).position&&"absolute"===a&&(S="scrollHeight",O="scrollWidth"),_=_,i===_e||(i===Pe||i===Oe)&&"end"===n)w=Se,g-=(p&&x.visualViewport?x.visualViewport.height:_[S])-o.height,g*=l?1:-1;if(i===Pe||(i===_e||i===Se)&&"end"===n)y=Oe,u-=(p&&x.visualViewport?x.visualViewport.width:_[O])-o.width,u*=l?1:-1}var P,C=Object.assign({position:a},d&&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,l?Object.assign({},C,((P={})[w]=b?"0":"",P[y]=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]=b?g+"px":"",t[y]=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],l=a.x,d=a.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=d),t.modifiersData[o]=s}},Ye={left:"right",right:"left",bottom:"top",top:"bottom"};function Ge(e){return e.replace(/left|right|bottom|top/g,(function(e){return Ye[e]}))}var Ke={start:"end",end:"start"};function Qe(e){return e.replace(/start|end/g,(function(e){return Ke[e]}))}function Ze(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=r.boundary,n=r.rootBoundary,s=r.padding,a=r.flipVariations,l=r.allowedAutoPlacements,d=void 0===l?Ee:l,c=Re(o),p=c?a?ke:ke.filter((function(e){return Re(e)===c})):Ce,h=p.filter((function(e){return d.indexOf(e)>=0}));0===h.length&&(h=p);var u=h.reduce((function(t,r){return t[r]=Ie(e,{placement:r,boundary:i,rootBoundary:n,padding:s})[Ne(r)],t}),{});return Object.keys(u).sort((function(e,t){return u[e]-u[t]}))}var et={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0===s||s,l=r.fallbackPlacements,d=r.padding,c=r.boundary,p=r.rootBoundary,h=r.altBoundary,u=r.flipVariations,f=void 0===u||u,g=r.allowedAutoPlacements,m=t.options.placement,v=Ne(m),b=l||(v===m||!f?[Ge(m)]:function(e){if("auto"===Ne(e))return[];var t=Ge(e);return[Qe(e),t,Qe(t)]}(m)),y=[m].concat(b).reduce((function(e,r){return e.concat("auto"===Ne(r)?Ze(t,{placement:r,boundary:c,rootBoundary:p,padding:d,flipVariations:f,allowedAutoPlacements:g}):r)}),[]),w=t.rects.reference,x=t.rects.popper,_=new Map,S=!0,O=y[0],P=0;P<y.length;P++){var C=y[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:d}),D=A?E?Oe:Pe:E?Se:_e;w[T]>x[T]&&(D=Ge(D));var V=Ge(D),j=[];if(n&&j.push(N[k]<=0),a&&j.push(N[D]<=0,N[V]<=0),j.every((function(e){return e}))){O=C,S=!1;break}_.set(C,j)}if(S)for(var L=function(e){var t=y.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"===L(R))break}t.placement!==O&&(t.modifiersData[o]._skip=!0,t.placement=O,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function tt(e,t,r){return ie(e,ne(t,r))}var rt={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,o=e.name,i=r.mainAxis,n=void 0===i||i,s=r.altAxis,a=void 0!==s&&s,l=r.boundary,d=r.rootBoundary,c=r.altBoundary,p=r.padding,h=r.tether,u=void 0===h||h,f=r.tetherOffset,g=void 0===f?0:f,m=Ie(t,{boundary:l,rootBoundary:d,padding:p,altBoundary:c}),v=Ne(t.placement),b=Re(t.placement),y=!b,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],j=V+m[T],L=V-m[N],R=u?-O[D]/2:0,M="start"===b?S[D]:O[D],U="start"===b?-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=y?S[D]/2-R-$-H-C.mainAxis:M-$-H-C.mainAxis,F=y?-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(j,V+z-Y-X):j,V,u?ie(L,G):L);_[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),le=null!=(Q=null==k?void 0:k[x])?Q:0,de=ae?oe:te-S[re]-O[re]-le+C.altAxis,ce=ae?te+S[re]+O[re]-le-C.altAxis:se,pe=u&&ae?function(e,t,r){var o=tt(e,t,r);return o>r?r:o}(de,te,ce):tt(u?de:oe,te,u?ce:se);_[x]=pe,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),l=Me(a),d=[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"===l?_e:Pe,u="y"===l?Se:Oe,f=r.rects.reference[d]+r.rects.reference[l]-s[l]-r.rects.popper[d],g=s[l]-r.rects.reference[l],m=xe(n),v=m?"y"===l?m.clientHeight||0:m.clientWidth||0:0,b=f/2-g/2,y=c[h],w=v-p[d]-c[u],x=v/2-p[d]/2+b,_=tt(y,x,w),S=l;r.modifiersData[o]=((t={})[S]=_,t.centerOffset=_-x,t)}},effect:function(e){var t=e.state,r=e.options.element,o=void 0===r?"[data-popper-arrow]":r;null!=o&&("string"!=typeof o||(o=t.elements.popper.querySelector(o)))&&De(t.elements.popper,o)&&(t.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function it(e,t,r){return void 0===r&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function nt(e){return[_e,Oe,Se,Pe].some((function(t){return e[t]>=0}))}var st=$e({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,o=e.options,i=o.scroll,n=void 0===i||i,s=o.resize,a=void 0===s||s,l=ee(t.elements.popper),d=[].concat(t.scrollParents.reference,t.scrollParents.popper);return n&&d.forEach((function(e){e.addEventListener("scroll",r.update,ze)})),a&&l.addEventListener("resize",r.update,ze),function(){n&&d.forEach((function(e){e.removeEventListener("scroll",r.update,ze)})),a&&l.removeEventListener("resize",r.update,ze)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=Ue({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,o=r.gpuAcceleration,i=void 0===o||o,n=r.adaptive,s=void 0===n||n,a=r.roundOffsets,l=void 0===a||a,d={placement:Ne(t.placement),variation:Re(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Je(Object.assign({},d,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Je(Object.assign({},d,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{},o=t.attributes[e]||{},i=t.elements[e];re(i)&&de(i)&&(Object.assign(i.style,r),Object.keys(o).forEach((function(e){var t=o[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach((function(e){var o=t.elements[e],i=t.attributes[e]||{},n=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]).reduce((function(e,t){return e[t]="",e}),{});re(o)&&de(o)&&(Object.assign(o.style,n),Object.keys(i).forEach((function(e){o.removeAttribute(e)})))}))}},requires:["computeStyles"]},Xe,et,rt,ot,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,r=e.name,o=t.rects.reference,i=t.rects.popper,n=t.modifiersData.preventOverflow,s=Ie(t,{elementContext:"reference"}),a=Ie(t,{altBoundary:!0}),l=it(s,o),d=it(a,i,n),c=nt(l),p=nt(d);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:d,isReferenceHidden:c,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":p})}}]});class at{constructor(e,t,r){this.anchor=e,this.popover=t,this.options={placement:r,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass)}show(){this.popper&&this.popper.destroy(),this.popper=st(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,strategy:"absolute"})}hide(){this.popover.classList.remove(this.options.visibleClass)}triggerUpdate(){this.popper.update()}}class lt extends Q{constructor(){super(),this.isPopoverVisible=!1,this.privateDefaults()}privateDefaults(){this.placement="bottom-start",this.bordered=!1,this.chevron=!1,this.disabled=!1,this.error=!1,this.inset=!1,this.rounded=!1,this.tabIndex=0,this.toggle=!1}static get properties(){return{bordered:{type:Boolean},chevron:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},inset:{type:Boolean},rounded:{type:Boolean},toggle:{type:Boolean},isPopoverVisible:{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.setAttribute("aria-expanded",this.isPopoverVisible),this.trigger=this.shadowRoot.querySelector("#trigger"),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())};this.hasAttribute("disableEventShow")||(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)}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)}outsideClick(e){-1===e.composedPath().indexOf(document.expandedAuroDropdown)&&document.expandedAuroDropdown.hide()}updated(e){e.has("isPopoverVisible")&&(this.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" role="button" 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}" aria-labelledby="triggerLabel"><slot name="trigger" @slotchange="${this.handleTriggerTabIndex()}"></slot></div></div>${this.chevron?R`<div id="showStateIcon"><auro-icon category="interface" name="chevron-down" customColor></auro-icon></div>`:void 0}</div><div class="helpText"><slot name="helpText"></slot></div><div id="popover" class="popover" aria-live="polite" style="${`min-width: ${this.dropdownWidth}px;`}"><slot role="tooltip"></slot></div>`}}customElements.get("auro-dropdown")||customElements.define("auro-dropdown",lt); |
| 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{border-color:var(--auro-color-border-active-on-light)}.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)}@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([rounded]) .trigger,:host([rounded]) .popover{overflow:hidden;border-radius:var(--auro-border-radius)}: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([bordered]) .trigger{border-color:var(--auro-color-border-primary-on-dark)}: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][bordered]) .trigger{border-color:var(--auro-color-border-disabled)}: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([bordered][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}: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;color:var(--auro-color-text-primary-on-light)}.trigger:focus-within{border-color:var(--auro-color-border-active-on-light)}.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)}@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([rounded]) .trigger,:host([rounded]) .popover{overflow:hidden;border-radius:var(--auro-border-radius)}: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([bordered]) .trigger{border-color:var(--auro-color-border-primary-on-light)}: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][bordered]) .trigger{border-color:var(--auro-color-border-disabled)}: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([bordered][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}: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)}`; |
@@ -10,3 +10,3 @@ { | ||
| "name": "@aurodesignsystem/auro-dropdown", | ||
| "version": "2.2.0", | ||
| "version": "2.2.1", | ||
| "description": "auro-dropdown HTML custom element", | ||
@@ -13,0 +13,0 @@ "repository": { |
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by0.22%
151155
No dependency changes