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