@buildocsdev/sdk 1.1.22 → 1.1.24

package/dist/{chunk-BBBJBJ6N.js → chunk-73KX25HK.js}

@@ -1,5 +1,5 @@
-import {b as b$3,c as c$1}from'./chunk-6K3ZZUUM.js';import {a as a$3,b as b$5}from'./chunk-5ZFXQAPR.js';import {b as b$4,e as e$2}from'./chunk-FRAOYRZD.js';import {a as a$2}from'./chunk-22LEYH6Q.js';import {g,b,H,L,q,h,Q,j,l,n,p,s,u,w,e,B,D as D$1,F,O,I,J,S as S$1,f,T,G as G$1,C,E,P as P$1,i,m as m$1,o as o$1,r as r$1,t,v,R,d,M,c as c$2,N as N$1,K as K$1}from'./chunk-KW32CT2P.js';import {b as b$1}from'./chunk-LBMVBVXW.js';import {o,l as l$1,n as n$2}from'./chunk-3QKKOFXC.js';import {N,D,P,r,n as n$1,I as I$1,f as f$1,H as H$1,j as j$1,h as h$1,J as J$1,L as L$1,K,z,F as F$1,e as e$1,G,u as u$1,v as v$1,k,M as M$1,B as B$1,a as a$4}from'./chunk-AR42AC7J.js';import {a as a$1}from'./chunk-SDIZEEZP.js';import {c,b as b$2}from'./chunk-5TBO732O.js';import ie,{memo,useEffect,useState,useCallback,lazy}from'react';import {withTranslation}from'react-i18next';import _p from'@mui/material/Tabs';import ma from'@mui/material/Tab';import tt from'@mui/material/Box';import vr from'@mui/material/TextField';import Mt from'@mui/material/Typography';import oa from'@mui/material/Divider';import na from'@mui/material/Paper';import ia from'@mui/material/Button';import Cp from'@mui/material/IconButton';import wp from'@mui/material/Checkbox';import aa from'@mui/material/FormControlLabel';import Pp from'@mui/material/Switch';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {nanoid}from'@reduxjs/toolkit';function _o({containerProps:o,onContainerPropsChange:e,disabled:t=false,onSave:r,onNext:n}){let i=H=>G=>{let U=G.target.value;H==="formCode"&&(U=U.replace(/[^a-z0-9]/gi,"").toUpperCase().slice(0,8)),e(H,U);},d=o.formCode||"",p=o.title||"",u=o.webhooks||[],P=o.useInIframe||false,T=d.trim()==="",s=d.trim().length>0&&d.trim().length<3,v=T||s,R=p.trim()==="",w=!v&&!R,E=10,O=H=>{let G=H.target.checked;e("useInIframe",G),!G&&u.length>0&&e("webhooks",[]);},B=()=>{if(u.length>=E)return;let H=[...u,{url:"",enabled:true}];e("webhooks",H);},z=H=>{let G=u.filter((U,se)=>se!==H);e("webhooks",G);},J=(H,G)=>{let U=[...u];U[H]={...U[H],url:G},e("webhooks",U);},K=(H,G)=>{let U=[...u];U[H]={...U[H],enabled:G},e("webhooks",U);};return jsx(tt,{sx:{height:"100%",overflowY:"auto",display:"flex",justifyContent:"center",alignItems:"flex-start",padding:4},children:jsxs(tt,{sx:{width:"100%",maxWidth:"800px"},children:[jsxs(na,{elevation:0,sx:{padding:3},children:[jsx(Mt,{variant:"h6",gutterBottom:true,sx:{fontWeight:"bold"},children:"Form Information"}),jsx(oa,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:[jsx(vr,{label:"Form Code",value:d,onChange:i("formCode"),disabled:t,fullWidth:true,size:"small",required:true,error:v,helperText:T?"Form Code is required":s?"Form Code must be at least 3 characters":"Unique identifier for this form (3-8 characters, a-z0-9 only)",inputProps:{maxLength:8}}),jsx(vr,{label:"Title",value:o.title||"",onChange:i("title"),disabled:t,fullWidth:true,size:"small",required:true,error:R,helperText:R?"Title is required":""}),jsx(vr,{label:"Description",value:o.description||"",onChange:i("description"),disabled:t,fullWidth:true,size:"small",multiline:true,rows:4,helperText:"Brief description of the form's purpose"})]})]}),jsxs(na,{elevation:0,sx:{padding:3,mt:3},children:[jsx(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:jsx(Mt,{variant:"h6",sx:{fontWeight:"bold"},children:"On Save Webhooks"})}),jsx(tt,{sx:{mb:2},children:jsx(aa,{control:jsx(Pp,{checked:P,onChange:O,disabled:t,color:"primary"}),label:jsxs(tt,{children:[jsx(Mt,{variant:"body1",sx:{fontWeight:500},children:"Form will be used in iframe"}),jsx(Mt,{variant:"caption",color:"text.secondary",children:"Enable this to configure webhook endpoints for form submission"})]})})}),P&&jsxs(Fragment,{children:[jsx(oa,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[jsxs(Mt,{variant:"body2",color:"text.secondary",children:["Configure webhook endpoints to be called when the form is submitted. Up to ",E," webhooks allowed."]}),jsx(ia,{variant:"outlined",size:"small",startIcon:jsx(B$1,{}),onClick:B,disabled:t||u.length>=E,children:"Add Webhook"})]}),u.length===0?jsx(Mt,{variant:"body2",color:"text.secondary",sx:{textAlign:"center",py:2},children:'No webhooks configured. Click "Add Webhook" to add one.'}):jsx(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:u.map((H,G)=>jsxs(tt,{sx:{display:"flex",alignItems:"center",gap:1,p:1.5,border:"1px solid",borderColor:"divider",borderRadius:1,backgroundColor:H.enabled?"transparent":"action.disabledBackground"},children:[jsx(aa,{control:jsx(wp,{checked:H.enabled,onChange:U=>K(G,U.target.checked),disabled:t,size:"small"}),label:"",sx:{mr:0}}),jsx(vr,{label:`Webhook ${G+1} URL`,value:H.url,onChange:U=>J(G,U.target.value),disabled:t||!H.enabled,fullWidth:true,size:"small",placeholder:"https://example.com/webhook",error:H.enabled&&H.url.trim()!==""&&!H.url.startsWith("http"),helperText:H.enabled&&H.url.trim()!==""&&!H.url.startsWith("http")?"URL must start with http:// or https://":""}),jsx(Cp,{onClick:()=>z(G),disabled:t,size:"small",color:"error",title:"Remove webhook",children:jsx(N,{})})]},G))})]})]}),jsx(tt,{sx:{display:"flex",justifyContent:"flex-end",mt:3},children:jsx(ia,{variant:"contained",color:"primary",onClick:n,disabled:t||!w,endIcon:jsx(a$4,{}),children:"Next"})})]})})}var Oo=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){let t=this.ref.current;t&&this.props.tabIndex===t.tabIndex&&t.focus(),this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled||this.props.readOnly?"propvalue-container disabledElement":"propvalue-container",t=this.props.propname==="name"||this.props.propname==="groupname";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:e,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:this.props.propvalue,disabled:this.props.disabled,readOnly:this.props.readOnly,onChange:t?r=>{let n=r.target.value.toLowerCase().replace(/[^a-z0-9_]/g,"");r.target.value=n;}:void 0,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},S=withTranslation()(Oo);var da=withTranslation()(memo(function(e){var i;let{name:t,value:r,visible:n=true}=(i=e.properties)!=null?i:{};return n?jsx("input",{type:"hidden",name:t,defaultValue:r}):null}));da.displayName="_Hidden";var pa=da;function Mo(o){if(typeof o=="boolean")return o;if(typeof o=="number")return o===1;if(typeof o=="string"){let e=o.toLowerCase().trim();return e==="true"?true:e==="false"?false:parseInt(o,10)===1}return  false}var Bo=class extends ie.PureComponent{constructor(t){var r,n;super(t);this.handleChange=t=>{let r=t.target.checked;this.state.checked!==r&&this.setState({checked:r},()=>{this.props.propChanged(this.state.checked,this.props.propname);});};this.state={isLoaded:false,proptitle:t.proptitle,propname:t.propname,checked:Mo(t.propvalue),hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true,checked:Mo(this.props.propvalue)});}componentDidUpdate(t){let r=this.ref.current;r&&this.props.tabIndex===r.tabIndex&&r.focus(),t.propvalue!==this.props.propvalue&&this.setState({checked:Mo(this.props.propvalue)});}render(){if(this.state.isLoaded===false)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[this.state.hidelabel===false&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsxs("div",{className:t,children:[jsx(pa,{properties:{name:this.props.propname}}),jsx("input",{ref:this.ref,type:"checkbox",id:this.props.propname,disabled:this.props.disabled,tabIndex:this.state.tabIndex,name:this.props.propname,checked:this.state.checked,readOnly:false,onChange:this.handleChange})]})]})}},m=withTranslation()(Bo);var qe=class qe{static setProps(e){return qe.ctx=e,qe}static requireCtx(){if(!qe.ctx)throw new Error("PropsCommon.setProps(...) was not called before using a PropsCommon method.");return qe.ctx}static DataSourcePropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(t,e,null,n)}static selectedWidgetPropsChange(e,t,r,n){let{selectedWidgetPropsChange:i,selectedWidgetProps:d}=qe.requireCtx();return i(n,r,t,d)}static selectedDropdownWidgetPropsChange(e,t,r){let{selectedWidgetPropsChange:n,selectedWidgetProps:i}=qe.requireCtx();return n(e,t,r,i)}static selectedCheckboxPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(!!e,t,null,n)}static selectedColorPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx(),d=e==null||e==="#000000"||e==="#000"||e==="rgb(0, 0, 0)"||e==="rgb(0,0,0)"||typeof e=="string"&&e.toLowerCase()==="black"?void 0:e;return r(d,t,"style",n)}static removeWidgetButtonClick(e){let{removeWidgetButtonClick:t}=qe.requireCtx();return t(e)}};qe.ctx=null;var a=qe;var Ho=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var z;if(this.state.isLoaded===false)return null;let{type:t}=((z=this.props.selectedWidgetProps)==null?void 0:z._path)||{};if(t!==g.CONTAINER)return null;let r=(J,K,H)=>this.props.selectedWidgetPropsChange(J.target.value,H,K,this.props.selectedWidgetProps),{title:n,subtitle:i,sourcetable:d,systemform:p,donotsave:u,hideheader:P,skiphandler:T,border:s,headerbackground:v,style:R}=this.props.selectedWidgetProps,{maxWidth:w,minHeight:E}=R!=null?R:{},O=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Title",propname:"title",attr:null,propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Sub Title",propname:"subtitle",attr:null,propvalue:i,propChanged:r}),jsx(m,{disabled:this.props.disabled,proptitle:"Hide Header",propname:"hideheader",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Border",propname:"border",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Header Background",propname:"headerbackground",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),B=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Max-width",propname:"maxWidth",attr:"style",propvalue:w,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:E,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Source Table",propname:"sourcetable",attr:null,propvalue:d,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Do not Save",propname:"donotsave",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"System Form",propname:"systemform",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Skip Handler Gen.",propname:"skiphandler",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{children:"Container Properties"})}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&O,this.state.tabValue===1&&B]})}},ga=withTranslation()(Ho);function Je(o){return "Minified Redux error #"+o+"; visit https://redux.js.org/Errors?code="+o+" for the full message or use the non-minified dev environment for full errors. "}var ha=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),Fo=function(){return Math.random().toString(36).substring(7).split("").join(".")},ba={INIT:"@@redux/INIT"+Fo(),REPLACE:"@@redux/REPLACE"+Fo()};function Op(o){if(typeof o!="object"||o===null)return  false;for(var e=o;Object.getPrototypeOf(e)!==null;)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(o)===e}function Ao(o,e,t){var r;if(typeof e=="function"&&typeof t=="function"||typeof t=="function"&&typeof arguments[3]=="function")throw new Error(Je(0));if(typeof e=="function"&&typeof t=="undefined"&&(t=e,e=void 0),typeof t!="undefined"){if(typeof t!="function")throw new Error(Je(1));return t(Ao)(o,e)}if(typeof o!="function")throw new Error(Je(2));var n=o,i=e,d=[],p=d,u=false;function P(){p===d&&(p=d.slice());}function T(){if(u)throw new Error(Je(3));return i}function s(E){if(typeof E!="function")throw new Error(Je(4));if(u)throw new Error(Je(5));var O=true;return P(),p.push(E),function(){if(O){if(u)throw new Error(Je(6));O=false,P();var z=p.indexOf(E);p.splice(z,1),d=null;}}}function v(E){if(!Op(E))throw new Error(Je(7));if(typeof E.type=="undefined")throw new Error(Je(8));if(u)throw new Error(Je(9));try{u=!0,i=n(i,E);}finally{u=false;}for(var O=d=p,B=0;B<O.length;B++){var z=O[B];z();}return E}function R(E){if(typeof E!="function")throw new Error(Je(10));n=E,v({type:ba.REPLACE});}function w(){var E,O=s;return E={subscribe:function(z){if(typeof z!="object"||z===null)throw new Error(Je(11));function J(){z.next&&z.next(T());}J();var K=O(J);return {unsubscribe:K}}},E[ha]=function(){return this},E}return v({type:ba.INIT}),r={dispatch:v,subscribe:s,getState:T,replaceReducer:R},r[ha]=w,r}function fa(o,e,t){return e.split(".").reduce((r,n)=>r&&r[n]?r[n]:t||null,o)}function va(o,e){return o.filter(t=>t!==e)}function wr(o){return typeof o=="object"}function ya(o,e){let t=new Map,r=i=>{t.set(i,t.has(i)?t.get(i)+1:1);};o.forEach(r),e.forEach(r);let n=[];return t.forEach((i,d)=>{i===1&&n.push(d);}),n}function xa(o,e){return o.filter(t=>e.indexOf(t)>-1)}var Bt="dnd-core/INIT_COORDS",lt="dnd-core/BEGIN_DRAG",zt="dnd-core/PUBLISH_DRAG_SOURCE",ct="dnd-core/HOVER",ut="dnd-core/DROP",mt="dnd-core/END_DRAG";function Vo(o,e){return {type:Bt,payload:{sourceClientOffset:e||null,clientOffset:o||null}}}var Mp={type:Bt,payload:{clientOffset:null,sourceClientOffset:null}};function Ca(o){return function(t=[],r={publishSource:true}){let{publishSource:n=true,clientOffset:i,getSourceClientOffset:d}=r,p=o.getMonitor(),u=o.getRegistry();o.dispatch(Vo(i)),Bp(t,p,u);let P=Fp(t,p);if(P==null){o.dispatch(Mp);return}let T=null;if(i){if(!d)throw new Error("getSourceClientOffset must be defined");zp(d),T=d(P);}o.dispatch(Vo(i,T));let v=u.getSource(P).beginDrag(p,P);if(v==null)return;Hp(v),u.pinSource(P);let R=u.getSourceType(P);return {type:lt,payload:{itemType:R,item:v,sourceId:P,clientOffset:i||null,sourceClientOffset:T||null,isSourcePublic:!!n}}}}function Bp(o,e,t){c$2(!e.isDragging(),"Cannot call beginDrag while dragging."),o.forEach(function(r){c$2(t.getSource(r),"Expected sourceIds to be registered.");});}function zp(o){c$2(typeof o=="function","When clientOffset is provided, getSourceClientOffset must be a function.");}function Hp(o){c$2(wr(o),"Item must be an object.");}function Fp(o,e){let t=null;for(let r=o.length-1;r>=0;r--)if(e.canDragSource(o[r])){t=o[r];break}return t}function Ap(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Vp(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){Ap(o,n,t[n]);});}return o}function wa(o){return function(t={}){let r=o.getMonitor(),n=o.getRegistry();jp(r),Gp(r).forEach((d,p)=>{let u=Up(d,p,n,r),P={type:ut,payload:{dropResult:Vp({},t,u)}};o.dispatch(P);});}}function jp(o){c$2(o.isDragging(),"Cannot call drop while not dragging."),c$2(!o.didDrop(),"Cannot call drop twice during one drag operation.");}function Up(o,e,t,r){let n=t.getTarget(o),i=n?n.drop(r,o):void 0;return qp(i),typeof i=="undefined"&&(i=e===0?{}:r.getDropResult()),i}function qp(o){c$2(typeof o=="undefined"||wr(o),"Drop result must either be an object or undefined.");}function Gp(o){let e=o.getTargetIds().filter(o.canDropOnTarget,o);return e.reverse(),e}function Pa(o){return function(){let t=o.getMonitor(),r=o.getRegistry();$p(t);let n=t.getSourceId();return n!=null&&(r.getSource(n,true).endDrag(t,n),r.unpinSource()),{type:mt}}}function $p(o){c$2(o.isDragging(),"Cannot call endDrag while not dragging.");}function Kt(o,e){return e===null?o===null:Array.isArray(o)?o.some(t=>t===e):o===e}function Ta(o){return function(t,{clientOffset:r}={}){Xp(t);let n=t.slice(0),i=o.getMonitor(),d=o.getRegistry(),p=i.getItemType();return Jp(n,d,p),Yp(n,i,d),Kp(n,i,d),{type:ct,payload:{targetIds:n,clientOffset:r||null}}}}function Xp(o){c$2(Array.isArray(o),"Expected targetIds to be an array.");}function Yp(o,e,t){c$2(e.isDragging(),"Cannot call hover while not dragging."),c$2(!e.didDrop(),"Cannot call hover after drop.");for(let r=0;r<o.length;r++){let n=o[r];c$2(o.lastIndexOf(n)===r,"Expected targetIds to be unique in the passed array.");let i=t.getTarget(n);c$2(i,"Expected targetIds to be registered.");}}function Jp(o,e,t){for(let r=o.length-1;r>=0;r--){let n=o[r],i=e.getTargetType(n);Kt(i,t)||o.splice(r,1);}}function Kp(o,e,t){o.forEach(function(r){t.getTarget(r).hover(e,r);});}function Sa(o){return function(){if(o.getMonitor().isDragging())return {type:zt}}}function ka(o){return {beginDrag:Ca(o),publishDragSource:Sa(o),hover:Ta(o),drop:wa(o),endDrag:Pa(o)}}var Pr=class{receiveBackend(e){this.backend=e;}getMonitor(){return this.monitor}getBackend(){return this.backend}getRegistry(){return this.monitor.registry}getActions(){let e=this,{dispatch:t}=this.store;function r(i){return (...d)=>{let p=i.apply(e,d);typeof p!="undefined"&&t(p);}}let n=ka(this);return Object.keys(n).reduce((i,d)=>{let p=n[d];return i[d]=r(p),i},{})}dispatch(e){this.store.dispatch(e);}constructor(e,t){this.isSetUp=false,this.handleRefCountChange=()=>{let r=this.store.getState().refCount>0;this.backend&&(r&&!this.isSetUp?(this.backend.setup(),this.isSetUp=true):!r&&this.isSetUp&&(this.backend.teardown(),this.isSetUp=false));},this.store=e,this.monitor=t,e.subscribe(this.handleRefCountChange);}};function Qp(o,e){return {x:o.x+e.x,y:o.y+e.y}}function Ea(o,e){return {x:o.x-e.x,y:o.y-e.y}}function Wa(o){let{clientOffset:e,initialClientOffset:t,initialSourceClientOffset:r}=o;return !e||!t||!r?null:Ea(Qp(e,r),t)}function Da(o){let{clientOffset:e,initialClientOffset:t}=o;return !e||!t?null:Ea(e,t)}var Ht=[],Tr=[];Ht.__IS_NONE__=true;Tr.__IS_ALL__=true;function Ra(o,e){return o===Ht?false:o===Tr||typeof e=="undefined"?true:xa(e,o).length>0}var Sr=class{subscribeToStateChange(e,t={}){let{handlerIds:r}=t;c$2(typeof e=="function","listener must be a function."),c$2(typeof r=="undefined"||Array.isArray(r),"handlerIds, when specified, must be an array of strings.");let n=this.store.getState().stateId,i=()=>{let d=this.store.getState(),p=d.stateId;try{p===n||p===n+1&&!Ra(d.dirtyHandlerIds,r)||e();}finally{n=p;}};return this.store.subscribe(i)}subscribeToOffsetChange(e){c$2(typeof e=="function","listener must be a function.");let t=this.store.getState().dragOffset,r=()=>{let n=this.store.getState().dragOffset;n!==t&&(t=n,e());};return this.store.subscribe(r)}canDragSource(e){if(!e)return  false;let t=this.registry.getSource(e);return c$2(t,`Expected to find a valid source. sourceId=${e}`),this.isDragging()?false:t.canDrag(this,e)}canDropOnTarget(e){if(!e)return  false;let t=this.registry.getTarget(e);if(c$2(t,`Expected to find a valid target. targetId=${e}`),!this.isDragging()||this.didDrop())return  false;let r=this.registry.getTargetType(e),n=this.getItemType();return Kt(r,n)&&t.canDrop(this,e)}isDragging(){return !!this.getItemType()}isDraggingSource(e){if(!e)return  false;let t=this.registry.getSource(e,true);if(c$2(t,`Expected to find a valid source. sourceId=${e}`),!this.isDragging()||!this.isSourcePublic())return  false;let r=this.registry.getSourceType(e),n=this.getItemType();return r!==n?false:t.isDragging(this,e)}isOverTarget(e,t={shallow:false}){if(!e)return  false;let{shallow:r}=t;if(!this.isDragging())return  false;let n=this.registry.getTargetType(e),i=this.getItemType();if(i&&!Kt(n,i))return  false;let d=this.getTargetIds();if(!d.length)return  false;let p=d.indexOf(e);return r?p===d.length-1:p>-1}getItemType(){return this.store.getState().dragOperation.itemType}getItem(){return this.store.getState().dragOperation.item}getSourceId(){return this.store.getState().dragOperation.sourceId}getTargetIds(){return this.store.getState().dragOperation.targetIds}getDropResult(){return this.store.getState().dragOperation.dropResult}didDrop(){return this.store.getState().dragOperation.didDrop}isSourcePublic(){return !!this.store.getState().dragOperation.isSourcePublic}getInitialClientOffset(){return this.store.getState().dragOffset.initialClientOffset}getInitialSourceClientOffset(){return this.store.getState().dragOffset.initialSourceClientOffset}getClientOffset(){return this.store.getState().dragOffset.clientOffset}getSourceClientOffset(){return Wa(this.store.getState().dragOffset)}getDifferenceFromInitialOffset(){return Da(this.store.getState().dragOffset)}constructor(e,t){this.store=e,this.registry=t;}};var Ia=typeof global!="undefined"?global:self,Na=Ia.MutationObserver||Ia.WebKitMutationObserver;function jo(o){return function(){let t=setTimeout(n,0),r=setInterval(n,50);function n(){clearTimeout(t),clearInterval(r),o();}}}function Zp(o){let e=1,t=new Na(o),r=document.createTextNode("");return t.observe(r,{characterData:true}),function(){e=-e,r.data=e;}}var La=typeof Na=="function"?Zp:jo;var kr=class{enqueueTask(e){let{queue:t,requestFlush:r}=this;t.length||(r(),this.flushing=true),t[t.length]=e;}constructor(){this.queue=[],this.pendingErrors=[],this.flushing=false,this.index=0,this.capacity=1024,this.flush=()=>{let{queue:e}=this;for(;this.index<e.length;){let t=this.index;if(this.index++,e[t].call(),this.index>this.capacity){for(let r=0,n=e.length-this.index;r<n;r++)e[r]=e[r+this.index];e.length-=this.index,this.index=0;}}e.length=0,this.index=0,this.flushing=false;},this.registerPendingError=e=>{this.pendingErrors.push(e),this.requestErrorThrow();},this.requestFlush=La(this.flush),this.requestErrorThrow=jo(()=>{if(this.pendingErrors.length)throw this.pendingErrors.shift()});}};var Er=class{call(){try{this.task&&this.task();}catch(e){this.onError(e);}finally{this.task=null,this.release(this);}}constructor(e,t){this.onError=e,this.release=t,this.task=null;}};var Wr=class{create(e){let t=this.freeTasks,r=t.length?t.pop():new Er(this.onError,n=>t[t.length]=n);return r.task=e,r}constructor(e){this.onError=e,this.freeTasks=[];}};var _a=new kr,el=new Wr(_a.registerPendingError);function Oa(o){_a.enqueueTask(el.create(o));}var Qt="dnd-core/ADD_SOURCE",Zt="dnd-core/ADD_TARGET",er="dnd-core/REMOVE_SOURCE",Ct="dnd-core/REMOVE_TARGET";function Ma(o){return {type:Qt,payload:{sourceId:o}}}function Ba(o){return {type:Zt,payload:{targetId:o}}}function za(o){return {type:er,payload:{sourceId:o}}}function Ha(o){return {type:Ct,payload:{targetId:o}}}function Fa(o){c$2(typeof o.canDrag=="function","Expected canDrag to be a function."),c$2(typeof o.beginDrag=="function","Expected beginDrag to be a function."),c$2(typeof o.endDrag=="function","Expected endDrag to be a function.");}function Aa(o){c$2(typeof o.canDrop=="function","Expected canDrop to be a function."),c$2(typeof o.hover=="function","Expected hover to be a function."),c$2(typeof o.drop=="function","Expected beginDrag to be a function.");}function Dr(o,e){if(e&&Array.isArray(o)){o.forEach(t=>Dr(t,false));return}c$2(typeof o=="string"||typeof o=="symbol",e?"Type can only be a string, a symbol, or an array of either.":"Type can only be a string or a symbol.");}var Ge;(function(o){o.SOURCE="SOURCE",o.TARGET="TARGET";})(Ge||(Ge={}));var tl=0;function Va(){return tl++}function rl(o){let e=Va().toString();switch(o){case Ge.SOURCE:return `S${e}`;case Ge.TARGET:return `T${e}`;default:throw new Error(`Unknown Handler Role: ${o}`)}}function ja(o){switch(o[0]){case "S":return Ge.SOURCE;case "T":return Ge.TARGET;default:throw new Error(`Cannot parse handler ID: ${o}`)}}function Ua(o,e){let t=o.entries(),r=false;do{let{done:n,value:[,i]}=t.next();if(i===e)return  true;r=!!n;}while(!r);return  false}var Rr=class{addSource(e,t){Dr(e),Fa(t);let r=this.addHandler(Ge.SOURCE,e,t);return this.store.dispatch(Ma(r)),r}addTarget(e,t){Dr(e,true),Aa(t);let r=this.addHandler(Ge.TARGET,e,t);return this.store.dispatch(Ba(r)),r}containsHandler(e){return Ua(this.dragSources,e)||Ua(this.dropTargets,e)}getSource(e,t=false){return c$2(this.isSourceId(e),"Expected a valid source ID."),t&&e===this.pinnedSourceId?this.pinnedSource:this.dragSources.get(e)}getTarget(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.dropTargets.get(e)}getSourceType(e){return c$2(this.isSourceId(e),"Expected a valid source ID."),this.types.get(e)}getTargetType(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.types.get(e)}isSourceId(e){return ja(e)===Ge.SOURCE}isTargetId(e){return ja(e)===Ge.TARGET}removeSource(e){c$2(this.getSource(e),"Expected an existing source."),this.store.dispatch(za(e)),Oa(()=>{this.dragSources.delete(e),this.types.delete(e);});}removeTarget(e){c$2(this.getTarget(e),"Expected an existing target."),this.store.dispatch(Ha(e)),this.dropTargets.delete(e),this.types.delete(e);}pinSource(e){let t=this.getSource(e);c$2(t,"Expected an existing source."),this.pinnedSourceId=e,this.pinnedSource=t;}unpinSource(){c$2(this.pinnedSource,"No source is pinned at the time."),this.pinnedSourceId=null,this.pinnedSource=null;}addHandler(e,t,r){let n=rl(e);return this.types.set(n,t),e===Ge.SOURCE?this.dragSources.set(n,r):e===Ge.TARGET&&this.dropTargets.set(n,r),n}constructor(e){this.types=new Map,this.dragSources=new Map,this.dropTargets=new Map,this.pinnedSourceId=null,this.pinnedSource=null,this.store=e;}};var ol=(o,e)=>o===e;function qa(o,e){return !o&&!e?true:!o||!e?false:o.x===e.x&&o.y===e.y}function Ga(o,e,t=ol){if(o.length!==e.length)return  false;for(let r=0;r<o.length;++r)if(!t(o[r],e[r]))return  false;return  true}function $a(o=Ht,e){switch(e.type){case ct:break;case Qt:case Zt:case Ct:case er:return Ht;case lt:case zt:case mt:case ut:default:return Tr}let{targetIds:t=[],prevTargetIds:r=[]}=e.payload,n=ya(t,r);if(!(n.length>0||!Ga(t,r)))return Ht;let d=r[r.length-1],p=t[t.length-1];return d!==p&&(d&&n.push(d),p&&n.push(p)),n}function nl(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function il(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){nl(o,n,t[n]);});}return o}var Xa={initialSourceClientOffset:null,initialClientOffset:null,clientOffset:null};function Ya(o=Xa,e){let{payload:t}=e;switch(e.type){case Bt:case lt:return {initialSourceClientOffset:t.sourceClientOffset,initialClientOffset:t.clientOffset,clientOffset:t.clientOffset};case ct:return qa(o.clientOffset,t.clientOffset)?o:il({},o,{clientOffset:t.clientOffset});case mt:case ut:return Xa;default:return o}}function al(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Ft(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){al(o,n,t[n]);});}return o}var sl={itemType:null,item:null,sourceId:null,targetIds:[],dropResult:null,didDrop:false,isSourcePublic:null};function Ja(o=sl,e){let{payload:t}=e;switch(e.type){case lt:return Ft({},o,{itemType:t.itemType,item:t.item,sourceId:t.sourceId,isSourcePublic:t.isSourcePublic,dropResult:null,didDrop:false});case zt:return Ft({},o,{isSourcePublic:true});case ct:return Ft({},o,{targetIds:t.targetIds});case Ct:return o.targetIds.indexOf(t.targetId)===-1?o:Ft({},o,{targetIds:va(o.targetIds,t.targetId)});case ut:return Ft({},o,{dropResult:t.dropResult,didDrop:true,targetIds:[]});case mt:return Ft({},o,{itemType:null,item:null,sourceId:null,dropResult:null,didDrop:false,isSourcePublic:null,targetIds:[]});default:return o}}function Ka(o=0,e){switch(e.type){case Qt:case Zt:return o+1;case er:case Ct:return o-1;default:return o}}function Qa(o=0){return o+1}function dl(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function pl(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){dl(o,n,t[n]);});}return o}function Za(o={},e){return {dirtyHandlerIds:$a(o.dirtyHandlerIds,{type:e.type,payload:pl({},e.payload,{prevTargetIds:fa(o,"dragOperation.targetIds",[])})}),dragOffset:Ya(o.dragOffset,e),refCount:Ka(o.refCount,e),dragOperation:Ja(o.dragOperation,e),stateId:Qa(o.stateId)}}function es(o,e=void 0,t={},r=false){let n=ll(r),i=new Sr(n,new Rr(n)),d=new Pr(n,i),p=o(d,e,t);return d.receiveBackend(p),d}function ll(o){let e=typeof window!="undefined"&&window.__REDUX_DEVTOOLS_EXTENSION__;return Ao(Za,o&&e&&e({name:"dnd-core",instanceId:"dnd-core"}))}function cl(o,e){if(o==null)return {};var t=ul(o,e),r,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);for(n=0;n<i.length;n++)r=i[n],!(e.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(o,r)&&(t[r]=o[r]);}return t}function ul(o,e){if(o==null)return {};var t={},r=Object.keys(o),n,i;for(i=0;i<r.length;i++)n=r[i],!(e.indexOf(n)>=0)&&(t[n]=o[n]);return t}var ts=0,Ir=Symbol.for("__REACT_DND_CONTEXT_INSTANCE__"),rs=memo(function(e){var{children:t}=e,r=cl(e,["children"]);let[n,i]=bl(r);return useEffect(()=>{if(i){let d=os();return ++ts,()=>{--ts===0&&(d[Ir]=null);}}},[]),jsx(b.Provider,{value:n,children:t})});function bl(o){if("manager"in o)return [{dragDropManager:o.manager},false];let e=fl(o.backend,o.context,o.options,o.debugMode),t=!o.context;return [e,t]}function fl(o,e=os(),t,r){let n=e;return n[Ir]||(n[Ir]={dragDropManager:es(o,e,t,r)}),n[Ir]}function os(){return typeof global!="undefined"?global:window}var Uo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var i;if(this.state.isLoaded===false)return null;let{component:e,rowId:t}=((i=this.props.selectedWidgetProps)==null?void 0:i._path)||{};if(e===void 0||e!==H)return null;let r=(d,p,u)=>this.props.selectedWidgetPropsChange(d.target.value,u,p,this.props.selectedWidgetProps),{columns:n}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Row Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Row",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(t)})})]}),jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:t})}),jsx(S,{disabled:this.props.disabled,proptitle:"Segment count",propname:"columns",attr:null,propvalue:n,propChanged:r})]})}},as=withTranslation()(Uo);var qo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:e,ref:this.ref,children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})})]})}},Lr=withTranslation()(qo);var Go=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var d,p;if(!this.state.isLoaded)return null;let{component:e,segmentId:t}=((d=this.props.selectedWidgetProps)==null?void 0:d._path)||{};if(e===void 0||e!==L)return null;let r=(u,P,T)=>this.props.selectedWidgetPropsChange(u.target.value,T,P,this.props.selectedWidgetProps),{flexGrow:n,minWidth:i}=(p=this.props.selectedWidgetProps.style)!=null?p:{};return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Row Segment Properties"})}),jsx(Lr,{disabled:this.props.disabled,proptitle:"ID",propvalue:t,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(S,{disabled:this.props.disabled,proptitle:"Flex-grow",propname:"flexGrow",attr:"style",propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-width",propname:"minWidth",attr:"style",propvalue:i,propChanged:r})]})}},ps=withTranslation()(Go);var $o=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontWeight",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,"style");return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Font-weight"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{normal:"Normal",bold:"Bold",100:"100",200:"200",300:"300",400:"400",500:"500",600:"600",700:"700",800:"800",900:"900"}})})]})}},we=withTranslation()($o);var Xo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontSize",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"15px"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style"),t={};for(let n=10;n<=60;n++){let i=`${n}px`;t[i]=i;}return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Font-size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,sort:"alpha",options:t})})]})}},Pe=withTranslation()(Xo);var Ll=ie.lazy(()=>new Function('return import("react-color")')().then(o=>({default:o.SketchPicker})).catch(()=>({default:(()=>null)}))),Jo=class extends ie.PureComponent{constructor(t){super(t);this.handleChange=t=>{t.hex&&this.props.propChanged(t.hex,this.props.propname);};this.handleReset=()=>{this.props.propChanged(void 0,this.props.propname),this.setState({propvalue:"#000000"});};this.state={isLoaded:false,propvalue:t.propvalue||"#000000"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){this.props.propvalue&&this.props.propvalue!==t.propvalue&&this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let t={width:"1.55em",height:"1.6em",margin:"6px 6px 6px",borderRadius:"4px",backgroundColor:this.state.propvalue},r=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsx("span",{className:"elwrapper caption",children:this.props.proptitle}),!this.props.disabled&&jsx(D,{style:{cursor:"pointer",fontSize:"12px",marginRight:"6px",color:"#666",opacity:.7},title:"Reset color",onClick:this.handleReset})]}),jsx("div",{className:r,ref:this.ref,children:this.props.disabled?jsxs("div",{style:{display:"flex",alignItems:"center"},children:[jsx("div",{style:t}),jsx("span",{style:{lineHeight:"2em",fontStyle:"normal"},children:this.state.propvalue.toUpperCase()})]}):jsx(ie.Suspense,{fallback:null,children:jsx(Ll,{color:this.state.propvalue,onChange:this.handleChange,disableAlpha:true})})})]})}},it=withTranslation()(Jo);var Ko=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"variant",propvalue:e.propvalue,options:(r=e.options)!=null?r:{standard:"Standard",outlined:"Outlined",filled:"Filled"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Variant"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:this.state.options})})]})}},ht=withTranslation()(Ko);var Qo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"buttontype",propvalue:e.propvalue,options:(r=e.options)!=null?r:{none:h.NONE,cancel:h.CANCEL,custom:h.CUSTOM,print:h.PRINT,save:h.SAVE}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Button Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},gs=withTranslation()(Qo);var Zo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"colorSchema",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:""},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"",primary:"Primary",actionbtnok:"Action Button (Positive)",regularbtn:"Action Button (Neutral)"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Color Schema"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},bs=withTranslation()(Zo);var tn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var E,O;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((E=this.props.selectedWidgetProps)==null?void 0:E._path)||{};if(t===void 0||t!==Q)return null;let{title:n,buttontype:i,fullWidth:d,name:p,variant:u,colorSchema:P,visible:T,style:s}=this.props.selectedWidgetProps,v=(O=s==null?void 0:s.backgroundColor)!=null?O:"primary.main";P&&(v=`${P.toLowerCase()}.main`);let R=jsxs(Fragment,{children:[jsx(gs,{attr:null,disabled:this.props.disabled,defaultValue:h.NONE.toLowerCase(),propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(bs,{disabled:this.props.disabled,propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"backgroundColor",propvalue:v,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",options:{contained:"Contained",outlined:"Outlined",text:"Text"},propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Full Width",propname:"fullWidth",propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),w=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(Pe,{disabled:this.props.disabled,propvalue:s==null?void 0:s.fontSize,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,defaultValue:"normal",propvalue:s==null?void 0:s.fontWeight,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Button Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&R,this.state.tabValue===1&&w]})}},ys=withTranslation()(tn);var rn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Text Align"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t,r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style");return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:(t=this.state.propname)!=null?t:"textAlign",propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:{left:"Left",center:"Center",right:"Right"}})})]})}},Ne=withTranslation()(rn);var on=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"verticalalign",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Vertical-align"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{middle:"Middle",bottom:"Bottom"}})})]})}},Vr=withTranslation()(on);var an=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var B;if(this.state.isLoaded===false)return null;let{type:t,component:r,rowId:n,segmentId:i,widgetId:d}=((B=this.props.selectedWidgetProps)==null?void 0:B._path)||{};if(r===void 0||r!==j)return null;let{title:p,name:u,verticalalign:P,visible:T,style:{textAlign:s,fontSize:v,fontWeight:R,color:w}}=this.props.selectedWidgetProps,E=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:s,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),O=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:d})}),jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"color",propvalue:w,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(Pe,{disabled:this.props.disabled,propvalue:v,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,defaultValue:"normal",propvalue:R,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Vr,{disabled:this.props.disabled,defaultValue:"middle",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Label Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(d)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&E,this.state.tabValue===1&&O]})}},Ts=withTranslation()(an);var sn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(this.state.isLoaded===false)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Format"})}),jsx("div",{className:e,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:(t=this.state.propvalue)!=null?t:"",disabled:this.props.disabled,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},ks=withTranslation()(sn);var dn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,inputtype:e.inputtype};}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e={input:"Input",inputwcopy:"Input/Copy Btn",date:"Date",time:"Time",datetime:"Date/Time",phone:"Phone",currency:"Currency",password:"Password"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Input Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{propname:"inputtype",disabled:this.props.disabled,defaultValue:this.props.inputtype||"input",propChanged:(t,r)=>this.props.selectedDropdownWidgetPropsChange(r,t,null),hidelabel:true,sort:"alpha",options:e})})]})}},Es=withTranslation()(dn);var pn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Default value"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"",today:"Today"}})})]})}},Ds=withTranslation()(pn);var ln=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Default value"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"","start of day":"start of day",now:"now"}})})]})}},Is=withTranslation()(ln);var cn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"size",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{small:"Small",medium:"Medium"}})})]})}},At=withTranslation()(cn);var un=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedname",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_cby:"_cby (Created By)",_cdt:"_cdt (Created Date)",_desc:"_desc (Description)",_fcode:"_fcode (Form Code)",_mby:"_mby (Modified By)",_mdt:"_mdt (Modified Date)",_custom:"Custom"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Name"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"alpha",options:this.state.options})})]})}},_s=withTranslation()(un);var mn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedregex",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_codeInput:"A-Z Characters Only",_numbersOnly:"Numbers Only",_noSymbol:"Characters & Numbers",_custom:"Custom RegEx"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Allowed Input"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},Ms=withTranslation()(mn);var gn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"currency_format",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"en-US"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"Don't display",locale:"Current Locale","fixed-locale":"Fixed Locale"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Currency Format"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},Kr=withTranslation()(gn);var hn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_currencydisplay"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"None",symbol:"Symbol",code:"Code"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Currency Display"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:"",hidelabel:true,options:t})})]})}},Zr=withTranslation()(hn);var bn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_fixedlocale"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Fixed Locale"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:"",hidelabel:true,options:l(),sort:"keydesc"})})]})}},to=withTranslation()(bn);var fn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}render(){var N$1;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((N$1=this.props.selectedWidgetProps)==null?void 0:N$1._path)||{};if(t===void 0||t!==n)return null;let{currency_inputfield:n$1,currency_format:i,currency_currency:d,currency_fixedlocale:p,currency_currencydisplay:u,dateformat:P,defaultvalue:T,gsindex:s,forcereadonly:v,ignorereadonly:R,inputtype:w,label:E,placeholder:O,phoneformat:B,name:z,onchangehandler:J,readonly:K,required:H,requiredmessage:G,reservedname:U,reservedregex:se,regex:xe,showicon:_e,searchbar:Re,size:ze,uppercasemode:Oe,variant:Me,viewfield:l,visible:h,style:c}=this.props.selectedWidgetProps,{textAlign:k,fontSize:b,fontWeight:C}=c!=null?c:{},g=jsxs(Fragment,{children:[jsx(Es,{disabled:this.props.disabled,inputtype:w,selectedDropdownWidgetPropsChange:a.setProps(this.props).selectedDropdownWidgetPropsChange,selectedWidgetPropsChange:a.setProps(this.props).selectedWidgetPropsChange}),w==="currency"&&jsxs(Fragment,{children:[jsx(Kr,{disabled:this.props.disabled,propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),i==="fixed-locale"&&jsx(to,{disabled:this.props.disabled,propname:"currency_fixedlocale",propvalue:p,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i==="locale"||i==="fixed-locale")&&jsx(Zr,{disabled:this.props.disabled,propname:"currency_currencydisplay",propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i===""||i===void 0||i==="locale")&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"currency_inputfield",attr:null,propvalue:n$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),(i===""||i===void 0)&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency",propname:"currency_currency",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange})]}),w==="input"&&jsx(Ms,{disabled:this.props.disabled,proptitle:"Allowed Input",propname:"reservedregex",attr:null,propvalue:se,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),w==="input"&&se==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom RegEx",propname:"regex",attr:null,propvalue:xe,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="input"&&jsx(S,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="date"&&jsx(Fragment,{children:jsx(Ds,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})}),w==="time"&&jsx(Is,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(w==="date"||w==="time")&&jsx(ks,{disabled:this.props.disabled,attr:null,propname:"dateformat",propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="phone"&&jsx(S,{disabled:this.props.disabled,proptitle:"Phone Format",propname:"phoneformat",attr:null,propvalue:B,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:E,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(_s,{disabled:this.props.disabled,proptitle:"Name",propname:"reservedname",attr:null,propvalue:U,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),U==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom Name",propname:"name",attr:null,propvalue:z,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w!=="date"&&w!=="time"&&jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:H,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:K,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:ze,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:Me,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:h,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),W=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Pe,{disabled:this.props.disabled,propvalue:b,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,defaultValue:"normal",propvalue:C,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:k,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),w==="date"&&jsx(m,{disabled:this.props.disabled,proptitle:"Show Icon",propname:"showicon",attr:null,propvalue:_e,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),w!=="date"&&jsx(m,{disabled:this.props.disabled,proptitle:"Upper Case Mode",propname:"uppercasemode",attr:null,propvalue:Oe,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:Re,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:l,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Text Input Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&g,this.state.tabValue===1&&W]})}},As=withTranslation()(fn);var yn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var xe;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((xe=this.props.selectedWidgetProps)==null?void 0:xe._path)||{};if(t===void 0||t!==p)return null;let{autocompleteTextArea:n,autosize:i,ignorereadonly:d,label:p$1,name:u,onchangehandler:P,placeholder:T,readonly:s,required:v,requiredmessage:R,size:w,variant:E,viewfield:O,visible:B,style:z}=this.props.selectedWidgetProps,{textAlign:J,fontSize:K,fontWeight:H,minHeight:G}=z!=null?z:{},U=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:p$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:B,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:E,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]}),se=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(m,{disabled:this.props.disabled,proptitle:"Auto Complete",propname:"autocompleteTextArea",propvalue:n!=null?n:false,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Auto Size",propname:"autosize",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,propvalue:K,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,defaultValue:"normal",propvalue:H,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:O,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"TextArea Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&U,this.state.tabValue===1&&se]})}},Us=withTranslation()(yn);var xn={backgroundColor:"white",cursor:"move"},$e=o=>{let{id:e,type:t$1,component:r,icon:n$1,title:i$1,disabled:d$1}=o,p$1=d$1?"formwidget disabledElement":"formwidget",u$1={};t$1===g.ROW?u$1=G$1.objectInspector.defaultProps:t$1===g.TAB?u$1=C.objectInspector.defaultProps:t$1===g.TABLE?u$1=E.objectInspector.defaultProps:t$1===g.WIDGET&&(r===Q?u$1=P$1.objectInspector.defaultProps:r===j?u$1=i.objectInspector.defaultProps:r===n?u$1=m$1.objectInspector.defaultProps:r===p?u$1=o$1.objectInspector.defaultProps:r===s?u$1=r$1.objectInspector.defaultProps:r===I?u$1={datatype:"string",datalength:"1000",groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,tabIndex:0,style:{minHeight:"200px"},title:"File Uploader",value:"",visible:true}:r===J?u$1={groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,style:{minHeight:"200px"},tabIndex:0,title:"Placeholder",value:"",visible:true}:r===u?u$1=t.objectInspector.defaultProps:r===w?u$1=v.objectInspector.defaultProps:r===S$1&&(u$1=R.objectInspector.defaultProps));try{let[,P]=d(()=>({type:t$1,item:{id:e,type:t$1,stricttype:r.displayName,component:r,properties:u$1,_children:[]}}));return d$1?jsx("div",{className:p$1,style:xn,title:i$1,children:n$1}):jsx("div",{className:p$1,ref:P,style:xn,title:i$1,children:n$1})}catch(P){return jsx("div",{className:p$1,style:xn,title:i$1,children:n$1})}};var Hc=o=>{let[e,t]=useState(""),{loadFields:r,viewPort:n}=b$1();useEffect(()=>{t(o.value);},[o.value]);let i=d=>{t(d.target.value);};return ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(n$2,{id:nanoid(5),label:"Column Title",onBlur:o.onBlur,onInput:i,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null))},Fc=o=>{let[e,t]=useState("");useEffect(()=>{t(o.value);},[o.value]);let r=n=>{t(n.target.value);};return ie.createElement(n$2,{id:nanoid(5),label:"Field Name",onBlur:o.onBlur,onInput:r,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null)},Ac=o=>{let e=o.columns.map((t,r,n)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex",alignItems:"center",gap:"1em"}},jsx(Hc,{name:"coltitle_"+r,onBlur:i=>o.onColCaptionBlur(i,r),value:t[0]}),ie.createElement("div",{style:{width:"30%",display:"flex"}},o.isBuildocsExtendedEditor?ie.createElement(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Field Name",multiple:false,placeholder:"Field Name",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onSourceChange(i,r)},null):jsx(Fc,{name:"colsource_"+r,onBlur:i=>o.onColSourceBlur(i,r),value:t[1]})),ie.createElement("div",{style:{width:"30%",display:"flex"}},ie.createElement(l$1,{key:nanoid(11),id:"coltype_"+r,data:o.types,darkMode:false,label:"Type",multiple:false,placeholder:"Type",readOnly:false,renderType:"none",selectedValue:[t[2]==="string"?"freetext":t[2]==="currency"?"price":t[2]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onTypeChange(i,r)},null)),ie.createElement("div",{style:{display:"flex",width:"40px",flexShrink:0,alignItems:"center"}},r>0?jsx(Cp,{sx:{},onClick:i=>o.removeColumn(t),children:jsx(M$1,{style:{fontSize:"0.7em"}})}):null)));return jsxs(Fragment,{children:[jsx("div",{style:{paddingTop:"0.5em"},children:e}),jsx("div",{style:{paddingTop:"0.2em"},children:jsx("button",{id:"",className:"btn btn-outline-primary btn-sm",onClick:()=>o.addColumns(),children:"Add Column"})})]})},Vc=o=>{let e=o.columns.map((t,r)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Code",multiple:false,placeholder:"code",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:n=>o.onSourceChange(n,r)},null))));return jsx(Fragment,{children:jsx("div",{style:{paddingTop:"0.5em"},children:e})})},jc=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"category",data:o.pluginCategories,darkMode:false,label:"Category",multiple:false,placeholder:"Category",readOnly:false,renderType:"none",selectedValue:[o.conditionCategory],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"category")},null)),o.conditionTemplateVisible?ie.createElement("div",{style:{display:"flex",marginLeft:"8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"template",data:o.pluginForms,darkMode:false,label:"Template",multiple:false,placeholder:"Template",readOnly:false,renderType:"none",selectedValue:[o.conditionTemplate],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"template")},null)):null);return jsx(tt,{style:{paddingTop:"0.5em"},children:e})},Uc=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"querytype",data:[{id:"regular",value:"Regular"},{id:"project",value:"By Project"},{id:"byfolderandchild",value:"By Folder & Children"},{id:"children",value:"Only child records"},{id:"amendment",value:"Amendment Chain"}],darkMode:false,label:"Breakdown",multiple:false,placeholder:"Select Breakdown",readOnly:false,renderType:"none",selectedValue:[o.conditionBreakdown],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"breakdown")},null)));return jsx(tt,{children:e})},qc=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"41%"}},ie.createElement(l$1,{key:nanoid(11),id:"disableCodegen",data:[{id:"",value:"Auto-Generate Code"},{id:"X",value:"Disable Auto-Generation of Table Widget Code"}],darkMode:false,label:"Code Generation",multiple:false,placeholder:"Select Mode",readOnly:false,renderType:"none",selectedValue:[o.disableCodegen],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"disableCodegen")},null)));return jsx(tt,{children:e})},qs=memo(function(e){var C,g,W,N,_;let{loadFields:t,viewPort:r}=b$1(),[n,i]=useState((C=e.data)!=null&&C.columns?e.data.columns:[[null,null,"string"]]),[d,p]=useState(false),[u,P$1]=useState((g=e.data)!=null&&g.conditionCategory?e.data.conditionCategory:""),[T,s]=useState((W=e.data)!=null&&W.conditionTemplate?e.data.conditionTemplate:""),[v,R]=useState((N=e.data)!=null&&N.disableCodegen?e.data.disableCodegen:""),w=(_=e.data)!=null&&_.conditionBreakdown?e.data.conditionBreakdown:"regular",[E,O]=useState(w),[B,z]=useState(true),[J,K]=useState([{id:"",value:""}]),[H,G]=useState([{id:"freetext",value:"String"},{id:"number",value:"Number"},{id:"date",value:"Date"},{id:"datetime",value:"Date / Time"},{id:"checkbox",value:"Checkbox"},{id:"price",value:"Price"}]),[U,se]=useState([{id:"",value:""}]),[xe,_e]=useState([{id:"",value:""}]),Re=useCallback(async()=>{let f=y=>{let x=[{id:"",value:""}];for(let M in y)x.push({id:M,value:y[M]});return x};t&&await t({pluginCode:e.pluginCode}).then(y=>{if(y.meta.requestStatus==="fulfilled"){let x={...y.payload};x.pluginCategories&&_e(f(x.pluginCategories)),x.pluginForms&&se(f(x.pluginForms)),x.viewFields&&K(f(x.viewFields)),p(true);}});},[]);if(useEffect(()=>{d||(e.isBuildocsExtendedEditor?Re():p(true));},[]),!d)return ie.createElement("div",{},jsx(a$1,{}));let ze=(f,y)=>{let x=f.target.value.trim();y==="category"?P$1(x):y==="disableCodegen"?R(x):y==="template"?s(x):y==="breakdown"&&(O(x),(x==="children"||x==="amendment")&&s(""));},Oe=(f,y)=>{let x=[...n];x[y]=[f.target.value.trim(),n[y][1],n[y][2]],i(x);},Me=(f,y)=>{let x=[...n];x[y]=[n[y][0],f.target.value.trim(),n[y][2]],i(x);},l=(f,y)=>{let x=[...n];x[y]=[n[y][0],f.target.value.trim(),n[y][2]],i(x);},h=(f,y)=>{let x=[...n];x[y]=[n[y][0],n[y][1],f.target.value.trim()],i(x);},c=()=>{i([...n,[null,null,null]]);},k=f=>{let y=n.filter(x=>x!==f);i(y);},b=()=>e.type==="SELECTBOX"?jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Source"}),jsx(Vc,{columns:n,onColCaptionBlur:Oe,onSourceChange:l,onTypeChange:h,addColumns:c,removeColumn:k,source:J})]})]}):jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Columns"}),jsx(Ac,{columns:n,onColCaptionBlur:Oe,onColSourceBlur:Me,onSourceChange:l,onTypeChange:h,addColumns:c,removeColumn:k,source:J,types:H,isBuildocsExtendedEditor:e.isBuildocsExtendedEditor})]})]});return jsx(Fragment,{children:jsxs("div",{id:"main-content-wrapper tableQueryBuilder",style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"},children:[jsx("div",{className:"content on-scrollbar",style:{overflow:"auto",flex:"1 1 auto",minHeight:0},children:jsxs("div",{className:"main-content",style:{padding:"1em",paddingBottom:"0"},children:[jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"0.5em",width:"100%"},children:[jsx("h3",{style:{fontWeight:700,margin:0,flex:1},children:e.isBuildocsExtendedEditor?"Data Table Query Builder":"Column Manager"}),jsx("button",{onClick:e.closeForm,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"6px",border:"1px solid #ddd",background:"#fff",cursor:"pointer",borderRadius:"4px",fontSize:"1.1em",color:"#333",width:"32px",height:"32px",flexShrink:0},onMouseEnter:f=>{f.currentTarget.style.backgroundColor="#f5f5f5";},onMouseLeave:f=>{f.currentTarget.style.backgroundColor="#fff";},"aria-label":"Close",title:"Close",children:jsx(P,{})})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Code Generator"}),jsx(qc,{disableCodegen:v,onFilterIndexChange:ze})]})]}),jsx(b,{}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Breakdown"}),jsx(Uc,{conditionBreakdown:E,onFilterIndexChange:ze})]})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{children:[jsx("h4",{style:{fontWeight:700},children:"Condition"}),jsx(jc,{conditionTemplateVisible:B,conditionCategory:u,conditionTemplate:T,onFilterIndexChange:ze,pluginCategories:xe,pluginForms:U})]})]})]})}),jsxs("div",{className:"column-manager-footer",style:{display:"flex",justifyContent:"flex-end",padding:"1em",borderTop:"1px solid #e0e0e0",backgroundColor:"#fff",flexShrink:0,minHeight:"60px",alignItems:"center",gap:"0.5em"},children:[jsx("button",{id:"columnManagerSaveBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onPointerUp:()=>e.saveForm({columns:n,conditionCategory:u,conditionTemplate:T,conditionBreakdown:E,disableCodegen:v}),children:"Save"}),jsx("button",{id:"columnManagerCloseBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onClick:e.closeForm,children:"Close"})]})]})})});var Pn=class extends ie.PureComponent{constructor(t){var r,n,i;super(t);this.onSourceEditorOpen=()=>{this.props.disabled||this.setState({opened:true});};this.adjustColor=(t,r)=>"#"+t.replace(/^#/,"").replace(/../g,n=>("0"+Math.min(255,Math.max(0,parseInt(n,16)+r)).toString(16)).slice(-2));this.closeForm=()=>{this.setState({opened:false});};this.saveForm=t=>{this.setState({opened:false}),this.props.propChanged(this.state.propname,t);};this.state={isLoaded:false,pluginCode:t.pluginCode,proptitle:t.proptitle,propname:t.propname,propvalue:t.propvalue,opened:false,hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0,type:(i=t.type)!=null?i:"TABLE"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){var r,n;t.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue}),t.pluginCode!==this.props.pluginCode&&this.setState({pluginCode:this.props.pluginCode}),t.proptitle!==this.props.proptitle&&this.setState({proptitle:this.props.proptitle}),t.type!==this.props.type&&this.setState({type:this.props.type}),this.ref&&this.ref.current&&this.props.tabIndex===this.ref.current.tabIndex&&((n=(r=this.ref.current).focus)==null||n.call(r));}render(){var p;if(!this.state.isLoaded)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",r=!!((p=this.state)!=null&&p.propvalue&&this.state.propvalue.columns),n=r?"Edit":"Not set",i=r?"rgb(88, 252, 0)":"#C0C0C0",d={"&.MuiButtonBase-root":{fontSize:"14px",padding:"3px",marginLeft:"-3px",width:"100%",height:"100%",borderRadius:"0px",boxShadow:"none",fontWeight:"normal",backgroundColor:i},"&.MuiButtonBase-root:hover":{backgroundColor:this.adjustColor(i,-50)}};return jsxs(Fragment,{children:[!this.state.hidelabel&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:t,ref:this.ref,children:jsx(o,{variant:"contained",label:n,onClick:this.onSourceEditorOpen,fullWidth:true,sx:d,tabIndex:0,disabled:this.props.disabled})}),this.state.opened&&!this.props.disabled?jsx(a$2,{component:jsx(qs,{inPreviewMode:false,pluginCode:this.props.pluginCode,modal:true,closeForm:this.closeForm,saveForm:this.saveForm,data:this.state.propvalue,type:this.state.type,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),id:"column-manager-modal",onCloseModal:this.closeForm,parentId:null,windowMode:"halfWindow"},`col-mgr-${Date.now()}`):null]})}},ro=withTranslation()(Pn);var Tn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:"tabIndex",propvalue:typeof e.propvalue=="number"?e.propvalue:e.propvalue!==void 0?Number(e.propvalue):void 0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){this.props.propvalue!==e.propvalue&&this.setState({propvalue:typeof this.props.propvalue=="number"?this.props.propvalue:this.props.propvalue!==void 0?Number(this.props.propvalue):void 0});}render(){if(!this.state.isLoaded)return null;this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return null}},Xs=withTranslation()(Tn);var Sn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:"rendertype",propvalue:(t=e.propvalue)!=null?t:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Render Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",checkbox:"Checkbox",chip:"Chip"}})})]})}},Js=withTranslation()(Sn);var kn=class extends ie.PureComponent{constructor(t){var n;super(t);this.convertToText=t=>!t||!Array.isArray(t)||t.length===0?"":t.map(r=>{if(typeof r=="object"&&r!==null){let n=r.value||r.id||"",i=r.id||"";return n===i?n:`${n}|${i}`}return r}).filter(r=>r.trim()!=="").join(`
+import {b as b$3,c as c$1}from'./chunk-CFWUMDWI.js';import {a as a$3,b as b$5}from'./chunk-B6BCG5XF.js';import {b as b$4,e as e$2}from'./chunk-FRAOYRZD.js';import {a as a$2}from'./chunk-22LEYH6Q.js';import {g,b,H,L,q,h,Q,j,l,n,p,s,u,w,e,B,D as D$1,F,O,I,J,S as S$1,f,T,G as G$1,C,E,P as P$1,i,m as m$1,o as o$1,r as r$1,t,v,R,d,M,c as c$2,N as N$1,K as K$1}from'./chunk-TYVVEP34.js';import {b as b$1}from'./chunk-LBMVBVXW.js';import {o,l as l$1,n as n$2}from'./chunk-AYYTOQGP.js';import {N,D,P,r,n as n$1,I as I$1,f as f$1,H as H$1,j as j$1,h as h$1,J as J$1,L as L$1,K,z,F as F$1,e as e$1,G,u as u$1,v as v$1,k,M as M$1,B as B$1,a as a$4}from'./chunk-AR42AC7J.js';import {a as a$1}from'./chunk-SDIZEEZP.js';import {c,b as b$2}from'./chunk-5TBO732O.js';import ie,{memo,useEffect,useState,useCallback,lazy}from'react';import {withTranslation}from'react-i18next';import Ip from'@mui/material/Tabs';import la from'@mui/material/Tab';import tt from'@mui/material/Box';import fr from'@mui/material/TextField';import Mt from'@mui/material/Typography';import ea from'@mui/material/Divider';import ta from'@mui/material/Paper';import ra from'@mui/material/Button';import vp from'@mui/material/IconButton';import yp from'@mui/material/Checkbox';import oa from'@mui/material/FormControlLabel';import xp from'@mui/material/Switch';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {nanoid}from'@reduxjs/toolkit';function Lo({containerProps:o,onContainerPropsChange:e,disabled:t=false,onSave:r,onNext:n}){let i=H=>G=>{let U=G.target.value;H==="formCode"&&(U=U.replace(/[^a-z0-9]/gi,"").toUpperCase().slice(0,8)),e(H,U);},d=o.formCode||"",p=o.title||"",u=o.webhooks||[],P=o.useInIframe||false,T=d.trim()==="",s=d.trim().length>0&&d.trim().length<3,v=T||s,R=p.trim()==="",w=!v&&!R,E=10,O=H=>{let G=H.target.checked;e("useInIframe",G),!G&&u.length>0&&e("webhooks",[]);},B=()=>{if(u.length>=E)return;let H=[...u,{url:"",enabled:true}];e("webhooks",H);},z=H=>{let G=u.filter((U,se)=>se!==H);e("webhooks",G);},J=(H,G)=>{let U=[...u];U[H]={...U[H],url:G},e("webhooks",U);},K=(H,G)=>{let U=[...u];U[H]={...U[H],enabled:G},e("webhooks",U);};return jsx(tt,{sx:{height:"100%",overflowY:"auto",display:"flex",justifyContent:"center",alignItems:"flex-start",padding:4},children:jsxs(tt,{sx:{width:"100%",maxWidth:"800px"},children:[jsxs(ta,{elevation:0,sx:{padding:3},children:[jsx(Mt,{variant:"h6",gutterBottom:true,sx:{fontWeight:"bold"},children:"Form Information"}),jsx(ea,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:[jsx(fr,{label:"Form Code",value:d,onChange:i("formCode"),disabled:t,fullWidth:true,size:"small",required:true,error:v,helperText:T?"Form Code is required":s?"Form Code must be at least 3 characters":"Unique identifier for this form (3-8 characters, a-z0-9 only)",inputProps:{maxLength:8}}),jsx(fr,{label:"Title",value:o.title||"",onChange:i("title"),disabled:t,fullWidth:true,size:"small",required:true,error:R,helperText:R?"Title is required":""}),jsx(fr,{label:"Description",value:o.description||"",onChange:i("description"),disabled:t,fullWidth:true,size:"small",multiline:true,rows:4,helperText:"Brief description of the form's purpose"})]})]}),jsxs(ta,{elevation:0,sx:{padding:3,mt:3},children:[jsx(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:jsx(Mt,{variant:"h6",sx:{fontWeight:"bold"},children:"On Save Webhooks"})}),jsx(tt,{sx:{mb:2},children:jsx(oa,{control:jsx(xp,{checked:P,onChange:O,disabled:t,color:"primary"}),label:jsxs(tt,{children:[jsx(Mt,{variant:"body1",sx:{fontWeight:500},children:"Form will be used in iframe"}),jsx(Mt,{variant:"caption",color:"text.secondary",children:"Enable this to configure webhook endpoints for form submission"})]})})}),P&&jsxs(Fragment,{children:[jsx(ea,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[jsxs(Mt,{variant:"body2",color:"text.secondary",children:["Configure webhook endpoints to be called when the form is submitted. Up to ",E," webhooks allowed."]}),jsx(ra,{variant:"outlined",size:"small",startIcon:jsx(B$1,{}),onClick:B,disabled:t||u.length>=E,children:"Add Webhook"})]}),u.length===0?jsx(Mt,{variant:"body2",color:"text.secondary",sx:{textAlign:"center",py:2},children:'No webhooks configured. Click "Add Webhook" to add one.'}):jsx(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:u.map((H,G)=>jsxs(tt,{sx:{display:"flex",alignItems:"center",gap:1,p:1.5,border:"1px solid",borderColor:"divider",borderRadius:1,backgroundColor:H.enabled?"transparent":"action.disabledBackground"},children:[jsx(oa,{control:jsx(yp,{checked:H.enabled,onChange:U=>K(G,U.target.checked),disabled:t,size:"small"}),label:"",sx:{mr:0}}),jsx(fr,{label:`Webhook ${G+1} URL`,value:H.url,onChange:U=>J(G,U.target.value),disabled:t||!H.enabled,fullWidth:true,size:"small",placeholder:"https://example.com/webhook",error:H.enabled&&H.url.trim()!==""&&!H.url.startsWith("http"),helperText:H.enabled&&H.url.trim()!==""&&!H.url.startsWith("http")?"URL must start with http:// or https://":""}),jsx(vp,{onClick:()=>z(G),disabled:t,size:"small",color:"error",title:"Remove webhook",children:jsx(N,{})})]},G))})]})]}),jsx(tt,{sx:{display:"flex",justifyContent:"flex-end",mt:3},children:jsx(ra,{variant:"contained",color:"primary",onClick:n,disabled:t||!w,endIcon:jsx(a$4,{}),children:"Next"})})]})})}var _o=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){let t=this.ref.current;t&&this.props.tabIndex===t.tabIndex&&t.focus(),this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled||this.props.readOnly?"propvalue-container disabledElement":"propvalue-container",t=this.props.propname==="name"||this.props.propname==="groupname";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:e,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:this.props.propvalue,disabled:this.props.disabled,readOnly:this.props.readOnly,onChange:t?r=>{let n=r.target.value.toLowerCase().replace(/[^a-z0-9_]/g,"");r.target.value=n;}:void 0,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},S=withTranslation()(_o);var ia=withTranslation()(memo(function(e){var i;let{name:t,value:r,visible:n=true}=(i=e.properties)!=null?i:{};return n?jsx("input",{type:"hidden",name:t,defaultValue:r}):null}));ia.displayName="_Hidden";var aa=ia;function Oo(o){if(typeof o=="boolean")return o;if(typeof o=="number")return o===1;if(typeof o=="string"){let e=o.toLowerCase().trim();return e==="true"?true:e==="false"?false:parseInt(o,10)===1}return  false}var Mo=class extends ie.PureComponent{constructor(t){var r,n;super(t);this.handleChange=t=>{let r=t.target.checked;this.state.checked!==r&&this.setState({checked:r},()=>{this.props.propChanged(this.state.checked,this.props.propname);});};this.state={isLoaded:false,proptitle:t.proptitle,propname:t.propname,checked:Oo(t.propvalue),hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true,checked:Oo(this.props.propvalue)});}componentDidUpdate(t){let r=this.ref.current;r&&this.props.tabIndex===r.tabIndex&&r.focus(),t.propvalue!==this.props.propvalue&&this.setState({checked:Oo(this.props.propvalue)});}render(){if(this.state.isLoaded===false)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[this.state.hidelabel===false&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsxs("div",{className:t,children:[jsx(aa,{properties:{name:this.props.propname}}),jsx("input",{ref:this.ref,type:"checkbox",id:this.props.propname,disabled:this.props.disabled,tabIndex:this.state.tabIndex,name:this.props.propname,checked:this.state.checked,readOnly:false,onChange:this.handleChange})]})]})}},m=withTranslation()(Mo);var qe=class qe{static setProps(e){return qe.ctx=e,qe}static requireCtx(){if(!qe.ctx)throw new Error("PropsCommon.setProps(...) was not called before using a PropsCommon method.");return qe.ctx}static DataSourcePropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(t,e,null,n)}static selectedWidgetPropsChange(e,t,r,n){let{selectedWidgetPropsChange:i,selectedWidgetProps:d}=qe.requireCtx();return i(n,r,t,d)}static selectedDropdownWidgetPropsChange(e,t,r){let{selectedWidgetPropsChange:n,selectedWidgetProps:i}=qe.requireCtx();return n(e,t,r,i)}static selectedCheckboxPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(!!e,t,null,n)}static selectedColorPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx(),d=e==null||e==="#000000"||e==="#000"||e==="rgb(0, 0, 0)"||e==="rgb(0,0,0)"||typeof e=="string"&&e.toLowerCase()==="black"?void 0:e;return r(d,t,"style",n)}static removeWidgetButtonClick(e){let{removeWidgetButtonClick:t}=qe.requireCtx();return t(e)}};qe.ctx=null;var a=qe;var zo=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var z;if(this.state.isLoaded===false)return null;let{type:t}=((z=this.props.selectedWidgetProps)==null?void 0:z._path)||{};if(t!==g.CONTAINER)return null;let r=(J,K,H)=>this.props.selectedWidgetPropsChange(J.target.value,H,K,this.props.selectedWidgetProps),{title:n,subtitle:i,sourcetable:d,systemform:p,donotsave:u,hideheader:P,skiphandler:T,border:s,headerbackground:v,style:R}=this.props.selectedWidgetProps,{maxWidth:w,minHeight:E}=R!=null?R:{},O=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Title",propname:"title",attr:null,propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Sub Title",propname:"subtitle",attr:null,propvalue:i,propChanged:r}),jsx(m,{disabled:this.props.disabled,proptitle:"Hide Header",propname:"hideheader",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Border",propname:"border",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Header Background",propname:"headerbackground",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),B=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Max-width",propname:"maxWidth",attr:"style",propvalue:w,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:E,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Source Table",propname:"sourcetable",attr:null,propvalue:d,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Do not Save",propname:"donotsave",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"System Form",propname:"systemform",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Skip Handler Gen.",propname:"skiphandler",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{children:"Container Properties"})}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&O,this.state.tabValue===1&&B]})}},ca=withTranslation()(zo);function Je(o){return "Minified Redux error #"+o+"; visit https://redux.js.org/Errors?code="+o+" for the full message or use the non-minified dev environment for full errors. "}var ua=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),Ho=function(){return Math.random().toString(36).substring(7).split("").join(".")},ma={INIT:"@@redux/INIT"+Ho(),REPLACE:"@@redux/REPLACE"+Ho()};function Np(o){if(typeof o!="object"||o===null)return  false;for(var e=o;Object.getPrototypeOf(e)!==null;)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(o)===e}function Fo(o,e,t){var r;if(typeof e=="function"&&typeof t=="function"||typeof t=="function"&&typeof arguments[3]=="function")throw new Error(Je(0));if(typeof e=="function"&&typeof t=="undefined"&&(t=e,e=void 0),typeof t!="undefined"){if(typeof t!="function")throw new Error(Je(1));return t(Fo)(o,e)}if(typeof o!="function")throw new Error(Je(2));var n=o,i=e,d=[],p=d,u=false;function P(){p===d&&(p=d.slice());}function T(){if(u)throw new Error(Je(3));return i}function s(E){if(typeof E!="function")throw new Error(Je(4));if(u)throw new Error(Je(5));var O=true;return P(),p.push(E),function(){if(O){if(u)throw new Error(Je(6));O=false,P();var z=p.indexOf(E);p.splice(z,1),d=null;}}}function v(E){if(!Np(E))throw new Error(Je(7));if(typeof E.type=="undefined")throw new Error(Je(8));if(u)throw new Error(Je(9));try{u=!0,i=n(i,E);}finally{u=false;}for(var O=d=p,B=0;B<O.length;B++){var z=O[B];z();}return E}function R(E){if(typeof E!="function")throw new Error(Je(10));n=E,v({type:ma.REPLACE});}function w(){var E,O=s;return E={subscribe:function(z){if(typeof z!="object"||z===null)throw new Error(Je(11));function J(){z.next&&z.next(T());}J();var K=O(J);return {unsubscribe:K}}},E[ua]=function(){return this},E}return v({type:ma.INIT}),r={dispatch:v,subscribe:s,getState:T,replaceReducer:R},r[ua]=w,r}function ga(o,e,t){return e.split(".").reduce((r,n)=>r&&r[n]?r[n]:t||null,o)}function ha(o,e){return o.filter(t=>t!==e)}function Cr(o){return typeof o=="object"}function ba(o,e){let t=new Map,r=i=>{t.set(i,t.has(i)?t.get(i)+1:1);};o.forEach(r),e.forEach(r);let n=[];return t.forEach((i,d)=>{i===1&&n.push(d);}),n}function fa(o,e){return o.filter(t=>e.indexOf(t)>-1)}var Bt="dnd-core/INIT_COORDS",lt="dnd-core/BEGIN_DRAG",zt="dnd-core/PUBLISH_DRAG_SOURCE",ct="dnd-core/HOVER",ut="dnd-core/DROP",mt="dnd-core/END_DRAG";function Ao(o,e){return {type:Bt,payload:{sourceClientOffset:e||null,clientOffset:o||null}}}var Lp={type:Bt,payload:{clientOffset:null,sourceClientOffset:null}};function va(o){return function(t=[],r={publishSource:true}){let{publishSource:n=true,clientOffset:i,getSourceClientOffset:d}=r,p=o.getMonitor(),u=o.getRegistry();o.dispatch(Ao(i)),_p(t,p,u);let P=Bp(t,p);if(P==null){o.dispatch(Lp);return}let T=null;if(i){if(!d)throw new Error("getSourceClientOffset must be defined");Op(d),T=d(P);}o.dispatch(Ao(i,T));let v=u.getSource(P).beginDrag(p,P);if(v==null)return;Mp(v),u.pinSource(P);let R=u.getSourceType(P);return {type:lt,payload:{itemType:R,item:v,sourceId:P,clientOffset:i||null,sourceClientOffset:T||null,isSourcePublic:!!n}}}}function _p(o,e,t){c$2(!e.isDragging(),"Cannot call beginDrag while dragging."),o.forEach(function(r){c$2(t.getSource(r),"Expected sourceIds to be registered.");});}function Op(o){c$2(typeof o=="function","When clientOffset is provided, getSourceClientOffset must be a function.");}function Mp(o){c$2(Cr(o),"Item must be an object.");}function Bp(o,e){let t=null;for(let r=o.length-1;r>=0;r--)if(e.canDragSource(o[r])){t=o[r];break}return t}function zp(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Hp(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){zp(o,n,t[n]);});}return o}function ya(o){return function(t={}){let r=o.getMonitor(),n=o.getRegistry();Fp(r),jp(r).forEach((d,p)=>{let u=Ap(d,p,n,r),P={type:ut,payload:{dropResult:Hp({},t,u)}};o.dispatch(P);});}}function Fp(o){c$2(o.isDragging(),"Cannot call drop while not dragging."),c$2(!o.didDrop(),"Cannot call drop twice during one drag operation.");}function Ap(o,e,t,r){let n=t.getTarget(o),i=n?n.drop(r,o):void 0;return Vp(i),typeof i=="undefined"&&(i=e===0?{}:r.getDropResult()),i}function Vp(o){c$2(typeof o=="undefined"||Cr(o),"Drop result must either be an object or undefined.");}function jp(o){let e=o.getTargetIds().filter(o.canDropOnTarget,o);return e.reverse(),e}function xa(o){return function(){let t=o.getMonitor(),r=o.getRegistry();Up(t);let n=t.getSourceId();return n!=null&&(r.getSource(n,true).endDrag(t,n),r.unpinSource()),{type:mt}}}function Up(o){c$2(o.isDragging(),"Cannot call endDrag while not dragging.");}function Kt(o,e){return e===null?o===null:Array.isArray(o)?o.some(t=>t===e):o===e}function Ca(o){return function(t,{clientOffset:r}={}){qp(t);let n=t.slice(0),i=o.getMonitor(),d=o.getRegistry(),p=i.getItemType();return $p(n,d,p),Gp(n,i,d),Xp(n,i,d),{type:ct,payload:{targetIds:n,clientOffset:r||null}}}}function qp(o){c$2(Array.isArray(o),"Expected targetIds to be an array.");}function Gp(o,e,t){c$2(e.isDragging(),"Cannot call hover while not dragging."),c$2(!e.didDrop(),"Cannot call hover after drop.");for(let r=0;r<o.length;r++){let n=o[r];c$2(o.lastIndexOf(n)===r,"Expected targetIds to be unique in the passed array.");let i=t.getTarget(n);c$2(i,"Expected targetIds to be registered.");}}function $p(o,e,t){for(let r=o.length-1;r>=0;r--){let n=o[r],i=e.getTargetType(n);Kt(i,t)||o.splice(r,1);}}function Xp(o,e,t){o.forEach(function(r){t.getTarget(r).hover(e,r);});}function wa(o){return function(){if(o.getMonitor().isDragging())return {type:zt}}}function Pa(o){return {beginDrag:va(o),publishDragSource:wa(o),hover:Ca(o),drop:ya(o),endDrag:xa(o)}}var wr=class{receiveBackend(e){this.backend=e;}getMonitor(){return this.monitor}getBackend(){return this.backend}getRegistry(){return this.monitor.registry}getActions(){let e=this,{dispatch:t}=this.store;function r(i){return (...d)=>{let p=i.apply(e,d);typeof p!="undefined"&&t(p);}}let n=Pa(this);return Object.keys(n).reduce((i,d)=>{let p=n[d];return i[d]=r(p),i},{})}dispatch(e){this.store.dispatch(e);}constructor(e,t){this.isSetUp=false,this.handleRefCountChange=()=>{let r=this.store.getState().refCount>0;this.backend&&(r&&!this.isSetUp?(this.backend.setup(),this.isSetUp=true):!r&&this.isSetUp&&(this.backend.teardown(),this.isSetUp=false));},this.store=e,this.monitor=t,e.subscribe(this.handleRefCountChange);}};function Yp(o,e){return {x:o.x+e.x,y:o.y+e.y}}function Ta(o,e){return {x:o.x-e.x,y:o.y-e.y}}function Sa(o){let{clientOffset:e,initialClientOffset:t,initialSourceClientOffset:r}=o;return !e||!t||!r?null:Ta(Yp(e,r),t)}function ka(o){let{clientOffset:e,initialClientOffset:t}=o;return !e||!t?null:Ta(e,t)}var Ht=[],Pr=[];Ht.__IS_NONE__=true;Pr.__IS_ALL__=true;function Ea(o,e){return o===Ht?false:o===Pr||typeof e=="undefined"?true:fa(e,o).length>0}var Tr=class{subscribeToStateChange(e,t={}){let{handlerIds:r}=t;c$2(typeof e=="function","listener must be a function."),c$2(typeof r=="undefined"||Array.isArray(r),"handlerIds, when specified, must be an array of strings.");let n=this.store.getState().stateId,i=()=>{let d=this.store.getState(),p=d.stateId;try{p===n||p===n+1&&!Ea(d.dirtyHandlerIds,r)||e();}finally{n=p;}};return this.store.subscribe(i)}subscribeToOffsetChange(e){c$2(typeof e=="function","listener must be a function.");let t=this.store.getState().dragOffset,r=()=>{let n=this.store.getState().dragOffset;n!==t&&(t=n,e());};return this.store.subscribe(r)}canDragSource(e){if(!e)return  false;let t=this.registry.getSource(e);return c$2(t,`Expected to find a valid source. sourceId=${e}`),this.isDragging()?false:t.canDrag(this,e)}canDropOnTarget(e){if(!e)return  false;let t=this.registry.getTarget(e);if(c$2(t,`Expected to find a valid target. targetId=${e}`),!this.isDragging()||this.didDrop())return  false;let r=this.registry.getTargetType(e),n=this.getItemType();return Kt(r,n)&&t.canDrop(this,e)}isDragging(){return !!this.getItemType()}isDraggingSource(e){if(!e)return  false;let t=this.registry.getSource(e,true);if(c$2(t,`Expected to find a valid source. sourceId=${e}`),!this.isDragging()||!this.isSourcePublic())return  false;let r=this.registry.getSourceType(e),n=this.getItemType();return r!==n?false:t.isDragging(this,e)}isOverTarget(e,t={shallow:false}){if(!e)return  false;let{shallow:r}=t;if(!this.isDragging())return  false;let n=this.registry.getTargetType(e),i=this.getItemType();if(i&&!Kt(n,i))return  false;let d=this.getTargetIds();if(!d.length)return  false;let p=d.indexOf(e);return r?p===d.length-1:p>-1}getItemType(){return this.store.getState().dragOperation.itemType}getItem(){return this.store.getState().dragOperation.item}getSourceId(){return this.store.getState().dragOperation.sourceId}getTargetIds(){return this.store.getState().dragOperation.targetIds}getDropResult(){return this.store.getState().dragOperation.dropResult}didDrop(){return this.store.getState().dragOperation.didDrop}isSourcePublic(){return !!this.store.getState().dragOperation.isSourcePublic}getInitialClientOffset(){return this.store.getState().dragOffset.initialClientOffset}getInitialSourceClientOffset(){return this.store.getState().dragOffset.initialSourceClientOffset}getClientOffset(){return this.store.getState().dragOffset.clientOffset}getSourceClientOffset(){return Sa(this.store.getState().dragOffset)}getDifferenceFromInitialOffset(){return ka(this.store.getState().dragOffset)}constructor(e,t){this.store=e,this.registry=t;}};var Wa=typeof global!="undefined"?global:self,Da=Wa.MutationObserver||Wa.WebKitMutationObserver;function Vo(o){return function(){let t=setTimeout(n,0),r=setInterval(n,50);function n(){clearTimeout(t),clearInterval(r),o();}}}function Jp(o){let e=1,t=new Da(o),r=document.createTextNode("");return t.observe(r,{characterData:true}),function(){e=-e,r.data=e;}}var Ra=typeof Da=="function"?Jp:Vo;var Sr=class{enqueueTask(e){let{queue:t,requestFlush:r}=this;t.length||(r(),this.flushing=true),t[t.length]=e;}constructor(){this.queue=[],this.pendingErrors=[],this.flushing=false,this.index=0,this.capacity=1024,this.flush=()=>{let{queue:e}=this;for(;this.index<e.length;){let t=this.index;if(this.index++,e[t].call(),this.index>this.capacity){for(let r=0,n=e.length-this.index;r<n;r++)e[r]=e[r+this.index];e.length-=this.index,this.index=0;}}e.length=0,this.index=0,this.flushing=false;},this.registerPendingError=e=>{this.pendingErrors.push(e),this.requestErrorThrow();},this.requestFlush=Ra(this.flush),this.requestErrorThrow=Vo(()=>{if(this.pendingErrors.length)throw this.pendingErrors.shift()});}};var kr=class{call(){try{this.task&&this.task();}catch(e){this.onError(e);}finally{this.task=null,this.release(this);}}constructor(e,t){this.onError=e,this.release=t,this.task=null;}};var Er=class{create(e){let t=this.freeTasks,r=t.length?t.pop():new kr(this.onError,n=>t[t.length]=n);return r.task=e,r}constructor(e){this.onError=e,this.freeTasks=[];}};var Ia=new Sr,Kp=new Er(Ia.registerPendingError);function Na(o){Ia.enqueueTask(Kp.create(o));}var Qt="dnd-core/ADD_SOURCE",Zt="dnd-core/ADD_TARGET",er="dnd-core/REMOVE_SOURCE",Ct="dnd-core/REMOVE_TARGET";function La(o){return {type:Qt,payload:{sourceId:o}}}function _a(o){return {type:Zt,payload:{targetId:o}}}function Oa(o){return {type:er,payload:{sourceId:o}}}function Ma(o){return {type:Ct,payload:{targetId:o}}}function Ba(o){c$2(typeof o.canDrag=="function","Expected canDrag to be a function."),c$2(typeof o.beginDrag=="function","Expected beginDrag to be a function."),c$2(typeof o.endDrag=="function","Expected endDrag to be a function.");}function za(o){c$2(typeof o.canDrop=="function","Expected canDrop to be a function."),c$2(typeof o.hover=="function","Expected hover to be a function."),c$2(typeof o.drop=="function","Expected beginDrag to be a function.");}function Wr(o,e){if(e&&Array.isArray(o)){o.forEach(t=>Wr(t,false));return}c$2(typeof o=="string"||typeof o=="symbol",e?"Type can only be a string, a symbol, or an array of either.":"Type can only be a string or a symbol.");}var Ge;(function(o){o.SOURCE="SOURCE",o.TARGET="TARGET";})(Ge||(Ge={}));var Qp=0;function Ha(){return Qp++}function Zp(o){let e=Ha().toString();switch(o){case Ge.SOURCE:return `S${e}`;case Ge.TARGET:return `T${e}`;default:throw new Error(`Unknown Handler Role: ${o}`)}}function Fa(o){switch(o[0]){case "S":return Ge.SOURCE;case "T":return Ge.TARGET;default:throw new Error(`Cannot parse handler ID: ${o}`)}}function Aa(o,e){let t=o.entries(),r=false;do{let{done:n,value:[,i]}=t.next();if(i===e)return  true;r=!!n;}while(!r);return  false}var Dr=class{addSource(e,t){Wr(e),Ba(t);let r=this.addHandler(Ge.SOURCE,e,t);return this.store.dispatch(La(r)),r}addTarget(e,t){Wr(e,true),za(t);let r=this.addHandler(Ge.TARGET,e,t);return this.store.dispatch(_a(r)),r}containsHandler(e){return Aa(this.dragSources,e)||Aa(this.dropTargets,e)}getSource(e,t=false){return c$2(this.isSourceId(e),"Expected a valid source ID."),t&&e===this.pinnedSourceId?this.pinnedSource:this.dragSources.get(e)}getTarget(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.dropTargets.get(e)}getSourceType(e){return c$2(this.isSourceId(e),"Expected a valid source ID."),this.types.get(e)}getTargetType(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.types.get(e)}isSourceId(e){return Fa(e)===Ge.SOURCE}isTargetId(e){return Fa(e)===Ge.TARGET}removeSource(e){c$2(this.getSource(e),"Expected an existing source."),this.store.dispatch(Oa(e)),Na(()=>{this.dragSources.delete(e),this.types.delete(e);});}removeTarget(e){c$2(this.getTarget(e),"Expected an existing target."),this.store.dispatch(Ma(e)),this.dropTargets.delete(e),this.types.delete(e);}pinSource(e){let t=this.getSource(e);c$2(t,"Expected an existing source."),this.pinnedSourceId=e,this.pinnedSource=t;}unpinSource(){c$2(this.pinnedSource,"No source is pinned at the time."),this.pinnedSourceId=null,this.pinnedSource=null;}addHandler(e,t,r){let n=Zp(e);return this.types.set(n,t),e===Ge.SOURCE?this.dragSources.set(n,r):e===Ge.TARGET&&this.dropTargets.set(n,r),n}constructor(e){this.types=new Map,this.dragSources=new Map,this.dropTargets=new Map,this.pinnedSourceId=null,this.pinnedSource=null,this.store=e;}};var el=(o,e)=>o===e;function Va(o,e){return !o&&!e?true:!o||!e?false:o.x===e.x&&o.y===e.y}function ja(o,e,t=el){if(o.length!==e.length)return  false;for(let r=0;r<o.length;++r)if(!t(o[r],e[r]))return  false;return  true}function Ua(o=Ht,e){switch(e.type){case ct:break;case Qt:case Zt:case Ct:case er:return Ht;case lt:case zt:case mt:case ut:default:return Pr}let{targetIds:t=[],prevTargetIds:r=[]}=e.payload,n=ba(t,r);if(!(n.length>0||!ja(t,r)))return Ht;let d=r[r.length-1],p=t[t.length-1];return d!==p&&(d&&n.push(d),p&&n.push(p)),n}function tl(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function rl(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){tl(o,n,t[n]);});}return o}var qa={initialSourceClientOffset:null,initialClientOffset:null,clientOffset:null};function Ga(o=qa,e){let{payload:t}=e;switch(e.type){case Bt:case lt:return {initialSourceClientOffset:t.sourceClientOffset,initialClientOffset:t.clientOffset,clientOffset:t.clientOffset};case ct:return Va(o.clientOffset,t.clientOffset)?o:rl({},o,{clientOffset:t.clientOffset});case mt:case ut:return qa;default:return o}}function ol(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Ft(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){ol(o,n,t[n]);});}return o}var nl={itemType:null,item:null,sourceId:null,targetIds:[],dropResult:null,didDrop:false,isSourcePublic:null};function $a(o=nl,e){let{payload:t}=e;switch(e.type){case lt:return Ft({},o,{itemType:t.itemType,item:t.item,sourceId:t.sourceId,isSourcePublic:t.isSourcePublic,dropResult:null,didDrop:false});case zt:return Ft({},o,{isSourcePublic:true});case ct:return Ft({},o,{targetIds:t.targetIds});case Ct:return o.targetIds.indexOf(t.targetId)===-1?o:Ft({},o,{targetIds:ha(o.targetIds,t.targetId)});case ut:return Ft({},o,{dropResult:t.dropResult,didDrop:true,targetIds:[]});case mt:return Ft({},o,{itemType:null,item:null,sourceId:null,dropResult:null,didDrop:false,isSourcePublic:null,targetIds:[]});default:return o}}function Xa(o=0,e){switch(e.type){case Qt:case Zt:return o+1;case er:case Ct:return o-1;default:return o}}function Ya(o=0){return o+1}function il(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function al(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){il(o,n,t[n]);});}return o}function Ja(o={},e){return {dirtyHandlerIds:Ua(o.dirtyHandlerIds,{type:e.type,payload:al({},e.payload,{prevTargetIds:ga(o,"dragOperation.targetIds",[])})}),dragOffset:Ga(o.dragOffset,e),refCount:Xa(o.refCount,e),dragOperation:$a(o.dragOperation,e),stateId:Ya(o.stateId)}}function Ka(o,e=void 0,t={},r=false){let n=sl(r),i=new Tr(n,new Dr(n)),d=new wr(n,i),p=o(d,e,t);return d.receiveBackend(p),d}function sl(o){let e=typeof window!="undefined"&&window.__REDUX_DEVTOOLS_EXTENSION__;return Fo(Ja,o&&e&&e({name:"dnd-core",instanceId:"dnd-core"}))}function dl(o,e){if(o==null)return {};var t=pl(o,e),r,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);for(n=0;n<i.length;n++)r=i[n],!(e.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(o,r)&&(t[r]=o[r]);}return t}function pl(o,e){if(o==null)return {};var t={},r=Object.keys(o),n,i;for(i=0;i<r.length;i++)n=r[i],!(e.indexOf(n)>=0)&&(t[n]=o[n]);return t}var Qa=0,Rr=Symbol.for("__REACT_DND_CONTEXT_INSTANCE__"),Za=memo(function(e){var{children:t}=e,r=dl(e,["children"]);let[n,i]=ml(r);return useEffect(()=>{if(i){let d=es();return ++Qa,()=>{--Qa===0&&(d[Rr]=null);}}},[]),jsx(b.Provider,{value:n,children:t})});function ml(o){if("manager"in o)return [{dragDropManager:o.manager},false];let e=gl(o.backend,o.context,o.options,o.debugMode),t=!o.context;return [e,t]}function gl(o,e=es(),t,r){let n=e;return n[Rr]||(n[Rr]={dragDropManager:Ka(o,e,t,r)}),n[Rr]}function es(){return typeof global!="undefined"?global:window}var jo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var i;if(this.state.isLoaded===false)return null;let{component:e,rowId:t}=((i=this.props.selectedWidgetProps)==null?void 0:i._path)||{};if(e===void 0||e!==H)return null;let r=(d,p,u)=>this.props.selectedWidgetPropsChange(d.target.value,u,p,this.props.selectedWidgetProps),{columns:n}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Row Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Row",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(t)})})]}),jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:t})}),jsx(S,{disabled:this.props.disabled,proptitle:"Segment count",propname:"columns",attr:null,propvalue:n,propChanged:r})]})}},os=withTranslation()(jo);var Uo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:e,ref:this.ref,children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})})]})}},Nr=withTranslation()(Uo);var qo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var d,p;if(!this.state.isLoaded)return null;let{component:e,segmentId:t}=((d=this.props.selectedWidgetProps)==null?void 0:d._path)||{};if(e===void 0||e!==L)return null;let r=(u,P,T)=>this.props.selectedWidgetPropsChange(u.target.value,T,P,this.props.selectedWidgetProps),{flexGrow:n,minWidth:i}=(p=this.props.selectedWidgetProps.style)!=null?p:{};return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Row Segment Properties"})}),jsx(Nr,{disabled:this.props.disabled,proptitle:"ID",propvalue:t,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(S,{disabled:this.props.disabled,proptitle:"Flex-grow",propname:"flexGrow",attr:"style",propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-width",propname:"minWidth",attr:"style",propvalue:i,propChanged:r})]})}},as=withTranslation()(qo);var Go=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontWeight",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,"style");return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Font-weight"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{normal:"Normal",bold:"Bold",100:"100",200:"200",300:"300",400:"400",500:"500",600:"600",700:"700",800:"800",900:"900"}})})]})}},Pe=withTranslation()(Go);var $o=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontSize",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"15px"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style"),t={};for(let n=10;n<=60;n++){let i=`${n}px`;t[i]=i;}return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Font-size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,sort:"alpha",options:t})})]})}},Te=withTranslation()($o);var Rl=ie.lazy(()=>new Function('return import("react-color")')().then(o=>({default:o.SketchPicker})).catch(()=>({default:(()=>null)}))),Yo=class extends ie.PureComponent{constructor(t){super(t);this.handleChange=t=>{t.hex&&this.props.propChanged(t.hex,this.props.propname);};this.handleReset=()=>{this.props.propChanged(void 0,this.props.propname),this.setState({propvalue:"#000000"});};this.state={isLoaded:false,propvalue:t.propvalue||"#000000"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){this.props.propvalue&&this.props.propvalue!==t.propvalue&&this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let t={width:"1.55em",height:"1.6em",margin:"6px 6px 6px",borderRadius:"4px",backgroundColor:this.state.propvalue},r=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsx("span",{className:"elwrapper caption",children:this.props.proptitle}),!this.props.disabled&&jsx(D,{style:{cursor:"pointer",fontSize:"12px",marginRight:"6px",color:"#666",opacity:.7},title:"Reset color",onClick:this.handleReset})]}),jsx("div",{className:r,ref:this.ref,children:this.props.disabled?jsxs("div",{style:{display:"flex",alignItems:"center"},children:[jsx("div",{style:t}),jsx("span",{style:{lineHeight:"2em",fontStyle:"normal"},children:this.state.propvalue.toUpperCase()})]}):jsx(ie.Suspense,{fallback:null,children:jsx(Rl,{color:this.state.propvalue,onChange:this.handleChange,disableAlpha:true})})})]})}},it=withTranslation()(Yo);var Jo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"variant",propvalue:e.propvalue,options:(r=e.options)!=null?r:{standard:"Standard",outlined:"Outlined",filled:"Filled"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Variant"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:this.state.options})})]})}},ht=withTranslation()(Jo);var Ko=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"buttontype",propvalue:e.propvalue,options:(r=e.options)!=null?r:{none:h.NONE,cancel:h.CANCEL,custom:h.CUSTOM,print:h.PRINT,save:h.SAVE}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Button Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},cs=withTranslation()(Ko);var Qo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"colorSchema",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:""},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"",primary:"Primary",actionbtnok:"Action Button (Positive)",regularbtn:"Action Button (Neutral)"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Color Schema"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},ms=withTranslation()(Qo);var en=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var E,O;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((E=this.props.selectedWidgetProps)==null?void 0:E._path)||{};if(t===void 0||t!==Q)return null;let{title:n,buttontype:i,fullWidth:d,name:p,variant:u,colorSchema:P,visible:T,style:s}=this.props.selectedWidgetProps,v=(O=s==null?void 0:s.backgroundColor)!=null?O:"primary.main";P&&(v=`${P.toLowerCase()}.main`);let R=jsxs(Fragment,{children:[jsx(cs,{attr:null,disabled:this.props.disabled,defaultValue:h.NONE.toLowerCase(),propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(ms,{disabled:this.props.disabled,propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"backgroundColor",propvalue:v,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",options:{contained:"Contained",outlined:"Outlined",text:"Text"},propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Full Width",propname:"fullWidth",propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),w=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(Te,{disabled:this.props.disabled,propvalue:s==null?void 0:s.fontSize,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:s==null?void 0:s.fontWeight,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Button Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&R,this.state.tabValue===1&&w]})}},bs=withTranslation()(en);var tn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Text Align"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t,r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style");return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:(t=this.state.propname)!=null?t:"textAlign",propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:{left:"Left",center:"Center",right:"Right"}})})]})}},Ne=withTranslation()(tn);var rn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"verticalalign",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Vertical-align"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{middle:"Middle",bottom:"Bottom"}})})]})}},Ar=withTranslation()(rn);var nn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var B;if(this.state.isLoaded===false)return null;let{type:t,component:r,rowId:n,segmentId:i,widgetId:d}=((B=this.props.selectedWidgetProps)==null?void 0:B._path)||{};if(r===void 0||r!==j)return null;let{title:p,name:u,verticalalign:P,visible:T,style:{textAlign:s,fontSize:v,fontWeight:R,color:w}}=this.props.selectedWidgetProps,E=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:s,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),O=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:d})}),jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"color",propvalue:w,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:v,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:R,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ar,{disabled:this.props.disabled,defaultValue:"middle",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Label Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(d)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&E,this.state.tabValue===1&&O]})}},Cs=withTranslation()(nn);var an=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(this.state.isLoaded===false)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Format"})}),jsx("div",{className:e,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:(t=this.state.propvalue)!=null?t:"",disabled:this.props.disabled,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},Ps=withTranslation()(an);var sn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,inputtype:e.inputtype};}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e={input:"Input",inputwcopy:"Input/Copy Btn",date:"Date",time:"Time",datetime:"Date/Time",phone:"Phone",currency:"Currency",password:"Password"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Input Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{propname:"inputtype",disabled:this.props.disabled,defaultValue:this.props.inputtype||"input",propChanged:(t,r)=>this.props.selectedDropdownWidgetPropsChange(r,t,null),hidelabel:true,sort:"alpha",options:e})})]})}},Ts=withTranslation()(sn);var dn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Default value"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"",today:"Today"}})})]})}},ks=withTranslation()(dn);var pn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Default value"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"","start of day":"start of day",now:"now"}})})]})}},Ws=withTranslation()(pn);var ln=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"size",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{small:"Small",medium:"Medium"}})})]})}},At=withTranslation()(ln);var cn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedname",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_cby:"_cby (Created By)",_cdt:"_cdt (Created Date)",_desc:"_desc (Description)",_fcode:"_fcode (Form Code)",_mby:"_mby (Modified By)",_mdt:"_mdt (Modified Date)",_custom:"Custom"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Name"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"alpha",options:this.state.options})})]})}},Is=withTranslation()(cn);var un=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedregex",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_codeInput:"A-Z Characters Only",_numbersOnly:"Numbers Only",_noSymbol:"Characters & Numbers",_custom:"Custom RegEx"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Allowed Input"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},Ls=withTranslation()(un);var mn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"currency_format",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"en-US"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"Don't display",locale:"Current Locale","fixed-locale":"Fixed Locale"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Currency Format"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},Jr=withTranslation()(mn);var gn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_currencydisplay"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"None",symbol:"Symbol",code:"Code"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Currency Display"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:"",hidelabel:true,options:t})})]})}},Qr=withTranslation()(gn);var hn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_fixedlocale"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Fixed Locale"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:"",hidelabel:true,options:l(),sort:"keydesc"})})]})}},eo=withTranslation()(hn);var bn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}render(){var N$1;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((N$1=this.props.selectedWidgetProps)==null?void 0:N$1._path)||{};if(t===void 0||t!==n)return null;let{currency_inputfield:n$1,currency_format:i,currency_currency:d,currency_fixedlocale:p,currency_currencydisplay:u,dateformat:P,defaultvalue:T,gsindex:s,forcereadonly:v,ignorereadonly:R,inputtype:w,label:E,placeholder:O,phoneformat:B,name:z,onchangehandler:J,readonly:K,required:H,requiredmessage:G,reservedname:U,reservedregex:se,regex:xe,showicon:_e,searchbar:Re,size:ze,uppercasemode:Oe,variant:Me,viewfield:l,visible:h,style:c}=this.props.selectedWidgetProps,{textAlign:k,fontSize:b,fontWeight:C}=c!=null?c:{},g=jsxs(Fragment,{children:[jsx(Ts,{disabled:this.props.disabled,inputtype:w,selectedDropdownWidgetPropsChange:a.setProps(this.props).selectedDropdownWidgetPropsChange,selectedWidgetPropsChange:a.setProps(this.props).selectedWidgetPropsChange}),w==="currency"&&jsxs(Fragment,{children:[jsx(Jr,{disabled:this.props.disabled,propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),i==="fixed-locale"&&jsx(eo,{disabled:this.props.disabled,propname:"currency_fixedlocale",propvalue:p,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i==="locale"||i==="fixed-locale")&&jsx(Qr,{disabled:this.props.disabled,propname:"currency_currencydisplay",propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i===""||i===void 0||i==="locale")&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"currency_inputfield",attr:null,propvalue:n$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),(i===""||i===void 0)&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency",propname:"currency_currency",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange})]}),w==="input"&&jsx(Ls,{disabled:this.props.disabled,proptitle:"Allowed Input",propname:"reservedregex",attr:null,propvalue:se,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),w==="input"&&se==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom RegEx",propname:"regex",attr:null,propvalue:xe,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="input"&&jsx(S,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="date"&&jsx(Fragment,{children:jsx(ks,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})}),w==="time"&&jsx(Ws,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(w==="date"||w==="time")&&jsx(Ps,{disabled:this.props.disabled,attr:null,propname:"dateformat",propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="phone"&&jsx(S,{disabled:this.props.disabled,proptitle:"Phone Format",propname:"phoneformat",attr:null,propvalue:B,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:E,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Is,{disabled:this.props.disabled,proptitle:"Name",propname:"reservedname",attr:null,propvalue:U,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),U==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom Name",propname:"name",attr:null,propvalue:z,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w!=="date"&&w!=="time"&&jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:H,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:K,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:ze,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:Me,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:h,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),W=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:b,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:C,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:k,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),w==="date"&&jsx(m,{disabled:this.props.disabled,proptitle:"Show Icon",propname:"showicon",attr:null,propvalue:_e,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),w!=="date"&&jsx(m,{disabled:this.props.disabled,proptitle:"Upper Case Mode",propname:"uppercasemode",attr:null,propvalue:Oe,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:Re,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:l,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Text Input Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&g,this.state.tabValue===1&&W]})}},zs=withTranslation()(bn);var vn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var xe;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((xe=this.props.selectedWidgetProps)==null?void 0:xe._path)||{};if(t===void 0||t!==p)return null;let{autocompleteTextArea:n,autosize:i,ignorereadonly:d,label:p$1,name:u,onchangehandler:P,placeholder:T,readonly:s,required:v,requiredmessage:R,size:w,variant:E,viewfield:O,visible:B,style:z}=this.props.selectedWidgetProps,{textAlign:J,fontSize:K,fontWeight:H,minHeight:G}=z!=null?z:{},U=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:p$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:B,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:E,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]}),se=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(m,{disabled:this.props.disabled,proptitle:"Auto Complete",propname:"autocompleteTextArea",propvalue:n!=null?n:false,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Auto Size",propname:"autosize",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:K,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:H,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:O,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"TextArea Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&U,this.state.tabValue===1&&se]})}},As=withTranslation()(vn);var yn={backgroundColor:"white",cursor:"move"},$e=o=>{let{id:e,type:t$1,component:r,icon:n$1,title:i$1,disabled:d$1}=o,p$1=d$1?"formwidget disabledElement":"formwidget",u$1={};t$1===g.ROW?u$1=G$1.objectInspector.defaultProps:t$1===g.TAB?u$1=C.objectInspector.defaultProps:t$1===g.TABLE?u$1=E.objectInspector.defaultProps:t$1===g.WIDGET&&(r===Q?u$1=P$1.objectInspector.defaultProps:r===j?u$1=i.objectInspector.defaultProps:r===n?u$1=m$1.objectInspector.defaultProps:r===p?u$1=o$1.objectInspector.defaultProps:r===s?u$1=r$1.objectInspector.defaultProps:r===I?u$1={datatype:"string",datalength:"1000",groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,tabIndex:0,style:{minHeight:"200px"},title:"File Uploader",value:"",visible:true}:r===J?u$1={groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,style:{minHeight:"200px"},tabIndex:0,title:"Placeholder",value:"",visible:true}:r===u?u$1=t.objectInspector.defaultProps:r===w?u$1=v.objectInspector.defaultProps:r===S$1&&(u$1=R.objectInspector.defaultProps));try{let[,P]=d(()=>({type:t$1,item:{id:e,type:t$1,stricttype:r.displayName,component:r,properties:u$1,_children:[]}}));return d$1?jsx("div",{className:p$1,style:yn,title:i$1,children:n$1}):jsx("div",{className:p$1,ref:P,style:yn,title:i$1,children:n$1})}catch(P){return jsx("div",{className:p$1,style:yn,title:i$1,children:n$1})}};var Mc=o=>{let[e,t]=useState(""),{loadFields:r,viewPort:n}=b$1();useEffect(()=>{t(o.value);},[o.value]);let i=d=>{t(d.target.value);};return ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(n$2,{id:nanoid(5),label:"Column Title",onBlur:o.onBlur,onInput:i,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null))},Bc=o=>{let[e,t]=useState("");useEffect(()=>{t(o.value);},[o.value]);let r=n=>{t(n.target.value);};return ie.createElement(n$2,{id:nanoid(5),label:"Field Name",onBlur:o.onBlur,onInput:r,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null)},zc=o=>{let e=o.columns.map((t,r,n)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex",alignItems:"center",gap:"1em"}},jsx(Mc,{name:"coltitle_"+r,onBlur:i=>o.onColCaptionBlur(i,r),value:t[0]}),ie.createElement("div",{style:{width:"30%",display:"flex"}},o.isBuildocsExtendedEditor?ie.createElement(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Field Name",multiple:false,placeholder:"Field Name",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onSourceChange(i,r)},null):jsx(Bc,{name:"colsource_"+r,onBlur:i=>o.onColSourceBlur(i,r),value:t[1]})),ie.createElement("div",{style:{width:"30%",display:"flex"}},ie.createElement(l$1,{key:nanoid(11),id:"coltype_"+r,data:o.types,darkMode:false,label:"Type",multiple:false,placeholder:"Type",readOnly:false,renderType:"none",selectedValue:[t[2]==="string"?"freetext":t[2]==="currency"?"price":t[2]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onTypeChange(i,r)},null)),ie.createElement("div",{style:{display:"flex",width:"40px",flexShrink:0,alignItems:"center"}},r>0?jsx(vp,{sx:{},onClick:i=>o.removeColumn(t),children:jsx(M$1,{style:{fontSize:"0.7em"}})}):null)));return jsxs(Fragment,{children:[jsx("div",{style:{paddingTop:"0.5em"},children:e}),jsx("div",{style:{paddingTop:"0.2em"},children:jsx("button",{id:"",className:"btn btn-outline-primary btn-sm",onClick:()=>o.addColumns(),children:"Add Column"})})]})},Hc=o=>{let e=o.columns.map((t,r)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Code",multiple:false,placeholder:"code",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:n=>o.onSourceChange(n,r)},null))));return jsx(Fragment,{children:jsx("div",{style:{paddingTop:"0.5em"},children:e})})},Fc=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"category",data:o.pluginCategories,darkMode:false,label:"Category",multiple:false,placeholder:"Category",readOnly:false,renderType:"none",selectedValue:[o.conditionCategory],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"category")},null)),o.conditionTemplateVisible?ie.createElement("div",{style:{display:"flex",marginLeft:"8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"template",data:o.pluginForms,darkMode:false,label:"Template",multiple:false,placeholder:"Template",readOnly:false,renderType:"none",selectedValue:[o.conditionTemplate],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"template")},null)):null);return jsx(tt,{style:{paddingTop:"0.5em"},children:e})},Ac=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"querytype",data:[{id:"regular",value:"Regular"},{id:"project",value:"By Project"},{id:"byfolderandchild",value:"By Folder & Children"},{id:"children",value:"Only child records"},{id:"amendment",value:"Amendment Chain"}],darkMode:false,label:"Breakdown",multiple:false,placeholder:"Select Breakdown",readOnly:false,renderType:"none",selectedValue:[o.conditionBreakdown],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"breakdown")},null)));return jsx(tt,{children:e})},Vc=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"41%"}},ie.createElement(l$1,{key:nanoid(11),id:"disableCodegen",data:[{id:"",value:"Auto-Generate Code"},{id:"X",value:"Disable Auto-Generation of Table Widget Code"}],darkMode:false,label:"Code Generation",multiple:false,placeholder:"Select Mode",readOnly:false,renderType:"none",selectedValue:[o.disableCodegen],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"disableCodegen")},null)));return jsx(tt,{children:e})},Vs=memo(function(e){var C,g,W,N,_;let{loadFields:t,viewPort:r}=b$1(),[n,i]=useState((C=e.data)!=null&&C.columns?e.data.columns:[[null,null,"string"]]),[d,p]=useState(false),[u,P$1]=useState((g=e.data)!=null&&g.conditionCategory?e.data.conditionCategory:""),[T,s]=useState((W=e.data)!=null&&W.conditionTemplate?e.data.conditionTemplate:""),[v,R]=useState((N=e.data)!=null&&N.disableCodegen?e.data.disableCodegen:""),w=(_=e.data)!=null&&_.conditionBreakdown?e.data.conditionBreakdown:"regular",[E,O]=useState(w),[B,z]=useState(true),[J,K]=useState([{id:"",value:""}]),[H,G]=useState([{id:"freetext",value:"String"},{id:"number",value:"Number"},{id:"date",value:"Date"},{id:"datetime",value:"Date / Time"},{id:"checkbox",value:"Checkbox"},{id:"price",value:"Price"}]),[U,se]=useState([{id:"",value:""}]),[xe,_e]=useState([{id:"",value:""}]),Re=useCallback(async()=>{let f=y=>{let x=[{id:"",value:""}];for(let M in y)x.push({id:M,value:y[M]});return x};t&&await t({pluginCode:e.pluginCode}).then(y=>{if(y.meta.requestStatus==="fulfilled"){let x={...y.payload};x.pluginCategories&&_e(f(x.pluginCategories)),x.pluginForms&&se(f(x.pluginForms)),x.viewFields&&K(f(x.viewFields)),p(true);}});},[]);if(useEffect(()=>{d||(e.isBuildocsExtendedEditor?Re():p(true));},[]),!d)return ie.createElement("div",{},jsx(a$1,{}));let ze=(f,y)=>{let x=f.target.value.trim();y==="category"?P$1(x):y==="disableCodegen"?R(x):y==="template"?s(x):y==="breakdown"&&(O(x),(x==="children"||x==="amendment")&&s(""));},Oe=(f,y)=>{let x=[...n];x[y]=[f.target.value.trim(),n[y][1],n[y][2]],i(x);},Me=(f,y)=>{let x=[...n];x[y]=[n[y][0],f.target.value.trim(),n[y][2]],i(x);},l=(f,y)=>{let x=[...n];x[y]=[n[y][0],f.target.value.trim(),n[y][2]],i(x);},h=(f,y)=>{let x=[...n];x[y]=[n[y][0],n[y][1],f.target.value.trim()],i(x);},c=()=>{i([...n,[null,null,null]]);},k=f=>{let y=n.filter(x=>x!==f);i(y);},b=()=>e.type==="SELECTBOX"?jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Source"}),jsx(Hc,{columns:n,onColCaptionBlur:Oe,onSourceChange:l,onTypeChange:h,addColumns:c,removeColumn:k,source:J})]})]}):jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Columns"}),jsx(zc,{columns:n,onColCaptionBlur:Oe,onColSourceBlur:Me,onSourceChange:l,onTypeChange:h,addColumns:c,removeColumn:k,source:J,types:H,isBuildocsExtendedEditor:e.isBuildocsExtendedEditor})]})]});return jsx(Fragment,{children:jsxs("div",{id:"main-content-wrapper tableQueryBuilder",style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"},children:[jsx("div",{className:"content on-scrollbar",style:{overflow:"auto",flex:"1 1 auto",minHeight:0},children:jsxs("div",{className:"main-content",style:{padding:"1em",paddingBottom:"0"},children:[jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"0.5em",width:"100%"},children:[jsx("h3",{style:{fontWeight:700,margin:0,flex:1},children:e.isBuildocsExtendedEditor?"Data Table Query Builder":"Column Manager"}),jsx("button",{onClick:e.closeForm,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"6px",border:"1px solid #ddd",background:"#fff",cursor:"pointer",borderRadius:"4px",fontSize:"1.1em",color:"#333",width:"32px",height:"32px",flexShrink:0},onMouseEnter:f=>{f.currentTarget.style.backgroundColor="#f5f5f5";},onMouseLeave:f=>{f.currentTarget.style.backgroundColor="#fff";},"aria-label":"Close",title:"Close",children:jsx(P,{})})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Code Generator"}),jsx(Vc,{disableCodegen:v,onFilterIndexChange:ze})]})]}),jsx(b,{}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Breakdown"}),jsx(Ac,{conditionBreakdown:E,onFilterIndexChange:ze})]})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{children:[jsx("h4",{style:{fontWeight:700},children:"Condition"}),jsx(Fc,{conditionTemplateVisible:B,conditionCategory:u,conditionTemplate:T,onFilterIndexChange:ze,pluginCategories:xe,pluginForms:U})]})]})]})}),jsxs("div",{className:"column-manager-footer",style:{display:"flex",justifyContent:"flex-end",padding:"1em",borderTop:"1px solid #e0e0e0",backgroundColor:"#fff",flexShrink:0,minHeight:"60px",alignItems:"center",gap:"0.5em"},children:[jsx("button",{id:"columnManagerSaveBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onPointerUp:()=>e.saveForm({columns:n,conditionCategory:u,conditionTemplate:T,conditionBreakdown:E,disableCodegen:v}),children:"Save"}),jsx("button",{id:"columnManagerCloseBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onClick:e.closeForm,children:"Close"})]})]})})});var wn=class extends ie.PureComponent{constructor(t){var r,n,i;super(t);this.onSourceEditorOpen=()=>{this.props.disabled||this.setState({opened:true});};this.adjustColor=(t,r)=>"#"+t.replace(/^#/,"").replace(/../g,n=>("0"+Math.min(255,Math.max(0,parseInt(n,16)+r)).toString(16)).slice(-2));this.closeForm=()=>{this.setState({opened:false});};this.saveForm=t=>{this.setState({opened:false}),this.props.propChanged(this.state.propname,t);};this.state={isLoaded:false,pluginCode:t.pluginCode,proptitle:t.proptitle,propname:t.propname,propvalue:t.propvalue,opened:false,hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0,type:(i=t.type)!=null?i:"TABLE"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){var r,n;t.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue}),t.pluginCode!==this.props.pluginCode&&this.setState({pluginCode:this.props.pluginCode}),t.proptitle!==this.props.proptitle&&this.setState({proptitle:this.props.proptitle}),t.type!==this.props.type&&this.setState({type:this.props.type}),this.ref&&this.ref.current&&this.props.tabIndex===this.ref.current.tabIndex&&((n=(r=this.ref.current).focus)==null||n.call(r));}render(){var p;if(!this.state.isLoaded)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",r=!!((p=this.state)!=null&&p.propvalue&&this.state.propvalue.columns),n=r?"Edit":"Not set",i=r?"rgb(88, 252, 0)":"#C0C0C0",d={"&.MuiButtonBase-root":{fontSize:"14px",padding:"3px",marginLeft:"-3px",width:"100%",height:"100%",borderRadius:"0px",boxShadow:"none",fontWeight:"normal",backgroundColor:i},"&.MuiButtonBase-root:hover":{backgroundColor:this.adjustColor(i,-50)}};return jsxs(Fragment,{children:[!this.state.hidelabel&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:t,ref:this.ref,children:jsx(o,{variant:"contained",label:n,onClick:this.onSourceEditorOpen,fullWidth:true,sx:d,tabIndex:0,disabled:this.props.disabled})}),this.state.opened&&!this.props.disabled?jsx(a$2,{component:jsx(Vs,{inPreviewMode:false,pluginCode:this.props.pluginCode,modal:true,closeForm:this.closeForm,saveForm:this.saveForm,data:this.state.propvalue,type:this.state.type,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),id:"column-manager-modal",onCloseModal:this.closeForm,parentId:null,windowMode:"halfWindow"},`col-mgr-${Date.now()}`):null]})}},to=withTranslation()(wn);var Pn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:"tabIndex",propvalue:typeof e.propvalue=="number"?e.propvalue:e.propvalue!==void 0?Number(e.propvalue):void 0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){this.props.propvalue!==e.propvalue&&this.setState({propvalue:typeof this.props.propvalue=="number"?this.props.propvalue:this.props.propvalue!==void 0?Number(this.props.propvalue):void 0});}render(){if(!this.state.isLoaded)return null;this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return null}},qs=withTranslation()(Pn);var Tn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:"rendertype",propvalue:(t=e.propvalue)!=null?t:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Render Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",checkbox:"Checkbox",chip:"Chip"}})})]})}},$s=withTranslation()(Tn);var Sn=class extends ie.PureComponent{constructor(t){var n;super(t);this.convertToText=t=>!t||!Array.isArray(t)||t.length===0?"":t.map(r=>{if(typeof r=="object"&&r!==null){let n=r.value||r.id||"",i=r.id||"";return n===i?n:`${n}|${i}`}return r}).filter(r=>r.trim()!=="").join(`
 `);this.convertToArray=t=>!t||t.trim()===""?[]:t.split(`
 `).map(r=>r.trim()).filter(r=>r!=="").map(r=>{let n=r.indexOf("|");if(n!==-1){let i=r.substring(0,n).trim();return {id:r.substring(n+1).trim(),value:i}}else return {id:r,value:r}});this.handleBlur=t=>{let r=t.target.value;if(this.state.lastSavedValue!==r){let i=this.convertToArray(r);this.setState({textValue:r,lastSavedValue:r}),this.props.propChanged(t,this.props.attr,this.props.propname,i);}};let r=this.convertToText(t.propvalue);this.state={isLoaded:false,textValue:r,lastSavedValue:r,tabIndex:(n=t.tabIndex)!=null?n:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){let r=this.ref.current;if(r&&this.props.tabIndex===r.tabIndex&&r.focus(),this.props.propvalue!==t.propvalue){let n=this.convertToText(this.props.propvalue);this.setState({textValue:n,lastSavedValue:n});}}render(){if(!this.state.isLoaded)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:t,children:jsx("textarea",{ref:this.ref,name:this.props.propname,value:this.state.textValue,disabled:this.props.disabled,onChange:r=>this.setState({textValue:r.target.value}),onBlur:this.handleBlur,tabIndex:this.state.tabIndex,placeholder:`Enter values (one per line)
-Format: DisplayText|value or just DisplayText`,style:{width:"100%",minHeight:"80px",fontFamily:"inherit",fontSize:"12px",padding:"4px",border:"1px solid #ccc",borderRadius:"3px",resize:"vertical"}})})]})}},Qs=withTranslation()(kn);var Wn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var l;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((l=this.props.selectedWidgetProps)==null?void 0:l._path)||{};if(t===void 0||t!==s)return null;let {gsindex:n,ignorereadonly:i,dropsource:d,dropvalues:p,label:u,multiple:P,name:T,onchangehandler:s$1,placeholder:v,forcereadonly:R,readonly:w,required:E,requiredmessage:O,rendertype:B,searchbar:z,size:J,tabIndex:K,variant:H,viewfield:G,visible:U,style:se}=this.props.selectedWidgetProps,{fontSize:xe,fontWeight:_e,minHeight:Re}=se!=null?se:{},Oe=jsxs(Fragment,{children:[this.props.isBuildocsExtendedEditor&&jsx(ro,{disabled:this.props.disabled,proptitle:"Column Manager",propname:"dropsource",propvalue:d,propChanged:a.setProps(this.props).DataSourcePropsChange,tabIndex:K!==void 0?K++:void 0,pluginCode:this.props.pluginCode,type:"SELECTBOX",isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Qs,{disabled:this.props.disabled,proptitle:"Dropdown Values",propname:"dropvalues",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{attr:null,disabled:this.props.disabled,proptitle:"Multiple",propname:"multiple",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:E,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Js,{attr:null,disabled:this.props.disabled,propvalue:B,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:H,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:U,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),Me=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Pe,{disabled:this.props.disabled,propvalue:xe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,defaultValue:"normal",propvalue:_e,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Xs,{attr:null,disabled:this.props.disabled,propvalue:K,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:s$1,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:G,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"SelectBox Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&Oe,this.state.tabValue===1&&Me]})}},td=withTranslation()(Wn);var Dn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"elementSize",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"1.35em"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style"),t={"1.0em":"1.0em","1.1em":"1.1em","1.2em":"1.2em","1.3em":"1.3em","1.35em":"1.35em","1.4em":"1.4em","1.5em":"1.5em","1.6em":"1.6em","1.7em":"1.7em","1.8em":"1.8em"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,sort:"alpha",options:t})})]})}},ao=withTranslation()(Dn);var Rn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Label Position"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"labelplacement",propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{bottom:"bottom",end:"end",start:"start",top:"top"}})})]})}},po=withTranslation()(Rn);var Nn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if(t===void 0||t!==u)return null;let{defaultvalue:n,ignorereadonly:i,label:d,labelplacement:p,name:u$1,onchangehandler:P,readonly:T,required:s,value:v,viewfield:R,visible:w,style:E}=this.props.selectedWidgetProps,{textAlign:O,elementSize:B}=E!=null?E:{},z=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label Text",propname:"label",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Value",propname:"value",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(po,{disabled:this.props.disabled,defaultValue:"end",propvalue:p,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),J=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(ao,{disabled:this.props.disabled,propvalue:B,defaultValue:"1.35em",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:O,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"CheckBox Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&z,this.state.tabValue===1&&J]})}},ad=withTranslation()(Nn);var _n=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if(t===void 0||t!==w)return null;let{groupname:n,defaultvalue:i,ignorereadonly:d,label:p,labelplacement:u,name:P,onchangehandler:T,readonly:s,value:v,viewfield:R,visible:w$1,style:E}=this.props.selectedWidgetProps,{textAlign:O,elementSize:B}=E!=null?E:{},z=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label Text",propname:"label",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Group Name",propname:"groupname",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Value",propname:"value",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(po,{disabled:this.props.disabled,defaultValue:"end",propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:w$1,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),J=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(ao,{disabled:this.props.disabled,propvalue:B,defaultValue:"1.35em",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:O,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Radio Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&z,this.state.tabValue===1&&J]})}},pd=withTranslation()(_n);var cd=memo(function({tabId:e$1,id:t,getSelectedWidgetId:r,getActiveTabIndex:n,moveRowItem:i,addRowSegmentItem:d,findPanelItem:p,findSegmentItem:u,findWidgetItem:P,moveWidgetItem:T,onPointerUp:s,showMessage:v,getEditMode:R,eventDispatcher:w,getFormData:E}){let O=p(e$1,t),B$1=O.index,[,z]=useState(false),[,J]=useState(false),[{isOver:K,isOverCurrent:H}]=e(()=>({accept:[g.ROW,g.TAB],drop(G,U){let se=U.didDrop();se||(i(G,e$1,t,t,B$1,G.tabId===e$1),z(true),J(se));},collect:G=>({isOver:G.isOver(),isOverCurrent:G.isOver({shallow:true}),activeItem:G.getItem()})}),[z,J]);return ie.createElement(ie.Fragment,{},jsx(B,{children:O.item._children.map(({panelId:G,id:U,component:se,properties:xe})=>ie.createElement(se,{key:"tabpanel_"+U,tabId:e$1,panelId:G,properties:xe,onPointerUp:(_e,Re,ze,Oe,Me,l,h)=>{_e.stopPropagation(),s(_e,Re,ze,Oe,Me,l,h);},showMessage:v,addRowSegmentItem:d,getSelectedWidgetId:r,getActiveTabIndex:n,findSegmentItem:u,findWidgetItem:P,moveWidgetItem:T,getEditMode:R,eventDispatcher:w,getFormData:E},null))}))});cd.displayName="_Tabpanel";var lo=cd;var Mn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K,H;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if((t===void 0||t!==D$1)&&t!==lo)return null;let{item_title:n,item_default_color:i,item_active_color:d,item_default_background_color:p,item_active_background_color:u,item_fontsize:P,item_fontweight:T,item_name:s,item_visible:v}=(H=this.props.selectedWidgetProps.tabsetup)!=null?H:{},{name:R,tabcount:w,visible:E}=this.props.selectedWidgetProps,O=s&&s!=="",B=()=>O?jsxs(Fragment,{children:[jsx("div",{className:"header item-header",style:{fontSize:"14px",fontWeight:"600",padding:"12px 10px"},children:"Tab Item Properties"}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"item_title",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Item Name",propname:"item_name",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"item_visible",propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}):null,z=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled||O,proptitle:"Name",propname:"name",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled||O,proptitle:"Tab Count",propname:"tabcount",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled||O,proptitle:"Visible",propname:"visible",propvalue:E,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(B,{})]}),J=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(it,{disabled:this.props.disabled,proptitle:"Bg-Color",propname:"item_default_background_color",propvalue:p,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Bg-Hover-Color",propname:"item_active_background_color",propvalue:u,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Text-Color",propname:"item_default_color",propvalue:i,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Text-Hover-Color",propname:"item_active_color",propvalue:d,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(Pe,{disabled:this.props.disabled,propname:"item_fontsize",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,propname:"item_fontweight",defaultValue:"bold",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Tab Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&z,this.state.tabValue===1&&J]})}},gd=withTranslation()(Mn);var Bn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"pagesize",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Pagesize"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={50:"50",100:"100",300:"300",500:"500"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},bd=withTranslation()(Bn);var zn=class extends ie.PureComponent{constructor(e){var t,r,n,i;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowactions",propvalue:(r=e.propvalue)!=null?r:"{}",proptitle:(n=e.proptitle)!=null?n:"Row Actions",rowactiontype:(i=e.rowactiontype)!=null?i:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var n;if(!this.state.isLoaded||((n=this.props.rowactiontype)!=null?n:this.state.rowactiontype)==="none")return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",t=(i,d,p)=>(p[d]=i,this.props.propChanged(null,null,"rowactions",JSON.stringify(p))),r={};try{r=JSON.parse(this.props.propvalue||this.state.propvalue||"{}")||{};}catch(i){r={};}return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsxs("div",{className:e,ref:this.ref,children:[this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_editrow",propvalue:r.action_editrow,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Edit Row"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_edit",propvalue:r.action_edit,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Edit"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_amend",propvalue:r.action_amend,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Amend"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_print",propvalue:r.action_print,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Print"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_download",propvalue:r.action_download,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Download"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_delete",propvalue:r.action_delete,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Delete"})]}),this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_copy",propvalue:r.action_copy,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Copy Template"})]}),this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_sign",propvalue:r.action_sign,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Sign"})]})]})]})}},vd=withTranslation()(zn);var Hn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowdensity",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Density"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{comfortable:"Comfortable",compact:"Compact",spacious:"Spacious"}})})]})}},xd=withTranslation()(Hn);var Fn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowactiontype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Actions Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",flat:"Flat",menu:"Menu",...this.props.isBuildocsExtendedEditor&&{primary:"Primary"}}})})]})}},wd=withTranslation()(Fn);var An=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowclickas",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Click As"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",new:"Add New"}})})]})}},Td=withTranslation()(An);var Vn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"tablemode",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Table Mode"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{datatable:"Datatable",tabulator:"Tabulator"}})})]})}};withTranslation()(Vn);var jn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"searchtype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Search Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{startsWith:"StartsWith",contains:"Contains"}})})]})}},Wd=withTranslation()(jn);var qn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.handleEditRowModeChange=(t,r)=>{let n=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(!!t,r,null,n),setTimeout(()=>{let i=t?"tabulator":"datatable";this.props.selectedWidgetPropsChange(i,"tablemode",null,this.props.selectedWidgetProps);},0);};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){var r,n,i,d;((n=(r=t.selectedWidgetProps)==null?void 0:r._path)==null?void 0:n.widgetId)!==((d=(i=this.props.selectedWidgetProps)==null?void 0:i._path)==null?void 0:d.widgetId)&&this.setState({tabValue:0});}render(){var ye;if(this.state.isLoaded===false)return null;let{component:t,rowId:r}=((ye=this.props.selectedWidgetProps)==null?void 0:ye._path)||{};if(t===void 0||t!==F)return null;let {alloweditrow:n,backendpagination:i,columns:d,colactions:p,colgrouping:u,colordering:P,colresizing:T,datasource:s,height:v,hideaddbutton:R,newrecordurl:w,name:E,folders:O,foldercaption:B,pagination:z,pagesize:J,readonly:K,ignorereadonly:H,rowactions:G,rowactiontype:U,rowclickas:se,rowdensity:xe,rownumber:_e,rowselection:Re,rowvirtualization:ze,search:Oe,searchtype:Me,selectall:l,stickyheader:h,tablemode:c,toolbarInternalActions:k,topToolbar:b,enableuploadfiles:C,uploadtemplcode:g,visible:W,style:N$1}=this.props.selectedWidgetProps,{fontSize:_,fontWeight:f}=N$1!=null?N$1:{},x=1,M=jsxs(Fragment,{children:[jsx(ro,{disabled:this.props.disabled,proptitle:"Column Manager",propname:"datasource",propvalue:s,propChanged:a.setProps(this.props).DataSourcePropsChange,tabIndex:x++,pluginCode:this.props.pluginCode,type:"TABLE",isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),jsx(m,{disabled:this.props.disabled,proptitle:"Edit Row Mode",propname:"alloweditrow",propvalue:n,propChanged:this.handleEditRowModeChange,tabIndex:x++}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:E,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Columns",propname:"columns",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),jsx(S,{disabled:this.props.disabled,proptitle:c==="tabulator"?"Height":"Max Height",propname:"height",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),!n&&c==="datatable"&&jsx(m,{disabled:this.props.disabled,proptitle:"Pagination",propname:"pagination",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&!!z&&jsx(m,{disabled:this.props.disabled,proptitle:"Lazy Loading",propname:"backendpagination",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&c==="datatable"&&!!z&&jsx(bd,{disabled:this.props.disabled,proptitle:"Page Size",propname:"pagesize",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Search",propname:"search",propvalue:Oe,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(Wd,{disabled:this.props.disabled,proptitle:"Search Type",propname:"searchtype",propvalue:Me||"searchtype",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:K,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:W,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),false]}),Ce=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(Pe,{disabled:this.props.disabled,propname:"fontSize",propvalue:_,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),jsx(we,{disabled:this.props.disabled,propname:"fontWeight",defaultValue:"normal",propvalue:f,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),jsx(m,{disabled:this.props.disabled,proptitle:"Hide Add Button",propname:"hideaddbutton",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),jsx(S,{disabled:this.props.disabled,proptitle:"New Record Url",propname:"newrecordurl",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Actions",propname:"colactions",propvalue:p,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Grouping",propname:"colgrouping",propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Ordering",propname:"colordering",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Resizing",propname:"colresizing",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Enable Upload",propname:"enableuploadfiles",propvalue:C,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),false,!n&&this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Breadcrumbs",propname:"folders",propvalue:O,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Folder Caption",propname:"foldercaption",attr:null,propvalue:B,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:H,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),!n&&jsx(wd,{disabled:this.props.disabled,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor,proptitle:"Row Actions Type",propname:"rowactiontype",propvalue:U,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(vd,{disabled:this.props.disabled,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor,proptitle:"Row Actions",propname:"rowactions",propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++,rowactiontype:U}),!n&&this.props.isBuildocsExtendedEditor&&jsx(Td,{disabled:this.props.disabled,proptitle:"Row Click As",propname:"rowclickas",propvalue:se,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(xd,{disabled:this.props.disabled,proptitle:"Row Density",propname:"rowdensity",propvalue:xe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Row Number",propname:"rownumber",propvalue:_e,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Row Selection",propname:"rowselection",propvalue:Re,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),false,!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Select All",propname:"selectall",propvalue:l,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Sticky Header",propname:"stickyheader",propvalue:h,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Toolbar Internal Actions",propname:"toolbarInternalActions",propvalue:k,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Top Toolbar",propname:"topToolbar",propvalue:b,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Table Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&M,this.state.tabValue===1&&Ce]})}},Rd=withTranslation()(qn);var Gn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Editor"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t,r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:(t=this.state.propname)!=null?t:"item_editor",propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:{input:"Input",number:"Number",checkbox:"Checkbox"},disabled:this.props.disabled||this.props.readOnly})})]})}},Nd=withTranslation()(Gn);var $n=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Column Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r,n,i;if(!this.state.isLoaded)return null;let e=(d,p)=>this.props.propChanged(p,d,null),t={freetext:"String",number:"Number",date:"Date",datetime:"Date Time",checkbox:"Checkbox",price:"Price"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:(r=this.state.propname)!=null?r:"item_columntype",propvalue:(i=(n=this.props.propvalue)!=null?n:this.state.propvalue)!=null?i:"freetext",hidelabel:true,options:t})})]})}},_d=withTranslation()($n);var Xn=class extends ie.PureComponent{constructor(t){super(t);this.autoPopulateColumnType=()=>{var p,u;let{parentDatasource:t,parentCellIndex:r}=((p=this.props.selectedWidgetProps)==null?void 0:p._path)||{};if(!(t!=null&&t.columns)||r===void 0||r<0)return;let n=t.columns[r];if(!n||!n[2])return;let d=(u={string:"freetext",freetext:"freetext",currency:"price",price:"price",date:"date",datetime:"datetime",number:"number",checkbox:"checkbox"}[n[2]])!=null?u:"freetext";this.props.selectedWidgetProps.item_columntype!==d&&this.handleColumnTypeChange(d,"item_columntype",null);};this.handleColumnTypeChange=(t,r,n)=>{let i=t,d=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(t,r,n,d),setTimeout(()=>{let p=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(void 0,"item_format",null,p),this.props.selectedWidgetPropsChange(void 0,"item_fixedlocale",null,p),this.props.selectedWidgetPropsChange(void 0,"item_currencydisplay",null,p),this.props.selectedWidgetPropsChange(void 0,"item_inputfield",null,p),this.props.selectedWidgetPropsChange(void 0,"item_currency",null,p),this.props.selectedWidgetPropsChange(false,"item_assymbol",null,p),this.props.selectedWidgetPropsChange(false,"item_bottomcalc",null,p),this.props.selectedWidgetPropsChange(void 0,"item_formula",null,p),i==="price"&&this.props.selectedWidgetPropsChange("right","item_ctextalign","style",p);},0);};this.handleCurrencyFormatChange=(t,r,n)=>{this.props.selectedWidgetPropsChange(t,r,n,this.props.selectedWidgetProps),setTimeout(()=>{let i=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(void 0,"item_inputfield",null,i),this.props.selectedWidgetPropsChange(void 0,"item_currency",null,i),this.props.selectedWidgetPropsChange(void 0,"item_fixedlocale",null,i),this.props.selectedWidgetPropsChange(void 0,"item_currencydisplay",null,i);},0);};this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true}),this.autoPopulateColumnType();}componentDidUpdate(t){t.selectedWidgetProps!==this.props.selectedWidgetProps&&this.autoPopulateColumnType();}render(){var Pt,he,at,gr,hr;if(this.state.isLoaded===false)return null;let{component:t,segmentId:r,parentAllowEditRow:n,parentTableMode:i,parentDatasource:d,parentCellIndex:p}=((Pt=this.props.selectedWidgetProps)==null?void 0:Pt._path)||{};if(t===void 0||t!==O)return null;let{item_name:u,item_isprice:P,item_title:T,item_minsize:s,item_displaytooltip:v,item_enablesorting:R,item_increment:w,item_isdate:E,item_isdatetime:O$1,item_ischeckbox:B,item_bottomcalc:z,item_visible:J,item_editor:K,item_formula:H,item_readonly:G,item_format:U,item_assymbol:se,item_inputfield:xe,item_currency:_e,item_columntype:Re,item_currencydisplay:ze,item_fixedlocale:Oe,style:Me}=this.props.selectedWidgetProps,{item_textalign:l,item_ctextalign:h}=Me!=null?Me:{},c=Re!=null?Re:"freetext";Re||(E===true?c="date":O$1===true?c="datetime":B===true?c="checkbox":P===true?c="price":c="freetext");let k=!!(d!=null&&d.columns&&p!==void 0&&p>=0&&((he=d.columns[p])!=null&&he[2])),b=c==="date",C=c==="datetime",g=c==="checkbox",W=c==="price",N=c==="number",_=c==="freetext"||c==="",f=K,y=false;g?(f="checkbox",y=true):W||N?(f="number",y=true):_&&(f="input",y=true);let x=W,M=W&&(U==="locale"||U==="fixed-locale"),Ce=W&&(U===""||U==="locale"),ye=W&&U===""&&!M,Ie=W&&U==="fixed-locale",ke=false,ue=!!n&&N||i==="tabulator",He=W||N,Fe=!!n&&f==="number"&&!b&&!C&&!g;return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Table Cell Properties"})}),jsx(Lr,{disabled:this.props.disabled,proptitle:"ID",propvalue:r,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(S,{disabled:this.props.disabled,readOnly:!this.props.isBuildocsExtendedEditor,proptitle:"Caption",propname:"item_title",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Display Tooltip",propname:"item_displaytooltip",propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Enable Sorting",propname:"item_enablesorting",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(_d,{disabled:this.props.disabled||k,propname:"item_columntype",propvalue:c,propChanged:this.handleColumnTypeChange}),x&&jsx(Kr,{disabled:this.props.disabled,propname:"item_format",propvalue:U,propChanged:this.handleCurrencyFormatChange}),Ie&&jsx(to,{disabled:this.props.disabled,propname:"item_fixedlocale",propvalue:Oe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange},`fixedlocale-${p}`),M&&jsx(Zr,{disabled:this.props.disabled,propname:"item_currencydisplay",propvalue:ze,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange},`currencydisplay-${p}`),Ce&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"item_inputfield",attr:null,propvalue:xe,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),ye&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Code",propname:"item_currency",attr:null,propvalue:_e,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),ke,ue&&jsx(m,{disabled:this.props.disabled,proptitle:"Increment",propname:"item_increment",propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Ne,{title:"Title Align",disabled:this.props.disabled,defaultValue:"center",propname:"item_textalign",propvalue:l,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{title:"Content Align",disabled:this.props.disabled,defaultValue:"left",propname:"item_ctextalign",propvalue:h,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),He&&jsx(m,{disabled:this.props.disabled,proptitle:"Calculate Totals",propname:"item_bottomcalc",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"item_readonly",propvalue:G,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,readOnly:true,proptitle:"Name",propname:"item_name",attr:null,propvalue:(hr=(gr=(at=d==null?void 0:d.columns)==null?void 0:at[p])==null?void 0:gr[1])!=null?hr:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Nd,{disabled:this.props.disabled,propname:"item_editor",propvalue:f,propChanged:a.setProps(this.props).selectedWidgetPropsChange,readOnly:y}),Fe&&jsx(S,{disabled:this.props.disabled,proptitle:"Formula",propname:"item_formula",attr:null,propvalue:H,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Min Size",propname:"item_minsize",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"item_visible",propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},Md=withTranslation()(Xn);var Jn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var R;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((R=this.props.selectedWidgetProps)==null?void 0:R._path)||{};if(t===void 0||t!==I)return null;let{name:n,viewfield:i,visible:d,style:p}=this.props.selectedWidgetProps,{fontSize:u,fontWeight:P,minHeight:T}=p!=null?p:{},s=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),v=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,defaultValue:"normal",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"File Uploader Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(_p,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(ma,{label:"Default"}),jsx(ma,{label:"Advanced"})]})}),this.state.tabValue===0&&s,this.state.tabValue===1&&v]})}},Hd=withTranslation()(Jn);var Kn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"placeholdertype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{tree:"Tree",dualbox:"Dual Box"}})})]})}},Ad=withTranslation()(Kn);var Qn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsxs("div",{className:e,style:{display:"flex"},ref:this.ref,children:[jsx("div",{style:{flexGrow:1},children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})}),this.props.disabled===false&&jsx("div",{className:"removeWidgetButtonHolder",children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>this.props.propChanged(this.props.propvalue)})})]})]})}},Co=withTranslation()(Qn);var Zn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var E;if(this.state.isLoaded===false)return null;let{type:e,component:t,rowId:r,segmentId:n,widgetId:i}=((E=this.props.selectedWidgetProps)==null?void 0:E._path)||{};if(t===void 0||t!==J)return null;let{title:d,name:p,visible:u,placeholdertype:P,style:{textAlign:T,fontSize:s,fontWeight:v,color:R,minHeight:w}}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsx("div",{className:"header",children:"Placeholder Properties"}),jsx(Co,{disabled:this.props.disabled,proptitle:"ID",propvalue:i,style:{fontSize:"9px",lineHeight:"20px"},propChanged:a.setProps(this.props).removeWidgetButtonClick}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ad,{disabled:this.props.disabled,proptitle:"Type",propname:"placeholdertype",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},qd=withTranslation()(Zn);var ei=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"viewcomp",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Component"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{"":"",btree:"Btree"}})})]})}},$d=withTranslation()(ei);var ti=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var B;if(this.state.isLoaded===false)return null;let{type:e,component:t,rowId:r,segmentId:n,widgetId:i}=((B=this.props.selectedWidgetProps)==null?void 0:B._path)||{};if(t===void 0||t!==S$1)return null;let{title:d,name:p,verticalalign:u,visible:P,viewcomp:T,plugincode:s,formcode:v,style:{textAlign:R,fontSize:w,fontWeight:E,color:O}}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsx("div",{className:"header",children:"View Properties"}),jsx(Co,{disabled:this.props.disabled,proptitle:"ID",propvalue:i,style:{fontSize:"9px",lineHeight:"20px"},propChanged:a.setProps(this.props).removeWidgetButtonClick}),jsx($d,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Plugin Code",propname:"plugincode",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Form Code",propname:"formcode",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(we,{disabled:this.props.disabled,defaultValue:"normal",propvalue:E,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Vr,{disabled:this.props.disabled,defaultValue:"middle",propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:R,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},Yd=withTranslation()(ti);var ri=class extends ie.PureComponent{constructor(t){super(t);this.handleScroll=()=>{setTimeout(()=>{var t,r;(r=(t=this.gridContainerRef)==null?void 0:t.current)==null||r.scrollTo(0,0);},0);};this.state={isLoaded:false,leftSideBarVisible:true,context:null},this.gridContainerRef=ie.createRef();}componentDidMount(){this.handleScroll(),this.setState({isLoaded:true});}componentDidUpdate(){this.handleScroll();}render(){var d;if(this.state.isLoaded===false)return null;let t=f.isFloatingState()?"sidebar-float-active":"",r$1=this.state.leftSideBarVisible?"left-sidebar "+t:"left-sidebar minified sidebar-hide-left",n$2=(d=this.props.selectedWidgetProps)==null?void 0:d._path,i=n$2?`${n$2.widgetId||""}-${n$2.rowId||""}-${n$2.segmentId||""}-${n$2.tabId||""}-${n$2.panelId||""}`:"";return jsx("div",{id:"left-sidebar",className:r$1,children:jsx("div",{className:"sidebar-scroll",tabIndex:1,style:{outline:"none",touchAction:"none"},children:jsxs("div",{className:"formeditor-menu",children:[jsxs("div",{className:"properties-container",children:[jsxs("div",{className:"grid-container",ref:this.gridContainerRef,children:[jsx(ad,{...this.props,disabled:this.props.inPreviewMode},"checkbox-"+i),jsx(ga,{...this.props,disabled:this.props.inPreviewMode},"container-"+i),jsx(Hd,{...this.props,disabled:this.props.inPreviewMode},"fileuploader-"+i),jsx(Ts,{...this.props,disabled:this.props.inPreviewMode},"label-"+i),jsx(ys,{...this.props,disabled:this.props.inPreviewMode},"button-"+i),jsx(qd,{...this.props,disabled:this.props.inPreviewMode},"placeholder-"+i),jsx(pd,{...this.props,disabled:this.props.inPreviewMode},"radio-"+i),jsx(as,{...this.props,disabled:this.props.inPreviewMode},"row-"+i),jsx(ps,{...this.props,disabled:this.props.inPreviewMode},"rowsegment-"+i),jsx(td,{...this.props,disabled:this.props.inPreviewMode},"selectbox-"+i),jsx(gd,{...this.props,disabled:this.props.inPreviewMode},"tabbox-"+i),jsx(Rd,{...this.props,disabled:this.props.inPreviewMode},"table-"+i),jsx(Md,{...this.props,disabled:this.props.inPreviewMode},"tablecell-"+i),jsx(As,{...this.props,disabled:this.props.inPreviewMode},"textinput-"+i),jsx(Us,{...this.props,disabled:this.props.inPreviewMode},"textarea-"+i),jsx(Yd,{...this.props,disabled:this.props.inPreviewMode},"view-"+i)]}),jsx("div",{className:"formeditor-controls",style:{display:"flex",justifyContent:"center"},children:jsx("button",{id:"saveFormBtn",className:"btn btn-outline-primary btn-sm",onClick:this.props.saveForm,style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"},children:this.props.inPreviewMode?jsxs(Fragment,{children:[jsx(r,{size:14}),jsx("span",{children:"Edit"})]}):jsxs(Fragment,{children:[jsx(n$1,{size:14}),jsx("span",{children:"Save & Preview"})]})})})]}),jsxs("div",{className:"widgets-container",children:[jsx($e,{id:null,type:g.ROW,component:H,icon:jsx(I$1,{}),title:"Row",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.TAB,component:D$1,icon:jsx(f$1,{}),title:"TabBox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.TABLE,component:F,icon:jsx(H$1,{}),title:"Table Widget",disabled:this.props.inPreviewMode}),this.props.isBuildocsExtendedEditor&&jsx($e,{id:null,type:g.WIDGET,component:S$1,icon:jsx(j$1,{}),title:"View Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:I,icon:jsx(h$1,{}),title:"File Uploader",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:j,icon:jsx(J$1,{}),title:"Label Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:n,icon:jsx(L$1,{}),title:"Text Input Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:p,icon:jsx(K,{}),title:"TextArea Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:s,icon:jsx(z,{}),title:"Selectbox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:u,icon:jsx(F$1,{}),title:"CheckBox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:w,icon:jsx(e$1,{}),title:"Radio Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:Q,icon:jsx(G,{}),title:"Button Widget",disabled:this.props.inPreviewMode})]})]})})})}},Qd=withTranslation()(ri);function tp(o){let{children:e,value:t,index:r,...n}=o;return jsx("div",{role:"tabpanel",hidden:t!==r,id:`vertical-tabpanel-${r}`,"aria-labelledby":`vertical-tab-${r}`,style:{width:"100%",height:"100%"},...n,children:t===r&&jsx(tt,{sx:{height:"100%"},children:e})})}function rp(o){return {id:`vertical-tab-${o}`,"aria-controls":`vertical-tabpanel-${o}`}}function oi(o){var s;let[e,t]=useState((s=o.currentTab)!=null?s:0);ie.useEffect(()=>{o.currentTab!==void 0&&t(o.currentTab);},[o.currentTab]);let r=(v,R)=>{t(R),o.onTabChange&&o.onTabChange(R);},n=o.containerProps.formCode||"",i=o.containerProps.title||"",d=n.trim()==="",p=n.trim().length>0&&n.trim().length<3,u=d||p,P=i.trim()==="",T=!u&&!P;return ie.useEffect(()=>{!T&&e!==0&&!o.inPreviewMode&&(t(0),o.onTabChange&&o.onTabChange(0));},[T,e,o.inPreviewMode,o.onTabChange]),jsxs(tt,{sx:{flexGrow:1,bgcolor:"background.paper",display:"flex",height:"100%"},children:[jsxs(tt,{sx:{display:"flex",flexDirection:"column",borderRight:1,borderColor:"divider",minWidth:"80px"},children:[jsxs(_p,{orientation:"vertical",value:e,onChange:r,"aria-label":"Form editor tabs",sx:{flexGrow:1,"& .MuiTab-root":{minWidth:"80px",padding:"20px 16px",fontSize:"11px",alignItems:"center"},"& .MuiTabs-indicator":{left:0,right:"auto",width:"4px",backgroundColor:"#1976d2"}},children:[jsx(ma,{icon:jsx(u$1,{size:20}),label:"General",...rp(0),sx:{flexDirection:"column",gap:.5}}),jsx(ma,{icon:jsx(v$1,{size:20}),label:"Build",...rp(1),disabled:!T,sx:{flexDirection:"column",gap:.5,opacity:T?1:.4}})]}),o.closeForm&&jsxs(tt,{onClick:()=>{var v;return (v=o.closeForm)==null?void 0:v.call(o)},sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"20px 16px",borderTop:1,borderColor:"divider",cursor:"pointer",minHeight:"68px",gap:.5,fontSize:"11px",color:"text.primary",transition:"background-color 0.3s","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}},title:"Close Form Editor",children:[jsx(k,{size:20}),jsx("span",{style:{fontSize:"11px"},children:"Close"})]})]}),jsx(tp,{value:e,index:0,children:jsx(_o,{containerProps:o.containerProps,onContainerPropsChange:o.onContainerPropsChange,disabled:o.inPreviewMode,onSave:o.saveForm,onNext:()=>{t(1),o.onTabChange&&o.onTabChange(1);}})}),jsx(tp,{value:e,index:1,children:jsx(Qd,{...o})})]})}var ge=c(a$3());function ni(o){let e=null;return ()=>(e==null&&(e=o()),e)}function op(o,e){return o.filter(t=>t!==e)}function np(o,e){let t=new Set,r=i=>t.add(i);o.forEach(r),e.forEach(r);let n=[];return t.forEach(i=>n.push(i)),n}var So=class{enter(e){let t=this.entered.length,r=n=>this.isNodeInDocument(n)&&(!n.contains||n.contains(e));return this.entered=np(this.entered.filter(r),[e]),t===0&&this.entered.length>0}leave(e){let t=this.entered.length;return this.entered=op(this.entered.filter(this.isNodeInDocument),e),t>0&&this.entered.length===0}reset(){this.entered=[];}constructor(e){this.entered=[],this.isNodeInDocument=e;}};var ko=class{initializeExposedProperties(){Object.keys(this.config.exposeProperties).forEach(e=>{Object.defineProperty(this.item,e,{configurable:true,enumerable:true,get(){return null}});});}loadDataTransfer(e){if(e){let t={};Object.keys(this.config.exposeProperties).forEach(r=>{let n=this.config.exposeProperties[r];n!=null&&(t[r]={value:n(e,this.config.matchesTypes),configurable:true,enumerable:true});}),Object.defineProperties(this.item,t);}}canDrag(){return  true}beginDrag(){return this.item}isDragging(e,t){return t===e.getSourceId()}endDrag(){}constructor(e){this.config=e,this.item={},this.initializeExposedProperties();}};var cr={};b$2(cr,{FILE:()=>ii,HTML:()=>di,TEXT:()=>si,URL:()=>ai});var ii="__NATIVE_FILE__",ai="__NATIVE_URL__",si="__NATIVE_TEXT__",di="__NATIVE_HTML__";function Eo(o,e,t){let r=e.reduce((n,i)=>n||o.getData(i),"");return r!=null?r:t}var Wo={[ii]:{exposeProperties:{files:o=>Array.prototype.slice.call(o.files),items:o=>o.items,dataTransfer:o=>o},matchesTypes:["Files"]},[di]:{exposeProperties:{html:(o,e)=>Eo(o,e,""),dataTransfer:o=>o},matchesTypes:["Html","text/html"]},[ai]:{exposeProperties:{urls:(o,e)=>Eo(o,e,"").split(`
-`),dataTransfer:o=>o},matchesTypes:["Url","text/uri-list"]},[si]:{exposeProperties:{text:(o,e)=>Eo(o,e,""),dataTransfer:o=>o},matchesTypes:["Text","text/plain"]}};function ip(o,e){let t=Wo[o];if(!t)throw new Error(`native type ${o} has no configuration`);let r=new ko(t);return r.loadDataTransfer(e),r}function Do(o){if(!o)return null;let e=Array.prototype.slice.call(o.types||[]);return Object.keys(Wo).filter(t=>{let r=Wo[t];return r!=null&&r.matchesTypes?r.matchesTypes.some(n=>e.indexOf(n)>-1):false})[0]||null}var ap=ni(()=>/firefox/i.test(navigator.userAgent)),pi=ni(()=>!!window.safari);var ur=class{interpolate(e){let{xs:t,ys:r,c1s:n,c2s:i,c3s:d}=this,p=t.length-1;if(e===t[p])return r[p];let u=0,P=d.length-1,T;for(;u<=P;){T=Math.floor(.5*(u+P));let R=t[T];if(R<e)u=T+1;else if(R>e)P=T-1;else return r[T]}p=Math.max(0,P);let s=e-t[p],v=s*s;return r[p]+n[p]*s+i[p]*v+d[p]*s*v}constructor(e,t){let{length:r}=e,n=[];for(let w=0;w<r;w++)n.push(w);n.sort((w,E)=>e[w]<e[E]?-1:1);let d=[],p=[],u,P;for(let w=0;w<r-1;w++)u=e[w+1]-e[w],P=t[w+1]-t[w],d.push(u),p.push(P/u);let T=[p[0]];for(let w=0;w<d.length-1;w++){let E=p[w],O=p[w+1];if(E*O<=0)T.push(0);else {u=d[w];let B=d[w+1],z=u+B;T.push(3*z/((z+B)/E+(z+u)/O));}}T.push(p[p.length-1]);let s=[],v=[],R;for(let w=0;w<T.length-1;w++){R=p[w];let E=T[w],O=1/d[w],B=E+T[w+1]-R-R;s.push((R-E-B)*O),v.push(B*O*O);}this.xs=e,this.ys=t,this.c1s=T,this.c2s=s,this.c3s=v;}};var hm=1;function li(o){let e=o.nodeType===hm?o:o.parentElement;if(!e)return null;let{top:t,left:r}=e.getBoundingClientRect();return {x:r,y:t}}function mr(o){return {x:o.clientX,y:o.clientY}}function bm(o){var e;return o.nodeName==="IMG"&&(ap()||!(!((e=document.documentElement)===null||e===void 0)&&e.contains(o)))}function fm(o,e,t,r){let n=o?e.width:t,i=o?e.height:r;return pi()&&o&&(i/=window.devicePixelRatio,n/=window.devicePixelRatio),{dragPreviewWidth:n,dragPreviewHeight:i}}function sp(o,e,t,r,n){let i=bm(e),p=li(i?o:e),u={x:t.x-p.x,y:t.y-p.y},{offsetWidth:P,offsetHeight:T}=o,{anchorX:s,anchorY:v}=r,{dragPreviewWidth:R,dragPreviewHeight:w}=fm(i,e,P,T),E=()=>{let G=new ur([0,.5,1],[u.y,u.y/T*w,u.y+w-T]).interpolate(v);return pi()&&i&&(G+=(window.devicePixelRatio-1)*w),G},O=()=>new ur([0,.5,1],[u.x,u.x/P*R,u.x+R-P]).interpolate(s),{offsetX:B,offsetY:z}=n,J=B===0||B,K=z===0||z;return {x:J?B:O(),y:K?z:E()}}var Ro=class{get window(){if(this.globalContext)return this.globalContext;if(typeof window!="undefined")return window}get document(){var e;return !((e=this.globalContext)===null||e===void 0)&&e.document?this.globalContext.document:this.window?this.window.document:void 0}get rootElement(){var e;return ((e=this.optionsArgs)===null||e===void 0?void 0:e.rootElement)||this.window}constructor(e,t){this.ownerDocument=null,this.globalContext=e,this.optionsArgs=t;}};function vm(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function dp(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){vm(o,n,t[n]);});}return o}var Io=class{profile(){var e,t;return {sourcePreviewNodes:this.sourcePreviewNodes.size,sourcePreviewNodeOptions:this.sourcePreviewNodeOptions.size,sourceNodeOptions:this.sourceNodeOptions.size,sourceNodes:this.sourceNodes.size,dragStartSourceIds:((e=this.dragStartSourceIds)===null||e===void 0?void 0:e.length)||0,dropTargetIds:this.dropTargetIds.length,dragEnterTargetIds:this.dragEnterTargetIds.length,dragOverTargetIds:((t=this.dragOverTargetIds)===null||t===void 0?void 0:t.length)||0}}get window(){return this.options.window}get document(){return this.options.document}get rootElement(){return this.options.rootElement}setup(){let e=this.rootElement;if(e!==void 0){if(e.__isReactDndBackendSetUp)throw new Error("Cannot have two HTML5 backends at the same time.");e.__isReactDndBackendSetUp=true,this.addEventListeners(e);}}teardown(){let e=this.rootElement;if(e!==void 0&&(e.__isReactDndBackendSetUp=false,this.removeEventListeners(this.rootElement),this.clearCurrentDragSourceNode(),this.asyncEndDragFrameId)){var t;(t=this.window)===null||t===void 0||t.cancelAnimationFrame(this.asyncEndDragFrameId);}}connectDragPreview(e,t,r){return this.sourcePreviewNodeOptions.set(e,r),this.sourcePreviewNodes.set(e,t),()=>{this.sourcePreviewNodes.delete(e),this.sourcePreviewNodeOptions.delete(e);}}connectDragSource(e,t,r){this.sourceNodes.set(e,t),this.sourceNodeOptions.set(e,r);let n=d=>this.handleDragStart(d,e),i=d=>this.handleSelectStart(d);return t.setAttribute("draggable","true"),t.addEventListener("dragstart",n),t.addEventListener("selectstart",i),()=>{this.sourceNodes.delete(e),this.sourceNodeOptions.delete(e),t.removeEventListener("dragstart",n),t.removeEventListener("selectstart",i),t.setAttribute("draggable","false");}}connectDropTarget(e,t){let r=d=>this.handleDragEnter(d,e),n=d=>this.handleDragOver(d,e),i=d=>this.handleDrop(d,e);return t.addEventListener("dragenter",r),t.addEventListener("dragover",n),t.addEventListener("drop",i),()=>{t.removeEventListener("dragenter",r),t.removeEventListener("dragover",n),t.removeEventListener("drop",i);}}addEventListeners(e){e.addEventListener&&(e.addEventListener("dragstart",this.handleTopDragStart),e.addEventListener("dragstart",this.handleTopDragStartCapture,true),e.addEventListener("dragend",this.handleTopDragEndCapture,true),e.addEventListener("dragenter",this.handleTopDragEnter),e.addEventListener("dragenter",this.handleTopDragEnterCapture,true),e.addEventListener("dragleave",this.handleTopDragLeaveCapture,true),e.addEventListener("dragover",this.handleTopDragOver),e.addEventListener("dragover",this.handleTopDragOverCapture,true),e.addEventListener("drop",this.handleTopDrop),e.addEventListener("drop",this.handleTopDropCapture,true));}removeEventListeners(e){e.removeEventListener&&(e.removeEventListener("dragstart",this.handleTopDragStart),e.removeEventListener("dragstart",this.handleTopDragStartCapture,true),e.removeEventListener("dragend",this.handleTopDragEndCapture,true),e.removeEventListener("dragenter",this.handleTopDragEnter),e.removeEventListener("dragenter",this.handleTopDragEnterCapture,true),e.removeEventListener("dragleave",this.handleTopDragLeaveCapture,true),e.removeEventListener("dragover",this.handleTopDragOver),e.removeEventListener("dragover",this.handleTopDragOverCapture,true),e.removeEventListener("drop",this.handleTopDrop),e.removeEventListener("drop",this.handleTopDropCapture,true));}getCurrentSourceNodeOptions(){let e=this.monitor.getSourceId(),t=this.sourceNodeOptions.get(e);return dp({dropEffect:this.altKeyPressed?"copy":"move"},t||{})}getCurrentDropEffect(){return this.isDraggingNativeItem()?"copy":this.getCurrentSourceNodeOptions().dropEffect}getCurrentSourcePreviewNodeOptions(){let e=this.monitor.getSourceId(),t=this.sourcePreviewNodeOptions.get(e);return dp({anchorX:.5,anchorY:.5,captureDraggingState:false},t||{})}isDraggingNativeItem(){let e=this.monitor.getItemType();return Object.keys(cr).some(t=>cr[t]===e)}beginDragNativeItem(e,t){this.clearCurrentDragSourceNode(),this.currentNativeSource=ip(e,t),this.currentNativeHandle=this.registry.addSource(e,this.currentNativeSource),this.actions.beginDrag([this.currentNativeHandle]);}setCurrentDragSourceNode(e){this.clearCurrentDragSourceNode(),this.currentDragSourceNode=e;let t=1e3;this.mouseMoveTimeoutTimer=setTimeout(()=>{var r;return (r=this.rootElement)===null||r===void 0?void 0:r.addEventListener("mousemove",this.endDragIfSourceWasRemovedFromDOM,true)},t);}clearCurrentDragSourceNode(){if(this.currentDragSourceNode){if(this.currentDragSourceNode=null,this.rootElement){var e;(e=this.window)===null||e===void 0||e.clearTimeout(this.mouseMoveTimeoutTimer||void 0),this.rootElement.removeEventListener("mousemove",this.endDragIfSourceWasRemovedFromDOM,true);}return this.mouseMoveTimeoutTimer=null,true}return  false}handleDragStart(e,t){e.defaultPrevented||(this.dragStartSourceIds||(this.dragStartSourceIds=[]),this.dragStartSourceIds.unshift(t));}handleDragEnter(e,t){this.dragEnterTargetIds.unshift(t);}handleDragOver(e,t){this.dragOverTargetIds===null&&(this.dragOverTargetIds=[]),this.dragOverTargetIds.unshift(t);}handleDrop(e,t){this.dropTargetIds.unshift(t);}constructor(e,t,r){this.sourcePreviewNodes=new Map,this.sourcePreviewNodeOptions=new Map,this.sourceNodes=new Map,this.sourceNodeOptions=new Map,this.dragStartSourceIds=null,this.dropTargetIds=[],this.dragEnterTargetIds=[],this.currentNativeSource=null,this.currentNativeHandle=null,this.currentDragSourceNode=null,this.altKeyPressed=false,this.mouseMoveTimeoutTimer=null,this.asyncEndDragFrameId=null,this.dragOverTargetIds=null,this.lastClientOffset=null,this.hoverRafId=null,this.getSourceClientOffset=n=>{let i=this.sourceNodes.get(n);return i&&li(i)||null},this.endDragNativeItem=()=>{this.isDraggingNativeItem()&&(this.actions.endDrag(),this.currentNativeHandle&&this.registry.removeSource(this.currentNativeHandle),this.currentNativeHandle=null,this.currentNativeSource=null);},this.isNodeInDocument=n=>!!(n&&this.document&&this.document.body&&this.document.body.contains(n)),this.endDragIfSourceWasRemovedFromDOM=()=>{let n=this.currentDragSourceNode;n==null||this.isNodeInDocument(n)||(this.clearCurrentDragSourceNode()&&this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover());},this.scheduleHover=n=>{this.hoverRafId===null&&typeof requestAnimationFrame!="undefined"&&(this.hoverRafId=requestAnimationFrame(()=>{this.monitor.isDragging()&&this.actions.hover(n||[],{clientOffset:this.lastClientOffset}),this.hoverRafId=null;}));},this.cancelHover=()=>{this.hoverRafId!==null&&typeof cancelAnimationFrame!="undefined"&&(cancelAnimationFrame(this.hoverRafId),this.hoverRafId=null);},this.handleTopDragStartCapture=()=>{this.clearCurrentDragSourceNode(),this.dragStartSourceIds=[];},this.handleTopDragStart=n=>{if(n.defaultPrevented)return;let{dragStartSourceIds:i}=this;this.dragStartSourceIds=null;let d=mr(n);this.monitor.isDragging()&&(this.actions.endDrag(),this.cancelHover()),this.actions.beginDrag(i||[],{publishSource:false,getSourceClientOffset:this.getSourceClientOffset,clientOffset:d});let{dataTransfer:p}=n,u=Do(p);if(this.monitor.isDragging()){if(p&&typeof p.setDragImage=="function"){let T=this.monitor.getSourceId(),s=this.sourceNodes.get(T),v=this.sourcePreviewNodes.get(T)||s;if(v){let{anchorX:R,anchorY:w,offsetX:E,offsetY:O}=this.getCurrentSourcePreviewNodeOptions(),J=sp(s,v,d,{anchorX:R,anchorY:w},{offsetX:E,offsetY:O});p.setDragImage(v,J.x,J.y);}}try{p==null||p.setData("application/json",{});}catch(T){}this.setCurrentDragSourceNode(n.target);let{captureDraggingState:P}=this.getCurrentSourcePreviewNodeOptions();P?this.actions.publishDragSource():setTimeout(()=>this.actions.publishDragSource(),0);}else if(u)this.beginDragNativeItem(u);else {if(p&&!p.types&&(n.target&&!n.target.hasAttribute||!n.target.hasAttribute("draggable")))return;n.preventDefault();}},this.handleTopDragEndCapture=()=>{this.clearCurrentDragSourceNode()&&this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover();},this.handleTopDragEnterCapture=n=>{if(this.dragEnterTargetIds=[],this.isDraggingNativeItem()){var i;(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(n.dataTransfer);}if(!this.enterLeaveCounter.enter(n.target)||this.monitor.isDragging())return;let{dataTransfer:p}=n,u=Do(p);u&&this.beginDragNativeItem(u,p);},this.handleTopDragEnter=n=>{let{dragEnterTargetIds:i}=this;if(this.dragEnterTargetIds=[],!this.monitor.isDragging())return;this.altKeyPressed=n.altKey,i.length>0&&this.actions.hover(i,{clientOffset:mr(n)}),i.some(p=>this.monitor.canDropOnTarget(p))&&(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect=this.getCurrentDropEffect()));},this.handleTopDragOverCapture=n=>{if(this.dragOverTargetIds=[],this.isDraggingNativeItem()){var i;(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(n.dataTransfer);}},this.handleTopDragOver=n=>{let{dragOverTargetIds:i}=this;if(this.dragOverTargetIds=[],!this.monitor.isDragging()){n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect="none");return}this.altKeyPressed=n.altKey,this.lastClientOffset=mr(n),this.scheduleHover(i),(i||[]).some(p=>this.monitor.canDropOnTarget(p))?(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect=this.getCurrentDropEffect())):this.isDraggingNativeItem()?n.preventDefault():(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect="none"));},this.handleTopDragLeaveCapture=n=>{this.isDraggingNativeItem()&&n.preventDefault(),this.enterLeaveCounter.leave(n.target)&&(this.isDraggingNativeItem()&&setTimeout(()=>this.endDragNativeItem(),0),this.cancelHover());},this.handleTopDropCapture=n=>{if(this.dropTargetIds=[],this.isDraggingNativeItem()){var i;n.preventDefault(),(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(n.dataTransfer);}else Do(n.dataTransfer)&&n.preventDefault();this.enterLeaveCounter.reset();},this.handleTopDrop=n=>{let{dropTargetIds:i}=this;this.dropTargetIds=[],this.actions.hover(i,{clientOffset:mr(n)}),this.actions.drop({dropEffect:this.getCurrentDropEffect()}),this.isDraggingNativeItem()?this.endDragNativeItem():this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover();},this.handleSelectStart=n=>{let i=n.target;typeof i.dragDrop=="function"&&(i.tagName==="INPUT"||i.tagName==="SELECT"||i.tagName==="TEXTAREA"||i.isContentEditable||(n.preventDefault(),i.dragDrop()));},this.options=new Ro(t,r),this.actions=e.getActions(),this.monitor=e.getMonitor(),this.registry=e.getRegistry(),this.enterLeaveCounter=new So(this.isNodeInDocument);}};var pp=function(e,t,r){return new Io(e,t,r)};var wm=lazy(()=>import('./loadingcomponent-NJVJLQVC.js')),ik=withTranslation()(memo(function(e){let{isBuildocsExtendedEditor:t}=b$3(),{loadForm:r,saveForm:n}=b$1(),{UserDialog:i}=b$4(),d=e$2(),[p,u]=useState({plugincode:"",open:false,redraw:null}),[P,T$1]=useState(0),[s,v]=ie.useState({meta:{pluginCode:e.pluginCode,formCode:e.formCode},dialog:{widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}},activeWidgetId:null,containerData:[],containerProps:{formCode:e.formCode||"",title:"Container",subtitle:"",description:"",sourcetable:"",systemform:false,skiphandler:true,hideheader:false,border:true,headerbackground:true,style:{maxWidth:"100%",minHeight:"5em"},_path:{type:g.CONTAINER,stricttype:null,component:null,tabId:null,panelId:null,rowId:null,segmentId:null,widgetId:null}},containerSetup:{},isLoaded:false,inPreviewMode:e.inPreviewMode||false,selectedWidgetProps:{title:"",subtitle:"",sourcetable:"",systemform:false,skiphandler:true,hideheader:false,border:true,headerbackground:true,style:{},_path:{type:"",stricttype:null,component:null,tabId:null,panelId:null,rowId:null,segmentId:null,widgetId:null}}});useEffect(()=>{e.inPreviewMode!==s.inPreviewMode&&v({...s,inPreviewMode:e.inPreviewMode});},[e.inPreviewMode]),useEffect(()=>{(async()=>{if(!r)return;let l=await r({pluginCode:s.meta.pluginCode,formCode:s.meta.formCode,isFormEditor:true}),h=[],c=s.containerProps,k={};try{let b={...l.payload},C=JSON.parse(b.definition);T.mapComponents(C._children),h=C._children,c=C.properties,k=C;}catch(b){}v({...s,containerProps:{...s.containerProps,...c,formCode:e.formCode||""},selectedWidgetProps:{...s.containerProps,...c,formCode:e.formCode||""},inPreviewMode:false,isLoaded:true,containerData:h,containerSetup:k});})();},[]);let R=(l,h,c,k,b,C,g$1,W,N)=>{var Ce,ye,Ie,ke;let _,f,y,x,M;if(h!==g.CONTAINER)if(h===g.ROWSEGMENT)M=T.getTabContainerChildrens(s.containerData,k),y=M.data.filter(ue=>`${ue.id}`===b)[0],f=y._children.filter(ue=>`${ue.id}`===C)[0],v({...s,activeWidgetId:C,selectedWidgetProps:{...s.selectedWidgetProps,...f.properties,_path:{component:f.component,type:h,stricttype:f.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1}}});else if(h===g.WIDGET)M=T.getTabContainerChildrens(s.containerData,k),y=M.data.filter(ue=>`${ue.id}`===b)[0],x=y._children.filter(ue=>`${ue.id}`===C)[0],f=x._children.filter(ue=>`${ue.id}`===g$1)[0],v({...s,activeWidgetId:g$1,selectedWidgetProps:{...s.selectedWidgetProps,...f.properties,_path:{component:f.component,type:h,stricttype:f.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1}}});else if(h===g.ROW)M=T.getTabContainerChildrens(s.containerData,k),f=M.data.filter(ue=>`${ue.id}`===b)[0],v({...s,activeWidgetId:b,selectedWidgetProps:{...s.selectedWidgetProps,...f.properties,_path:{component:f.component,type:h,stricttype:f.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1}}});else if(h===g.TABLE)M=T.getTabContainerChildrens(s.containerData,k),f=M.data.filter(ue=>`${ue.id}`===b)[0],v({...s,activeWidgetId:b,selectedWidgetProps:{...s.selectedWidgetProps,...f.properties,_path:{component:f.component,type:h,stricttype:f.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1}}});else if(h===g.TABLECELL){M=T.getTabContainerChildrens(s.containerData,k),y=M.data.filter(He=>`${He.id}`===b)[0],f=y._children.filter(He=>`${He.id}`===C)[0];let ue=y._children.findIndex(He=>`${He.id}`===C);v({...s,activeWidgetId:C,selectedWidgetProps:{...s.selectedWidgetProps,item_format:void 0,item_fixedlocale:void 0,item_currencydisplay:void 0,item_inputfield:void 0,item_currency:void 0,item_assymbol:void 0,item_formula:void 0,item_bottomcalc:void 0,item_readonly:void 0,...f.properties,_path:{component:f.component,type:h,stricttype:f.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1,parentAllowEditRow:(Ce=y==null?void 0:y.properties)==null?void 0:Ce.alloweditrow,parentTableMode:(ye=y==null?void 0:y.properties)==null?void 0:ye.tablemode,parentDatasource:(Ie=y==null?void 0:y.properties)==null?void 0:Ie.datasource,parentCellIndex:ue}}});}else h===g.TAB&&(_=T.findWidgetByIdRecursive(s.containerData,g$1),v({...s,activeWidgetId:g$1,selectedWidgetProps:{..._==null?void 0:_.item.properties,tabsetup:{...((ke=_==null?void 0:_.item.properties)==null?void 0:ke.tabsetup)||{},item_name:null},_path:{component:_==null?void 0:_.item.component,type:h,stricttype:_==null?void 0:_.item.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1}}}));else v({...s,activeWidgetId:null,selectedWidgetProps:{...s.containerProps,_path:{type:g.CONTAINER}}});},w=(l,h)=>{let c=T.getTabContainerChildrens(l,h),k=c.data.filter(b=>`${b.id}`===h)[0];return {item:k,index:c.data.indexOf(k),path:c.path}},E$1=(l,h,c)=>{var k;if(l>0)if(c===null){let b=h._children.length;if(l>b)for(let C=b;C<l;C++)h._children.push({rowId:h.id,id:"tablecell-"+C+"-"+f.guid(),component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...N$1.objectInspector.defaultProps,item_title:c!=null&&c[C][0]?c[C][0]:"",item_name:c!=null&&c[C][1]?c[C][1]:"tc_"+C},_children:[]});else for(let C=b;C>l;C--)h._children.splice(-1);}else {let b={string:"freetext",freetext:"freetext",currency:"price",price:"price",date:"date",datetime:"datetime",number:"number",checkbox:"checkbox"},C=h._children;h._children=[];for(let g=0;g<l;g++){let W=C[g]&&C[g].properties?C[g].properties:N$1.objectInspector.defaultProps,N=c[g][2],_=N?(k=b[N])!=null?k:"freetext":void 0,f$1={};_!==void 0&&(f$1.item_columntype=_,W.item_columntype!==_&&(f$1.item_format=void 0,f$1.item_fixedlocale=void 0,f$1.item_currencydisplay=void 0,f$1.item_inputfield=void 0,f$1.item_currency=void 0,f$1.item_assymbol=false,f$1.item_bottomcalc=false,f$1.item_formula=void 0,_==="price"&&(f$1.style={...W.style,item_ctextalign:"right"}))),h._children.push({rowId:h.id,id:"tablecell-"+g+"-"+f.guid(),component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...W,item_title:c!=null&&c[g][0]?c[g][0]:"",item_name:c!=null&&c[g][1]?c[g][1]:"tc_"+g,...f$1},_children:[]});}}return h},O$1=(l,h,c,k)=>{let b,C$1,g$1,W,N,_,f$1,y,x,M,Ce,{type:ye,panelId:Ie,rowId:ke,segmentId:ue,widgetId:He}=k._path;if(ye===g.CONTAINER){let X={};c===null?X={...s.containerProps,[h]:l}:X={...s.containerProps,[c]:{...s.containerProps[c],[h]:l}},v({...s,selectedWidgetProps:{...s.selectedWidgetProps,[h]:l},containerProps:X});}else if(ye===g.TAB){let X=T.getActiveTabPanelId(s.containerData,He);if(X===null||(g$1=T.getTabContainer(s.containerData,He),!g$1||!g$1.item||!g$1.item.properties))return;g$1.item.properties.tabsetup&&g$1.item.properties.tabsetup[h]!==void 0&&(f$1=g$1.item._children.filter(he=>`${he.id}`===X)[0],g$1.item.properties.tabsetup={...f$1.properties,[h]:l});let Fe=C.objectInspector.defaultProps.tabsetup,Pt=C.objectInspector.defaultProps.tabitemsetup;if(Fe[h])for(let he=0;he<g$1.item._children.length;he++)Pt[h]?(f$1=g$1.item._children.filter(at=>`${at.id}`===X)[0],f$1.properties={...f$1.properties,[h]:l}):(g$1.item._children[he].properties={...g$1.item._children[he].properties,[h]:l},g$1.item._children[he].id===X&&(g$1.item.properties.tabsetup={...g$1.item.properties.tabsetup||{},...g$1.item._children[he].properties}));else g$1.item.properties={...g$1.item.properties,[h]:l};if(h==="tabcount"){if(l>g$1.item._children.length)for(let he=g$1.item._children.length;he<l;he++){let at=g$1.item.properties.tabsetup||{};g$1.item._children.push(K(g$1.item.id,"0",{...at,item_name:(g$1.item.properties.name||"tab")+"_"+he}));}else if(l<g$1.item._children.length)for(let he=g$1.item._children.length;he>l;he--)g$1.item._children.pop();}y=T.getNodeUpdatePath(g$1.path,{$splice:[[g$1.index,1,{...g$1.item}]]}),v({...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,...g$1.item.properties}});}else if(ye===g.WIDGET){g$1=T.findWidgetByIdRecursive(s.containerData,He);let X=c!==null?{...g$1==null?void 0:g$1.item.properties,[c]:{...g$1==null?void 0:g$1.item.properties[c],[h]:l}}:{...g$1==null?void 0:g$1.item.properties,[h]:l};if(h==="reservedname"&&l!=="_custom"&&(X.name=l),h==="reservedregex"&&l!=="_custom"){let Fe="";switch(l){case "_codeInput":Fe="[a-zA-Z0-9]";break;case "_numbersOnly":Fe="\\d";break;case "_noSymbol":Fe="\\w";break;default:Fe="";break}X.regex=Fe;}y=T.getNodeUpdatePath(g$1==null?void 0:g$1.path,{$splice:[[g$1==null?void 0:g$1.index,1,{...g$1==null?void 0:g$1.item,properties:{...X}}]]}),v({...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,...X}});}else if(ye===g.ROW){if(W=T.getTabContainerChildrens(s.containerData,Ie),b=W.data.filter(X=>`${X.id}`===ke)[0],N=W.data.indexOf(b),M=parseInt(l),M>0){if(Ce=b._children.length,M>Ce)for(let X=Ce;X<M;X++){let Fe=X+"-"+f.guid();b._children.push({rowId:b.id,id:"rowsegment-"+Fe,component:L,stricttype:K$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});}else for(let X=Ce;X>M;X--)b._children.splice(-1);b.properties={...b.properties,[h]:l};}y=T.getNodeUpdatePath(W.path,{$splice:[[N,1,{...b}]]}),v({...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,[h]:l}});}else ye===g.ROWSEGMENT?(W=T.getTabContainerChildrens(s.containerData,Ie),b=W.data.filter(X=>`${X.id}`===ke)[0],C$1=b._children.filter(X=>`${X.id}`===ue)[0],N=W.data.indexOf(b),_=b._children.indexOf(C$1),C$1.properties.style={...C$1.properties.style,[h]:l},W.path.push(N),W.path.push("_children"),y=T.getNodeUpdatePath(W.path,{$splice:[[_,1,{...C$1}]]}),v({...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,style:{...s.selectedWidgetProps.style,[h]:l}}})):ye===g.TABLE?(W=T.getTabContainerChildrens(s.containerData,Ie),b=W.data.filter(X=>`${X.id}`===ke)[0],N=W.data.indexOf(b),h==="columns"?(M=parseInt(l),M>0&&(b=E$1(M,b,null))):h==="datasource"&&(M=l==null?void 0:l.columns.length,M>0&&(b=E$1(M,b,l==null?void 0:l.columns),b.properties.columns=M)),c===null?b.properties={...b.properties,[h]:l}:b.properties={...b.properties,[c]:{...b.properties[c],[h]:l}},y=T.getNodeUpdatePath(W.path,{$splice:[[N,1,{...b}]]}),x=c!==null?{...s.selectedWidgetProps,[c]:{...s.selectedWidgetProps[c],[h]:l}}:{...s.selectedWidgetProps,[h]:l},v({...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:x})):ye===g.TABLECELL&&(W=T.getTabContainerChildrens(s.containerData,Ie),b=W.data.filter(X=>`${X.id}`===ke)[0],C$1=b._children.filter(X=>`${X.id}`===ue)[0],N=W.data.indexOf(b),_=b._children.indexOf(C$1),c!==null?C$1.properties[c]={...C$1.properties[c],[h]:l}:C$1.properties={...C$1.properties,[h]:l},W.path.push(N),W.path.push("_children"),y=T.getNodeUpdatePath(W.path,{$splice:[[_,1,{...C$1}]]}),v(c!==null?{...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,style:{...s.selectedWidgetProps.style,[h]:l}}}:{...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,[h]:l}}));},B=l=>{d({msg:l,clearQueue:true,hideProgressBar:false});},z=l=>{let h=function(c){if(!c){v({...s,dialog:{...s.dialog,widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}}});return}let k=T.findWidgetByIdRecursive(s.containerData,l);if((k==null?void 0:k.count)===1&&(k!=null&&k.item.tabId)&&(k==null?void 0:k.item.tabId.trim())!==""&&(k==null?void 0:k.item.type)!=="formwidget"){B('Unable to remove the widget. Here should be at least 1 "container" type widget to be remaining');return}let b=T.getNodeUpdatePath(k==null?void 0:k.path,{$splice:[[k==null?void 0:k.index,1]]});v({...s,activeWidgetId:null,selectedWidgetProps:{...s.containerProps},dialog:{...s.dialog,widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}},containerData:(0, ge.default)(s.containerData,b)});};v({...s,dialog:{...s.dialog,widgetRemove:{showDialog:true,dialogTitle:"Remove Widget ?",dialogContent:"Are you sure you want to remove the widget?",buttonAgree:"Continue",buttonDisagree:"Close",callBackFunc:h}}});},J=async()=>{if(s.inPreviewMode){T$1(1),v({...s,inPreviewMode:false});return}let l={type:"Formcontainer",stricttype:"_Formcontainer",properties:{...s.containerProps},_children:s.containerData&&s.containerData.length>0?s.containerData:[]};try{if(!n)return;await n({pluginCode:s.meta.pluginCode,formCode:s.meta.formCode,data:JSON.stringify(l)}).then(h=>{if(h.meta.requestStatus==="fulfilled"){let c={...h.payload};u({...p,plugincode:s.meta.pluginCode,open:c.isNew===!0,redraw:c.isNew===!0});}}),T$1(1),v({...s,inPreviewMode:!0,containerSetup:l});}catch(h){d({msg:"Failed to save form. Please try again."});}},K=(l,h="0",c)=>{let k="tabpanel-"+f.guid(),b=[],C$1=H$1(l,k);return b.push(C$1),{activeTab:h,tabId:l,id:k,component:lo,stricttype:C.strictType,type:C.widgetType,properties:{...C.objectInspector.defaultProps.tabsetup,...c},_children:b}},H$1=(l,h)=>{let c="row-"+f.guid(),k=[],b=1;for(let C=0;C<b;C++)k.push({rowId:c,id:"rowsegment-"+C+"-"+c,component:L,type:K$1.widgetType,stricttype:K$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});return {id:c,tabId:l,panelId:h,component:H,type:G$1.widgetType,stricttype:G$1.strictType,properties:{title:"",columns:"1",style:{}},_children:k}},G=(l,h,c,k)=>{let b="table-"+f.guid(),C=[];return C.push({rowId:b,id:"tablecell-1-"+b,component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...N$1.objectInspector.defaultProps,item_name:"tc_1"},_children:[]}),{id:b,tabId:h,panelId:c,component:F,type:E.widgetType,stricttype:E.strictType,properties:{...E.objectInspector.defaultProps,name:T.getItemDefaultName(F,l)},_children:C}},U=(l,h,c,k,b,C,g,W,N)=>{let _,f,y,x;{C={...C,item_name:C.name+"_"+g},x=K(k,"1",C);let M=[];return M.push(x),h&&c?(_=T.getTabContainerChildrens(l,c),y={...b,tabId:h,panelId:c,id:k,properties:{...b.properties,name:C.name},_children:M},f=T.getNodeUpdatePath(_.path,{$splice:[[_.index,0,y]]}),{result:(0, ge.default)(l,f),nodeData:y}):(y={...b,tabId:h,panelId:c,id:k,properties:{...b.properties,name:C.name},_children:M},{result:(0, ge.default)(l,{$splice:[[Number(W||g),0,y]]}),nodeData:y})}},se=(l,h,c,k,b,C,g,W)=>{let N,_,f;return g?(0, ge.default)(l,{$splice:[[l.length,1,{...b,id:k,_children:W}]]}):(b.component===F?f=G(l,h,c):f=H$1(h,c),_=T.getTabContainerChildrens(l,c),N=T.getNodeUpdatePath(_.path,{$splice:[[C,0,{...f}]]}),{result:(0, ge.default)(l,N),nodeData:f})},xe=(l,h,c,k,b,C=null)=>{let g,W,N=[];if(c.component===D$1)N=c._children;else if(c.component===H){if(c._children&&c._children.length>0)N=c._children;else if(g=parseInt(c.properties.columns),g>0)for(let _=0;_<g;_++)N.push({rowId:h,id:"rowsegment-"+_+"-"+h,component:L,type:K$1.widgetType,stricttype:K$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});}else if(c.component===F){if(c._children&&c._children.length>0)N=c._children;else if(c.properties={...E.objectInspector.defaultProps,name:T.getItemDefaultName(F,l)},g=parseInt(c.properties.columns),g>0)for(let _=0;_<g;_++)N.push({rowId:h,id:"tablecell-"+_+"-"+h,component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...N$1.objectInspector.defaultProps,item_name:"tc_"+_},_children:[]});}return b?(0, ge.default)(l,{$splice:[[l.length,1,{...c,id:h,_children:N}]]}):(W=T.getNodeUpdatePath(C,{$splice:[[k,0,{...c,id:h,_children:N}]]}),(0, ge.default)(l,W))},_e=(l,h,c,k,b,C,g)=>{let W=T.getTabContainerChildrens(l,k),N=T.findWidgetByIdRecursive(W.data,b),_=N==null?void 0:N.item._children.filter(M=>`${M.id}`===C)[0],f=N==null?void 0:N.item._children.indexOf(_);W.path.push(N==null?void 0:N.index),W.path.push("_children"),W.path.push(f),W.path.push("_children");let y={...g,id:h},x=T.getNodeUpdatePath(W.path,{$splice:[[0,0,y]]});return {result:(0, ge.default)(l,x),nodeData:y}},Re=(l,h,c,k,b,C,g)=>{let W,N,_;W=T.getTabContainerChildrens(l,g.panelId);let f=T.findWidgetByIdRecursive(W.data,g.rowId),y=f==null?void 0:f.item._children.filter(Ie=>`${Ie.id}`===g.segmentId)[0],x=f==null?void 0:f.item._children.indexOf(y);W.path.push(f==null?void 0:f.index),W.path.push("_children"),N=T.getNodeUpdatePath(W.path,{$splice:[[x,1,{...y,_children:[]}]]}),l=(0, ge.default)(l,N),W=T.getTabContainerChildrens(l,k);let M=T.findWidgetByIdRecursive(W.data,b),Ce=M==null?void 0:M.item._children.filter(Ie=>`${Ie.id}`===C)[0],ye=M==null?void 0:M.item._children.indexOf(Ce);return W.path.push(M==null?void 0:M.index),W.path.push("_children"),W.path.push(ye),W.path.push("_children"),_={...g,tabId:c,panelId:k,rowId:b,segmentId:C},N=T.getNodeUpdatePath(W.path,{$splice:[[0,1,{..._}]]}),{result:(0, ge.default)(l,N),nodeData:_}},ze=l=>{s.dialog.widgetRemove.callBackFunc(l);},Oe=useCallback(()=>{u({...p,open:false});},[]);return (()=>{var N,_,f$1;if(s.isLoaded===false)return ie.createElement("div",{},jsx(wm,{}));let l=s.containerData||[],h=()=>{let y=function(D){setTimeout(function(){v({...s,containerData:D});},0);},x=useCallback(D=>{if(D.id===null){let A=T.getTypeAsString(D.component)+"-"+l.length+"-"+f.guid();l=xe(l,A,D,l.length,true,D.path),v({...s,activeWidgetId:A,containerData:l,selectedWidgetProps:{...s.selectedWidgetProps,...D.properties,_path:{...s.selectedWidgetProps._path,type:D.type,stricttype:D.component.displayName,component:D.component,rowId:A}}});}},[]),M$1=useCallback((D,A,Q)=>{let te;if(D.id===null){let ee="tab-"+f.guid(),be={name:T.getItemDefaultName(D$1,l)};if(te=U(l,A,Q,ee,D,be,l.length,null),!te)throw new Error("Tab was not inserted... Please contact technical support");v({...s,activeWidgetId:ee,containerData:te.result,selectedWidgetProps:{...s.selectedWidgetProps,...te.nodeData.properties,name:be.name,_path:{...s.selectedWidgetProps._path,type:D.type,stricttype:D.component.displayName,component:D.component,widgetId:ee}}});}},[]),Ce=useCallback((D,A,Q,te,ee,be)=>{let Ae,me,Ve,de=D.id,ot=D.type,Tt=D.component,Xt=D.properties;if((de===null?"add":"move")==="add")if(de=l.length+"-"+f.guid(),A){if(D.component===D$1){de="tab-"+de;let Ee={name:T.getItemDefaultName(D$1,l)};if(me=U(l,A,Q,de,D,Ee,l.length,null),!me)throw new Error("Tab was not inserted... Please contact technical support");l=me.result,Xt=me.nodeData.properties;}else me=se(l,A,Q,de,D,ke(A,Q,te).index,false,{}),l=me.result,Xt=me.nodeData.properties;de=me.nodeData.id;}else if(D.component===D$1){de="tab-"+de;let Ee={name:T.getItemDefaultName(D$1,l)};if(me=U(l,A,Q,de,D,Ee,ke(A,Q,te).index,ee),!me)throw new Error("Tab was not inserted... Please contact technical support");l=me.result,Xt=me.nodeData.properties;}else l=xe(l,de,D,ke(null,null,te).index,false,D.path);else if(be){let Ee=ke(A,Q,de);ot=Ee.item.type,Xt=Ee.item.properties,Tt=Ee.item.component,Ve=T.getNodeUpdatePath(Ee.path,{$splice:[[Ee.index,1],[ee,0,Ee.item]]}),l=(0, ge.default)(l,Ve);}else {let Ee=ke(D.tabId,D.panelId,de);if(D.tabId===Ee.item.tabId&&A===Ee.item.id||A!==null&&T.isChildrenTab(l,A,Ee.item.id))return;if(D.panelId&&D.panelId!==""&&(Ae=T.getTabContainer(l,D.panelId),Ae&&Ae.item._children.length===1)){B("The Tab widget should have at least 1 widget to be remaining...");return}Ve=T.getNodeUpdatePath(Ee.path,{$splice:[[D.originalIndex,1]]}),l=(0, ge.default)(l,Ve);let ci=br=>{var ui;br.tabId=A,br.panelId=Q,((ui=br._children)==null?void 0:ui.length)>0&&br._children.forEach(ci);};ci(Ee.item);let fp=w(l,Q).path;l=xe(l,de,Ee.item,ke(A,Q,te).index,false,fp);}v({...s,activeWidgetId:de,containerData:l,selectedWidgetProps:{...s.selectedWidgetProps,...Xt,_path:{...s.selectedWidgetProps._path,type:ot,component:Tt,tabId:A,panelId:Q,rowId:de,widgetId:de}}});},[]),ye=useCallback(()=>{y(l);},[]),Ie=useCallback((D,A,Q,te,ee)=>{let be,Ae,me,Ve,de,ot,Tt;ee.id===null?(be=f.guid(),me=T.getDefaultTabIndex(l),Ae=T.getItemDefaultName(ee.component,l),Tt={...ee.properties,name:Ae},ee.properties.tabIndex!==void 0&&(Tt={...ee.properties,name:Ae,tabIndex:me}),ot=_e(l,be,D,A,Q,te,{...ee,tabId:D,panelId:A,properties:Tt}),Ve=ot.result,de=ot.nodeData):(be=ee.id,Ae=ee.properties.name,me=ee.properties.tabIndex,ot=Re(l,be,D,A,Q,te,ee),Ve=ot.result,de=ot.nodeData),v({...s,activeWidgetId:be,containerData:Ve,selectedWidgetProps:{...s.selectedWidgetProps,...de.properties,name:Ae,tabIndex:me,_path:{...s.selectedWidgetProps._path,type:ee.type,stricttype:ee.component.displayName,component:ee.component,panelId:A,rowId:Q,segmentId:te,widgetId:be}}});},[]),ke=useCallback((D,A,Q)=>T.findRowItem(D,A,Q,l),[]),ue=useCallback((D,A,Q,te)=>T.findSegmentItem(D,A,Q,te,l),[]),He=useCallback((D,A,Q,te)=>T.findTableCellItem(D,A,Q,te,l),[]),X=useCallback((D,A)=>T.findPanelItem(D,A,l),[]),Fe=useCallback((D,A,Q)=>T.findWidgetByIdRecursive(l,Q),[]),Pt=useCallback((D,A,Q)=>{},[]),he=useCallback((D,A,Q,te,ee,be,Ae,me)=>{R(D,A,Q,te,ee,be,Ae);},[]),at=useCallback(()=>s.activeWidgetId,[]),gr=useCallback((D,A)=>T.getActiveTabIndex(l,A),[]),hr=useCallback(D=>{B(D);},[]),mp=useCallback(()=>true,[]),gp=useCallback((D,A,Q)=>{var me;let te=T.getTabContainer(l,A),ee=T.getTabContainerChildrens(l,A);for(let Ve=0;Ve<ee.data.length;Ve++)ee.data[Ve].activeTab="0";let be=ee.data.filter((Ve,de)=>de===Q)[0];if(!be||!te||!te.item)return;be.properties={...((me=te.item.properties)==null?void 0:me.tabsetup)||{},...be.properties||{}};let Ae=T.getNodeUpdatePath(ee.path,{$splice:[[Q,1,{...be,activeTab:"1"}]]});v({...s,activeWidgetId:A,containerData:(0, ge.default)(l,Ae),selectedWidgetProps:{...s.selectedWidgetProps,...te.item.properties,tabsetup:{...be.properties},_path:{...s.selectedWidgetProps._path,component:te.item.component,type:g.TAB,stricttype:te.item.component.displayName,tabId:D,panelId:be.id,rowId:null,segmentId:null,widgetId:A}}});},[]),hp=useCallback(D=>{},[]),bp=useCallback(D=>{},[]);return ie.createElement(M,{addRowItem:x,addTabItem:M$1},l.map(({id:D,tabId:A,panelId:Q,type:te,component:ee})=>ie.createElement(ee,{key:"element_"+D,id:D,tabId:A,panelId:Q,className:te,getSelectedWidgetId:at,setActiveTabIndex:gp,getActiveTabIndex:gr,findRowItem:ke,moveRowItem:Ce,saveFormState:ye,addRowSegmentItem:Ie,findPanelItem:X,findSegmentItem:ue,findTableCellItem:He,findWidgetItem:Fe,moveWidgetItem:Pt,onPointerUp:he,showMessage:hr,getEditMode:mp,getFormData:bp,eventDispatcher:hp},D)))},{maxWidth:c,minHeight:k}=((N=s.containerProps)==null?void 0:N.style)||{},b=e.leftSideBarVisible?"content-wrapper "+(window.innerWidth<990?"expanded-full":""):"content-wrapper expanded-full ",C=y=>{let{title:x,subtitle:M}=y,Ce=x;return M!==void 0&&M!==""&&(Ce=x+" - "+M),Ce},g$1=(y,x)=>{v({...s,containerProps:{...s.containerProps,[y]:x},selectedWidgetProps:{...s.selectedWidgetProps,[y]:x}});},W=jsxs("div",{className:"formeditor-layout",children:[jsx("div",{id:"left-sidebar-wrapper",style:{width:P===1?"auto":"100%"},children:jsx(oi,{selectedWidgetProps:s.selectedWidgetProps,selectedWidgetPropsChange:O$1,removeWidgetButtonClick:z,saveForm:J,closeForm:e.modalCloseFn,inPreviewMode:s.inPreviewMode||false,containerProps:s.containerProps,onContainerPropsChange:g$1,onTabChange:T$1,currentTab:P,isBuildocsExtendedEditor:t,pluginCode:s.meta.pluginCode})}),s.inPreviewMode===false&&P===1&&jsx("div",{id:"main-content-wrapper",className:b,children:jsx("div",{className:"content",children:jsx("div",{className:"main-content on-scrollbar",style:{overflowY:"scroll",height:"85vh",padding:"0 10px 10px 10px"},children:jsxs("div",{id:"formeditorCanvas",style:{maxWidth:c,border:((_=s.containerProps)==null?void 0:_.border)===false?"none":void 0},children:[jsx("div",{className:"formeditor-header top-border-radius",style:{backgroundColor:((f$1=s.containerProps)==null?void 0:f$1.headerbackground)===false?"transparent":void 0},onPointerUp:y=>{R(y,g.CONTAINER,null);},children:C(s.containerProps)}),jsx("div",{className:"formeditor-container bottom-border-radius",style:{minHeight:k},children:jsx(h,{})})]})})})}),s.inPreviewMode===true&&p.open===true&&jsx(c$1,{plugincode:p.plugincode,modalCloseCallBack:Oe}),s.inPreviewMode===true&&p.open===false&&P===1&&jsx(b$5,{previewMode:s.inPreviewMode,className:b,maxWidth:c,setup:s.containerSetup,params:{pluginCode:e.pluginCode,formCode:e.formCode},enableEventHandlers:false}),jsx(i,{...s.dialog.widgetRemove,handleDialogClose:ze})]});return s.inPreviewMode===true?W:jsx(rs,{backend:pp,options:{},children:W})})()})),ak={cursor:"move",opacity:1};export{ik as a,ak as b};
+Format: DisplayText|value or just DisplayText`,style:{width:"100%",minHeight:"80px",fontFamily:"inherit",fontSize:"12px",padding:"4px",border:"1px solid #ccc",borderRadius:"3px",resize:"vertical"}})})]})}},Ys=withTranslation()(Sn);var En=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var l;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((l=this.props.selectedWidgetProps)==null?void 0:l._path)||{};if(t===void 0||t!==s)return null;let {gsindex:n,ignorereadonly:i,dropsource:d,dropvalues:p,label:u,multiple:P,name:T,onchangehandler:s$1,placeholder:v,forcereadonly:R,readonly:w,required:E,requiredmessage:O,rendertype:B,searchbar:z,size:J,tabIndex:K,variant:H,viewfield:G,visible:U,style:se}=this.props.selectedWidgetProps,{fontSize:xe,fontWeight:_e,minHeight:Re}=se!=null?se:{},Oe=jsxs(Fragment,{children:[this.props.isBuildocsExtendedEditor&&jsx(to,{disabled:this.props.disabled,proptitle:"Column Manager",propname:"dropsource",propvalue:d,propChanged:a.setProps(this.props).DataSourcePropsChange,tabIndex:K!==void 0?K++:void 0,pluginCode:this.props.pluginCode,type:"SELECTBOX",isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ys,{disabled:this.props.disabled,proptitle:"Dropdown Values",propname:"dropvalues",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{attr:null,disabled:this.props.disabled,proptitle:"Multiple",propname:"multiple",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:E,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx($s,{attr:null,disabled:this.props.disabled,propvalue:B,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:H,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:U,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),Me=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:xe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:_e,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(qs,{attr:null,disabled:this.props.disabled,propvalue:K,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:s$1,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:G,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"SelectBox Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&Oe,this.state.tabValue===1&&Me]})}},Qs=withTranslation()(En);var Wn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"elementSize",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"1.35em"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style"),t={"1.0em":"1.0em","1.1em":"1.1em","1.2em":"1.2em","1.3em":"1.3em","1.35em":"1.35em","1.4em":"1.4em","1.5em":"1.5em","1.6em":"1.6em","1.7em":"1.7em","1.8em":"1.8em"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,sort:"alpha",options:t})})]})}},io=withTranslation()(Wn);var Dn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Label Position"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"labelplacement",propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{bottom:"bottom",end:"end",start:"start",top:"top"}})})]})}},so=withTranslation()(Dn);var In=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if(t===void 0||t!==u)return null;let{defaultvalue:n,ignorereadonly:i,label:d,labelplacement:p,name:u$1,onchangehandler:P,readonly:T,required:s,value:v,viewfield:R,visible:w,style:E}=this.props.selectedWidgetProps,{textAlign:O,elementSize:B}=E!=null?E:{},z=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label Text",propname:"label",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Value",propname:"value",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(so,{disabled:this.props.disabled,defaultValue:"end",propvalue:p,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),J=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(io,{disabled:this.props.disabled,propvalue:B,defaultValue:"1.35em",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:O,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"CheckBox Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&z,this.state.tabValue===1&&J]})}},od=withTranslation()(In);var Ln=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if(t===void 0||t!==w)return null;let{groupname:n,defaultvalue:i,ignorereadonly:d,label:p,labelplacement:u,name:P,onchangehandler:T,readonly:s,value:v,viewfield:R,visible:w$1,style:E}=this.props.selectedWidgetProps,{textAlign:O,elementSize:B}=E!=null?E:{},z=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label Text",propname:"label",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Group Name",propname:"groupname",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Value",propname:"value",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(so,{disabled:this.props.disabled,defaultValue:"end",propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:w$1,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),J=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(io,{disabled:this.props.disabled,propvalue:B,defaultValue:"1.35em",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:O,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Radio Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&z,this.state.tabValue===1&&J]})}},ad=withTranslation()(Ln);var dd=memo(function({tabId:e$1,id:t,getSelectedWidgetId:r,getActiveTabIndex:n,moveRowItem:i,addRowSegmentItem:d,findPanelItem:p,findSegmentItem:u,findWidgetItem:P,moveWidgetItem:T,onPointerUp:s,showMessage:v,getEditMode:R,eventDispatcher:w,getFormData:E}){let O=p(e$1,t),B$1=O.index,[,z]=useState(false),[,J]=useState(false),[{isOver:K,isOverCurrent:H}]=e(()=>({accept:[g.ROW,g.TAB],drop(G,U){let se=U.didDrop();se||(i(G,e$1,t,t,B$1,G.tabId===e$1),z(true),J(se));},collect:G=>({isOver:G.isOver(),isOverCurrent:G.isOver({shallow:true}),activeItem:G.getItem()})}),[z,J]);return ie.createElement(ie.Fragment,{},jsx(B,{children:O.item._children.map(({panelId:G,id:U,component:se,properties:xe})=>ie.createElement(se,{key:"tabpanel_"+U,tabId:e$1,panelId:G,properties:xe,onPointerUp:(_e,Re,ze,Oe,Me,l,h)=>{_e.stopPropagation(),s(_e,Re,ze,Oe,Me,l,h);},showMessage:v,addRowSegmentItem:d,getSelectedWidgetId:r,getActiveTabIndex:n,findSegmentItem:u,findWidgetItem:P,moveWidgetItem:T,getEditMode:R,eventDispatcher:w,getFormData:E},null))}))});dd.displayName="_Tabpanel";var po=dd;var On=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K,H;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if((t===void 0||t!==D$1)&&t!==po)return null;let{item_title:n,item_default_color:i,item_active_color:d,item_default_background_color:p,item_active_background_color:u,item_fontsize:P,item_fontweight:T,item_name:s,item_visible:v}=(H=this.props.selectedWidgetProps.tabsetup)!=null?H:{},{name:R,tabcount:w,visible:E}=this.props.selectedWidgetProps,O=s&&s!=="",B=()=>O?jsxs(Fragment,{children:[jsx("div",{className:"header item-header",style:{fontSize:"14px",fontWeight:"600",padding:"12px 10px"},children:"Tab Item Properties"}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"item_title",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Item Name",propname:"item_name",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"item_visible",propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}):null,z=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled||O,proptitle:"Name",propname:"name",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled||O,proptitle:"Tab Count",propname:"tabcount",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled||O,proptitle:"Visible",propname:"visible",propvalue:E,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(B,{})]}),J=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(it,{disabled:this.props.disabled,proptitle:"Bg-Color",propname:"item_default_background_color",propvalue:p,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Bg-Hover-Color",propname:"item_active_background_color",propvalue:u,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Text-Color",propname:"item_default_color",propvalue:i,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Text-Hover-Color",propname:"item_active_color",propvalue:d,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(Te,{disabled:this.props.disabled,propname:"item_fontsize",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,propname:"item_fontweight",defaultValue:"bold",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Tab Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&z,this.state.tabValue===1&&J]})}},cd=withTranslation()(On);var Mn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"pagesize",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Pagesize"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={50:"50",100:"100",300:"300",500:"500"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},md=withTranslation()(Mn);var Bn=class extends ie.PureComponent{constructor(e){var t,r,n,i;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowactions",propvalue:(r=e.propvalue)!=null?r:"{}",proptitle:(n=e.proptitle)!=null?n:"Row Actions",rowactiontype:(i=e.rowactiontype)!=null?i:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var n;if(!this.state.isLoaded||((n=this.props.rowactiontype)!=null?n:this.state.rowactiontype)==="none")return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",t=(i,d,p)=>(p[d]=i,this.props.propChanged(null,null,"rowactions",JSON.stringify(p))),r={};try{r=JSON.parse(this.props.propvalue||this.state.propvalue||"{}")||{};}catch(i){r={};}return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsxs("div",{className:e,ref:this.ref,children:[this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_editrow",propvalue:r.action_editrow,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Edit Row"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_edit",propvalue:r.action_edit,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Edit"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_amend",propvalue:r.action_amend,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Amend"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_print",propvalue:r.action_print,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Print"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_download",propvalue:r.action_download,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Download"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_delete",propvalue:r.action_delete,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Delete"})]}),this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_copy",propvalue:r.action_copy,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Copy Template"})]}),this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_sign",propvalue:r.action_sign,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Sign"})]})]})]})}},hd=withTranslation()(Bn);var zn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowdensity",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Density"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{comfortable:"Comfortable",compact:"Compact",spacious:"Spacious"}})})]})}},fd=withTranslation()(zn);var Hn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowactiontype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Actions Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",flat:"Flat",menu:"Menu",...this.props.isBuildocsExtendedEditor&&{primary:"Primary"}}})})]})}},yd=withTranslation()(Hn);var Fn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowclickas",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Click As"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",new:"Add New"}})})]})}},Cd=withTranslation()(Fn);var An=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"tablemode",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Table Mode"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{datatable:"Datatable",tabulator:"Tabulator"}})})]})}};withTranslation()(An);var Vn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"searchtype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Search Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{startsWith:"StartsWith",contains:"Contains"}})})]})}},Sd=withTranslation()(Vn);var Un=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.handleEditRowModeChange=(t,r)=>{let n=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(!!t,r,null,n),setTimeout(()=>{let i=t?"tabulator":"datatable";this.props.selectedWidgetPropsChange(i,"tablemode",null,this.props.selectedWidgetProps);},0);};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){var r,n,i,d;((n=(r=t.selectedWidgetProps)==null?void 0:r._path)==null?void 0:n.widgetId)!==((d=(i=this.props.selectedWidgetProps)==null?void 0:i._path)==null?void 0:d.widgetId)&&this.setState({tabValue:0});}render(){var ye;if(this.state.isLoaded===false)return null;let{component:t,rowId:r}=((ye=this.props.selectedWidgetProps)==null?void 0:ye._path)||{};if(t===void 0||t!==F)return null;let {alloweditrow:n,backendpagination:i,columns:d,colactions:p,colgrouping:u,colordering:P,colresizing:T,datasource:s,height:v,hideaddbutton:R,newrecordurl:w,name:E,folders:O,foldercaption:B,pagination:z,pagesize:J,readonly:K,ignorereadonly:H,rowactions:G,rowactiontype:U,rowclickas:se,rowdensity:xe,rownumber:_e,rowselection:Re,rowvirtualization:ze,search:Oe,searchtype:Me,selectall:l,stickyheader:h,tablemode:c,toolbarInternalActions:k,topToolbar:b,enableuploadfiles:C,uploadtemplcode:g,visible:W,style:N$1}=this.props.selectedWidgetProps,{fontSize:_,fontWeight:f}=N$1!=null?N$1:{},x=1,M=jsxs(Fragment,{children:[jsx(to,{disabled:this.props.disabled,proptitle:"Column Manager",propname:"datasource",propvalue:s,propChanged:a.setProps(this.props).DataSourcePropsChange,tabIndex:x++,pluginCode:this.props.pluginCode,type:"TABLE",isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),jsx(m,{disabled:this.props.disabled,proptitle:"Edit Row Mode",propname:"alloweditrow",propvalue:n,propChanged:this.handleEditRowModeChange,tabIndex:x++}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:E,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Columns",propname:"columns",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),jsx(S,{disabled:this.props.disabled,proptitle:c==="tabulator"?"Height":"Max Height",propname:"height",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),!n&&c==="datatable"&&jsx(m,{disabled:this.props.disabled,proptitle:"Pagination",propname:"pagination",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&!!z&&jsx(m,{disabled:this.props.disabled,proptitle:"Lazy Loading",propname:"backendpagination",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&c==="datatable"&&!!z&&jsx(md,{disabled:this.props.disabled,proptitle:"Page Size",propname:"pagesize",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Search",propname:"search",propvalue:Oe,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(Sd,{disabled:this.props.disabled,proptitle:"Search Type",propname:"searchtype",propvalue:Me||"searchtype",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:K,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:W,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),false]}),Ce=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(Te,{disabled:this.props.disabled,propname:"fontSize",propvalue:_,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),jsx(Pe,{disabled:this.props.disabled,propname:"fontWeight",defaultValue:"normal",propvalue:f,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),jsx(m,{disabled:this.props.disabled,proptitle:"Hide Add Button",propname:"hideaddbutton",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),jsx(S,{disabled:this.props.disabled,proptitle:"New Record Url",propname:"newrecordurl",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Actions",propname:"colactions",propvalue:p,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Grouping",propname:"colgrouping",propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Ordering",propname:"colordering",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Resizing",propname:"colresizing",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Enable Upload",propname:"enableuploadfiles",propvalue:C,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),false,!n&&this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Breadcrumbs",propname:"folders",propvalue:O,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Folder Caption",propname:"foldercaption",attr:null,propvalue:B,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:H,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),!n&&jsx(yd,{disabled:this.props.disabled,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor,proptitle:"Row Actions Type",propname:"rowactiontype",propvalue:U,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(hd,{disabled:this.props.disabled,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor,proptitle:"Row Actions",propname:"rowactions",propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++,rowactiontype:U}),!n&&this.props.isBuildocsExtendedEditor&&jsx(Cd,{disabled:this.props.disabled,proptitle:"Row Click As",propname:"rowclickas",propvalue:se,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(fd,{disabled:this.props.disabled,proptitle:"Row Density",propname:"rowdensity",propvalue:xe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Row Number",propname:"rownumber",propvalue:_e,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Row Selection",propname:"rowselection",propvalue:Re,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),false,!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Select All",propname:"selectall",propvalue:l,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Sticky Header",propname:"stickyheader",propvalue:h,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Toolbar Internal Actions",propname:"toolbarInternalActions",propvalue:k,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Top Toolbar",propname:"topToolbar",propvalue:b,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Table Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&M,this.state.tabValue===1&&Ce]})}},Ed=withTranslation()(Un);var qn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Editor"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t,r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:(t=this.state.propname)!=null?t:"item_editor",propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:{input:"Input",number:"Number",checkbox:"Checkbox"},disabled:this.props.disabled||this.props.readOnly})})]})}},Dd=withTranslation()(qn);var Gn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Column Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r,n,i;if(!this.state.isLoaded)return null;let e=(d,p)=>this.props.propChanged(p,d,null),t={freetext:"String",number:"Number",date:"Date",datetime:"Date Time",checkbox:"Checkbox",price:"Price"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:(r=this.state.propname)!=null?r:"item_columntype",propvalue:(i=(n=this.props.propvalue)!=null?n:this.state.propvalue)!=null?i:"freetext",hidelabel:true,options:t})})]})}},Id=withTranslation()(Gn);var $n=class extends ie.PureComponent{constructor(t){super(t);this.autoPopulateColumnType=()=>{var p,u;let{parentDatasource:t,parentCellIndex:r}=((p=this.props.selectedWidgetProps)==null?void 0:p._path)||{};if(!(t!=null&&t.columns)||r===void 0||r<0)return;let n=t.columns[r];if(!n||!n[2])return;let d=(u={string:"freetext",freetext:"freetext",currency:"price",price:"price",date:"date",datetime:"datetime",number:"number",checkbox:"checkbox"}[n[2]])!=null?u:"freetext";this.props.selectedWidgetProps.item_columntype!==d&&this.handleColumnTypeChange(d,"item_columntype",null);};this.handleColumnTypeChange=(t,r,n)=>{let i=t,d=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(t,r,n,d),setTimeout(()=>{let p=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(void 0,"item_format",null,p),this.props.selectedWidgetPropsChange(void 0,"item_fixedlocale",null,p),this.props.selectedWidgetPropsChange(void 0,"item_currencydisplay",null,p),this.props.selectedWidgetPropsChange(void 0,"item_inputfield",null,p),this.props.selectedWidgetPropsChange(void 0,"item_currency",null,p),this.props.selectedWidgetPropsChange(false,"item_assymbol",null,p),this.props.selectedWidgetPropsChange(false,"item_bottomcalc",null,p),this.props.selectedWidgetPropsChange(void 0,"item_formula",null,p),i==="price"&&this.props.selectedWidgetPropsChange("right","item_ctextalign","style",p);},0);};this.handleCurrencyFormatChange=(t,r,n)=>{this.props.selectedWidgetPropsChange(t,r,n,this.props.selectedWidgetProps),setTimeout(()=>{let i=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(void 0,"item_inputfield",null,i),this.props.selectedWidgetPropsChange(void 0,"item_currency",null,i),this.props.selectedWidgetPropsChange(void 0,"item_fixedlocale",null,i),this.props.selectedWidgetPropsChange(void 0,"item_currencydisplay",null,i);},0);};this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true}),this.autoPopulateColumnType();}componentDidUpdate(t){t.selectedWidgetProps!==this.props.selectedWidgetProps&&this.autoPopulateColumnType();}render(){var Pt,he,at,gr,hr;if(this.state.isLoaded===false)return null;let{component:t,segmentId:r,parentAllowEditRow:n,parentTableMode:i,parentDatasource:d,parentCellIndex:p}=((Pt=this.props.selectedWidgetProps)==null?void 0:Pt._path)||{};if(t===void 0||t!==O)return null;let{item_name:u,item_isprice:P,item_title:T,item_minsize:s,item_displaytooltip:v,item_enablesorting:R,item_increment:w,item_isdate:E,item_isdatetime:O$1,item_ischeckbox:B,item_bottomcalc:z,item_visible:J,item_editor:K,item_formula:H,item_readonly:G,item_format:U,item_assymbol:se,item_inputfield:xe,item_currency:_e,item_columntype:Re,item_currencydisplay:ze,item_fixedlocale:Oe,style:Me}=this.props.selectedWidgetProps,{item_textalign:l,item_ctextalign:h}=Me!=null?Me:{},c=Re!=null?Re:"freetext";Re||(E===true?c="date":O$1===true?c="datetime":B===true?c="checkbox":P===true?c="price":c="freetext");let k=!!(d!=null&&d.columns&&p!==void 0&&p>=0&&((he=d.columns[p])!=null&&he[2])),b=c==="date",C=c==="datetime",g=c==="checkbox",W=c==="price",N=c==="number",_=c==="freetext"||c==="",f=K,y=false;g?(f="checkbox",y=true):W||N?(f="number",y=true):_&&(f="input",y=true);let x=W,M=W&&(U==="locale"||U==="fixed-locale"),Ce=W&&(U===""||U==="locale"),ye=W&&U===""&&!M,Ie=W&&U==="fixed-locale",Ee=false,ue=!!n&&N||i==="tabulator",He=W||N,Fe=!!n&&f==="number"&&!b&&!C&&!g;return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Table Cell Properties"})}),jsx(Nr,{disabled:this.props.disabled,proptitle:"ID",propvalue:r,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(S,{disabled:this.props.disabled,readOnly:!this.props.isBuildocsExtendedEditor,proptitle:"Caption",propname:"item_title",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Display Tooltip",propname:"item_displaytooltip",propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Enable Sorting",propname:"item_enablesorting",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Id,{disabled:this.props.disabled||k,propname:"item_columntype",propvalue:c,propChanged:this.handleColumnTypeChange}),x&&jsx(Jr,{disabled:this.props.disabled,propname:"item_format",propvalue:U,propChanged:this.handleCurrencyFormatChange}),Ie&&jsx(eo,{disabled:this.props.disabled,propname:"item_fixedlocale",propvalue:Oe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange},`fixedlocale-${p}`),M&&jsx(Qr,{disabled:this.props.disabled,propname:"item_currencydisplay",propvalue:ze,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange},`currencydisplay-${p}`),Ce&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"item_inputfield",attr:null,propvalue:xe,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),ye&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Code",propname:"item_currency",attr:null,propvalue:_e,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),Ee,ue&&jsx(m,{disabled:this.props.disabled,proptitle:"Increment",propname:"item_increment",propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Ne,{title:"Title Align",disabled:this.props.disabled,defaultValue:"center",propname:"item_textalign",propvalue:l,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{title:"Content Align",disabled:this.props.disabled,defaultValue:"left",propname:"item_ctextalign",propvalue:h,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),He&&jsx(m,{disabled:this.props.disabled,proptitle:"Calculate Totals",propname:"item_bottomcalc",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"item_readonly",propvalue:G,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,readOnly:true,proptitle:"Name",propname:"item_name",attr:null,propvalue:(hr=(gr=(at=d==null?void 0:d.columns)==null?void 0:at[p])==null?void 0:gr[1])!=null?hr:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Dd,{disabled:this.props.disabled,propname:"item_editor",propvalue:f,propChanged:a.setProps(this.props).selectedWidgetPropsChange,readOnly:y}),Fe&&jsx(S,{disabled:this.props.disabled,proptitle:"Formula",propname:"item_formula",attr:null,propvalue:H,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Min Size",propname:"item_minsize",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"item_visible",propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},Ld=withTranslation()($n);var Yn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var R;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((R=this.props.selectedWidgetProps)==null?void 0:R._path)||{};if(t===void 0||t!==I)return null;let{name:n,viewfield:i,visible:d,style:p}=this.props.selectedWidgetProps,{fontSize:u,fontWeight:P,minHeight:T}=p!=null?p:{},s=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),v=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"File Uploader Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&s,this.state.tabValue===1&&v]})}},Md=withTranslation()(Yn);var Jn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"placeholdertype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{tree:"Tree",dualbox:"Dual Box"}})})]})}},zd=withTranslation()(Jn);var Kn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsxs("div",{className:e,style:{display:"flex"},ref:this.ref,children:[jsx("div",{style:{flexGrow:1},children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})}),this.props.disabled===false&&jsx("div",{className:"removeWidgetButtonHolder",children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>this.props.propChanged(this.props.propvalue)})})]})]})}},xo=withTranslation()(Kn);var Qn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var E;if(this.state.isLoaded===false)return null;let{type:e,component:t,rowId:r,segmentId:n,widgetId:i}=((E=this.props.selectedWidgetProps)==null?void 0:E._path)||{};if(t===void 0||t!==J)return null;let{title:d,name:p,visible:u,placeholdertype:P,style:{textAlign:T,fontSize:s,fontWeight:v,color:R,minHeight:w}}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsx("div",{className:"header",children:"Placeholder Properties"}),jsx(xo,{disabled:this.props.disabled,proptitle:"ID",propvalue:i,style:{fontSize:"9px",lineHeight:"20px"},propChanged:a.setProps(this.props).removeWidgetButtonClick}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(zd,{disabled:this.props.disabled,proptitle:"Type",propname:"placeholdertype",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},Vd=withTranslation()(Qn);var Zn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"viewcomp",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Component"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{"":"",btree:"Btree"}})})]})}},Ud=withTranslation()(Zn);var ei=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var B;if(this.state.isLoaded===false)return null;let{type:e,component:t,rowId:r,segmentId:n,widgetId:i}=((B=this.props.selectedWidgetProps)==null?void 0:B._path)||{};if(t===void 0||t!==S$1)return null;let{title:d,name:p,verticalalign:u,visible:P,viewcomp:T,plugincode:s,formcode:v,style:{textAlign:R,fontSize:w,fontWeight:E,color:O}}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsx("div",{className:"header",children:"View Properties"}),jsx(xo,{disabled:this.props.disabled,proptitle:"ID",propvalue:i,style:{fontSize:"9px",lineHeight:"20px"},propChanged:a.setProps(this.props).removeWidgetButtonClick}),jsx(Ud,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Plugin Code",propname:"plugincode",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Form Code",propname:"formcode",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:E,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ar,{disabled:this.props.disabled,defaultValue:"middle",propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:R,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},Gd=withTranslation()(ei);var ti=class extends ie.PureComponent{constructor(t){super(t);this.handleScroll=()=>{setTimeout(()=>{var t,r;(r=(t=this.gridContainerRef)==null?void 0:t.current)==null||r.scrollTo(0,0);},0);};this.state={isLoaded:false,leftSideBarVisible:true,context:null},this.gridContainerRef=ie.createRef();}componentDidMount(){this.handleScroll(),this.setState({isLoaded:true});}componentDidUpdate(){this.handleScroll();}render(){var d;if(this.state.isLoaded===false)return null;let t=f.isFloatingState()?"sidebar-float-active":"",r$1=this.state.leftSideBarVisible?"left-sidebar "+t:"left-sidebar minified sidebar-hide-left",n$2=(d=this.props.selectedWidgetProps)==null?void 0:d._path,i=n$2?`${n$2.widgetId||""}-${n$2.rowId||""}-${n$2.segmentId||""}-${n$2.tabId||""}-${n$2.panelId||""}`:"";return jsx("div",{id:"left-sidebar",className:r$1,children:jsx("div",{className:"sidebar-scroll",tabIndex:1,style:{outline:"none",touchAction:"none"},children:jsxs("div",{className:"formeditor-menu",children:[jsxs("div",{className:"properties-container",children:[jsxs("div",{className:"grid-container",ref:this.gridContainerRef,children:[jsx(od,{...this.props,disabled:this.props.inPreviewMode},"checkbox-"+i),jsx(ca,{...this.props,disabled:this.props.inPreviewMode},"container-"+i),jsx(Md,{...this.props,disabled:this.props.inPreviewMode},"fileuploader-"+i),jsx(Cs,{...this.props,disabled:this.props.inPreviewMode},"label-"+i),jsx(bs,{...this.props,disabled:this.props.inPreviewMode},"button-"+i),jsx(Vd,{...this.props,disabled:this.props.inPreviewMode},"placeholder-"+i),jsx(ad,{...this.props,disabled:this.props.inPreviewMode},"radio-"+i),jsx(os,{...this.props,disabled:this.props.inPreviewMode},"row-"+i),jsx(as,{...this.props,disabled:this.props.inPreviewMode},"rowsegment-"+i),jsx(Qs,{...this.props,disabled:this.props.inPreviewMode},"selectbox-"+i),jsx(cd,{...this.props,disabled:this.props.inPreviewMode},"tabbox-"+i),jsx(Ed,{...this.props,disabled:this.props.inPreviewMode},"table-"+i),jsx(Ld,{...this.props,disabled:this.props.inPreviewMode},"tablecell-"+i),jsx(zs,{...this.props,disabled:this.props.inPreviewMode},"textinput-"+i),jsx(As,{...this.props,disabled:this.props.inPreviewMode},"textarea-"+i),jsx(Gd,{...this.props,disabled:this.props.inPreviewMode},"view-"+i)]}),jsx("div",{className:"formeditor-controls",style:{display:"flex",justifyContent:"center"},children:jsx("button",{id:"saveFormBtn",className:"btn btn-outline-primary btn-sm",onClick:this.props.saveForm,style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"},children:this.props.inPreviewMode?jsxs(Fragment,{children:[jsx(r,{size:14}),jsx("span",{children:"Edit"})]}):jsxs(Fragment,{children:[jsx(n$1,{size:14}),jsx("span",{children:"Save & Preview"})]})})})]}),jsxs("div",{className:"widgets-container",children:[jsx($e,{id:null,type:g.ROW,component:H,icon:jsx(I$1,{}),title:"Row",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.TAB,component:D$1,icon:jsx(f$1,{}),title:"TabBox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.TABLE,component:F,icon:jsx(H$1,{}),title:"Table Widget",disabled:this.props.inPreviewMode}),this.props.isBuildocsExtendedEditor&&jsx($e,{id:null,type:g.WIDGET,component:S$1,icon:jsx(j$1,{}),title:"View Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:I,icon:jsx(h$1,{}),title:"File Uploader",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:j,icon:jsx(J$1,{}),title:"Label Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:n,icon:jsx(L$1,{}),title:"Text Input Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:p,icon:jsx(K,{}),title:"TextArea Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:s,icon:jsx(z,{}),title:"Selectbox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:u,icon:jsx(F$1,{}),title:"CheckBox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:w,icon:jsx(e$1,{}),title:"Radio Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:Q,icon:jsx(G,{}),title:"Button Widget",disabled:this.props.inPreviewMode})]})]})})})}},Yd=withTranslation()(ti);function Qd(o){let{children:e,value:t,index:r,...n}=o;return jsx("div",{role:"tabpanel",hidden:t!==r,id:`vertical-tabpanel-${r}`,"aria-labelledby":`vertical-tab-${r}`,style:{width:"100%",height:"100%"},...n,children:t===r&&jsx(tt,{sx:{height:"100%"},children:e})})}function Zd(o){return {id:`vertical-tab-${o}`,"aria-controls":`vertical-tabpanel-${o}`}}function ri(o){var s;let[e,t]=useState((s=o.currentTab)!=null?s:0);ie.useEffect(()=>{o.currentTab!==void 0&&t(o.currentTab);},[o.currentTab]);let r=(v,R)=>{t(R),o.onTabChange&&o.onTabChange(R);},n=o.containerProps.formCode||"",i=o.containerProps.title||"",d=n.trim()==="",p=n.trim().length>0&&n.trim().length<3,u=d||p,P=i.trim()==="",T=!u&&!P;return ie.useEffect(()=>{!T&&e!==0&&!o.inPreviewMode&&(t(0),o.onTabChange&&o.onTabChange(0));},[T,e,o.inPreviewMode,o.onTabChange]),jsxs(tt,{sx:{flexGrow:1,bgcolor:"background.paper",display:"flex",height:"100%"},children:[jsxs(tt,{sx:{display:"flex",flexDirection:"column",borderRight:1,borderColor:"divider",minWidth:"80px"},children:[jsxs(Ip,{orientation:"vertical",value:e,onChange:r,"aria-label":"Form editor tabs",sx:{flexGrow:1,"& .MuiTab-root":{minWidth:"80px",padding:"20px 16px",fontSize:"11px",alignItems:"center"},"& .MuiTabs-indicator":{left:0,right:"auto",width:"4px",backgroundColor:"#1976d2"}},children:[jsx(la,{icon:jsx(u$1,{size:20}),label:"General",...Zd(0),sx:{flexDirection:"column",gap:.5}}),jsx(la,{icon:jsx(v$1,{size:20}),label:"Build",...Zd(1),disabled:!T,sx:{flexDirection:"column",gap:.5,opacity:T?1:.4}})]}),o.closeForm&&jsxs(tt,{onClick:()=>{var v;return (v=o.closeForm)==null?void 0:v.call(o)},sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"20px 16px",borderTop:1,borderColor:"divider",cursor:"pointer",minHeight:"68px",gap:.5,fontSize:"11px",color:"text.primary",transition:"background-color 0.3s","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}},title:"Close Form Editor",children:[jsx(k,{size:20}),jsx("span",{style:{fontSize:"11px"},children:"Close"})]})]}),jsx(Qd,{value:e,index:0,children:jsx(Lo,{containerProps:o.containerProps,onContainerPropsChange:o.onContainerPropsChange,disabled:o.inPreviewMode,onSave:o.saveForm,onNext:()=>{t(1),o.onTabChange&&o.onTabChange(1);}})}),jsx(Qd,{value:e,index:1,children:jsx(Yd,{...o})})]})}var ge=c(a$3());function oi(o){let e=null;return ()=>(e==null&&(e=o()),e)}function ep(o,e){return o.filter(t=>t!==e)}function tp(o,e){let t=new Set,r=i=>t.add(i);o.forEach(r),e.forEach(r);let n=[];return t.forEach(i=>n.push(i)),n}var To=class{enter(e){let t=this.entered.length,r=n=>this.isNodeInDocument(n)&&(!n.contains||n.contains(e));return this.entered=tp(this.entered.filter(r),[e]),t===0&&this.entered.length>0}leave(e){let t=this.entered.length;return this.entered=ep(this.entered.filter(this.isNodeInDocument),e),t>0&&this.entered.length===0}reset(){this.entered=[];}constructor(e){this.entered=[],this.isNodeInDocument=e;}};var So=class{initializeExposedProperties(){Object.keys(this.config.exposeProperties).forEach(e=>{Object.defineProperty(this.item,e,{configurable:true,enumerable:true,get(){return null}});});}loadDataTransfer(e){if(e){let t={};Object.keys(this.config.exposeProperties).forEach(r=>{let n=this.config.exposeProperties[r];n!=null&&(t[r]={value:n(e,this.config.matchesTypes),configurable:true,enumerable:true});}),Object.defineProperties(this.item,t);}}canDrag(){return  true}beginDrag(){return this.item}isDragging(e,t){return t===e.getSourceId()}endDrag(){}constructor(e){this.config=e,this.item={},this.initializeExposedProperties();}};var cr={};b$2(cr,{FILE:()=>ni,HTML:()=>si,TEXT:()=>ai,URL:()=>ii});var ni="__NATIVE_FILE__",ii="__NATIVE_URL__",ai="__NATIVE_TEXT__",si="__NATIVE_HTML__";function ko(o,e,t){let r=e.reduce((n,i)=>n||o.getData(i),"");return r!=null?r:t}var Eo={[ni]:{exposeProperties:{files:o=>Array.prototype.slice.call(o.files),items:o=>o.items,dataTransfer:o=>o},matchesTypes:["Files"]},[si]:{exposeProperties:{html:(o,e)=>ko(o,e,""),dataTransfer:o=>o},matchesTypes:["Html","text/html"]},[ii]:{exposeProperties:{urls:(o,e)=>ko(o,e,"").split(`
+`),dataTransfer:o=>o},matchesTypes:["Url","text/uri-list"]},[ai]:{exposeProperties:{text:(o,e)=>ko(o,e,""),dataTransfer:o=>o},matchesTypes:["Text","text/plain"]}};function rp(o,e){let t=Eo[o];if(!t)throw new Error(`native type ${o} has no configuration`);let r=new So(t);return r.loadDataTransfer(e),r}function Wo(o){if(!o)return null;let e=Array.prototype.slice.call(o.types||[]);return Object.keys(Eo).filter(t=>{let r=Eo[t];return r!=null&&r.matchesTypes?r.matchesTypes.some(n=>e.indexOf(n)>-1):false})[0]||null}var op=oi(()=>/firefox/i.test(navigator.userAgent)),di=oi(()=>!!window.safari);var ur=class{interpolate(e){let{xs:t,ys:r,c1s:n,c2s:i,c3s:d}=this,p=t.length-1;if(e===t[p])return r[p];let u=0,P=d.length-1,T;for(;u<=P;){T=Math.floor(.5*(u+P));let R=t[T];if(R<e)u=T+1;else if(R>e)P=T-1;else return r[T]}p=Math.max(0,P);let s=e-t[p],v=s*s;return r[p]+n[p]*s+i[p]*v+d[p]*s*v}constructor(e,t){let{length:r}=e,n=[];for(let w=0;w<r;w++)n.push(w);n.sort((w,E)=>e[w]<e[E]?-1:1);let d=[],p=[],u,P;for(let w=0;w<r-1;w++)u=e[w+1]-e[w],P=t[w+1]-t[w],d.push(u),p.push(P/u);let T=[p[0]];for(let w=0;w<d.length-1;w++){let E=p[w],O=p[w+1];if(E*O<=0)T.push(0);else {u=d[w];let B=d[w+1],z=u+B;T.push(3*z/((z+B)/E+(z+u)/O));}}T.push(p[p.length-1]);let s=[],v=[],R;for(let w=0;w<T.length-1;w++){R=p[w];let E=T[w],O=1/d[w],B=E+T[w+1]-R-R;s.push((R-E-B)*O),v.push(B*O*O);}this.xs=e,this.ys=t,this.c1s=T,this.c2s=s,this.c3s=v;}};var um=1;function pi(o){let e=o.nodeType===um?o:o.parentElement;if(!e)return null;let{top:t,left:r}=e.getBoundingClientRect();return {x:r,y:t}}function mr(o){return {x:o.clientX,y:o.clientY}}function mm(o){var e;return o.nodeName==="IMG"&&(op()||!(!((e=document.documentElement)===null||e===void 0)&&e.contains(o)))}function gm(o,e,t,r){let n=o?e.width:t,i=o?e.height:r;return di()&&o&&(i/=window.devicePixelRatio,n/=window.devicePixelRatio),{dragPreviewWidth:n,dragPreviewHeight:i}}function np(o,e,t,r,n){let i=mm(e),p=pi(i?o:e),u={x:t.x-p.x,y:t.y-p.y},{offsetWidth:P,offsetHeight:T}=o,{anchorX:s,anchorY:v}=r,{dragPreviewWidth:R,dragPreviewHeight:w}=gm(i,e,P,T),E=()=>{let G=new ur([0,.5,1],[u.y,u.y/T*w,u.y+w-T]).interpolate(v);return di()&&i&&(G+=(window.devicePixelRatio-1)*w),G},O=()=>new ur([0,.5,1],[u.x,u.x/P*R,u.x+R-P]).interpolate(s),{offsetX:B,offsetY:z}=n,J=B===0||B,K=z===0||z;return {x:J?B:O(),y:K?z:E()}}var Do=class{get window(){if(this.globalContext)return this.globalContext;if(typeof window!="undefined")return window}get document(){var e;return !((e=this.globalContext)===null||e===void 0)&&e.document?this.globalContext.document:this.window?this.window.document:void 0}get rootElement(){var e;return ((e=this.optionsArgs)===null||e===void 0?void 0:e.rootElement)||this.window}constructor(e,t){this.ownerDocument=null,this.globalContext=e,this.optionsArgs=t;}};function hm(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function ip(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){hm(o,n,t[n]);});}return o}var Ro=class{profile(){var e,t;return {sourcePreviewNodes:this.sourcePreviewNodes.size,sourcePreviewNodeOptions:this.sourcePreviewNodeOptions.size,sourceNodeOptions:this.sourceNodeOptions.size,sourceNodes:this.sourceNodes.size,dragStartSourceIds:((e=this.dragStartSourceIds)===null||e===void 0?void 0:e.length)||0,dropTargetIds:this.dropTargetIds.length,dragEnterTargetIds:this.dragEnterTargetIds.length,dragOverTargetIds:((t=this.dragOverTargetIds)===null||t===void 0?void 0:t.length)||0}}get window(){return this.options.window}get document(){return this.options.document}get rootElement(){return this.options.rootElement}setup(){let e=this.rootElement;if(e!==void 0){if(e.__isReactDndBackendSetUp)throw new Error("Cannot have two HTML5 backends at the same time.");e.__isReactDndBackendSetUp=true,this.addEventListeners(e);}}teardown(){let e=this.rootElement;if(e!==void 0&&(e.__isReactDndBackendSetUp=false,this.removeEventListeners(this.rootElement),this.clearCurrentDragSourceNode(),this.asyncEndDragFrameId)){var t;(t=this.window)===null||t===void 0||t.cancelAnimationFrame(this.asyncEndDragFrameId);}}connectDragPreview(e,t,r){return this.sourcePreviewNodeOptions.set(e,r),this.sourcePreviewNodes.set(e,t),()=>{this.sourcePreviewNodes.delete(e),this.sourcePreviewNodeOptions.delete(e);}}connectDragSource(e,t,r){this.sourceNodes.set(e,t),this.sourceNodeOptions.set(e,r);let n=d=>this.handleDragStart(d,e),i=d=>this.handleSelectStart(d);return t.setAttribute("draggable","true"),t.addEventListener("dragstart",n),t.addEventListener("selectstart",i),()=>{this.sourceNodes.delete(e),this.sourceNodeOptions.delete(e),t.removeEventListener("dragstart",n),t.removeEventListener("selectstart",i),t.setAttribute("draggable","false");}}connectDropTarget(e,t){let r=d=>this.handleDragEnter(d,e),n=d=>this.handleDragOver(d,e),i=d=>this.handleDrop(d,e);return t.addEventListener("dragenter",r),t.addEventListener("dragover",n),t.addEventListener("drop",i),()=>{t.removeEventListener("dragenter",r),t.removeEventListener("dragover",n),t.removeEventListener("drop",i);}}addEventListeners(e){e.addEventListener&&(e.addEventListener("dragstart",this.handleTopDragStart),e.addEventListener("dragstart",this.handleTopDragStartCapture,true),e.addEventListener("dragend",this.handleTopDragEndCapture,true),e.addEventListener("dragenter",this.handleTopDragEnter),e.addEventListener("dragenter",this.handleTopDragEnterCapture,true),e.addEventListener("dragleave",this.handleTopDragLeaveCapture,true),e.addEventListener("dragover",this.handleTopDragOver),e.addEventListener("dragover",this.handleTopDragOverCapture,true),e.addEventListener("drop",this.handleTopDrop),e.addEventListener("drop",this.handleTopDropCapture,true));}removeEventListeners(e){e.removeEventListener&&(e.removeEventListener("dragstart",this.handleTopDragStart),e.removeEventListener("dragstart",this.handleTopDragStartCapture,true),e.removeEventListener("dragend",this.handleTopDragEndCapture,true),e.removeEventListener("dragenter",this.handleTopDragEnter),e.removeEventListener("dragenter",this.handleTopDragEnterCapture,true),e.removeEventListener("dragleave",this.handleTopDragLeaveCapture,true),e.removeEventListener("dragover",this.handleTopDragOver),e.removeEventListener("dragover",this.handleTopDragOverCapture,true),e.removeEventListener("drop",this.handleTopDrop),e.removeEventListener("drop",this.handleTopDropCapture,true));}getCurrentSourceNodeOptions(){let e=this.monitor.getSourceId(),t=this.sourceNodeOptions.get(e);return ip({dropEffect:this.altKeyPressed?"copy":"move"},t||{})}getCurrentDropEffect(){return this.isDraggingNativeItem()?"copy":this.getCurrentSourceNodeOptions().dropEffect}getCurrentSourcePreviewNodeOptions(){let e=this.monitor.getSourceId(),t=this.sourcePreviewNodeOptions.get(e);return ip({anchorX:.5,anchorY:.5,captureDraggingState:false},t||{})}isDraggingNativeItem(){let e=this.monitor.getItemType();return Object.keys(cr).some(t=>cr[t]===e)}beginDragNativeItem(e,t){this.clearCurrentDragSourceNode(),this.currentNativeSource=rp(e,t),this.currentNativeHandle=this.registry.addSource(e,this.currentNativeSource),this.actions.beginDrag([this.currentNativeHandle]);}setCurrentDragSourceNode(e){this.clearCurrentDragSourceNode(),this.currentDragSourceNode=e;let t=1e3;this.mouseMoveTimeoutTimer=setTimeout(()=>{var r;return (r=this.rootElement)===null||r===void 0?void 0:r.addEventListener("mousemove",this.endDragIfSourceWasRemovedFromDOM,true)},t);}clearCurrentDragSourceNode(){if(this.currentDragSourceNode){if(this.currentDragSourceNode=null,this.rootElement){var e;(e=this.window)===null||e===void 0||e.clearTimeout(this.mouseMoveTimeoutTimer||void 0),this.rootElement.removeEventListener("mousemove",this.endDragIfSourceWasRemovedFromDOM,true);}return this.mouseMoveTimeoutTimer=null,true}return  false}handleDragStart(e,t){e.defaultPrevented||(this.dragStartSourceIds||(this.dragStartSourceIds=[]),this.dragStartSourceIds.unshift(t));}handleDragEnter(e,t){this.dragEnterTargetIds.unshift(t);}handleDragOver(e,t){this.dragOverTargetIds===null&&(this.dragOverTargetIds=[]),this.dragOverTargetIds.unshift(t);}handleDrop(e,t){this.dropTargetIds.unshift(t);}constructor(e,t,r){this.sourcePreviewNodes=new Map,this.sourcePreviewNodeOptions=new Map,this.sourceNodes=new Map,this.sourceNodeOptions=new Map,this.dragStartSourceIds=null,this.dropTargetIds=[],this.dragEnterTargetIds=[],this.currentNativeSource=null,this.currentNativeHandle=null,this.currentDragSourceNode=null,this.altKeyPressed=false,this.mouseMoveTimeoutTimer=null,this.asyncEndDragFrameId=null,this.dragOverTargetIds=null,this.lastClientOffset=null,this.hoverRafId=null,this.getSourceClientOffset=n=>{let i=this.sourceNodes.get(n);return i&&pi(i)||null},this.endDragNativeItem=()=>{this.isDraggingNativeItem()&&(this.actions.endDrag(),this.currentNativeHandle&&this.registry.removeSource(this.currentNativeHandle),this.currentNativeHandle=null,this.currentNativeSource=null);},this.isNodeInDocument=n=>!!(n&&this.document&&this.document.body&&this.document.body.contains(n)),this.endDragIfSourceWasRemovedFromDOM=()=>{let n=this.currentDragSourceNode;n==null||this.isNodeInDocument(n)||(this.clearCurrentDragSourceNode()&&this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover());},this.scheduleHover=n=>{this.hoverRafId===null&&typeof requestAnimationFrame!="undefined"&&(this.hoverRafId=requestAnimationFrame(()=>{this.monitor.isDragging()&&this.actions.hover(n||[],{clientOffset:this.lastClientOffset}),this.hoverRafId=null;}));},this.cancelHover=()=>{this.hoverRafId!==null&&typeof cancelAnimationFrame!="undefined"&&(cancelAnimationFrame(this.hoverRafId),this.hoverRafId=null);},this.handleTopDragStartCapture=()=>{this.clearCurrentDragSourceNode(),this.dragStartSourceIds=[];},this.handleTopDragStart=n=>{if(n.defaultPrevented)return;let{dragStartSourceIds:i}=this;this.dragStartSourceIds=null;let d=mr(n);this.monitor.isDragging()&&(this.actions.endDrag(),this.cancelHover()),this.actions.beginDrag(i||[],{publishSource:false,getSourceClientOffset:this.getSourceClientOffset,clientOffset:d});let{dataTransfer:p}=n,u=Wo(p);if(this.monitor.isDragging()){if(p&&typeof p.setDragImage=="function"){let T=this.monitor.getSourceId(),s=this.sourceNodes.get(T),v=this.sourcePreviewNodes.get(T)||s;if(v){let{anchorX:R,anchorY:w,offsetX:E,offsetY:O}=this.getCurrentSourcePreviewNodeOptions(),J=np(s,v,d,{anchorX:R,anchorY:w},{offsetX:E,offsetY:O});p.setDragImage(v,J.x,J.y);}}try{p==null||p.setData("application/json",{});}catch(T){}this.setCurrentDragSourceNode(n.target);let{captureDraggingState:P}=this.getCurrentSourcePreviewNodeOptions();P?this.actions.publishDragSource():setTimeout(()=>this.actions.publishDragSource(),0);}else if(u)this.beginDragNativeItem(u);else {if(p&&!p.types&&(n.target&&!n.target.hasAttribute||!n.target.hasAttribute("draggable")))return;n.preventDefault();}},this.handleTopDragEndCapture=()=>{this.clearCurrentDragSourceNode()&&this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover();},this.handleTopDragEnterCapture=n=>{if(this.dragEnterTargetIds=[],this.isDraggingNativeItem()){var i;(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(n.dataTransfer);}if(!this.enterLeaveCounter.enter(n.target)||this.monitor.isDragging())return;let{dataTransfer:p}=n,u=Wo(p);u&&this.beginDragNativeItem(u,p);},this.handleTopDragEnter=n=>{let{dragEnterTargetIds:i}=this;if(this.dragEnterTargetIds=[],!this.monitor.isDragging())return;this.altKeyPressed=n.altKey,i.length>0&&this.actions.hover(i,{clientOffset:mr(n)}),i.some(p=>this.monitor.canDropOnTarget(p))&&(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect=this.getCurrentDropEffect()));},this.handleTopDragOverCapture=n=>{if(this.dragOverTargetIds=[],this.isDraggingNativeItem()){var i;(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(n.dataTransfer);}},this.handleTopDragOver=n=>{let{dragOverTargetIds:i}=this;if(this.dragOverTargetIds=[],!this.monitor.isDragging()){n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect="none");return}this.altKeyPressed=n.altKey,this.lastClientOffset=mr(n),this.scheduleHover(i),(i||[]).some(p=>this.monitor.canDropOnTarget(p))?(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect=this.getCurrentDropEffect())):this.isDraggingNativeItem()?n.preventDefault():(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect="none"));},this.handleTopDragLeaveCapture=n=>{this.isDraggingNativeItem()&&n.preventDefault(),this.enterLeaveCounter.leave(n.target)&&(this.isDraggingNativeItem()&&setTimeout(()=>this.endDragNativeItem(),0),this.cancelHover());},this.handleTopDropCapture=n=>{if(this.dropTargetIds=[],this.isDraggingNativeItem()){var i;n.preventDefault(),(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(n.dataTransfer);}else Wo(n.dataTransfer)&&n.preventDefault();this.enterLeaveCounter.reset();},this.handleTopDrop=n=>{let{dropTargetIds:i}=this;this.dropTargetIds=[],this.actions.hover(i,{clientOffset:mr(n)}),this.actions.drop({dropEffect:this.getCurrentDropEffect()}),this.isDraggingNativeItem()?this.endDragNativeItem():this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover();},this.handleSelectStart=n=>{let i=n.target;typeof i.dragDrop=="function"&&(i.tagName==="INPUT"||i.tagName==="SELECT"||i.tagName==="TEXTAREA"||i.isContentEditable||(n.preventDefault(),i.dragDrop()));},this.options=new Do(t,r),this.actions=e.getActions(),this.monitor=e.getMonitor(),this.registry=e.getRegistry(),this.enterLeaveCounter=new To(this.isNodeInDocument);}};var ap=function(e,t,r){return new Ro(e,t,r)};var ym=lazy(()=>import('./loadingcomponent-NJVJLQVC.js')),rk=withTranslation()(memo(function(e){let{isBuildocsExtendedEditor:t}=b$3(),{loadForm:r,saveForm:n}=b$1(),{UserDialog:i}=b$4(),d=e$2(),[p,u]=useState({plugincode:"",open:false,redraw:null}),[P,T$1]=useState(0),[s,v]=ie.useState({meta:{pluginCode:e.pluginCode,formCode:e.formCode},dialog:{widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}},activeWidgetId:null,containerData:[],containerProps:{formCode:e.formCode||"",title:"Container",subtitle:"",description:"",sourcetable:"",systemform:false,skiphandler:true,hideheader:false,border:true,headerbackground:true,style:{maxWidth:"100%",minHeight:"5em"},_path:{type:g.CONTAINER,stricttype:null,component:null,tabId:null,panelId:null,rowId:null,segmentId:null,widgetId:null}},containerSetup:{},isLoaded:false,inPreviewMode:e.inPreviewMode||false,selectedWidgetProps:{title:"",subtitle:"",sourcetable:"",systemform:false,skiphandler:true,hideheader:false,border:true,headerbackground:true,style:{},_path:{type:"",stricttype:null,component:null,tabId:null,panelId:null,rowId:null,segmentId:null,widgetId:null}}});useEffect(()=>{e.inPreviewMode!==s.inPreviewMode&&v({...s,inPreviewMode:e.inPreviewMode});},[e.inPreviewMode]),useEffect(()=>{(async()=>{if(!r)return;let l=await r({pluginCode:s.meta.pluginCode,formCode:s.meta.formCode,isFormEditor:true}),h=[],c=s.containerProps,k={};try{let b={...l.payload},C=JSON.parse(b.definition);T.mapComponents(C._children),h=C._children,c=C.properties,k=C;}catch(b){}v({...s,containerProps:{...s.containerProps,...c,formCode:e.formCode||""},selectedWidgetProps:{...s.containerProps,...c,formCode:e.formCode||""},inPreviewMode:false,isLoaded:true,containerData:h,containerSetup:k});})();},[]);let R=(l,h,c,k,b,C,g$1,W,N)=>{var Ce,ye,Ie,Ee;let _,f,y,x,M;if(h!==g.CONTAINER)if(h===g.ROWSEGMENT)M=T.getTabContainerChildrens(s.containerData,k),y=M.data.filter(ue=>`${ue.id}`===b)[0],f=y._children.filter(ue=>`${ue.id}`===C)[0],v({...s,activeWidgetId:C,selectedWidgetProps:{...s.selectedWidgetProps,...f.properties,_path:{component:f.component,type:h,stricttype:f.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1}}});else if(h===g.WIDGET)M=T.getTabContainerChildrens(s.containerData,k),y=M.data.filter(ue=>`${ue.id}`===b)[0],x=y._children.filter(ue=>`${ue.id}`===C)[0],f=x._children.filter(ue=>`${ue.id}`===g$1)[0],v({...s,activeWidgetId:g$1,selectedWidgetProps:{...s.selectedWidgetProps,...f.properties,_path:{component:f.component,type:h,stricttype:f.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1}}});else if(h===g.ROW)M=T.getTabContainerChildrens(s.containerData,k),f=M.data.filter(ue=>`${ue.id}`===b)[0],v({...s,activeWidgetId:b,selectedWidgetProps:{...s.selectedWidgetProps,...f.properties,_path:{component:f.component,type:h,stricttype:f.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1}}});else if(h===g.TABLE)M=T.getTabContainerChildrens(s.containerData,k),f=M.data.filter(ue=>`${ue.id}`===b)[0],v({...s,activeWidgetId:b,selectedWidgetProps:{...s.selectedWidgetProps,...f.properties,_path:{component:f.component,type:h,stricttype:f.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1}}});else if(h===g.TABLECELL){M=T.getTabContainerChildrens(s.containerData,k),y=M.data.filter(He=>`${He.id}`===b)[0],f=y._children.filter(He=>`${He.id}`===C)[0];let ue=y._children.findIndex(He=>`${He.id}`===C);v({...s,activeWidgetId:C,selectedWidgetProps:{...s.selectedWidgetProps,item_format:void 0,item_fixedlocale:void 0,item_currencydisplay:void 0,item_inputfield:void 0,item_currency:void 0,item_assymbol:void 0,item_formula:void 0,item_bottomcalc:void 0,item_readonly:void 0,...f.properties,_path:{component:f.component,type:h,stricttype:f.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1,parentAllowEditRow:(Ce=y==null?void 0:y.properties)==null?void 0:Ce.alloweditrow,parentTableMode:(ye=y==null?void 0:y.properties)==null?void 0:ye.tablemode,parentDatasource:(Ie=y==null?void 0:y.properties)==null?void 0:Ie.datasource,parentCellIndex:ue}}});}else h===g.TAB&&(_=T.findWidgetByIdRecursive(s.containerData,g$1),v({...s,activeWidgetId:g$1,selectedWidgetProps:{..._==null?void 0:_.item.properties,tabsetup:{...((Ee=_==null?void 0:_.item.properties)==null?void 0:Ee.tabsetup)||{},item_name:null},_path:{component:_==null?void 0:_.item.component,type:h,stricttype:_==null?void 0:_.item.component.displayName,tabId:c,panelId:k,rowId:b,segmentId:C,widgetId:g$1}}}));else v({...s,activeWidgetId:null,selectedWidgetProps:{...s.containerProps,_path:{type:g.CONTAINER}}});},w=(l,h)=>{let c=T.getTabContainerChildrens(l,h),k=c.data.filter(b=>`${b.id}`===h)[0];return {item:k,index:c.data.indexOf(k),path:c.path}},E$1=(l,h,c)=>{var k;if(l>0)if(c===null){let b=h._children.length;if(l>b)for(let C=b;C<l;C++)h._children.push({rowId:h.id,id:"tablecell-"+C+"-"+f.guid(),component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...N$1.objectInspector.defaultProps,item_title:c!=null&&c[C][0]?c[C][0]:"",item_name:c!=null&&c[C][1]?c[C][1]:"tc_"+C},_children:[]});else for(let C=b;C>l;C--)h._children.splice(-1);}else {let b={string:"freetext",freetext:"freetext",currency:"price",price:"price",date:"date",datetime:"datetime",number:"number",checkbox:"checkbox"},C=h._children;h._children=[];for(let g=0;g<l;g++){let W=C[g]&&C[g].properties?C[g].properties:N$1.objectInspector.defaultProps,N=c[g][2],_=N?(k=b[N])!=null?k:"freetext":void 0,f$1={};_!==void 0&&(f$1.item_columntype=_,W.item_columntype!==_&&(f$1.item_format=void 0,f$1.item_fixedlocale=void 0,f$1.item_currencydisplay=void 0,f$1.item_inputfield=void 0,f$1.item_currency=void 0,f$1.item_assymbol=false,f$1.item_bottomcalc=false,f$1.item_formula=void 0,_==="price"&&(f$1.style={...W.style,item_ctextalign:"right"}))),h._children.push({rowId:h.id,id:"tablecell-"+g+"-"+f.guid(),component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...W,item_title:c!=null&&c[g][0]?c[g][0]:"",item_name:c!=null&&c[g][1]?c[g][1]:"tc_"+g,...f$1},_children:[]});}}return h},O$1=(l,h,c,k)=>{let b,C$1,g$1,W,N,_,f$1,y,x,M,Ce,{type:ye,panelId:Ie,rowId:Ee,segmentId:ue,widgetId:He}=k._path;if(ye===g.CONTAINER){let X={};c===null?X={...s.containerProps,[h]:l}:X={...s.containerProps,[c]:{...s.containerProps[c],[h]:l}},v({...s,selectedWidgetProps:{...s.selectedWidgetProps,[h]:l},containerProps:X});}else if(ye===g.TAB){let X=T.getActiveTabPanelId(s.containerData,He);if(X===null||(g$1=T.getTabContainer(s.containerData,He),!g$1||!g$1.item||!g$1.item.properties))return;g$1.item.properties.tabsetup&&g$1.item.properties.tabsetup[h]!==void 0&&(f$1=g$1.item._children.filter(he=>`${he.id}`===X)[0],g$1.item.properties.tabsetup={...f$1.properties,[h]:l});let Fe=C.objectInspector.defaultProps.tabsetup,Pt=C.objectInspector.defaultProps.tabitemsetup;if(Fe[h])for(let he=0;he<g$1.item._children.length;he++)Pt[h]?(f$1=g$1.item._children.filter(at=>`${at.id}`===X)[0],f$1.properties={...f$1.properties,[h]:l}):(g$1.item._children[he].properties={...g$1.item._children[he].properties,[h]:l},g$1.item._children[he].id===X&&(g$1.item.properties.tabsetup={...g$1.item.properties.tabsetup||{},...g$1.item._children[he].properties}));else g$1.item.properties={...g$1.item.properties,[h]:l};if(h==="tabcount"){if(l>g$1.item._children.length)for(let he=g$1.item._children.length;he<l;he++){let at=g$1.item.properties.tabsetup||{};g$1.item._children.push(K(g$1.item.id,"0",{...at,item_name:(g$1.item.properties.name||"tab")+"_"+he}));}else if(l<g$1.item._children.length)for(let he=g$1.item._children.length;he>l;he--)g$1.item._children.pop();}y=T.getNodeUpdatePath(g$1.path,{$splice:[[g$1.index,1,{...g$1.item}]]}),v({...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,...g$1.item.properties}});}else if(ye===g.WIDGET){g$1=T.findWidgetByIdRecursive(s.containerData,He);let X=c!==null?{...g$1==null?void 0:g$1.item.properties,[c]:{...g$1==null?void 0:g$1.item.properties[c],[h]:l}}:{...g$1==null?void 0:g$1.item.properties,[h]:l};if(h==="reservedname"&&l!=="_custom"&&(X.name=l),h==="reservedregex"&&l!=="_custom"){let Fe="";switch(l){case "_codeInput":Fe="[a-zA-Z0-9]";break;case "_numbersOnly":Fe="\\d";break;case "_noSymbol":Fe="\\w";break;default:Fe="";break}X.regex=Fe;}y=T.getNodeUpdatePath(g$1==null?void 0:g$1.path,{$splice:[[g$1==null?void 0:g$1.index,1,{...g$1==null?void 0:g$1.item,properties:{...X}}]]}),v({...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,...X}});}else if(ye===g.ROW){if(W=T.getTabContainerChildrens(s.containerData,Ie),b=W.data.filter(X=>`${X.id}`===Ee)[0],N=W.data.indexOf(b),M=parseInt(l),M>0){if(Ce=b._children.length,M>Ce)for(let X=Ce;X<M;X++){let Fe=X+"-"+f.guid();b._children.push({rowId:b.id,id:"rowsegment-"+Fe,component:L,stricttype:K$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});}else for(let X=Ce;X>M;X--)b._children.splice(-1);b.properties={...b.properties,[h]:l};}y=T.getNodeUpdatePath(W.path,{$splice:[[N,1,{...b}]]}),v({...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,[h]:l}});}else ye===g.ROWSEGMENT?(W=T.getTabContainerChildrens(s.containerData,Ie),b=W.data.filter(X=>`${X.id}`===Ee)[0],C$1=b._children.filter(X=>`${X.id}`===ue)[0],N=W.data.indexOf(b),_=b._children.indexOf(C$1),C$1.properties.style={...C$1.properties.style,[h]:l},W.path.push(N),W.path.push("_children"),y=T.getNodeUpdatePath(W.path,{$splice:[[_,1,{...C$1}]]}),v({...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,style:{...s.selectedWidgetProps.style,[h]:l}}})):ye===g.TABLE?(W=T.getTabContainerChildrens(s.containerData,Ie),b=W.data.filter(X=>`${X.id}`===Ee)[0],N=W.data.indexOf(b),h==="columns"?(M=parseInt(l),M>0&&(b=E$1(M,b,null))):h==="datasource"&&(M=l==null?void 0:l.columns.length,M>0&&(b=E$1(M,b,l==null?void 0:l.columns),b.properties.columns=M)),c===null?b.properties={...b.properties,[h]:l}:b.properties={...b.properties,[c]:{...b.properties[c],[h]:l}},y=T.getNodeUpdatePath(W.path,{$splice:[[N,1,{...b}]]}),x=c!==null?{...s.selectedWidgetProps,[c]:{...s.selectedWidgetProps[c],[h]:l}}:{...s.selectedWidgetProps,[h]:l},v({...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:x})):ye===g.TABLECELL&&(W=T.getTabContainerChildrens(s.containerData,Ie),b=W.data.filter(X=>`${X.id}`===Ee)[0],C$1=b._children.filter(X=>`${X.id}`===ue)[0],N=W.data.indexOf(b),_=b._children.indexOf(C$1),c!==null?C$1.properties[c]={...C$1.properties[c],[h]:l}:C$1.properties={...C$1.properties,[h]:l},W.path.push(N),W.path.push("_children"),y=T.getNodeUpdatePath(W.path,{$splice:[[_,1,{...C$1}]]}),v(c!==null?{...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,style:{...s.selectedWidgetProps.style,[h]:l}}}:{...s,containerData:(0, ge.default)(s.containerData,y),selectedWidgetProps:{...s.selectedWidgetProps,[h]:l}}));},B=l=>{d({msg:l,clearQueue:true,hideProgressBar:false});},z=l=>{let h=function(c){if(!c){v({...s,dialog:{...s.dialog,widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}}});return}let k=T.findWidgetByIdRecursive(s.containerData,l);if((k==null?void 0:k.count)===1&&(k!=null&&k.item.tabId)&&(k==null?void 0:k.item.tabId.trim())!==""&&(k==null?void 0:k.item.type)!=="formwidget"){B('Unable to remove the widget. Here should be at least 1 "container" type widget to be remaining');return}let b=T.getNodeUpdatePath(k==null?void 0:k.path,{$splice:[[k==null?void 0:k.index,1]]});v({...s,activeWidgetId:null,selectedWidgetProps:{...s.containerProps},dialog:{...s.dialog,widgetRemove:{showDialog:false,dialogTitle:"",dialogContent:"",buttonAgree:"",buttonDisagree:"",callBackFunc:()=>{}}},containerData:(0, ge.default)(s.containerData,b)});};v({...s,dialog:{...s.dialog,widgetRemove:{showDialog:true,dialogTitle:"Remove Widget ?",dialogContent:"Are you sure you want to remove the widget?",buttonAgree:"Continue",buttonDisagree:"Close",callBackFunc:h}}});},J=async()=>{if(s.inPreviewMode){T$1(1),v({...s,inPreviewMode:false});return}let l={type:"Formcontainer",stricttype:"_Formcontainer",properties:{...s.containerProps},_children:s.containerData&&s.containerData.length>0?s.containerData:[]};try{if(!n)return;await n({pluginCode:s.meta.pluginCode,formCode:s.meta.formCode,data:JSON.stringify(l)}).then(h=>{if(h.meta.requestStatus==="fulfilled"){let c={...h.payload};u({...p,plugincode:s.meta.pluginCode,open:c.isNew===!0,redraw:c.isNew===!0});}}),T$1(1),v({...s,inPreviewMode:!0,containerSetup:l});}catch(h){d({msg:"Failed to save form. Please try again."});}},K=(l,h="0",c)=>{let k="tabpanel-"+f.guid(),b=[],C$1=H$1(l,k);return b.push(C$1),{activeTab:h,tabId:l,id:k,component:po,stricttype:C.strictType,type:C.widgetType,properties:{...C.objectInspector.defaultProps.tabsetup,...c},_children:b}},H$1=(l,h)=>{let c="row-"+f.guid(),k=[],b=1;for(let C=0;C<b;C++)k.push({rowId:c,id:"rowsegment-"+C+"-"+c,component:L,type:K$1.widgetType,stricttype:K$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});return {id:c,tabId:l,panelId:h,component:H,type:G$1.widgetType,stricttype:G$1.strictType,properties:{title:"",columns:"1",style:{}},_children:k}},G=(l,h,c,k)=>{let b="table-"+f.guid(),C=[];return C.push({rowId:b,id:"tablecell-1-"+b,component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...N$1.objectInspector.defaultProps,item_name:"tc_1"},_children:[]}),{id:b,tabId:h,panelId:c,component:F,type:E.widgetType,stricttype:E.strictType,properties:{...E.objectInspector.defaultProps,name:T.getItemDefaultName(F,l)},_children:C}},U=(l,h,c,k,b,C,g,W,N)=>{let _,f,y,x;{C={...C,item_name:C.name+"_"+g},x=K(k,"1",C);let M=[];return M.push(x),h&&c?(_=T.getTabContainerChildrens(l,c),y={...b,tabId:h,panelId:c,id:k,properties:{...b.properties,name:C.name},_children:M},f=T.getNodeUpdatePath(_.path,{$splice:[[_.index,0,y]]}),{result:(0, ge.default)(l,f),nodeData:y}):(y={...b,tabId:h,panelId:c,id:k,properties:{...b.properties,name:C.name},_children:M},{result:(0, ge.default)(l,{$splice:[[Number(W||g),0,y]]}),nodeData:y})}},se=(l,h,c,k,b,C,g,W)=>{let N,_,f;return g?(0, ge.default)(l,{$splice:[[l.length,1,{...b,id:k,_children:W}]]}):(b.component===F?f=G(l,h,c):f=H$1(h,c),_=T.getTabContainerChildrens(l,c),N=T.getNodeUpdatePath(_.path,{$splice:[[C,0,{...f}]]}),{result:(0, ge.default)(l,N),nodeData:f})},xe=(l,h,c,k,b,C=null)=>{let g,W,N=[];if(c.component===D$1)N=c._children;else if(c.component===H){if(c._children&&c._children.length>0)N=c._children;else if(g=parseInt(c.properties.columns),g>0)for(let _=0;_<g;_++)N.push({rowId:h,id:"rowsegment-"+_+"-"+h,component:L,type:K$1.widgetType,stricttype:K$1.strictType,properties:{style:{flexGrow:1,minWidth:"100px"}},_children:[]});}else if(c.component===F){if(c._children&&c._children.length>0)N=c._children;else if(c.properties={...E.objectInspector.defaultProps,name:T.getItemDefaultName(F,l)},g=parseInt(c.properties.columns),g>0)for(let _=0;_<g;_++)N.push({rowId:h,id:"tablecell-"+_+"-"+h,component:O,type:N$1.widgetType,stricttype:N$1.strictType,properties:{...N$1.objectInspector.defaultProps,item_name:"tc_"+_},_children:[]});}return b?(0, ge.default)(l,{$splice:[[l.length,1,{...c,id:h,_children:N}]]}):(W=T.getNodeUpdatePath(C,{$splice:[[k,0,{...c,id:h,_children:N}]]}),(0, ge.default)(l,W))},_e=(l,h,c,k,b,C,g)=>{let W=T.getTabContainerChildrens(l,k),N=T.findWidgetByIdRecursive(W.data,b),_=N==null?void 0:N.item._children.filter(M=>`${M.id}`===C)[0],f=N==null?void 0:N.item._children.indexOf(_);W.path.push(N==null?void 0:N.index),W.path.push("_children"),W.path.push(f),W.path.push("_children");let y={...g,id:h},x=T.getNodeUpdatePath(W.path,{$splice:[[0,0,y]]});return {result:(0, ge.default)(l,x),nodeData:y}},Re=(l,h,c,k,b,C,g)=>{let W,N,_;W=T.getTabContainerChildrens(l,g.panelId);let f=T.findWidgetByIdRecursive(W.data,g.rowId),y=f==null?void 0:f.item._children.filter(Ie=>`${Ie.id}`===g.segmentId)[0],x=f==null?void 0:f.item._children.indexOf(y);W.path.push(f==null?void 0:f.index),W.path.push("_children"),N=T.getNodeUpdatePath(W.path,{$splice:[[x,1,{...y,_children:[]}]]}),l=(0, ge.default)(l,N),W=T.getTabContainerChildrens(l,k);let M=T.findWidgetByIdRecursive(W.data,b),Ce=M==null?void 0:M.item._children.filter(Ie=>`${Ie.id}`===C)[0],ye=M==null?void 0:M.item._children.indexOf(Ce);return W.path.push(M==null?void 0:M.index),W.path.push("_children"),W.path.push(ye),W.path.push("_children"),_={...g,tabId:c,panelId:k,rowId:b,segmentId:C},N=T.getNodeUpdatePath(W.path,{$splice:[[0,1,{..._}]]}),{result:(0, ge.default)(l,N),nodeData:_}},ze=l=>{s.dialog.widgetRemove.callBackFunc(l);},Oe=useCallback(()=>{u({...p,open:false});},[]);return (()=>{var N,_,f$1;if(s.isLoaded===false)return ie.createElement("div",{},jsx(ym,{}));let l=s.containerData||[],h=()=>{let y=function(D){setTimeout(function(){v({...s,containerData:D});},0);},x=useCallback(D=>{if(D.id===null){let A=T.getTypeAsString(D.component)+"-"+l.length+"-"+f.guid();l=xe(l,A,D,l.length,true,D.path),v({...s,activeWidgetId:A,containerData:l,selectedWidgetProps:{...s.selectedWidgetProps,...D.properties,_path:{...s.selectedWidgetProps._path,type:D.type,stricttype:D.component.displayName,component:D.component,rowId:A}}});}},[]),M$1=useCallback((D,A,Q)=>{let te;if(D.id===null){let ee="tab-"+f.guid(),be={name:T.getItemDefaultName(D$1,l)};if(te=U(l,A,Q,ee,D,be,l.length,null),!te)throw new Error("Tab was not inserted... Please contact technical support");v({...s,activeWidgetId:ee,containerData:te.result,selectedWidgetProps:{...s.selectedWidgetProps,...te.nodeData.properties,name:be.name,_path:{...s.selectedWidgetProps._path,type:D.type,stricttype:D.component.displayName,component:D.component,widgetId:ee}}});}},[]),Ce=useCallback((D,A,Q,te,ee,be)=>{let Ae,me,Ve,de=D.id,ot=D.type,Tt=D.component,Xt=D.properties;if((de===null?"add":"move")==="add")if(de=l.length+"-"+f.guid(),A){if(D.component===D$1){de="tab-"+de;let we={name:T.getItemDefaultName(D$1,l)};if(me=U(l,A,Q,de,D,we,l.length,null),!me)throw new Error("Tab was not inserted... Please contact technical support");l=me.result,Xt=me.nodeData.properties;}else me=se(l,A,Q,de,D,Ee(A,Q,te).index,false,{}),l=me.result,Xt=me.nodeData.properties;de=me.nodeData.id;}else if(D.component===D$1){de="tab-"+de;let we={name:T.getItemDefaultName(D$1,l)};if(me=U(l,A,Q,de,D,we,Ee(A,Q,te).index,ee),!me)throw new Error("Tab was not inserted... Please contact technical support");l=me.result,Xt=me.nodeData.properties;}else l=xe(l,de,D,Ee(null,null,te).index,false,D.path);else if(be){let we=Ee(A,Q,de);ot=we.item.type,Xt=we.item.properties,Tt=we.item.component,Ve=T.getNodeUpdatePath(we.path,{$splice:[[we.index,1],[ee,0,we.item]]}),l=(0, ge.default)(l,Ve);}else {let we=Ee(D.tabId,D.panelId,de);if(D.tabId===we.item.tabId&&A===we.item.id||A!==null&&T.isChildrenTab(l,A,we.item.id))return;if(D.panelId&&D.panelId!==""&&(Ae=T.getTabContainer(l,D.panelId),Ae&&Ae.item._children.length===1)){B("The Tab widget should have at least 1 widget to be remaining...");return}Ve=T.getNodeUpdatePath(we.path,{$splice:[[D.originalIndex,1]]}),l=(0, ge.default)(l,Ve),we.item.tabId=A,we.item.panelId=Q;let gp=w(l,Q).path;l=xe(l,de,we.item,Ee(A,Q,te).index,false,gp);}v({...s,activeWidgetId:de,containerData:l,selectedWidgetProps:{...s.selectedWidgetProps,...Xt,_path:{...s.selectedWidgetProps._path,type:ot,component:Tt,tabId:A,panelId:Q,rowId:de,widgetId:de}}});},[]),ye=useCallback(()=>{y(l);},[]),Ie=useCallback((D,A,Q,te,ee)=>{let be,Ae,me,Ve,de,ot,Tt;ee.id===null?(be=f.guid(),me=T.getDefaultTabIndex(l),Ae=T.getItemDefaultName(ee.component,l),Tt={...ee.properties,name:Ae},ee.properties.tabIndex!==void 0&&(Tt={...ee.properties,name:Ae,tabIndex:me}),ot=_e(l,be,D,A,Q,te,{...ee,tabId:D,panelId:A,properties:Tt}),Ve=ot.result,de=ot.nodeData):(be=ee.id,Ae=ee.properties.name,me=ee.properties.tabIndex,ot=Re(l,be,D,A,Q,te,ee),Ve=ot.result,de=ot.nodeData),v({...s,activeWidgetId:be,containerData:Ve,selectedWidgetProps:{...s.selectedWidgetProps,...de.properties,name:Ae,tabIndex:me,_path:{...s.selectedWidgetProps._path,type:ee.type,stricttype:ee.component.displayName,component:ee.component,panelId:A,rowId:Q,segmentId:te,widgetId:be}}});},[]),Ee=useCallback((D,A,Q)=>T.findRowItem(D,A,Q,l),[]),ue=useCallback((D,A,Q,te)=>T.findSegmentItem(D,A,Q,te,l),[]),He=useCallback((D,A,Q,te)=>T.findTableCellItem(D,A,Q,te,l),[]),X=useCallback((D,A)=>T.findPanelItem(D,A,l),[]),Fe=useCallback((D,A,Q)=>T.findWidgetByIdRecursive(l,Q),[]),Pt=useCallback((D,A,Q)=>{},[]),he=useCallback((D,A,Q,te,ee,be,Ae,me)=>{R(D,A,Q,te,ee,be,Ae);},[]),at=useCallback(()=>s.activeWidgetId,[]),gr=useCallback((D,A)=>T.getActiveTabIndex(l,A),[]),hr=useCallback(D=>{B(D);},[]),lp=useCallback(()=>true,[]),cp=useCallback((D,A,Q)=>{var me;let te=T.getTabContainer(l,A),ee=T.getTabContainerChildrens(l,A);for(let Ve=0;Ve<ee.data.length;Ve++)ee.data[Ve].activeTab="0";let be=ee.data.filter((Ve,de)=>de===Q)[0];if(!be||!te||!te.item)return;be.properties={...((me=te.item.properties)==null?void 0:me.tabsetup)||{},...be.properties||{}};let Ae=T.getNodeUpdatePath(ee.path,{$splice:[[Q,1,{...be,activeTab:"1"}]]});v({...s,activeWidgetId:A,containerData:(0, ge.default)(l,Ae),selectedWidgetProps:{...s.selectedWidgetProps,...te.item.properties,tabsetup:{...be.properties},_path:{...s.selectedWidgetProps._path,component:te.item.component,type:g.TAB,stricttype:te.item.component.displayName,tabId:D,panelId:be.id,rowId:null,segmentId:null,widgetId:A}}});},[]),up=useCallback(D=>{},[]),mp=useCallback(D=>{},[]);return ie.createElement(M,{addRowItem:x,addTabItem:M$1},l.map(({id:D,tabId:A,panelId:Q,type:te,component:ee})=>ie.createElement(ee,{key:"element_"+D,id:D,tabId:A,panelId:Q,className:te,getSelectedWidgetId:at,setActiveTabIndex:cp,getActiveTabIndex:gr,findRowItem:Ee,moveRowItem:Ce,saveFormState:ye,addRowSegmentItem:Ie,findPanelItem:X,findSegmentItem:ue,findTableCellItem:He,findWidgetItem:Fe,moveWidgetItem:Pt,onPointerUp:he,showMessage:hr,getEditMode:lp,getFormData:mp,eventDispatcher:up},D)))},{maxWidth:c,minHeight:k}=((N=s.containerProps)==null?void 0:N.style)||{},b=e.leftSideBarVisible?"content-wrapper "+(window.innerWidth<990?"expanded-full":""):"content-wrapper expanded-full ",C=y=>{let{title:x,subtitle:M}=y,Ce=x;return M!==void 0&&M!==""&&(Ce=x+" - "+M),Ce},g$1=(y,x)=>{v({...s,containerProps:{...s.containerProps,[y]:x},selectedWidgetProps:{...s.selectedWidgetProps,[y]:x}});},W=jsxs("div",{className:"formeditor-layout",children:[jsx("div",{id:"left-sidebar-wrapper",style:{width:P===1?"auto":"100%"},children:jsx(ri,{selectedWidgetProps:s.selectedWidgetProps,selectedWidgetPropsChange:O$1,removeWidgetButtonClick:z,saveForm:J,closeForm:e.modalCloseFn,inPreviewMode:s.inPreviewMode||false,containerProps:s.containerProps,onContainerPropsChange:g$1,onTabChange:T$1,currentTab:P,isBuildocsExtendedEditor:t,pluginCode:s.meta.pluginCode})}),s.inPreviewMode===false&&P===1&&jsx("div",{id:"main-content-wrapper",className:b,children:jsx("div",{className:"content",children:jsx("div",{className:"main-content on-scrollbar",style:{overflowY:"scroll",height:"85vh",padding:"0 10px 10px 10px"},children:jsxs("div",{id:"formeditorCanvas",style:{maxWidth:c,border:((_=s.containerProps)==null?void 0:_.border)===false?"none":void 0},children:[jsx("div",{className:"formeditor-header top-border-radius",style:{backgroundColor:((f$1=s.containerProps)==null?void 0:f$1.headerbackground)===false?"transparent":void 0},onPointerUp:y=>{R(y,g.CONTAINER,null);},children:C(s.containerProps)}),jsx("div",{className:"formeditor-container bottom-border-radius",style:{minHeight:k},children:jsx(h,{})})]})})})}),s.inPreviewMode===true&&p.open===true&&jsx(c$1,{plugincode:p.plugincode,modalCloseCallBack:Oe}),s.inPreviewMode===true&&p.open===false&&P===1&&jsx(b$5,{previewMode:s.inPreviewMode,className:b,maxWidth:c,setup:s.containerSetup,params:{pluginCode:e.pluginCode,formCode:e.formCode},enableEventHandlers:false}),jsx(i,{...s.dialog.widgetRemove,handleDialogClose:ze})]});return s.inPreviewMode===true?W:jsx(Za,{backend:ap,options:{},children:W})})()})),ok={cursor:"move",opacity:1};export{rk as a,ok as b};