@databrainhq/plugin 0.16.32-uat → 0.16.32-uat3

package/dist/{index-COSqdCry.mjs → index-P6u6A5Zw.mjs}

@@ -1 +1 @@
-import{j as o}from"./ui-vendor-DuTfa2UR.mjs";import{useState as S,useRef as Gj,useEffect as ml,useMemo as dl,useCallback as Bl}from"react";import{B as _}from"./index-DhbU7Mia.mjs";import{I as Q}from"./index-CXxcrvqq.mjs";import{I as j}from"./index-DzlWCFpe.mjs";import{T as i}from"./index-zxPTeqmL.mjs";import{B as Cl,o as Hj}from"./index-0GHze8gd.mjs";import{F as I}from"./index-C26NEE4H.mjs";import{C as u,_ as Dl,$ as rl,a0 as Yj,a1 as Zl,a2 as jy,T as yy,a3 as $j,a4 as Xj,a5 as Cy,a6 as Ny}from"./metricOptions-eMjyT9mw.mjs";import{S as p}from"./index-DOjiRxyH.mjs";import{t as Qj,J as Ty,R as kl,K as H,L as wy}from"./index-B9kcwysa.mjs";import{C as Pj}from"./index-D3hhF5t0.mjs";import{e as vy}from"./webcomponents.es.js";import{N as nl,I as Al}from"./index-5q1CwqoG.mjs";import{u as ql}from"./index-DafPJT-X.mjs";import{u as Fy,a as Ly,P as Ay}from"./index-BLh5Cmay.mjs";import{F as $l}from"./index-B1NuJ0kR.mjs";import{M as sl}from"./index-BlNXCmSV.mjs";import{A as c}from"./index-DwlnBAXY.mjs";import{A as jl}from"./index-BRqJa8kU.mjs";const Ey=Ly({active:null,over:null,DragPreviewCreateRoot:null,draggables:[],droppables:[]}),Vy=()=>{const[l,a]=Fy(Ey);return{dndState:l,setActive:E=>{a(R=>({...R,active:E}))},setOver:E=>{a(R=>({...R,over:E}))},setDraggables:E=>{a(R=>{var X;const O=(X=R.draggables)==null?void 0:X.findIndex(Z=>(Z==null?void 0:Z.identifier.id)===(E==null?void 0:E.identifier.id));if(O===-1)return{...R,draggables:[...R.draggables,E]};const U=[...R.draggables];return U[O]=E,{...R,draggables:U}})},setDropables:E=>{a(R=>{var X;const O=(X=R.droppables)==null?void 0:X.findIndex(Z=>(Z==null?void 0:Z.identifier.id)===(E==null?void 0:E.identifier.id));if(O===-1)return{...R,droppables:[...R.droppables,E]};const U=[...R.droppables];return U[O]=E,{...R,droppables:U}})},setDndState:a}},ky=({identifier:l,data:a,modifiers:s,events:N,CustomDragPreview:g,disabled:P=!1,dropText:E})=>{const{dndState:R,setActive:O,setDndState:U,setDraggables:X}=Vy(),[Z,M]=S(!1),[z,q]=S(!0),[el,h]=S(null),J=Gj(null),G=Gj(null),t={"data-type":l.type||l.id,id:`draggable-${l.id}`,role:"button",tabindex:"0",draggable:z?"true":"false","aria-grabbed":"false"},Fl=V=>{Object.entries(t).forEach(([B,fl])=>{V.setAttribute(B,fl)})},Tl=()=>{var V;G.current&&((V=R.DragPreviewCreateRoot)==null||V.render(g))};return ml(()=>{if(g&&(G.current=document.getElementById("CustomDragPreviewContainer"),G.current===null)){G.current=document.createElement("div"),G.current.setAttribute("id","CustomDragPreviewContainer"),document.body.appendChild(G.current);const V=vy.createRoot(G.current);U(B=>({...B,DragPreviewCreateRoot:V}))}},[]),ml(()=>{if(J.current){const V=J.current.getBoundingClientRect();h(V),X({identifier:l,data:a,modifiers:s,DragNodeRef:J,rect:el,events:N,isDragging:Z,isEnableDrag:z})}},[J.current,JSON.stringify(l),JSON.stringify(a),JSON.stringify(s),JSON.stringify(N),JSON.stringify(Z)]),ml(()=>{const V=J.current;if(!V)return;Fl(V);const B=pl=>{var C,$,v,al;if(M(!0),O({identifier:l,data:a,modifiers:s,DragNodeRef:J,rect:el,events:N,isDragging:Z,isEnableDrag:z}),V.setAttribute("aria-grabbed","true"),E?(C=pl.dataTransfer)==null||C.setData("text/plain",E):($=pl.dataTransfer)==null||$.setData("text/plain",JSON.stringify({data:a})),(v=N==null?void 0:N.onDragStart)==null||v.call(N,pl,R),G.current){const ul=G.current.getBoundingClientRect();(al=pl.dataTransfer)==null||al.setDragImage(G.current,ul.width/2,ul.height/2)}},fl=pl=>{var C;V.setAttribute("aria-grabbed","false"),M(!1),O(null),(C=N==null?void 0:N.onDragEnd)==null||C.call(N,pl,R)};return V.addEventListener("mousedown",()=>{g&&Tl()}),V.addEventListener("dragstart",B),V.addEventListener("dragend",fl),()=>{V.removeEventListener("dragstart",B),V.removeEventListener("dragend",fl)}},[J.current,JSON.stringify(l),JSON.stringify(a),R.DragPreviewCreateRoot,E]),ml(()=>{const V=J.current;V&&V.setAttribute("draggable",z?"true":"false")},[z]),ml(()=>{var B,fl,pl,C;let V=[];return Z&&(O({identifier:l,data:a,modifiers:s,DragNodeRef:J,rect:el,events:N,isDragging:Z,isEnableDrag:z}),(B=s==null?void 0:s.highlightDrop)!=null&&B.onDrag&&(V=((pl=(fl=R.droppables)==null?void 0:fl.filter($=>(($==null?void 0:$.identifier.accepts)??[]).includes(l.type??"")&&($==null?void 0:$.isEnableDrop)))==null?void 0:pl.map($=>$==null?void 0:$.setDropNodeRef.current))??[],(C=s==null?void 0:s.highlightDrop)!=null&&C.onDrag&&V.forEach($=>{var v;$==null||$.classList.add(((v=s==null?void 0:s.highlightDrop)==null?void 0:v.highlightClass)||"dnd-droppable-highlight")}))),()=>{V.forEach($=>{var v;$==null||$.classList.remove(((v=s==null?void 0:s.highlightDrop)==null?void 0:v.highlightClass)||"dnd-droppable-highlight")})}},[Z]),ml(()=>{q(!P)},[P]),{isDragging:Z,isEnableDrag:z,setIsEnableDrag:q,DragNodeRef:J}},ry=({identifier:l,data:a,renderItem:s,CustomDragPreview:N,modifiers:g,events:P,disabled:E,dropText:R})=>{const{DragNodeRef:O,isDragging:U}=ky({identifier:l,data:a,CustomDragPreview:N,modifiers:g,events:P,disabled:E,dropText:R});return s(O,U)},By="_featWrapper_asxgp_1",Dy="_featToggle_asxgp_7",Wy="_featTabsContainer_asxgp_13",Oy="_formattingWrapper_asxgp_37",Ry="_container_asxgp_45",zy="_wrapper_asxgp_57",Iy="_marginContainer_asxgp_63",_y="_chartDemo_asxgp_69",My="_chartDemoContainer_asxgp_75",Gy="_marginWrapper_asxgp_81",Hy="_chartColors_asxgp_87",Yy="_prefixSuffixContainer_asxgp_93",$y="_inputWrapper_asxgp_135",Xy="_badgeDiv_asxgp_189",Py="_formattingContainer_asxgp_257",Uy="_formattingGradient_asxgp_263",Zy="_ruleContainer_asxgp_279",qy="_gradientContainer_asxgp_287",Jy="_accordionHeader_asxgp_303",Ky="_comparisonValueContainer_asxgp_319",Qy="_positionButtonContainer_asxgp_329",cy="_positionButtonAlt_asxgp_335",gy="_positionButtonWrapper_asxgp_341",hy="_positionButton_asxgp_329",m={featWrapper:By,featToggle:Dy,featTabsContainer:Wy,formattingWrapper:Oy,container:Ry,"container-wrapper":"_container-wrapper_asxgp_51",wrapper:zy,marginContainer:Iy,chartDemo:_y,chartDemoContainer:My,marginWrapper:Gy,chartColors:Hy,prefixSuffixContainer:Yy,inputWrapper:$y,badgeDiv:Xy,formattingContainer:Py,formattingGradient:Uy,ruleContainer:Zy,gradientContainer:qy,accordionHeader:Jy,comparisonValueContainer:Ky,positionButtonContainer:Qy,positionButtonAlt:cy,positionButtonWrapper:gy,positionButton:hy},Gl=({val:l,onClick:a,isDisableCenterPositioning:s,isDisableVerticalCenterPositioning:N})=>o.jsx("div",{className:m.positionButtonContainer,children:o.jsxs("div",{className:m.positionButtonAlt,children:[o.jsxs("div",{className:m.positionButtonWrapper,children:[o.jsx("span",{className:`${m.positionButton} ${l==="top-left"?"dbn-bg-black":""}`,onClick:()=>a("top-left"),"data-testid":"position-0-0"}),N?null:o.jsx("span",{className:`${m.positionButton} ${l==="top-center"?"dbn-bg-black":""}`,onClick:()=>a("top-center"),"data-testid":"position-0-1"}),o.jsx("span",{className:`${m.positionButton} ${l==="top-right"?"dbn-bg-black":""}`,onClick:()=>a("top-right"),"data-testid":"position-0-2"})]}),s?null:o.jsxs("div",{className:m.positionButtonWrapper,children:[o.jsx("span",{className:`${m.positionButton} ${l==="left-center"?"dbn-bg-black":""}`,onClick:()=>a("left-center"),"data-testid":"position-1-0"}),o.jsx("span",{className:`${m.positionButton} ${l==="right-center"?"dbn-bg-black":""}`,onClick:()=>a("right-center"),"data-testid":"position-1-2"})]}),o.jsxs("div",{className:m.positionButtonWrapper,children:[o.jsx("span",{className:`${m.positionButton} ${l==="bottom-left"?"dbn-bg-black":""}`,onClick:()=>a("bottom-left"),"data-testid":"position-2-0"}),N?null:o.jsx("span",{className:`${m.positionButton} ${l==="bottom-center"?"dbn-bg-black":""}`,onClick:()=>a("bottom-center"),"data-testid":"position-2-1"}),o.jsx("span",{className:`${m.positionButton} ${l==="bottom-right"?"dbn-bg-black":""}`,onClick:()=>a("bottom-right"),"data-testid":"position-2-2"})]})]})}),Jl=[{label:"Bar Chart",value:"bar",icon:"bar-chart-2",tooltip:"Bar Chart"},{label:"Line Chart",value:"line",icon:"line",tooltip:"Line Chart"}],Sy=[{label:"",value:"left",icon:"align-left",tooltip:"Switch axis to Left"},{label:"",value:"right",icon:"align-right",tooltip:"Switch axis to Right"}],ty=[{label:"",value:"top",icon:"align-top",tooltip:"Switch axis to Top"},{label:"",value:"bottom",icon:"align-bottom",tooltip:"Switch axis to Bottom"}],Uj=({chartSettings:l,setChartSettings:a,axis:s,setMergeAxis:N})=>{var Tl,V,B,fl,pl,C,$,v,al,ul,wl,Wl;const[g,P]=S(!1),[E,R]=S(!1),[O,U]=S(!1),[X,Z]=S([]),[M,z]=S({label:"",upperLimit:0,lowerLimit:0}),q=()=>{const T=(s==null?void 0:s.labelFormatter)||[];M!=null&&M.isEdit?a(y=>{var L,A;return{...y,customSettings:{...y.customSettings,comboAxisSettings:(A=(L=y.customSettings)==null?void 0:L.comboAxisSettings)==null?void 0:A.map(D=>D.axis===(s==null?void 0:s.axis)?{...s,labelFormatter:T==null?void 0:T.map((W,K)=>K===(M==null?void 0:M.index)?{upperLimit:M==null?void 0:M.upperLimit,lowerLimit:M==null?void 0:M.lowerLimit,color:M==null?void 0:M.color,label:M==null?void 0:M.label}:W)}:D)}}}):a(y=>{var L,A;return{...y,customSettings:{...y.customSettings,comboAxisSettings:(A=(L=y.customSettings)==null?void 0:L.comboAxisSettings)==null?void 0:A.map(D=>D.axis===(s==null?void 0:s.axis)?{...s,labelFormatter:[...T,M]}:D)}}}),z({label:"",upperLimit:0,lowerLimit:0}),P(!1)},el=T=>{var L;const y=(L=s==null?void 0:s.labelFormatter)==null?void 0:L.filter(A=>A.label!==T.label&&A.lowerLimit!==T.lowerLimit&&A.upperLimit!==T.upperLimit);a(A=>{var D,W;return{...A,customSettings:{...A.customSettings,comboAxisSettings:(W=(D=A.customSettings)==null?void 0:D.comboAxisSettings)==null?void 0:W.map(K=>K.axis===(s==null?void 0:s.axis)?{...s,labelFormatter:y}:K)}}})},h=()=>{const T=s==null?void 0:s.measures,y=T==null?void 0:T.map(L=>{var D;const A=((D=s==null?void 0:s.chartTypes)==null?void 0:D.find(W=>W.axis===L))||{axis:L,type:"line"};return{axis:L,measures:[L],chartTypes:[A],numberFormatter:s.numberFormatter,labelFormatter:s.labelFormatter,isEnableLabelFormatter:s.isEnableLabelFormatter,prefix:s.prefix,suffix:s.suffix}});a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W).flat()}}})},J=dl(()=>{var T,y;return(y=(T=l==null?void 0:l.customSettings)==null?void 0:T.comboAxisSettings)==null?void 0:y.filter(L=>L.axis!==s.axis)},[(Tl=l==null?void 0:l.customSettings)==null?void 0:Tl.comboAxisSettings,s.axis]),G=()=>{var A,D;const T=(A=X==null?void 0:X.map(W=>W.measures))==null?void 0:A.flat(),y=X==null?void 0:X.map(W=>W.axis),L=`${s.axis} and ${(D=X==null?void 0:X.map(W=>W.axis))==null?void 0:D.join(" and ")}`;a(W=>{var K,il,vl;return{...W,customSettings:{...W.customSettings,comboAxisSettings:(vl=(il=(K=W.customSettings)==null?void 0:K.comboAxisSettings)==null?void 0:il.filter(xl=>!(y!=null&&y.includes(xl.axis))))==null?void 0:vl.map(xl=>xl.axis===(s==null?void 0:s.axis)?{...xl,measures:[...xl.measures,...T],axis:L}:xl).flat()}}}),U(!1),N(""),Z([])},t=dl(()=>{var y,L,A,D;return(((A=(L=(y=s.chartTypes)==null?void 0:y.map(W=>W.type))==null?void 0:L.filter(W=>W==="bar"))==null?void 0:A.length)||0)===((D=s==null?void 0:s.measures)==null?void 0:D.length)},[s.chartTypes,(V=s==null?void 0:s.measures)==null?void 0:V.length]);ml(()=>{!t&&(s!=null&&s.isEnableStackBar)&&a(T=>{var y,L;return{...T,customSettings:{...T.customSettings,comboAxisSettings:(L=(y=T.customSettings)==null?void 0:y.comboAxisSettings)==null?void 0:L.map(A=>A.axis===(s==null?void 0:s.axis)?{...A,isEnableStackBar:!1}:A)}}})},[s==null?void 0:s.axis,s==null?void 0:s.isEnableStackBar,t]);const Fl=dl(()=>(l==null?void 0:l.chartType)===u.horizontalCombo?ty:Sy,[l==null?void 0:l.chartType]);return o.jsxs(o.Fragment,{children:[O?null:o.jsxs("div",{className:"dbn-w-full dbn-px-3 dbn-py-3 dbn-border dbn-border-secondary dbn-rounded-md dbn-flex dbn-flex-col dbn-gap-0","data-testid":`combo-axis-${(B=s==null?void 0:s.axis)==null?void 0:B.toLowerCase().replaceAll(" ","-")}`,children:[o.jsxs(_,{variant:"popover",className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center",onClick:()=>R(!E),children:[o.jsxs("div",{className:"dbn-flex dbn-gap-2 dbn-items-center dbn-w-[80%]",children:[o.jsx("span",{className:`${E?"":"-dbn-rotate-90 dbn-block"}`,children:o.jsx(Q,{name:"caret-down-fill"})}),o.jsx("span",{className:"dbn-w-[cal(100%-80px)] dbn-block dbn-text-sm dbn-font-medium dbn-truncate",children:s==null?void 0:s.axis}),((fl=s==null?void 0:s.measures)==null?void 0:fl.length)>1?o.jsx("span",{className:"dbn-bg-[#DBEAFE] dbn-rounded-md dbn-py-1 dbn-px-2 dbn-text-xs dbn-font-medium",children:"Combo"}):null]}),o.jsxs("div",{className:"dbn-flex dbn-gap-0 dbn-items-center",children:[o.jsx(nl,{text:"merge",children:o.jsx(_,{variant:"popover",className:`dbn-p-1.5 dbn-h-full dbn-border dbn-border-secondary dbn-rounded-md ${((pl=s==null?void 0:s.measures)==null?void 0:pl.length)>1?"dbn-rounded-r-none":""}`,onClick:T=>{T.stopPropagation(),U(!0),N(s.axis)},children:o.jsx(Q,{name:"merge-2",size:"xs"})})}),((C=s==null?void 0:s.measures)==null?void 0:C.length)>1?o.jsx(nl,{text:"split",children:o.jsx(_,{variant:"popover",className:"dbn-p-1.5 dbn-h-full dbn-border dbn-border-secondary dbn-rounded-md dbn-border-l-0 dbn-rounded-l-none",onClick:T=>{T.stopPropagation(),h()},children:o.jsx(Q,{name:"unmerge",size:"xs"})})}):null]})]}),E?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2.5 dbn-py-3 dbn-border-b dbn-border-secondary",children:[o.jsx(j,{type:"text",placeholder:"Enter Axis Name",label:"Axis Name",value:s==null?void 0:s.axis,onChange:T=>{const y={...s,axis:T.target.value};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})}}),o.jsx(p,{name:`${s.axis} text break`,placeholder:"Enable Text Wrap",isDisabled:!(s!=null&&s.axis),enabled:s.isEnableTextBreak,onChange:()=>{a(T=>{var y,L;return{...T,customSettings:{...T.customSettings,comboAxisSettings:(L=(y=T.customSettings)==null?void 0:y.comboAxisSettings)==null?void 0:L.map(A=>A.axis===(s==null?void 0:s.axis)?{...A,isEnableTextBreak:!A.isEnableTextBreak}:A)}}})}}),s.isEnableTextBreak?o.jsx(j,{type:"number",placeholder:"Text Wrap",label:"Text Wrap Value",value:(s==null?void 0:s.textBreak)||30,onChange:T=>{const y={...s,textBreak:parseInt(T.target.value,10)};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})}}):null,o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-1 dbn-flex-col",children:[o.jsx(i,{variant:"heading-6",children:"Measures"}),o.jsx("div",{className:"dbn-px-3 dbn-py-2 dbn-w-full dbn-flex dbn-gap-2 dbn-flex-wrap dbn-h-auto dbn-border dbn-border-secondary dbn-rounded-md",children:($=s==null?void 0:s.measures)==null?void 0:$.map(T=>o.jsx("span",{className:"dbn-truncate dbn-bg-[#DBEAFE] dbn-rounded-md dbn-py-1 dbn-px-2 dbn-text-xs dbn-font-medium",children:T}))})]}),(v=s==null?void 0:s.measures)==null?void 0:v.map(T=>{var L,A;const y=(A=(L=s==null?void 0:s.chartTypes)==null?void 0:L.find(D=>D.axis===T))==null?void 0:A.type;return o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:`Chart Type (${T})`,selectedOption:Jl.find(D=>D.value===y)||Jl[1],isHideLabel:!0,tooltipPosition:"bottom",tooltipClass:"dbn-w-1/2",buttonClass:"dbn-w-full",options:Jl,onChange:D=>{var K;const W={...s,chartTypes:y?(K=s==null?void 0:s.chartTypes)==null?void 0:K.map(il=>il.axis===T?{axis:T,type:D.value}:il):[...s.chartTypes,{axis:T,type:D.value}]};a(il=>{var vl,xl;return{...il,customSettings:{...il.customSettings,comboAxisSettings:(xl=(vl=il.customSettings)==null?void 0:vl.comboAxisSettings)==null?void 0:xl.map(El=>El.axis===(s==null?void 0:s.axis)?W:El)}}})}})})}),((al=s==null?void 0:s.measures)==null?void 0:al.length)>1?o.jsx(nl,{text:t?"":"To enable stacking, change the Chart Type of all measures under this axis to Bar Chart.",children:o.jsx(p,{name:`${s.axis} stack bar`,placeholder:"Enable Stack Bar",isDisabled:!t,enabled:s.isEnableStackBar,onChange:()=>{a(T=>{var y,L;return{...T,customSettings:{...T.customSettings,comboAxisSettings:(L=(y=T.customSettings)==null?void 0:y.comboAxisSettings)==null?void 0:L.map(A=>A.axis===(s==null?void 0:s.axis)?{...A,isEnableStackBar:!A.isEnableStackBar}:A)}}})}})}):null,(ul=s==null?void 0:s.chartTypes)!=null&&ul.some(T=>(T==null?void 0:T.type)===u.bar)?o.jsx(p,{name:`${s.axis} barBg`,placeholder:"Bar Background",enabled:s.isEnableBarBg,onChange:()=>{a(T=>{var y,L;return{...T,customSettings:{...T.customSettings,comboAxisSettings:(L=(y=T.customSettings)==null?void 0:y.comboAxisSettings)==null?void 0:L.map(A=>A.axis===(s==null?void 0:s.axis)?{...A,isEnableBarBg:!A.isEnableBarBg}:A)}}})}}):null]}),o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-py-3 dbn-border-b dbn-border-secondary",children:[o.jsx(i,{variant:"heading-6",children:"Axis Formatting"}),o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2.5",children:[o.jsx(I,{label:"Number Format",selectedOption:{value:(s==null?void 0:s.numberFormatter)||"original",label:(s==null?void 0:s.numberFormatter)||"original"},options:Dl,onChange:T=>{const y={...s,numberFormatter:T.value};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})},buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"text",label:"Prefix",placeholder:"Enter Text",value:(s==null?void 0:s.prefix)||"",onChange:T=>{const y={...s,prefix:T.target.value};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})}}),o.jsx(j,{type:"text",label:"Suffix",placeholder:"Enter Text",value:s==null?void 0:s.suffix,onChange:T=>{const y={...s,suffix:T.target.value};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})}})]})]}),o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:"Axis Position",selectedOption:Fl.find(T=>T.value===(s==null?void 0:s.axisPosition))||{value:"",label:""},isHideLabel:!0,tooltipPosition:"bottom",options:Fl,tooltipClass:"dbn-w-1/2",buttonClass:"dbn-w-full",onChange:T=>{const y={...s,axisPosition:T.value};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})}})}),o.jsx("div",{className:"dbn-w-full",children:o.jsx(j,{label:"Axis Name - Label Gap",type:"number",min:"0",onChange:T=>{const y={...s,gap:Number(T.target.value)};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})},value:(s==null?void 0:s.gap)||0})})]}),o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-py-3 dbn-border-b dbn-border-secondary",children:[o.jsxs("div",{className:`${m.featToggle} dbn-justify-between`,children:[o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-items-center",children:[o.jsx(p,{name:`${s==null?void 0:s.axis} label formatting`,defaultEnabled:!0,enabled:s==null?void 0:s.isEnableLabelFormatter,onChange:()=>{const T={...s,isEnableLabelFormatter:!(s!=null&&s.isEnableLabelFormatter)};a(y=>{var L,A;return{...y,customSettings:{...y.customSettings,comboAxisSettings:(A=(L=y.customSettings)==null?void 0:L.comboAxisSettings)==null?void 0:A.map(D=>D.axis===(s==null?void 0:s.axis)?T:D)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Band Formatting"})]}),g?null:o.jsx(_,{variant:"tertiary",onClick:()=>P(!0),size:"small",leftIcon:o.jsx(Q,{name:"plus",size:"sm"}),isDisabled:!(s!=null&&s.isEnableLabelFormatter),children:"Add a Range"})]}),s!=null&&s.isEnableLabelFormatter?o.jsxs(o.Fragment,{children:[g?o.jsxs("div",{className:m.formattingWrapper,children:[o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Lower Limit",onChange:T=>z(y=>({...y,lowerLimit:Number.isNaN(Number(T.target.value))?T.target.value:Number(T.target.value)})),value:M.lowerLimit})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Upper Limit",onChange:T=>z(y=>({...y,upperLimit:Number.isNaN(Number(T.target.value))?T.target.value:Number(T.target.value)})),value:M.upperLimit})}),o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(j,{type:"text",label:"Label",placeholder:"Enter Text",onChange:T=>z(y=>({...y,label:T.target.value})),value:M.label})}),o.jsxs("div",{className:"dbn-col-span-4 dbn-mt-3 dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(_,{variant:"secondary",onClick:()=>{P(!1),z({label:"",upperLimit:0,lowerLimit:0})},children:"Close"}),o.jsx(_,{variant:"primary",onClick:q,isDisabled:!M.label||!M.lowerLimit.toString()||!M.upperLimit.toString()||M.upperLimit===M.lowerLimit,children:M!=null&&M.isEdit?"Update":"Save"})]})]}):null,(wl=s==null?void 0:s.labelFormatter)!=null&&wl.length?o.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2",children:(Wl=s==null?void 0:s.labelFormatter)==null?void 0:Wl.map((T,y)=>o.jsxs("div",{className:"dbn-w-full dbn-px-4 dbn-py-3 dbn-rounded-md dbn-flex dbn-gap-3 dbn-items-center dbn-justify-between dbn-border dbn-border-secondary",children:[o.jsxs("div",{children:[o.jsx(i,{variant:"body-text-2",children:Qj(T.label,22)}),o.jsx(i,{variant:"body-text-3",children:`(${T.lowerLimit} - ${T.upperLimit})`})]}),o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-mx-3",children:[o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"pencil-simple",size:"sm"}),onClick:()=>{z({...T,isEdit:!0,index:y}),P(!0)},isDisabled:g}),o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"delete",color:"alert"}),onClick:()=>el(T),isDisabled:g})]})]}))}):null]}):null]})]}):null]}),O?o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2",children:[o.jsx(i,{variant:"heading-6",children:"Merge with"}),o.jsxs("div",{className:"dbn-w-full dbn-px-3 dbn-py-3 dbn-border dbn-border-secondary dbn-rounded-md dbn-flex dbn-gap-2",children:[o.jsx(Pj,{isDisabled:!0,checked:!0}),o.jsx("span",{className:"dbn-w-[cal(100%-80px)] dbn-block dbn-text-sm dbn-font-medium dbn-truncate",children:s.axis})]}),J==null?void 0:J.map(T=>o.jsxs("div",{className:"dbn-w-full dbn-px-3 dbn-py-3 dbn-border dbn-border-secondary dbn-rounded-md dbn-flex dbn-gap-2",children:[o.jsx(Pj,{onClick:()=>{X!=null&&X.find(y=>y.axis===T.axis)?Z(X.filter(y=>y.axis!==T.axis)):Z(y=>[...y,T])}}),o.jsx("span",{className:"dbn-w-[cal(100%-80px)] dbn-block dbn-text-sm dbn-font-medium dbn-truncate",children:T.axis})]}))]}),o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center dbn-justify-end",children:[o.jsx(_,{variant:"tab",onClick:()=>{U(!1),N("")},children:"Cancel"}),o.jsx(_,{variant:"primary",onClick:G,children:"Merge Axis"})]})]}):null]})},l0=({chartSettings:l,setChartSettings:a,axis:s})=>{var P;const[N,g]=S(!1);return o.jsxs("div",{className:"dbn-w-full dbn-px-3 dbn-py-3 dbn-border dbn-border-secondary dbn-rounded-md dbn-flex dbn-flex-col dbn-gap-0","data-testid":`combo-axis-${(P=s==null?void 0:s.axis)==null?void 0:P.toLowerCase().replaceAll(" ","-")}`,children:[o.jsx(_,{variant:"popover",className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center",onClick:()=>g(!N),children:o.jsxs("div",{className:"dbn-flex dbn-gap-2 dbn-items-center dbn-w-[80%]",children:[o.jsx("span",{className:`${N?"":"-dbn-rotate-90 dbn-block"}`,children:o.jsx(Q,{name:"caret-down-fill"})}),o.jsx("span",{className:"dbn-w-[cal(100%-80px)] dbn-block dbn-text-sm dbn-font-medium dbn-truncate",children:s==null?void 0:s.axis})]})}),N?o.jsx(o.Fragment,{children:o.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-py-3 dbn-border-b dbn-border-secondary",children:o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2.5",children:[o.jsx(I,{label:"Number Format",selectedOption:{value:(s==null?void 0:s.numberFormatter)||"original",label:(s==null?void 0:s.numberFormatter)||"original"},options:Dl,onChange:E=>{const R={...s,numberFormatter:E.value};a(O=>{var U,X;return{...O,customSettings:{...O.customSettings,comboAxisSettings:(X=(U=O.customSettings)==null?void 0:U.comboAxisSettings)==null?void 0:X.map(Z=>Z.axis===(s==null?void 0:s.axis)?R:Z)}}})},buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"text",label:"Prefix",placeholder:"Enter Text",value:(s==null?void 0:s.prefix)||"",onChange:E=>{const R={...s,prefix:E.target.value};a(O=>{var U,X;return{...O,customSettings:{...O.customSettings,comboAxisSettings:(X=(U=O.customSettings)==null?void 0:U.comboAxisSettings)==null?void 0:X.map(Z=>Z.axis===(s==null?void 0:s.axis)?R:Z)}}})}}),o.jsx(j,{type:"text",label:"Suffix",placeholder:"Enter Text",value:s==null?void 0:s.suffix,onChange:E=>{const R={...s,suffix:E.target.value};a(O=>{var U,X;return{...O,customSettings:{...O.customSettings,comboAxisSettings:(X=(U=O.customSettings)==null?void 0:U.comboAxisSettings)==null?void 0:X.map(Z=>Z.axis===(s==null?void 0:s.axis)?R:Z)}}})}})]})]})})}):null]})},e0=({chartSettings:l,setChartSettings:a,isEndUser:s})=>{var P,E,R;const[N,g]=S("");return o.jsx(o.Fragment,{children:(R=(E=(P=l==null?void 0:l.customSettings)==null?void 0:P.comboAxisSettings)==null?void 0:E.filter(O=>{var U;return(U=O==null?void 0:O.measures)==null?void 0:U.length}))==null?void 0:R.map(O=>o.jsx(o.Fragment,{children:N?o.jsx(o.Fragment,{children:N===O.axis?o.jsx(Uj,{chartSettings:l,setChartSettings:a,axis:O,setMergeAxis:g}):null}):o.jsx(o.Fragment,{children:s?o.jsx(l0,{chartSettings:l,setChartSettings:a,axis:O}):o.jsx(Uj,{chartSettings:l,setChartSettings:a,axis:O,setMergeAxis:g})})}))})},o0="_chartColors_wiz3u_1",n0="_paletteButton_wiz3u_5",d0="_buttonIndicator_wiz3u_9",a0="_paletteOptions_wiz3u_14",Hl={chartColors:o0,paletteButton:n0,buttonIndicator:d0,paletteOptions:a0},u0="_badge_1d91x_1",b0="_primary_1d91x_5",s0="_secondary_1d91x_9",m0="_gray_1d91x_13",i0="_success_1d91x_17",x0="_danger_1d91x_25",f0="_warning_1d91x_33",p0="_info_1d91x_37",j0="_xs_1d91x_41",Zj={badge:u0,primary:b0,secondary:s0,gray:m0,success:i0,"success-light":"_success-light_1d91x_21",danger:x0,"danger-light":"_danger-light_1d91x_29",warning:f0,info:p0,xs:j0,"alert-badge":"_alert-badge_1d91x_45","success-badge":"_success-badge_1d91x_49","gray-info":"_gray-info_1d91x_53"},y0=({label:l,varaint:a="success",size:s="sm",onClick:N,className:g,indicator:P})=>{const E={xs:"input-label",sm:"body-text-2",md:"body-text-1"},R={warning:"warning-dark",success:"white",danger:"white",primary:"white",secondary:"primary",info:"white",xs:"white",gray:"primary","gray-info":"primary","success-light":"success","danger-light":"alert","alert-badge":"alert-dark","success-badge":"success-badge-txt"};return o.jsxs("div",{className:`${Zj.badge} ${Zj[a]} ${g}`,onClick:N,children:[P||null,l?o.jsx(i,{variant:E[s],color:R[a],children:l}):null]})},C0=({chartSettings:l,setChartSettings:a,chartPaletteOptions:s,buttonAddOns:N})=>{const g=(E,R)=>{var O;return o.jsxs("div",{className:Hl.chartColors,children:[o.jsx(i,{variant:"body-text-2",children:(E==null?void 0:E.name)??"Default"}),o.jsx("div",{className:"dbn-flex dbn-justify-between dbn-items-start dbn-gap-1 dbn-w-full dbn-my-3",children:o.jsx("div",{className:"dbn-w-fit dbn-flex dbn-flex-wrap dbn-items-center dbn-gap-1",children:(O=R?l==null?void 0:l.chartColors:E==null?void 0:E.colors)==null?void 0:O.map(U=>o.jsx("span",{className:"dbn-h-5 dbn-w-5 dbn-inline-block dbn-rounded",style:{backgroundColor:U},title:U},U))})})]})},P=dl(()=>s==null?void 0:s.find(E=>{var R;return E.colors.length!==((R=l==null?void 0:l.chartColors)==null?void 0:R.length)?!1:Ty(E.colors||[],(l==null?void 0:l.chartColors)||[])}),[l==null?void 0:l.chartColors,s]);return o.jsx(Ay,{buttonContent:o.jsxs(_,{variant:"tab",className:Hl.paletteButton,children:[g(P,!0),N,o.jsxs("div",{className:Hl.buttonIndicator,children:[o.jsx(y0,{label:`${s==null?void 0:s.length} palettes`,varaint:"gray",size:"xs"}),o.jsx(Q,{name:"chevron-down"})]})]}),tabMenu:!0,menuWidth:"100%",position:"bottom",children:o.jsx($l,{direction:"col",className:"dbn-gap-3 dbn-max-h-[350px] dbn-overflow-y-auto dbn-p-3",children:s==null?void 0:s.map(E=>o.jsx("div",{className:"dbn-w-full",children:o.jsxs(_,{variant:"tab",className:`${Hl.paletteOptions} ${(E==null?void 0:E.name)===(P==null?void 0:P.name)?"dbn-border-primary dbn-bg-actionItem-active":""}`,onClick:()=>{a(R=>({...R,chartColors:E==null?void 0:E.colors,isCustomColorApplied:!0}))},children:[g(E,!1),o.jsx("div",{style:{width:"40px"},children:o.jsx(kl,{id:`${E==null?void 0:E.name}-radio`,name:`${E==null?void 0:E.name}-radio`,checked:(E==null?void 0:E.name)===(P==null?void 0:P.name),readOnly:!0})})]})},E.name))})})},N0="_prefixSuffixContainer_1o5vp_1",T0="_formatOptions_1o5vp_4",w0="_deleteFormatOpt_1o5vp_7",Kl={prefixSuffixContainer:N0,formatOptions:T0,deleteFormatOpt:w0},qj=({chartSettings:l,setChartSettings:a,tableFormatColumnOptions:s,badgeColumnOptions:N,isEndUser:g})=>{var U,X,Z,M;const P=Bl(z=>{var el,h;const q=new Set(((h=(el=l==null?void 0:l.tableSettings)==null?void 0:el.tableNumberFormatter)==null?void 0:h.flatMap((J,G)=>G!==z?J.columns||[]:[]))||[]);return(s==null?void 0:s.filter(J=>!q.has(J.value)))||[]},[s,(U=l==null?void 0:l.tableSettings)==null?void 0:U.tableNumberFormatter]),E=(z,q,el)=>{a(h=>{var J,G;return{...h,tableSettings:{...h.tableSettings,tableNumberFormatter:(G=(J=h==null?void 0:h.tableSettings)==null?void 0:J.tableNumberFormatter)==null?void 0:G.map((t,Fl)=>{var Tl,V;return Fl===q?{...(V=(Tl=h==null?void 0:h.tableSettings)==null?void 0:Tl.tableNumberFormatter)==null?void 0:V[Fl],[z]:el}:t})}}})},R=Bl((z,q)=>{const el=(N==null?void 0:N.map(t=>t.value))||[],h=q.filter(t=>t&&t!=="NONE"&&el.includes(t))||[],J=q.filter(t=>t&&t!=="NONE")||[],G=[u.pivotV2,u.horizontalStackTable,u.pivotV3].includes(l==null?void 0:l.chartType)?J:h;E("columns",z,G)},[N,l==null?void 0:l.tableSettings,a,l==null?void 0:l.chartType]),O=z=>{a(q=>{var el,h;return{...q,tableSettings:{...q.tableSettings,tableNumberFormatter:(h=(el=q==null?void 0:q.tableSettings)==null?void 0:el.tableNumberFormatter)==null?void 0:h.filter((J,G)=>G!==z),formattedColumns:[],tableFormatter:"",tableSuffix:"",tablePrefix:""}}})};return o.jsxs(o.Fragment,{children:[(Z=(X=l==null?void 0:l.tableSettings)==null?void 0:X.tableNumberFormatter)==null?void 0:Z.map((z,q)=>{var el,h,J;return o.jsxs("div",{className:Kl.formatOptions,children:[o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"delete",size:"xs"}),containerClass:Kl.deleteFormatOpt,className:"dbn-w-6 dbn-h-6",onClick:G=>{G.stopPropagation(),O(q)}}),o.jsx(sl,{label:"Columns",buttonWidth:"100%",menuWidth:"100%",options:P(q),isDisabled:!((el=l==null?void 0:l.tableSettings)!=null&&el.isEnableNumberFormatting),onChange:G=>{R(q,G==null?void 0:G.map(t=>t.value))},selectedOption:((h=z==null?void 0:z.columns)==null?void 0:h.map(G=>({value:G,label:G})))||[]}),o.jsx(I,{label:"Number Format",selectedOption:{value:z.formatter||"original",label:z.formatter||"original"},options:Dl,isDisabled:!((J=l==null?void 0:l.tableSettings)!=null&&J.isEnableNumberFormatting),onChange:G=>E("formatter",q,G.value),buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:Kl.prefixSuffixContainer,children:[o.jsx(j,{type:"text",label:"Prefix",placeholder:"Add prefix to values",value:z.prefix,onChange:G=>E("prefix",q,G.target.value)}),o.jsx(j,{type:"text",label:"Suffix",placeholder:"Add suffix to values",value:z.suffix,onChange:G=>E("suffix",q,G.target.value)})]})]},`formatter-${q}`)}),(M=P())!=null&&M.length?o.jsx(_,{variant:"tab",fitContainer:!0,onClick:()=>a(z=>{var q;return{...z,tableSettings:{...z==null?void 0:z.tableSettings,tableNumberFormatter:[...((q=z==null?void 0:z.tableSettings)==null?void 0:q.tableNumberFormatter)||[],{columns:[],formatter:"",prefix:"",suffix:""}]}}}),size:"small",leftIcon:o.jsx(Q,{name:"plus",size:"sm"}),children:"Add a Formatter"}):null]})},Jj=l=>[u.horizontalStackTable].includes(l)?[{label:"",value:"right",icon:"align-right"},{label:"",value:"inside",icon:"align-center"},{label:"",value:"bottom",icon:"align-bottom"}]:[u.pie,u.doughnut,u.rose,u.funnel].includes(l)?[{label:"Outside",value:"outside",icon:""},{label:"Inside",value:"inside",icon:""},{label:"Hidden",value:"hidden",icon:""}]:[u.linearGauge].includes(l)?[{label:"",value:"hidden",icon:"straight-line"},{label:"",value:"left",icon:"align-left"},{label:"",value:"inside",icon:"align-center"},{label:"",value:"right",icon:"align-right"}]:[{label:"",value:"hidden",icon:"straight-line"},{label:"",value:"left",icon:"align-left"},{label:"",value:"top",icon:"align-top"},{label:"",value:"inside",icon:"align-center"},{label:"",value:"bottom",icon:"align-bottom"},{label:"",value:"right",icon:"align-right"}],Kj=[{value:"success",label:"Green for Up"},{value:"danger",label:"Red for Up"}],Yl=[{value:"12",label:"12px"},{value:"14",label:"14px"},{value:"16",label:"16px"},{value:"18",label:"18px"},{value:"20",label:"20px"},{value:"22",label:"22px"},{value:"24",label:"24px"},{value:"26",label:"26px"},{value:"28",label:"28px"},{value:"30",label:"30px"},{value:"32",label:"32px"}],ll=[{value:"400",label:"Regular"},{value:"500",label:"Medium"},{value:"600",label:"Semi Bold"},{value:"700",label:"Bold"}],$0=({chartSettings:l,setChartSettings:a,setBarRadius:s,comparisonLagProps:N,setResetPallete:g,paletteOptions:P,onChangeTimeseriesFormat:E,isChatMode:R,onChange:O,globalFilterOptions:U=[],isEnableComparisonValue:X})=>{var le,ee,oe,ne,de,ae,ue,be,se,me,ie,xe,fe,pe,je,ye,Ce,Ne,Te,we,ve,Fe,Le,Ae,Ee,Ve,ke,re,Be,De,We,Oe,Re,ze,Ie,_e,Me,Ge,He,Ye,$e,Xe,Pe,Ue,Ze,qe,Je,Ke,Qe,ce,ge,he,Se,te,lo,eo,oo,no,ao,uo,bo,so,mo,io,xo,fo,po,jo,yo,Co,No,To,wo,vo,Fo,Lo,Ao,Eo,Vo,ko,ro,Bo,Do,Wo,Oo,Ro,zo,Io,_o,Mo,Go,Ho,Yo,$o,Xo,Po,Uo,Zo,qo,Jo,Ko,Qo,co,go,ho,So,to,ln,en,on,nn,dn,an,un,bn,sn,mn,xn,fn,pn,jn,yn,Cn,Nn,Tn,wn,vn,Fn,Ln,An,En,Vn,kn,rn,Bn,Dn,Wn,On,Rn,zn,In,_n,Mn,Gn,Hn,Yn,$n,Xn,Pn,Un,Zn,qn,Jn,Kn,Qn,cn,gn,hn,Sn,tn,ld,ed,od,nd,dd,ad,ud,bd,sd,md,id,xd,fd,pd,jd,yd,Cd,Nd,Td,wd,vd,Fd,Ld,Ad,Ed,Vd,kd,rd,Bd,Dd,Wd,Od,Rd,zd,Id,_d,Md,Gd,Hd,Yd,$d,Xd,Pd,Ud,Zd,qd,Jd,Kd,Qd,cd,gd,hd,Sd,td,la,ea,oa,na,da,aa,ua,ba,sa,ma,ia,xa,fa,pa,ja,ya,Ca,Na,Ta,wa,va,Fa,La,Aa,Ea,Va,ka,ra,Ba,Da,Wa,Oa,Ra,za,Ia,_a,Ma,Ga,Ha,Ya,$a,Xa,Pa,Ua,Za,qa,Ja,Ka,Qa,ca,ga,ha,Sa,ta,lu,eu,ou,nu,du,au,uu,bu,su,mu,iu,xu,fu,pu,ju,yu,Cu,Nu,Tu,wu,vu,Fu,Lu,Au,Eu,Vu,ku,ru,Bu,Du,Wu,Ou,Ru,zu,Iu,_u,Mu,Gu,Hu,Yu,$u,Xu,Pu,Uu,Zu,qu,Ju,Ku,Qu,cu,gu,hu,Su,tu,lb,eb,ob,nb,db,ab,ub,bb,sb,mb,ib,xb,fb,pb,jb,yb,Cb,Nb,Tb,wb,vb,Fb,Lb,Ab,Eb,Vb,kb,rb,Bb,Db,Wb,Ob,Rb,zb,Ib,_b,Mb,Gb,Hb,Yb,$b,Xb,Pb,Ub,Zb,qb,Jb,Kb,Qb,cb,gb,hb,Sb,tb,ls,es,os,ns,ds,as,us,bs,ss,ms,is,xs,fs,ps,js,ys,Cs,Ns,Ts,ws,vs,Fs,Ls,As,Es,Vs,ks,rs,Bs,Ds,Ws,Os,Rs,zs,Is,_s,Ms,Gs,Hs,Ys,$s,Xs,Ps,Us,Zs,qs,Js,Ks,Qs,cs,gs,hs,Ss,ts,lm,em,om,nm,dm,am,um,bm,sm,mm,im,xm,fm,pm,jm,ym,Cm,Nm,Tm,wm,vm,Fm,Lm,Am,Em,Vm,km,rm,Bm,Dm,Wm,Om,Rm,zm,Im,_m,Mm,Gm,Hm,Ym,$m,Xm,Pm,Um,Zm,qm,Jm,Km,Qm,cm,gm,hm,Sm,tm,li,ei,oi,ni,di,ai,ui,bi,si,mi,ii,xi,fi,pi,ji,yi,Ci,Ni,Ti,wi,vi,Fi,Li,Ai,Ei,Vi,ki,ri,Bi,Di,Wi,Oi,Ri,zi,Ii,_i,Mi,Gi,Hi,Yi,$i,Xi,Pi,Ui,Zi,qi,Ji,Ki,Qi,ci,gi,hi,Si,ti,lx,ex,ox,nx,dx,ax,ux,bx,sx,mx,ix,xx,fx,px,jx,yx,Cx,Nx,Tx,wx,vx,Fx,Lx,Ax,Ex,Vx,kx,rx,Bx,Dx,Wx,Ox,Rx,zx,Ix,_x,Mx,Gx,Hx,Yx,$x,Xx,Px,Ux,Zx,qx,Jx,Kx,Qx,cx,gx,hx,Sx,tx,lf,ef,of,nf,df,af,uf,bf,sf,mf,xf,ff,pf,jf,yf,Cf,Nf,Tf,wf,vf,Ff,Lf,Af,Ef,Vf,kf,rf,Bf,Df,Wf,Of,Rf,zf,If,_f,Mf,Gf,Hf,Yf,$f,Xf,Pf,Uf,Zf,qf,Jf,Kf,Qf,cf,gf,hf,Sf,tf,lp,ep,op,np,dp,ap,up,bp,sp,mp,ip,xp,fp,pp,jp,yp,Cp,Np,Tp,wp,vp,Fp,Lp,Ap,Ep,Vp,kp,rp,Bp,Dp,Wp,Op,Rp,zp,Ip,_p,Mp,Gp,Hp,Yp,$p,Xp,Pp,Up,Zp,qp,Jp,Kp,Qp,cp,gp,hp,Sp,tp,lj,ej,oj,nj,dj,aj,uj,bj,sj,mj,ij,xj,fj,pj,jj,yj,Cj,Nj,Tj,wj,vj,Fj,Lj,Aj,Ej,Vj,kj,rj,Bj,Dj,Wj,Oj,Rj,zj,Ij,_j,Mj;const Z=()=>{const e=[...(l==null?void 0:l.chartColors)||[]];for(let n=e.length-1;n>0;n--){const d=Math.floor(Math.random()*(n+1));[e[n],e[d]]=[e[d],e[n]]}a(n=>({...n,chartColors:e}))},[M,z]=S(!1),[q,el]=S(!1),[h,J]=S(""),[G,t]=S(!1),[Fl,Tl]=S(!1),[V,B]=S(""),[fl,pl]=S(((le=l==null?void 0:l.customSettings)==null?void 0:le.displayText)??""),[C,$]=S({backgrounColor:"#FFFFFF",color:"#000000",columnName:((ee=l==null?void 0:l.yAxisList)==null?void 0:ee[0])||"",operator:rl[0].value,value:"",isApplyBgColor:!0,isApplyBadgeColor:!1}),[v,al]=S({type:"range",min:0,max:0,color:"#000000",operator:"isEqualTo"}),[ul,wl]=S({startColor:"#FFFFFF",endColor:"#000000",offset1:.5,offset2:.05,direction:"left",isRadial:!1}),[Wl,T]=S(0),[y,L]=S({label:"",upperLimit:0,lowerLimit:0}),A=dl(()=>{var e,n,d,b,x,f,w,k;return(l==null?void 0:l.chartType)===u.table?(n=(e=l==null?void 0:l.numberColumns)==null?void 0:e.filter(F=>{var r,Y;return!((Y=(r=l==null?void 0:l.tableSettings)==null?void 0:r.listColumns)!=null&&Y.includes(F))}))==null?void 0:n.map(F=>({value:F,label:F})):(l==null?void 0:l.chartType)===u.pivotV2?(b=(d=l==null?void 0:l.pivotTableSettings2)==null?void 0:d.measures)==null?void 0:b.map(F=>({value:F,label:F})):(l==null?void 0:l.chartType)===u.horizontalStackTable?[...(l==null?void 0:l.stackTableCols)||[],...((f=(x=l==null?void 0:l.tableSettings)==null?void 0:x.hStackTrendOptions)==null?void 0:f.map(F=>F==null?void 0:F.column))||[]].map(F=>({value:F||"",label:F||""})):(l==null?void 0:l.chartType)===u.pivotV3?((k=(w=l==null?void 0:l.pivotTableSettings3)==null?void 0:w.aggregates)==null?void 0:k.map(F=>({value:(F==null?void 0:F.alias)||(F==null?void 0:F.columnName)||"",label:(F==null?void 0:F.alias)||(F==null?void 0:F.columnName)||""})))||[]:[]},[l==null?void 0:l.chartType,l==null?void 0:l.numberColumns,(oe=l==null?void 0:l.tableSettings)==null?void 0:oe.listColumns,(ne=l==null?void 0:l.pivotTableSettings2)==null?void 0:ne.measures,l==null?void 0:l.stackTableCols,(de=l==null?void 0:l.tableSettings)==null?void 0:de.hStackTrendOptions,(ae=l==null?void 0:l.pivotTableSettings3)==null?void 0:ae.aggregates]),D=dl(()=>{var e;return(l==null?void 0:l.chartType)===u.table?(e=l==null?void 0:l.numberColumns)==null?void 0:e.map(n=>({value:n,label:n})):[]},[l==null?void 0:l.chartType,l==null?void 0:l.numberColumns]),W=dl(()=>{var e;return(e=l==null?void 0:l.yAxisList)==null?void 0:e.filter(n=>{var d,b;return!((b=(d=l==null?void 0:l.tableSettings)==null?void 0:d.listColumns)!=null&&b.includes(n))})},[(ue=l==null?void 0:l.tableSettings)==null?void 0:ue.listColumns,l==null?void 0:l.yAxisList]),K=dl(()=>(W==null?void 0:W.map(e=>({value:e,label:e})))||[],[W]),il=dl(()=>{var e,n;return((n=(e=l==null?void 0:l.arrayColumns)==null?void 0:e.filter(d=>{var b;return(b=l==null?void 0:l.yAxisList)==null?void 0:b.includes(d)}))==null?void 0:n.map(d=>({value:d,label:d})))||[]},[l==null?void 0:l.arrayColumns,l==null?void 0:l.yAxisList]),vl=dl(()=>{var e;return(e=l==null?void 0:l.yAxisList)==null?void 0:e.filter(n=>{var d,b,x,f;return!((b=(d=l==null?void 0:l.tableSettings)==null?void 0:d.badgeColumns)!=null&&b.includes(n))&&!((f=(x=l==null?void 0:l.tableSettings)==null?void 0:x.formattedColumns)!=null&&f.includes(n))})},[(be=l==null?void 0:l.tableSettings)==null?void 0:be.badgeColumns,l==null?void 0:l.yAxisList]),xl=dl(()=>(vl==null?void 0:vl.map(e=>({value:e,label:e})))||[],[vl]),El=dl(()=>{var e;return(e=Hj)==null?void 0:e.map(n=>({value:n.label,label:n.label,subValue:n.type,comparisonLabel:n.comparison}))},[Hj]),cj=()=>{var n;const e=((n=l==null?void 0:l.customSettings)==null?void 0:n.YaxislabelFormatters)||[];y!=null&&y.isEdit?a(d=>({...d,customSettings:{...d.customSettings,YaxislabelFormatters:e==null?void 0:e.map((b,x)=>x===(y==null?void 0:y.index)?{upperLimit:y==null?void 0:y.upperLimit,lowerLimit:y==null?void 0:y.lowerLimit,color:y==null?void 0:y.color,label:y==null?void 0:y.label}:b)}})):a(d=>({...d,customSettings:{...d.customSettings,YaxislabelFormatters:[...e,y]}})),L({label:"",upperLimit:0,lowerLimit:0}),t(!1)},gj=e=>{var d,b;const n=(b=(d=l==null?void 0:l.customSettings)==null?void 0:d.YaxislabelFormatters)==null?void 0:b.filter(x=>x.label!==e.label&&x.lowerLimit!==e.lowerLimit&&x.upperLimit!==e.upperLimit);a(x=>({...x,customSettings:{...x.customSettings,YaxislabelFormatters:n}}))},hj=(e,n)=>{var x,f;const d=(x=l==null?void 0:l.customSettings)!=null&&x.gradients?[...(f=l==null?void 0:l.customSettings)==null?void 0:f.gradients]:[],[b]=d.splice(e,1);d.splice(n,0,b),a(w=>({...w,customSettings:{...l==null?void 0:l.customSettings,gradients:d}}))},Sj=e=>{Wl!==e&&hj(Wl,e)};ml(()=>{var e;if((l==null?void 0:l.yAxisList)!==void 0){const n=(e=l==null?void 0:l.yAxisList)==null?void 0:e.map((d,b)=>{var x,f,w,k,F,r;return{name:d,prefix:((w=(f=(x=l==null?void 0:l.customSettings)==null?void 0:x.comboAxisSymbols)==null?void 0:f[b])==null?void 0:w.prefix)||"",suffix:((r=(F=(k=l==null?void 0:l.customSettings)==null?void 0:k.comboAxisSymbols)==null?void 0:F[b])==null?void 0:r.suffix)||""}});a(d=>{var f;const b=((f=d.customSettings)==null?void 0:f.comboAxisSymbols)||[];return n.every((w,k)=>{var F,r,Y;return w.name===((F=b[k])==null?void 0:F.name)&&w.prefix===((r=b[k])==null?void 0:r.prefix)&&w.suffix===((Y=b[k])==null?void 0:Y.suffix)})?d:{...d,customSettings:{...d.customSettings,comboAxisSymbols:n}}})}},[l==null?void 0:l.yAxisList]);const Ql=(e=ul)=>{var n;if(e!=null&&e.startColor&&(e!=null&&e.endColor)&&(e!=null&&e.offset1)&&(e!=null&&e.offset2)&&(e!=null&&e.direction)){const d=((n=l==null?void 0:l.customSettings)==null?void 0:n.gradients)||[];e!=null&&e.isEdit?a(b=>({...b,customSettings:{...l==null?void 0:l.customSettings,gradients:d==null?void 0:d.map((x,f)=>f===(e==null?void 0:e.index)?{startColor:e==null?void 0:e.startColor,endColor:e==null?void 0:e.endColor,offset1:e==null?void 0:e.offset1,offset2:e==null?void 0:e.offset2,direction:e==null?void 0:e.direction,isRadial:e==null?void 0:e.isRadial}:x)}})):a(b=>({...b,customSettings:{...l==null?void 0:l.customSettings,gradients:[...d,{startColor:e==null?void 0:e.startColor,endColor:e==null?void 0:e.endColor,offset1:e==null?void 0:e.offset1,offset2:e==null?void 0:e.offset2,direction:e==null?void 0:e.direction,isRadial:e==null?void 0:e.isRadial}]}})),wl({startColor:"#FFFFFF",endColor:"#000000",offset1:.5,offset2:.05,direction:"left",isRadial:!1}),el(!1)}},tj=()=>{var e,n;if(J(""),C.color&&C.columnName&&C.operator&&(typeof C.value=="number"||C.value)&&(C!=null&&C.isApplyBgColor&&(C!=null&&C.backgrounColor)||C!=null&&C.isApplyBadgeColor&&(C!=null&&C.badgeColor))){const d=((e=l==null?void 0:l.tableSettings)==null?void 0:e.conditionalFormatting)||[];C.isEdit?(C.isEdit=!1,a(b=>({...b,tableSettings:{...b.tableSettings,conditionalFormatting:d==null?void 0:d.map((x,f)=>{var w;return f===C.index1?{columnName:C.columnName,rules:(w=x.rules)==null?void 0:w.map((k,F)=>F===C.index2?{operator:C.operator,value:C.value,styles:{backgroundColor:C.backgrounColor,color:C.color,badgeColor:C==null?void 0:C.badgeColor,isApplyBadgeColor:C==null?void 0:C.isApplyBadgeColor,isApplyBgColor:C==null?void 0:C.isApplyBgColor}}:k)}:x})}}))):a(b=>{var F;const x=(d==null?void 0:d.filter(r=>r.columnName!==C.columnName))||[],w=[...((F=d==null?void 0:d.find(r=>r.columnName===C.columnName))==null?void 0:F.rules)||[],{operator:C.operator,styles:{backgroundColor:C.backgrounColor,color:C.color,badgeColor:C==null?void 0:C.badgeColor,isApplyBadgeColor:C==null?void 0:C.isApplyBadgeColor,isApplyBgColor:C==null?void 0:C.isApplyBgColor},value:C.value}],k=[...x,{columnName:C.columnName,rules:w}];return{...b,tableSettings:{...b.tableSettings,conditionalFormatting:k}}}),$({backgrounColor:"#FFFFFF",color:"#000000",columnName:((n=l==null?void 0:l.yAxisList)==null?void 0:n[0])||"",operator:rl[0].value,value:"",isApplyBgColor:!0}),z(!1)}else J("Please add valid values for rule")},[cl,ly]=S(((se=l==null?void 0:l.customSettings)==null?void 0:se.barWidth)||20),Ol=ql(cl,800);ml(()=>{Ol!==void 0&&(l==null?void 0:l.chartType)===u.horizontalStackTable&&a(e=>({...e,customSettings:{...e.customSettings,barWidth:parseInt(Ol==null?void 0:Ol.toString(),10)}}))},[Ol,l==null?void 0:l.chartType]);const[gl,ey]=S(((ie=(me=l==null?void 0:l.customSettings)==null?void 0:me.barRadius)==null?void 0:ie[1])||0),[hl,oy]=S(((fe=(xe=l==null?void 0:l.customSettings)==null?void 0:xe.barRadius)==null?void 0:fe[3])||0),Rl=ql(gl,800),zl=ql(hl,800),ny=dl(()=>{var e,n,d,b,x;if((l==null?void 0:l.chartType)===u.horizontalStackTable){const f=(n=(e=l==null?void 0:l.tableSettings)==null?void 0:e.hStackTrendOptions)==null?void 0:n.map(w=>w==null?void 0:w.column);return((b=(d=l==null?void 0:l.yAxisList)==null?void 0:d.filter(w=>!(f!=null&&f.includes(w))))==null?void 0:b.map(w=>({value:w,label:w})))||[]}return((x=l==null?void 0:l.yAxisList)==null?void 0:x.map(f=>({value:f,label:f})))||[]},[l==null?void 0:l.yAxisList,l==null?void 0:l.chartType,(pe=l==null?void 0:l.tableSettings)==null?void 0:pe.hStackTrendOptions]),Vl=dl(()=>{var e;return[...((e=l==null?void 0:l.yAxisList)==null?void 0:e.slice(4))||[],"Duration"].map(n=>({value:n,label:n}))},[l==null?void 0:l.yAxisList]);ml(()=>{Rl!==void 0&&(l==null?void 0:l.chartType)===u.horizontalStackTable&&s(e=>({...e,topRadius:parseInt(Rl==null?void 0:Rl.toString(),10)}))},[Rl,l==null?void 0:l.chartType]),ml(()=>{zl!==void 0&&(l==null?void 0:l.chartType)===u.horizontalStackTable&&s(e=>({...e,bottomRadius:parseInt(zl==null?void 0:zl.toString(),10)}))},[zl,l==null?void 0:l.chartType]);const dy=()=>{var e,n;if(J(""),(!(v!=null&&v.type)||(v==null?void 0:v.type)==="range")&&((e=v==null?void 0:v.min)!=null&&e.toString())&&(v!=null&&v.max)||(v==null?void 0:v.type)==="string"&&(v!=null&&v.text)&&v.color){const d=((n=l==null?void 0:l.customSettings)==null?void 0:n.singleValConditionalFormatter)||[];v.isEdit?a(b=>({...b,customSettings:{...b.customSettings,singleValConditionalFormatter:d==null?void 0:d.map((x,f)=>f===(v==null?void 0:v.index)?{max:v==null?void 0:v.max,min:v==null?void 0:v.min,color:v==null?void 0:v.color,type:(v==null?void 0:v.type)||"range",text:v==null?void 0:v.text,operator:(v==null?void 0:v.operator)||"isEqualTo"}:x)}})):a(b=>{var k,F;const x=(F=(k=Object.keys(v))==null?void 0:k.map(r=>{if(v[r])return v[r]}))==null?void 0:F.join("_"),w=[...(d==null?void 0:d.filter(r=>{var ol,bl;return((bl=(ol=Object.keys(r))==null?void 0:ol.map(Nl=>{if(r[Nl])return r[Nl]}))==null?void 0:bl.join("_"))!==x}))||[],v];return{...b,customSettings:{...b.customSettings,singleValConditionalFormatter:w}}}),al({color:"#000000",min:0,max:0,type:"range",operator:"isEqualTo"}),z(!1)}else J("Please add valid values for the condition")},ay=Bl(e=>{const n=(K==null?void 0:K.map(d=>d.value))||[];a(d=>({...d,tableSettings:{...l==null?void 0:l.tableSettings,badgeColumns:e.filter(b=>b&&b!=="NONE"&&n.includes(b))}}))},[K,l==null?void 0:l.tableSettings,a]),uy=Bl(e=>{const n=(il==null?void 0:il.map(d=>d.value))||[];a(d=>{var b;return{...d,tableSettings:{...l==null?void 0:l.tableSettings,hStackTrendOptions:(b=e.filter(x=>x&&x!=="NONE"&&n.includes(x)))==null?void 0:b.map(x=>{var w,k;const f=(k=(w=l==null?void 0:l.tableSettings)==null?void 0:w.hStackTrendOptions)==null?void 0:k.find(F=>(F==null?void 0:F.column)===x);return f!=null&&f.column?{column:x,xAxis:(f==null?void 0:f.xAxis)||"",yAxis:(f==null?void 0:f.yAxis)||""}:{column:x,xAxis:"",yAxis:""}})}}})},[il,l==null?void 0:l.tableSettings,a]);Bl(e=>{const n=(K==null?void 0:K.map(f=>f.value))||[],d=e.filter(f=>f&&f!=="NONE"&&n.includes(f))||[],b=e.filter(f=>f&&f!=="NONE")||[],x=[u.pivotV2,u.horizontalStackTable,u.pivotV3].includes(l==null?void 0:l.chartType)?b:d;a(f=>({...f,tableSettings:{...l==null?void 0:l.tableSettings,formattedColumns:x}}))},[K,l==null?void 0:l.tableSettings,a,l==null?void 0:l.chartType]);const Sl=dl(()=>[u.linearGaugeV2,u.progressBarV2].includes((l==null?void 0:l.chartType)||"")&&[u.progressBarV2].includes((l==null?void 0:l.chartType)||"")?[Yj[1],Yj[2],...Dl]:Dl,[l==null?void 0:l.chartType]),by=Bl(e=>{const n=(xl==null?void 0:xl.map(d=>d.value))||[];a(d=>({...d,tableSettings:{...l==null?void 0:l.tableSettings,listColumns:e.filter(b=>b&&b!=="NONE"&&n.includes(b))}}))},[xl,l==null?void 0:l.tableSettings,a]),sy=e=>{a(n=>{var x;const{customSettings:d}=n,b=(x=d==null?void 0:d.gradients)==null?void 0:x.filter(f=>f.startColor!==e.startColor||f.endColor!==e.endColor||f.offset1!==e.offset1||f.offset2!==e.offset2||f.direction!==e.direction);return{...n,customSettings:{...d,gradients:b}}})},my=(e,n)=>{a(d=>{var f;const{tableSettings:b}=d,x=(f=b==null?void 0:b.conditionalFormatting)==null?void 0:f.map(w=>{if(w.columnName===e){const k=w.rules.filter(F=>!(F.operator===n.operator&&F.value===n.value));return{...w,rules:k}}return w});return{...d,tableSettings:{...b,conditionalFormatting:x==null?void 0:x.filter(w=>w.rules.length>0)}}})},iy=e=>{var d,b;const n=(b=(d=Object.keys(e))==null?void 0:d.map(x=>{if(e[x])return e[x]}))==null?void 0:b.join("_");a(x=>{var k;const{customSettings:f}=x,w=(k=f==null?void 0:f.singleValConditionalFormatter)==null?void 0:k.filter(F=>{var Y,ol;const r=(ol=(Y=Object.keys(F))==null?void 0:Y.map(bl=>{if(e[bl])return e[bl]}))==null?void 0:ol.join("_");return n!==r});return{...x,customSettings:{...f,singleValConditionalFormatter:w}}})};ml(()=>{var e;(l==null?void 0:l.chartType)===u.linearGauge&&["top","bottom"].includes(((e=l==null?void 0:l.labelSettings)==null?void 0:e.position)||"")&&a(n=>({...n,labelSettings:{...n.labelSettings,show:!1,position:"hidden"}}))},[l==null?void 0:l.chartType,(je=l==null?void 0:l.labelSettings)==null?void 0:je.position]),ml(()=>{var e,n,d,b,x,f,w,k;if((e=l==null?void 0:l.dynamicYAxis)!=null&&e.isEnabled&&!((n=l==null?void 0:l.dynamicYAxis)!=null&&n.isEnabledMultiselect)&&((b=(d=l==null?void 0:l.dynamicYAxis)==null?void 0:d.options)!=null&&b.length)){const F=(f=(x=l==null?void 0:l.customSettings)==null?void 0:x.switchAxisNumberFormatter)==null?void 0:f.map(Y=>Y==null?void 0:Y.axis),r=(k=(w=l==null?void 0:l.dynamicYAxis)==null?void 0:w.options)==null?void 0:k.map(Y=>Y==null?void 0:Y.value);a(Y=>({...Y,customSettings:{...Y==null?void 0:Y.customSettings,switchAxisNumberFormatter:r==null?void 0:r.map(ol=>{var bl,Nl;return F!=null&&F.includes(ol)?((Nl=(bl=Y==null?void 0:Y.customSettings)==null?void 0:bl.switchAxisNumberFormatter)==null?void 0:Nl.find(Ll=>(Ll==null?void 0:Ll.axis)===ol))||{axis:ol,numberFormatter:"original"}:{axis:ol,numberFormatter:"original"}})}}))}},[(ye=l==null?void 0:l.dynamicYAxis)==null?void 0:ye.isEnabled,(Ne=(Ce=l==null?void 0:l.dynamicYAxis)==null?void 0:Ce.options)==null?void 0:Ne.length,(Te=l==null?void 0:l.dynamicYAxis)==null?void 0:Te.isEnabledMultiselect]);const xy=dl(()=>{var n,d,b,x,f;const e=(d=(n=l==null?void 0:l.customSettings)==null?void 0:n.comboAxisSettings)==null?void 0:d.find(w=>w.chartTypes.some(k=>k.type==="line"));return!!((l==null?void 0:l.chartType)===u.timeSeries&&((f=(x=(b=l==null?void 0:l.timeSeriesSettings)==null?void 0:b.seriesType)==null?void 0:x[0])==null?void 0:f.type)==="combo"&&e)},[l==null?void 0:l.chartType,(Fe=(ve=(we=l==null?void 0:l.timeSeriesSettings)==null?void 0:we.seriesType)==null?void 0:ve[0])==null?void 0:Fe.type,(Le=l==null?void 0:l.customSettings)==null?void 0:Le.comboAxisSettings]),Il=[u.indianMap,u.geoBarMap,u.geoMap,u.geoScatterMap,u.worldMap].includes(l==null?void 0:l.chartType),tl=[u.pie,u.doughnut,u.rose,u.funnel,u.singleValue,u.table,u.trendAnalyzer,u.pivot,u.horizontalStackTable,u.geoBarMap,u.geoMap,u.geoScatterMap,u.sankey,u.combo,u.horizontalCombo,u.indianMap,u.geoBarMap,u.geoMap,u.geoScatterMap,u.worldMap,u.network].includes(l==null?void 0:l.chartType),yl=[u.progressBar,u.linearGauge].includes(l==null?void 0:l.chartType);ml(()=>{var e;(e=l==null?void 0:l.customSettings)!=null&&e.isEnableLabelFormatting&&a(n=>({...n,customSettings:{...n.customSettings,numberFormatter:""}}))},[(Ae=l==null?void 0:l.customSettings)==null?void 0:Ae.isEnableLabelFormatting]),ml(()=>{var e,n;((e=l==null?void 0:l.legendSettings)==null?void 0:e.position)==="horizontal"&&["left-center","right-center"].includes(((n=l==null?void 0:l.legendSettings)==null?void 0:n.fixedPosition)||"")&&a(d=>({...d,legendSettings:{...d==null?void 0:d.legendSettings,fixedPosition:"top-left"}}))},[(Ee=l==null?void 0:l.legendSettings)==null?void 0:Ee.position,(Ve=l==null?void 0:l.legendSettings)==null?void 0:Ve.fixedPosition]);const Xl=()=>{a(e=>({...e,customSettings:{...e.customSettings,displayText:fl}}))},fy=e=>{e.key==="Enter"&&Xl()};ml(()=>{const e=setTimeout(()=>{Xl()},1e3);return()=>clearTimeout(e)},[fl]);const Pl=dl(()=>{var e;return(l==null?void 0:l.chartType)===u.table?(e=l==null?void 0:l.yAxisList)==null?void 0:e.filter(n=>{var d;return!((d=l==null?void 0:l.numberColumns)!=null&&d.includes(n))}):[]},[l==null?void 0:l.chartType,l==null?void 0:l.yAxisList,l==null?void 0:l.numberColumns]),Ul=(e,n)=>{var x,f;const d=((x=l==null?void 0:l.tableSettings)==null?void 0:x.colAlignments)||{},b=Object.fromEntries(((f=Object.entries(d))==null?void 0:f.filter(([w,k])=>k!==n))||{});e==null||e.forEach(w=>{b[w]=n}),a(w=>({...w,tableSettings:{...w.tableSettings,colAlignments:b}}))};return(l==null?void 0:l.chartType)===u.singleValue?o.jsxs("div",{className:m.container,children:[o.jsx(c,{width:"100%",content:o.jsx("div",{className:m.container,children:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsx("div",{className:m.featTabsContainer,"data-testid":"header-alignment",children:o.jsx(Cl,{selectedOption:{value:((ke=l==null?void 0:l.customSettings)==null?void 0:ke.singleValueAlignment)||"center",label:""},options:[{label:"",value:"left",icon:"align-left"},{label:"",value:"center",icon:"align-center"},{label:"",value:"right",icon:"align-right"}],onChange:e=>a(n=>({...n,customSettings:{...n==null?void 0:n.customSettings,singleValueAlignment:e.value}})),label:"Alignment"})}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-2 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,fontSize:parseInt(e.target.value,10)}})),value:(re=l==null?void 0:l.customSettings)==null?void 0:re.fontSize})}),o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(H,{label:"Font Color",name:"color",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,singleValueFontColor:e}})),defaultValue:"#000000",value:((Be=l==null?void 0:l.customSettings)==null?void 0:Be.singleValueFontColor)||"#000000"})})]}),o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{label:"Prefix",placeholder:"Single Value Prefix",type:"text",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,singleValuePrefix:e.target.value}})),value:(De=l==null?void 0:l.customSettings)==null?void 0:De.singleValuePrefix}),o.jsx(j,{label:"Suffix",placeholder:"Single Value Suffix",type:"text",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,singleValueSuffix:e.target.value}})),value:(We=l==null?void 0:l.customSettings)==null?void 0:We.singleValueSuffix})]}),o.jsx(I,{label:"Number Formatting",selectedOption:{value:((Oe=l==null?void 0:l.customSettings)==null?void 0:Oe.numberFormatter)||"Original",label:`${(ze=(Re=l==null?void 0:l.customSettings)==null?void 0:Re.numberFormatter)==null?void 0:ze.toString().charAt(0).toUpperCase()}${(Me=(_e=(Ie=l.customSettings)==null?void 0:Ie.numberFormatter)==null?void 0:_e.toString())==null?void 0:Me.slice(1)}`||"Original"},options:Dl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,numberFormatter:e.value}})),buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable single truncate",enabled:(Ge=l==null?void 0:l.customSettings)==null?void 0:Ge.enableSingleValueTruncate,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,enableSingleValueTruncate:!((n=e.customSettings)!=null&&n.enableSingleValueTruncate)}}})}),o.jsx(i,{variant:"body-text-2",children:"Truncate Value"})]}),((He=l==null?void 0:l.customSettings)==null?void 0:He.enableSingleValueTruncate)&&o.jsx(j,{label:"Truncate Threshold",addSuffix:"characters",type:"number",value:(Ye=l==null?void 0:l.customSettings)==null?void 0:Ye.truncateValue,isDisabled:!(($e=l==null?void 0:l.customSettings)!=null&&$e.enableSingleValueTruncate),min:0,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,truncateValue:parseInt(e.target.value,10)}}))}),(Xe=l==null?void 0:l.dateColumns)!=null&&Xe.includes((l==null?void 0:l.singleValue)||"")?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable date formatting",enabled:(Pe=l==null?void 0:l.customSettings)==null?void 0:Pe.isEnableTimezoneFormatting,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableTimezoneFormatting:!((n=e.customSettings)!=null&&n.isEnableTimezoneFormatting)}}})}),o.jsx(i,{variant:"body-text-2",children:"Date Formatting"})]}),(Ue=l==null?void 0:l.customSettings)!=null&&Ue.isEnableTimezoneFormatting?o.jsx(I,{label:"Date Formatters",selectedOption:{value:((Ze=l==null?void 0:l.customSettings)==null?void 0:Ze.timeFormatter)||"original",label:((qe=l==null?void 0:l.customSettings)==null?void 0:qe.timeFormatter)||"original"},options:Zl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,timeFormatter:e.value}})),buttonWidth:"100%",menuWidth:"100%"}):null]}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show sub header",enabled:(Je=l==null?void 0:l.customSettings)==null?void 0:Je.subHeaderShow,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,subHeaderShow:!((n=e.customSettings)!=null&&n.subHeaderShow)}}})}),o.jsx(i,{variant:"body-text-2",children:"Customise Sub-Header"})]}),((Ke=l==null?void 0:l.customSettings)==null?void 0:Ke.subHeaderShow)&&o.jsxs(o.Fragment,{children:[o.jsx(j,{label:"Sub-Header Display Text",type:"text",placeholder:"Enter the text here",onChange:e=>pl(e.target.value),value:fl,onBlur:Xl,onKeyDown:fy}),o.jsx("div",{className:m.featTabsContainer,"data-testid":"sub-header-alignment",children:o.jsx(Cl,{isDisabled:!(l!=null&&l.customSettings.displayText),selectedOption:{value:l!=null&&l.customSettings.displayText?((Qe=l==null?void 0:l.customSettings)==null?void 0:Qe.subHeaderAlignment)||"center":"",label:""},options:[{label:"",value:"left",icon:"align-left"},{label:"",value:"center",icon:"align-center"},{label:"",value:"right",icon:"align-right"}],onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,subHeaderAlignment:e.value}})),label:"Sub-Header Alignment"})}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-2 dbn-gap-3",children:[o.jsx(I,{isDisabled:!(l!=null&&l.customSettings.displayText),label:"Sub-Header Font Size",options:Yl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,subHeaderFontSize:parseInt(e.value,10)}})),selectedOption:Yl.find(e=>{var n;return parseInt(e.value,10)===((n=l==null?void 0:l.customSettings)==null?void 0:n.subHeaderFontSize)})||{value:"14",label:"14px"},labelVariant:"static",className:"dbn-col-span-1",buttonWidth:"100%",menuWidth:"100%",isSearchEnabled:!1}),o.jsx(I,{isDisabled:!(l!=null&&l.customSettings.displayText),label:"Sub-Header Font Weight",options:ll,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,subHeaderFontWeight:Number(parseInt(e.value,10))}})),selectedOption:ll.find(e=>{var n;return parseInt(e.value,10)===((n=l==null?void 0:l.customSettings)==null?void 0:n.subHeaderFontWeight)})||{value:"400",label:"Regular"},labelVariant:"static",className:"dbn-col-span-1",buttonWidth:"100%",menuWidth:"100%",isSearchEnabled:!1})]}),o.jsx(H,{isDisabled:!(l!=null&&l.customSettings.displayText),className:"dbn-w-full",label:"Sub-Header Font Color",name:"text color",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,subHeaderFontColor:e}})),defaultValue:"#717171",value:((ce=l==null?void 0:l.customSettings)==null?void 0:ce.subHeaderFontColor)||"#717171"})]})]})}),header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Customizations"}),headerButton:null,id:"Customizations",isOpen:V==="Customizations",setIsOpen:()=>{B(e=>e==="Customizations"?"":"Customizations")}}),N&&X?o.jsx(c,{id:"Comparison Value",isOpen:V==="Comparison Value",setIsOpen:()=>{B(e=>e==="Comparison Value"?"":"Comparison Value")},header:o.jsx("div",{className:m.accordionHeader,children:o.jsx(i,{variant:"heading-5",children:"Comparison Value"})}),headerButton:o.jsx(p,{name:"Comparison value",enabled:(ge=l==null?void 0:l.customSettings)==null?void 0:ge.comparisonValueShow,onChange:()=>{var e,n;(e=l==null?void 0:l.customSettings)!=null&&e.comparisonValueShow?(n=N==null?void 0:N.onDisableComparisonSettings)==null||n.call(N):B("Comparison Value"),a(d=>{var b;return{...d,customSettings:{...d.customSettings,comparisonValueShow:!((b=d.customSettings)!=null&&b.comparisonValueShow)}}})}}),content:o.jsx("div",{className:`${m["container-wrapper"]} dbn-px-2`,children:(he=l==null?void 0:l.customSettings)!=null&&he.comparisonValueShow?o.jsxs("div",{className:m.comparisonValueContainer,children:[o.jsx(I,{onChange:e=>{N.setComparisonLagSettings(n=>({...n,column:e}))},selectedOption:N.comparisonLagSettings.column,options:N.dateTimeColumnList,isDisabled:!N.dateTimeColumnList.length,labelVariant:"static",buttonWidth:"100%",menuWidth:"100%",label:"Time Column"}),o.jsx(j,{label:"Time Column Label",type:"text",placeholder:"_timestamp",onChange:({target:{value:e}})=>N.setComparisonLagSettings(n=>({...n,timeColumnLabel:e})),value:N.comparisonLagSettings.timeColumnLabel}),o.jsx(I,{onChange:e=>{N.setComparisonLagSettings(n=>{var d,b,x;return{...n,timeGrain:e,isEnableYearOverYear:["year","none"].includes(((x=(b=(d=N==null?void 0:N.comparisonLagSettings)==null?void 0:d.timeGrain)==null?void 0:b.value)==null?void 0:x.toLowerCase())||"")?!1:!!(n!=null&&n.isEnableYearOverYear)}})},selectedOption:N.comparisonLagSettings.timeGrain,options:jy,isDisabled:!N.comparisonLagSettings.column,labelVariant:"static",label:"Time Grain",buttonWidth:"100%",menuWidth:"100%"}),!["year","none"].includes(((lo=(te=(Se=N==null?void 0:N.comparisonLagSettings)==null?void 0:Se.timeGrain)==null?void 0:te.value)==null?void 0:lo.toLowerCase())||"")&&o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Enable Year Over Year",enabled:!!((eo=N==null?void 0:N.comparisonLagSettings)!=null&&eo.isEnableYearOverYear),onChange:()=>N.setComparisonLagSettings(e=>({...e,isEnableYearOverYear:!(e!=null&&e.isEnableYearOverYear)}))}),o.jsx(i,{variant:"body-text-2",children:"Enable Year Over Year"})]}),o.jsx(j,{label:"Comparison Period Lag",min:1,type:"number",placeholder:"period lag",onChange:({target:{value:e}})=>N.setComparisonLagSettings(n=>({...n,periodLag:parseInt(e,10)})),value:N.comparisonLagSettings.periodLag}),o.jsxs($l,{direction:"row",className:"dbn-gap-4",children:[o.jsx(kl,{"data-testid":"percentage-type",id:"percentage-type",name:"differenceType",label:"Percentage",labelClass:"dbn-text-sm dbn-font-normal",rightIcon:o.jsx(nl,{text:"Calculate percentage difference",position:"top",tooltipClass:"dbn-w-[200px]",children:o.jsx(Q,{name:"info"})}),onClick:()=>{N.setComparisonLagSettings(e=>({...e,differenceType:"PERCENTAGE_DIFFERENCE"}))},defaultChecked:((oo=N.comparisonLagSettings)==null?void 0:oo.differenceType)==="PERCENTAGE_DIFFERENCE",checked:((no=N.comparisonLagSettings)==null?void 0:no.differenceType)==="PERCENTAGE_DIFFERENCE"}),o.jsx(kl,{"data-testid":"difference-type",id:"difference-type",name:"differenceType",label:"Difference",labelClass:"dbn-text-sm dbn-font-normal",rightIcon:o.jsx(nl,{text:"Calculate value difference.",position:"top-right",tooltipClass:"dbn-w-[200px]",children:o.jsx(Q,{name:"info"})}),onClick:()=>{N.setComparisonLagSettings(e=>({...e,differenceType:"DIFFERENCE"}))},defaultChecked:((ao=N==null?void 0:N.comparisonLagSettings)==null?void 0:ao.differenceType)==="DIFFERENCE",checked:((uo=N==null?void 0:N.comparisonLagSettings)==null?void 0:uo.differenceType)==="DIFFERENCE"})]}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-2",children:[o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{type:"text",label:"Comparison Suffix",placeholder:"Enter comparison suffix",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,comparisonSuffix:e.target.value}})),value:(bo=l==null?void 0:l.customSettings)==null?void 0:bo.comparisonSuffix})}),o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Size",options:Yl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,comparisonValueFontSize:parseInt(e.value,10)}})),selectedOption:Yl.find(e=>{var n;return parseInt(e.value,10)===((n=l==null?void 0:l.customSettings)==null?void 0:n.comparisonValueFontSize)})||{value:"",label:""},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(I,{onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,comparisonBadgeColor:{...(d=n.customSettings)==null?void 0:d.comparisonBadgeColor,up:e.value,down:e.value==="success"?"danger":"success"}}}}),selectedOption:Kj.find(e=>{var n,d;return e.value===((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.comparisonBadgeColor)==null?void 0:d.up)})||{value:"",label:""},options:Kj,labelVariant:"static",buttonWidth:"100%",menuWidth:"100%",label:"Indicator Color"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show trendline",enabled:(so=l==null?void 0:l.customSettings)==null?void 0:so.isShowTrendLine,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isShowTrendLine:!((n=e.customSettings)!=null&&n.isShowTrendLine)}}})}),o.jsx(i,{variant:"body-text-2",children:"Trendline"})]}),o.jsx(I,{label:"Life Time",options:El,onChange:e=>N.setComparisonLagSettings(n=>({...n,lifeTime:e})),selectedOption:(El==null?void 0:El.find(e=>{var n,d;return(e==null?void 0:e.value)===((d=(n=N==null?void 0:N.comparisonLagSettings)==null?void 0:n.lifeTime)==null?void 0:d.value)}))||{value:"",label:""},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Bypass Comparison When Date Is Not Set",enabled:!!((mo=N==null?void 0:N.comparisonLagSettings)!=null&&mo.isDisableComparisonWithFilter),onChange:()=>N.setComparisonLagSettings(e=>({...e,isDisableComparisonWithFilter:!(e!=null&&e.isDisableComparisonWithFilter)}))}),o.jsx(i,{variant:"body-text-2",children:"Bypass Comparison When Date Is Not Set"})]}),o.jsx("div",{className:"dbn-flex dbn-justify-end",children:o.jsx(_,{"data-testid":"save-comparison",variant:"primary",isDisabled:!((io=l==null?void 0:l.customSettings)!=null&&io.comparisonValueShow)||!N.dateTimeColumnList.length||!N.comparisonLagSettings.column.value||N.comparisonLagSettings.periodLag<=0||!N.comparisonLagSettings.timeGrain.value,onClick:()=>N.onSaveComparisonLag(),children:"Save"})})]}):o.jsx(jl,{text:"Enable Comparison Value to see the option.",variant:"info"})})}):null,o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[M&&o.jsxs("div",{className:m.formattingWrapper,children:[o.jsx("div",{className:"dbn-col-span-4 dbn-flex dbn-items-end",children:o.jsxs($l,{direction:"row",className:"dbn-gap-4",children:[o.jsx(kl,{"data-testid":"range-type",id:"range-type",name:"rangeType",label:"Range",labelClass:"dbn-text-sm dbn-font-normal",onClick:()=>{al(e=>({...e,type:"range"}))},defaultChecked:(v==null?void 0:v.type)==="range",checked:(v==null?void 0:v.type)==="range"}),o.jsx(kl,{"data-testid":"string-type",id:"string-type",name:"stringType",label:"String",labelClass:"dbn-text-sm dbn-font-normal",onClick:()=>{al(e=>({...e,type:"string"}))},defaultChecked:(v==null?void 0:v.type)==="string",checked:(v==null?void 0:v.type)==="string"})]})}),(v==null?void 0:v.type)==="string"?o.jsxs(o.Fragment,{children:[o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(I,{label:"Conditions",options:(xo=rl)==null?void 0:xo.filter(e=>!["isLessThan","isGreaterThan","isLessThanOrEqualTo","isGreaterThanOrEqualTo"].includes(e.value)),selectedOption:((fo=rl)==null?void 0:fo.find(e=>(e==null?void 0:e.value)===(v==null?void 0:v.operator)))??{value:"is equal to",label:"isEqualTo"},onChange:e=>al(n=>({...n,operator:e.value})),buttonWidth:"100%",menuWidth:"100%"})}),o.jsx("div",{className:"dbn-col-span-4 dbn-flex dbn-items-end",children:o.jsx(j,{type:"text",label:"Text",onChange:e=>al(n=>({...n,text:e.target.value})),value:(v==null?void 0:v.text)||"",placeholder:"Enter the text here"})})]}):o.jsxs(o.Fragment,{children:[o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{type:"number",label:"Min Value",onChange:({target:{value:e}})=>al(n=>({...n,min:Number(e)})),value:v.min})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{type:"number",label:"Max Value",onChange:({target:{value:e}})=>al(n=>({...n,max:Number(e)})),value:v.max})})]}),o.jsx("div",{className:"dbn-col-span-4 dbn-flex dbn-items-end",children:o.jsx(H,{className:"dbn-w-full",label:"Font Color",name:"text color",onChange:e=>al(n=>({...n,color:e})),defaultValue:"#000000",value:v.color||"#000000"})}),h&&o.jsx(jl,{text:h,variant:"error",className:"dbn-col-span-4"}),o.jsxs("div",{className:"dbn-col-span-4 dbn-mt-3 dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(_,{variant:"secondary",onClick:()=>{al({min:0,max:0,color:"#000000",operator:"isEqualTo",type:"range"}),J(""),z(!1)},children:"Cancel"}),o.jsxs(_,{variant:"primary",type:"button",onClick:()=>dy(),children:[v!=null&&v.isEdit?"Update":"Save"," Rule"]})]})]}),(jo=(po=l==null?void 0:l.customSettings)==null?void 0:po.singleValConditionalFormatter)!=null&&jo.length?(Co=(yo=l==null?void 0:l.customSettings)==null?void 0:yo.singleValConditionalFormatter)==null?void 0:Co.map((e,n)=>o.jsx("div",{className:m.formattingContainer,children:o.jsx("div",{className:m.ruleContainer,children:o.jsxs("div",{className:"dbn-flex dbn-gap-1 dbn-justify-between",children:[o.jsxs(i,{variant:"body-text-2",display:"inline-truncate",children:[o.jsx("span",{className:"dbn-px-2 dbn-rounded dbn-mr-2 dbn-max-w-[70%] dbn-truncate",style:{backgroundColor:e.color}}),e.type==="string"?e==null?void 0:e.text:` ${e.min} - ${e.max}`]}),o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-items-center",children:[o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"pencil-simple",size:"sm"}),onClick:()=>{al({...e,type:(e==null?void 0:e.type)??"range",isEdit:!0,index:n}),z(!0)}}),o.jsx(_,{variant:"popover",onClick:()=>iy(e),leftIcon:o.jsx(Q,{name:"cross",size:"sm"})})]})]})})},e.color)):o.jsx(jl,{text:"No Rules Added",variant:"info"})]}),id:"Conditional Formatting",isOpen:V==="Conditional Formatting",setIsOpen:()=>{B(e=>e==="Conditional Formatting"?"":"Conditional Formatting")},header:o.jsxs("div",{className:m.accordionHeader,children:[o.jsx(i,{variant:"heading-5",color:"primary",children:"Conditional Formatting"}),o.jsx(Al,{text:"You can add rules to change the font color of the single value if it meets certain conditions.",position:"top",tooltipClass:"dbn-w-[300px]",isSingleLineTxt:!1})]}),headerButton:o.jsx(_,{variant:"tertiary",size:"small",onClick:e=>{z(!0),V==="Conditional Formatting"&&e.stopPropagation()},leftIcon:o.jsx(Q,{name:"plus"}),children:"Add Rule"})}),o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(No=l==null?void 0:l.customSettings)!=null&&No.isEnableSingleValueBgColor?o.jsx(H,{label:"Card Color",name:"Card color",className:"dbn-w-[150px]",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,singleValueBgColor:e}})),defaultValue:"#ffffff",value:((To=l==null?void 0:l.customSettings)==null?void 0:To.singleValueBgColor)||"#ffffff"}):o.jsx(jl,{text:"Enable Card Color Option",variant:"info"})}),id:"Card Color",isOpen:V==="Card Color",setIsOpen:()=>{B(e=>e==="Card Color"?"":"Card Color")},header:o.jsx("div",{className:m.accordionHeader,children:o.jsx(i,{variant:"heading-5",color:"primary",children:"Card Color"})}),headerButton:o.jsx(p,{name:"single value bg color",enabled:(wo=l==null?void 0:l.customSettings)==null?void 0:wo.isEnableSingleValueBgColor,onChange:()=>{var e;(e=l==null?void 0:l.customSettings)!=null&&e.isEnableSingleValueBgColor||B("Card Color"),a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,isEnableSingleValueBgColor:!((d=l==null?void 0:l.customSettings)!=null&&d.isEnableSingleValueBgColor)}}})}})})]}):[u.table,u.horizontalStackTable,u.pivotV2,u.pivotV3,u.trendAnalyzer].includes(l==null?void 0:l.chartType)?o.jsxs("div",{className:m.container,children:[[u.pivotV2].includes(l==null?void 0:l.chartType)?null:o.jsxs(o.Fragment,{children:[o.jsx(c,{width:"100%",content:o.jsxs("div",{className:`${m["container-wrapper"]} dbn-pt-0`,children:[(l==null?void 0:l.chartType)!==u.trendAnalyzer?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featWrapper,style:{marginTop:"0px"},children:[o.jsx(i,{variant:"heading-5",children:"Table Title"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"table title",enabled:(vo=l==null?void 0:l.tableSettings)==null?void 0:vo.showTableTitle,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,showTableTitle:!((n=e.tableSettings)!=null&&n.showTableTitle)}}})}),o.jsx(i,{variant:"body-text-2",color:"primary",children:"Show table title"})]}),(Fo=l==null?void 0:l.tableSettings)!=null&&Fo.showTableTitle?o.jsx(o.Fragment,{children:o.jsx(j,{type:"text",label:"Table Title",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,tableTitle:e.target.value}})),value:(Lo=l==null?void 0:l.tableSettings)==null?void 0:Lo.tableTitle,placeholder:"Enter the title here"})}):null]}),o.jsxs("div",{className:m.featWrapper,children:[o.jsx(i,{variant:"heading-5",children:"Header"}),[u.pivotV3].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"hide table header",enabled:!((Ao=l==null?void 0:l.tableSettings)!=null&&Ao.hideTableHeader),onChange:()=>a(e=>{var n,d,b;return{...e,tableSettings:{...e.tableSettings,hideTableHeader:!((n=e.tableSettings)!=null&&n.hideTableHeader),enableSorting:(d=e.tableSettings)==null?void 0:d.hideTableHeader,isEnableColumnFilter:(b=e.tableSettings)==null?void 0:b.hideTableHeader}}})}),o.jsx(i,{variant:"body-text-2",children:"Table Header"})]}),(!((Eo=l==null?void 0:l.tableSettings)!=null&&Eo.hideTableHeader)||(l==null?void 0:l.chartType)===u.pivotV3)&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:"dbn-flex dbn-justify-between dbn-items-end dbn-gap-2",children:[o.jsx(H,{label:"Text Color",name:"header text color",className:"dbn-w-[150px]",onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,customHeaderColor:{...(d=n.tableSettings)==null?void 0:d.customHeaderColor,textColor:e}}}}),defaultValue:"#000000",value:((ko=(Vo=l==null?void 0:l.tableSettings)==null?void 0:Vo.customHeaderColor)==null?void 0:ko.textColor)||"#000000"}),o.jsx(H,{label:"Background Color",name:"header color",className:"dbn-w-[150px]",onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,customHeaderColor:{...(d=n.tableSettings)==null?void 0:d.customHeaderColor,isEnabled:!0,color:e}}}}),defaultValue:"#FFFFFF",value:((Bo=(ro=l==null?void 0:l.tableSettings)==null?void 0:ro.customHeaderColor)==null?void 0:Bo.color)||"#FFFFFF"})]}),o.jsxs("div",{className:"dbn-flex dbn-justify-between dbn-items-end dbn-gap-2",children:[o.jsx("div",{className:`${m.featTabsContainer} dbn-w-[180px] dbn-h-[56px]`,children:o.jsx(Cl,{label:"Text Weight",selectedOption:{value:(Do=l==null?void 0:l.tableSettings)!=null&&Do.headerFontBold?"boldfont":"regularfont",label:(Wo=l==null?void 0:l.tableSettings)!=null&&Wo.headerFontBold?"Bold":"Regular"},options:[{label:"Regular",value:"regularfont"},{label:"Bold",value:"boldfont"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,headerFontBold:e.value==="boldfont"}}))})}),o.jsx(j,{label:"Text Size",addSuffix:"px",customClassName:"dbn-w-[120px]",type:"number",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,headerFontSize:parseInt(e.target.value,10)}})),value:(Oo=l==null?void 0:l.tableSettings)==null?void 0:Oo.headerFontSize})]}),o.jsx("div",{className:m.featTabsContainer,"data-testid":"header-alignment",children:o.jsx(Cl,{selectedOption:{value:((Ro=l==null?void 0:l.tableSettings)==null?void 0:Ro.headerAlignment)||"center",label:""},options:[{label:"",value:"left",icon:"align-left"},{label:"",value:"center",icon:"align-center"},{label:"",value:"right",icon:"align-right"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,headerAlignment:e.value}})),label:"Alignment"})})]})]})]}):null,[u.pivotV3].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:m.featWrapper,children:[o.jsx(i,{variant:"heading-5",children:"Text Wrap"}),[u.table].includes(l==null?void 0:l.chartType)?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"header text wrap",enabled:(Io=(zo=l==null?void 0:l.tableSettings)==null?void 0:zo.textWrap)==null?void 0:Io.headerWrap,onChange:()=>a(e=>{var n,d;return{...e,tableSettings:{...e.tableSettings,textWrap:{headerWrap:!((d=(n=e.tableSettings)==null?void 0:n.textWrap)!=null&&d.headerWrap)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Header Text Wrap"})]}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"table text wrap",enabled:(Mo=(_o=l==null?void 0:l.tableSettings)==null?void 0:_o.textWrap)==null?void 0:Mo.isEnable,onChange:()=>a(e=>{var n,d;return{...e,tableSettings:{...e.tableSettings,textWrap:{isEnable:!((d=(n=e.tableSettings)==null?void 0:n.textWrap)!=null&&d.isEnable),columns:[]}}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Content Text Wrap"})]}),(Ho=(Go=l==null?void 0:l.tableSettings)==null?void 0:Go.textWrap)!=null&&Ho.isEnable?o.jsx(sl,{selectedOption:((Po=(Xo=($o=(Yo=l==null?void 0:l.tableSettings)==null?void 0:Yo.textWrap)==null?void 0:$o.columns)==null?void 0:Xo.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:Po.map(e=>({value:e,label:e})))||[],label:"Text Wrap Columns",options:((Uo=l==null?void 0:l.yAxisList)==null?void 0:Uo.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d,b;return{...n,tableSettings:{...n==null?void 0:n.tableSettings,textWrap:{...(d=n==null?void 0:n.tableSettings)==null?void 0:d.textWrap,columns:((b=e==null?void 0:e.filter(x=>{var f;return(f=l==null?void 0:l.yAxisList)==null?void 0:f.includes(x.value)}))==null?void 0:b.map(x=>x.value))||[]}}}}),menuWidth:"100%",buttonWidth:"100%"}):null]}),o.jsxs("div",{className:m.featWrapper,children:[o.jsx(i,{variant:"heading-5",children:"Table Content"}),o.jsx("div",{className:m.featTabsContainer,"data-testid":"table-content-alignment",children:o.jsx(Cl,{selectedOption:{value:((Zo=l==null?void 0:l.tableSettings)==null?void 0:Zo.contentAlignment)||"",label:""},options:[{label:"",value:"left",icon:"align-left"},{label:"",value:"center",icon:"align-center"},{label:"",value:"right",icon:"align-right"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,contentAlignment:e.value}})),label:"Alignment"})})]}),(l==null?void 0:l.chartType)===u.table?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"separate column alignment",enabled:(qo=l==null?void 0:l.tableSettings)==null?void 0:qo.isSepAlign,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isSepAlign:!((n=e.tableSettings)!=null&&n.isSepAlign)}}})}),o.jsx(i,{variant:"body-text-2",children:"Separate Column Alignment"})]}),(Jo=l==null?void 0:l.tableSettings)!=null&&Jo.isSepAlign?o.jsxs(o.Fragment,{children:[o.jsx(sl,{label:"Left Alignment",buttonWidth:"100%",menuWidth:"100%",options:K,onChange:e=>{const n=e==null?void 0:e.map(d=>d.value);Ul(n,"left")},selectedOption:((go=(co=(Qo=Object.keys(((Ko=l==null?void 0:l.tableSettings)==null?void 0:Ko.colAlignments)||{}))==null?void 0:Qo.filter(e=>{var n;return!!((n=K==null?void 0:K.find(d=>d.value===e))!=null&&n.value)}))==null?void 0:co.filter(e=>{var n,d;return((d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.colAlignments)==null?void 0:d[e])==="left"}))==null?void 0:go.map(e=>({value:e,label:e})))||[]}),o.jsx(sl,{label:"Right Alignment",buttonWidth:"100%",menuWidth:"100%",options:K,onChange:e=>{const n=e==null?void 0:e.map(d=>d.value);Ul(n,"right")},selectedOption:((ln=(to=(So=Object.keys(((ho=l==null?void 0:l.tableSettings)==null?void 0:ho.colAlignments)||{}))==null?void 0:So.filter(e=>{var n;return!!((n=K==null?void 0:K.find(d=>d.value===e))!=null&&n.value)}))==null?void 0:to.filter(e=>{var n,d;return((d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.colAlignments)==null?void 0:d[e])==="right"}))==null?void 0:ln.map(e=>({value:e,label:e})))||[]}),o.jsx(sl,{label:"Center Alignment",buttonWidth:"100%",menuWidth:"100%",options:K,onChange:e=>{const n=e==null?void 0:e.map(d=>d.value);Ul(n,"center")},selectedOption:((dn=(nn=(on=Object.keys(((en=l==null?void 0:l.tableSettings)==null?void 0:en.colAlignments)||{}))==null?void 0:on.filter(e=>{var n;return!!((n=K==null?void 0:K.find(d=>d.value===e))!=null&&n.value)}))==null?void 0:nn.filter(e=>{var n,d;return((d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.colAlignments)==null?void 0:d[e])==="center"}))==null?void 0:dn.map(e=>({value:e,label:e})))||[]})]}):null]}):null,![u.table,u.trendAnalyzer].includes(l==null?void 0:l.chartType)||(l==null?void 0:l.chartType)===u.table&&!((un=(an=l==null?void 0:l.tableSettings)==null?void 0:an.textWrap)!=null&&un.isEnable)||(l==null?void 0:l.chartType)===u.trendAnalyzer&&!((sn=(bn=l==null?void 0:l.tableSettings)==null?void 0:bn.textWrap)!=null&&sn.isEnable)?o.jsx(I,{selectedOption:{value:((mn=l==null?void 0:l.tableSettings)==null?void 0:mn.lineGap)||"small",label:((xn=l==null?void 0:l.tableSettings)==null?void 0:xn.lineGap)||"small"},options:[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,lineGap:e.value}})),buttonWidth:"100%",menuWidth:"100%",label:"Line Gap"}):null,o.jsxs("div",{className:"dbn-flex dbn-justify-between dbn-items-end dbn-gap-2",children:[o.jsx(j,{customClassName:"dbn-w-[180px]",label:"Font Family",type:"text",value:(fn=l==null?void 0:l.tableSettings)==null?void 0:fn.contentFont,onChange:e=>{a(n=>({...n,tableSettings:{...n.tableSettings,contentFont:e.target.value}}))}}),o.jsx(j,{customClassName:"dbn-w-[120px]",label:"Font Size",addSuffix:"px",type:"number",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,contentFontSize:parseInt(e.target.value,10)}})),value:(pn=l==null?void 0:l.tableSettings)==null?void 0:pn.contentFontSize})]}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-2 dbn-gap-3",children:[o.jsx(H,{className:"dbn-col-span-1 dbn-flex dbn-items-end",label:"Font Color",name:"color",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,contentColor:e}})),defaultValue:"#222C3A",value:((jn=l==null?void 0:l.tableSettings)==null?void 0:jn.contentColor)||"#222C3A"}),o.jsx(I,{className:"dbn-col-span-1",label:"Font Weight",options:ll,onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,contentWeight:Number(parseInt(e.value,10))}})),selectedOption:ll.find(e=>{var n;return parseInt(e.value,10)===((n=l==null?void 0:l.tableSettings)==null?void 0:n.contentWeight)})||{value:"500",label:"Medium"},labelVariant:"static",buttonWidth:"100%",menuWidth:"100%"})]}),[u.pivotV3].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:"dbn-grid dbn-grid-cols-2 dbn-gap-1 dbn-items-end",children:[(l==null?void 0:l.chartType)!==u.trendAnalyzer?o.jsxs(o.Fragment,{children:[o.jsx(sl,{label:"List Columns",buttonWidth:"100%",menuWidth:"100%",options:xl,onChange:e=>by(e==null?void 0:e.map(n=>n.value)),selectedOption:((Cn=(yn=l==null?void 0:l.tableSettings)==null?void 0:yn.listColumns)==null?void 0:Cn.map(e=>({value:e,label:e})))||[]}),o.jsx(j,{label:"List Separator",type:"text",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,listSeparator:e.target.value}})),value:(Nn=l==null?void 0:l.tableSettings)==null?void 0:Nn.listSeparator,placeholder:"Enter Separator"})]}):null,o.jsx(sl,{label:"Badge Columns",buttonWidth:"100%",menuWidth:"100%",options:K,onChange:e=>{ay(e==null?void 0:e.map(n=>n.value))},selectedOption:((wn=(Tn=l==null?void 0:l.tableSettings)==null?void 0:Tn.badgeColumns)==null?void 0:wn.map(e=>({value:e,label:e})))||[]}),o.jsx(j,{label:"Badge Separator",type:"text",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,badgeSeparator:e.target.value}})),value:(vn=l==null?void 0:l.tableSettings)==null?void 0:vn.badgeSeparator,placeholder:"Enter Separator"})]}),(l==null?void 0:l.chartType)===u.horizontalStackTable?o.jsxs(o.Fragment,{children:[o.jsx(sl,{label:"Trendline Columns",buttonWidth:"100%",menuWidth:"100%",options:il,onChange:e=>{uy(e==null?void 0:e.map(n=>n.value))},selectedOption:((En=(An=(Ln=(Fn=l==null?void 0:l.tableSettings)==null?void 0:Fn.hStackTrendOptions)==null?void 0:Ln.map(e=>e==null?void 0:e.column))==null?void 0:An.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e||"")}))==null?void 0:En.map(e=>({value:e||"",label:e||""})))||[]}),(kn=(Vn=l==null?void 0:l.tableSettings)==null?void 0:Vn.hStackTrendOptions)!=null&&kn.length?o.jsx(o.Fragment,{children:(Dn=(Bn=(rn=l==null?void 0:l.tableSettings)==null?void 0:rn.hStackTrendOptions)==null?void 0:Bn.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes((e==null?void 0:e.column)||"")}))==null?void 0:Dn.map(e=>{var n,d,b,x,f,w;return o.jsxs(o.Fragment,{children:[o.jsx(i,{variant:"heading-5",children:e==null?void 0:e.column}),o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{label:"xAxis",type:"text",onChange:k=>a(F=>{var r,Y;return{...F,tableSettings:{...F.tableSettings,hStackTrendOptions:(Y=(r=F==null?void 0:F.tableSettings)==null?void 0:r.hStackTrendOptions)==null?void 0:Y.map(ol=>ol.column===e.column?{...e,xAxis:k.target.value}:ol)}}}),value:((b=(d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.hStackTrendOptions)==null?void 0:d.find(k=>(k==null?void 0:k.column)===(e==null?void 0:e.column)))==null?void 0:b.xAxis)||"",placeholder:"Enter text"}),o.jsx(j,{label:"yAxis",type:"text",onChange:k=>a(F=>{var r,Y;return{...F,tableSettings:{...F.tableSettings,hStackTrendOptions:(Y=(r=F==null?void 0:F.tableSettings)==null?void 0:r.hStackTrendOptions)==null?void 0:Y.map(ol=>ol.column===e.column?{...e,yAxis:k.target.value}:ol)}}}),value:((w=(f=(x=l==null?void 0:l.tableSettings)==null?void 0:x.hStackTrendOptions)==null?void 0:f.find(k=>(k==null?void 0:k.column)===(e==null?void 0:e.column)))==null?void 0:w.yAxis)||"",placeholder:"Enter text"})]})]})})}):null]}):null,(On=(Wn=l==null?void 0:l.tableSettings)==null?void 0:Wn.badgeColumns)==null?void 0:On.map(e=>{var n,d,b,x;return o.jsxs(o.Fragment,{children:[o.jsx(i,{variant:"body-text-2",children:e}),o.jsxs("div",{className:m.badgeDiv,children:[o.jsx(H,{name:"Badge color",onChange:f=>a(w=>{var k;return{...w,tableSettings:{...w.tableSettings,badgeColors:{...(k=w.tableSettings)==null?void 0:k.badgeColors,[e]:f}}}}),defaultValue:"#f3f4f6",value:((d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.badgeColors)==null?void 0:d[e])||"#f3f4f6",label:"Badge Color"}),o.jsx(H,{name:"Text color",onChange:f=>a(w=>{var k;return{...w,tableSettings:{...w.tableSettings,badgeTextColors:{...(k=w.tableSettings)==null?void 0:k.badgeTextColors,[e]:f}}}}),defaultValue:"#000000",value:((x=(b=l.tableSettings)==null?void 0:b.badgeTextColors)==null?void 0:x[e])||"#000000",label:"Text Color"})]})]})}),(l==null?void 0:l.chartType)===u.table&&!((Rn=l==null?void 0:l.tableSettings)!=null&&Rn.isAutoPagination)?o.jsx(o.Fragment,{children:o.jsx(I,{label:"Default Row Size",selectedOption:{value:((zn=l==null?void 0:l.tableSettings)==null?void 0:zn.defaultRowSize)||"",label:((In=l==null?void 0:l.tableSettings)==null?void 0:In.defaultRowSize)||""},options:yy,onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,defaultRowSize:e.value}})),buttonWidth:"100%",menuWidth:"100%"})}):null,l.chartType===u.horizontalStackTable?o.jsx(j,{label:"Stacked Column Alias",type:"text",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,stackColAlias:e.target.value}})),value:(_n=l==null?void 0:l.tableSettings)==null?void 0:_n.stackColAlias,placeholder:"Enter the title here"}):null,(l==null?void 0:l.chartType)!==u.trendAnalyzer?o.jsxs("div",{className:"dbn-mt-2 dbn-flex dbn-flex-col dbn-gap-4",children:[(l==null?void 0:l.chartType)===u.horizontalStackTable&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show stack labels",enabled:(Mn=l.customSettings)==null?void 0:Mn.showStackLabels,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showStackLabels:!((n=e.customSettings)!=null&&n.showStackLabels)}}})}),o.jsx(i,{variant:"body-text-2",children:"Labels"})]}),(Gn=l==null?void 0:l.customSettings)!=null&&Gn.showStackLabels?o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:"Label Position",selectedOption:{value:((Hn=l==null?void 0:l.labelSettings)==null?void 0:Hn.position)||"hidden",label:""},options:Jj(l==null?void 0:l.chartType),onChange:e=>a(n=>({...n,labelSettings:{...n.labelSettings,show:e.value!=="hidden",position:e.value}}))})}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"sorting",enabled:(Yn=l==null?void 0:l.tableSettings)==null?void 0:Yn.enableSorting,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableSorting:!((n=e.tableSettings)!=null&&n.enableSorting)}}})}),o.jsx(i,{variant:"body-text-2",children:"Sorting"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"disable pagination",enabled:!(($n=l==null?void 0:l.tableSettings)!=null&&$n.disablePagination),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,disablePagination:!((n=e.tableSettings)!=null&&n.disablePagination),isAutoPagination:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Pagination"})]})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"vertical divider",enabled:!((Xn=l==null?void 0:l.tableSettings)!=null&&Xn.hideVerticalDivider),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,hideVerticalDivider:!((n=e.tableSettings)!=null&&n.hideVerticalDivider)}}})}),o.jsx(i,{variant:"body-text-2",children:"Vertical Divider"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"horizontal divider",enabled:!((Pn=l==null?void 0:l.tableSettings)!=null&&Pn.hideHorizontalDivider),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,hideHorizontalDivider:!((n=e.tableSettings)!=null&&n.hideHorizontalDivider)}}})}),o.jsx(i,{variant:"body-text-2",children:"Horizontal Divider"})]}),l.chartType===u.horizontalStackTable?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"table search",enabled:(Un=l==null?void 0:l.tableSettings)==null?void 0:Un.enableTableSearch,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableTableSearch:!((n=e.tableSettings)!=null&&n.enableTableSearch)}}})}),o.jsx(i,{variant:"body-text-2",children:"Table Search"})]}):null,l.chartType===u.horizontalStackTable&&((Zn=l==null?void 0:l.tableSettings)!=null&&Zn.enableTableSearch)?o.jsx(I,{label:"Search Position",selectedOption:{value:((qn=l==null?void 0:l.tableSettings)==null?void 0:qn.searchPosition)||"right",label:((Jn=l==null?void 0:l.tableSettings)==null?void 0:Jn.searchPosition)==="left"?"Left":"Right"},options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,searchPosition:e.value}})),buttonWidth:"100%",menuWidth:"100%"}):null,[u.pivotV3].includes(l==null?void 0:l.chartType)?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"striped rows",enabled:(Kn=l==null?void 0:l.tableSettings)==null?void 0:Kn.enableStripedRows,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableStripedRows:!((n=e.tableSettings)!=null&&n.enableStripedRows)}}})}),o.jsx(i,{variant:"body-text-2",children:"Striped Rows"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"row hover",enabled:(Qn=l==null?void 0:l.tableSettings)==null?void 0:Qn.showRowHover,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,showRowHover:!((n=e.tableSettings)!=null&&n.showRowHover)}}})}),o.jsx(i,{variant:"body-text-2",children:"Row Hover"})]})]}),(l==null?void 0:l.chartType)===u.table?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"hide table border",enabled:!((cn=l==null?void 0:l.tableSettings)!=null&&cn.hideBorder),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,hideBorder:!((n=e.tableSettings)!=null&&n.hideBorder)}}})}),o.jsx(i,{variant:"body-text-2",children:"Table Border"})]}),(gn=l==null?void 0:l.tableSettings)!=null&&gn.hideTableHeader&&![u.pivotV3].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"horizontal cell padding",enabled:!((hn=l==null?void 0:l.tableSettings)!=null&&hn.isRemovePadding),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isRemovePadding:!((n=e.tableSettings)!=null&&n.isRemovePadding)}}})}),o.jsx(i,{variant:"body-text-2",children:"Default Horizontal Cell Padding"})]}),(Sn=l==null?void 0:l.tableSettings)!=null&&Sn.isRemovePadding?o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(j,{label:"Custom Cell Padding",type:"number",addSuffix:"rem",min:0,placeholder:"Enter Custom Padding",onChange:({target:{value:e}})=>a(n=>({...n,tableSettings:{...n.tableSettings,horizontalCellPadding:Number(e)}})),value:((tn=l==null?void 0:l.tableSettings)==null?void 0:tn.horizontalCellPadding)??0})}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"horizontal table scroll",enabled:(ld=l==null?void 0:l.tableSettings)==null?void 0:ld.isHideHorizontalScroll,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isHideHorizontalScroll:!((n=e.tableSettings)!=null&&n.isHideHorizontalScroll)}}})}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Fit Content"}),o.jsx(Al,{text:"Removes horizontal scroll bar and works better with less columns",position:"top",tooltipClass:"dbn-w-[200px]",iconConfig:{size:"xs",color:"primary"}})]})]})]}):null]}):null]}):null]}),header:o.jsx(i,{variant:"heading-5",color:"primary",children:"UI Styling"}),headerButton:null,id:"UI Styling",isOpen:V==="UI Styling",setIsOpen:()=>{B(e=>e==="UI Styling"?"":"UI Styling")}}),[u.pivotV3].includes(l==null?void 0:l.chartType)?null:o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[M&&o.jsxs("div",{className:m.formattingWrapper,children:[o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(I,{label:"Columns",options:ny,selectedOption:{value:C.columnName||"",label:C.columnName||""},onChange:e=>$(n=>({...n,columnName:e.value})),isDisabled:C.isEdit,buttonWidth:"100%",menuWidth:"100%"})}),o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(I,{label:"Conditions",options:rl,selectedOption:{value:C.operator||"",label:C.operator||""},onChange:e=>$(n=>({...n,operator:e.value})),buttonWidth:"100%",menuWidth:"100%"})}),o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(j,{label:"Value",type:"text",placeholder:"Enter Value",onChange:({target:{value:e}})=>$(n=>({...n,value:Number(e)||Number(e)===0?Number(e):e})),value:C.value})}),o.jsx("div",{className:"dbn-col-span-4 dbn-flex dbn-items-end",children:o.jsxs($l,{direction:"row",className:"dbn-gap-2 dbn-items-end",children:[o.jsx(kl,{"data-testid":"bg-color",id:"bg-color",name:"bgColor",label:"Background",labelClass:"dbn-text-sm dbn-font-normal",onClick:()=>{$(e=>({...e,isApplyBgColor:!0,isApplyBadgeColor:!1}))},defaultChecked:!!(C!=null&&C.isApplyBgColor),checked:!!(C!=null&&C.isApplyBgColor)}),o.jsx(kl,{"data-testid":"badge-color",id:"badge-color",name:"badgeColor",label:"Badge",labelClass:"dbn-text-sm dbn-font-normal",onClick:()=>{$(e=>({...e,isApplyBgColor:!1,isApplyBadgeColor:!0}))},defaultChecked:!!(C!=null&&C.isApplyBadgeColor),checked:!!(C!=null&&C.isApplyBadgeColor)})]})}),C!=null&&C.isApplyBgColor?o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(H,{label:"Background Color",name:"background color",onChange:e=>$(n=>({...n,backgrounColor:e})),defaultValue:"#FFFFFF",value:C.backgrounColor})}):null,C!=null&&C.isApplyBadgeColor?o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(H,{label:"Badge Color",name:"badge color",onChange:e=>$(n=>({...n,badgeColor:e})),defaultValue:"#FFFFFF",value:C.badgeColor??"#ffffff"})}):null,o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(H,{label:"Text Color",name:"text color",onChange:e=>$(n=>({...n,color:e})),defaultValue:"#000000",value:C.color})}),h&&o.jsx(jl,{text:h,variant:"error",className:"dbn-col-span-4"}),o.jsxs("div",{className:"dbn-col-span-4 dbn-mt-3 dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(_,{variant:"secondary",onClick:()=>{$({columnName:"",value:"",operator:"",backgrounColor:"#FFFFFF",color:"#000000",isEdit:!1}),J(""),z(!1)},children:"Clear"}),o.jsxs(_,{variant:"primary",type:"button",onClick:()=>tj(),children:[C!=null&&C.isEdit?"Update":"Save"," ","Rule"]})]})]}),(od=(ed=l==null?void 0:l.tableSettings)==null?void 0:ed.conditionalFormatting)!=null&&od.length?(dd=(nd=l==null?void 0:l.tableSettings)==null?void 0:nd.conditionalFormatting)==null?void 0:dd.map((e,n)=>{var d;return o.jsx("div",{className:m.formattingContainer,children:o.jsx("div",{className:m.ruleContainer,children:(d=e.rules)==null?void 0:d.map((b,x)=>{var w,k,F,r,Y,ol;let f="";return(w=b==null?void 0:b.styles)!=null&&w.isApplyBadgeColor||!((k=b==null?void 0:b.styles)!=null&&k.isApplyBgColor)&&((F=b==null?void 0:b.styles)!=null&&F.badgeColor)?f=((r=b==null?void 0:b.styles)==null?void 0:r.badgeColor)||"":f=((Y=b==null?void 0:b.styles)==null?void 0:Y.backgroundColor)||"",o.jsxs("div",{className:"dbn-flex dbn-gap-1 dbn-justify-between",children:[o.jsxs("div",{className:"dbn-flex dbn-gap-1",children:[o.jsx(i,{variant:"body-text-2",children:e.columnName}),o.jsx(i,{variant:"body-text-2",children:(ol=rl.find(bl=>bl.value===b.operator))==null?void 0:ol.label}),o.jsx(i,{variant:"body-text-2",children:o.jsx("span",{style:{backgroundColor:f,color:b.styles.color},className:"dbn-px-1",children:b.value})})]}),o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-items-center",children:[o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"pencil-simple",size:"sm"}),onClick:()=>{var Nl,Ll,_l,Ml;const bl=!!((Nl=b==null?void 0:b.styles)!=null&&Nl.isApplyBadgeColor)||!!(!((Ll=b==null?void 0:b.styles)!=null&&Ll.isApplyBgColor)&&((_l=b==null?void 0:b.styles)!=null&&_l.badgeColor));$({columnName:e.columnName,value:b.value,operator:b.operator,badgeColor:(Ml=b==null?void 0:b.styles)==null?void 0:Ml.badgeColor,backgrounColor:b.styles.backgroundColor||"#FFFFFF",color:b.styles.color||"#000000",isEdit:!0,index1:n,index2:x,isApplyBgColor:!bl,isApplyBadgeColor:bl}),C.isEdit=!0,z(!0)}}),o.jsx(_,{variant:"popover",onClick:()=>my(e.columnName,b),leftIcon:o.jsx(Q,{name:"cross",size:"sm"})},b.value)]})]})})})},e.columnName)}):o.jsx(jl,{text:"No Rules Added",variant:"info"})]}),id:"Conditional Formatting",isOpen:V==="Conditional Formatting",setIsOpen:()=>{B(e=>e==="Conditional Formatting"?"":"Conditional Formatting")},header:o.jsxs("div",{className:m.accordionHeader,children:[o.jsx(i,{variant:"heading-5",color:"primary",children:"Conditional Formatting"}),o.jsx(Al,{text:"You can add rules to change the color of the cells in this table if they meet certain conditions.",position:"top",tooltipClass:"dbn-w-[300px]",isSingleLineTxt:!1})]}),headerButton:o.jsx(_,{variant:"tertiary",size:"small",onClick:e=>{z(!0),V==="Conditional Formatting"&&e.stopPropagation()},leftIcon:o.jsx(Q,{name:"plus"}),children:"Add Rule"})}),[u.table,u.horizontalStackTable].includes(l==null?void 0:l.chartType)&&!((ad=l==null?void 0:l.tableSettings)!=null&&ad.isEnableTranspose)?o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(ud=l==null?void 0:l.tableSettings)!=null&&ud.isEnableNumberFormatting?o.jsxs(o.Fragment,{children:[o.jsx(qj,{chartSettings:l,setChartSettings:a,tableFormatColumnOptions:A,badgeColumnOptions:K}),(bd=l==null?void 0:l.dateColumns)!=null&&bd.length?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable table date formatting",enabled:(sd=l==null?void 0:l.tableSettings)==null?void 0:sd.isEnableTimezoneFormatting,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isEnableTimezoneFormatting:!((n=e.tableSettings)!=null&&n.isEnableTimezoneFormatting)}}})}),o.jsx("div",{children:o.jsx(i,{variant:"body-text-2",children:"Date Formatting"})})]}),(md=l==null?void 0:l.tableSettings)!=null&&md.isEnableTimezoneFormatting?o.jsx(I,{label:"Date Formatters",selectedOption:{value:((id=l==null?void 0:l.tableSettings)==null?void 0:id.timeFormatter)||"original",label:((xd=l==null?void 0:l.tableSettings)==null?void 0:xd.timeFormatter)||"original"},options:Zl,onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,timeFormatter:e.value}})),buttonWidth:"100%",menuWidth:"100%"}):null]}):null]}):o.jsx(jl,{text:"Enable formatting to see formatting options",variant:"info"})}),id:"formatting",isOpen:V==="formatting",setIsOpen:()=>{B(e=>e==="formatting"?"":"formatting")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Formatting"}),headerButton:o.jsx(p,{name:"table number formatting",enabled:(fd=l==null?void 0:l.tableSettings)==null?void 0:fd.isEnableNumberFormatting,onChange:()=>{var e;(e=l==null?void 0:l.tableSettings)!=null&&e.isEnableNumberFormatting||B("formatting"),a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,isEnableNumberFormatting:!((d=n.tableSettings)!=null&&d.isEnableNumberFormatting)}}})}})}):null,[u.table].includes(l==null?void 0:l.chartType)&&!((pd=l==null?void 0:l.tableSettings)!=null&&pd.isEnableTranspose)?o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(yd=(jd=l==null?void 0:l.tableSettings)==null?void 0:jd.aggregateRow)!=null&&yd.isEnable?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-gap-3 dbn-items-end",children:[o.jsx(j,{type:"text",label:"Label",defaultValue:"Total",value:(Nd=(Cd=l==null?void 0:l.tableSettings)==null?void 0:Cd.aggregateRow)==null?void 0:Nd.label,onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,aggregateRow:{...(d=n.tableSettings)==null?void 0:d.aggregateRow,label:e.target.value}}}}),customClassName:"dbn-w-1/2"}),o.jsx(I,{label:"Type",selectedOption:((Td=$j)==null?void 0:Td.find(e=>{var n,d;return e.value===((d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.aggregateRow)==null?void 0:d.function)}))??{value:"",label:""},options:$j,onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,aggregateRow:{...(d=n.tableSettings)==null?void 0:d.aggregateRow,function:e.value}}}}),containerWidth:"dbn-w-1/2",buttonWidth:"100%",menuWidth:"100%"})]}),o.jsx(sl,{label:"Columns",buttonWidth:"100%",menuWidth:"100%",options:D||[],onChange:e=>{a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,aggregateRow:{...(d=n.tableSettings)==null?void 0:d.aggregateRow,columns:e==null?void 0:e.map(b=>b.value)}}}})},selectedOption:((Fd=(vd=(wd=l==null?void 0:l.tableSettings)==null?void 0:wd.aggregateRow)==null?void 0:vd.columns)==null?void 0:Fd.map(e=>({value:e,label:e})))||[],isDisabled:!((Ad=(Ld=l==null?void 0:l.tableSettings)==null?void 0:Ld.aggregateRow)!=null&&Ad.function)})]}):o.jsx(jl,{text:"Enable aggregate row to see options",variant:"info"})}),id:"aggregate-row",isOpen:V==="aggregate-row",setIsOpen:()=>{B(e=>e==="aggregate-row"?"":"aggregate-row")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Aggregate Row"}),headerButton:o.jsx(p,{name:"table aggregate row",enabled:(Vd=(Ed=l==null?void 0:l.tableSettings)==null?void 0:Ed.aggregateRow)==null?void 0:Vd.isEnable,onChange:()=>{var e,n;(n=(e=l==null?void 0:l.tableSettings)==null?void 0:e.aggregateRow)!=null&&n.isEnable||B("aggregate-row"),a(d=>{var b,x,f;return{...d,tableSettings:{...d.tableSettings,aggregateRow:{...(b=d.tableSettings)==null?void 0:b.aggregateRow,isEnable:!((f=(x=d.tableSettings)==null?void 0:x.aggregateRow)!=null&&f.isEnable),columns:[]}}}})}})}):null,(l==null?void 0:l.chartType)===u.horizontalStackTable?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsx(j,{type:"number",label:"Bar Width",onChange:e=>ly(parseInt(e.target.value,10)),value:cl}),o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"number",label:"Bar Top Radius",min:0,onChange:e=>ey(parseInt(e.target.value,10)||0),value:gl||0}),o.jsx(j,{type:"number",label:"Bar Bottom Radius",min:0,onChange:e=>oy(parseInt(e.target.value,10)||0),value:hl||0})]})]}),id:"bar styling",isOpen:V==="bar styling",setIsOpen:()=>{B(e=>e==="bar styling"?"":"bar styling")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Bar Styling"}),headerButton:null}):null,[u.table,u.trendAnalyzer].includes(l==null?void 0:l.chartType)?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[(l==null?void 0:l.chartType)!==u.trendAnalyzer?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"disable pagination",enabled:!((kd=l==null?void 0:l.tableSettings)!=null&&kd.disablePagination),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,disablePagination:!((n=e.tableSettings)!=null&&n.disablePagination),isAutoPagination:!1,isServerSidePagination:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Pagination"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"auto pagination",enabled:!((rd=l==null?void 0:l.tableSettings)!=null&&rd.disablePagination)&&((Bd=l==null?void 0:l.tableSettings)==null?void 0:Bd.isAutoPagination),isDisabled:(Dd=l==null?void 0:l.tableSettings)==null?void 0:Dd.disablePagination,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isAutoPagination:!((n=e.tableSettings)!=null&&n.isAutoPagination),isServerSidePagination:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Auto Pagination"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"pagination",enabled:!((Wd=l==null?void 0:l.tableSettings)!=null&&Wd.disablePagination)&&((Od=l==null?void 0:l.tableSettings)==null?void 0:Od.isServerSidePagination),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isServerSidePagination:!((n=e.tableSettings)!=null&&n.isServerSidePagination),isAutoPagination:!1,isEnableDropdownFilter:!1,dropdownFilterCols:[]}}}),isDisabled:(Rd=l==null?void 0:l.tableSettings)==null?void 0:Rd.disablePagination}),o.jsx(i,{variant:"body-text-2",children:"Server Side Pagination"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"table search",enabled:(zd=l==null?void 0:l.tableSettings)==null?void 0:zd.enableTableSearch,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableTableSearch:!((n=e.tableSettings)!=null&&n.enableTableSearch)}}})}),o.jsx(i,{variant:"body-text-2",children:"Table Search"})]}),(Id=l==null?void 0:l.tableSettings)!=null&&Id.enableTableSearch?o.jsx(I,{label:"Search Position",selectedOption:{value:((_d=l==null?void 0:l.tableSettings)==null?void 0:_d.searchPosition)||"right",label:((Md=l==null?void 0:l.tableSettings)==null?void 0:Md.searchPosition)==="left"?"Left":"Right"},options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,searchPosition:e.value}})),buttonWidth:"100%",menuWidth:"100%"}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Table Header.",position:"bottom-left",showTooltip:(Gd=l==null?void 0:l.tableSettings)==null?void 0:Gd.hideTableHeader,children:o.jsx(p,{name:"sorting",enabled:(Hd=l==null?void 0:l.tableSettings)==null?void 0:Hd.enableSorting,isDisabled:(Yd=l==null?void 0:l.tableSettings)==null?void 0:Yd.hideTableHeader,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableSorting:!((n=e.tableSettings)!=null&&n.enableSorting)}}})})}),o.jsx(i,{variant:"body-text-2",children:"Sorting"})]}),($d=l==null?void 0:l.tableSettings)!=null&&$d.isEnableTranspose?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Table Header.",position:"bottom-left",showTooltip:(Xd=l==null?void 0:l.tableSettings)==null?void 0:Xd.hideTableHeader,children:o.jsx(p,{name:"enable column filter",enabled:(Pd=l==null?void 0:l.tableSettings)==null?void 0:Pd.isEnableColumnFilter,isDisabled:(Ud=l==null?void 0:l.tableSettings)==null?void 0:Ud.hideTableHeader,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isEnableColumnFilter:!((n=e.tableSettings)!=null&&n.isEnableColumnFilter)}}})})}),o.jsx(i,{variant:"body-text-2",children:"Column Filters"})]}),(Zd=l==null?void 0:l.tableSettings)!=null&&Zd.isEnableColumnFilter&&!((qd=l==null?void 0:l.tableSettings)!=null&&qd.isServerSidePagination)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Column filter with Dropdown",enabled:(Jd=l==null?void 0:l.tableSettings)==null?void 0:Jd.isEnableDropdownFilter,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isEnableDropdownFilter:!((n=e.tableSettings)!=null&&n.isEnableDropdownFilter)}}})}),o.jsx(i,{variant:"body-text-2",children:"Column filter with Dropdown"})]}),(Kd=l==null?void 0:l.tableSettings)!=null&&Kd.isEnableDropdownFilter?o.jsx(sl,{selectedOption:((gd=(cd=(Qd=l==null?void 0:l.tableSettings)==null?void 0:Qd.dropdownFilterCols)==null?void 0:cd.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:gd.map(e=>({value:e,label:e})))||[],label:"Dropdown Filter Columns",options:(Pl==null?void 0:Pl.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n==null?void 0:n.tableSettings,dropdownFilterCols:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"}):null]}):null]})]}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"replace null values",enabled:(hd=l==null?void 0:l.tableSettings)==null?void 0:hd.replaceNullValues,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,replaceNullValues:!((n=e.tableSettings)!=null&&n.replaceNullValues),replaceNullValuesWithEmpty:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Replace null values with '-'"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"replace null values with empty",enabled:(Sd=l==null?void 0:l.tableSettings)==null?void 0:Sd.replaceNullValuesWithEmpty,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...(e==null?void 0:e.tableSettings)||{},replaceNullValuesWithEmpty:!((n=e==null?void 0:e.tableSettings)!=null&&n.replaceNullValuesWithEmpty),replaceNullValues:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Replace null values with blank space"})]}),(l==null?void 0:l.chartType)!==u.trendAnalyzer?o.jsxs(o.Fragment,{children:[(td=l==null?void 0:l.tableSettings)!=null&&td.isEnableTranspose?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"view details",enabled:(la=l==null?void 0:l.tableSettings)==null?void 0:la.isEnableViewDetails,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isEnableViewDetails:!((n=e.tableSettings)!=null&&n.isEnableViewDetails),customViewText:"",hiddenColumns:[]}}})}),o.jsx(i,{variant:"body-text-2",children:"View details"})]}),(ea=l==null?void 0:l.tableSettings)!=null&&ea.isEnableViewDetails?o.jsxs(o.Fragment,{children:[o.jsx(j,{label:"Custom View Text",type:"text",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,customViewText:e.target.value}})),value:((oa=l==null?void 0:l.tableSettings)==null?void 0:oa.customViewText)||"",placeholder:"Enter text"}),o.jsx(sl,{selectedOption:((aa=(da=(na=l==null?void 0:l.tableSettings)==null?void 0:na.hiddenColumns)==null?void 0:da.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:aa.map(e=>({value:e,label:e})))||[],label:"Hide Columns",options:((ua=l==null?void 0:l.yAxisList)==null?void 0:ua.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n==null?void 0:n.tableSettings,hiddenColumns:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"})]}):null]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Transpose data",enabled:(ba=l==null?void 0:l.tableSettings)==null?void 0:ba.isEnableTranspose,onChange:()=>a(e=>{var n,d;return{...e,tableSettings:{...e.tableSettings,isEnableTranspose:!((n=e.tableSettings)!=null&&n.isEnableTranspose),isEnableViewDetails:!1,isEnableColumnFilter:!1,isEnableDropdownFilter:!1,aggregateRow:{...(d=e.tableSettings)==null?void 0:d.aggregateRow,isEnable:!1},isEnableNumberFormatting:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Transpose data"})]})]}):null]}),id:"features",isOpen:V==="features",setIsOpen:()=>{B(e=>e==="features"?"":"features")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Features"}),headerButton:null}):null]}),[u.pivotV2,u.pivotV3].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[[u.pivotV2].includes(l==null?void 0:l.chartType)?o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:[u.pivotV3,u.pivotV2].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"striped rows",enabled:(sa=l==null?void 0:l.tableSettings)==null?void 0:sa.enableStripedRows,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableStripedRows:!((n=e.tableSettings)!=null&&n.enableStripedRows)}}})}),o.jsx(i,{variant:"body-text-2",children:"Striped Rows"})]}),[u.pivotV2].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"sorting",enabled:(ma=l==null?void 0:l.tableSettings)==null?void 0:ma.enableSorting,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableSorting:!((n=e.tableSettings)!=null&&n.enableSorting)}}})}),o.jsx(i,{variant:"body-text-2",children:"Sorting"})]}),(ia=l==null?void 0:l.tableSettings)!=null&&ia.enableSorting?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"all level sorting",enabled:(xa=l==null?void 0:l.tableSettings)==null?void 0:xa.isEnableAllSort,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isEnableAllSort:!((n=e.tableSettings)!=null&&n.isEnableAllSort)}}})}),o.jsx(i,{variant:"body-text-2",children:"All Level Sorting"})]}):null]}):null]}):null}),id:"custom settings",isOpen:V==="custom settings",setIsOpen:()=>{B(e=>e==="custom settings"?"":"custom settings")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Custom Settings"}),headerButton:null}):null,o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(fa=l==null?void 0:l.tableSettings)!=null&&fa.isEnableNumberFormatting?o.jsx(o.Fragment,{children:o.jsx(qj,{chartSettings:l,setChartSettings:a,tableFormatColumnOptions:A,badgeColumnOptions:K})}):o.jsx(jl,{text:"Enable formatting to see formatting options",variant:"info"})}),id:"formatting",isOpen:V==="formatting",setIsOpen:()=>{B(e=>e==="formatting"?"":"formatting")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Formatting"}),headerButton:o.jsx(p,{name:"table number formatting",enabled:(pa=l==null?void 0:l.tableSettings)==null?void 0:pa.isEnableNumberFormatting,onChange:()=>{var e;(e=l==null?void 0:l.tableSettings)!=null&&e.isEnableNumberFormatting||B("formatting"),a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,isEnableNumberFormatting:!((d=n.tableSettings)!=null&&d.isEnableNumberFormatting)}}})}})})]}):null]}):o.jsx(o.Fragment,{children:o.jsxs("div",{className:m.container,children:[![u.pie,u.doughnut,u.rose,u.gauge,u.gaugeV2,u.sankey,u.funnel,u.network,u.linearGaugeV2,u.progressBarV2,u.treeMap].includes(l==null?void 0:l.chartType)&&!Il&&o.jsxs(o.Fragment,{children:[o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:`${m.featWrapper}`,style:{marginTop:"0px"},"data-testid":"axis-setup",children:[o.jsx(i,{variant:"heading-5",children:"Axis Setup"}),!yl&&o.jsxs(o.Fragment,{children:[(l==null?void 0:l.chartType)!==u.horizontalCombo?o.jsxs(o.Fragment,{children:[o.jsx(j,{type:"text",placeholder:"Enter Axis Name",label:"Axis Name",value:(ya=(ja=l==null?void 0:l.labelSettings)==null?void 0:ja.XAxisStyle)==null?void 0:ya.axisName,onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=n.labelSettings)==null?void 0:d.XAxisStyle,axisName:e.target.value}}}})}),o.jsx(j,{type:"number",label:"Axis Name - Label Gap",placeholder:"Enter value",value:(Na=(Ca=l==null?void 0:l.labelSettings)==null?void 0:Ca.XAxisStyle)==null?void 0:Na.axisPadding,onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=n.labelSettings)==null?void 0:d.XAxisStyle,axisPadding:Number(e.target.value)}}}})})]}):null,o.jsx(j,{isDisabled:!((wa=(Ta=l==null?void 0:l.labelSettings)==null?void 0:Ta.XAxisStyle)!=null&&wa.axisName)&&(l==null?void 0:l.chartType)!==u.horizontalCombo,label:"Font Family",type:"text",value:((La=(Fa=(va=l==null?void 0:l.labelSettings)==null?void 0:va.XAxisStyle)==null?void 0:Fa.axisNameFontConfig)==null?void 0:La.fontFamily)||"",onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.XAxisStyle)==null?void 0:x.axisNameFontConfig,fontFamily:e.target.value}}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{isDisabled:!((Ea=(Aa=l==null?void 0:l.labelSettings)==null?void 0:Aa.XAxisStyle)!=null&&Ea.axisName)&&(l==null?void 0:l.chartType)!==u.horizontalCombo,label:"Font size",addSuffix:"px",type:"number",min:0,value:((ra=(ka=(Va=l==null?void 0:l.labelSettings)==null?void 0:Va.XAxisStyle)==null?void 0:ka.axisNameFontConfig)==null?void 0:ra.fontSize)||"",onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.XAxisStyle)==null?void 0:x.axisNameFontConfig,fontSize:parseInt(e.target.value,10)}}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",isDisabled:!((Da=(Ba=l==null?void 0:l.labelSettings)==null?void 0:Ba.XAxisStyle)!=null&&Da.axisName)&&(l==null?void 0:l.chartType)!==u.horizontalCombo,options:ll,onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.XAxisStyle)==null?void 0:x.axisNameFontConfig,fontWeight:parseInt(e.value,10)}}}}})},selectedOption:ll.find(e=>{var n,d,b;return parseInt(e.value,10)===((b=(d=(n=l==null?void 0:l.labelSettings)==null?void 0:n.XAxisStyle)==null?void 0:d.axisNameFontConfig)==null?void 0:b.fontWeight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"X-axis line",enabled:!((Wa=l==null?void 0:l.customSettings)!=null&&Wa.hideXAxisLines),onChange:()=>{var e;R?O==null||O({...l,customSettings:{...l==null?void 0:l.customSettings,hideXAxisLines:!((e=l==null?void 0:l.customSettings)!=null&&e.hideXAxisLines)}}):a(n=>{var d;return{...n,customSettings:{...n.customSettings,hideXAxisLines:!((d=n.customSettings)!=null&&d.hideXAxisLines)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Show Axis Line"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"X-axis ticks",enabled:!((Oa=l==null?void 0:l.customSettings)!=null&&Oa.hideXAxisTicks),onChange:()=>{var e;R?O==null||O({...l,customSettings:{...l==null?void 0:l.customSettings,hideXAxisTicks:!((e=l==null?void 0:l.customSettings)!=null&&e.hideXAxisTicks)}}):a(n=>{var d;return{...n,customSettings:{...n.customSettings,hideXAxisTicks:!((d=n.customSettings)!=null&&d.hideXAxisTicks)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Show Axis Ticks"})]}),!yl&&o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"X-axis splitlines",enabled:!((Ra=l==null?void 0:l.customSettings)!=null&&Ra.hideXSplitLines),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideXSplitLines:!((n=e.customSettings)!=null&&n.hideXSplitLines)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Splitlines"})]}),yl?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"X axis full scale",enabled:(za=l==null?void 0:l.customSettings)==null?void 0:za.isEnableFullScale,onChange:()=>{var e;R?O==null||O({...l,customSettings:{...l==null?void 0:l.customSettings,isEnableFullScale:!((e=l==null?void 0:l.customSettings)!=null&&e.isEnableFullScale)}}):a(n=>{var d;return{...n,customSettings:{...n.customSettings,isEnableFullScale:!((d=n.customSettings)!=null&&d.isEnableFullScale)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Full Scale"})]}),l.chartType!==u.linearGauge?o.jsx(j,{type:"number",label:"Modify Bar Width",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,barWidth:parseInt(e.target.value,10)}})),value:(Ia=l==null?void 0:l.customSettings)==null?void 0:Ia.barWidth}):null]}):null]}),o.jsxs("div",{className:m.featWrapper,"data-testid":"axis-label-setup",children:[o.jsx(i,{variant:"heading-5",children:"Axis Label Setup"}),yl?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"X-axis labels",enabled:!((_a=l==null?void 0:l.customSettings)!=null&&_a.hideXAxisLabels),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideXAxisLabels:!((n=e.customSettings)!=null&&n.hideXAxisLabels)}}})}),o.jsx(i,{variant:"body-text-2",children:"Axis Label"})]}),![u.row,u.horizontalStack,u.bullet,u.horizontalCombo].includes(l==null?void 0:l.chartType)&&!((Ma=l==null?void 0:l.customSettings)!=null&&Ma.hideXAxisLabels)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"truncate label 2",enabled:(Ga=l==null?void 0:l.labelSettings)==null?void 0:Ga.truncateLabel,onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,truncateLabel:!((n=e.labelSettings)!=null&&n.truncateLabel)}}}),isDisabled:(Ha=l==null?void 0:l.customSettings)==null?void 0:Ha.hideXAxisLabels}),o.jsx(i,{variant:"body-text-2",children:"Truncate Label"})]}),(Ya=l==null?void 0:l.labelSettings)!=null&&Ya.truncateLabel?o.jsx(j,{label:"Truncate Label Value",addSuffix:"characters",type:"number",value:($a=l==null?void 0:l.labelSettings)==null?void 0:$a.truncateLabelValue,isDisabled:((Xa=l==null?void 0:l.customSettings)==null?void 0:Xa.hideXAxisLabels)||!((Pa=l==null?void 0:l.labelSettings)!=null&&Pa.truncateLabel),min:0,onChange:e=>a(n=>({...n,labelSettings:{...n.labelSettings,truncateLabelValue:parseInt(e.target.value,10)}}))}):null,o.jsx(j,{label:"Label Margin",addSuffix:"px",type:"number",value:((Za=(Ua=l==null?void 0:l.labelSettings)==null?void 0:Ua.XAxisStyle)==null?void 0:Za.axisMargin)||8,isDisabled:(qa=l==null?void 0:l.customSettings)==null?void 0:qa.hideXAxisLabels,min:0,onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=n.labelSettings)==null?void 0:d.XAxisStyle,axisMargin:parseInt(e.target.value,10)}}}})})]}):null]}),yl||!((Ja=l==null?void 0:l.customSettings)!=null&&Ja.hideXAxisLabels)?o.jsxs(o.Fragment,{children:[o.jsx(j,{isDisabled:(Ka=l==null?void 0:l.customSettings)==null?void 0:Ka.hideXAxisLabels,label:"Font Family",type:"text",value:(ca=(Qa=l==null?void 0:l.labelSettings)==null?void 0:Qa.XAxisStyle)==null?void 0:ca.family,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,family:e.target.value}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{isDisabled:(ga=l==null?void 0:l.customSettings)==null?void 0:ga.hideXAxisLabels,label:"Font size",addSuffix:"px",type:"number",min:0,value:(Sa=(ha=l==null?void 0:l.labelSettings)==null?void 0:ha.XAxisStyle)==null?void 0:Sa.size,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,size:parseInt(e.target.value,10)}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",isDisabled:(ta=l==null?void 0:l.customSettings)==null?void 0:ta.hideXAxisLabels,options:ll,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,weight:parseInt(e.value,10)}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.labelSettings)==null?void 0:n.XAxisStyle)==null?void 0:d.weight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),[u.row,u.horizontalStack,u.bullet].includes(l==null?void 0:l.chartType)||yl?o.jsxs(o.Fragment,{children:[(l==null?void 0:l.chartType)!==u.horizontalStack?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable dynamic limits",enabled:((lu=l==null?void 0:l.customSettings)==null?void 0:lu.isEnableDynamicLimits)&&!((eu=l==null?void 0:l.customSettings)!=null&&eu.hideXAxisLabels),isDisabled:(ou=l==null?void 0:l.customSettings)==null?void 0:ou.hideXAxisLabels,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableDynamicLimits:!((n=e.customSettings)!=null&&n.isEnableDynamicLimits)}}})}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Dynamic Limits"}),o.jsx(Al,{text:"Dynamically adjust limits to maximize chart.",position:"top",tooltipClass:"dbn-w-[300px]",iconConfig:{size:"xs",color:"primary"},isSingleLineTxt:!0})]})]}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable custom limits",enabled:((nu=l==null?void 0:l.customSettings)==null?void 0:nu.isEnableCustomLimits)&&!((du=l==null?void 0:l.customSettings)!=null&&du.hideXAxisLabels)&&!((au=l==null?void 0:l.customSettings)!=null&&au.isEnableDynamicLimits),isDisabled:((uu=l==null?void 0:l.customSettings)==null?void 0:uu.hideXAxisLabels)||((bu=l==null?void 0:l.customSettings)==null?void 0:bu.isEnableDynamicLimits),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableCustomLimits:!((n=e.customSettings)!=null&&n.isEnableCustomLimits)}}})}),o.jsx(i,{variant:"body-text-2",children:"Custom Limits"})]}),(su=l==null?void 0:l.customSettings)!=null&&su.isEnableCustomLimits&&!((mu=l==null?void 0:l.customSettings)!=null&&mu.isEnableDynamicLimits)?o.jsxs("div",{className:"dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(j,{isDisabled:!((iu=l==null?void 0:l.customSettings)!=null&&iu.isEnableCustomLimits),label:"Lower Limit",type:"number",placeholder:"Enter value",min:0,value:(xu=l==null?void 0:l.customSettings)==null?void 0:xu.customLowerLimit,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,customLowerLimit:Number(e.target.value)}}))}),o.jsx(j,{isDisabled:!((fu=l==null?void 0:l.customSettings)!=null&&fu.isEnableCustomLimits),label:"Upper Limit",type:"number",placeholder:"Enter value",min:0,value:(pu=l==null?void 0:l.customSettings)==null?void 0:pu.customUppperLimit,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,customUppperLimit:Number(e.target.value)}}))})]}):null]}):null,o.jsx(H,{isDisabled:(ju=l==null?void 0:l.customSettings)==null?void 0:ju.hideXAxisLabels,label:"Label Color",name:"color",onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,color:e}}}})},defaultValue:"#000000",value:((Cu=(yu=l==null?void 0:l.labelSettings)==null?void 0:yu.XAxisStyle)==null?void 0:Cu.color)||"#000000"}),yl||(l==null?void 0:l.chartType)===u.horizontalCombo?null:o.jsx(o.Fragment,{children:o.jsx(I,{label:"Label Rotation",buttonWidth:"100%",menuWidth:"100%",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,xRotation:parseInt(e.value,10),customRotation:parseInt(e.value,10)}})),options:[{icon:"text-rotation-none",label:"0",value:"0"},{icon:"text-rotation-angle-up",label:"45",value:"45"},{icon:"text-rotation-up",label:"90",value:"90"}],selectedOption:{icon:"angle",label:((wu=((Nu=l==null?void 0:l.customSettings)==null?void 0:Nu.customRotation)||((Tu=l==null?void 0:l.customSettings)==null?void 0:Tu.xRotation))==null?void 0:wu.toString())||"45",value:((Lu=((vu=l==null?void 0:l.customSettings)==null?void 0:vu.customRotation)||((Fu=l==null?void 0:l.customSettings)==null?void 0:Fu.xRotation))==null?void 0:Lu.toString())||"45"},isDisabled:(Au=l==null?void 0:l.customSettings)==null?void 0:Au.hideXAxisLabels,customOption:o.jsx(j,{isDisabled:(Eu=l==null?void 0:l.customSettings)==null?void 0:Eu.hideXAxisLabels,inlineLabel:"Custom Angle",type:"number",value:((Vu=l==null?void 0:l.customSettings)==null?void 0:Vu.customRotation)||((ku=l==null?void 0:l.customSettings)==null?void 0:ku.xRotation),onChange:e=>{const n=parseInt(e.target.value,10);a(d=>({...d,customSettings:{...d.customSettings,customRotation:n,xRotation:n}}))}})})})]}):null]})]}),id:"Horizontal Axis",header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Horizontal Axis"}),headerButton:null,isOpen:V==="Horizontal Axis",setIsOpen:()=>{B(e=>e==="Horizontal Axis"?"":"Horizontal Axis")}}),yl?null:o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:`dbn-mt-0 ${m.featWrapper}`,style:{marginTop:"0px"},"data-testid":"axis-setup",children:[o.jsx(i,{variant:"heading-5",children:"Axis Setup"}),l.chartType!==u.combo?o.jsxs(o.Fragment,{children:[o.jsx(j,{label:"Axis Name",type:"text",placeholder:"Enter axis name",value:(Bu=(ru=l==null?void 0:l.labelSettings)==null?void 0:ru.YAxisStyle)==null?void 0:Bu.axisName,onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=n.labelSettings)==null?void 0:d.YAxisStyle,axisName:e.target.value}}}})}),o.jsx(j,{label:"Axis Name - Label Gap",type:"number",placeholder:"Enter value",value:((Wu=(Du=l==null?void 0:l.labelSettings)==null?void 0:Du.YAxisStyle)==null?void 0:Wu.axisPadding)||"",onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=n.labelSettings)==null?void 0:d.YAxisStyle,axisPadding:Number(e.target.value)}}}})}),o.jsx(j,{isDisabled:!((Ru=(Ou=l==null?void 0:l.labelSettings)==null?void 0:Ou.YAxisStyle)!=null&&Ru.axisName),label:"Font Family",type:"text",value:((_u=(Iu=(zu=l==null?void 0:l.labelSettings)==null?void 0:zu.YAxisStyle)==null?void 0:Iu.axisNameFontConfig)==null?void 0:_u.fontFamily)||"",onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.YAxisStyle)==null?void 0:x.axisNameFontConfig,fontFamily:e.target.value}}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{isDisabled:!((Gu=(Mu=l==null?void 0:l.labelSettings)==null?void 0:Mu.YAxisStyle)!=null&&Gu.axisName),label:"Font size",addSuffix:"px",type:"number",min:0,value:(($u=(Yu=(Hu=l==null?void 0:l.labelSettings)==null?void 0:Hu.YAxisStyle)==null?void 0:Yu.axisNameFontConfig)==null?void 0:$u.fontSize)||"",onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.YAxisStyle)==null?void 0:x.axisNameFontConfig,fontSize:parseInt(e.target.value,10)}}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",isDisabled:!((Pu=(Xu=l==null?void 0:l.labelSettings)==null?void 0:Xu.YAxisStyle)!=null&&Pu.axisName),options:ll,onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.YAxisStyle)==null?void 0:x.axisNameFontConfig,fontWeight:parseInt(e.value,10)}}}}})},selectedOption:ll.find(e=>{var n,d,b;return parseInt(e.value,10)===((b=(d=(n=l==null?void 0:l.labelSettings)==null?void 0:n.YAxisStyle)==null?void 0:d.axisNameFontConfig)==null?void 0:b.fontWeight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]})]}):null,![u.pie,u.doughnut,u.funnel,u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.sankey,u.singleValue,u.table,u.network,u.combo,u.gantt].includes(l.chartType)&&o.jsx(I,{label:"Axis Position",selectedOption:{value:((Uu=l.axisSettings)==null?void 0:Uu.axis)||"left",label:((Zu=l.axisSettings)==null?void 0:Zu.axis)||"Left"},options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],onChange:e=>a(n=>({...n,axisSettings:{...n.axisSettings,axis:e.value}})),buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Y-axis line",enabled:!((qu=l==null?void 0:l.customSettings)!=null&&qu.hideYAxisLines),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideYAxisLines:!((n=e.customSettings)!=null&&n.hideYAxisLines)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Axis Line"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Y-axis ticks",enabled:!((Ju=l==null?void 0:l.customSettings)!=null&&Ju.hideYAxisTicks),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideYAxisTicks:!((n=e.customSettings)!=null&&n.hideYAxisTicks)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Axis Ticks"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Y-axis splitlines",enabled:!((Ku=l==null?void 0:l.customSettings)!=null&&Ku.hideYSplitLines),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideYSplitLines:!((n=e.customSettings)!=null&&n.hideYSplitLines)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Splitlines"})]}),[u.horizontalCombo,u.row,u.horizontalStack,u.bullet,u.gantt,u.bubbleV2,u.waterfall,u.waterfallV2,u.timeSeries].includes((l==null?void 0:l.chartType)||"")?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable log value",enabled:(Qu=l==null?void 0:l.customSettings)==null?void 0:Qu.isEnableLogScale,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableLogScale:!((n=e.customSettings)!=null&&n.isEnableLogScale)}}})}),o.jsx(i,{variant:"body-text-2",children:"Log Scale (Base 10)"})]}),(cu=l==null?void 0:l.customSettings)!=null&&cu.isEnableLogScale?o.jsx(jl,{text:"Zero values are excluded in log scale.",variant:"info"}):null]})]}),o.jsxs("div",{className:m.featWrapper,"data-testid":"axis-label-setup",children:[o.jsx(i,{variant:"heading-5",children:"Axis Label Setup"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Y-axis labels",enabled:!((gu=l==null?void 0:l.customSettings)!=null&&gu.hideYAxisLabels),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideYAxisLabels:!((n=e.customSettings)!=null&&n.hideYAxisLabels)}}})}),o.jsx(i,{variant:"body-text-2",children:"Axis Label"})]}),(hu=l==null?void 0:l.customSettings)!=null&&hu.hideYAxisLabels?null:o.jsxs(o.Fragment,{children:[(l==null?void 0:l.chartType)!==u.combo?o.jsx(o.Fragment,{children:[u.row,u.horizontalStack,u.bullet,u.horizontalCombo].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"truncate label",enabled:(Su=l==null?void 0:l.labelSettings)==null?void 0:Su.truncateLabel,onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,truncateLabel:!((n=e.labelSettings)!=null&&n.truncateLabel)}}})}),o.jsx(i,{variant:"body-text-2",children:"Truncate Label"})]}),(tu=l==null?void 0:l.labelSettings)!=null&&tu.truncateLabel?o.jsx(j,{label:"Truncate Value",addSuffix:"characters",type:"number",value:(lb=l==null?void 0:l.labelSettings)==null?void 0:lb.truncateLabelValue,min:0,isDisabled:!((eb=l==null?void 0:l.labelSettings)!=null&&eb.truncateLabel),onChange:e=>a(n=>({...n,labelSettings:{...n.labelSettings,truncateLabelValue:parseInt(e.target.value,10)}}))}):null,o.jsx(j,{label:"Label Margin",addSuffix:"px",type:"number",value:((nb=(ob=l==null?void 0:l.labelSettings)==null?void 0:ob.YAxisStyle)==null?void 0:nb.axisMargin)||8,isDisabled:(db=l==null?void 0:l.customSettings)==null?void 0:db.hideYAxisLabels,min:0,onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=n.labelSettings)==null?void 0:d.YAxisStyle,axisMargin:parseInt(e.target.value,10)}}}})})]}):null}):null,o.jsx(j,{isDisabled:(ab=l==null?void 0:l.customSettings)==null?void 0:ab.hideYAxisLabels,label:"Font Family",type:"text",value:(bb=(ub=l==null?void 0:l.labelSettings)==null?void 0:ub.YAxisStyle)==null?void 0:bb.family,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,family:e.target.value}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{isDisabled:(sb=l==null?void 0:l.customSettings)==null?void 0:sb.hideYAxisLabels,label:"Font Size",type:"number",addSuffix:"px",min:0,value:(ib=(mb=l==null?void 0:l.labelSettings)==null?void 0:mb.YAxisStyle)==null?void 0:ib.size,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,size:parseInt(e.target.value,10)}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",isDisabled:(xb=l==null?void 0:l.customSettings)==null?void 0:xb.hideYAxisLabels,options:ll,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,weight:parseInt(e.value,10)}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.labelSettings)==null?void 0:n.YAxisStyle)==null?void 0:d.weight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(H,{isDisabled:(fb=l==null?void 0:l.customSettings)==null?void 0:fb.hideYAxisLabels,label:"Label Color",name:"color",onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,color:e}}}})},defaultValue:"#000000",value:((jb=(pb=l==null?void 0:l.labelSettings)==null?void 0:pb.YAxisStyle)==null?void 0:jb.color)||"#000000"}),[u.combo,u.horizontalCombo,u.row,u.horizontalStack,u.bullet,u.gantt].includes((l==null?void 0:l.chartType)||"")?null:o.jsxs(o.Fragment,{children:[[u.stack,u.stackedArea,u.boxplot,u.bubble,u.bubbleV2,u.timeSeries].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable dynamic limits",enabled:(yb=l==null?void 0:l.customSettings)==null?void 0:yb.isEnableDynamicLimits,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableDynamicLimits:!((n=e.customSettings)!=null&&n.isEnableDynamicLimits)}}})}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Dynamic Limits"}),o.jsx(Al,{text:"Dynamically adjust limits to maximize chart.",position:"top",tooltipClass:"dbn-w-[300px]",iconConfig:{size:"xs",color:"primary"},isSingleLineTxt:!0})]})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable custom limits",enabled:((Cb=l==null?void 0:l.customSettings)==null?void 0:Cb.isEnableCustomLimits)&&!((Nb=l==null?void 0:l.customSettings)!=null&&Nb.isEnableDynamicLimits),isDisabled:(Tb=l==null?void 0:l.customSettings)==null?void 0:Tb.isEnableDynamicLimits,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableCustomLimits:!((n=e.customSettings)!=null&&n.isEnableCustomLimits)}}})}),o.jsx(i,{variant:"body-text-2",children:"Custom Limits"})]}),(wb=l==null?void 0:l.customSettings)!=null&&wb.isEnableCustomLimits&&!((vb=l==null?void 0:l.customSettings)!=null&&vb.isEnableDynamicLimits)?o.jsxs("div",{className:"dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(j,{isDisabled:!((Fb=l==null?void 0:l.customSettings)!=null&&Fb.isEnableCustomLimits),label:"Lower Limit",type:"number",placeholder:"Enter value",min:0,value:(Lb=l==null?void 0:l.customSettings)==null?void 0:Lb.customLowerLimit,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,customLowerLimit:Number(e.target.value)}}))}),o.jsx(j,{isDisabled:!((Ab=l==null?void 0:l.customSettings)!=null&&Ab.isEnableCustomLimits),label:"Upper Limit",type:"number",placeholder:"Enter value",min:0,value:(Eb=l==null?void 0:l.customSettings)==null?void 0:Eb.customUppperLimit,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,customUppperLimit:Number(e.target.value)}}))})]}):null]})]})]}),[u.line,u.timeSeries].includes(l==null?void 0:l.chartType)?o.jsxs("div",{className:m.featWrapper,children:[o.jsx(i,{variant:"heading-5",children:"Marker Settings"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"max marker",enabled:(kb=(Vb=l==null?void 0:l.customSettings)==null?void 0:Vb.markers)==null?void 0:kb.isEnableMax,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,markers:{...(n=e.customSettings)==null?void 0:n.markers,isEnableMax:!((b=(d=e.customSettings)==null?void 0:d.markers)!=null&&b.isEnableMax)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Marker for maximum value"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"min marker",enabled:(Bb=(rb=l==null?void 0:l.customSettings)==null?void 0:rb.markers)==null?void 0:Bb.isEnableMin,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,markers:{...(n=e.customSettings)==null?void 0:n.markers,isEnableMin:!((b=(d=e.customSettings)==null?void 0:d.markers)!=null&&b.isEnableMin)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Marker for minimum value"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"avg line",enabled:(Wb=(Db=l==null?void 0:l.customSettings)==null?void 0:Db.markers)==null?void 0:Wb.isEnableAvg,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,markers:{...(n=e.customSettings)==null?void 0:n.markers,isEnableAvg:!((b=(d=e.customSettings)==null?void 0:d.markers)!=null&&b.isEnableAvg)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Average line"})]}),o.jsx(H,{label:"Max Value Marker Color",name:"max color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,markers:{...(d=n.customSettings)==null?void 0:d.markers,maxColor:e}}}}),defaultValue:"#008000",value:((Rb=(Ob=l==null?void 0:l.customSettings)==null?void 0:Ob.markers)==null?void 0:Rb.maxColor)||"#008000"}),o.jsx(H,{label:"Min Value Marker Color",name:"min color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,markers:{...(d=n.customSettings)==null?void 0:d.markers,minColor:e}}}}),defaultValue:"#FF0000",value:((Ib=(zb=l==null?void 0:l.customSettings)==null?void 0:zb.markers)==null?void 0:Ib.minColor)||"#FF0000"})]}):null,(l==null?void 0:l.chartType)===u.horizontalCombo&&!((_b=l==null?void 0:l.customSettings)!=null&&_b.hideYAxisLabels)?o.jsx(I,{label:"Label Rotation",buttonWidth:"100%",menuWidth:"100%",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,xRotation:parseInt(e.value,10),customRotation:parseInt(e.value,10)}})),options:[{icon:"text-rotation-none",label:"0",value:"0"},{icon:"text-rotation-angle-up",label:"45",value:"45"},{icon:"text-rotation-up",label:"90",value:"90"}],selectedOption:{icon:"angle",label:((Hb=((Mb=l==null?void 0:l.customSettings)==null?void 0:Mb.customRotation)||((Gb=l==null?void 0:l.customSettings)==null?void 0:Gb.xRotation))==null?void 0:Hb.toString())||"45",value:((Xb=((Yb=l==null?void 0:l.customSettings)==null?void 0:Yb.customRotation)||(($b=l==null?void 0:l.customSettings)==null?void 0:$b.xRotation))==null?void 0:Xb.toString())||"45"},isDisabled:(Pb=l==null?void 0:l.customSettings)==null?void 0:Pb.hideXAxisLabels,customOption:o.jsx(j,{isDisabled:(Ub=l==null?void 0:l.customSettings)==null?void 0:Ub.hideXAxisLabels,inlineLabel:"Custom Angle",type:"number",value:((Zb=l==null?void 0:l.customSettings)==null?void 0:Zb.customRotation)||((qb=l==null?void 0:l.customSettings)==null?void 0:qb.xRotation),onChange:e=>{const n=parseInt(e.target.value,10);a(d=>({...d,customSettings:{...d.customSettings,customRotation:n,xRotation:n}}))}})}):null]}),id:"vertical axis",isOpen:V==="vertical axis",setIsOpen:()=>{B(e=>e==="vertical axis"?"":"vertical axis")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Vertical Axis"}),headerButton:null})]}),!Il&&![u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.treeMap].includes(l.chartType)?o.jsxs(o.Fragment,{children:[yl?null:o.jsxs(o.Fragment,{children:[[u.bar,u.verticalCombo,u.row,u.stack,u.horizontalStack,u.bullet,u.combo,u.horizontalCombo,u.gantt].includes(l.chartType)||l.chartType===u.timeSeries&&((Kb=(Jb=l.timeSeriesSettings)==null?void 0:Jb.seriesType[0])==null?void 0:Kb.type)==="bar"?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[[u.bar].includes(l==null?void 0:l.chartType)&&(l!=null&&l.isDynamicSeries)&&(l==null?void 0:l.seriesField)!=="ungrouped"?null:o.jsx(j,{type:"number",label:(l==null?void 0:l.chartType)===u.gantt?"Bar Height":"Bar Width",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,barWidth:parseInt(e.target.value,10)}})),value:(Qb=l==null?void 0:l.customSettings)==null?void 0:Qb.barWidth}),(l==null?void 0:l.chartType)!==u.horizontalStack?o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"number",label:"Bar Top Radius",min:0,onChange:e=>s(n=>({...n,topRadius:parseInt(e.target.value,10)||0})),value:((gb=(cb=l==null?void 0:l.customSettings)==null?void 0:cb.barRadius)==null?void 0:gb[1])||0}),o.jsx(j,{type:"number",label:"Bar Bottom Radius",min:0,onChange:e=>s(n=>({...n,bottomRadius:parseInt(e.target.value,10)||0})),value:((Sb=(hb=l==null?void 0:l.customSettings)==null?void 0:hb.barRadius)==null?void 0:Sb[3])||0})]}):null]}),id:"bar styling",isOpen:V==="bar styling",setIsOpen:()=>{B(e=>e==="bar styling"?"":"bar styling")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Bar Styling"}),headerButton:null}):null,[u.boxplot].includes(l==null?void 0:l.chartType)?null:o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(tb=l==null?void 0:l.legendSettings)!=null&&tb.show?o.jsxs(o.Fragment,{children:[o.jsxs("div",{children:[o.jsx(i,{variant:"body-text-2",children:"Position"}),o.jsx(Gl,{val:(ls=l==null?void 0:l.legendSettings)==null?void 0:ls.fixedPosition,onClick:e=>a(n=>({...n,legendSettings:{...n.legendSettings,fixedPosition:e}})),isDisableCenterPositioning:((es=l==null?void 0:l.legendSettings)==null?void 0:es.position)==="horizontal",isDisableVerticalCenterPositioning:((os=l==null?void 0:l.legendSettings)==null?void 0:os.position)==="vertical"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"disable scroll",enabled:!((ns=l==null?void 0:l.legendSettings)!=null&&ns.disableScroll),onChange:()=>a(e=>{var n;return{...e,legendSettings:{...e.legendSettings,disableScroll:!((n=e.legendSettings)!=null&&n.disableScroll)}}})}),o.jsx(i,{variant:"body-text-2",children:"Legend Scrolling"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"customise",enabled:(ds=l==null?void 0:l.legendSettings)==null?void 0:ds.customise,onChange:()=>a(e=>{var n;return{...e,legendSettings:{...e.legendSettings,customise:!((n=e.legendSettings)!=null&&n.customise)}}})}),o.jsx(i,{variant:"body-text-2",children:"Custom Position"})]}),(as=l==null?void 0:l.legendSettings)!=null&&as.customise?o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-gap-4",children:[o.jsx(j,{"data-testid":"custom-vertical-input",type:"number",isDisabled:!((us=l==null?void 0:l.legendSettings)!=null&&us.customise),leftIcon:o.jsx(Q,{name:"align-top"}),value:(bs=l==null?void 0:l.legendSettings)==null?void 0:bs.top,onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,top:parseInt(e.target.value,10)}}))}),o.jsx(j,{"data-testid":"custom-horizontal-input",isDisabled:!((ss=l==null?void 0:l.legendSettings)!=null&&ss.customise),leftIcon:o.jsx(Q,{name:"align-left"}),type:"number",value:(ms=l==null?void 0:l.legendSettings)==null?void 0:ms.left,onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,left:parseInt(e.target.value,10)}}))})]}):null,o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:"Orientation",selectedOption:{value:((is=l==null?void 0:l.legendSettings)==null?void 0:is.position)||"horizontal",label:((xs=l==null?void 0:l.legendSettings)==null?void 0:xs.position)||"Horizontal"},options:[{label:"Horizontal",value:"horizontal",icon:"arrows-horizontal"},{label:"Vertical",value:"vertical",icon:"arrows-vertical"}],onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,position:e.value}}))})}),o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:"Legend Shape",selectedOption:{value:((fs=l==null?void 0:l.legendSettings)==null?void 0:fs.legendShape)||"rectangle",label:""},options:[{label:"",value:"roundRect",icon:"rectangle"},{label:"",value:"diamond",icon:"diamond"},{label:"",value:"triangle",icon:"triangle"},{label:"",value:"circle",icon:"circular"},{label:"",value:"arrow",icon:"arrow-shape"}],onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,legendShape:e.value}}))})}),o.jsx(j,{label:"Font Family",type:"text",value:(ps=l==null?void 0:l.legendSettings)==null?void 0:ps.fontFamily,onChange:e=>{a(n=>({...n,legendSettings:{...n.legendSettings,fontFamily:e.target.value}}))}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,value:(js=l==null?void 0:l.legendSettings)==null?void 0:js.fontSize,onChange:e=>{a(n=>({...n,legendSettings:{...n.legendSettings,fontSize:parseInt(e.target.value,10)}}))}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>({...n,legendSettings:{...n.legendSettings,fontWeight:parseInt(e.value,10)}}))},selectedOption:ll.find(e=>{var n;return parseInt(e.value,10)===((n=l==null?void 0:l.legendSettings)==null?void 0:n.fontWeight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(j,{label:"Truncate Legend",addSuffix:"characters",type:"number",value:(ys=l==null?void 0:l.legendSettings)==null?void 0:ys.truncateLegendValue,min:0,onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,truncateLegendValue:parseInt(e.target.value,10)}}))}),[u.bar,u.verticalCombo,u.line,u.stack,u.timeSeries].includes(l==null?void 0:l.chartType)&&(l!=null&&l.isMultiDimension)&&((Cs=l==null?void 0:l.timeSeriesSettings)==null?void 0:Cs.groupBySettings.value)!=="ungrouped"?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"legend selection",enabled:(Ns=l==null?void 0:l.customSettings)==null?void 0:Ns.showSelectLegend,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showSelectLegend:!((n=e.customSettings)!=null&&n.showSelectLegend)}}})}),o.jsx(i,{variant:"body-text-2",children:"Legend selection"})]}):null,o.jsx(H,{label:"Legend Label Color",name:"color",onChange:e=>{a(n=>({...n,legendSettings:{...n.legendSettings,color:e}}))},defaultValue:"#000000",value:((Ts=l==null?void 0:l.legendSettings)==null?void 0:Ts.color)||"#000000"}),(l==null?void 0:l.chartType)===u.timeSeries&&((Fs=(vs=(ws=l==null?void 0:l.timeSeriesSettings)==null?void 0:ws.seriesType)==null?void 0:vs[0])==null?void 0:Fs.type)==="line"&&((Ls=l==null?void 0:l.customSettings)!=null&&Ls.isEnableDashedLine)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"future legend",enabled:(As=l==null?void 0:l.customSettings)==null?void 0:As.isEnableFutureLegend,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableFutureLegend:!((n=e.customSettings)!=null&&n.isEnableFutureLegend)}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Future Legend"})]}),(Es=l==null?void 0:l.customSettings)!=null&&Es.isEnableFutureLegend?o.jsx(o.Fragment,{children:(Vs=l==null?void 0:l.yAxisList)==null?void 0:Vs.map(e=>{var n,d;return o.jsx(j,{label:e,type:"text",value:((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.futureLegendNames)==null?void 0:d[e])||`Future ${e}`,onChange:b=>{var f;const x=((f=l==null?void 0:l.customSettings)==null?void 0:f.futureLegendNames)||{};x[e]=b.target.value,a(w=>({...w,customSettings:{...w.customSettings,futureLegendNames:x}}))}})})}):null]}):null]}):o.jsx(jl,{text:"Enable Chart Legend to see options",variant:"info"})}),id:"chart legend",isOpen:V==="chart legend",setIsOpen:()=>{B(e=>e==="chart legend"?"":"chart legend")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Legend"}),headerButton:o.jsx(p,{name:"show legend",defaultEnabled:!0,enabled:(ks=l==null?void 0:l.legendSettings)==null?void 0:ks.show,onChange:()=>{var e;(e=l==null?void 0:l.legendSettings)!=null&&e.show||B("chart legend"),a(n=>{var d;return{...n,legendSettings:{...n.legendSettings,show:!((d=n.legendSettings)!=null&&d.show)}}})}})})]}),[u.pie,u.doughnut,u.rose,u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.sankey,u.funnel,u.progressBar,u.linearGauge,u.network].includes(l==null?void 0:l.chartType)?null:o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:o.jsxs("div",{className:m.marginContainer,children:[o.jsx("div",{className:m.marginWrapper,children:o.jsx(j,{"data-testid":"chart-margin-top",type:"number",value:(rs=l==null?void 0:l.margins)==null?void 0:rs.marginTop,onChange:e=>a(n=>({...n,margins:{...n.margins,marginTop:parseInt(e.target.value,10)}}))})}),o.jsxs("div",{className:m.chartDemoContainer,children:[o.jsx("div",{className:m.marginWrapper,children:o.jsx(j,{"data-testid":"chart-margin-left",type:"number",value:(Bs=l==null?void 0:l.margins)==null?void 0:Bs.marginLeft,onChange:e=>a(n=>({...n,margins:{...n.margins,marginLeft:parseInt(e.target.value,10)}}))})}),o.jsx("div",{className:m.chartDemo}),o.jsx("div",{className:m.marginWrapper,children:o.jsx(j,{"data-testid":"chart-margin-right",type:"number",value:(Ds=l==null?void 0:l.margins)==null?void 0:Ds.marginRight,onChange:e=>a(n=>({...n,margins:{...n.margins,marginRight:parseInt(e.target.value,10)}}))})})]}),o.jsx("div",{className:m.marginWrapper,children:o.jsx(j,{"data-testid":"chart-margin-bottom",type:"number",value:(Ws=l==null?void 0:l.margins)==null?void 0:Ws.marginBottom,onChange:e=>a(n=>({...n,margins:{...n.margins,marginBottom:parseInt(e.target.value,10)}}))})})]})}),id:"chart margin",isOpen:V==="chart margin",setIsOpen:()=>{B(e=>e==="chart margin"?"":"chart margin")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Margin"}),headerButton:null}),[u.boxplot,u.gantt].includes(l==null?void 0:l.chartType)?null:o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:"Label Position",selectedOption:{value:((Os=l==null?void 0:l.labelSettings)==null?void 0:Os.position)||"hidden",label:""},options:Jj(l==null?void 0:l.chartType),onChange:e=>a(n=>({...n,labelSettings:{...n.labelSettings,show:e.value!=="hidden",position:e.value}})),isDisabled:[u.waterfall,u.waterfallV2].includes(l==null?void 0:l.chartType)&&((Rs=l==null?void 0:l.labelSettings)==null?void 0:Rs.isDynamicPosition)})}),(l==null?void 0:l.chartType)===u.stack?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"value summation",enabled:(zs=l==null?void 0:l.labelSettings)==null?void 0:zs.isEnableValueSummation,onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,isEnableValueSummation:!((n=e.labelSettings)!=null&&n.isEnableValueSummation)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Cumulative Label"})]}):null,[u.pie,u.doughnut,u.rose].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"dimension label value",enabled:((Is=l==null?void 0:l.labelSettings)==null?void 0:Is.position)!=="hidden"&&((_s=l==null?void 0:l.labelSettings)==null?void 0:_s.showDimension),onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,showDimension:!((n=e.labelSettings)!=null&&n.showDimension)}}}),isDisabled:((Ms=l==null?void 0:l.labelSettings)==null?void 0:Ms.position)==="hidden"}),o.jsx(i,{variant:"body-text-2",children:"Show Dimension Label"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"label line",enabled:((Gs=l==null?void 0:l.labelSettings)==null?void 0:Gs.position)==="outside"&&((Hs=l==null?void 0:l.labelSettings)==null?void 0:Hs.showLabelLine),onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,showLabelLine:!((n=e.labelSettings)!=null&&n.showLabelLine)}}}),isDisabled:((Ys=l==null?void 0:l.labelSettings)==null?void 0:Ys.position)!=="outside"}),o.jsx(i,{variant:"body-text-2",children:"Show Label Line"})]})]}):null,[u.waterfall,u.waterfallV2].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"dynamic label position",enabled:($s=l==null?void 0:l.labelSettings)==null?void 0:$s.isDynamicPosition,onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,isDynamicPosition:!((n=e.labelSettings)!=null&&n.isDynamicPosition)}}})}),o.jsx(i,{variant:"body-text-2",children:"Dynamic Label Position"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show actual value",enabled:(Xs=l==null?void 0:l.labelSettings)==null?void 0:Xs.showActualValue,onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,showActualValue:!((n=e.labelSettings)!=null&&n.showActualValue)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Actual Value Label"})]})]}):null]}),id:"chart label",isOpen:V==="chart label",setIsOpen:()=>{B(e=>e==="chart label"?"":"chart label")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Label"}),headerButton:null})]}):null,[u.funnel,u.sankey,u.geoBarMap,u.geoMap,u.geoScatterMap,u.progressBar,u.linearGauge,u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.network].includes(l==null?void 0:l.chartType)||tl?null:o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[[u.gantt,u.treeMap].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"label tooltip",enabled:(Ps=l==null?void 0:l.customSettings)==null?void 0:Ps.isEnableLabelTooltip,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableLabelTooltip:!((n=l==null?void 0:l.customSettings)!=null&&n.isEnableLabelTooltip)}}})}),o.jsx(i,{variant:"body-text-2",children:"Label Tooltip"})]}),[u.gantt].includes(l==null?void 0:l.chartType)?o.jsx(sl,{selectedOption:((qs=(Zs=(Us=l==null?void 0:l.customSettings)==null?void 0:Us.ganttTooltipKeys)==null?void 0:Zs.filter(e=>{var n;return(n=Vl==null?void 0:Vl.map(d=>d==null?void 0:d.value))==null?void 0:n.includes(e)}))==null?void 0:qs.map(e=>({value:e,label:e})))||[],label:"Tooltip Keys",options:Vl||[],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,ganttTooltipKeys:((d=e==null?void 0:e.filter(b=>{var x;return(x=Vl==null?void 0:Vl.map(f=>f==null?void 0:f.value))==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"}):null,o.jsxs("div",{className:`dbn-mt-0 ${m.featWrapper}`,"data-testid":"header-font-settings",children:[o.jsx(i,{variant:"heading-5",children:"Header Font Settings"}),o.jsx(j,{label:"Font Family",type:"text",value:(Ks=(Js=l==null?void 0:l.tooltipSettings)==null?void 0:Js.tooltipHeader)==null?void 0:Ks.family,defaultValue:"Inter",onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,tooltipHeader:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.tooltipHeader,family:e.target.value}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,defaultValue:14,value:(cs=(Qs=l==null?void 0:l.tooltipSettings)==null?void 0:Qs.tooltipHeader)==null?void 0:cs.size,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,tooltipHeader:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.tooltipHeader,size:parseInt(e.target.value,10)}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,tooltipHeader:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.tooltipHeader,weight:parseInt(e.value,10)}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.tooltipSettings)==null?void 0:n.tooltipHeader)==null?void 0:d.weight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(H,{label:"Header Color",name:"color",onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,tooltipHeader:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.tooltipHeader,color:e}}}})},value:((hs=(gs=l==null?void 0:l.tooltipSettings)==null?void 0:gs.tooltipHeader)==null?void 0:hs.color)||""})]}),o.jsxs("div",{className:m.featWrapper,"data-testid":"label-font-settings",children:[o.jsx(i,{variant:"heading-5",children:"Label Font Settings"}),o.jsx(j,{label:"Font Family",type:"text",defaultValue:"Inter",value:(ts=(Ss=l==null?void 0:l.tooltipSettings)==null?void 0:Ss.labelStyle)==null?void 0:ts.family,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,labelStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.labelStyle,family:e.target.value}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,defaultValue:14,value:(em=(lm=l==null?void 0:l.tooltipSettings)==null?void 0:lm.labelStyle)==null?void 0:em.size,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,labelStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.labelStyle,size:parseInt(e.target.value,10)}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,labelStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.labelStyle,weight:parseInt(e.value,10)}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.tooltipSettings)==null?void 0:n.labelStyle)==null?void 0:d.weight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(H,{label:"Label Color",name:"color",onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,labelStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.labelStyle,color:e}}}})},value:((nm=(om=l==null?void 0:l.tooltipSettings)==null?void 0:om.labelStyle)==null?void 0:nm.color)||""})]}),o.jsxs("div",{className:m.featWrapper,"data-testid":"value-font-settings",children:[o.jsx(i,{variant:"heading-5",children:"Value Font Settings"}),o.jsx(j,{label:"Font Family",type:"text",defaultValue:"Inter",value:(am=(dm=l==null?void 0:l.tooltipSettings)==null?void 0:dm.valueStyle)==null?void 0:am.family,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,valueStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.valueStyle,family:e.target.value}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,defaultValue:14,value:(bm=(um=l==null?void 0:l.tooltipSettings)==null?void 0:um.valueStyle)==null?void 0:bm.size,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,valueStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.valueStyle,size:parseInt(e.target.value,10)}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,valueStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.valueStyle,weight:parseInt(e.value,10)}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.tooltipSettings)==null?void 0:n.valueStyle)==null?void 0:d.weight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(H,{label:"Value Color",name:"color",onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,valueStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.valueStyle,color:e}}}})},value:((mm=(sm=l==null?void 0:l.tooltipSettings)==null?void 0:sm.valueStyle)==null?void 0:mm.color)||""})]})]}),id:"chart tooltip",isOpen:V==="chart tooltip",setIsOpen:()=>{B(e=>e==="chart tooltip"?"":"chart tooltip")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Tooltip"}),headerButton:null}),[u.gauge].includes(l==null?void 0:l.chartType)?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsx("div",{className:`dbn-mb-3 ${m.featTabsContainer}`,children:o.jsx(Cl,{label:"Orientation",selectedOption:{value:((im=l==null?void 0:l.legendSettings)==null?void 0:im.position)||"horizontal",label:((xm=l==null?void 0:l.legendSettings)==null?void 0:xm.position)||"Horizontal"},options:[{label:"Horizontal",value:"horizontal",icon:"arrows-horizontal"},{label:"Vertical",value:"vertical",icon:"arrows-vertical"}],onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,position:e.value}}))})}),o.jsx(j,{label:"Truncate Legend",addSuffix:"characters",type:"number",value:(fm=l==null?void 0:l.legendSettings)==null?void 0:fm.truncateLegendValue,min:0,onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,truncateLegendValue:parseInt(e.target.value,10)}}))})]}),id:"chart legend",isOpen:V==="chart legend",setIsOpen:()=>{B(e=>e==="chart legend"?"":"chart legend")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Legend"}),headerButton:null}):null,[u.progressBarV2,u.linearGaugeV2].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"lineargaugeV2 value",enabled:(jm=(pm=l==null?void 0:l.customSettings)==null?void 0:pm.linearGaugeV2)==null?void 0:jm.isEnableValue,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e.customSettings)==null?void 0:n.linearGaugeV2,isEnableValue:!((b=(d=e.customSettings)==null?void 0:d.linearGaugeV2)!=null&&b.isEnableValue)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Value"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((ym=l==null?void 0:l.customSettings)!=null&&ym.isEnableLabelFormatting),children:o.jsx(p,{name:"lineargaugeV2 pointer label",enabled:((Cm=l==null?void 0:l.customSettings)==null?void 0:Cm.isEnableLabelFormatting)&&((Tm=(Nm=l==null?void 0:l.customSettings)==null?void 0:Nm.linearGaugeV2)==null?void 0:Tm.isEnableLabel),isDisabled:!((wm=l==null?void 0:l.customSettings)!=null&&wm.isEnableLabelFormatting),onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e.customSettings)==null?void 0:n.linearGaugeV2,isEnableLabel:!((b=(d=e.customSettings)==null?void 0:d.linearGaugeV2)!=null&&b.isEnableLabel)}}}})})}),o.jsx(i,{variant:"body-text-2",children:"Enable Label"})]}),(l==null?void 0:l.chartType)===u.linearGaugeV2?o.jsx(o.Fragment,{children:o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((vm=l==null?void 0:l.customSettings)!=null&&vm.isEnableLabelFormatting),children:o.jsx(p,{name:"lineargaugeV2 axis ticks",enabled:((Fm=l==null?void 0:l.customSettings)==null?void 0:Fm.isEnableLabelFormatting)&&((Am=(Lm=l==null?void 0:l.customSettings)==null?void 0:Lm.linearGaugeV2)==null?void 0:Am.isShowSplitLines),isDisabled:!((Em=l==null?void 0:l.customSettings)!=null&&Em.isEnableLabelFormatting),onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e.customSettings)==null?void 0:n.linearGaugeV2,isShowSplitLines:!((b=(d=e.customSettings)==null?void 0:d.linearGaugeV2)!=null&&b.isShowSplitLines)}}}})})}),o.jsx(i,{variant:"body-text-2",children:"Show Splitlines"})]})}):null,o.jsx(I,{label:"Marker Size",selectedOption:(km=(Vm=l==null?void 0:l.customSettings)==null?void 0:Vm.linearGaugeV2)!=null&&km.size?{value:(Bm=(rm=l==null?void 0:l.customSettings)==null?void 0:rm.linearGaugeV2)==null?void 0:Bm.size,label:(Wm=(Dm=l==null?void 0:l.customSettings)==null?void 0:Dm.linearGaugeV2)==null?void 0:Wm.size}:Xj[1],options:Xj,onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,size:e.value}}}}),buttonWidth:"100%",menuWidth:"100%"})]}),id:"chart metrics",isOpen:V==="chart metrics",setIsOpen:()=>{B(e=>e==="chart metrics"?"":"chart metrics")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Markers"}),headerButton:null}),o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:((l==null?void 0:l.chartType)!==u.linearGaugeV2||(Om=l==null?void 0:l.customSettings)!=null&&Om.isEnableLabelFormatting)&&((zm=(Rm=l==null?void 0:l.customSettings)==null?void 0:Rm.linearGaugeV2)!=null&&zm.isEnableLabels)?o.jsxs(o.Fragment,{children:[(l==null?void 0:l.chartType)===u.linearGaugeV2?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"lineargaugeV2 label range",enabled:(_m=(Im=l==null?void 0:l.customSettings)==null?void 0:Im.linearGaugeV2)==null?void 0:_m.isEnableRange,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e.customSettings)==null?void 0:n.linearGaugeV2,isEnableRange:!((b=(d=e.customSettings)==null?void 0:d.linearGaugeV2)!=null&&b.isEnableRange)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Label Range"})]}):null,o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,value:(Gm=(Mm=l==null?void 0:l.customSettings)==null?void 0:Mm.linearGaugeV2)==null?void 0:Gm.labelSize,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,labelSize:Number(e)}}}})})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=l==null?void 0:l.customSettings)==null?void 0:d.linearGaugeV2,labelWeight:Number(parseInt(e.value,10))}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.linearGaugeV2)==null?void 0:d.labelWeight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]})]}):o.jsx(jl,{text:"Enable Labels to see options",variant:"info"})}),id:"labels",isOpen:V==="labels",setIsOpen:()=>{B(e=>e==="labels"?"":"labels")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Labels"}),headerButton:o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-right",showTooltip:!((Hm=l==null?void 0:l.customSettings)!=null&&Hm.isEnableLabelFormatting)&&(l==null?void 0:l.chartType)===u.linearGaugeV2,children:o.jsx(p,{name:"lineargaugeV2 label",enabled:((l==null?void 0:l.chartType)!==u.linearGaugeV2||((Ym=l==null?void 0:l.customSettings)==null?void 0:Ym.isEnableLabelFormatting))&&((Xm=($m=l==null?void 0:l.customSettings)==null?void 0:$m.linearGaugeV2)==null?void 0:Xm.isEnableLabels),isDisabled:!((Pm=l==null?void 0:l.customSettings)!=null&&Pm.isEnableLabelFormatting)&&(l==null?void 0:l.chartType)===u.linearGaugeV2,onChange:()=>{var e,n;(n=(e=l==null?void 0:l.customSettings)==null?void 0:e.linearGaugeV2)!=null&&n.isEnableLabels||B("labels"),a(d=>{var b,x,f;return{...d,customSettings:{...d.customSettings,linearGaugeV2:{...(b=d.customSettings)==null?void 0:b.linearGaugeV2,isEnableLabels:!((f=(x=d.customSettings)==null?void 0:x.linearGaugeV2)!=null&&f.isEnableLabels)}}}})}})})}),o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(Um=l==null?void 0:l.customSettings)!=null&&Um.isEnableLabelFormatting&&((qm=(Zm=l==null?void 0:l.customSettings)==null?void 0:Zm.linearGaugeV2)!=null&&qm.isEnableLegend)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"lineargaugeV2 legend range",enabled:(Km=(Jm=l==null?void 0:l.customSettings)==null?void 0:Jm.linearGaugeV2)==null?void 0:Km.isEnableLegendRange,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e.customSettings)==null?void 0:n.linearGaugeV2,isEnableLegendRange:!((b=(d=e.customSettings)==null?void 0:d.linearGaugeV2)!=null&&b.isEnableLegendRange)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Legend Range"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"disable scroll",enabled:!((Qm=l==null?void 0:l.legendSettings)!=null&&Qm.disableScroll),onChange:()=>a(e=>{var n;return{...e,legendSettings:{...e.legendSettings,disableScroll:!((n=e.legendSettings)!=null&&n.disableScroll)}}})}),o.jsx(i,{variant:"body-text-2",children:"Legend Scrolling"})]}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,value:(gm=(cm=l==null?void 0:l.customSettings)==null?void 0:cm.linearGaugeV2)==null?void 0:gm.legendSize,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,legendSize:Number(e)}}}})})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=l==null?void 0:l.customSettings)==null?void 0:d.linearGaugeV2,legendWeight:Number(parseInt(e.value,10))}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.linearGaugeV2)==null?void 0:d.legendWeight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(i,{variant:"body-text-2",children:"Position"}),o.jsx(Gl,{val:(Sm=(hm=l==null?void 0:l.customSettings)==null?void 0:hm.linearGaugeV2)==null?void 0:Sm.legendPosition,onClick:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,legendPosition:e}}}}),isDisableCenterPositioning:!0})]}):o.jsx(jl,{text:"Enable Legend to see options",variant:"info"})}),id:"legend",isOpen:V==="legend",setIsOpen:()=>{B(e=>e==="legend"?"":"legend")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Legend"}),headerButton:o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-right",showTooltip:!((tm=l==null?void 0:l.customSettings)!=null&&tm.isEnableLabelFormatting),children:o.jsx(p,{name:"lineargaugeV2 legend",enabled:((li=l==null?void 0:l.customSettings)==null?void 0:li.isEnableLabelFormatting)&&((oi=(ei=l==null?void 0:l.customSettings)==null?void 0:ei.linearGaugeV2)==null?void 0:oi.isEnableLegend),isDisabled:!((ni=l==null?void 0:l.customSettings)!=null&&ni.isEnableLabelFormatting),onChange:()=>{var e,n;(n=(e=l==null?void 0:l.customSettings)==null?void 0:e.linearGaugeV2)!=null&&n.isEnableLegend||B("legend"),a(d=>{var b,x,f;return{...d,customSettings:{...d.customSettings,linearGaugeV2:{...(b=d.customSettings)==null?void 0:b.linearGaugeV2,isEnableLegend:!((f=(x=d.customSettings)==null?void 0:x.linearGaugeV2)!=null&&f.isEnableLegend)}}}})}})})})]}):null,(l==null?void 0:l.chartType)===u.gaugeV2?o.jsxs(o.Fragment,{children:[o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"gaugeV2 marker value",enabled:(ai=(di=l==null?void 0:l.customSettings)==null?void 0:di.gaugeV2)==null?void 0:ai.isEnableMarkerValue,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,gaugeV2:{...(n=e.customSettings)==null?void 0:n.gaugeV2,isEnableMarkerValue:!((b=(d=e.customSettings)==null?void 0:d.gaugeV2)!=null&&b.isEnableMarkerValue)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Marker Value"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((ui=l==null?void 0:l.customSettings)!=null&&ui.isEnableLabelFormatting),children:o.jsx(p,{name:"gaugeV2 marker label",enabled:((bi=l==null?void 0:l.customSettings)==null?void 0:bi.isEnableLabelFormatting)&&((mi=(si=l==null?void 0:l.customSettings)==null?void 0:si.gaugeV2)==null?void 0:mi.isEnableMarkerLabel),isDisabled:!((ii=l==null?void 0:l.customSettings)!=null&&ii.isEnableLabelFormatting),onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,gaugeV2:{...(n=e.customSettings)==null?void 0:n.gaugeV2,isEnableMarkerLabel:!((b=(d=e.customSettings)==null?void 0:d.gaugeV2)!=null&&b.isEnableMarkerLabel)}}}})})}),o.jsx(i,{variant:"body-text-2",children:"Marker Label"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((xi=l==null?void 0:l.customSettings)!=null&&xi.isEnableLabelFormatting),children:o.jsx(p,{name:"gaugeV2 marker range",enabled:((fi=l==null?void 0:l.customSettings)==null?void 0:fi.isEnableLabelFormatting)&&((ji=(pi=l==null?void 0:l.customSettings)==null?void 0:pi.gaugeV2)==null?void 0:ji.isEnableMarkerRange),isDisabled:!((yi=l==null?void 0:l.customSettings)!=null&&yi.isEnableLabelFormatting),onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,gaugeV2:{...(n=e.customSettings)==null?void 0:n.gaugeV2,isEnableMarkerRange:!((b=(d=e.customSettings)==null?void 0:d.gaugeV2)!=null&&b.isEnableMarkerRange)}}}})})}),o.jsx(i,{variant:"body-text-2",children:"Marker Range"})]}),o.jsx(H,{name:"marker color",label:"Marker Color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,gaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.gaugeV2,markerColor:e}}}}),value:((Ni=(Ci=l==null?void 0:l.customSettings)==null?void 0:Ci.gaugeV2)==null?void 0:Ni.markerColor)||"#000000",isDisabled:(Ti=l==null?void 0:l.customSettings)==null?void 0:Ti.isEnableLabelFormatting}),o.jsx(j,{label:"Marker Font Size",addSuffix:"px",type:"number",min:0,value:(vi=(wi=l==null?void 0:l.customSettings)==null?void 0:wi.gaugeV2)==null?void 0:vi.markerSize,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,gaugeV2:{...(d=n.customSettings)==null?void 0:d.gaugeV2,markerSize:Number(e)}}}})})]}),id:"marker",isOpen:V==="marker",setIsOpen:()=>{B(e=>e==="marker"?"":"marker")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Marker"}),headerButton:null}),o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((Fi=l==null?void 0:l.customSettings)!=null&&Fi.isEnableLabelFormatting),children:o.jsx(p,{name:"gaugeV2 legend range",enabled:((Li=l==null?void 0:l.customSettings)==null?void 0:Li.isEnableLabelFormatting)&&((Ei=(Ai=l==null?void 0:l.customSettings)==null?void 0:Ai.gaugeV2)==null?void 0:Ei.isEnableLegendRange),isDisabled:!((Vi=l==null?void 0:l.customSettings)!=null&&Vi.isEnableLabelFormatting),onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,gaugeV2:{...(n=e.customSettings)==null?void 0:n.gaugeV2,isEnableLegendRange:!((b=(d=e.customSettings)==null?void 0:d.gaugeV2)!=null&&b.isEnableLegendRange)}}}})})}),o.jsx(i,{variant:"body-text-2",children:"Legend Range"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((ki=l==null?void 0:l.customSettings)!=null&&ki.isEnableLabelFormatting),children:o.jsx(p,{name:"disable scroll",enabled:((ri=l==null?void 0:l.customSettings)==null?void 0:ri.isEnableLabelFormatting)&&!((Bi=l==null?void 0:l.legendSettings)!=null&&Bi.disableScroll),isDisabled:!((Di=l==null?void 0:l.customSettings)!=null&&Di.isEnableLabelFormatting),onChange:()=>a(e=>{var n;return{...e,legendSettings:{...e.legendSettings,disableScroll:!((n=e.legendSettings)!=null&&n.disableScroll)}}})})}),o.jsx(i,{variant:"body-text-2",children:"Legend Scrolling"})]}),o.jsx(j,{label:"Legend Font Size",addSuffix:"px",type:"number",min:0,value:(Oi=(Wi=l==null?void 0:l.customSettings)==null?void 0:Wi.gaugeV2)==null?void 0:Oi.legendSize,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,gaugeV2:{...(d=n.customSettings)==null?void 0:d.gaugeV2,legendSize:Number(e)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Position"}),o.jsx(Gl,{val:(zi=(Ri=l==null?void 0:l.customSettings)==null?void 0:Ri.gaugeV2)==null?void 0:zi.legendPosition,onClick:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,gaugeV2:{...(d=n.customSettings)==null?void 0:d.gaugeV2,legendPosition:e}}}}),isDisableCenterPositioning:!0})]}),id:"legend",isOpen:V==="legend",setIsOpen:()=>{B(e=>e==="legend"?"":"legend")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Legend"}),headerButton:null})]}):null,o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[[u.treeMap].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"treeMap colors",enabled:(_i=(Ii=l==null?void 0:l.customSettings)==null?void 0:Ii.treeMap)==null?void 0:_i.isEnableRangeColors,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,treeMap:{...(n=e==null?void 0:e.customSettings)==null?void 0:n.treeMap,isEnableRangeColors:!((b=(d=e.customSettings)==null?void 0:d.treeMap)!=null&&b.isEnableRangeColors)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Min Max Colors"})]}),(Gi=(Mi=l==null?void 0:l.customSettings)==null?void 0:Mi.treeMap)!=null&&Gi.isEnableRangeColors?o.jsxs(o.Fragment,{children:[o.jsx(H,{name:"maxColor",label:"Max Color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,treeMap:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.treeMap,maxColor:e}}}}),value:((Yi=(Hi=l==null?void 0:l.customSettings)==null?void 0:Hi.treeMap)==null?void 0:Yi.maxColor)||"#ffffff"}),o.jsx(H,{name:"minColor",label:"Min Color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,treeMap:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.treeMap,minColor:e}}}}),value:((Xi=($i=l==null?void 0:l.customSettings)==null?void 0:$i.treeMap)==null?void 0:Xi.minColor)||"#ffffff"}),o.jsx(H,{name:"midColor",label:"Mid Color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,treeMap:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.treeMap,midColor:e}}}}),value:((Ui=(Pi=l==null?void 0:l.customSettings)==null?void 0:Pi.treeMap)==null?void 0:Ui.midColor)||"#ffffff"})]}):null]}):null,[u.waterfall,u.waterfallV2].includes(l==null?void 0:l.chartType)?(l==null?void 0:l.chartType)===u.waterfallV2?o.jsxs(o.Fragment,{children:[o.jsx(H,{className:"dbn-w-full",label:"Increase Color",name:"increase color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,increaseColor:e}})),defaultValue:"#37a671",value:((qi=l==null?void 0:l.waterfallSettings)==null?void 0:qi.increaseColor)||"#37a671"}),o.jsx(H,{className:"dbn-w-full",label:"Decrease Color",name:"decrease color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,decreaseColor:e}})),defaultValue:"#e97057",value:((Ji=l==null?void 0:l.waterfallSettings)==null?void 0:Ji.decreaseColor)||"#e97057"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show total column",enabled:(Ki=l==null?void 0:l.waterfallSettings)==null?void 0:Ki.showTotalColumn,onChange:()=>a(e=>{var n;return{...e,waterfallSettings:{...e.waterfallSettings,showTotalColumn:!((n=e.waterfallSettings)!=null&&n.showTotalColumn)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Total Column"})]}),(Qi=l==null?void 0:l.waterfallSettings)!=null&&Qi.showTotalColumn?o.jsxs(o.Fragment,{children:[o.jsx(H,{className:"dbn-w-full",label:"Column Color",name:"total color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,totalColor:e}})),defaultValue:"#004b6a",value:((ci=l==null?void 0:l.waterfallSettings)==null?void 0:ci.totalColor)||"#004b6a"}),o.jsx(j,{label:"Column Label",placeholder:"Enter value",type:"text",value:(gi=l==null?void 0:l.waterfallSettings)==null?void 0:gi.totalLabel,onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,totalLabel:e.target.value}}))})]}):null]}):o.jsxs(o.Fragment,{children:[o.jsx(Cl,{label:"Use Measure As",buttonContainerClass:"dbn-w-full",buttonClass:"dbn-w-1/2 dbn-justify-center",selectedOption:{value:(hi=l==null?void 0:l.waterfallSettings)!=null&&hi.isUseAsDifference?"difference":"actual",label:(Si=l==null?void 0:l.waterfallSettings)!=null&&Si.isUseAsDifference?"Difference":"Actual"},options:[{label:"Actual",value:"actual"},{label:"Difference",value:"difference"}],onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,isUseAsDifference:(e==null?void 0:e.value)==="difference"}}))}),o.jsx(j,{label:"Lower Limit",placeholder:"Enter value",value:(ti=l==null?void 0:l.waterfallSettings)==null?void 0:ti.lowerLimit,onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,lowerLimit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)}}))}),o.jsx(j,{label:"Lower Label",placeholder:"Enter value",type:"text",value:(lx=l==null?void 0:l.waterfallSettings)==null?void 0:lx.lowerLabel,onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,lowerLabel:e.target.value}}))}),o.jsx(j,{label:"Upper Limit",placeholder:"Enter value",value:(ex=l==null?void 0:l.waterfallSettings)==null?void 0:ex.upperLimit,onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,upperLimit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)}}))}),o.jsx(j,{label:"Upper Label",placeholder:"Enter value",type:"text",value:(ox=l==null?void 0:l.waterfallSettings)==null?void 0:ox.upperLabel,onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,upperLabel:e.target.value}}))}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-2 dbn-gap-3",children:[o.jsx(H,{className:"dbn-w-full",label:"Lower Limit Color",name:"lower limit color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,lowerColor:e}})),defaultValue:"#004b6a",value:((nx=l==null?void 0:l.waterfallSettings)==null?void 0:nx.lowerColor)||"#004b6a"}),o.jsx(H,{className:"dbn-w-full",label:"Upper Limit Color",name:"upper limit color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,upperColor:e}})),defaultValue:"#004b6a",value:((dx=l==null?void 0:l.waterfallSettings)==null?void 0:dx.upperColor)||"#004b6a"}),o.jsx(H,{className:"dbn-w-full",label:"Decrease Color",name:"decrease color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,decreaseColor:e}})),defaultValue:"#e97057",value:((ax=l==null?void 0:l.waterfallSettings)==null?void 0:ax.decreaseColor)||"#e97057"}),o.jsx(H,{className:"dbn-w-full",label:"Increase Color",name:"increase color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,increaseColor:e}})),defaultValue:"#37a671",value:((ux=l==null?void 0:l.waterfallSettings)==null?void 0:ux.increaseColor)||"#37a671"})]})]}):P!=null&&P.length?o.jsx(C0,{chartSettings:l,setChartSettings:a,chartPaletteOptions:P,buttonAddOns:o.jsxs("div",{className:"dbn-flex dbn-grow dbn-gap-1.5 dbn-pt-4",onClick:e=>e.stopPropagation(),children:[o.jsx(nl,{text:"Reset",children:o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"undo",size:"sm"}),onClick:()=>g==null?void 0:g(!0)})}),o.jsx("div",{className:"dbn-border dbn-border-secondary"}),o.jsx(nl,{text:"Shuffle",children:o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"shuffle",size:"sm"}),onClick:Z})})]})}):o.jsxs("div",{className:m.chartColors,children:[o.jsx(i,{variant:"body-text-2",children:"Default Theme"}),o.jsxs("div",{className:"dbn-flex dbn-justify-between dbn-items-start dbn-gap-1 dbn-w-full dbn-my-3",children:[o.jsx("div",{className:"dbn-flex dbn-flex-wrap dbn-items-center dbn-gap-1",children:(Zi=l==null?void 0:l.chartColors)==null?void 0:Zi.map(e=>o.jsx("span",{className:"dbn-h-5 dbn-w-5 dbn-inline-block dbn-rounded",style:{backgroundColor:e},title:e},e))}),o.jsxs("div",{className:"dbn-flex dbn-gap-1.5",children:[o.jsx(nl,{text:"Reset",children:o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"undo",size:"sm"}),onClick:()=>g==null?void 0:g(!0)})}),o.jsx("div",{className:"dbn-border dbn-border-secondary"}),o.jsx(nl,{text:"Shuffle",children:o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"shuffle",size:"sm"}),onClick:Z})})]})]})]}),[u.linearGauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[Il?null:o.jsxs(o.Fragment,{children:[[u.treeMap,u.waterfall,u.waterfallV2].includes(l==null?void 0:l.chartType)?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.chartColors,children:[o.jsx(i,{variant:"body-text-2",children:"Default Gradient Theme"}),o.jsxs("div",{className:"dbn-flex dbn-justify-between dbn-items-center dbn-w-full dbn-my-3",children:[o.jsx("div",{className:"dbn-flex dbn-flex-wrap dbn-items-center dbn-gap-2",children:(bx=Cy)==null?void 0:bx.map(e=>{var d,b,x,f,w,k,F,r,Y,ol,bl,Nl,Ll,_l,Ml;const n=((x=(b=(d=l==null?void 0:l.customSettings)==null?void 0:d.gradients)==null?void 0:b[0])==null?void 0:x.startColor)===e.start&&((k=(w=(f=l==null?void 0:l.customSettings)==null?void 0:f.gradients)==null?void 0:w[0])==null?void 0:k.endColor)===e.end&&((Y=(r=(F=l==null?void 0:l.customSettings)==null?void 0:F.gradients)==null?void 0:r[0])==null?void 0:Y.offset1)===e.offset1&&((Nl=(bl=(ol=l==null?void 0:l.customSettings)==null?void 0:ol.gradients)==null?void 0:bl[0])==null?void 0:Nl.offset2)===e.offset2&&((Ml=(_l=(Ll=l==null?void 0:l.customSettings)==null?void 0:Ll.gradients)==null?void 0:_l[0])==null?void 0:Ml.direction)===e.direction;return o.jsx(_,{variant:"popover",className:`dbn-h-5 dbn-w-5 dbn-m-0 dbn-p-0 dbn-rounded ${n?"dbn-bg-gray":""}`,onClick:()=>{const py={startColor:e.start,endColor:e.end,direction:e.direction,offset1:e.offset1,offset2:e.offset2};Ql(py)},children:o.jsx("span",{className:"dbn-w-5 dbn-h-5 dbn-inline-block dbn-rounded",style:{background:`linear-gradient(to ${e.direction}, ${e.start} ${e.offset1*100}%, ${e.end} ${e.offset2*100}%)`}})})})}),o.jsx(nl,{text:"Reset",children:o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"undo",size:"sm"}),onClick:()=>a(e=>({...e,customSettings:{...l==null?void 0:l.customSettings,gradients:[]}}))})})]})]}),![u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)&&o.jsxs(o.Fragment,{children:[!q&&o.jsxs("div",{className:"dbn-flex dbn-flex-row dbn-justify-between dbn-items-center",children:[o.jsx(i,{variant:"label",children:"Chart Gradient"}),o.jsx(_,{variant:"secondary",onClick:()=>el(!0),leftIcon:o.jsx(Q,{name:"plus"}),children:"Add New Gradient"})]}),q&&o.jsxs("div",{className:m.formattingGradient,children:[o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Start Color"}),o.jsx(H,{name:"start",onChange:e=>wl(n=>({...n,startColor:e})),defaultValue:"#FFFFFF",value:ul.startColor})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"End Color"}),o.jsx(H,{name:"end",onChange:e=>wl(n=>({...n,endColor:e})),defaultValue:"#000000",value:ul.endColor})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Offset for start color"}),o.jsx("div",{className:m.inputWrapper,children:o.jsx(j,{id:"startOffset",type:"number",min:0,max:1,onChange:e=>wl(n=>({...n,offset1:Number(e.target.value)})),value:ul.offset1})})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Offset for end color"}),o.jsx("div",{className:m.inputWrapper,children:o.jsx(j,{id:"endOffset",type:"number",min:0,max:1,onChange:({target:{value:e}})=>wl(n=>({...n,offset2:Number(e)})),value:ul.offset2})})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Direction"}),o.jsx(I,{id:"gradientDirection",selectedOption:{value:ul.direction,label:ul.direction},options:[{label:"Left",value:"left"},{label:"Right",value:"right"},{label:"Top",value:"top"},{label:"Bottom",value:"bottom"}],onChange:e=>wl(n=>({...n,direction:e.value})),buttonWidth:"220px",menuWidth:"220px"})]}),o.jsxs(_,{variant:"primary",type:"button",onClick:()=>Ql(),fitContainer:!0,children:[ul!=null&&ul.isEdit?"Update":"Save"," ","Gradient"]})]}),!q&&((mx=(sx=l.customSettings)==null?void 0:sx.gradients)==null?void 0:mx.map((e,n)=>o.jsx(ry,{identifier:{id:`${e==null?void 0:e.startColor}_${n}`},data:e,renderItem:d=>o.jsx("div",{ref:d,onDragOver:b=>b.preventDefault(),onDrop:b=>{b.preventDefault(),Sj(n)},onDragStart:()=>{T(n)},"data-index":n,children:o.jsxs("div",{className:m.gradientContainer,children:[o.jsx(i,{variant:"label",children:`${e.startColor} - ${e.endColor}`}),o.jsxs("div",{className:"dbn-flex",children:[o.jsx(_,{variant:"tertiary",onClick:async()=>{await wl({...e,isEdit:!0,index:n}),el(!0)},leftIcon:o.jsx(Q,{name:"pencil-simple",size:"xs"}),className:"dbn-px-1"}),o.jsx(_,{variant:"tertiary",onClick:()=>sy(e),leftIcon:o.jsx(Q,{name:"cross",size:"xs"}),className:"dbn-px-1"})]})]},`${e.startColor}-${e.endColor}`)},`${e==null?void 0:e.startColor}_${n}`)},`${e==null?void 0:e.startColor}_${n}`)))]})]}),[u.bar,u.verticalCombo,u.row,u.histogram,u.bullet].includes(l==null?void 0:l.chartType)?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"different colored",enabled:(ix=l==null?void 0:l.customSettings)==null?void 0:ix.coloredBars,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,coloredBars:!((n=e.customSettings)!=null&&n.coloredBars)}}})}),o.jsx(i,{variant:"body-text-2",children:"Use Random Colors for Bars"})]}):null,!q&&([u.bar,u.verticalCombo,u.row,u.stack,u.histogram,u.progressBar,u.linearGauge,u.bullet].includes(l.chartType)||l.chartType===u.timeSeries&&((fx=(xx=l.timeSeriesSettings)==null?void 0:xx.seriesType[0])==null?void 0:fx.type)==="bar")?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show bar background gradient",isDisabled:!yl&&!((px=l==null?void 0:l.backGroundColor)!=null&&px.show),enabled:(jx=l==null?void 0:l.customSettings)==null?void 0:jx.isShowBarGradient,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isShowBarGradient:!((n=e.customSettings)!=null&&n.isShowBarGradient)}}})}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Show Bar Background Gradient"}),!yl&&!((yx=l==null?void 0:l.backGroundColor)!=null&&yx.show)&&o.jsx(Al,{text:"Enable it first from Features -> Bar Background",position:"top-right",tooltipClass:"dbn-w-[200px]",iconConfig:{size:"xs",color:"alert"},isSingleLineTxt:!1})]})]}),((Cx=l==null?void 0:l.customSettings)==null?void 0:Cx.isShowBarGradient)&&o.jsxs("div",{className:m.formattingWrapper,children:[o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(H,{label:"Start Color",name:"startColor",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,barGradient:{...(d=n.customSettings)==null?void 0:d.barGradient,startColor:e}}}}),defaultValue:"#FFFFFF",value:((Tx=(Nx=l==null?void 0:l.customSettings)==null?void 0:Nx.barGradient)==null?void 0:Tx.startColor)||"#FFFFFF"})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(H,{label:"End Color",name:"endColor",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,barGradient:{...(d=n.customSettings)==null?void 0:d.barGradient,endColor:e}}}}),defaultValue:"#000000",value:((vx=(wx=l==null?void 0:l.customSettings)==null?void 0:wx.barGradient)==null?void 0:vx.endColor)||"#000000"})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Offset1",type:"number",min:0,max:1,onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,barGradient:{...(d=n.customSettings)==null?void 0:d.barGradient,offset1:Number(e.target.value)}}}}),value:(Lx=(Fx=l==null?void 0:l.customSettings)==null?void 0:Fx.barGradient)==null?void 0:Lx.offset1})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Offset2",type:"number",min:0,max:1,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,barGradient:{...(d=n.customSettings)==null?void 0:d.barGradient,offset2:Number(e)}}}}),value:(Ex=(Ax=l==null?void 0:l.customSettings)==null?void 0:Ax.barGradient)==null?void 0:Ex.offset2})}),o.jsx("div",{className:"dbn-col-span-4 ",children:o.jsx(I,{buttonWidth:"100%",menuWidth:"100%",label:"Direction",selectedOption:{value:((kx=(Vx=l==null?void 0:l.customSettings)==null?void 0:Vx.barGradient)==null?void 0:kx.direction)||"",label:((Bx=(rx=l==null?void 0:l.customSettings)==null?void 0:rx.barGradient)==null?void 0:Bx.direction)||""},options:[{label:"Left",value:"left"},{label:"Right",value:"right"},{label:"Top",value:"top"},{label:"Bottom",value:"bottom"}],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,barGradient:{...(d=n.customSettings)==null?void 0:d.barGradient,direction:e.value}}}})})})]})]}):null]}),!q&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show background gradient",enabled:(Dx=l==null?void 0:l.customSettings)==null?void 0:Dx.enableBackgroundGradient,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,enableBackgroundGradient:!((n=e.customSettings)!=null&&n.enableBackgroundGradient)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Background Gradient"})]}),(Wx=l==null?void 0:l.customSettings)!=null&&Wx.enableBackgroundGradient?o.jsx(o.Fragment,{children:Fl?o.jsxs("div",{className:m.formattingGradient,children:[o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Start Color"}),o.jsx(H,{name:"startBackColor",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,backgroundGradient:{...(d=n.customSettings)==null?void 0:d.backgroundGradient,startColor:e}}}}),defaultValue:"#FFFFFF",value:((Px=(Xx=l==null?void 0:l.customSettings)==null?void 0:Xx.backgroundGradient)==null?void 0:Px.startColor)||"#FFFFFF"})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"End Color"}),o.jsx(H,{name:"endBackColor",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,backgroundGradient:{...(d=n.customSettings)==null?void 0:d.backgroundGradient,endColor:e}}}}),defaultValue:"#000000",value:((Zx=(Ux=l==null?void 0:l.customSettings)==null?void 0:Ux.backgroundGradient)==null?void 0:Zx.endColor)||"#000000"})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Offset for Start Color"}),o.jsx("div",{className:m.inputWrapper,children:o.jsx(j,{id:"backoffset1",type:"number",min:0,max:1,onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,backgroundGradient:{...(d=n.customSettings)==null?void 0:d.backgroundGradient,offset1:Number(e.target.value)}}}}),value:(Jx=(qx=l==null?void 0:l.customSettings)==null?void 0:qx.backgroundGradient)==null?void 0:Jx.offset1})})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Offset for End Color"}),o.jsx("div",{className:m.inputWrapper,children:o.jsx(j,{id:"backoffset2",type:"number",min:0,max:1,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,backgroundGradient:{...(d=n.customSettings)==null?void 0:d.backgroundGradient,offset2:Number(e)}}}}),value:(Qx=(Kx=l==null?void 0:l.customSettings)==null?void 0:Kx.backgroundGradient)==null?void 0:Qx.offset2})})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Direction"}),o.jsx(I,{id:"back-direction",selectedOption:{value:((gx=(cx=l==null?void 0:l.customSettings)==null?void 0:cx.backgroundGradient)==null?void 0:gx.direction)||"",label:((Sx=(hx=l==null?void 0:l.customSettings)==null?void 0:hx.backgroundGradient)==null?void 0:Sx.direction)||""},options:[{label:"Left",value:"left"},{label:"Right",value:"right"},{label:"Top",value:"top"},{label:"Bottom",value:"bottom"}],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,backgroundGradient:{...(d=n.customSettings)==null?void 0:d.backgroundGradient,direction:e.value}}}})})]}),o.jsx(_,{variant:"primary",type:"button",onClick:()=>Tl(!1),fitContainer:!0,children:"Save Gradient"})]}):o.jsxs("div",{className:"dbn-w-full dbn-px-4 dbn-py-3 dbn-rounded-md dbn-flex dbn-items-center dbn-justify-between dbn-border dbn-border-secondary",children:[o.jsxs("div",{className:"dbn-flex dbn-gap-2",children:[o.jsx("span",{className:"dbn-w-5 dbn-h-5 dbn-inline-block dbn-rounded",style:{background:`linear-gradient(to ${((Rx=(Ox=l.customSettings)==null?void 0:Ox.backgroundGradient)==null?void 0:Rx.direction)||"left"}, ${((Ix=(zx=l.customSettings)==null?void 0:zx.backgroundGradient)==null?void 0:Ix.startColor)||"#FFFFFF"} ${(((Mx=(_x=l.customSettings)==null?void 0:_x.backgroundGradient)==null?void 0:Mx.offset1)||.05)*100}%, ${((Hx=(Gx=l.customSettings)==null?void 0:Gx.backgroundGradient)==null?void 0:Hx.endColor)||"#000000"} ${((($x=(Yx=l.customSettings)==null?void 0:Yx.backgroundGradient)==null?void 0:$x.offset2)||.5)*100}%)`}}),o.jsx(i,{variant:"body-text-2",children:"BG Gradient"})]}),o.jsx(_,{"data-testid":"bg-gradient-edit",variant:"popover",leftIcon:o.jsx(Q,{name:"pencil-simple",size:"sm"}),onClick:()=>Tl(!0)})]})}):null]})]})]}),id:"chart colors",isOpen:V==="chart colors",setIsOpen:()=>{B(e=>e==="chart colors"?"":"chart colors")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:[u.waterfall,u.waterfallV2].includes(l==null?void 0:l.chartType)?"Waterfall Settings":"Chart Colors"}),headerButton:null}),!yl&&![u.gaugeV2,u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)?o.jsx(c,{width:"100%",content:o.jsx("div",{className:`dbn-mb-4 ${m["container-wrapper"]}`,children:(tx=l==null?void 0:l.customSettings)!=null&&tx.enableTitleDesc?o.jsxs(o.Fragment,{children:[o.jsx(j,{placeholder:"Enter Title",type:"text",label:"Chart Title",value:(lf=l==null?void 0:l.customSettings)==null?void 0:lf.chartTitle,onChange:e=>{a(n=>({...n,customSettings:{...n.customSettings,chartTitle:e.target.value}}))}}),o.jsx(j,{placeholder:"Enter Description",type:"text",label:"Chart Description",value:(ef=l==null?void 0:l.customSettings)==null?void 0:ef.chartDesc,onChange:e=>{a(n=>({...n,customSettings:{...n.customSettings,chartDesc:e.target.value}}))}}),o.jsx(i,{variant:"body-text-2",children:"Position"}),o.jsx(Gl,{val:(of=l==null?void 0:l.customSettings)==null?void 0:of.titlePosition,onClick:e=>a(n=>({...n,customSettings:{...n.customSettings,titlePosition:e}}))})]}):o.jsx(jl,{text:"Enable Chart Title & Description to see options",variant:"info"})}),id:"chart title desc",isOpen:V==="chart title desc",setIsOpen:()=>{B(e=>e==="chart title desc"?"":"chart title desc")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Title & Description"}),headerButton:o.jsx(p,{name:"chart title & desc",defaultEnabled:!0,enabled:(nf=l==null?void 0:l.customSettings)==null?void 0:nf.enableTitleDesc,onChange:()=>{var e;(e=l==null?void 0:l.customSettings)!=null&&e.enableTitleDesc||B("chart title desc"),a(n=>{var d;return{...n,customSettings:{...n.customSettings,enableTitleDesc:!((d=n.customSettings)!=null&&d.enableTitleDesc)}}})}})}):null,(l==null?void 0:l.chartType)===u.progressBarV2?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable upper limit",enabled:(uf=(af=(df=l==null?void 0:l.customSettings)==null?void 0:df.linearGaugeV2)==null?void 0:af.upperLimit)==null?void 0:uf.isEnable,onChange:()=>a(e=>{var n,d,b,x,f,w;return{...e,customSettings:{...e==null?void 0:e.customSettings,linearGaugeV2:{...(n=e==null?void 0:e.customSettings)==null?void 0:n.linearGaugeV2,upperLimit:{...(b=(d=e==null?void 0:e.customSettings)==null?void 0:d.linearGaugeV2)==null?void 0:b.upperLimit,isEnable:!((w=(f=(x=e==null?void 0:e.customSettings)==null?void 0:x.linearGaugeV2)==null?void 0:f.upperLimit)!=null&&w.isEnable)}}}}})}),o.jsx(i,{variant:"body-text-2",children:"Upper Limit"})]}),(mf=(sf=(bf=l==null?void 0:l.customSettings)==null?void 0:bf.linearGaugeV2)==null?void 0:sf.upperLimit)!=null&&mf.isEnable?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{label:"Limit",value:(pf=(ff=(xf=l==null?void 0:l.customSettings)==null?void 0:xf.linearGaugeV2)==null?void 0:ff.upperLimit)==null?void 0:pf.limit,onChange:e=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.linearGaugeV2,upperLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.upperLimit,limit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)}}}}})}),o.jsx(H,{label:"Bar Color",name:"color",onChange:e=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.linearGaugeV2,upperLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.upperLimit,color:e}}}}}),defaultValue:"#000000",value:((Cf=(yf=(jf=l==null?void 0:l.customSettings)==null?void 0:jf.linearGaugeV2)==null?void 0:yf.upperLimit)==null?void 0:Cf.color)||"#000000"})]}),o.jsx(j,{label:"Alert Message",type:"text",placeholder:"Enter Text",value:(wf=(Tf=(Nf=l==null?void 0:l.customSettings)==null?void 0:Nf.linearGaugeV2)==null?void 0:Tf.upperLimit)==null?void 0:wf.message,onChange:e=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.linearGaugeV2,upperLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.upperLimit,message:e.target.value}}}}})}),o.jsx(j,{label:"Message Font Size",addSuffix:"px",type:"number",min:0,value:((Lf=(Ff=(vf=l==null?void 0:l.customSettings)==null?void 0:vf.linearGaugeV2)==null?void 0:Ff.upperLimit)==null?void 0:Lf.messageSize)||12,onChange:({target:{value:e}})=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,upperLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.upperLimit,messageSize:Number(e)}}}}})})]}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable lower limit",enabled:(Vf=(Ef=(Af=l==null?void 0:l.customSettings)==null?void 0:Af.linearGaugeV2)==null?void 0:Ef.lowerLimit)==null?void 0:Vf.isEnable,onChange:()=>a(e=>{var n,d,b,x,f,w;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e==null?void 0:e.customSettings)==null?void 0:n.linearGaugeV2,lowerLimit:{...(b=(d=e==null?void 0:e.customSettings)==null?void 0:d.linearGaugeV2)==null?void 0:b.lowerLimit,isEnable:!((w=(f=(x=e==null?void 0:e.customSettings)==null?void 0:x.linearGaugeV2)==null?void 0:f.lowerLimit)!=null&&w.isEnable)}}}}})}),o.jsx(i,{variant:"body-text-2",children:"Lower Limit"})]}),(Bf=(rf=(kf=l==null?void 0:l.customSettings)==null?void 0:kf.linearGaugeV2)==null?void 0:rf.lowerLimit)!=null&&Bf.isEnable?o.jsxs(o.Fragment,{children:[o.jsx(j,{label:"Limit",value:(Of=(Wf=(Df=l==null?void 0:l.customSettings)==null?void 0:Df.linearGaugeV2)==null?void 0:Wf.lowerLimit)==null?void 0:Of.limit,onChange:e=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.linearGaugeV2,lowerLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.lowerLimit,limit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)}}}}})}),o.jsx(j,{label:"Alert Message",type:"text",placeholder:"Enter Text",value:(If=(zf=(Rf=l==null?void 0:l.customSettings)==null?void 0:Rf.linearGaugeV2)==null?void 0:zf.lowerLimit)==null?void 0:If.message,onChange:e=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.linearGaugeV2,lowerLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.lowerLimit,message:e.target.value}}}}})}),o.jsx(j,{label:"Message Font Size",addSuffix:"px",type:"number",min:0,value:((Gf=(Mf=(_f=l==null?void 0:l.customSettings)==null?void 0:_f.linearGaugeV2)==null?void 0:Mf.lowerLimit)==null?void 0:Gf.messageSize)||12,onChange:({target:{value:e}})=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,lowerLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.lowerLimit,messageSize:Number(e)}}}}})})]}):null]}),id:"limits",isOpen:V==="limits",setIsOpen:()=>{B(e=>e==="limits"?"":"limits")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Limits"}),headerButton:null}):null,[u.combo,u.horizontalCombo,u.funnel].includes((l==null?void 0:l.chartType)||"")?null:o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[(Hf=l==null?void 0:l.dynamicYAxis)!=null&&Hf.isEnabled&&!((Yf=l==null?void 0:l.dynamicYAxis)!=null&&Yf.isEnabledMultiselect)&&Ny.includes((l==null?void 0:l.chartType)||"")?o.jsx(o.Fragment,{children:(Xf=($f=l==null?void 0:l.dynamicYAxis)==null?void 0:$f.options)==null?void 0:Xf.map(e=>{var d,b,x;const n=((b=(d=l==null?void 0:l.customSettings)==null?void 0:d.switchAxisNumberFormatter)==null?void 0:b.find(f=>(f==null?void 0:f.axis)===(e==null?void 0:e.value)))||{};return o.jsxs(o.Fragment,{children:[o.jsx(i,{variant:"heading-5",children:e==null?void 0:e.value}),((l==null?void 0:l.chartType)!==u.gauge||(l==null?void 0:l.chartType)===u.gauge&&!((x=l==null?void 0:l.customSettings)!=null&&x.isEnableLabelFormatting))&&o.jsx(o.Fragment,{children:o.jsx(I,{label:"Number Format",selectedOption:{value:(n==null?void 0:n.numberFormatter)||"original",label:(n==null?void 0:n.numberFormatter)||"original"},options:Sl,onChange:f=>a(w=>{var k,F;return{...w,customSettings:{...w.customSettings,switchAxisNumberFormatter:(F=(k=l==null?void 0:l.customSettings)==null?void 0:k.switchAxisNumberFormatter)==null?void 0:F.map(r=>r!=null&&r.axis&&(r==null?void 0:r.axis)===(e==null?void 0:e.value)?{...r,numberFormatter:f.value}:r)}}}),buttonWidth:"100%",menuWidth:"100%"})}),l.chartType!==u.table&&l.chartType!==u.pivot&&l.chartType!==u.funnel&&o.jsx(o.Fragment,{children:![u.combo,u.horizontalCombo].includes(l==null?void 0:l.chartType)&&o.jsx(o.Fragment,{children:o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"text",label:"Prefix",placeholder:"Add prefix to labels",value:n==null?void 0:n.labelPrefix,onChange:f=>a(w=>{var k,F;return{...w,customSettings:{...w.customSettings,switchAxisNumberFormatter:(F=(k=w==null?void 0:w.customSettings)==null?void 0:k.switchAxisNumberFormatter)==null?void 0:F.map(r=>(r==null?void 0:r.axis)===(e==null?void 0:e.value)?{...r,labelPrefix:f.target.value}:r)}}})}),o.jsx(j,{type:"text",label:"Suffix",placeholder:"Add suffix to labels",value:n==null?void 0:n.labelSuffix,onChange:f=>a(w=>{var k,F;return{...w,customSettings:{...w.customSettings,switchAxisNumberFormatter:(F=(k=w==null?void 0:w.customSettings)==null?void 0:k.switchAxisNumberFormatter)==null?void 0:F.map(r=>(r==null?void 0:r.axis)===(e==null?void 0:e.value)?{...r,labelSuffix:f.target.value}:r)}}})})]})})})]})})}):o.jsxs(o.Fragment,{children:[((l==null?void 0:l.chartType)!==u.gauge&&(l==null?void 0:l.chartType)!==u.gantt||(l==null?void 0:l.chartType)===u.gauge&&!((Pf=l==null?void 0:l.customSettings)!=null&&Pf.isEnableLabelFormatting))&&o.jsx(o.Fragment,{children:o.jsx(I,{label:"Number Format",selectedOption:{value:((Uf=l.customSettings)==null?void 0:Uf.numberFormatter)||"original",label:((Zf=l.customSettings)==null?void 0:Zf.numberFormatter)||"original"},options:Sl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,numberFormatter:e.value}})),buttonWidth:"100%",menuWidth:"100%"})}),l.chartType!==u.table&&l.chartType!==u.pivot&&l.chartType!==u.funnel&&(l==null?void 0:l.chartType)!==u.gantt&&o.jsx(o.Fragment,{children:![u.combo,u.horizontalCombo].includes(l==null?void 0:l.chartType)&&o.jsx(o.Fragment,{children:o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"text",label:"Prefix",placeholder:"Add prefix to labels",value:(qf=l==null?void 0:l.customSettings)==null?void 0:qf.labelPrefix,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,labelPrefix:e.target.value}}))}),o.jsx(j,{type:"text",label:"Suffix",placeholder:"Add suffix to labels",value:(Jf=l==null?void 0:l.customSettings)==null?void 0:Jf.labelSuffix,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,labelSuffix:e.target.value}}))})]})})})]}),(l.chartType!==u.gauge||l.chartType===u.gauge&&!((Kf=l.customSettings)!=null&&Kf.isEnableLabelFormatting))&&((Qf=l==null?void 0:l.dateColumns)!=null&&Qf.length)&&![u.gauge,u.sankey,u.timeSeries,u.boxplot,u.progressBar,u.linearGauge,u.network,u.gaugeV2,u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)&&!Il?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable date formatting",enabled:(cf=l==null?void 0:l.customSettings)==null?void 0:cf.isEnableTimezoneFormatting,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableTimezoneFormatting:!((n=e.customSettings)!=null&&n.isEnableTimezoneFormatting)}}})}),o.jsx(i,{variant:"body-text-2",children:"Date Formatting"})]}),(gf=l==null?void 0:l.customSettings)!=null&&gf.isEnableTimezoneFormatting?o.jsx(I,{label:"Date Formatters",selectedOption:{value:((hf=l==null?void 0:l.customSettings)==null?void 0:hf.timeFormatter)||"original",label:((Sf=l==null?void 0:l.customSettings)==null?void 0:Sf.timeFormatter)||"original"},options:Zl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,timeFormatter:e.value}})),buttonWidth:"100%",menuWidth:"100%"}):null]}):null,!tl&&![u.treeMap,u.gantt].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:`${m.featToggle} dbn-justify-between`,children:[o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-items-center",children:[o.jsx(p,{name:"label formatting",defaultEnabled:!0,enabled:(tf=l==null?void 0:l.customSettings)==null?void 0:tf.isEnableLabelFormatting,onChange:()=>a(e=>{var n,d,b,x;return{...e,customSettings:{...e.customSettings,isEnableLabelFormatting:!((n=e.customSettings)!=null&&n.isEnableLabelFormatting),...(d=e.customSettings)!=null&&d.isEnableLabelFormatting?{}:(l==null?void 0:l.chartType)===u.gaugeV2?{gaugeV2:{...(b=e.customSettings)==null?void 0:b.gaugeV2,isEnableMarkerLabel:!0,isEnableMarkerValue:!0,isEnableMarkerRange:!0,isEnableLegendRange:!0}}:[u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)?{linearGaugeV2:{...(x=e.customSettings)==null?void 0:x.linearGaugeV2,isEnableLabel:!0,isEnableValue:!0,isShowSplitLines:!0,isEnableLabels:!0,isEnableRange:!0,isEnableLegend:!0,isEnableLegendRange:!0}}:{}}}})}),o.jsx(i,{variant:"body-text-2",children:"Band Formatting"})]}),(lp=l.customSettings)!=null&&lp.isEnableLabelFormatting&&!G?o.jsx(_,{variant:"tertiary",onClick:()=>t(!0),size:"small",leftIcon:o.jsx(Q,{name:"plus",size:"sm"}),children:"Add a Range"}):null]}),(ep=l==null?void 0:l.customSettings)!=null&&ep.isEnableLabelFormatting?o.jsxs(o.Fragment,{children:[G?o.jsxs("div",{className:m.formattingWrapper,children:[o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Lower Limit",onChange:e=>L(n=>({...n,lowerLimit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)})),value:y.lowerLimit})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Upper Limit",onChange:e=>L(n=>({...n,upperLimit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)})),value:y.upperLimit})}),o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(j,{type:"text",label:"Label",placeholder:"Enter Text",onChange:e=>L(n=>({...n,label:e.target.value})),value:y.label})}),o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(H,{name:"color",label:"Band Color",onChange:e=>L(n=>({...n,color:e})),defaultValue:"#000000",value:y.color||"#000000"})}),o.jsxs("div",{className:"dbn-col-span-4 dbn-mt-3 dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(_,{variant:"secondary",onClick:()=>{t(!1),L({label:"",upperLimit:0,lowerLimit:0})},children:"Close"}),o.jsx(_,{variant:"primary",onClick:cj,isDisabled:!y.label||!y.lowerLimit.toString()||!y.upperLimit.toString()||y.upperLimit===y.lowerLimit,children:y!=null&&y.isEdit?"Update":"Save"})]})]}):null,(op=l==null?void 0:l.customSettings.YaxislabelFormatters)!=null&&op.length?o.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2",children:(np=l==null?void 0:l.customSettings.YaxislabelFormatters)==null?void 0:np.map((e,n)=>o.jsxs("div",{className:"dbn-w-full dbn-px-4 dbn-py-3 dbn-rounded-md dbn-flex dbn-gap-3 dbn-items-center dbn-justify-between dbn-border dbn-border-secondary",children:[o.jsxs("div",{children:[o.jsx(i,{variant:"body-text-2",children:Qj(e.label,22)}),o.jsx(i,{variant:"body-text-3",children:`(${e.lowerLimit} - ${e.upperLimit})`}),e.color?o.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2 dbn-mt-1",children:[o.jsx("div",{className:"dbn-w-4 dbn-h-4 dbn-rounded",style:{backgroundColor:e.color}}),o.jsx(i,{variant:"body-text-2",children:e.color.toUpperCase()})]}):null]}),o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-mx-3",children:[o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"pencil-simple",size:"sm"}),onClick:()=>{L({...e,isEdit:!0,index:n}),t(!0)}}),o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"delete",color:"alert"}),onClick:()=>gj(e)})]})]}))}):null,[u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"bg color",enabled:(dp=l==null?void 0:l.customSettings)==null?void 0:dp.isEnableBgColor,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableBgColor:!((n=e.customSettings)!=null&&n.isEnableBgColor)}}})}),o.jsx(i,{variant:"body-text-2",children:"Band Background Color"})]})]}):null]}):null]}),id:"formatting",isOpen:V==="formatting",setIsOpen:()=>{B(e=>e==="formatting"?"":"formatting")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Formatting"}),headerButton:null}),!Il&&!yl&&![u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.treeMap].includes((l==null?void 0:l.chartType)||"")?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[[u.sankey].includes(l==null?void 0:l.chartType)&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"interchange source and target",enabled:(ap=l==null?void 0:l.customSettings)==null?void 0:ap.isEnableInterchange,onChange:()=>{a(e=>{var n,d,b,x;return{...e,sankeyValues:[((n=e==null?void 0:e.sankeyValues)==null?void 0:n[1])||"",((d=e==null?void 0:e.sankeyValues)==null?void 0:d[0])||"",((b=e==null?void 0:e.sankeyValues)==null?void 0:b[2])||""],customSettings:{...e.customSettings,isEnableInterchange:!((x=e.customSettings)!=null&&x.isEnableInterchange)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Interchange the source and target"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"switch sankey measure",enabled:(up=l==null?void 0:l.customSettings)==null?void 0:up.isEnableSwitchMeasure,onChange:()=>{a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableSwitchMeasure:!((n=e.customSettings)!=null&&n.isEnableSwitchMeasure)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Switch Measure"})]})]}),[u.network].includes(l==null?void 0:l.chartType)&&o.jsx(j,{label:"Repulsion",type:"number",min:0,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,repulsion:Number(e.target.value)}})),value:((bp=l==null?void 0:l.customSettings)==null?void 0:bp.repulsion)||50}),[u.bar,u.row,u.stack,u.histogram].includes(l.chartType)||l.chartType===u.timeSeries&&((mp=(sp=l.timeSeriesSettings)==null?void 0:sp.seriesType[0])==null?void 0:mp.type)==="bar"||l.chartType===u.bullet&&(((xp=(ip=l.customSettings)==null?void 0:ip.bulletOptions)==null?void 0:xp.length)||0)+(((pp=(fp=l.customSettings)==null?void 0:fp.lineOptions)==null?void 0:pp.length)||0)!==((jp=l==null?void 0:l.yAxisList)==null?void 0:jp.length)||l.chartType===u.verticalCombo&&(((Cp=(yp=l.customSettings)==null?void 0:yp.dashOptions)==null?void 0:Cp.length)||0)+(((Tp=(Np=l.customSettings)==null?void 0:Np.lineOptions)==null?void 0:Tp.length)||0)!==((wp=l.yAxisList)==null?void 0:wp.length)?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show background",enabled:(vp=l==null?void 0:l.backGroundColor)==null?void 0:vp.show,onChange:()=>a(e=>{var n;return{...e,backGroundColor:{show:!((n=e.backGroundColor)!=null&&n.show)}}})}),o.jsx(i,{variant:"body-text-2",children:"Bar background"})]}):null,(l==null?void 0:l.chartType)===u.bullet&&o.jsxs(o.Fragment,{children:[o.jsx(sl,{selectedOption:((Ap=(Lp=(Fp=l==null?void 0:l.customSettings)==null?void 0:Fp.bulletOptions)==null?void 0:Lp.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:Ap.map(e=>({value:e,label:e})))||[],label:"Bullet Measures",options:((Vp=(Ep=l==null?void 0:l.yAxisList)==null?void 0:Ep.filter(e=>{var n,d;return!((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.lineOptions)!=null&&d.includes(e))}))==null?void 0:Vp.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,bulletOptions:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"}),o.jsx(sl,{selectedOption:((Bp=(rp=(kp=l==null?void 0:l.customSettings)==null?void 0:kp.lineOptions)==null?void 0:rp.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:Bp.map(e=>({value:e,label:e})))||[],label:"Line Measures",options:((Wp=(Dp=l==null?void 0:l.yAxisList)==null?void 0:Dp.filter(e=>{var n,d;return!((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.bulletOptions)!=null&&d.includes(e))}))==null?void 0:Wp.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,lineOptions:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"})]}),(l==null?void 0:l.chartType)===u.verticalCombo&&o.jsxs(o.Fragment,{children:[o.jsx(sl,{selectedOption:((zp=(Rp=(Op=l==null?void 0:l.customSettings)==null?void 0:Op.dashOptions)==null?void 0:Rp.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:zp.map(e=>({value:e,label:e})))||[],label:"Dash Markers",options:((_p=(Ip=l==null?void 0:l.yAxisList)==null?void 0:Ip.filter(e=>{var n,d;return!((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.lineOptions)!=null&&d.includes(e))}))==null?void 0:_p.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,dashOptions:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"}),o.jsx(sl,{selectedOption:((Hp=(Gp=(Mp=l==null?void 0:l.customSettings)==null?void 0:Mp.lineOptions)==null?void 0:Gp.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:Hp.map(e=>({value:e,label:e})))||[],label:"Line Markers",options:(($p=(Yp=l==null?void 0:l.yAxisList)==null?void 0:Yp.filter(e=>{var n,d;return!((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.dashOptions)!=null&&d.includes(e))}))==null?void 0:$p.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,lineOptions:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"})]}),(l==null?void 0:l.chartType)===u.bubble?o.jsx(j,{type:"number",label:"Constant For Bubble Size",min:0,onChange:e=>a(n=>({...n,percentageSize:Number(e.target.value)})),value:l==null?void 0:l.percentageSize}):null,[u.bar,u.line,u.area].includes(l.chartType)||l.chartType===u.timeSeries&&(((Up=(Pp=(Xp=l.timeSeriesSettings)==null?void 0:Xp.seriesType)==null?void 0:Pp[0])==null?void 0:Up.type)==="bar"||!((qp=(Zp=l.timeSeriesSettings)==null?void 0:Zp.seriesType)!=null&&qp.length))?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"cumulative",enabled:(Jp=l==null?void 0:l.customSettings)==null?void 0:Jp.cumulativeBar,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,cumulativeBar:!((n=e.customSettings)!=null&&n.cumulativeBar)}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Cumulative Behaviour"})]}):null,l.chartType===u.bullet&&(((Qp=(Kp=l.customSettings)==null?void 0:Kp.bulletOptions)==null?void 0:Qp.length)||0)+(((gp=(cp=l.customSettings)==null?void 0:cp.lineOptions)==null?void 0:gp.length)||0)!==((hp=l==null?void 0:l.yAxisList)==null?void 0:hp.length)||l.chartType===u.verticalCombo&&(((tp=(Sp=l.customSettings)==null?void 0:Sp.dashOptions)==null?void 0:tp.length)||0)+(((ej=(lj=l.customSettings)==null?void 0:lj.lineOptions)==null?void 0:ej.length)||0)!==((oj=l.yAxisList)==null?void 0:oj.length)?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable stack bar",enabled:(nj=l==null?void 0:l.customSettings)==null?void 0:nj.isStackBar,onChange:()=>{a(e=>{var n;return{...e,customSettings:{...e.customSettings,isStackBar:!((n=e.customSettings)!=null&&n.isStackBar)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Enable Stack Bar"})]}):null,[u.line,u.bar,u.verticalCombo,u.row,u.area,u.combo,u.horizontalCombo,u.histogram,u.stepped,u.scatter,u.timeSeries,u.stackedArea,u.bullet].includes(l.chartType)&&o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"hide null values",enabled:!((dj=l.customSettings)!=null&&dj.hideNullValues),onChange:()=>{a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideNullValues:!((n=e.customSettings)!=null&&n.hideNullValues)}}})}}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Show 0/null Values"}),o.jsx(Al,{text:"Hide 0, undefined, null, and N/A values from the tooltip.",position:"top",tooltipClass:"dbn-w-[300px]",iconConfig:{size:"xs",color:"primary"},isSingleLineTxt:!1})]})]}),[u.bar,u.line,u.area,u.stackedArea,u.timeSeries].includes(l.chartType)&&o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"dynamic",enabled:(aj=l.customSettings)==null?void 0:aj.showDynamicBehaviour,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showDynamicBehaviour:!((n=e.customSettings)!=null&&n.showDynamicBehaviour)}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Dynamic Behavior"})]}),![u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.pie,u.table,u.singleValue,u.doughnut,u.funnel,u.sankey,u.rose,u.network].includes(l.chartType)&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"chart zoom",enabled:(bj=(uj=l.customSettings)==null?void 0:uj.chartZoom)==null?void 0:bj.isZoomEnabled,onChange:()=>{a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,chartZoom:{...(n=e.customSettings)==null?void 0:n.chartZoom,isZoomEnabled:!((b=(d=e.customSettings)==null?void 0:d.chartZoom)!=null&&b.isZoomEnabled),zoomAxis:"x",zoomOnMouseWheel:!0}}}})}}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Enable Chart Zoom"}),o.jsx(Al,{position:"top",text:"Enable zooming and panning on the chart.",tooltipClass:"dbn-w-[300px]",iconConfig:{size:"xs",color:"primary"}})]})]}),((mj=(sj=l.customSettings)==null?void 0:sj.chartZoom)==null?void 0:mj.isZoomEnabled)&&o.jsxs(o.Fragment,{children:[o.jsx(I,{label:"Select Zoom Axis",selectedOption:{value:l.customSettings.chartZoom.zoomAxis||"x",label:l.customSettings.chartZoom.zoomAxis||"x"},options:[{label:"x",value:"x"},{label:"y",value:"y"},{label:"xy",value:"xy"}],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,chartZoom:{...(d=n.customSettings)==null?void 0:d.chartZoom,zoomAxis:e.value}}}}),buttonWidth:"100%",menuWidth:"100%"}),l.chartType===u.timeSeries&&["x","xy"].includes(((xj=(ij=l==null?void 0:l.customSettings)==null?void 0:ij.chartZoom)==null?void 0:xj.zoomAxis)||"")&&o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show rightmost data",enabled:(pj=(fj=l.customSettings)==null?void 0:fj.chartZoom)==null?void 0:pj.isShowRightMost,onChange:()=>{a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,chartZoom:{...(n=e.customSettings)==null?void 0:n.chartZoom,isShowRightMost:!((b=(d=e.customSettings)==null?void 0:d.chartZoom)!=null&&b.isShowRightMost)}}}})}}),o.jsx(i,{variant:"body-text-2",children:"Show Recent Data"})]})]})]}),[u.pie,u.rose,u.doughnut].includes(l==null?void 0:l.chartType)&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"measure-pie",enabled:(jj=l.customSettings)==null?void 0:jj.isEnableMeasureMode,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableMeasureMode:!((n=e.customSettings)!=null&&n.isEnableMeasureMode)}}})}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"View by Measure"}),o.jsx(Al,{text:"Perform calculations based on measures.",position:"top",tooltipClass:"dbn-w-[200px]",iconConfig:{size:"xs",color:"primary"}})]})]}),l.chartType==="rose"&&o.jsx(I,{label:"Rose Type",selectedOption:{value:((yj=l.customSettings)==null?void 0:yj.roseType)||"",label:((Cj=l.customSettings)==null?void 0:Cj.roseType)||""},options:[{label:"Radius",value:"radius"},{label:"Area",value:"area"}],onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,roseType:e.value}})),menuWidth:"100%",buttonWidth:"100%"}),l.chartType!==u.doughnut&&o.jsxs(o.Fragment,{children:[o.jsx(I,{label:"Mode",selectedOption:{value:((Nj=l.customSettings)==null?void 0:Nj.selectedMode)||"",label:((Tj=l.customSettings)==null?void 0:Tj.selectedMode)||""},options:[{label:"Single",value:"single"},{label:"Multiple",value:"multiple"},{label:"Series",value:"series"}],onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,selectedMode:e.value}})),menuWidth:"100%",buttonWidth:"100%"}),o.jsx(j,{type:"number",label:"Offset",min:0,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,selectedOffset:parseInt(e.target.value,10)}})),value:(wj=l.customSettings)==null?void 0:wj.selectedOffset})]})]}),l.chartType===u.stack||l.chartType===u.timeSeries&&((Lj=(Fj=(vj=l==null?void 0:l.timeSeriesSettings)==null?void 0:vj.seriesType)==null?void 0:Fj[0])==null?void 0:Lj.type)==="stack"?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"full stacked",enabled:(Aj=l==null?void 0:l.customSettings)==null?void 0:Aj.showFullStacked,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showFullStacked:!((n=e.customSettings)!=null&&n.showFullStacked)}}})}),o.jsx(i,{variant:"body-text-2",children:"100% Stacked Bar"})]}):null,(l==null?void 0:l.chartType)===u.funnel&&o.jsxs(o.Fragment,{children:[o.jsx(j,{label:"Padding Between Steps",type:"number",min:0,max:30,value:((Ej=l==null?void 0:l.customSettings)==null?void 0:Ej.stepPadding)||10,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,stepPadding:parseInt(e.target.value,10)}}))}),o.jsx(j,{label:"Label Format",type:"text",placeholder:"{b}",value:(Vj=l==null?void 0:l.customSettings)==null?void 0:Vj.labelFormat,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,labelFormat:e.target.value}}))}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"funnel 3",enabled:(kj=l==null?void 0:l.customSettings)==null?void 0:kj.showFunnelShadow,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showFunnelShadow:!((n=e.customSettings)!=null&&n.showFunnelShadow)}}})}),o.jsx(i,{variant:"body-text-2",children:"Funnel Shadow"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"funnel 1",enabled:(rj=l==null?void 0:l.customSettings)==null?void 0:rj.showLabelValues,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showLabelValues:!((n=e.customSettings)!=null&&n.showLabelValues)}}})}),o.jsx(i,{variant:"body-text-2",children:"Label With Values"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"funnel 2",enabled:(Bj=l==null?void 0:l.customSettings)==null?void 0:Bj.showConversionRate,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showConversionRate:!((n=e.customSettings)!=null&&n.showConversionRate)}}})}),o.jsx(i,{variant:"body-text-2",children:"Conversion Rate"})]})]}),[u.line,u.area].includes(l==null?void 0:l.chartType)?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"smooth line",enabled:(Dj=l==null?void 0:l.customSettings)==null?void 0:Dj.isEnableSmoothLine,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableSmoothLine:!((n=e.customSettings)!=null&&n.isEnableSmoothLine)}}})}),o.jsx(i,{variant:"body-text-2",children:"Smooth Line"})]}):null,(l==null?void 0:l.chartType)===u.timeSeries&&o.jsxs(o.Fragment,{children:[((Oj=(Wj=l==null?void 0:l.timeSeriesSettings)==null?void 0:Wj.seriesType[0])==null?void 0:Oj.type)==="line"||xy?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"current line",enabled:(Rj=l==null?void 0:l.customSettings)==null?void 0:Rj.isEnableCurrentLine,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableCurrentLine:!((n=e.customSettings)!=null&&n.isEnableCurrentLine)}}})}),o.jsx(i,{variant:"body-text-2",children:"Current Line"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"dashed line",enabled:(zj=l==null?void 0:l.customSettings)==null?void 0:zj.isEnableDashedLine,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableDashedLine:!((n=e.customSettings)!=null&&n.isEnableDashedLine)}}})}),o.jsx(i,{variant:"body-text-2",children:"Dashed Line"})]})]}):null,o.jsx(wy,{globalFilterOptions:U,onChangeTimeseriesFormat:E,onChange:e=>a(n=>({...n,timeSeriesSettings:{...n.timeSeriesSettings,...e instanceof Function?e(n.timeSeriesSettings||{}):e}})),yAxisList:(l==null?void 0:l.yAxisList)||[],settings:l==null?void 0:l.timeSeriesSettings})]})]}),id:"other features",isOpen:V==="other features",setIsOpen:()=>{B(e=>e==="other features"?"":"other features")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:[u.pie,u.rose,u.doughnut].includes(l==null?void 0:l.chartType)?"Other Customizations":"Features"}),headerButton:null}):null,[u.combo,u.horizontalCombo].includes((l==null?void 0:l.chartType)||"")||(l==null?void 0:l.chartType)===u.timeSeries&&((Mj=(_j=(Ij=l==null?void 0:l.timeSeriesSettings)==null?void 0:Ij.seriesType)==null?void 0:_j[0])==null?void 0:Mj.type)==="combo"?o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:o.jsx(e0,{chartSettings:l,setChartSettings:a})}),id:"combo chart settings",isOpen:V==="combo chart settings",setIsOpen:()=>{B(e=>e==="combo chart settings"?"":"combo chart settings")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Combo Chart Settings"}),headerButton:null}):null]})})};export{y0 as B,$0 as C,ry as D,Yl as F,qj as M,Gl as P,ll as a,C0 as b,e0 as c,Jj as g,m as s,Vy as u};
+import{j as o}from"./ui-vendor-DuTfa2UR.mjs";import{useState as S,useRef as Gj,useEffect as ml,useMemo as dl,useCallback as Bl}from"react";import{B as _}from"./index-DhbU7Mia.mjs";import{I as Q}from"./index-CXxcrvqq.mjs";import{I as j}from"./index-DzlWCFpe.mjs";import{T as i}from"./index-zxPTeqmL.mjs";import{B as Cl,o as Hj}from"./index-B-xrDNSO.mjs";import{F as I}from"./index-C26NEE4H.mjs";import{C as u,_ as Dl,$ as rl,a0 as Yj,a1 as Zl,a2 as jy,T as yy,a3 as $j,a4 as Xj,a5 as Cy,a6 as Ny}from"./metricOptions-eMjyT9mw.mjs";import{S as p}from"./index-DOjiRxyH.mjs";import{t as Qj,J as Ty,R as kl,K as H,L as wy}from"./index-DbmP77Z2.mjs";import{C as Pj}from"./index-D3hhF5t0.mjs";import{e as vy}from"./webcomponents.es.js";import{N as nl,I as Al}from"./index-BJGdplie.mjs";import{u as ql}from"./index-DafPJT-X.mjs";import{u as Fy,a as Ly,P as Ay}from"./index-BLh5Cmay.mjs";import{F as $l}from"./index-B1NuJ0kR.mjs";import{M as sl}from"./index-BlNXCmSV.mjs";import{A as c}from"./index-DwlnBAXY.mjs";import{A as jl}from"./index-BRqJa8kU.mjs";const Ey=Ly({active:null,over:null,DragPreviewCreateRoot:null,draggables:[],droppables:[]}),Vy=()=>{const[l,a]=Fy(Ey);return{dndState:l,setActive:E=>{a(R=>({...R,active:E}))},setOver:E=>{a(R=>({...R,over:E}))},setDraggables:E=>{a(R=>{var X;const O=(X=R.draggables)==null?void 0:X.findIndex(Z=>(Z==null?void 0:Z.identifier.id)===(E==null?void 0:E.identifier.id));if(O===-1)return{...R,draggables:[...R.draggables,E]};const U=[...R.draggables];return U[O]=E,{...R,draggables:U}})},setDropables:E=>{a(R=>{var X;const O=(X=R.droppables)==null?void 0:X.findIndex(Z=>(Z==null?void 0:Z.identifier.id)===(E==null?void 0:E.identifier.id));if(O===-1)return{...R,droppables:[...R.droppables,E]};const U=[...R.droppables];return U[O]=E,{...R,droppables:U}})},setDndState:a}},ky=({identifier:l,data:a,modifiers:s,events:N,CustomDragPreview:g,disabled:P=!1,dropText:E})=>{const{dndState:R,setActive:O,setDndState:U,setDraggables:X}=Vy(),[Z,M]=S(!1),[z,q]=S(!0),[el,h]=S(null),J=Gj(null),G=Gj(null),t={"data-type":l.type||l.id,id:`draggable-${l.id}`,role:"button",tabindex:"0",draggable:z?"true":"false","aria-grabbed":"false"},Fl=V=>{Object.entries(t).forEach(([B,fl])=>{V.setAttribute(B,fl)})},Tl=()=>{var V;G.current&&((V=R.DragPreviewCreateRoot)==null||V.render(g))};return ml(()=>{if(g&&(G.current=document.getElementById("CustomDragPreviewContainer"),G.current===null)){G.current=document.createElement("div"),G.current.setAttribute("id","CustomDragPreviewContainer"),document.body.appendChild(G.current);const V=vy.createRoot(G.current);U(B=>({...B,DragPreviewCreateRoot:V}))}},[]),ml(()=>{if(J.current){const V=J.current.getBoundingClientRect();h(V),X({identifier:l,data:a,modifiers:s,DragNodeRef:J,rect:el,events:N,isDragging:Z,isEnableDrag:z})}},[J.current,JSON.stringify(l),JSON.stringify(a),JSON.stringify(s),JSON.stringify(N),JSON.stringify(Z)]),ml(()=>{const V=J.current;if(!V)return;Fl(V);const B=pl=>{var C,$,v,al;if(M(!0),O({identifier:l,data:a,modifiers:s,DragNodeRef:J,rect:el,events:N,isDragging:Z,isEnableDrag:z}),V.setAttribute("aria-grabbed","true"),E?(C=pl.dataTransfer)==null||C.setData("text/plain",E):($=pl.dataTransfer)==null||$.setData("text/plain",JSON.stringify({data:a})),(v=N==null?void 0:N.onDragStart)==null||v.call(N,pl,R),G.current){const ul=G.current.getBoundingClientRect();(al=pl.dataTransfer)==null||al.setDragImage(G.current,ul.width/2,ul.height/2)}},fl=pl=>{var C;V.setAttribute("aria-grabbed","false"),M(!1),O(null),(C=N==null?void 0:N.onDragEnd)==null||C.call(N,pl,R)};return V.addEventListener("mousedown",()=>{g&&Tl()}),V.addEventListener("dragstart",B),V.addEventListener("dragend",fl),()=>{V.removeEventListener("dragstart",B),V.removeEventListener("dragend",fl)}},[J.current,JSON.stringify(l),JSON.stringify(a),R.DragPreviewCreateRoot,E]),ml(()=>{const V=J.current;V&&V.setAttribute("draggable",z?"true":"false")},[z]),ml(()=>{var B,fl,pl,C;let V=[];return Z&&(O({identifier:l,data:a,modifiers:s,DragNodeRef:J,rect:el,events:N,isDragging:Z,isEnableDrag:z}),(B=s==null?void 0:s.highlightDrop)!=null&&B.onDrag&&(V=((pl=(fl=R.droppables)==null?void 0:fl.filter($=>(($==null?void 0:$.identifier.accepts)??[]).includes(l.type??"")&&($==null?void 0:$.isEnableDrop)))==null?void 0:pl.map($=>$==null?void 0:$.setDropNodeRef.current))??[],(C=s==null?void 0:s.highlightDrop)!=null&&C.onDrag&&V.forEach($=>{var v;$==null||$.classList.add(((v=s==null?void 0:s.highlightDrop)==null?void 0:v.highlightClass)||"dnd-droppable-highlight")}))),()=>{V.forEach($=>{var v;$==null||$.classList.remove(((v=s==null?void 0:s.highlightDrop)==null?void 0:v.highlightClass)||"dnd-droppable-highlight")})}},[Z]),ml(()=>{q(!P)},[P]),{isDragging:Z,isEnableDrag:z,setIsEnableDrag:q,DragNodeRef:J}},ry=({identifier:l,data:a,renderItem:s,CustomDragPreview:N,modifiers:g,events:P,disabled:E,dropText:R})=>{const{DragNodeRef:O,isDragging:U}=ky({identifier:l,data:a,CustomDragPreview:N,modifiers:g,events:P,disabled:E,dropText:R});return s(O,U)},By="_featWrapper_asxgp_1",Dy="_featToggle_asxgp_7",Wy="_featTabsContainer_asxgp_13",Oy="_formattingWrapper_asxgp_37",Ry="_container_asxgp_45",zy="_wrapper_asxgp_57",Iy="_marginContainer_asxgp_63",_y="_chartDemo_asxgp_69",My="_chartDemoContainer_asxgp_75",Gy="_marginWrapper_asxgp_81",Hy="_chartColors_asxgp_87",Yy="_prefixSuffixContainer_asxgp_93",$y="_inputWrapper_asxgp_135",Xy="_badgeDiv_asxgp_189",Py="_formattingContainer_asxgp_257",Uy="_formattingGradient_asxgp_263",Zy="_ruleContainer_asxgp_279",qy="_gradientContainer_asxgp_287",Jy="_accordionHeader_asxgp_303",Ky="_comparisonValueContainer_asxgp_319",Qy="_positionButtonContainer_asxgp_329",cy="_positionButtonAlt_asxgp_335",gy="_positionButtonWrapper_asxgp_341",hy="_positionButton_asxgp_329",m={featWrapper:By,featToggle:Dy,featTabsContainer:Wy,formattingWrapper:Oy,container:Ry,"container-wrapper":"_container-wrapper_asxgp_51",wrapper:zy,marginContainer:Iy,chartDemo:_y,chartDemoContainer:My,marginWrapper:Gy,chartColors:Hy,prefixSuffixContainer:Yy,inputWrapper:$y,badgeDiv:Xy,formattingContainer:Py,formattingGradient:Uy,ruleContainer:Zy,gradientContainer:qy,accordionHeader:Jy,comparisonValueContainer:Ky,positionButtonContainer:Qy,positionButtonAlt:cy,positionButtonWrapper:gy,positionButton:hy},Gl=({val:l,onClick:a,isDisableCenterPositioning:s,isDisableVerticalCenterPositioning:N})=>o.jsx("div",{className:m.positionButtonContainer,children:o.jsxs("div",{className:m.positionButtonAlt,children:[o.jsxs("div",{className:m.positionButtonWrapper,children:[o.jsx("span",{className:`${m.positionButton} ${l==="top-left"?"dbn-bg-black":""}`,onClick:()=>a("top-left"),"data-testid":"position-0-0"}),N?null:o.jsx("span",{className:`${m.positionButton} ${l==="top-center"?"dbn-bg-black":""}`,onClick:()=>a("top-center"),"data-testid":"position-0-1"}),o.jsx("span",{className:`${m.positionButton} ${l==="top-right"?"dbn-bg-black":""}`,onClick:()=>a("top-right"),"data-testid":"position-0-2"})]}),s?null:o.jsxs("div",{className:m.positionButtonWrapper,children:[o.jsx("span",{className:`${m.positionButton} ${l==="left-center"?"dbn-bg-black":""}`,onClick:()=>a("left-center"),"data-testid":"position-1-0"}),o.jsx("span",{className:`${m.positionButton} ${l==="right-center"?"dbn-bg-black":""}`,onClick:()=>a("right-center"),"data-testid":"position-1-2"})]}),o.jsxs("div",{className:m.positionButtonWrapper,children:[o.jsx("span",{className:`${m.positionButton} ${l==="bottom-left"?"dbn-bg-black":""}`,onClick:()=>a("bottom-left"),"data-testid":"position-2-0"}),N?null:o.jsx("span",{className:`${m.positionButton} ${l==="bottom-center"?"dbn-bg-black":""}`,onClick:()=>a("bottom-center"),"data-testid":"position-2-1"}),o.jsx("span",{className:`${m.positionButton} ${l==="bottom-right"?"dbn-bg-black":""}`,onClick:()=>a("bottom-right"),"data-testid":"position-2-2"})]})]})}),Jl=[{label:"Bar Chart",value:"bar",icon:"bar-chart-2",tooltip:"Bar Chart"},{label:"Line Chart",value:"line",icon:"line",tooltip:"Line Chart"}],Sy=[{label:"",value:"left",icon:"align-left",tooltip:"Switch axis to Left"},{label:"",value:"right",icon:"align-right",tooltip:"Switch axis to Right"}],ty=[{label:"",value:"top",icon:"align-top",tooltip:"Switch axis to Top"},{label:"",value:"bottom",icon:"align-bottom",tooltip:"Switch axis to Bottom"}],Uj=({chartSettings:l,setChartSettings:a,axis:s,setMergeAxis:N})=>{var Tl,V,B,fl,pl,C,$,v,al,ul,wl,Wl;const[g,P]=S(!1),[E,R]=S(!1),[O,U]=S(!1),[X,Z]=S([]),[M,z]=S({label:"",upperLimit:0,lowerLimit:0}),q=()=>{const T=(s==null?void 0:s.labelFormatter)||[];M!=null&&M.isEdit?a(y=>{var L,A;return{...y,customSettings:{...y.customSettings,comboAxisSettings:(A=(L=y.customSettings)==null?void 0:L.comboAxisSettings)==null?void 0:A.map(D=>D.axis===(s==null?void 0:s.axis)?{...s,labelFormatter:T==null?void 0:T.map((W,K)=>K===(M==null?void 0:M.index)?{upperLimit:M==null?void 0:M.upperLimit,lowerLimit:M==null?void 0:M.lowerLimit,color:M==null?void 0:M.color,label:M==null?void 0:M.label}:W)}:D)}}}):a(y=>{var L,A;return{...y,customSettings:{...y.customSettings,comboAxisSettings:(A=(L=y.customSettings)==null?void 0:L.comboAxisSettings)==null?void 0:A.map(D=>D.axis===(s==null?void 0:s.axis)?{...s,labelFormatter:[...T,M]}:D)}}}),z({label:"",upperLimit:0,lowerLimit:0}),P(!1)},el=T=>{var L;const y=(L=s==null?void 0:s.labelFormatter)==null?void 0:L.filter(A=>A.label!==T.label&&A.lowerLimit!==T.lowerLimit&&A.upperLimit!==T.upperLimit);a(A=>{var D,W;return{...A,customSettings:{...A.customSettings,comboAxisSettings:(W=(D=A.customSettings)==null?void 0:D.comboAxisSettings)==null?void 0:W.map(K=>K.axis===(s==null?void 0:s.axis)?{...s,labelFormatter:y}:K)}}})},h=()=>{const T=s==null?void 0:s.measures,y=T==null?void 0:T.map(L=>{var D;const A=((D=s==null?void 0:s.chartTypes)==null?void 0:D.find(W=>W.axis===L))||{axis:L,type:"line"};return{axis:L,measures:[L],chartTypes:[A],numberFormatter:s.numberFormatter,labelFormatter:s.labelFormatter,isEnableLabelFormatter:s.isEnableLabelFormatter,prefix:s.prefix,suffix:s.suffix}});a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W).flat()}}})},J=dl(()=>{var T,y;return(y=(T=l==null?void 0:l.customSettings)==null?void 0:T.comboAxisSettings)==null?void 0:y.filter(L=>L.axis!==s.axis)},[(Tl=l==null?void 0:l.customSettings)==null?void 0:Tl.comboAxisSettings,s.axis]),G=()=>{var A,D;const T=(A=X==null?void 0:X.map(W=>W.measures))==null?void 0:A.flat(),y=X==null?void 0:X.map(W=>W.axis),L=`${s.axis} and ${(D=X==null?void 0:X.map(W=>W.axis))==null?void 0:D.join(" and ")}`;a(W=>{var K,il,vl;return{...W,customSettings:{...W.customSettings,comboAxisSettings:(vl=(il=(K=W.customSettings)==null?void 0:K.comboAxisSettings)==null?void 0:il.filter(xl=>!(y!=null&&y.includes(xl.axis))))==null?void 0:vl.map(xl=>xl.axis===(s==null?void 0:s.axis)?{...xl,measures:[...xl.measures,...T],axis:L}:xl).flat()}}}),U(!1),N(""),Z([])},t=dl(()=>{var y,L,A,D;return(((A=(L=(y=s.chartTypes)==null?void 0:y.map(W=>W.type))==null?void 0:L.filter(W=>W==="bar"))==null?void 0:A.length)||0)===((D=s==null?void 0:s.measures)==null?void 0:D.length)},[s.chartTypes,(V=s==null?void 0:s.measures)==null?void 0:V.length]);ml(()=>{!t&&(s!=null&&s.isEnableStackBar)&&a(T=>{var y,L;return{...T,customSettings:{...T.customSettings,comboAxisSettings:(L=(y=T.customSettings)==null?void 0:y.comboAxisSettings)==null?void 0:L.map(A=>A.axis===(s==null?void 0:s.axis)?{...A,isEnableStackBar:!1}:A)}}})},[s==null?void 0:s.axis,s==null?void 0:s.isEnableStackBar,t]);const Fl=dl(()=>(l==null?void 0:l.chartType)===u.horizontalCombo?ty:Sy,[l==null?void 0:l.chartType]);return o.jsxs(o.Fragment,{children:[O?null:o.jsxs("div",{className:"dbn-w-full dbn-px-3 dbn-py-3 dbn-border dbn-border-secondary dbn-rounded-md dbn-flex dbn-flex-col dbn-gap-0","data-testid":`combo-axis-${(B=s==null?void 0:s.axis)==null?void 0:B.toLowerCase().replaceAll(" ","-")}`,children:[o.jsxs(_,{variant:"popover",className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center",onClick:()=>R(!E),children:[o.jsxs("div",{className:"dbn-flex dbn-gap-2 dbn-items-center dbn-w-[80%]",children:[o.jsx("span",{className:`${E?"":"-dbn-rotate-90 dbn-block"}`,children:o.jsx(Q,{name:"caret-down-fill"})}),o.jsx("span",{className:"dbn-w-[cal(100%-80px)] dbn-block dbn-text-sm dbn-font-medium dbn-truncate",children:s==null?void 0:s.axis}),((fl=s==null?void 0:s.measures)==null?void 0:fl.length)>1?o.jsx("span",{className:"dbn-bg-[#DBEAFE] dbn-rounded-md dbn-py-1 dbn-px-2 dbn-text-xs dbn-font-medium",children:"Combo"}):null]}),o.jsxs("div",{className:"dbn-flex dbn-gap-0 dbn-items-center",children:[o.jsx(nl,{text:"merge",children:o.jsx(_,{variant:"popover",className:`dbn-p-1.5 dbn-h-full dbn-border dbn-border-secondary dbn-rounded-md ${((pl=s==null?void 0:s.measures)==null?void 0:pl.length)>1?"dbn-rounded-r-none":""}`,onClick:T=>{T.stopPropagation(),U(!0),N(s.axis)},children:o.jsx(Q,{name:"merge-2",size:"xs"})})}),((C=s==null?void 0:s.measures)==null?void 0:C.length)>1?o.jsx(nl,{text:"split",children:o.jsx(_,{variant:"popover",className:"dbn-p-1.5 dbn-h-full dbn-border dbn-border-secondary dbn-rounded-md dbn-border-l-0 dbn-rounded-l-none",onClick:T=>{T.stopPropagation(),h()},children:o.jsx(Q,{name:"unmerge",size:"xs"})})}):null]})]}),E?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2.5 dbn-py-3 dbn-border-b dbn-border-secondary",children:[o.jsx(j,{type:"text",placeholder:"Enter Axis Name",label:"Axis Name",value:s==null?void 0:s.axis,onChange:T=>{const y={...s,axis:T.target.value};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})}}),o.jsx(p,{name:`${s.axis} text break`,placeholder:"Enable Text Wrap",isDisabled:!(s!=null&&s.axis),enabled:s.isEnableTextBreak,onChange:()=>{a(T=>{var y,L;return{...T,customSettings:{...T.customSettings,comboAxisSettings:(L=(y=T.customSettings)==null?void 0:y.comboAxisSettings)==null?void 0:L.map(A=>A.axis===(s==null?void 0:s.axis)?{...A,isEnableTextBreak:!A.isEnableTextBreak}:A)}}})}}),s.isEnableTextBreak?o.jsx(j,{type:"number",placeholder:"Text Wrap",label:"Text Wrap Value",value:(s==null?void 0:s.textBreak)||30,onChange:T=>{const y={...s,textBreak:parseInt(T.target.value,10)};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})}}):null,o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-1 dbn-flex-col",children:[o.jsx(i,{variant:"heading-6",children:"Measures"}),o.jsx("div",{className:"dbn-px-3 dbn-py-2 dbn-w-full dbn-flex dbn-gap-2 dbn-flex-wrap dbn-h-auto dbn-border dbn-border-secondary dbn-rounded-md",children:($=s==null?void 0:s.measures)==null?void 0:$.map(T=>o.jsx("span",{className:"dbn-truncate dbn-bg-[#DBEAFE] dbn-rounded-md dbn-py-1 dbn-px-2 dbn-text-xs dbn-font-medium",children:T}))})]}),(v=s==null?void 0:s.measures)==null?void 0:v.map(T=>{var L,A;const y=(A=(L=s==null?void 0:s.chartTypes)==null?void 0:L.find(D=>D.axis===T))==null?void 0:A.type;return o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:`Chart Type (${T})`,selectedOption:Jl.find(D=>D.value===y)||Jl[1],isHideLabel:!0,tooltipPosition:"bottom",tooltipClass:"dbn-w-1/2",buttonClass:"dbn-w-full",options:Jl,onChange:D=>{var K;const W={...s,chartTypes:y?(K=s==null?void 0:s.chartTypes)==null?void 0:K.map(il=>il.axis===T?{axis:T,type:D.value}:il):[...s.chartTypes,{axis:T,type:D.value}]};a(il=>{var vl,xl;return{...il,customSettings:{...il.customSettings,comboAxisSettings:(xl=(vl=il.customSettings)==null?void 0:vl.comboAxisSettings)==null?void 0:xl.map(El=>El.axis===(s==null?void 0:s.axis)?W:El)}}})}})})}),((al=s==null?void 0:s.measures)==null?void 0:al.length)>1?o.jsx(nl,{text:t?"":"To enable stacking, change the Chart Type of all measures under this axis to Bar Chart.",children:o.jsx(p,{name:`${s.axis} stack bar`,placeholder:"Enable Stack Bar",isDisabled:!t,enabled:s.isEnableStackBar,onChange:()=>{a(T=>{var y,L;return{...T,customSettings:{...T.customSettings,comboAxisSettings:(L=(y=T.customSettings)==null?void 0:y.comboAxisSettings)==null?void 0:L.map(A=>A.axis===(s==null?void 0:s.axis)?{...A,isEnableStackBar:!A.isEnableStackBar}:A)}}})}})}):null,(ul=s==null?void 0:s.chartTypes)!=null&&ul.some(T=>(T==null?void 0:T.type)===u.bar)?o.jsx(p,{name:`${s.axis} barBg`,placeholder:"Bar Background",enabled:s.isEnableBarBg,onChange:()=>{a(T=>{var y,L;return{...T,customSettings:{...T.customSettings,comboAxisSettings:(L=(y=T.customSettings)==null?void 0:y.comboAxisSettings)==null?void 0:L.map(A=>A.axis===(s==null?void 0:s.axis)?{...A,isEnableBarBg:!A.isEnableBarBg}:A)}}})}}):null]}),o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-py-3 dbn-border-b dbn-border-secondary",children:[o.jsx(i,{variant:"heading-6",children:"Axis Formatting"}),o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2.5",children:[o.jsx(I,{label:"Number Format",selectedOption:{value:(s==null?void 0:s.numberFormatter)||"original",label:(s==null?void 0:s.numberFormatter)||"original"},options:Dl,onChange:T=>{const y={...s,numberFormatter:T.value};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})},buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"text",label:"Prefix",placeholder:"Enter Text",value:(s==null?void 0:s.prefix)||"",onChange:T=>{const y={...s,prefix:T.target.value};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})}}),o.jsx(j,{type:"text",label:"Suffix",placeholder:"Enter Text",value:s==null?void 0:s.suffix,onChange:T=>{const y={...s,suffix:T.target.value};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})}})]})]}),o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:"Axis Position",selectedOption:Fl.find(T=>T.value===(s==null?void 0:s.axisPosition))||{value:"",label:""},isHideLabel:!0,tooltipPosition:"bottom",options:Fl,tooltipClass:"dbn-w-1/2",buttonClass:"dbn-w-full",onChange:T=>{const y={...s,axisPosition:T.value};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})}})}),o.jsx("div",{className:"dbn-w-full",children:o.jsx(j,{label:"Axis Name - Label Gap",type:"number",min:"0",onChange:T=>{const y={...s,gap:Number(T.target.value)};a(L=>{var A,D;return{...L,customSettings:{...L.customSettings,comboAxisSettings:(D=(A=L.customSettings)==null?void 0:A.comboAxisSettings)==null?void 0:D.map(W=>W.axis===(s==null?void 0:s.axis)?y:W)}}})},value:(s==null?void 0:s.gap)||0})})]}),o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-py-3 dbn-border-b dbn-border-secondary",children:[o.jsxs("div",{className:`${m.featToggle} dbn-justify-between`,children:[o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-items-center",children:[o.jsx(p,{name:`${s==null?void 0:s.axis} label formatting`,defaultEnabled:!0,enabled:s==null?void 0:s.isEnableLabelFormatter,onChange:()=>{const T={...s,isEnableLabelFormatter:!(s!=null&&s.isEnableLabelFormatter)};a(y=>{var L,A;return{...y,customSettings:{...y.customSettings,comboAxisSettings:(A=(L=y.customSettings)==null?void 0:L.comboAxisSettings)==null?void 0:A.map(D=>D.axis===(s==null?void 0:s.axis)?T:D)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Band Formatting"})]}),g?null:o.jsx(_,{variant:"tertiary",onClick:()=>P(!0),size:"small",leftIcon:o.jsx(Q,{name:"plus",size:"sm"}),isDisabled:!(s!=null&&s.isEnableLabelFormatter),children:"Add a Range"})]}),s!=null&&s.isEnableLabelFormatter?o.jsxs(o.Fragment,{children:[g?o.jsxs("div",{className:m.formattingWrapper,children:[o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Lower Limit",onChange:T=>z(y=>({...y,lowerLimit:Number.isNaN(Number(T.target.value))?T.target.value:Number(T.target.value)})),value:M.lowerLimit})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Upper Limit",onChange:T=>z(y=>({...y,upperLimit:Number.isNaN(Number(T.target.value))?T.target.value:Number(T.target.value)})),value:M.upperLimit})}),o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(j,{type:"text",label:"Label",placeholder:"Enter Text",onChange:T=>z(y=>({...y,label:T.target.value})),value:M.label})}),o.jsxs("div",{className:"dbn-col-span-4 dbn-mt-3 dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(_,{variant:"secondary",onClick:()=>{P(!1),z({label:"",upperLimit:0,lowerLimit:0})},children:"Close"}),o.jsx(_,{variant:"primary",onClick:q,isDisabled:!M.label||!M.lowerLimit.toString()||!M.upperLimit.toString()||M.upperLimit===M.lowerLimit,children:M!=null&&M.isEdit?"Update":"Save"})]})]}):null,(wl=s==null?void 0:s.labelFormatter)!=null&&wl.length?o.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2",children:(Wl=s==null?void 0:s.labelFormatter)==null?void 0:Wl.map((T,y)=>o.jsxs("div",{className:"dbn-w-full dbn-px-4 dbn-py-3 dbn-rounded-md dbn-flex dbn-gap-3 dbn-items-center dbn-justify-between dbn-border dbn-border-secondary",children:[o.jsxs("div",{children:[o.jsx(i,{variant:"body-text-2",children:Qj(T.label,22)}),o.jsx(i,{variant:"body-text-3",children:`(${T.lowerLimit} - ${T.upperLimit})`})]}),o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-mx-3",children:[o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"pencil-simple",size:"sm"}),onClick:()=>{z({...T,isEdit:!0,index:y}),P(!0)},isDisabled:g}),o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"delete",color:"alert"}),onClick:()=>el(T),isDisabled:g})]})]}))}):null]}):null]})]}):null]}),O?o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2",children:[o.jsx(i,{variant:"heading-6",children:"Merge with"}),o.jsxs("div",{className:"dbn-w-full dbn-px-3 dbn-py-3 dbn-border dbn-border-secondary dbn-rounded-md dbn-flex dbn-gap-2",children:[o.jsx(Pj,{isDisabled:!0,checked:!0}),o.jsx("span",{className:"dbn-w-[cal(100%-80px)] dbn-block dbn-text-sm dbn-font-medium dbn-truncate",children:s.axis})]}),J==null?void 0:J.map(T=>o.jsxs("div",{className:"dbn-w-full dbn-px-3 dbn-py-3 dbn-border dbn-border-secondary dbn-rounded-md dbn-flex dbn-gap-2",children:[o.jsx(Pj,{onClick:()=>{X!=null&&X.find(y=>y.axis===T.axis)?Z(X.filter(y=>y.axis!==T.axis)):Z(y=>[...y,T])}}),o.jsx("span",{className:"dbn-w-[cal(100%-80px)] dbn-block dbn-text-sm dbn-font-medium dbn-truncate",children:T.axis})]}))]}),o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center dbn-justify-end",children:[o.jsx(_,{variant:"tab",onClick:()=>{U(!1),N("")},children:"Cancel"}),o.jsx(_,{variant:"primary",onClick:G,children:"Merge Axis"})]})]}):null]})},l0=({chartSettings:l,setChartSettings:a,axis:s})=>{var P;const[N,g]=S(!1);return o.jsxs("div",{className:"dbn-w-full dbn-px-3 dbn-py-3 dbn-border dbn-border-secondary dbn-rounded-md dbn-flex dbn-flex-col dbn-gap-0","data-testid":`combo-axis-${(P=s==null?void 0:s.axis)==null?void 0:P.toLowerCase().replaceAll(" ","-")}`,children:[o.jsx(_,{variant:"popover",className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center",onClick:()=>g(!N),children:o.jsxs("div",{className:"dbn-flex dbn-gap-2 dbn-items-center dbn-w-[80%]",children:[o.jsx("span",{className:`${N?"":"-dbn-rotate-90 dbn-block"}`,children:o.jsx(Q,{name:"caret-down-fill"})}),o.jsx("span",{className:"dbn-w-[cal(100%-80px)] dbn-block dbn-text-sm dbn-font-medium dbn-truncate",children:s==null?void 0:s.axis})]})}),N?o.jsx(o.Fragment,{children:o.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-py-3 dbn-border-b dbn-border-secondary",children:o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2.5",children:[o.jsx(I,{label:"Number Format",selectedOption:{value:(s==null?void 0:s.numberFormatter)||"original",label:(s==null?void 0:s.numberFormatter)||"original"},options:Dl,onChange:E=>{const R={...s,numberFormatter:E.value};a(O=>{var U,X;return{...O,customSettings:{...O.customSettings,comboAxisSettings:(X=(U=O.customSettings)==null?void 0:U.comboAxisSettings)==null?void 0:X.map(Z=>Z.axis===(s==null?void 0:s.axis)?R:Z)}}})},buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"text",label:"Prefix",placeholder:"Enter Text",value:(s==null?void 0:s.prefix)||"",onChange:E=>{const R={...s,prefix:E.target.value};a(O=>{var U,X;return{...O,customSettings:{...O.customSettings,comboAxisSettings:(X=(U=O.customSettings)==null?void 0:U.comboAxisSettings)==null?void 0:X.map(Z=>Z.axis===(s==null?void 0:s.axis)?R:Z)}}})}}),o.jsx(j,{type:"text",label:"Suffix",placeholder:"Enter Text",value:s==null?void 0:s.suffix,onChange:E=>{const R={...s,suffix:E.target.value};a(O=>{var U,X;return{...O,customSettings:{...O.customSettings,comboAxisSettings:(X=(U=O.customSettings)==null?void 0:U.comboAxisSettings)==null?void 0:X.map(Z=>Z.axis===(s==null?void 0:s.axis)?R:Z)}}})}})]})]})})}):null]})},e0=({chartSettings:l,setChartSettings:a,isEndUser:s})=>{var P,E,R;const[N,g]=S("");return o.jsx(o.Fragment,{children:(R=(E=(P=l==null?void 0:l.customSettings)==null?void 0:P.comboAxisSettings)==null?void 0:E.filter(O=>{var U;return(U=O==null?void 0:O.measures)==null?void 0:U.length}))==null?void 0:R.map(O=>o.jsx(o.Fragment,{children:N?o.jsx(o.Fragment,{children:N===O.axis?o.jsx(Uj,{chartSettings:l,setChartSettings:a,axis:O,setMergeAxis:g}):null}):o.jsx(o.Fragment,{children:s?o.jsx(l0,{chartSettings:l,setChartSettings:a,axis:O}):o.jsx(Uj,{chartSettings:l,setChartSettings:a,axis:O,setMergeAxis:g})})}))})},o0="_chartColors_wiz3u_1",n0="_paletteButton_wiz3u_5",d0="_buttonIndicator_wiz3u_9",a0="_paletteOptions_wiz3u_14",Hl={chartColors:o0,paletteButton:n0,buttonIndicator:d0,paletteOptions:a0},u0="_badge_1d91x_1",b0="_primary_1d91x_5",s0="_secondary_1d91x_9",m0="_gray_1d91x_13",i0="_success_1d91x_17",x0="_danger_1d91x_25",f0="_warning_1d91x_33",p0="_info_1d91x_37",j0="_xs_1d91x_41",Zj={badge:u0,primary:b0,secondary:s0,gray:m0,success:i0,"success-light":"_success-light_1d91x_21",danger:x0,"danger-light":"_danger-light_1d91x_29",warning:f0,info:p0,xs:j0,"alert-badge":"_alert-badge_1d91x_45","success-badge":"_success-badge_1d91x_49","gray-info":"_gray-info_1d91x_53"},y0=({label:l,varaint:a="success",size:s="sm",onClick:N,className:g,indicator:P})=>{const E={xs:"input-label",sm:"body-text-2",md:"body-text-1"},R={warning:"warning-dark",success:"white",danger:"white",primary:"white",secondary:"primary",info:"white",xs:"white",gray:"primary","gray-info":"primary","success-light":"success","danger-light":"alert","alert-badge":"alert-dark","success-badge":"success-badge-txt"};return o.jsxs("div",{className:`${Zj.badge} ${Zj[a]} ${g}`,onClick:N,children:[P||null,l?o.jsx(i,{variant:E[s],color:R[a],children:l}):null]})},C0=({chartSettings:l,setChartSettings:a,chartPaletteOptions:s,buttonAddOns:N})=>{const g=(E,R)=>{var O;return o.jsxs("div",{className:Hl.chartColors,children:[o.jsx(i,{variant:"body-text-2",children:(E==null?void 0:E.name)??"Default"}),o.jsx("div",{className:"dbn-flex dbn-justify-between dbn-items-start dbn-gap-1 dbn-w-full dbn-my-3",children:o.jsx("div",{className:"dbn-w-fit dbn-flex dbn-flex-wrap dbn-items-center dbn-gap-1",children:(O=R?l==null?void 0:l.chartColors:E==null?void 0:E.colors)==null?void 0:O.map(U=>o.jsx("span",{className:"dbn-h-5 dbn-w-5 dbn-inline-block dbn-rounded",style:{backgroundColor:U},title:U},U))})})]})},P=dl(()=>s==null?void 0:s.find(E=>{var R;return E.colors.length!==((R=l==null?void 0:l.chartColors)==null?void 0:R.length)?!1:Ty(E.colors||[],(l==null?void 0:l.chartColors)||[])}),[l==null?void 0:l.chartColors,s]);return o.jsx(Ay,{buttonContent:o.jsxs(_,{variant:"tab",className:Hl.paletteButton,children:[g(P,!0),N,o.jsxs("div",{className:Hl.buttonIndicator,children:[o.jsx(y0,{label:`${s==null?void 0:s.length} palettes`,varaint:"gray",size:"xs"}),o.jsx(Q,{name:"chevron-down"})]})]}),tabMenu:!0,menuWidth:"100%",position:"bottom",children:o.jsx($l,{direction:"col",className:"dbn-gap-3 dbn-max-h-[350px] dbn-overflow-y-auto dbn-p-3",children:s==null?void 0:s.map(E=>o.jsx("div",{className:"dbn-w-full",children:o.jsxs(_,{variant:"tab",className:`${Hl.paletteOptions} ${(E==null?void 0:E.name)===(P==null?void 0:P.name)?"dbn-border-primary dbn-bg-actionItem-active":""}`,onClick:()=>{a(R=>({...R,chartColors:E==null?void 0:E.colors,isCustomColorApplied:!0}))},children:[g(E,!1),o.jsx("div",{style:{width:"40px"},children:o.jsx(kl,{id:`${E==null?void 0:E.name}-radio`,name:`${E==null?void 0:E.name}-radio`,checked:(E==null?void 0:E.name)===(P==null?void 0:P.name),readOnly:!0})})]})},E.name))})})},N0="_prefixSuffixContainer_1o5vp_1",T0="_formatOptions_1o5vp_4",w0="_deleteFormatOpt_1o5vp_7",Kl={prefixSuffixContainer:N0,formatOptions:T0,deleteFormatOpt:w0},qj=({chartSettings:l,setChartSettings:a,tableFormatColumnOptions:s,badgeColumnOptions:N,isEndUser:g})=>{var U,X,Z,M;const P=Bl(z=>{var el,h;const q=new Set(((h=(el=l==null?void 0:l.tableSettings)==null?void 0:el.tableNumberFormatter)==null?void 0:h.flatMap((J,G)=>G!==z?J.columns||[]:[]))||[]);return(s==null?void 0:s.filter(J=>!q.has(J.value)))||[]},[s,(U=l==null?void 0:l.tableSettings)==null?void 0:U.tableNumberFormatter]),E=(z,q,el)=>{a(h=>{var J,G;return{...h,tableSettings:{...h.tableSettings,tableNumberFormatter:(G=(J=h==null?void 0:h.tableSettings)==null?void 0:J.tableNumberFormatter)==null?void 0:G.map((t,Fl)=>{var Tl,V;return Fl===q?{...(V=(Tl=h==null?void 0:h.tableSettings)==null?void 0:Tl.tableNumberFormatter)==null?void 0:V[Fl],[z]:el}:t})}}})},R=Bl((z,q)=>{const el=(N==null?void 0:N.map(t=>t.value))||[],h=q.filter(t=>t&&t!=="NONE"&&el.includes(t))||[],J=q.filter(t=>t&&t!=="NONE")||[],G=[u.pivotV2,u.horizontalStackTable,u.pivotV3].includes(l==null?void 0:l.chartType)?J:h;E("columns",z,G)},[N,l==null?void 0:l.tableSettings,a,l==null?void 0:l.chartType]),O=z=>{a(q=>{var el,h;return{...q,tableSettings:{...q.tableSettings,tableNumberFormatter:(h=(el=q==null?void 0:q.tableSettings)==null?void 0:el.tableNumberFormatter)==null?void 0:h.filter((J,G)=>G!==z),formattedColumns:[],tableFormatter:"",tableSuffix:"",tablePrefix:""}}})};return o.jsxs(o.Fragment,{children:[(Z=(X=l==null?void 0:l.tableSettings)==null?void 0:X.tableNumberFormatter)==null?void 0:Z.map((z,q)=>{var el,h,J;return o.jsxs("div",{className:Kl.formatOptions,children:[o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"delete",size:"xs"}),containerClass:Kl.deleteFormatOpt,className:"dbn-w-6 dbn-h-6",onClick:G=>{G.stopPropagation(),O(q)}}),o.jsx(sl,{label:"Columns",buttonWidth:"100%",menuWidth:"100%",options:P(q),isDisabled:!((el=l==null?void 0:l.tableSettings)!=null&&el.isEnableNumberFormatting),onChange:G=>{R(q,G==null?void 0:G.map(t=>t.value))},selectedOption:((h=z==null?void 0:z.columns)==null?void 0:h.map(G=>({value:G,label:G})))||[]}),o.jsx(I,{label:"Number Format",selectedOption:{value:z.formatter||"original",label:z.formatter||"original"},options:Dl,isDisabled:!((J=l==null?void 0:l.tableSettings)!=null&&J.isEnableNumberFormatting),onChange:G=>E("formatter",q,G.value),buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:Kl.prefixSuffixContainer,children:[o.jsx(j,{type:"text",label:"Prefix",placeholder:"Add prefix to values",value:z.prefix,onChange:G=>E("prefix",q,G.target.value)}),o.jsx(j,{type:"text",label:"Suffix",placeholder:"Add suffix to values",value:z.suffix,onChange:G=>E("suffix",q,G.target.value)})]})]},`formatter-${q}`)}),(M=P())!=null&&M.length?o.jsx(_,{variant:"tab",fitContainer:!0,onClick:()=>a(z=>{var q;return{...z,tableSettings:{...z==null?void 0:z.tableSettings,tableNumberFormatter:[...((q=z==null?void 0:z.tableSettings)==null?void 0:q.tableNumberFormatter)||[],{columns:[],formatter:"",prefix:"",suffix:""}]}}}),size:"small",leftIcon:o.jsx(Q,{name:"plus",size:"sm"}),children:"Add a Formatter"}):null]})},Jj=l=>[u.horizontalStackTable].includes(l)?[{label:"",value:"right",icon:"align-right"},{label:"",value:"inside",icon:"align-center"},{label:"",value:"bottom",icon:"align-bottom"}]:[u.pie,u.doughnut,u.rose,u.funnel].includes(l)?[{label:"Outside",value:"outside",icon:""},{label:"Inside",value:"inside",icon:""},{label:"Hidden",value:"hidden",icon:""}]:[u.linearGauge].includes(l)?[{label:"",value:"hidden",icon:"straight-line"},{label:"",value:"left",icon:"align-left"},{label:"",value:"inside",icon:"align-center"},{label:"",value:"right",icon:"align-right"}]:[{label:"",value:"hidden",icon:"straight-line"},{label:"",value:"left",icon:"align-left"},{label:"",value:"top",icon:"align-top"},{label:"",value:"inside",icon:"align-center"},{label:"",value:"bottom",icon:"align-bottom"},{label:"",value:"right",icon:"align-right"}],Kj=[{value:"success",label:"Green for Up"},{value:"danger",label:"Red for Up"}],Yl=[{value:"12",label:"12px"},{value:"14",label:"14px"},{value:"16",label:"16px"},{value:"18",label:"18px"},{value:"20",label:"20px"},{value:"22",label:"22px"},{value:"24",label:"24px"},{value:"26",label:"26px"},{value:"28",label:"28px"},{value:"30",label:"30px"},{value:"32",label:"32px"}],ll=[{value:"400",label:"Regular"},{value:"500",label:"Medium"},{value:"600",label:"Semi Bold"},{value:"700",label:"Bold"}],$0=({chartSettings:l,setChartSettings:a,setBarRadius:s,comparisonLagProps:N,setResetPallete:g,paletteOptions:P,onChangeTimeseriesFormat:E,isChatMode:R,onChange:O,globalFilterOptions:U=[],isEnableComparisonValue:X})=>{var le,ee,oe,ne,de,ae,ue,be,se,me,ie,xe,fe,pe,je,ye,Ce,Ne,Te,we,ve,Fe,Le,Ae,Ee,Ve,ke,re,Be,De,We,Oe,Re,ze,Ie,_e,Me,Ge,He,Ye,$e,Xe,Pe,Ue,Ze,qe,Je,Ke,Qe,ce,ge,he,Se,te,lo,eo,oo,no,ao,uo,bo,so,mo,io,xo,fo,po,jo,yo,Co,No,To,wo,vo,Fo,Lo,Ao,Eo,Vo,ko,ro,Bo,Do,Wo,Oo,Ro,zo,Io,_o,Mo,Go,Ho,Yo,$o,Xo,Po,Uo,Zo,qo,Jo,Ko,Qo,co,go,ho,So,to,ln,en,on,nn,dn,an,un,bn,sn,mn,xn,fn,pn,jn,yn,Cn,Nn,Tn,wn,vn,Fn,Ln,An,En,Vn,kn,rn,Bn,Dn,Wn,On,Rn,zn,In,_n,Mn,Gn,Hn,Yn,$n,Xn,Pn,Un,Zn,qn,Jn,Kn,Qn,cn,gn,hn,Sn,tn,ld,ed,od,nd,dd,ad,ud,bd,sd,md,id,xd,fd,pd,jd,yd,Cd,Nd,Td,wd,vd,Fd,Ld,Ad,Ed,Vd,kd,rd,Bd,Dd,Wd,Od,Rd,zd,Id,_d,Md,Gd,Hd,Yd,$d,Xd,Pd,Ud,Zd,qd,Jd,Kd,Qd,cd,gd,hd,Sd,td,la,ea,oa,na,da,aa,ua,ba,sa,ma,ia,xa,fa,pa,ja,ya,Ca,Na,Ta,wa,va,Fa,La,Aa,Ea,Va,ka,ra,Ba,Da,Wa,Oa,Ra,za,Ia,_a,Ma,Ga,Ha,Ya,$a,Xa,Pa,Ua,Za,qa,Ja,Ka,Qa,ca,ga,ha,Sa,ta,lu,eu,ou,nu,du,au,uu,bu,su,mu,iu,xu,fu,pu,ju,yu,Cu,Nu,Tu,wu,vu,Fu,Lu,Au,Eu,Vu,ku,ru,Bu,Du,Wu,Ou,Ru,zu,Iu,_u,Mu,Gu,Hu,Yu,$u,Xu,Pu,Uu,Zu,qu,Ju,Ku,Qu,cu,gu,hu,Su,tu,lb,eb,ob,nb,db,ab,ub,bb,sb,mb,ib,xb,fb,pb,jb,yb,Cb,Nb,Tb,wb,vb,Fb,Lb,Ab,Eb,Vb,kb,rb,Bb,Db,Wb,Ob,Rb,zb,Ib,_b,Mb,Gb,Hb,Yb,$b,Xb,Pb,Ub,Zb,qb,Jb,Kb,Qb,cb,gb,hb,Sb,tb,ls,es,os,ns,ds,as,us,bs,ss,ms,is,xs,fs,ps,js,ys,Cs,Ns,Ts,ws,vs,Fs,Ls,As,Es,Vs,ks,rs,Bs,Ds,Ws,Os,Rs,zs,Is,_s,Ms,Gs,Hs,Ys,$s,Xs,Ps,Us,Zs,qs,Js,Ks,Qs,cs,gs,hs,Ss,ts,lm,em,om,nm,dm,am,um,bm,sm,mm,im,xm,fm,pm,jm,ym,Cm,Nm,Tm,wm,vm,Fm,Lm,Am,Em,Vm,km,rm,Bm,Dm,Wm,Om,Rm,zm,Im,_m,Mm,Gm,Hm,Ym,$m,Xm,Pm,Um,Zm,qm,Jm,Km,Qm,cm,gm,hm,Sm,tm,li,ei,oi,ni,di,ai,ui,bi,si,mi,ii,xi,fi,pi,ji,yi,Ci,Ni,Ti,wi,vi,Fi,Li,Ai,Ei,Vi,ki,ri,Bi,Di,Wi,Oi,Ri,zi,Ii,_i,Mi,Gi,Hi,Yi,$i,Xi,Pi,Ui,Zi,qi,Ji,Ki,Qi,ci,gi,hi,Si,ti,lx,ex,ox,nx,dx,ax,ux,bx,sx,mx,ix,xx,fx,px,jx,yx,Cx,Nx,Tx,wx,vx,Fx,Lx,Ax,Ex,Vx,kx,rx,Bx,Dx,Wx,Ox,Rx,zx,Ix,_x,Mx,Gx,Hx,Yx,$x,Xx,Px,Ux,Zx,qx,Jx,Kx,Qx,cx,gx,hx,Sx,tx,lf,ef,of,nf,df,af,uf,bf,sf,mf,xf,ff,pf,jf,yf,Cf,Nf,Tf,wf,vf,Ff,Lf,Af,Ef,Vf,kf,rf,Bf,Df,Wf,Of,Rf,zf,If,_f,Mf,Gf,Hf,Yf,$f,Xf,Pf,Uf,Zf,qf,Jf,Kf,Qf,cf,gf,hf,Sf,tf,lp,ep,op,np,dp,ap,up,bp,sp,mp,ip,xp,fp,pp,jp,yp,Cp,Np,Tp,wp,vp,Fp,Lp,Ap,Ep,Vp,kp,rp,Bp,Dp,Wp,Op,Rp,zp,Ip,_p,Mp,Gp,Hp,Yp,$p,Xp,Pp,Up,Zp,qp,Jp,Kp,Qp,cp,gp,hp,Sp,tp,lj,ej,oj,nj,dj,aj,uj,bj,sj,mj,ij,xj,fj,pj,jj,yj,Cj,Nj,Tj,wj,vj,Fj,Lj,Aj,Ej,Vj,kj,rj,Bj,Dj,Wj,Oj,Rj,zj,Ij,_j,Mj;const Z=()=>{const e=[...(l==null?void 0:l.chartColors)||[]];for(let n=e.length-1;n>0;n--){const d=Math.floor(Math.random()*(n+1));[e[n],e[d]]=[e[d],e[n]]}a(n=>({...n,chartColors:e}))},[M,z]=S(!1),[q,el]=S(!1),[h,J]=S(""),[G,t]=S(!1),[Fl,Tl]=S(!1),[V,B]=S(""),[fl,pl]=S(((le=l==null?void 0:l.customSettings)==null?void 0:le.displayText)??""),[C,$]=S({backgrounColor:"#FFFFFF",color:"#000000",columnName:((ee=l==null?void 0:l.yAxisList)==null?void 0:ee[0])||"",operator:rl[0].value,value:"",isApplyBgColor:!0,isApplyBadgeColor:!1}),[v,al]=S({type:"range",min:0,max:0,color:"#000000",operator:"isEqualTo"}),[ul,wl]=S({startColor:"#FFFFFF",endColor:"#000000",offset1:.5,offset2:.05,direction:"left",isRadial:!1}),[Wl,T]=S(0),[y,L]=S({label:"",upperLimit:0,lowerLimit:0}),A=dl(()=>{var e,n,d,b,x,f,w,k;return(l==null?void 0:l.chartType)===u.table?(n=(e=l==null?void 0:l.numberColumns)==null?void 0:e.filter(F=>{var r,Y;return!((Y=(r=l==null?void 0:l.tableSettings)==null?void 0:r.listColumns)!=null&&Y.includes(F))}))==null?void 0:n.map(F=>({value:F,label:F})):(l==null?void 0:l.chartType)===u.pivotV2?(b=(d=l==null?void 0:l.pivotTableSettings2)==null?void 0:d.measures)==null?void 0:b.map(F=>({value:F,label:F})):(l==null?void 0:l.chartType)===u.horizontalStackTable?[...(l==null?void 0:l.stackTableCols)||[],...((f=(x=l==null?void 0:l.tableSettings)==null?void 0:x.hStackTrendOptions)==null?void 0:f.map(F=>F==null?void 0:F.column))||[]].map(F=>({value:F||"",label:F||""})):(l==null?void 0:l.chartType)===u.pivotV3?((k=(w=l==null?void 0:l.pivotTableSettings3)==null?void 0:w.aggregates)==null?void 0:k.map(F=>({value:(F==null?void 0:F.alias)||(F==null?void 0:F.columnName)||"",label:(F==null?void 0:F.alias)||(F==null?void 0:F.columnName)||""})))||[]:[]},[l==null?void 0:l.chartType,l==null?void 0:l.numberColumns,(oe=l==null?void 0:l.tableSettings)==null?void 0:oe.listColumns,(ne=l==null?void 0:l.pivotTableSettings2)==null?void 0:ne.measures,l==null?void 0:l.stackTableCols,(de=l==null?void 0:l.tableSettings)==null?void 0:de.hStackTrendOptions,(ae=l==null?void 0:l.pivotTableSettings3)==null?void 0:ae.aggregates]),D=dl(()=>{var e;return(l==null?void 0:l.chartType)===u.table?(e=l==null?void 0:l.numberColumns)==null?void 0:e.map(n=>({value:n,label:n})):[]},[l==null?void 0:l.chartType,l==null?void 0:l.numberColumns]),W=dl(()=>{var e;return(e=l==null?void 0:l.yAxisList)==null?void 0:e.filter(n=>{var d,b;return!((b=(d=l==null?void 0:l.tableSettings)==null?void 0:d.listColumns)!=null&&b.includes(n))})},[(ue=l==null?void 0:l.tableSettings)==null?void 0:ue.listColumns,l==null?void 0:l.yAxisList]),K=dl(()=>(W==null?void 0:W.map(e=>({value:e,label:e})))||[],[W]),il=dl(()=>{var e,n;return((n=(e=l==null?void 0:l.arrayColumns)==null?void 0:e.filter(d=>{var b;return(b=l==null?void 0:l.yAxisList)==null?void 0:b.includes(d)}))==null?void 0:n.map(d=>({value:d,label:d})))||[]},[l==null?void 0:l.arrayColumns,l==null?void 0:l.yAxisList]),vl=dl(()=>{var e;return(e=l==null?void 0:l.yAxisList)==null?void 0:e.filter(n=>{var d,b,x,f;return!((b=(d=l==null?void 0:l.tableSettings)==null?void 0:d.badgeColumns)!=null&&b.includes(n))&&!((f=(x=l==null?void 0:l.tableSettings)==null?void 0:x.formattedColumns)!=null&&f.includes(n))})},[(be=l==null?void 0:l.tableSettings)==null?void 0:be.badgeColumns,l==null?void 0:l.yAxisList]),xl=dl(()=>(vl==null?void 0:vl.map(e=>({value:e,label:e})))||[],[vl]),El=dl(()=>{var e;return(e=Hj)==null?void 0:e.map(n=>({value:n.label,label:n.label,subValue:n.type,comparisonLabel:n.comparison}))},[Hj]),cj=()=>{var n;const e=((n=l==null?void 0:l.customSettings)==null?void 0:n.YaxislabelFormatters)||[];y!=null&&y.isEdit?a(d=>({...d,customSettings:{...d.customSettings,YaxislabelFormatters:e==null?void 0:e.map((b,x)=>x===(y==null?void 0:y.index)?{upperLimit:y==null?void 0:y.upperLimit,lowerLimit:y==null?void 0:y.lowerLimit,color:y==null?void 0:y.color,label:y==null?void 0:y.label}:b)}})):a(d=>({...d,customSettings:{...d.customSettings,YaxislabelFormatters:[...e,y]}})),L({label:"",upperLimit:0,lowerLimit:0}),t(!1)},gj=e=>{var d,b;const n=(b=(d=l==null?void 0:l.customSettings)==null?void 0:d.YaxislabelFormatters)==null?void 0:b.filter(x=>x.label!==e.label&&x.lowerLimit!==e.lowerLimit&&x.upperLimit!==e.upperLimit);a(x=>({...x,customSettings:{...x.customSettings,YaxislabelFormatters:n}}))},hj=(e,n)=>{var x,f;const d=(x=l==null?void 0:l.customSettings)!=null&&x.gradients?[...(f=l==null?void 0:l.customSettings)==null?void 0:f.gradients]:[],[b]=d.splice(e,1);d.splice(n,0,b),a(w=>({...w,customSettings:{...l==null?void 0:l.customSettings,gradients:d}}))},Sj=e=>{Wl!==e&&hj(Wl,e)};ml(()=>{var e;if((l==null?void 0:l.yAxisList)!==void 0){const n=(e=l==null?void 0:l.yAxisList)==null?void 0:e.map((d,b)=>{var x,f,w,k,F,r;return{name:d,prefix:((w=(f=(x=l==null?void 0:l.customSettings)==null?void 0:x.comboAxisSymbols)==null?void 0:f[b])==null?void 0:w.prefix)||"",suffix:((r=(F=(k=l==null?void 0:l.customSettings)==null?void 0:k.comboAxisSymbols)==null?void 0:F[b])==null?void 0:r.suffix)||""}});a(d=>{var f;const b=((f=d.customSettings)==null?void 0:f.comboAxisSymbols)||[];return n.every((w,k)=>{var F,r,Y;return w.name===((F=b[k])==null?void 0:F.name)&&w.prefix===((r=b[k])==null?void 0:r.prefix)&&w.suffix===((Y=b[k])==null?void 0:Y.suffix)})?d:{...d,customSettings:{...d.customSettings,comboAxisSymbols:n}}})}},[l==null?void 0:l.yAxisList]);const Ql=(e=ul)=>{var n;if(e!=null&&e.startColor&&(e!=null&&e.endColor)&&(e!=null&&e.offset1)&&(e!=null&&e.offset2)&&(e!=null&&e.direction)){const d=((n=l==null?void 0:l.customSettings)==null?void 0:n.gradients)||[];e!=null&&e.isEdit?a(b=>({...b,customSettings:{...l==null?void 0:l.customSettings,gradients:d==null?void 0:d.map((x,f)=>f===(e==null?void 0:e.index)?{startColor:e==null?void 0:e.startColor,endColor:e==null?void 0:e.endColor,offset1:e==null?void 0:e.offset1,offset2:e==null?void 0:e.offset2,direction:e==null?void 0:e.direction,isRadial:e==null?void 0:e.isRadial}:x)}})):a(b=>({...b,customSettings:{...l==null?void 0:l.customSettings,gradients:[...d,{startColor:e==null?void 0:e.startColor,endColor:e==null?void 0:e.endColor,offset1:e==null?void 0:e.offset1,offset2:e==null?void 0:e.offset2,direction:e==null?void 0:e.direction,isRadial:e==null?void 0:e.isRadial}]}})),wl({startColor:"#FFFFFF",endColor:"#000000",offset1:.5,offset2:.05,direction:"left",isRadial:!1}),el(!1)}},tj=()=>{var e,n;if(J(""),C.color&&C.columnName&&C.operator&&(typeof C.value=="number"||C.value)&&(C!=null&&C.isApplyBgColor&&(C!=null&&C.backgrounColor)||C!=null&&C.isApplyBadgeColor&&(C!=null&&C.badgeColor))){const d=((e=l==null?void 0:l.tableSettings)==null?void 0:e.conditionalFormatting)||[];C.isEdit?(C.isEdit=!1,a(b=>({...b,tableSettings:{...b.tableSettings,conditionalFormatting:d==null?void 0:d.map((x,f)=>{var w;return f===C.index1?{columnName:C.columnName,rules:(w=x.rules)==null?void 0:w.map((k,F)=>F===C.index2?{operator:C.operator,value:C.value,styles:{backgroundColor:C.backgrounColor,color:C.color,badgeColor:C==null?void 0:C.badgeColor,isApplyBadgeColor:C==null?void 0:C.isApplyBadgeColor,isApplyBgColor:C==null?void 0:C.isApplyBgColor}}:k)}:x})}}))):a(b=>{var F;const x=(d==null?void 0:d.filter(r=>r.columnName!==C.columnName))||[],w=[...((F=d==null?void 0:d.find(r=>r.columnName===C.columnName))==null?void 0:F.rules)||[],{operator:C.operator,styles:{backgroundColor:C.backgrounColor,color:C.color,badgeColor:C==null?void 0:C.badgeColor,isApplyBadgeColor:C==null?void 0:C.isApplyBadgeColor,isApplyBgColor:C==null?void 0:C.isApplyBgColor},value:C.value}],k=[...x,{columnName:C.columnName,rules:w}];return{...b,tableSettings:{...b.tableSettings,conditionalFormatting:k}}}),$({backgrounColor:"#FFFFFF",color:"#000000",columnName:((n=l==null?void 0:l.yAxisList)==null?void 0:n[0])||"",operator:rl[0].value,value:"",isApplyBgColor:!0}),z(!1)}else J("Please add valid values for rule")},[cl,ly]=S(((se=l==null?void 0:l.customSettings)==null?void 0:se.barWidth)||20),Ol=ql(cl,800);ml(()=>{Ol!==void 0&&(l==null?void 0:l.chartType)===u.horizontalStackTable&&a(e=>({...e,customSettings:{...e.customSettings,barWidth:parseInt(Ol==null?void 0:Ol.toString(),10)}}))},[Ol,l==null?void 0:l.chartType]);const[gl,ey]=S(((ie=(me=l==null?void 0:l.customSettings)==null?void 0:me.barRadius)==null?void 0:ie[1])||0),[hl,oy]=S(((fe=(xe=l==null?void 0:l.customSettings)==null?void 0:xe.barRadius)==null?void 0:fe[3])||0),Rl=ql(gl,800),zl=ql(hl,800),ny=dl(()=>{var e,n,d,b,x;if((l==null?void 0:l.chartType)===u.horizontalStackTable){const f=(n=(e=l==null?void 0:l.tableSettings)==null?void 0:e.hStackTrendOptions)==null?void 0:n.map(w=>w==null?void 0:w.column);return((b=(d=l==null?void 0:l.yAxisList)==null?void 0:d.filter(w=>!(f!=null&&f.includes(w))))==null?void 0:b.map(w=>({value:w,label:w})))||[]}return((x=l==null?void 0:l.yAxisList)==null?void 0:x.map(f=>({value:f,label:f})))||[]},[l==null?void 0:l.yAxisList,l==null?void 0:l.chartType,(pe=l==null?void 0:l.tableSettings)==null?void 0:pe.hStackTrendOptions]),Vl=dl(()=>{var e;return[...((e=l==null?void 0:l.yAxisList)==null?void 0:e.slice(4))||[],"Duration"].map(n=>({value:n,label:n}))},[l==null?void 0:l.yAxisList]);ml(()=>{Rl!==void 0&&(l==null?void 0:l.chartType)===u.horizontalStackTable&&s(e=>({...e,topRadius:parseInt(Rl==null?void 0:Rl.toString(),10)}))},[Rl,l==null?void 0:l.chartType]),ml(()=>{zl!==void 0&&(l==null?void 0:l.chartType)===u.horizontalStackTable&&s(e=>({...e,bottomRadius:parseInt(zl==null?void 0:zl.toString(),10)}))},[zl,l==null?void 0:l.chartType]);const dy=()=>{var e,n;if(J(""),(!(v!=null&&v.type)||(v==null?void 0:v.type)==="range")&&((e=v==null?void 0:v.min)!=null&&e.toString())&&(v!=null&&v.max)||(v==null?void 0:v.type)==="string"&&(v!=null&&v.text)&&v.color){const d=((n=l==null?void 0:l.customSettings)==null?void 0:n.singleValConditionalFormatter)||[];v.isEdit?a(b=>({...b,customSettings:{...b.customSettings,singleValConditionalFormatter:d==null?void 0:d.map((x,f)=>f===(v==null?void 0:v.index)?{max:v==null?void 0:v.max,min:v==null?void 0:v.min,color:v==null?void 0:v.color,type:(v==null?void 0:v.type)||"range",text:v==null?void 0:v.text,operator:(v==null?void 0:v.operator)||"isEqualTo"}:x)}})):a(b=>{var k,F;const x=(F=(k=Object.keys(v))==null?void 0:k.map(r=>{if(v[r])return v[r]}))==null?void 0:F.join("_"),w=[...(d==null?void 0:d.filter(r=>{var ol,bl;return((bl=(ol=Object.keys(r))==null?void 0:ol.map(Nl=>{if(r[Nl])return r[Nl]}))==null?void 0:bl.join("_"))!==x}))||[],v];return{...b,customSettings:{...b.customSettings,singleValConditionalFormatter:w}}}),al({color:"#000000",min:0,max:0,type:"range",operator:"isEqualTo"}),z(!1)}else J("Please add valid values for the condition")},ay=Bl(e=>{const n=(K==null?void 0:K.map(d=>d.value))||[];a(d=>({...d,tableSettings:{...l==null?void 0:l.tableSettings,badgeColumns:e.filter(b=>b&&b!=="NONE"&&n.includes(b))}}))},[K,l==null?void 0:l.tableSettings,a]),uy=Bl(e=>{const n=(il==null?void 0:il.map(d=>d.value))||[];a(d=>{var b;return{...d,tableSettings:{...l==null?void 0:l.tableSettings,hStackTrendOptions:(b=e.filter(x=>x&&x!=="NONE"&&n.includes(x)))==null?void 0:b.map(x=>{var w,k;const f=(k=(w=l==null?void 0:l.tableSettings)==null?void 0:w.hStackTrendOptions)==null?void 0:k.find(F=>(F==null?void 0:F.column)===x);return f!=null&&f.column?{column:x,xAxis:(f==null?void 0:f.xAxis)||"",yAxis:(f==null?void 0:f.yAxis)||""}:{column:x,xAxis:"",yAxis:""}})}}})},[il,l==null?void 0:l.tableSettings,a]);Bl(e=>{const n=(K==null?void 0:K.map(f=>f.value))||[],d=e.filter(f=>f&&f!=="NONE"&&n.includes(f))||[],b=e.filter(f=>f&&f!=="NONE")||[],x=[u.pivotV2,u.horizontalStackTable,u.pivotV3].includes(l==null?void 0:l.chartType)?b:d;a(f=>({...f,tableSettings:{...l==null?void 0:l.tableSettings,formattedColumns:x}}))},[K,l==null?void 0:l.tableSettings,a,l==null?void 0:l.chartType]);const Sl=dl(()=>[u.linearGaugeV2,u.progressBarV2].includes((l==null?void 0:l.chartType)||"")&&[u.progressBarV2].includes((l==null?void 0:l.chartType)||"")?[Yj[1],Yj[2],...Dl]:Dl,[l==null?void 0:l.chartType]),by=Bl(e=>{const n=(xl==null?void 0:xl.map(d=>d.value))||[];a(d=>({...d,tableSettings:{...l==null?void 0:l.tableSettings,listColumns:e.filter(b=>b&&b!=="NONE"&&n.includes(b))}}))},[xl,l==null?void 0:l.tableSettings,a]),sy=e=>{a(n=>{var x;const{customSettings:d}=n,b=(x=d==null?void 0:d.gradients)==null?void 0:x.filter(f=>f.startColor!==e.startColor||f.endColor!==e.endColor||f.offset1!==e.offset1||f.offset2!==e.offset2||f.direction!==e.direction);return{...n,customSettings:{...d,gradients:b}}})},my=(e,n)=>{a(d=>{var f;const{tableSettings:b}=d,x=(f=b==null?void 0:b.conditionalFormatting)==null?void 0:f.map(w=>{if(w.columnName===e){const k=w.rules.filter(F=>!(F.operator===n.operator&&F.value===n.value));return{...w,rules:k}}return w});return{...d,tableSettings:{...b,conditionalFormatting:x==null?void 0:x.filter(w=>w.rules.length>0)}}})},iy=e=>{var d,b;const n=(b=(d=Object.keys(e))==null?void 0:d.map(x=>{if(e[x])return e[x]}))==null?void 0:b.join("_");a(x=>{var k;const{customSettings:f}=x,w=(k=f==null?void 0:f.singleValConditionalFormatter)==null?void 0:k.filter(F=>{var Y,ol;const r=(ol=(Y=Object.keys(F))==null?void 0:Y.map(bl=>{if(e[bl])return e[bl]}))==null?void 0:ol.join("_");return n!==r});return{...x,customSettings:{...f,singleValConditionalFormatter:w}}})};ml(()=>{var e;(l==null?void 0:l.chartType)===u.linearGauge&&["top","bottom"].includes(((e=l==null?void 0:l.labelSettings)==null?void 0:e.position)||"")&&a(n=>({...n,labelSettings:{...n.labelSettings,show:!1,position:"hidden"}}))},[l==null?void 0:l.chartType,(je=l==null?void 0:l.labelSettings)==null?void 0:je.position]),ml(()=>{var e,n,d,b,x,f,w,k;if((e=l==null?void 0:l.dynamicYAxis)!=null&&e.isEnabled&&!((n=l==null?void 0:l.dynamicYAxis)!=null&&n.isEnabledMultiselect)&&((b=(d=l==null?void 0:l.dynamicYAxis)==null?void 0:d.options)!=null&&b.length)){const F=(f=(x=l==null?void 0:l.customSettings)==null?void 0:x.switchAxisNumberFormatter)==null?void 0:f.map(Y=>Y==null?void 0:Y.axis),r=(k=(w=l==null?void 0:l.dynamicYAxis)==null?void 0:w.options)==null?void 0:k.map(Y=>Y==null?void 0:Y.value);a(Y=>({...Y,customSettings:{...Y==null?void 0:Y.customSettings,switchAxisNumberFormatter:r==null?void 0:r.map(ol=>{var bl,Nl;return F!=null&&F.includes(ol)?((Nl=(bl=Y==null?void 0:Y.customSettings)==null?void 0:bl.switchAxisNumberFormatter)==null?void 0:Nl.find(Ll=>(Ll==null?void 0:Ll.axis)===ol))||{axis:ol,numberFormatter:"original"}:{axis:ol,numberFormatter:"original"}})}}))}},[(ye=l==null?void 0:l.dynamicYAxis)==null?void 0:ye.isEnabled,(Ne=(Ce=l==null?void 0:l.dynamicYAxis)==null?void 0:Ce.options)==null?void 0:Ne.length,(Te=l==null?void 0:l.dynamicYAxis)==null?void 0:Te.isEnabledMultiselect]);const xy=dl(()=>{var n,d,b,x,f;const e=(d=(n=l==null?void 0:l.customSettings)==null?void 0:n.comboAxisSettings)==null?void 0:d.find(w=>w.chartTypes.some(k=>k.type==="line"));return!!((l==null?void 0:l.chartType)===u.timeSeries&&((f=(x=(b=l==null?void 0:l.timeSeriesSettings)==null?void 0:b.seriesType)==null?void 0:x[0])==null?void 0:f.type)==="combo"&&e)},[l==null?void 0:l.chartType,(Fe=(ve=(we=l==null?void 0:l.timeSeriesSettings)==null?void 0:we.seriesType)==null?void 0:ve[0])==null?void 0:Fe.type,(Le=l==null?void 0:l.customSettings)==null?void 0:Le.comboAxisSettings]),Il=[u.indianMap,u.geoBarMap,u.geoMap,u.geoScatterMap,u.worldMap].includes(l==null?void 0:l.chartType),tl=[u.pie,u.doughnut,u.rose,u.funnel,u.singleValue,u.table,u.trendAnalyzer,u.pivot,u.horizontalStackTable,u.geoBarMap,u.geoMap,u.geoScatterMap,u.sankey,u.combo,u.horizontalCombo,u.indianMap,u.geoBarMap,u.geoMap,u.geoScatterMap,u.worldMap,u.network].includes(l==null?void 0:l.chartType),yl=[u.progressBar,u.linearGauge].includes(l==null?void 0:l.chartType);ml(()=>{var e;(e=l==null?void 0:l.customSettings)!=null&&e.isEnableLabelFormatting&&a(n=>({...n,customSettings:{...n.customSettings,numberFormatter:""}}))},[(Ae=l==null?void 0:l.customSettings)==null?void 0:Ae.isEnableLabelFormatting]),ml(()=>{var e,n;((e=l==null?void 0:l.legendSettings)==null?void 0:e.position)==="horizontal"&&["left-center","right-center"].includes(((n=l==null?void 0:l.legendSettings)==null?void 0:n.fixedPosition)||"")&&a(d=>({...d,legendSettings:{...d==null?void 0:d.legendSettings,fixedPosition:"top-left"}}))},[(Ee=l==null?void 0:l.legendSettings)==null?void 0:Ee.position,(Ve=l==null?void 0:l.legendSettings)==null?void 0:Ve.fixedPosition]);const Xl=()=>{a(e=>({...e,customSettings:{...e.customSettings,displayText:fl}}))},fy=e=>{e.key==="Enter"&&Xl()};ml(()=>{const e=setTimeout(()=>{Xl()},1e3);return()=>clearTimeout(e)},[fl]);const Pl=dl(()=>{var e;return(l==null?void 0:l.chartType)===u.table?(e=l==null?void 0:l.yAxisList)==null?void 0:e.filter(n=>{var d;return!((d=l==null?void 0:l.numberColumns)!=null&&d.includes(n))}):[]},[l==null?void 0:l.chartType,l==null?void 0:l.yAxisList,l==null?void 0:l.numberColumns]),Ul=(e,n)=>{var x,f;const d=((x=l==null?void 0:l.tableSettings)==null?void 0:x.colAlignments)||{},b=Object.fromEntries(((f=Object.entries(d))==null?void 0:f.filter(([w,k])=>k!==n))||{});e==null||e.forEach(w=>{b[w]=n}),a(w=>({...w,tableSettings:{...w.tableSettings,colAlignments:b}}))};return(l==null?void 0:l.chartType)===u.singleValue?o.jsxs("div",{className:m.container,children:[o.jsx(c,{width:"100%",content:o.jsx("div",{className:m.container,children:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsx("div",{className:m.featTabsContainer,"data-testid":"header-alignment",children:o.jsx(Cl,{selectedOption:{value:((ke=l==null?void 0:l.customSettings)==null?void 0:ke.singleValueAlignment)||"center",label:""},options:[{label:"",value:"left",icon:"align-left"},{label:"",value:"center",icon:"align-center"},{label:"",value:"right",icon:"align-right"}],onChange:e=>a(n=>({...n,customSettings:{...n==null?void 0:n.customSettings,singleValueAlignment:e.value}})),label:"Alignment"})}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-2 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,fontSize:parseInt(e.target.value,10)}})),value:(re=l==null?void 0:l.customSettings)==null?void 0:re.fontSize})}),o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(H,{label:"Font Color",name:"color",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,singleValueFontColor:e}})),defaultValue:"#000000",value:((Be=l==null?void 0:l.customSettings)==null?void 0:Be.singleValueFontColor)||"#000000"})})]}),o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{label:"Prefix",placeholder:"Single Value Prefix",type:"text",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,singleValuePrefix:e.target.value}})),value:(De=l==null?void 0:l.customSettings)==null?void 0:De.singleValuePrefix}),o.jsx(j,{label:"Suffix",placeholder:"Single Value Suffix",type:"text",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,singleValueSuffix:e.target.value}})),value:(We=l==null?void 0:l.customSettings)==null?void 0:We.singleValueSuffix})]}),o.jsx(I,{label:"Number Formatting",selectedOption:{value:((Oe=l==null?void 0:l.customSettings)==null?void 0:Oe.numberFormatter)||"Original",label:`${(ze=(Re=l==null?void 0:l.customSettings)==null?void 0:Re.numberFormatter)==null?void 0:ze.toString().charAt(0).toUpperCase()}${(Me=(_e=(Ie=l.customSettings)==null?void 0:Ie.numberFormatter)==null?void 0:_e.toString())==null?void 0:Me.slice(1)}`||"Original"},options:Dl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,numberFormatter:e.value}})),buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable single truncate",enabled:(Ge=l==null?void 0:l.customSettings)==null?void 0:Ge.enableSingleValueTruncate,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,enableSingleValueTruncate:!((n=e.customSettings)!=null&&n.enableSingleValueTruncate)}}})}),o.jsx(i,{variant:"body-text-2",children:"Truncate Value"})]}),((He=l==null?void 0:l.customSettings)==null?void 0:He.enableSingleValueTruncate)&&o.jsx(j,{label:"Truncate Threshold",addSuffix:"characters",type:"number",value:(Ye=l==null?void 0:l.customSettings)==null?void 0:Ye.truncateValue,isDisabled:!(($e=l==null?void 0:l.customSettings)!=null&&$e.enableSingleValueTruncate),min:0,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,truncateValue:parseInt(e.target.value,10)}}))}),(Xe=l==null?void 0:l.dateColumns)!=null&&Xe.includes((l==null?void 0:l.singleValue)||"")?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable date formatting",enabled:(Pe=l==null?void 0:l.customSettings)==null?void 0:Pe.isEnableTimezoneFormatting,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableTimezoneFormatting:!((n=e.customSettings)!=null&&n.isEnableTimezoneFormatting)}}})}),o.jsx(i,{variant:"body-text-2",children:"Date Formatting"})]}),(Ue=l==null?void 0:l.customSettings)!=null&&Ue.isEnableTimezoneFormatting?o.jsx(I,{label:"Date Formatters",selectedOption:{value:((Ze=l==null?void 0:l.customSettings)==null?void 0:Ze.timeFormatter)||"original",label:((qe=l==null?void 0:l.customSettings)==null?void 0:qe.timeFormatter)||"original"},options:Zl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,timeFormatter:e.value}})),buttonWidth:"100%",menuWidth:"100%"}):null]}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show sub header",enabled:(Je=l==null?void 0:l.customSettings)==null?void 0:Je.subHeaderShow,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,subHeaderShow:!((n=e.customSettings)!=null&&n.subHeaderShow)}}})}),o.jsx(i,{variant:"body-text-2",children:"Customise Sub-Header"})]}),((Ke=l==null?void 0:l.customSettings)==null?void 0:Ke.subHeaderShow)&&o.jsxs(o.Fragment,{children:[o.jsx(j,{label:"Sub-Header Display Text",type:"text",placeholder:"Enter the text here",onChange:e=>pl(e.target.value),value:fl,onBlur:Xl,onKeyDown:fy}),o.jsx("div",{className:m.featTabsContainer,"data-testid":"sub-header-alignment",children:o.jsx(Cl,{isDisabled:!(l!=null&&l.customSettings.displayText),selectedOption:{value:l!=null&&l.customSettings.displayText?((Qe=l==null?void 0:l.customSettings)==null?void 0:Qe.subHeaderAlignment)||"center":"",label:""},options:[{label:"",value:"left",icon:"align-left"},{label:"",value:"center",icon:"align-center"},{label:"",value:"right",icon:"align-right"}],onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,subHeaderAlignment:e.value}})),label:"Sub-Header Alignment"})}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-2 dbn-gap-3",children:[o.jsx(I,{isDisabled:!(l!=null&&l.customSettings.displayText),label:"Sub-Header Font Size",options:Yl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,subHeaderFontSize:parseInt(e.value,10)}})),selectedOption:Yl.find(e=>{var n;return parseInt(e.value,10)===((n=l==null?void 0:l.customSettings)==null?void 0:n.subHeaderFontSize)})||{value:"14",label:"14px"},labelVariant:"static",className:"dbn-col-span-1",buttonWidth:"100%",menuWidth:"100%",isSearchEnabled:!1}),o.jsx(I,{isDisabled:!(l!=null&&l.customSettings.displayText),label:"Sub-Header Font Weight",options:ll,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,subHeaderFontWeight:Number(parseInt(e.value,10))}})),selectedOption:ll.find(e=>{var n;return parseInt(e.value,10)===((n=l==null?void 0:l.customSettings)==null?void 0:n.subHeaderFontWeight)})||{value:"400",label:"Regular"},labelVariant:"static",className:"dbn-col-span-1",buttonWidth:"100%",menuWidth:"100%",isSearchEnabled:!1})]}),o.jsx(H,{isDisabled:!(l!=null&&l.customSettings.displayText),className:"dbn-w-full",label:"Sub-Header Font Color",name:"text color",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,subHeaderFontColor:e}})),defaultValue:"#717171",value:((ce=l==null?void 0:l.customSettings)==null?void 0:ce.subHeaderFontColor)||"#717171"})]})]})}),header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Customizations"}),headerButton:null,id:"Customizations",isOpen:V==="Customizations",setIsOpen:()=>{B(e=>e==="Customizations"?"":"Customizations")}}),N&&X?o.jsx(c,{id:"Comparison Value",isOpen:V==="Comparison Value",setIsOpen:()=>{B(e=>e==="Comparison Value"?"":"Comparison Value")},header:o.jsx("div",{className:m.accordionHeader,children:o.jsx(i,{variant:"heading-5",children:"Comparison Value"})}),headerButton:o.jsx(p,{name:"Comparison value",enabled:(ge=l==null?void 0:l.customSettings)==null?void 0:ge.comparisonValueShow,onChange:()=>{var e,n;(e=l==null?void 0:l.customSettings)!=null&&e.comparisonValueShow?(n=N==null?void 0:N.onDisableComparisonSettings)==null||n.call(N):B("Comparison Value"),a(d=>{var b;return{...d,customSettings:{...d.customSettings,comparisonValueShow:!((b=d.customSettings)!=null&&b.comparisonValueShow)}}})}}),content:o.jsx("div",{className:`${m["container-wrapper"]} dbn-px-2`,children:(he=l==null?void 0:l.customSettings)!=null&&he.comparisonValueShow?o.jsxs("div",{className:m.comparisonValueContainer,children:[o.jsx(I,{onChange:e=>{N.setComparisonLagSettings(n=>({...n,column:e}))},selectedOption:N.comparisonLagSettings.column,options:N.dateTimeColumnList,isDisabled:!N.dateTimeColumnList.length,labelVariant:"static",buttonWidth:"100%",menuWidth:"100%",label:"Time Column"}),o.jsx(j,{label:"Time Column Label",type:"text",placeholder:"_timestamp",onChange:({target:{value:e}})=>N.setComparisonLagSettings(n=>({...n,timeColumnLabel:e})),value:N.comparisonLagSettings.timeColumnLabel}),o.jsx(I,{onChange:e=>{N.setComparisonLagSettings(n=>{var d,b,x;return{...n,timeGrain:e,isEnableYearOverYear:["year","none"].includes(((x=(b=(d=N==null?void 0:N.comparisonLagSettings)==null?void 0:d.timeGrain)==null?void 0:b.value)==null?void 0:x.toLowerCase())||"")?!1:!!(n!=null&&n.isEnableYearOverYear)}})},selectedOption:N.comparisonLagSettings.timeGrain,options:jy,isDisabled:!N.comparisonLagSettings.column,labelVariant:"static",label:"Time Grain",buttonWidth:"100%",menuWidth:"100%"}),!["year","none"].includes(((lo=(te=(Se=N==null?void 0:N.comparisonLagSettings)==null?void 0:Se.timeGrain)==null?void 0:te.value)==null?void 0:lo.toLowerCase())||"")&&o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Enable Year Over Year",enabled:!!((eo=N==null?void 0:N.comparisonLagSettings)!=null&&eo.isEnableYearOverYear),onChange:()=>N.setComparisonLagSettings(e=>({...e,isEnableYearOverYear:!(e!=null&&e.isEnableYearOverYear)}))}),o.jsx(i,{variant:"body-text-2",children:"Enable Year Over Year"})]}),o.jsx(j,{label:"Comparison Period Lag",min:1,type:"number",placeholder:"period lag",onChange:({target:{value:e}})=>N.setComparisonLagSettings(n=>({...n,periodLag:parseInt(e,10)})),value:N.comparisonLagSettings.periodLag}),o.jsxs($l,{direction:"row",className:"dbn-gap-4",children:[o.jsx(kl,{"data-testid":"percentage-type",id:"percentage-type",name:"differenceType",label:"Percentage",labelClass:"dbn-text-sm dbn-font-normal",rightIcon:o.jsx(nl,{text:"Calculate percentage difference",position:"top",tooltipClass:"dbn-w-[200px]",children:o.jsx(Q,{name:"info"})}),onClick:()=>{N.setComparisonLagSettings(e=>({...e,differenceType:"PERCENTAGE_DIFFERENCE"}))},defaultChecked:((oo=N.comparisonLagSettings)==null?void 0:oo.differenceType)==="PERCENTAGE_DIFFERENCE",checked:((no=N.comparisonLagSettings)==null?void 0:no.differenceType)==="PERCENTAGE_DIFFERENCE"}),o.jsx(kl,{"data-testid":"difference-type",id:"difference-type",name:"differenceType",label:"Difference",labelClass:"dbn-text-sm dbn-font-normal",rightIcon:o.jsx(nl,{text:"Calculate value difference.",position:"top-right",tooltipClass:"dbn-w-[200px]",children:o.jsx(Q,{name:"info"})}),onClick:()=>{N.setComparisonLagSettings(e=>({...e,differenceType:"DIFFERENCE"}))},defaultChecked:((ao=N==null?void 0:N.comparisonLagSettings)==null?void 0:ao.differenceType)==="DIFFERENCE",checked:((uo=N==null?void 0:N.comparisonLagSettings)==null?void 0:uo.differenceType)==="DIFFERENCE"})]}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-2",children:[o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{type:"text",label:"Comparison Suffix",placeholder:"Enter comparison suffix",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,comparisonSuffix:e.target.value}})),value:(bo=l==null?void 0:l.customSettings)==null?void 0:bo.comparisonSuffix})}),o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Size",options:Yl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,comparisonValueFontSize:parseInt(e.value,10)}})),selectedOption:Yl.find(e=>{var n;return parseInt(e.value,10)===((n=l==null?void 0:l.customSettings)==null?void 0:n.comparisonValueFontSize)})||{value:"",label:""},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(I,{onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,comparisonBadgeColor:{...(d=n.customSettings)==null?void 0:d.comparisonBadgeColor,up:e.value,down:e.value==="success"?"danger":"success"}}}}),selectedOption:Kj.find(e=>{var n,d;return e.value===((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.comparisonBadgeColor)==null?void 0:d.up)})||{value:"",label:""},options:Kj,labelVariant:"static",buttonWidth:"100%",menuWidth:"100%",label:"Indicator Color"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show trendline",enabled:(so=l==null?void 0:l.customSettings)==null?void 0:so.isShowTrendLine,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isShowTrendLine:!((n=e.customSettings)!=null&&n.isShowTrendLine)}}})}),o.jsx(i,{variant:"body-text-2",children:"Trendline"})]}),o.jsx(I,{label:"Life Time",options:El,onChange:e=>N.setComparisonLagSettings(n=>({...n,lifeTime:e})),selectedOption:(El==null?void 0:El.find(e=>{var n,d;return(e==null?void 0:e.value)===((d=(n=N==null?void 0:N.comparisonLagSettings)==null?void 0:n.lifeTime)==null?void 0:d.value)}))||{value:"",label:""},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Bypass Comparison When Date Is Not Set",enabled:!!((mo=N==null?void 0:N.comparisonLagSettings)!=null&&mo.isDisableComparisonWithFilter),onChange:()=>N.setComparisonLagSettings(e=>({...e,isDisableComparisonWithFilter:!(e!=null&&e.isDisableComparisonWithFilter)}))}),o.jsx(i,{variant:"body-text-2",children:"Bypass Comparison When Date Is Not Set"})]}),o.jsx("div",{className:"dbn-flex dbn-justify-end",children:o.jsx(_,{"data-testid":"save-comparison",variant:"primary",isDisabled:!((io=l==null?void 0:l.customSettings)!=null&&io.comparisonValueShow)||!N.dateTimeColumnList.length||!N.comparisonLagSettings.column.value||N.comparisonLagSettings.periodLag<=0||!N.comparisonLagSettings.timeGrain.value,onClick:()=>N.onSaveComparisonLag(),children:"Save"})})]}):o.jsx(jl,{text:"Enable Comparison Value to see the option.",variant:"info"})})}):null,o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[M&&o.jsxs("div",{className:m.formattingWrapper,children:[o.jsx("div",{className:"dbn-col-span-4 dbn-flex dbn-items-end",children:o.jsxs($l,{direction:"row",className:"dbn-gap-4",children:[o.jsx(kl,{"data-testid":"range-type",id:"range-type",name:"rangeType",label:"Range",labelClass:"dbn-text-sm dbn-font-normal",onClick:()=>{al(e=>({...e,type:"range"}))},defaultChecked:(v==null?void 0:v.type)==="range",checked:(v==null?void 0:v.type)==="range"}),o.jsx(kl,{"data-testid":"string-type",id:"string-type",name:"stringType",label:"String",labelClass:"dbn-text-sm dbn-font-normal",onClick:()=>{al(e=>({...e,type:"string"}))},defaultChecked:(v==null?void 0:v.type)==="string",checked:(v==null?void 0:v.type)==="string"})]})}),(v==null?void 0:v.type)==="string"?o.jsxs(o.Fragment,{children:[o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(I,{label:"Conditions",options:(xo=rl)==null?void 0:xo.filter(e=>!["isLessThan","isGreaterThan","isLessThanOrEqualTo","isGreaterThanOrEqualTo"].includes(e.value)),selectedOption:((fo=rl)==null?void 0:fo.find(e=>(e==null?void 0:e.value)===(v==null?void 0:v.operator)))??{value:"is equal to",label:"isEqualTo"},onChange:e=>al(n=>({...n,operator:e.value})),buttonWidth:"100%",menuWidth:"100%"})}),o.jsx("div",{className:"dbn-col-span-4 dbn-flex dbn-items-end",children:o.jsx(j,{type:"text",label:"Text",onChange:e=>al(n=>({...n,text:e.target.value})),value:(v==null?void 0:v.text)||"",placeholder:"Enter the text here"})})]}):o.jsxs(o.Fragment,{children:[o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{type:"number",label:"Min Value",onChange:({target:{value:e}})=>al(n=>({...n,min:Number(e)})),value:v.min})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{type:"number",label:"Max Value",onChange:({target:{value:e}})=>al(n=>({...n,max:Number(e)})),value:v.max})})]}),o.jsx("div",{className:"dbn-col-span-4 dbn-flex dbn-items-end",children:o.jsx(H,{className:"dbn-w-full",label:"Font Color",name:"text color",onChange:e=>al(n=>({...n,color:e})),defaultValue:"#000000",value:v.color||"#000000"})}),h&&o.jsx(jl,{text:h,variant:"error",className:"dbn-col-span-4"}),o.jsxs("div",{className:"dbn-col-span-4 dbn-mt-3 dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(_,{variant:"secondary",onClick:()=>{al({min:0,max:0,color:"#000000",operator:"isEqualTo",type:"range"}),J(""),z(!1)},children:"Cancel"}),o.jsxs(_,{variant:"primary",type:"button",onClick:()=>dy(),children:[v!=null&&v.isEdit?"Update":"Save"," Rule"]})]})]}),(jo=(po=l==null?void 0:l.customSettings)==null?void 0:po.singleValConditionalFormatter)!=null&&jo.length?(Co=(yo=l==null?void 0:l.customSettings)==null?void 0:yo.singleValConditionalFormatter)==null?void 0:Co.map((e,n)=>o.jsx("div",{className:m.formattingContainer,children:o.jsx("div",{className:m.ruleContainer,children:o.jsxs("div",{className:"dbn-flex dbn-gap-1 dbn-justify-between",children:[o.jsxs(i,{variant:"body-text-2",display:"inline-truncate",children:[o.jsx("span",{className:"dbn-px-2 dbn-rounded dbn-mr-2 dbn-max-w-[70%] dbn-truncate",style:{backgroundColor:e.color}}),e.type==="string"?e==null?void 0:e.text:` ${e.min} - ${e.max}`]}),o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-items-center",children:[o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"pencil-simple",size:"sm"}),onClick:()=>{al({...e,type:(e==null?void 0:e.type)??"range",isEdit:!0,index:n}),z(!0)}}),o.jsx(_,{variant:"popover",onClick:()=>iy(e),leftIcon:o.jsx(Q,{name:"cross",size:"sm"})})]})]})})},e.color)):o.jsx(jl,{text:"No Rules Added",variant:"info"})]}),id:"Conditional Formatting",isOpen:V==="Conditional Formatting",setIsOpen:()=>{B(e=>e==="Conditional Formatting"?"":"Conditional Formatting")},header:o.jsxs("div",{className:m.accordionHeader,children:[o.jsx(i,{variant:"heading-5",color:"primary",children:"Conditional Formatting"}),o.jsx(Al,{text:"You can add rules to change the font color of the single value if it meets certain conditions.",position:"top",tooltipClass:"dbn-w-[300px]",isSingleLineTxt:!1})]}),headerButton:o.jsx(_,{variant:"tertiary",size:"small",onClick:e=>{z(!0),V==="Conditional Formatting"&&e.stopPropagation()},leftIcon:o.jsx(Q,{name:"plus"}),children:"Add Rule"})}),o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(No=l==null?void 0:l.customSettings)!=null&&No.isEnableSingleValueBgColor?o.jsx(H,{label:"Card Color",name:"Card color",className:"dbn-w-[150px]",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,singleValueBgColor:e}})),defaultValue:"#ffffff",value:((To=l==null?void 0:l.customSettings)==null?void 0:To.singleValueBgColor)||"#ffffff"}):o.jsx(jl,{text:"Enable Card Color Option",variant:"info"})}),id:"Card Color",isOpen:V==="Card Color",setIsOpen:()=>{B(e=>e==="Card Color"?"":"Card Color")},header:o.jsx("div",{className:m.accordionHeader,children:o.jsx(i,{variant:"heading-5",color:"primary",children:"Card Color"})}),headerButton:o.jsx(p,{name:"single value bg color",enabled:(wo=l==null?void 0:l.customSettings)==null?void 0:wo.isEnableSingleValueBgColor,onChange:()=>{var e;(e=l==null?void 0:l.customSettings)!=null&&e.isEnableSingleValueBgColor||B("Card Color"),a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,isEnableSingleValueBgColor:!((d=l==null?void 0:l.customSettings)!=null&&d.isEnableSingleValueBgColor)}}})}})})]}):[u.table,u.horizontalStackTable,u.pivotV2,u.pivotV3,u.trendAnalyzer].includes(l==null?void 0:l.chartType)?o.jsxs("div",{className:m.container,children:[[u.pivotV2].includes(l==null?void 0:l.chartType)?null:o.jsxs(o.Fragment,{children:[o.jsx(c,{width:"100%",content:o.jsxs("div",{className:`${m["container-wrapper"]} dbn-pt-0`,children:[(l==null?void 0:l.chartType)!==u.trendAnalyzer?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featWrapper,style:{marginTop:"0px"},children:[o.jsx(i,{variant:"heading-5",children:"Table Title"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"table title",enabled:(vo=l==null?void 0:l.tableSettings)==null?void 0:vo.showTableTitle,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,showTableTitle:!((n=e.tableSettings)!=null&&n.showTableTitle)}}})}),o.jsx(i,{variant:"body-text-2",color:"primary",children:"Show table title"})]}),(Fo=l==null?void 0:l.tableSettings)!=null&&Fo.showTableTitle?o.jsx(o.Fragment,{children:o.jsx(j,{type:"text",label:"Table Title",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,tableTitle:e.target.value}})),value:(Lo=l==null?void 0:l.tableSettings)==null?void 0:Lo.tableTitle,placeholder:"Enter the title here"})}):null]}),o.jsxs("div",{className:m.featWrapper,children:[o.jsx(i,{variant:"heading-5",children:"Header"}),[u.pivotV3].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"hide table header",enabled:!((Ao=l==null?void 0:l.tableSettings)!=null&&Ao.hideTableHeader),onChange:()=>a(e=>{var n,d,b;return{...e,tableSettings:{...e.tableSettings,hideTableHeader:!((n=e.tableSettings)!=null&&n.hideTableHeader),enableSorting:(d=e.tableSettings)==null?void 0:d.hideTableHeader,isEnableColumnFilter:(b=e.tableSettings)==null?void 0:b.hideTableHeader}}})}),o.jsx(i,{variant:"body-text-2",children:"Table Header"})]}),(!((Eo=l==null?void 0:l.tableSettings)!=null&&Eo.hideTableHeader)||(l==null?void 0:l.chartType)===u.pivotV3)&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:"dbn-flex dbn-justify-between dbn-items-end dbn-gap-2",children:[o.jsx(H,{label:"Text Color",name:"header text color",className:"dbn-w-[150px]",onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,customHeaderColor:{...(d=n.tableSettings)==null?void 0:d.customHeaderColor,textColor:e}}}}),defaultValue:"#000000",value:((ko=(Vo=l==null?void 0:l.tableSettings)==null?void 0:Vo.customHeaderColor)==null?void 0:ko.textColor)||"#000000"}),o.jsx(H,{label:"Background Color",name:"header color",className:"dbn-w-[150px]",onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,customHeaderColor:{...(d=n.tableSettings)==null?void 0:d.customHeaderColor,isEnabled:!0,color:e}}}}),defaultValue:"#FFFFFF",value:((Bo=(ro=l==null?void 0:l.tableSettings)==null?void 0:ro.customHeaderColor)==null?void 0:Bo.color)||"#FFFFFF"})]}),o.jsxs("div",{className:"dbn-flex dbn-justify-between dbn-items-end dbn-gap-2",children:[o.jsx("div",{className:`${m.featTabsContainer} dbn-w-[180px] dbn-h-[56px]`,children:o.jsx(Cl,{label:"Text Weight",selectedOption:{value:(Do=l==null?void 0:l.tableSettings)!=null&&Do.headerFontBold?"boldfont":"regularfont",label:(Wo=l==null?void 0:l.tableSettings)!=null&&Wo.headerFontBold?"Bold":"Regular"},options:[{label:"Regular",value:"regularfont"},{label:"Bold",value:"boldfont"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,headerFontBold:e.value==="boldfont"}}))})}),o.jsx(j,{label:"Text Size",addSuffix:"px",customClassName:"dbn-w-[120px]",type:"number",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,headerFontSize:parseInt(e.target.value,10)}})),value:(Oo=l==null?void 0:l.tableSettings)==null?void 0:Oo.headerFontSize})]}),o.jsx("div",{className:m.featTabsContainer,"data-testid":"header-alignment",children:o.jsx(Cl,{selectedOption:{value:((Ro=l==null?void 0:l.tableSettings)==null?void 0:Ro.headerAlignment)||"center",label:""},options:[{label:"",value:"left",icon:"align-left"},{label:"",value:"center",icon:"align-center"},{label:"",value:"right",icon:"align-right"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,headerAlignment:e.value}})),label:"Alignment"})})]})]})]}):null,[u.pivotV3].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:m.featWrapper,children:[o.jsx(i,{variant:"heading-5",children:"Text Wrap"}),[u.table].includes(l==null?void 0:l.chartType)?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"header text wrap",enabled:(Io=(zo=l==null?void 0:l.tableSettings)==null?void 0:zo.textWrap)==null?void 0:Io.headerWrap,onChange:()=>a(e=>{var n,d;return{...e,tableSettings:{...e.tableSettings,textWrap:{headerWrap:!((d=(n=e.tableSettings)==null?void 0:n.textWrap)!=null&&d.headerWrap)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Header Text Wrap"})]}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"table text wrap",enabled:(Mo=(_o=l==null?void 0:l.tableSettings)==null?void 0:_o.textWrap)==null?void 0:Mo.isEnable,onChange:()=>a(e=>{var n,d;return{...e,tableSettings:{...e.tableSettings,textWrap:{isEnable:!((d=(n=e.tableSettings)==null?void 0:n.textWrap)!=null&&d.isEnable),columns:[]}}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Content Text Wrap"})]}),(Ho=(Go=l==null?void 0:l.tableSettings)==null?void 0:Go.textWrap)!=null&&Ho.isEnable?o.jsx(sl,{selectedOption:((Po=(Xo=($o=(Yo=l==null?void 0:l.tableSettings)==null?void 0:Yo.textWrap)==null?void 0:$o.columns)==null?void 0:Xo.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:Po.map(e=>({value:e,label:e})))||[],label:"Text Wrap Columns",options:((Uo=l==null?void 0:l.yAxisList)==null?void 0:Uo.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d,b;return{...n,tableSettings:{...n==null?void 0:n.tableSettings,textWrap:{...(d=n==null?void 0:n.tableSettings)==null?void 0:d.textWrap,columns:((b=e==null?void 0:e.filter(x=>{var f;return(f=l==null?void 0:l.yAxisList)==null?void 0:f.includes(x.value)}))==null?void 0:b.map(x=>x.value))||[]}}}}),menuWidth:"100%",buttonWidth:"100%"}):null]}),o.jsxs("div",{className:m.featWrapper,children:[o.jsx(i,{variant:"heading-5",children:"Table Content"}),o.jsx("div",{className:m.featTabsContainer,"data-testid":"table-content-alignment",children:o.jsx(Cl,{selectedOption:{value:((Zo=l==null?void 0:l.tableSettings)==null?void 0:Zo.contentAlignment)||"",label:""},options:[{label:"",value:"left",icon:"align-left"},{label:"",value:"center",icon:"align-center"},{label:"",value:"right",icon:"align-right"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,contentAlignment:e.value}})),label:"Alignment"})})]}),(l==null?void 0:l.chartType)===u.table?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"separate column alignment",enabled:(qo=l==null?void 0:l.tableSettings)==null?void 0:qo.isSepAlign,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isSepAlign:!((n=e.tableSettings)!=null&&n.isSepAlign)}}})}),o.jsx(i,{variant:"body-text-2",children:"Separate Column Alignment"})]}),(Jo=l==null?void 0:l.tableSettings)!=null&&Jo.isSepAlign?o.jsxs(o.Fragment,{children:[o.jsx(sl,{label:"Left Alignment",buttonWidth:"100%",menuWidth:"100%",options:K,onChange:e=>{const n=e==null?void 0:e.map(d=>d.value);Ul(n,"left")},selectedOption:((go=(co=(Qo=Object.keys(((Ko=l==null?void 0:l.tableSettings)==null?void 0:Ko.colAlignments)||{}))==null?void 0:Qo.filter(e=>{var n;return!!((n=K==null?void 0:K.find(d=>d.value===e))!=null&&n.value)}))==null?void 0:co.filter(e=>{var n,d;return((d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.colAlignments)==null?void 0:d[e])==="left"}))==null?void 0:go.map(e=>({value:e,label:e})))||[]}),o.jsx(sl,{label:"Right Alignment",buttonWidth:"100%",menuWidth:"100%",options:K,onChange:e=>{const n=e==null?void 0:e.map(d=>d.value);Ul(n,"right")},selectedOption:((ln=(to=(So=Object.keys(((ho=l==null?void 0:l.tableSettings)==null?void 0:ho.colAlignments)||{}))==null?void 0:So.filter(e=>{var n;return!!((n=K==null?void 0:K.find(d=>d.value===e))!=null&&n.value)}))==null?void 0:to.filter(e=>{var n,d;return((d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.colAlignments)==null?void 0:d[e])==="right"}))==null?void 0:ln.map(e=>({value:e,label:e})))||[]}),o.jsx(sl,{label:"Center Alignment",buttonWidth:"100%",menuWidth:"100%",options:K,onChange:e=>{const n=e==null?void 0:e.map(d=>d.value);Ul(n,"center")},selectedOption:((dn=(nn=(on=Object.keys(((en=l==null?void 0:l.tableSettings)==null?void 0:en.colAlignments)||{}))==null?void 0:on.filter(e=>{var n;return!!((n=K==null?void 0:K.find(d=>d.value===e))!=null&&n.value)}))==null?void 0:nn.filter(e=>{var n,d;return((d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.colAlignments)==null?void 0:d[e])==="center"}))==null?void 0:dn.map(e=>({value:e,label:e})))||[]})]}):null]}):null,![u.table,u.trendAnalyzer].includes(l==null?void 0:l.chartType)||(l==null?void 0:l.chartType)===u.table&&!((un=(an=l==null?void 0:l.tableSettings)==null?void 0:an.textWrap)!=null&&un.isEnable)||(l==null?void 0:l.chartType)===u.trendAnalyzer&&!((sn=(bn=l==null?void 0:l.tableSettings)==null?void 0:bn.textWrap)!=null&&sn.isEnable)?o.jsx(I,{selectedOption:{value:((mn=l==null?void 0:l.tableSettings)==null?void 0:mn.lineGap)||"small",label:((xn=l==null?void 0:l.tableSettings)==null?void 0:xn.lineGap)||"small"},options:[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,lineGap:e.value}})),buttonWidth:"100%",menuWidth:"100%",label:"Line Gap"}):null,o.jsxs("div",{className:"dbn-flex dbn-justify-between dbn-items-end dbn-gap-2",children:[o.jsx(j,{customClassName:"dbn-w-[180px]",label:"Font Family",type:"text",value:(fn=l==null?void 0:l.tableSettings)==null?void 0:fn.contentFont,onChange:e=>{a(n=>({...n,tableSettings:{...n.tableSettings,contentFont:e.target.value}}))}}),o.jsx(j,{customClassName:"dbn-w-[120px]",label:"Font Size",addSuffix:"px",type:"number",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,contentFontSize:parseInt(e.target.value,10)}})),value:(pn=l==null?void 0:l.tableSettings)==null?void 0:pn.contentFontSize})]}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-2 dbn-gap-3",children:[o.jsx(H,{className:"dbn-col-span-1 dbn-flex dbn-items-end",label:"Font Color",name:"color",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,contentColor:e}})),defaultValue:"#222C3A",value:((jn=l==null?void 0:l.tableSettings)==null?void 0:jn.contentColor)||"#222C3A"}),o.jsx(I,{className:"dbn-col-span-1",label:"Font Weight",options:ll,onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,contentWeight:Number(parseInt(e.value,10))}})),selectedOption:ll.find(e=>{var n;return parseInt(e.value,10)===((n=l==null?void 0:l.tableSettings)==null?void 0:n.contentWeight)})||{value:"500",label:"Medium"},labelVariant:"static",buttonWidth:"100%",menuWidth:"100%"})]}),[u.pivotV3].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:"dbn-grid dbn-grid-cols-2 dbn-gap-1 dbn-items-end",children:[(l==null?void 0:l.chartType)!==u.trendAnalyzer?o.jsxs(o.Fragment,{children:[o.jsx(sl,{label:"List Columns",buttonWidth:"100%",menuWidth:"100%",options:xl,onChange:e=>by(e==null?void 0:e.map(n=>n.value)),selectedOption:((Cn=(yn=l==null?void 0:l.tableSettings)==null?void 0:yn.listColumns)==null?void 0:Cn.map(e=>({value:e,label:e})))||[]}),o.jsx(j,{label:"List Separator",type:"text",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,listSeparator:e.target.value}})),value:(Nn=l==null?void 0:l.tableSettings)==null?void 0:Nn.listSeparator,placeholder:"Enter Separator"})]}):null,o.jsx(sl,{label:"Badge Columns",buttonWidth:"100%",menuWidth:"100%",options:K,onChange:e=>{ay(e==null?void 0:e.map(n=>n.value))},selectedOption:((wn=(Tn=l==null?void 0:l.tableSettings)==null?void 0:Tn.badgeColumns)==null?void 0:wn.map(e=>({value:e,label:e})))||[]}),o.jsx(j,{label:"Badge Separator",type:"text",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,badgeSeparator:e.target.value}})),value:(vn=l==null?void 0:l.tableSettings)==null?void 0:vn.badgeSeparator,placeholder:"Enter Separator"})]}),(l==null?void 0:l.chartType)===u.horizontalStackTable?o.jsxs(o.Fragment,{children:[o.jsx(sl,{label:"Trendline Columns",buttonWidth:"100%",menuWidth:"100%",options:il,onChange:e=>{uy(e==null?void 0:e.map(n=>n.value))},selectedOption:((En=(An=(Ln=(Fn=l==null?void 0:l.tableSettings)==null?void 0:Fn.hStackTrendOptions)==null?void 0:Ln.map(e=>e==null?void 0:e.column))==null?void 0:An.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e||"")}))==null?void 0:En.map(e=>({value:e||"",label:e||""})))||[]}),(kn=(Vn=l==null?void 0:l.tableSettings)==null?void 0:Vn.hStackTrendOptions)!=null&&kn.length?o.jsx(o.Fragment,{children:(Dn=(Bn=(rn=l==null?void 0:l.tableSettings)==null?void 0:rn.hStackTrendOptions)==null?void 0:Bn.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes((e==null?void 0:e.column)||"")}))==null?void 0:Dn.map(e=>{var n,d,b,x,f,w;return o.jsxs(o.Fragment,{children:[o.jsx(i,{variant:"heading-5",children:e==null?void 0:e.column}),o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{label:"xAxis",type:"text",onChange:k=>a(F=>{var r,Y;return{...F,tableSettings:{...F.tableSettings,hStackTrendOptions:(Y=(r=F==null?void 0:F.tableSettings)==null?void 0:r.hStackTrendOptions)==null?void 0:Y.map(ol=>ol.column===e.column?{...e,xAxis:k.target.value}:ol)}}}),value:((b=(d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.hStackTrendOptions)==null?void 0:d.find(k=>(k==null?void 0:k.column)===(e==null?void 0:e.column)))==null?void 0:b.xAxis)||"",placeholder:"Enter text"}),o.jsx(j,{label:"yAxis",type:"text",onChange:k=>a(F=>{var r,Y;return{...F,tableSettings:{...F.tableSettings,hStackTrendOptions:(Y=(r=F==null?void 0:F.tableSettings)==null?void 0:r.hStackTrendOptions)==null?void 0:Y.map(ol=>ol.column===e.column?{...e,yAxis:k.target.value}:ol)}}}),value:((w=(f=(x=l==null?void 0:l.tableSettings)==null?void 0:x.hStackTrendOptions)==null?void 0:f.find(k=>(k==null?void 0:k.column)===(e==null?void 0:e.column)))==null?void 0:w.yAxis)||"",placeholder:"Enter text"})]})]})})}):null]}):null,(On=(Wn=l==null?void 0:l.tableSettings)==null?void 0:Wn.badgeColumns)==null?void 0:On.map(e=>{var n,d,b,x;return o.jsxs(o.Fragment,{children:[o.jsx(i,{variant:"body-text-2",children:e}),o.jsxs("div",{className:m.badgeDiv,children:[o.jsx(H,{name:"Badge color",onChange:f=>a(w=>{var k;return{...w,tableSettings:{...w.tableSettings,badgeColors:{...(k=w.tableSettings)==null?void 0:k.badgeColors,[e]:f}}}}),defaultValue:"#f3f4f6",value:((d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.badgeColors)==null?void 0:d[e])||"#f3f4f6",label:"Badge Color"}),o.jsx(H,{name:"Text color",onChange:f=>a(w=>{var k;return{...w,tableSettings:{...w.tableSettings,badgeTextColors:{...(k=w.tableSettings)==null?void 0:k.badgeTextColors,[e]:f}}}}),defaultValue:"#000000",value:((x=(b=l.tableSettings)==null?void 0:b.badgeTextColors)==null?void 0:x[e])||"#000000",label:"Text Color"})]})]})}),(l==null?void 0:l.chartType)===u.table&&!((Rn=l==null?void 0:l.tableSettings)!=null&&Rn.isAutoPagination)?o.jsx(o.Fragment,{children:o.jsx(I,{label:"Default Row Size",selectedOption:{value:((zn=l==null?void 0:l.tableSettings)==null?void 0:zn.defaultRowSize)||"",label:((In=l==null?void 0:l.tableSettings)==null?void 0:In.defaultRowSize)||""},options:yy,onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,defaultRowSize:e.value}})),buttonWidth:"100%",menuWidth:"100%"})}):null,l.chartType===u.horizontalStackTable?o.jsx(j,{label:"Stacked Column Alias",type:"text",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,stackColAlias:e.target.value}})),value:(_n=l==null?void 0:l.tableSettings)==null?void 0:_n.stackColAlias,placeholder:"Enter the title here"}):null,(l==null?void 0:l.chartType)!==u.trendAnalyzer?o.jsxs("div",{className:"dbn-mt-2 dbn-flex dbn-flex-col dbn-gap-4",children:[(l==null?void 0:l.chartType)===u.horizontalStackTable&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show stack labels",enabled:(Mn=l.customSettings)==null?void 0:Mn.showStackLabels,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showStackLabels:!((n=e.customSettings)!=null&&n.showStackLabels)}}})}),o.jsx(i,{variant:"body-text-2",children:"Labels"})]}),(Gn=l==null?void 0:l.customSettings)!=null&&Gn.showStackLabels?o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:"Label Position",selectedOption:{value:((Hn=l==null?void 0:l.labelSettings)==null?void 0:Hn.position)||"hidden",label:""},options:Jj(l==null?void 0:l.chartType),onChange:e=>a(n=>({...n,labelSettings:{...n.labelSettings,show:e.value!=="hidden",position:e.value}}))})}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"sorting",enabled:(Yn=l==null?void 0:l.tableSettings)==null?void 0:Yn.enableSorting,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableSorting:!((n=e.tableSettings)!=null&&n.enableSorting)}}})}),o.jsx(i,{variant:"body-text-2",children:"Sorting"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"disable pagination",enabled:!(($n=l==null?void 0:l.tableSettings)!=null&&$n.disablePagination),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,disablePagination:!((n=e.tableSettings)!=null&&n.disablePagination),isAutoPagination:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Pagination"})]})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"vertical divider",enabled:!((Xn=l==null?void 0:l.tableSettings)!=null&&Xn.hideVerticalDivider),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,hideVerticalDivider:!((n=e.tableSettings)!=null&&n.hideVerticalDivider)}}})}),o.jsx(i,{variant:"body-text-2",children:"Vertical Divider"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"horizontal divider",enabled:!((Pn=l==null?void 0:l.tableSettings)!=null&&Pn.hideHorizontalDivider),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,hideHorizontalDivider:!((n=e.tableSettings)!=null&&n.hideHorizontalDivider)}}})}),o.jsx(i,{variant:"body-text-2",children:"Horizontal Divider"})]}),l.chartType===u.horizontalStackTable?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"table search",enabled:(Un=l==null?void 0:l.tableSettings)==null?void 0:Un.enableTableSearch,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableTableSearch:!((n=e.tableSettings)!=null&&n.enableTableSearch)}}})}),o.jsx(i,{variant:"body-text-2",children:"Table Search"})]}):null,l.chartType===u.horizontalStackTable&&((Zn=l==null?void 0:l.tableSettings)!=null&&Zn.enableTableSearch)?o.jsx(I,{label:"Search Position",selectedOption:{value:((qn=l==null?void 0:l.tableSettings)==null?void 0:qn.searchPosition)||"right",label:((Jn=l==null?void 0:l.tableSettings)==null?void 0:Jn.searchPosition)==="left"?"Left":"Right"},options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,searchPosition:e.value}})),buttonWidth:"100%",menuWidth:"100%"}):null,[u.pivotV3].includes(l==null?void 0:l.chartType)?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"striped rows",enabled:(Kn=l==null?void 0:l.tableSettings)==null?void 0:Kn.enableStripedRows,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableStripedRows:!((n=e.tableSettings)!=null&&n.enableStripedRows)}}})}),o.jsx(i,{variant:"body-text-2",children:"Striped Rows"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"row hover",enabled:(Qn=l==null?void 0:l.tableSettings)==null?void 0:Qn.showRowHover,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,showRowHover:!((n=e.tableSettings)!=null&&n.showRowHover)}}})}),o.jsx(i,{variant:"body-text-2",children:"Row Hover"})]})]}),(l==null?void 0:l.chartType)===u.table?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"hide table border",enabled:!((cn=l==null?void 0:l.tableSettings)!=null&&cn.hideBorder),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,hideBorder:!((n=e.tableSettings)!=null&&n.hideBorder)}}})}),o.jsx(i,{variant:"body-text-2",children:"Table Border"})]}),(gn=l==null?void 0:l.tableSettings)!=null&&gn.hideTableHeader&&![u.pivotV3].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"horizontal cell padding",enabled:!((hn=l==null?void 0:l.tableSettings)!=null&&hn.isRemovePadding),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isRemovePadding:!((n=e.tableSettings)!=null&&n.isRemovePadding)}}})}),o.jsx(i,{variant:"body-text-2",children:"Default Horizontal Cell Padding"})]}),(Sn=l==null?void 0:l.tableSettings)!=null&&Sn.isRemovePadding?o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(j,{label:"Custom Cell Padding",type:"number",addSuffix:"rem",min:0,placeholder:"Enter Custom Padding",onChange:({target:{value:e}})=>a(n=>({...n,tableSettings:{...n.tableSettings,horizontalCellPadding:Number(e)}})),value:((tn=l==null?void 0:l.tableSettings)==null?void 0:tn.horizontalCellPadding)??0})}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"horizontal table scroll",enabled:(ld=l==null?void 0:l.tableSettings)==null?void 0:ld.isHideHorizontalScroll,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isHideHorizontalScroll:!((n=e.tableSettings)!=null&&n.isHideHorizontalScroll)}}})}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Fit Content"}),o.jsx(Al,{text:"Removes horizontal scroll bar and works better with less columns",position:"top",tooltipClass:"dbn-w-[200px]",iconConfig:{size:"xs",color:"primary"}})]})]})]}):null]}):null]}):null]}),header:o.jsx(i,{variant:"heading-5",color:"primary",children:"UI Styling"}),headerButton:null,id:"UI Styling",isOpen:V==="UI Styling",setIsOpen:()=>{B(e=>e==="UI Styling"?"":"UI Styling")}}),[u.pivotV3].includes(l==null?void 0:l.chartType)?null:o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[M&&o.jsxs("div",{className:m.formattingWrapper,children:[o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(I,{label:"Columns",options:ny,selectedOption:{value:C.columnName||"",label:C.columnName||""},onChange:e=>$(n=>({...n,columnName:e.value})),isDisabled:C.isEdit,buttonWidth:"100%",menuWidth:"100%"})}),o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(I,{label:"Conditions",options:rl,selectedOption:{value:C.operator||"",label:C.operator||""},onChange:e=>$(n=>({...n,operator:e.value})),buttonWidth:"100%",menuWidth:"100%"})}),o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(j,{label:"Value",type:"text",placeholder:"Enter Value",onChange:({target:{value:e}})=>$(n=>({...n,value:Number(e)||Number(e)===0?Number(e):e})),value:C.value})}),o.jsx("div",{className:"dbn-col-span-4 dbn-flex dbn-items-end",children:o.jsxs($l,{direction:"row",className:"dbn-gap-2 dbn-items-end",children:[o.jsx(kl,{"data-testid":"bg-color",id:"bg-color",name:"bgColor",label:"Background",labelClass:"dbn-text-sm dbn-font-normal",onClick:()=>{$(e=>({...e,isApplyBgColor:!0,isApplyBadgeColor:!1}))},defaultChecked:!!(C!=null&&C.isApplyBgColor),checked:!!(C!=null&&C.isApplyBgColor)}),o.jsx(kl,{"data-testid":"badge-color",id:"badge-color",name:"badgeColor",label:"Badge",labelClass:"dbn-text-sm dbn-font-normal",onClick:()=>{$(e=>({...e,isApplyBgColor:!1,isApplyBadgeColor:!0}))},defaultChecked:!!(C!=null&&C.isApplyBadgeColor),checked:!!(C!=null&&C.isApplyBadgeColor)})]})}),C!=null&&C.isApplyBgColor?o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(H,{label:"Background Color",name:"background color",onChange:e=>$(n=>({...n,backgrounColor:e})),defaultValue:"#FFFFFF",value:C.backgrounColor})}):null,C!=null&&C.isApplyBadgeColor?o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(H,{label:"Badge Color",name:"badge color",onChange:e=>$(n=>({...n,badgeColor:e})),defaultValue:"#FFFFFF",value:C.badgeColor??"#ffffff"})}):null,o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(H,{label:"Text Color",name:"text color",onChange:e=>$(n=>({...n,color:e})),defaultValue:"#000000",value:C.color})}),h&&o.jsx(jl,{text:h,variant:"error",className:"dbn-col-span-4"}),o.jsxs("div",{className:"dbn-col-span-4 dbn-mt-3 dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(_,{variant:"secondary",onClick:()=>{$({columnName:"",value:"",operator:"",backgrounColor:"#FFFFFF",color:"#000000",isEdit:!1}),J(""),z(!1)},children:"Clear"}),o.jsxs(_,{variant:"primary",type:"button",onClick:()=>tj(),children:[C!=null&&C.isEdit?"Update":"Save"," ","Rule"]})]})]}),(od=(ed=l==null?void 0:l.tableSettings)==null?void 0:ed.conditionalFormatting)!=null&&od.length?(dd=(nd=l==null?void 0:l.tableSettings)==null?void 0:nd.conditionalFormatting)==null?void 0:dd.map((e,n)=>{var d;return o.jsx("div",{className:m.formattingContainer,children:o.jsx("div",{className:m.ruleContainer,children:(d=e.rules)==null?void 0:d.map((b,x)=>{var w,k,F,r,Y,ol;let f="";return(w=b==null?void 0:b.styles)!=null&&w.isApplyBadgeColor||!((k=b==null?void 0:b.styles)!=null&&k.isApplyBgColor)&&((F=b==null?void 0:b.styles)!=null&&F.badgeColor)?f=((r=b==null?void 0:b.styles)==null?void 0:r.badgeColor)||"":f=((Y=b==null?void 0:b.styles)==null?void 0:Y.backgroundColor)||"",o.jsxs("div",{className:"dbn-flex dbn-gap-1 dbn-justify-between",children:[o.jsxs("div",{className:"dbn-flex dbn-gap-1",children:[o.jsx(i,{variant:"body-text-2",children:e.columnName}),o.jsx(i,{variant:"body-text-2",children:(ol=rl.find(bl=>bl.value===b.operator))==null?void 0:ol.label}),o.jsx(i,{variant:"body-text-2",children:o.jsx("span",{style:{backgroundColor:f,color:b.styles.color},className:"dbn-px-1",children:b.value})})]}),o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-items-center",children:[o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"pencil-simple",size:"sm"}),onClick:()=>{var Nl,Ll,_l,Ml;const bl=!!((Nl=b==null?void 0:b.styles)!=null&&Nl.isApplyBadgeColor)||!!(!((Ll=b==null?void 0:b.styles)!=null&&Ll.isApplyBgColor)&&((_l=b==null?void 0:b.styles)!=null&&_l.badgeColor));$({columnName:e.columnName,value:b.value,operator:b.operator,badgeColor:(Ml=b==null?void 0:b.styles)==null?void 0:Ml.badgeColor,backgrounColor:b.styles.backgroundColor||"#FFFFFF",color:b.styles.color||"#000000",isEdit:!0,index1:n,index2:x,isApplyBgColor:!bl,isApplyBadgeColor:bl}),C.isEdit=!0,z(!0)}}),o.jsx(_,{variant:"popover",onClick:()=>my(e.columnName,b),leftIcon:o.jsx(Q,{name:"cross",size:"sm"})},b.value)]})]})})})},e.columnName)}):o.jsx(jl,{text:"No Rules Added",variant:"info"})]}),id:"Conditional Formatting",isOpen:V==="Conditional Formatting",setIsOpen:()=>{B(e=>e==="Conditional Formatting"?"":"Conditional Formatting")},header:o.jsxs("div",{className:m.accordionHeader,children:[o.jsx(i,{variant:"heading-5",color:"primary",children:"Conditional Formatting"}),o.jsx(Al,{text:"You can add rules to change the color of the cells in this table if they meet certain conditions.",position:"top",tooltipClass:"dbn-w-[300px]",isSingleLineTxt:!1})]}),headerButton:o.jsx(_,{variant:"tertiary",size:"small",onClick:e=>{z(!0),V==="Conditional Formatting"&&e.stopPropagation()},leftIcon:o.jsx(Q,{name:"plus"}),children:"Add Rule"})}),[u.table,u.horizontalStackTable].includes(l==null?void 0:l.chartType)&&!((ad=l==null?void 0:l.tableSettings)!=null&&ad.isEnableTranspose)?o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(ud=l==null?void 0:l.tableSettings)!=null&&ud.isEnableNumberFormatting?o.jsxs(o.Fragment,{children:[o.jsx(qj,{chartSettings:l,setChartSettings:a,tableFormatColumnOptions:A,badgeColumnOptions:K}),(bd=l==null?void 0:l.dateColumns)!=null&&bd.length?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable table date formatting",enabled:(sd=l==null?void 0:l.tableSettings)==null?void 0:sd.isEnableTimezoneFormatting,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isEnableTimezoneFormatting:!((n=e.tableSettings)!=null&&n.isEnableTimezoneFormatting)}}})}),o.jsx("div",{children:o.jsx(i,{variant:"body-text-2",children:"Date Formatting"})})]}),(md=l==null?void 0:l.tableSettings)!=null&&md.isEnableTimezoneFormatting?o.jsx(I,{label:"Date Formatters",selectedOption:{value:((id=l==null?void 0:l.tableSettings)==null?void 0:id.timeFormatter)||"original",label:((xd=l==null?void 0:l.tableSettings)==null?void 0:xd.timeFormatter)||"original"},options:Zl,onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,timeFormatter:e.value}})),buttonWidth:"100%",menuWidth:"100%"}):null]}):null]}):o.jsx(jl,{text:"Enable formatting to see formatting options",variant:"info"})}),id:"formatting",isOpen:V==="formatting",setIsOpen:()=>{B(e=>e==="formatting"?"":"formatting")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Formatting"}),headerButton:o.jsx(p,{name:"table number formatting",enabled:(fd=l==null?void 0:l.tableSettings)==null?void 0:fd.isEnableNumberFormatting,onChange:()=>{var e;(e=l==null?void 0:l.tableSettings)!=null&&e.isEnableNumberFormatting||B("formatting"),a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,isEnableNumberFormatting:!((d=n.tableSettings)!=null&&d.isEnableNumberFormatting)}}})}})}):null,[u.table].includes(l==null?void 0:l.chartType)&&!((pd=l==null?void 0:l.tableSettings)!=null&&pd.isEnableTranspose)?o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(yd=(jd=l==null?void 0:l.tableSettings)==null?void 0:jd.aggregateRow)!=null&&yd.isEnable?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-gap-3 dbn-items-end",children:[o.jsx(j,{type:"text",label:"Label",defaultValue:"Total",value:(Nd=(Cd=l==null?void 0:l.tableSettings)==null?void 0:Cd.aggregateRow)==null?void 0:Nd.label,onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,aggregateRow:{...(d=n.tableSettings)==null?void 0:d.aggregateRow,label:e.target.value}}}}),customClassName:"dbn-w-1/2"}),o.jsx(I,{label:"Type",selectedOption:((Td=$j)==null?void 0:Td.find(e=>{var n,d;return e.value===((d=(n=l==null?void 0:l.tableSettings)==null?void 0:n.aggregateRow)==null?void 0:d.function)}))??{value:"",label:""},options:$j,onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,aggregateRow:{...(d=n.tableSettings)==null?void 0:d.aggregateRow,function:e.value}}}}),containerWidth:"dbn-w-1/2",buttonWidth:"100%",menuWidth:"100%"})]}),o.jsx(sl,{label:"Columns",buttonWidth:"100%",menuWidth:"100%",options:D||[],onChange:e=>{a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,aggregateRow:{...(d=n.tableSettings)==null?void 0:d.aggregateRow,columns:e==null?void 0:e.map(b=>b.value)}}}})},selectedOption:((Fd=(vd=(wd=l==null?void 0:l.tableSettings)==null?void 0:wd.aggregateRow)==null?void 0:vd.columns)==null?void 0:Fd.map(e=>({value:e,label:e})))||[],isDisabled:!((Ad=(Ld=l==null?void 0:l.tableSettings)==null?void 0:Ld.aggregateRow)!=null&&Ad.function)})]}):o.jsx(jl,{text:"Enable aggregate row to see options",variant:"info"})}),id:"aggregate-row",isOpen:V==="aggregate-row",setIsOpen:()=>{B(e=>e==="aggregate-row"?"":"aggregate-row")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Aggregate Row"}),headerButton:o.jsx(p,{name:"table aggregate row",enabled:(Vd=(Ed=l==null?void 0:l.tableSettings)==null?void 0:Ed.aggregateRow)==null?void 0:Vd.isEnable,onChange:()=>{var e,n;(n=(e=l==null?void 0:l.tableSettings)==null?void 0:e.aggregateRow)!=null&&n.isEnable||B("aggregate-row"),a(d=>{var b,x,f;return{...d,tableSettings:{...d.tableSettings,aggregateRow:{...(b=d.tableSettings)==null?void 0:b.aggregateRow,isEnable:!((f=(x=d.tableSettings)==null?void 0:x.aggregateRow)!=null&&f.isEnable),columns:[]}}}})}})}):null,(l==null?void 0:l.chartType)===u.horizontalStackTable?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsx(j,{type:"number",label:"Bar Width",onChange:e=>ly(parseInt(e.target.value,10)),value:cl}),o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"number",label:"Bar Top Radius",min:0,onChange:e=>ey(parseInt(e.target.value,10)||0),value:gl||0}),o.jsx(j,{type:"number",label:"Bar Bottom Radius",min:0,onChange:e=>oy(parseInt(e.target.value,10)||0),value:hl||0})]})]}),id:"bar styling",isOpen:V==="bar styling",setIsOpen:()=>{B(e=>e==="bar styling"?"":"bar styling")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Bar Styling"}),headerButton:null}):null,[u.table,u.trendAnalyzer].includes(l==null?void 0:l.chartType)?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[(l==null?void 0:l.chartType)!==u.trendAnalyzer?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"disable pagination",enabled:!((kd=l==null?void 0:l.tableSettings)!=null&&kd.disablePagination),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,disablePagination:!((n=e.tableSettings)!=null&&n.disablePagination),isAutoPagination:!1,isServerSidePagination:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Pagination"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"auto pagination",enabled:!((rd=l==null?void 0:l.tableSettings)!=null&&rd.disablePagination)&&((Bd=l==null?void 0:l.tableSettings)==null?void 0:Bd.isAutoPagination),isDisabled:(Dd=l==null?void 0:l.tableSettings)==null?void 0:Dd.disablePagination,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isAutoPagination:!((n=e.tableSettings)!=null&&n.isAutoPagination),isServerSidePagination:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Auto Pagination"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"pagination",enabled:!((Wd=l==null?void 0:l.tableSettings)!=null&&Wd.disablePagination)&&((Od=l==null?void 0:l.tableSettings)==null?void 0:Od.isServerSidePagination),onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isServerSidePagination:!((n=e.tableSettings)!=null&&n.isServerSidePagination),isAutoPagination:!1,isEnableDropdownFilter:!1,dropdownFilterCols:[]}}}),isDisabled:(Rd=l==null?void 0:l.tableSettings)==null?void 0:Rd.disablePagination}),o.jsx(i,{variant:"body-text-2",children:"Server Side Pagination"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"table search",enabled:(zd=l==null?void 0:l.tableSettings)==null?void 0:zd.enableTableSearch,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableTableSearch:!((n=e.tableSettings)!=null&&n.enableTableSearch)}}})}),o.jsx(i,{variant:"body-text-2",children:"Table Search"})]}),(Id=l==null?void 0:l.tableSettings)!=null&&Id.enableTableSearch?o.jsx(I,{label:"Search Position",selectedOption:{value:((_d=l==null?void 0:l.tableSettings)==null?void 0:_d.searchPosition)||"right",label:((Md=l==null?void 0:l.tableSettings)==null?void 0:Md.searchPosition)==="left"?"Left":"Right"},options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,searchPosition:e.value}})),buttonWidth:"100%",menuWidth:"100%"}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Table Header.",position:"bottom-left",showTooltip:(Gd=l==null?void 0:l.tableSettings)==null?void 0:Gd.hideTableHeader,children:o.jsx(p,{name:"sorting",enabled:(Hd=l==null?void 0:l.tableSettings)==null?void 0:Hd.enableSorting,isDisabled:(Yd=l==null?void 0:l.tableSettings)==null?void 0:Yd.hideTableHeader,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableSorting:!((n=e.tableSettings)!=null&&n.enableSorting)}}})})}),o.jsx(i,{variant:"body-text-2",children:"Sorting"})]}),($d=l==null?void 0:l.tableSettings)!=null&&$d.isEnableTranspose?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Table Header.",position:"bottom-left",showTooltip:(Xd=l==null?void 0:l.tableSettings)==null?void 0:Xd.hideTableHeader,children:o.jsx(p,{name:"enable column filter",enabled:(Pd=l==null?void 0:l.tableSettings)==null?void 0:Pd.isEnableColumnFilter,isDisabled:(Ud=l==null?void 0:l.tableSettings)==null?void 0:Ud.hideTableHeader,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isEnableColumnFilter:!((n=e.tableSettings)!=null&&n.isEnableColumnFilter)}}})})}),o.jsx(i,{variant:"body-text-2",children:"Column Filters"})]}),(Zd=l==null?void 0:l.tableSettings)!=null&&Zd.isEnableColumnFilter&&!((qd=l==null?void 0:l.tableSettings)!=null&&qd.isServerSidePagination)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Column filter with Dropdown",enabled:(Jd=l==null?void 0:l.tableSettings)==null?void 0:Jd.isEnableDropdownFilter,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isEnableDropdownFilter:!((n=e.tableSettings)!=null&&n.isEnableDropdownFilter)}}})}),o.jsx(i,{variant:"body-text-2",children:"Column filter with Dropdown"})]}),(Kd=l==null?void 0:l.tableSettings)!=null&&Kd.isEnableDropdownFilter?o.jsx(sl,{selectedOption:((gd=(cd=(Qd=l==null?void 0:l.tableSettings)==null?void 0:Qd.dropdownFilterCols)==null?void 0:cd.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:gd.map(e=>({value:e,label:e})))||[],label:"Dropdown Filter Columns",options:(Pl==null?void 0:Pl.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n==null?void 0:n.tableSettings,dropdownFilterCols:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"}):null]}):null]})]}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"replace null values",enabled:(hd=l==null?void 0:l.tableSettings)==null?void 0:hd.replaceNullValues,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,replaceNullValues:!((n=e.tableSettings)!=null&&n.replaceNullValues),replaceNullValuesWithEmpty:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Replace null values with '-'"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"replace null values with empty",enabled:(Sd=l==null?void 0:l.tableSettings)==null?void 0:Sd.replaceNullValuesWithEmpty,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...(e==null?void 0:e.tableSettings)||{},replaceNullValuesWithEmpty:!((n=e==null?void 0:e.tableSettings)!=null&&n.replaceNullValuesWithEmpty),replaceNullValues:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Replace null values with blank space"})]}),(l==null?void 0:l.chartType)!==u.trendAnalyzer?o.jsxs(o.Fragment,{children:[(td=l==null?void 0:l.tableSettings)!=null&&td.isEnableTranspose?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"view details",enabled:(la=l==null?void 0:l.tableSettings)==null?void 0:la.isEnableViewDetails,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isEnableViewDetails:!((n=e.tableSettings)!=null&&n.isEnableViewDetails),customViewText:"",hiddenColumns:[]}}})}),o.jsx(i,{variant:"body-text-2",children:"View details"})]}),(ea=l==null?void 0:l.tableSettings)!=null&&ea.isEnableViewDetails?o.jsxs(o.Fragment,{children:[o.jsx(j,{label:"Custom View Text",type:"text",onChange:e=>a(n=>({...n,tableSettings:{...n.tableSettings,customViewText:e.target.value}})),value:((oa=l==null?void 0:l.tableSettings)==null?void 0:oa.customViewText)||"",placeholder:"Enter text"}),o.jsx(sl,{selectedOption:((aa=(da=(na=l==null?void 0:l.tableSettings)==null?void 0:na.hiddenColumns)==null?void 0:da.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:aa.map(e=>({value:e,label:e})))||[],label:"Hide Columns",options:((ua=l==null?void 0:l.yAxisList)==null?void 0:ua.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,tableSettings:{...n==null?void 0:n.tableSettings,hiddenColumns:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"})]}):null]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Transpose data",enabled:(ba=l==null?void 0:l.tableSettings)==null?void 0:ba.isEnableTranspose,onChange:()=>a(e=>{var n,d;return{...e,tableSettings:{...e.tableSettings,isEnableTranspose:!((n=e.tableSettings)!=null&&n.isEnableTranspose),isEnableViewDetails:!1,isEnableColumnFilter:!1,isEnableDropdownFilter:!1,aggregateRow:{...(d=e.tableSettings)==null?void 0:d.aggregateRow,isEnable:!1},isEnableNumberFormatting:!1}}})}),o.jsx(i,{variant:"body-text-2",children:"Transpose data"})]})]}):null]}),id:"features",isOpen:V==="features",setIsOpen:()=>{B(e=>e==="features"?"":"features")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Features"}),headerButton:null}):null]}),[u.pivotV2,u.pivotV3].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[[u.pivotV2].includes(l==null?void 0:l.chartType)?o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:[u.pivotV3,u.pivotV2].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"striped rows",enabled:(sa=l==null?void 0:l.tableSettings)==null?void 0:sa.enableStripedRows,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableStripedRows:!((n=e.tableSettings)!=null&&n.enableStripedRows)}}})}),o.jsx(i,{variant:"body-text-2",children:"Striped Rows"})]}),[u.pivotV2].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"sorting",enabled:(ma=l==null?void 0:l.tableSettings)==null?void 0:ma.enableSorting,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,enableSorting:!((n=e.tableSettings)!=null&&n.enableSorting)}}})}),o.jsx(i,{variant:"body-text-2",children:"Sorting"})]}),(ia=l==null?void 0:l.tableSettings)!=null&&ia.enableSorting?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"all level sorting",enabled:(xa=l==null?void 0:l.tableSettings)==null?void 0:xa.isEnableAllSort,onChange:()=>a(e=>{var n;return{...e,tableSettings:{...e.tableSettings,isEnableAllSort:!((n=e.tableSettings)!=null&&n.isEnableAllSort)}}})}),o.jsx(i,{variant:"body-text-2",children:"All Level Sorting"})]}):null]}):null]}):null}),id:"custom settings",isOpen:V==="custom settings",setIsOpen:()=>{B(e=>e==="custom settings"?"":"custom settings")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Custom Settings"}),headerButton:null}):null,o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(fa=l==null?void 0:l.tableSettings)!=null&&fa.isEnableNumberFormatting?o.jsx(o.Fragment,{children:o.jsx(qj,{chartSettings:l,setChartSettings:a,tableFormatColumnOptions:A,badgeColumnOptions:K})}):o.jsx(jl,{text:"Enable formatting to see formatting options",variant:"info"})}),id:"formatting",isOpen:V==="formatting",setIsOpen:()=>{B(e=>e==="formatting"?"":"formatting")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Formatting"}),headerButton:o.jsx(p,{name:"table number formatting",enabled:(pa=l==null?void 0:l.tableSettings)==null?void 0:pa.isEnableNumberFormatting,onChange:()=>{var e;(e=l==null?void 0:l.tableSettings)!=null&&e.isEnableNumberFormatting||B("formatting"),a(n=>{var d;return{...n,tableSettings:{...n.tableSettings,isEnableNumberFormatting:!((d=n.tableSettings)!=null&&d.isEnableNumberFormatting)}}})}})})]}):null]}):o.jsx(o.Fragment,{children:o.jsxs("div",{className:m.container,children:[![u.pie,u.doughnut,u.rose,u.gauge,u.gaugeV2,u.sankey,u.funnel,u.network,u.linearGaugeV2,u.progressBarV2,u.treeMap].includes(l==null?void 0:l.chartType)&&!Il&&o.jsxs(o.Fragment,{children:[o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:`${m.featWrapper}`,style:{marginTop:"0px"},"data-testid":"axis-setup",children:[o.jsx(i,{variant:"heading-5",children:"Axis Setup"}),!yl&&o.jsxs(o.Fragment,{children:[(l==null?void 0:l.chartType)!==u.horizontalCombo?o.jsxs(o.Fragment,{children:[o.jsx(j,{type:"text",placeholder:"Enter Axis Name",label:"Axis Name",value:(ya=(ja=l==null?void 0:l.labelSettings)==null?void 0:ja.XAxisStyle)==null?void 0:ya.axisName,onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=n.labelSettings)==null?void 0:d.XAxisStyle,axisName:e.target.value}}}})}),o.jsx(j,{type:"number",label:"Axis Name - Label Gap",placeholder:"Enter value",value:(Na=(Ca=l==null?void 0:l.labelSettings)==null?void 0:Ca.XAxisStyle)==null?void 0:Na.axisPadding,onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=n.labelSettings)==null?void 0:d.XAxisStyle,axisPadding:Number(e.target.value)}}}})})]}):null,o.jsx(j,{isDisabled:!((wa=(Ta=l==null?void 0:l.labelSettings)==null?void 0:Ta.XAxisStyle)!=null&&wa.axisName)&&(l==null?void 0:l.chartType)!==u.horizontalCombo,label:"Font Family",type:"text",value:((La=(Fa=(va=l==null?void 0:l.labelSettings)==null?void 0:va.XAxisStyle)==null?void 0:Fa.axisNameFontConfig)==null?void 0:La.fontFamily)||"",onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.XAxisStyle)==null?void 0:x.axisNameFontConfig,fontFamily:e.target.value}}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{isDisabled:!((Ea=(Aa=l==null?void 0:l.labelSettings)==null?void 0:Aa.XAxisStyle)!=null&&Ea.axisName)&&(l==null?void 0:l.chartType)!==u.horizontalCombo,label:"Font size",addSuffix:"px",type:"number",min:0,value:((ra=(ka=(Va=l==null?void 0:l.labelSettings)==null?void 0:Va.XAxisStyle)==null?void 0:ka.axisNameFontConfig)==null?void 0:ra.fontSize)||"",onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.XAxisStyle)==null?void 0:x.axisNameFontConfig,fontSize:parseInt(e.target.value,10)}}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",isDisabled:!((Da=(Ba=l==null?void 0:l.labelSettings)==null?void 0:Ba.XAxisStyle)!=null&&Da.axisName)&&(l==null?void 0:l.chartType)!==u.horizontalCombo,options:ll,onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.XAxisStyle)==null?void 0:x.axisNameFontConfig,fontWeight:parseInt(e.value,10)}}}}})},selectedOption:ll.find(e=>{var n,d,b;return parseInt(e.value,10)===((b=(d=(n=l==null?void 0:l.labelSettings)==null?void 0:n.XAxisStyle)==null?void 0:d.axisNameFontConfig)==null?void 0:b.fontWeight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"X-axis line",enabled:!((Wa=l==null?void 0:l.customSettings)!=null&&Wa.hideXAxisLines),onChange:()=>{var e;R?O==null||O({...l,customSettings:{...l==null?void 0:l.customSettings,hideXAxisLines:!((e=l==null?void 0:l.customSettings)!=null&&e.hideXAxisLines)}}):a(n=>{var d;return{...n,customSettings:{...n.customSettings,hideXAxisLines:!((d=n.customSettings)!=null&&d.hideXAxisLines)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Show Axis Line"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"X-axis ticks",enabled:!((Oa=l==null?void 0:l.customSettings)!=null&&Oa.hideXAxisTicks),onChange:()=>{var e;R?O==null||O({...l,customSettings:{...l==null?void 0:l.customSettings,hideXAxisTicks:!((e=l==null?void 0:l.customSettings)!=null&&e.hideXAxisTicks)}}):a(n=>{var d;return{...n,customSettings:{...n.customSettings,hideXAxisTicks:!((d=n.customSettings)!=null&&d.hideXAxisTicks)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Show Axis Ticks"})]}),!yl&&o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"X-axis splitlines",enabled:!((Ra=l==null?void 0:l.customSettings)!=null&&Ra.hideXSplitLines),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideXSplitLines:!((n=e.customSettings)!=null&&n.hideXSplitLines)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Splitlines"})]}),yl?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"X axis full scale",enabled:(za=l==null?void 0:l.customSettings)==null?void 0:za.isEnableFullScale,onChange:()=>{var e;R?O==null||O({...l,customSettings:{...l==null?void 0:l.customSettings,isEnableFullScale:!((e=l==null?void 0:l.customSettings)!=null&&e.isEnableFullScale)}}):a(n=>{var d;return{...n,customSettings:{...n.customSettings,isEnableFullScale:!((d=n.customSettings)!=null&&d.isEnableFullScale)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Full Scale"})]}),l.chartType!==u.linearGauge?o.jsx(j,{type:"number",label:"Modify Bar Width",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,barWidth:parseInt(e.target.value,10)}})),value:(Ia=l==null?void 0:l.customSettings)==null?void 0:Ia.barWidth}):null]}):null]}),o.jsxs("div",{className:m.featWrapper,"data-testid":"axis-label-setup",children:[o.jsx(i,{variant:"heading-5",children:"Axis Label Setup"}),yl?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"X-axis labels",enabled:!((_a=l==null?void 0:l.customSettings)!=null&&_a.hideXAxisLabels),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideXAxisLabels:!((n=e.customSettings)!=null&&n.hideXAxisLabels)}}})}),o.jsx(i,{variant:"body-text-2",children:"Axis Label"})]}),![u.row,u.horizontalStack,u.bullet,u.horizontalCombo].includes(l==null?void 0:l.chartType)&&!((Ma=l==null?void 0:l.customSettings)!=null&&Ma.hideXAxisLabels)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"truncate label 2",enabled:(Ga=l==null?void 0:l.labelSettings)==null?void 0:Ga.truncateLabel,onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,truncateLabel:!((n=e.labelSettings)!=null&&n.truncateLabel)}}}),isDisabled:(Ha=l==null?void 0:l.customSettings)==null?void 0:Ha.hideXAxisLabels}),o.jsx(i,{variant:"body-text-2",children:"Truncate Label"})]}),(Ya=l==null?void 0:l.labelSettings)!=null&&Ya.truncateLabel?o.jsx(j,{label:"Truncate Label Value",addSuffix:"characters",type:"number",value:($a=l==null?void 0:l.labelSettings)==null?void 0:$a.truncateLabelValue,isDisabled:((Xa=l==null?void 0:l.customSettings)==null?void 0:Xa.hideXAxisLabels)||!((Pa=l==null?void 0:l.labelSettings)!=null&&Pa.truncateLabel),min:0,onChange:e=>a(n=>({...n,labelSettings:{...n.labelSettings,truncateLabelValue:parseInt(e.target.value,10)}}))}):null,o.jsx(j,{label:"Label Margin",addSuffix:"px",type:"number",value:((Za=(Ua=l==null?void 0:l.labelSettings)==null?void 0:Ua.XAxisStyle)==null?void 0:Za.axisMargin)||8,isDisabled:(qa=l==null?void 0:l.customSettings)==null?void 0:qa.hideXAxisLabels,min:0,onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=n.labelSettings)==null?void 0:d.XAxisStyle,axisMargin:parseInt(e.target.value,10)}}}})})]}):null]}),yl||!((Ja=l==null?void 0:l.customSettings)!=null&&Ja.hideXAxisLabels)?o.jsxs(o.Fragment,{children:[o.jsx(j,{isDisabled:(Ka=l==null?void 0:l.customSettings)==null?void 0:Ka.hideXAxisLabels,label:"Font Family",type:"text",value:(ca=(Qa=l==null?void 0:l.labelSettings)==null?void 0:Qa.XAxisStyle)==null?void 0:ca.family,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,family:e.target.value}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{isDisabled:(ga=l==null?void 0:l.customSettings)==null?void 0:ga.hideXAxisLabels,label:"Font size",addSuffix:"px",type:"number",min:0,value:(Sa=(ha=l==null?void 0:l.labelSettings)==null?void 0:ha.XAxisStyle)==null?void 0:Sa.size,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,size:parseInt(e.target.value,10)}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",isDisabled:(ta=l==null?void 0:l.customSettings)==null?void 0:ta.hideXAxisLabels,options:ll,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,weight:parseInt(e.value,10)}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.labelSettings)==null?void 0:n.XAxisStyle)==null?void 0:d.weight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),[u.row,u.horizontalStack,u.bullet].includes(l==null?void 0:l.chartType)||yl?o.jsxs(o.Fragment,{children:[(l==null?void 0:l.chartType)!==u.horizontalStack?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable dynamic limits",enabled:((lu=l==null?void 0:l.customSettings)==null?void 0:lu.isEnableDynamicLimits)&&!((eu=l==null?void 0:l.customSettings)!=null&&eu.hideXAxisLabels),isDisabled:(ou=l==null?void 0:l.customSettings)==null?void 0:ou.hideXAxisLabels,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableDynamicLimits:!((n=e.customSettings)!=null&&n.isEnableDynamicLimits)}}})}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Dynamic Limits"}),o.jsx(Al,{text:"Dynamically adjust limits to maximize chart.",position:"top",tooltipClass:"dbn-w-[300px]",iconConfig:{size:"xs",color:"primary"},isSingleLineTxt:!0})]})]}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable custom limits",enabled:((nu=l==null?void 0:l.customSettings)==null?void 0:nu.isEnableCustomLimits)&&!((du=l==null?void 0:l.customSettings)!=null&&du.hideXAxisLabels)&&!((au=l==null?void 0:l.customSettings)!=null&&au.isEnableDynamicLimits),isDisabled:((uu=l==null?void 0:l.customSettings)==null?void 0:uu.hideXAxisLabels)||((bu=l==null?void 0:l.customSettings)==null?void 0:bu.isEnableDynamicLimits),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableCustomLimits:!((n=e.customSettings)!=null&&n.isEnableCustomLimits)}}})}),o.jsx(i,{variant:"body-text-2",children:"Custom Limits"})]}),(su=l==null?void 0:l.customSettings)!=null&&su.isEnableCustomLimits&&!((mu=l==null?void 0:l.customSettings)!=null&&mu.isEnableDynamicLimits)?o.jsxs("div",{className:"dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(j,{isDisabled:!((iu=l==null?void 0:l.customSettings)!=null&&iu.isEnableCustomLimits),label:"Lower Limit",type:"number",placeholder:"Enter value",min:0,value:(xu=l==null?void 0:l.customSettings)==null?void 0:xu.customLowerLimit,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,customLowerLimit:Number(e.target.value)}}))}),o.jsx(j,{isDisabled:!((fu=l==null?void 0:l.customSettings)!=null&&fu.isEnableCustomLimits),label:"Upper Limit",type:"number",placeholder:"Enter value",min:0,value:(pu=l==null?void 0:l.customSettings)==null?void 0:pu.customUppperLimit,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,customUppperLimit:Number(e.target.value)}}))})]}):null]}):null,o.jsx(H,{isDisabled:(ju=l==null?void 0:l.customSettings)==null?void 0:ju.hideXAxisLabels,label:"Label Color",name:"color",onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,XAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.XAxisStyle,color:e}}}})},defaultValue:"#000000",value:((Cu=(yu=l==null?void 0:l.labelSettings)==null?void 0:yu.XAxisStyle)==null?void 0:Cu.color)||"#000000"}),yl||(l==null?void 0:l.chartType)===u.horizontalCombo?null:o.jsx(o.Fragment,{children:o.jsx(I,{label:"Label Rotation",buttonWidth:"100%",menuWidth:"100%",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,xRotation:parseInt(e.value,10),customRotation:parseInt(e.value,10)}})),options:[{icon:"text-rotation-none",label:"0",value:"0"},{icon:"text-rotation-angle-up",label:"45",value:"45"},{icon:"text-rotation-up",label:"90",value:"90"}],selectedOption:{icon:"angle",label:((wu=((Nu=l==null?void 0:l.customSettings)==null?void 0:Nu.customRotation)||((Tu=l==null?void 0:l.customSettings)==null?void 0:Tu.xRotation))==null?void 0:wu.toString())||"45",value:((Lu=((vu=l==null?void 0:l.customSettings)==null?void 0:vu.customRotation)||((Fu=l==null?void 0:l.customSettings)==null?void 0:Fu.xRotation))==null?void 0:Lu.toString())||"45"},isDisabled:(Au=l==null?void 0:l.customSettings)==null?void 0:Au.hideXAxisLabels,customOption:o.jsx(j,{isDisabled:(Eu=l==null?void 0:l.customSettings)==null?void 0:Eu.hideXAxisLabels,inlineLabel:"Custom Angle",type:"number",value:((Vu=l==null?void 0:l.customSettings)==null?void 0:Vu.customRotation)||((ku=l==null?void 0:l.customSettings)==null?void 0:ku.xRotation),onChange:e=>{const n=parseInt(e.target.value,10);a(d=>({...d,customSettings:{...d.customSettings,customRotation:n,xRotation:n}}))}})})})]}):null]})]}),id:"Horizontal Axis",header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Horizontal Axis"}),headerButton:null,isOpen:V==="Horizontal Axis",setIsOpen:()=>{B(e=>e==="Horizontal Axis"?"":"Horizontal Axis")}}),yl?null:o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:`dbn-mt-0 ${m.featWrapper}`,style:{marginTop:"0px"},"data-testid":"axis-setup",children:[o.jsx(i,{variant:"heading-5",children:"Axis Setup"}),l.chartType!==u.combo?o.jsxs(o.Fragment,{children:[o.jsx(j,{label:"Axis Name",type:"text",placeholder:"Enter axis name",value:(Bu=(ru=l==null?void 0:l.labelSettings)==null?void 0:ru.YAxisStyle)==null?void 0:Bu.axisName,onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=n.labelSettings)==null?void 0:d.YAxisStyle,axisName:e.target.value}}}})}),o.jsx(j,{label:"Axis Name - Label Gap",type:"number",placeholder:"Enter value",value:((Wu=(Du=l==null?void 0:l.labelSettings)==null?void 0:Du.YAxisStyle)==null?void 0:Wu.axisPadding)||"",onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=n.labelSettings)==null?void 0:d.YAxisStyle,axisPadding:Number(e.target.value)}}}})}),o.jsx(j,{isDisabled:!((Ru=(Ou=l==null?void 0:l.labelSettings)==null?void 0:Ou.YAxisStyle)!=null&&Ru.axisName),label:"Font Family",type:"text",value:((_u=(Iu=(zu=l==null?void 0:l.labelSettings)==null?void 0:zu.YAxisStyle)==null?void 0:Iu.axisNameFontConfig)==null?void 0:_u.fontFamily)||"",onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.YAxisStyle)==null?void 0:x.axisNameFontConfig,fontFamily:e.target.value}}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{isDisabled:!((Gu=(Mu=l==null?void 0:l.labelSettings)==null?void 0:Mu.YAxisStyle)!=null&&Gu.axisName),label:"Font size",addSuffix:"px",type:"number",min:0,value:(($u=(Yu=(Hu=l==null?void 0:l.labelSettings)==null?void 0:Hu.YAxisStyle)==null?void 0:Yu.axisNameFontConfig)==null?void 0:$u.fontSize)||"",onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.YAxisStyle)==null?void 0:x.axisNameFontConfig,fontSize:parseInt(e.target.value,10)}}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",isDisabled:!((Pu=(Xu=l==null?void 0:l.labelSettings)==null?void 0:Xu.YAxisStyle)!=null&&Pu.axisName),options:ll,onChange:e=>{a(n=>{var d,b,x;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,axisNameFontConfig:{...(x=(b=l==null?void 0:l.labelSettings)==null?void 0:b.YAxisStyle)==null?void 0:x.axisNameFontConfig,fontWeight:parseInt(e.value,10)}}}}})},selectedOption:ll.find(e=>{var n,d,b;return parseInt(e.value,10)===((b=(d=(n=l==null?void 0:l.labelSettings)==null?void 0:n.YAxisStyle)==null?void 0:d.axisNameFontConfig)==null?void 0:b.fontWeight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]})]}):null,![u.pie,u.doughnut,u.funnel,u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.sankey,u.singleValue,u.table,u.network,u.combo,u.gantt].includes(l.chartType)&&o.jsx(I,{label:"Axis Position",selectedOption:{value:((Uu=l.axisSettings)==null?void 0:Uu.axis)||"left",label:((Zu=l.axisSettings)==null?void 0:Zu.axis)||"Left"},options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],onChange:e=>a(n=>({...n,axisSettings:{...n.axisSettings,axis:e.value}})),buttonWidth:"100%",menuWidth:"100%"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Y-axis line",enabled:!((qu=l==null?void 0:l.customSettings)!=null&&qu.hideYAxisLines),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideYAxisLines:!((n=e.customSettings)!=null&&n.hideYAxisLines)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Axis Line"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Y-axis ticks",enabled:!((Ju=l==null?void 0:l.customSettings)!=null&&Ju.hideYAxisTicks),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideYAxisTicks:!((n=e.customSettings)!=null&&n.hideYAxisTicks)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Axis Ticks"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Y-axis splitlines",enabled:!((Ku=l==null?void 0:l.customSettings)!=null&&Ku.hideYSplitLines),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideYSplitLines:!((n=e.customSettings)!=null&&n.hideYSplitLines)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Splitlines"})]}),[u.horizontalCombo,u.row,u.horizontalStack,u.bullet,u.gantt,u.bubbleV2,u.waterfall,u.waterfallV2,u.timeSeries].includes((l==null?void 0:l.chartType)||"")?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable log value",enabled:(Qu=l==null?void 0:l.customSettings)==null?void 0:Qu.isEnableLogScale,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableLogScale:!((n=e.customSettings)!=null&&n.isEnableLogScale)}}})}),o.jsx(i,{variant:"body-text-2",children:"Log Scale (Base 10)"})]}),(cu=l==null?void 0:l.customSettings)!=null&&cu.isEnableLogScale?o.jsx(jl,{text:"Zero values are excluded in log scale.",variant:"info"}):null]})]}),o.jsxs("div",{className:m.featWrapper,"data-testid":"axis-label-setup",children:[o.jsx(i,{variant:"heading-5",children:"Axis Label Setup"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"Y-axis labels",enabled:!((gu=l==null?void 0:l.customSettings)!=null&&gu.hideYAxisLabels),onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideYAxisLabels:!((n=e.customSettings)!=null&&n.hideYAxisLabels)}}})}),o.jsx(i,{variant:"body-text-2",children:"Axis Label"})]}),(hu=l==null?void 0:l.customSettings)!=null&&hu.hideYAxisLabels?null:o.jsxs(o.Fragment,{children:[(l==null?void 0:l.chartType)!==u.combo?o.jsx(o.Fragment,{children:[u.row,u.horizontalStack,u.bullet,u.horizontalCombo].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"truncate label",enabled:(Su=l==null?void 0:l.labelSettings)==null?void 0:Su.truncateLabel,onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,truncateLabel:!((n=e.labelSettings)!=null&&n.truncateLabel)}}})}),o.jsx(i,{variant:"body-text-2",children:"Truncate Label"})]}),(tu=l==null?void 0:l.labelSettings)!=null&&tu.truncateLabel?o.jsx(j,{label:"Truncate Value",addSuffix:"characters",type:"number",value:(lb=l==null?void 0:l.labelSettings)==null?void 0:lb.truncateLabelValue,min:0,isDisabled:!((eb=l==null?void 0:l.labelSettings)!=null&&eb.truncateLabel),onChange:e=>a(n=>({...n,labelSettings:{...n.labelSettings,truncateLabelValue:parseInt(e.target.value,10)}}))}):null,o.jsx(j,{label:"Label Margin",addSuffix:"px",type:"number",value:((nb=(ob=l==null?void 0:l.labelSettings)==null?void 0:ob.YAxisStyle)==null?void 0:nb.axisMargin)||8,isDisabled:(db=l==null?void 0:l.customSettings)==null?void 0:db.hideYAxisLabels,min:0,onChange:e=>a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=n.labelSettings)==null?void 0:d.YAxisStyle,axisMargin:parseInt(e.target.value,10)}}}})})]}):null}):null,o.jsx(j,{isDisabled:(ab=l==null?void 0:l.customSettings)==null?void 0:ab.hideYAxisLabels,label:"Font Family",type:"text",value:(bb=(ub=l==null?void 0:l.labelSettings)==null?void 0:ub.YAxisStyle)==null?void 0:bb.family,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,family:e.target.value}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{isDisabled:(sb=l==null?void 0:l.customSettings)==null?void 0:sb.hideYAxisLabels,label:"Font Size",type:"number",addSuffix:"px",min:0,value:(ib=(mb=l==null?void 0:l.labelSettings)==null?void 0:mb.YAxisStyle)==null?void 0:ib.size,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,size:parseInt(e.target.value,10)}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",isDisabled:(xb=l==null?void 0:l.customSettings)==null?void 0:xb.hideYAxisLabels,options:ll,onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,weight:parseInt(e.value,10)}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.labelSettings)==null?void 0:n.YAxisStyle)==null?void 0:d.weight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(H,{isDisabled:(fb=l==null?void 0:l.customSettings)==null?void 0:fb.hideYAxisLabels,label:"Label Color",name:"color",onChange:e=>{a(n=>{var d;return{...n,labelSettings:{...n.labelSettings,YAxisStyle:{...(d=l==null?void 0:l.labelSettings)==null?void 0:d.YAxisStyle,color:e}}}})},defaultValue:"#000000",value:((jb=(pb=l==null?void 0:l.labelSettings)==null?void 0:pb.YAxisStyle)==null?void 0:jb.color)||"#000000"}),[u.combo,u.horizontalCombo,u.row,u.horizontalStack,u.bullet,u.gantt].includes((l==null?void 0:l.chartType)||"")?null:o.jsxs(o.Fragment,{children:[[u.stack,u.stackedArea,u.boxplot,u.bubble,u.bubbleV2,u.timeSeries].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable dynamic limits",enabled:(yb=l==null?void 0:l.customSettings)==null?void 0:yb.isEnableDynamicLimits,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableDynamicLimits:!((n=e.customSettings)!=null&&n.isEnableDynamicLimits)}}})}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Dynamic Limits"}),o.jsx(Al,{text:"Dynamically adjust limits to maximize chart.",position:"top",tooltipClass:"dbn-w-[300px]",iconConfig:{size:"xs",color:"primary"},isSingleLineTxt:!0})]})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable custom limits",enabled:((Cb=l==null?void 0:l.customSettings)==null?void 0:Cb.isEnableCustomLimits)&&!((Nb=l==null?void 0:l.customSettings)!=null&&Nb.isEnableDynamicLimits),isDisabled:(Tb=l==null?void 0:l.customSettings)==null?void 0:Tb.isEnableDynamicLimits,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableCustomLimits:!((n=e.customSettings)!=null&&n.isEnableCustomLimits)}}})}),o.jsx(i,{variant:"body-text-2",children:"Custom Limits"})]}),(wb=l==null?void 0:l.customSettings)!=null&&wb.isEnableCustomLimits&&!((vb=l==null?void 0:l.customSettings)!=null&&vb.isEnableDynamicLimits)?o.jsxs("div",{className:"dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(j,{isDisabled:!((Fb=l==null?void 0:l.customSettings)!=null&&Fb.isEnableCustomLimits),label:"Lower Limit",type:"number",placeholder:"Enter value",min:0,value:(Lb=l==null?void 0:l.customSettings)==null?void 0:Lb.customLowerLimit,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,customLowerLimit:Number(e.target.value)}}))}),o.jsx(j,{isDisabled:!((Ab=l==null?void 0:l.customSettings)!=null&&Ab.isEnableCustomLimits),label:"Upper Limit",type:"number",placeholder:"Enter value",min:0,value:(Eb=l==null?void 0:l.customSettings)==null?void 0:Eb.customUppperLimit,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,customUppperLimit:Number(e.target.value)}}))})]}):null]})]})]}),[u.line,u.timeSeries].includes(l==null?void 0:l.chartType)?o.jsxs("div",{className:m.featWrapper,children:[o.jsx(i,{variant:"heading-5",children:"Marker Settings"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"max marker",enabled:(kb=(Vb=l==null?void 0:l.customSettings)==null?void 0:Vb.markers)==null?void 0:kb.isEnableMax,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,markers:{...(n=e.customSettings)==null?void 0:n.markers,isEnableMax:!((b=(d=e.customSettings)==null?void 0:d.markers)!=null&&b.isEnableMax)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Marker for maximum value"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"min marker",enabled:(Bb=(rb=l==null?void 0:l.customSettings)==null?void 0:rb.markers)==null?void 0:Bb.isEnableMin,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,markers:{...(n=e.customSettings)==null?void 0:n.markers,isEnableMin:!((b=(d=e.customSettings)==null?void 0:d.markers)!=null&&b.isEnableMin)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Marker for minimum value"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"avg line",enabled:(Wb=(Db=l==null?void 0:l.customSettings)==null?void 0:Db.markers)==null?void 0:Wb.isEnableAvg,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,markers:{...(n=e.customSettings)==null?void 0:n.markers,isEnableAvg:!((b=(d=e.customSettings)==null?void 0:d.markers)!=null&&b.isEnableAvg)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Average line"})]}),o.jsx(H,{label:"Max Value Marker Color",name:"max color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,markers:{...(d=n.customSettings)==null?void 0:d.markers,maxColor:e}}}}),defaultValue:"#008000",value:((Rb=(Ob=l==null?void 0:l.customSettings)==null?void 0:Ob.markers)==null?void 0:Rb.maxColor)||"#008000"}),o.jsx(H,{label:"Min Value Marker Color",name:"min color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,markers:{...(d=n.customSettings)==null?void 0:d.markers,minColor:e}}}}),defaultValue:"#FF0000",value:((Ib=(zb=l==null?void 0:l.customSettings)==null?void 0:zb.markers)==null?void 0:Ib.minColor)||"#FF0000"})]}):null,(l==null?void 0:l.chartType)===u.horizontalCombo&&!((_b=l==null?void 0:l.customSettings)!=null&&_b.hideYAxisLabels)?o.jsx(I,{label:"Label Rotation",buttonWidth:"100%",menuWidth:"100%",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,xRotation:parseInt(e.value,10),customRotation:parseInt(e.value,10)}})),options:[{icon:"text-rotation-none",label:"0",value:"0"},{icon:"text-rotation-angle-up",label:"45",value:"45"},{icon:"text-rotation-up",label:"90",value:"90"}],selectedOption:{icon:"angle",label:((Hb=((Mb=l==null?void 0:l.customSettings)==null?void 0:Mb.customRotation)||((Gb=l==null?void 0:l.customSettings)==null?void 0:Gb.xRotation))==null?void 0:Hb.toString())||"45",value:((Xb=((Yb=l==null?void 0:l.customSettings)==null?void 0:Yb.customRotation)||(($b=l==null?void 0:l.customSettings)==null?void 0:$b.xRotation))==null?void 0:Xb.toString())||"45"},isDisabled:(Pb=l==null?void 0:l.customSettings)==null?void 0:Pb.hideXAxisLabels,customOption:o.jsx(j,{isDisabled:(Ub=l==null?void 0:l.customSettings)==null?void 0:Ub.hideXAxisLabels,inlineLabel:"Custom Angle",type:"number",value:((Zb=l==null?void 0:l.customSettings)==null?void 0:Zb.customRotation)||((qb=l==null?void 0:l.customSettings)==null?void 0:qb.xRotation),onChange:e=>{const n=parseInt(e.target.value,10);a(d=>({...d,customSettings:{...d.customSettings,customRotation:n,xRotation:n}}))}})}):null]}),id:"vertical axis",isOpen:V==="vertical axis",setIsOpen:()=>{B(e=>e==="vertical axis"?"":"vertical axis")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Vertical Axis"}),headerButton:null})]}),!Il&&![u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.treeMap].includes(l.chartType)?o.jsxs(o.Fragment,{children:[yl?null:o.jsxs(o.Fragment,{children:[[u.bar,u.verticalCombo,u.row,u.stack,u.horizontalStack,u.bullet,u.combo,u.horizontalCombo,u.gantt].includes(l.chartType)||l.chartType===u.timeSeries&&((Kb=(Jb=l.timeSeriesSettings)==null?void 0:Jb.seriesType[0])==null?void 0:Kb.type)==="bar"?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[[u.bar].includes(l==null?void 0:l.chartType)&&(l!=null&&l.isDynamicSeries)&&(l==null?void 0:l.seriesField)!=="ungrouped"?null:o.jsx(j,{type:"number",label:(l==null?void 0:l.chartType)===u.gantt?"Bar Height":"Bar Width",onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,barWidth:parseInt(e.target.value,10)}})),value:(Qb=l==null?void 0:l.customSettings)==null?void 0:Qb.barWidth}),(l==null?void 0:l.chartType)!==u.horizontalStack?o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"number",label:"Bar Top Radius",min:0,onChange:e=>s(n=>({...n,topRadius:parseInt(e.target.value,10)||0})),value:((gb=(cb=l==null?void 0:l.customSettings)==null?void 0:cb.barRadius)==null?void 0:gb[1])||0}),o.jsx(j,{type:"number",label:"Bar Bottom Radius",min:0,onChange:e=>s(n=>({...n,bottomRadius:parseInt(e.target.value,10)||0})),value:((Sb=(hb=l==null?void 0:l.customSettings)==null?void 0:hb.barRadius)==null?void 0:Sb[3])||0})]}):null]}),id:"bar styling",isOpen:V==="bar styling",setIsOpen:()=>{B(e=>e==="bar styling"?"":"bar styling")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Bar Styling"}),headerButton:null}):null,[u.boxplot].includes(l==null?void 0:l.chartType)?null:o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(tb=l==null?void 0:l.legendSettings)!=null&&tb.show?o.jsxs(o.Fragment,{children:[o.jsxs("div",{children:[o.jsx(i,{variant:"body-text-2",children:"Position"}),o.jsx(Gl,{val:(ls=l==null?void 0:l.legendSettings)==null?void 0:ls.fixedPosition,onClick:e=>a(n=>({...n,legendSettings:{...n.legendSettings,fixedPosition:e}})),isDisableCenterPositioning:((es=l==null?void 0:l.legendSettings)==null?void 0:es.position)==="horizontal",isDisableVerticalCenterPositioning:((os=l==null?void 0:l.legendSettings)==null?void 0:os.position)==="vertical"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"disable scroll",enabled:!((ns=l==null?void 0:l.legendSettings)!=null&&ns.disableScroll),onChange:()=>a(e=>{var n;return{...e,legendSettings:{...e.legendSettings,disableScroll:!((n=e.legendSettings)!=null&&n.disableScroll)}}})}),o.jsx(i,{variant:"body-text-2",children:"Legend Scrolling"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"customise",enabled:(ds=l==null?void 0:l.legendSettings)==null?void 0:ds.customise,onChange:()=>a(e=>{var n;return{...e,legendSettings:{...e.legendSettings,customise:!((n=e.legendSettings)!=null&&n.customise)}}})}),o.jsx(i,{variant:"body-text-2",children:"Custom Position"})]}),(as=l==null?void 0:l.legendSettings)!=null&&as.customise?o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-gap-4",children:[o.jsx(j,{"data-testid":"custom-vertical-input",type:"number",isDisabled:!((us=l==null?void 0:l.legendSettings)!=null&&us.customise),leftIcon:o.jsx(Q,{name:"align-top"}),value:(bs=l==null?void 0:l.legendSettings)==null?void 0:bs.top,onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,top:parseInt(e.target.value,10)}}))}),o.jsx(j,{"data-testid":"custom-horizontal-input",isDisabled:!((ss=l==null?void 0:l.legendSettings)!=null&&ss.customise),leftIcon:o.jsx(Q,{name:"align-left"}),type:"number",value:(ms=l==null?void 0:l.legendSettings)==null?void 0:ms.left,onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,left:parseInt(e.target.value,10)}}))})]}):null,o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:"Orientation",selectedOption:{value:((is=l==null?void 0:l.legendSettings)==null?void 0:is.position)||"horizontal",label:((xs=l==null?void 0:l.legendSettings)==null?void 0:xs.position)||"Horizontal"},options:[{label:"Horizontal",value:"horizontal",icon:"arrows-horizontal"},{label:"Vertical",value:"vertical",icon:"arrows-vertical"}],onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,position:e.value}}))})}),o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:"Legend Shape",selectedOption:{value:((fs=l==null?void 0:l.legendSettings)==null?void 0:fs.legendShape)||"rectangle",label:""},options:[{label:"",value:"roundRect",icon:"rectangle"},{label:"",value:"diamond",icon:"diamond"},{label:"",value:"triangle",icon:"triangle"},{label:"",value:"circle",icon:"circular"},{label:"",value:"arrow",icon:"arrow-shape"}],onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,legendShape:e.value}}))})}),o.jsx(j,{label:"Font Family",type:"text",value:(ps=l==null?void 0:l.legendSettings)==null?void 0:ps.fontFamily,onChange:e=>{a(n=>({...n,legendSettings:{...n.legendSettings,fontFamily:e.target.value}}))}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,value:(js=l==null?void 0:l.legendSettings)==null?void 0:js.fontSize,onChange:e=>{a(n=>({...n,legendSettings:{...n.legendSettings,fontSize:parseInt(e.target.value,10)}}))}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>({...n,legendSettings:{...n.legendSettings,fontWeight:parseInt(e.value,10)}}))},selectedOption:ll.find(e=>{var n;return parseInt(e.value,10)===((n=l==null?void 0:l.legendSettings)==null?void 0:n.fontWeight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(j,{label:"Truncate Legend",addSuffix:"characters",type:"number",value:(ys=l==null?void 0:l.legendSettings)==null?void 0:ys.truncateLegendValue,min:0,onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,truncateLegendValue:parseInt(e.target.value,10)}}))}),[u.bar,u.verticalCombo,u.line,u.stack,u.timeSeries].includes(l==null?void 0:l.chartType)&&(l!=null&&l.isMultiDimension)&&((Cs=l==null?void 0:l.timeSeriesSettings)==null?void 0:Cs.groupBySettings.value)!=="ungrouped"?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"legend selection",enabled:(Ns=l==null?void 0:l.customSettings)==null?void 0:Ns.showSelectLegend,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showSelectLegend:!((n=e.customSettings)!=null&&n.showSelectLegend)}}})}),o.jsx(i,{variant:"body-text-2",children:"Legend selection"})]}):null,o.jsx(H,{label:"Legend Label Color",name:"color",onChange:e=>{a(n=>({...n,legendSettings:{...n.legendSettings,color:e}}))},defaultValue:"#000000",value:((Ts=l==null?void 0:l.legendSettings)==null?void 0:Ts.color)||"#000000"}),(l==null?void 0:l.chartType)===u.timeSeries&&((Fs=(vs=(ws=l==null?void 0:l.timeSeriesSettings)==null?void 0:ws.seriesType)==null?void 0:vs[0])==null?void 0:Fs.type)==="line"&&((Ls=l==null?void 0:l.customSettings)!=null&&Ls.isEnableDashedLine)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"future legend",enabled:(As=l==null?void 0:l.customSettings)==null?void 0:As.isEnableFutureLegend,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableFutureLegend:!((n=e.customSettings)!=null&&n.isEnableFutureLegend)}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Future Legend"})]}),(Es=l==null?void 0:l.customSettings)!=null&&Es.isEnableFutureLegend?o.jsx(o.Fragment,{children:(Vs=l==null?void 0:l.yAxisList)==null?void 0:Vs.map(e=>{var n,d;return o.jsx(j,{label:e,type:"text",value:((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.futureLegendNames)==null?void 0:d[e])||`Future ${e}`,onChange:b=>{var f;const x=((f=l==null?void 0:l.customSettings)==null?void 0:f.futureLegendNames)||{};x[e]=b.target.value,a(w=>({...w,customSettings:{...w.customSettings,futureLegendNames:x}}))}})})}):null]}):null]}):o.jsx(jl,{text:"Enable Chart Legend to see options",variant:"info"})}),id:"chart legend",isOpen:V==="chart legend",setIsOpen:()=>{B(e=>e==="chart legend"?"":"chart legend")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Legend"}),headerButton:o.jsx(p,{name:"show legend",defaultEnabled:!0,enabled:(ks=l==null?void 0:l.legendSettings)==null?void 0:ks.show,onChange:()=>{var e;(e=l==null?void 0:l.legendSettings)!=null&&e.show||B("chart legend"),a(n=>{var d;return{...n,legendSettings:{...n.legendSettings,show:!((d=n.legendSettings)!=null&&d.show)}}})}})})]}),[u.pie,u.doughnut,u.rose,u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.sankey,u.funnel,u.progressBar,u.linearGauge,u.network].includes(l==null?void 0:l.chartType)?null:o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:o.jsxs("div",{className:m.marginContainer,children:[o.jsx("div",{className:m.marginWrapper,children:o.jsx(j,{"data-testid":"chart-margin-top",type:"number",value:(rs=l==null?void 0:l.margins)==null?void 0:rs.marginTop,onChange:e=>a(n=>({...n,margins:{...n.margins,marginTop:parseInt(e.target.value,10)}}))})}),o.jsxs("div",{className:m.chartDemoContainer,children:[o.jsx("div",{className:m.marginWrapper,children:o.jsx(j,{"data-testid":"chart-margin-left",type:"number",value:(Bs=l==null?void 0:l.margins)==null?void 0:Bs.marginLeft,onChange:e=>a(n=>({...n,margins:{...n.margins,marginLeft:parseInt(e.target.value,10)}}))})}),o.jsx("div",{className:m.chartDemo}),o.jsx("div",{className:m.marginWrapper,children:o.jsx(j,{"data-testid":"chart-margin-right",type:"number",value:(Ds=l==null?void 0:l.margins)==null?void 0:Ds.marginRight,onChange:e=>a(n=>({...n,margins:{...n.margins,marginRight:parseInt(e.target.value,10)}}))})})]}),o.jsx("div",{className:m.marginWrapper,children:o.jsx(j,{"data-testid":"chart-margin-bottom",type:"number",value:(Ws=l==null?void 0:l.margins)==null?void 0:Ws.marginBottom,onChange:e=>a(n=>({...n,margins:{...n.margins,marginBottom:parseInt(e.target.value,10)}}))})})]})}),id:"chart margin",isOpen:V==="chart margin",setIsOpen:()=>{B(e=>e==="chart margin"?"":"chart margin")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Margin"}),headerButton:null}),[u.boxplot,u.gantt].includes(l==null?void 0:l.chartType)?null:o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsx("div",{className:m.featTabsContainer,children:o.jsx(Cl,{label:"Label Position",selectedOption:{value:((Os=l==null?void 0:l.labelSettings)==null?void 0:Os.position)||"hidden",label:""},options:Jj(l==null?void 0:l.chartType),onChange:e=>a(n=>({...n,labelSettings:{...n.labelSettings,show:e.value!=="hidden",position:e.value}})),isDisabled:[u.waterfall,u.waterfallV2].includes(l==null?void 0:l.chartType)&&((Rs=l==null?void 0:l.labelSettings)==null?void 0:Rs.isDynamicPosition)})}),(l==null?void 0:l.chartType)===u.stack?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"value summation",enabled:(zs=l==null?void 0:l.labelSettings)==null?void 0:zs.isEnableValueSummation,onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,isEnableValueSummation:!((n=e.labelSettings)!=null&&n.isEnableValueSummation)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Cumulative Label"})]}):null,[u.pie,u.doughnut,u.rose].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"dimension label value",enabled:((Is=l==null?void 0:l.labelSettings)==null?void 0:Is.position)!=="hidden"&&((_s=l==null?void 0:l.labelSettings)==null?void 0:_s.showDimension),onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,showDimension:!((n=e.labelSettings)!=null&&n.showDimension)}}}),isDisabled:((Ms=l==null?void 0:l.labelSettings)==null?void 0:Ms.position)==="hidden"}),o.jsx(i,{variant:"body-text-2",children:"Show Dimension Label"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"label line",enabled:((Gs=l==null?void 0:l.labelSettings)==null?void 0:Gs.position)==="outside"&&((Hs=l==null?void 0:l.labelSettings)==null?void 0:Hs.showLabelLine),onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,showLabelLine:!((n=e.labelSettings)!=null&&n.showLabelLine)}}}),isDisabled:((Ys=l==null?void 0:l.labelSettings)==null?void 0:Ys.position)!=="outside"}),o.jsx(i,{variant:"body-text-2",children:"Show Label Line"})]})]}):null,[u.waterfall,u.waterfallV2].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"dynamic label position",enabled:($s=l==null?void 0:l.labelSettings)==null?void 0:$s.isDynamicPosition,onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,isDynamicPosition:!((n=e.labelSettings)!=null&&n.isDynamicPosition)}}})}),o.jsx(i,{variant:"body-text-2",children:"Dynamic Label Position"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show actual value",enabled:(Xs=l==null?void 0:l.labelSettings)==null?void 0:Xs.showActualValue,onChange:()=>a(e=>{var n;return{...e,labelSettings:{...e.labelSettings,showActualValue:!((n=e.labelSettings)!=null&&n.showActualValue)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Actual Value Label"})]})]}):null]}),id:"chart label",isOpen:V==="chart label",setIsOpen:()=>{B(e=>e==="chart label"?"":"chart label")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Label"}),headerButton:null})]}):null,[u.funnel,u.sankey,u.geoBarMap,u.geoMap,u.geoScatterMap,u.progressBar,u.linearGauge,u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.network].includes(l==null?void 0:l.chartType)||tl?null:o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[[u.gantt,u.treeMap].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"label tooltip",enabled:(Ps=l==null?void 0:l.customSettings)==null?void 0:Ps.isEnableLabelTooltip,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableLabelTooltip:!((n=l==null?void 0:l.customSettings)!=null&&n.isEnableLabelTooltip)}}})}),o.jsx(i,{variant:"body-text-2",children:"Label Tooltip"})]}),[u.gantt].includes(l==null?void 0:l.chartType)?o.jsx(sl,{selectedOption:((qs=(Zs=(Us=l==null?void 0:l.customSettings)==null?void 0:Us.ganttTooltipKeys)==null?void 0:Zs.filter(e=>{var n;return(n=Vl==null?void 0:Vl.map(d=>d==null?void 0:d.value))==null?void 0:n.includes(e)}))==null?void 0:qs.map(e=>({value:e,label:e})))||[],label:"Tooltip Keys",options:Vl||[],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,ganttTooltipKeys:((d=e==null?void 0:e.filter(b=>{var x;return(x=Vl==null?void 0:Vl.map(f=>f==null?void 0:f.value))==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"}):null,o.jsxs("div",{className:`dbn-mt-0 ${m.featWrapper}`,"data-testid":"header-font-settings",children:[o.jsx(i,{variant:"heading-5",children:"Header Font Settings"}),o.jsx(j,{label:"Font Family",type:"text",value:(Ks=(Js=l==null?void 0:l.tooltipSettings)==null?void 0:Js.tooltipHeader)==null?void 0:Ks.family,defaultValue:"Inter",onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,tooltipHeader:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.tooltipHeader,family:e.target.value}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,defaultValue:14,value:(cs=(Qs=l==null?void 0:l.tooltipSettings)==null?void 0:Qs.tooltipHeader)==null?void 0:cs.size,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,tooltipHeader:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.tooltipHeader,size:parseInt(e.target.value,10)}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,tooltipHeader:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.tooltipHeader,weight:parseInt(e.value,10)}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.tooltipSettings)==null?void 0:n.tooltipHeader)==null?void 0:d.weight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(H,{label:"Header Color",name:"color",onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,tooltipHeader:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.tooltipHeader,color:e}}}})},value:((hs=(gs=l==null?void 0:l.tooltipSettings)==null?void 0:gs.tooltipHeader)==null?void 0:hs.color)||""})]}),o.jsxs("div",{className:m.featWrapper,"data-testid":"label-font-settings",children:[o.jsx(i,{variant:"heading-5",children:"Label Font Settings"}),o.jsx(j,{label:"Font Family",type:"text",defaultValue:"Inter",value:(ts=(Ss=l==null?void 0:l.tooltipSettings)==null?void 0:Ss.labelStyle)==null?void 0:ts.family,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,labelStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.labelStyle,family:e.target.value}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,defaultValue:14,value:(em=(lm=l==null?void 0:l.tooltipSettings)==null?void 0:lm.labelStyle)==null?void 0:em.size,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,labelStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.labelStyle,size:parseInt(e.target.value,10)}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,labelStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.labelStyle,weight:parseInt(e.value,10)}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.tooltipSettings)==null?void 0:n.labelStyle)==null?void 0:d.weight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(H,{label:"Label Color",name:"color",onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,labelStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.labelStyle,color:e}}}})},value:((nm=(om=l==null?void 0:l.tooltipSettings)==null?void 0:om.labelStyle)==null?void 0:nm.color)||""})]}),o.jsxs("div",{className:m.featWrapper,"data-testid":"value-font-settings",children:[o.jsx(i,{variant:"heading-5",children:"Value Font Settings"}),o.jsx(j,{label:"Font Family",type:"text",defaultValue:"Inter",value:(am=(dm=l==null?void 0:l.tooltipSettings)==null?void 0:dm.valueStyle)==null?void 0:am.family,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,valueStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.valueStyle,family:e.target.value}}}})}}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,defaultValue:14,value:(bm=(um=l==null?void 0:l.tooltipSettings)==null?void 0:um.valueStyle)==null?void 0:bm.size,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,valueStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.valueStyle,size:parseInt(e.target.value,10)}}}})}})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,valueStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.valueStyle,weight:parseInt(e.value,10)}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.tooltipSettings)==null?void 0:n.valueStyle)==null?void 0:d.weight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(H,{label:"Value Color",name:"color",onChange:e=>{a(n=>{var d;return{...n,tooltipSettings:{...n.tooltipSettings,valueStyle:{...(d=l==null?void 0:l.tooltipSettings)==null?void 0:d.valueStyle,color:e}}}})},value:((mm=(sm=l==null?void 0:l.tooltipSettings)==null?void 0:sm.valueStyle)==null?void 0:mm.color)||""})]})]}),id:"chart tooltip",isOpen:V==="chart tooltip",setIsOpen:()=>{B(e=>e==="chart tooltip"?"":"chart tooltip")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Tooltip"}),headerButton:null}),[u.gauge].includes(l==null?void 0:l.chartType)?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsx("div",{className:`dbn-mb-3 ${m.featTabsContainer}`,children:o.jsx(Cl,{label:"Orientation",selectedOption:{value:((im=l==null?void 0:l.legendSettings)==null?void 0:im.position)||"horizontal",label:((xm=l==null?void 0:l.legendSettings)==null?void 0:xm.position)||"Horizontal"},options:[{label:"Horizontal",value:"horizontal",icon:"arrows-horizontal"},{label:"Vertical",value:"vertical",icon:"arrows-vertical"}],onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,position:e.value}}))})}),o.jsx(j,{label:"Truncate Legend",addSuffix:"characters",type:"number",value:(fm=l==null?void 0:l.legendSettings)==null?void 0:fm.truncateLegendValue,min:0,onChange:e=>a(n=>({...n,legendSettings:{...n.legendSettings,truncateLegendValue:parseInt(e.target.value,10)}}))})]}),id:"chart legend",isOpen:V==="chart legend",setIsOpen:()=>{B(e=>e==="chart legend"?"":"chart legend")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Legend"}),headerButton:null}):null,[u.progressBarV2,u.linearGaugeV2].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"lineargaugeV2 value",enabled:(jm=(pm=l==null?void 0:l.customSettings)==null?void 0:pm.linearGaugeV2)==null?void 0:jm.isEnableValue,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e.customSettings)==null?void 0:n.linearGaugeV2,isEnableValue:!((b=(d=e.customSettings)==null?void 0:d.linearGaugeV2)!=null&&b.isEnableValue)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Value"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((ym=l==null?void 0:l.customSettings)!=null&&ym.isEnableLabelFormatting),children:o.jsx(p,{name:"lineargaugeV2 pointer label",enabled:((Cm=l==null?void 0:l.customSettings)==null?void 0:Cm.isEnableLabelFormatting)&&((Tm=(Nm=l==null?void 0:l.customSettings)==null?void 0:Nm.linearGaugeV2)==null?void 0:Tm.isEnableLabel),isDisabled:!((wm=l==null?void 0:l.customSettings)!=null&&wm.isEnableLabelFormatting),onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e.customSettings)==null?void 0:n.linearGaugeV2,isEnableLabel:!((b=(d=e.customSettings)==null?void 0:d.linearGaugeV2)!=null&&b.isEnableLabel)}}}})})}),o.jsx(i,{variant:"body-text-2",children:"Enable Label"})]}),(l==null?void 0:l.chartType)===u.linearGaugeV2?o.jsx(o.Fragment,{children:o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((vm=l==null?void 0:l.customSettings)!=null&&vm.isEnableLabelFormatting),children:o.jsx(p,{name:"lineargaugeV2 axis ticks",enabled:((Fm=l==null?void 0:l.customSettings)==null?void 0:Fm.isEnableLabelFormatting)&&((Am=(Lm=l==null?void 0:l.customSettings)==null?void 0:Lm.linearGaugeV2)==null?void 0:Am.isShowSplitLines),isDisabled:!((Em=l==null?void 0:l.customSettings)!=null&&Em.isEnableLabelFormatting),onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e.customSettings)==null?void 0:n.linearGaugeV2,isShowSplitLines:!((b=(d=e.customSettings)==null?void 0:d.linearGaugeV2)!=null&&b.isShowSplitLines)}}}})})}),o.jsx(i,{variant:"body-text-2",children:"Show Splitlines"})]})}):null,o.jsx(I,{label:"Marker Size",selectedOption:(km=(Vm=l==null?void 0:l.customSettings)==null?void 0:Vm.linearGaugeV2)!=null&&km.size?{value:(Bm=(rm=l==null?void 0:l.customSettings)==null?void 0:rm.linearGaugeV2)==null?void 0:Bm.size,label:(Wm=(Dm=l==null?void 0:l.customSettings)==null?void 0:Dm.linearGaugeV2)==null?void 0:Wm.size}:Xj[1],options:Xj,onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,size:e.value}}}}),buttonWidth:"100%",menuWidth:"100%"})]}),id:"chart metrics",isOpen:V==="chart metrics",setIsOpen:()=>{B(e=>e==="chart metrics"?"":"chart metrics")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Markers"}),headerButton:null}),o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:((l==null?void 0:l.chartType)!==u.linearGaugeV2||(Om=l==null?void 0:l.customSettings)!=null&&Om.isEnableLabelFormatting)&&((zm=(Rm=l==null?void 0:l.customSettings)==null?void 0:Rm.linearGaugeV2)!=null&&zm.isEnableLabels)?o.jsxs(o.Fragment,{children:[(l==null?void 0:l.chartType)===u.linearGaugeV2?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"lineargaugeV2 label range",enabled:(_m=(Im=l==null?void 0:l.customSettings)==null?void 0:Im.linearGaugeV2)==null?void 0:_m.isEnableRange,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e.customSettings)==null?void 0:n.linearGaugeV2,isEnableRange:!((b=(d=e.customSettings)==null?void 0:d.linearGaugeV2)!=null&&b.isEnableRange)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Label Range"})]}):null,o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,value:(Gm=(Mm=l==null?void 0:l.customSettings)==null?void 0:Mm.linearGaugeV2)==null?void 0:Gm.labelSize,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,labelSize:Number(e)}}}})})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=l==null?void 0:l.customSettings)==null?void 0:d.linearGaugeV2,labelWeight:Number(parseInt(e.value,10))}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.linearGaugeV2)==null?void 0:d.labelWeight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]})]}):o.jsx(jl,{text:"Enable Labels to see options",variant:"info"})}),id:"labels",isOpen:V==="labels",setIsOpen:()=>{B(e=>e==="labels"?"":"labels")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Labels"}),headerButton:o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-right",showTooltip:!((Hm=l==null?void 0:l.customSettings)!=null&&Hm.isEnableLabelFormatting)&&(l==null?void 0:l.chartType)===u.linearGaugeV2,children:o.jsx(p,{name:"lineargaugeV2 label",enabled:((l==null?void 0:l.chartType)!==u.linearGaugeV2||((Ym=l==null?void 0:l.customSettings)==null?void 0:Ym.isEnableLabelFormatting))&&((Xm=($m=l==null?void 0:l.customSettings)==null?void 0:$m.linearGaugeV2)==null?void 0:Xm.isEnableLabels),isDisabled:!((Pm=l==null?void 0:l.customSettings)!=null&&Pm.isEnableLabelFormatting)&&(l==null?void 0:l.chartType)===u.linearGaugeV2,onChange:()=>{var e,n;(n=(e=l==null?void 0:l.customSettings)==null?void 0:e.linearGaugeV2)!=null&&n.isEnableLabels||B("labels"),a(d=>{var b,x,f;return{...d,customSettings:{...d.customSettings,linearGaugeV2:{...(b=d.customSettings)==null?void 0:b.linearGaugeV2,isEnableLabels:!((f=(x=d.customSettings)==null?void 0:x.linearGaugeV2)!=null&&f.isEnableLabels)}}}})}})})}),o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:(Um=l==null?void 0:l.customSettings)!=null&&Um.isEnableLabelFormatting&&((qm=(Zm=l==null?void 0:l.customSettings)==null?void 0:Zm.linearGaugeV2)!=null&&qm.isEnableLegend)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"lineargaugeV2 legend range",enabled:(Km=(Jm=l==null?void 0:l.customSettings)==null?void 0:Jm.linearGaugeV2)==null?void 0:Km.isEnableLegendRange,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e.customSettings)==null?void 0:n.linearGaugeV2,isEnableLegendRange:!((b=(d=e.customSettings)==null?void 0:d.linearGaugeV2)!=null&&b.isEnableLegendRange)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Legend Range"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"disable scroll",enabled:!((Qm=l==null?void 0:l.legendSettings)!=null&&Qm.disableScroll),onChange:()=>a(e=>{var n;return{...e,legendSettings:{...e.legendSettings,disableScroll:!((n=e.legendSettings)!=null&&n.disableScroll)}}})}),o.jsx(i,{variant:"body-text-2",children:"Legend Scrolling"})]}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-3 dbn-gap-3",children:[o.jsx("div",{className:"dbn-col-span-1 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Font Size",addSuffix:"px",type:"number",min:0,value:(gm=(cm=l==null?void 0:l.customSettings)==null?void 0:cm.linearGaugeV2)==null?void 0:gm.legendSize,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,legendSize:Number(e)}}}})})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(I,{label:"Font Weight",options:ll,onChange:e=>{a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=l==null?void 0:l.customSettings)==null?void 0:d.linearGaugeV2,legendWeight:Number(parseInt(e.value,10))}}}})},selectedOption:ll.find(e=>{var n,d;return parseInt(e.value,10)===((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.linearGaugeV2)==null?void 0:d.legendWeight)})||{value:"400",label:"Regular"},labelVariant:"static",containerWidth:"dbn-w-full",buttonWidth:"100%",menuWidth:"100%"})})]}),o.jsx(i,{variant:"body-text-2",children:"Position"}),o.jsx(Gl,{val:(Sm=(hm=l==null?void 0:l.customSettings)==null?void 0:hm.linearGaugeV2)==null?void 0:Sm.legendPosition,onClick:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,legendPosition:e}}}}),isDisableCenterPositioning:!0})]}):o.jsx(jl,{text:"Enable Legend to see options",variant:"info"})}),id:"legend",isOpen:V==="legend",setIsOpen:()=>{B(e=>e==="legend"?"":"legend")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Legend"}),headerButton:o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-right",showTooltip:!((tm=l==null?void 0:l.customSettings)!=null&&tm.isEnableLabelFormatting),children:o.jsx(p,{name:"lineargaugeV2 legend",enabled:((li=l==null?void 0:l.customSettings)==null?void 0:li.isEnableLabelFormatting)&&((oi=(ei=l==null?void 0:l.customSettings)==null?void 0:ei.linearGaugeV2)==null?void 0:oi.isEnableLegend),isDisabled:!((ni=l==null?void 0:l.customSettings)!=null&&ni.isEnableLabelFormatting),onChange:()=>{var e,n;(n=(e=l==null?void 0:l.customSettings)==null?void 0:e.linearGaugeV2)!=null&&n.isEnableLegend||B("legend"),a(d=>{var b,x,f;return{...d,customSettings:{...d.customSettings,linearGaugeV2:{...(b=d.customSettings)==null?void 0:b.linearGaugeV2,isEnableLegend:!((f=(x=d.customSettings)==null?void 0:x.linearGaugeV2)!=null&&f.isEnableLegend)}}}})}})})})]}):null,(l==null?void 0:l.chartType)===u.gaugeV2?o.jsxs(o.Fragment,{children:[o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"gaugeV2 marker value",enabled:(ai=(di=l==null?void 0:l.customSettings)==null?void 0:di.gaugeV2)==null?void 0:ai.isEnableMarkerValue,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,gaugeV2:{...(n=e.customSettings)==null?void 0:n.gaugeV2,isEnableMarkerValue:!((b=(d=e.customSettings)==null?void 0:d.gaugeV2)!=null&&b.isEnableMarkerValue)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Marker Value"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((ui=l==null?void 0:l.customSettings)!=null&&ui.isEnableLabelFormatting),children:o.jsx(p,{name:"gaugeV2 marker label",enabled:((bi=l==null?void 0:l.customSettings)==null?void 0:bi.isEnableLabelFormatting)&&((mi=(si=l==null?void 0:l.customSettings)==null?void 0:si.gaugeV2)==null?void 0:mi.isEnableMarkerLabel),isDisabled:!((ii=l==null?void 0:l.customSettings)!=null&&ii.isEnableLabelFormatting),onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,gaugeV2:{...(n=e.customSettings)==null?void 0:n.gaugeV2,isEnableMarkerLabel:!((b=(d=e.customSettings)==null?void 0:d.gaugeV2)!=null&&b.isEnableMarkerLabel)}}}})})}),o.jsx(i,{variant:"body-text-2",children:"Marker Label"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((xi=l==null?void 0:l.customSettings)!=null&&xi.isEnableLabelFormatting),children:o.jsx(p,{name:"gaugeV2 marker range",enabled:((fi=l==null?void 0:l.customSettings)==null?void 0:fi.isEnableLabelFormatting)&&((ji=(pi=l==null?void 0:l.customSettings)==null?void 0:pi.gaugeV2)==null?void 0:ji.isEnableMarkerRange),isDisabled:!((yi=l==null?void 0:l.customSettings)!=null&&yi.isEnableLabelFormatting),onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,gaugeV2:{...(n=e.customSettings)==null?void 0:n.gaugeV2,isEnableMarkerRange:!((b=(d=e.customSettings)==null?void 0:d.gaugeV2)!=null&&b.isEnableMarkerRange)}}}})})}),o.jsx(i,{variant:"body-text-2",children:"Marker Range"})]}),o.jsx(H,{name:"marker color",label:"Marker Color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,gaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.gaugeV2,markerColor:e}}}}),value:((Ni=(Ci=l==null?void 0:l.customSettings)==null?void 0:Ci.gaugeV2)==null?void 0:Ni.markerColor)||"#000000",isDisabled:(Ti=l==null?void 0:l.customSettings)==null?void 0:Ti.isEnableLabelFormatting}),o.jsx(j,{label:"Marker Font Size",addSuffix:"px",type:"number",min:0,value:(vi=(wi=l==null?void 0:l.customSettings)==null?void 0:wi.gaugeV2)==null?void 0:vi.markerSize,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,gaugeV2:{...(d=n.customSettings)==null?void 0:d.gaugeV2,markerSize:Number(e)}}}})})]}),id:"marker",isOpen:V==="marker",setIsOpen:()=>{B(e=>e==="marker"?"":"marker")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Marker"}),headerButton:null}),o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((Fi=l==null?void 0:l.customSettings)!=null&&Fi.isEnableLabelFormatting),children:o.jsx(p,{name:"gaugeV2 legend range",enabled:((Li=l==null?void 0:l.customSettings)==null?void 0:Li.isEnableLabelFormatting)&&((Ei=(Ai=l==null?void 0:l.customSettings)==null?void 0:Ai.gaugeV2)==null?void 0:Ei.isEnableLegendRange),isDisabled:!((Vi=l==null?void 0:l.customSettings)!=null&&Vi.isEnableLabelFormatting),onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,gaugeV2:{...(n=e.customSettings)==null?void 0:n.gaugeV2,isEnableLegendRange:!((b=(d=e.customSettings)==null?void 0:d.gaugeV2)!=null&&b.isEnableLegendRange)}}}})})}),o.jsx(i,{variant:"body-text-2",children:"Legend Range"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(nl,{text:"Requires Band Formatting.",position:"bottom-left",showTooltip:!((ki=l==null?void 0:l.customSettings)!=null&&ki.isEnableLabelFormatting),children:o.jsx(p,{name:"disable scroll",enabled:((ri=l==null?void 0:l.customSettings)==null?void 0:ri.isEnableLabelFormatting)&&!((Bi=l==null?void 0:l.legendSettings)!=null&&Bi.disableScroll),isDisabled:!((Di=l==null?void 0:l.customSettings)!=null&&Di.isEnableLabelFormatting),onChange:()=>a(e=>{var n;return{...e,legendSettings:{...e.legendSettings,disableScroll:!((n=e.legendSettings)!=null&&n.disableScroll)}}})})}),o.jsx(i,{variant:"body-text-2",children:"Legend Scrolling"})]}),o.jsx(j,{label:"Legend Font Size",addSuffix:"px",type:"number",min:0,value:(Oi=(Wi=l==null?void 0:l.customSettings)==null?void 0:Wi.gaugeV2)==null?void 0:Oi.legendSize,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,gaugeV2:{...(d=n.customSettings)==null?void 0:d.gaugeV2,legendSize:Number(e)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Position"}),o.jsx(Gl,{val:(zi=(Ri=l==null?void 0:l.customSettings)==null?void 0:Ri.gaugeV2)==null?void 0:zi.legendPosition,onClick:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,gaugeV2:{...(d=n.customSettings)==null?void 0:d.gaugeV2,legendPosition:e}}}}),isDisableCenterPositioning:!0})]}),id:"legend",isOpen:V==="legend",setIsOpen:()=>{B(e=>e==="legend"?"":"legend")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Legend"}),headerButton:null})]}):null,o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[[u.treeMap].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"treeMap colors",enabled:(_i=(Ii=l==null?void 0:l.customSettings)==null?void 0:Ii.treeMap)==null?void 0:_i.isEnableRangeColors,onChange:()=>a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,treeMap:{...(n=e==null?void 0:e.customSettings)==null?void 0:n.treeMap,isEnableRangeColors:!((b=(d=e.customSettings)==null?void 0:d.treeMap)!=null&&b.isEnableRangeColors)}}}})}),o.jsx(i,{variant:"body-text-2",children:"Min Max Colors"})]}),(Gi=(Mi=l==null?void 0:l.customSettings)==null?void 0:Mi.treeMap)!=null&&Gi.isEnableRangeColors?o.jsxs(o.Fragment,{children:[o.jsx(H,{name:"maxColor",label:"Max Color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,treeMap:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.treeMap,maxColor:e}}}}),value:((Yi=(Hi=l==null?void 0:l.customSettings)==null?void 0:Hi.treeMap)==null?void 0:Yi.maxColor)||"#ffffff"}),o.jsx(H,{name:"minColor",label:"Min Color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,treeMap:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.treeMap,minColor:e}}}}),value:((Xi=($i=l==null?void 0:l.customSettings)==null?void 0:$i.treeMap)==null?void 0:Xi.minColor)||"#ffffff"}),o.jsx(H,{name:"midColor",label:"Mid Color",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,treeMap:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.treeMap,midColor:e}}}}),value:((Ui=(Pi=l==null?void 0:l.customSettings)==null?void 0:Pi.treeMap)==null?void 0:Ui.midColor)||"#ffffff"})]}):null]}):null,[u.waterfall,u.waterfallV2].includes(l==null?void 0:l.chartType)?(l==null?void 0:l.chartType)===u.waterfallV2?o.jsxs(o.Fragment,{children:[o.jsx(H,{className:"dbn-w-full",label:"Increase Color",name:"increase color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,increaseColor:e}})),defaultValue:"#37a671",value:((qi=l==null?void 0:l.waterfallSettings)==null?void 0:qi.increaseColor)||"#37a671"}),o.jsx(H,{className:"dbn-w-full",label:"Decrease Color",name:"decrease color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,decreaseColor:e}})),defaultValue:"#e97057",value:((Ji=l==null?void 0:l.waterfallSettings)==null?void 0:Ji.decreaseColor)||"#e97057"}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show total column",enabled:(Ki=l==null?void 0:l.waterfallSettings)==null?void 0:Ki.showTotalColumn,onChange:()=>a(e=>{var n;return{...e,waterfallSettings:{...e.waterfallSettings,showTotalColumn:!((n=e.waterfallSettings)!=null&&n.showTotalColumn)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Total Column"})]}),(Qi=l==null?void 0:l.waterfallSettings)!=null&&Qi.showTotalColumn?o.jsxs(o.Fragment,{children:[o.jsx(H,{className:"dbn-w-full",label:"Column Color",name:"total color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,totalColor:e}})),defaultValue:"#004b6a",value:((ci=l==null?void 0:l.waterfallSettings)==null?void 0:ci.totalColor)||"#004b6a"}),o.jsx(j,{label:"Column Label",placeholder:"Enter value",type:"text",value:(gi=l==null?void 0:l.waterfallSettings)==null?void 0:gi.totalLabel,onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,totalLabel:e.target.value}}))})]}):null]}):o.jsxs(o.Fragment,{children:[o.jsx(Cl,{label:"Use Measure As",buttonContainerClass:"dbn-w-full",buttonClass:"dbn-w-1/2 dbn-justify-center",selectedOption:{value:(hi=l==null?void 0:l.waterfallSettings)!=null&&hi.isUseAsDifference?"difference":"actual",label:(Si=l==null?void 0:l.waterfallSettings)!=null&&Si.isUseAsDifference?"Difference":"Actual"},options:[{label:"Actual",value:"actual"},{label:"Difference",value:"difference"}],onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,isUseAsDifference:(e==null?void 0:e.value)==="difference"}}))}),o.jsx(j,{label:"Lower Limit",placeholder:"Enter value",value:(ti=l==null?void 0:l.waterfallSettings)==null?void 0:ti.lowerLimit,onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,lowerLimit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)}}))}),o.jsx(j,{label:"Lower Label",placeholder:"Enter value",type:"text",value:(lx=l==null?void 0:l.waterfallSettings)==null?void 0:lx.lowerLabel,onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,lowerLabel:e.target.value}}))}),o.jsx(j,{label:"Upper Limit",placeholder:"Enter value",value:(ex=l==null?void 0:l.waterfallSettings)==null?void 0:ex.upperLimit,onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,upperLimit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)}}))}),o.jsx(j,{label:"Upper Label",placeholder:"Enter value",type:"text",value:(ox=l==null?void 0:l.waterfallSettings)==null?void 0:ox.upperLabel,onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,upperLabel:e.target.value}}))}),o.jsxs("div",{className:"dbn-grid dbn-grid-cols-2 dbn-gap-3",children:[o.jsx(H,{className:"dbn-w-full",label:"Lower Limit Color",name:"lower limit color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,lowerColor:e}})),defaultValue:"#004b6a",value:((nx=l==null?void 0:l.waterfallSettings)==null?void 0:nx.lowerColor)||"#004b6a"}),o.jsx(H,{className:"dbn-w-full",label:"Upper Limit Color",name:"upper limit color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,upperColor:e}})),defaultValue:"#004b6a",value:((dx=l==null?void 0:l.waterfallSettings)==null?void 0:dx.upperColor)||"#004b6a"}),o.jsx(H,{className:"dbn-w-full",label:"Decrease Color",name:"decrease color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,decreaseColor:e}})),defaultValue:"#e97057",value:((ax=l==null?void 0:l.waterfallSettings)==null?void 0:ax.decreaseColor)||"#e97057"}),o.jsx(H,{className:"dbn-w-full",label:"Increase Color",name:"increase color",onChange:e=>a(n=>({...n,waterfallSettings:{...n.waterfallSettings,increaseColor:e}})),defaultValue:"#37a671",value:((ux=l==null?void 0:l.waterfallSettings)==null?void 0:ux.increaseColor)||"#37a671"})]})]}):P!=null&&P.length?o.jsx(C0,{chartSettings:l,setChartSettings:a,chartPaletteOptions:P,buttonAddOns:o.jsxs("div",{className:"dbn-flex dbn-grow dbn-gap-1.5 dbn-pt-4",onClick:e=>e.stopPropagation(),children:[o.jsx(nl,{text:"Reset",children:o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"undo",size:"sm"}),onClick:()=>g==null?void 0:g(!0)})}),o.jsx("div",{className:"dbn-border dbn-border-secondary"}),o.jsx(nl,{text:"Shuffle",children:o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"shuffle",size:"sm"}),onClick:Z})})]})}):o.jsxs("div",{className:m.chartColors,children:[o.jsx(i,{variant:"body-text-2",children:"Default Theme"}),o.jsxs("div",{className:"dbn-flex dbn-justify-between dbn-items-start dbn-gap-1 dbn-w-full dbn-my-3",children:[o.jsx("div",{className:"dbn-flex dbn-flex-wrap dbn-items-center dbn-gap-1",children:(Zi=l==null?void 0:l.chartColors)==null?void 0:Zi.map(e=>o.jsx("span",{className:"dbn-h-5 dbn-w-5 dbn-inline-block dbn-rounded",style:{backgroundColor:e},title:e},e))}),o.jsxs("div",{className:"dbn-flex dbn-gap-1.5",children:[o.jsx(nl,{text:"Reset",children:o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"undo",size:"sm"}),onClick:()=>g==null?void 0:g(!0)})}),o.jsx("div",{className:"dbn-border dbn-border-secondary"}),o.jsx(nl,{text:"Shuffle",children:o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"shuffle",size:"sm"}),onClick:Z})})]})]})]}),[u.linearGauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[Il?null:o.jsxs(o.Fragment,{children:[[u.treeMap,u.waterfall,u.waterfallV2].includes(l==null?void 0:l.chartType)?null:o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.chartColors,children:[o.jsx(i,{variant:"body-text-2",children:"Default Gradient Theme"}),o.jsxs("div",{className:"dbn-flex dbn-justify-between dbn-items-center dbn-w-full dbn-my-3",children:[o.jsx("div",{className:"dbn-flex dbn-flex-wrap dbn-items-center dbn-gap-2",children:(bx=Cy)==null?void 0:bx.map(e=>{var d,b,x,f,w,k,F,r,Y,ol,bl,Nl,Ll,_l,Ml;const n=((x=(b=(d=l==null?void 0:l.customSettings)==null?void 0:d.gradients)==null?void 0:b[0])==null?void 0:x.startColor)===e.start&&((k=(w=(f=l==null?void 0:l.customSettings)==null?void 0:f.gradients)==null?void 0:w[0])==null?void 0:k.endColor)===e.end&&((Y=(r=(F=l==null?void 0:l.customSettings)==null?void 0:F.gradients)==null?void 0:r[0])==null?void 0:Y.offset1)===e.offset1&&((Nl=(bl=(ol=l==null?void 0:l.customSettings)==null?void 0:ol.gradients)==null?void 0:bl[0])==null?void 0:Nl.offset2)===e.offset2&&((Ml=(_l=(Ll=l==null?void 0:l.customSettings)==null?void 0:Ll.gradients)==null?void 0:_l[0])==null?void 0:Ml.direction)===e.direction;return o.jsx(_,{variant:"popover",className:`dbn-h-5 dbn-w-5 dbn-m-0 dbn-p-0 dbn-rounded ${n?"dbn-bg-gray":""}`,onClick:()=>{const py={startColor:e.start,endColor:e.end,direction:e.direction,offset1:e.offset1,offset2:e.offset2};Ql(py)},children:o.jsx("span",{className:"dbn-w-5 dbn-h-5 dbn-inline-block dbn-rounded",style:{background:`linear-gradient(to ${e.direction}, ${e.start} ${e.offset1*100}%, ${e.end} ${e.offset2*100}%)`}})})})}),o.jsx(nl,{text:"Reset",children:o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"undo",size:"sm"}),onClick:()=>a(e=>({...e,customSettings:{...l==null?void 0:l.customSettings,gradients:[]}}))})})]})]}),![u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)&&o.jsxs(o.Fragment,{children:[!q&&o.jsxs("div",{className:"dbn-flex dbn-flex-row dbn-justify-between dbn-items-center",children:[o.jsx(i,{variant:"label",children:"Chart Gradient"}),o.jsx(_,{variant:"secondary",onClick:()=>el(!0),leftIcon:o.jsx(Q,{name:"plus"}),children:"Add New Gradient"})]}),q&&o.jsxs("div",{className:m.formattingGradient,children:[o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Start Color"}),o.jsx(H,{name:"start",onChange:e=>wl(n=>({...n,startColor:e})),defaultValue:"#FFFFFF",value:ul.startColor})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"End Color"}),o.jsx(H,{name:"end",onChange:e=>wl(n=>({...n,endColor:e})),defaultValue:"#000000",value:ul.endColor})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Offset for start color"}),o.jsx("div",{className:m.inputWrapper,children:o.jsx(j,{id:"startOffset",type:"number",min:0,max:1,onChange:e=>wl(n=>({...n,offset1:Number(e.target.value)})),value:ul.offset1})})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Offset for end color"}),o.jsx("div",{className:m.inputWrapper,children:o.jsx(j,{id:"endOffset",type:"number",min:0,max:1,onChange:({target:{value:e}})=>wl(n=>({...n,offset2:Number(e)})),value:ul.offset2})})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Direction"}),o.jsx(I,{id:"gradientDirection",selectedOption:{value:ul.direction,label:ul.direction},options:[{label:"Left",value:"left"},{label:"Right",value:"right"},{label:"Top",value:"top"},{label:"Bottom",value:"bottom"}],onChange:e=>wl(n=>({...n,direction:e.value})),buttonWidth:"220px",menuWidth:"220px"})]}),o.jsxs(_,{variant:"primary",type:"button",onClick:()=>Ql(),fitContainer:!0,children:[ul!=null&&ul.isEdit?"Update":"Save"," ","Gradient"]})]}),!q&&((mx=(sx=l.customSettings)==null?void 0:sx.gradients)==null?void 0:mx.map((e,n)=>o.jsx(ry,{identifier:{id:`${e==null?void 0:e.startColor}_${n}`},data:e,renderItem:d=>o.jsx("div",{ref:d,onDragOver:b=>b.preventDefault(),onDrop:b=>{b.preventDefault(),Sj(n)},onDragStart:()=>{T(n)},"data-index":n,children:o.jsxs("div",{className:m.gradientContainer,children:[o.jsx(i,{variant:"label",children:`${e.startColor} - ${e.endColor}`}),o.jsxs("div",{className:"dbn-flex",children:[o.jsx(_,{variant:"tertiary",onClick:async()=>{await wl({...e,isEdit:!0,index:n}),el(!0)},leftIcon:o.jsx(Q,{name:"pencil-simple",size:"xs"}),className:"dbn-px-1"}),o.jsx(_,{variant:"tertiary",onClick:()=>sy(e),leftIcon:o.jsx(Q,{name:"cross",size:"xs"}),className:"dbn-px-1"})]})]},`${e.startColor}-${e.endColor}`)},`${e==null?void 0:e.startColor}_${n}`)},`${e==null?void 0:e.startColor}_${n}`)))]})]}),[u.bar,u.verticalCombo,u.row,u.histogram,u.bullet].includes(l==null?void 0:l.chartType)?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"different colored",enabled:(ix=l==null?void 0:l.customSettings)==null?void 0:ix.coloredBars,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,coloredBars:!((n=e.customSettings)!=null&&n.coloredBars)}}})}),o.jsx(i,{variant:"body-text-2",children:"Use Random Colors for Bars"})]}):null,!q&&([u.bar,u.verticalCombo,u.row,u.stack,u.histogram,u.progressBar,u.linearGauge,u.bullet].includes(l.chartType)||l.chartType===u.timeSeries&&((fx=(xx=l.timeSeriesSettings)==null?void 0:xx.seriesType[0])==null?void 0:fx.type)==="bar")?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show bar background gradient",isDisabled:!yl&&!((px=l==null?void 0:l.backGroundColor)!=null&&px.show),enabled:(jx=l==null?void 0:l.customSettings)==null?void 0:jx.isShowBarGradient,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isShowBarGradient:!((n=e.customSettings)!=null&&n.isShowBarGradient)}}})}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Show Bar Background Gradient"}),!yl&&!((yx=l==null?void 0:l.backGroundColor)!=null&&yx.show)&&o.jsx(Al,{text:"Enable it first from Features -> Bar Background",position:"top-right",tooltipClass:"dbn-w-[200px]",iconConfig:{size:"xs",color:"alert"},isSingleLineTxt:!1})]})]}),((Cx=l==null?void 0:l.customSettings)==null?void 0:Cx.isShowBarGradient)&&o.jsxs("div",{className:m.formattingWrapper,children:[o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(H,{label:"Start Color",name:"startColor",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,barGradient:{...(d=n.customSettings)==null?void 0:d.barGradient,startColor:e}}}}),defaultValue:"#FFFFFF",value:((Tx=(Nx=l==null?void 0:l.customSettings)==null?void 0:Nx.barGradient)==null?void 0:Tx.startColor)||"#FFFFFF"})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(H,{label:"End Color",name:"endColor",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,barGradient:{...(d=n.customSettings)==null?void 0:d.barGradient,endColor:e}}}}),defaultValue:"#000000",value:((vx=(wx=l==null?void 0:l.customSettings)==null?void 0:wx.barGradient)==null?void 0:vx.endColor)||"#000000"})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Offset1",type:"number",min:0,max:1,onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,barGradient:{...(d=n.customSettings)==null?void 0:d.barGradient,offset1:Number(e.target.value)}}}}),value:(Lx=(Fx=l==null?void 0:l.customSettings)==null?void 0:Fx.barGradient)==null?void 0:Lx.offset1})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Offset2",type:"number",min:0,max:1,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,barGradient:{...(d=n.customSettings)==null?void 0:d.barGradient,offset2:Number(e)}}}}),value:(Ex=(Ax=l==null?void 0:l.customSettings)==null?void 0:Ax.barGradient)==null?void 0:Ex.offset2})}),o.jsx("div",{className:"dbn-col-span-4 ",children:o.jsx(I,{buttonWidth:"100%",menuWidth:"100%",label:"Direction",selectedOption:{value:((kx=(Vx=l==null?void 0:l.customSettings)==null?void 0:Vx.barGradient)==null?void 0:kx.direction)||"",label:((Bx=(rx=l==null?void 0:l.customSettings)==null?void 0:rx.barGradient)==null?void 0:Bx.direction)||""},options:[{label:"Left",value:"left"},{label:"Right",value:"right"},{label:"Top",value:"top"},{label:"Bottom",value:"bottom"}],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,barGradient:{...(d=n.customSettings)==null?void 0:d.barGradient,direction:e.value}}}})})})]})]}):null]}),!q&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show background gradient",enabled:(Dx=l==null?void 0:l.customSettings)==null?void 0:Dx.enableBackgroundGradient,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,enableBackgroundGradient:!((n=e.customSettings)!=null&&n.enableBackgroundGradient)}}})}),o.jsx(i,{variant:"body-text-2",children:"Show Background Gradient"})]}),(Wx=l==null?void 0:l.customSettings)!=null&&Wx.enableBackgroundGradient?o.jsx(o.Fragment,{children:Fl?o.jsxs("div",{className:m.formattingGradient,children:[o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Start Color"}),o.jsx(H,{name:"startBackColor",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,backgroundGradient:{...(d=n.customSettings)==null?void 0:d.backgroundGradient,startColor:e}}}}),defaultValue:"#FFFFFF",value:((Px=(Xx=l==null?void 0:l.customSettings)==null?void 0:Xx.backgroundGradient)==null?void 0:Px.startColor)||"#FFFFFF"})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"End Color"}),o.jsx(H,{name:"endBackColor",onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,backgroundGradient:{...(d=n.customSettings)==null?void 0:d.backgroundGradient,endColor:e}}}}),defaultValue:"#000000",value:((Zx=(Ux=l==null?void 0:l.customSettings)==null?void 0:Ux.backgroundGradient)==null?void 0:Zx.endColor)||"#000000"})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Offset for Start Color"}),o.jsx("div",{className:m.inputWrapper,children:o.jsx(j,{id:"backoffset1",type:"number",min:0,max:1,onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,backgroundGradient:{...(d=n.customSettings)==null?void 0:d.backgroundGradient,offset1:Number(e.target.value)}}}}),value:(Jx=(qx=l==null?void 0:l.customSettings)==null?void 0:qx.backgroundGradient)==null?void 0:Jx.offset1})})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Offset for End Color"}),o.jsx("div",{className:m.inputWrapper,children:o.jsx(j,{id:"backoffset2",type:"number",min:0,max:1,onChange:({target:{value:e}})=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,backgroundGradient:{...(d=n.customSettings)==null?void 0:d.backgroundGradient,offset2:Number(e)}}}}),value:(Qx=(Kx=l==null?void 0:l.customSettings)==null?void 0:Kx.backgroundGradient)==null?void 0:Qx.offset2})})]}),o.jsxs("div",{className:m.wrapper,children:[o.jsx(i,{variant:"body-text-2",children:"Direction"}),o.jsx(I,{id:"back-direction",selectedOption:{value:((gx=(cx=l==null?void 0:l.customSettings)==null?void 0:cx.backgroundGradient)==null?void 0:gx.direction)||"",label:((Sx=(hx=l==null?void 0:l.customSettings)==null?void 0:hx.backgroundGradient)==null?void 0:Sx.direction)||""},options:[{label:"Left",value:"left"},{label:"Right",value:"right"},{label:"Top",value:"top"},{label:"Bottom",value:"bottom"}],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,backgroundGradient:{...(d=n.customSettings)==null?void 0:d.backgroundGradient,direction:e.value}}}})})]}),o.jsx(_,{variant:"primary",type:"button",onClick:()=>Tl(!1),fitContainer:!0,children:"Save Gradient"})]}):o.jsxs("div",{className:"dbn-w-full dbn-px-4 dbn-py-3 dbn-rounded-md dbn-flex dbn-items-center dbn-justify-between dbn-border dbn-border-secondary",children:[o.jsxs("div",{className:"dbn-flex dbn-gap-2",children:[o.jsx("span",{className:"dbn-w-5 dbn-h-5 dbn-inline-block dbn-rounded",style:{background:`linear-gradient(to ${((Rx=(Ox=l.customSettings)==null?void 0:Ox.backgroundGradient)==null?void 0:Rx.direction)||"left"}, ${((Ix=(zx=l.customSettings)==null?void 0:zx.backgroundGradient)==null?void 0:Ix.startColor)||"#FFFFFF"} ${(((Mx=(_x=l.customSettings)==null?void 0:_x.backgroundGradient)==null?void 0:Mx.offset1)||.05)*100}%, ${((Hx=(Gx=l.customSettings)==null?void 0:Gx.backgroundGradient)==null?void 0:Hx.endColor)||"#000000"} ${((($x=(Yx=l.customSettings)==null?void 0:Yx.backgroundGradient)==null?void 0:$x.offset2)||.5)*100}%)`}}),o.jsx(i,{variant:"body-text-2",children:"BG Gradient"})]}),o.jsx(_,{"data-testid":"bg-gradient-edit",variant:"popover",leftIcon:o.jsx(Q,{name:"pencil-simple",size:"sm"}),onClick:()=>Tl(!0)})]})}):null]})]})]}),id:"chart colors",isOpen:V==="chart colors",setIsOpen:()=>{B(e=>e==="chart colors"?"":"chart colors")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:[u.waterfall,u.waterfallV2].includes(l==null?void 0:l.chartType)?"Waterfall Settings":"Chart Colors"}),headerButton:null}),!yl&&![u.gaugeV2,u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)?o.jsx(c,{width:"100%",content:o.jsx("div",{className:`dbn-mb-4 ${m["container-wrapper"]}`,children:(tx=l==null?void 0:l.customSettings)!=null&&tx.enableTitleDesc?o.jsxs(o.Fragment,{children:[o.jsx(j,{placeholder:"Enter Title",type:"text",label:"Chart Title",value:(lf=l==null?void 0:l.customSettings)==null?void 0:lf.chartTitle,onChange:e=>{a(n=>({...n,customSettings:{...n.customSettings,chartTitle:e.target.value}}))}}),o.jsx(j,{placeholder:"Enter Description",type:"text",label:"Chart Description",value:(ef=l==null?void 0:l.customSettings)==null?void 0:ef.chartDesc,onChange:e=>{a(n=>({...n,customSettings:{...n.customSettings,chartDesc:e.target.value}}))}}),o.jsx(i,{variant:"body-text-2",children:"Position"}),o.jsx(Gl,{val:(of=l==null?void 0:l.customSettings)==null?void 0:of.titlePosition,onClick:e=>a(n=>({...n,customSettings:{...n.customSettings,titlePosition:e}}))})]}):o.jsx(jl,{text:"Enable Chart Title & Description to see options",variant:"info"})}),id:"chart title desc",isOpen:V==="chart title desc",setIsOpen:()=>{B(e=>e==="chart title desc"?"":"chart title desc")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Chart Title & Description"}),headerButton:o.jsx(p,{name:"chart title & desc",defaultEnabled:!0,enabled:(nf=l==null?void 0:l.customSettings)==null?void 0:nf.enableTitleDesc,onChange:()=>{var e;(e=l==null?void 0:l.customSettings)!=null&&e.enableTitleDesc||B("chart title desc"),a(n=>{var d;return{...n,customSettings:{...n.customSettings,enableTitleDesc:!((d=n.customSettings)!=null&&d.enableTitleDesc)}}})}})}):null,(l==null?void 0:l.chartType)===u.progressBarV2?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable upper limit",enabled:(uf=(af=(df=l==null?void 0:l.customSettings)==null?void 0:df.linearGaugeV2)==null?void 0:af.upperLimit)==null?void 0:uf.isEnable,onChange:()=>a(e=>{var n,d,b,x,f,w;return{...e,customSettings:{...e==null?void 0:e.customSettings,linearGaugeV2:{...(n=e==null?void 0:e.customSettings)==null?void 0:n.linearGaugeV2,upperLimit:{...(b=(d=e==null?void 0:e.customSettings)==null?void 0:d.linearGaugeV2)==null?void 0:b.upperLimit,isEnable:!((w=(f=(x=e==null?void 0:e.customSettings)==null?void 0:x.linearGaugeV2)==null?void 0:f.upperLimit)!=null&&w.isEnable)}}}}})}),o.jsx(i,{variant:"body-text-2",children:"Upper Limit"})]}),(mf=(sf=(bf=l==null?void 0:l.customSettings)==null?void 0:bf.linearGaugeV2)==null?void 0:sf.upperLimit)!=null&&mf.isEnable?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{label:"Limit",value:(pf=(ff=(xf=l==null?void 0:l.customSettings)==null?void 0:xf.linearGaugeV2)==null?void 0:ff.upperLimit)==null?void 0:pf.limit,onChange:e=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.linearGaugeV2,upperLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.upperLimit,limit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)}}}}})}),o.jsx(H,{label:"Bar Color",name:"color",onChange:e=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.linearGaugeV2,upperLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.upperLimit,color:e}}}}}),defaultValue:"#000000",value:((Cf=(yf=(jf=l==null?void 0:l.customSettings)==null?void 0:jf.linearGaugeV2)==null?void 0:yf.upperLimit)==null?void 0:Cf.color)||"#000000"})]}),o.jsx(j,{label:"Alert Message",type:"text",placeholder:"Enter Text",value:(wf=(Tf=(Nf=l==null?void 0:l.customSettings)==null?void 0:Nf.linearGaugeV2)==null?void 0:Tf.upperLimit)==null?void 0:wf.message,onChange:e=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.linearGaugeV2,upperLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.upperLimit,message:e.target.value}}}}})}),o.jsx(j,{label:"Message Font Size",addSuffix:"px",type:"number",min:0,value:((Lf=(Ff=(vf=l==null?void 0:l.customSettings)==null?void 0:vf.linearGaugeV2)==null?void 0:Ff.upperLimit)==null?void 0:Lf.messageSize)||12,onChange:({target:{value:e}})=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,upperLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.upperLimit,messageSize:Number(e)}}}}})})]}):null,o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable lower limit",enabled:(Vf=(Ef=(Af=l==null?void 0:l.customSettings)==null?void 0:Af.linearGaugeV2)==null?void 0:Ef.lowerLimit)==null?void 0:Vf.isEnable,onChange:()=>a(e=>{var n,d,b,x,f,w;return{...e,customSettings:{...e.customSettings,linearGaugeV2:{...(n=e==null?void 0:e.customSettings)==null?void 0:n.linearGaugeV2,lowerLimit:{...(b=(d=e==null?void 0:e.customSettings)==null?void 0:d.linearGaugeV2)==null?void 0:b.lowerLimit,isEnable:!((w=(f=(x=e==null?void 0:e.customSettings)==null?void 0:x.linearGaugeV2)==null?void 0:f.lowerLimit)!=null&&w.isEnable)}}}}})}),o.jsx(i,{variant:"body-text-2",children:"Lower Limit"})]}),(Bf=(rf=(kf=l==null?void 0:l.customSettings)==null?void 0:kf.linearGaugeV2)==null?void 0:rf.lowerLimit)!=null&&Bf.isEnable?o.jsxs(o.Fragment,{children:[o.jsx(j,{label:"Limit",value:(Of=(Wf=(Df=l==null?void 0:l.customSettings)==null?void 0:Df.linearGaugeV2)==null?void 0:Wf.lowerLimit)==null?void 0:Of.limit,onChange:e=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.linearGaugeV2,lowerLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.lowerLimit,limit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)}}}}})}),o.jsx(j,{label:"Alert Message",type:"text",placeholder:"Enter Text",value:(If=(zf=(Rf=l==null?void 0:l.customSettings)==null?void 0:Rf.linearGaugeV2)==null?void 0:zf.lowerLimit)==null?void 0:If.message,onChange:e=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n==null?void 0:n.customSettings)==null?void 0:d.linearGaugeV2,lowerLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.lowerLimit,message:e.target.value}}}}})}),o.jsx(j,{label:"Message Font Size",addSuffix:"px",type:"number",min:0,value:((Gf=(Mf=(_f=l==null?void 0:l.customSettings)==null?void 0:_f.linearGaugeV2)==null?void 0:Mf.lowerLimit)==null?void 0:Gf.messageSize)||12,onChange:({target:{value:e}})=>a(n=>{var d,b,x;return{...n,customSettings:{...n.customSettings,linearGaugeV2:{...(d=n.customSettings)==null?void 0:d.linearGaugeV2,lowerLimit:{...(x=(b=n==null?void 0:n.customSettings)==null?void 0:b.linearGaugeV2)==null?void 0:x.lowerLimit,messageSize:Number(e)}}}}})})]}):null]}),id:"limits",isOpen:V==="limits",setIsOpen:()=>{B(e=>e==="limits"?"":"limits")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Limits"}),headerButton:null}):null,[u.combo,u.horizontalCombo,u.funnel].includes((l==null?void 0:l.chartType)||"")?null:o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[(Hf=l==null?void 0:l.dynamicYAxis)!=null&&Hf.isEnabled&&!((Yf=l==null?void 0:l.dynamicYAxis)!=null&&Yf.isEnabledMultiselect)&&Ny.includes((l==null?void 0:l.chartType)||"")?o.jsx(o.Fragment,{children:(Xf=($f=l==null?void 0:l.dynamicYAxis)==null?void 0:$f.options)==null?void 0:Xf.map(e=>{var d,b,x;const n=((b=(d=l==null?void 0:l.customSettings)==null?void 0:d.switchAxisNumberFormatter)==null?void 0:b.find(f=>(f==null?void 0:f.axis)===(e==null?void 0:e.value)))||{};return o.jsxs(o.Fragment,{children:[o.jsx(i,{variant:"heading-5",children:e==null?void 0:e.value}),((l==null?void 0:l.chartType)!==u.gauge||(l==null?void 0:l.chartType)===u.gauge&&!((x=l==null?void 0:l.customSettings)!=null&&x.isEnableLabelFormatting))&&o.jsx(o.Fragment,{children:o.jsx(I,{label:"Number Format",selectedOption:{value:(n==null?void 0:n.numberFormatter)||"original",label:(n==null?void 0:n.numberFormatter)||"original"},options:Sl,onChange:f=>a(w=>{var k,F;return{...w,customSettings:{...w.customSettings,switchAxisNumberFormatter:(F=(k=l==null?void 0:l.customSettings)==null?void 0:k.switchAxisNumberFormatter)==null?void 0:F.map(r=>r!=null&&r.axis&&(r==null?void 0:r.axis)===(e==null?void 0:e.value)?{...r,numberFormatter:f.value}:r)}}}),buttonWidth:"100%",menuWidth:"100%"})}),l.chartType!==u.table&&l.chartType!==u.pivot&&l.chartType!==u.funnel&&o.jsx(o.Fragment,{children:![u.combo,u.horizontalCombo].includes(l==null?void 0:l.chartType)&&o.jsx(o.Fragment,{children:o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"text",label:"Prefix",placeholder:"Add prefix to labels",value:n==null?void 0:n.labelPrefix,onChange:f=>a(w=>{var k,F;return{...w,customSettings:{...w.customSettings,switchAxisNumberFormatter:(F=(k=w==null?void 0:w.customSettings)==null?void 0:k.switchAxisNumberFormatter)==null?void 0:F.map(r=>(r==null?void 0:r.axis)===(e==null?void 0:e.value)?{...r,labelPrefix:f.target.value}:r)}}})}),o.jsx(j,{type:"text",label:"Suffix",placeholder:"Add suffix to labels",value:n==null?void 0:n.labelSuffix,onChange:f=>a(w=>{var k,F;return{...w,customSettings:{...w.customSettings,switchAxisNumberFormatter:(F=(k=w==null?void 0:w.customSettings)==null?void 0:k.switchAxisNumberFormatter)==null?void 0:F.map(r=>(r==null?void 0:r.axis)===(e==null?void 0:e.value)?{...r,labelSuffix:f.target.value}:r)}}})})]})})})]})})}):o.jsxs(o.Fragment,{children:[((l==null?void 0:l.chartType)!==u.gauge&&(l==null?void 0:l.chartType)!==u.gantt||(l==null?void 0:l.chartType)===u.gauge&&!((Pf=l==null?void 0:l.customSettings)!=null&&Pf.isEnableLabelFormatting))&&o.jsx(o.Fragment,{children:o.jsx(I,{label:"Number Format",selectedOption:{value:((Uf=l.customSettings)==null?void 0:Uf.numberFormatter)||"original",label:((Zf=l.customSettings)==null?void 0:Zf.numberFormatter)||"original"},options:Sl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,numberFormatter:e.value}})),buttonWidth:"100%",menuWidth:"100%"})}),l.chartType!==u.table&&l.chartType!==u.pivot&&l.chartType!==u.funnel&&(l==null?void 0:l.chartType)!==u.gantt&&o.jsx(o.Fragment,{children:![u.combo,u.horizontalCombo].includes(l==null?void 0:l.chartType)&&o.jsx(o.Fragment,{children:o.jsxs("div",{className:m.prefixSuffixContainer,children:[o.jsx(j,{type:"text",label:"Prefix",placeholder:"Add prefix to labels",value:(qf=l==null?void 0:l.customSettings)==null?void 0:qf.labelPrefix,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,labelPrefix:e.target.value}}))}),o.jsx(j,{type:"text",label:"Suffix",placeholder:"Add suffix to labels",value:(Jf=l==null?void 0:l.customSettings)==null?void 0:Jf.labelSuffix,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,labelSuffix:e.target.value}}))})]})})})]}),(l.chartType!==u.gauge||l.chartType===u.gauge&&!((Kf=l.customSettings)!=null&&Kf.isEnableLabelFormatting))&&((Qf=l==null?void 0:l.dateColumns)!=null&&Qf.length)&&![u.gauge,u.sankey,u.timeSeries,u.boxplot,u.progressBar,u.linearGauge,u.network,u.gaugeV2,u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)&&!Il?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable date formatting",enabled:(cf=l==null?void 0:l.customSettings)==null?void 0:cf.isEnableTimezoneFormatting,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableTimezoneFormatting:!((n=e.customSettings)!=null&&n.isEnableTimezoneFormatting)}}})}),o.jsx(i,{variant:"body-text-2",children:"Date Formatting"})]}),(gf=l==null?void 0:l.customSettings)!=null&&gf.isEnableTimezoneFormatting?o.jsx(I,{label:"Date Formatters",selectedOption:{value:((hf=l==null?void 0:l.customSettings)==null?void 0:hf.timeFormatter)||"original",label:((Sf=l==null?void 0:l.customSettings)==null?void 0:Sf.timeFormatter)||"original"},options:Zl,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,timeFormatter:e.value}})),buttonWidth:"100%",menuWidth:"100%"}):null]}):null,!tl&&![u.treeMap,u.gantt].includes(l==null?void 0:l.chartType)?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:`${m.featToggle} dbn-justify-between`,children:[o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-items-center",children:[o.jsx(p,{name:"label formatting",defaultEnabled:!0,enabled:(tf=l==null?void 0:l.customSettings)==null?void 0:tf.isEnableLabelFormatting,onChange:()=>a(e=>{var n,d,b,x;return{...e,customSettings:{...e.customSettings,isEnableLabelFormatting:!((n=e.customSettings)!=null&&n.isEnableLabelFormatting),...(d=e.customSettings)!=null&&d.isEnableLabelFormatting?{}:(l==null?void 0:l.chartType)===u.gaugeV2?{gaugeV2:{...(b=e.customSettings)==null?void 0:b.gaugeV2,isEnableMarkerLabel:!0,isEnableMarkerValue:!0,isEnableMarkerRange:!0,isEnableLegendRange:!0}}:[u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)?{linearGaugeV2:{...(x=e.customSettings)==null?void 0:x.linearGaugeV2,isEnableLabel:!0,isEnableValue:!0,isShowSplitLines:!0,isEnableLabels:!0,isEnableRange:!0,isEnableLegend:!0,isEnableLegendRange:!0}}:{}}}})}),o.jsx(i,{variant:"body-text-2",children:"Band Formatting"})]}),(lp=l.customSettings)!=null&&lp.isEnableLabelFormatting&&!G?o.jsx(_,{variant:"tertiary",onClick:()=>t(!0),size:"small",leftIcon:o.jsx(Q,{name:"plus",size:"sm"}),children:"Add a Range"}):null]}),(ep=l==null?void 0:l.customSettings)!=null&&ep.isEnableLabelFormatting?o.jsxs(o.Fragment,{children:[G?o.jsxs("div",{className:m.formattingWrapper,children:[o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Lower Limit",onChange:e=>L(n=>({...n,lowerLimit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)})),value:y.lowerLimit})}),o.jsx("div",{className:"dbn-col-span-2 dbn-flex dbn-items-end",children:o.jsx(j,{label:"Upper Limit",onChange:e=>L(n=>({...n,upperLimit:Number.isNaN(Number(e.target.value))?e.target.value:Number(e.target.value)})),value:y.upperLimit})}),o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(j,{type:"text",label:"Label",placeholder:"Enter Text",onChange:e=>L(n=>({...n,label:e.target.value})),value:y.label})}),o.jsx("div",{className:"dbn-col-span-4",children:o.jsx(H,{name:"color",label:"Band Color",onChange:e=>L(n=>({...n,color:e})),defaultValue:"#000000",value:y.color||"#000000"})}),o.jsxs("div",{className:"dbn-col-span-4 dbn-mt-3 dbn-flex dbn-justify-end dbn-gap-2",children:[o.jsx(_,{variant:"secondary",onClick:()=>{t(!1),L({label:"",upperLimit:0,lowerLimit:0})},children:"Close"}),o.jsx(_,{variant:"primary",onClick:cj,isDisabled:!y.label||!y.lowerLimit.toString()||!y.upperLimit.toString()||y.upperLimit===y.lowerLimit,children:y!=null&&y.isEdit?"Update":"Save"})]})]}):null,(op=l==null?void 0:l.customSettings.YaxislabelFormatters)!=null&&op.length?o.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-2",children:(np=l==null?void 0:l.customSettings.YaxislabelFormatters)==null?void 0:np.map((e,n)=>o.jsxs("div",{className:"dbn-w-full dbn-px-4 dbn-py-3 dbn-rounded-md dbn-flex dbn-gap-3 dbn-items-center dbn-justify-between dbn-border dbn-border-secondary",children:[o.jsxs("div",{children:[o.jsx(i,{variant:"body-text-2",children:Qj(e.label,22)}),o.jsx(i,{variant:"body-text-3",children:`(${e.lowerLimit} - ${e.upperLimit})`}),e.color?o.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2 dbn-mt-1",children:[o.jsx("div",{className:"dbn-w-4 dbn-h-4 dbn-rounded",style:{backgroundColor:e.color}}),o.jsx(i,{variant:"body-text-2",children:e.color.toUpperCase()})]}):null]}),o.jsxs("div",{className:"dbn-flex dbn-gap-4 dbn-mx-3",children:[o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"pencil-simple",size:"sm"}),onClick:()=>{L({...e,isEdit:!0,index:n}),t(!0)}}),o.jsx(_,{variant:"popover",leftIcon:o.jsx(Q,{name:"delete",color:"alert"}),onClick:()=>gj(e)})]})]}))}):null,[u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2].includes(l==null?void 0:l.chartType)?null:o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"bg color",enabled:(dp=l==null?void 0:l.customSettings)==null?void 0:dp.isEnableBgColor,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableBgColor:!((n=e.customSettings)!=null&&n.isEnableBgColor)}}})}),o.jsx(i,{variant:"body-text-2",children:"Band Background Color"})]})]}):null]}):null]}),id:"formatting",isOpen:V==="formatting",setIsOpen:()=>{B(e=>e==="formatting"?"":"formatting")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Formatting"}),headerButton:null}),!Il&&!yl&&![u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.treeMap].includes((l==null?void 0:l.chartType)||"")?o.jsx(c,{width:"100%",content:o.jsxs("div",{className:m["container-wrapper"],children:[[u.sankey].includes(l==null?void 0:l.chartType)&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"interchange source and target",enabled:(ap=l==null?void 0:l.customSettings)==null?void 0:ap.isEnableInterchange,onChange:()=>{a(e=>{var n,d,b,x;return{...e,sankeyValues:[((n=e==null?void 0:e.sankeyValues)==null?void 0:n[1])||"",((d=e==null?void 0:e.sankeyValues)==null?void 0:d[0])||"",((b=e==null?void 0:e.sankeyValues)==null?void 0:b[2])||""],customSettings:{...e.customSettings,isEnableInterchange:!((x=e.customSettings)!=null&&x.isEnableInterchange)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Interchange the source and target"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"switch sankey measure",enabled:(up=l==null?void 0:l.customSettings)==null?void 0:up.isEnableSwitchMeasure,onChange:()=>{a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableSwitchMeasure:!((n=e.customSettings)!=null&&n.isEnableSwitchMeasure)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Switch Measure"})]})]}),[u.network].includes(l==null?void 0:l.chartType)&&o.jsx(j,{label:"Repulsion",type:"number",min:0,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,repulsion:Number(e.target.value)}})),value:((bp=l==null?void 0:l.customSettings)==null?void 0:bp.repulsion)||50}),[u.bar,u.row,u.stack,u.histogram].includes(l.chartType)||l.chartType===u.timeSeries&&((mp=(sp=l.timeSeriesSettings)==null?void 0:sp.seriesType[0])==null?void 0:mp.type)==="bar"||l.chartType===u.bullet&&(((xp=(ip=l.customSettings)==null?void 0:ip.bulletOptions)==null?void 0:xp.length)||0)+(((pp=(fp=l.customSettings)==null?void 0:fp.lineOptions)==null?void 0:pp.length)||0)!==((jp=l==null?void 0:l.yAxisList)==null?void 0:jp.length)||l.chartType===u.verticalCombo&&(((Cp=(yp=l.customSettings)==null?void 0:yp.dashOptions)==null?void 0:Cp.length)||0)+(((Tp=(Np=l.customSettings)==null?void 0:Np.lineOptions)==null?void 0:Tp.length)||0)!==((wp=l.yAxisList)==null?void 0:wp.length)?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show background",enabled:(vp=l==null?void 0:l.backGroundColor)==null?void 0:vp.show,onChange:()=>a(e=>{var n;return{...e,backGroundColor:{show:!((n=e.backGroundColor)!=null&&n.show)}}})}),o.jsx(i,{variant:"body-text-2",children:"Bar background"})]}):null,(l==null?void 0:l.chartType)===u.bullet&&o.jsxs(o.Fragment,{children:[o.jsx(sl,{selectedOption:((Ap=(Lp=(Fp=l==null?void 0:l.customSettings)==null?void 0:Fp.bulletOptions)==null?void 0:Lp.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:Ap.map(e=>({value:e,label:e})))||[],label:"Bullet Measures",options:((Vp=(Ep=l==null?void 0:l.yAxisList)==null?void 0:Ep.filter(e=>{var n,d;return!((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.lineOptions)!=null&&d.includes(e))}))==null?void 0:Vp.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,bulletOptions:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"}),o.jsx(sl,{selectedOption:((Bp=(rp=(kp=l==null?void 0:l.customSettings)==null?void 0:kp.lineOptions)==null?void 0:rp.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:Bp.map(e=>({value:e,label:e})))||[],label:"Line Measures",options:((Wp=(Dp=l==null?void 0:l.yAxisList)==null?void 0:Dp.filter(e=>{var n,d;return!((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.bulletOptions)!=null&&d.includes(e))}))==null?void 0:Wp.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,lineOptions:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"})]}),(l==null?void 0:l.chartType)===u.verticalCombo&&o.jsxs(o.Fragment,{children:[o.jsx(sl,{selectedOption:((zp=(Rp=(Op=l==null?void 0:l.customSettings)==null?void 0:Op.dashOptions)==null?void 0:Rp.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:zp.map(e=>({value:e,label:e})))||[],label:"Dash Markers",options:((_p=(Ip=l==null?void 0:l.yAxisList)==null?void 0:Ip.filter(e=>{var n,d;return!((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.lineOptions)!=null&&d.includes(e))}))==null?void 0:_p.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,dashOptions:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"}),o.jsx(sl,{selectedOption:((Hp=(Gp=(Mp=l==null?void 0:l.customSettings)==null?void 0:Mp.lineOptions)==null?void 0:Gp.filter(e=>{var n;return(n=l==null?void 0:l.yAxisList)==null?void 0:n.includes(e)}))==null?void 0:Hp.map(e=>({value:e,label:e})))||[],label:"Line Markers",options:(($p=(Yp=l==null?void 0:l.yAxisList)==null?void 0:Yp.filter(e=>{var n,d;return!((d=(n=l==null?void 0:l.customSettings)==null?void 0:n.dashOptions)!=null&&d.includes(e))}))==null?void 0:$p.map(e=>({value:e,label:e})))||[],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n==null?void 0:n.customSettings,lineOptions:((d=e==null?void 0:e.filter(b=>{var x;return(x=l==null?void 0:l.yAxisList)==null?void 0:x.includes(b.value)}))==null?void 0:d.map(b=>b.value))||[]}}}),menuWidth:"100%",buttonWidth:"100%"})]}),(l==null?void 0:l.chartType)===u.bubble?o.jsx(j,{type:"number",label:"Constant For Bubble Size",min:0,onChange:e=>a(n=>({...n,percentageSize:Number(e.target.value)})),value:l==null?void 0:l.percentageSize}):null,[u.bar,u.line,u.area].includes(l.chartType)||l.chartType===u.timeSeries&&(((Up=(Pp=(Xp=l.timeSeriesSettings)==null?void 0:Xp.seriesType)==null?void 0:Pp[0])==null?void 0:Up.type)==="bar"||!((qp=(Zp=l.timeSeriesSettings)==null?void 0:Zp.seriesType)!=null&&qp.length))?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"cumulative",enabled:(Jp=l==null?void 0:l.customSettings)==null?void 0:Jp.cumulativeBar,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,cumulativeBar:!((n=e.customSettings)!=null&&n.cumulativeBar)}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Cumulative Behaviour"})]}):null,l.chartType===u.bullet&&(((Qp=(Kp=l.customSettings)==null?void 0:Kp.bulletOptions)==null?void 0:Qp.length)||0)+(((gp=(cp=l.customSettings)==null?void 0:cp.lineOptions)==null?void 0:gp.length)||0)!==((hp=l==null?void 0:l.yAxisList)==null?void 0:hp.length)||l.chartType===u.verticalCombo&&(((tp=(Sp=l.customSettings)==null?void 0:Sp.dashOptions)==null?void 0:tp.length)||0)+(((ej=(lj=l.customSettings)==null?void 0:lj.lineOptions)==null?void 0:ej.length)||0)!==((oj=l.yAxisList)==null?void 0:oj.length)?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"enable stack bar",enabled:(nj=l==null?void 0:l.customSettings)==null?void 0:nj.isStackBar,onChange:()=>{a(e=>{var n;return{...e,customSettings:{...e.customSettings,isStackBar:!((n=e.customSettings)!=null&&n.isStackBar)}}})}}),o.jsx(i,{variant:"body-text-2",children:"Enable Stack Bar"})]}):null,[u.line,u.bar,u.verticalCombo,u.row,u.area,u.combo,u.horizontalCombo,u.histogram,u.stepped,u.scatter,u.timeSeries,u.stackedArea,u.bullet].includes(l.chartType)&&o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"hide null values",enabled:!((dj=l.customSettings)!=null&&dj.hideNullValues),onChange:()=>{a(e=>{var n;return{...e,customSettings:{...e.customSettings,hideNullValues:!((n=e.customSettings)!=null&&n.hideNullValues)}}})}}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Show 0/null Values"}),o.jsx(Al,{text:"Hide 0, undefined, null, and N/A values from the tooltip.",position:"top",tooltipClass:"dbn-w-[300px]",iconConfig:{size:"xs",color:"primary"},isSingleLineTxt:!1})]})]}),[u.bar,u.line,u.area,u.stackedArea,u.timeSeries].includes(l.chartType)&&o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"dynamic",enabled:(aj=l.customSettings)==null?void 0:aj.showDynamicBehaviour,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showDynamicBehaviour:!((n=e.customSettings)!=null&&n.showDynamicBehaviour)}}})}),o.jsx(i,{variant:"body-text-2",children:"Enable Dynamic Behavior"})]}),![u.gauge,u.gaugeV2,u.linearGaugeV2,u.progressBarV2,u.pie,u.table,u.singleValue,u.doughnut,u.funnel,u.sankey,u.rose,u.network].includes(l.chartType)&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"chart zoom",enabled:(bj=(uj=l.customSettings)==null?void 0:uj.chartZoom)==null?void 0:bj.isZoomEnabled,onChange:()=>{a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,chartZoom:{...(n=e.customSettings)==null?void 0:n.chartZoom,isZoomEnabled:!((b=(d=e.customSettings)==null?void 0:d.chartZoom)!=null&&b.isZoomEnabled),zoomAxis:"x",zoomOnMouseWheel:!0}}}})}}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"Enable Chart Zoom"}),o.jsx(Al,{position:"top",text:"Enable zooming and panning on the chart.",tooltipClass:"dbn-w-[300px]",iconConfig:{size:"xs",color:"primary"}})]})]}),((mj=(sj=l.customSettings)==null?void 0:sj.chartZoom)==null?void 0:mj.isZoomEnabled)&&o.jsxs(o.Fragment,{children:[o.jsx(I,{label:"Select Zoom Axis",selectedOption:{value:l.customSettings.chartZoom.zoomAxis||"x",label:l.customSettings.chartZoom.zoomAxis||"x"},options:[{label:"x",value:"x"},{label:"y",value:"y"},{label:"xy",value:"xy"}],onChange:e=>a(n=>{var d;return{...n,customSettings:{...n.customSettings,chartZoom:{...(d=n.customSettings)==null?void 0:d.chartZoom,zoomAxis:e.value}}}}),buttonWidth:"100%",menuWidth:"100%"}),l.chartType===u.timeSeries&&["x","xy"].includes(((xj=(ij=l==null?void 0:l.customSettings)==null?void 0:ij.chartZoom)==null?void 0:xj.zoomAxis)||"")&&o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"show rightmost data",enabled:(pj=(fj=l.customSettings)==null?void 0:fj.chartZoom)==null?void 0:pj.isShowRightMost,onChange:()=>{a(e=>{var n,d,b;return{...e,customSettings:{...e.customSettings,chartZoom:{...(n=e.customSettings)==null?void 0:n.chartZoom,isShowRightMost:!((b=(d=e.customSettings)==null?void 0:d.chartZoom)!=null&&b.isShowRightMost)}}}})}}),o.jsx(i,{variant:"body-text-2",children:"Show Recent Data"})]})]})]}),[u.pie,u.rose,u.doughnut].includes(l==null?void 0:l.chartType)&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"measure-pie",enabled:(jj=l.customSettings)==null?void 0:jj.isEnableMeasureMode,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableMeasureMode:!((n=e.customSettings)!=null&&n.isEnableMeasureMode)}}})}),o.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[o.jsx(i,{variant:"body-text-2",children:"View by Measure"}),o.jsx(Al,{text:"Perform calculations based on measures.",position:"top",tooltipClass:"dbn-w-[200px]",iconConfig:{size:"xs",color:"primary"}})]})]}),l.chartType==="rose"&&o.jsx(I,{label:"Rose Type",selectedOption:{value:((yj=l.customSettings)==null?void 0:yj.roseType)||"",label:((Cj=l.customSettings)==null?void 0:Cj.roseType)||""},options:[{label:"Radius",value:"radius"},{label:"Area",value:"area"}],onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,roseType:e.value}})),menuWidth:"100%",buttonWidth:"100%"}),l.chartType!==u.doughnut&&o.jsxs(o.Fragment,{children:[o.jsx(I,{label:"Mode",selectedOption:{value:((Nj=l.customSettings)==null?void 0:Nj.selectedMode)||"",label:((Tj=l.customSettings)==null?void 0:Tj.selectedMode)||""},options:[{label:"Single",value:"single"},{label:"Multiple",value:"multiple"},{label:"Series",value:"series"}],onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,selectedMode:e.value}})),menuWidth:"100%",buttonWidth:"100%"}),o.jsx(j,{type:"number",label:"Offset",min:0,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,selectedOffset:parseInt(e.target.value,10)}})),value:(wj=l.customSettings)==null?void 0:wj.selectedOffset})]})]}),l.chartType===u.stack||l.chartType===u.timeSeries&&((Lj=(Fj=(vj=l==null?void 0:l.timeSeriesSettings)==null?void 0:vj.seriesType)==null?void 0:Fj[0])==null?void 0:Lj.type)==="stack"?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"full stacked",enabled:(Aj=l==null?void 0:l.customSettings)==null?void 0:Aj.showFullStacked,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showFullStacked:!((n=e.customSettings)!=null&&n.showFullStacked)}}})}),o.jsx(i,{variant:"body-text-2",children:"100% Stacked Bar"})]}):null,(l==null?void 0:l.chartType)===u.funnel&&o.jsxs(o.Fragment,{children:[o.jsx(j,{label:"Padding Between Steps",type:"number",min:0,max:30,value:((Ej=l==null?void 0:l.customSettings)==null?void 0:Ej.stepPadding)||10,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,stepPadding:parseInt(e.target.value,10)}}))}),o.jsx(j,{label:"Label Format",type:"text",placeholder:"{b}",value:(Vj=l==null?void 0:l.customSettings)==null?void 0:Vj.labelFormat,onChange:e=>a(n=>({...n,customSettings:{...n.customSettings,labelFormat:e.target.value}}))}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"funnel 3",enabled:(kj=l==null?void 0:l.customSettings)==null?void 0:kj.showFunnelShadow,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showFunnelShadow:!((n=e.customSettings)!=null&&n.showFunnelShadow)}}})}),o.jsx(i,{variant:"body-text-2",children:"Funnel Shadow"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"funnel 1",enabled:(rj=l==null?void 0:l.customSettings)==null?void 0:rj.showLabelValues,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showLabelValues:!((n=e.customSettings)!=null&&n.showLabelValues)}}})}),o.jsx(i,{variant:"body-text-2",children:"Label With Values"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"funnel 2",enabled:(Bj=l==null?void 0:l.customSettings)==null?void 0:Bj.showConversionRate,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,showConversionRate:!((n=e.customSettings)!=null&&n.showConversionRate)}}})}),o.jsx(i,{variant:"body-text-2",children:"Conversion Rate"})]})]}),[u.line,u.area].includes(l==null?void 0:l.chartType)?o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"smooth line",enabled:(Dj=l==null?void 0:l.customSettings)==null?void 0:Dj.isEnableSmoothLine,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableSmoothLine:!((n=e.customSettings)!=null&&n.isEnableSmoothLine)}}})}),o.jsx(i,{variant:"body-text-2",children:"Smooth Line"})]}):null,(l==null?void 0:l.chartType)===u.timeSeries&&o.jsxs(o.Fragment,{children:[((Oj=(Wj=l==null?void 0:l.timeSeriesSettings)==null?void 0:Wj.seriesType[0])==null?void 0:Oj.type)==="line"||xy?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"current line",enabled:(Rj=l==null?void 0:l.customSettings)==null?void 0:Rj.isEnableCurrentLine,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableCurrentLine:!((n=e.customSettings)!=null&&n.isEnableCurrentLine)}}})}),o.jsx(i,{variant:"body-text-2",children:"Current Line"})]}),o.jsxs("div",{className:m.featToggle,children:[o.jsx(p,{name:"dashed line",enabled:(zj=l==null?void 0:l.customSettings)==null?void 0:zj.isEnableDashedLine,onChange:()=>a(e=>{var n;return{...e,customSettings:{...e.customSettings,isEnableDashedLine:!((n=e.customSettings)!=null&&n.isEnableDashedLine)}}})}),o.jsx(i,{variant:"body-text-2",children:"Dashed Line"})]})]}):null,o.jsx(wy,{globalFilterOptions:U,onChangeTimeseriesFormat:E,onChange:e=>a(n=>({...n,timeSeriesSettings:{...n.timeSeriesSettings,...e instanceof Function?e(n.timeSeriesSettings||{}):e}})),yAxisList:(l==null?void 0:l.yAxisList)||[],settings:l==null?void 0:l.timeSeriesSettings})]})]}),id:"other features",isOpen:V==="other features",setIsOpen:()=>{B(e=>e==="other features"?"":"other features")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:[u.pie,u.rose,u.doughnut].includes(l==null?void 0:l.chartType)?"Other Customizations":"Features"}),headerButton:null}):null,[u.combo,u.horizontalCombo].includes((l==null?void 0:l.chartType)||"")||(l==null?void 0:l.chartType)===u.timeSeries&&((Mj=(_j=(Ij=l==null?void 0:l.timeSeriesSettings)==null?void 0:Ij.seriesType)==null?void 0:_j[0])==null?void 0:Mj.type)==="combo"?o.jsx(c,{width:"100%",content:o.jsx("div",{className:m["container-wrapper"],children:o.jsx(e0,{chartSettings:l,setChartSettings:a})}),id:"combo chart settings",isOpen:V==="combo chart settings",setIsOpen:()=>{B(e=>e==="combo chart settings"?"":"combo chart settings")},header:o.jsx(i,{variant:"heading-5",color:"primary",children:"Combo Chart Settings"}),headerButton:null}):null]})})};export{y0 as B,$0 as C,ry as D,Yl as F,qj as M,Gl as P,ll as a,C0 as b,e0 as c,Jj as g,m as s,Vy as u};