@3deye-toolkit/react-event-list 0.0.1-alpha.9 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/react-event-list.css +834 -979
  2. package/dist/react-event-list.d.ts +88 -0
  3. package/dist/react-event-list.js +1 -0
  4. package/dist/tsdoc-metadata.json +11 -0
  5. package/package.json +31 -33
  6. package/dist/event-list.js +0 -46
package/dist/event-list.js DELETED
@@ -1,46 +0,0 @@
1
- import e,{useMemo as t,useState as n,useEffect as r,useRef as o,forwardRef as i,Fragment as a,Children as s,cloneElement as l,createElement as c,PureComponent as u,useCallback as d,createContext as h,Component as p,isValidElement as m,useContext as f}from"react";import{app as v}from"@3deye-toolkit/core";import{__decorate as g,__metadata as y,__rest as E,__values as b,__assign as _,__read as w,__spread as M,__extends as C}from"tslib";import{reaction as z,observable as S,action as x,computed as O}from"mobx";import{observer as T,disposeOnUnmount as L}from"mobx-react";import H,{registerLocale as V}from"react-datepicker";import R from"i18next";import"i18next-browser-languagedetector";import"i18next-xhr-backend";import{format as D,setYear as A,isAfter as I,setMonth as N,setDate as k,startOfDay as P,isBefore as F,getDaysInMonth as B,endOfDay as j,getYear as U,isSameYear as W,getMonth as $,isSameMonth as q,getDate as G,setHours as Y,setMinutes as K,setSeconds as X,isSameDay as Z,getHours as J,isSameHour as Q,getMinutes as ee,isSameMinute as te,getSeconds as ne}from"date-fns";import{format as re,isSameYear as oe,isSameDay as ie}from"date-fns/esm";import{es as ae,pt as se}from"date-fns/esm/locale";import{Subject as le,empty as ce,Subscription as ue}from"rxjs";import de from"classnames";import he from"react-ink";import pe,{createPortal as me,findDOMNode as fe}from"react-dom";import{useSpring as ve,animated as ge}from"react-spring";import{Slider as ye}from"@rmwc/slider";import Ee from"resize-observer-polyfill";import be from"memoize-one";import{switchMap as _e,debounceTime as we}from"rxjs/operators";import Me,{components as Ce}from"react-select";const ze=e.createContext(null),Se=new Map,xe="en";class Oe extends e.Component{constructor(){super(...arguments),this.state={head:0,tail:0}}componentWillReceiveProps(e){const{offset:t}=this.props,n=e.offset,{head:r,tail:o}=this.state;n-t>0&&this.setState({tail:Math.max(o,Math.ceil(n))}),this.setState({head:-1*Math.min(-r,Math.floor(n))})}render(){const{from:t,to:n,offset:r,transition:o}=this.props,i=n-t+1;let{tail:a,head:s}=this.state;return r<0?s=-1*Math.min(-s,Math.floor(r)):a=Math.max(a,Math.ceil(r)),e.createElement("div",{style:{position:"absolute",height:34,lineHeight:"34px",top:"calc(50% - 17px)",overflow:"hidden"}},e.createElement("div",{style:{backgroundColor:"white",width:100,fontSize:"1.6em",textAlign:"center",fontFamily:"Arial, Helvetica, sans-serif",transform:`translateY(${-34*r}px) translateZ(100px)`,transition:o,marginTop:-34*s}},Array.from({length:s+a+1},(n,r)=>e.createElement("div",{key:r},this.props.format(t+((r-s)%i+i)%i)))))}}Oe.defaultProps={format:e=>e};class Te extends e.Component{constructor(e){super(e),this.tracker=null,this.velocity=0,this.amplitude=0,this.clickOccured=!1,this.ignoreClick=!1,this.preventAnimation=!1,this.rotationDirection=1,this.onWheel=({deltaY:e})=>{Math.abs(e)>=34?this.setState(t=>{const n=e/Math.abs(e),r=t.rotation+n;if(!(r>this.getMaxRotation()||r<this.getMinRotation()))return{rotation:r}},this.notifyValueChange):(this.rotationDirection=e/Math.abs(e),this.setState(t=>{const n=t.rotation+e/34;if(!(n>this.getMaxRotation()||n<this.getMinRotation()))return{rotation:n,dragging:!0}},this.finishRotation))},this.onMouseDown=e=>{const{clientY:t}=e,n=this.state.rotation;let r,o=Date.now(),i=n;clearInterval(this.tracker),this.velocity=this.amplitude=0,this.clickOccured=!1,this.ignoreClick=!1;const a=()=>{const e=Date.now(),t=e-o;o=e;const n=this.state.rotation-i;i=this.state.rotation;const r=1e3*n/(1+t);this.velocity=.8*r+.2*this.velocity},s=({clientY:e})=>{const r=n+(t-e)/34;r>this.getMaxRotation()||r<this.getMinRotation()||this.setState({rotation:r})},l=()=>{document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",l),clearInterval(this.tracker),Math.abs(this.velocity)>=5?(this.amplitude=.8*this.velocity,r=this.state.rotation+this.amplitude,o=Date.now(),requestAnimationFrame(c)):this.setState(({rotation:e})=>({rotation:Math.round(e),dragging:!1}),this.notifyValueChange)},c=()=>{const e=Date.now()-o,t=-this.amplitude*Math.exp(-e/325);if(this.amplitude)if(t>.5||t<-.5){const e=r+t;if(e>this.getMaxRotation()||e<this.getMinRotation())return void this.setState(({rotation:e})=>({rotation:Math.round(e),dragging:!1}),this.notifyValueChange);this.setState({rotation:e}),requestAnimationFrame(c)}else this.setState(({rotation:e})=>({rotation:Math.round(e),dragging:!1}),this.notifyValueChange)},u=({clientY:e})=>{if(this.clickOccured)return document.removeEventListener("mousemove",u),void document.removeEventListener("mouseup",d);Math.abs(e-n)>=5&&(this.setState({dragging:!0}),this.ignoreClick=!0,document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",d),document.addEventListener("mousemove",s),document.addEventListener("mouseup",l),this.tracker=window.setInterval(a,100))},d=()=>{document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",d),this.clickOccured||(this.state.dragging&&(this.ignoreClick=!0),this.setState(({rotation:e})=>({rotation:Math.round(e),dragging:!1}),this.notifyValueChange))};document.addEventListener("mousemove",u),document.addEventListener("mouseup",d)},this.getRotationByValue=e=>{const{value:t,from:n,to:r,min:o,max:i}=e;if(void 0===i||void 0===o)return t-n;const a=Math.round(this.state?this.state.rotation:0),s=(a%18+18)%18;let l=a,c=s;for(;this.getCellValue(c,l,n,r)!==t;)c=((c-1)%18+18)%18,l--;let u=a,d=s;for(;this.getCellValue(d,u,n,r)!==t;)d=((d+1)%18+18)%18,u++;return u-a>a-l?l:u},this.getMaxRotation=()=>{const{max:e=1/0}=this.props;if(!isFinite(e))return e;const t=Math.round(this.state.rotation),n=(t%18+18)%18;return t+e-this.getCellValue(n,t)},this.getMinRotation=()=>{const{min:e=-1/0}=this.props;if(!isFinite(e))return e;const t=Math.round(this.state.rotation),n=(t%18+18)%18;return t+e-this.getCellValue(n,t)},this.getCellValue=(e,t,n=this.props.from,r=this.props.to)=>{const o=r-n+1;let i;return i=e<12?t>=0?t%18<9||e<2?(e+18*Math.round(t/18))%o:(e+18*Math.round((t-7)/18))%o:t%18<0&&e>4?(e+18*Math.round((t-9)/18))%o:(e+18*Math.round(t/18))%o:(e-(18-o)+18*Math.round(t/18))%o,n+(i+o)%o},this.renderCellValue=(e,t)=>{const n=this.getMaxRotation(),r=this.getMinRotation();if(Number.isFinite(n)){const o=(t%18+18)%18;let i;if(i=o<5&&e>13?t+e-o-18:o>13&&e<5?t+e-o+18:t+e-o,i=Math.round(i),i>n)return null;if(i<r)return null}return this.props.format?this.props.format(this.getCellValue(e,t)):this.getCellValue(e,t)},this.notifyValueChange=()=>{const e=Math.round(this.state.rotation),{onChange:t}=this.props;if(!t)return;const n=this.getCellValue((e%18+18)%18,e);this.value!==n&&(this.value=n,t(n))};const t=void 0!==e.value?this.getRotationByValue(e):0;this.value=void 0!==e.value?e.value:e.from,this.state={rotation:t,dragging:!1}}componentWillReceiveProps(e){if(void 0===e.value)return;const{rotation:t}=this.state,n=this.getCellValue((t%18+18)%18,t),r=this.getRotationByValue(e);n===e.value&&e.max===this.props.max&&e.min===this.props.min&&e.from===this.props.from&&e.to===this.props.to||(this.preventAnimation=n===e.value&&t!==r,this.setState({rotation:r},()=>{this.preventAnimation=!1}),this.value=e.value)}finishRotation(){this.setState(({rotation:e})=>({rotation:this.rotationDirection<0?Math.floor(e):Math.ceil(e),dragging:!1}),this.notifyValueChange)}componentWillUnmount(){}jumpTo(e){this.clickOccured=!0,this.ignoreClick?this.ignoreClick=!1:this.setState(({dragging:t,rotation:n})=>{if(t)return null;const r=(n%18+18)%18;let o;return o=r<5&&e>13?n+e-r-18:r>13&&e<5?n+e-r+18:n+e-r,o>this.getMaxRotation()||o<this.getMinRotation()?null:{rotation:o}},this.notifyValueChange)}render(){const{rotation:t,dragging:n}=this.state,r=n||this.preventAnimation?"none":"transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1)";return e.createElement("div",{style:{width:100,position:"relative",userSelect:"none",MozUserSelect:"none"},onWheel:this.onWheel,onMouseDown:this.onMouseDown,onTouchStart:({targetTouches:e})=>console.log(e)},e.createElement("div",{style:{background:"linear-gradient(\n\t\t\t\t\t\tto bottom,\n\t\t\t\t\t\trgba(255,255,255,1) 0%,\n\t\t\t\t\t\trgba(255,255,255,0.09) 40%,\n\t\t\t\t\t\trgba(255,255,255,0) 40%,\n\t\t\t\t\t\trgba(255,255,255,0) 60%,\n\t\t\t\t\t\trgba(255,255,255,0.07) 60%,\n\t\t\t\t\t\trgba(255,255,255,1) 100%\n\t\t\t\t\t)",position:"absolute",top:0,bottom:0,left:0,right:0,zIndex:1,pointerEvents:"none"}},e.createElement("div",{style:{position:"absolute",height:34,top:76,left:0,right:0,borderTop:"1px solid #aaa",borderBottom:"1px solid #aaa"}})),e.createElement("div",{style:{height:187}},e.createElement("div",{style:{position:"absolute",top:"50%",left:0,right:0,transformStyle:"preserve-3d",height:34,marginTop:-17,transform:`rotateX(${20*t}deg)`,transition:r,textAlign:"center"}},Array.from({length:18}).map((n,r)=>e.createElement("div",{key:r,style:{height:34,lineHeight:"34px",transform:`rotateX(${-20*r}deg) translateZ(85px)`,position:"absolute",width:"100%",top:0,left:0,backfaceVisibility:"hidden",fontFamily:"Arial, Helvetica, sans-serif",fontSize:"1.6em",color:"#666"},onClick:()=>this.jumpTo(r)},this.renderCellValue(r,t))))),e.createElement(Oe,Object.assign({offset:t,transition:r},this.props)))}}g([function(e){let t;return(n,r,o)=>{void 0===o&&(o=Object.getOwnPropertyDescriptor(n,r));const i=o.value;return o.value=function(...n){clearTimeout(t),t=setTimeout(()=>{t=null,i.apply(this,n)},e)},o}}(200),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],Te.prototype,"finishRotation",null);const Le=e=>e.toString().padStart(2,"0");class He extends e.Component{constructor(){super(...arguments),this.formatMonth=e=>{const t=Se.get(this.props.locale||xe);return D(new Date(2019,e,1),"MMM",{locale:t})},this.onYearChange=e=>{const{maxDate:t,minDate:n,date:r,onChange:o}=this.props;let i=A(r,e);I(i,t)&&(i=N(i,0),i=k(i,1),I(i,t)&&(i=P(i))),F(i,n)&&(i=N(i,11),i=k(i,B(i)),F(i,n)&&(i=j(i))),o(i)},this.onMonthChange=e=>{const{maxDate:t,minDate:n,date:r,onChange:o}=this.props;let i=N(r,e);I(i,t)&&(i=k(i,1),i=P(i)),F(i,n)&&(i=j(k(i,B(i)))),o(i)},this.onDayChange=e=>{const{date:t,onChange:n,maxDate:r,minDate:o}=this.props;let i=k(t,e);I(i,r)&&(i=P(i)),F(i,o)&&(i=j(i)),n(i)},this.getYearParams=()=>{const{maxDate:e,minDate:t}=this.props,n=U(t),r=U(e);return{from:n,to:r,min:n,max:r}},this.getMonthParams=()=>{const{maxDate:e,minDate:t,date:n}=this.props;let r,o;W(n,t)&&(o=$(t)),W(n,e)&&(r=$(e));const i={from:0,to:11};return void 0===o&&void 0===r||(i.min=void 0===o?0:o,i.max=void 0===r?11:r),i},this.getDayParams=()=>{const{maxDate:e,minDate:t,date:n}=this.props,r=B(n);let o,i;q(n,t)&&(o=G(t)),q(n,e)&&(i=G(e));const a={from:1,to:r};return void 0===o&&void 0===i||(a.min=void 0===o?1:o,a.max=void 0===i?r:i),a}}render(){const{date:t}=this.props;return e.createElement("div",{style:{perspective:1200,display:"flex",justifyContent:"center"}},e.createElement(Te,Object.assign({onChange:this.onYearChange,value:U(t)},this.getYearParams())),e.createElement(Te,Object.assign({onChange:this.onMonthChange,value:$(t),format:this.formatMonth},this.getMonthParams())),e.createElement(Te,Object.assign({onChange:this.onDayChange,value:G(t),format:Le},this.getDayParams())))}}const Ve=e=>e.toString().padStart(2,"0");class Re extends e.Component{constructor(){super(...arguments),this.onHoursChange=e=>{const{maxDate:t,minDate:n,date:r}=this.props;let o=Y(r,e);I(o,t)&&(o=K(o,0),o=X(o,0)),F(o,n)&&(o=K(o,59),o=X(o,59)),this.props.onChange(o)},this.onMinutesChange=e=>{const{maxDate:t,minDate:n,date:r,onChange:o}=this.props;let i=K(r,e);I(i,t)&&(i=X(i,0)),F(i,n)&&(i=X(i,59)),o(i)},this.onSecondsChange=e=>{this.props.onChange(X(this.props.date,e))},this.getHoursParams=()=>{const{maxDate:e,minDate:t,date:n}=this.props;let r,o;Z(n,t)&&(o=J(t)),Z(n,e)&&(r=J(e));const i={from:0,to:23};return void 0===o&&void 0===r||(i.min=void 0===o?0:o,i.max=void 0===r?23:r),i},this.getMinutesParams=()=>{const{maxDate:e,minDate:t,date:n}=this.props;let r,o;Q(n,t)&&(o=ee(t)),Q(n,e)&&(r=ee(e));const i={from:0,to:59};return void 0===o&&void 0===r||(i.min=void 0===o?0:o,i.max=void 0===r?59:r),i},this.getSecondsParams=()=>{const{maxDate:e,minDate:t,date:n}=this.props;let r,o;te(n,t)&&(r=ne(t)),te(n,e)&&(o=ne(e));const i={from:0,to:59};return void 0===r&&void 0===o||(i.min=void 0===r?0:r,i.max=void 0===o?59:o),i}}render(){const{date:t}=this.props;return e.createElement("div",null,e.createElement("div",null,e.createElement("div",null,e.createElement("div",{style:{perspective:1200,display:"flex",justifyContent:"center"}},e.createElement(Te,Object.assign({onChange:this.onHoursChange,value:J(t),format:Ve},this.getHoursParams())),e.createElement(Te,Object.assign({onChange:this.onMinutesChange,value:ee(t),format:Ve},this.getMinutesParams())),e.createElement(Te,Object.assign({onChange:this.onSecondsChange,value:ne(t),format:Ve},this.getSecondsParams()))))))}}class De extends e.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onChange(e)},this.requestDateMode=()=>{this.props.onModeChange("date")},this.requestTimeMode=()=>{this.props.onModeChange("time")}}shouldComponentUpdate(e){return+e.date!=+this.props.date||+e.minDate!=+this.props.minDate||+e.maxDate!=+this.props.maxDate||e.mode!==this.props.mode}render(){const{date:t,minDate:n,maxDate:r,mode:o,dateTitle:i,timeTitle:a}=this.props;return F(t,n)||I(t,r)?(console.error("incorrect params. date must be within given period"),null):e.createElement("div",{style:{width:300,backgroundColor:"white"}},e.createElement("div",{style:{display:"flex",fontSize:"1.6em",fontFamily:"Arial, Helvetica, sans-serif",textAlign:"center"}},e.createElement("div",{style:{flex:1,color:"date"===o?"#0091ff":"black"},onClick:this.requestDateMode},i),e.createElement("div",{style:{flex:1,color:"time"===o?"#0091ff":"black"},onClick:this.requestTimeMode},a)),"date"===o?e.createElement(He,{minDate:n,maxDate:r,onChange:this.onChange,date:t}):e.createElement(Re,{minDate:n,maxDate:r,onChange:this.onChange,date:t}))}}De.defaultProps={dateTitle:"Date",timeTitle:"Time"};const Ae=new Map,Ie=R;function Ne(e,t){Ae.set(e,t),V(e,t),function(e,t){Se.set(e,t)}(e,t)}function ke(e,t){const n=Ae.get(Ie.language);return re(e,t,{locale:n})}Ne("es",ae),Ne("pt",se);var Pe=function(){};if("production"!==process.env.NODE_ENV){var Fe=function(e,t){var n=arguments.length;t=new Array(n>1?n-1:0);for(var r=1;r<n;r++)t[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,(function(){return t[o++]}));"undefined"!=typeof console&&console.error(i);try{throw new Error(i)}catch(e){}};Pe=function(e,t,n){var r=arguments.length;n=new Array(r>2?r-2:0);for(var o=2;o<r;o++)n[o-2]=arguments[o];if(void 0===t)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");e||Fe.apply(null,[t].concat(n))}}var Be=Pe,je=Ge()?e.useLayoutEffect:e.useEffect,Ue={},We=function(e){};if("production"!==process.env.NODE_ENV){var $e=("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;We=function(e){Ue[e]||(Ue[e]=!0,"test"!==$e.NODE_ENV&&1!==parseInt(window.getComputedStyle(document.body).getPropertyValue("--reach-"+e),10)&&console.warn("@reach/"+e+' styles not found. If you are using a bundler like webpack or parcel include this in the entry file of your app before any of your own styles:\n\n import "@reach/'+e+'/styles.css";\n\n Otherwise you\'ll need to include them some other way:\n\n <link rel="stylesheet" type="text/css" href="node_modules/@reach/'+e+'/styles.css" />\n\n For more information visit https://ui.reach.tech/styling.\n '))}}function qe(e,t){if(null!=e)if(function(e){return!(!e||"[object Function]"!={}.toString.call(e))}(e))e(t);else try{e.current=t}catch(n){throw new Error('Cannot assign value "'+t+'" to ref "'+e+'"')}}function Ge(){return"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement}function Ye(t){return e.forwardRef(t)}function Ke(e){if(!Ge())return{width:0,height:0};var t=e?Xe(e):document,n=e?function(e){var t=e?Xe(e):null;return t?t.defaultView||window:null}(e):window;return{width:t.documentElement.clientWidth||n.innerWidth,height:t.documentElement.clientHeight||n.innerHeight}}function Xe(e){return e&&e.ownerDocument?e.ownerDocument:Ge()?document:null}function Ze(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return null!=e})).join("--")}function Je(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t((function(){return n.every((function(e){return null==e}))?null:function(e){n.forEach((function(t){qe(t,e)}))}}),n)}function Qe(e,t){return function(n){if(e&&e(n),!n.defaultPrevented)return t(n)}}var et=!1,tt=0,nt=function(){return++tt},rt=function(t){var r=t.children,i=t.type,a=void 0===i?"reach-portal":i,s=o(null),l=o(null),c=n()[1];return je((function(){var e=s.current.ownerDocument;return l.current=null==e?void 0:e.createElement(a),e.body.appendChild(l.current),c({}),function(){l.current&&l.current.ownerDocument&&l.current.ownerDocument.body.removeChild(l.current)}}),[a]),l.current?me(r,l.current):e.createElement("span",{ref:s})};"production"!==process.env.NODE_ENV&&(rt.displayName="Portal");var ot=i((function(t,n){return e.createElement("span",Object.assign({ref:n,style:{border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}},t))}));function it(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function at(e,t){return e(t={exports:{}},t.exports),t.exports}"production"!==process.env.NODE_ENV&&(ot.displayName="VisuallyHidden");var st=at((function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,a=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,h=n?Symbol.for("react.forward_ref"):60112,p=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,f=n?Symbol.for("react.memo"):60115,v=n?Symbol.for("react.lazy"):60116,g=n?Symbol.for("react.fundamental"):60117,y=n?Symbol.for("react.responder"):60118,E=n?Symbol.for("react.scope"):60119;function b(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case i:case s:case a:case p:return e;default:switch(e=e&&e.$$typeof){case c:case h:case v:case f:case l:return e;default:return t}}case o:return t}}}function _(e){return b(e)===d}t.typeOf=b,t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=h,t.Fragment=i,t.Lazy=v,t.Memo=f,t.Portal=o,t.Profiler=s,t.StrictMode=a,t.Suspense=p,t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===d||e===s||e===a||e===p||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===v||e.$$typeof===f||e.$$typeof===l||e.$$typeof===c||e.$$typeof===h||e.$$typeof===g||e.$$typeof===y||e.$$typeof===E)},t.isAsyncMode=function(e){return _(e)||b(e)===u},t.isConcurrentMode=_,t.isContextConsumer=function(e){return b(e)===c},t.isContextProvider=function(e){return b(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return b(e)===h},t.isFragment=function(e){return b(e)===i},t.isLazy=function(e){return b(e)===v},t.isMemo=function(e){return b(e)===f},t.isPortal=function(e){return b(e)===o},t.isProfiler=function(e){return b(e)===s},t.isStrictMode=function(e){return b(e)===a},t.isSuspense=function(e){return b(e)===p}}));it(st);st.typeOf,st.AsyncMode,st.ConcurrentMode,st.ContextConsumer,st.ContextProvider,st.Element,st.ForwardRef,st.Fragment,st.Lazy,st.Memo,st.Portal,st.Profiler,st.StrictMode,st.Suspense,st.isValidElementType,st.isAsyncMode,st.isConcurrentMode,st.isContextConsumer,st.isContextProvider,st.isElement,st.isForwardRef,st.isFragment,st.isLazy,st.isMemo,st.isPortal,st.isProfiler,st.isStrictMode,st.isSuspense;var lt=at((function(e,t){"production"!==process.env.NODE_ENV&&function(){Object.defineProperty(t,"__esModule",{value:!0});var e="function"==typeof Symbol&&Symbol.for,n=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,s=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,h=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,m=e?Symbol.for("react.memo"):60115,f=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,y=e?Symbol.for("react.scope"):60119;var E=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,(function(){return n[o++]}));"undefined"!=typeof console&&console.warn(i);try{throw new Error(i)}catch(e){}},b=function(e,t){if(void 0===t)throw new Error("`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning message argument");if(!e){for(var n=arguments.length,r=new Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];E.apply(void 0,[t].concat(r))}};function _(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:var p=e.type;switch(p){case c:case u:case o:case a:case i:case h:return p;default:var v=p&&p.$$typeof;switch(v){case l:case d:case f:case m:case s:return v;default:return t}}case r:return t}}}var w=c,M=u,C=l,z=s,S=n,x=d,O=o,T=f,L=m,H=r,V=a,R=i,D=h,A=!1;function I(e){return _(e)===u}t.typeOf=_,t.AsyncMode=w,t.ConcurrentMode=M,t.ContextConsumer=C,t.ContextProvider=z,t.Element=S,t.ForwardRef=x,t.Fragment=O,t.Lazy=T,t.Memo=L,t.Portal=H,t.Profiler=V,t.StrictMode=R,t.Suspense=D,t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===u||e===a||e===i||e===h||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===f||e.$$typeof===m||e.$$typeof===s||e.$$typeof===l||e.$$typeof===d||e.$$typeof===v||e.$$typeof===g||e.$$typeof===y)},t.isAsyncMode=function(e){return A||(A=!0,b(!1,"The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),I(e)||_(e)===c},t.isConcurrentMode=I,t.isContextConsumer=function(e){return _(e)===l},t.isContextProvider=function(e){return _(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return _(e)===d},t.isFragment=function(e){return _(e)===o},t.isLazy=function(e){return _(e)===f},t.isMemo=function(e){return _(e)===m},t.isPortal=function(e){return _(e)===r},t.isProfiler=function(e){return _(e)===a},t.isStrictMode=function(e){return _(e)===i},t.isSuspense=function(e){return _(e)===h}}()}));it(lt);lt.typeOf,lt.AsyncMode,lt.ConcurrentMode,lt.ContextConsumer,lt.ContextProvider,lt.Element,lt.ForwardRef,lt.Fragment,lt.Lazy,lt.Memo,lt.Portal,lt.Profiler,lt.StrictMode,lt.Suspense,lt.isValidElementType,lt.isAsyncMode,lt.isConcurrentMode,lt.isContextConsumer,lt.isContextProvider,lt.isElement,lt.isForwardRef,lt.isFragment,lt.isLazy,lt.isMemo,lt.isPortal,lt.isProfiler,lt.isStrictMode,lt.isSuspense;var ct=at((function(e){"production"===process.env.NODE_ENV?e.exports=st:e.exports=lt})),ut=Object.getOwnPropertySymbols,dt=Object.prototype.hasOwnProperty,ht=Object.prototype.propertyIsEnumerable;function pt(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}var mt=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,r,o=pt(e),i=1;i<arguments.length;i++){for(var a in n=Object(arguments[i]))dt.call(n,a)&&(o[a]=n[a]);if(ut){r=ut(n);for(var s=0;s<r.length;s++)ht.call(n,r[s])&&(o[r[s]]=n[r[s]])}}return o},ft="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",vt=function(){};if("production"!==process.env.NODE_ENV){var gt=ft,yt={},Et=Function.call.bind(Object.prototype.hasOwnProperty);vt=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function bt(e,t,n,r,o){if("production"!==process.env.NODE_ENV)for(var i in e)if(Et(e,i)){var a;try{if("function"!=typeof e[i]){var s=Error((r||"React class")+": "+n+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.");throw s.name="Invariant Violation",s}a=e[i](t,i,r,n,null,gt)}catch(e){a=e}if(!a||a instanceof Error||vt((r||"React class")+": type specification of "+n+" `"+i+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in yt)){yt[a.message]=!0;var l=o?o():"";vt("Failed "+n+" type: "+a.message+(null!=l?l:""))}}}bt.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(yt={})};var _t=bt,wt=Function.call.bind(Object.prototype.hasOwnProperty),Mt=function(){};function Ct(){return null}"production"!==process.env.NODE_ENV&&(Mt=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}});var zt=function(e,t){var n="function"==typeof Symbol&&Symbol.iterator;var r={array:s("array"),bool:s("boolean"),func:s("function"),number:s("number"),object:s("object"),string:s("string"),symbol:s("symbol"),any:a(Ct),arrayOf:function(e){return a((function(t,n,r,o,a){if("function"!=typeof e)return new i("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var s=t[n];if(!Array.isArray(s))return new i("Invalid "+o+" `"+a+"` of type `"+c(s)+"` supplied to `"+r+"`, expected an array.");for(var l=0;l<s.length;l++){var u=e(s,l,r,o,a+"["+l+"]",ft);if(u instanceof Error)return u}return null}))},element:a((function(t,n,r,o,a){var s=t[n];return e(s)?null:new i("Invalid "+o+" `"+a+"` of type `"+c(s)+"` supplied to `"+r+"`, expected a single ReactElement.")})),elementType:a((function(e,t,n,r,o){var a=e[t];return ct.isValidElementType(a)?null:new i("Invalid "+r+" `"+o+"` of type `"+c(a)+"` supplied to `"+n+"`, expected a single ReactElement type.")})),instanceOf:function(e){return a((function(t,n,r,o,a){if(!(t[n]instanceof e)){var s=e.name||"<<anonymous>>";return new i("Invalid "+o+" `"+a+"` of type `"+function(e){if(!e.constructor||!e.constructor.name)return"<<anonymous>>";return e.constructor.name}(t[n])+"` supplied to `"+r+"`, expected instance of `"+s+"`.")}return null}))},node:a((function(e,t,n,r,o){return l(e[t])?null:new i("Invalid "+r+" `"+o+"` supplied to `"+n+"`, expected a ReactNode.")})),objectOf:function(e){return a((function(t,n,r,o,a){if("function"!=typeof e)return new i("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var s=t[n],l=c(s);if("object"!==l)return new i("Invalid "+o+" `"+a+"` of type `"+l+"` supplied to `"+r+"`, expected an object.");for(var u in s)if(wt(s,u)){var d=e(s,u,r,o,a+"."+u,ft);if(d instanceof Error)return d}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&(arguments.length>1?Mt("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):Mt("Invalid argument supplied to oneOf, expected an array.")),Ct;function t(t,n,r,a,s){for(var l=t[n],c=0;c<e.length;c++)if(o(l,e[c]))return null;var d=JSON.stringify(e,(function(e,t){return"symbol"===u(t)?String(t):t}));return new i("Invalid "+a+" `"+s+"` of value `"+String(l)+"` supplied to `"+r+"`, expected one of "+d+".")}return a(t)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&Mt("Invalid argument supplied to oneOfType, expected an instance of array."),Ct;for(var t=0;t<e.length;t++){var n=e[t];if("function"!=typeof n)return Mt("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+d(n)+" at index "+t+"."),Ct}return a((function(t,n,r,o,a){for(var s=0;s<e.length;s++){if(null==(0,e[s])(t,n,r,o,a,ft))return null}return new i("Invalid "+o+" `"+a+"` supplied to `"+r+"`.")}))},shape:function(e){return a((function(t,n,r,o,a){var s=t[n],l=c(s);if("object"!==l)return new i("Invalid "+o+" `"+a+"` of type `"+l+"` supplied to `"+r+"`, expected `object`.");for(var u in e){var d=e[u];if(d){var h=d(s,u,r,o,a+"."+u,ft);if(h)return h}}return null}))},exact:function(e){return a((function(t,n,r,o,a){var s=t[n],l=c(s);if("object"!==l)return new i("Invalid "+o+" `"+a+"` of type `"+l+"` supplied to `"+r+"`, expected `object`.");var u=mt({},t[n],e);for(var d in u){var h=e[d];if(!h)return new i("Invalid "+o+" `"+a+"` key `"+d+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(t[n],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var p=h(s,d,r,o,a+"."+d,ft);if(p)return p}return null}))}};function o(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function i(e){this.message=e,this.stack=""}function a(e){if("production"!==process.env.NODE_ENV)var n={},r=0;function o(o,a,s,l,c,u,d){if(l=l||"<<anonymous>>",u=u||s,d!==ft){if(t){var h=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw h.name="Invariant Violation",h}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var p=l+":"+s;!n[p]&&r<3&&(Mt("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+l+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),n[p]=!0,r++)}}return null==a[s]?o?null===a[s]?new i("The "+c+" `"+u+"` is marked as required in `"+l+"`, but its value is `null`."):new i("The "+c+" `"+u+"` is marked as required in `"+l+"`, but its value is `undefined`."):null:e(a,s,l,c,u)}var a=o.bind(null,!1);return a.isRequired=o.bind(null,!0),a}function s(e){return a((function(t,n,r,o,a,s){var l=t[n];return c(l)!==e?new i("Invalid "+o+" `"+a+"` of type `"+u(l)+"` supplied to `"+r+"`, expected `"+e+"`."):null}))}function l(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(l);if(null===t||e(t))return!0;var r=function(e){var t=e&&(n&&e[n]||e["@@iterator"]);if("function"==typeof t)return t}(t);if(!r)return!1;var o,i=r.call(t);if(r!==t.entries){for(;!(o=i.next()).done;)if(!l(o.value))return!1}else for(;!(o=i.next()).done;){var a=o.value;if(a&&!l(a[1]))return!1}return!0;default:return!1}}function c(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function u(e){if(null==e)return""+e;var t=c(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function d(e){var t=u(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return i.prototype=Error.prototype,r.checkPropTypes=_t,r.resetWarningCache=_t.resetWarningCache,r.PropTypes=r,r};function St(){}function xt(){}xt.resetWarningCache=St;var Ot,Tt=at((function(e){if("production"!==process.env.NODE_ENV){var t=ct;e.exports=zt(t.isElement,!0)}else e.exports=function(){function e(e,t,n,r,o,i){if(i!==ft){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:xt,resetWarningCache:St};return n.PropTypes=n,n}()})),Lt=["bottom","height","left","right","top","width"],Ht=new Map,Vt=function e(){var t=[];Ht.forEach((function(e,n){var r,o,i=n.getBoundingClientRect();r=i,o=e.rect,void 0===r&&(r={}),void 0===o&&(o={}),Lt.some((function(e){return r[e]!==o[e]}))&&(e.rect=i,t.push(e))})),t.forEach((function(e){e.callbacks.forEach((function(t){return t(e.rect)}))})),Ot=window.requestAnimationFrame(e)};var Rt,Dt,At,It,Nt,kt,Pt=function(e){var t=e.onChange,n=e.observe,r=void 0===n||n,i=e.children,a=o(null);return i({ref:a,rect:Ft(a,r,t)})};function Ft(e,t,r){void 0===t&&(t=!0);var i=o(!1),a=n(null),s=a[0],l=a[1],c=o(null);return je((function(){var n,o,a=function(){c.current&&c.current.unobserve()};return e.current?(c.current||(c.current=(n=e.current,o=function(e){r&&r(e),l(e)},{observe:function(){var e=0===Ht.size;Ht.has(n)?Ht.get(n).callbacks.push(o):Ht.set(n,{rect:void 0,hasRectChanged:!1,callbacks:[o]}),e&&Vt()},unobserve:function(){var e=Ht.get(n);if(e){var t=e.callbacks.indexOf(o);t>=0&&e.callbacks.splice(t,1),e.callbacks.length||Ht.delete(n),Ht.size||cancelAnimationFrame(Ot)}}})),i.current||(i.current=!0,l(e.current.getBoundingClientRect())),t&&c.current.observe(),a):(console.warn("You need to place the ref"),a)}),[t,r]),s}function Bt(){return(Bt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function jt(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}"production"!==process.env.NODE_ENV&&(Pt.displayName="Rect",Pt.propTypes={children:Tt.func.isRequired,observe:Tt.bool,onChange:Tt.func});var Ut,Wt,$t="IDLE",qt={initial:$t,states:(kt={},kt.IDLE={enter:Xt,on:(Rt={},Rt.MOUSE_ENTER="FOCUSED",Rt.FOCUS="VISIBLE",Rt)},kt.FOCUSED={enter:function(){window.clearTimeout(Ut),Ut=window.setTimeout((function(){return rn("REST")}),100)},leave:function(){window.clearTimeout(Ut)},on:(Dt={},Dt.MOUSE_MOVE="FOCUSED",Dt.MOUSE_LEAVE=$t,Dt.MOUSE_DOWN="DISMISSED",Dt.BLUR=$t,Dt.REST="VISIBLE",Dt)},kt.VISIBLE={on:(At={},At.FOCUS="FOCUSED",At.MOUSE_ENTER="FOCUSED",At.MOUSE_LEAVE="LEAVING_VISIBLE",At.BLUR="LEAVING_VISIBLE",At.MOUSE_DOWN="DISMISSED",At.SELECT_WITH_KEYBOARD="DISMISSED",At.GLOBAL_MOUSE_MOVE="LEAVING_VISIBLE",At)},kt.LEAVING_VISIBLE={enter:function(){window.clearTimeout(Wt),Wt=window.setTimeout((function(){return rn("TIME_COMPLETE")}),500)},leave:function(){window.clearTimeout(Wt),Xt()},on:(It={},It.MOUSE_ENTER="VISIBLE",It.FOCUS="VISIBLE",It.TIME_COMPLETE=$t,It)},kt.DISMISSED={leave:function(){Gt.id=null},on:(Nt={},Nt.MOUSE_LEAVE=$t,Nt.BLUR=$t,Nt)},kt)},Gt={id:null},Yt=qt.initial,Kt=[];function Xt(){Gt.id=null}function Zt(e){var t=void 0===e?{}:e,i=t.id,a=t.onMouseEnter,s=t.onMouseMove,l=t.onMouseLeave,c=t.onFocus,u=t.onBlur,d=t.onKeyDown,h=t.onMouseDown,p=t.ref,m=t.DEBUG_STYLE,f=String(function(e){var t=e||(et?nt():null),o=n(t),i=o[0],a=o[1];return je((function(){null===i&&a(nt())}),[]),r((function(){!1===et&&(et=!0)}),[]),null!=i?String(i):void 0}(i)),v=n(!!m||null!==f&&(Gt.id===f&&"VISIBLE"===Yt)),g=v[0],y=v[1],E=o(null),b=Je(p,E),_=Ft(E,g);return r((function(){return e=function(){Gt.id!==f||"VISIBLE"!==Yt&&"LEAVING_VISIBLE"!==Yt?y(!1):y(!0)},Kt.push(e),function(){Kt.splice(Kt.indexOf(e),1)};var e}),[f]),r((function(){return We("tooltip")}),[]),r((function(){var e=Xe(E.current)||document;function t(e){"Escape"!==e.key&&"Esc"!==e.key||"VISIBLE"!==Yt||rn("SELECT_WITH_KEYBOARD")}return e.addEventListener("keydown",t),function(){return e.removeEventListener("keydown",t)}}),[]),[{"aria-describedby":g?Ze("tooltip",f):void 0,"data-reach-tooltip-trigger":"",ref:b,onMouseEnter:Qe(a,(function(){rn("MOUSE_ENTER",{id:f})})),onMouseMove:Qe(s,(function(){rn("MOUSE_MOVE",{id:f})})),onFocus:Qe(c,(function(){window.__REACH_DISABLE_TOOLTIPS||rn("FOCUS",{id:f})})),onBlur:Qe(u,(function(){Gt.id===f&&rn("BLUR")})),onMouseLeave:Qe(l,(function(){rn("MOUSE_LEAVE")})),onKeyDown:Qe(d,(function(e){"Enter"!==e.key&&" "!==e.key||rn("SELECT_WITH_KEYBOARD")})),onMouseDown:Qe(h,(function(){Gt.id===f&&rn("MOUSE_DOWN")}))},{id:f,triggerRect:_,isVisible:g},g]}var Jt=Ye((function(t,n){var r=t.children,o=t.label,i=t.ariaLabel,c=t.id,u=t.DEBUG_STYLE,d=jt(t,["children","label","ariaLabel","id","DEBUG_STYLE"]),h=s.only(r);"production"!==process.env.NODE_ENV&&Be(!i,"The `ariaLabel prop is deprecated and will be removed from @reach/tooltip in a future version. Please use `aria-label` instead.");var p=Zt({id:c,onMouseEnter:h.props.onMouseEnter,onMouseMove:h.props.onMouseMove,onMouseLeave:h.props.onMouseLeave,onFocus:h.props.onFocus,onBlur:h.props.onBlur,onKeyDown:h.props.onKeyDown,onMouseDown:h.props.onMouseDown,ref:h.ref,DEBUG_STYLE:u}),m=p[0],f=p[1];return e.createElement(a,null,l(h,m),e.createElement(Qt,Object.assign({ref:n,label:o,"aria-label":i},f,d)))}));"production"!==process.env.NODE_ENV&&(Jt.displayName="Tooltip",Jt.propTypes={children:Tt.node.isRequired,label:Tt.node.isRequired,ariaLabel:Tt.string});var Qt=Ye((function(t,n){var r=t.label,o=t.ariaLabel,i=t.isVisible,a=t.id,s=jt(t,["label","ariaLabel","isVisible","id"]);return i?e.createElement(rt,null,e.createElement(en,Object.assign({ref:n,label:r,"aria-label":o,isVisible:i},s,{id:Ze("tooltip",String(a))}))):null}));"production"!==process.env.NODE_ENV&&(Qt.displayName="TooltipPopup",Qt.propTypes={label:Tt.node.isRequired,ariaLabel:Tt.string,position:Tt.func});var en=Ye((function(t,n){var r=t.ariaLabel,i=t["aria-label"],s=t.as,l=void 0===s?"div":s,c=t.id,u=t.isVisible,d=t.label,h=t.position,p=void 0===h?nn:h,m=t.style,f=t.triggerRect,v=jt(t,["ariaLabel","aria-label","as","id","isVisible","label","position","style","triggerRect"]),g=null!=(i||r),y=o(null),E=Je(n,y),b=Ft(y,u);return e.createElement(a,null,e.createElement(l,Object.assign({role:g?void 0:"tooltip"},v,{ref:E,"data-reach-tooltip":"",id:g?void 0:c,style:Bt({},m,{},tn(p,f,b))}),d),g&&e.createElement(ot,{role:"tooltip",id:c},i||r))}));"production"!==process.env.NODE_ENV&&(en.displayName="TooltipContent",en.propTypes={});function tn(e,t,n){return!n?{visibility:"hidden"}:e(t,n)}var nn=function(e,t){var n=Ke(),r=n.width,o=n.height;if(!e||!t)return{};var i={top:e.top-t.height<0,right:r<e.left+t.width,bottom:o<e.bottom+t.height+8,left:e.left-t.width<0},a=i.bottom&&!i.top;return{left:i.right&&!i.left?e.right-t.width+window.pageXOffset+"px":e.left+window.pageXOffset+"px",top:a?e.top-8-t.height+window.pageYOffset+"px":e.top+8+e.height+window.pageYOffset+"px"}},rn=function(e,t){var n=qt.states[Yt],r=n&&n.on&&n.on[e];if(r){n&&n.leave&&n.leave(),t&&(Gt=t);var o=qt.states[r];o&&o.enter&&o.enter(),Yt=r,Kt.forEach((function(e){return e(Yt,Gt)}))}};const on={background:"rgb(0 0 0 / 0.9)",color:"white",border:"none",borderRadius:"4px",padding:"0.5em 1em",fontSize:12},an=({label:t,children:n})=>e.createElement(Jt,{label:t,style:on},n);an.displayName="Tooltip";class sn extends e.Component{render(){const t=this.props,{forwardedRef:n,children:r,className:o,fullwidth:i,type:a,title:s}=t,l=E(t,["forwardedRef","children","className","fullwidth","type","title"]),c=de(o,{button:!0,fullwidth:i}),u=e.createElement("button",Object.assign({ref:n,className:c,type:a||"button"},l),r,l.disabled?null:e.createElement(he,null));return s?e.createElement(an,{label:s},u):u}}var ln=e.forwardRef((t,n)=>e.createElement(sn,Object.assign({forwardedRef:n},t)));const cn=t=>{const{className:n,children:r}=t,o=E(t,["className","children"]);return e.createElement("div",Object.assign({className:de("button-group",n)},o),r)};var un={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},dn={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},hn={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},pn={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},mn={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121"},fn="#ffffff",vn="#000000";const gn={add:{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},"chevron-down":{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"}),e.createElement("path",{d:"M0-.75h24v24H0z",fill:"none"}))},"chevron-up":{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},"chevron-right":{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},close:{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},"more-vert":{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}))},sidebar:{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M 19,17 H 10 V 7 h 9 M 21,5 H 3 v 14 h 18 z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},undock:{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M7 5v10h14V5zM3 7v12h16v-2H5V7zm6 0h10v6H9z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},label:{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M10.13 3.245a1.994 1.994 0 0 0-1.542.992l-5.491 9.53c-.55.954-.23 2.178.723 2.728l8.66 5c.953.55 2.174.216 2.724-.737l5.509-9.521c.335-.58.349-1.265.087-1.832L17.65 2.54z"}))},camera:{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"}))},cancel:{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},"locate-scrubber":{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),e.createElement("path",{d:"M19 16v-3h4v-2h-4V8l-4 4zM5 8v3H1v2h4v3l4-4zm6 12h2V2h-2z"}),e.createElement("circle",{cx:"12",cy:"19",r:"3"}))},rewind:{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M18,9.86v4.28L14.97,12L18,9.86 M9,9.86v4.28L5.97,12L9,9.86 M20,6l-8.5,6l8.5,6V6L20,6z M11,6l-8.5,6l8.5,6V6L11,6z"}))},forward:{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M15,9.86L18.03,12L15,14.14V9.86 M6,9.86L9.03,12L6,14.14V9.86 M13,6v12l8.5-6L13,6L13,6z M4,6v12l8.5-6L4,6L4,6z"}))},download:{viewBox:"0 0 24 24",svg:e.createElement("g",null,e.createElement("path",{fill:"none",d:"M0,0h24v24H0V0z"}),e.createElement("path",{d:"M19.35,10.04C18.67,6.59,15.64,4,12,4C9.11,4,6.6,5.64,5.35,8.04C2.34,8.36,0,10.91,0,14c0,3.31,2.69,6,6,6h13\n\t\t\tc2.76,0,5-2.24,5-5C24,12.36,21.95,10.22,19.35,10.04z M19,18H6c-2.21,0-4-1.79-4-4c0-2.05,1.53-3.76,3.56-3.97l1.07-0.11\n\t\t\tl0.5-0.95C8.08,7.14,9.94,6,12,6c2.62,0,4.88,1.86,5.39,4.43l0.3,1.5l1.53,0.11C20.78,12.14,22,13.45,22,15\n\t\t\tC22,16.65,20.65,18,19,18z"}),e.createElement("polygon",{points:"13.45,10 10.55,10 10.55,13 8,13 12,17 16,13 13.45,13"}))},delete:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),e.createElement("g",null,e.createElement("path",{d:"M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"})))},timelapse:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M16.24 7.76A5.974 5.974 0 0 0 12 6v6l-4.24 4.24c2.34 2.34 6.14 2.34 8.49 0a5.99 5.99 0 0 0-.01-8.48zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},pause:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},play:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M8 5v14l11-7z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},playlist:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M4 15h16v-2H4v2zm0 4h16v-2H4v2zm0-8h16V9H4v2zm0-6v2h16V5H4z"}),e.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}))},map:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},library:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12.5v-9l6 4.5-6 4.5z"}))},notification:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M12 22c1.1 0 2-.9 2-2h-4a2 2 0 0 0 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"}))},categories:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},"arrow-right":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M10 17l5-5-5-5v10z"}),e.createElement("path",{fill:"none",d:"M0 24V0h24v24H0z"}))},person:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},"view-module":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},sync:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46A7.93 7.93 0 0 0 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74A7.93 7.93 0 0 0 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},unsync:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0zm0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M10 6.35V4.26c-.8.21-1.55.54-2.23.96l1.46 1.46c.25-.12.5-.24.77-.33zm-7.14-.94l2.36 2.36a7.925 7.925 0 0 0 1.14 9.87L4 20h6v-6l-2.24 2.24A6.003 6.003 0 0 1 6 12c0-1 .25-1.94.68-2.77l8.08 8.08c-.25.13-.5.25-.77.34v2.09c.8-.21 1.55-.54 2.23-.96l2.36 2.36 1.27-1.27L4.14 4.14 2.86 5.41zM20 4h-6v6l2.24-2.24A6.003 6.003 0 0 1 18 12c0 1-.25 1.94-.68 2.77l1.46 1.46a7.925 7.925 0 0 0-1.14-9.87L20 4z"}))},"volume-down":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M18.5 12A4.5 4.5 0 0 0 16 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},"volume-off":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},fullscreen:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))},"fullscreen-exit":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))},thumbnails:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M4 4v2H0v12h4v2h16v-2h4V6h-4V4H4zm1.455 1.334h1.453v1.332H5.455V5.334zm2.908 0h1.455v1.332H8.363V5.334zm2.91 0h1.454v1.332h-1.454V5.334zm2.909 0h1.455v1.332h-1.455V5.334zm2.91 0h1.453v1.332h-1.453V5.334zM1.059 7h1.058v1H1.06V7zm2.117 0H4v1h-.824V7zM20 7h.824v1H20V7zm1.883 0h1.058v1h-1.058V7zM5.455 8h13.09v8H5.455V8zM1.06 9H4v6H1.059V9zM20 9h2.941v6H20V9zM1.059 16h1.058v1H1.06v-1zm2.117 0H4v1h-.824v-1zM20 16h.824v1H20v-1zm1.883 0h1.058v1h-1.058v-1zM5.455 17.334h1.453v1.332H5.455v-1.332zm2.908 0h1.455v1.332H8.363v-1.332zm2.91 0h1.454v1.332h-1.454v-1.332zm2.909 0h1.455v1.332h-1.455v-1.332zm2.91 0h1.453v1.332h-1.453v-1.332z"}))},"create-clip":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("g",{id:"g16",transform:"matrix(.7033 0 0 .66667 -.462 2.333)"},e.createElement("path",{d:"M31.937 25V3H3.5v22zM28.015 5h1.961v2h-1.961zm0 4h1.961v2h-1.961zm0 4h1.961v2h-1.961zm0 4h1.961v2h-1.961zm0 4h1.961v2h-1.961zM9.384 5h16.67v18H9.384zM5.5 5h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2z"}),e.createElement("path",{d:"M9.625 7.625h14.75v14.75H9.625z",id:"path6",fill:"none"}),e.createElement("circle",{cx:"13.313",cy:"18.688",r:"1.229",id:"circle8",fill:"none"}),e.createElement("circle",{cx:"17",cy:"15",r:".307",id:"circle10",fill:"none"}),e.createElement("circle",{cx:"13.313",cy:"11.313",r:"1.229",id:"circle12",fill:"none"}),e.createElement("path",{d:"M16.268 11.32c.141-.307.221-.645.221-1.008a2.457 2.457 0 1 0-2.458 2.458c.363 0 .701-.08 1.008-.221L16.49 14l-1.45 1.45a2.398 2.398 0 0 0-1.008-.221 2.457 2.457 0 1 0 2.458 2.458c0-.363-.08-.701-.221-1.008l1.45-1.45 4.302 4.302h1.844v-.615zm-2.237.222a1.229 1.229 0 1 1 0-2.457 1.229 1.229 0 0 1 0 2.457zm0 7.375a1.229 1.229 0 1 1 0-2.457 1.229 1.229 0 0 1 0 2.457zm3.688-4.61a.304.304 0 0 1-.307-.307c0-.172.135-.307.307-.307s.307.135.307.307a.304.304 0 0 1-.307.307zm4.302-5.838l-3.688 3.688 1.229 1.229 4.302-4.302v-.615z"})))},"jam-pause":{viewBox:"-4 -3 24 24",svg:e.createElement("path",{d:"M2 0h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 2v14h2V2H2zm10-2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 2v14h2V2h-2z"})},"jam-play":{viewBox:"-4 -3 24 24",svg:e.createElement("path",{d:"M13.82 9.523a.976.976 0 0 0-.324-1.363L3.574 2.128a1.031 1.031 0 0 0-.535-.149c-.56 0-1.013.443-1.013.99V15.03c0 .185.053.366.153.523.296.464.92.606 1.395.317l9.922-6.031c.131-.08.243-.189.325-.317zm.746 1.997l-9.921 6.031c-1.425.867-3.3.44-4.186-.951A2.918 2.918 0 0 1 0 15.03V2.97C0 1.329 1.36 0 3.04 0c.567 0 1.123.155 1.605.448l9.921 6.032c1.425.866 1.862 2.696.975 4.088-.246.386-.58.712-.975.952z"})},"jam-volume-down":{viewBox:"-1 -3 24 24",svg:e.createElement("path",{d:"M12 2h-.6a2 2 0 0 0-1.444.617L6.239 6.5H2v5h4.239l3.717 3.883A2 2 0 0 0 11.4 16H12V2zM5.385 4.5L8.51 1.234A4 4 0 0 1 11.401 0H13a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-1.6a4 4 0 0 1-2.889-1.234L5.385 13.5H2a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h3.385zM16 7a1 1 0 0 1 0-2 4 4 0 1 1 0 8 1 1 0 0 1 0-2 2 2 0 1 0 0-4z"})},"jam-volume-mute":{viewBox:"-1 -3 24 24",svg:e.createElement("path",{d:"M12 2h-.6a2 2 0 0 0-1.444.617L6.239 6.5H2v5h4.239l3.717 3.883A2 2 0 0 0 11.4 16H12V2zM5.385 4.5L8.51 1.234A4 4 0 0 1 11.401 0H13a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-1.6a4 4 0 0 1-2.889-1.234L5.385 13.5H2a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h3.385zM19.415 9l1.413 1.414a1 1 0 1 1-1.414 1.414L18 10.414l-1.414 1.414a1 1 0 1 1-1.414-1.414L16.586 9l-1.414-1.414a1 1 0 0 1 1.414-1.414L18 7.586l1.414-1.414a1 1 0 1 1 1.414 1.414L19.414 9z"})},"jam-grid":{viewBox:"-2 -2 24 24",svg:e.createElement("path",{d:"M2 2v4h4V2H2zm0-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm12 0h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 2v4h4V2h-4zm0 10h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm0 2v4h4v-4h-4zM2 12h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm0 2v4h4v-4H2z"})},"jam-map":{viewBox:"-2 -2 24 24",svg:e.createElement("path",{d:"M2 17.613l3.419-1.14A5 5 0 0 1 6 16.317V2.387L2 3.721v13.892zm-.662 2.328A1 1 0 0 1 0 19V3a1 1 0 0 1 .706-.956L5.419.473a5 5 0 0 1 3.162 0l3.47 1.157a3 3 0 0 0 1.898 0L18.662.059A1 1 0 0 1 20 1v16a1 1 0 0 1-.706.956l-4.713 1.571a5 5 0 0 1-3.162 0l-3.47-1.157a3 3 0 0 0-1.898 0l-4.713 1.571zM18 16.28V2.387l-3.419 1.14a5 5 0 0 1-.581.156v13.93l4-1.334zm-6 1.334V3.683a5 5 0 0 1-.581-.156L8 2.387v13.93a5 5 0 0 1 .581.156L12 17.613z"})},"jam-refresh":{viewBox:"-1.5 -2.5 24 24",svg:e.createElement("path",{d:"M17.83 4.194l.42-1.377a1 1 0 1 1 1.913.585l-1.17 3.825a1 1 0 0 1-1.248.664l-3.825-1.17a1 1 0 1 1 .585-1.912l1.672.511A7.381 7.381 0 0 0 3.185 6.584l-.26.633a1 1 0 1 1-1.85-.758l.26-.633A9.381 9.381 0 0 1 17.83 4.194zM2.308 14.807l-.327 1.311a1 1 0 1 1-1.94-.484l.967-3.88a1 1 0 0 1 1.265-.716l3.828.954a1 1 0 0 1-.484 1.941l-1.786-.445a7.384 7.384 0 0 0 13.216-1.792 1 1 0 1 1 1.906.608 9.381 9.381 0 0 1-5.38 5.831 9.386 9.386 0 0 1-11.265-3.328z"})},"jam-refresh-disabled":{viewBox:"0 0 1000 1000",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M771 596s3.135-13.72 14.295-23.678c9.824-8.766 26.766-14.393 40.705-8.322 44.209 19.254 23 63 23 63l-12 30z"}),e.createElement("path",{d:"M133.452 116.262l758.786 701.786a41.5 41.5 0 0 1-58.69 58.69s-35.084-35.415-92.561-87.766c-.177-.161-95.5 99.8-261.879 99.8-143.03 0-254.171-74.942-319.948-167.255-.1-.142-14.263 57.042-14.263 57.042s-13 33.184-40.876 29.887C54.347 802.568 63 759 63 759l40-160.913A47.86 47.86 0 0 1 116 573c15.984-15.716 36.986-10.037 36.986-10.037s114.6 29.361 162.946 40.5C339.544 608.9 352.755 634.365 348 652c-9.686 35.922-38.922 35.226-50.161 32.639-32-7.37-74.932-17.925-74.932-17.925s82.831 139 256.575 139c122.07 0 200.624-74.124 200.572-74.174C550.93 607.824 363.206 435.289 229.015 317.618c-.145-.128-20.291 26.919-46.939 91.71-6.913 16.81-32.914 31.275-56.676 17.9-18.277-10.289-26.105-31.266-20.326-48.937 24.3-74.3 62.612-117.389 62.572-117.432-53.078-55.995-92.884-85.906-92.884-85.906a41.5 41.5 0 0 1 58.69-58.691z"}),e.createElement("path",{d:"M358 213s51.052-26 121-26c178.393 0 257 139 257 139l-73-23s-34.43-8.448-48 25c-15.325 37.773 26 56 26 56l162 49s16.2 6.072 32-4 17-20 17-20l51-164s10.933-40.7-29-52c-34.45-9.748-50 23-50 23l-19 62S697.016 104 480 104c-108.167 0-187 49-187 49z"}))},"jam-close":{viewBox:"-6 -6 24 24",svg:e.createElement("path",{d:"M7.314 5.9l3.535-3.536A1 1 0 1 0 9.435.95L5.899 4.485 2.364.95A1 1 0 1 0 .95 2.364l3.535 3.535L.95 9.435a1 1 0 1 0 1.414 1.414l3.535-3.535 3.536 3.535a1 1 0 1 0 1.414-1.414L7.314 5.899z"})},"aspect-ratio":{viewBox:"0 0 1000 1000",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M786.864 166H208.241C145.638 166 83 221.33 83 285.047v428.3C83 776.157 139.182 834 209.869 834h582.1C860.579 834 917 773.784 917 713.533v-426.9C917 221.834 856.793 166 786.864 166zm44.776 115.431v437.2c0 13.086-20.229 30.649-35.5 30.649H200.32c-12.238 0-31.96-18.745-31.96-28.877V280.092c0-11.127 19.122-29.372 31.382-29.372h600.25c12.716 0 31.648 20.35 31.648 30.711z"}),e.createElement("path",{d:"M252.9 335.128V550h85.57V421.6h128.587v-86.472H252.9z"}),e.createElement("path",{d:"M747.1 663.872V449h-85.57v128.4H532.943v86.474H747.1z"}))},share:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"}))},peek:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}))},unpeek:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M1.455 11c-.165.326-.32.658-.455 1 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-.135-.342-.29-.674-.455-1-1.95 3.853-5.935 6.5-10.545 6.5S3.405 14.853 1.455 11z"}))},"jam-camera":{viewBox:"-2 -4 24 24",svg:e.createElement("path",{d:"M5.676 5H4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1.676l-.387-1.501A2.002 2.002 0 0 0 12 2H8a2 2 0 0 0-1.937 1.499L5.676 5zm-1.55-2C4.57 1.275 6.136 0 8 0h4a4.002 4.002 0 0 1 3.874 3H16a4 4 0 0 1 4 4v5a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h.126zM10 13a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"})},"jam-activity":{viewBox:"-2 -3 24 24",svg:e.createElement("path",{d:"M7.116 10.749L6 1.948l-1.116 8.8H1c-.552 0-1-.437-1-.976a.99.99 0 0 1 1-.978h2.116l.9-7.086C4.15.636 5.15-.124 6.245.008c.91.11 1.626.81 1.739 1.7l.899 7.086h1.974L12 16.04l1.142-7.245H19c.552 0 1 .438 1 .978s-.448.977-1 .977h-4.142l-.881 5.587a1.978 1.978 0 0 1-1.672 1.634c-1.092.165-2.113-.567-2.282-1.634l-.88-5.587H7.115z"})},search:{viewBox:"-2.5 -2.5 24 24",svg:e.createElement("path",{d:"M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12zm6.32-1.094l3.58 3.58a1 1 0 1 1-1.415 1.413l-3.58-3.58a8 8 0 1 1 1.414-1.414z"})},"filter-list":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},help:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"}))},"jam-play-circle":{viewBox:"-2 -2 24 24",svg:e.createElement("path",{d:"M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm4.126-6.254l-4.055 2.898c-.905.646-2.13.389-2.737-.576A2.201 2.201 0 0 1 7 12.898V7.102C7 5.942 7.883 5 8.972 5c.391 0 .774.124 1.099.356l4.055 2.898c.905.647 1.146 1.952.54 2.917a2.042 2.042 0 0 1-.54.575zM8.972 7.102v5.796L13.027 10 8.972 7.102z"})},pdf:{viewBox:"0 0 36 44",svg:e.createElement(e.Fragment,null,e.createElement("defs",null,e.createElement("clipPath",{id:"a"},e.createElement("path",{d:"M0 0h36v44H0z"}))),e.createElement("g",{clipPath:"url(#a)"},e.createElement("path",{d:"M11.33 24c-.76-.011-1.52.046-2.27.17V32h1.66v-2.84c.19.014.38.014.57 0a3.303 3.303 0 0 0 2.41-.83 2.63 2.63 0 0 0 .68-1.88 2.39 2.39 0 0 0-.79-1.83 3.38 3.38 0 0 0-2.26-.62zm0 3.81a2.384 2.384 0 0 1-.56 0v-2.38a2.67 2.67 0 0 1 .69-.07c.84 0 1.31.44 1.31 1.16a1.27 1.27 0 0 1-1.49 1.3l.05-.01zM23.06 32h1.68v-3.19h2.66v-1.46h-2.66v-1.81h2.85v-1.47h-4.53V32zm-5.73-8c-.76-.005-1.519.052-2.27.17V32c.63.084 1.265.124 1.9.12a5.08 5.08 0 0 0 3.42-1 4.15 4.15 0 0 0 1.23-3.21 3.61 3.61 0 0 0-1.25-3 4.538 4.538 0 0 0-3.03-.91zm0 6.67a2.958 2.958 0 0 1-.58 0v-5.21a3.29 3.29 0 0 1 .76-.07 2.2 2.2 0 0 1 2.33 2.52c-.01 1.89-1 2.78-2.51 2.77v-.01zM26 0H4a4 4 0 0 0-4 4v36a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V11L26 0zm8 40a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h18v10a2 2 0 0 0 2 2h10v26zM24 12V2h1l9 10H24z"})))},stop:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M6 6h12v12H6z"}))},"zoom-in":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}),e.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),e.createElement("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"}))},"zoom-out":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"}))},control:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M15.54 5.54L13.77 7.3 12 5.54 10.23 7.3 8.46 5.54 12 2zm2.92 10l-1.76-1.77L18.46 12l-1.76-1.77 1.76-1.77L22 12zm-10 2.92l1.77-1.76L12 18.46l1.77-1.76 1.77 1.76L12 22zm-2.92-10l1.76 1.77L5.54 12l1.76 1.77-1.76 1.77L2 12z"}),e.createElement("circle",{cx:"12",cy:"12",r:"3"}),e.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}))},mic:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},"arrow-forward":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}),e.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}))},"jam-shield":{viewBox:"-4 -2 24 24",svg:e.createElement("path",{d:"M2 4.386V8a9.02 9.02 0 0 0 3.08 6.787L8 17.342l2.92-2.555A9.019 9.019 0 0 0 14 8V4.386l-6-2.25-6 2.25zM.649 2.756L8 0l7.351 2.757a1 1 0 0 1 .649.936V8c0 3.177-1.372 6.2-3.763 8.293L8 20l-4.237-3.707A11.019 11.019 0 0 1 0 8V3.693a1 1 0 0 1 .649-.936z"})},"jam-shield-filled":{viewBox:"-4 -1.5 24 24",svg:e.createElement("path",{d:"M.649 3.322L8 .565l7.351 2.757a1 1 0 0 1 .649.936v4.307c0 3.177-1.372 6.2-3.763 8.292L8 20.565l-4.237-3.708A11.019 11.019 0 0 1 0 8.565V4.258a1 1 0 0 1 .649-.936z"})},"jam-shield-check-filled":{viewBox:"-4 -1.5 24 24",svg:e.createElement("path",{d:"M.649 3.322L8 .565l7.351 2.757a1 1 0 0 1 .649.936v4.307c0 3.177-1.372 6.2-3.763 8.292L8 20.565l-4.237-3.708A11.019 11.019 0 0 1 0 8.565V4.258a1 1 0 0 1 .649-.936zm6.29 7.51L5.525 9.42a1 1 0 1 0-1.414 1.414l2.121 2.121a1 1 0 0 0 1.414 0l4.243-4.243a1 1 0 1 0-1.414-1.414l-3.536 3.536z"})},"directions-run":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),e.createElement("path",{d:"M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z"}))},"directions-car":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},done:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),e.createElement("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}))},"blur-on":{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 5.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-4-12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm4-4.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-4c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},alien:{viewBox:"0 0 1050 1280",svg:e.createElement("g",{transform:"translate(0.000000,1280.000000) scale(0.100000,-0.100000)"},e.createElement("path",{d:"M4845 12789 c-822 -47 -1550 -229 -2210 -554 -483 -237 -826 -483 -1205 -864 -291 -292 -481 -535 -679 -866 -417 -698 -653 -1484 -733 -2435 -26 -315 -14 -1132 23 -1535 95 -1033 356 -1798 909 -2670 316 -497 846 -1183 1521 -1965 989 -1148 1752 -1724 2479 -1871 165 -34 435 -34 600 0 581 118 1206 526 1911 1249 551 564 1406 1597 1872 2263 575 821 889 1535 1042 2369 77 422 111 821 121 1415 13 719 -46 1276 -196 1851 -154 591 -423 1176 -751 1637 -253 353 -601 712 -941 968 -899 677 -2058 1025 -3388 1017 -129 0 -298 -5 -375 -9z m-2630 -6149 c446 -64 1102 -602 1700 -1395 564 -748 893 -1494 836 -1896 -28 -203 -125 -313 -318 -363 -165 -43 -449 -41 -678 5 -900 180 -1888 974 -2265 1819 -127 285 -191 596 -176 855 36 615 318 961 801 983 17 1 62 -3 100 -8z m6350 -17 c202 -43 385 -195 492 -408 99 -196 150 -516 124 -775 -52 -512 -313 -1015 -771 -1484 -638 -654 -1491 -1050 -2149 -997 -220 18 -327 56 -411 148 -194 212 -122 680 199 1298 461 888 1292 1814 1901 2120 237 119 400 145 615 98z m-2255 -4823 c0 -36 -120 -181 -203 -243 -179 -138 -403 -212 -714 -238 -385 -32 -766 58 -1000 238 -83 62 -203 207 -203 243 0 7 336 10 1060 10 724 0 1060 -3 1060 -10z"}))},flame:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},palette:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},"selection-multiple-marker":{viewBox:"0 0 24 24",svg:e.createElement("path",{d:"M7 4H9V6H8V7H6V5C6 4.45 6.45 4 7 4M19 4C19.55 4 20 4.45 20 5V7H18V6H17V4H19M11 6V4H15V6H11M7 18C6.45 18 6 17.55 6 17V15H8V16H9V18H7M6 9H8V13H6V9M3 8H4V20H14.58L16.03 22L3 22C2.45 22 2 21.55 2 21V9C2 8.45 2.45 8 3 8M18.5 12C20.4 12 22 13.6 22 15.5C22 18.1 18.5 22 18.5 22C18.5 22 15 18.1 15 15.5C15 13.6 16.6 12 18.5 12M18.5 16.8C19.2 16.8 19.8 16.2 19.7 15.6C19.7 15 19.1 14.4 18.5 14.4C17.9 14.4 17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8M11 18V16H13C13.09 16.66 13.27 17.33 13.5 18H11M20 9V10.23C19.5 10.08 19 10 18.5 10L18 10.03V9H20Z"})},overscan:{viewBox:"0 0 24 24",svg:e.createElement("path",{d:"M12 5.5L10 8H14L12 5.5M18 10V14L20.5 12L18 10M6 10L3.5 12L6 14V10M14 16H10L12 18.5L14 16M21 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H21C22.1 21 23 20.1 23 19V5C23 3.9 22.1 3 21 3M21 19H3V5H21V19Z"})},check_circle:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},arrow_drop_down:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M7 10l5 5 5-5z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},arrow_drop_up:{viewBox:"0 0 24 24",svg:e.createElement(e.Fragment,null,e.createElement("path",{d:"M7 14l5-5 5 5z"}),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}};class yn extends e.Component{render(){const t=this.props,{name:n,size:r=24,color:o="currentColor"}=t,i=E(t,["name","size","color"]),a=gn[n].viewBox||"0 0 24 24",s=gn[n].svg||gn[n];return e.createElement("svg",Object.assign({preserveAspectRatio:"xMinYMin",className:"icon",width:r,fill:o,viewBox:a,height:r},i),s)}}const En=[{color:un[500],name:"red",highlightColor:un[100]},{color:hn[500],name:"green",highlightColor:hn[100]},{color:dn[500],name:"blue",highlightColor:dn[100]},{color:pn[500],name:"yellow",highlightColor:pn[900]},{color:vn,name:"black",highlightColor:fn},{color:fn,name:"white",highlightColor:vn},{color:mn[500],name:"dimgrey",highlightColor:mn[100]}];let bn=class extends e.Component{constructor(){super(...arguments),this.toggleColor=e=>{this.props.toggle(e)}}render(){const{value:t,clear:n}=this.props;return e.createElement("div",{className:"color-selector"},e.createElement("div",null,"COLOR"),e.createElement("div",{className:"color-selector__items"},En.map(({color:n,highlightColor:r,name:o})=>e.createElement("button",{key:o,className:de("color-selector__item",{selected:t.has(o)}),style:{backgroundColor:n,color:r,outlineColor:r},onClick:this.toggleColor.bind(null,o)},e.createElement(yn,{name:"done",size:20}))),e.createElement(ln,{disabled:!t.size,onClick:n},e.createElement(yn,{name:"close",size:20}))))}};bn=g([T],bn);var _n=bn;const wn=e=>`scale(${e})`,Mn=({children:e,from:t,style:n})=>{const r=ve({opacity:1,from:{opacity:0},config:{tension:300}});return c(ge.div,{style:Object.assign(Object.assign(Object.assign({},n),r),{transform:r.opacity.interpolate(wn),transformOrigin:`${t||"bottom"} center`,width:"max-content"})},e)},Cn=document.body;class zn extends e.Component{constructor(e){super(e),this.el=document.createElement("div")}componentDidMount(){Cn.appendChild(this.el)}componentWillUnmount(){Cn.removeChild(this.el)}render(){return pe.createPortal(this.props.children,this.el)}}const Sn=({width:t,height:n,color:r,position:o="top",style:i})=>{const a=[0,"top"===o?n:0],s=[t,a[1]],l=[t/2,n-a[1]],c=[t/4,n*("top"===o?3:1)/4],u=[.325*t,n-a[1]],d=[t-u[0],u[1]],h=[t-c[0],c[1]],p=e=>e.join(","),m=`M ${p(a)} `+`C ${p(c)} ${p(u)} ${p(l)} `+`${p(d)} ${p(h)} ${p(s)} Z`;return e.createElement("svg",{className:"tip",style:i,width:t,height:n,fill:r},e.createElement("path",{d:m}))};class xn extends e.Component{constructor(){super(...arguments),this.state={top:0,left:0,bottom:"auto",tipPosition:"bottom",tipOffset:0},this.targetRef=e.createRef(),this.popoverRef=e.createRef(),this.outsideClickListener=e=>{const t=e.target;if(this.popoverRef.current.contains(t))return;const n=pe.findDOMNode(this.targetRef.current);n&&n.contains(t)||this.props.onCloseRequest()},this.updatePosition=()=>{if(!this.popoverRef)return;const{disablePortal:e}=this.props,t=pe.findDOMNode(this.targetRef.current);if(!t)return void console.warn("popover: no target element found");const{top:n,left:r,bottom:o,height:i,width:a}=t.getBoundingClientRect();let s="calc(50% - 12px)",l="auto";const c=this.popoverRef.current;let u="bottom"===this.props.position?o+10:n-c.clientHeight-10,d=r+a/2-c.clientWidth/2,h="bottom"===this.props.position?"top":"bottom";u<0&&(u=o+10,h="top"),d<0&&(d=0,s=r+a/2-12),d+c.clientWidth>window.innerWidth&&(d=window.innerWidth-c.clientWidth,s=r-d+a/2-12),e&&(u=i+10,d=0,s=8,"top"===this.props.position&&(l=u,u="auto")),this.setState({top:u,bottom:l,left:d,tipPosition:h,tipOffset:s},()=>{this.forceUpdate()})}}componentWillUnmount(){this.stopOutsideClickListening()}componentDidUpdate(e){const{ignoreOutsideClick:t}=this.props;this.props.opened&&!e.opened&&(t||this.startOutsideClickListening(),requestAnimationFrame(this.updatePosition)),!this.props.opened&&e.opened&&this.stopOutsideClickListening()}render(){const{top:t,left:n,bottom:r,tipPosition:o,tipOffset:i}=this.state,{className:a,opened:s,disablePortal:l,disableAnimation:c}=this.props,u={position:"absolute",left:i};"bottom"===o?u.bottom=-8:u.top=-8;const d=de(a,"popover-body");let h=null;if(s){const i={zIndex:l?1:100000001,position:"absolute",top:t,bottom:r,left:n},a=e.createElement("div",{className:d,ref:this.popoverRef},this.props.children,e.createElement(Sn,{width:24,height:8,position:o,color:"white",style:u}));h=c?e.createElement("div",{className:"popover-wrapper",style:i},a):e.createElement(Mn,{from:o,style:i},a)}const p=e.cloneElement(this.props.target,{ref:this.targetRef});if(l)return e.createElement("div",{className:"popover",onMouseLeave:this.props.onMouseLeave},p,h);const m=s&&e.createElement(zn,null,h);return e.createElement(e.Fragment,null,p,m)}startOutsideClickListening(){document.addEventListener("mousedown",this.outsideClickListener,!0)}stopOutsideClickListening(){document.removeEventListener("mousedown",this.outsideClickListener,!0)}}let On=class extends e.Component{constructor(){super(...arguments),this.containerRef=e.createRef(),this.sliderRef=e.createRef(),this.probabilityThreshold=0,this.width=0,this.resizeObserver=null,this.onSliderInput=e=>{this.probabilityThreshold=e.detail.value},this.onSliderChange=()=>{this.props.setter(this.probabilityThreshold/100)}}reactToValueChange(){this.disposeReactionToValue&&this.disposeReactionToValue(),this.disposeReactionToValue=z(this.props.getter,e=>{this.probabilityThreshold=Math.floor(100*e)},{fireImmediately:!0})}componentDidMount(){this.reactToValueChange(),this.resizeObserver=new Ee(e=>{for(const t of e){const e=t.contentRect.width;this.width=e}}),this.resizeObserver.observe(this.containerRef.current),L(this,z(()=>this.width,()=>{this.sliderRef.current.layout()}))}componentDidUpdate(e){e.getter!==this.props.getter&&this.reactToValueChange()}componentWillUnmount(){this.disposeReactionToValue()}render(){const t=Math.floor(100*this.props.getter());return e.createElement("div",{ref:this.containerRef,style:{paddingLeft:8,paddingRight:8,marginTop:5}},e.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},e.createElement("div",null,"CONFIDENCE"),e.createElement("div",{style:{fontSize:"1.1em"}},t,"%")),e.createElement(ye,{foundationRef:this.sliderRef,onInput:this.onSliderInput,onChange:this.onSliderChange,value:this.probabilityThreshold,discrete:!0,displayMarkers:!0,min:0,max:100,step:5}))}};g([S],On.prototype,"probabilityThreshold",void 0),g([S],On.prototype,"width",void 0),g([x],On.prototype,"onSliderInput",void 0),g([x],On.prototype,"onSliderChange",void 0),On=g([T],On);var Tn=On;function Ln(e){var t;t="undefined"!=typeof window?window:"undefined"!=typeof self?self:global;var n,r,o="undefined"!=typeof document&&document.attachEvent;if(!o){var i=(r=t.requestAnimationFrame||t.mozRequestAnimationFrame||t.webkitRequestAnimationFrame||function(e){return t.setTimeout(e,20)},function(e){return r(e)}),a=(n=t.cancelAnimationFrame||t.mozCancelAnimationFrame||t.webkitCancelAnimationFrame||t.clearTimeout,function(e){return n(e)}),s=function(e){var t=e.__resizeTriggers__,n=t.firstElementChild,r=t.lastElementChild,o=n.firstElementChild;r.scrollLeft=r.scrollWidth,r.scrollTop=r.scrollHeight,o.style.width=n.offsetWidth+1+"px",o.style.height=n.offsetHeight+1+"px",n.scrollLeft=n.scrollWidth,n.scrollTop=n.scrollHeight},l=function(e){if(!(e.target.className.indexOf("contract-trigger")<0&&e.target.className.indexOf("expand-trigger")<0)){var t=this;s(this),this.__resizeRAF__&&a(this.__resizeRAF__),this.__resizeRAF__=i((function(){(function(e){return e.offsetWidth!=e.__resizeLast__.width||e.offsetHeight!=e.__resizeLast__.height})(t)&&(t.__resizeLast__.width=t.offsetWidth,t.__resizeLast__.height=t.offsetHeight,t.__resizeListeners__.forEach((function(n){n.call(t,e)})))}))}},c=!1,u="",d="animationstart",h="Webkit Moz O ms".split(" "),p="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),m=document.createElement("fakeelement");if(void 0!==m.style.animationName&&(c=!0),!1===c)for(var f=0;f<h.length;f++)if(void 0!==m.style[h[f]+"AnimationName"]){u="-"+h[f].toLowerCase()+"-",d=p[f],c=!0;break}var v="resizeanim",g="@"+u+"keyframes "+v+" { from { opacity: 0; } to { opacity: 0; } } ",y=u+"animation: 1ms "+v+"; "}return{addResizeListener:function(n,r){if(o)n.attachEvent("onresize",r);else{if(!n.__resizeTriggers__){var i=n.ownerDocument,a=t.getComputedStyle(n);a&&"static"==a.position&&(n.style.position="relative"),function(t){if(!t.getElementById("detectElementResize")){var n=(g||"")+".resize-triggers { "+(y||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',r=t.head||t.getElementsByTagName("head")[0],o=t.createElement("style");o.id="detectElementResize",o.type="text/css",null!=e&&o.setAttribute("nonce",e),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(t.createTextNode(n)),r.appendChild(o)}}(i),n.__resizeLast__={},n.__resizeListeners__=[],(n.__resizeTriggers__=i.createElement("div")).className="resize-triggers",n.__resizeTriggers__.innerHTML='<div class="expand-trigger"><div></div></div><div class="contract-trigger"></div>',n.appendChild(n.__resizeTriggers__),s(n),n.addEventListener("scroll",l,!0),d&&(n.__resizeTriggers__.__animationListener__=function(e){e.animationName==v&&s(n)},n.__resizeTriggers__.addEventListener(d,n.__resizeTriggers__.__animationListener__))}n.__resizeListeners__.push(r)}},removeResizeListener:function(e,t){if(o)e.detachEvent("onresize",t);else if(e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(t),1),!e.__resizeListeners__.length){e.removeEventListener("scroll",l,!0),e.__resizeTriggers__.__animationListener__&&(e.__resizeTriggers__.removeEventListener(d,e.__resizeTriggers__.__animationListener__),e.__resizeTriggers__.__animationListener__=null);try{e.__resizeTriggers__=!e.removeChild(e.__resizeTriggers__)}catch(e){}}}}}var Hn=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},Vn=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),Rn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Dn=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},An=function(e){function t(){var e,n,r;Hn(this,t);for(var o=arguments.length,i=Array(o),a=0;a<o;a++)i[a]=arguments[a];return n=r=Dn(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),r.state={height:r.props.defaultHeight||0,width:r.props.defaultWidth||0},r._onResize=function(){var e=r.props,t=e.disableHeight,n=e.disableWidth,o=e.onResize;if(r._parentNode){var i=r._parentNode.offsetHeight||0,a=r._parentNode.offsetWidth||0,s=window.getComputedStyle(r._parentNode)||{},l=parseInt(s.paddingLeft,10)||0,c=parseInt(s.paddingRight,10)||0,u=parseInt(s.paddingTop,10)||0,d=parseInt(s.paddingBottom,10)||0,h=i-u-d,p=a-l-c;(!t&&r.state.height!==h||!n&&r.state.width!==p)&&(r.setState({height:i-u-d,width:a-l-c}),o({height:i,width:a}))}},r._setRef=function(e){r._autoSizer=e},Dn(r,n)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,u),Vn(t,[{key:"componentDidMount",value:function(){var e=this.props.nonce;this._autoSizer&&this._autoSizer.parentNode&&this._autoSizer.parentNode.ownerDocument&&this._autoSizer.parentNode.ownerDocument.defaultView&&this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement&&(this._parentNode=this._autoSizer.parentNode,this._detectElementResize=Ln(e),this._detectElementResize.addResizeListener(this._parentNode,this._onResize),this._onResize())}},{key:"componentWillUnmount",value:function(){this._detectElementResize&&this._parentNode&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize)}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.className,r=e.disableHeight,o=e.disableWidth,i=e.style,a=this.state,s=a.height,l=a.width,u={overflow:"visible"},d={},h=!1;return r||(0===s&&(h=!0),u.height=0,d.height=s),o||(0===l&&(h=!0),u.width=0,d.width=l),c("div",{className:n,ref:this._setRef,style:Rn({},u,i)},!h&&t(d))}}]),t}();function In(){return(In=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Nn(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}An.defaultProps={onResize:function(){},disableHeight:!1,disableWidth:!1,style:{}};var kn="object"==typeof performance&&"function"==typeof performance.now?function(){return performance.now()}:function(){return Date.now()};function Pn(e){cancelAnimationFrame(e.id)}var Fn=null;function Bn(e){if(void 0===e&&(e=!1),null===Fn||e){var t=document.createElement("div"),n=t.style;n.width="50px",n.height="50px",n.overflow="scroll",n.direction="rtl";var r=document.createElement("div"),o=r.style;return o.width="100px",o.height="100px",t.appendChild(r),document.body.appendChild(t),t.scrollLeft>0?Fn="positive-descending":(t.scrollLeft=1,Fn=0===t.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(t),Fn}return Fn}process.env.NODE_ENV;var jn=function(e,t){return e},Un=null,Wn=null;function $n(e){var t,n,r=e.getItemOffset,o=e.getEstimatedTotalSize,i=e.getItemSize,a=e.getOffsetForIndexAndAlignment,s=e.getStartIndexForOffset,l=e.getStopIndexForStartIndex,d=e.initInstanceProps,h=e.shouldResetStyleCacheOnItemSizeChange,p=e.validateProps;return n=t=function(e){var t,n;function u(t){var n;return(n=e.call(this,t)||this)._instanceProps=d(n.props,Nn(Nn(n))),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:Nn(Nn(n)),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof n.props.initialScrollOffset?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=be((function(e,t,r,o){return n.props.onItemsRendered({overscanStartIndex:e,overscanStopIndex:t,visibleStartIndex:r,visibleStopIndex:o})})),n._callOnScroll=void 0,n._callOnScroll=be((function(e,t,r){return n.props.onScroll({scrollDirection:e,scrollOffset:t,scrollUpdateWasRequested:r})})),n._getItemStyle=void 0,n._getItemStyle=function(e){var t,o=n.props,a=o.direction,s=o.itemSize,l=o.layout,c=n._getItemStyleCache(h&&s,h&&l,h&&a);if(c.hasOwnProperty(e))t=c[e];else{var u,d=r(n.props,e,n._instanceProps),p=i(n.props,e,n._instanceProps),m="horizontal"===a||"horizontal"===l;c[e]=((u={position:"absolute"})["rtl"===a?"right":"left"]=m?d:0,u.top=m?0:d,u.height=m?"100%":p,u.width=m?p:"100%",t=u)}return t},n._getItemStyleCache=void 0,n._getItemStyleCache=be((function(e,t,n){return{}})),n._onScrollHorizontal=function(e){var t=e.currentTarget,r=t.clientWidth,o=t.scrollLeft,i=t.scrollWidth;n.setState((function(e){if(e.scrollOffset===o)return null;var t=n.props.direction,a=o;if("rtl"===t)switch(Bn()){case"negative":a=-o;break;case"positive-descending":a=i-r-o}return a=Math.max(0,Math.min(a,i-r)),{isScrolling:!0,scrollDirection:e.scrollOffset<o?"forward":"backward",scrollOffset:a,scrollUpdateWasRequested:!1}}),n._resetIsScrollingDebounced)},n._onScrollVertical=function(e){var t=e.currentTarget,r=t.clientHeight,o=t.scrollHeight,i=t.scrollTop;n.setState((function(e){if(e.scrollOffset===i)return null;var t=Math.max(0,Math.min(i,o-r));return{isScrolling:!0,scrollDirection:e.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!1}}),n._resetIsScrollingDebounced)},n._outerRefSetter=function(e){var t=n.props.outerRef;n._outerRef=e,"function"==typeof t?t(e):null!=t&&"object"==typeof t&&t.hasOwnProperty("current")&&(t.current=e)},n._resetIsScrollingDebounced=function(){var e,t,r,o;null!==n._resetIsScrollingTimeoutId&&Pn(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=(e=n._resetIsScrolling,t=150,r=kn(),o={id:requestAnimationFrame((function n(){kn()-r>=t?e.call(null):o.id=requestAnimationFrame(n)}))})},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},(function(){n._getItemStyleCache(-1,null)}))},n}n=e,(t=u).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n,u.getDerivedStateFromProps=function(e,t){return qn(e,t),p(e),null};var m=u.prototype;return m.scrollTo=function(e){e=Math.max(0,e),this.setState((function(t){return t.scrollOffset===e?null:{scrollDirection:t.scrollOffset<e?"forward":"backward",scrollOffset:e,scrollUpdateWasRequested:!0}}),this._resetIsScrollingDebounced)},m.scrollToItem=function(e,t){void 0===t&&(t="auto");var n=this.props.itemCount,r=this.state.scrollOffset;e=Math.max(0,Math.min(e,n-1)),this.scrollTo(a(this.props,e,t,r,this._instanceProps))},m.componentDidMount=function(){var e=this.props,t=e.direction,n=e.initialScrollOffset,r=e.layout;if("number"==typeof n&&null!=this._outerRef){var o=this._outerRef;"horizontal"===t||"horizontal"===r?o.scrollLeft=n:o.scrollTop=n}this._callPropsCallbacks()},m.componentDidUpdate=function(){var e=this.props,t=e.direction,n=e.layout,r=this.state,o=r.scrollOffset;if(r.scrollUpdateWasRequested&&null!=this._outerRef){var i=this._outerRef;if("horizontal"===t||"horizontal"===n)if("rtl"===t)switch(Bn()){case"negative":i.scrollLeft=-o;break;case"positive-ascending":i.scrollLeft=o;break;default:var a=i.clientWidth,s=i.scrollWidth;i.scrollLeft=s-a-o}else i.scrollLeft=o;else i.scrollTop=o}this._callPropsCallbacks()},m.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&Pn(this._resetIsScrollingTimeoutId)},m.render=function(){var e=this.props,t=e.children,n=e.className,r=e.direction,i=e.height,a=e.innerRef,s=e.innerElementType,l=e.innerTagName,u=e.itemCount,d=e.itemData,h=e.itemKey,p=void 0===h?jn:h,m=e.layout,f=e.outerElementType,v=e.outerTagName,g=e.style,y=e.useIsScrolling,E=e.width,b=this.state.isScrolling,_="horizontal"===r||"horizontal"===m,w=_?this._onScrollHorizontal:this._onScrollVertical,M=this._getRangeToRender(),C=M[0],z=M[1],S=[];if(u>0)for(var x=C;x<=z;x++)S.push(c(t,{data:d,key:p(x,d),index:x,isScrolling:y?b:void 0,style:this._getItemStyle(x)}));var O=o(this.props,this._instanceProps);return c(f||v||"div",{className:n,onScroll:w,ref:this._outerRefSetter,style:In({position:"relative",height:i,width:E,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},g)},c(s||l||"div",{children:S,ref:a,style:{height:_?"100%":O,pointerEvents:b?"none":void 0,width:_?O:"100%"}}))},m._callPropsCallbacks=function(){if("function"==typeof this.props.onItemsRendered&&this.props.itemCount>0){var e=this._getRangeToRender(),t=e[0],n=e[1],r=e[2],o=e[3];this._callOnItemsRendered(t,n,r,o)}if("function"==typeof this.props.onScroll){var i=this.state,a=i.scrollDirection,s=i.scrollOffset,l=i.scrollUpdateWasRequested;this._callOnScroll(a,s,l)}},m._getRangeToRender=function(){var e=this.props,t=e.itemCount,n=e.overscanCount,r=this.state,o=r.isScrolling,i=r.scrollDirection,a=r.scrollOffset;if(0===t)return[0,0,0,0];var c=s(this.props,a,this._instanceProps),u=l(this.props,c,a,this._instanceProps),d=o&&"backward"!==i?1:Math.max(1,n),h=o&&"forward"!==i?1:Math.max(1,n);return[Math.max(0,c-d),Math.max(0,Math.min(t-1,u+h)),c,u]},u}(u),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},n}"production"!==process.env.NODE_ENV&&"undefined"!=typeof window&&void 0!==window.WeakSet&&(Un=new WeakSet,Wn=new WeakSet);var qn=function(e,t){var n=e.children,r=e.direction,o=e.height,i=e.layout,a=e.innerTagName,s=e.outerTagName,l=e.width,c=t.instance;if("production"!==process.env.NODE_ENV){null==a&&null==s||Wn&&!Wn.has(c)&&(Wn.add(c),console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));var u="horizontal"===r||"horizontal"===i;switch(r){case"horizontal":case"vertical":Un&&!Un.has(c)&&(Un.add(c),console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));break;case"ltr":case"rtl":break;default:throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". "'+r+'" was specified.')}switch(i){case"horizontal":case"vertical":break;default:throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". "'+i+'" was specified.')}if(null==n)throw Error('An invalid "children" prop has been specified. Value should be a React component. "'+(null===n?"null":typeof n)+'" was specified.');if(u&&"number"!=typeof l)throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. "'+(null===l?"null":typeof l)+'" was specified.');if(!u&&"number"!=typeof o)throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. "'+(null===o?"null":typeof o)+'" was specified.')}},Gn=$n({getItemOffset:function(e,t){return t*e.itemSize},getItemSize:function(e,t){return e.itemSize},getEstimatedTotalSize:function(e){var t=e.itemCount;return e.itemSize*t},getOffsetForIndexAndAlignment:function(e,t,n,r){var o=e.direction,i=e.height,a=e.itemCount,s=e.itemSize,l=e.layout,c=e.width,u="horizontal"===o||"horizontal"===l?c:i,d=Math.max(0,a*s-u),h=Math.min(d,t*s),p=Math.max(0,t*s-u+s);switch("smart"===n&&(n=r>=p-u&&r<=h+u?"auto":"center"),n){case"start":return h;case"end":return p;case"center":var m=Math.round(p+(h-p)/2);return m<Math.ceil(u/2)?0:m>d+Math.floor(u/2)?d:m;case"auto":default:return r>=p&&r<=h?r:r<p?p:h}},getStartIndexForOffset:function(e,t){var n=e.itemCount,r=e.itemSize;return Math.max(0,Math.min(n-1,Math.floor(t/r)))},getStopIndexForStartIndex:function(e,t,n){var r=e.direction,o=e.height,i=e.itemCount,a=e.itemSize,s=e.layout,l=e.width,c=t*a,u="horizontal"===r||"horizontal"===s?l:o,d=Math.ceil((u+n-c)/a);return Math.max(0,Math.min(i-1,t+d-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){var t=e.itemSize;if("production"!==process.env.NODE_ENV&&"number"!=typeof t)throw Error('An invalid "itemSize" prop has been specified. Value should be a number. "'+(null===t?"null":typeof t)+'" was specified.')}}),Yn=()=>e.createElement("svg",{width:"48px",height:"48px",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},e.createElement("rect",{x:"0",y:"0",width:"100",height:"100",fill:"none",className:"bk"}),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(0 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(30 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.08333333333333333s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(60 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.16666666666666666s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(90 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.25s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(120 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.3333333333333333s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(150 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.4166666666666667s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(180 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(210 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5833333333333334s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(240 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.6666666666666666s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(270 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.75s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(300 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.8333333333333334s",repeatCount:"indefinite"})),e.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"#ffffff",transform:"rotate(330 50 50) translate(0 -30)"},e.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.9166666666666666s",repeatCount:"indefinite"})));it(at((function(e,t){Object.defineProperty(t,"__esModule",{value:!0})})));var Kn,Xn={blur:"onBlur",cancel:"onCancel",click:"onClick",close:"onClose",contextmenu:"onContextMenu",copy:"onCopy",cut:"onCut",auxclick:"onAuxClick",doubleclick:"onDoubleClick",dragend:"onDragEnd",dragstart:"onDragStart",drop:"onDrop",focus:"onFocus",input:"onInput",invalid:"onInvalid",keydown:"onKeyDown",keypress:"onKeyPress",keyup:"onKeyUp",mousedown:"onMouseDown",mouseup:"onMouseUp",paste:"onPaste",pause:"onPause",play:"onPlay",pointercancel:"onPointerCancel",pointerdown:"onPointerDown",pointerup:"onPointerUp",ratechange:"onRateChange",reset:"onReset",seeked:"onSeeked",submit:"onSubmit",touchcancel:"onTouchCancel",touchend:"onTouchEnd",touchstart:"onTouchStart",volumechange:"onVolumeChange",abort:"onAbort",animationend:"onAnimationEnd",animationiteration:"onAnimationIteration",animationstart:"onAnimationStart",canplay:"onCanPlay",canplaythrough:"onCanPlayThrough",drag:"onDrag",dragenter:"onDragEnter",dragexit:"onDragExit",dragleave:"onDragLeave",dragover:"onDragOver",durationchange:"onDurationChange",emptied:"onEmptied",encrypted:"onEncrypted",ended:"onEnded",error:"onError",gotpointercapture:"onGotPointerCapture",load:"onLoad",loadeddata:"onLoadedData",loadedmetadata:"onLoadedMetadata",loadstart:"onLoadStart",lostpointercapture:"onLostPointerCapture",mousemove:"onMouseMove",mouseout:"onMouseOut",mouseover:"onMouseOver",playing:"onPlaying",pointermove:"onPointerMove",pointerout:"onPointerOut",pointerover:"onPointerOver",progress:"onProgress",scroll:"onScroll",seeking:"onSeeking",stalled:"onStalled",suspend:"onSuspend",timeupdate:"onTimeUpdate",toggle:"onToggle",touchmove:"onTouchMove",transitionend:"onTransitionEnd",waiting:"onWaiting",wheel:"onWheel",mouseenter:"onMouseEnter",mouseleave:"onMouseLeave",pointerenter:"onPointerEnter",pointerleave:"onPointerLeave",change:"onChange",select:"onSelect",beforeinput:"onBeforeInput",compositionend:"onCompositionEnd",compositionstart:"onCompositionStart",compositionupdate:"onCompositionUpdate"};function Zn(e,t){if(void 0===e&&(e=window),void 0===t&&(t=!1),void 0===Kn||t){var n=!1;try{e.document.addEventListener("test",(function(){}),{get passive(){return n=!0}})}catch(e){}Kn=n}return!!Kn&&{passive:!0}}var Jn,Qn={bottom:0,height:0,left:0,right:0,top:0,width:0},er=(e.forwardRef((function(t,n){var r=t.tag,o=void 0===r?"div":r,i=(t.theme,t.element),a=E(t,["tag","theme","element"]),s=i?i.props(a):a,l=i?er(n,i.setRef):n;return e.createElement(o,_({},s,{ref:l}))})),function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){var n,r;try{for(var o=b(e),i=o.next();!i.done;i=o.next()){var a=i.value;"function"==typeof a?a(t):a&&"current"in a&&(a.current=t)}}catch(e){n={error:e}}finally{try{i&&!i.done&&(r=o.return)&&r.call(o)}finally{if(n)throw n.error}}}}),tr=function(e,t){"function"==typeof e?e(t):e&&"current"in e&&(e.current=t)},nr=function(e){return Xn[e]||e},rr=function(){function e(e){this._classes=new Set,this._events={},this._style={},this._props={},this._ref=null,this._onChange=null,this._onChange=e,this.onChange=this.onChange.bind(this),this.addClass=this.addClass.bind(this),this.removeClass=this.removeClass.bind(this),this.hasClass=this.hasClass.bind(this),this.setProp=this.setProp.bind(this),this.getProp=this.getProp.bind(this),this.removeProp=this.removeProp.bind(this),this.setStyle=this.setStyle.bind(this),this.addEventListener=this.addEventListener.bind(this),this.removeEventListener=this.removeEventListener.bind(this),this.setRef=this.setRef.bind(this)}return e.prototype.onChange=function(){this._onChange&&this._onChange()},e.prototype.destroy=function(){var e=this;this._onChange=null,this._events={},this._style={},this._props={},this._classes=new Set,setTimeout((function(){e._ref=null}))},e.prototype.addClass=function(e){this._classes.has(e)||(this._classes.add(e),this.onChange())},e.prototype.removeClass=function(e){this._classes.has(e)&&(this._classes.delete(e),this.onChange())},e.prototype.hasClass=function(e){return this._classes.has(e)},e.prototype.setProp=function(e,t,n){void 0===n&&(n=!1),this._props[e]!==t&&(this._props[e]=t,!n&&this.onChange())},e.prototype.getProp=function(e){return this._props[e]},e.prototype.removeProp=function(e){void 0!==this._props[e]&&(delete this._props[e],this.onChange())},e.prototype.props=function(e){var t=this,n=e.className,r=void 0===n?"":n,o=e.style,i=void 0===o?{}:o,a=Object.entries(e).reduce((function(e,n){var r=w(n,2),o=r[0],i=r[1],a=t._events[o];if("function"==typeof i&&"function"==typeof a){e[o]=function(e){return a(e),i(e)}}return e}),_({},this._events)),s=de(r,M(this._classes)),l=_(_({},this._style),i);return _(_(_(_({},e),this._props),a),{style:l,className:s})},e.prototype.setStyle=function(e,t){e=e.startsWith("--")?e:e.replace(/(-[a-z])/g,(function(e){return e.toUpperCase().replace("-","")})),this._style[e]!==t&&(this._style[e]=t,this.onChange())},e.prototype.addEventListener=function(e,t){var n=nr(e);this._events[n]!==t&&(this._events[n]=t,this.onChange())},e.prototype.removeEventListener=function(e,t){var n=nr(e);this._events[n]&&(delete this._events[n],this.onChange())},e.prototype.setRef=function(e){e&&(this._ref=e)},Object.defineProperty(e.prototype,"ref",{get:function(){return this._ref},enumerable:!0,configurable:!0}),e}(),or=function(e){return function(t,n,r){var o;void 0===r&&(r=!1),o=new CustomEvent(t,{detail:n,bubbles:r}),Object.defineProperty(o,"target",{value:n,writable:!1}),Object.defineProperty(o,"currentTarget",{value:n,writable:!1});var i=t;return e[i]&&e[i](o),o}};
2
- /**
3
- * @license
4
- * Copyright 2016 Google Inc.
5
- *
6
- * Permission is hereby granted, free of charge, to any person obtaining a copy
7
- * of this software and associated documentation files (the "Software"), to deal
8
- * in the Software without restriction, including without limitation the rights
9
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
- * copies of the Software, and to permit persons to whom the Software is
11
- * furnished to do so, subject to the following conditions:
12
- *
13
- * The above copyright notice and this permission notice shall be included in
14
- * all copies or substantial portions of the Software.
15
- *
16
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
22
- * THE SOFTWARE.
23
- */
24
- var ir,ar=function(){function e(e){void 0===e&&(e={}),this.adapter_=e}return Object.defineProperty(e,"cssClasses",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{}},enumerable:!0,configurable:!0}),e.prototype.init=function(){},e.prototype.destroy=function(){},e}(),sr={BG_FOCUSED:"mdc-ripple-upgraded--background-focused",FG_ACTIVATION:"mdc-ripple-upgraded--foreground-activation",FG_DEACTIVATION:"mdc-ripple-upgraded--foreground-deactivation",ROOT:"mdc-ripple-upgraded",UNBOUNDED:"mdc-ripple-upgraded--unbounded"},lr={VAR_FG_SCALE:"--mdc-ripple-fg-scale",VAR_FG_SIZE:"--mdc-ripple-fg-size",VAR_FG_TRANSLATE_END:"--mdc-ripple-fg-translate-end",VAR_FG_TRANSLATE_START:"--mdc-ripple-fg-translate-start",VAR_LEFT:"--mdc-ripple-left",VAR_TOP:"--mdc-ripple-top"},cr={DEACTIVATION_TIMEOUT_MS:225,FG_DEACTIVATION_MS:150,INITIAL_ORIGIN_SCALE:.6,PADDING:10,TAP_DELAY_MS:300},ur=["touchstart","pointerdown","mousedown","keydown"],dr=["touchend","pointerup","mouseup","contextmenu"],hr=[],pr=function(e){function t(n){var r=e.call(this,_({},t.defaultAdapter,n))||this;return r.activationAnimationHasEnded_=!1,r.activationTimer_=0,r.fgDeactivationRemovalTimer_=0,r.fgScale_="0",r.frame_={width:0,height:0},r.initialSize_=0,r.layoutFrame_=0,r.maxRadius_=0,r.unboundedCoords_={left:0,top:0},r.activationState_=r.defaultActivationState_(),r.activationTimerCallback_=function(){r.activationAnimationHasEnded_=!0,r.runDeactivationUXLogicIfReady_()},r.activateHandler_=function(e){return r.activate_(e)},r.deactivateHandler_=function(){return r.deactivate_()},r.focusHandler_=function(){return r.handleFocus()},r.blurHandler_=function(){return r.handleBlur()},r.resizeHandler_=function(){return r.layout()},r}return C(t,e),Object.defineProperty(t,"cssClasses",{get:function(){return sr},enumerable:!0,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return lr},enumerable:!0,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return cr},enumerable:!0,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},browserSupportsCssVars:function(){return!0},computeBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},containsEventTarget:function(){return!0},deregisterDocumentInteractionHandler:function(){},deregisterInteractionHandler:function(){},deregisterResizeHandler:function(){},getWindowPageOffset:function(){return{x:0,y:0}},isSurfaceActive:function(){return!0},isSurfaceDisabled:function(){return!0},isUnbounded:function(){return!0},registerDocumentInteractionHandler:function(){},registerInteractionHandler:function(){},registerResizeHandler:function(){},removeClass:function(){},updateCssVariable:function(){}}},enumerable:!0,configurable:!0}),t.prototype.init=function(){var e=this,n=this.supportsPressRipple_();if(this.registerRootHandlers_(n),n){var r=t.cssClasses,o=r.ROOT,i=r.UNBOUNDED;requestAnimationFrame((function(){e.adapter_.addClass(o),e.adapter_.isUnbounded()&&(e.adapter_.addClass(i),e.layoutInternal_())}))}},t.prototype.destroy=function(){var e=this;if(this.supportsPressRipple_()){this.activationTimer_&&(clearTimeout(this.activationTimer_),this.activationTimer_=0,this.adapter_.removeClass(t.cssClasses.FG_ACTIVATION)),this.fgDeactivationRemovalTimer_&&(clearTimeout(this.fgDeactivationRemovalTimer_),this.fgDeactivationRemovalTimer_=0,this.adapter_.removeClass(t.cssClasses.FG_DEACTIVATION));var n=t.cssClasses,r=n.ROOT,o=n.UNBOUNDED;requestAnimationFrame((function(){e.adapter_.removeClass(r),e.adapter_.removeClass(o),e.removeCssVars_()}))}this.deregisterRootHandlers_(),this.deregisterDeactivationHandlers_()},t.prototype.activate=function(e){this.activate_(e)},t.prototype.deactivate=function(){this.deactivate_()},t.prototype.layout=function(){var e=this;this.layoutFrame_&&cancelAnimationFrame(this.layoutFrame_),this.layoutFrame_=requestAnimationFrame((function(){e.layoutInternal_(),e.layoutFrame_=0}))},t.prototype.setUnbounded=function(e){var n=t.cssClasses.UNBOUNDED;e?this.adapter_.addClass(n):this.adapter_.removeClass(n)},t.prototype.handleFocus=function(){var e=this;requestAnimationFrame((function(){return e.adapter_.addClass(t.cssClasses.BG_FOCUSED)}))},t.prototype.handleBlur=function(){var e=this;requestAnimationFrame((function(){return e.adapter_.removeClass(t.cssClasses.BG_FOCUSED)}))},t.prototype.supportsPressRipple_=function(){return this.adapter_.browserSupportsCssVars()},t.prototype.defaultActivationState_=function(){return{activationEvent:void 0,hasDeactivationUXRun:!1,isActivated:!1,isProgrammatic:!1,wasActivatedByPointer:!1,wasElementMadeActive:!1}},t.prototype.registerRootHandlers_=function(e){var t=this;e&&(ur.forEach((function(e){t.adapter_.registerInteractionHandler(e,t.activateHandler_)})),this.adapter_.isUnbounded()&&this.adapter_.registerResizeHandler(this.resizeHandler_)),this.adapter_.registerInteractionHandler("focus",this.focusHandler_),this.adapter_.registerInteractionHandler("blur",this.blurHandler_)},t.prototype.registerDeactivationHandlers_=function(e){var t=this;"keydown"===e.type?this.adapter_.registerInteractionHandler("keyup",this.deactivateHandler_):dr.forEach((function(e){t.adapter_.registerDocumentInteractionHandler(e,t.deactivateHandler_)}))},t.prototype.deregisterRootHandlers_=function(){var e=this;ur.forEach((function(t){e.adapter_.deregisterInteractionHandler(t,e.activateHandler_)})),this.adapter_.deregisterInteractionHandler("focus",this.focusHandler_),this.adapter_.deregisterInteractionHandler("blur",this.blurHandler_),this.adapter_.isUnbounded()&&this.adapter_.deregisterResizeHandler(this.resizeHandler_)},t.prototype.deregisterDeactivationHandlers_=function(){var e=this;this.adapter_.deregisterInteractionHandler("keyup",this.deactivateHandler_),dr.forEach((function(t){e.adapter_.deregisterDocumentInteractionHandler(t,e.deactivateHandler_)}))},t.prototype.removeCssVars_=function(){var e=this,n=t.strings;Object.keys(n).forEach((function(t){0===t.indexOf("VAR_")&&e.adapter_.updateCssVariable(n[t],null)}))},t.prototype.activate_=function(e){var t=this;if(!this.adapter_.isSurfaceDisabled()){var n=this.activationState_;if(!n.isActivated){var r=this.previousActivationEvent_;if(!(r&&void 0!==e&&r.type!==e.type))n.isActivated=!0,n.isProgrammatic=void 0===e,n.activationEvent=e,n.wasActivatedByPointer=!n.isProgrammatic&&(void 0!==e&&("mousedown"===e.type||"touchstart"===e.type||"pointerdown"===e.type)),void 0!==e&&hr.length>0&&hr.some((function(e){return t.adapter_.containsEventTarget(e)}))?this.resetActivationState_():(void 0!==e&&(hr.push(e.target),this.registerDeactivationHandlers_(e)),n.wasElementMadeActive=this.checkElementMadeActive_(e),n.wasElementMadeActive&&this.animateActivation_(),requestAnimationFrame((function(){hr=[],n.wasElementMadeActive||void 0===e||" "!==e.key&&32!==e.keyCode||(n.wasElementMadeActive=t.checkElementMadeActive_(e),n.wasElementMadeActive&&t.animateActivation_()),n.wasElementMadeActive||(t.activationState_=t.defaultActivationState_())})))}}},t.prototype.checkElementMadeActive_=function(e){return void 0===e||"keydown"!==e.type||this.adapter_.isSurfaceActive()},t.prototype.animateActivation_=function(){var e=this,n=t.strings,r=n.VAR_FG_TRANSLATE_START,o=n.VAR_FG_TRANSLATE_END,i=t.cssClasses,a=i.FG_DEACTIVATION,s=i.FG_ACTIVATION,l=t.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal_();var c="",u="";if(!this.adapter_.isUnbounded()){var d=this.getFgTranslationCoordinates_(),h=d.startPoint,p=d.endPoint;c=h.x+"px, "+h.y+"px",u=p.x+"px, "+p.y+"px"}this.adapter_.updateCssVariable(r,c),this.adapter_.updateCssVariable(o,u),clearTimeout(this.activationTimer_),clearTimeout(this.fgDeactivationRemovalTimer_),this.rmBoundedActivationClasses_(),this.adapter_.removeClass(a),this.adapter_.computeBoundingRect(),this.adapter_.addClass(s),this.activationTimer_=setTimeout((function(){return e.activationTimerCallback_()}),l)},t.prototype.getFgTranslationCoordinates_=function(){var e,t=this.activationState_,n=t.activationEvent;return{startPoint:e={x:(e=t.wasActivatedByPointer?function(e,t,n){if(!e)return{x:0,y:0};var r,o,i=t.x,a=t.y,s=i+n.left,l=a+n.top;if("touchstart"===e.type){var c=e;r=c.changedTouches[0].pageX-s,o=c.changedTouches[0].pageY-l}else{var u=e;r=u.pageX-s,o=u.pageY-l}return{x:r,y:o}}(n,this.adapter_.getWindowPageOffset(),this.adapter_.computeBoundingRect()):{x:this.frame_.width/2,y:this.frame_.height/2}).x-this.initialSize_/2,y:e.y-this.initialSize_/2},endPoint:{x:this.frame_.width/2-this.initialSize_/2,y:this.frame_.height/2-this.initialSize_/2}}},t.prototype.runDeactivationUXLogicIfReady_=function(){var e=this,n=t.cssClasses.FG_DEACTIVATION,r=this.activationState_,o=r.hasDeactivationUXRun,i=r.isActivated;(o||!i)&&this.activationAnimationHasEnded_&&(this.rmBoundedActivationClasses_(),this.adapter_.addClass(n),this.fgDeactivationRemovalTimer_=setTimeout((function(){e.adapter_.removeClass(n)}),cr.FG_DEACTIVATION_MS))},t.prototype.rmBoundedActivationClasses_=function(){var e=t.cssClasses.FG_ACTIVATION;this.adapter_.removeClass(e),this.activationAnimationHasEnded_=!1,this.adapter_.computeBoundingRect()},t.prototype.resetActivationState_=function(){var e=this;this.previousActivationEvent_=this.activationState_.activationEvent,this.activationState_=this.defaultActivationState_(),setTimeout((function(){return e.previousActivationEvent_=void 0}),t.numbers.TAP_DELAY_MS)},t.prototype.deactivate_=function(){var e=this,t=this.activationState_;if(t.isActivated){var n=_({},t);t.isProgrammatic?(requestAnimationFrame((function(){return e.animateDeactivation_(n)})),this.resetActivationState_()):(this.deregisterDeactivationHandlers_(),requestAnimationFrame((function(){e.activationState_.hasDeactivationUXRun=!0,e.animateDeactivation_(n),e.resetActivationState_()})))}},t.prototype.animateDeactivation_=function(e){var t=e.wasActivatedByPointer,n=e.wasElementMadeActive;(t||n)&&this.runDeactivationUXLogicIfReady_()},t.prototype.layoutInternal_=function(){var e=this;this.frame_=this.adapter_.computeBoundingRect();var n=Math.max(this.frame_.height,this.frame_.width);this.maxRadius_=this.adapter_.isUnbounded()?n:Math.sqrt(Math.pow(e.frame_.width,2)+Math.pow(e.frame_.height,2))+t.numbers.PADDING;var r=Math.floor(n*t.numbers.INITIAL_ORIGIN_SCALE);this.adapter_.isUnbounded()&&r%2!=0?this.initialSize_=r-1:this.initialSize_=r,this.fgScale_=""+this.maxRadius_/this.initialSize_,this.updateLayoutCssVars_()},t.prototype.updateLayoutCssVars_=function(){var e=t.strings,n=e.VAR_FG_SIZE,r=e.VAR_LEFT,o=e.VAR_TOP,i=e.VAR_FG_SCALE;this.adapter_.updateCssVariable(n,this.initialSize_+"px"),this.adapter_.updateCssVariable(i,this.fgScale_),this.adapter_.isUnbounded()&&(this.unboundedCoords_={left:Math.round(this.frame_.width/2-this.initialSize_/2),top:Math.round(this.frame_.height/2-this.initialSize_/2)},this.adapter_.updateCssVariable(r,this.unboundedCoords_.left+"px"),this.adapter_.updateCssVariable(o,this.unboundedCoords_.top+"px"))},t}(ar),mr=function(e){var i=o(!1),a=function(e){var i=e.foundation,a=e.props,s=e.elements,l=e.api,c=w(n(0),2)[1],u=o(a);u.current=a;var d=t((function(){return Object.keys(s).reduce((function(e,t){return e[t]=new rr((function(){c((function(e){return e+1}))})),e}),{})}),[]),h=t((function(){var e=i(_(_({},d),{getProps:function(){return u.current},emit:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return or(u.current).apply(void 0,M(e))}}));return l&&tr(u.current.apiRef,l(_({foundation:e},d))),e}),[]);return r((function(){var e=h;return e.init(),tr(u.current.foundationRef,e),function(){e.destroy(),tr(u.current.apiRef,null),tr(u.current.foundationRef,null),Object.values(d).map((function(e){return e.destroy()})),u.current={}}}),[h,d]),_({foundation:h},d)}({props:e,elements:{rootEl:!0,surfaceEl:!0},foundation:function(e){var t=e.rootEl,n=e.surfaceEl,r=e.getProps;return new pr({browserSupportsCssVars:function(){return function(e,t){void 0===t&&(t=!1);var n,r=e.CSS;if("boolean"==typeof Jn&&!t)return Jn;if(!(r&&"function"==typeof r.supports))return!1;var o=r.supports("--css-vars","yes"),i=r.supports("(--css-vars: yes)")&&r.supports("color","#00000000");return n=o||i,t||(Jn=n),n}(window)},isUnbounded:function(){return!!r().unbounded},isSurfaceActive:function(){return!!t.ref&&(e=t.ref,n=":active",(e.matches||e.webkitMatchesSelector||e.msMatchesSelector).call(e,n));var e,n},isSurfaceDisabled:function(){return!!r().disabled},addClass:function(e){n.addClass(e)},removeClass:function(e){n.removeClass(e)},containsEventTarget:function(e){return!!t.ref&&t.ref.contains(e)},registerInteractionHandler:function(e,t){},deregisterInteractionHandler:function(e,t){},registerDocumentInteractionHandler:function(e,t){return document.documentElement.addEventListener(e,t,Zn())},deregisterDocumentInteractionHandler:function(e,t){return document.documentElement.removeEventListener(e,t,Zn())},registerResizeHandler:function(e){return window.addEventListener("resize",e)},deregisterResizeHandler:function(e){return window.removeEventListener("resize",e)},updateCssVariable:function(e,t){return n.setStyle(e,t)},computeBoundingRect:function(){return t.ref?t.ref.getBoundingClientRect():Qn},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}}})}}),s=a.foundation,l=E(a,["foundation"]),c=l.rootEl,u=d((function(e){e.persist(),s.activate(e)}),[s]),h=d((function(e){e.persist(),s.deactivate()}),[s]),p=d((function(t){var n;null===(n=e.onFocus)||void 0===n||n.call(e,t),s.handleFocus()}),[s,e.onFocus]),m=d((function(t){var n;null===(n=e.onBlur)||void 0===n||n.call(e,t),s.handleBlur()}),[s,e.onBlur]),f=d((function(t){var n;null===(n=e.onMouseDown)||void 0===n||n.call(e,t),i.current||u(t),i.current=!1}),[e.onMouseDown,u]),v=d((function(t){var n;null===(n=e.onMouseUp)||void 0===n||n.call(e,t),h(t)}),[e.onMouseUp,h]),g=d((function(t){var n;i.current=!0,null===(n=e.onTouchStart)||void 0===n||n.call(e,t),u(t)}),[e.onTouchStart,u]),y=d((function(t){var n;null===(n=e.onTouchEnd)||void 0===n||n.call(e,t),h(t)}),[e.onTouchEnd,h]),b=d((function(t){var n;null===(n=e.onKeyDown)||void 0===n||n.call(e,t),u(t)}),[e.onKeyDown,u]),C=d((function(t){var n;null===(n=e.onKeyUp)||void 0===n||n.call(e,t),h(t)}),[e.onKeyUp,h]);return c.setProp("onFocus",p,!0),c.setProp("onBlur",m,!0),c.setProp("onMouseDown",f,!0),c.setProp("onMouseUp",v,!0),c.setProp("onTouchStart",g,!0),c.setProp("onTouchEnd",y,!0),c.setProp("onKeyDown",b,!0),c.setProp("onKeyUp",C,!0),r((function(){c.setRef(e.domNode)}),[c,e.domNode]),r((function(){s.setUnbounded(!!e.unbounded)}),[e.unbounded,s]),r((function(){e.disabled&&s.handleBlur()}),[e.disabled,s]),_({},l)},fr=h({}),vr=(ir=function(e){var t=e.children,n=e.className,r=e.primary,o=e.accent,i=e.unbounded,a=e.surface,u=(e.domNode,e.foundationRef,E(e,["children","className","primary","accent","unbounded","surface","domNode","foundationRef"])),d=mr(e),h=d.rootEl,p=d.surfaceEl,f=s.only(t);if(!m(f))return null;var v=i?{"data-mdc-ripple-is-unbounded":!0}:{},g=a&&i?{}:p.props({style:f.props.style}),y=de(n!==f.props.className&&n,g.className,f.props.className,{"mdc-ripple-surface":"boolean"==typeof a?a:void 0===a,"mdc-ripple-surface--primary":r,"mdc-ripple-surface--accent":o});u.disabled&&(y=y.replace("mdc-ripple-upgraded--background-focused",""));var b=l(f,_(_(_({},f.props),v),h.props(_(_(_(_({},u),{style:f.props.style}),g),{className:y}))));return c(fr.Provider,{value:p.props({style:f.props.style})},b)},function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={domNode:null},t}return C(t,e),t.prototype.componentDidMount=function(){this.setState({domNode:fe(this)})},t.prototype.componentDidUpdate=function(){var e=fe(this);e!==this.state.domNode&&this.setState({rootRippleElement:e})},t.prototype.render=function(){return c(ir,_({},this.props,{domNode:this.state.domNode}))},t}(p));
25
- /**
26
- * @license
27
- * Copyright 2016 Google Inc.
28
- *
29
- * Permission is hereby granted, free of charge, to any person obtaining a copy
30
- * of this software and associated documentation files (the "Software"), to deal
31
- * in the Software without restriction, including without limitation the rights
32
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
33
- * copies of the Software, and to permit persons to whom the Software is
34
- * furnished to do so, subject to the following conditions:
35
- *
36
- * The above copyright notice and this permission notice shall be included in
37
- * all copies or substantial portions of the Software.
38
- *
39
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
40
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
41
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
42
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
43
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
44
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
45
- * THE SOFTWARE.
46
- */const gr=({Type:t,Box:{Top:n,Left:r,Right:o,Bottom:i},Probability:a,height:s})=>{const{eventSchema:l}=f(ze);let c="top";c=s&&n*s>12||n>.1?"top":1-i-n>.5?"bottom":"top inset";const u={top:"top"===c?-12:"top inset"===c?0:"auto",bottom:"bottom"===c?-12:"auto",left:"top"===c?-2:0};return e.createElement("div",{style:{position:"absolute",top:100*n+"%",left:100*r+"%",bottom:100*(1-i)+"%",right:100*(1-o)+"%",outline:`2px solid ${l.colorsByFoundObjectType.get(t)}`}},e.createElement("div",{style:Object.assign({color:l.colorsByFoundObjectType.get(t),backgroundColor:"rgba(0, 0, 0, 0.8)",position:"absolute",fontSize:10,fontFamily:"monospace",padding:"0 2px"},u),title:`${t.toLowerCase()} ${Math.floor(100*a)}%`},t.toLowerCase()," ",Math.floor(100*a),"%"))};gr.displayName="FoundObjectBox";let yr=class extends e.Component{constructor(t){super(t),this.containerRef=e.createRef(),this.thumbnail=null,this.thumbnailRequests=new le,this.onDragStart=e=>{e.dataTransfer&&(e.dataTransfer.setData("x-3deye/event",""+this.props.data.id),e.dataTransfer.dropEffect="move")},this.onClick=()=>{this.props.onClick(this.props.data)},this.thumbnailSubscription=this.thumbnailRequests.pipe(_e(e=>e?this.context.thumbnails.fetchThumbnail(e[0],e[1],e[2]):ce())).subscribe(e=>{this.thumbnail=e||null})}get camerasStore(){return this.context.cameras}get eventSchema(){return this.context.eventSchema}componentDidMount(){this.containerRef.current.addEventListener("dragstart",this.onDragStart);const{cameraId:e,startTime:t,thumbnailUrl:n}=this.props.data;n||this.thumbnailRequests.next([e,t,t])}componentWillReceiveProps(e){if(e.data.id===this.props.data.id)return;const{cameraId:t,startTime:n,thumbnailUrl:r}=e.data;r?this.thumbnailRequests.next(null):(this.thumbnail=null,this.thumbnailRequests.next([t,n,n]))}componentWillUnmount(){this.thumbnailRequests.unsubscribe(),this.thumbnailSubscription.unsubscribe(),this.containerRef.current.removeEventListener("dragstart",this.onDragStart)}render(){var t,n;const{camerasStore:r,eventSchema:o}=this,{data:i,hideCameraName:s,height:l}=this.props;if(!i)return null;let c=null;i.foundObjects.length&&(c=i.foundObjects.filter(({Type:e})=>o.foundObjectTypes.includes(e)).map((t,n)=>e.createElement(gr,Object.assign({key:n},t,{height:l}))));let u="",d=!1;if(i.thumbnailUrl?u=i.thumbnailUrl:null===this.thumbnail&&r.loaded?(u=(null===(t=r.camerasById.get(i.cameraId))||void 0===t?void 0:t.imageUrl)||"",d=!0):this.thumbnail&&(u=this.thumbnail.url),i.faces){const{Width:t,Height:n}=JSON.parse(this.props.data.raw.data).ThumbnailSize;c||(c=[]);const r=100,o=c.length;c=c.concat(i.faces.map(({Name:i,Box:{Top:s,Left:l,Right:c,Bottom:d},Probability:h},p)=>{const m=r/t/(c-l),f={top:2},v={};return l>=1-c?(f.left=2,v.right=-2):(f.right=2,v.left=-2),s>=1-d?v.bottom="calc(100% + 1px)":v.top="calc(100% + 1px)",e.createElement(a,{key:o+p},e.createElement("div",{className:"event-list-item-face-trigger",style:{position:"absolute",top:100*s+"%",left:100*l+"%",bottom:100*(1-d)+"%",right:100*(1-c)+"%",outline:"1px solid orange"}},e.createElement("div",{style:Object.assign({color:"orange",backgroundColor:"rgba(0, 0, 0, 0.8)",position:"absolute",fontSize:10,fontFamily:"monospace"},v),title:`${i} ${Math.floor(100*h)}%`},i," ",Math.floor(100*h),"%")),e.createElement("div",{className:"event-list-item-face",style:Object.assign({overflow:"hidden",width:t*(c-l)*m,height:n*(d-s)*m},f)},e.createElement("img",{style:{width:t*m,height:n*m,transform:`translate(-${100*l}%, -${100*s}%)`},src:u}),e.createElement("div",{className:"frame"},e.createElement("div",{className:"corner-highlight-tl"}),e.createElement("div",{className:"corner-highlight-tr"}),e.createElement("div",{className:"corner-highlight-br"}),e.createElement("div",{className:"corner-highlight-bl"}))))}))}const h=r.loaded&&(null===(n=r.camerasById.get(i.cameraId))||void 0===n?void 0:n.name)||"...";return e.createElement(vr,null,e.createElement("div",{ref:this.containerRef,className:"event-list-item",onClick:this.onClick,draggable:!0},u&&e.createElement("img",{key:u,style:{position:"absolute",width:"100%",height:"100%",top:0,left:0},src:u}),d?e.createElement("div",{className:"no-preview-overlay"}):null,c,e.createElement("div",{className:"event-list-item-caption"},s?null:e.createElement("div",{title:h,style:{fontWeight:"bold",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",textShadow:"0 1px 2px black"}},h),e.createElement("div",null,function(e,t){let n="",r="";return oe(e,new Date)?ie(e,new Date)?n=r="HH:mm":ie(e,t)?(n="EEE d MMM HH:mm",r="HH:mm"):n=r="EEE d MMM HH:mm":oe(e,t)?(n="yyyy d MMM HH:mm",r="d MMM HH:mm"):n=r="yyyy d MMM HH:mm",(e.getSeconds()||t.getSeconds())&&(n+=":ss",r+=":ss"),+e==+t?`${ke(e,n)}`:`${ke(e,n)} - ${ke(t,r)}`}(i.startTime,i.endTime)),+i.endTime-+i.startTime>0&&e.createElement("div",{className:"event-list-item-duration"},function(e){if((e=Math.round(e/1e3))<60)return`${e}s`;const t=e%60;let n=(e-t)/60;if(n<60)return t?`${n}m ${t}s`:`${n}m`;const r=Math.floor(n/60);return n-=60*r,t||n?!t&&n?`${r}h ${n}m`:`${r}h ${n}m ${t}s`:`${r}h`}(+i.endTime-+i.startTime)))))}};yr.contextType=ze,g([S],yr.prototype,"thumbnail",void 0),yr=g([T],yr);var Er=yr;let br=class extends e.Component{constructor(){super(...arguments),this.disposables=[],this.listRef=e.createRef(),this.updates=-1,this.scrolls=new le,this.lastScrollEventTimestamp=0,this.rowRenderer=({index:t,style:n})=>e.createElement("div",{style:n},e.createElement(Er,{data:this.eventListStore.data[t],height:n.height,width:n.width,onClick:this.props.onItemClick})),this.onScroll=({scrollOffset:e})=>{this.scrollTop=e,this.lastScrollEventTimestamp=Date.now(),this.scrolls.next(e),this.eventListStore.paused=!!this.scrollTop}}get eventListStore(){return"eventList"in this.context?this.context.eventList:null}componentDidMount(){const e=this.eventListStore;this.disposables.push(this.scrolls.pipe(we(200)).subscribe(t=>{if(!e.pendingData.length)return;const n=Math.floor(t/this.getRowHeightByWidth(this.width)),r=e.data[n].startTime;this.updates=e.pendingData.filter(e=>e.startTime>r).length,e.flushUpdates()})),L(this,z(()=>e.pendingData,t=>{if(!t.length)return;if(Date.now()-this.lastScrollEventTimestamp<200)return;const n=Math.floor(this.scrollTop/this.getRowHeightByWidth(this.width)),r=e.data[n].startTime;this.updates=t.filter(e=>e.startTime>r).length,e.flushUpdates()}))}componentWillUnmount(){this.disposables.forEach(e=>{e instanceof ue?e.closed||e.unsubscribe():e()})}componentDidUpdate(){0!==this.scrollTop&&this.listRef.current&&(this.updates>0?(this.listRef.current.scrollTo(this.scrollTop+this.updates*this.getRowHeightByWidth(this.width)),this.updates=-1):this.updates&&this.listRef.current.scrollTo(0))}getRowHeightByWidth(e){return e/16*9+2}render(){const{data:t,loading:n}=this.eventListStore;return n?e.createElement("div",{className:"preloader-container"},e.createElement(Yn,null)):e.createElement(An,null,({width:n,height:r})=>(this.width=n,e.createElement(Gn,{ref:this.listRef,width:n,height:r,itemCount:t.length,itemSize:this.getRowHeightByWidth(n),onScroll:this.onScroll},this.rowRenderer)))}};br.contextType=ze,br=g([T],br);var _r=br;var wr,Mr=(wr=8,{container:e=>Object.assign(Object.assign({},e),{padding:wr}),control:(e,t)=>Object.assign(Object.assign({},e),{borderRadius:8,backgroundColor:t.isFocused?"white":"rgba(0, 0, 0, 0.5)",border:"none",boxShadow:null,"&:hover":{borderColor:null}}),menu:e=>Object.assign(Object.assign({},e),{borderRadius:"0 0 4px 4px",marginTop:0,marginLeft:-wr,marginRight:wr}),option:e=>Object.assign(Object.assign({},e),{color:"black"}),multiValueRemove:e=>Object.assign(Object.assign({},e),{color:"black"})});const Cr=t=>{const{children:n,innerProps:r}=t,o=E(t,["children","innerProps"]),{Option:i}=Ce,{data:a}=t;if(!a.isEventType)return e.createElement(i,Object.assign({},t));const s=Object.assign(Object.assign({},r),{style:{display:"inline-flex",alignItems:"center",width:"auto"}});return e.createElement(i,Object.assign({innerProps:s},o),e.createElement(yn,{name:"label",size:16,color:"currentColor"}),n)};var zr=t=>{const{children:n,innerProps:r}=t,o=E(t,["children","innerProps"]),{MultiValueLabel:i}=Ce,{data:a}=t,s=Object.assign(Object.assign({},r),{style:{display:"flex",alignItems:"center"}});return e.createElement(i,Object.assign({innerProps:s},o),e.createElement(yn,{name:a.isEventType?"label":"camera",size:16,color:"currentColor"}),n)};const Sr=Object.assign(Object.assign({},Mr),{multiValue:(e,{data:t})=>t.color?Object.assign(Object.assign({},e),{backgroundColor:t.color,color:"white"}):e,multiValueLabel:(e,{data:t})=>t.color?Object.assign(Object.assign({},e),{color:"white"}):e,multiValueRemove:(e,{data:t})=>t.color?Object.assign(Object.assign({},e),{color:"white"}):e,option:(e,{data:t})=>t.color?Object.assign(Object.assign({},e),{color:t.color}):e}),xr=t=>{const{children:n}=t,r=E(t,["children"]);return e.createElement(Ce.Placeholder,Object.assign({},r),e.createElement(yn,{name:"filter-list",size:16,style:{position:"relative",top:4}})," ",n)};let Or=class extends e.Component{constructor(){super(...arguments),this.onSelectChange=e=>{this.eventListStore.setFilters(e)}}get camerasStore(){return this.context.cameras}get eventSchema(){return"eventSchema"in this.context?this.context.eventSchema:null}get eventListStore(){return"eventList"in this.context?this.context.eventList:null}get options(){const{camerasStore:e,eventSchema:t,eventListStore:n}=this;if(!t)return[];const r=n.onlyFaces?[]:t.foundObjectTypesForSelect;return e.loaded?[].concat(r,e.data.slice()):r}render(){const{filters:t}=this.eventListStore;return e.createElement(Me,{closeMenuOnSelect:!1,isMulti:!0,onChange:this.onSelectChange,getOptionLabel:e=>e.name,getOptionValue:e=>e.id,options:this.options,placeholder:Ie.t("filter"),value:t,components:{MultiValueLabel:zr,Option:Cr,Placeholder:xr},styles:Sr})}};Or.contextType=ze,g([O],Or.prototype,"options",null),Or=g([T],Or);var Tr=Or;let Lr=class extends e.Component{constructor(){super(...arguments),this.value=[],this.onSelectChange=e=>{this.eventListStore.setFilters(e)},this.onFromChange=e=>{this.eventListStore.from=e},this.onToChange=e=>{this.eventListStore.to=e},this.clearTo=()=>{this.eventListStore.to=null},this.closeDatepickerTo=()=>{this.datepickerToOpened=!1},this.closeDatepickerFrom=()=>{this.datepickerFromOpened=!1},this.toggleDatepickerTo=()=>{this.datepickerToOpened=!this.datepickerToOpened},this.toggleDatepickerFrom=()=>{this.datepickerFromOpened=!this.datepickerFromOpened}}get eventListStore(){return"eventList"in this.context?this.context.eventList:null}render(){const{eventListStore:t}=this,{from:n,to:r,onlyFaces:o}=t,{onEventClick:i}=this.props,a=e.createElement(ln,{className:"date-button",style:{flex:1,textAlign:"left"},onClick:this.toggleDatepickerFrom},n?ke(n,"MMM d, HH:mm"):""),s=r?e.createElement("div",{style:{flex:1,display:"flex"}},e.createElement(ln,{className:"date-button",style:{flex:1,textAlign:"right"},onClick:this.toggleDatepickerTo},ke(r,"MMM d, HH:mm")),e.createElement(ln,{onClick:this.clearTo},e.createElement(yn,{name:"close",size:16}))):e.createElement("div",{style:{flex:1,display:"flex"}},e.createElement(ln,{className:"date-button",style:{flex:1,textAlign:"right"},onClick:this.toggleDatepickerTo},"now"));return e.createElement(e.Fragment,null,e.createElement("div",{style:{color:"black",zIndex:3}},e.createElement(Tr,null)),e.createElement("div",{className:"events-panel-datepicker"},e.createElement("div",{style:{position:"relative"}},e.createElement(xn,{target:a,opened:this.datepickerFromOpened,onCloseRequest:this.closeDatepickerFrom,disableAnimation:!0,className:"popover-datepicker"},e.createElement(H,{selected:n,onChange:this.onFromChange,showTimeSelect:!0,dateFormat:"MMM d, HH:mm",timeFormat:"HH:mm",inline:!0}),e.createElement(ln,{onClick:this.closeDatepickerFrom,className:"button-save"},"Ok"))),e.createElement("div",{style:{position:"relative"}},e.createElement(xn,{target:s,opened:this.datepickerToOpened,onCloseRequest:this.closeDatepickerTo,disableAnimation:!0,className:"popover-datepicker"},e.createElement(H,{selected:r||new Date,onChange:this.onToChange,showTimeSelect:!0,dateFormat:"MMM d, HH:mm",timeFormat:"HH:mm",inline:!0}),e.createElement(ln,{onClick:this.closeDatepickerTo,className:"button-save"},"Ok")))),(t.someAnalyticsFilterSelected||t.onlyFaces)&&e.createElement(Tn,{getter:o?t.getFacesProbabilityTreshold:t.getProbabilityTreshold,setter:o?t.setFacesProbabilityTreshold:t.setProbabilityTreshold}),!o&&t.someAnalyticsFilterSelected?e.createElement(_n,{value:t.colors,toggle:t.toggleColor,clear:t.clearColors}):null,e.createElement("div",{style:{display:"flex",flex:1}},e.createElement(_r,{onItemClick:i})),e.createElement(cn,null,e.createElement(ln,{className:o?"button-unselected":"button-selected",onClick:t.toggleFaces},"ALL ",t.totalCount?e.createElement("sup",null,t.totalCount):null),e.createElement(ln,{className:o?"button-selected":"button-unselected",onClick:t.toggleFaces},"Faces ",t.facesCount?e.createElement("sup",null,t.facesCount):null)))}};Lr.contextType=ze,g([S],Lr.prototype,"datepickerToOpened",void 0),g([S],Lr.prototype,"datepickerFromOpened",void 0),g([S.ref],Lr.prototype,"value",void 0),g([S],Lr.prototype,"from",void 0),g([x],Lr.prototype,"onFromChange",void 0),g([x],Lr.prototype,"onToChange",void 0),g([x],Lr.prototype,"clearTo",void 0),g([x],Lr.prototype,"closeDatepickerTo",void 0),g([x],Lr.prototype,"closeDatepickerFrom",void 0),g([x],Lr.prototype,"toggleDatepickerTo",void 0),g([x],Lr.prototype,"toggleDatepickerFrom",void 0),Lr=g([T],Lr);var Hr=Lr;class Vr extends e.PureComponent{render(){return e.createElement(ze.Provider,{value:v},e.createElement(Hr,{onEventClick:this.props.onEventClick}))}}export default Vr;