@teipublisher/pb-components 1.36.1 → 1.36.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.36.2](https://github.com/eeditiones/tei-publisher-components/compare/v1.36.1...v1.36.2) (2022-03-16)
+
+
+### Bug Fixes
+
+* **pb-facsimile:** add option to enable a reference strip ([3aa5ed1](https://github.com/eeditiones/tei-publisher-components/commit/3aa5ed1a7044062503641a07c3e3f729f15407d4))
+
 ## [1.36.1](https://github.com/eeditiones/tei-publisher-components/compare/v1.36.0...v1.36.1) (2022-03-09)
 
 

package/dist/demo/pb-facsimile.html

@@ -43,7 +43,7 @@
                         <pb-facsimile base-uri="https://apps.existsolutions.com/cantaloupe/iiif/2/"
                             facsimiles='["15929_000_IDL5772_BOss12034_IIIp79.jpg", "15929_000_IDL5772_BOss12034_IIIp80.jpg", "15929_000_IDL5772_BOss12034_IIIp81.jpg", "15929_000_IDL5772_BOss12034_IIIp82.jpg",
                                 "does-not-exist.jpg"]'
-                            default-zoom-level="0" show-navigator
+                            default-zoom-level="0" show-navigator reference-strip
                             show-navigation-control show-home-control show-rotation-control>
                             <h3 slot="before">Facsimile Viewer Test</h3>
                             <div slot="after">Status: <span id="status"></span></div>

package/dist/pb-components-bundle.js

@@ -507,7 +507,7 @@ const Y=n`
                 border-color: #999;
                 color: #999;
             }
-        `}}customElements.define("pb-demo-snippet",Z);class Q{static subscribe(t,e,i,n=!1){e&&!Array.isArray(e)&&(e=[e]);const r=document.addEventListener(t,t=>{(e||t.detail&&t.detail.key)&&!(e&&t.detail&&t.detail.key&&e.indexOf(t.detail.key)>-1)||i&&i(t,r)},{once:n})}static subscribeOnce(t,e=null){return e&&!Array.isArray(e)&&(e=[e]),new Promise(i=>{document.addEventListener(t,t=>{(e||t.detail&&t.detail.key)&&!(e&&t.detail&&t.detail.key&&e.indexOf(t.detail.key)>-1)||i(t)},{once:!0})})}static emit(t,e=null,i=null){const n=i||{};e&&(n.key=e);const r=new CustomEvent(t,{detail:n});document.dispatchEvent(r)}}window.pbEvents||(window.pbEvents=Q);const J="1.36.1";class tt extends O{static get properties(){return Object.assign({version:{type:String,reflect:!0}},super.properties)}constructor(){super(),this.version=J}connectedCallback(){if(super.connectedCallback(),!this.version){const t=R("../package.json");fetch(t).then(t=>t.json()).then(t=>{this.version=t.version})}}render(){return V`<span>${this.version?this.version:"unknown"}</span>`}createRenderRoot(){return this}}customElements.define("pb-version",tt);var et="top",it="bottom",nt="right",rt="left",ot="auto",st=[et,it,nt,rt],at="start",lt="end",ct="clippingParents",ht="viewport",pt="popper",dt="reference",ut=st.reduce((function(t,e){return t.concat([e+"-"+at,e+"-"+lt])}),[]),gt=[].concat(st,[ot]).reduce((function(t,e){return t.concat([e,e+"-"+at,e+"-"+lt])}),[]),ft=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function mt(t){return t?(t.nodeName||"").toLowerCase():null}function vt(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function bt(t){return t instanceof vt(t).Element||t instanceof Element}function yt(t){return t instanceof vt(t).HTMLElement||t instanceof HTMLElement}function _t(t){return"undefined"!=typeof ShadowRoot&&(t instanceof vt(t).ShadowRoot||t instanceof ShadowRoot)}function wt(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},r=e.elements[t];yt(r)&&mt(r)&&(Object.assign(r.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))}function xt(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});yt(n)&&mt(n)&&(Object.assign(n.style,o),Object.keys(r).forEach((function(t){n.removeAttribute(t)})))}))}}var kt={name:"applyStyles",enabled:!0,phase:"write",fn:wt,effect:xt,requires:["computeStyles"]};function zt(t){return t.split("-")[0]}function At(t){var e=t.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,x:e.left,y:e.top}}function St(t){var e=At(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function Ct(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&_t(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Et(t){return vt(t).getComputedStyle(t)}function Mt(t){return["table","td","th"].indexOf(mt(t))>=0}function Tt(t){return((bt(t)?t.ownerDocument:t.document)||window.document).documentElement}function Lt(t){return"html"===mt(t)?t:t.assignedSlot||t.parentNode||(_t(t)?t.host:null)||Tt(t)}function Ht(t){return yt(t)&&"fixed"!==Et(t).position?t.offsetParent:null}function $t(t){var e=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&yt(t)&&"fixed"===Et(t).position)return null;for(var i=Lt(t);yt(i)&&["html","body"].indexOf(mt(i))<0;){var n=Et(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}function Ot(t){for(var e=vt(t),i=Ht(t);i&&Mt(i)&&"static"===Et(i).position;)i=Ht(i);return i&&("html"===mt(i)||"body"===mt(i)&&"static"===Et(i).position)?e:i||$t(t)||e}function Vt(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var Rt=Math.max,Pt=Math.min,It=Math.round;function Dt(t,e,i){return Rt(t,Pt(e,i))}function Nt(){return{top:0,right:0,bottom:0,left:0}}function Ft(t){return Object.assign({},Nt(),t)}function Bt(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}var jt=function(t,e){return Ft("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:Bt(t,st))};function qt(t){var e,i=t.state,n=t.name,r=t.options,o=i.elements.arrow,s=i.modifiersData.popperOffsets,a=zt(i.placement),l=Vt(a),c=[rt,nt].indexOf(a)>=0?"height":"width";if(o&&s){var h=jt(r.padding,i),p=St(o),d="y"===l?et:rt,u="y"===l?it:nt,g=i.rects.reference[c]+i.rects.reference[l]-s[l]-i.rects.popper[c],f=s[l]-i.rects.reference[l],m=Ot(o),v=m?"y"===l?m.clientHeight||0:m.clientWidth||0:0,b=g/2-f/2,y=h[d],_=v-p[c]-h[u],w=v/2-p[c]/2+b,x=Dt(y,w,_),k=l;i.modifiersData[n]=((e={})[k]=x,e.centerOffset=x-w,e)}}function Ut(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&Ct(e.elements.popper,n)&&(e.elements.arrow=n)}var Wt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Yt(t){var e=t.x,i=t.y,n=window.devicePixelRatio||1;return{x:It(It(e*n)/n)||0,y:It(It(i*n)/n)||0}}function Xt(t){var e,i=t.popper,n=t.popperRect,r=t.placement,o=t.offsets,s=t.position,a=t.gpuAcceleration,l=t.adaptive,c=t.roundOffsets,h=!0===c?Yt(o):"function"==typeof c?c(o):o,p=h.x,d=void 0===p?0:p,u=h.y,g=void 0===u?0:u,f=o.hasOwnProperty("x"),m=o.hasOwnProperty("y"),v=rt,b=et,y=window;if(l){var _=Ot(i),w="clientHeight",x="clientWidth";_===vt(i)&&"static"!==Et(_=Tt(i)).position&&(w="scrollHeight",x="scrollWidth"),_=_,r===et&&(b=it,g-=_[w]-n.height,g*=a?1:-1),r===rt&&(v=nt,d-=_[x]-n.width,d*=a?1:-1)}var k,z=Object.assign({position:s},l&&Wt);return a?Object.assign({},z,((k={})[b]=m?"0":"",k[v]=f?"0":"",k.transform=(y.devicePixelRatio||1)<2?"translate("+d+"px, "+g+"px)":"translate3d("+d+"px, "+g+"px, 0)",k)):Object.assign({},z,((e={})[b]=m?g+"px":"",e[v]=f?d+"px":"",e.transform="",e))}function Gt(t){var e=t.state,i=t.options,n=i.gpuAcceleration,r=void 0===n||n,o=i.adaptive,s=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:zt(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,Xt(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Xt(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}var Kt={passive:!0};function Zt(t){var e=t.state,i=t.instance,n=t.options,r=n.scroll,o=void 0===r||r,s=n.resize,a=void 0===s||s,l=vt(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",i.update,Kt)})),a&&l.addEventListener("resize",i.update,Kt),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",i.update,Kt)})),a&&l.removeEventListener("resize",i.update,Kt)}}var Qt={left:"right",right:"left",bottom:"top",top:"bottom"};function Jt(t){return t.replace(/left|right|bottom|top/g,(function(t){return Qt[t]}))}var te={start:"end",end:"start"};function ee(t){return t.replace(/start|end/g,(function(t){return te[t]}))}function ie(t){var e=vt(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function ne(t){return At(Tt(t)).left+ie(t).scrollLeft}function re(t){var e=vt(t),i=Tt(t),n=e.visualViewport,r=i.clientWidth,o=i.clientHeight,s=0,a=0;return n&&(r=n.width,o=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=n.offsetLeft,a=n.offsetTop)),{width:r,height:o,x:s+ne(t),y:a}}function oe(t){var e,i=Tt(t),n=ie(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=Rt(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),s=Rt(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-n.scrollLeft+ne(t),l=-n.scrollTop;return"rtl"===Et(r||i).direction&&(a+=Rt(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:s,x:a,y:l}}function se(t){var e=Et(t),i=e.overflow,n=e.overflowX,r=e.overflowY;return/auto|scroll|overlay|hidden/.test(i+r+n)}function ae(t){return["html","body","#document"].indexOf(mt(t))>=0?t.ownerDocument.body:yt(t)&&se(t)?t:ae(Lt(t))}function le(t,e){var i;void 0===e&&(e=[]);var n=ae(t),r=n===(null==(i=t.ownerDocument)?void 0:i.body),o=vt(n),s=r?[o].concat(o.visualViewport||[],se(n)?n:[]):n,a=e.concat(s);return r?a:a.concat(le(Lt(s)))}function ce(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function he(t){var e=At(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function pe(t,e){return e===ht?ce(re(t)):yt(e)?he(e):ce(oe(Tt(t)))}function de(t){var e=le(Lt(t)),i=["absolute","fixed"].indexOf(Et(t).position)>=0&&yt(t)?Ot(t):t;return bt(i)?e.filter((function(t){return bt(t)&&Ct(t,i)&&"body"!==mt(t)})):[]}function ue(t,e,i){var n="clippingParents"===e?de(t):[].concat(e),r=[].concat(n,[i]),o=r[0],s=r.reduce((function(e,i){var n=pe(t,i);return e.top=Rt(n.top,e.top),e.right=Pt(n.right,e.right),e.bottom=Pt(n.bottom,e.bottom),e.left=Rt(n.left,e.left),e}),pe(t,o));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function ge(t){return t.split("-")[1]}function fe(t){var e,i=t.reference,n=t.element,r=t.placement,o=r?zt(r):null,s=r?ge(r):null,a=i.x+i.width/2-n.width/2,l=i.y+i.height/2-n.height/2;switch(o){case et:e={x:a,y:i.y-n.height};break;case it:e={x:a,y:i.y+i.height};break;case nt:e={x:i.x+i.width,y:l};break;case rt:e={x:i.x-n.width,y:l};break;default:e={x:i.x,y:i.y}}var c=o?Vt(o):null;if(null!=c){var h="y"===c?"height":"width";switch(s){case at:e[c]=e[c]-(i[h]/2-n[h]/2);break;case lt:e[c]=e[c]+(i[h]/2-n[h]/2)}}return e}function me(t,e){void 0===e&&(e={});var i=e,n=i.placement,r=void 0===n?t.placement:n,o=i.boundary,s=void 0===o?ct:o,a=i.rootBoundary,l=void 0===a?ht:a,c=i.elementContext,h=void 0===c?pt:c,p=i.altBoundary,d=void 0!==p&&p,u=i.padding,g=void 0===u?0:u,f=Ft("number"!=typeof g?g:Bt(g,st)),m=h===pt?dt:pt,v=t.elements.reference,b=t.rects.popper,y=t.elements[d?m:h],_=ue(bt(y)?y:y.contextElement||Tt(t.elements.popper),s,l),w=At(v),x=fe({reference:w,element:b,strategy:"absolute",placement:r}),k=ce(Object.assign({},b,x)),z=h===pt?k:w,A={top:_.top-z.top+f.top,bottom:z.bottom-_.bottom+f.bottom,left:_.left-z.left+f.left,right:z.right-_.right+f.right},S=t.modifiersData.offset;if(h===pt&&S){var C=S[r];Object.keys(A).forEach((function(t){var e=[nt,it].indexOf(t)>=0?1:-1,i=[et,it].indexOf(t)>=0?"y":"x";A[t]+=C[i]*e}))}return A}function ve(t,e){void 0===e&&(e={});var i=e,n=i.placement,r=i.boundary,o=i.rootBoundary,s=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,c=void 0===l?gt:l,h=ge(n),p=h?a?ut:ut.filter((function(t){return ge(t)===h})):st,d=p.filter((function(t){return c.indexOf(t)>=0}));0===d.length&&(d=p);var u=d.reduce((function(e,i){return e[i]=me(t,{placement:i,boundary:r,rootBoundary:o,padding:s})[zt(i)],e}),{});return Object.keys(u).sort((function(t,e){return u[t]-u[e]}))}function be(t){if(zt(t)===ot)return[];var e=Jt(t);return[ee(t),e,ee(e)]}function ye(t){var e=t.state,i=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var r=i.mainAxis,o=void 0===r||r,s=i.altAxis,a=void 0===s||s,l=i.fallbackPlacements,c=i.padding,h=i.boundary,p=i.rootBoundary,d=i.altBoundary,u=i.flipVariations,g=void 0===u||u,f=i.allowedAutoPlacements,m=e.options.placement,v=zt(m),b=l||(v===m||!g?[Jt(m)]:be(m)),y=[m].concat(b).reduce((function(t,i){return t.concat(zt(i)===ot?ve(e,{placement:i,boundary:h,rootBoundary:p,padding:c,flipVariations:g,allowedAutoPlacements:f}):i)}),[]),_=e.rects.reference,w=e.rects.popper,x=new Map,k=!0,z=y[0],A=0;A<y.length;A++){var S=y[A],C=zt(S),E=ge(S)===at,M=[et,it].indexOf(C)>=0,T=M?"width":"height",L=me(e,{placement:S,boundary:h,rootBoundary:p,altBoundary:d,padding:c}),H=M?E?nt:rt:E?it:et;_[T]>w[T]&&(H=Jt(H));var $=Jt(H),O=[];if(o&&O.push(L[C]<=0),a&&O.push(L[H]<=0,L[$]<=0),O.every((function(t){return t}))){z=S,k=!1;break}x.set(S,O)}if(k)for(var V=function(t){var e=y.find((function(e){var i=x.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return z=e,"break"},R=g?3:1;R>0;R--){if("break"===V(R))break}e.placement!==z&&(e.modifiersData[n]._skip=!0,e.placement=z,e.reset=!0)}}function _e(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function we(t){return[et,nt,it,rt].some((function(e){return t[e]>=0}))}function xe(t){var e=t.state,i=t.name,n=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,s=me(e,{elementContext:"reference"}),a=me(e,{altBoundary:!0}),l=_e(s,n),c=_e(a,r,o),h=we(l),p=we(c);e.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:h,hasPopperEscaped:p},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":p})}function ke(t,e,i){var n=zt(t),r=[rt,et].indexOf(n)>=0?-1:1,o="function"==typeof i?i(Object.assign({},e,{placement:t})):i,s=o[0],a=o[1];return s=s||0,a=(a||0)*r,[rt,nt].indexOf(n)>=0?{x:a,y:s}:{x:s,y:a}}function ze(t){var e=t.state,i=t.options,n=t.name,r=i.offset,o=void 0===r?[0,0]:r,s=gt.reduce((function(t,i){return t[i]=ke(i,e.rects,o),t}),{}),a=s[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=s}function Ae(t){var e=t.state,i=t.name;e.modifiersData[i]=fe({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})}function Se(t){return"x"===t?"y":"x"}function Ce(t){var e=t.state,i=t.options,n=t.name,r=i.mainAxis,o=void 0===r||r,s=i.altAxis,a=void 0!==s&&s,l=i.boundary,c=i.rootBoundary,h=i.altBoundary,p=i.padding,d=i.tether,u=void 0===d||d,g=i.tetherOffset,f=void 0===g?0:g,m=me(e,{boundary:l,rootBoundary:c,padding:p,altBoundary:h}),v=zt(e.placement),b=ge(e.placement),y=!b,_=Vt(v),w=Se(_),x=e.modifiersData.popperOffsets,k=e.rects.reference,z=e.rects.popper,A="function"==typeof f?f(Object.assign({},e.rects,{placement:e.placement})):f,S={x:0,y:0};if(x){if(o||a){var C="y"===_?et:rt,E="y"===_?it:nt,M="y"===_?"height":"width",T=x[_],L=x[_]+m[C],H=x[_]-m[E],$=u?-z[M]/2:0,O=b===at?k[M]:z[M],V=b===at?-z[M]:-k[M],R=e.elements.arrow,P=u&&R?St(R):{width:0,height:0},I=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:Nt(),D=I[C],N=I[E],F=Dt(0,k[M],P[M]),B=y?k[M]/2-$-F-D-A:O-F-D-A,j=y?-k[M]/2+$+F+N+A:V+F+N+A,q=e.elements.arrow&&Ot(e.elements.arrow),U=q?"y"===_?q.clientTop||0:q.clientLeft||0:0,W=e.modifiersData.offset?e.modifiersData.offset[e.placement][_]:0,Y=x[_]+B-W-U,X=x[_]+j-W;if(o){var G=Dt(u?Pt(L,Y):L,T,u?Rt(H,X):H);x[_]=G,S[_]=G-T}if(a){var K="x"===_?et:rt,Z="x"===_?it:nt,Q=x[w],J=Q+m[K],tt=Q-m[Z],ot=Dt(u?Pt(J,Y):J,Q,u?Rt(tt,X):tt);x[w]=ot,S[w]=ot-Q}}e.modifiersData[n]=S}}function Ee(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function Me(t){return t!==vt(t)&&yt(t)?Ee(t):ie(t)}function Te(t,e,i){void 0===i&&(i=!1);var n=Tt(e),r=At(t),o=yt(e),s={scrollLeft:0,scrollTop:0},a={x:0,y:0};return(o||!o&&!i)&&(("body"!==mt(e)||se(n))&&(s=Me(e)),yt(e)?((a=At(e)).x+=e.clientLeft,a.y+=e.clientTop):n&&(a.x=ne(n))),{x:r.left+s.scrollLeft-a.x,y:r.top+s.scrollTop-a.y,width:r.width,height:r.height}}function Le(t){var e=new Map,i=new Set,n=[];function r(t){i.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!i.has(t)){var n=e.get(t);n&&r(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){i.has(t.name)||r(t)})),n}function He(t){var e=Le(t);return ft.reduce((function(t,i){return t.concat(e.filter((function(t){return t.phase===i})))}),[])}function $e(t){var e;return function(){return e||(e=new Promise((function(i){Promise.resolve().then((function(){e=void 0,i(t())}))}))),e}}function Oe(t){var e=t.reduce((function(t,e){var i=t[e.name];return t[e.name]=i?Object.assign({},i,e,{options:Object.assign({},i.options,e.options),data:Object.assign({},i.data,e.data)}):e,t}),{});return Object.keys(e).map((function(t){return e[t]}))}var Ve={placement:"bottom",modifiers:[],strategy:"absolute"};function Re(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Pe(t){void 0===t&&(t={});var e=t,i=e.defaultModifiers,n=void 0===i?[]:i,r=e.defaultOptions,o=void 0===r?Ve:r;return function(t,e,i){void 0===i&&(i=o);var r={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ve,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},s=[],a=!1,l={state:r,setOptions:function(i){h(),r.options=Object.assign({},o,r.options,i),r.scrollParents={reference:bt(t)?le(t):t.contextElement?le(t.contextElement):[],popper:le(e)};var s=He(Oe([].concat(n,r.options.modifiers)));return r.orderedModifiers=s.filter((function(t){return t.enabled})),c(),l.update()},forceUpdate:function(){if(!a){var t=r.elements,e=t.reference,i=t.popper;if(Re(e,i)){r.rects={reference:Te(e,Ot(i),"fixed"===r.options.strategy),popper:St(i)},r.reset=!1,r.placement=r.options.placement,r.orderedModifiers.forEach((function(t){return r.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<r.orderedModifiers.length;n++)if(!0!==r.reset){var o=r.orderedModifiers[n],s=o.fn,c=o.options,h=void 0===c?{}:c,p=o.name;"function"==typeof s&&(r=s({state:r,options:h,name:p,instance:l})||r)}else r.reset=!1,n=-1}}},update:$e((function(){return new Promise((function(t){l.forceUpdate(),t(r)}))})),destroy:function(){h(),a=!0}};if(!Re(t,e))return l;function c(){r.orderedModifiers.forEach((function(t){var e=t.name,i=t.options,n=void 0===i?{}:i,o=t.effect;if("function"==typeof o){var a=o({state:r,name:e,instance:l,options:n}),c=function(){};s.push(a||c)}}))}function h(){s.forEach((function(t){return t()})),s=[]}return l.setOptions(i).then((function(t){!a&&i.onFirstUpdate&&i.onFirstUpdate(t)})),l}}var Ie=Pe({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Zt,data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:Ae,data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Gt,data:{}},kt,{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:ze},{name:"flip",enabled:!0,phase:"main",fn:ye,requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:Ce,requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:qt,effect:Ut,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:xe}]}),De="tippy-box",Ne="tippy-content",Fe="tippy-backdrop",Be="tippy-arrow",je="tippy-svg-arrow",qe={passive:!0,capture:!0};function Ue(t,e,i){if(Array.isArray(t)){var n=t[e];return null==n?Array.isArray(i)?i[e]:i:n}return t}function We(t,e){var i={}.toString.call(t);return 0===i.indexOf("[object")&&i.indexOf(e+"]")>-1}function Ye(t,e){return"function"==typeof t?t.apply(void 0,e):t}function Xe(t,e){return 0===e?t:function(n){clearTimeout(i),i=setTimeout((function(){t(n)}),e)};var i}function Ge(t){return t.split(/\s+/).filter(Boolean)}function Ke(t){return[].concat(t)}function Ze(t,e){-1===t.indexOf(e)&&t.push(e)}function Qe(t){return t.filter((function(e,i){return t.indexOf(e)===i}))}function Je(t){return t.split("-")[0]}function ti(t){return[].slice.call(t)}function ei(t){return Object.keys(t).reduce((function(e,i){return void 0!==t[i]&&(e[i]=t[i]),e}),{})}function ii(){return document.createElement("div")}function ni(t){return["Element","Fragment"].some((function(e){return We(t,e)}))}function ri(t){return We(t,"NodeList")}function oi(t){return We(t,"MouseEvent")}function si(t){return!(!t||!t._tippy||t._tippy.reference!==t)}function ai(t){return ni(t)?[t]:ri(t)?ti(t):Array.isArray(t)?t:ti(document.querySelectorAll(t))}function li(t,e){t.forEach((function(t){t&&(t.style.transitionDuration=e+"ms")}))}function ci(t,e){t.forEach((function(t){t&&t.setAttribute("data-state",e)}))}function hi(t){var e,i=Ke(t)[0];return(null==i||null==(e=i.ownerDocument)?void 0:e.body)?i.ownerDocument:document}function pi(t,e){var i=e.clientX,n=e.clientY;return t.every((function(t){var e=t.popperRect,r=t.popperState,o=t.props.interactiveBorder,s=Je(r.placement),a=r.modifiersData.offset;if(!a)return!0;var l="bottom"===s?a.top.y:0,c="top"===s?a.bottom.y:0,h="right"===s?a.left.x:0,p="left"===s?a.right.x:0,d=e.top-n+l>o,u=n-e.bottom-c>o,g=e.left-i+h>o,f=i-e.right-p>o;return d||u||g||f}))}function di(t,e,i){var n=e+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(e){t[n](e,i)}))}var ui={isTouch:!1},gi=0;function fi(){ui.isTouch||(ui.isTouch=!0,window.performance&&document.addEventListener("mousemove",mi))}function mi(){var t=performance.now();t-gi<20&&(ui.isTouch=!1,document.removeEventListener("mousemove",mi)),gi=t}function vi(){var t=document.activeElement;if(si(t)){var e=t._tippy;t.blur&&!e.state.isVisible&&t.blur()}}function bi(){document.addEventListener("touchstart",fi,qe),window.addEventListener("blur",vi)}var yi="undefined"!=typeof window&&"undefined"!=typeof document?navigator.userAgent:"",_i=/MSIE |Trident\//.test(yi),wi={animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},xi={allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999},ki=Object.assign({appendTo:function(){return document.body},aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},wi,{},xi),zi=Object.keys(ki),Ai=function(t){Object.keys(t).forEach((function(e){ki[e]=t[e]}))};function Si(t){var e=(t.plugins||[]).reduce((function(e,i){var n=i.name,r=i.defaultValue;return n&&(e[n]=void 0!==t[n]?t[n]:r),e}),{});return Object.assign({},t,{},e)}function Ci(t,e){return(e?Object.keys(Si(Object.assign({},ki,{plugins:e}))):zi).reduce((function(e,i){var n=(t.getAttribute("data-tippy-"+i)||"").trim();if(!n)return e;if("content"===i)e[i]=n;else try{e[i]=JSON.parse(n)}catch(t){e[i]=n}return e}),{})}function Ei(t,e){var i=Object.assign({},e,{content:Ye(e.content,[t])},e.ignoreAttributes?{}:Ci(t,e.plugins));return i.aria=Object.assign({},ki.aria,{},i.aria),i.aria={expanded:"auto"===i.aria.expanded?e.interactive:i.aria.expanded,content:"auto"===i.aria.content?e.interactive?null:"describedby":i.aria.content},i}var Mi=function(){return"innerHTML"};function Ti(t,e){t[Mi()]=e}function Li(t){var e=ii();return!0===t?e.className=Be:(e.className=je,ni(t)?e.appendChild(t):Ti(e,t)),e}function Hi(t,e){ni(e.content)?(Ti(t,""),t.appendChild(e.content)):"function"!=typeof e.content&&(e.allowHTML?Ti(t,e.content):t.textContent=e.content)}function $i(t){var e=t.firstElementChild,i=ti(e.children);return{box:e,content:i.find((function(t){return t.classList.contains(Ne)})),arrow:i.find((function(t){return t.classList.contains(Be)||t.classList.contains(je)})),backdrop:i.find((function(t){return t.classList.contains(Fe)}))}}function Oi(t){var e=ii(),i=ii();i.className=De,i.setAttribute("data-state","hidden"),i.setAttribute("tabindex","-1");var n=ii();function r(i,n){var r=$i(e),o=r.box,s=r.content,a=r.arrow;n.theme?o.setAttribute("data-theme",n.theme):o.removeAttribute("data-theme"),"string"==typeof n.animation?o.setAttribute("data-animation",n.animation):o.removeAttribute("data-animation"),n.inertia?o.setAttribute("data-inertia",""):o.removeAttribute("data-inertia"),o.style.maxWidth="number"==typeof n.maxWidth?n.maxWidth+"px":n.maxWidth,n.role?o.setAttribute("role",n.role):o.removeAttribute("role"),i.content===n.content&&i.allowHTML===n.allowHTML||Hi(s,t.props),n.arrow?a?i.arrow!==n.arrow&&(o.removeChild(a),o.appendChild(Li(n.arrow))):o.appendChild(Li(n.arrow)):a&&o.removeChild(a)}return n.className=Ne,n.setAttribute("data-state","hidden"),Hi(n,t.props),e.appendChild(i),i.appendChild(n),r(t.props,t.props),{popper:e,onUpdate:r}}Oi.$$tippy=!0;var Vi=1,Ri=[],Pi=[];function Ii(t,e){var i,n,r,o,s,a,l,c=Ei(t,Object.assign({},ki,{},Si(ei(e)))),h=!1,p=!1,d=!1,u=!1,g=[],f=Xe(K,c.interactiveDebounce),m=Vi++,v=null,b=Qe(c.plugins),y={isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},_={id:m,reference:t,popper:ii(),popperInstance:v,props:c,state:y,plugins:b,clearDelayTimeouts:lt,setProps:ct,setContent:ht,show:pt,hide:dt,hideWithInteractivity:ut,enable:st,disable:at,unmount:gt,destroy:ft};if(!c.render)return _;var w=c.render(_),x=w.popper,k=w.onUpdate;x.setAttribute("data-tippy-root",""),x.id="tippy-"+_.id,_.popper=x,t._tippy=_,x._tippy=_;var z=b.map((function(t){return t.fn(_)})),A=t.hasAttribute("aria-expanded");return Y(),R(),$(),O("onCreate",[_]),c.showOnCreate&&rt(),x.addEventListener("mouseenter",(function(){_.props.interactive&&_.state.isVisible&&_.clearDelayTimeouts()})),x.addEventListener("mouseleave",(function(t){_.props.interactive&&_.props.trigger.indexOf("mouseenter")>=0&&(T().addEventListener("mousemove",f),f(t))})),_;function S(){var t=_.props.touch;return Array.isArray(t)?t:[t,0]}function C(){return"hold"===S()[0]}function E(){var t;return!!(null==(t=_.props.render)?void 0:t.$$tippy)}function M(){return l||t}function T(){var t=M().parentNode;return t?hi(t):document}function L(){return $i(x)}function H(t){return _.state.isMounted&&!_.state.isVisible||ui.isTouch||o&&"focus"===o.type?0:Ue(_.props.delay,t?0:1,ki.delay)}function $(){x.style.pointerEvents=_.props.interactive&&_.state.isVisible?"":"none",x.style.zIndex=""+_.props.zIndex}function O(t,e,i){var n;(void 0===i&&(i=!0),z.forEach((function(i){i[t]&&i[t].apply(void 0,e)})),i)&&(n=_.props)[t].apply(n,e)}function V(){var e=_.props.aria;if(e.content){var i="aria-"+e.content,n=x.id;Ke(_.props.triggerTarget||t).forEach((function(t){var e=t.getAttribute(i);if(_.state.isVisible)t.setAttribute(i,e?e+" "+n:n);else{var r=e&&e.replace(n,"").trim();r?t.setAttribute(i,r):t.removeAttribute(i)}}))}}function R(){!A&&_.props.aria.expanded&&Ke(_.props.triggerTarget||t).forEach((function(t){_.props.interactive?t.setAttribute("aria-expanded",_.state.isVisible&&t===M()?"true":"false"):t.removeAttribute("aria-expanded")}))}function P(){T().removeEventListener("mousemove",f),Ri=Ri.filter((function(t){return t!==f}))}function I(t){if(!(ui.isTouch&&(d||"mousedown"===t.type)||_.props.interactive&&x.contains(t.target))){if(M().contains(t.target)){if(ui.isTouch)return;if(_.state.isVisible&&_.props.trigger.indexOf("click")>=0)return}else O("onClickOutside",[_,t]);!0===_.props.hideOnClick&&(_.clearDelayTimeouts(),_.hide(),p=!0,setTimeout((function(){p=!1})),_.state.isMounted||B())}}function D(){d=!0}function N(){d=!1}function F(){var t=T();t.addEventListener("mousedown",I,!0),t.addEventListener("touchend",I,qe),t.addEventListener("touchstart",N,qe),t.addEventListener("touchmove",D,qe)}function B(){var t=T();t.removeEventListener("mousedown",I,!0),t.removeEventListener("touchend",I,qe),t.removeEventListener("touchstart",N,qe),t.removeEventListener("touchmove",D,qe)}function j(t,e){U(t,(function(){!_.state.isVisible&&x.parentNode&&x.parentNode.contains(x)&&e()}))}function q(t,e){U(t,e)}function U(t,e){var i=L().box;function n(t){t.target===i&&(di(i,"remove",n),e())}if(0===t)return e();di(i,"remove",s),di(i,"add",n),s=n}function W(e,i,n){void 0===n&&(n=!1),Ke(_.props.triggerTarget||t).forEach((function(t){t.addEventListener(e,i,n),g.push({node:t,eventType:e,handler:i,options:n})}))}function Y(){C()&&(W("touchstart",G,{passive:!0}),W("touchend",Z,{passive:!0})),Ge(_.props.trigger).forEach((function(t){if("manual"!==t)switch(W(t,G),t){case"mouseenter":W("mouseleave",Z);break;case"focus":W(_i?"focusout":"blur",Q);break;case"focusin":W("focusout",Q)}}))}function X(){g.forEach((function(t){var e=t.node,i=t.eventType,n=t.handler,r=t.options;e.removeEventListener(i,n,r)})),g=[]}function G(t){var e,i=!1;if(_.state.isEnabled&&!J(t)&&!p){var n="focus"===(null==(e=o)?void 0:e.type);o=t,l=t.currentTarget,R(),!_.state.isVisible&&oi(t)&&Ri.forEach((function(e){return e(t)})),"click"===t.type&&(_.props.trigger.indexOf("mouseenter")<0||h)&&!1!==_.props.hideOnClick&&_.state.isVisible?i=!0:rt(t),"click"===t.type&&(h=!i),i&&!n&&ot(t)}}function K(t){var e=t.target,i=M().contains(e)||x.contains(e);"mousemove"===t.type&&i||pi(nt().concat(x).map((function(t){var e,i=null==(e=t._tippy.popperInstance)?void 0:e.state;return i?{popperRect:t.getBoundingClientRect(),popperState:i,props:c}:null})).filter(Boolean),t)&&(P(),ot(t))}function Z(t){J(t)||_.props.trigger.indexOf("click")>=0&&h||(_.props.interactive?_.hideWithInteractivity(t):ot(t))}function Q(t){_.props.trigger.indexOf("focusin")<0&&t.target!==M()||_.props.interactive&&t.relatedTarget&&x.contains(t.relatedTarget)||ot(t)}function J(t){return!!ui.isTouch&&C()!==t.type.indexOf("touch")>=0}function tt(){et();var e=_.props,i=e.popperOptions,n=e.placement,r=e.offset,o=e.getReferenceClientRect,s=e.moveTransition,l=E()?$i(x).arrow:null,c=o?{getBoundingClientRect:o,contextElement:o.contextElement||M()}:t,h=[{name:"offset",options:{offset:r}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!s}},{name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(t){var e=t.state;if(E()){var i=L().box;["placement","reference-hidden","escaped"].forEach((function(t){"placement"===t?i.setAttribute("data-placement",e.placement):e.attributes.popper["data-popper-"+t]?i.setAttribute("data-"+t,""):i.removeAttribute("data-"+t)})),e.attributes.popper={}}}}];E()&&l&&h.push({name:"arrow",options:{element:l,padding:3}}),h.push.apply(h,(null==i?void 0:i.modifiers)||[]),_.popperInstance=Ie(c,x,Object.assign({},i,{placement:n,onFirstUpdate:a,modifiers:h}))}function et(){_.popperInstance&&(_.popperInstance.destroy(),_.popperInstance=null)}function it(){var t,e=_.props.appendTo,i=M();(t=_.props.interactive&&e===ki.appendTo||"parent"===e?i.parentNode:Ye(e,[i])).contains(x)||t.appendChild(x),tt()}function nt(){return ti(x.querySelectorAll("[data-tippy-root]"))}function rt(t){_.clearDelayTimeouts(),t&&O("onTrigger",[_,t]),F();var e=H(!0),n=S(),r=n[0],o=n[1];ui.isTouch&&"hold"===r&&o&&(e=o),e?i=setTimeout((function(){_.show()}),e):_.show()}function ot(t){if(_.clearDelayTimeouts(),O("onUntrigger",[_,t]),_.state.isVisible){if(!(_.props.trigger.indexOf("mouseenter")>=0&&_.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&h)){var e=H(!1);e?n=setTimeout((function(){_.state.isVisible&&_.hide()}),e):r=requestAnimationFrame((function(){_.hide()}))}}else B()}function st(){_.state.isEnabled=!0}function at(){_.hide(),_.state.isEnabled=!1}function lt(){clearTimeout(i),clearTimeout(n),cancelAnimationFrame(r)}function ct(e){if(!_.state.isDestroyed){O("onBeforeUpdate",[_,e]),X();var i=_.props,n=Ei(t,Object.assign({},_.props,{},e,{ignoreAttributes:!0}));_.props=n,Y(),i.interactiveDebounce!==n.interactiveDebounce&&(P(),f=Xe(K,n.interactiveDebounce)),i.triggerTarget&&!n.triggerTarget?Ke(i.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")})):n.triggerTarget&&t.removeAttribute("aria-expanded"),R(),$(),k&&k(i,n),_.popperInstance&&(tt(),nt().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)}))),O("onAfterUpdate",[_,e])}}function ht(t){_.setProps({content:t})}function pt(){var t=_.state.isVisible,e=_.state.isDestroyed,i=!_.state.isEnabled,n=ui.isTouch&&!_.props.touch,r=Ue(_.props.duration,0,ki.duration);if(!(t||e||i||n||M().hasAttribute("disabled")||(O("onShow",[_],!1),!1===_.props.onShow(_)))){if(_.state.isVisible=!0,E()&&(x.style.visibility="visible"),$(),F(),_.state.isMounted||(x.style.transition="none"),E()){var o=L();li([o.box,o.content],0)}a=function(){var t;if(_.state.isVisible&&!u){if(u=!0,x.offsetHeight,x.style.transition=_.props.moveTransition,E()&&_.props.animation){var e=L(),i=e.box,n=e.content;li([i,n],r),ci([i,n],"visible")}V(),R(),Ze(Pi,_),null==(t=_.popperInstance)||t.forceUpdate(),_.state.isMounted=!0,O("onMount",[_]),_.props.animation&&E()&&q(r,(function(){_.state.isShown=!0,O("onShown",[_])}))}},it()}}function dt(){var t=!_.state.isVisible,e=_.state.isDestroyed,i=!_.state.isEnabled,n=Ue(_.props.duration,1,ki.duration);if(!(t||e||i)&&(O("onHide",[_],!1),!1!==_.props.onHide(_))){if(_.state.isVisible=!1,_.state.isShown=!1,u=!1,h=!1,E()&&(x.style.visibility="hidden"),P(),B(),$(),E()){var r=L(),o=r.box,s=r.content;_.props.animation&&(li([o,s],n),ci([o,s],"hidden"))}V(),R(),_.props.animation?E()&&j(n,_.unmount):_.unmount()}}function ut(t){T().addEventListener("mousemove",f),Ze(Ri,f),f(t)}function gt(){_.state.isVisible&&_.hide(),_.state.isMounted&&(et(),nt().forEach((function(t){t._tippy.unmount()})),x.parentNode&&x.parentNode.removeChild(x),Pi=Pi.filter((function(t){return t!==_})),_.state.isMounted=!1,O("onHidden",[_]))}function ft(){_.state.isDestroyed||(_.clearDelayTimeouts(),_.unmount(),X(),delete t._tippy,_.state.isDestroyed=!0,O("onDestroy",[_]))}}function Di(t,e){void 0===e&&(e={});var i=ki.plugins.concat(e.plugins||[]);bi();var n=Object.assign({},e,{plugins:i}),r=ai(t).reduce((function(t,e){var i=e&&Ii(e,n);return i&&t.push(i),t}),[]);return ni(t)?r[0]:r}Di.defaultProps=ki,Di.setDefaultProps=Ai,Di.currentInput=ui;Object.assign({},kt,{effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow)}});function Ni(t){return t.replace(/(?:^\w|[A-Z]|\b\w)/g,(t,e)=>0==+t?"":0===e?t.toLowerCase():t.toUpperCase()).replace("-","")}Di.setDefaultProps({render:Oi});const Fi='\n    .tippy-box[data-animation=fade][data-state=hidden] {\n        opacity: 0\n    }\n\n    .tippy-iOS {\n        cursor: pointer!important;\n        -webkit-tap-highlight-color: transparent\n    }\n\n    [data-tippy-root] {\n        max-width: calc(100vw - 10px)\n    }\n\n    .tippy-box {\n        position: relative;\n        background-color: #333;\n        color: #fff;\n        border-radius: 4px;\n        font-size: var(--pb-popover-font-size, var(--pb-base-font-size, 14px));\n        line-height: var(--pb-popover-line-height, var(--pb-base-line-height, 1.4));\n        text-align: left;\n        font-style: normal;\n        font-weight: normal;\n        outline: 0;\n        transition-property: transform, visibility, opacity\n    }\n\n    .tippy-box[data-placement^=top]>.tippy-arrow {\n        bottom: 0\n    }\n\n    .tippy-box[data-placement^=top]>.tippy-arrow:before {\n        bottom: -7px;\n        left: 0;\n        border-width: 8px 8px 0;\n        border-top-color: initial;\n        transform-origin: center top\n    }\n\n    .tippy-box[data-placement^=bottom]>.tippy-arrow {\n        top: 0\n    }\n\n    .tippy-box[data-placement^=bottom]>.tippy-arrow:before {\n        top: -7px;\n        left: 0;\n        border-width: 0 8px 8px;\n        border-bottom-color: initial;\n        transform-origin: center bottom\n    }\n\n    .tippy-box[data-placement^=left]>.tippy-arrow {\n        right: 0\n    }\n\n    .tippy-box[data-placement^=left]>.tippy-arrow:before {\n        border-width: 8px 0 8px 8px;\n        border-left-color: initial;\n        right: -7px;\n        transform-origin: center left\n    }\n\n    .tippy-box[data-placement^=right]>.tippy-arrow {\n        left: 0\n    }\n\n    .tippy-box[data-placement^=right]>.tippy-arrow:before {\n        left: -7px;\n        border-width: 8px 8px 8px 0;\n        border-right-color: initial;\n        transform-origin: center right\n    }\n\n    .tippy-box[data-inertia][data-state=visible] {\n        transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)\n    }\n\n    .tippy-arrow {\n        width: 16px;\n        height: 16px;\n        color: #333\n    }\n\n    .tippy-arrow:before {\n        content: "";\n        position: absolute;\n        border-color: transparent;\n        border-style: solid\n    }\n\n    .tippy-content {\n        position: relative;\n        padding: 5px 9px;\n        z-index: 1;\n        overflow: auto;\n        max-height: var(--pb-popover-max-height, calc(100vh - 60px));\n        min-height: var(--pb-popover-min-height, auto);\n        max-width: var(--pb-popover-max-width, auto);\n        min-width: var(--pb-popover-min-width, auto);\n        color: var(--pb-popover-color);\n    }\n',Bi='\n    .tippy-box[data-theme~=light-border] {\n        background-color: #fff;\n        background-clip: padding-box;\n        border: 1px solid rgba(0, 8, 16, .15);\n        color: #333;\n        box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08)\n    }\n\n    .tippy-box[data-theme~=light-border]>.tippy-backdrop {\n        background-color: #fff\n    }\n\n    .tippy-box[data-theme~=light-border]>.tippy-arrow:after, .tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {\n        content: "";\n        position: absolute;\n        z-index: -1\n    }\n\n    .tippy-box[data-theme~=light-border]>.tippy-arrow:after {\n        border-color: transparent;\n        border-style: solid\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before {\n        border-top-color: #fff\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after {\n        border-top-color: rgba(0, 8, 16, .2);\n        border-width: 7px 7px 0;\n        top: 17px;\n        left: 1px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg {\n        top: 16px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after {\n        top: 17px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before {\n        border-bottom-color: #fff;\n        bottom: 16px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after {\n        border-bottom-color: rgba(0, 8, 16, .2);\n        border-width: 0 7px 7px;\n        bottom: 17px;\n        left: 1px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg {\n        bottom: 16px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after {\n        bottom: 17px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before {\n        border-left-color: #fff\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after {\n        border-left-color: rgba(0, 8, 16, .2);\n        border-width: 7px 0 7px 7px;\n        left: 17px;\n        top: 1px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg {\n        left: 11px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after {\n        left: 12px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before {\n        border-right-color: #fff;\n        right: 16px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after {\n        border-width: 7px 7px 7px 0;\n        right: 17px;\n        top: 1px;\n        border-right-color: rgba(0, 8, 16, .2)\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg {\n        right: 11px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after {\n        right: 12px\n    }\n\n    .tippy-box[data-theme~=light-border]>.tippy-svg-arrow {\n        fill: #fff\n    }\n\n    .tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);\n        background-size: 16px 6px;\n        width: 16px;\n        height: 6px\n    }\n',ji="\n    .tippy-box[data-theme~=light] {\n        color: #26323d;\n        box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);\n        background-color: #fff\n    }\n\n    .tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {\n        border-top-color: #fff\n    }\n\n    .tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {\n        border-bottom-color: #fff\n    }\n\n    .tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {\n        border-left-color: #fff\n    }\n\n    .tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {\n        border-right-color: #fff\n    }\n\n    .tippy-box[data-theme~=light]>.tippy-backdrop {\n        background-color: #fff\n    }\n\n    .tippy-box[data-theme~=light]>.tippy-svg-arrow {\n        fill: #fff\n    }",qi="\n    .tippy-box[data-theme~=material] {\n        background-color: #505355;\n        font-weight: 600\n    }\n\n    .tippy-box[data-theme~=material][data-placement^=top]>.tippy-arrow:before {\n        border-top-color: #505355\n    }\n\n    .tippy-box[data-theme~=material][data-placement^=bottom]>.tippy-arrow:before {\n        border-bottom-color: #505355\n    }\n\n    .tippy-box[data-theme~=material][data-placement^=left]>.tippy-arrow:before {\n        border-left-color: #505355\n    }\n\n    .tippy-box[data-theme~=material][data-placement^=right]>.tippy-arrow:before {\n        border-right-color: #505355\n    }\n\n    .tippy-box[data-theme~=material]>.tippy-backdrop {\n        background-color: #505355\n    }\n\n    .tippy-box[data-theme~=material]>.tippy-svg-arrow {\n        fill: #505355\n    }\n",Ui="\n    .tippy-box[data-theme~=translucent] {\n        background-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent]>.tippy-arrow {\n        width: 14px;\n        height: 14px\n    }\n\n    .tippy-box[data-theme~=translucent][data-placement^=top]>.tippy-arrow:before {\n        border-width: 7px 7px 0;\n        border-top-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent][data-placement^=bottom]>.tippy-arrow:before {\n        border-width: 0 7px 7px;\n        border-bottom-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent][data-placement^=left]>.tippy-arrow:before {\n        border-width: 7px 0 7px 7px;\n        border-left-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent][data-placement^=right]>.tippy-arrow:before {\n        border-width: 7px 7px 7px 0;\n        border-right-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent]>.tippy-backdrop {\n        background-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent]>.tippy-svg-arrow {\n        fill: rgba(0, 0, 0, .7)\n    }\n";var Wi=Object.freeze({__proto__:null,camelize:Ni,base:Fi,lightBorder:Bi,light:ji,material:qi,translucent:Ui});function Yi(t,e,i){if(!t.querySelector("#pb-popover-"+e)){const n=t.nodeType===Node.DOCUMENT_NODE?document.head:t;console.log("Loading tippy styles for theme %s into %o",e,n);const r=document.createElement("style");r.type="text/css",r.id="pb-popover-"+e,r.innerHTML=i,n.appendChild(r)}}function Xi(t,e){if(Yi(t,"base",Fi),e&&"none"!==e){const i=Ni(e),n=Wi[i];n&&Yi(t,i,n)}}class Gi extends(I(O)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{for:{type:String},theme:{type:String},placement:{type:String},fallbackPlacement:{type:String,attribute:"fallback-placement"},persistent:{type:Boolean},trigger:{type:String},popupClass:{type:String,attribute:"popup-class"},remote:{type:String}})}constructor(){super(),this.persistent=!1,this.trigger=null,this.for=null,this.theme=null,this.placement=null,this.fallbackPlacement=null,this.popupClass=null,this._tippy=null,this._content=null}render(){return this.for?V`<div class="hidden"><slot></slot></div>`:V`<span id="link" part="trigger" class="${this.persistent?"persistent":""}"><slot name="default"><slot></slot></slot></span><span class="hidden"><slot name="alternate"></slot></span>`}disconnectedCallback(){super.disconnectedCallback(),this._tippy&&this._tippy.destroy(),this._observer&&this._observer.disconnect()}_checkCSSProperties(){this.theme||"none"===this.theme||(this.theme=this._getCSSProperty("--pb-popover-theme","none")),this.placement||(this.placement=this._getCSSProperty("--pb-popover-placement","auto")),this.fallbackPlacement||(this.fallbackPlacement=this._getCSSProperty("--pb-popover-fallback-placement",null)),this.persistent||(this.persistent=this._getCSSProperty("--pb-popover-persistent",!1)),this.trigger||(this.trigger=this._getCSSProperty("--pb-popover-trigger",null))}_getCSSProperty(t,e){const i=getComputedStyle(this).getPropertyValue(t);if(i)try{return JSON.parse(i)}catch(t){return e}return e}_injectStyles(){this._checkCSSProperties(),Xi(this.getRootNode(),this.theme)}_getContent(){if(this._content)return this._content;const t=this._getSlot();if(t){const e=document.createElement("div");return t.assignedNodes().forEach(t=>{e.appendChild(t.content?t.content.cloneNode(!0):t.cloneNode(!0))}),this._content=e,e}return null}_getSlot(){return this.for?this.shadowRoot.querySelector("slot"):this.shadowRoot.querySelector("[name=alternate]")}_registerMutationObserver(){const t=this._getSlot();this._observer=new MutationObserver(()=>{this.alternate=this._getContent(),console.log("alternate changed"),this.emitTo("pb-popover-changed",this.alternate)}),this._observer.observe(this,{subtree:!0,childList:!0,characterData:!0}),t&&t.assignedNodes().forEach(t=>{this._observer.observe(t.content?t.content:t,{subtree:!0,childList:!0,characterData:!0})})}get alternate(){return this._getContent()}set alternate(t){this._content=t,this._tippy&&this._tippy.setContent(this._content)}command(t,e){"disable"===t&&(this.disabled=e,this._tippy&&(e?this._tippy.disable():this._tippy.enable()))}firstUpdated(){super.firstUpdated(),this._injectStyles(),this._registerMutationObserver(),this.trigger||(this.trigger=this.persistent?"click":"mouseenter");const t=this.getRootNode();let e;if(this.for?(e=t.getElementById(this.for),e||console.error("<pb-popover> target element %s not found",this.for)):e=this.shadowRoot.getElementById("link"),e){const i={allowHTML:!0,appendTo:t.nodeType===Node.DOCUMENT_NODE?document.body:t,placement:this.placement,interactive:!0,ignoreAttributes:!0,boundary:"viewport",maxWidth:"none",touch:"hold",hideOnClick:!1,trigger:this.trigger};if(this.persistent&&(i.onClickOutside=(t,e)=>{t.hideWithInteractivity(e)}),this.theme&&"none"!==this.theme&&(i.theme=this.theme),this.fallbackPlacement){const t=this.fallbackPlacement.split(" ");i.popperOptions={modifiers:[{name:"flip",options:{fallbackPlacements:t}}]}}this.popupClass&&(i.onCreate=t=>{t.popper.classList.add(this.popupClass)}),i.onShow=t=>{this.remote?this._loadRemoteContent():t.setContent(this._getContent()),this.emitTo("pb-popover-show",{source:this})},this._tippy=Di(e,i)}}_loadRemoteContent(){const t=this.toAbsoluteURL(this.remote);fetch(t,{method:"GET",mode:"cors",credentials:"same-origin"}).then(t=>t.text()).then(t=>{this.alternate=t}).catch(t=>{console.error("<pb-popover> Error retrieving remote content: %o",t)})}static get styles(){return[P`
+        `}}customElements.define("pb-demo-snippet",Z);class Q{static subscribe(t,e,i,n=!1){e&&!Array.isArray(e)&&(e=[e]);const r=document.addEventListener(t,t=>{(e||t.detail&&t.detail.key)&&!(e&&t.detail&&t.detail.key&&e.indexOf(t.detail.key)>-1)||i&&i(t,r)},{once:n})}static subscribeOnce(t,e=null){return e&&!Array.isArray(e)&&(e=[e]),new Promise(i=>{document.addEventListener(t,t=>{(e||t.detail&&t.detail.key)&&!(e&&t.detail&&t.detail.key&&e.indexOf(t.detail.key)>-1)||i(t)},{once:!0})})}static emit(t,e=null,i=null){const n=i||{};e&&(n.key=e);const r=new CustomEvent(t,{detail:n});document.dispatchEvent(r)}}window.pbEvents||(window.pbEvents=Q);const J="1.36.2";class tt extends O{static get properties(){return Object.assign({version:{type:String,reflect:!0}},super.properties)}constructor(){super(),this.version=J}connectedCallback(){if(super.connectedCallback(),!this.version){const t=R("../package.json");fetch(t).then(t=>t.json()).then(t=>{this.version=t.version})}}render(){return V`<span>${this.version?this.version:"unknown"}</span>`}createRenderRoot(){return this}}customElements.define("pb-version",tt);var et="top",it="bottom",nt="right",rt="left",ot="auto",st=[et,it,nt,rt],at="start",lt="end",ct="clippingParents",ht="viewport",pt="popper",dt="reference",ut=st.reduce((function(t,e){return t.concat([e+"-"+at,e+"-"+lt])}),[]),gt=[].concat(st,[ot]).reduce((function(t,e){return t.concat([e,e+"-"+at,e+"-"+lt])}),[]),ft=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function mt(t){return t?(t.nodeName||"").toLowerCase():null}function vt(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function bt(t){return t instanceof vt(t).Element||t instanceof Element}function yt(t){return t instanceof vt(t).HTMLElement||t instanceof HTMLElement}function _t(t){return"undefined"!=typeof ShadowRoot&&(t instanceof vt(t).ShadowRoot||t instanceof ShadowRoot)}function wt(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},r=e.elements[t];yt(r)&&mt(r)&&(Object.assign(r.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))}function xt(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});yt(n)&&mt(n)&&(Object.assign(n.style,o),Object.keys(r).forEach((function(t){n.removeAttribute(t)})))}))}}var kt={name:"applyStyles",enabled:!0,phase:"write",fn:wt,effect:xt,requires:["computeStyles"]};function zt(t){return t.split("-")[0]}function At(t){var e=t.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,x:e.left,y:e.top}}function St(t){var e=At(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function Ct(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&_t(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Et(t){return vt(t).getComputedStyle(t)}function Mt(t){return["table","td","th"].indexOf(mt(t))>=0}function Tt(t){return((bt(t)?t.ownerDocument:t.document)||window.document).documentElement}function Lt(t){return"html"===mt(t)?t:t.assignedSlot||t.parentNode||(_t(t)?t.host:null)||Tt(t)}function Ht(t){return yt(t)&&"fixed"!==Et(t).position?t.offsetParent:null}function $t(t){var e=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&yt(t)&&"fixed"===Et(t).position)return null;for(var i=Lt(t);yt(i)&&["html","body"].indexOf(mt(i))<0;){var n=Et(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}function Ot(t){for(var e=vt(t),i=Ht(t);i&&Mt(i)&&"static"===Et(i).position;)i=Ht(i);return i&&("html"===mt(i)||"body"===mt(i)&&"static"===Et(i).position)?e:i||$t(t)||e}function Vt(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var Rt=Math.max,Pt=Math.min,It=Math.round;function Dt(t,e,i){return Rt(t,Pt(e,i))}function Nt(){return{top:0,right:0,bottom:0,left:0}}function Ft(t){return Object.assign({},Nt(),t)}function Bt(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}var jt=function(t,e){return Ft("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:Bt(t,st))};function qt(t){var e,i=t.state,n=t.name,r=t.options,o=i.elements.arrow,s=i.modifiersData.popperOffsets,a=zt(i.placement),l=Vt(a),c=[rt,nt].indexOf(a)>=0?"height":"width";if(o&&s){var h=jt(r.padding,i),p=St(o),d="y"===l?et:rt,u="y"===l?it:nt,g=i.rects.reference[c]+i.rects.reference[l]-s[l]-i.rects.popper[c],f=s[l]-i.rects.reference[l],m=Ot(o),v=m?"y"===l?m.clientHeight||0:m.clientWidth||0:0,b=g/2-f/2,y=h[d],_=v-p[c]-h[u],w=v/2-p[c]/2+b,x=Dt(y,w,_),k=l;i.modifiersData[n]=((e={})[k]=x,e.centerOffset=x-w,e)}}function Ut(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&Ct(e.elements.popper,n)&&(e.elements.arrow=n)}var Wt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Yt(t){var e=t.x,i=t.y,n=window.devicePixelRatio||1;return{x:It(It(e*n)/n)||0,y:It(It(i*n)/n)||0}}function Xt(t){var e,i=t.popper,n=t.popperRect,r=t.placement,o=t.offsets,s=t.position,a=t.gpuAcceleration,l=t.adaptive,c=t.roundOffsets,h=!0===c?Yt(o):"function"==typeof c?c(o):o,p=h.x,d=void 0===p?0:p,u=h.y,g=void 0===u?0:u,f=o.hasOwnProperty("x"),m=o.hasOwnProperty("y"),v=rt,b=et,y=window;if(l){var _=Ot(i),w="clientHeight",x="clientWidth";_===vt(i)&&"static"!==Et(_=Tt(i)).position&&(w="scrollHeight",x="scrollWidth"),_=_,r===et&&(b=it,g-=_[w]-n.height,g*=a?1:-1),r===rt&&(v=nt,d-=_[x]-n.width,d*=a?1:-1)}var k,z=Object.assign({position:s},l&&Wt);return a?Object.assign({},z,((k={})[b]=m?"0":"",k[v]=f?"0":"",k.transform=(y.devicePixelRatio||1)<2?"translate("+d+"px, "+g+"px)":"translate3d("+d+"px, "+g+"px, 0)",k)):Object.assign({},z,((e={})[b]=m?g+"px":"",e[v]=f?d+"px":"",e.transform="",e))}function Gt(t){var e=t.state,i=t.options,n=i.gpuAcceleration,r=void 0===n||n,o=i.adaptive,s=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:zt(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,Xt(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Xt(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}var Kt={passive:!0};function Zt(t){var e=t.state,i=t.instance,n=t.options,r=n.scroll,o=void 0===r||r,s=n.resize,a=void 0===s||s,l=vt(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",i.update,Kt)})),a&&l.addEventListener("resize",i.update,Kt),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",i.update,Kt)})),a&&l.removeEventListener("resize",i.update,Kt)}}var Qt={left:"right",right:"left",bottom:"top",top:"bottom"};function Jt(t){return t.replace(/left|right|bottom|top/g,(function(t){return Qt[t]}))}var te={start:"end",end:"start"};function ee(t){return t.replace(/start|end/g,(function(t){return te[t]}))}function ie(t){var e=vt(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function ne(t){return At(Tt(t)).left+ie(t).scrollLeft}function re(t){var e=vt(t),i=Tt(t),n=e.visualViewport,r=i.clientWidth,o=i.clientHeight,s=0,a=0;return n&&(r=n.width,o=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=n.offsetLeft,a=n.offsetTop)),{width:r,height:o,x:s+ne(t),y:a}}function oe(t){var e,i=Tt(t),n=ie(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=Rt(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),s=Rt(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-n.scrollLeft+ne(t),l=-n.scrollTop;return"rtl"===Et(r||i).direction&&(a+=Rt(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:s,x:a,y:l}}function se(t){var e=Et(t),i=e.overflow,n=e.overflowX,r=e.overflowY;return/auto|scroll|overlay|hidden/.test(i+r+n)}function ae(t){return["html","body","#document"].indexOf(mt(t))>=0?t.ownerDocument.body:yt(t)&&se(t)?t:ae(Lt(t))}function le(t,e){var i;void 0===e&&(e=[]);var n=ae(t),r=n===(null==(i=t.ownerDocument)?void 0:i.body),o=vt(n),s=r?[o].concat(o.visualViewport||[],se(n)?n:[]):n,a=e.concat(s);return r?a:a.concat(le(Lt(s)))}function ce(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function he(t){var e=At(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function pe(t,e){return e===ht?ce(re(t)):yt(e)?he(e):ce(oe(Tt(t)))}function de(t){var e=le(Lt(t)),i=["absolute","fixed"].indexOf(Et(t).position)>=0&&yt(t)?Ot(t):t;return bt(i)?e.filter((function(t){return bt(t)&&Ct(t,i)&&"body"!==mt(t)})):[]}function ue(t,e,i){var n="clippingParents"===e?de(t):[].concat(e),r=[].concat(n,[i]),o=r[0],s=r.reduce((function(e,i){var n=pe(t,i);return e.top=Rt(n.top,e.top),e.right=Pt(n.right,e.right),e.bottom=Pt(n.bottom,e.bottom),e.left=Rt(n.left,e.left),e}),pe(t,o));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function ge(t){return t.split("-")[1]}function fe(t){var e,i=t.reference,n=t.element,r=t.placement,o=r?zt(r):null,s=r?ge(r):null,a=i.x+i.width/2-n.width/2,l=i.y+i.height/2-n.height/2;switch(o){case et:e={x:a,y:i.y-n.height};break;case it:e={x:a,y:i.y+i.height};break;case nt:e={x:i.x+i.width,y:l};break;case rt:e={x:i.x-n.width,y:l};break;default:e={x:i.x,y:i.y}}var c=o?Vt(o):null;if(null!=c){var h="y"===c?"height":"width";switch(s){case at:e[c]=e[c]-(i[h]/2-n[h]/2);break;case lt:e[c]=e[c]+(i[h]/2-n[h]/2)}}return e}function me(t,e){void 0===e&&(e={});var i=e,n=i.placement,r=void 0===n?t.placement:n,o=i.boundary,s=void 0===o?ct:o,a=i.rootBoundary,l=void 0===a?ht:a,c=i.elementContext,h=void 0===c?pt:c,p=i.altBoundary,d=void 0!==p&&p,u=i.padding,g=void 0===u?0:u,f=Ft("number"!=typeof g?g:Bt(g,st)),m=h===pt?dt:pt,v=t.elements.reference,b=t.rects.popper,y=t.elements[d?m:h],_=ue(bt(y)?y:y.contextElement||Tt(t.elements.popper),s,l),w=At(v),x=fe({reference:w,element:b,strategy:"absolute",placement:r}),k=ce(Object.assign({},b,x)),z=h===pt?k:w,A={top:_.top-z.top+f.top,bottom:z.bottom-_.bottom+f.bottom,left:_.left-z.left+f.left,right:z.right-_.right+f.right},S=t.modifiersData.offset;if(h===pt&&S){var C=S[r];Object.keys(A).forEach((function(t){var e=[nt,it].indexOf(t)>=0?1:-1,i=[et,it].indexOf(t)>=0?"y":"x";A[t]+=C[i]*e}))}return A}function ve(t,e){void 0===e&&(e={});var i=e,n=i.placement,r=i.boundary,o=i.rootBoundary,s=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,c=void 0===l?gt:l,h=ge(n),p=h?a?ut:ut.filter((function(t){return ge(t)===h})):st,d=p.filter((function(t){return c.indexOf(t)>=0}));0===d.length&&(d=p);var u=d.reduce((function(e,i){return e[i]=me(t,{placement:i,boundary:r,rootBoundary:o,padding:s})[zt(i)],e}),{});return Object.keys(u).sort((function(t,e){return u[t]-u[e]}))}function be(t){if(zt(t)===ot)return[];var e=Jt(t);return[ee(t),e,ee(e)]}function ye(t){var e=t.state,i=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var r=i.mainAxis,o=void 0===r||r,s=i.altAxis,a=void 0===s||s,l=i.fallbackPlacements,c=i.padding,h=i.boundary,p=i.rootBoundary,d=i.altBoundary,u=i.flipVariations,g=void 0===u||u,f=i.allowedAutoPlacements,m=e.options.placement,v=zt(m),b=l||(v===m||!g?[Jt(m)]:be(m)),y=[m].concat(b).reduce((function(t,i){return t.concat(zt(i)===ot?ve(e,{placement:i,boundary:h,rootBoundary:p,padding:c,flipVariations:g,allowedAutoPlacements:f}):i)}),[]),_=e.rects.reference,w=e.rects.popper,x=new Map,k=!0,z=y[0],A=0;A<y.length;A++){var S=y[A],C=zt(S),E=ge(S)===at,M=[et,it].indexOf(C)>=0,T=M?"width":"height",L=me(e,{placement:S,boundary:h,rootBoundary:p,altBoundary:d,padding:c}),H=M?E?nt:rt:E?it:et;_[T]>w[T]&&(H=Jt(H));var $=Jt(H),O=[];if(o&&O.push(L[C]<=0),a&&O.push(L[H]<=0,L[$]<=0),O.every((function(t){return t}))){z=S,k=!1;break}x.set(S,O)}if(k)for(var V=function(t){var e=y.find((function(e){var i=x.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return z=e,"break"},R=g?3:1;R>0;R--){if("break"===V(R))break}e.placement!==z&&(e.modifiersData[n]._skip=!0,e.placement=z,e.reset=!0)}}function _e(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function we(t){return[et,nt,it,rt].some((function(e){return t[e]>=0}))}function xe(t){var e=t.state,i=t.name,n=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,s=me(e,{elementContext:"reference"}),a=me(e,{altBoundary:!0}),l=_e(s,n),c=_e(a,r,o),h=we(l),p=we(c);e.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:h,hasPopperEscaped:p},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":p})}function ke(t,e,i){var n=zt(t),r=[rt,et].indexOf(n)>=0?-1:1,o="function"==typeof i?i(Object.assign({},e,{placement:t})):i,s=o[0],a=o[1];return s=s||0,a=(a||0)*r,[rt,nt].indexOf(n)>=0?{x:a,y:s}:{x:s,y:a}}function ze(t){var e=t.state,i=t.options,n=t.name,r=i.offset,o=void 0===r?[0,0]:r,s=gt.reduce((function(t,i){return t[i]=ke(i,e.rects,o),t}),{}),a=s[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=s}function Ae(t){var e=t.state,i=t.name;e.modifiersData[i]=fe({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})}function Se(t){return"x"===t?"y":"x"}function Ce(t){var e=t.state,i=t.options,n=t.name,r=i.mainAxis,o=void 0===r||r,s=i.altAxis,a=void 0!==s&&s,l=i.boundary,c=i.rootBoundary,h=i.altBoundary,p=i.padding,d=i.tether,u=void 0===d||d,g=i.tetherOffset,f=void 0===g?0:g,m=me(e,{boundary:l,rootBoundary:c,padding:p,altBoundary:h}),v=zt(e.placement),b=ge(e.placement),y=!b,_=Vt(v),w=Se(_),x=e.modifiersData.popperOffsets,k=e.rects.reference,z=e.rects.popper,A="function"==typeof f?f(Object.assign({},e.rects,{placement:e.placement})):f,S={x:0,y:0};if(x){if(o||a){var C="y"===_?et:rt,E="y"===_?it:nt,M="y"===_?"height":"width",T=x[_],L=x[_]+m[C],H=x[_]-m[E],$=u?-z[M]/2:0,O=b===at?k[M]:z[M],V=b===at?-z[M]:-k[M],R=e.elements.arrow,P=u&&R?St(R):{width:0,height:0},I=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:Nt(),D=I[C],N=I[E],F=Dt(0,k[M],P[M]),B=y?k[M]/2-$-F-D-A:O-F-D-A,j=y?-k[M]/2+$+F+N+A:V+F+N+A,q=e.elements.arrow&&Ot(e.elements.arrow),U=q?"y"===_?q.clientTop||0:q.clientLeft||0:0,W=e.modifiersData.offset?e.modifiersData.offset[e.placement][_]:0,Y=x[_]+B-W-U,X=x[_]+j-W;if(o){var G=Dt(u?Pt(L,Y):L,T,u?Rt(H,X):H);x[_]=G,S[_]=G-T}if(a){var K="x"===_?et:rt,Z="x"===_?it:nt,Q=x[w],J=Q+m[K],tt=Q-m[Z],ot=Dt(u?Pt(J,Y):J,Q,u?Rt(tt,X):tt);x[w]=ot,S[w]=ot-Q}}e.modifiersData[n]=S}}function Ee(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function Me(t){return t!==vt(t)&&yt(t)?Ee(t):ie(t)}function Te(t,e,i){void 0===i&&(i=!1);var n=Tt(e),r=At(t),o=yt(e),s={scrollLeft:0,scrollTop:0},a={x:0,y:0};return(o||!o&&!i)&&(("body"!==mt(e)||se(n))&&(s=Me(e)),yt(e)?((a=At(e)).x+=e.clientLeft,a.y+=e.clientTop):n&&(a.x=ne(n))),{x:r.left+s.scrollLeft-a.x,y:r.top+s.scrollTop-a.y,width:r.width,height:r.height}}function Le(t){var e=new Map,i=new Set,n=[];function r(t){i.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!i.has(t)){var n=e.get(t);n&&r(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){i.has(t.name)||r(t)})),n}function He(t){var e=Le(t);return ft.reduce((function(t,i){return t.concat(e.filter((function(t){return t.phase===i})))}),[])}function $e(t){var e;return function(){return e||(e=new Promise((function(i){Promise.resolve().then((function(){e=void 0,i(t())}))}))),e}}function Oe(t){var e=t.reduce((function(t,e){var i=t[e.name];return t[e.name]=i?Object.assign({},i,e,{options:Object.assign({},i.options,e.options),data:Object.assign({},i.data,e.data)}):e,t}),{});return Object.keys(e).map((function(t){return e[t]}))}var Ve={placement:"bottom",modifiers:[],strategy:"absolute"};function Re(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Pe(t){void 0===t&&(t={});var e=t,i=e.defaultModifiers,n=void 0===i?[]:i,r=e.defaultOptions,o=void 0===r?Ve:r;return function(t,e,i){void 0===i&&(i=o);var r={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ve,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},s=[],a=!1,l={state:r,setOptions:function(i){h(),r.options=Object.assign({},o,r.options,i),r.scrollParents={reference:bt(t)?le(t):t.contextElement?le(t.contextElement):[],popper:le(e)};var s=He(Oe([].concat(n,r.options.modifiers)));return r.orderedModifiers=s.filter((function(t){return t.enabled})),c(),l.update()},forceUpdate:function(){if(!a){var t=r.elements,e=t.reference,i=t.popper;if(Re(e,i)){r.rects={reference:Te(e,Ot(i),"fixed"===r.options.strategy),popper:St(i)},r.reset=!1,r.placement=r.options.placement,r.orderedModifiers.forEach((function(t){return r.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<r.orderedModifiers.length;n++)if(!0!==r.reset){var o=r.orderedModifiers[n],s=o.fn,c=o.options,h=void 0===c?{}:c,p=o.name;"function"==typeof s&&(r=s({state:r,options:h,name:p,instance:l})||r)}else r.reset=!1,n=-1}}},update:$e((function(){return new Promise((function(t){l.forceUpdate(),t(r)}))})),destroy:function(){h(),a=!0}};if(!Re(t,e))return l;function c(){r.orderedModifiers.forEach((function(t){var e=t.name,i=t.options,n=void 0===i?{}:i,o=t.effect;if("function"==typeof o){var a=o({state:r,name:e,instance:l,options:n}),c=function(){};s.push(a||c)}}))}function h(){s.forEach((function(t){return t()})),s=[]}return l.setOptions(i).then((function(t){!a&&i.onFirstUpdate&&i.onFirstUpdate(t)})),l}}var Ie=Pe({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Zt,data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:Ae,data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Gt,data:{}},kt,{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:ze},{name:"flip",enabled:!0,phase:"main",fn:ye,requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:Ce,requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:qt,effect:Ut,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:xe}]}),De="tippy-box",Ne="tippy-content",Fe="tippy-backdrop",Be="tippy-arrow",je="tippy-svg-arrow",qe={passive:!0,capture:!0};function Ue(t,e,i){if(Array.isArray(t)){var n=t[e];return null==n?Array.isArray(i)?i[e]:i:n}return t}function We(t,e){var i={}.toString.call(t);return 0===i.indexOf("[object")&&i.indexOf(e+"]")>-1}function Ye(t,e){return"function"==typeof t?t.apply(void 0,e):t}function Xe(t,e){return 0===e?t:function(n){clearTimeout(i),i=setTimeout((function(){t(n)}),e)};var i}function Ge(t){return t.split(/\s+/).filter(Boolean)}function Ke(t){return[].concat(t)}function Ze(t,e){-1===t.indexOf(e)&&t.push(e)}function Qe(t){return t.filter((function(e,i){return t.indexOf(e)===i}))}function Je(t){return t.split("-")[0]}function ti(t){return[].slice.call(t)}function ei(t){return Object.keys(t).reduce((function(e,i){return void 0!==t[i]&&(e[i]=t[i]),e}),{})}function ii(){return document.createElement("div")}function ni(t){return["Element","Fragment"].some((function(e){return We(t,e)}))}function ri(t){return We(t,"NodeList")}function oi(t){return We(t,"MouseEvent")}function si(t){return!(!t||!t._tippy||t._tippy.reference!==t)}function ai(t){return ni(t)?[t]:ri(t)?ti(t):Array.isArray(t)?t:ti(document.querySelectorAll(t))}function li(t,e){t.forEach((function(t){t&&(t.style.transitionDuration=e+"ms")}))}function ci(t,e){t.forEach((function(t){t&&t.setAttribute("data-state",e)}))}function hi(t){var e,i=Ke(t)[0];return(null==i||null==(e=i.ownerDocument)?void 0:e.body)?i.ownerDocument:document}function pi(t,e){var i=e.clientX,n=e.clientY;return t.every((function(t){var e=t.popperRect,r=t.popperState,o=t.props.interactiveBorder,s=Je(r.placement),a=r.modifiersData.offset;if(!a)return!0;var l="bottom"===s?a.top.y:0,c="top"===s?a.bottom.y:0,h="right"===s?a.left.x:0,p="left"===s?a.right.x:0,d=e.top-n+l>o,u=n-e.bottom-c>o,g=e.left-i+h>o,f=i-e.right-p>o;return d||u||g||f}))}function di(t,e,i){var n=e+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(e){t[n](e,i)}))}var ui={isTouch:!1},gi=0;function fi(){ui.isTouch||(ui.isTouch=!0,window.performance&&document.addEventListener("mousemove",mi))}function mi(){var t=performance.now();t-gi<20&&(ui.isTouch=!1,document.removeEventListener("mousemove",mi)),gi=t}function vi(){var t=document.activeElement;if(si(t)){var e=t._tippy;t.blur&&!e.state.isVisible&&t.blur()}}function bi(){document.addEventListener("touchstart",fi,qe),window.addEventListener("blur",vi)}var yi="undefined"!=typeof window&&"undefined"!=typeof document?navigator.userAgent:"",_i=/MSIE |Trident\//.test(yi),wi={animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},xi={allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999},ki=Object.assign({appendTo:function(){return document.body},aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},wi,{},xi),zi=Object.keys(ki),Ai=function(t){Object.keys(t).forEach((function(e){ki[e]=t[e]}))};function Si(t){var e=(t.plugins||[]).reduce((function(e,i){var n=i.name,r=i.defaultValue;return n&&(e[n]=void 0!==t[n]?t[n]:r),e}),{});return Object.assign({},t,{},e)}function Ci(t,e){return(e?Object.keys(Si(Object.assign({},ki,{plugins:e}))):zi).reduce((function(e,i){var n=(t.getAttribute("data-tippy-"+i)||"").trim();if(!n)return e;if("content"===i)e[i]=n;else try{e[i]=JSON.parse(n)}catch(t){e[i]=n}return e}),{})}function Ei(t,e){var i=Object.assign({},e,{content:Ye(e.content,[t])},e.ignoreAttributes?{}:Ci(t,e.plugins));return i.aria=Object.assign({},ki.aria,{},i.aria),i.aria={expanded:"auto"===i.aria.expanded?e.interactive:i.aria.expanded,content:"auto"===i.aria.content?e.interactive?null:"describedby":i.aria.content},i}var Mi=function(){return"innerHTML"};function Ti(t,e){t[Mi()]=e}function Li(t){var e=ii();return!0===t?e.className=Be:(e.className=je,ni(t)?e.appendChild(t):Ti(e,t)),e}function Hi(t,e){ni(e.content)?(Ti(t,""),t.appendChild(e.content)):"function"!=typeof e.content&&(e.allowHTML?Ti(t,e.content):t.textContent=e.content)}function $i(t){var e=t.firstElementChild,i=ti(e.children);return{box:e,content:i.find((function(t){return t.classList.contains(Ne)})),arrow:i.find((function(t){return t.classList.contains(Be)||t.classList.contains(je)})),backdrop:i.find((function(t){return t.classList.contains(Fe)}))}}function Oi(t){var e=ii(),i=ii();i.className=De,i.setAttribute("data-state","hidden"),i.setAttribute("tabindex","-1");var n=ii();function r(i,n){var r=$i(e),o=r.box,s=r.content,a=r.arrow;n.theme?o.setAttribute("data-theme",n.theme):o.removeAttribute("data-theme"),"string"==typeof n.animation?o.setAttribute("data-animation",n.animation):o.removeAttribute("data-animation"),n.inertia?o.setAttribute("data-inertia",""):o.removeAttribute("data-inertia"),o.style.maxWidth="number"==typeof n.maxWidth?n.maxWidth+"px":n.maxWidth,n.role?o.setAttribute("role",n.role):o.removeAttribute("role"),i.content===n.content&&i.allowHTML===n.allowHTML||Hi(s,t.props),n.arrow?a?i.arrow!==n.arrow&&(o.removeChild(a),o.appendChild(Li(n.arrow))):o.appendChild(Li(n.arrow)):a&&o.removeChild(a)}return n.className=Ne,n.setAttribute("data-state","hidden"),Hi(n,t.props),e.appendChild(i),i.appendChild(n),r(t.props,t.props),{popper:e,onUpdate:r}}Oi.$$tippy=!0;var Vi=1,Ri=[],Pi=[];function Ii(t,e){var i,n,r,o,s,a,l,c=Ei(t,Object.assign({},ki,{},Si(ei(e)))),h=!1,p=!1,d=!1,u=!1,g=[],f=Xe(K,c.interactiveDebounce),m=Vi++,v=null,b=Qe(c.plugins),y={isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},_={id:m,reference:t,popper:ii(),popperInstance:v,props:c,state:y,plugins:b,clearDelayTimeouts:lt,setProps:ct,setContent:ht,show:pt,hide:dt,hideWithInteractivity:ut,enable:st,disable:at,unmount:gt,destroy:ft};if(!c.render)return _;var w=c.render(_),x=w.popper,k=w.onUpdate;x.setAttribute("data-tippy-root",""),x.id="tippy-"+_.id,_.popper=x,t._tippy=_,x._tippy=_;var z=b.map((function(t){return t.fn(_)})),A=t.hasAttribute("aria-expanded");return Y(),R(),$(),O("onCreate",[_]),c.showOnCreate&&rt(),x.addEventListener("mouseenter",(function(){_.props.interactive&&_.state.isVisible&&_.clearDelayTimeouts()})),x.addEventListener("mouseleave",(function(t){_.props.interactive&&_.props.trigger.indexOf("mouseenter")>=0&&(T().addEventListener("mousemove",f),f(t))})),_;function S(){var t=_.props.touch;return Array.isArray(t)?t:[t,0]}function C(){return"hold"===S()[0]}function E(){var t;return!!(null==(t=_.props.render)?void 0:t.$$tippy)}function M(){return l||t}function T(){var t=M().parentNode;return t?hi(t):document}function L(){return $i(x)}function H(t){return _.state.isMounted&&!_.state.isVisible||ui.isTouch||o&&"focus"===o.type?0:Ue(_.props.delay,t?0:1,ki.delay)}function $(){x.style.pointerEvents=_.props.interactive&&_.state.isVisible?"":"none",x.style.zIndex=""+_.props.zIndex}function O(t,e,i){var n;(void 0===i&&(i=!0),z.forEach((function(i){i[t]&&i[t].apply(void 0,e)})),i)&&(n=_.props)[t].apply(n,e)}function V(){var e=_.props.aria;if(e.content){var i="aria-"+e.content,n=x.id;Ke(_.props.triggerTarget||t).forEach((function(t){var e=t.getAttribute(i);if(_.state.isVisible)t.setAttribute(i,e?e+" "+n:n);else{var r=e&&e.replace(n,"").trim();r?t.setAttribute(i,r):t.removeAttribute(i)}}))}}function R(){!A&&_.props.aria.expanded&&Ke(_.props.triggerTarget||t).forEach((function(t){_.props.interactive?t.setAttribute("aria-expanded",_.state.isVisible&&t===M()?"true":"false"):t.removeAttribute("aria-expanded")}))}function P(){T().removeEventListener("mousemove",f),Ri=Ri.filter((function(t){return t!==f}))}function I(t){if(!(ui.isTouch&&(d||"mousedown"===t.type)||_.props.interactive&&x.contains(t.target))){if(M().contains(t.target)){if(ui.isTouch)return;if(_.state.isVisible&&_.props.trigger.indexOf("click")>=0)return}else O("onClickOutside",[_,t]);!0===_.props.hideOnClick&&(_.clearDelayTimeouts(),_.hide(),p=!0,setTimeout((function(){p=!1})),_.state.isMounted||B())}}function D(){d=!0}function N(){d=!1}function F(){var t=T();t.addEventListener("mousedown",I,!0),t.addEventListener("touchend",I,qe),t.addEventListener("touchstart",N,qe),t.addEventListener("touchmove",D,qe)}function B(){var t=T();t.removeEventListener("mousedown",I,!0),t.removeEventListener("touchend",I,qe),t.removeEventListener("touchstart",N,qe),t.removeEventListener("touchmove",D,qe)}function j(t,e){U(t,(function(){!_.state.isVisible&&x.parentNode&&x.parentNode.contains(x)&&e()}))}function q(t,e){U(t,e)}function U(t,e){var i=L().box;function n(t){t.target===i&&(di(i,"remove",n),e())}if(0===t)return e();di(i,"remove",s),di(i,"add",n),s=n}function W(e,i,n){void 0===n&&(n=!1),Ke(_.props.triggerTarget||t).forEach((function(t){t.addEventListener(e,i,n),g.push({node:t,eventType:e,handler:i,options:n})}))}function Y(){C()&&(W("touchstart",G,{passive:!0}),W("touchend",Z,{passive:!0})),Ge(_.props.trigger).forEach((function(t){if("manual"!==t)switch(W(t,G),t){case"mouseenter":W("mouseleave",Z);break;case"focus":W(_i?"focusout":"blur",Q);break;case"focusin":W("focusout",Q)}}))}function X(){g.forEach((function(t){var e=t.node,i=t.eventType,n=t.handler,r=t.options;e.removeEventListener(i,n,r)})),g=[]}function G(t){var e,i=!1;if(_.state.isEnabled&&!J(t)&&!p){var n="focus"===(null==(e=o)?void 0:e.type);o=t,l=t.currentTarget,R(),!_.state.isVisible&&oi(t)&&Ri.forEach((function(e){return e(t)})),"click"===t.type&&(_.props.trigger.indexOf("mouseenter")<0||h)&&!1!==_.props.hideOnClick&&_.state.isVisible?i=!0:rt(t),"click"===t.type&&(h=!i),i&&!n&&ot(t)}}function K(t){var e=t.target,i=M().contains(e)||x.contains(e);"mousemove"===t.type&&i||pi(nt().concat(x).map((function(t){var e,i=null==(e=t._tippy.popperInstance)?void 0:e.state;return i?{popperRect:t.getBoundingClientRect(),popperState:i,props:c}:null})).filter(Boolean),t)&&(P(),ot(t))}function Z(t){J(t)||_.props.trigger.indexOf("click")>=0&&h||(_.props.interactive?_.hideWithInteractivity(t):ot(t))}function Q(t){_.props.trigger.indexOf("focusin")<0&&t.target!==M()||_.props.interactive&&t.relatedTarget&&x.contains(t.relatedTarget)||ot(t)}function J(t){return!!ui.isTouch&&C()!==t.type.indexOf("touch")>=0}function tt(){et();var e=_.props,i=e.popperOptions,n=e.placement,r=e.offset,o=e.getReferenceClientRect,s=e.moveTransition,l=E()?$i(x).arrow:null,c=o?{getBoundingClientRect:o,contextElement:o.contextElement||M()}:t,h=[{name:"offset",options:{offset:r}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!s}},{name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(t){var e=t.state;if(E()){var i=L().box;["placement","reference-hidden","escaped"].forEach((function(t){"placement"===t?i.setAttribute("data-placement",e.placement):e.attributes.popper["data-popper-"+t]?i.setAttribute("data-"+t,""):i.removeAttribute("data-"+t)})),e.attributes.popper={}}}}];E()&&l&&h.push({name:"arrow",options:{element:l,padding:3}}),h.push.apply(h,(null==i?void 0:i.modifiers)||[]),_.popperInstance=Ie(c,x,Object.assign({},i,{placement:n,onFirstUpdate:a,modifiers:h}))}function et(){_.popperInstance&&(_.popperInstance.destroy(),_.popperInstance=null)}function it(){var t,e=_.props.appendTo,i=M();(t=_.props.interactive&&e===ki.appendTo||"parent"===e?i.parentNode:Ye(e,[i])).contains(x)||t.appendChild(x),tt()}function nt(){return ti(x.querySelectorAll("[data-tippy-root]"))}function rt(t){_.clearDelayTimeouts(),t&&O("onTrigger",[_,t]),F();var e=H(!0),n=S(),r=n[0],o=n[1];ui.isTouch&&"hold"===r&&o&&(e=o),e?i=setTimeout((function(){_.show()}),e):_.show()}function ot(t){if(_.clearDelayTimeouts(),O("onUntrigger",[_,t]),_.state.isVisible){if(!(_.props.trigger.indexOf("mouseenter")>=0&&_.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&h)){var e=H(!1);e?n=setTimeout((function(){_.state.isVisible&&_.hide()}),e):r=requestAnimationFrame((function(){_.hide()}))}}else B()}function st(){_.state.isEnabled=!0}function at(){_.hide(),_.state.isEnabled=!1}function lt(){clearTimeout(i),clearTimeout(n),cancelAnimationFrame(r)}function ct(e){if(!_.state.isDestroyed){O("onBeforeUpdate",[_,e]),X();var i=_.props,n=Ei(t,Object.assign({},_.props,{},e,{ignoreAttributes:!0}));_.props=n,Y(),i.interactiveDebounce!==n.interactiveDebounce&&(P(),f=Xe(K,n.interactiveDebounce)),i.triggerTarget&&!n.triggerTarget?Ke(i.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")})):n.triggerTarget&&t.removeAttribute("aria-expanded"),R(),$(),k&&k(i,n),_.popperInstance&&(tt(),nt().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)}))),O("onAfterUpdate",[_,e])}}function ht(t){_.setProps({content:t})}function pt(){var t=_.state.isVisible,e=_.state.isDestroyed,i=!_.state.isEnabled,n=ui.isTouch&&!_.props.touch,r=Ue(_.props.duration,0,ki.duration);if(!(t||e||i||n||M().hasAttribute("disabled")||(O("onShow",[_],!1),!1===_.props.onShow(_)))){if(_.state.isVisible=!0,E()&&(x.style.visibility="visible"),$(),F(),_.state.isMounted||(x.style.transition="none"),E()){var o=L();li([o.box,o.content],0)}a=function(){var t;if(_.state.isVisible&&!u){if(u=!0,x.offsetHeight,x.style.transition=_.props.moveTransition,E()&&_.props.animation){var e=L(),i=e.box,n=e.content;li([i,n],r),ci([i,n],"visible")}V(),R(),Ze(Pi,_),null==(t=_.popperInstance)||t.forceUpdate(),_.state.isMounted=!0,O("onMount",[_]),_.props.animation&&E()&&q(r,(function(){_.state.isShown=!0,O("onShown",[_])}))}},it()}}function dt(){var t=!_.state.isVisible,e=_.state.isDestroyed,i=!_.state.isEnabled,n=Ue(_.props.duration,1,ki.duration);if(!(t||e||i)&&(O("onHide",[_],!1),!1!==_.props.onHide(_))){if(_.state.isVisible=!1,_.state.isShown=!1,u=!1,h=!1,E()&&(x.style.visibility="hidden"),P(),B(),$(),E()){var r=L(),o=r.box,s=r.content;_.props.animation&&(li([o,s],n),ci([o,s],"hidden"))}V(),R(),_.props.animation?E()&&j(n,_.unmount):_.unmount()}}function ut(t){T().addEventListener("mousemove",f),Ze(Ri,f),f(t)}function gt(){_.state.isVisible&&_.hide(),_.state.isMounted&&(et(),nt().forEach((function(t){t._tippy.unmount()})),x.parentNode&&x.parentNode.removeChild(x),Pi=Pi.filter((function(t){return t!==_})),_.state.isMounted=!1,O("onHidden",[_]))}function ft(){_.state.isDestroyed||(_.clearDelayTimeouts(),_.unmount(),X(),delete t._tippy,_.state.isDestroyed=!0,O("onDestroy",[_]))}}function Di(t,e){void 0===e&&(e={});var i=ki.plugins.concat(e.plugins||[]);bi();var n=Object.assign({},e,{plugins:i}),r=ai(t).reduce((function(t,e){var i=e&&Ii(e,n);return i&&t.push(i),t}),[]);return ni(t)?r[0]:r}Di.defaultProps=ki,Di.setDefaultProps=Ai,Di.currentInput=ui;Object.assign({},kt,{effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow)}});function Ni(t){return t.replace(/(?:^\w|[A-Z]|\b\w)/g,(t,e)=>0==+t?"":0===e?t.toLowerCase():t.toUpperCase()).replace("-","")}Di.setDefaultProps({render:Oi});const Fi='\n    .tippy-box[data-animation=fade][data-state=hidden] {\n        opacity: 0\n    }\n\n    .tippy-iOS {\n        cursor: pointer!important;\n        -webkit-tap-highlight-color: transparent\n    }\n\n    [data-tippy-root] {\n        max-width: calc(100vw - 10px)\n    }\n\n    .tippy-box {\n        position: relative;\n        background-color: #333;\n        color: #fff;\n        border-radius: 4px;\n        font-size: var(--pb-popover-font-size, var(--pb-base-font-size, 14px));\n        line-height: var(--pb-popover-line-height, var(--pb-base-line-height, 1.4));\n        text-align: left;\n        font-style: normal;\n        font-weight: normal;\n        outline: 0;\n        transition-property: transform, visibility, opacity\n    }\n\n    .tippy-box[data-placement^=top]>.tippy-arrow {\n        bottom: 0\n    }\n\n    .tippy-box[data-placement^=top]>.tippy-arrow:before {\n        bottom: -7px;\n        left: 0;\n        border-width: 8px 8px 0;\n        border-top-color: initial;\n        transform-origin: center top\n    }\n\n    .tippy-box[data-placement^=bottom]>.tippy-arrow {\n        top: 0\n    }\n\n    .tippy-box[data-placement^=bottom]>.tippy-arrow:before {\n        top: -7px;\n        left: 0;\n        border-width: 0 8px 8px;\n        border-bottom-color: initial;\n        transform-origin: center bottom\n    }\n\n    .tippy-box[data-placement^=left]>.tippy-arrow {\n        right: 0\n    }\n\n    .tippy-box[data-placement^=left]>.tippy-arrow:before {\n        border-width: 8px 0 8px 8px;\n        border-left-color: initial;\n        right: -7px;\n        transform-origin: center left\n    }\n\n    .tippy-box[data-placement^=right]>.tippy-arrow {\n        left: 0\n    }\n\n    .tippy-box[data-placement^=right]>.tippy-arrow:before {\n        left: -7px;\n        border-width: 8px 8px 8px 0;\n        border-right-color: initial;\n        transform-origin: center right\n    }\n\n    .tippy-box[data-inertia][data-state=visible] {\n        transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)\n    }\n\n    .tippy-arrow {\n        width: 16px;\n        height: 16px;\n        color: #333\n    }\n\n    .tippy-arrow:before {\n        content: "";\n        position: absolute;\n        border-color: transparent;\n        border-style: solid\n    }\n\n    .tippy-content {\n        position: relative;\n        padding: 5px 9px;\n        z-index: 1;\n        overflow: auto;\n        max-height: var(--pb-popover-max-height, calc(100vh - 60px));\n        min-height: var(--pb-popover-min-height, auto);\n        max-width: var(--pb-popover-max-width, auto);\n        min-width: var(--pb-popover-min-width, auto);\n        color: var(--pb-popover-color);\n    }\n',Bi='\n    .tippy-box[data-theme~=light-border] {\n        background-color: #fff;\n        background-clip: padding-box;\n        border: 1px solid rgba(0, 8, 16, .15);\n        color: #333;\n        box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08)\n    }\n\n    .tippy-box[data-theme~=light-border]>.tippy-backdrop {\n        background-color: #fff\n    }\n\n    .tippy-box[data-theme~=light-border]>.tippy-arrow:after, .tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {\n        content: "";\n        position: absolute;\n        z-index: -1\n    }\n\n    .tippy-box[data-theme~=light-border]>.tippy-arrow:after {\n        border-color: transparent;\n        border-style: solid\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before {\n        border-top-color: #fff\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after {\n        border-top-color: rgba(0, 8, 16, .2);\n        border-width: 7px 7px 0;\n        top: 17px;\n        left: 1px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg {\n        top: 16px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after {\n        top: 17px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before {\n        border-bottom-color: #fff;\n        bottom: 16px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after {\n        border-bottom-color: rgba(0, 8, 16, .2);\n        border-width: 0 7px 7px;\n        bottom: 17px;\n        left: 1px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg {\n        bottom: 16px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after {\n        bottom: 17px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before {\n        border-left-color: #fff\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after {\n        border-left-color: rgba(0, 8, 16, .2);\n        border-width: 7px 0 7px 7px;\n        left: 17px;\n        top: 1px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg {\n        left: 11px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after {\n        left: 12px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before {\n        border-right-color: #fff;\n        right: 16px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after {\n        border-width: 7px 7px 7px 0;\n        right: 17px;\n        top: 1px;\n        border-right-color: rgba(0, 8, 16, .2)\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg {\n        right: 11px\n    }\n\n    .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after {\n        right: 12px\n    }\n\n    .tippy-box[data-theme~=light-border]>.tippy-svg-arrow {\n        fill: #fff\n    }\n\n    .tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);\n        background-size: 16px 6px;\n        width: 16px;\n        height: 6px\n    }\n',ji="\n    .tippy-box[data-theme~=light] {\n        color: #26323d;\n        box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);\n        background-color: #fff\n    }\n\n    .tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {\n        border-top-color: #fff\n    }\n\n    .tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {\n        border-bottom-color: #fff\n    }\n\n    .tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {\n        border-left-color: #fff\n    }\n\n    .tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {\n        border-right-color: #fff\n    }\n\n    .tippy-box[data-theme~=light]>.tippy-backdrop {\n        background-color: #fff\n    }\n\n    .tippy-box[data-theme~=light]>.tippy-svg-arrow {\n        fill: #fff\n    }",qi="\n    .tippy-box[data-theme~=material] {\n        background-color: #505355;\n        font-weight: 600\n    }\n\n    .tippy-box[data-theme~=material][data-placement^=top]>.tippy-arrow:before {\n        border-top-color: #505355\n    }\n\n    .tippy-box[data-theme~=material][data-placement^=bottom]>.tippy-arrow:before {\n        border-bottom-color: #505355\n    }\n\n    .tippy-box[data-theme~=material][data-placement^=left]>.tippy-arrow:before {\n        border-left-color: #505355\n    }\n\n    .tippy-box[data-theme~=material][data-placement^=right]>.tippy-arrow:before {\n        border-right-color: #505355\n    }\n\n    .tippy-box[data-theme~=material]>.tippy-backdrop {\n        background-color: #505355\n    }\n\n    .tippy-box[data-theme~=material]>.tippy-svg-arrow {\n        fill: #505355\n    }\n",Ui="\n    .tippy-box[data-theme~=translucent] {\n        background-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent]>.tippy-arrow {\n        width: 14px;\n        height: 14px\n    }\n\n    .tippy-box[data-theme~=translucent][data-placement^=top]>.tippy-arrow:before {\n        border-width: 7px 7px 0;\n        border-top-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent][data-placement^=bottom]>.tippy-arrow:before {\n        border-width: 0 7px 7px;\n        border-bottom-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent][data-placement^=left]>.tippy-arrow:before {\n        border-width: 7px 0 7px 7px;\n        border-left-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent][data-placement^=right]>.tippy-arrow:before {\n        border-width: 7px 7px 7px 0;\n        border-right-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent]>.tippy-backdrop {\n        background-color: rgba(0, 0, 0, .7)\n    }\n\n    .tippy-box[data-theme~=translucent]>.tippy-svg-arrow {\n        fill: rgba(0, 0, 0, .7)\n    }\n";var Wi=Object.freeze({__proto__:null,camelize:Ni,base:Fi,lightBorder:Bi,light:ji,material:qi,translucent:Ui});function Yi(t,e,i){if(!t.querySelector("#pb-popover-"+e)){const n=t.nodeType===Node.DOCUMENT_NODE?document.head:t;console.log("Loading tippy styles for theme %s into %o",e,n);const r=document.createElement("style");r.type="text/css",r.id="pb-popover-"+e,r.innerHTML=i,n.appendChild(r)}}function Xi(t,e){if(Yi(t,"base",Fi),e&&"none"!==e){const i=Ni(e),n=Wi[i];n&&Yi(t,i,n)}}class Gi extends(I(O)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{for:{type:String},theme:{type:String},placement:{type:String},fallbackPlacement:{type:String,attribute:"fallback-placement"},persistent:{type:Boolean},trigger:{type:String},popupClass:{type:String,attribute:"popup-class"},remote:{type:String}})}constructor(){super(),this.persistent=!1,this.trigger=null,this.for=null,this.theme=null,this.placement=null,this.fallbackPlacement=null,this.popupClass=null,this._tippy=null,this._content=null}render(){return this.for?V`<div class="hidden"><slot></slot></div>`:V`<span id="link" part="trigger" class="${this.persistent?"persistent":""}"><slot name="default"><slot></slot></slot></span><span class="hidden"><slot name="alternate"></slot></span>`}disconnectedCallback(){super.disconnectedCallback(),this._tippy&&this._tippy.destroy(),this._observer&&this._observer.disconnect()}_checkCSSProperties(){this.theme||"none"===this.theme||(this.theme=this._getCSSProperty("--pb-popover-theme","none")),this.placement||(this.placement=this._getCSSProperty("--pb-popover-placement","auto")),this.fallbackPlacement||(this.fallbackPlacement=this._getCSSProperty("--pb-popover-fallback-placement",null)),this.persistent||(this.persistent=this._getCSSProperty("--pb-popover-persistent",!1)),this.trigger||(this.trigger=this._getCSSProperty("--pb-popover-trigger",null))}_getCSSProperty(t,e){const i=getComputedStyle(this).getPropertyValue(t);if(i)try{return JSON.parse(i)}catch(t){return e}return e}_injectStyles(){this._checkCSSProperties(),Xi(this.getRootNode(),this.theme)}_getContent(){if(this._content)return this._content;const t=this._getSlot();if(t){const e=document.createElement("div");return t.assignedNodes().forEach(t=>{e.appendChild(t.content?t.content.cloneNode(!0):t.cloneNode(!0))}),this._content=e,e}return null}_getSlot(){return this.for?this.shadowRoot.querySelector("slot"):this.shadowRoot.querySelector("[name=alternate]")}_registerMutationObserver(){const t=this._getSlot();this._observer=new MutationObserver(()=>{this.alternate=this._getContent(),console.log("alternate changed"),this.emitTo("pb-popover-changed",this.alternate)}),this._observer.observe(this,{subtree:!0,childList:!0,characterData:!0}),t&&t.assignedNodes().forEach(t=>{this._observer.observe(t.content?t.content:t,{subtree:!0,childList:!0,characterData:!0})})}get alternate(){return this._getContent()}set alternate(t){this._content=t,this._tippy&&this._tippy.setContent(this._content)}command(t,e){"disable"===t&&(this.disabled=e,this._tippy&&(e?this._tippy.disable():this._tippy.enable()))}firstUpdated(){super.firstUpdated(),this._injectStyles(),this._registerMutationObserver(),this.trigger||(this.trigger=this.persistent?"click":"mouseenter");const t=this.getRootNode();let e;if(this.for?(e=t.getElementById(this.for),e||console.error("<pb-popover> target element %s not found",this.for)):e=this.shadowRoot.getElementById("link"),e){const i={allowHTML:!0,appendTo:t.nodeType===Node.DOCUMENT_NODE?document.body:t,placement:this.placement,interactive:!0,ignoreAttributes:!0,boundary:"viewport",maxWidth:"none",touch:"hold",hideOnClick:!1,trigger:this.trigger};if(this.persistent&&(i.onClickOutside=(t,e)=>{t.hideWithInteractivity(e)}),this.theme&&"none"!==this.theme&&(i.theme=this.theme),this.fallbackPlacement){const t=this.fallbackPlacement.split(" ");i.popperOptions={modifiers:[{name:"flip",options:{fallbackPlacements:t}}]}}this.popupClass&&(i.onCreate=t=>{t.popper.classList.add(this.popupClass)}),i.onShow=t=>{this.remote?this._loadRemoteContent():t.setContent(this._getContent()),this.emitTo("pb-popover-show",{source:this})},this._tippy=Di(e,i)}}_loadRemoteContent(){const t=this.toAbsoluteURL(this.remote);fetch(t,{method:"GET",mode:"cors",credentials:"same-origin"}).then(t=>t.text()).then(t=>{this.alternate=t}).catch(t=>{console.error("<pb-popover> Error retrieving remote content: %o",t)})}static get styles(){return[P`
                 :host {
                     display: inline;
                 }
@@ -3645,7 +3645,7 @@ e({is:"transform-animation",behaviors:[A],configure:function(t){var e=t.node,i=t
                 height: var(--pb-svg-height, 100%);
                 width: var(--pb-svg-width, 100%);
             }
-        `}}customElements.define("pb-svg",Aa);class Sa extends(I(O)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{src:{type:String},showNavigationControl:{type:Boolean,attribute:"show-navigation-control"},showNavigator:{type:Boolean,attribute:"show-navigator"},showHomeControl:{type:Boolean,attribute:"show-home-control"},showFullPageControl:{type:Boolean,attribute:"show-full-page-control"},defaultZoomLevel:{type:Number,attribute:"default-zoom-level"},showRotationControl:{type:Boolean,attribute:"show-rotation-control"},constrainDuringPan:{type:Boolean,attribute:"contrain-during-pan"},visibilityRatio:{type:Number,attribute:"visibility-ratio"},type:{type:String},baseUri:{type:String,attribute:"base-uri"},prefixUrl:{type:String,attribute:"prefix-url"},facsimiles:{type:Array},loaded:{type:Boolean,reflect:!0}})}constructor(){super(),this._facsimiles=[],this.baseUri="",this.type="iiif",this.visibilityRatio=1,this.defaultZoomLevel=0,this.showHomeControl=!1,this.showNavigator=!1,this.showNavigationControl=!1,this.showFullPageControl=!1,this.showRotationControl=!1,this.constrainDuringPan=!1,this.src="",this.prefixUrl="../images/openseadragon/",this.loaded=!1}set facsimiles(t){this._facsimiles=t||[],this.loaded=this._facsimiles.length>0,this.emitTo("pb-facsimile-status",{status:"loading"})}connectedCallback(){super.connectedCallback(),this.subscribeTo("pb-start-update",this._clearAll.bind(this)),this.subscribeTo("pb-update",this._fragmentUpdateListener.bind(this)),this.subscribeTo("pb-show-annotation",this._showAnnotationListener.bind(this))}firstUpdated(){window.ESGlobalBridge.requestAvailability();const t=R("../lib/openseadragon.min.js");window.ESGlobalBridge.instance.load("openseadragon",t),window.addEventListener("es-bridge-openseadragon-loaded",this._initOpenSeadragon.bind(this),{once:!0})}render(){return V`
+        `}}customElements.define("pb-svg",Aa);class Sa extends(I(O)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{src:{type:String},showNavigationControl:{type:Boolean,attribute:"show-navigation-control"},showNavigator:{type:Boolean,attribute:"show-navigator"},showHomeControl:{type:Boolean,attribute:"show-home-control"},showFullPageControl:{type:Boolean,attribute:"show-full-page-control"},defaultZoomLevel:{type:Number,attribute:"default-zoom-level"},showRotationControl:{type:Boolean,attribute:"show-rotation-control"},constrainDuringPan:{type:Boolean,attribute:"contrain-during-pan"},visibilityRatio:{type:Number,attribute:"visibility-ratio"},referenceStrip:{type:Boolean,attribute:"reference-strip"},referenceStripSizeRatio:{type:Number,attribute:"reference-strip-size-ratio"},type:{type:String},baseUri:{type:String,attribute:"base-uri"},prefixUrl:{type:String,attribute:"prefix-url"},facsimiles:{type:Array},loaded:{type:Boolean,reflect:!0}})}constructor(){super(),this._facsimiles=[],this.baseUri="",this.type="iiif",this.visibilityRatio=1,this.defaultZoomLevel=0,this.showHomeControl=!1,this.showNavigator=!1,this.showNavigationControl=!1,this.showFullPageControl=!1,this.showRotationControl=!1,this.constrainDuringPan=!1,this.referenceStrip=!1,this.referenceStripSizeRatio=.2,this.src="",this.prefixUrl="../images/openseadragon/",this.loaded=!1}set facsimiles(t){this._facsimiles=t||[],this.loaded=this._facsimiles.length>0,this.emitTo("pb-facsimile-status",{status:"loading"})}connectedCallback(){super.connectedCallback(),this.subscribeTo("pb-start-update",this._clearAll.bind(this)),this.subscribeTo("pb-update",this._fragmentUpdateListener.bind(this)),this.subscribeTo("pb-show-annotation",this._showAnnotationListener.bind(this))}firstUpdated(){window.ESGlobalBridge.requestAvailability();const t=R("../lib/openseadragon.min.js");window.ESGlobalBridge.instance.load("openseadragon",t),window.addEventListener("es-bridge-openseadragon-loaded",this._initOpenSeadragon.bind(this),{once:!0})}render(){return V`
             <slot name="before"></slot>
             <!-- Openseadragon -->
             <div id="viewer" part="image"></div>
@@ -3668,7 +3668,7 @@ e({is:"transform-animation",behaviors:[A],configure:function(t){var e=t.node,i=t
                 max-height: var(--pb-facsimile-height, auto);
                 width: 100%;
             }
-        `}_initOpenSeadragon(){const t=R(this.prefixUrl+(this.prefixUrl.endsWith("/")?"":"/"));this.viewer=OpenSeadragon({element:this.shadowRoot.getElementById("viewer"),prefixUrl:t,preserveViewport:!0,sequenceMode:!0,showZoomControl:!0,showHomeControl:this.showHomeControl,showFullPageControl:this.showFullPageControl,showNavigator:this.showNavigator,showNavigationControl:this.showNavigationControl,showRotationControl:this.showRotationControl,autoHideControls:!1,visibilityRatio:1,minZoomLevel:1,defaultZoomLevel:this.defaultZoomLevel,constrainDuringPan:!0}),this.viewer.addHandler("open",()=>{this.resetZoom(),this.emitTo("pb-facsimile-status",{status:"loaded"})}),this.viewer.addHandler("open-failed",t=>{console.error("<pb-facsimile> open failed: %s",t.message),this.loaded=!1,this.emitTo("pb-facsimile-status",{status:"fail"})}),this._facsimileObserver(),this.signalReady()}_facsimileObserver(){if(!this.viewer)return;if(0===this._facsimiles.length)return this.viewer.close();const t=this._facsimiles.map(t=>"iiif"===this.type?`${this.baseUri}${t}/info.json`:{tileSource:{type:"image",url:`${this.baseUri}${t}`,buildPyramid:!1}});this.viewer.open(t),this.viewer.goToPage(0)}_clearAll(){this.viewer&&(this.resetZoom(),this.viewer.clearOverlays(),this.facsimiles=[])}_fragmentUpdateListener(t){this.facsimiles=this._getFacsimilesFromData(t.detail.root),this._facsimileObserver()}_getFacsimilesFromData(t){const e=[];return t.querySelectorAll("pb-facs-link").forEach(t=>{t.facs&&e.push(t.facs)}),console.log("<pb-facsimile> _getFacsimilesFromData",e),e}_showAnnotationListener(t){if(!this.viewer)return;const e="runtime-overlay";if(this.viewer.removeOverlay(this.overlay),!t.detail.file||0===t.detail.file)return console.error("file missing",t.detail);if(t.detail.coordinates&&(!t.detail.coordinates[0]||4!==t.detail.coordinates.length))return console.error("coords incomplete or missing",t.detail);const i=this._pageIndexByUrl(t.detail.file);if(i<0)return console.error("page not found",t.detail);if(this.viewer.currentPage()!==i&&this.viewer.goToPage(i),t.detail.coordinates){const[i,n,r,o]=t.detail.coordinates,s=this.viewer.viewport.viewportToImageRectangle(this.viewer.viewport.getBounds(!0));s.containsPoint(new OpenSeadragon.Point(i,n))||this.viewer.viewport.fitBoundsWithConstraints(this.viewer.viewport.imageToViewportRectangle(i,n,s.width,s.height));const a=this.overlay=document.createElement("div");a.id=e;const l=this.viewer.viewport.imageToViewportRectangle(i,n,r,o);this.viewer.addOverlay({element:a,location:l})}}_pageIndexByUrl(t){return this._facsimiles.indexOf(t)}resetZoom(){this.viewer&&this.viewer.viewport.goHome()}}customElements.define("pb-facsimile",Sa);class Ca extends(I(O)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{endpoint:{type:String},label:{type:String},endpoints:{type:Array},auto:{type:Boolean}})}constructor(){super(),this.endpoints=[],this.label="dts.endpoint"}connectedCallback(){super.connectedCallback(),this.endpoint=this.getParameter("endpoint")}updated(t){if(super.updated(),t.has("endpoints")){!this.shadowRoot.getElementById("endpoints").selectedItem&&this.auto&&this.endpoints.length>0&&(this.endpoint=this.endpoints[0].url)}}render(){return V`
+        `}_initOpenSeadragon(){const t=R(this.prefixUrl+(this.prefixUrl.endsWith("/")?"":"/")),e={element:this.shadowRoot.getElementById("viewer"),prefixUrl:t,preserveViewport:!0,sequenceMode:!0,showZoomControl:!0,showHomeControl:this.showHomeControl,showFullPageControl:this.showFullPageControl,showNavigator:this.showNavigator,showNavigationControl:this.showNavigationControl,showRotationControl:this.showRotationControl,autoHideControls:!1,visibilityRatio:1,minZoomLevel:1,defaultZoomLevel:this.defaultZoomLevel,constrainDuringPan:!0};this.referenceStrip&&(e.showReferenceStrip=!0,e.referenceStripSizeRatio=this.referenceStripSizeRatio),this.viewer=OpenSeadragon(e),this.viewer.addHandler("open",()=>{this.resetZoom(),this.emitTo("pb-facsimile-status",{status:"loaded"})}),this.viewer.addHandler("open-failed",t=>{console.error("<pb-facsimile> open failed: %s",t.message),this.loaded=!1,this.emitTo("pb-facsimile-status",{status:"fail"})}),this._facsimileObserver(),this.signalReady()}_facsimileObserver(){if(!this.viewer)return;if(0===this._facsimiles.length)return this.viewer.close();const t=this._facsimiles.map(t=>"iiif"===this.type?`${this.baseUri}${t}/info.json`:{tileSource:{type:"image",url:`${this.baseUri}${t}`,buildPyramid:!1}});this.viewer.open(t),this.viewer.goToPage(0)}_clearAll(){this.viewer&&(this.resetZoom(),this.viewer.clearOverlays(),this.facsimiles=[])}_fragmentUpdateListener(t){this.facsimiles=this._getFacsimilesFromData(t.detail.root),this._facsimileObserver()}_getFacsimilesFromData(t){const e=[];return t.querySelectorAll("pb-facs-link").forEach(t=>{t.facs&&e.push(t.facs)}),console.log("<pb-facsimile> _getFacsimilesFromData",e),e}_showAnnotationListener(t){if(!this.viewer)return;const e="runtime-overlay";if(this.viewer.removeOverlay(this.overlay),!t.detail.file||0===t.detail.file)return console.error("file missing",t.detail);if(t.detail.coordinates&&(!t.detail.coordinates[0]||4!==t.detail.coordinates.length))return console.error("coords incomplete or missing",t.detail);const i=this._pageIndexByUrl(t.detail.file);if(i<0)return console.error("page not found",t.detail);if(this.viewer.currentPage()!==i&&this.viewer.goToPage(i),t.detail.coordinates){const[i,n,r,o]=t.detail.coordinates,s=this.viewer.viewport.viewportToImageRectangle(this.viewer.viewport.getBounds(!0));s.containsPoint(new OpenSeadragon.Point(i,n))||this.viewer.viewport.fitBoundsWithConstraints(this.viewer.viewport.imageToViewportRectangle(i,n,s.width,s.height));const a=this.overlay=document.createElement("div");a.id=e;const l=this.viewer.viewport.imageToViewportRectangle(i,n,r,o);this.viewer.addOverlay({element:a,location:l})}}_pageIndexByUrl(t){return this._facsimiles.indexOf(t)}resetZoom(){this.viewer&&this.viewer.viewport.goHome()}}customElements.define("pb-facsimile",Sa);class Ca extends(I(O)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{endpoint:{type:String},label:{type:String},endpoints:{type:Array},auto:{type:Boolean}})}constructor(){super(),this.endpoints=[],this.label="dts.endpoint"}connectedCallback(){super.connectedCallback(),this.endpoint=this.getParameter("endpoint")}updated(t){if(super.updated(),t.has("endpoints")){!this.shadowRoot.getElementById("endpoints").selectedItem&&this.auto&&this.endpoints.length>0&&(this.endpoint=this.endpoints[0].url)}}render(){return V`
             <paper-dropdown-menu id="menu" label="${o(this.label)}">
                 <paper-listbox id="endpoints" slot="dropdown-content" class="dropdown-content" selected="${this.endpoint}" attr-for-selected="value"
                     @selected-item-changed="${this._selected}">

package/dist/pb-elements.json

@@ -3487,6 +3487,18 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "reference-strip",
+          "description": "If set, thumbnails of all images are shown in a reference strip at the\nbottom of the viewer.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "reference-strip-size-ratio",
+          "description": "Size ratio for the reference strip thumbnails. 0.2 by default.",
+          "type": "number",
+          "default": "0.2"
+        },
         {
           "name": "src",
           "type": "string",
@@ -3610,6 +3622,20 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "referenceStrip",
+          "attribute": "reference-strip",
+          "description": "If set, thumbnails of all images are shown in a reference strip at the\nbottom of the viewer.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "referenceStripSizeRatio",
+          "attribute": "reference-strip-size-ratio",
+          "description": "Size ratio for the reference strip thumbnails. 0.2 by default.",
+          "type": "number",
+          "default": "0.2"
+        },
         {
           "name": "src",
           "attribute": "src",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teipublisher/pb-components",
-  "version": "1.36.1",
+  "version": "1.36.2",
   "description": "Collection of webcomponents underlying TEI Publisher",
   "repository": "https://github.com/eeditiones/tei-publisher-components.git",
   "main": "index.html",

package/pb-elements.json

@@ -3487,6 +3487,18 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "reference-strip",
+          "description": "If set, thumbnails of all images are shown in a reference strip at the\nbottom of the viewer.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "reference-strip-size-ratio",
+          "description": "Size ratio for the reference strip thumbnails. 0.2 by default.",
+          "type": "number",
+          "default": "0.2"
+        },
         {
           "name": "src",
           "type": "string",
@@ -3610,6 +3622,20 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "referenceStrip",
+          "attribute": "reference-strip",
+          "description": "If set, thumbnails of all images are shown in a reference strip at the\nbottom of the viewer.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "referenceStripSizeRatio",
+          "attribute": "reference-strip-size-ratio",
+          "description": "Size ratio for the reference strip thumbnails. 0.2 by default.",
+          "type": "number",
+          "default": "0.2"
+        },
         {
           "name": "src",
           "attribute": "src",

package/src/pb-facsimile.js

@@ -85,6 +85,21 @@ export class PbFacsimile extends pbMixin(LitElement) {
                 type: Number,
                 attribute: 'visibility-ratio'
             },
+            /**
+             * If set, thumbnails of all images are shown in a reference strip at the
+             * bottom of the viewer.
+             */
+            referenceStrip: {
+                type: Boolean,
+                attribute: 'reference-strip'
+            },
+            /**
+             * Size ratio for the reference strip thumbnails. 0.2 by default.
+             */
+            referenceStripSizeRatio: {
+                type: Number,
+                attribute: 'reference-strip-size-ratio'
+            },
             /**
              * Type of the source of the image to display: either 'iiif' or 'image'
              * (for simple image links not served via IIIF).
@@ -134,6 +149,8 @@ export class PbFacsimile extends pbMixin(LitElement) {
         this.showFullPageControl = false;
         this.showRotationControl = false;
         this.constrainDuringPan = false;
+        this.referenceStrip = false;
+        this.referenceStripSizeRatio = 0.2;
         this.src = '';
         this.prefixUrl = '../images/openseadragon/';
         this.loaded = false;
@@ -197,7 +214,7 @@ export class PbFacsimile extends pbMixin(LitElement) {
     // Init openseadragon
     _initOpenSeadragon() {
         const prefixUrl = resolveURL(this.prefixUrl + (this.prefixUrl.endsWith("/") ? "" : "/"));
-        this.viewer = OpenSeadragon({
+        const options = {
             element: this.shadowRoot.getElementById('viewer'),
             prefixUrl,
             preserveViewport: true,
@@ -213,7 +230,12 @@ export class PbFacsimile extends pbMixin(LitElement) {
             minZoomLevel: 1,
             defaultZoomLevel: this.defaultZoomLevel,
             constrainDuringPan: true
-        });
+        };
+        if (this.referenceStrip) {
+            options.showReferenceStrip = true;
+            options.referenceStripSizeRatio = this.referenceStripSizeRatio;
+        }
+        this.viewer = OpenSeadragon(options);
 
         this.viewer.addHandler('open', () => {
             this.resetZoom();