(this.webpackJsonpstreamlit_item_selector=this.webpackJsonpstreamlit_item_selector||[]).push([[0],{62:function(e,t,o){e.exports=o(76)},76:function(e,t,o){"use strict";o.r(t);var n=o(0),r=o.n(n),i=o(14),a=o.n(i),l=o(1),d=o(4),s=o(2),p=o(3),u=o(38),c=o(109),m=o(48),h=o.n(m),v=o(110),f=o(107),b=function(e){Object(s.a)(o,e);var t=Object(p.a)(o);function o(){var e;Object(l.a)(this,o);for(var n=arguments.length,i=new Array(n),a=0;a<n;a++)i[a]=arguments[a];return(e=t.call.apply(t,[this].concat(i))).state={index:e.props.args.index},e.handleClick=function(t){var o=e.state.index;"left"===t?o-=1:"right"===t&&(o+=1),o=e.forceBounds(o),e.setState((function(){return{index:o}}),(function(){return u.a.setComponentValue(e.state.index)}))},e.handleIndexChange=function(t){var o=e.forceBounds(Number(t));e.setState((function(){return{index:o}}),(function(){return u.a.setComponentValue(e.state.index)}))},e.render=function(){var t,o,n,i,a,l,d,s,p,u,m,b,x=Object(v.a)(h.a)({}),g=Object(v.a)(h.a)({transform:"rotate(180deg)",color:e.props.disabled||0===e.state.index?"#888":null===(t=e.props.theme)||void 0===t?void 0:t.primaryColor}),y=Object(v.a)(c.a)({marginBottom:"10px",color:e.props.disabled||e.state.index+1===e.props.args.datasetSize?"#888":null===(o=e.props.theme)||void 0===o?void 0:o.primaryColor}),C=e.props.args.datasetSize;return r.a.createElement("div",{style:{width:"100%"}},r.a.createElement("style",{dangerouslySetInnerHTML:{__html:"\n            .MuiOutlinedInput-notchedOutline {\n              border-color: "+(null===(n=e.props.theme)||void 0===n?void 0:n.primaryColor)+" !important;\n            }\n            .MuiFormLabel-root {\n              color: "+(null===(i=e.props.theme)||void 0===i?void 0:i.textColor)+" !important;\n            }\n            .MuiInputBase-input {\n              color: "+(null===(a=e.props.theme)||void 0===a?void 0:a.textColor)+" !important;\n            }\n            .MuiOutlinedInput-notchedOutline:hover {\n              border-color: "+(null===(l=e.props.theme)||void 0===l?void 0:l.primaryColor)+" !important;\n            }\n            .MuiFormLabel-root:hover {\n              color: "+(null===(d=e.props.theme)||void 0===d?void 0:d.textColor)+" !important;\n            }\n            .MuiInputBase-input:hover {\n              color: "+(null===(s=e.props.theme)||void 0===s?void 0:s.textColor)+" !important;\n            }\n            .MuiOutlinedInput-notchedOutline:focus {\n              border-color: "+(null===(p=e.props.theme)||void 0===p?void 0:p.primaryColor)+" !important;\n            }\n            .MuiFormLabel-root:focus {\n              color: "+(null===(u=e.props.theme)||void 0===u?void 0:u.textColor)+" !important;\n            }\n            .MuiInputBase-input:focus {\n              color: "+(null===(m=e.props.theme)||void 0===m?void 0:m.textColor)+" !important;\n            }\n          "}}),r.a.createElement("div",{style:{width:"50%",display:"inline-block"}},r.a.createElement("p",{style:{fontFamily:'"IBM Plex Sans", sans-serif',fontSize:"1rem",color:null===(b=e.props.theme)||void 0===b?void 0:b.textColor}},"Go to frame #:"),r.a.createElement(f.a,{label:"Index",id:"outlined-size-small",defaultValue:"",type:"number",variant:"outlined",size:"small",color:"secondary",disabled:e.props.disabled,onChange:function(t){return e.handleIndexChange(t.target.value)},style:{marginBottom:"20px",marginTop:"-10px"}})),r.a.createElement("div",{style:{fontFamily:"IBM Plex Sans, sans-serif",width:"50%",display:"inline-block"}},r.a.createElement("div",{style:{color:"#F63366",position:"relative",width:"300px",overflow:"visible",display:"block",marginLeft:"auto",marginRight:"auto"}},r.a.createElement(y,{color:"inherit",disabled:e.props.disabled||0===e.state.index,onClick:function(){return e.handleClick("left")},style:{border:"1px solid #DDD",padding:"2px",borderRadius:"5px",marginRight:"10px"}},r.a.createElement(g,{fontSize:"large"})),r.a.createElement("h1",{style:{color:"#666",fontWeight:"normal",display:"inline-block"}},e.state.index),r.a.createElement(y,{color:"inherit",disabled:e.props.disabled||e.state.index+1===C,onClick:function(){return e.handleClick("right")},style:{border:"1px solid #DDD",padding:"2px",borderRadius:"5px",marginLeft:"10px"}},r.a.createElement(x,{fontSize:"large"})))))},e}return Object(d.a)(o,[{key:"forceBounds",value:function(e){var t=this.props.args.datasetSize-1;return e<0?e=0:e>t&&(e=t),e}}]),o}(u.b),x=Object(u.c)(b);a.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement(x,null)),document.getElementById("root"))}},[[62,1,2]]]);
//# sourceMappingURL=main.0374cbe0.chunk.js.map