var __assign=(this&&this.__assign)||function(){__assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))
t[p]=s[p];}
return t;};return __assign.apply(this,arguments);};var __awaiter=(this&&this.__awaiter)||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}
return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}
function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}
function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}
step((generator=generator.apply(thisArg,_arguments||[])).next());});};var __generator=(this&&this.__generator)||function(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}
function step(op){if(f)throw new TypeError("Generator is already executing.");while(_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}
if(op[0]===3&&(!t||(op[1]>t[0]&&op[1]<t[3]))){_.label=op[1];break;}
if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}
if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}
if(t[2])_.ops.pop();_.trys.pop();continue;}
op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}
if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true};}};var __rest=(this&&this.__rest)||function(s,e){var t={};for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0)
t[p]=s[p];if(s!=null&&typeof Object.getOwnPropertySymbols==="function")
for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++){if(e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i]))
t[p[i]]=s[p[i]];}
return t;};define(["require","exports","react","typestyle","react","@core/style_constants","@core/material-ui-components","@core/utils","@core/style_constants","typestyle"],function(require,exports,React,typestyle_1,react_1,style_constants,material_ui_components_1,utils_1,style_constants_1,typeStyle){var _this=this;Object.defineProperty(exports,"__esModule",{value:true});exports.styles=typestyle_1.stylesheet({icon_svg:{fill:'currentColor',width:'1em',height:'1em',display:'inline-block',fontSize:'24px',transition:'fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',userSelect:"none",flexShrink:0},section_row:{marginTop:24,marginBottom:24,$nest:{'@media screen and (max-width:740px)':{marginTop:'8px !important',marginBottom:'0 !important'},}},section_row_thin:{marginTop:12,marginBottom:12,$nest:{'@media screen and (max-width:740px)':{marginTop:'8px !important',marginBottom:'0 !important'},}},section_title:{marginTop:24,marginBottom:24},section_divider:{marginTop:48,marginBottom:32},section_divider_slim:{marginTop:24,marginBottom:24},floating_header:{color:'#a2a2a2',},marginH:{display:'inline',marginLeft:8,marginRight:8,$nest:{'&:first-child':{marginLeft:0},'&:last-child':{marginRight:0}}},phone_break:{display:'inline',$nest:{'@media screen and (max-width:740px)':{display:'block',marginTop:'8px !important',marginBottom:'8px !important',marginLeft:'0 !important',marginRight:'0 !important'}}},phone_break_normal:{display:'inline',$nest:{'@media screen and (max-width:740px)':{display:'block',marginTop:'16px !important',marginBottom:'8px !important',marginLeft:'0 !important',marginRight:'0 !important'}}},divider_with_centered_text:{}});function IconEllipsisVertical(props){return React.createElement("svg",{className:exports.styles.icon_svg,focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation"},React.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),React.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"}));}
exports.IconEllipsisVertical=IconEllipsisVertical;exports.CircleTypeography=function(props){return React.createElement("svg",{className:exports.styles.icon_svg,focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation",style:{color:props.fill}},React.createElement("circle",{cx:"12",cy:"12",r:"12"}),React.createElement("text",{className:"j1nyxyn4",x:"12",y:"16","text-anchor":"middle"},props.text));};exports.IconExpand=function(props){return React.createElement("svg",{className:exports.styles.icon_svg,focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation"},React.createElement("path",{d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}),React.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}));};exports.IconCollapse=function(props){return React.createElement("svg",{className:exports.styles.icon_svg,focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation"},React.createElement("path",{d:"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"}),React.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}));};exports.TextExpand=function(props){if(!props.link_style)
props.link_style={};return(React.createElement("div",{className:typestyle_1.classes("accordion-simple",props.view.state[props.id]?"open":'')},React.createElement("div",null,React.createElement("a",{style:__assign({},props.link_style),href:"javascript:void(0)",onClick:function(){var _a;props.view.setState((_a={},_a[props.id]=!props.view.state[props.id],_a),function(){setTimeout(function(){props.view.forceUpdate();},20);});}},React.createElement("strong",null,props.title))),React.createElement("div",{className:"accordion-simple-content"},props.children)));};exports.SectionRow=function(props){return React.createElement("div",__assign({className:exports.styles.section_row},props.element_props),props.children);};exports.SectionRowThin=function(props){return React.createElement("div",__assign({className:exports.styles.section_row_thin},props.element_props),props.children);};exports.TypeH5=function(props){return React.createElement(material_ui_components_1.Typography,__assign({variant:"h5"},props.element_props),props.children);};exports.TypeH6=function(props){return React.createElement(material_ui_components_1.Typography,__assign({variant:"h6"},props.element_props),props.children);};exports.TypeSubtitle1=function(props){return React.createElement(material_ui_components_1.Typography,__assign({variant:"subtitle1"},props.element_props),props.children);};exports.TypeSubtitle2=function(props){return React.createElement(material_ui_components_1.Typography,__assign({variant:"subtitle2"},props.element_props),props.children);};exports.TypeCaption=function(props){return React.createElement(material_ui_components_1.Typography,__assign({variant:"caption"},props.element_props),props.children);};exports.CaptionTitle=function(props){return React.createElement(material_ui_components_1.Typography,__assign({variant:"caption"},props.element_props,{gutterBottom:true}),props.children);};exports.TypeBody1=function(props){return React.createElement(material_ui_components_1.Typography,__assign({variant:"body1"},props.element_props),props.children);};exports.TypeBody2=function(props){return React.createElement(material_ui_components_1.Typography,__assign({variant:"body2"},props.element_props),props.children);};exports.SectionTitle=function(props){return React.createElement("div",__assign({className:exports.styles.section_title},props.element_props),typeof props.title==="object"?React.createElement(material_ui_components_1.Typography,{variant:"h5"},props.title):null,typeof props.title==="string"&&props.title.length?React.createElement(material_ui_components_1.Typography,{variant:"h5"},props.title):null,props.subtitle1&&props.subtitle1.length?React.createElement(material_ui_components_1.Typography,{variant:"subtitle1"},props.subtitle1):null,props.subtitle2&&props.subtitle2.length?React.createElement(material_ui_components_1.Typography,{variant:"subtitle2"},props.subtitle2):null,props.children);};exports.FloatingTitle=function(props){return React.createElement("div",__assign({className:typestyle_1.classes(exports.styles.section_title,exports.styles.floating_header)},props.element_props),typeof props.title==="object"?React.createElement(material_ui_components_1.Typography,{variant:"button",style:{color:'inherit'}},props.title):null,typeof props.title==="string"&&props.title.length?React.createElement(material_ui_components_1.Typography,{variant:"button",style:{color:'inherit'}},props.title):null,props.subtitle1&&props.subtitle1.length?React.createElement(material_ui_components_1.Typography,{variant:"subtitle1"},props.subtitle1):null,props.subtitle2&&props.subtitle2.length?React.createElement(material_ui_components_1.Typography,{variant:"subtitle2"},props.subtitle2):null,props.children);};exports.SectionDivider=function(props){return React.createElement("div",__assign({className:exports.styles.section_divider},props.element_props),React.createElement(material_ui_components_1.Divider,null));};exports.SectionDividerSlim=function(props){return React.createElement("div",__assign({className:exports.styles.section_divider_slim},props.element_props),React.createElement(material_ui_components_1.Divider,null));};exports.DividerWithCenteredText=function(props){return React.createElement("div",{style:{display:'flex',flex:'1 1',alignItems:'center',textAlign:'center',marginTop:props.marginTop||null}},React.createElement("div",{style:{width:'50%'}},React.createElement(material_ui_components_1.Divider,null)),React.createElement("div",{style:{padding:'0 1em',whiteSpace:'nowrap'}},props.children),React.createElement("div",{style:{width:'50%'}},React.createElement(material_ui_components_1.Divider,null)));};exports.AlertWarning=function(props){return(React.createElement("div",{className:"alert alert-warning",style:{position:'relative',marginTop:props.marginTop||null,borderRadius:props.square?0:null}},React.createElement("div",{style:{padding:16,display:'flex',alignItems:'center'}},React.createElement("div",{style:{flexBasis:32,flexGrow:0}},React.createElement("i",{className:"fa fa-exclamation-circle fa-2x",style:{color:'#ff992e'}})),React.createElement("div",{style:{flexGrow:1,paddingLeft:24}},React.createElement(material_ui_components_1.Typography,{variant:"body1",style:{color:'inherit'}},props.children)))));};exports.AlertDanger=function(props){return(React.createElement("div",{className:"alert alert-danger",style:{position:'relative',marginTop:props.marginTop||null,borderRadius:props.square?0:null}},React.createElement("div",{style:{padding:16,display:'flex',alignItems:'center'}},React.createElement("div",{style:{flexBasis:32,flexGrow:0}},React.createElement("i",{className:"fa fa-exclamation-circle fa-2x",style:{color:'#b72525'}})),React.createElement("div",{style:{flexGrow:1,paddingLeft:24}},React.createElement(material_ui_components_1.Typography,{variant:"body1",style:{color:'inherit'}},props.children)))));};exports.AlertInfo=function(props){return(React.createElement("div",{className:"alert alert-info",style:{marginTop:props.marginTop||null,borderRadius:props.square?0:null}},React.createElement("div",{style:{padding:props.innerPadding===undefined?16:props.innerPadding,display:'flex',alignItems:'center'}},React.createElement("div",{style:{flexBasis:32,flexGrow:0}},React.createElement("i",{className:"fa fa-info-circle fa-2x",style:{color:style_constants.colors.accent_1_text}})),React.createElement("div",{style:{flexGrow:1,paddingLeft:24}},React.createElement(material_ui_components_1.Typography,{variant:"body1",style:{color:'inherit'}},props.children)))));};exports.AlertInfoBottom=function(props){return(React.createElement("div",{style:{marginTop:8,position:'relative'}},React.createElement("div",{style:{transform:'rotate(45deg)',background:style_constants_1.colors.color_1_50,position:'absolute',top:-7,width:16,height:16,zIndex:0,left:'calc(50% - 8px)',border:"solid 1px "+style_constants_1.colors.color_1_100}}),React.createElement("div",{style:{width:'100%',borderRadius:4,zIndex:1,padding:4,border:"solid 1px "+style_constants_1.colors.color_1_100,boxSizing:'border-box',textAlign:'center',background:style_constants_1.colors.color_1_50,color:style_constants_1.colors.primary,display:'flex',justifyContent:'stretch',alignItems:'stretch',position:'relative'}},React.createElement("div",{style:{transform:'rotate(45deg)',background:style_constants_1.colors.color_1_50,position:'absolute',top:-7,width:14,height:14,zIndex:0,left:'calc(50% - 6px)'}}),React.createElement("div",{style:{flexGrow:1,position:'relative',zIndex:2}},React.createElement(material_ui_components_1.Typography,{style:{color:'inherit',background:style_constants_1.colors.color_1_50}},props.children)))));};exports.AlertInfoSquare=function(props){return(React.createElement("div",{className:"alert alert-info",style:{marginTop:props.marginTop||null,marginBottom:props.marginBottom||0,borderRadius:0}},React.createElement("div",{style:{padding:16,display:'flex',alignItems:'center'}},React.createElement("div",{style:{flexBasis:32,flexGrow:0}},React.createElement("i",{className:"fa fa-info-circle fa-2x",style:{color:style_constants.colors.accent_1_text}})),React.createElement("div",{style:{flexGrow:1,paddingLeft:24}},React.createElement(material_ui_components_1.Typography,{variant:"body1",style:{color:'inherit'}},props.children)))));};exports.AlertInfoSmallSquare=function(props){return(React.createElement("div",{className:"alert alert-info",style:{marginTop:props.marginTop||null,marginBottom:props.marginBottom||0,borderRadius:0}},React.createElement("div",{style:{padding:8,display:'flex',alignItems:'center'}},React.createElement("div",{style:{flexBasis:24,flexGrow:0}},React.createElement("i",{className:"fa fa-info-circle",style:{color:style_constants.colors.accent_1_text}})),React.createElement("div",{style:{flexGrow:1,paddingLeft:16,textAlign:'left'}},React.createElement(material_ui_components_1.Typography,{variant:"body1",style:{color:'inherit'}},props.children)))));};exports.AlertErrorSmallSquare=function(props){return(React.createElement("div",{className:"alert alert-danger",style:{marginTop:props.marginTop||null,marginBottom:props.marginBottom||0,borderRadius:0}},React.createElement("div",{style:{padding:8,display:'flex',alignItems:'center'}},React.createElement("div",{style:{flexBasis:24,flexGrow:0}},React.createElement("i",{className:"fa fa-info-circle",style:{color:style_constants.colors.error_text}})),React.createElement("div",{style:{flexGrow:1,paddingLeft:16,textAlign:'left'}},React.createElement(material_ui_components_1.Typography,{variant:"body1",style:{color:'inherit'}},props.children)))));};exports.AlertBasic=function(props){return(React.createElement("div",{className:"alert alert-basic",style:__assign(__assign({},(props.style||{})),{marginTop:props.marginTop||null})},React.createElement("div",{style:{padding:16,display:'flex',alignItems:'center'}},React.createElement("div",{style:{flexBasis:32,flexGrow:0}},React.createElement("i",{className:"fa fa-info-circle fa-3x",style:{color:'#cccc'}})),React.createElement("div",{style:{flexGrow:1,paddingLeft:24}},React.createElement(material_ui_components_1.Typography,{variant:"subtitle1",style:{color:'inherit'}},props.children)))));};exports.AlertBasicSquare=function(props){return(React.createElement("div",{className:"alert alert-basic",style:{marginTop:props.marginTop||null,marginBottom:props.marginBottom||0,borderRadius:0}},React.createElement("div",{style:{padding:16,display:'flex',alignItems:'center'}},React.createElement("div",{style:{flexBasis:32,flexGrow:0}},React.createElement("i",{className:"fa fa-info-circle fa-2x",style:{color:'#cecece'}})),React.createElement("div",{style:{flexGrow:1,paddingLeft:24}},React.createElement(material_ui_components_1.Typography,{variant:"body1",style:{color:'inherit'}},props.children)))));};exports.AlertBasicLargeSquare=function(props){return(React.createElement("div",{className:"alert alert-basic",style:{marginTop:props.marginTop||null,marginBottom:props.marginBottom||0,borderRadius:0}},React.createElement("div",{style:{padding:16,display:'flex',alignItems:'center'}},React.createElement("div",{style:{flexBasis:32,flexGrow:0}},React.createElement("i",{className:"fa fa-info-circle fa-3x",style:{color:'#cecece'}})),React.createElement("div",{style:{flexGrow:1,paddingLeft:24}},React.createElement(material_ui_components_1.Typography,{variant:"subtitle1",style:{color:'inherit'}},props.children)))));};exports.fab_styles=typestyle_1.stylesheet({fab_bottom_cutaway_container:{borderRadius:'50%',background:style_constants.colors.grey_800,borderBottom:"solid thin "+style_constants.colors.text_100,padding:6,height:64,width:64,display:'flex',position:'absolute',alignItems:'center',justifyContent:'center',bottom:"-38px",left:'50%',marginLeft:'-32px'},fab_button:{$nest:{'& .icon-2':{opacity:0,position:'absolute',transition:'all .3s ease-out'},'& .icon-1':{opacity:1,transition:'all .3s ease-out'},'&:hover .icon-1':{transform:'rotate(360deg)',opacity:0},'&:hover .icon-2':{transform:'rotate(360deg)',opacity:1}}},});exports.FabPlus=function(props){var click_callback=props.click_callback,other=__rest(props,["click_callback"]);return(React.createElement("div",{className:exports.fab_styles.fab_bottom_cutaway_container},React.createElement(material_ui_components_1.Fab,__assign({className:exports.fab_styles.fab_button,onClick:props.click_callback,size:"large",color:"primary"},other),React.createElement("svg",{className:"icon-1","aria-hidden":"true","data-prefix":"fal","data-icon":"plus",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",style:{width:'.75em',fontSize:'1.4em'}},React.createElement("path",{fill:"currentColor",d:"M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),React.createElement("svg",{className:"icon-2","aria-hidden":"true","data-prefix":"fal","data-icon":"plus",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",style:{width:'.75em',fontSize:'1.4em'}},React.createElement("path",{fill:"currentColor",d:"M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})))));};exports.InsetContainerWithCallout=function(props){return(React.createElement("div",{style:{padding:document.body.offsetWidth<600?'16px 4px':'16px',paddingBottom:props.fab?48:null,background:style_constants.colors.grey_800,position:'relative',boxSizing:'border-box',width:'100%',border:'solid thin #dadada',borderRadius:4,paddingTop:0,}},React.createElement("div",{style:{padding:32,background:style_constants.colors.grey_400,boxSizing:'border-box',display:'flex',alignItems:'center',marginBottom:16,width:'calc(100% + 32px)',marginLeft:-16,borderTopRightRadius:4,borderTopLeftRadius:4,boxShadow:'rgba(0, 0, 0, 0.2) 0px 8px 7px -8px'}},React.createElement("div",{style:{flexBasis:32,flexGrow:0}},props.callout_icon),React.createElement("div",{style:{flexGrow:1,paddingLeft:24}},React.createElement(exports.TypeSubtitle1,null,props.callout_text))),props.children,props.fab?props.fab:null));};exports.InsetContainerWithCalloutBlue=function(props){return(React.createElement("div",{style:{padding:document.body.offsetWidth<600?'16px 4px':'16px',paddingBottom:props.fab?48:16,background:style_constants.colors.accent_1,position:'relative',boxSizing:'border-box',width:'100%',border:'solid thin '+style_constants.colors.accent_1_alt_dark,borderRadius:4,paddingTop:0,}},React.createElement("div",{style:{padding:32,background:style_constants.colors.accent_1_alt_light,boxSizing:'border-box',display:'flex',alignItems:'center',marginBottom:16,width:'calc(100% + 32px)',marginLeft:-16,borderTopRightRadius:4,borderTopLeftRadius:4,boxShadow:'rgba(0, 0, 0, 0.2) 0px 8px 7px -8px'}},React.createElement("div",{style:{flexBasis:32,flexGrow:0}},props.callout_icon),React.createElement("div",{style:{flexGrow:1,paddingLeft:24}},React.createElement(exports.TypeSubtitle1,null,props.callout_text))),props.children,props.fab?props.fab:null));};exports.HMargin=function(props){return React.createElement("div",__assign({className:typestyle_1.classes(exports.styles.marginH,props.phone_break?exports.styles.phone_break:null,props.phone_break_normal?exports.styles.phone_break_normal:null)},props.element_props),props.children);};exports.APIError=function(props){return(React.createElement("div",{className:"alert alert-danger",style:{padding:24,margin:24}},props.paths.map(function(path){if(props.errors[path]){return React.createElement("div",null,props.errors[path]);}
return null;})));};var pagination_style=typestyle_1.stylesheet({pagination:{$nest:{'& .item':{padding:'8px 8px',justifyContent:'center',alignItems:'center',display:'flex',width:24,height:24,transition:'.3s all ease-out',},'& .item:hover':{background:'rgba(0,0,0,.1)'},'&.bar .item.selected':{background:'rgba(0,0,0,.15)'}}},});exports.PaginationHorizontal=function(props){var index_start=(props.view.state[props.state_property_key]||0)*props.items_per_page;return(React.createElement(React.Fragment,null,(props.items||[]).map(function(item,index){if(index>=index_start+props.items_per_page)
return null;if(index<index_start)
return null;return props.children(item,index);}),exports.paginationHorizontal(props.view,(props.items||[]).length,props.state_property_key,props.items_per_page,props.variant,props.margin_top)));};exports.paginationHorizontal=function(view,count,state_property_key,items_per_page,variant,margin_top){if(items_per_page===void 0){items_per_page=10;}
if(variant===void 0){variant="default";}
if(margin_top===void 0){margin_top=24;}
var pagination=[],page=1,number_of_pages=Math.ceil(count/items_per_page);if(count>items_per_page){var _loop_1=function(){var num=page;if(num<view.state[state_property_key]+3&&num>view.state[state_property_key]-2){pagination.push(React.createElement(material_ui_components_1.ButtonBase,{onClick:function(){var _a;view.setState((_a={},_a[state_property_key]=num-1,_a));}},React.createElement("div",{className:typestyle_1.classes("item",view.state[state_property_key]===num-1?"selected":"")},React.createElement(exports.TypeBody1,null,view.state[state_property_key]===num-1?React.createElement("strong",{style:{fontSize:'1.2em'}},page):page))));}
page++;};while(page-1<number_of_pages){_loop_1();}
if(view.state[state_property_key]+3<=number_of_pages){if(view.state[state_property_key]+4<=number_of_pages){pagination.push(React.createElement(material_ui_components_1.ButtonBase,{onClick:function(){var _a;view.setState((_a={},_a[state_property_key]=Math.min(number_of_pages-1,view.state[state_property_key]+3),_a));}},React.createElement("div",{className:"item"},React.createElement(exports.TypeBody1,null,"..."))));}
pagination.push(React.createElement(material_ui_components_1.ButtonBase,{onClick:function(){var _a;view.setState((_a={},_a[state_property_key]=number_of_pages-1,_a));}},React.createElement("div",{className:"item"},React.createElement(exports.TypeBody1,null,number_of_pages))));}
if(view.state[state_property_key]>3){pagination.unshift(React.createElement(material_ui_components_1.ButtonBase,{onClick:function(){var _a;view.setState((_a={},_a[state_property_key]=Math.max(view.state[state_property_key]-3,0),_a));}},React.createElement("div",{className:"item"},"...")));}
if(view.state[state_property_key]>2){pagination.unshift(React.createElement(material_ui_components_1.ButtonBase,{onClick:function(){var _a;view.setState((_a={},_a[state_property_key]=0,_a));}},React.createElement("div",{className:"item"},"1")));}
pagination.unshift(React.createElement(material_ui_components_1.ButtonBase,{disabled:view.state[state_property_key]===0,onClick:function(){var _a;view.setState((_a={},_a[state_property_key]=Math.max(view.state[state_property_key]-1,0),_a));}},React.createElement("div",{className:"item",style:{color:view.state[state_property_key]===0?style_constants.colors.text_100:''}},React.createElement("i",{className:"fa fa-angle-left"}))));pagination.push(React.createElement(material_ui_components_1.ButtonBase,{disabled:view.state[state_property_key]===number_of_pages-1,onClick:function(){var _a;view.setState((_a={},_a[state_property_key]=Math.min(number_of_pages-1,view.state[state_property_key]+1),_a));}},React.createElement("div",{className:"item",style:{color:view.state[state_property_key]===number_of_pages-1?style_constants.colors.text_100:''}},React.createElement("i",{className:"fa fa-angle-right"}))));}
if(variant==="paper"){return(React.createElement(material_ui_components_1.Paper,{style:{marginTop:margin_top,backgroundColor:'#f9f9f9'},className:typestyle_1.classes(pagination_style.pagination,"bar")},React.createElement("div",{style:{display:'flex',justifyContent:'center',alignItems:'center'}},pagination.map(function(v){return v;}))));}
return(React.createElement("div",{style:{marginTop:margin_top},className:pagination_style.pagination},React.createElement("div",{style:{display:'flex',justifyContent:'center',alignItems:'center'}},pagination.map(function(v){return v;}))));};exports.PaginationHorizontalV2=function(props){var _a=react_1.useState(0),index=_a[0],setIndex=_a[1];var _b=react_1.useState(0),item_count=_b[0],setItemCount=_b[1];var index_start=index*props.items_per_page;react_1.useEffect(function(){if(item_count!==(props.items||[]).length){setIndex(0);setItemCount((props.items||[]).length);}},[props.items]);return(React.createElement(React.Fragment,null,(props.items||[]).map(function(item,index){if(index>=index_start+props.items_per_page)
return null;if(index<index_start)
return null;return props.children(item,index);}),exports.paginationHorizontalV2((props.items||[]).length,index,setIndex,props.items_per_page,props.variant,props.margin_top)));};exports.paginationHorizontalV2=function(count,index,setIndex,items_per_page,variant,margin_top){if(items_per_page===void 0){items_per_page=10;}
if(variant===void 0){variant="default";}
if(margin_top===void 0){margin_top=24;}
var pagination=[],page=1,number_of_pages=Math.ceil(count/items_per_page);if(count>items_per_page){var _loop_2=function(){var num=page;if(num<index+3&&num>index-2){pagination.push(React.createElement(material_ui_components_1.ButtonBase,{onClick:function(){setIndex(num-1);}},React.createElement("div",{className:typestyle_1.classes("item",index===num-1?"selected":"")},React.createElement(exports.TypeBody1,null,index===num-1?React.createElement("strong",{style:{fontSize:'1.2em'}},page):page))));}
page++;};while(page-1<number_of_pages){_loop_2();}
if(index+3<=number_of_pages){if(index+4<=number_of_pages){pagination.push(React.createElement(material_ui_components_1.ButtonBase,{onClick:function(){setIndex(Math.min(number_of_pages-1,index+3));}},React.createElement("div",{className:"item"},React.createElement(exports.TypeBody1,null,"..."))));}
pagination.push(React.createElement(material_ui_components_1.ButtonBase,{onClick:function(){setIndex(number_of_pages-1);}},React.createElement("div",{className:"item"},React.createElement(exports.TypeBody1,null,number_of_pages))));}
if(index>3){pagination.unshift(React.createElement(material_ui_components_1.ButtonBase,{onClick:function(){setIndex(Math.max(index-3,0));}},React.createElement("div",{className:"item"},"...")));}
if(index>2){pagination.unshift(React.createElement(material_ui_components_1.ButtonBase,{onClick:function(){setIndex(0);}},React.createElement("div",{className:"item"},"1")));}
pagination.unshift(React.createElement(material_ui_components_1.ButtonBase,{disabled:index===0,onClick:function(){setIndex(Math.max(index-1,0));}},React.createElement("div",{className:"item",style:{color:index===0?style_constants.colors.text_100:''}},React.createElement("i",{className:"fa fa-angle-left"}))));pagination.push(React.createElement(material_ui_components_1.ButtonBase,{disabled:index===number_of_pages-1,onClick:function(){setIndex(Math.min(number_of_pages-1,index+1));}},React.createElement("div",{className:"item",style:{color:index===number_of_pages-1?style_constants.colors.text_100:''}},React.createElement("i",{className:"fa fa-angle-right"}))));}
if(variant==="paper"){return(React.createElement(material_ui_components_1.Paper,{style:{marginTop:margin_top,backgroundColor:'#f9f9f9'},className:typestyle_1.classes(pagination_style.pagination,"bar")},React.createElement("div",{style:{display:'flex',justifyContent:'center',alignItems:'center'}},pagination.map(function(v){return v;}))));}
return(React.createElement("div",{style:{marginTop:margin_top},className:pagination_style.pagination},React.createElement("div",{style:{display:'flex',justifyContent:'center',alignItems:'center'}},pagination.map(function(v){return v;}))));};exports.HorizontalCarouselTable=function(props){var columns=props.columns,stepper=props.stepper,column_header_key=props.column_header_key,v_header_width=props.v_header_width,column_width=props.column_width;var _a=react_1.useState({scroll_x:0,}),state=_a[0],setState=_a[1];var _b=react_1.useState(false),scroll_unnecessary=_b[0],setScrollUnnecessary=_b[1];var styles=react_1.useMemo(function(){var style_overrides=props.style_overrides||{};return typeStyle.stylesheet({carousel:{boxSizing:'border-box',padding:'0',marginLeft:-32,minHeight:200,background:style_overrides.carousel_background||'transparent',width:'calc(100% + 64px)',overflow:'hidden',marginBottom:0,position:'relative',transition:'all .3s ease-out',$nest:{'& .track':{display:'block',paddingLeft:54,paddingRight:54,overflow:'hidden',overflowX:'auto',width:'calc(100% - 124px)',height:'calc(100% - 64px)',paddingTop:0,},'& .track.dragging':{cursor:'grabbing'},'&:hover .track':{},'& .scroll-button':{background:'linear-gradient(90deg, rgb(255 254 254) 0%, rgb(255 255 255 / 82%) 50%, rgb(254 254 254 / 99%) 100%)',position:'absolute !important',top:0,bottom:0,left:0,width:48,display:'flex',alignItems:'center',justifyContent:'center',zIndex:1,opacity:1,transition:'all .3s ease-out',backdropFilter:'blur(2px)',boxShadow:'9px 0px 6px -8px rgb(0 0 0 / 10%)',},'& .scroll-button.right':{background:'linear-gradient(270deg, rgb(255 254 254) 0%, rgb(255 255 255 / 82%) 50%, rgb(254 254 254 / 99%) 100%)',boxShadow:'-9px 0px 6px -8px rgb(0 0 0 / 10%)',},'& .scroll-button i':{transition:'all .3s ease-out',},'& .scroll-button:hover':{opacity:1},'& .scroll-button:hover i':{transform:'scale(1.2)',},}},horizontal_table:{background:style_constants_1.colors.white,tableLayout:"fixed",width:'auto',boxSizing:'border-box',$nest:{'& td, & th':{padding:16,maxWidth:280,minWidth:280,overflow:'hidden',textOverflow:'ellipsis',whiteSpace:'nowrap',textAlign:'center',borderTop:'solid thin #ddd',borderLeft:'solid thin #eee',transition:'all .3s ease-out',$nest:{'&:last-child':{}}},'& td:last-child':{borderRight:'solid thin #eee',},'& td':{maxWidth:column_width,minWidth:column_width,},'& th':{maxWidth:v_header_width,minWidth:v_header_width,},'&.has-scroll th':{boxShadow:'8px 26px 9px 0px rgb(0 0 0 / 10%)',},'& tr.zebra td':{background:'#fbfbfb',},'& tr.zebra th':{background:'#fbfbfb',},'& th > p':{overflow:'hidden',textOverflow:'ellipsis',whiteSpace:'normal',},'& td > p':{overflow:'hidden',textOverflow:'ellipsis',whiteSpace:'normal',},'& thead th':{position:['-webkit-sticky','sticky'],top:0,padding:16,borderBottom:'solid thin #ddd',background:style_constants.colors.color_1_light_background,fontWeight:'bold',zIndex:4,},'& thead th:first-child':{left:-6,zIndex:5,},'& thead th:last-child':{borderRight:'solid thin #eee',},'& tbody tr:last-child td':{borderBottom:'solid thin #ddd'},'& tbody tr:last-child th':{borderBottom:'solid thin #ddd'},'& tbody th':{position:['-webkit-sticky','sticky'],left:-6,background:style_constants_1.colors.color_1_light_background,borderRight:'solid thin #eee',zIndex:3,},'& tfoot td':{position:['-webkit-sticky','sticky'],bottom:0,padding:'16px 0',borderTop:'solid thin #ddd',background:style_constants.colors.accent_1_alt_light,zIndex:2},'& tfoot th':{position:['-webkit-sticky','sticky'],left:0,bottom:0,padding:'16px 0',borderTop:'solid thin #ddd',borderBottom:'solid thin #ddd',background:style_constants.colors.accent_1_alt_light,borderRight:"solid thin "+style_constants_1.colors.accent_1_alt_dark,fontWeight:'bold',zIndex:3,},}}});},[]);var container=react_1.useRef(null);var train=react_1.useRef(null);var track=react_1.useRef({});var _c=react_1.useState(null),scroll_intv=_c[0],setScrollIntv=_c[1];var item_count=Array.isArray(columns)?columns.length:0;react_1.useEffect(function(){function windowResize(){if(!track.current||!track.current.addEventListener)
return;if(train.current.offsetWidth<=container.current.offsetWidth){setScrollUnnecessary(true);}
else{setScrollUnnecessary(false);}}
window.addEventListener('resize',windowResize);setTimeout(function(){windowResize();},200);return function(){clearInterval(scroll_intv);window.removeEventListener('resize',windowResize);};},[item_count]);react_1.useEffect(function(){if(!track.current||!track.current.addEventListener)
return;var dragging=false;var start_x=0;var scroll_left=0;track.current.addEventListener('mousedown',function(evt){_unsetScrollIntv();dragging=true;track.current.classList.add('dragging');start_x=evt.pageX-track.current.offsetLeft;scroll_left=track.current.scrollLeft;});track.current.addEventListener('mouseleave',function(){dragging=false;track.current.classList.remove('dragging');});track.current.addEventListener('mouseup',function(){dragging=false;track.current.classList.remove('dragging');});track.current.addEventListener('mousemove',function(evt){if(!dragging)
return;evt.preventDefault();var x=evt.pageX-track.current.offsetLeft;var step=(x-start_x)*(stepper||1);track.current.scrollLeft=scroll_left-step;});},[scroll_unnecessary]);function _setScrollIntv(direction){if(direction===void 0){direction="forwards";}
clearInterval(scroll_intv);setScrollIntv(setInterval(function(){if(!track||!track.current)
clearInterval(scroll_intv);if(direction==="forwards")
track.current.scrollLeft=track.current.scrollLeft+10;if(direction==="backwards")
track.current.scrollLeft=track.current.scrollLeft-10;},20));}
function _unsetScrollIntv(){clearInterval(scroll_intv);}
function parseColumnHeaders(columns){if(!Array.isArray(columns)||!columns[0]||!columns[0].content)
return null;var rows=Object.keys(columns[0].content);if(!column_header_key)
return null;return React.createElement("thead",null,columns.map(function(v){return React.createElement("th",null,v.content[column_header_key]);}));}
function parseColumns(columns){if(!Array.isArray(columns)||!columns[0]||!columns[0].content)
return null;var rows=Object.keys(columns[0].content);var resp=[];var _loop_3=function(i){var k=rows[i];if(k===column_header_key)
return "continue";resp.push(React.createElement("tr",null,columns.map(function(v){return(v.header||k===column_header_key)?(React.createElement("th",null,v.content[k])):(React.createElement("td",null,v.content[k]));})));};for(var i=0;i<rows.length;i++){_loop_3(i);}
return React.createElement("tbody",null,resp);}
if(scroll_unnecessary){return(React.createElement("div",{ref:container,style:{overflow:'hidden'}},React.createElement("div",{ref:track,className:typestyle_1.classes('track'),style:{display:'flex'}},React.createElement("table",{ref:train,className:typestyle_1.classes(styles.horizontal_table)},parseColumnHeaders(columns),parseColumns(columns)))));}
return(React.createElement(React.Fragment,null,React.createElement("div",{ref:container,className:typestyle_1.classes(styles.carousel),style:{}},React.createElement("div",{ref:track,className:typestyle_1.classes('track'),style:{},onScroll:function(evt){setState(__assign(__assign({},state),{scroll_x:evt.target.scrollLeft}));}},React.createElement("table",{ref:train,className:typestyle_1.classes(styles.horizontal_table,state.scroll_x!==0?"has-scroll":'')},parseColumnHeaders(columns),parseColumns(columns))),React.createElement(material_ui_components_1.ButtonBase,{className:typestyle_1.classes('scroll-button'),onMouseDown:function(evt){_setScrollIntv("backwards");},onMouseUp:function(evt){_unsetScrollIntv();},onMouseOut:function(evt){_unsetScrollIntv();}},React.createElement("i",{className:"fa fa-2x fa-caret-left",style:{color:style_constants_1.colors.primary}})),React.createElement(material_ui_components_1.ButtonBase,{className:typestyle_1.classes('scroll-button right'),style:{left:'auto',right:0},onMouseDown:function(evt){_setScrollIntv();},onMouseUp:function(evt){_unsetScrollIntv();},onMouseOut:function(evt){_unsetScrollIntv();}},React.createElement("i",{className:"fa fa-2x fa-caret-right",style:{color:style_constants_1.colors.primary}})))));};exports.HorizontalCarouselRevealMulti=function(props){var open=props.open,onClose=props.onClose,items=props.items,item_height=props.item_height,inner_title=props.inner_title;var _a=react_1.useState({scroll_x:0}),state=_a[0],setState=_a[1];var styles=react_1.useMemo(function(){var style_overrides=props.style_overrides||{};return typeStyle.stylesheet({carousel:{boxSizing:'border-box',opacity:0,padding:'0',userSelect:'none',pointerEvents:'none',height:0,background:style_overrides.carousel_background||'linear-gradient(180deg, rgb(230 237 244) 0%, rgb(244 249 255) 2%, rgb(244 249 255) 98%, #edf1f6 100%)',width:'calc(100% + 64px)',marginBottom:0,marginLeft:-32,position:'relative',transition:'all .3s ease-out',$nest:{'& .track':{overflow:'hidden',paddingLeft:54,paddingRight:54,width:'calc(100% - 108px)',height:'calc(100% - 64px)',paddingTop:0,},'& .train > div:last-child':{marginRight:'54px !important'},'& .track.dragging':{cursor:'grabbing'},'&:hover .track':{overflowX:'auto',},'& .scroll-button':{position:'absolute !important',top:4,bottom:4,left:0,width:48,display:'flex',alignItems:'center',justifyContent:'center',zIndex:1,transition:'all .3s ease-out',background:'linear-gradient(90deg, rgb(244 249 254) 0%, rgb(244 249 254 / 82%) 82%, rgb(244 249 254 / 99%) 100%)',backdropFilter:'blur(2px)',},'& .scroll-button i':{transition:'all .3s ease-out',},'& .scroll-button:hover':{},'& .scroll-button:hover i':{transform:'scale(1.2)',},'& .scroll-button.right':{background:'linear-gradient(270deg, rgb(244 249 254) 0%, rgb(244 249 254 / 82%) 50%, rgb(244 249 254 / 100%) 100%)',},'&:after':{transform:'rotate(45deg)',background:'linear-gradient(315deg, #edf1f6 0%, #edf1f6 23%, rgb(244 249 255) 67%, rgb(244 249 255 / 0%) 70%)',content:'" "',border:'transparent',display:'block',height:'36px',lineHeight:'normal',width:'36px',position:'absolute',left:style_overrides.reveal_arrow_center_position?"calc("+style_overrides.reveal_arrow_center_position+" - 18px)":'calc(50% - 18px)',fontSize:'38px',bottom:'-18px',zIndex:10,opacity:0,transition:'all 0s'},'&.open':{opacity:1,userSelect:'auto',pointerEvents:'auto',height:item_height+(inner_title?48:0)+60,marginBottom:32},'&.open:after':{opacity:1},}},});},[props.style_overrides]);var train=react_1.useRef(null);var track=react_1.useRef({});var _b=react_1.useState(null),scroll_intv=_b[0],setScrollIntv=_b[1];react_1.useEffect(function(){return function(){clearInterval(scroll_intv);};},[]);react_1.useEffect(function(){if(!track.current||!track.current.addEventListener)
return;var dragging=false;var start_x=0;var scroll_left=0;track.current.addEventListener('mousedown',function(evt){_unsetScrollIntv();dragging=true;track.current.classList.add('dragging');start_x=evt.pageX-track.current.offsetLeft;scroll_left=track.current.scrollLeft;});track.current.addEventListener('mouseleave',function(){dragging=false;track.current.classList.remove('dragging');});track.current.addEventListener('mouseup',function(){dragging=false;track.current.classList.remove('dragging');});track.current.addEventListener('mousemove',function(e){if(!dragging)
return;e.preventDefault();var x=e.pageX-track.current.offsetLeft;var step=(x-start_x)*3;track.current.scrollLeft=scroll_left-step;});},[track]);function _setScrollIntv(direction){if(direction===void 0){direction="forwards";}
clearInterval(scroll_intv);setScrollIntv(setInterval(function(){if(!track||!track.current)
clearInterval(scroll_intv);if(direction==="forwards")
track.current.scrollLeft=track.current.scrollLeft+10;if(direction==="backwards")
track.current.scrollLeft=track.current.scrollLeft-10;},20));}
function _unsetScrollIntv(){clearInterval(scroll_intv);}
return(React.createElement(React.Fragment,null,React.createElement(material_ui_components_1.ClickAwayListener,{onClickAway:function(){onClose();}},React.createElement("div",{className:typestyle_1.classes(styles.carousel,open?'open':''),style:{}},inner_title?React.createElement("div",{style:{textAlign:'center',paddingTop:24}},React.createElement(material_ui_components_1.Typography,{variant:"body1"},inner_title)):null,React.createElement("div",{ref:track,className:typestyle_1.classes('track'),style:{},onScroll:function(evt){setState(__assign(__assign({},state),{scroll_x:evt.target.scrollLeft}));}},React.createElement("div",{ref:train,className:typestyle_1.classes('train'),style:{paddingTop:8,whiteSpace:'nowrap',display:'flex',alignItems:'flex-start'}},Array.isArray(items)&&items.length?items.map(function(v){return v;}):React.createElement(material_ui_components_1.CircularProgress,null),React.createElement("div",{style:{minWidth:100,minHeight:10,display:'inline-flex'}}))),React.createElement(material_ui_components_1.ButtonBase,{className:typestyle_1.classes('scroll-button'),onMouseDown:function(evt){_setScrollIntv("backwards");},onMouseUp:function(evt){_unsetScrollIntv();},onMouseOut:function(evt){_unsetScrollIntv();}},React.createElement("i",{className:"fa fa-2x fa-caret-left",style:{color:style_constants_1.colors.primary}})),React.createElement(material_ui_components_1.ButtonBase,{className:typestyle_1.classes('scroll-button'),style:{left:'auto',right:0},onMouseDown:function(evt){_setScrollIntv();},onMouseUp:function(evt){_unsetScrollIntv();},onMouseOut:function(evt){_unsetScrollIntv();}},React.createElement("i",{className:"fa fa-2x fa-caret-right",style:{color:style_constants_1.colors.primary}}))))));};exports.HorizontalCarouselMulti=function(props){var items=props.items,stepper=props.stepper;var _a=react_1.useState({scroll_x:0,}),state=_a[0],setState=_a[1];var _b=react_1.useState(false),scroll_unnecessary=_b[0],setScrollUnnecessary=_b[1];var styles=react_1.useMemo(function(){var style_overrides=props.style_overrides||{};return typeStyle.stylesheet({carousel:{boxSizing:'border-box',padding:'0',marginLeft:-32,minHeight:200,background:style_overrides.background||'transparent',width:'calc(100% + 64px)',overflow:'hidden',marginBottom:0,marginTop:style_overrides.marginTop!==undefined?style_overrides.marginTop:null,position:'relative',transition:'all .3s ease-out',$nest:{'& .track':{display:'flex',paddingLeft:54,paddingRight:54,overflow:'hidden',overflowX:'hidden',width:'calc(100% - 124px)',height:'calc(100% - 64px)',padding:16,background:style_constants_1.colors.grey_300,border:"solid thin "+style_constants_1.colors.grey_900,},'& .track.dragging':{cursor:'grabbing'},'&:hover .track':{overflowX:'auto',},'& .scroll-button':{background:'linear-gradient(90deg, rgb(255 254 254) 0%, rgb(255 255 255 / 82%) 50%, rgb(254 254 254 / 99%) 100%)',position:'absolute !important',top:0,bottom:0,left:0,width:48,display:'flex',alignItems:'center',justifyContent:'center',zIndex:1,opacity:1,transition:'all .3s ease-out',backdropFilter:'blur(2px)',boxShadow:'9px 0px 6px -8px rgb(0 0 0 / 10%)',},'& .scroll-button.right':{background:'linear-gradient(270deg, rgb(255 254 254) 0%, rgb(255 255 255 / 82%) 50%, rgb(254 254 254 / 99%) 100%)',boxShadow:'-9px 0px 6px -8px rgb(0 0 0 / 10%)',},'& .scroll-button i':{transition:'all .3s ease-out',},'& .scroll-button:hover':{opacity:1},'& .scroll-button:hover i':{transform:'scale(1.2)',},}},});},[props.style_overrides]);var container=react_1.useRef(null);var train=react_1.useRef(null);var track=react_1.useRef({});var _c=react_1.useState(null),scroll_intv=_c[0],setScrollIntv=_c[1];var item_count=Array.isArray(items)?items.length:0;react_1.useEffect(function(){function windowResize(){if(!track.current||!track.current.addEventListener)
return;if(train.current.offsetWidth<=container.current.offsetWidth){setScrollUnnecessary(true);}
else{setScrollUnnecessary(false);}}
window.addEventListener('resize',windowResize);setTimeout(function(){windowResize();},200);return function(){clearInterval(scroll_intv);window.removeEventListener('resize',windowResize);};},[item_count]);react_1.useEffect(function(){if(!track.current||!track.current.addEventListener)
return;var dragging=false;var start_x=0;var scroll_left=0;track.current.addEventListener('mousedown',function(evt){_unsetScrollIntv();dragging=true;track.current.classList.add('dragging');start_x=evt.pageX-track.current.offsetLeft;scroll_left=track.current.scrollLeft;});track.current.addEventListener('mouseleave',function(){dragging=false;track.current.classList.remove('dragging');});track.current.addEventListener('mouseup',function(){dragging=false;track.current.classList.remove('dragging');});track.current.addEventListener('mousemove',function(evt){if(!dragging)
return;evt.preventDefault();var x=evt.pageX-track.current.offsetLeft;var step=(x-start_x)*(stepper||1);track.current.scrollLeft=scroll_left-step;});},[scroll_unnecessary]);function _setScrollIntv(direction){if(direction===void 0){direction="forwards";}
clearInterval(scroll_intv);setScrollIntv(setInterval(function(){if(!track||!track.current)
clearInterval(scroll_intv);if(direction==="forwards")
track.current.scrollLeft=track.current.scrollLeft+10;if(direction==="backwards")
track.current.scrollLeft=track.current.scrollLeft-10;},20));}
function _unsetScrollIntv(){clearInterval(scroll_intv);}
if(scroll_unnecessary){return(React.createElement("div",{ref:container,style:__assign({overflow:'visible'},(props.style_overrides||{}))},React.createElement("div",{ref:track,className:typestyle_1.classes('track'),style:{display:'flex',overflow:'visible',padding:16,background:style_constants_1.colors.grey_300,border:"solid thin "+style_constants_1.colors.grey_900,}},React.createElement("div",{ref:train,className:typestyle_1.classes('train'),style:{paddingTop:16,paddingBottom:16,whiteSpace:'nowrap',display:'flex',alignItems:'flex-end',gap:16}},items))));}
return(React.createElement(React.Fragment,null,React.createElement("div",{ref:container,className:typestyle_1.classes(styles.carousel),style:{}},React.createElement("div",{ref:track,className:typestyle_1.classes('track'),style:{},onScroll:function(evt){setState(__assign(__assign({},state),{scroll_x:evt.target.scrollLeft}));}},React.createElement("div",{ref:train,className:typestyle_1.classes('train'),style:{paddingTop:16,paddingBottom:16,whiteSpace:'nowrap',display:'flex',alignItems:'flex-end',gap:16}},items)),React.createElement(material_ui_components_1.ButtonBase,{className:typestyle_1.classes('scroll-button'),onMouseDown:function(evt){_setScrollIntv("backwards");},onMouseUp:function(evt){_unsetScrollIntv();},onMouseOut:function(evt){_unsetScrollIntv();}},React.createElement("i",{className:"fa fa-2x fa-caret-left",style:{color:style_constants_1.colors.primary}})),React.createElement(material_ui_components_1.ButtonBase,{className:typestyle_1.classes('scroll-button right'),style:{left:'auto',right:0},onMouseDown:function(evt){_setScrollIntv();},onMouseUp:function(evt){_unsetScrollIntv();},onMouseOut:function(evt){_unsetScrollIntv();}},React.createElement("i",{className:"fa fa-2x fa-caret-right",style:{color:style_constants_1.colors.primary}})))));};exports.concealed_text_field_styles=typestyle_1.stylesheet({concealed_text_field_container:{width:'calc(100% + 6px)',marginLeft:-6,paddingLeft:6,fontSize:'1em',overflow:'hidden',paddingRight:12,fontFamily:'"Roboto", "Lato", sans-serif',boxSizing:'border-box',border:'solid thin transparent',color:style_constants.colors.text_light_grey,backgroundColor:'transparent',transition:'all .25s ease-out',$nest:{'&.invalid':{paddingRight:0,color:style_constants.colors.text_grey,overflow:'auto',backgroundColor:'#f9f9f9',$nest:{'& input::placeholder':{}}},'&.error':{border:'solid thin '+style_constants.colors.red,paddingRight:0,overflow:'auto',},'&:hover':{border:'solid thin '+style_constants.colors.color_1_100,paddingRight:0,overflow:'auto',},'&.edit':{border:'solid thin '+style_constants.colors.color_1,color:style_constants.colors.text_grey,whiteSpace:'normal',background:'#fff'}}},});exports.section_pane_container_overlay={height:'100%',position:'absolute',zIndex:3,background:'rgba(0,0,0,.05)',right:0,top:0,left:0,marginLeft:-24,marginRight:-24,};exports.edit_container={cursor:'pointer',transition:'all .3s ease-out',$nest:{'&:hover':{boxShadow:'0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12)',backgroundColor:style_constants_1.colors.color_1_light_background},'& .icon':{position:'absolute',height:'100%',right:0,width:64,opacity:0,pointerEvents:'none',userSelect:'none',transition:'all .3s ease-out',background:'linear-gradient(90deg, rgba(244, 249, 255, 0) 0%, rgba(244, 249, 255, .9) 20%, rgba(244, 249, 255, 1) 100%)',display:'flex',alignItems:'center',justifyContent:'center',},'&:hover .icon':{opacity:1}}};exports.section_pane={background:""+style_constants_1.colors.grey_200,boxShadow:'none',padding:0,position:'relative',transition:'all .3s ease-out',$nest:{'&.no-background':{background:"transparent",},'&.focus, &.focus.no-background':{background:""+style_constants_1.colors.white,margin:'0px -14px 16px -32px',maxWidth:'calc(100% + 30px) !important',width:'calc(100% + 30px) !important',padding:'16px !important',flexBasis:'auto',zIndex:4,boxShadow:'0px 6px 15px 4px rgb(0 0 0 / 20%), 0px 1px 2px 0px rgb(0 0 0 / 14%), 1px 1px 1px -2px rgb(0 0 0 / 16%)',}}};exports.ConcealedTextField=function(props){var edit=props.edit,other=__rest(props,["edit"]);return(React.createElement("div",{className:typestyle_1.classes(exports.concealed_text_field_styles.concealed_text_field_container,props.edit&&!props.readOnly?"edit":"",props.className)},React.createElement(material_ui_components_1.InputBase,__assign({},other))));};exports.ToolTipAsync=function(_a){var presenter=_a.presenter,getter=_a.getter,other=__rest(_a,["presenter","getter"]);var _b=React.useState(undefined),data=_b[0],setData=_b[1];return(React.createElement(material_ui_components_1.Tooltip,__assign({},other,{title:React.createElement("div",null,data?React.createElement(React.Fragment,null,presenter(data)):React.createElement(material_ui_components_1.CircularProgress,{size:18})),onOpen:function(){(function(){return __awaiter(_this,void 0,void 0,function(){var resp;return __generator(this,function(_a){switch(_a.label){case 0:return[4,getter()];case 1:resp=_a.sent();if(resp===utils_1.API_ERROR)
return[2];if(setData){setData(resp);}
return[2];}});});})();}}),React.createElement("span",null,other.children)));};var small_chip_styles=typeStyle.stylesheet({chip:{display:'inline-block !important',padding:'1px 6px !important',background:'var(--bkcolor) !important',color:'var(--color) !important',border:'solid thin !important',borderColor:'var(--color) !important',borderRadius:'10px !important',transition:'all .3s ease-out !important',$nest:{'&:hover':{background:'var(--hover) !important',boxShadow:'var(--hover-shadow)',}}}});exports.SmallChip=function(_a){var color=_a.color,_b=_a.onClick,onClick=_b===void 0?undefined:_b,_c=_a.border,border=_c===void 0?true:_c,_d=_a.style,style=_d===void 0?{}:_d,children=_a.children;return(React.createElement("div",{className:small_chip_styles.chip,style:__assign({'--color':color,'--bkcolor':color+"20",'--hover':onClick?color+"60":color+"20",'--hover-shadow':onClick?'1px 1px 2px 2px rgba(0,0,0,.2) !important':'',boxShadow:onClick?null:'none',border:!border?'none':null},style),onClick:onClick},React.createElement(material_ui_components_1.Typography,{style:{color:'inherit',fontSize:11}},children)));};exports.SmallChipButton=function(props){var color=props.color,onClick=props.onClick,children=props.children;return(React.createElement(material_ui_components_1.ButtonBase,{className:small_chip_styles.chip,style:{marginTop:2,padding:'1px 6px !important',cursor:'pointer !important','--color':color,'--bkcolor':color+"20",'--hover':color+"60"},onClick:onClick},React.createElement(material_ui_components_1.Typography,{style:{color:'inherit',fontSize:11,overflow:'hidden',textOverflow:'ellipsis',whiteSpace:'nowrap',maxWidth:100}},children)));};exports.ElectronicConsent=function(props){var verb=props.verb?props.verb:"Sign";return(React.createElement(React.Fragment,null,React.createElement(material_ui_components_1.Typography,{variant:"h6"},"Electronic Consent"),React.createElement(material_ui_components_1.Typography,{variant:"body1"},"By clicking ",verb,", I understand that (i) electronically signing and submitting any document(s) binds me in the same manner as if I had signed in a non-electronic form, and (ii) the electronically stored copy of my signature, any written instruction or authorization and any other document provided to me by OnPay, Inc, is considered to be the true, accurate and complete record, legally enforceable in any proceeding to the same extent as if such documents were originally generated and maintained in printed form. I agree not to contest the admissibility or enforceability of OnPay Inc's electronically stored copy of this Consent and any other documents.")));};exports.FlexCenterContainer=function(props){var style=props.style||{};return(React.createElement("div",{style:__assign({display:'flex',alignItems:'center',width:'100%',flexBasis:props.flexBasis,flexGrow:props.flexGrow},style)},props.children));};exports.FlexCenterItem=function(props){var style=props.style||{};return(React.createElement("div",{style:__assign({flexBasis:props.flexBasis,flexGrow:props.flexGrow},style)},props.children));};var a_style=typestyle_1.stylesheet({base:{color:'var(--color)',$nest:{'&:hover':{color:'var(--color-hover)'}}}});exports.AHREF=function(props){var style=props.style||{};var link=props.link||"javascript:void(0)";var underline=props.underline===undefined?"underline":props.underline;var onClick=props.onClick||null;var target=props.target||null;var children=props.children,className=props.className,setRef=props.setRef,_props=__rest(props,["children","className","setRef"]);if(props.disabled){style.display="inline";return(React.createElement("span",__assign({},_props,{style:__assign(__assign({},style),{textDecoration:'none',color:style_constants_1.colors.text_500}),onClick:null}),props.children));}
return(React.createElement("a",__assign({ref:function(node){return setRef?setRef(node):null;},className:typestyle_1.classes(a_style.base,className),id:props.id||null},_props,{href:link,target:target,style:__assign({textDecoration:underline,'--color':props.color||style_constants_1.colors.color_1,'--color-hover':props.alt_color||style_constants_1.colors.color_1_900},style),onClick:onClick}),props.children));};var actionPaneStyles=typeStyle.stylesheet({section_pane:__assign({},exports.section_pane),section_pane_container_overlay:__assign({},exports.section_pane_container_overlay)});exports.ActionPane=function(props){var _a=react_1.useState(false),open=_a[0],setOpen=_a[1];var _b=react_1.useState(false),_open=_b[0],set_open=_b[1];React.useEffect(function(){if(props.readonly)
return;if(open===_open)
return;if(open===false&&_open===true){if(props.onClose)
props.onClose();set_open(false);}
if(open===true&&_open===false){set_open(true);}},[open]);return(React.createElement(React.Fragment,null,open?React.createElement("div",{className:actionPaneStyles.section_pane_container_overlay,onClick:function(){setOpen(false);}}):null,React.createElement("div",{className:typestyle_1.classes(actionPaneStyles.section_pane,open?"focus":'',props.transparent_background_for_cover?'no-background':''),style:__assign({},(props.style||{}))},open?props.content(setOpen):props.cover(setOpen))));};exports.VerticalDivider=function(_a){var _b=_a.margin,margin=_b===void 0?8:_b,_c=_a.height,height=_c===void 0?18:_c;return(React.createElement(React.Fragment,null,React.createElement("div",{style:{display:'inline',marginLeft:margin,height:height,width:1,backgroundColor:'rgb(255 255 255 / 15%)'}}),React.createElement("div",{style:{display:'inline',marginRight:margin,height:height,width:1,backgroundColor:'rgb(0 0 0 / 8%)'}})));};exports.VerticalDividerV2=function(_a){var _b=_a.margin,margin=_b===void 0?8:_b,_c=_a.height,height=_c===void 0?null:_c;return(React.createElement(React.Fragment,null,React.createElement("div",{style:{display:'inline-block',marginLeft:margin,height:height?height:'1em',width:1,backgroundColor:'rgb(255 255 255 / 25%)',marginBottom:-2}}),React.createElement("div",{style:{display:'inline-block',marginRight:margin,height:height?height:'1em',width:1,backgroundColor:'rgb(0 0 0 / 25%)',marginBottom:-2}})));};exports.ButtonDanger=function(props){var children=props.children,other=__rest(props,["children"]);return(React.createElement(material_ui_components_1.MuiThemeProvider,{theme:material_ui_components_1.createMuiTheme({overrides:{MuiButton:{root:{textTransform:"capitalize"}},},palette:{primary:{main:'#f44336',},},})},React.createElement(material_ui_components_1.Button,__assign({},other),children)));};exports.ButtonSuccess=function(props){var children=props.children,other=__rest(props,["children"]);return(React.createElement(material_ui_components_1.MuiThemeProvider,{theme:material_ui_components_1.createMuiTheme({overrides:{MuiButton:{root:{textTransform:"capitalize"}},},palette:{primary:{main:style_constants_1.colors.color_3,},},})},React.createElement(material_ui_components_1.Button,__assign({},other),children)));};exports.ButtonDangerWithWarningDialog=function(props){var children=props.children,view=props.view,onAgree=props.onAgree,alert_message=props.alert_message,title=props.title,other=__rest(props,["children","view","onAgree","alert_message","title"]);return(React.createElement(material_ui_components_1.MuiThemeProvider,{theme:material_ui_components_1.createMuiTheme({overrides:{MuiButton:{root:{textTransform:"capitalize"}},},palette:{primary:{main:style_constants_1.colors.danger,}},})},React.createElement(material_ui_components_1.Button,__assign({},other,{onClick:function(){utils_1.dialog(view,{open:true,_key:'',fullScreen:document.body.clientWidth<600,handle_agree:function(dialog){onAgree(dialog);dialog.setState({open:false});},dialog_style:function(dialog){return{background:dialog.props.theme.palette.primary.dark,color:'#fff',};},title:React.createElement("span",{style:{color:'#fff'}}),agree_button_style:{color:'primary',variant:'contained'},close_button_style:{color:'secondary',variant:'outlined'},theme:material_ui_components_1.createMuiTheme({overrides:{},palette:{primary:{main:style_constants_1.colors.danger,},secondary:{main:style_constants_1.colors.white,},},}),content:function(dialog){return(React.createElement("div",null,React.createElement(material_ui_components_1.Typography,{variant:"body1",style:{color:'inherit'}},alert_message)));},},function(dialog){view.dialogs.push(dialog);});}}),children)));};var jibPaneStyles=typeStyle.stylesheet({container:__assign({},exports.edit_container)});exports.JibPane=function(props){return(React.createElement(material_ui_components_1.ButtonBase,{disabled:props.disabled,onClick:props.onClick,className:jibPaneStyles.container,style:__assign({padding:'16px 16px 16px 16px',overflow:'hidden',boxSizing:'border-box',marginLeft:-8,marginTop:-8,marginRight:-8,borderRadius:6,zIndex:2,gap:16},(props.style||{}))},props.children,React.createElement("div",{className:'icon'},React.createElement("i",{className:props.icon_class?props.icon_class:"fa fa-edit fa-2x",style:{color:style_constants_1.colors.primary}}))));};exports.FontAwesomeIcon=function(props){return(React.createElement("i",{className:props.icon_class,style:__assign({color:props.color||"inherit"},props.style)}));};exports.FiveStarRating=function(props){if(Number.isNaN(props.percent))
return null;var n=0;var stars=[];while(n<100){if(props.percent<n+10){stars.push(React.createElement("i",{className:"fas fa-star",style:{color:style_constants_1.colors.grey_900}}));}
else if(props.percent>=n+20){stars.push(React.createElement("i",{className:"fas fa-star",style:{color:style_constants_1.colors.gold}}));}
else{stars.push(React.createElement("i",{className:"fas fa-star-half",style:{color:style_constants_1.colors.gold}}));}
n=n+20;}
return(React.createElement("span",{style:{display:"inline-flex",gap:4,flexDirection:'row'}},stars));};exports.VLSentinel=function(_a){var default_height=_a.default_height,_b=_a.default_width,default_width=_b===void 0?null:_b,_c=_a.root,root=_c===void 0?null:_c,_d=_a.root_margin,root_margin=_d===void 0?null:_d,_e=_a.style,style=_e===void 0?{}:_e,children=_a.children;var _f=react_1.useState(false),visible=_f[0],setVisible=_f[1];var container=react_1.useRef(null);react_1.useEffect(function(){var observer=new IntersectionObserver(function(_a){var e=_a[0];if(e.isIntersecting&&!visible)
setVisible(true);else if(visible)
setVisible(false);},{rootMargin:root_margin||default_height*2+"px",root:root});observer.observe(container.current);return function(){observer.disconnect();};},[]);return(React.createElement("div",{ref:container,style:__assign({minHeight:visible?null:default_height,minWidth:default_width},style)},visible?children:null));};exports.InfoBox=function(_a){var _b=_a.dismiss_message,dismiss_message=_b===void 0?"":_b,_c=_a.onDismiss,onDismiss=_c===void 0?null:_c,_d=_a.override_icon,override_icon=_d===void 0?null:_d,children=_a.children;return React.createElement(material_ui_components_1.Paper,{elevation:0,style:{background:style_constants_1.colors.color_1_light_background,border:'solid thin #0c61b424'}},React.createElement("div",{style:{display:'flex',alignItems:'center',gap:16,padding:16,}},override_icon?override_icon:React.createElement("i",{className:"fal fa-2x fa-info-circle",style:{color:style_constants_1.colors.color_1_300}}),React.createElement("div",{style:{flex:1}},children),onDismiss?React.createElement(material_ui_components_1.IconButton,{style:{height:48,width:48},color:"primary",onClick:function(){onDismiss();}},React.createElement("i",{style:{color:style_constants_1.colors.color_1},className:"fal fa-times"})):null));};});