@aurolabs/auro-background - npm Package Compare versions

Comparing version 1.2.1 to 1.2.2

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+## [1.2.2](https://github.com/AlaskaAirlines/aurolabs-background/compare/v1.2.1...v1.2.2) (2021-06-04)
+
+
+### Bug Fixes
+
+* build issues ([2b38789](https://github.com/AlaskaAirlines/aurolabs-background/commit/2b387895efbd263fb6746f9f1018cc8b9ef8b3bb))
+* use multiple divs and slots instead of rendering style tag ([2e37271](https://github.com/AlaskaAirlines/aurolabs-background/commit/2e372710eca80212d7dbc1531fb79779626b8b5d))
+
 ## [1.2.1](https://github.com/AlaskaAirlines/aurolabs-background/compare/v1.2.0...v1.2.1) (2021-06-04)
@@ -4,0 +12,0 @@

demo/demo.md

@@ -86,3 +86,3 @@ # auro-background
     <div class="bannerImage">
-      <auro-background  background="#d3c7ad url(https://images.unsplash.com/photo-1612277795511-39caabca8185?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80) right center/cover no-repeat;" backgroundsm="#d3c7ad url(https://images.unsplash.com/photo-1612277795511-39caabca8185?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80) right bottom/cover no-repeat;"></auro-background>
+      <auro-background  minHeight="17rem" minHeightSm="100%" background="#d3c7ad url(https://images.unsplash.com/photo-1612277795511-39caabca8185?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80) right center/cover no-repeat;" backgroundsm="#d3c7ad url(https://images.unsplash.com/photo-1612277795511-39caabca8185?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80) right bottom/cover no-repeat;"></auro-background>
     </div>
@@ -110,2 +110,5 @@ </div>
   </auro-background>
+<auro-accordion lowProfile justifyRight>
+  <span slot="trigger">See code</span>
+
 ```
@@ -112,0 +115,0 @@

dist/auro-background__bundled.js

@@ -0,1 +1,2 @@
+var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},e=function(t){return t&&t.Math==Math&&t},r=e("object"==typeof globalThis&&globalThis)||e("object"==typeof window&&window)||e("object"==typeof self&&self)||e("object"==typeof t&&t)||function(){return this}()||Function("return this")(),n=function(t){try{return!!t()}catch(t){return!0}},i={}.toString,s=function(t){return i.call(t).slice(8,-1)},o=s,a="".split,c=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t},u=n((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==o(t)?a.call(t,""):Object(t)}:Object,l=c,h=function(t){return u(l(t))},p={exports:{}},d=!n((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]})),f={},g=function(t){return"object"==typeof t?null!==t:"function"==typeof t},y=g,m=r.document,v=y(m)&&y(m.createElement),_=function(t){return v?m.createElement(t):{}},S=_,b=!d&&!n((function(){return 7!=Object.defineProperty(S("div"),"a",{get:function(){return 7}}).a})),w=g,x=function(t){if(!w(t))throw TypeError(String(t)+" is not an object");return t},P=g,E=function(t,e){if(!P(t))return t;var r,n;if(e&&"function"==typeof(r=t.toString)&&!P(n=r.call(t)))return n;if("function"==typeof(r=t.valueOf)&&!P(n=r.call(t)))return n;if(!e&&"function"==typeof(r=t.toString)&&!P(n=r.call(t)))return n;throw TypeError("Can't convert object to primitive value")},T=d,O=b,k=x,A=E,N=Object.defineProperty;f.f=T?N:function(t,e,r){if(k(t),e=A(e,!0),k(r),O)try{return N(t,e,r)}catch(t){}if("get"in r||"set"in r)throw TypeError("Accessors not supported");return"value"in r&&(t[e]=r.value),t};var C=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}},R=f,L=C,j=d?function(t,e,r){return R.f(t,e,L(1,r))}:function(t,e,r){return t[e]=r,t},I=r,V=j,M=function(t,e){try{V(I,t,e)}catch(r){I[t]=e}return e},U=M,$=r["__core-js_shared__"]||U("__core-js_shared__",{}),H=$;(p.exports=function(t,e){return H[t]||(H[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.12.1",mode:"global",copyright:"© 2021 Denis Pushkarev (zloirock.ru)"});var F,z,D=c,q=function(t){return Object(D(t))},B=q,G={}.hasOwnProperty,W=function(t,e){return G.call(B(t),e)},J=0,K=Math.random(),Y=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++J+K).toString(36)},X=r,Z=r,Q=function(t){return"function"==typeof t?t:void 0},tt=function(t,e){return arguments.length<2?Q(X[t])||Q(Z[t]):X[t]&&X[t][e]||Z[t]&&Z[t][e]},et=tt("navigator","userAgent")||"",rt=r.process,nt=rt&&rt.versions,it=nt&&nt.v8;it?z=(F=it.split("."))[0]<4?1:F[0]+F[1]:et&&(!(F=et.match(/Edge\/(\d+)/))||F[1]>=74)&&(F=et.match(/Chrome\/(\d+)/))&&(z=F[1]);var st,ot=z&&+z,at=n,ct=!!Object.getOwnPropertySymbols&&!at((function(){return!String(Symbol())||!Symbol.sham&&ot&&ot<41})),ut=ct&&!Symbol.sham&&"symbol"==typeof Symbol.iterator,lt=r,ht=p.exports,pt=W,dt=Y,ft=ct,gt=ut,yt=ht("wks"),mt=lt.Symbol,vt=gt?mt:mt&&mt.withoutSetter||dt,_t=function(t){return pt(yt,t)&&(ft||"string"==typeof yt[t])||(ft&&pt(mt,t)?yt[t]=mt[t]:yt[t]=vt("Symbol."+t)),yt[t]},St=Math.ceil,bt=Math.floor,wt=function(t){return isNaN(t=+t)?0:(t>0?bt:St)(t)},xt=wt,Pt=Math.min,Et=function(t){return t>0?Pt(xt(t),9007199254740991):0},Tt=wt,Ot=Math.max,kt=Math.min,At=h,Nt=Et,Ct=function(t,e){var r=Tt(t);return r<0?Ot(r+e,0):kt(r,e)},Rt=function(t){return function(e,r,n){var i,s=At(e),o=Nt(s.length),a=Ct(n,o);if(t&&r!=r){for(;o>a;)if((i=s[a++])!=i)return!0}else for(;o>a;a++)if((t||a in s)&&s[a]===r)return t||a||0;return!t&&-1}},Lt={includes:Rt(!0),indexOf:Rt(!1)},jt={},It=W,Vt=h,Mt=Lt.indexOf,Ut=jt,$t=function(t,e){var r,n=Vt(t),i=0,s=[];for(r in n)!It(Ut,r)&&It(n,r)&&s.push(r);for(;e.length>i;)It(n,r=e[i++])&&(~Mt(s,r)||s.push(r));return s},Ht=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"],Ft=$t,zt=Ht,Dt=Object.keys||function(t){return Ft(t,zt)},qt=f,Bt=x,Gt=Dt,Wt=d?Object.defineProperties:function(t,e){Bt(t);for(var r,n=Gt(e),i=n.length,s=0;i>s;)qt.f(t,r=n[s++],e[r]);return t},Jt=tt("document","documentElement"),Kt=p.exports,Yt=Y,Xt=Kt("keys"),Zt=function(t){return Xt[t]||(Xt[t]=Yt(t))},Qt=x,te=Wt,ee=Ht,re=jt,ne=Jt,ie=_,se=Zt("IE_PROTO"),oe=function(){},ae=function(t){return"<script>"+t+"<\/script>"},ce=function(){try{st=document.domain&&new ActiveXObject("htmlfile")}catch(t){}var t,e;ce=st?function(t){t.write(ae("")),t.close();var e=t.parentWindow.Object;return t=null,e}(st):((e=ie("iframe")).style.display="none",ne.appendChild(e),e.src=String("javascript:"),(t=e.contentWindow.document).open(),t.write(ae("document.F=Object")),t.close(),t.F);for(var r=ee.length;r--;)delete ce.prototype[ee[r]];return ce()};re[se]=!0;var ue=Object.create||function(t,e){var r;return null!==t?(oe.prototype=Qt(t),r=new oe,oe.prototype=null,r[se]=t):r=ce(),void 0===e?r:te(r,e)},le=ue,he=f,pe=_t("unscopables"),de=Array.prototype;null==de[pe]&&he.f(de,pe,{configurable:!0,value:le(null)});var fe=$,ge=Function.toString;"function"!=typeof fe.inspectSource&&(fe.inspectSource=function(t){return ge.call(t)});var ye,me,ve,_e=fe.inspectSource,Se=_e,be=r.WeakMap,we="function"==typeof be&&/native code/.test(Se(be)),xe=g,Pe=j,Ee=W,Te=$,Oe=Zt,ke=jt,Ae=r.WeakMap;if(we||Te.state){var Ne=Te.state||(Te.state=new Ae),Ce=Ne.get,Re=Ne.has,Le=Ne.set;ye=function(t,e){if(Re.call(Ne,t))throw new TypeError("Object already initialized");return e.facade=t,Le.call(Ne,t,e),e},me=function(t){return Ce.call(Ne,t)||{}},ve=function(t){return Re.call(Ne,t)}}else{var je=Oe("state");ke[je]=!0,ye=function(t,e){if(Ee(t,je))throw new TypeError("Object already initialized");return e.facade=t,Pe(t,je,e),e},me=function(t){return Ee(t,je)?t[je]:{}},ve=function(t){return Ee(t,je)}}var Ie={set:ye,get:me,has:ve,enforce:function(t){return ve(t)?me(t):ye(t,{})},getterFor:function(t){return function(e){var r;if(!xe(e)||(r=me(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return r}}},Ve={},Me={},Ue={}.propertyIsEnumerable,$e=Object.getOwnPropertyDescriptor,He=$e&&!Ue.call({1:2},1);Me.f=He?function(t){var e=$e(this,t);return!!e&&e.enumerable}:Ue;var Fe=d,ze=Me,De=C,qe=h,Be=E,Ge=W,We=b,Je=Object.getOwnPropertyDescriptor;Ve.f=Fe?Je:function(t,e){if(t=qe(t),e=Be(e,!0),We)try{return Je(t,e)}catch(t){}if(Ge(t,e))return De(!ze.f.call(t,e),t[e])};var Ke={exports:{}},Ye=r,Xe=j,Ze=W,Qe=M,tr=_e,er=Ie.get,rr=Ie.enforce,nr=String(String).split("String");(Ke.exports=function(t,e,r,n){var i,s=!!n&&!!n.unsafe,o=!!n&&!!n.enumerable,a=!!n&&!!n.noTargetGet;"function"==typeof r&&("string"!=typeof e||Ze(r,"name")||Xe(r,"name",e),(i=rr(r)).source||(i.source=nr.join("string"==typeof e?e:""))),t!==Ye?(s?!a&&t[e]&&(o=!0):delete t[e],o?t[e]=r:Xe(t,e,r)):o?t[e]=r:Qe(e,r)})(Function.prototype,"toString",(function(){return"function"==typeof this&&er(this).source||tr(this)}));var ir={},sr=$t,or=Ht.concat("length","prototype");ir.f=Object.getOwnPropertyNames||function(t){return sr(t,or)};var ar={};ar.f=Object.getOwnPropertySymbols;var cr,ur,lr,hr=ir,pr=ar,dr=x,fr=tt("Reflect","ownKeys")||function(t){var e=hr.f(dr(t)),r=pr.f;return r?e.concat(r(t)):e},gr=W,yr=fr,mr=Ve,vr=f,_r=n,Sr=/#|\.prototype\./,br=function(t,e){var r=xr[wr(t)];return r==Er||r!=Pr&&("function"==typeof e?_r(e):!!e)},wr=br.normalize=function(t){return String(t).replace(Sr,".").toLowerCase()},xr=br.data={},Pr=br.NATIVE="N",Er=br.POLYFILL="P",Tr=br,Or=r,kr=Ve.f,Ar=j,Nr=Ke.exports,Cr=M,Rr=function(t,e){for(var r=yr(e),n=vr.f,i=mr.f,s=0;s<r.length;s++){var o=r[s];gr(t,o)||n(t,o,i(e,o))}},Lr=Tr,jr=function(t,e){var r,n,i,s,o,a=t.target,c=t.global,u=t.stat;if(r=c?Or:u?Or[a]||Cr(a,{}):(Or[a]||{}).prototype)for(n in e){if(s=e[n],i=t.noTargetGet?(o=kr(r,n))&&o.value:r[n],!Lr(c?n:a+(u?".":"#")+n,t.forced)&&void 0!==i){if(typeof s==typeof i)continue;Rr(s,i)}(t.sham||i&&i.sham)&&Ar(s,"sham",!0),Nr(r,n,s,t)}},Ir=!n((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype})),Vr=W,Mr=q,Ur=Ir,$r=Zt("IE_PROTO"),Hr=Object.prototype,Fr=Ur?Object.getPrototypeOf:function(t){return t=Mr(t),Vr(t,$r)?t[$r]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?Hr:null},zr=n,Dr=Fr,qr=j,Br=W,Gr=_t("iterator"),Wr=!1;[].keys&&("next"in(lr=[].keys())?(ur=Dr(Dr(lr)))!==Object.prototype&&(cr=ur):Wr=!0),(null==cr||zr((function(){var t={};return cr[Gr].call(t)!==t})))&&(cr={}),Br(cr,Gr)||qr(cr,Gr,(function(){return this}));var Jr={IteratorPrototype:cr,BUGGY_SAFARI_ITERATORS:Wr},Kr=f.f,Yr=W,Xr=_t("toStringTag"),Zr=function(t,e,r){t&&!Yr(t=r?t:t.prototype,Xr)&&Kr(t,Xr,{configurable:!0,value:e})},Qr=Jr.IteratorPrototype,tn=ue,en=C,rn=Zr,nn=g,sn=x,on=function(t){if(!nn(t)&&null!==t)throw TypeError("Can't set "+String(t)+" as a prototype");return t},an=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,r={};try{(t=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set).call(r,[]),e=r instanceof Array}catch(t){}return function(r,n){return sn(r),on(n),e?t.call(r,n):r.__proto__=n,r}}():void 0),cn=jr,un=function(t,e,r){var n=e+" Iterator";return t.prototype=tn(Qr,{next:en(1,r)}),rn(t,n,!1),t},ln=Fr,hn=an,pn=Zr,dn=j,fn=Ke.exports,gn=Jr.IteratorPrototype,yn=Jr.BUGGY_SAFARI_ITERATORS,mn=_t("iterator"),vn=function(){return this},_n=h,Sn=function(t){de[pe][t]=!0},bn=Ie,wn=function(t,e,r,n,i,s,o){un(r,e,n);var a,c,u,l=function(t){if(t===i&&g)return g;if(!yn&&t in d)return d[t];switch(t){case"keys":case"values":case"entries":return function(){return new r(this,t)}}return function(){return new r(this)}},h=e+" Iterator",p=!1,d=t.prototype,f=d[mn]||d["@@iterator"]||i&&d[i],g=!yn&&f||l(i),y="Array"==e&&d.entries||f;if(y&&(a=ln(y.call(new t)),gn!==Object.prototype&&a.next&&(ln(a)!==gn&&(hn?hn(a,gn):"function"!=typeof a[mn]&&dn(a,mn,vn)),pn(a,h,!0))),"values"==i&&f&&"values"!==f.name&&(p=!0,g=function(){return f.call(this)}),d[mn]!==g&&dn(d,mn,g),i)if(c={values:l("values"),keys:s?g:l("keys"),entries:l("entries")},o)for(u in c)(yn||p||!(u in d))&&fn(d,u,c[u]);else cn({target:e,proto:!0,forced:yn||p},c);return c},xn=bn.set,Pn=bn.getterFor("Array Iterator"),En=wn(Array,"Array",(function(t,e){xn(this,{type:"Array Iterator",target:_n(t),index:0,kind:e})}),(function(){var t=Pn(this),e=t.target,r=t.kind,n=t.index++;return!e||n>=e.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==r?{value:n,done:!1}:"values"==r?{value:e[n],done:!1}:{value:[n,e[n]],done:!1}}),"values");Sn("keys"),Sn("values"),Sn("entries");var Tn=r,On={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0},kn=En,An=j,Nn=_t,Cn=Nn("iterator"),Rn=Nn("toStringTag"),Ln=kn.values;for(var jn in On){var In=Tn[jn],Vn=In&&In.prototype;if(Vn){if(Vn[Cn]!==Ln)try{An(Vn,Cn,Ln)}catch(t){Vn[Cn]=Ln}if(Vn[Rn]||An(Vn,Rn,jn),On[jn])for(var Mn in kn)if(Vn[Mn]!==kn[Mn])try{An(Vn,Mn,kn[Mn])}catch(t){Vn[Mn]=kn[Mn]}}}var Un=x,$n={},Hn=n;function Fn(t,e){return RegExp(t,e)}$n.UNSUPPORTED_Y=Hn((function(){var t=Fn("a","y");return t.lastIndex=2,null!=t.exec("abcd")})),$n.BROKEN_CARET=Hn((function(){var t=Fn("^r","gy");return t.lastIndex=2,null!=t.exec("str")}));var zn,Dn,qn=function(){var t=Un(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.dotAll&&(e+="s"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e},Bn=$n,Gn=p.exports,Wn=RegExp.prototype.exec,Jn=Gn("native-string-replace",String.prototype.replace),Kn=Wn,Yn=(zn=/a/,Dn=/b*/g,Wn.call(zn,"a"),Wn.call(Dn,"a"),0!==zn.lastIndex||0!==Dn.lastIndex),Xn=Bn.UNSUPPORTED_Y||Bn.BROKEN_CARET,Zn=void 0!==/()??/.exec("")[1];(Yn||Zn||Xn)&&(Kn=function(t){var e,r,n,i,s=this,o=Xn&&s.sticky,a=qn.call(s),c=s.source,u=0,l=t;return o&&(-1===(a=a.replace("y","")).indexOf("g")&&(a+="g"),l=String(t).slice(s.lastIndex),s.lastIndex>0&&(!s.multiline||s.multiline&&"\n"!==t[s.lastIndex-1])&&(c="(?: "+c+")",l=" "+l,u++),r=new RegExp("^(?:"+c+")",a)),Zn&&(r=new RegExp("^"+c+"$(?!\\s)",a)),Yn&&(e=s.lastIndex),n=Wn.call(o?r:s,l),o?n?(n.input=n.input.slice(u),n[0]=n[0].slice(u),n.index=s.lastIndex,s.lastIndex+=n[0].length):s.lastIndex=0:Yn&&n&&(s.lastIndex=s.global?n.index+n[0].length:e),Zn&&n&&n.length>1&&Jn.call(n[0],r,(function(){for(i=1;i<arguments.length-2;i++)void 0===arguments[i]&&(n[i]=void 0)})),n});var Qn=Kn;jr({target:"RegExp",proto:!0,forced:/./.exec!==Qn},{exec:Qn});var ti=Ke.exports,ei=Qn,ri=n,ni=_t,ii=j,si=ni("species"),oi=RegExp.prototype,ai=!ri((function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$<a>")})),ci="$0"==="a".replace(/./,"$0"),ui=ni("replace"),li=!!/./[ui]&&""===/./[ui]("a","$0"),hi=!ri((function(){var t=/(?:)/,e=t.exec;t.exec=function(){return e.apply(this,arguments)};var r="ab".split(t);return 2!==r.length||"a"!==r[0]||"b"!==r[1]})),pi=wt,di=c,fi=function(t){return function(e,r){var n,i,s=String(di(e)),o=pi(r),a=s.length;return o<0||o>=a?t?"":void 0:(n=s.charCodeAt(o))<55296||n>56319||o+1===a||(i=s.charCodeAt(o+1))<56320||i>57343?t?s.charAt(o):n:t?s.slice(o,o+2):i-56320+(n-55296<<10)+65536}},gi={codeAt:fi(!1),charAt:fi(!0)}.charAt,yi=q,mi=Math.floor,vi="".replace,_i=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,Si=/\$([$&'`]|\d{1,2})/g,bi=s,wi=Qn,xi=function(t,e,r,n){var i=ni(t),s=!ri((function(){var e={};return e[i]=function(){return 7},7!=""[t](e)})),o=s&&!ri((function(){var e=!1,r=/a/;return"split"===t&&((r={}).constructor={},r.constructor[si]=function(){return r},r.flags="",r[i]=/./[i]),r.exec=function(){return e=!0,null},r[i](""),!e}));if(!s||!o||"replace"===t&&(!ai||!ci||li)||"split"===t&&!hi){var a=/./[i],c=r(i,""[t],(function(t,e,r,n,i){var o=e.exec;return o===ei||o===oi.exec?s&&!i?{done:!0,value:a.call(e,r,n)}:{done:!0,value:t.call(r,e,n)}:{done:!1}}),{REPLACE_KEEPS_$0:ci,REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE:li}),u=c[0],l=c[1];ti(String.prototype,t,u),ti(oi,i,2==e?function(t,e){return l.call(t,this,e)}:function(t){return l.call(t,this)})}n&&ii(oi[i],"sham",!0)},Pi=x,Ei=Et,Ti=wt,Oi=c,ki=function(t,e,r){return e+(r?gi(t,e).length:1)},Ai=function(t,e,r,n,i,s){var o=r+t.length,a=n.length,c=Si;return void 0!==i&&(i=yi(i),c=_i),vi.call(s,c,(function(s,c){var u;switch(c.charAt(0)){case"$":return"$";case"&":return t;case"`":return e.slice(0,r);case"'":return e.slice(o);case"<":u=i[c.slice(1,-1)];break;default:var l=+c;if(0===l)return s;if(l>a){var h=mi(l/10);return 0===h?s:h<=a?void 0===n[h-1]?c.charAt(1):n[h-1]+c.charAt(1):s}u=n[l-1]}return void 0===u?"":u}))},Ni=function(t,e){var r=t.exec;if("function"==typeof r){var n=r.call(t,e);if("object"!=typeof n)throw TypeError("RegExp exec method returned something other than an Object or null");return n}if("RegExp"!==bi(t))throw TypeError("RegExp#exec called on incompatible receiver");return wi.call(t,e)},Ci=Math.max,Ri=Math.min;xi("replace",2,(function(t,e,r,n){var i=n.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE,s=n.REPLACE_KEEPS_$0,o=i?"$":"$0";return[function(r,n){var i=Oi(this),s=null==r?void 0:r[t];return void 0!==s?s.call(r,i,n):e.call(String(i),r,n)},function(t,n){if(!i&&s||"string"==typeof n&&-1===n.indexOf(o)){var a=r(e,t,this,n);if(a.done)return a.value}var c=Pi(t),u=String(this),l="function"==typeof n;l||(n=String(n));var h=c.global;if(h){var p=c.unicode;c.lastIndex=0}for(var d=[];;){var f=Ni(c,u);if(null===f)break;if(d.push(f),!h)break;""===String(f[0])&&(c.lastIndex=ki(u,Ei(c.lastIndex),p))}for(var g,y="",m=0,v=0;v<d.length;v++){f=d[v];for(var _=String(f[0]),S=Ci(Ri(Ti(f.index),u.length),0),b=[],w=1;w<f.length;w++)b.push(void 0===(g=f[w])?g:String(g));var x=f.groups;if(l){var P=[_].concat(b,S,u);void 0!==x&&P.push(x);var E=String(n.apply(void 0,P))}else E=Ai(_,u,S,b,x,n);S>=m&&(y+=u.slice(m,S)+E,m=S+_.length)}return y+u.slice(m)}]}));
 /**
@@ -14,3 +15,3 @@ * @license
  */
-const t=new WeakMap,e=e=>"function"==typeof e&&t.has(e),s="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,i=(t,e,s=null)=>{for(;e!==s;){const s=e.nextSibling;t.removeChild(e),e=s}},r={},n={},o=`{{lit-${String(Math.random()).slice(2)}}}`,a=`\x3c!--${o}--\x3e`,h=new RegExp(`${o}|${a}`);class l{constructor(t,e){this.parts=[],this.element=e;const s=[],i=[],r=document.createTreeWalker(e.content,133,null,!1);let n=0,a=-1,l=0;const{strings:c,values:{length:m}}=t;for(;l<m;){const t=r.nextNode();if(null!==t){if(a++,1===t.nodeType){if(t.hasAttributes()){const e=t.attributes,{length:s}=e;let i=0;for(let t=0;t<s;t++)d(e[t].name,"$lit$")&&i++;for(;i-- >0;){const e=c[l],s=u.exec(e)[2],i=s.toLowerCase()+"$lit$",r=t.getAttribute(i);t.removeAttribute(i);const n=r.split(h);this.parts.push({type:"attribute",index:a,name:s,strings:n}),l+=n.length-1}}"TEMPLATE"===t.tagName&&(i.push(t),r.currentNode=t.content)}else if(3===t.nodeType){const e=t.data;if(e.indexOf(o)>=0){const i=t.parentNode,r=e.split(h),n=r.length-1;for(let e=0;e<n;e++){let s,n=r[e];if(""===n)s=p();else{const t=u.exec(n);null!==t&&d(t[2],"$lit$")&&(n=n.slice(0,t.index)+t[1]+t[2].slice(0,-"$lit$".length)+t[3]),s=document.createTextNode(n)}i.insertBefore(s,t),this.parts.push({type:"node",index:++a})}""===r[n]?(i.insertBefore(p(),t),s.push(t)):t.data=r[n],l+=n}}else if(8===t.nodeType)if(t.data===o){const e=t.parentNode;null!==t.previousSibling&&a!==n||(a++,e.insertBefore(p(),t)),n=a,this.parts.push({type:"node",index:a}),null===t.nextSibling?t.data="":(s.push(t),a--),l++}else{let e=-1;for(;-1!==(e=t.data.indexOf(o,e+1));)this.parts.push({type:"node",index:-1}),l++}}else r.currentNode=i.pop()}for(const t of s)t.parentNode.removeChild(t)}}const d=(t,e)=>{const s=t.length-e.length;return s>=0&&t.slice(s)===e},c=t=>-1!==t.index,p=()=>document.createComment(""),u=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;
+const Li=new WeakMap,ji=t=>"function"==typeof t&&Li.has(t),Ii="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,Vi=(t,e,r=null)=>{for(;e!==r;){const r=e.nextSibling;t.removeChild(e),e=r}},Mi={},Ui={},$i=`{{lit-${String(Math.random()).slice(2)}}}`,Hi=`\x3c!--${$i}--\x3e`,Fi=new RegExp(`${$i}|${Hi}`);class zi{constructor(t,e){this.parts=[],this.element=e;const r=[],n=[],i=document.createTreeWalker(e.content,133,null,!1);let s=0,o=-1,a=0;const{strings:c,values:{length:u}}=t;for(;a<u;){const t=i.nextNode();if(null!==t){if(o++,1===t.nodeType){if(t.hasAttributes()){const e=t.attributes,{length:r}=e;let n=0;for(let t=0;t<r;t++)Di(e[t].name,"$lit$")&&n++;for(;n-- >0;){const e=c[a],r=Gi.exec(e)[2],n=r.toLowerCase()+"$lit$",i=t.getAttribute(n);t.removeAttribute(n);const s=i.split(Fi);this.parts.push({type:"attribute",index:o,name:r,strings:s}),a+=s.length-1}}"TEMPLATE"===t.tagName&&(n.push(t),i.currentNode=t.content)}else if(3===t.nodeType){const e=t.data;if(e.indexOf($i)>=0){const n=t.parentNode,i=e.split(Fi),s=i.length-1;for(let e=0;e<s;e++){let r,s=i[e];if(""===s)r=Bi();else{const t=Gi.exec(s);null!==t&&Di(t[2],"$lit$")&&(s=s.slice(0,t.index)+t[1]+t[2].slice(0,-"$lit$".length)+t[3]),r=document.createTextNode(s)}n.insertBefore(r,t),this.parts.push({type:"node",index:++o})}""===i[s]?(n.insertBefore(Bi(),t),r.push(t)):t.data=i[s],a+=s}}else if(8===t.nodeType)if(t.data===$i){const e=t.parentNode;null!==t.previousSibling&&o!==s||(o++,e.insertBefore(Bi(),t)),s=o,this.parts.push({type:"node",index:o}),null===t.nextSibling?t.data="":(r.push(t),o--),a++}else{let e=-1;for(;-1!==(e=t.data.indexOf($i,e+1));)this.parts.push({type:"node",index:-1}),a++}}else i.currentNode=n.pop()}for(const t of r)t.parentNode.removeChild(t)}}const Di=(t,e)=>{const r=t.length-e.length;return r>=0&&t.slice(r)===e},qi=t=>-1!==t.index,Bi=()=>document.createComment(""),Gi=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;
 /**
@@ -29,3 +30,3 @@ * @license
  */
-class m{constructor(t,e,s){this.__parts=[],this.template=t,this.processor=e,this.options=s}update(t){let e=0;for(const s of this.__parts)void 0!==s&&s.setValue(t[e]),e++;for(const t of this.__parts)void 0!==t&&t.commit()}_clone(){const t=s?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),e=[],i=this.template.parts,r=document.createTreeWalker(t,133,null,!1);let n,o=0,a=0,h=r.nextNode();for(;o<i.length;)if(n=i[o],c(n)){for(;a<n.index;)a++,"TEMPLATE"===h.nodeName&&(e.push(h),r.currentNode=h.content),null===(h=r.nextNode())&&(r.currentNode=e.pop(),h=r.nextNode());if("node"===n.type){const t=this.processor.handleTextExpression(this.options);t.insertAfterNode(h.previousSibling),this.__parts.push(t)}else this.__parts.push(...this.processor.handleAttributeExpressions(h,n.name,n.strings,this.options));o++}else this.__parts.push(void 0),o++;return s&&(document.adoptNode(t),customElements.upgrade(t)),t}}
+class Wi{constructor(t,e,r){this.__parts=[],this.template=t,this.processor=e,this.options=r}update(t){let e=0;for(const r of this.__parts)void 0!==r&&r.setValue(t[e]),e++;for(const t of this.__parts)void 0!==t&&t.commit()}_clone(){const t=Ii?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),e=[],r=this.template.parts,n=document.createTreeWalker(t,133,null,!1);let i,s=0,o=0,a=n.nextNode();for(;s<r.length;)if(i=r[s],qi(i)){for(;o<i.index;)o++,"TEMPLATE"===a.nodeName&&(e.push(a),n.currentNode=a.content),null===(a=n.nextNode())&&(n.currentNode=e.pop(),a=n.nextNode());if("node"===i.type){const t=this.processor.handleTextExpression(this.options);t.insertAfterNode(a.previousSibling),this.__parts.push(t)}else this.__parts.push(...this.processor.handleAttributeExpressions(a,i.name,i.strings,this.options));s++}else this.__parts.push(void 0),s++;return Ii&&(document.adoptNode(t),customElements.upgrade(t)),t}}
 /**
@@ -43,3 +44,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */const g=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:t=>t}),_=` ${o} `;class f{constructor(t,e,s,i){this.strings=t,this.values=e,this.type=s,this.processor=i}getHTML(){const t=this.strings.length-1;let e="",s=!1;for(let i=0;i<t;i++){const t=this.strings[i],r=t.lastIndexOf("\x3c!--");s=(r>-1||s)&&-1===t.indexOf("--\x3e",r+1);const n=u.exec(t);e+=null===n?t+(s?_:a):t.substr(0,n.index)+n[1]+n[2]+"$lit$"+n[3]+o}return e+=this.strings[t],e}getTemplateElement(){const t=document.createElement("template");let e=this.getHTML();return void 0!==g&&(e=g.createHTML(e)),t.innerHTML=e,t}}
+ */const Ji=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:t=>t}),Ki=` ${$i} `;class Yi{constructor(t,e,r,n){this.strings=t,this.values=e,this.type=r,this.processor=n}getHTML(){const t=this.strings.length-1;let e="",r=!1;for(let n=0;n<t;n++){const t=this.strings[n],i=t.lastIndexOf("\x3c!--");r=(i>-1||r)&&-1===t.indexOf("--\x3e",i+1);const s=Gi.exec(t);e+=null===s?t+(r?Ki:Hi):t.substr(0,s.index)+s[1]+s[2]+"$lit$"+s[3]+$i}return e+=this.strings[t],e}getTemplateElement(){const t=document.createElement("template");let e=this.getHTML();return void 0!==Ji&&(e=Ji.createHTML(e)),t.innerHTML=e,t}}
 /**
@@ -57,3 +58,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */const y=t=>null===t||!("object"==typeof t||"function"==typeof t),b=t=>Array.isArray(t)||!(!t||!t[Symbol.iterator]);class S{constructor(t,e,s){this.dirty=!0,this.element=t,this.name=e,this.strings=s,this.parts=[];for(let t=0;t<s.length-1;t++)this.parts[t]=this._createPart()}_createPart(){return new v(this)}_getValue(){const t=this.strings,e=t.length-1,s=this.parts;if(1===e&&""===t[0]&&""===t[1]){const t=s[0].value;if("symbol"==typeof t)return String(t);if("string"==typeof t||!b(t))return t}let i="";for(let r=0;r<e;r++){i+=t[r];const e=s[r];if(void 0!==e){const t=e.value;if(y(t)||!b(t))i+="string"==typeof t?t:String(t);else for(const e of t)i+="string"==typeof e?e:String(e)}}return i+=t[e],i}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class v{constructor(t){this.value=void 0,this.committer=t}setValue(t){t===r||y(t)&&t===this.value||(this.value=t,e(t)||(this.committer.dirty=!0))}commit(){for(;e(this.value);){const t=this.value;this.value=r,t(this)}this.value!==r&&this.committer.commit()}}class w{constructor(t){this.value=void 0,this.__pendingValue=void 0,this.options=t}appendInto(t){this.startNode=t.appendChild(p()),this.endNode=t.appendChild(p())}insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}appendIntoPart(t){t.__insert(this.startNode=p()),t.__insert(this.endNode=p())}insertAfterPart(t){t.__insert(this.startNode=p()),this.endNode=t.endNode,t.endNode=this.startNode}setValue(t){this.__pendingValue=t}commit(){if(null===this.startNode.parentNode)return;for(;e(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=r,t(this)}const t=this.__pendingValue;t!==r&&(y(t)?t!==this.value&&this.__commitText(t):t instanceof f?this.__commitTemplateResult(t):t instanceof Node?this.__commitNode(t):b(t)?this.__commitIterable(t):t===n?(this.value=n,this.clear()):this.__commitText(t))}__insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}__commitNode(t){this.value!==t&&(this.clear(),this.__insert(t),this.value=t)}__commitText(t){const e=this.startNode.nextSibling,s="string"==typeof(t=null==t?"":t)?t:String(t);e===this.endNode.previousSibling&&3===e.nodeType?e.data=s:this.__commitNode(document.createTextNode(s)),this.value=t}__commitTemplateResult(t){const e=this.options.templateFactory(t);if(this.value instanceof m&&this.value.template===e)this.value.update(t.values);else{const s=new m(e,t.processor,this.options),i=s._clone();s.update(t.values),this.__commitNode(i),this.value=s}}__commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());const e=this.value;let s,i=0;for(const r of t)s=e[i],void 0===s&&(s=new w(this.options),e.push(s),0===i?s.appendIntoPart(this):s.insertAfterPart(e[i-1])),s.setValue(r),s.commit(),i++;i<e.length&&(e.length=i,this.clear(s&&s.endNode))}clear(t=this.startNode){i(this.startNode.parentNode,t.nextSibling,this.endNode)}}class x{constructor(t,e,s){if(this.value=void 0,this.__pendingValue=void 0,2!==s.length||""!==s[0]||""!==s[1])throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=e,this.strings=s}setValue(t){this.__pendingValue=t}commit(){for(;e(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=r,t(this)}if(this.__pendingValue===r)return;const t=!!this.__pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=t),this.__pendingValue=r}}class P extends S{constructor(t,e,s){super(t,e,s),this.single=2===s.length&&""===s[0]&&""===s[1]}_createPart(){return new N(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class N extends v{}let C=!1;(()=>{try{const t={get capture(){return C=!0,!1}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){}})();class A{constructor(t,e,s){this.value=void 0,this.__pendingValue=void 0,this.element=t,this.eventName=e,this.eventContext=s,this.__boundHandleEvent=t=>this.handleEvent(t)}setValue(t){this.__pendingValue=t}commit(){for(;e(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=r,t(this)}if(this.__pendingValue===r)return;const t=this.__pendingValue,s=this.value,i=null==t||null!=s&&(t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive),n=null!=t&&(null==s||i);i&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),n&&(this.__options=T(t),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=t,this.__pendingValue=r}handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}const T=t=>t&&(C?{capture:t.capture,passive:t.passive,once:t.once}:t.capture)
+ */const Xi=t=>null===t||!("object"==typeof t||"function"==typeof t),Zi=t=>Array.isArray(t)||!(!t||!t[Symbol.iterator]);class Qi{constructor(t,e,r){this.dirty=!0,this.element=t,this.name=e,this.strings=r,this.parts=[];for(let t=0;t<r.length-1;t++)this.parts[t]=this._createPart()}_createPart(){return new ts(this)}_getValue(){const t=this.strings,e=t.length-1,r=this.parts;if(1===e&&""===t[0]&&""===t[1]){const t=r[0].value;if("symbol"==typeof t)return String(t);if("string"==typeof t||!Zi(t))return t}let n="";for(let i=0;i<e;i++){n+=t[i];const e=r[i];if(void 0!==e){const t=e.value;if(Xi(t)||!Zi(t))n+="string"==typeof t?t:String(t);else for(const e of t)n+="string"==typeof e?e:String(e)}}return n+=t[e],n}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class ts{constructor(t){this.value=void 0,this.committer=t}setValue(t){t===Mi||Xi(t)&&t===this.value||(this.value=t,ji(t)||(this.committer.dirty=!0))}commit(){for(;ji(this.value);){const t=this.value;this.value=Mi,t(this)}this.value!==Mi&&this.committer.commit()}}class es{constructor(t){this.value=void 0,this.__pendingValue=void 0,this.options=t}appendInto(t){this.startNode=t.appendChild(Bi()),this.endNode=t.appendChild(Bi())}insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}appendIntoPart(t){t.__insert(this.startNode=Bi()),t.__insert(this.endNode=Bi())}insertAfterPart(t){t.__insert(this.startNode=Bi()),this.endNode=t.endNode,t.endNode=this.startNode}setValue(t){this.__pendingValue=t}commit(){if(null===this.startNode.parentNode)return;for(;ji(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=Mi,t(this)}const t=this.__pendingValue;t!==Mi&&(Xi(t)?t!==this.value&&this.__commitText(t):t instanceof Yi?this.__commitTemplateResult(t):t instanceof Node?this.__commitNode(t):Zi(t)?this.__commitIterable(t):t===Ui?(this.value=Ui,this.clear()):this.__commitText(t))}__insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}__commitNode(t){this.value!==t&&(this.clear(),this.__insert(t),this.value=t)}__commitText(t){const e=this.startNode.nextSibling,r="string"==typeof(t=null==t?"":t)?t:String(t);e===this.endNode.previousSibling&&3===e.nodeType?e.data=r:this.__commitNode(document.createTextNode(r)),this.value=t}__commitTemplateResult(t){const e=this.options.templateFactory(t);if(this.value instanceof Wi&&this.value.template===e)this.value.update(t.values);else{const r=new Wi(e,t.processor,this.options),n=r._clone();r.update(t.values),this.__commitNode(n),this.value=r}}__commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());const e=this.value;let r,n=0;for(const i of t)r=e[n],void 0===r&&(r=new es(this.options),e.push(r),0===n?r.appendIntoPart(this):r.insertAfterPart(e[n-1])),r.setValue(i),r.commit(),n++;n<e.length&&(e.length=n,this.clear(r&&r.endNode))}clear(t=this.startNode){Vi(this.startNode.parentNode,t.nextSibling,this.endNode)}}class rs{constructor(t,e,r){if(this.value=void 0,this.__pendingValue=void 0,2!==r.length||""!==r[0]||""!==r[1])throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=e,this.strings=r}setValue(t){this.__pendingValue=t}commit(){for(;ji(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=Mi,t(this)}if(this.__pendingValue===Mi)return;const t=!!this.__pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=t),this.__pendingValue=Mi}}class ns extends Qi{constructor(t,e,r){super(t,e,r),this.single=2===r.length&&""===r[0]&&""===r[1]}_createPart(){return new is(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class is extends ts{}let ss=!1;(()=>{try{const t={get capture(){return ss=!0,!1}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){}})();class os{constructor(t,e,r){this.value=void 0,this.__pendingValue=void 0,this.element=t,this.eventName=e,this.eventContext=r,this.__boundHandleEvent=t=>this.handleEvent(t)}setValue(t){this.__pendingValue=t}commit(){for(;ji(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=Mi,t(this)}if(this.__pendingValue===Mi)return;const t=this.__pendingValue,e=this.value,r=null==t||null!=e&&(t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive),n=null!=t&&(null==e||r);r&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),n&&(this.__options=as(t),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=t,this.__pendingValue=Mi}handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}const as=t=>t&&(ss?{capture:t.capture,passive:t.passive,once:t.once}:t.capture)
 /**
@@ -71,3 +72,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */;const V=new class{handleAttributeExpressions(t,e,s,i){const r=e[0];if("."===r){return new P(t,e.slice(1),s).parts}if("@"===r)return[new A(t,e.slice(1),i.eventContext)];if("?"===r)return[new x(t,e.slice(1),s)];return new S(t,e,s).parts}handleTextExpression(t){return new w(t)}};
+ */;const cs=new class{handleAttributeExpressions(t,e,r,n){const i=e[0];if("."===i){return new ns(t,e.slice(1),r).parts}if("@"===i)return[new os(t,e.slice(1),n.eventContext)];if("?"===i)return[new rs(t,e.slice(1),r)];return new Qi(t,e,r).parts}handleTextExpression(t){return new es(t)}};
 /**
@@ -85,3 +86,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */function k(t){let e=E.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},E.set(t.type,e));let s=e.stringsArray.get(t.strings);if(void 0!==s)return s;const i=t.strings.join(o);return s=e.keyString.get(i),void 0===s&&(s=new l(t,t.getTemplateElement()),e.keyString.set(i,s)),e.stringsArray.set(t.strings,s),s}const E=new Map,U=new WeakMap;
+ */function us(t){let e=ls.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},ls.set(t.type,e));let r=e.stringsArray.get(t.strings);if(void 0!==r)return r;const n=t.strings.join($i);return r=e.keyString.get(n),void 0===r&&(r=new zi(t,t.getTemplateElement()),e.keyString.set(n,r)),e.stringsArray.set(t.strings,r),r}const ls=new Map,hs=new WeakMap;
 /**
@@ -126,3 +127,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */,window.JSCompiler_renameProperty=(t,e)=>t;const $={toAttribute(t,e){switch(e){case Boolean:return t?"":null;case Object:case Array:return null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){switch(e){case Boolean:return null!==t;case Number:return null===t?null:Number(t);case Object:case Array:return JSON.parse(t)}return t}},O=(t,e)=>e!==t&&(e==e||t==t),M={attribute:!0,type:String,converter:$,reflect:!1,hasChanged:O};class R extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const t=[];return this._classProperties.forEach(((e,s)=>{const i=this._attributeNameForProperty(s,e);void 0!==i&&(this._attributeToPropertyMap.set(i,s),t.push(i))})),t}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const t=Object.getPrototypeOf(this)._classProperties;void 0!==t&&t.forEach(((t,e)=>this._classProperties.set(e,t)))}}static createProperty(t,e=M){if(this._ensureClassProperties(),this._classProperties.set(t,e),e.noAccessor||this.prototype.hasOwnProperty(t))return;const s="symbol"==typeof t?Symbol():`__${t}`,i=this.getPropertyDescriptor(t,s,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdateInternal(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this._classProperties&&this._classProperties.get(t)||M}static finalize(){const t=Object.getPrototypeOf(this);if(t.hasOwnProperty("finalized")||t.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const t=this.properties,e=[...Object.getOwnPropertyNames(t),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t):[]];for(const s of e)this.createProperty(s,t[s])}}static _attributeNameForProperty(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}static _valueHasChanged(t,e,s=O){return s(t,e)}static _propertyValueFromAttribute(t,e){const s=e.type,i=e.converter||$,r="function"==typeof i?i:i.fromAttribute;return r?r(t,s):t}static _propertyValueToAttribute(t,e){if(void 0===e.reflect)return;const s=e.type,i=e.converter;return(i&&i.toAttribute||$.toAttribute)(t,s)}initialize(){this._updateState=0,this._updatePromise=new Promise((t=>this._enableUpdatingResolver=t)),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach(((t,e)=>{if(this.hasOwnProperty(e)){const t=this[e];delete this[e],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(e,t)}}))}_applyInstanceProperties(){this._instanceProperties.forEach(((t,e)=>this[e]=t)),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(t,e,s){e!==s&&this._attributeToProperty(t,s)}_propertyToAttribute(t,e,s=M){const i=this.constructor,r=i._attributeNameForProperty(t,s);if(void 0!==r){const t=i._propertyValueToAttribute(e,s);if(void 0===t)return;this._updateState=8|this._updateState,null==t?this.removeAttribute(r):this.setAttribute(r,t),this._updateState=-9&this._updateState}}_attributeToProperty(t,e){if(8&this._updateState)return;const s=this.constructor,i=s._attributeToPropertyMap.get(t);if(void 0!==i){const t=s.getPropertyOptions(i);this._updateState=16|this._updateState,this[i]=s._propertyValueFromAttribute(e,t),this._updateState=-17&this._updateState}}requestUpdateInternal(t,e,s){let i=!0;if(void 0!==t){const r=this.constructor;s=s||r.getPropertyOptions(t),r._valueHasChanged(this[t],e,s.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0!==s.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,s))):i=!1}!this._hasRequestedUpdate&&i&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(t,e){return this.requestUpdateInternal(t,e),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(t){}const t=this.performUpdate();return null!=t&&await t,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let t=!1;const e=this._changedProperties;try{t=this.shouldUpdate(e),t?this.update(e):this._markUpdated()}catch(e){throw t=!1,this._markUpdated(),e}t&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(e)),this.updated(e))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._updatePromise}shouldUpdate(t){return!0}update(t){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach(((t,e)=>this._propertyToAttribute(e,this[e],t))),this._reflectingProperties=void 0),this._markUpdated()}updated(t){}firstUpdated(t){}}R.finalized=!0,
+ */,window.JSCompiler_renameProperty=(t,e)=>t;const ps={toAttribute(t,e){switch(e){case Boolean:return t?"":null;case Object:case Array:return null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){switch(e){case Boolean:return null!==t;case Number:return null===t?null:Number(t);case Object:case Array:return JSON.parse(t)}return t}},ds=(t,e)=>e!==t&&(e==e||t==t),fs={attribute:!0,type:String,converter:ps,reflect:!1,hasChanged:ds};class gs extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const t=[];return this._classProperties.forEach(((e,r)=>{const n=this._attributeNameForProperty(r,e);void 0!==n&&(this._attributeToPropertyMap.set(n,r),t.push(n))})),t}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const t=Object.getPrototypeOf(this)._classProperties;void 0!==t&&t.forEach(((t,e)=>this._classProperties.set(e,t)))}}static createProperty(t,e=fs){if(this._ensureClassProperties(),this._classProperties.set(t,e),e.noAccessor||this.prototype.hasOwnProperty(t))return;const r="symbol"==typeof t?Symbol():`__${t}`,n=this.getPropertyDescriptor(t,r,e);void 0!==n&&Object.defineProperty(this.prototype,t,n)}static getPropertyDescriptor(t,e,r){return{get(){return this[e]},set(n){const i=this[t];this[e]=n,this.requestUpdateInternal(t,i,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this._classProperties&&this._classProperties.get(t)||fs}static finalize(){const t=Object.getPrototypeOf(this);if(t.hasOwnProperty("finalized")||t.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const t=this.properties,e=[...Object.getOwnPropertyNames(t),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t):[]];for(const r of e)this.createProperty(r,t[r])}}static _attributeNameForProperty(t,e){const r=e.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof t?t.toLowerCase():void 0}static _valueHasChanged(t,e,r=ds){return r(t,e)}static _propertyValueFromAttribute(t,e){const r=e.type,n=e.converter||ps,i="function"==typeof n?n:n.fromAttribute;return i?i(t,r):t}static _propertyValueToAttribute(t,e){if(void 0===e.reflect)return;const r=e.type,n=e.converter;return(n&&n.toAttribute||ps.toAttribute)(t,r)}initialize(){this._updateState=0,this._updatePromise=new Promise((t=>this._enableUpdatingResolver=t)),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach(((t,e)=>{if(this.hasOwnProperty(e)){const t=this[e];delete this[e],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(e,t)}}))}_applyInstanceProperties(){this._instanceProperties.forEach(((t,e)=>this[e]=t)),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(t,e,r){e!==r&&this._attributeToProperty(t,r)}_propertyToAttribute(t,e,r=fs){const n=this.constructor,i=n._attributeNameForProperty(t,r);if(void 0!==i){const t=n._propertyValueToAttribute(e,r);if(void 0===t)return;this._updateState=8|this._updateState,null==t?this.removeAttribute(i):this.setAttribute(i,t),this._updateState=-9&this._updateState}}_attributeToProperty(t,e){if(8&this._updateState)return;const r=this.constructor,n=r._attributeToPropertyMap.get(t);if(void 0!==n){const t=r.getPropertyOptions(n);this._updateState=16|this._updateState,this[n]=r._propertyValueFromAttribute(e,t),this._updateState=-17&this._updateState}}requestUpdateInternal(t,e,r){let n=!0;if(void 0!==t){const i=this.constructor;r=r||i.getPropertyOptions(t),i._valueHasChanged(this[t],e,r.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0!==r.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,r))):n=!1}!this._hasRequestedUpdate&&n&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(t,e){return this.requestUpdateInternal(t,e),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(t){}const t=this.performUpdate();return null!=t&&await t,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let t=!1;const e=this._changedProperties;try{t=this.shouldUpdate(e),t?this.update(e):this._markUpdated()}catch(e){throw t=!1,this._markUpdated(),e}t&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(e)),this.updated(e))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._updatePromise}shouldUpdate(t){return!0}update(t){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach(((t,e)=>this._propertyToAttribute(e,this[e],t))),this._reflectingProperties=void 0),this._markUpdated()}updated(t){}firstUpdated(t){}}gs.finalized=!0,
 /**
@@ -141,3 +142,3 @@ * @license
  */
-"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.4.1");const H=(t,...e)=>new f(t,e,"html",V)
+"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.4.1");const ys=(t,...e)=>new Yi(t,e,"html",cs)
 /**
@@ -152,3 +153,3 @@ @license
 found at http://polymer.github.io/PATENTS.txt
-*/,L=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,I=Symbol();class z{constructor(t,e){if(e!==I)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){return void 0===this._styleSheet&&(L?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}const q=(t,...e)=>{const s=e.reduce(((e,s,i)=>e+(t=>{if(t instanceof z)return t.cssText;if("number"==typeof t)return t;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${t}. Use 'unsafeCSS' to pass non-literal values, but\n            take care to ensure page security.`)})(s)+t[i+1]),t[0]);return new z(s,I)};
+*/,ms=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,vs=Symbol();class _s{constructor(t,e){if(e!==vs)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){return void 0===this._styleSheet&&(ms?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}const Ss=(t,...e)=>{const r=e.reduce(((e,r,n)=>e+(t=>{if(t instanceof _s)return t.cssText;if("number"==typeof t)return t;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${t}. Use 'unsafeCSS' to pass non-literal values, but\n            take care to ensure page security.`)})(r)+t[n+1]),t[0]);return new _s(r,vs)};
 /**
@@ -167,16 +168,2 @@ * @license
  */
-(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const j={};class F extends R{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const t=this.getStyles();if(Array.isArray(t)){const e=(t,s)=>t.reduceRight(((t,s)=>Array.isArray(s)?e(s,t):(t.add(s),t)),s),s=e(t,new Set),i=[];s.forEach((t=>i.unshift(t))),this._styles=i}else this._styles=void 0===t?[]:[t];this._styles=this._styles.map((t=>{if(t instanceof CSSStyleSheet&&!L){const e=Array.prototype.slice.call(t.cssRules).reduce(((t,e)=>t+e.cssText),"");return new z(String(e),I)}return t}))}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 t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?L?this.renderRoot.adoptedStyleSheets=t.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(t.map((t=>t.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(t){const e=this.render();super.update(t),e!==j&&this.constructor.render(e,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((t=>{const e=document.createElement("style");e.textContent=t.cssText,this.renderRoot.appendChild(e)})))}render(){return j}}F.finalized=!0,F.render=(t,e,s)=>{let r=U.get(e);void 0===r&&(i(e,e.firstChild),U.set(e,r=new w(Object.assign({templateFactory:k},s))),r.appendInto(e)),r.setValue(t),r.commit()},F.shadowRootOptions={mode:"open"};
-/**
- * @license
- * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-const B=new WeakMap,W=(J=t=>e=>{const s=B.get(e);if(void 0===t&&e instanceof v){if(void 0!==s||!B.has(e)){const t=e.committer.name;e.committer.element.removeAttribute(t)}}else t!==s&&e.setValue(t);B.set(e,t)},(...e)=>{const s=J(...e);return t.set(s,!0),s});var J,D=q`*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}:focus-visible{outline:0}:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.testClass{display:inline-block;padding:1rem;padding:var(--auro-text-body-size-default);border:1px solid #df0b37;border:1px solid var(--auro-color-border-error-on-light);color:#df0b37;color:var(--auro-color-border-error-on-light)}:focus-visible{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#fff;color:var(--auro-color-base-white)}:host(.focus-visible) .testClass{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#fff;color:var(--auro-color-base-white)}`,G=q`:host([fixed]) .testClass{padding:16px}`;class K extends F{constructor(){super(),this.background="transparent",this.minHeight="100%"}static get properties(){return{background:{type:String},backgroundSm:{type:String},backgroundMd:{type:String},backgroundLg:{type:String},minHeight:{type:String},minHeightSm:{type:String},minHeightMd:{type:String},minHeightLg:{type:String}}}static get styles(){return[D,G]}render(){return H`<style>.bg{width:auto;min-height:${this.minHeight};background:${this.background}}${W(this.backgroundSm?`@media (min-width: 660px) {.bg-sm {background: ${this.backgroundSm};}}`:"")}${W(this.backgroundMd?`@media (min-width: 1024px) {.bg-md {background: ${this.backgroundMd};}}`:"")}${W(this.backgroundLg?`@media (min-width: 1232px) {.bg-lg {background: ${this.backgroundLg};}}`:"")}${W(this.minHeightSm?`@media (min-width: 660px) {.bg-sm {min-height: ${this.minHeightSm};}}`:"")}${W(this.minHeightMd?`@media (min-width: 1024px) {.bg-md {min-height: ${this.minHeightMd};}}`:"")}${W(this.minHeightLg?`@media (min-width: 1232px) {.bg-lg {min-height: ${this.minHeightLg};}}`:"")}</style><div class="bg bg-sm bg-md bg-lg"><slot></slot></div>`}}customElements.get("auro-background")||customElements.define("auro-background",K);
+(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const bs={};class ws extends gs{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const t=this.getStyles();if(Array.isArray(t)){const e=(t,r)=>t.reduceRight(((t,r)=>Array.isArray(r)?e(r,t):(t.add(r),t)),r),r=e(t,new Set),n=[];r.forEach((t=>n.unshift(t))),this._styles=n}else this._styles=void 0===t?[]:[t];this._styles=this._styles.map((t=>{if(t instanceof CSSStyleSheet&&!ms){const e=Array.prototype.slice.call(t.cssRules).reduce(((t,e)=>t+e.cssText),"");return new _s(String(e),vs)}return t}))}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 t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?ms?this.renderRoot.adoptedStyleSheets=t.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(t.map((t=>t.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(t){const e=this.render();super.update(t),e!==bs&&this.constructor.render(e,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((t=>{const e=document.createElement("style");e.textContent=t.cssText,this.renderRoot.appendChild(e)})))}render(){return bs}}ws.finalized=!0,ws.render=(t,e,r)=>{let n=hs.get(e);void 0===n&&(Vi(e,e.firstChild),hs.set(e,n=new es(Object.assign({templateFactory:us},r))),n.appendInto(e)),n.setValue(t),n.commit()},ws.shadowRootOptions={mode:"open"};var xs=Ss`*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}:focus-visible{outline:0}:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.sized-background{display:none}@media (min-width:660px){.background-sm{display:block}}@media (min-width:1024px){.background-md{display:block}}@media (min-width:1232px){.background-lg{display:block}}`,Ps=Ss``;const Es=t=>Object.entries(t).reduce(((t,[e,r])=>`${t}${e.replace(/(?<prop>[A-Z])/gu,(t=>`-${t[0].toLowerCase()}`))}:${r};`),"");class Ts extends ws{constructor(){super(),this.background="transparent",this.minHeight="100%"}static get properties(){return{background:{type:String},backgroundSm:{type:String},backgroundMd:{type:String},backgroundLg:{type:String},minHeight:{type:String},minHeightSm:{type:String},minHeightMd:{type:String},minHeightLg:{type:String}}}static get styles(){return[xs,Ps]}render(){return this.backgroundStyles={...this.background&&{background:this.background},...this.minHeight&&{"min-height":this.minHeight,width:"auto"}},this.backgroundSmallStyles={...this.backgroundSm&&{background:this.backgroundSm},...this.minHeightSm&&{"min-height":this.minHeightSm,width:"auto"}},this.backgroundMediumStyles={...this.backgroundSm&&{background:this.backgroundSm},...this.minHeightSm&&{"min-height":this.minHeightSm,width:"auto"}},this.backgroundLargeStyles={...this.backgroundSm&&{background:this.backgroundSm},...this.minHeightSm&&{"min-height":this.minHeightSm,width:"auto"}},ys`<div class="bg" style="${Es(this.backgroundStyles)}"><slot></slot></div>${this.backgroundSm&&ys`<div class="sized-background background-sm" style="${Es(this.backgroundSmallStyles)}"><slot></slot></div>`} ${this.backgroundMd&&ys`<div class="sized-background background-md" style="${Es(this.backgroundMediumStyles)}"><slot></slot></div>`} ${this.backgroundLg&&ys`<div class="sized-background background-lg" style="${Es(this.backgroundLargeStyles)}"><slot></slot></div>`}`}}customElements.get("auro-background")||customElements.define("auro-background",Ts);

dist/auro-background.js

@@ -10,3 +10,3 @@ /* eslint-disable no-magic-numbers */
 import { LitElement, html } from "lit-element";
-import { ifDefined } from 'lit-html/directives/if-defined.js';
+// import { styleMap } from 'lit-html/directives/style-map'; // For some reason it doesn't seem to like "url" in the background property values
 
@@ -16,2 +16,14 @@ import styleCss from "./style-css.js";
 
+
+const styleMap = (style) => Object.entries(style).reduce((styleString, [
+  propName,
+  propValue
+]) => {
+  const propertyName = propName.replace(/(?<prop>[A-Z])/gu, (matches) => `-${matches[0].toLowerCase()}`);
+
+
+  return `${styleString}${propertyName}:${propValue};`;
+}, '')
+
+
 // See https://git.io/JJ6SJ for "How to document your components using JSDoc"
@@ -34,2 +46,3 @@ /**
 class AuroBackground extends LitElement {
+
   constructor() {
@@ -65,27 +78,31 @@ super();
 
-  // When using auroElement, use the following attribute and function when hiding content from screen readers.
-  // aria-hidden="${this.hideAudible(this.hiddenAudible)}"
-
   // function that renders the HTML and CSS into  the scope of the component
   render() {
 
+    this.backgroundStyles = {
+      ...this.background && {'background': this.background},
+      ...this.minHeight && {'min-height': this.minHeight,
+        'width': 'auto'}
+    };
+    this.backgroundSmallStyles = {
+      ...this.backgroundSm && {'background': this.backgroundSm},
+      ...this.minHeightSm && {'min-height': this.minHeightSm,
+        'width': 'auto'}
+    };
+    this.backgroundMediumStyles = {
+      ...this.backgroundSm && {'background': this.backgroundSm},
+      ...this.minHeightSm && {'min-height': this.minHeightSm,
+        'width': 'auto'}
+    };
+    this.backgroundLargeStyles = {
+      ...this.backgroundSm && {'background': this.backgroundSm},
+      ...this.minHeightSm && {'min-height': this.minHeightSm,
+        'width': 'auto'}
+    };
+
     return html`
-
-    <style>
-    .bg {
-      width: auto;
-      min-height: ${this.minHeight};
-      background: ${this.background};
-    }
-
-      ${ifDefined(!this.backgroundSm ? '' : `@media (min-width: 660px) {.bg-sm {background: ${this.backgroundSm};}}`)}
-      ${ifDefined(!this.backgroundMd ? '' : `@media (min-width: 1024px) {.bg-md {background: ${this.backgroundMd};}}`)}
-      ${ifDefined(!this.backgroundLg ? '' : `@media (min-width: 1232px) {.bg-lg {background: ${this.backgroundLg};}}`)}
-      ${ifDefined(!this.minHeightSm ? '' : `@media (min-width: 660px) {.bg-sm {min-height: ${this.minHeightSm};}}`)}
-      ${ifDefined(!this.minHeightMd ? '' : `@media (min-width: 1024px) {.bg-md {min-height: ${this.minHeightMd};}}`)}
-      ${ifDefined(!this.minHeightLg ? '' : `@media (min-width: 1232px) {.bg-lg {min-height: ${this.minHeightLg};}}`)}
-    </style>
-    <div class="bg bg-sm bg-md bg-lg">
-      <slot></slot>
-    </div>
+      <div class="bg" style=${styleMap(this.backgroundStyles)}><slot></slot></div>
+      ${this.backgroundSm && html`<div class="sized-background background-sm" style=${styleMap(this.backgroundSmallStyles)}><slot></slot></div>`}
+      ${this.backgroundMd && html`<div class="sized-background background-md" style=${styleMap(this.backgroundMediumStyles)}><slot></slot></div>`}
+      ${this.backgroundLg && html`<div class="sized-background background-lg" style=${styleMap(this.backgroundLargeStyles)}><slot></slot></div>`}
     `;
@@ -92,0 +109,0 @@ }

dist/style-css.js

 import {css} from 'lit-element';
-export default css`*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none !important;animation:none !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.testClass{display:inline-block;padding:1rem;padding:var(--auro-text-body-size-default);border:1px solid #df0b37;border:1px solid var(--auro-color-border-error-on-light);color:#df0b37;color:var(--auro-color-border-error-on-light)}:focus-visible{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#ffffff;color:var(--auro-color-base-white)}:host(.focus-visible) .testClass{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#ffffff;color:var(--auro-color-base-white)}
+export default css`*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none !important;animation:none !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.sized-background{display:none}@media (min-width: 660px){.background-sm{display:block}}@media (min-width: 1024px){.background-md{display:block}}@media (min-width: 1232px){.background-lg{display:block}}
 `;

dist/style-fixed-css.js

 import {css} from 'lit-element';
-export default css`:host([fixed]) .testClass{padding:16px}
-`;
+export default css``;

package.json

@@ -11,3 +11,3 @@ {
   "name": "@aurolabs/auro-background",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "auro-background HTML custom element",
@@ -14,0 +14,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

341304

5.71%

Lines of code

1444

4.87%

No dependency changes