@databrainhq/plugin 0.16.14 → 0.16.15

package/dist/webcomponents.umd.js

@@ -2018,11 +2018,12 @@ Valid keys: `+JSON.stringify(Object.keys(I0),null,"  "));var p3=V7(v3,$3,j0,v1,K
                                       )`:d6.column.getSize(),position:"relative",...a!=null&&a.isRemovePadding&&(a!=null&&a.horizontalCellPadding)?{paddingLeft:`${a==null?void 0:a.horizontalCellPadding}rem`,paddingRight:`${a==null?void 0:a.horizontalCellPadding}rem`}:{}}:{},children:[!!a&&!K2&&E.jsx("div",{style:m6(d6.column.id,a.listColumns)?{...i3,...ye}:{...I1,...ye,...a!=null&&a.isSepAlign&&Object.keys((a==null?void 0:a.colAlignments)||[]).includes(d6.column.id)?{justifyContent:(T8=a==null?void 0:a.colAlignments)==null?void 0:T8[d6.column.id]}:{}},children:(a6=s9==null?void 0:s9.toString())!=null&&a6.includes(b3)||(l3=s9==null?void 0:s9.toString())!=null&&l3.includes(q7)?E.jsxs(E.Fragment,{children:[(_7=a.listColumns&&!x9?z5==null?void 0:z5.slice(0,3):z5)==null?void 0:_7.map(i8=>E.jsx(E.Fragment,{children:m6(d6.column.id,a.badgeColumns)?E.jsx("span",{className:`${P4} ${m6(d6.column.id,a.badgeColumns)}`,style:{fontFamily:a==null?void 0:a.contentFont,color:(a==null?void 0:a.contentColor)||"#222c3a",...$4,fontWeight:(a==null?void 0:a.contentWeight)||500,backgroundColor:ve||"",fontSize:r5?"clamp(0.4rem, 5cqw, 0.875rem)":"0.875rem"},children:K5?`${X9}${l5(Number(i8)||0,u6)}${k9}`:i8},i8):E.jsxs("div",{className:`${P4} ${ti.listItemDiv}`,children:[E.jsx("div",{className:ti.listItem,style:{backgroundColor:(a==null?void 0:a.contentColor)||"#000000"}}),E.jsx("div",{className:ti.listVal,style:{fontWeight:(a==null?void 0:a.contentWeight)||500,fontFamily:a==null?void 0:a.contentFont,color:(a==null?void 0:a.contentColor)||"#3A4555"},children:i8})]},i8)})),m6(d6.column.id,a.listColumns)&&z5.length>3&&!x9?E.jsxs(E6,{variant:"popover",className:`${ti.truncateIcon} dbn-bg-gray`,onClick:()=>s8(i8=>{var g6;const K8=i8.findIndex(u9=>u9.id===d6.id);return K8!==-1?(i8[K8]={...i8[T6],isShowMore:!((g6=i8[T6])!=null&&g6.isShowMore)},i8):[...i8,{id:d6.id,isShowMore:!0}]}),children:[E.jsx(H6,{name:"plus",size:"xxs",color:"secondary-dark"}),z5.length-3]}):null]}):s5()===""?E.jsx(E.Fragment,{}):E.jsxs("span",{"data-testid":"cell-content",className:`${P4} ${m6(d6.column.id,a.badgeColumns)||ie?ti.badge:""} ${_5&&"text"in _5&&!S9?ti.link:""} ${ti.customLink}`,style:{fontFamily:a==null?void 0:a.contentFont,color:(a==null?void 0:a.contentColor)||"#222c3a",...$4,fontWeight:(a==null?void 0:a.contentWeight)||500,backgroundColor:ve||"",fontSize:r5?"clamp(0.4rem, 5cqw, 0.875rem)":"0.875rem"},children:[E.jsx("span",{className:`${Y9?"":"dbn-truncate"} ${S9||j4?"dbn-w-[90%]":""}`,children:s5()}),S9||j4?E.jsx(E6,{variant:"popover",onClick:i8=>{C2!=null&&C2.click&&_5&&(i8.preventDefault(),i8.stopPropagation(),X4?window.open(g5,"_blank"):window.location.href=g5||"")},onContextMenu:i8=>{C2!=null&&C2.click&&_5&&(i8.preventDefault(),i8.stopPropagation(),X4?window.open(g5,"_blank"):window.location.href=g5||"")},containerClass:"dbn-interactive-element",className:S9?ti.link:"",leftIcon:E.jsx(H6,{name:S9?"link":"new-window",size:"xs"})}):null]})}),(!a||K2)&&E.jsx("div",{style:{textAlign:"center",width:"100%",...K2?{color:(a==null?void 0:a.contentColor)||"#222c3a",height:(I1==null?void 0:I1.height)||"24px",fontWeight:(a==null?void 0:a.contentWeight)||500}:{}},className:ti.truncateText,children:rh(d6.column.columnDef.cell,d6.getContext())}),d6.column.getCanResize()&&(a!=null&&a.hideTableHeader)?E.jsx("div",{className:"resizer",style:{position:"absolute",right:0,top:0,height:"100%",width:"1px",background:"transparent",cursor:"col-resize",userSelect:"none",touchAction:"none",zIndex:1},onMouseDown:i8=>{i8.preventDefault();const K8=i8.clientX,g6=d6.column.getSize(),u9=V9=>{const P9=Math.max(30,g6+V9.clientX-K8);F3.setColumnSizing(j9=>({...j9,[d6.column.id]:P9}))},$6=()=>{document.removeEventListener("mousemove",u9),document.removeEventListener("mouseup",$6)};document.addEventListener("mousemove",u9),document.addEventListener("mouseup",$6)}}):null]},d6.id)})},y6.id)})})}):null]}),!(x8!=null&&x8.length)&&(a!=null&&a.isEnableColumnFilter)&&!i&&!o.length&&!F6?E.jsx("div",{className:"dbn-flex dbn-justify-center dbn-items-center dbn-w-full",style:{height:"calc(100% - 45px)"},children:E.jsx(jA,{height:"80px",message:"No data found.",subText:"Try modifying the filter, sort or client."})}):null]}),!(t!=null&&t.length)&&!(a!=null&&a.isEnableColumnFilter)&&!i&&!o.length&&!F6&&E.jsx("div",{className:"dbn-w-full dbn-h-full dbn-items-center dbn-justify-center dbn-p-6",children:E.jsx(jA,{message:"No data tables queried",subText:`Type your query and input fields beside to generate results\r
                   and explore data`})}),o&&E.jsx("div",{className:ti.error,children:E.jsx(A8,{children:o})})]}),t&&!(a!=null&&a.disablePagination)&&(!V||(a==null?void 0:a.isServerSidePagination))&&E.jsxs("div",{className:`${ti.pagination} ${a!=null&&a.isAutoPagination?"dbn-pl-2":""}`,style:{marginRight:`${U0?"70px":""}`},children:[a!=null&&a.isAutoPagination?null:E.jsx("div",{className:`dbn-interactive-element ${ti.rowStyle}`,children:E.jsx(ce,{id:"rows-per-page",customButton:E.jsxs("div",{className:"dbn-flex dbn-gap-3",title:$7==null?void 0:$7.value,children:[E.jsx(A8,{variant:"body-text-3",children:"Rows per page:"}),E.jsx(A8,{variant:"body-text-3",children:$7==null?void 0:$7.value})]}),className:"dbn-border-none",onChange:y6=>{R8(y6),e==null||e(!1,parseInt(y6.value,10)),I==null||I(B9=>({...B9,tableSettings:{...B9.tableSettings,defaultRowSize:y6.value}}))},selectedOption:$7,options:dh,labelVariant:"static",menuWidth:"120px",buttonWidth:($7==null?void 0:$7.value)==="1000"?"165px":"150px",menuZIndex:g2})}),i?null:A&&t.length&&J8?E.jsxs("span",{className:ti.pageStyle,children:[h.offset+1,"-",h.offset+t.length," of ",J8]}):M8.from&&M8.to&&M8.total?E.jsxs("span",{className:ti.pageStyle,children:[M8.from,"-",M8.to," of"," ",M8.total]}):null,E.jsxs("div",{className:"dbn-interactive-element dbn-flex dbn-gap-2 dbn-justify-center dbn-items-center",children:[E.jsxs("div",{className:ti.buttonContainer,children:[E.jsx(E6,{id:"jump-to-start",className:ti.btnHover,variant:"popover",type:"button",onClick:()=>{A?e==null||e(!0,void 0,0):F3.setPageIndex(0)},isDisabled:A?!d||i7===0:M8.from<=1,children:E.jsx(H6,{size:"small",name:"double-arrow-left"})}),E.jsxs("div",{className:ti.pageBtns,children:[E.jsx(E6,{id:"jump-to-prev",className:`${ti.btnHover} dbn-border-none dbn-rounded-r-none`,variant:"popover",type:"button",onClick:()=>{A?e==null||e(!0):F3.previousPage()},isDisabled:A?!d||i7===0:M8.from<=1,style:{height:"calc(1.75rem - 1.6px)"},children:E.jsx(H6,{size:"small",name:"caret-left"})}),E.jsx("div",{className:ti.pageInfo,children:L5?E.jsx(c5,{type:"number",value:i6,min:1,max:A?X8:F3.getPageCount(),onChange:y6=>{let B9=Math.min(Number(y6.target.value),A?X8:F3.getPageCount());B9===0&&(B9=1),O3(B9)},onKeyDown:y6=>{y6.key=="Enter"&&(A?e==null||e(!0,void 0,(i6-1)*h.limit):F3.setPageIndex(i6-1),o4(!1))},style:{height:"calc(1.75rem - 1.6px)"},className:"dbn-text-xs dbn-w-full dbn-rounded-none",containerClassName:"dbn-border-none dbn-outline-none "}):E.jsxs("div",{className:"dbn-flex dbn-gap-1 dbn-px-1 dbn-overflow-x-hidden",onClick:()=>o4(!0),title:`${A?i7+1:u8+1} of ${A?X8:F3.getPageCount()}`,children:[E.jsx(A8,{variant:"body-text-3",className:"dbn-font-medium dbn-truncate",children:A?i7+1:u8+1}),E.jsx(A8,{variant:"body-text-3",className:"dbn-font-medium",children:"of"}),E.jsx(A8,{variant:"body-text-3",className:"dbn-font-medium dbn-truncate",children:A?X8:F3.getPageCount()})]})}),E.jsx(E6,{id:"jump-to-next",className:`${ti.btnHover} dbn-border-none dbn-rounded-l-none`,variant:"popover",type:"button",onClick:()=>{A?e==null||e(!1):F3.nextPage()},isDisabled:A?!f||i7===X8-1:M8.to>=M8.total,style:{height:"calc(1.75rem - 1.6px)"},children:E.jsx(H6,{size:"small",name:"caret-right"})})]}),E.jsx(E6,{id:"jump-to-end",className:ti.btnHover,variant:"popover",type:"button",onClick:()=>{A?e==null||e(!1,void 0,(X8-1)*h.limit):F3.setPageIndex(F3.getPageCount()-1)},isDisabled:A?!f||i7===X8-1:M8.to>=M8.total,children:E.jsx(H6,{size:"small",name:"double-arrow-right"})})]}),K&&E.jsx("div",{className:ti.isFullScreenEnabled,children:W&&E.jsx(E6,{type:"button",variant:"popover",onClick:()=>{localStorage.setItem("fsMetricCs",JSON.stringify({defaultRowSize:$7.value})),f2==null||f2()},leftIcon:E.jsx("div",{className:ti.fullScreenBtn,children:E.jsx(H6,{name:"fullscreen"})})})})]})]}),V&&!(a!=null&&a.isServerSidePagination)&&t&&(t.length>f6||P&&t.length)?E.jsx("div",{className:"dbn-p-2.5 dbn-px-5 dbn-flex dbn-justify-end",children:E.jsxs(E6,{variant:"secondary",type:"button",onClick:()=>{D?D():k6(y6=>y6+50)},className:ti.loadMore,children:["Load More",E.jsx(H6,{name:"double-arrow-right"})]})}):null]}),E.jsxs(nu,{isOpen:p7==null?void 0:p7.isShow,onClose:()=>{X7({isShow:!1,data:[]})},headerTitle:"View Details",zIndex:9999999999,children:[E.jsx("div",{className:"dbn-w-[600px] dbn-p-6 dbn-max-h-[400px] dbn-overflow-y-auto",children:E.jsx(fr0,{data:(p7==null?void 0:p7.data)||[]})}),E.jsx(Fd,{children:E.jsx(E6,{variant:"secondary",onClick:()=>{X7({isShow:!1,data:[]})},children:"Close"})})]})]})};var RK={exports:{}},zM={},GM={exports:{}},pr0=GM.exports,Ad2;function HK(){return Ad2||(Ad2=1,function(t,n){(function(i,o){o(n)})(pr0,function(i){function o(N1){return function($3,V7,p3,a7,p7,X7,H7){return N1($3,V7,H7)}}function a(N1){return function($3,V7,p3,a7){if(!$3||!V7||typeof $3!="object"||typeof V7!="object")return N1($3,V7,p3,a7);var p7=a7.get($3),X7=a7.get(V7);if(p7&&X7)return p7===V7&&X7===$3;a7.set($3,V7),a7.set(V7,$3);var H7=N1($3,V7,p3,a7);return a7.delete($3),a7.delete(V7),H7}}function s(N1,z1){var $3={};for(var V7 in N1)$3[V7]=N1[V7];for(var V7 in z1)$3[V7]=z1[V7];return $3}function r(N1){return N1.constructor===Object||N1.constructor==null}function C(N1){return typeof N1.then=="function"}function l(N1,z1){return N1===z1||N1!==N1&&z1!==z1}var e="[object Arguments]",A="[object Boolean]",u="[object Date]",f="[object RegExp]",d="[object Map]",g="[object Number]",h="[object Object]",I="[object Set]",y="[object String]",w=Object.prototype.toString;function V(N1){var z1=N1.areArraysEqual,$3=N1.areDatesEqual,V7=N1.areMapsEqual,p3=N1.areObjectsEqual,a7=N1.areRegExpsEqual,p7=N1.areSetsEqual,X7=N1.createIsNestedEqual,H7=X7(J7);function J7(M3,i0,b3){if(M3===i0)return!0;if(!M3||!i0||typeof M3!="object"||typeof i0!="object")return M3!==M3&&i0!==i0;if(r(M3)&&r(i0))return p3(M3,i0,H7,b3);var o8=Array.isArray(M3),q7=Array.isArray(i0);if(o8||q7)return o8===q7&&z1(M3,i0,H7,b3);var P7=w.call(M3);return P7!==w.call(i0)?!1:P7===u?$3(M3,i0,H7,b3):P7===f?a7(M3,i0,H7,b3):P7===d?V7(M3,i0,H7,b3):P7===I?p7(M3,i0,H7,b3):P7===h||P7===e?C(M3)||C(i0)?!1:p3(M3,i0,H7,b3):P7===A||P7===g||P7===y?l(M3.valueOf(),i0.valueOf()):!1}return J7}function D(N1,z1,$3,V7){var p3=N1.length;if(z1.length!==p3)return!1;for(;p3-- >0;)if(!$3(N1[p3],z1[p3],p3,p3,N1,z1,V7))return!1;return!0}var P=a(D);function W(N1,z1){return l(N1.valueOf(),z1.valueOf())}function K(N1,z1,$3,V7){var p3=N1.size===z1.size;if(!p3)return!1;if(!N1.size)return!0;var a7={},p7=0;return N1.forEach(function(X7,H7){if(p3){var J7=!1,M3=0;z1.forEach(function(i0,b3){!J7&&!a7[M3]&&(J7=$3(H7,b3,p7,M3,N1,z1,V7)&&$3(X7,i0,H7,b3,N1,z1,V7))&&(a7[M3]=!0),M3++}),p7++,p3=J7}}),p3}var f2=a(K),T2="_owner",C2=Object.prototype.hasOwnProperty;function g2(N1,z1,$3,V7){var p3=Object.keys(N1),a7=p3.length;if(Object.keys(z1).length!==a7)return!1;for(var p7;a7-- >0;){if(p7=p3[a7],p7===T2){var X7=!!N1.$$typeof,H7=!!z1.$$typeof;if((X7||H7)&&X7!==H7)return!1}if(!C2.call(z1,p7)||!$3(N1[p7],z1[p7],p7,p7,N1,z1,V7))return!1}return!0}var N2=a(g2);function H2(N1,z1){return N1.source===z1.source&&N1.flags===z1.flags}function M2(N1,z1,$3,V7){var p3=N1.size===z1.size;if(!p3)return!1;if(!N1.size)return!0;var a7={};return N1.forEach(function(p7,X7){if(p3){var H7=!1,J7=0;z1.forEach(function(M3,i0){!H7&&!a7[J7]&&(H7=$3(p7,M3,X7,i0,N1,z1,V7))&&(a7[J7]=!0),J7++}),p3=H7}}),p3}var U2=a(M2),Y2=Object.freeze({areArraysEqual:D,areDatesEqual:W,areMapsEqual:K,areObjectsEqual:g2,areRegExpsEqual:H2,areSetsEqual:M2,createIsNestedEqual:o}),c0=Object.freeze({areArraysEqual:P,areDatesEqual:W,areMapsEqual:f2,areObjectsEqual:N2,areRegExpsEqual:H2,areSetsEqual:U2,createIsNestedEqual:o}),h0=V(Y2);function F0(N1,z1){return h0(N1,z1,void 0)}var I0=V(s(Y2,{createIsNestedEqual:function(){return l}}));function e0(N1,z1){return I0(N1,z1,void 0)}var U0=V(c0);function m0(N1,z1){return U0(N1,z1,new WeakMap)}var j0=V(s(c0,{createIsNestedEqual:function(){return l}}));function v1(N1,z1){return j0(N1,z1,new WeakMap)}function K2(N1){return V(s(Y2,N1(Y2)))}function v3(N1){var z1=V(s(c0,N1(c0)));return function($3,V7,p3){return p3===void 0&&(p3=new WeakMap),z1($3,V7,p3)}}i.circularDeepEqual=m0,i.circularShallowEqual=v1,i.createCustomCircularEqual=v3,i.createCustomEqual=K2,i.deepEqual=F0,i.sameValueZeroEqual=l,i.shallowEqual=e0,Object.defineProperty(i,"__esModule",{value:!0})})}(GM,GM.exports)),GM.exports}var Ek={exports:{}},ud2;function DK(){if(ud2)return Ek.exports;ud2=1;function t(i){var o,a,s="";if(typeof i=="string"||typeof i=="number")s+=i;else if(typeof i=="object")if(Array.isArray(i)){var r=i.length;for(o=0;o<r;o++)i[o]&&(a=t(i[o]))&&(s&&(s+=" "),s+=a)}else for(a in i)i[a]&&(s&&(s+=" "),s+=a);return s}function n(){for(var i,o,a=0,s="",r=arguments.length;a<r;a++)(i=arguments[a])&&(o=t(i))&&(s&&(s+=" "),s+=o);return s}return Ek.exports=n,Ek.exports.clsx=n,Ek.exports}var gC={},SK,cd2;function vr0(){return cd2||(cd2=1,SK=function(n,i,o){return n===i?!0:n.className===i.className&&o(n.style,i.style)&&n.width===i.width&&n.autoSize===i.autoSize&&n.cols===i.cols&&n.draggableCancel===i.draggableCancel&&n.draggableHandle===i.draggableHandle&&o(n.verticalCompact,i.verticalCompact)&&o(n.compactType,i.compactType)&&o(n.layout,i.layout)&&o(n.margin,i.margin)&&o(n.containerPadding,i.containerPadding)&&n.rowHeight===i.rowHeight&&n.maxRows===i.maxRows&&n.isBounded===i.isBounded&&n.isDraggable===i.isDraggable&&n.isResizable===i.isResizable&&n.allowOverlap===i.allowOverlap&&n.preventCollision===i.preventCollision&&n.useCSSTransforms===i.useCSSTransforms&&n.transformScale===i.transformScale&&n.isDroppable===i.isDroppable&&o(n.resizeHandles,i.resizeHandles)&&o(n.resizeHandle,i.resizeHandle)&&n.onLayoutChange===i.onLayoutChange&&n.onDragStart===i.onDragStart&&n.onDrag===i.onDrag&&n.onDragStop===i.onDragStop&&n.onResizeStart===i.onResizeStart&&n.onResize===i.onResize&&n.onResizeStop===i.onResizeStop&&n.onDrop===i.onDrop&&o(n.droppingItem,i.droppingItem)&&o(n.innerRef,i.innerRef)}),SK}var fd2;function By(){if(fd2)return gC;fd2=1,Object.defineProperty(gC,"__esModule",{value:!0}),gC.bottom=a,gC.childrenEqual=e,gC.cloneLayout=s,gC.cloneLayoutItem=l,gC.collides=u,gC.compact=f,gC.compactItem=h,gC.compactType=z1,gC.correctBounds=I,gC.fastPositionEqual=A,gC.fastRGLPropsEqual=void 0,gC.getAllCollisions=V,gC.getFirstCollision=w,gC.getLayoutItem=y,gC.getStatics=D,gC.modifyLayout=r,gC.moveElement=P,gC.moveElementAwayFromCollision=W,gC.noop=void 0,gC.perc=K,gC.resizeItemInDirection=e0,gC.setTopLeft=m0,gC.setTransform=U0,gC.sortLayoutItems=j0,gC.sortLayoutItemsByColRow=K2,gC.sortLayoutItemsByRowCol=v1,gC.synchronizeLayoutWithChildren=v3,gC.validateLayout=N1,gC.withLayoutItem=C;var t=HK(),n=i(hA());function i(p3){return p3&&p3.__esModule?p3:{default:p3}}const o=process.env.NODE_ENV==="production";function a(p3){let a7=0,p7;for(let X7=0,H7=p3.length;X7<H7;X7++)p7=p3[X7].y+p3[X7].h,p7>a7&&(a7=p7);return a7}function s(p3){const a7=Array(p3.length);for(let p7=0,X7=p3.length;p7<X7;p7++)a7[p7]=l(p3[p7]);return a7}function r(p3,a7){const p7=Array(p3.length);for(let X7=0,H7=p3.length;X7<H7;X7++)a7.i===p3[X7].i?p7[X7]=a7:p7[X7]=p3[X7];return p7}function C(p3,a7,p7){let X7=y(p3,a7);return X7?(X7=p7(l(X7)),p3=r(p3,X7),[p3,X7]):[p3,null]}function l(p3){return{w:p3.w,h:p3.h,x:p3.x,y:p3.y,i:p3.i,minW:p3.minW,maxW:p3.maxW,minH:p3.minH,maxH:p3.maxH,moved:!!p3.moved,static:!!p3.static,isDraggable:p3.isDraggable,isResizable:p3.isResizable,resizeHandles:p3.resizeHandles,isBounded:p3.isBounded}}function e(p3,a7){return(0,t.deepEqual)(n.default.Children.map(p3,p7=>p7==null?void 0:p7.key),n.default.Children.map(a7,p7=>p7==null?void 0:p7.key))&&(0,t.deepEqual)(n.default.Children.map(p3,p7=>p7==null?void 0:p7.props["data-grid"]),n.default.Children.map(a7,p7=>p7==null?void 0:p7.props["data-grid"]))}gC.fastRGLPropsEqual=vr0();function A(p3,a7){return p3.left===a7.left&&p3.top===a7.top&&p3.width===a7.width&&p3.height===a7.height}function u(p3,a7){return!(p3.i===a7.i||p3.x+p3.w<=a7.x||p3.x>=a7.x+a7.w||p3.y+p3.h<=a7.y||p3.y>=a7.y+a7.h)}function f(p3,a7,p7,X7){const H7=D(p3),J7=j0(p3,a7),M3=Array(p3.length);for(let i0=0,b3=J7.length;i0<b3;i0++){let o8=l(J7[i0]);o8.static||(o8=h(H7,o8,a7,p7,J7,X7),H7.push(o8)),M3[p3.indexOf(J7[i0])]=o8,o8.moved=!1}return M3}const d={x:"w",y:"h"};function g(p3,a7,p7,X7){const H7=d[X7];a7[X7]+=1;const J7=p3.map(M3=>M3.i).indexOf(a7.i);for(let M3=J7+1;M3<p3.length;M3++){const i0=p3[M3];if(!i0.static){if(i0.y>a7.y+a7.h)break;u(a7,i0)&&g(p3,i0,p7+a7[H7],X7)}}a7[X7]=p7}function h(p3,a7,p7,X7,H7,J7){const M3=p7==="vertical",i0=p7==="horizontal";if(M3)for(a7.y=Math.min(a(p3),a7.y);a7.y>0&&!w(p3,a7);)a7.y--;else if(i0)for(;a7.x>0&&!w(p3,a7);)a7.x--;let b3;for(;(b3=w(p3,a7))&&!(p7===null&&J7);)if(i0?g(H7,a7,b3.x+b3.w,"x"):g(H7,a7,b3.y+b3.h,"y"),i0&&a7.x+a7.w>X7)for(a7.x=X7-a7.w,a7.y++;a7.x>0&&!w(p3,a7);)a7.x--;return a7.y=Math.max(a7.y,0),a7.x=Math.max(a7.x,0),a7}function I(p3,a7){const p7=D(p3);for(let X7=0,H7=p3.length;X7<H7;X7++){const J7=p3[X7];if(J7.x+J7.w>a7.cols&&(J7.x=a7.cols-J7.w),J7.x<0&&(J7.x=0,J7.w=a7.cols),!J7.static)p7.push(J7);else for(;w(p7,J7);)J7.y++}return p3}function y(p3,a7){for(let p7=0,X7=p3.length;p7<X7;p7++)if(p3[p7].i===a7)return p3[p7]}function w(p3,a7){for(let p7=0,X7=p3.length;p7<X7;p7++)if(u(p3[p7],a7))return p3[p7]}function V(p3,a7){return p3.filter(p7=>u(p7,a7))}function D(p3){return p3.filter(a7=>a7.static)}function P(p3,a7,p7,X7,H7,J7,M3,i0,b3){if(a7.static&&a7.isDraggable!==!0||a7.y===X7&&a7.x===p7)return p3;`${a7.i}${String(p7)}${String(X7)}${a7.x}${a7.y}`;const o8=a7.x,q7=a7.y;typeof p7=="number"&&(a7.x=p7),typeof X7=="number"&&(a7.y=X7),a7.moved=!0;let P7=j0(p3,M3);(M3==="vertical"&&typeof X7=="number"?q7>=X7:M3==="horizontal"&&typeof p7=="number"?o8>=p7:!1)&&(P7=P7.reverse());const x8=V(P7,a7),I1=x8.length>0;if(I1&&b3)return s(p3);if(I1&&J7)return`${a7.i}`,a7.x=o8,a7.y=q7,a7.moved=!1,p3;for(let i3=0,l7=x8.length;i3<l7;i3++){const M7=x8[i3];`${a7.i}${a7.x}${a7.y}${M7.i}${M7.x}${M7.y}`,!M7.moved&&(M7.static?p3=W(p3,M7,a7,H7,M3):p3=W(p3,a7,M7,H7,M3))}return p3}function W(p3,a7,p7,X7,H7,J7){const M3=H7==="horizontal",i0=H7==="vertical",b3=a7.static;if(X7){X7=!1;const P7={x:M3?Math.max(a7.x-p7.w,0):p7.x,y:i0?Math.max(a7.y-p7.h,0):p7.y,w:p7.w,h:p7.h,i:"-1"},m8=w(p3,P7),x8=m8&&m8.y+m8.h>a7.y,I1=m8&&a7.x+a7.w>m8.x;if(m8){if(x8&&i0)return P(p3,p7,void 0,a7.y+1,X7,b3,H7);if(x8&&H7==null)return a7.y=p7.y,p7.y=p7.y+p7.h,p3;if(I1&&M3)return P(p3,a7,p7.x,void 0,X7,b3,H7)}else return`${p7.i}${P7.x}${P7.y}`,P(p3,p7,M3?P7.x:void 0,i0?P7.y:void 0,X7,b3,H7)}const o8=M3?p7.x+1:void 0,q7=i0?p7.y+1:void 0;return o8==null&&q7==null?p3:P(p3,p7,M3?p7.x+1:void 0,i0?p7.y+1:void 0,X7,b3,H7)}function K(p3){return p3*100+"%"}const f2=(p3,a7,p7,X7)=>p3+p7>X7?a7:p7,T2=(p3,a7,p7)=>p3<0?a7:p7,C2=p3=>Math.max(0,p3),g2=p3=>Math.max(0,p3),N2=(p3,a7,p7)=>{let{left:X7,height:H7,width:J7}=a7;const M3=p3.top-(H7-p3.height);return{left:X7,width:J7,height:T2(M3,p3.height,H7),top:g2(M3)}},H2=(p3,a7,p7)=>{let{top:X7,left:H7,height:J7,width:M3}=a7;return{top:X7,height:J7,width:f2(p3.left,p3.width,M3,p7),left:C2(H7)}},M2=(p3,a7,p7)=>{let{top:X7,height:H7,width:J7}=a7;const M3=p3.left-(J7-p3.width);return{height:H7,width:M3<0?p3.width:f2(p3.left,p3.width,J7,p7),top:g2(X7),left:C2(M3)}},U2=(p3,a7,p7)=>{let{top:X7,left:H7,height:J7,width:M3}=a7;return{width:M3,left:H7,height:T2(X7,p3.height,J7),top:g2(X7)}},I0={n:N2,ne:function(){return N2(arguments.length<=0?void 0:arguments[0],H2(...arguments))},e:H2,se:function(){return U2(arguments.length<=0?void 0:arguments[0],H2(...arguments))},s:U2,sw:function(){return U2(arguments.length<=0?void 0:arguments[0],M2(...arguments))},w:M2,nw:function(){return N2(arguments.length<=0?void 0:arguments[0],M2(...arguments))}};function e0(p3,a7,p7,X7){const H7=I0[p3];return H7?H7(a7,{...a7,...p7},X7):p7}function U0(p3){let{top:a7,left:p7,width:X7,height:H7}=p3;const J7=`translate(${p7}px,${a7}px)`;return{transform:J7,WebkitTransform:J7,MozTransform:J7,msTransform:J7,OTransform:J7,width:`${X7}px`,height:`${H7}px`,position:"absolute"}}function m0(p3){let{top:a7,left:p7,width:X7,height:H7}=p3;return{top:`${a7}px`,left:`${p7}px`,width:`${X7}px`,height:`${H7}px`,position:"absolute"}}function j0(p3,a7){return a7==="horizontal"?K2(p3):a7==="vertical"?v1(p3):p3}function v1(p3){return p3.slice(0).sort(function(a7,p7){return a7.y>p7.y||a7.y===p7.y&&a7.x>p7.x?1:a7.y===p7.y&&a7.x===p7.x?0:-1})}function K2(p3){return p3.slice(0).sort(function(a7,p7){return a7.x>p7.x||a7.x===p7.x&&a7.y>p7.y?1:-1})}function v3(p3,a7,p7,X7,H7){p3=p3||[];const J7=[];n.default.Children.forEach(a7,i0=>{if((i0==null?void 0:i0.key)==null)return;const b3=y(p3,String(i0.key)),o8=i0.props["data-grid"];b3&&o8==null?J7.push(l(b3)):o8?(o||N1([o8],"ReactGridLayout.children"),J7.push(l({...o8,i:i0.key}))):J7.push(l({w:1,h:1,x:0,y:a(J7),i:String(i0.key)}))});const M3=I(J7,{cols:p7});return H7?M3:f(M3,X7,p7)}function N1(p3){let a7=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout";const p7=["x","y","w","h"];if(!Array.isArray(p3))throw new Error(a7+" must be an array!");for(let X7=0,H7=p3.length;X7<H7;X7++){const J7=p3[X7];for(let M3=0;M3<p7.length;M3++){const i0=p7[M3],b3=J7[i0];if(typeof b3!="number"||Number.isNaN(b3))throw new Error(`ReactGridLayout: ${a7}[${X7}].${i0} must be a number! Received: ${b3} (${typeof b3})`)}if(typeof J7.i<"u"&&typeof J7.i!="string")throw new Error(`ReactGridLayout: ${a7}[${X7}].i must be a string! Received: ${J7.i} (${typeof J7.i})`)}}function z1(p3){const{verticalCompact:a7,compactType:p7}=p3||{};return a7===!1?null:p7}function $3(){}const V7=()=>{};return gC.noop=V7,gC}var uE={},dd2;function NK(){if(dd2)return uE;dd2=1,Object.defineProperty(uE,"__esModule",{value:!0}),uE.calcGridColWidth=t,uE.calcGridItemPosition=i,uE.calcGridItemWHPx=n,uE.calcWH=a,uE.calcXY=o,uE.clamp=s;function t(r){const{margin:C,containerPadding:l,containerWidth:e,cols:A}=r;return(e-C[0]*(A-1)-l[0]*2)/A}function n(r,C,l){return Number.isFinite(r)?Math.round(C*r+Math.max(0,r-1)*l):r}function i(r,C,l,e,A,u){const{margin:f,containerPadding:d,rowHeight:g}=r,h=t(r),I={};return u&&u.resizing?(I.width=Math.round(u.resizing.width),I.height=Math.round(u.resizing.height)):(I.width=n(e,h,f[0]),I.height=n(A,g,f[1])),u&&u.dragging?(I.top=Math.round(u.dragging.top),I.left=Math.round(u.dragging.left)):u&&u.resizing&&typeof u.resizing.top=="number"&&typeof u.resizing.left=="number"?(I.top=Math.round(u.resizing.top),I.left=Math.round(u.resizing.left)):(I.top=Math.round((g+f[1])*l+d[1]),I.left=Math.round((h+f[0])*C+d[0])),I}function o(r,C,l,e,A){const{margin:u,containerPadding:f,cols:d,rowHeight:g,maxRows:h}=r,I=t(r);let y=Math.round((l-f[0])/(I+u[0])),w=Math.round((C-f[1])/(g+u[1]));return y=s(y,0,d-e),w=s(w,0,h-A),{x:y,y:w}}function a(r,C,l,e,A,u){const{margin:f,maxRows:d,cols:g,rowHeight:h}=r,I=t(r);let y=Math.round((C+f[0])/(I+f[0])),w=Math.round((l+f[1])/(h+f[1])),V=s(y,0,g-e),D=s(w,0,d-A);return["sw","w","nw"].indexOf(u)!==-1&&(V=s(y,0,g)),["nw","n","ne"].indexOf(u)!==-1&&(D=s(w,0,d)),{w:V,h:D}}function s(r,C,l){return Math.max(Math.min(r,l),C)}return uE}var YM={},WM={exports:{}},VK={};function gd2(t){var n,i,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t))for(n=0;n<t.length;n++)t[n]&&(i=gd2(t[n]))&&(o&&(o+=" "),o+=i);else for(n in t)t[n]&&(o&&(o+=" "),o+=n);return o}function hd2(){for(var t,n,i=0,o="";i<arguments.length;)(t=arguments[i++])&&(n=gd2(t))&&(o&&(o+=" "),o+=n);return o}const Ir0=jO(Object.freeze(Object.defineProperty({__proto__:null,clsx:hd2,default:hd2},Symbol.toStringTag,{value:"Module"})));var $l={},Jp={},Ed2;function pk(){if(Ed2)return Jp;Ed2=1,Object.defineProperty(Jp,"__esModule",{value:!0}),Jp.dontSetMe=a,Jp.findInArray=t,Jp.int=o,Jp.isFunction=n,Jp.isNum=i;function t(s,r){for(let C=0,l=s.length;C<l;C++)if(r.apply(r,[s[C],C,s]))return s[C]}function n(s){return typeof s=="function"||Object.prototype.toString.call(s)==="[object Function]"}function i(s){return typeof s=="number"&&!isNaN(s)}function o(s){return parseInt(s,10)}function a(s,r,C){if(s[r])return new Error("Invalid prop ".concat(r," passed to ").concat(C," - do not set this, set it on the child."))}return Jp}var qp={},pd2;function mr0(){if(pd2)return qp;pd2=1,Object.defineProperty(qp,"__esModule",{value:!0}),qp.browserPrefixToKey=i,qp.browserPrefixToStyle=o,qp.default=void 0,qp.getPrefix=n;const t=["Moz","Webkit","O","ms"];function n(){var s;let r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const C=(s=window.document)===null||s===void 0||(s=s.documentElement)===null||s===void 0?void 0:s.style;if(!C||r in C)return"";for(let l=0;l<t.length;l++)if(i(r,t[l])in C)return t[l];return""}function i(s,r){return r?"".concat(r).concat(a(s)):s}function o(s,r){return r?"-".concat(r.toLowerCase(),"-").concat(s):s}function a(s){let r="",C=!0;for(let l=0;l<s.length;l++)C?(r+=s[l].toUpperCase(),C=!1):s[l]==="-"?C=!0:r+=s[l];return r}return qp.default=n(),qp}var vd2;function kK(){if(vd2)return $l;vd2=1,Object.defineProperty($l,"__esModule",{value:!0}),$l.addClassName=P,$l.addEvent=C,$l.addUserSelectStyles=V,$l.createCSSTransform=g,$l.createSVGTransform=h,$l.getTouch=y,$l.getTouchIdentifier=w,$l.getTranslation=I,$l.innerHeight=u,$l.innerWidth=f,$l.matchesSelector=s,$l.matchesSelectorAndParentsTo=r,$l.offsetXYFromParent=d,$l.outerHeight=e,$l.outerWidth=A,$l.removeClassName=W,$l.removeEvent=l,$l.removeUserSelectStyles=D;var t=pk(),n=o(mr0());function i(K){if(typeof WeakMap!="function")return null;var f2=new WeakMap,T2=new WeakMap;return(i=function(C2){return C2?T2:f2})(K)}function o(K,f2){if(K&&K.__esModule)return K;if(K===null||typeof K!="object"&&typeof K!="function")return{default:K};var T2=i(f2);if(T2&&T2.has(K))return T2.get(K);var C2={},g2=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var N2 in K)if(N2!=="default"&&Object.prototype.hasOwnProperty.call(K,N2)){var H2=g2?Object.getOwnPropertyDescriptor(K,N2):null;H2&&(H2.get||H2.set)?Object.defineProperty(C2,N2,H2):C2[N2]=K[N2]}return C2.default=K,T2&&T2.set(K,C2),C2}let a="";function s(K,f2){return a||(a=(0,t.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(T2){return(0,t.isFunction)(K[T2])})),(0,t.isFunction)(K[a])?K[a](f2):!1}function r(K,f2,T2){let C2=K;do{if(s(C2,f2))return!0;if(C2===T2)return!1;C2=C2.parentNode}while(C2);return!1}function C(K,f2,T2,C2){if(!K)return;const g2={capture:!0,...C2};K.addEventListener?K.addEventListener(f2,T2,g2):K.attachEvent?K.attachEvent("on"+f2,T2):K["on"+f2]=T2}function l(K,f2,T2,C2){if(!K)return;const g2={capture:!0,...C2};K.removeEventListener?K.removeEventListener(f2,T2,g2):K.detachEvent?K.detachEvent("on"+f2,T2):K["on"+f2]=null}function e(K){let f2=K.clientHeight;const T2=K.ownerDocument.defaultView.getComputedStyle(K);return f2+=(0,t.int)(T2.borderTopWidth),f2+=(0,t.int)(T2.borderBottomWidth),f2}function A(K){let f2=K.clientWidth;const T2=K.ownerDocument.defaultView.getComputedStyle(K);return f2+=(0,t.int)(T2.borderLeftWidth),f2+=(0,t.int)(T2.borderRightWidth),f2}function u(K){let f2=K.clientHeight;const T2=K.ownerDocument.defaultView.getComputedStyle(K);return f2-=(0,t.int)(T2.paddingTop),f2-=(0,t.int)(T2.paddingBottom),f2}function f(K){let f2=K.clientWidth;const T2=K.ownerDocument.defaultView.getComputedStyle(K);return f2-=(0,t.int)(T2.paddingLeft),f2-=(0,t.int)(T2.paddingRight),f2}function d(K,f2,T2){const g2=f2===f2.ownerDocument.body?{left:0,top:0}:f2.getBoundingClientRect(),N2=(K.clientX+f2.scrollLeft-g2.left)/T2,H2=(K.clientY+f2.scrollTop-g2.top)/T2;return{x:N2,y:H2}}function g(K,f2){const T2=I(K,f2,"px");return{[(0,n.browserPrefixToKey)("transform",n.default)]:T2}}function h(K,f2){return I(K,f2,"")}function I(K,f2,T2){let{x:C2,y:g2}=K,N2="translate(".concat(C2).concat(T2,",").concat(g2).concat(T2,")");if(f2){const H2="".concat(typeof f2.x=="string"?f2.x:f2.x+T2),M2="".concat(typeof f2.y=="string"?f2.y:f2.y+T2);N2="translate(".concat(H2,", ").concat(M2,")")+N2}return N2}function y(K,f2){return K.targetTouches&&(0,t.findInArray)(K.targetTouches,T2=>f2===T2.identifier)||K.changedTouches&&(0,t.findInArray)(K.changedTouches,T2=>f2===T2.identifier)}function w(K){if(K.targetTouches&&K.targetTouches[0])return K.targetTouches[0].identifier;if(K.changedTouches&&K.changedTouches[0])return K.changedTouches[0].identifier}function V(K){if(!K)return;let f2=K.getElementById("react-draggable-style-el");f2||(f2=K.createElement("style"),f2.type="text/css",f2.id="react-draggable-style-el",f2.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
 `,f2.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
-`,K.getElementsByTagName("head")[0].appendChild(f2)),K.body&&P(K.body,"react-draggable-transparent-selection")}function D(K){if(K)try{if(K.body&&W(K.body,"react-draggable-transparent-selection"),K.selection)K.selection.empty();else{const f2=(K.defaultView||window).getSelection();f2&&f2.type!=="Caret"&&f2.removeAllRanges()}}catch{}}function P(K,f2){K.classList?K.classList.add(f2):K.className.match(new RegExp("(?:^|\\s)".concat(f2,"(?!\\S)")))||(K.className+=" ".concat(f2))}function W(K,f2){K.classList?K.classList.remove(f2):K.className=K.className.replace(new RegExp("(?:^|\\s)".concat(f2,"(?!\\S)"),"g"),"")}return $l}var nh={},Id2;function md2(){if(Id2)return nh;Id2=1,Object.defineProperty(nh,"__esModule",{value:!0}),nh.canDragX=a,nh.canDragY=s,nh.createCoreData=C,nh.createDraggableData=l,nh.getBoundPosition=i,nh.getControlPosition=r,nh.snapToGrid=o;var t=pk(),n=kK();function i(u,f,d){if(!u.props.bounds)return[f,d];let{bounds:g}=u.props;g=typeof g=="string"?g:e(g);const h=A(u);if(typeof g=="string"){const{ownerDocument:I}=h,y=I.defaultView;let w;if(g==="parent"?w=h.parentNode:w=I.querySelector(g),!(w instanceof y.HTMLElement))throw new Error('Bounds selector "'+g+'" could not find an element.');const V=w,D=y.getComputedStyle(h),P=y.getComputedStyle(V);g={left:-h.offsetLeft+(0,t.int)(P.paddingLeft)+(0,t.int)(D.marginLeft),top:-h.offsetTop+(0,t.int)(P.paddingTop)+(0,t.int)(D.marginTop),right:(0,n.innerWidth)(V)-(0,n.outerWidth)(h)-h.offsetLeft+(0,t.int)(P.paddingRight)-(0,t.int)(D.marginRight),bottom:(0,n.innerHeight)(V)-(0,n.outerHeight)(h)-h.offsetTop+(0,t.int)(P.paddingBottom)-(0,t.int)(D.marginBottom)}}return(0,t.isNum)(g.right)&&(f=Math.min(f,g.right)),(0,t.isNum)(g.bottom)&&(d=Math.min(d,g.bottom)),(0,t.isNum)(g.left)&&(f=Math.max(f,g.left)),(0,t.isNum)(g.top)&&(d=Math.max(d,g.top)),[f,d]}function o(u,f,d){const g=Math.round(f/u[0])*u[0],h=Math.round(d/u[1])*u[1];return[g,h]}function a(u){return u.props.axis==="both"||u.props.axis==="x"}function s(u){return u.props.axis==="both"||u.props.axis==="y"}function r(u,f,d){const g=typeof f=="number"?(0,n.getTouch)(u,f):null;if(typeof f=="number"&&!g)return null;const h=A(d),I=d.props.offsetParent||h.offsetParent||h.ownerDocument.body;return(0,n.offsetXYFromParent)(g||u,I,d.props.scale)}function C(u,f,d){const g=!(0,t.isNum)(u.lastX),h=A(u);return g?{node:h,deltaX:0,deltaY:0,lastX:f,lastY:d,x:f,y:d}:{node:h,deltaX:f-u.lastX,deltaY:d-u.lastY,lastX:u.lastX,lastY:u.lastY,x:f,y:d}}function l(u,f){const d=u.props.scale;return{node:f.node,x:u.state.x+f.deltaX/d,y:u.state.y+f.deltaY/d,deltaX:f.deltaX/d,deltaY:f.deltaY/d,lastX:u.state.x,lastY:u.state.y}}function e(u){return{left:u.left,top:u.top,right:u.right,bottom:u.bottom}}function A(u){const f=u.findDOMNode();if(!f)throw new Error("<DraggableCore>: Unmounted during event!");return f}return nh}var _M={},vk={},bd2;function Bd2(){if(bd2)return vk;bd2=1,Object.defineProperty(vk,"__esModule",{value:!0}),vk.default=t;function t(){}return vk}var yd2;function br0(){if(yd2)return _M;yd2=1,Object.defineProperty(_M,"__esModule",{value:!0}),_M.default=void 0;var t=e(hA()),n=C(Wd()),i=C(tx()),o=kK(),a=md2(),s=pk(),r=C(Bd2());function C(I){return I&&I.__esModule?I:{default:I}}function l(I){if(typeof WeakMap!="function")return null;var y=new WeakMap,w=new WeakMap;return(l=function(V){return V?w:y})(I)}function e(I,y){if(I&&I.__esModule)return I;if(I===null||typeof I!="object"&&typeof I!="function")return{default:I};var w=l(y);if(w&&w.has(I))return w.get(I);var V={},D=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var P in I)if(P!=="default"&&Object.prototype.hasOwnProperty.call(I,P)){var W=D?Object.getOwnPropertyDescriptor(I,P):null;W&&(W.get||W.set)?Object.defineProperty(V,P,W):V[P]=I[P]}return V.default=I,w&&w.set(I,V),V}function A(I,y,w){return y=u(y),y in I?Object.defineProperty(I,y,{value:w,enumerable:!0,configurable:!0,writable:!0}):I[y]=w,I}function u(I){var y=f(I,"string");return typeof y=="symbol"?y:String(y)}function f(I,y){if(typeof I!="object"||I===null)return I;var w=I[Symbol.toPrimitive];if(w!==void 0){var V=w.call(I,y);if(typeof V!="object")return V;throw new TypeError("@@toPrimitive must return a primitive value.")}return(y==="string"?String:Number)(I)}const d={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let g=d.mouse,h=class extends t.Component{constructor(){super(...arguments),A(this,"dragging",!1),A(this,"lastX",NaN),A(this,"lastY",NaN),A(this,"touchIdentifier",null),A(this,"mounted",!1),A(this,"handleDragStart",y=>{if(this.props.onMouseDown(y),!this.props.allowAnyClick&&typeof y.button=="number"&&y.button!==0)return!1;const w=this.findDOMNode();if(!w||!w.ownerDocument||!w.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:V}=w;if(this.props.disabled||!(y.target instanceof V.defaultView.Node)||this.props.handle&&!(0,o.matchesSelectorAndParentsTo)(y.target,this.props.handle,w)||this.props.cancel&&(0,o.matchesSelectorAndParentsTo)(y.target,this.props.cancel,w))return;y.type==="touchstart"&&y.preventDefault();const D=(0,o.getTouchIdentifier)(y);this.touchIdentifier=D;const P=(0,a.getControlPosition)(y,D,this);if(P==null)return;const{x:W,y:K}=P,f2=(0,a.createCoreData)(this,W,K);(0,r.default)("DraggableCore: handleDragStart: %j",f2),(0,r.default)("calling",this.props.onStart),!(this.props.onStart(y,f2)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,o.addUserSelectStyles)(V),this.dragging=!0,this.lastX=W,this.lastY=K,(0,o.addEvent)(V,g.move,this.handleDrag),(0,o.addEvent)(V,g.stop,this.handleDragStop))}),A(this,"handleDrag",y=>{const w=(0,a.getControlPosition)(y,this.touchIdentifier,this);if(w==null)return;let{x:V,y:D}=w;if(Array.isArray(this.props.grid)){let K=V-this.lastX,f2=D-this.lastY;if([K,f2]=(0,a.snapToGrid)(this.props.grid,K,f2),!K&&!f2)return;V=this.lastX+K,D=this.lastY+f2}const P=(0,a.createCoreData)(this,V,D);if((0,r.default)("DraggableCore: handleDrag: %j",P),this.props.onDrag(y,P)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const f2=document.createEvent("MouseEvents");f2.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(f2)}return}this.lastX=V,this.lastY=D}),A(this,"handleDragStop",y=>{if(!this.dragging)return;const w=(0,a.getControlPosition)(y,this.touchIdentifier,this);if(w==null)return;let{x:V,y:D}=w;if(Array.isArray(this.props.grid)){let f2=V-this.lastX||0,T2=D-this.lastY||0;[f2,T2]=(0,a.snapToGrid)(this.props.grid,f2,T2),V=this.lastX+f2,D=this.lastY+T2}const P=(0,a.createCoreData)(this,V,D);if(this.props.onStop(y,P)===!1||this.mounted===!1)return!1;const K=this.findDOMNode();K&&this.props.enableUserSelectHack&&(0,o.removeUserSelectStyles)(K.ownerDocument),(0,r.default)("DraggableCore: handleDragStop: %j",P),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,K&&((0,r.default)("DraggableCore: Removing handlers"),(0,o.removeEvent)(K.ownerDocument,g.move,this.handleDrag),(0,o.removeEvent)(K.ownerDocument,g.stop,this.handleDragStop))}),A(this,"onMouseDown",y=>(g=d.mouse,this.handleDragStart(y))),A(this,"onMouseUp",y=>(g=d.mouse,this.handleDragStop(y))),A(this,"onTouchStart",y=>(g=d.touch,this.handleDragStart(y))),A(this,"onTouchEnd",y=>(g=d.touch,this.handleDragStop(y)))}componentDidMount(){this.mounted=!0;const y=this.findDOMNode();y&&(0,o.addEvent)(y,d.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const y=this.findDOMNode();if(y){const{ownerDocument:w}=y;(0,o.removeEvent)(w,d.mouse.move,this.handleDrag),(0,o.removeEvent)(w,d.touch.move,this.handleDrag),(0,o.removeEvent)(w,d.mouse.stop,this.handleDragStop),(0,o.removeEvent)(w,d.touch.stop,this.handleDragStop),(0,o.removeEvent)(y,d.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,o.removeUserSelectStyles)(w)}}findDOMNode(){var y,w;return(y=this.props)!==null&&y!==void 0&&y.nodeRef?(w=this.props)===null||w===void 0||(w=w.nodeRef)===null||w===void 0?void 0:w.current:i.default.findDOMNode(this)}render(){return t.cloneElement(t.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return _M.default=h,A(h,"displayName","DraggableCore"),A(h,"propTypes",{allowAnyClick:n.default.bool,children:n.default.node.isRequired,disabled:n.default.bool,enableUserSelectHack:n.default.bool,offsetParent:function(I,y){if(I[y]&&I[y].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:n.default.arrayOf(n.default.number),handle:n.default.string,cancel:n.default.string,nodeRef:n.default.object,onStart:n.default.func,onDrag:n.default.func,onStop:n.default.func,onMouseDown:n.default.func,scale:n.default.number,className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),A(h,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),_M}var Ld2;function Br0(){return Ld2||(Ld2=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var n=f(hA()),i=A(Wd()),o=A(tx()),a=A(Ir0),s=kK(),r=md2(),C=pk(),l=A(br0()),e=A(Bd2());function A(w){return w&&w.__esModule?w:{default:w}}function u(w){if(typeof WeakMap!="function")return null;var V=new WeakMap,D=new WeakMap;return(u=function(P){return P?D:V})(w)}function f(w,V){if(w&&w.__esModule)return w;if(w===null||typeof w!="object"&&typeof w!="function")return{default:w};var D=u(V);if(D&&D.has(w))return D.get(w);var P={},W=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var K in w)if(K!=="default"&&Object.prototype.hasOwnProperty.call(w,K)){var f2=W?Object.getOwnPropertyDescriptor(w,K):null;f2&&(f2.get||f2.set)?Object.defineProperty(P,K,f2):P[K]=w[K]}return P.default=w,D&&D.set(w,P),P}function d(){return d=Object.assign?Object.assign.bind():function(w){for(var V=1;V<arguments.length;V++){var D=arguments[V];for(var P in D)Object.prototype.hasOwnProperty.call(D,P)&&(w[P]=D[P])}return w},d.apply(this,arguments)}function g(w,V,D){return V=h(V),V in w?Object.defineProperty(w,V,{value:D,enumerable:!0,configurable:!0,writable:!0}):w[V]=D,w}function h(w){var V=I(w,"string");return typeof V=="symbol"?V:String(V)}function I(w,V){if(typeof w!="object"||w===null)return w;var D=w[Symbol.toPrimitive];if(D!==void 0){var P=D.call(w,V);if(typeof P!="object")return P;throw new TypeError("@@toPrimitive must return a primitive value.")}return(V==="string"?String:Number)(w)}class y extends n.Component{static getDerivedStateFromProps(V,D){let{position:P}=V,{prevPropsPosition:W}=D;return P&&(!W||P.x!==W.x||P.y!==W.y)?((0,e.default)("Draggable: getDerivedStateFromProps %j",{position:P,prevPropsPosition:W}),{x:P.x,y:P.y,prevPropsPosition:{...P}}):null}constructor(V){super(V),g(this,"onDragStart",(D,P)=>{if((0,e.default)("Draggable: onDragStart: %j",P),this.props.onStart(D,(0,r.createDraggableData)(this,P))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),g(this,"onDrag",(D,P)=>{if(!this.state.dragging)return!1;(0,e.default)("Draggable: onDrag: %j",P);const W=(0,r.createDraggableData)(this,P),K={x:W.x,y:W.y,slackX:0,slackY:0};if(this.props.bounds){const{x:T2,y:C2}=K;K.x+=this.state.slackX,K.y+=this.state.slackY;const[g2,N2]=(0,r.getBoundPosition)(this,K.x,K.y);K.x=g2,K.y=N2,K.slackX=this.state.slackX+(T2-K.x),K.slackY=this.state.slackY+(C2-K.y),W.x=K.x,W.y=K.y,W.deltaX=K.x-this.state.x,W.deltaY=K.y-this.state.y}if(this.props.onDrag(D,W)===!1)return!1;this.setState(K)}),g(this,"onDragStop",(D,P)=>{if(!this.state.dragging||this.props.onStop(D,(0,r.createDraggableData)(this,P))===!1)return!1;(0,e.default)("Draggable: onDragStop: %j",P);const K={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:T2,y:C2}=this.props.position;K.x=T2,K.y=C2}this.setState(K)}),this.state={dragging:!1,dragged:!1,x:V.position?V.position.x:V.defaultPosition.x,y:V.position?V.position.y:V.defaultPosition.y,prevPropsPosition:{...V.position},slackX:0,slackY:0,isElementSVG:!1},V.position&&!(V.onDrag||V.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var V,D;return(V=(D=this.props)===null||D===void 0||(D=D.nodeRef)===null||D===void 0?void 0:D.current)!==null&&V!==void 0?V:o.default.findDOMNode(this)}render(){const{axis:V,bounds:D,children:P,defaultPosition:W,defaultClassName:K,defaultClassNameDragging:f2,defaultClassNameDragged:T2,position:C2,positionOffset:g2,scale:N2,...H2}=this.props;let M2={},U2=null;const c0=!!!C2||this.state.dragging,h0=C2||W,F0={x:(0,r.canDragX)(this)&&c0?this.state.x:h0.x,y:(0,r.canDragY)(this)&&c0?this.state.y:h0.y};this.state.isElementSVG?U2=(0,s.createSVGTransform)(F0,g2):M2=(0,s.createCSSTransform)(F0,g2);const I0=(0,a.default)(P.props.className||"",K,{[f2]:this.state.dragging,[T2]:this.state.dragged});return n.createElement(l.default,d({},H2,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(P),{className:I0,style:{...P.props.style,...M2},transform:U2}))}}t.default=y,g(y,"displayName","Draggable"),g(y,"propTypes",{...l.default.propTypes,axis:i.default.oneOf(["both","x","y","none"]),bounds:i.default.oneOfType([i.default.shape({left:i.default.number,right:i.default.number,top:i.default.number,bottom:i.default.number}),i.default.string,i.default.oneOf([!1])]),defaultClassName:i.default.string,defaultClassNameDragging:i.default.string,defaultClassNameDragged:i.default.string,defaultPosition:i.default.shape({x:i.default.number,y:i.default.number}),positionOffset:i.default.shape({x:i.default.oneOfType([i.default.number,i.default.string]),y:i.default.oneOfType([i.default.number,i.default.string])}),position:i.default.shape({x:i.default.number,y:i.default.number}),className:C.dontSetMe,style:C.dontSetMe,transform:C.dontSetMe}),g(y,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(VK)),VK}var wd2;function OK(){if(wd2)return WM.exports;wd2=1;const{default:t,DraggableCore:n}=Br0();return WM.exports=t,WM.exports.default=t,WM.exports.DraggableCore=n,WM.exports}var XM={exports:{}},KM={},Ik={},Qd2;function yr0(){if(Qd2)return Ik;Qd2=1,Ik.__esModule=!0,Ik.cloneElement=C;var t=n(hA());function n(l){return l&&l.__esModule?l:{default:l}}function i(l,e){var A=Object.keys(l);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(l);e&&(u=u.filter(function(f){return Object.getOwnPropertyDescriptor(l,f).enumerable})),A.push.apply(A,u)}return A}function o(l){for(var e=1;e<arguments.length;e++){var A=arguments[e]!=null?arguments[e]:{};e%2?i(Object(A),!0).forEach(function(u){a(l,u,A[u])}):Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(A)):i(Object(A)).forEach(function(u){Object.defineProperty(l,u,Object.getOwnPropertyDescriptor(A,u))})}return l}function a(l,e,A){return e=s(e),e in l?Object.defineProperty(l,e,{value:A,enumerable:!0,configurable:!0,writable:!0}):l[e]=A,l}function s(l){var e=r(l,"string");return typeof e=="symbol"?e:String(e)}function r(l,e){if(typeof l!="object"||l===null)return l;var A=l[Symbol.toPrimitive];if(A!==void 0){var u=A.call(l,e);if(typeof u!="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(l)}function C(l,e){return e.style&&l.props.style&&(e.style=o(o({},l.props.style),e.style)),e.className&&l.props.className&&(e.className=l.props.className+" "+e.className),t.default.cloneElement(l,e)}return Ik}var JM={},Md2;function Td2(){if(Md2)return JM;Md2=1,JM.__esModule=!0,JM.resizableProps=void 0;var t=n(Wd());OK();function n(o){return o&&o.__esModule?o:{default:o}}var i={axis:t.default.oneOf(["both","x","y","none"]),className:t.default.string,children:t.default.element.isRequired,draggableOpts:t.default.shape({allowAnyClick:t.default.bool,cancel:t.default.string,children:t.default.node,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:t.default.node,grid:t.default.arrayOf(t.default.number),handle:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number}),height:function(){for(var a=arguments.length,s=new Array(a),r=0;r<a;r++)s[r]=arguments[r];var C=s[0];if(C.axis==="both"||C.axis==="y"){var l;return(l=t.default.number).isRequired.apply(l,s)}return t.default.number.apply(t.default,s)},handle:t.default.oneOfType([t.default.node,t.default.func]),handleSize:t.default.arrayOf(t.default.number),lockAspectRatio:t.default.bool,maxConstraints:t.default.arrayOf(t.default.number),minConstraints:t.default.arrayOf(t.default.number),onResizeStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,resizeHandles:t.default.arrayOf(t.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:t.default.number,width:function(){for(var a=arguments.length,s=new Array(a),r=0;r<a;r++)s[r]=arguments[r];var C=s[0];if(C.axis==="both"||C.axis==="x"){var l;return(l=t.default.number).isRequired.apply(l,s)}return t.default.number.apply(t.default,s)}};return JM.resizableProps=i,JM}var xd2;function Rd2(){if(xd2)return KM;xd2=1,KM.__esModule=!0,KM.default=void 0;var t=r(hA()),n=OK(),i=yr0(),o=Td2(),a=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function s(y){if(typeof WeakMap!="function")return null;var w=new WeakMap,V=new WeakMap;return(s=function(P){return P?V:w})(y)}function r(y,w){if(y&&y.__esModule)return y;if(y===null||typeof y!="object"&&typeof y!="function")return{default:y};var V=s(w);if(V&&V.has(y))return V.get(y);var D={},P=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var W in y)if(W!=="default"&&Object.prototype.hasOwnProperty.call(y,W)){var K=P?Object.getOwnPropertyDescriptor(y,W):null;K&&(K.get||K.set)?Object.defineProperty(D,W,K):D[W]=y[W]}return D.default=y,V&&V.set(y,D),D}function C(){return C=Object.assign?Object.assign.bind():function(y){for(var w=1;w<arguments.length;w++){var V=arguments[w];for(var D in V)Object.prototype.hasOwnProperty.call(V,D)&&(y[D]=V[D])}return y},C.apply(this,arguments)}function l(y,w){if(y==null)return{};var V={},D=Object.keys(y),P,W;for(W=0;W<D.length;W++)P=D[W],!(w.indexOf(P)>=0)&&(V[P]=y[P]);return V}function e(y,w){var V=Object.keys(y);if(Object.getOwnPropertySymbols){var D=Object.getOwnPropertySymbols(y);w&&(D=D.filter(function(P){return Object.getOwnPropertyDescriptor(y,P).enumerable})),V.push.apply(V,D)}return V}function A(y){for(var w=1;w<arguments.length;w++){var V=arguments[w]!=null?arguments[w]:{};w%2?e(Object(V),!0).forEach(function(D){u(y,D,V[D])}):Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(V)):e(Object(V)).forEach(function(D){Object.defineProperty(y,D,Object.getOwnPropertyDescriptor(V,D))})}return y}function u(y,w,V){return w=f(w),w in y?Object.defineProperty(y,w,{value:V,enumerable:!0,configurable:!0,writable:!0}):y[w]=V,y}function f(y){var w=d(y,"string");return typeof w=="symbol"?w:String(w)}function d(y,w){if(typeof y!="object"||y===null)return y;var V=y[Symbol.toPrimitive];if(V!==void 0){var D=V.call(y,w);if(typeof D!="object")return D;throw new TypeError("@@toPrimitive must return a primitive value.")}return(w==="string"?String:Number)(y)}function g(y,w){y.prototype=Object.create(w.prototype),y.prototype.constructor=y,h(y,w)}function h(y,w){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(D,P){return D.__proto__=P,D},h(y,w)}var I=function(y){g(w,y);function w(){for(var D,P=arguments.length,W=new Array(P),K=0;K<P;K++)W[K]=arguments[K];return D=y.call.apply(y,[this].concat(W))||this,D.handleRefs={},D.lastHandleRect=null,D.slack=null,D}var V=w.prototype;return V.componentWillUnmount=function(){this.resetData()},V.resetData=function(){this.lastHandleRect=this.slack=null},V.runConstraints=function(P,W){var K=this.props,f2=K.minConstraints,T2=K.maxConstraints,C2=K.lockAspectRatio;if(!f2&&!T2&&!C2)return[P,W];if(C2){var g2=this.props.width/this.props.height,N2=P-this.props.width,H2=W-this.props.height;Math.abs(N2)>Math.abs(H2*g2)?W=P/g2:P=W*g2}var M2=P,U2=W,Y2=this.slack||[0,0],c0=Y2[0],h0=Y2[1];return P+=c0,W+=h0,f2&&(P=Math.max(f2[0],P),W=Math.max(f2[1],W)),T2&&(P=Math.min(T2[0],P),W=Math.min(T2[1],W)),this.slack=[c0+(M2-P),h0+(U2-W)],[P,W]},V.resizeHandler=function(P,W){var K=this;return function(f2,T2){var C2=T2.node,g2=T2.deltaX,N2=T2.deltaY;P==="onResizeStart"&&K.resetData();var H2=(K.props.axis==="both"||K.props.axis==="x")&&W!=="n"&&W!=="s",M2=(K.props.axis==="both"||K.props.axis==="y")&&W!=="e"&&W!=="w";if(!(!H2&&!M2)){var U2=W[0],Y2=W[W.length-1],c0=C2.getBoundingClientRect();if(K.lastHandleRect!=null){if(Y2==="w"){var h0=c0.left-K.lastHandleRect.left;g2+=h0}if(U2==="n"){var F0=c0.top-K.lastHandleRect.top;N2+=F0}}K.lastHandleRect=c0,Y2==="w"&&(g2=-g2),U2==="n"&&(N2=-N2);var I0=K.props.width+(H2?g2/K.props.transformScale:0),e0=K.props.height+(M2?N2/K.props.transformScale:0),U0=K.runConstraints(I0,e0);I0=U0[0],e0=U0[1];var m0=I0!==K.props.width||e0!==K.props.height,j0=typeof K.props[P]=="function"?K.props[P]:null,v1=P==="onResize"&&!m0;j0&&!v1&&(f2.persist==null||f2.persist(),j0(f2,{node:C2,size:{width:I0,height:e0},handle:W})),P==="onResizeStop"&&K.resetData()}}},V.renderResizeHandle=function(P,W){var K=this.props.handle;if(!K)return t.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+P,ref:W});if(typeof K=="function")return K(P,W);var f2=typeof K.type=="string",T2=A({ref:W},f2?{}:{handleAxis:P});return t.cloneElement(K,T2)},V.render=function(){var P=this,W=this.props,K=W.children,f2=W.className,T2=W.draggableOpts;W.width,W.height,W.handle,W.handleSize,W.lockAspectRatio,W.axis,W.minConstraints,W.maxConstraints,W.onResize,W.onResizeStop,W.onResizeStart;var C2=W.resizeHandles;W.transformScale;var g2=l(W,a);return(0,i.cloneElement)(K,A(A({},g2),{},{className:(f2?f2+" ":"")+"react-resizable",children:[].concat(K.props.children,C2.map(function(N2){var H2,M2=(H2=P.handleRefs[N2])!=null?H2:P.handleRefs[N2]=t.createRef();return t.createElement(n.DraggableCore,C({},T2,{nodeRef:M2,key:"resizableHandle-"+N2,onStop:P.resizeHandler("onResizeStop",N2),onStart:P.resizeHandler("onResizeStart",N2),onDrag:P.resizeHandler("onResize",N2)}),P.renderResizeHandle(N2,M2))}))}))},w}(t.Component);return KM.default=I,I.propTypes=o.resizableProps,I.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1},KM}var qM={},Hd2;function Lr0(){if(Hd2)return qM;Hd2=1,qM.__esModule=!0,qM.default=void 0;var t=C(hA()),n=s(Wd()),i=s(Rd2()),o=Td2(),a=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function s(w){return w&&w.__esModule?w:{default:w}}function r(w){if(typeof WeakMap!="function")return null;var V=new WeakMap,D=new WeakMap;return(r=function(W){return W?D:V})(w)}function C(w,V){if(w&&w.__esModule)return w;if(w===null||typeof w!="object"&&typeof w!="function")return{default:w};var D=r(V);if(D&&D.has(w))return D.get(w);var P={},W=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var K in w)if(K!=="default"&&Object.prototype.hasOwnProperty.call(w,K)){var f2=W?Object.getOwnPropertyDescriptor(w,K):null;f2&&(f2.get||f2.set)?Object.defineProperty(P,K,f2):P[K]=w[K]}return P.default=w,D&&D.set(w,P),P}function l(){return l=Object.assign?Object.assign.bind():function(w){for(var V=1;V<arguments.length;V++){var D=arguments[V];for(var P in D)Object.prototype.hasOwnProperty.call(D,P)&&(w[P]=D[P])}return w},l.apply(this,arguments)}function e(w,V){var D=Object.keys(w);if(Object.getOwnPropertySymbols){var P=Object.getOwnPropertySymbols(w);V&&(P=P.filter(function(W){return Object.getOwnPropertyDescriptor(w,W).enumerable})),D.push.apply(D,P)}return D}function A(w){for(var V=1;V<arguments.length;V++){var D=arguments[V]!=null?arguments[V]:{};V%2?e(Object(D),!0).forEach(function(P){u(w,P,D[P])}):Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(D)):e(Object(D)).forEach(function(P){Object.defineProperty(w,P,Object.getOwnPropertyDescriptor(D,P))})}return w}function u(w,V,D){return V=f(V),V in w?Object.defineProperty(w,V,{value:D,enumerable:!0,configurable:!0,writable:!0}):w[V]=D,w}function f(w){var V=d(w,"string");return typeof V=="symbol"?V:String(V)}function d(w,V){if(typeof w!="object"||w===null)return w;var D=w[Symbol.toPrimitive];if(D!==void 0){var P=D.call(w,V);if(typeof P!="object")return P;throw new TypeError("@@toPrimitive must return a primitive value.")}return(V==="string"?String:Number)(w)}function g(w,V){if(w==null)return{};var D={},P=Object.keys(w),W,K;for(K=0;K<P.length;K++)W=P[K],!(V.indexOf(W)>=0)&&(D[W]=w[W]);return D}function h(w,V){w.prototype=Object.create(V.prototype),w.prototype.constructor=w,I(w,V)}function I(w,V){return I=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(P,W){return P.__proto__=W,P},I(w,V)}var y=function(w){h(V,w);function V(){for(var P,W=arguments.length,K=new Array(W),f2=0;f2<W;f2++)K[f2]=arguments[f2];return P=w.call.apply(w,[this].concat(K))||this,P.state={width:P.props.width,height:P.props.height,propsWidth:P.props.width,propsHeight:P.props.height},P.onResize=function(T2,C2){var g2=C2.size;P.props.onResize?(T2.persist==null||T2.persist(),P.setState(g2,function(){return P.props.onResize&&P.props.onResize(T2,C2)})):P.setState(g2)},P}V.getDerivedStateFromProps=function(W,K){return K.propsWidth!==W.width||K.propsHeight!==W.height?{width:W.width,height:W.height,propsWidth:W.width,propsHeight:W.height}:null};var D=V.prototype;return D.render=function(){var W=this.props,K=W.handle,f2=W.handleSize;W.onResize;var T2=W.onResizeStart,C2=W.onResizeStop,g2=W.draggableOpts,N2=W.minConstraints,H2=W.maxConstraints,M2=W.lockAspectRatio,U2=W.axis;W.width,W.height;var Y2=W.resizeHandles,c0=W.style,h0=W.transformScale,F0=g(W,a);return t.createElement(i.default,{axis:U2,draggableOpts:g2,handle:K,handleSize:f2,height:this.state.height,lockAspectRatio:M2,maxConstraints:H2,minConstraints:N2,onResizeStart:T2,onResize:this.onResize,onResizeStop:C2,resizeHandles:Y2,transformScale:h0,width:this.state.width},t.createElement("div",l({},F0,{style:A(A({},c0),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},V}(t.Component);return qM.default=y,y.propTypes=A(A({},o.resizableProps),{},{children:n.default.element}),qM}var Dd2;function wr0(){return Dd2||(Dd2=1,XM.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},XM.exports.Resizable=Rd2().default,XM.exports.ResizableBox=Lr0().default),XM.exports}var cE={},Sd2;function Nd2(){if(Sd2)return cE;Sd2=1,Object.defineProperty(cE,"__esModule",{value:!0}),cE.resizeHandleType=cE.resizeHandleAxesType=cE.default=void 0;var t=i(Wd()),n=i(hA());function i(s){return s&&s.__esModule?s:{default:s}}const o=cE.resizeHandleAxesType=t.default.arrayOf(t.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),a=cE.resizeHandleType=t.default.oneOfType([t.default.node,t.default.func]);return cE.default={className:t.default.string,style:t.default.object,width:t.default.number,autoSize:t.default.bool,cols:t.default.number,draggableCancel:t.default.string,draggableHandle:t.default.string,verticalCompact:function(s){s.verticalCompact===!1&&process.env.NODE_ENV!=="production"&&console.warn('`verticalCompact` on <ReactGridLayout> is deprecated and will be removed soon. Use `compactType`: "horizontal" | "vertical" | null.')},compactType:t.default.oneOf(["vertical","horizontal"]),layout:function(s){var r=s.layout;r!==void 0&&By().validateLayout(r,"layout")},margin:t.default.arrayOf(t.default.number),containerPadding:t.default.arrayOf(t.default.number),rowHeight:t.default.number,maxRows:t.default.number,isBounded:t.default.bool,isDraggable:t.default.bool,isResizable:t.default.bool,allowOverlap:t.default.bool,preventCollision:t.default.bool,useCSSTransforms:t.default.bool,transformScale:t.default.number,isDroppable:t.default.bool,resizeHandles:o,resizeHandle:a,onLayoutChange:t.default.func,onDragStart:t.default.func,onDrag:t.default.func,onDragStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,onResizeStop:t.default.func,onDrop:t.default.func,droppingItem:t.default.shape({i:t.default.string.isRequired,w:t.default.number.isRequired,h:t.default.number.isRequired}),children:function(s,r){const C=s[r],l={};n.default.Children.forEach(C,function(e){if((e==null?void 0:e.key)!=null){if(l[e.key])throw new Error('Duplicate child key "'+e.key+'" found! This will cause problems in ReactGridLayout.');l[e.key]=!0}})},innerRef:t.default.any},cE}var Vd2;function Qr0(){if(Vd2)return YM;Vd2=1,Object.defineProperty(YM,"__esModule",{value:!0}),YM.default=void 0;var t=l(hA()),n=l(Wd()),i=OK(),o=wr0(),a=By(),s=NK(),r=Nd2(),C=l(DK());function l(d){return d&&d.__esModule?d:{default:d}}function e(d,g,h){return g=A(g),g in d?Object.defineProperty(d,g,{value:h,enumerable:!0,configurable:!0,writable:!0}):d[g]=h,d}function A(d){var g=u(d,"string");return typeof g=="symbol"?g:String(g)}function u(d,g){if(typeof d!="object"||d===null)return d;var h=d[Symbol.toPrimitive];if(h!==void 0){var I=h.call(d,g);if(typeof I!="object")return I;throw new TypeError("@@toPrimitive must return a primitive value.")}return(g==="string"?String:Number)(d)}let f=class extends t.default.Component{constructor(){super(...arguments),e(this,"state",{resizing:null,dragging:null,className:""}),e(this,"elementRef",t.default.createRef()),e(this,"onDragStart",(g,h)=>{let{node:I}=h;const{onDragStart:y,transformScale:w}=this.props;if(!y)return;const V={top:0,left:0},{offsetParent:D}=I;if(!D)return;const P=D.getBoundingClientRect(),W=I.getBoundingClientRect(),K=W.left/w,f2=P.left/w,T2=W.top/w,C2=P.top/w;V.left=K-f2+D.scrollLeft,V.top=T2-C2+D.scrollTop,this.setState({dragging:V});const{x:g2,y:N2}=(0,s.calcXY)(this.getPositionParams(),V.top,V.left,this.props.w,this.props.h);return y.call(this,this.props.i,g2,N2,{e:g,node:I,newPosition:V})}),e(this,"onDrag",(g,h)=>{let{node:I,deltaX:y,deltaY:w}=h;const{onDrag:V}=this.props;if(!V)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let D=this.state.dragging.top+w,P=this.state.dragging.left+y;const{isBounded:W,i:K,w:f2,h:T2,containerWidth:C2}=this.props,g2=this.getPositionParams();if(W){const{offsetParent:U2}=I;if(U2){const{margin:Y2,rowHeight:c0,containerPadding:h0}=this.props,F0=U2.clientHeight-(0,s.calcGridItemWHPx)(T2,c0,Y2[1]);D=(0,s.clamp)(D-h0[1],0,F0);const I0=(0,s.calcGridColWidth)(g2),e0=C2-(0,s.calcGridItemWHPx)(f2,I0,Y2[0]);P=(0,s.clamp)(P-h0[0],0,e0)}}const N2={top:D,left:P};this.setState({dragging:N2});const{x:H2,y:M2}=(0,s.calcXY)(g2,D,P,f2,T2);return V.call(this,K,H2,M2,{e:g,node:I,newPosition:N2})}),e(this,"onDragStop",(g,h)=>{let{node:I}=h;const{onDragStop:y}=this.props;if(!y)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w,h:V,i:D}=this.props,{left:P,top:W}=this.state.dragging,K={top:W,left:P};this.setState({dragging:null});const{x:f2,y:T2}=(0,s.calcXY)(this.getPositionParams(),W,P,w,V);return y.call(this,D,f2,T2,{e:g,node:I,newPosition:K})}),e(this,"onResizeStop",(g,h,I)=>this.onResizeHandler(g,h,I,"onResizeStop")),e(this,"onResizeStart",(g,h,I)=>this.onResizeHandler(g,h,I,"onResizeStart")),e(this,"onResize",(g,h,I)=>this.onResizeHandler(g,h,I,"onResize"))}shouldComponentUpdate(g,h){if(this.props.children!==g.children||this.props.droppingPosition!==g.droppingPosition)return!0;const I=(0,s.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),y=(0,s.calcGridItemPosition)(this.getPositionParams(g),g.x,g.y,g.w,g.h,h);return!(0,a.fastPositionEqual)(I,y)||this.props.useCSSTransforms!==g.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(g){this.moveDroppingItem(g)}moveDroppingItem(g){const{droppingPosition:h}=this.props;if(!h)return;const I=this.elementRef.current;if(!I)return;const y=g.droppingPosition||{left:0,top:0},{dragging:w}=this.state,V=w&&h.left!==y.left||h.top!==y.top;if(!w)this.onDragStart(h.e,{node:I,deltaX:h.left,deltaY:h.top});else if(V){const D=h.left-w.left,P=h.top-w.top;this.onDrag(h.e,{node:I,deltaX:D,deltaY:P})}}getPositionParams(){let g=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:g.cols,containerPadding:g.containerPadding,containerWidth:g.containerWidth,margin:g.margin,maxRows:g.maxRows,rowHeight:g.rowHeight}}createStyle(g){const{usePercentages:h,containerWidth:I,useCSSTransforms:y}=this.props;let w;return y?w=(0,a.setTransform)(g):(w=(0,a.setTopLeft)(g),h&&(w.left=(0,a.perc)(g.left/I),w.width=(0,a.perc)(g.width/I))),w}mixinDraggable(g,h){return t.default.createElement(i.DraggableCore,{disabled:!h,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},g)}curryResizeHandler(g,h){return(I,y)=>h(I,y,g)}mixinResizable(g,h,I){const{cols:y,minW:w,minH:V,maxW:D,maxH:P,transformScale:W,resizeHandles:K,resizeHandle:f2}=this.props,T2=this.getPositionParams(),C2=(0,s.calcGridItemPosition)(T2,0,0,y,0).width,g2=(0,s.calcGridItemPosition)(T2,0,0,w,V),N2=(0,s.calcGridItemPosition)(T2,0,0,D,P),H2=[g2.width,g2.height],M2=[Math.min(N2.width,C2),Math.min(N2.height,1/0)];return t.default.createElement(o.Resizable,{draggableOpts:{disabled:!I},className:I?void 0:"react-resizable-hide",width:h.width,height:h.height,minConstraints:H2,maxConstraints:M2,onResizeStop:this.curryResizeHandler(h,this.onResizeStop),onResizeStart:this.curryResizeHandler(h,this.onResizeStart),onResize:this.curryResizeHandler(h,this.onResize),transformScale:W,resizeHandles:K,handle:f2},g)}onResizeHandler(g,h,I,y){let{node:w,size:V,handle:D}=h;const P=this.props[y];if(!P)return;const{x:W,y:K,i:f2,maxH:T2,minH:C2,containerWidth:g2}=this.props,{minW:N2,maxW:H2}=this.props;let M2=V;w&&(M2=(0,a.resizeItemInDirection)(D,I,V,g2),this.setState({resizing:y==="onResizeStop"?null:M2}));let{w:U2,h:Y2}=(0,s.calcWH)(this.getPositionParams(),M2.width,M2.height,W,K,D);U2=(0,s.clamp)(U2,Math.max(N2,1),H2),Y2=(0,s.clamp)(Y2,C2,T2),P.call(this,f2,U2,Y2,{e:g,node:w,size:M2,handle:D})}render(){const{x:g,y:h,w:I,h:y,isDraggable:w,isResizable:V,droppingPosition:D,useCSSTransforms:P}=this.props,W=(0,s.calcGridItemPosition)(this.getPositionParams(),g,h,I,y,this.state),K=t.default.Children.only(this.props.children);let f2=t.default.cloneElement(K,{ref:this.elementRef,className:(0,C.default)("react-grid-item",K.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":w,"react-draggable-dragging":!!this.state.dragging,dropping:!!D,cssTransforms:P}),style:{...this.props.style,...K.props.style,...this.createStyle(W)}});return f2=this.mixinResizable(f2,W,V),f2=this.mixinDraggable(f2,w),f2}};return YM.default=f,e(f,"propTypes",{children:n.default.element,cols:n.default.number.isRequired,containerWidth:n.default.number.isRequired,rowHeight:n.default.number.isRequired,margin:n.default.array.isRequired,maxRows:n.default.number.isRequired,containerPadding:n.default.array.isRequired,x:n.default.number.isRequired,y:n.default.number.isRequired,w:n.default.number.isRequired,h:n.default.number.isRequired,minW:function(d,g){const h=d[g];if(typeof h!="number")return new Error("minWidth not Number");if(h>d.w||h>d.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(d,g){const h=d[g];if(typeof h!="number")return new Error("maxWidth not Number");if(h<d.w||h<d.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(d,g){const h=d[g];if(typeof h!="number")return new Error("minHeight not Number");if(h>d.h||h>d.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(d,g){const h=d[g];if(typeof h!="number")return new Error("maxHeight not Number");if(h<d.h||h<d.minH)return new Error("maxHeight smaller than item height/minHeight")},i:n.default.string.isRequired,resizeHandles:r.resizeHandleAxesType,resizeHandle:r.resizeHandleType,onDragStop:n.default.func,onDragStart:n.default.func,onDrag:n.default.func,onResizeStop:n.default.func,onResizeStart:n.default.func,onResize:n.default.func,isDraggable:n.default.bool.isRequired,isResizable:n.default.bool.isRequired,isBounded:n.default.bool.isRequired,static:n.default.bool,useCSSTransforms:n.default.bool.isRequired,transformScale:n.default.number,className:n.default.string,handle:n.default.string,cancel:n.default.string,droppingPosition:n.default.shape({e:n.default.object.isRequired,left:n.default.number.isRequired,top:n.default.number.isRequired})}),e(f,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),YM}var kd2;function Od2(){if(kd2)return zM;kd2=1,Object.defineProperty(zM,"__esModule",{value:!0}),zM.default=void 0;var t=e(hA()),n=HK(),i=C(DK()),o=By(),a=NK(),s=C(Qr0()),r=C(Nd2());function C(I){return I&&I.__esModule?I:{default:I}}function l(I){if(typeof WeakMap!="function")return null;var y=new WeakMap,w=new WeakMap;return(l=function(V){return V?w:y})(I)}function e(I,y){if(I&&I.__esModule)return I;if(I===null||typeof I!="object"&&typeof I!="function")return{default:I};var w=l(y);if(w&&w.has(I))return w.get(I);var V={__proto__:null},D=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var P in I)if(P!=="default"&&Object.prototype.hasOwnProperty.call(I,P)){var W=D?Object.getOwnPropertyDescriptor(I,P):null;W&&(W.get||W.set)?Object.defineProperty(V,P,W):V[P]=I[P]}return V.default=I,w&&w.set(I,V),V}function A(I,y,w){return y=u(y),y in I?Object.defineProperty(I,y,{value:w,enumerable:!0,configurable:!0,writable:!0}):I[y]=w,I}function u(I){var y=f(I,"string");return typeof y=="symbol"?y:String(y)}function f(I,y){if(typeof I!="object"||I===null)return I;var w=I[Symbol.toPrimitive];if(w!==void 0){var V=w.call(I,y);if(typeof V!="object")return V;throw new TypeError("@@toPrimitive must return a primitive value.")}return(y==="string"?String:Number)(I)}const d="react-grid-layout";let g=!1;try{g=/firefox/i.test(navigator.userAgent)}catch{}let h=class extends t.Component{constructor(){super(...arguments),A(this,"state",{activeDrag:null,layout:(0,o.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,o.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),A(this,"dragEnterCounter",0),A(this,"onDragStart",(y,w,V,D)=>{let{e:P,node:W}=D;const{layout:K}=this.state,f2=(0,o.getLayoutItem)(K,y);if(!f2)return;const T2={w:f2.w,h:f2.h,x:f2.x,y:f2.y,placeholder:!0,i:y};return this.setState({oldDragItem:(0,o.cloneLayoutItem)(f2),oldLayout:K,activeDrag:T2}),this.props.onDragStart(K,f2,f2,null,P,W)}),A(this,"onDrag",(y,w,V,D)=>{let{e:P,node:W}=D;const{oldDragItem:K}=this.state;let{layout:f2}=this.state;const{cols:T2,allowOverlap:C2,preventCollision:g2}=this.props,N2=(0,o.getLayoutItem)(f2,y);if(!N2)return;const H2={w:N2.w,h:N2.h,x:N2.x,y:N2.y,placeholder:!0,i:y};f2=(0,o.moveElement)(f2,N2,w,V,!0,g2,(0,o.compactType)(this.props),T2,C2),this.props.onDrag(f2,K,N2,H2,P,W),this.setState({layout:C2?f2:(0,o.compact)(f2,(0,o.compactType)(this.props),T2),activeDrag:H2})}),A(this,"onDragStop",(y,w,V,D)=>{let{e:P,node:W}=D;if(!this.state.activeDrag)return;const{oldDragItem:K}=this.state;let{layout:f2}=this.state;const{cols:T2,preventCollision:C2,allowOverlap:g2}=this.props,N2=(0,o.getLayoutItem)(f2,y);if(!N2)return;f2=(0,o.moveElement)(f2,N2,w,V,!0,C2,(0,o.compactType)(this.props),T2,g2);const M2=g2?f2:(0,o.compact)(f2,(0,o.compactType)(this.props),T2);this.props.onDragStop(M2,K,N2,null,P,W);const{oldLayout:U2}=this.state;this.setState({activeDrag:null,layout:M2,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(M2,U2)}),A(this,"onResizeStart",(y,w,V,D)=>{let{e:P,node:W}=D;const{layout:K}=this.state,f2=(0,o.getLayoutItem)(K,y);f2&&(this.setState({oldResizeItem:(0,o.cloneLayoutItem)(f2),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(K,f2,f2,null,P,W))}),A(this,"onResize",(y,w,V,D)=>{let{e:P,node:W,size:K,handle:f2}=D;const{oldResizeItem:T2}=this.state,{layout:C2}=this.state,{cols:g2,preventCollision:N2,allowOverlap:H2}=this.props;let M2=!1,U2,Y2,c0;const[h0,F0]=(0,o.withLayoutItem)(C2,y,e0=>{let U0;return Y2=e0.x,c0=e0.y,["sw","w","nw","n","ne"].indexOf(f2)!==-1&&(["sw","nw","w"].indexOf(f2)!==-1&&(Y2=e0.x+(e0.w-w),w=e0.x!==Y2&&Y2<0?e0.w:w,Y2=Y2<0?0:Y2),["ne","n","nw"].indexOf(f2)!==-1&&(c0=e0.y+(e0.h-V),V=e0.y!==c0&&c0<0?e0.h:V,c0=c0<0?0:c0),M2=!0),N2&&!H2&&(U0=(0,o.getAllCollisions)(C2,{...e0,w,h:V,x:Y2,y:c0}).filter(j0=>j0.i!==e0.i).length>0,U0&&(c0=e0.y,V=e0.h,Y2=e0.x,w=e0.w,M2=!1)),e0.w=w,e0.h=V,e0});if(!F0)return;U2=h0,M2&&(U2=(0,o.moveElement)(h0,F0,Y2,c0,!0,this.props.preventCollision,(0,o.compactType)(this.props),g2,H2));const I0={w:F0.w,h:F0.h,x:F0.x,y:F0.y,static:!0,i:y};this.props.onResize(U2,T2,F0,I0,P,W),this.setState({layout:H2?U2:(0,o.compact)(U2,(0,o.compactType)(this.props),g2),activeDrag:I0})}),A(this,"onResizeStop",(y,w,V,D)=>{let{e:P,node:W}=D;const{layout:K,oldResizeItem:f2}=this.state,{cols:T2,allowOverlap:C2}=this.props,g2=(0,o.getLayoutItem)(K,y),N2=C2?K:(0,o.compact)(K,(0,o.compactType)(this.props),T2);this.props.onResizeStop(N2,f2,g2,null,P,W);const{oldLayout:H2}=this.state;this.setState({activeDrag:null,layout:N2,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(N2,H2)}),A(this,"onDragOver",y=>{var h0;if(y.preventDefault(),y.stopPropagation(),g&&!((h0=y.nativeEvent.target)!=null&&h0.classList.contains(d)))return!1;const{droppingItem:w,onDropDragOver:V,margin:D,cols:P,rowHeight:W,maxRows:K,width:f2,containerPadding:T2,transformScale:C2}=this.props,g2=V==null?void 0:V(y);if(g2===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const N2={...w,...g2},{layout:H2}=this.state,M2=y.currentTarget.getBoundingClientRect(),U2=y.clientX-M2.left,Y2=y.clientY-M2.top,c0={left:U2/C2,top:Y2/C2,e:y};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:F0,top:I0}=this.state.droppingPosition;(F0!=U2||I0!=Y2)&&this.setState({droppingPosition:c0})}}else{const F0={cols:P,margin:D,maxRows:K,rowHeight:W,containerWidth:f2,containerPadding:T2||D},I0=(0,a.calcXY)(F0,Y2,U2,N2.w,N2.h);this.setState({droppingDOMNode:t.createElement("div",{key:N2.i}),droppingPosition:c0,layout:[...H2,{...N2,x:I0.x,y:I0.y,static:!1,isDraggable:!0}]})}}),A(this,"removeDroppingPlaceholder",()=>{const{droppingItem:y,cols:w}=this.props,{layout:V}=this.state,D=(0,o.compact)(V.filter(P=>P.i!==y.i),(0,o.compactType)(this.props),w,this.props.allowOverlap);this.setState({layout:D,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),A(this,"onDragLeave",y=>{y.preventDefault(),y.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),A(this,"onDragEnter",y=>{y.preventDefault(),y.stopPropagation(),this.dragEnterCounter++}),A(this,"onDrop",y=>{y.preventDefault(),y.stopPropagation();const{droppingItem:w}=this.props,{layout:V}=this.state,D=V.find(P=>P.i===w.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(V,D,y)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(y,w){let V;return w.activeDrag?null:(!(0,n.deepEqual)(y.layout,w.propsLayout)||y.compactType!==w.compactType?V=y.layout:(0,o.childrenEqual)(y.children,w.children)||(V=w.layout),V?{layout:(0,o.synchronizeLayoutWithChildren)(V,y.children,y.cols,(0,o.compactType)(y),y.allowOverlap),compactType:y.compactType,children:y.children,propsLayout:y.layout}:null)}shouldComponentUpdate(y,w){return this.props.children!==y.children||!(0,o.fastRGLPropsEqual)(this.props,y,n.deepEqual)||this.state.activeDrag!==w.activeDrag||this.state.mounted!==w.mounted||this.state.droppingPosition!==w.droppingPosition}componentDidUpdate(y,w){if(!this.state.activeDrag){const V=this.state.layout,D=w.layout;this.onLayoutMaybeChanged(V,D)}}containerHeight(){if(!this.props.autoSize)return;const y=(0,o.bottom)(this.state.layout),w=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return y*this.props.rowHeight+(y-1)*this.props.margin[1]+w*2+"px"}onLayoutMaybeChanged(y,w){w||(w=this.state.layout),(0,n.deepEqual)(w,y)||this.props.onLayoutChange(y)}placeholder(){const{activeDrag:y}=this.state;if(!y)return null;const{width:w,cols:V,margin:D,containerPadding:P,rowHeight:W,maxRows:K,useCSSTransforms:f2,transformScale:T2}=this.props;return t.createElement(s.default,{w:y.w,h:y.h,x:y.x,y:y.y,i:y.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:w,cols:V,margin:D,containerPadding:P||D,maxRows:K,rowHeight:W,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:f2,transformScale:T2},t.createElement("div",null))}processGridItem(y,w){if(!y||!y.key)return;const V=(0,o.getLayoutItem)(this.state.layout,String(y.key));if(!V)return null;const{width:D,cols:P,margin:W,containerPadding:K,rowHeight:f2,maxRows:T2,isDraggable:C2,isResizable:g2,isBounded:N2,useCSSTransforms:H2,transformScale:M2,draggableCancel:U2,draggableHandle:Y2,resizeHandles:c0,resizeHandle:h0}=this.props,{mounted:F0,droppingPosition:I0}=this.state,e0=typeof V.isDraggable=="boolean"?V.isDraggable:!V.static&&C2,U0=typeof V.isResizable=="boolean"?V.isResizable:!V.static&&g2,m0=V.resizeHandles||c0,j0=e0&&N2&&V.isBounded!==!1;return t.createElement(s.default,{containerWidth:D,cols:P,margin:W,containerPadding:K||W,maxRows:T2,rowHeight:f2,cancel:U2,handle:Y2,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:e0,isResizable:U0,isBounded:j0,useCSSTransforms:H2&&F0,usePercentages:!F0,transformScale:M2,w:V.w,h:V.h,x:V.x,y:V.y,i:V.i,minH:V.minH,minW:V.minW,maxH:V.maxH,maxW:V.maxW,static:V.static,droppingPosition:w?I0:void 0,resizeHandles:m0,resizeHandle:h0},y)}render(){const{className:y,style:w,isDroppable:V,innerRef:D}=this.props,P=(0,i.default)(d,y),W={height:this.containerHeight(),...w};return t.createElement("div",{ref:D,className:P,style:W,onDrop:V?this.onDrop:o.noop,onDragLeave:V?this.onDragLeave:o.noop,onDragEnter:V?this.onDragEnter:o.noop,onDragOver:V?this.onDragOver:o.noop},t.Children.map(this.props.children,K=>this.processGridItem(K)),V&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};return zM.default=h,A(h,"displayName","ReactGridLayout"),A(h,"propTypes",r.default),A(h,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:o.noop,onDragStart:o.noop,onDrag:o.noop,onDragStop:o.noop,onResizeStart:o.noop,onResize:o.noop,onResizeStop:o.noop,onDrop:o.noop,onDropDragOver:o.noop}),zM}var $M={},Qm={},Pd2;function Zd2(){if(Pd2)return Qm;Pd2=1,Object.defineProperty(Qm,"__esModule",{value:!0}),Qm.findOrGenerateResponsiveLayout=o,Qm.getBreakpointFromWidth=n,Qm.getColsFromBreakpoint=i,Qm.sortBreakpoints=a;var t=By();function n(s,r){const C=a(s);let l=C[0];for(let e=1,A=C.length;e<A;e++){const u=C[e];r>s[u]&&(l=u)}return l}function i(s,r){if(!r[s])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+s+" is missing!");return r[s]}function o(s,r,C,l,e,A){if(s[C])return(0,t.cloneLayout)(s[C]);let u=s[l];const f=a(r),d=f.slice(f.indexOf(C));for(let g=0,h=d.length;g<h;g++){const I=d[g];if(s[I]){u=s[I];break}}return u=(0,t.cloneLayout)(u||[]),(0,t.compact)((0,t.correctBounds)(u,{cols:e}),A,e)}function a(s){return Object.keys(s).sort(function(C,l){return s[C]-s[l]})}return Qm}var Fd2;function Mr0(){if(Fd2)return $M;Fd2=1,Object.defineProperty($M,"__esModule",{value:!0}),$M.default=void 0;var t=l(hA()),n=r(Wd()),i=HK(),o=By(),a=Zd2(),s=r(Od2());function r(I){return I&&I.__esModule?I:{default:I}}function C(I){if(typeof WeakMap!="function")return null;var y=new WeakMap,w=new WeakMap;return(C=function(V){return V?w:y})(I)}function l(I,y){if(I&&I.__esModule)return I;if(I===null||typeof I!="object"&&typeof I!="function")return{default:I};var w=C(y);if(w&&w.has(I))return w.get(I);var V={__proto__:null},D=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var P in I)if(P!=="default"&&Object.prototype.hasOwnProperty.call(I,P)){var W=D?Object.getOwnPropertyDescriptor(I,P):null;W&&(W.get||W.set)?Object.defineProperty(V,P,W):V[P]=I[P]}return V.default=I,w&&w.set(I,V),V}function e(){return e=Object.assign?Object.assign.bind():function(I){for(var y=1;y<arguments.length;y++){var w=arguments[y];for(var V in w)Object.prototype.hasOwnProperty.call(w,V)&&(I[V]=w[V])}return I},e.apply(this,arguments)}function A(I,y,w){return y=u(y),y in I?Object.defineProperty(I,y,{value:w,enumerable:!0,configurable:!0,writable:!0}):I[y]=w,I}function u(I){var y=f(I,"string");return typeof y=="symbol"?y:String(y)}function f(I,y){if(typeof I!="object"||I===null)return I;var w=I[Symbol.toPrimitive];if(w!==void 0){var V=w.call(I,y);if(typeof V!="object")return V;throw new TypeError("@@toPrimitive must return a primitive value.")}return(y==="string"?String:Number)(I)}const d=I=>Object.prototype.toString.call(I);function g(I,y){return I==null?null:Array.isArray(I)?I:I[y]}let h=class extends t.Component{constructor(){super(...arguments),A(this,"state",this.generateInitialState()),A(this,"onLayoutChange",y=>{this.props.onLayoutChange(y,{...this.props.layouts,[this.state.breakpoint]:y})})}generateInitialState(){const{width:y,breakpoints:w,layouts:V,cols:D}=this.props,P=(0,a.getBreakpointFromWidth)(w,y),W=(0,a.getColsFromBreakpoint)(P,D),K=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,a.findOrGenerateResponsiveLayout)(V,w,P,P,W,K),breakpoint:P,cols:W}}static getDerivedStateFromProps(y,w){if(!(0,i.deepEqual)(y.layouts,w.layouts)){const{breakpoint:V,cols:D}=w;return{layout:(0,a.findOrGenerateResponsiveLayout)(y.layouts,y.breakpoints,V,V,D,y.compactType),layouts:y.layouts}}return null}componentDidUpdate(y){(this.props.width!=y.width||this.props.breakpoint!==y.breakpoint||!(0,i.deepEqual)(this.props.breakpoints,y.breakpoints)||!(0,i.deepEqual)(this.props.cols,y.cols))&&this.onWidthChange(y)}onWidthChange(y){const{breakpoints:w,cols:V,layouts:D,compactType:P}=this.props,W=this.props.breakpoint||(0,a.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),K=this.state.breakpoint,f2=(0,a.getColsFromBreakpoint)(W,V),T2={...D};if(K!==W||y.breakpoints!==w||y.cols!==V){K in T2||(T2[K]=(0,o.cloneLayout)(this.state.layout));let N2=(0,a.findOrGenerateResponsiveLayout)(T2,w,W,K,f2,P);N2=(0,o.synchronizeLayoutWithChildren)(N2,this.props.children,f2,P,this.props.allowOverlap),T2[W]=N2,this.props.onBreakpointChange(W,f2),this.props.onLayoutChange(N2,T2),this.setState({breakpoint:W,layout:N2,cols:f2})}const C2=g(this.props.margin,W),g2=g(this.props.containerPadding,W);this.props.onWidthChange(this.props.width,C2,f2,g2)}render(){const{breakpoint:y,breakpoints:w,cols:V,layouts:D,margin:P,containerPadding:W,onBreakpointChange:K,onLayoutChange:f2,onWidthChange:T2,...C2}=this.props;return t.createElement(s.default,e({},C2,{margin:g(P,this.state.breakpoint),containerPadding:g(W,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}};return $M.default=h,A(h,"propTypes",{breakpoint:n.default.string,breakpoints:n.default.object,allowOverlap:n.default.bool,cols:n.default.object,margin:n.default.oneOfType([n.default.array,n.default.object]),containerPadding:n.default.oneOfType([n.default.array,n.default.object]),layouts(I,y){if(d(I[y])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+d(I[y]));Object.keys(I[y]).forEach(w=>{if(!(w in I.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,o.validateLayout)(I.layouts[w],"layouts."+w)})},width:n.default.number.isRequired,onBreakpointChange:n.default.func,onLayoutChange:n.default.func,onWidthChange:n.default.func}),A(h,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:o.noop,onLayoutChange:o.noop,onWidthChange:o.noop}),$M}var mk={},Ud2=function(){if(typeof Map<"u")return Map;function t(n,i){var o=-1;return n.some(function(a,s){return a[0]===i?(o=s,!0):!1}),o}return function(){function n(){this.__entries__=[]}return Object.defineProperty(n.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),n.prototype.get=function(i){var o=t(this.__entries__,i),a=this.__entries__[o];return a&&a[1]},n.prototype.set=function(i,o){var a=t(this.__entries__,i);~a?this.__entries__[a][1]=o:this.__entries__.push([i,o])},n.prototype.delete=function(i){var o=this.__entries__,a=t(o,i);~a&&o.splice(a,1)},n.prototype.has=function(i){return!!~t(this.__entries__,i)},n.prototype.clear=function(){this.__entries__.splice(0)},n.prototype.forEach=function(i,o){o===void 0&&(o=null);for(var a=0,s=this.__entries__;a<s.length;a++){var r=s[a];i.call(o,r[1],r[0])}},n}()}(),PK=typeof window<"u"&&typeof document<"u"&&window.document===document,bk=function(){return typeof global<"u"&&global.Math===Math?global:typeof self<"u"&&self.Math===Math?self:typeof window<"u"&&window.Math===Math?window:Function("return this")()}(),Tr0=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(bk):function(t){return setTimeout(function(){return t(Date.now())},1e3/60)}}(),xr0=2;function Rr0(t,n){var i=!1,o=!1,a=0;function s(){i&&(i=!1,t()),o&&C()}function r(){Tr0(s)}function C(){var l=Date.now();if(i){if(l-a<xr0)return;o=!0}else i=!0,o=!1,setTimeout(r,n);a=l}return C}var Hr0=20,Dr0=["top","right","bottom","left","width","height","size","weight"],Sr0=typeof MutationObserver<"u",Nr0=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=Rr0(this.refresh.bind(this),Hr0)}return t.prototype.addObserver=function(n){~this.observers_.indexOf(n)||this.observers_.push(n),this.connected_||this.connect_()},t.prototype.removeObserver=function(n){var i=this.observers_,o=i.indexOf(n);~o&&i.splice(o,1),!i.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){var n=this.updateObservers_();n&&this.refresh()},t.prototype.updateObservers_=function(){var n=this.observers_.filter(function(i){return i.gatherActive(),i.hasActive()});return n.forEach(function(i){return i.broadcastActive()}),n.length>0},t.prototype.connect_=function(){!PK||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),Sr0?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},t.prototype.disconnect_=function(){!PK||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},t.prototype.onTransitionEnd_=function(n){var i=n.propertyName,o=i===void 0?"":i,a=Dr0.some(function(s){return!!~o.indexOf(s)});a&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),jd2=function(t,n){for(var i=0,o=Object.keys(n);i<o.length;i++){var a=o[i];Object.defineProperty(t,a,{value:n[a],enumerable:!1,writable:!1,configurable:!0})}return t},yy=function(t){var n=t&&t.ownerDocument&&t.ownerDocument.defaultView;return n||bk},zd2=yk(0,0,0,0);function Bk(t){return parseFloat(t)||0}function Gd2(t){for(var n=[],i=1;i<arguments.length;i++)n[i-1]=arguments[i];return n.reduce(function(o,a){var s=t["border-"+a+"-width"];return o+Bk(s)},0)}function Vr0(t){for(var n=["top","right","bottom","left"],i={},o=0,a=n;o<a.length;o++){var s=a[o],r=t["padding-"+s];i[s]=Bk(r)}return i}function kr0(t){var n=t.getBBox();return yk(0,0,n.width,n.height)}function Or0(t){var n=t.clientWidth,i=t.clientHeight;if(!n&&!i)return zd2;var o=yy(t).getComputedStyle(t),a=Vr0(o),s=a.left+a.right,r=a.top+a.bottom,C=Bk(o.width),l=Bk(o.height);if(o.boxSizing==="border-box"&&(Math.round(C+s)!==n&&(C-=Gd2(o,"left","right")+s),Math.round(l+r)!==i&&(l-=Gd2(o,"top","bottom")+r)),!Zr0(t)){var e=Math.round(C+s)-n,A=Math.round(l+r)-i;Math.abs(e)!==1&&(C-=e),Math.abs(A)!==1&&(l-=A)}return yk(a.left,a.top,C,l)}var Pr0=function(){return typeof SVGGraphicsElement<"u"?function(t){return t instanceof yy(t).SVGGraphicsElement}:function(t){return t instanceof yy(t).SVGElement&&typeof t.getBBox=="function"}}();function Zr0(t){return t===yy(t).document.documentElement}function Fr0(t){return PK?Pr0(t)?kr0(t):Or0(t):zd2}function Ur0(t){var n=t.x,i=t.y,o=t.width,a=t.height,s=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,r=Object.create(s.prototype);return jd2(r,{x:n,y:i,width:o,height:a,top:i,right:n+o,bottom:a+i,left:n}),r}function yk(t,n,i,o){return{x:t,y:n,width:i,height:o}}var jr0=function(){function t(n){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=yk(0,0,0,0),this.target=n}return t.prototype.isActive=function(){var n=Fr0(this.target);return this.contentRect_=n,n.width!==this.broadcastWidth||n.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var n=this.contentRect_;return this.broadcastWidth=n.width,this.broadcastHeight=n.height,n},t}(),zr0=function(){function t(n,i){var o=Ur0(i);jd2(this,{target:n,contentRect:o})}return t}(),Gr0=function(){function t(n,i,o){if(this.activeObservations_=[],this.observations_=new Ud2,typeof n!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=n,this.controller_=i,this.callbackCtx_=o}return t.prototype.observe=function(n){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(n instanceof yy(n).Element))throw new TypeError('parameter 1 is not of type "Element".');var i=this.observations_;i.has(n)||(i.set(n,new jr0(n)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(n){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(n instanceof yy(n).Element))throw new TypeError('parameter 1 is not of type "Element".');var i=this.observations_;i.has(n)&&(i.delete(n),i.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var n=this;this.clearActive(),this.observations_.forEach(function(i){i.isActive()&&n.activeObservations_.push(i)})},t.prototype.broadcastActive=function(){if(this.hasActive()){var n=this.callbackCtx_,i=this.activeObservations_.map(function(o){return new zr0(o.target,o.broadcastRect())});this.callback_.call(n,i,n),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),Yd2=typeof WeakMap<"u"?new WeakMap:new Ud2,Wd2=function(){function t(n){if(!(this instanceof t))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var i=Nr0.getInstance(),o=new Gr0(n,i,this);Yd2.set(this,o)}return t}();["observe","unobserve","disconnect"].forEach(function(t){Wd2.prototype[t]=function(){var n;return(n=Yd2.get(this))[t].apply(n,arguments)}});var Yr0=function(){return typeof bk.ResizeObserver<"u"?bk.ResizeObserver:Wd2}();const Wr0=jO(Object.freeze(Object.defineProperty({__proto__:null,default:Yr0},Symbol.toStringTag,{value:"Module"})));var _d2;function _r0(){if(_d2)return mk;_d2=1,Object.defineProperty(mk,"__esModule",{value:!0}),mk.default=f;var t=r(hA()),n=a(Wd()),i=a(Wr0),o=a(DK());function a(d){return d&&d.__esModule?d:{default:d}}function s(d){if(typeof WeakMap!="function")return null;var g=new WeakMap,h=new WeakMap;return(s=function(I){return I?h:g})(d)}function r(d,g){if(d&&d.__esModule)return d;if(d===null||typeof d!="object"&&typeof d!="function")return{default:d};var h=s(g);if(h&&h.has(d))return h.get(d);var I={__proto__:null},y=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var w in d)if(w!=="default"&&Object.prototype.hasOwnProperty.call(d,w)){var V=y?Object.getOwnPropertyDescriptor(d,w):null;V&&(V.get||V.set)?Object.defineProperty(I,w,V):I[w]=d[w]}return I.default=d,h&&h.set(d,I),I}function C(){return C=Object.assign?Object.assign.bind():function(d){for(var g=1;g<arguments.length;g++){var h=arguments[g];for(var I in h)Object.prototype.hasOwnProperty.call(h,I)&&(d[I]=h[I])}return d},C.apply(this,arguments)}function l(d,g,h){return g=e(g),g in d?Object.defineProperty(d,g,{value:h,enumerable:!0,configurable:!0,writable:!0}):d[g]=h,d}function e(d){var g=A(d,"string");return typeof g=="symbol"?g:String(g)}function A(d,g){if(typeof d!="object"||d===null)return d;var h=d[Symbol.toPrimitive];if(h!==void 0){var I=h.call(d,g);if(typeof I!="object")return I;throw new TypeError("@@toPrimitive must return a primitive value.")}return(g==="string"?String:Number)(d)}const u="react-grid-layout";function f(d){var g;return g=class extends t.Component{constructor(){super(...arguments),l(this,"state",{width:1280}),l(this,"elementRef",t.createRef()),l(this,"mounted",!1),l(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new i.default(y=>{if(this.elementRef.current instanceof HTMLElement){const V=y[0].contentRect.width;this.setState({width:V})}});const I=this.elementRef.current;I instanceof HTMLElement&&this.resizeObserver.observe(I)}componentWillUnmount(){this.mounted=!1;const I=this.elementRef.current;I instanceof HTMLElement&&this.resizeObserver.unobserve(I),this.resizeObserver.disconnect()}render(){const{measureBeforeMount:I,...y}=this.props;return I&&!this.mounted?t.createElement("div",{className:(0,o.default)(this.props.className,u),style:this.props.style,ref:this.elementRef}):t.createElement(d,C({innerRef:this.elementRef},y,this.state))}},l(g,"defaultProps",{measureBeforeMount:!1}),l(g,"propTypes",{measureBeforeMount:n.default.bool}),g}return mk}var Xd2;function Xr0(){return Xd2||(Xd2=1,function(t){t.exports=Od2().default,t.exports.utils=By(),t.exports.calculateUtils=NK(),t.exports.Responsive=Mr0().default,t.exports.Responsive.utils=Zd2(),t.exports.WidthProvider=_r0().default}(RK)),RK.exports}var Kd2=Xr0();const cf={"MetricList-container":"_MetricList-container_mim6z_1","MetricList-container-type":"_MetricList-container-type_mim6z_7","MetricList-wrapper":"_MetricList-wrapper_mim6z_13","MetricList-wrapper-move":"_MetricList-wrapper-move_mim6z_29","noMetric-container":"_noMetric-container_mim6z_37","noMetric-wrapper":"_noMetric-wrapper_mim6z_45","alt-container":"_alt-container_mim6z_53",gridDisplay:"_gridDisplay_mim6z_61",gridDisplay2:"_gridDisplay2_mim6z_69",flexDisplay:"_flexDisplay_mim6z_77",mergedCard:"_mergedCard_mim6z_85"},Kr0={deleteModal:"_deleteModal_o85f3_1"},Jr0=({isOpen:t,onClose:n,onArchive:i,isLoading:o})=>E.jsxs(nu,{headerTitle:"Archive Metric",isOpen:t,onClose:n,zIndex:9999999999999,children:[E.jsx("div",{className:Kr0.deleteModal,children:E.jsx(wl,{text:"Are you sure you want to archive the metric?",variant:"warning",className:"dbn-w-full"})}),E.jsxs(Fd,{children:[E.jsx(E6,{variant:"tab",type:"button",onClick:n,children:"Cancel"}),E.jsx(E6,{variant:"primary",type:"button",isDisabled:o,onClick:i,children:o?"Archiving...":"Archive"})]})]}),ws={cardContainer:"_cardContainer_1ljkl_1",cardProperties:"_cardProperties_1ljkl_9",enableBorder:"_enableBorder_1ljkl_17",morePopup:"_morePopup_1ljkl_25",features:"_features_1ljkl_33",listHeader:"_listHeader_1ljkl_41",metricName:"_metricName_1ljkl_49",metricTitle:"_metricTitle_1ljkl_57",truncate:"_truncate_1ljkl_65",textWrap:"_textWrap_1ljkl_73",metricDescription:"_metricDescription_1ljkl_81",popupItem:"_popupItem_1ljkl_121",metricData:"_metricData_1ljkl_153",chartHeight:"_chartHeight_1ljkl_159",chartWithDescHeight:"_chartWithDescHeight_1ljkl_165",metricTable:"_metricTable_1ljkl_171",noHeight:"_noHeight_1ljkl_179",chart:"_chart_1ljkl_159",noData:"_noData_1ljkl_211",noDataContent:"_noDataContent_1ljkl_219",noDataText:"_noDataText_1ljkl_233",connectionErrorText:"_connectionErrorText_1ljkl_241",fullscreenIcon:"_fullscreenIcon_1ljkl_263",filterTopLeft:"_filterTopLeft_1ljkl_297",metricFilters:"_metricFilters_1ljkl_327",disable:"_disable_1ljkl_341",isShowShadow:"_isShowShadow_1ljkl_349",noBorder:"_noBorder_1ljkl_357",addedLink:"_addedLink_1ljkl_365"},Jd2="data:image/svg+xml,%3csvg%20width='56'%20height='59'%20viewBox='0%200%2056%2059'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.9'%20d='M38.7572%202.0878L2.05324%205.29898C1.21732%205.37211%200.598959%206.10904%200.672093%206.94496L4.87642%2055.0006C4.94955%2055.8365%205.68648%2056.4549%206.5224%2056.3818L43.2263%2053.1706C44.0623%2053.0975%2044.6806%2052.3605%2044.6075%2051.5246L40.4032%203.46894C40.33%202.63302%2039.5931%202.01467%2038.7572%202.0878Z'%20fill='%23F1F2F7'/%3e%3cpath%20d='M48.4236%209.59352V50.3272C48.4236%2051.1666%2047.7437%2051.8465%2046.9043%2051.8465H10.0601C9.22068%2051.8465%208.54077%2051.1666%208.54077%2050.3272V2.08795C8.54077%201.24851%209.22068%200.568604%2010.0601%200.568604H39.8811L48.4236%209.59352Z'%20fill='white'%20stroke='%23D0D4DA'%20strokeWidth='1.13951'%20strokeLinejoin='round'/%3e%3cpath%20d='M39.8794%208.07417V0.568604L48.4219%209.59352H41.3987C40.5593%209.59352%2039.8794%208.91361%2039.8794%208.07417Z'%20fill='%23F1F2F7'%20stroke='%23D0D4DA'%20strokeWidth='0.759673'%20strokeLinejoin='round'/%3e%3cpath%20d='M15.2154%2024.5935H42.104C43.7373%2024.5935%2045.0591%2025.8014%2045.0591%2027.2865V45.0705C45.0591%2046.5595%2043.7373%2047.7635%2042.104%2047.7635H15.2154C13.5821%2047.7635%2012.2603%2046.5557%2012.2603%2045.0705V27.2865C12.2603%2025.7976%2013.5821%2024.5935%2015.2154%2024.5935Z'%20fill='white'/%3e%3cpath%20d='M14.0687%2028.6182H43.2439C43.7833%2028.6182%2044.2201%2027.8851%2044.2201%2026.9811C44.2201%2026.0771%2043.7833%2025.344%2043.2439%2025.344H14.0687C13.5293%2025.344%2013.0925%2026.0771%2013.0925%2026.9811C13.0925%2027.8851%2013.5293%2028.6182%2014.0687%2028.6182Z'%20fill='%23F1F2F7'/%3e%3cpath%20d='M42.5218%2024.6191H14.7938C13.396%2024.6191%2012.2603%2025.6447%2012.2603%2026.9096V45.457C12.2603%2046.718%2013.396%2047.7474%2014.7938%2047.7474H42.5218C43.9196%2047.7474%2045.0553%2046.7218%2045.0553%2045.457V26.9096C45.0553%2025.6485%2043.9196%2024.6191%2042.5218%2024.6191ZM23.492%2043.1666V40.3254H33.8274V43.1666H23.492ZM33.8236%2044.0326V46.8738H23.4882V44.0326H33.8236ZM44.0943%2029.1962V32.0373H34.7884V29.1962H44.0943ZM33.8236%2032.9072V35.7484H23.4882V32.9072H33.8236ZM22.5272%2035.7484H13.2212V32.9072H22.5272V35.7484ZM22.5272%2036.6144V39.4556H13.2212V36.6144H22.5272ZM23.492%2036.6144H33.8274V39.4556H23.492V36.6144ZM34.7884%2036.6144H44.0943V39.4556H34.7884V36.6144ZM34.7884%2035.7484V32.9072H44.0943V35.7484H34.7884ZM33.8236%2032.0373H13.2212V29.1962H33.8236V32.0373ZM13.2212%2040.3254H22.5272V43.1666H13.2212V40.3254ZM34.7884%2040.3254H44.0943V43.1666H34.7884V40.3254ZM14.7938%2025.489H42.5218C43.3879%2025.489%2044.0943%2026.1271%2044.0943%2026.9096V28.3301H13.2212V26.9096C13.2212%2026.1271%2013.9277%2025.489%2014.7938%2025.489ZM13.2212%2045.4532V44.0326H22.5272V46.8738H14.7938C13.9277%2046.8738%2013.2212%2046.2356%2013.2212%2045.4532ZM42.5218%2046.8738H34.7884V44.0326H44.0943V45.4532C44.0943%2046.2356%2043.3879%2046.8738%2042.5218%2046.8738Z'%20fill='%23D0D4DA'/%3e%3cpath%20d='M13.2572%2012.7133H27.1174C27.4593%2012.7133%2027.7366%2012.4398%2027.7366%2012.1018C27.7366%2011.7637%2027.4593%2011.4902%2027.1174%2011.4902H13.2572C12.9153%2011.4902%2012.6381%2011.7637%2012.6381%2012.1018C12.6381%2012.4398%2012.9153%2012.7133%2013.2572%2012.7133Z'%20fill='%23F1F2F7'/%3e%3cpath%20d='M28.5634%2043.4912C28.5634%2050.3096%2034.0896%2055.8359%2040.908%2055.8359C47.7264%2055.8359%2053.2527%2050.3096%2053.2527%2043.4912C53.2527%2036.6728%2047.7264%2031.1465%2040.908%2031.1465C34.0896%2031.1465%2028.5634%2036.6728%2028.5634%2043.4912Z'%20fill='white'/%3e%3cpath%20d='M13.2572%2015.174H21.1768C21.5186%2015.174%2021.7959%2014.9005%2021.7959%2014.5625C21.7959%2014.2244%2021.5186%2013.9509%2021.1768%2013.9509H13.2572C12.9153%2013.9509%2012.6381%2014.2244%2012.6381%2014.5625C12.6381%2014.9005%2012.9153%2015.174%2013.2572%2015.174Z'%20fill='%23F1F2F7'/%3e%3cpath%20d='M13.2572%2010.1498H21.1768C21.5186%2010.1498%2021.7959%209.87635%2021.7959%209.53829C21.7959%209.20024%2021.5186%208.92676%2021.1768%208.92676H13.2572C12.9153%208.92676%2012.6381%209.20024%2012.6381%209.53829C12.6381%209.87635%2012.9153%2010.1498%2013.2572%2010.1498Z'%20fill='%23F1F2F7'/%3e%3cpath%20d='M32.0717%2043.5568C32.0717%2048.4187%2036.0144%2052.3614%2040.8763%2052.3614C45.7382%2052.3614%2049.6809%2048.4187%2049.6809%2043.5568C49.6809%2038.6949%2045.7382%2034.7522%2040.8763%2034.7522C36.0144%2034.7522%2032.0717%2038.6949%2032.0717%2043.5568Z'%20fill='white'%20stroke='%23D0D4DA'%20strokeWidth='1.51935'%20strokeLinecap='round'%20strokeLinejoin='round'/%3e%3cpath%20d='M52.4471%2056.6405C52.8921%2057.0855%2053.6136%2057.0855%2054.0586%2056.6405C54.5036%2056.1955%2054.5036%2055.474%2054.0586%2055.029L52.4471%2056.6405ZM48.3611%2049.3315L47.5553%2048.5257L45.9438%2050.1372L46.7495%2050.943L48.3611%2049.3315ZM54.0586%2055.029L48.3611%2049.3315L46.7495%2050.943L52.4471%2056.6405L54.0586%2055.029Z'%20fill='%23D0D4DA'/%3e%3cg%20clipPath='url(%23clip0_4001_15075)'%3e%3cpath%20d='M40.7057%2046.6968V46.7012'%20stroke='%23D0D4DA'%20strokeWidth='1.14722'%20strokeLinecap='round'%20strokeLinejoin='round'/%3e%3cpath%20d='M40.7057%2044.924V40.4922'%20stroke='%23D0D4DA'%20strokeWidth='1.14722'%20strokeLinecap='round'%20strokeLinejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4001_15075'%3e%3crect%20width='10.6364'%20height='10.6364'%20fill='white'%20transform='translate(35.3875%2038.2764)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",qr0="data:image/svg+xml,%3csvg%20width='69'%20height='66'%20viewBox='0%200%2069%2066'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.6'%20d='M29.181%200.847656C37.1279%200.847656%2044.2911%201.77512%2049.4398%203.25488C52.0196%203.99636%2054.0459%204.86283%2055.4076%205.78809C56.798%206.73288%2057.3138%207.60723%2057.3138%208.3291C57.3137%209.05085%2056.7979%209.9245%2055.4076%2010.8691C54.0457%2011.7945%2052.019%2012.6618%2049.4388%2013.4033C44.2899%2014.8831%2037.1271%2015.8096%2029.181%2015.8096C21.2352%2015.8095%2014.0724%2014.883%208.92322%2013.4033C6.34283%2012.6618%204.31557%2011.7945%202.95349%2010.8691C1.56319%209.92452%201.0474%209.05078%201.04724%208.3291C1.04724%207.60728%201.56292%206.73289%202.95349%205.78809C4.3154%204.86276%206.34208%203.99639%208.92224%203.25488C14.0713%201.77514%2021.2343%200.847677%2029.181%200.847656Z'%20stroke='%23B3B7BD'%20stroke-width='1.69618'/%3e%3cpath%20d='M57.3138%2024.1084C57.3138%2024.8307%2056.7981%2025.7054%2055.4076%2026.6504C54.0457%2027.5759%2052.019%2028.443%2049.4388%2029.1846C44.2899%2030.6645%2037.1271%2031.5908%2029.181%2031.5908C21.2352%2031.5908%2014.0724%2030.6644%208.92322%2029.1846C6.34318%2028.4431%204.31653%2027.5758%202.95447%2026.6504C1.5638%2025.7054%201.04724%2024.8306%201.04724%2024.1084V10.251C1.33908%2010.5097%201.65834%2010.7569%202.00037%2010.9893C3.57145%2012.0567%205.78932%2012.9843%208.45349%2013.75C13.7937%2015.2847%2021.122%2016.2226%2029.181%2016.2227C37.24%2016.2227%2044.5677%2015.2847%2049.9076%2013.75C52.5717%2012.9843%2054.7897%2012.0567%2056.3607%2010.9893C56.7027%2010.7569%2057.022%2010.5097%2057.3138%2010.251V24.1084Z'%20fill='%23F1F2F7'%20stroke='%23D0D4DA'%20stroke-width='1.69618'/%3e%3cpath%20d='M57.3138%2039.8916C57.3137%2040.6134%2056.7979%2041.487%2055.4076%2042.4316C54.0457%2043.357%2052.019%2044.2243%2049.4388%2044.9658C44.2899%2046.4456%2037.1271%2047.3721%2029.181%2047.3721C21.2352%2047.372%2014.0724%2046.4455%208.92322%2044.9658C6.34283%2044.2243%204.31557%2043.357%202.95349%2042.4316C1.56316%2041.487%201.04734%2040.6133%201.04724%2039.8916V26.0322C1.33918%2026.2912%201.65819%2026.5389%202.00037%2026.7715C3.5715%2027.8392%205.78923%2028.7674%208.45349%2029.5332C13.7937%2031.0681%2021.122%2032.0058%2029.181%2032.0059C37.2399%2032.0059%2044.5677%2031.068%2049.9076%2029.5332C52.5717%2028.7675%2054.7897%2027.8392%2056.3607%2026.7715C56.7028%2026.539%2057.022%2026.2911%2057.3138%2026.0322V39.8916Z'%20fill='%23E3E5EC'%20stroke='%23D0D4DA'%20stroke-width='1.69618'/%3e%3cpath%20d='M57.3138%2055.6709C57.3138%2056.3927%2056.7982%2057.2671%2055.4076%2058.2119C54.0457%2059.1373%2052.019%2060.0036%2049.4388%2060.7451C44.2899%2062.2249%2037.1272%2063.1523%2029.181%2063.1523C21.2351%2063.1523%2014.0725%2062.2248%208.92322%2060.7451C6.34283%2060.0036%204.31557%2059.1373%202.95349%2058.2119C1.56286%2057.2671%201.04724%2056.3927%201.04724%2055.6709V41.8135C1.33908%2042.0722%201.65834%2042.3194%202.00037%2042.5518C3.57145%2043.6192%205.78932%2044.5468%208.45349%2045.3125C13.7937%2046.8472%2021.122%2047.7851%2029.181%2047.7852C37.24%2047.7852%2044.5677%2046.8472%2049.9076%2045.3125C52.5717%2044.5468%2054.7897%2043.6192%2056.3607%2042.5518C56.7027%2042.3194%2057.022%2042.0722%2057.3138%2041.8135V55.6709Z'%20fill='%23D0D4DA'%20stroke='%23D0D4DA'%20stroke-width='1.69618'/%3e%3crect%20x='36.7916'%20y='33.392'%20width='30.0094'%20height='30.0094'%20rx='15.0047'%20stroke='white'%20stroke-width='4.00125'/%3e%3crect%20x='40.793'%20y='37.3926'%20width='22.0069'%20height='22.0069'%20rx='11.0035'%20fill='white'/%3e%3cpath%20d='M51.7963%2035.3926C49.2244%2035.3926%2046.7102%2036.1553%2044.5716%2037.5842C42.4331%2039.0131%2040.7664%2041.044%2039.7821%2043.4202C38.7979%2045.7964%2038.5403%2048.4111%2039.0421%2050.9336C39.5439%2053.4562%2040.7824%2055.7733%2042.601%2057.5919C44.4197%2059.4106%2046.7368%2060.6491%2049.2594%2061.1509C51.7819%2061.6526%2054.3966%2061.3951%2056.7728%2060.4109C59.149%2059.4266%2061.1799%2057.7598%2062.6088%2055.6213C64.0377%2053.4828%2064.8004%2050.9686%2064.8004%2048.3967C64.7968%2044.9489%2063.4255%2041.6434%2060.9876%2039.2054C58.5496%2036.7675%2055.2441%2035.3962%2051.7963%2035.3926ZM50.796%2042.3948C50.796%2042.1295%2050.9014%2041.875%2051.089%2041.6874C51.2766%2041.4999%2051.531%2041.3945%2051.7963%2041.3945C52.0616%2041.3945%2052.3161%2041.4999%2052.5037%2041.6874C52.6912%2041.875%2052.7966%2042.1295%2052.7966%2042.3948V49.397C52.7966%2049.6623%2052.6912%2049.9167%2052.5037%2050.1043C52.3161%2050.2919%2052.0616%2050.3973%2051.7963%2050.3973C51.531%2050.3973%2051.2766%2050.2919%2051.089%2050.1043C50.9014%2049.9167%2050.796%2049.6623%2050.796%2049.397V42.3948ZM51.7963%2055.3989C51.4996%2055.3989%2051.2095%2055.3109%2050.9627%2055.146C50.716%2054.9811%2050.5236%2054.7468%2050.4101%2054.4726C50.2965%2054.1984%2050.2668%2053.8967%2050.3247%2053.6057C50.3826%2053.3146%2050.5255%2053.0472%2050.7353%2052.8374C50.9452%2052.6275%2051.2125%2052.4846%2051.5036%2052.4267C51.7947%2052.3688%2052.0964%2052.3986%2052.3705%2052.5121C52.6447%2052.6257%2052.879%2052.818%2053.0439%2053.0648C53.2088%2053.3115%2053.2968%2053.6016%2053.2968%2053.8984C53.2968%2054.2963%2053.1387%2054.678%2052.8573%2054.9594C52.5759%2055.2408%2052.1943%2055.3989%2051.7963%2055.3989Z'%20fill='%23DC2626'/%3e%3c/svg%3e",qd2=T9.memo(({isDataLength:t,isLoading:n,isSingleValue:i,dataDb:o,chartType:a,noDataImg:s,error:r,onReload:C})=>{const l=a==="singleValue",[e,A]=X0.useState(""),u=X0.useRef(null),[f,d]=X0.useState(!1);X0.useEffect(()=>{const h=new ResizeObserver(I=>{var y;for(let w of I){const V=(y=w==null?void 0:w.contentRect)==null?void 0:y.height;d(V<80)}});return u!=null&&u.current&&(h==null||h.observe(u==null?void 0:u.current)),()=>h==null?void 0:h.disconnect()},[]),X0.useEffect(()=>{if(s){const h=new Blob([s],{type:"image/svg+xml"}),I=URL.createObjectURL(h);return A(I),()=>{URL.revokeObjectURL(I)}}},[s]);const g=()=>E.jsxs(bC,{direction:"col",className:"dbn-gap-2 dbn-w-full dbn-h-[90%] dbn-grow dbn-bg-white dbn-text-sm",alignItems:"center",children:[E.jsx(bC,{alignItems:"center",justify:"end",className:"dbn-w-full",children:E.jsx(as,{text:"Reload",position:"bottom",isSingleLineTxt:!0,children:E.jsx(E6,{variant:"tab",className:ws.reloadButton,onClick:()=>C==null?void 0:C(),isDisabled:n,"data-testid":"reload-button",children:E.jsx(H6,{name:"sync"})})})}),E.jsxs("div",{ref:u,style:{display:"flex",flexDirection:f?"row":"column",gap:"4px",width:"100%",height:"80%",fontSize:"14px",alignItems:"center",justifyContent:"center"},children:[E.jsx("img",{src:qr0,alt:"no data svg",style:{width:f?"50px":"100px",height:f?"50px":"100px"},className:"dbn-relative dbn-max-h-[100px] dbn-aspect-square"}),E.jsx("div",{className:ws.connectionErrorText,children:"Connection Error"})]})]});return E.jsxs(E.Fragment,{children:[!n&&!t?E.jsx("div",{className:ws.noData,children:E.jsx("div",{className:ws.noDataContent,children:r?g():s?E.jsx("img",{src:e,alt:"no data svg"}):E.jsxs(E.Fragment,{children:[E.jsx("img",{src:Jd2,alt:"no data svg"}),E.jsx("div",{className:ws.noDataText,children:"No data found."})]})})}):null,!n&&t&&l&&o[i]===null&&E.jsx("div",{className:ws.noData,children:E.jsx("div",{className:ws.noDataContent,children:r?g():s?E.jsx("img",{src:e,alt:"no data svg"}):E.jsxs(E.Fragment,{children:[E.jsx("img",{src:Jd2,alt:"no data svg"}),E.jsx("div",{className:ws.noDataText,children:"No Data"})]})})})]})}),$r0=({elementSettings:t={text:"",targetWord:"",link:""},elementSummary:n="",elementSummaryError:i="",elementSummarySettings:o,metricExpressionResult:a,metricExpressionSettings:s,elementType:r})=>{const C=()=>{const e=t.link||"";t.isOpenInNewTab?window.open(e,"_blank"):window.location.href=e},l=()=>{const{text:e,targetWord:A,link:u}=t;if(A&&u){const f=e.split(A);return f==null?void 0:f.map((d,g)=>g<f.length-1?E.jsxs("span",{children:[d,E.jsx("span",{style:{textDecoration:"underline",cursor:"pointer",textUnderlineOffset:4,color:"blue"},onClick:C,children:A})]},g):d)}return E.jsxs("div",{className:"ql-editor dbn-w-full dbn-h-full",onClick:t.link&&r==="customTextBox"?C:void 0,children:[i&&r==="metricSummary"?E.jsxs("div",{className:"dbn-flex dbn-flex-col dbn-items-center dbn-justify-center dbn-gap-2",children:[E.jsx(Ex,{name:"noSummary",width:60}),E.jsx(A8,{variant:"label",children:"No Metric Summary available"}),E.jsx(A8,{variant:"sub-label",color:"gray",children:i})]}):null,n&&r==="metricSummary"?E.jsx("div",{style:{fontSize:`${o==null?void 0:o.summaryFontSize}px`,fontWeight:o==null?void 0:o.summaryFontWeight,fontFamily:o==null?void 0:o.summaryFontFamily},children:E.jsx("div",{className:"dbn-prose dbn-w-full dbn-h-full",dangerouslySetInnerHTML:{__html:fV(n.replace(/^```html\n/,"").replace(/```$/,""))}})}):null,a&&r==="metricExpression"?E.jsx("div",{style:{fontSize:`${s==null?void 0:s.fontSize}px`,fontWeight:s==null?void 0:s.fontWeight,fontFamily:s==null?void 0:s.fontFamily},children:a}):null,r==="customTextBox"?E.jsx("div",{className:"dbn-prose dbn-w-full dbn-h-full",dangerouslySetInnerHTML:{__html:fV(e)}}):null]})};return E.jsx("div",{className:"dbn-w-full dbn-max-h-fit dbn-flex dbn-items-center dbn-element",children:l()})},en0=(t,n)=>{n?window.open(t,"_blank"):window.location.replace(t)},ZK=(t,n,i)=>{t==="external"||i?window.open(n,"_blank"):window.location.replace(n)},$d2=(t,n,i)=>{const{card:o}=t;if(o.isEnable)switch(o.dynamic){case"metricid":{const a=o.route.replace("{{metric.metricid}}",n);ZK(o.routeType,a,o==null?void 0:o.isOpenInNewTab);break}case"uuid":{const a=o.route.replace("{{metric.uuid}}",i);ZK(o.routeType,a,o==null?void 0:o.isOpenInNewTab);break}case"none":{ZK(o.routeType,o.route,o==null?void 0:o.isOpenInNewTab);break}default:console.warn("Unhandled click behaviour configuration");break}},FK=(t,n)=>{if(t.isEnable){const i=t.route.replace("{{value}}",`${n}`.replace(/"/g,""));en0(i,t==null?void 0:t.isOpenInNewTab)}},bs={fullScreen:"_fullScreen_8uasj_1",screen:"_screen_8uasj_9",fitFull:"_fitFull_8uasj_17",header:"_header_8uasj_25",backButton:"_backButton_8uasj_33",headerBlock:"_headerBlock_8uasj_41",headerBlockRight:"_headerBlockRight_8uasj_49",body:"_body_8uasj_73",data:"_data_8uasj_81",chartPanelContainer:"_chartPanelContainer_8uasj_103",metric:"_metric_8uasj_57",tableMetric:"_tableMetric_8uasj_119",metricHeader:"_metricHeader_8uasj_127",metricFilters:"_metricFilters_8uasj_149",chart:"_chart_8uasj_103",popupItem:"_popupItem_8uasj_189",addFilterMenu:"_addFilterMenu_8uasj_227",chartWrapper:"_chartWrapper_8uasj_257",tableChartWrapper:"_tableChartWrapper_8uasj_265",filterOption:"_filterOption_8uasj_273",chartOptions:"_chartOptions_8uasj_281",featToggle:"_featToggle_8uasj_289"},UK=({filters:t,updateFilter:n})=>E.jsx(E.Fragment,{children:t.length?E.jsx(Ll,{tabMenu:!0,buttonContent:E.jsx(E6,{variant:"tab",type:"button",leftIcon:E.jsx(H6,{name:"plus"})}),position:"bottom-start",menuZIndex:999999999999,children:E.jsx("div",{className:bs.addFilterMenu,children:t==null?void 0:t.map(i=>{const o=i.isAddOnMetrics;return E.jsx("div",{className:bs.filterOption,children:E.jsx(rd,{checked:o,onClick:()=>n(i),label:i.name})})})})}):null}),Lk=({globalFilters:t={tableName:"",filters:[]},metricItem:n,onMaximize:i,client:o,colors:a,param:s,companyTenancyType:r,renderHeaderName:C,isDisableCardClick:l,onArchive:e,chartRendererType:A="canvas",isDisableMorePopup:u,appFilters:f,isInternalApp:d,setCrossDashboardFilters:g,crossDashboardFilters:h,metricFilterOptions:I,onDownloadRawCsv:y,enableDownloadCsv:w,enableMultiMetricFilters:V,disableActions:D,metricFilterPosition:P="inside",isAllClient:W,dropdownTheme:K,underlyingTheme:f2,optionsIcon:T2="kebab-menu-vertical",downloadMetrics:C2,onDownload:g2,appearanceOptions:N2,isFrontendApp:H2,guestToken:M2,encryptedClient:U2,workspaceId:Y2,clientColumnType:c0,isDisableCardTitle:h0,chartHeight:F0,isEditLayoutEnabled:I0,isTourActive:e0,hideDatePickerOptions:U0,chartAppearance:m0,isDisableMetricLoader:j0,isShadowDisableOnHover:v1,isAllowedToSeeUnderlyingData:K2,noDataImg:v3,metricCardColor:N1,metricStore:z1,setMetricStore:$3,summarizeMetricMutation:V7,isMergedMetric:p3,setOpenMergeModal:a7,setDataLoaded:p7,onServerEvent:X7,disableBorder:H7,isDisableActions:J7,isEnableCumulative:M3,isEnableDynamic:i0,isEnableStack:b3,datasourceId:o8,setHoverLongDesc:q7,setHoverSubHeader:P7,setPopupOpen:m8,isShowFullScreenModal:x8,language:I1,translationDictionary:i3,isEmbeddedMetric:l7,isDisableMerge:M7,disableFullscreen:n7,calendarType:_3,isDisableClick:W7,chartFontSettings:s8,setLoadedCardMetadata:E8,disableDownloadDataNoFilters:F8=!1,disableDownloadUnderlyingDataNoFilters:$7=!1,renderEditMetric:R8,setMetricMetadata:f6,viewMetricData:k6,generatingPdf:b9,dataMartTables:F9})=>{var f7,T8,a6,l3,_7,i8,K8,g6,u9,$6,V9,P9,j9,J5,N4,h4,y4,Ct,Qt,tr,mr,An,un,Zi,Ti,Fi,oo,ao,Ui,so,Io,Mo,_e,cr,tn,ui,ji,zi,Gi,xi,br,o6,e6,r9,B6,v9,N6,W9,E5,r6,C9,_9,Q9,z9,V4,P5,Bt,je,lt,Pe,le,Me,Xe,ze,he,Pn,ri,Ri,Te,_r,rr,Rr,xn,cn,Yi,Xr,Rn,_i,ci,Ii,Co,lo,qi,Zn,Fn,Zo,Fo,oa,fa,Ze,Un,rn;const s6=X0.useMemo(()=>{var e9;return{...t,filters:(e9=t==null?void 0:t.filters)==null?void 0:e9.filter(e5=>{var b4;return!((b4=e5==null?void 0:e5.restrictedMetrics)!=null&&b4.some($e=>$e.value===(n==null?void 0:n.id)))})}},[t,n]),D9=X0.useRef(null),[o5,a4]=X0.useState(!1),[L5,o4]=X0.useState([]),{dataDb:B5,getUnderlyingData:F6,handleChartClick:J1,columnName:Z9,setShowChartPopup:p8,isShowChartPopup:l6,isQueryLoading:S8,chartParams:S6,onChangeFilterValue:F3,onDrillDown:Y3,drillDownSettings:w7,drilledLevel:O7,dimensions:r7,isEnableNextBtn:m7,isEnablePrevBtn:u8,paginationInfo:N8,onChangePage:M8,isExternalChart:X8,onDrillLevelClick:i7,metricFilters:J8,filterValues:m6,dynamicOptions:i9,isSingleValueNull:a9,containerRef:i6,chartSettings:O3,variables:r5,setChartSettings:D6,leftPositionedMetricFilters:q6,rightPositionedMetricFilters:n6,updateFilter:d4,tableResultsDownloadData:B4,appliedMetricFilters:g4,pivotHeaderOptions:L4,pivotDrillState:y5,onDrillPivotTable:O5,legendData:y6,timeseriesDimension:B9,isPythonMode:h6,sortOrder:d6,setSortOrder:T6,isNotFirstRender:z5,setNotFirstRender:s9,isSorted:H5,isInavlidForSort:x9,onAddComparison:K5,groupedRlsConditions:W5,elementSummary:u6,elementSummaryError:X9,isLoadingSummary:k9,metricName:M9,longDescription:Y9,footNote:s5,description:_5,drilldownCols:g5,switchMeasureOptions:S9,metricExpressionResult:j4,dateFilter:X4,tableColumnFilters:P4,onChangePaginationColumnFilters:st,queryError:$4,refetchMetricData:ve,customSwitchXAxis:ie}=L_({dataMartTables:F9,setMetricMetadata:f6,setLoadedCardMetadata:E8,datasourceId:o8,metricStore:z1,setMetricStore:$3,metric:n,clientId:o,globalFilters:s6,rlsFilters:s,tenancyLevel:r,appFilters:f,isInternalApp:d,crossDashboardFilters:h,setCrossDashboardFilters:g,metricFilterOptions:I,isAllClient:W,isFrontendApp:H2,guestToken:M2,encryptedClientId:U2,workspaceId:Y2,onServerEvent:X7,clientColumnType:c0,language:I1,translationDictionary:i3,calendarType:_3,viewMetricData:k6,generatingPdf:b9});X0.useEffect(()=>{m8==null||m8(!!l6)},[l6]),X0.useEffect(()=>{var e9,e5;(e5=(e9=n==null?void 0:n.clickActions)==null?void 0:e9.chart)!=null&&e5.isEnable&&new Date(n==null?void 0:n.updatedAt)<new Date("2025-03-28")?a4(!0):a4(!1)},[(T8=(f7=n==null?void 0:n.clickActions)==null?void 0:f7.chart)==null?void 0:T8.isEnable,n==null?void 0:n.updatedAt]),X0.useEffect(()=>{if(!x8&&localStorage.getItem("fsMetricCs")){const{metricId:e9,defaultRowSize:e5}=JSON.parse(localStorage.getItem("fsMetricCs")||"");e9===(n==null?void 0:n.id)&&D6(b4=>({...b4,tableSettings:{...b4.tableSettings,defaultRowSize:e5}}))}},[n,x8]),X0.useEffect(()=>{B5!=null&&B5.length&&(p7==null||p7(!0))},[B5]),X0.useEffect(()=>{(M3!=null&&M3.toString()||i0!=null&&i0.toString()||b3!=null&&b3.toString())&&O3&&D6(e9=>({...e9,customSettings:{...e9==null?void 0:e9.customSettings,cumulativeBar:M3,isStackBar:b3,showDynamicBehaviour:i0}}))},[M3,i0,b3]);const ye=X0.useMemo(()=>{var e9,e5,b4,$e,fn,Yn,jn,pn,dn;return(e5=(e9=n==null?void 0:n.elementSettings)==null?void 0:e9.elementType)!=null&&e5.value?($e=(b4=n==null?void 0:n.elementSettings)==null?void 0:b4.elementType)==null?void 0:$e.value:!((Yn=(fn=n==null?void 0:n.elementSettings)==null?void 0:fn.elementType)!=null&&Yn.value)&&((dn=(pn=(jn=n==null?void 0:n.elementSettings)==null?void 0:jn.summary)==null?void 0:pn.metricList)!=null&&dn.length)?"metricSummary":"customTextBox"},[(l3=(a6=n==null?void 0:n.elementSettings)==null?void 0:a6.elementType)==null?void 0:l3.value,(K8=(i8=(_7=n==null?void 0:n.elementSettings)==null?void 0:_7.summary)==null?void 0:i8.metricList)==null?void 0:K8.length]),[g9,N5]=X0.useState(!1),[C4,Z4]=X0.useState(""),fe=X0.useMemo(()=>!!(y||w),[y,w]),Ce=X0.useMemo(()=>{var e9,e5;return[M0.table,M0.trendAnalyzer].includes((O3==null?void 0:O3.chartType)||"")&&D?{...O3,yAxisList:(((e9=O3==null?void 0:O3.yAxisList)==null?void 0:e9.length)||0)>10?(e5=O3==null?void 0:O3.yAxisList)==null?void 0:e5.slice(0,5):O3==null?void 0:O3.yAxisList}:O3},[O3,D]),o1=X0.useMemo(()=>{var e5;let e9=FY({chartSettings:O3,translationDictionary:i3,variables:r5,language:I1});return(e5=n==null?void 0:n.drillDownSettings)!=null&&e5.isEnableGroupBy&&B5.length&&O7===(r7==null?void 0:r7.length)&&(e9={...e9,chartType:"table",tableSettings:{...Ce==null?void 0:Ce.tableSettings,enableTableSearch:!1},yAxisList:r7!=null&&r7[0]?[r7==null?void 0:r7[0],...(Ce==null?void 0:Ce.yAxisList)||[]]:Ce==null?void 0:Ce.yAxisList}),(O3==null?void 0:O3.chartType)===M0.table&&I0&&(e9={...e9,tableSettings:{...e9==null?void 0:e9.tableSettings,defaultRowSize:"50"}}),e9},[(g6=n==null?void 0:n.drillDownSettings)==null?void 0:g6.isEnableGroupBy,B5.length,O7,r7,Ce,r5,I1,i3,I0,O3==null?void 0:O3.chartType]);X0.useMemo(()=>[M0.horizontalStackTable,M0.pivot,M0.pivotV2,M0.pivotV3,M0.table,M0.trendAnalyzer].includes(O3==null?void 0:O3.chartType),[O3==null?void 0:O3.chartType]);const[A3,K3]=X0.useState({});X0.useEffect(()=>{const e9=setTimeout(()=>{var e5;K3({height:`calc(100% - ${((e5=D9==null?void 0:D9.current)==null?void 0:e5.offsetHeight)||0}px)`})},500);return()=>clearTimeout(e9)},[D9==null?void 0:D9.current]);const D3=X0.useMemo(()=>{var e9;return!b9&&(O3==null?void 0:O3.chartType)===M0.table&&!!((e9=O3==null?void 0:O3.tableSettings)!=null&&e9.enableTableSearch)},[O3==null?void 0:O3.chartType,(u9=O3==null?void 0:O3.tableSettings)==null?void 0:u9.enableTableSearch]),t8=X0.useMemo(()=>{var e9,e5,b4,$e,fn,Yn,jn;return((e9=O3==null?void 0:O3.dynamicXAxis)==null?void 0:e9.isEnabled)||((e5=O3==null?void 0:O3.dynamicYAxis)==null?void 0:e5.isEnabled)||(O3==null?void 0:O3.isDynamicSeries)||((b4=O3==null?void 0:O3.customSettings)==null?void 0:b4.isEnableSwitchMeasure)||(($e=O3==null?void 0:O3.timeSeriesSettings)==null?void 0:$e.groupBySettings.isDynamic)||((fn=O3==null?void 0:O3.customSettings)==null?void 0:fn.showSelectLegend)||((Yn=O3==null?void 0:O3.pivotTableSettings2)==null?void 0:Yn.isDynamicHeaders)&&(O3==null?void 0:O3.chartType)===M0.pivotV2||((jn=O3==null?void 0:O3.pivotTableSettings3)==null?void 0:jn.isDynamicHeaders)&&(O3==null?void 0:O3.chartType)===M0.pivotV3},[($6=O3==null?void 0:O3.dynamicXAxis)==null?void 0:$6.isEnabled,(V9=O3==null?void 0:O3.dynamicYAxis)==null?void 0:V9.isEnabled,O3==null?void 0:O3.isDynamicSeries,(P9=O3==null?void 0:O3.timeSeriesSettings)==null?void 0:P9.groupBySettings.isDynamic,(j9=O3==null?void 0:O3.customSettings)==null?void 0:j9.showSelectLegend,(J5=O3==null?void 0:O3.pivotTableSettings2)==null?void 0:J5.isDynamicHeaders,(N4=O3==null?void 0:O3.pivotTableSettings3)==null?void 0:N4.isDynamicHeaders,O3==null?void 0:O3.chartType,(h4=O3==null?void 0:O3.customSettings)==null?void 0:h4.isEnableSwitchMeasure]),C3=e9=>{var e5,b4,$e,fn,Yn,jn,pn,dn,mi,Pt,Kr,bi,ni;return(O3==null?void 0:O3.chartType)===M0.table||(O3==null?void 0:O3.chartType)===M0.singleValue||(e5=n==null?void 0:n.drillDownSettings)!=null&&e5.isEnableGroupBy&&O7===(r7==null?void 0:r7.length)?(b4=e9==null?void 0:e9.find(da=>{var To,Br;return da.columnName===((Br=(To=n==null?void 0:n.clickActions)==null?void 0:To.chart)==null?void 0:Br.valueColumn)}))==null?void 0:b4.value:[M0.sankey,M0.treeMap].includes(O3==null?void 0:O3.chartType)?e9==null?void 0:e9.value:((fn=($e=n==null?void 0:n.clickActions)==null?void 0:$e.chart)==null?void 0:fn.valueColumn)===(O3==null?void 0:O3.xAxis)||(O3==null?void 0:O3.chartType)===M0.gauge&&((jn=(Yn=n==null?void 0:n.clickActions)==null?void 0:Yn.chart)==null?void 0:jn.valueColumn)===((dn=(pn=O3==null?void 0:O3.gaugeSettings)==null?void 0:pn.dimensions)==null?void 0:dn.join(", "))?e9==null?void 0:e9.name:(e9==null?void 0:e9.seriesName)===((Pt=(mi=n==null?void 0:n.clickActions)==null?void 0:mi.chart)==null?void 0:Pt.valueColumn)||(O3==null?void 0:O3.chartType)===M0.gauge&&((bi=(Kr=n==null?void 0:n.clickActions)==null?void 0:Kr.chart)==null?void 0:bi.valueColumn)===((ni=O3==null?void 0:O3.gaugeSettings)==null?void 0:ni.metric)||[M0.funnel].includes(O3==null?void 0:O3.chartType)?e9==null?void 0:e9.value:null},C7=X0.useMemo(()=>OY(a||[],(O3==null?void 0:O3.chartColors)||[]),[a,O3==null?void 0:O3.chartColors]),d7=X0.useMemo(()=>[M0.row,M0.horizontalStack].includes(O3==null?void 0:O3.chartType)?"y-axis":"x-axis",[O3==null?void 0:O3.chartType]),j7=X0.useMemo(()=>[M0.row,M0.horizontalStack].includes(O3==null?void 0:O3.chartType)?"x-axis":"y-axis",[O3==null?void 0:O3.chartType]),_8=X0.useMemo(()=>{var e9,e5,b4,$e;return!(n!=null&&n.isMetric)&&ye==="metricSummary"&&((e5=(e9=n==null?void 0:n.elementSettings)==null?void 0:e9.summary)!=null&&e5.summaryBgColor)?($e=(b4=n==null?void 0:n.elementSettings)==null?void 0:b4.summary)==null?void 0:$e.summaryBgColor:""},[(Ct=(y4=n==null?void 0:n.elementSettings)==null?void 0:y4.summary)==null?void 0:Ct.summaryBgColor,ye,n==null?void 0:n.isMetric]),j3=X0.useMemo(()=>!!B5.length&&!D&&!u&&fe,[B5.length,!D,!u,fe]);return E.jsxs(E.Fragment,{children:[!!J8.length&&P==="outside"&&!p3&&E.jsxs("div",{className:ws.metricFilters,style:{pointerEvents:W7?"none":void 0},children:[V&&E.jsx(UK,{filters:J8,updateFilter:d4}),q6==null?void 0:q6.map((e9,e5)=>E.jsx(fE,{globalFilters:s6,datasourceId:o8,isAllClient:W,hideDatePickerOptions:U0,dropdownTheme:K,workspaceId:Y2,rlsConditions:e9,onChangeFilterValue:F3,clientId:o,className:q6.length-1===e5?ws.filterTopLeft:"",rlsConditionList:[...q6,...n6],tenancyLevel:r,clientColumnType:c0},e9.name)),n6==null?void 0:n6.map((e9,e5)=>E.jsx(fE,{globalFilters:s6,datasourceId:o8,isAllClient:W,dropdownTheme:K,hideDatePickerOptions:U0,workspaceId:Y2,rlsConditions:e9,onChangeFilterValue:F3,clientId:o,className:e5===0?ws.filterTopRight:"",rlsConditionList:[...q6,...n6],tenancyLevel:r,clientColumnType:c0},e9.name))]}),E.jsxs("div",{ref:i6,className:`${ws.cardContainer} ${!(n!=null&&n.isMetric)&&!((Qt=n==null?void 0:n.elementSettings)!=null&&Qt.isDisableCardAppearance)||n!=null&&n.isMetric?p3?`dbn-metric-card ${ws.cardProperties}`:`dbn-metric-card dbn-metric-card-container ${ws.cardProperties}`:""} ${v1?"":ws.isShowShadow} ${I0&&!(n!=null&&n.isMetric)&&((tr=n==null?void 0:n.elementSettings)!=null&&tr.isDisableCardAppearance)?ws.enableBorder:""} ${p3||H7?ws.noBorder:""} ${l7||P==="outside"&&J8.length&&!p3?"dbn-h-[90%]":""}`,onContextMenu:e9=>{e9.preventDefault()},onMouseEnter:()=>{N5(!0),Z4(n==null?void 0:n.id)},onMouseLeave:()=>{N5(!1),Z4("")},style:{background:_8||(n!=null&&n.isMetric&&!N1?"white":!((mr=n==null?void 0:n.elementSettings)!=null&&mr.isDisableCardAppearance)||n!=null&&n.isMetric&&N1?N1:"")},children:[!S8||S8&&z5?E.jsxs("div",{className:ws.listHeader,style:{background:_8||((An=n==null?void 0:n.elementSettings)!=null&&An.isDisableCardAppearance?"":N1),pointerEvents:W7?"none":void 0,justifyContent:h0?"end":""},children:[h0?null:E.jsxs("div",{className:`${j3&&C4===(n==null?void 0:n.id)?"dbn-w-[calc(100%-36px)]":"dbn-w-full"} dbn-flex dbn-items-center dbn-justify-between`,children:[E.jsxs("div",{className:ws.metricName,style:R8&&C4===(n==null?void 0:n.id)&&(n!=null&&n.isMetric)?{width:"90%"}:{},children:[C||R8?E.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-1",children:[E.jsx("div",{className:`${ws.metricTitle} ${(un=O3==null?void 0:O3.metricCardSettings)!=null&&un.isEnableTitleWrap?"dbn-block":"dbn-truncate"} dbn-metric-card-title ${n!=null&&n.isMetric?"":"dbn-w-full"}`,children:(Zi=O3==null?void 0:O3.metricCardSettings)!=null&&Zi.isDisableTitle?C4===(n==null?void 0:n.id)?C?C(M9):M9:null:C?C(M9):M9}),Y9&&E.jsx(ZA2,{title:M9,html:Y9,setHoverLongDesc:q7}),(Fi=(Ti=n==null?void 0:n.clickActions)==null?void 0:Ti.card)!=null&&Fi.isEnable&&(n!=null&&n.isMetric)?E.jsx(E6,{variant:"popover",onClick:()=>{$d2(n==null?void 0:n.clickActions,n==null?void 0:n.metricId,n==null?void 0:n.id)},leftIcon:E.jsx(H6,{name:"new-window",size:"sm"}),containerClass:"dbn-interactive-element"}):null]}):E.jsx(E.Fragment,{children:h0??((oo=O3==null?void 0:O3.metricCardSettings)==null?void 0:oo.isDisableTitle)?null:E.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-1",children:[E.jsx("div",{onClick:()=>{n!=null&&n.isMetric&&(i==null||i({metric:n,rlsFilters:s,appFilters:f,appliedMetricFilters:g4}))},className:`${ws.metricTitle} dbn-metric-card-title ${!i&&!((Ui=(ao=n==null?void 0:n.clickActions)==null?void 0:ao.card)!=null&&Ui.isEnable)&&n7?"dbn-cursor-auto":""} ${(so=O3==null?void 0:O3.metricCardSettings)!=null&&so.isEnableTitleWrap?ws.textWrap:ws.truncate} ${n!=null&&n.isMetric?"":"dbn-w-full"}`,style:{textAlign:((Io=n==null?void 0:n.elementSettings)==null?void 0:Io.titleAlignment)||"left",pointerEvents:l?"none":void 0},children:M9}),Y9&&E.jsx(ZA2,{title:M9,html:Y9,setHoverLongDesc:q7}),(_e=(Mo=n==null?void 0:n.clickActions)==null?void 0:Mo.card)!=null&&_e.isEnable?E.jsx(E6,{variant:"popover",onClick:()=>$d2(n==null?void 0:n.clickActions,n==null?void 0:n.metricId,n==null?void 0:n.id),leftIcon:E.jsx(H6,{name:"new-window",size:"sm"}),containerClass:"dbn-interactive-element"}):null]})}),(n==null?void 0:n.description)&&!((cr=O3==null?void 0:O3.metricCardSettings)!=null&&cr.isDisableDesc)&&E.jsx("span",{className:`${ws.metricDescription} ${n!=null&&n.isMetric&&!((tn=O3==null?void 0:O3.metricCardSettings)!=null&&tn.isEnableDescWrap)?"dbn-truncate":"dbn-block"} dbn-metric-card-description`,style:{textAlign:((ui=n==null?void 0:n.elementSettings)==null?void 0:ui.descAlignment)||"left"},children:_5})]}),E.jsx("span",{className:`${R8?"dbn-h-[30px] dbn-w-[30px]":""}`,style:n!=null&&n.isMetric?{}:{position:"absolute",top:"1rem",right:"1rem",...C4===(n==null?void 0:n.id)&&{backgroundColor:"white",borderRadius:6}},children:R8&&C4===(n==null?void 0:n.id)?R8(M9):null})]}),D?null:E.jsx("div",{className:ws.features,children:E.jsx("div",{className:fe?"dbn-h-9 dbn-w-9":"",children:j3&&E.jsx(Vg2,{menuWidth:"260px",buttonVariant:"icon",buttonIcon:E.jsx("span",{className:ws.morePopup,"data-testid":"metric-card-more-options-kebab",children:E.jsx(H6,{name:T2,size:"lg"})}),position:"bottom-end",items:[...w?[{name:ml==null?void 0:ml.RAW_DATA,content:E.jsxs(gM,{updateDownloadProgress:e9=>g2(n==null?void 0:n.id,e9),timeseriesSettings:h6||(O3==null?void 0:O3.chartType)!==M0.timeSeries?void 0:{format:((zi=(ji=O3==null?void 0:O3.timeSeriesSettings)==null?void 0:ji.groupBySettings)==null?void 0:zi.value)||"monthly",seriesField:(O3==null?void 0:O3.seriesField)||"",isFiscal:_3==="ind"},fileName:M9,onServerEvent:X7,companyIntegrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,className:ws.popupItem,isPythonMode:h6,data:B4||[],metricData:{options:{clientId:H2?U2||"":o,isFrontend:H2,token:M2},globalFilters:s6,rlsConditions:g4,tenancyLevel:r,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:m6,isAllClient:W},children:[E.jsx(H6,{name:"download"}),"Download"]})},...!h6&&!F8?[{name:ml==null?void 0:ml.DOWNLOAD_WITHOUT_FILTERS,content:E.jsxs(gM,{updateDownloadProgress:e9=>g2(n==null?void 0:n.id,e9),timeseriesSettings:h6||(O3==null?void 0:O3.chartType)!==M0.timeSeries?void 0:{format:((xi=(Gi=O3==null?void 0:O3.timeSeriesSettings)==null?void 0:Gi.groupBySettings)==null?void 0:xi.value)||"monthly",seriesField:(O3==null?void 0:O3.seriesField)||"",isFiscal:_3==="ind"},fileName:M9,onServerEvent:X7,isDownloadWithoutFilters:!0,companyIntegrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,metricData:{options:{clientId:o,isFrontend:H2,token:M2},globalFilters:{...s6,filters:((br=s6==null?void 0:s6.filters)==null?void 0:br.filter(e9=>e9.isVariableFilter))||[]},rlsConditions:g4==null?void 0:g4.filter(e9=>e9.isVariableFilter),tenancyLevel:r,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:m6,isAllClient:W},className:ws.popupItem,isPythonMode:h6,data:B4||[],children:[E.jsx(H6,{name:"download"}),"Download Without Filters"]})}]:[]]:[]],disableAutoClose:!0})})})]}):null,(O3==null?void 0:O3.chartType)&&E.jsxs("div",{className:`${ws.metricData} ${S8&&!z5?ws.noHeight:n!=null&&n.description.length?ws.chartWithDescHeight:ws.chartHeight} dbn-chart ${[M0.horizontalStackTable,M0.pivot,M0.pivotV2,M0.pivotV3,M0.table,M0.trendAnalyzer].includes(O3==null?void 0:O3.chartType)?ws.metricTable:""}`,style:{pointerEvents:e0?"none":void 0,backgroundColor:N1||""},onContextMenu:e9=>{e9.preventDefault()},children:[!S8||S8&&z5?E.jsxs("div",{className:"dbn-w-full dbn-h-auto dbn-flex dbn-flex-col dbn-gap-1",ref:D9,style:W7?{pointerEvents:"none"}:{},children:[E.jsxs("div",{className:"dbn-w-full dbn-h-auto dbn-flex dbn-justify-between dbn-items-start",style:{background:N1||"",marginBottom:J8.length||t8||D3?"0.75rem":""},children:[J8.length&&(P==="inside"||p3)?E.jsx("div",{className:`${t8||D3?!t8&&D3?"dbn-w-[70%]":"dbn-w-[60%]":"dbn-w-full"} dbn-h-auto dbn-flex dbn-gap-1 dbn-flex-wrap`,children:E.jsxs("div",{className:`${ws.metricFilters} ${D?ws.disable:""} `,children:[E.jsxs("div",{className:`${ws.metricFilters}`,children:[V&&E.jsx(UK,{filters:J8,updateFilter:d4}),(o6=q6==null?void 0:q6.filter(e9=>!e9.group))==null?void 0:o6.map((e9,e5)=>E.jsx(fE,{globalFilters:s6,isFilter:!0,datasourceId:o8,isAllClient:W,hideDatePickerOptions:U0,dropdownTheme:K,workspaceId:Y2,rlsConditions:e9,onChangeFilterValue:F3,clientId:o,className:q6.length-1===e5?ws.filterTopLeft:"",rlsConditionList:[...q6,...n6],tenancyLevel:r,clientColumnType:c0},e9.name)),(e6=n6==null?void 0:n6.filter(e9=>!e9.group))==null?void 0:e6.map((e9,e5)=>E.jsx(fE,{globalFilters:s6,datasourceId:o8,isAllClient:W,dropdownTheme:K,hideDatePickerOptions:U0,workspaceId:Y2,rlsConditions:e9,onChangeFilterValue:F3,clientId:o,className:e5===0?ws.filterTopRight:"",rlsConditionList:[...q6,...n6],tenancyLevel:r,clientColumnType:c0},e9.name)),(O3==null?void 0:O3.isEnableComparisonFilter)&&[M0.line].includes(O3==null?void 0:O3.chartType)&&E.jsx(E6,{variant:"primary",onClick:()=>{K5()},children:"Add Comparison"})]}),W5&&(O3==null?void 0:O3.isEnableComparisonFilter)&&[M0.line].includes(O3==null?void 0:O3.chartType)&&((r9=Object.keys(W5))==null?void 0:r9.map(e9=>{var e5;return E.jsxs("div",{className:`${ws.metricFilters}`,children:[(e5=W5==null?void 0:W5[e9])==null?void 0:e5.map((b4,$e)=>E.jsx(fE,{globalFilters:s6,datasourceId:o8,isAllClient:W,dropdownTheme:K,hideDatePickerOptions:U0,workspaceId:Y2,rlsConditions:b4,onChangeFilterValue:F3,clientId:o,className:q6.length-1===$e?ws.filterTopLeft:"",rlsConditionList:[...q6,...n6],tenancyLevel:r,clientColumnType:c0},b4.name)),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"cross"}),className:"dbn-h-9 dbn-flex dbn-items-center dbn-justify-center dbn-px-2 dbn-w-full dbn-border dbn-border-secondary dbn-rounded-md",onClick:()=>{K5(!0)}})]})}))]})}):null,t8||D3?E.jsxs("div",{className:`dbn-h-full ${J8.length&&P==="inside"?!t8&&D3?"dbn-w-[30%] dbn-mt-1 dbn-items-start":"dbn-w-[40%] dbn-items-end":"dbn-w-full dbn-items-end"} dbn-flex dbn-gap-1 dbn-flex-wrap dbn-justify-end`,children:[(B6=O3==null?void 0:O3.dynamicXAxis)!=null&&B6.isEnabled?E.jsx(ce,{buttonWidth:(K==null?void 0:K.width)||"180px",menuWidth:(K==null?void 0:K.width)||"180px",radius:K.radius,isFilter:!0,options:[...((v9=O3==null?void 0:O3.dynamicXAxis)==null?void 0:v9.options)||[],...(N6=O3==null?void 0:O3.dynamicXAxis)!=null&&N6.isEnableCustomFields?ie||[]:[]],onChange:e9=>D6(e5=>({...e5,dynamicXAxis:{...e5.dynamicXAxis,selectedOption:e9},xAxis:e9.value})),selectedOption:(O3==null?void 0:O3.dynamicXAxis.selectedOption)||{value:"",label:""},label:d7,labelVariant:(K==null?void 0:K.variant)||"floating"}):null,(W9=O3==null?void 0:O3.dynamicYAxis)!=null&&W9.isEnabled?(E5=O3==null?void 0:O3.dynamicYAxis)!=null&&E5.isEnabledMultiselect?E.jsx(ss,{buttonWidth:(K==null?void 0:K.width)||"180px",menuWidth:(K==null?void 0:K.width)||"180px",isFilter:!0,radius:K.radius,options:((r6=O3==null?void 0:O3.dynamicYAxis)==null?void 0:r6.options)||[],onChange:e9=>D6(e5=>({...e5,dynamicYAxis:{...e5.dynamicYAxis,selectedOption:e9==null?void 0:e9.map(b4=>({value:b4==null?void 0:b4.value,label:b4==null?void 0:b4.value}))},yAxisList:e9!=null&&e9.length?[...e9==null?void 0:e9.map(b4=>b4==null?void 0:b4.value)]:[]})),selectedOption:((C9=O3==null?void 0:O3.dynamicYAxis)==null?void 0:C9.selectedOption)||[{value:"",label:""}],label:j7,labelVariant:(K==null?void 0:K.variant)||"floating"}):E.jsx(ce,{buttonWidth:(K==null?void 0:K.width)||"180px",menuWidth:(K==null?void 0:K.width)||"180px",radius:K.radius,isFilter:!0,options:((_9=O3==null?void 0:O3.dynamicYAxis)==null?void 0:_9.options)||[],onChange:e9=>D6(e5=>({...e5,dynamicYAxis:{...e5.dynamicYAxis,selectedOption:[e9]},yAxisList:e9.value?[e9.value]:[]})),selectedOption:((z9=(Q9=O3==null?void 0:O3.dynamicYAxis)==null?void 0:Q9.selectedOption)==null?void 0:z9[0])||{value:"",label:""},label:j7,labelVariant:(K==null?void 0:K.variant)||"floating"}):null,(V4=O3==null?void 0:O3.customSettings)!=null&&V4.isEnableSwitchMeasure?E.jsx(ce,{options:S9,onChange:e9=>D6(e5=>{var b4,$e;return{...e5,sankeyValues:[((b4=e5==null?void 0:e5.sankeyValues)==null?void 0:b4[0])||"",(($e=e5==null?void 0:e5.sankeyValues)==null?void 0:$e[1])||"",e9.value]}}),isFilter:!0,selectedOption:{value:((P5=O3.sankeyValues)==null?void 0:P5[2])||"",label:((Bt=O3.sankeyValues)==null?void 0:Bt[2])||""},label:"Switch Measure",labelVariant:"floating"}):null,O3!=null&&O3.isDynamicSeries?E.jsx(ce,{buttonWidth:(K==null?void 0:K.width)||"180px",menuWidth:(K==null?void 0:K.width)||"180px",radius:K.radius,options:i9,isFilter:!0,onChange:e9=>D6(e5=>({...e5,seriesField:e9.value})),selectedOption:{label:(O3==null?void 0:O3.seriesField)==="ungrouped"&&(O3!=null&&O3.ungroupedAlias)?O3==null?void 0:O3.ungroupedAlias:(O3==null?void 0:O3.seriesField)||"ungrouped",value:(O3==null?void 0:O3.seriesField)||"ungrouped"},label:"group by",labelVariant:(K==null?void 0:K.variant)||"floating"}):null,(je=O3==null?void 0:O3.timeSeriesSettings)!=null&&je.groupBySettings.isDynamic?E.jsx(ce,{buttonWidth:(K==null?void 0:K.width)||"180px",menuWidth:(K==null?void 0:K.width)||"180px",radius:K.radius,isFilter:!0,options:(Pe=(lt=O3==null?void 0:O3.timeSeriesSettings)==null?void 0:lt.groupBySettings.options)==null?void 0:Pe.map(e9=>{var e5;return{label:e9.split("____").length>1?e9.split("____")[1]||((e5=e9==null?void 0:e9.split("____"))==null?void 0:e5[0]):e9,value:e9.split("____")[0]}}),onChange:e9=>D6(e5=>{var b4;return{...e5,timeSeriesSettings:{...e5==null?void 0:e5.timeSeriesSettings,groupBySettings:{...(b4=e5==null?void 0:e5.timeSeriesSettings)==null?void 0:b4.groupBySettings,value:e9.value}},xAxis:h6?e5.xAxis:`${e9.value} of ${B9}`}}),selectedOption:{label:(O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value.split("____").length)>1?O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value.split("____")[1]:(O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value.toString().substring(0,1).toUpperCase())+(O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value.toString().substring(1,O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value.length)),value:O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value},labelVariant:(K==null?void 0:K.variant)||"floating"}):null,(le=O3==null?void 0:O3.customSettings)!=null&&le.showSelectLegend?E.jsx(ss,{label:"legend",labelVariant:"floating",isFilter:!0,options:y6!=null&&y6.length?y6==null?void 0:y6.map(e9=>({value:e9,label:e9})):[],onChange:e9=>{D6(e5=>({...e5,selectedSeries:(e9==null?void 0:e9.map(b4=>b4.value))||[]}))},selectedOption:((Me=y6==null?void 0:y6.filter(e9=>{var e5;return(e5=O3==null?void 0:O3.selectedSeries)==null?void 0:e5.some(b4=>b4===e9)}))==null?void 0:Me.map(e9=>({value:e9,label:e9})))||[],isSearchEnabled:!0}):null,((Xe=O3==null?void 0:O3.pivotTableSettings2)==null?void 0:Xe.isDynamicHeaders)&&(O3==null?void 0:O3.chartType)===M0.pivotV2||((ze=O3==null?void 0:O3.pivotTableSettings3)==null?void 0:ze.isDynamicHeaders)&&(O3==null?void 0:O3.chartType)===M0.pivotV3&&E.jsx(ss,{onChange:e9=>{D6(e5=>{var b4;return{...e5,pivotTableSettings2:{...e5.pivotTableSettings2,headers:e9==null?void 0:e9.map($e=>$e.value),dimensions:(b4=L4.filter($e=>!e9.some(fn=>fn.value===$e.value)))==null?void 0:b4.map($e=>$e.value)},pivotTableSettings3:{...e5.pivotTableSettings3,rows:e9==null?void 0:e9.map($e=>$e.value)}}})},isFilter:!0,options:L4,selectedOption:(O3==null?void 0:O3.chartType)===M0.pivotV3?(L4==null?void 0:L4.filter(e9=>{var e5,b4;return(b4=(e5=O3==null?void 0:O3.pivotTableSettings3)==null?void 0:e5.rows)==null?void 0:b4.includes(e9.value)}))||[]:(L4==null?void 0:L4.filter(e9=>{var e5,b4;return(b4=(e5=O3==null?void 0:O3.pivotTableSettings2)==null?void 0:e5.headers)==null?void 0:b4.includes(e9.value)}))||[],isSearchEnabled:!0,menuWidth:"300px"}),D3&&E.jsx(by,{value:typeof(L5==null?void 0:L5[0])=="string"?L5==null?void 0:L5[0]:"",onChange:e9=>o4(()=>[String(e9)]),placeholder:"Search",className:B5!=null&&B5.length?"":"dbn-invisible",style:{maxWidth:"249px"}})]}):null]}),!b9&&((he=n==null?void 0:n.drillDownSettings)!=null&&he.isEnableGroupBy)&&B5.length&&!S8?E.jsx(E.Fragment,{children:E.jsx(gg2,{drillDownSettings:w7,onResetLevel:async()=>await i7("",!0),onDrillLevelClick:async e9=>await i7(e9),isShowBreadCrumb:!!((ri=(Pn=w7==null?void 0:w7.configV2)==null?void 0:Pn.levels)!=null&&ri.length)&&![M0.horizontalStackTable,M0.pivot,M0.sankey,M0.pivotV2,M0.pivotV3].includes(O3==null?void 0:O3.chartType)})}):null]}):null,E.jsxs("div",{className:ws.chart,style:A3,children:[S8?null:E.jsxs(E.Fragment,{children:[!((Ri=o1==null?void 0:o1.tableSettings)!=null&&Ri.isEnableColumnFilter&&((Te=o1==null?void 0:o1.tableSettings)!=null&&Te.isServerSidePagination))&&E.jsx(qd2,{isLoading:S8,isDataLength:!!(B5!=null&&B5.length),isSingleValue:O3==null?void 0:O3.singleValue,dataDb:B5==null?void 0:B5[0],chartType:O3==null?void 0:O3.chartType,noDataImg:v3,error:$4,onReload:()=>ve()}),(![M0.boxplot,M0.horizontalStackTable,M0.pivot,M0.pivotV2,M0.pivotV3,M0.gauge].includes(O3==null?void 0:O3.chartType)||(O3==null?void 0:O3.chartType)===M0.gauge&&((rr=(_r=n==null?void 0:n.clickActions)==null?void 0:_r.chart)!=null&&rr.isEnable))&&!W7?E.jsx(qK,{disableDownloadUnderlyingDataNoFilters:$7,language:I1,underlyingTheme:f2,translationDictionary:i3,clientColumnType:c0,isOpen:l6,setOpen:p8,isAllowedToSeeUnderlyingData:K2,isInavlidForSort:x9,isGaugeChart:(O3==null?void 0:O3.chartType)===M0.gauge,value:S6==null?void 0:S6.name,columnName:Z9,getUnderlyingData:F6,elementRef:{containerRef:i6,event:(Rr=S6==null?void 0:S6.event)==null?void 0:Rr.event},position:"dynamic",isSingleValueChart:!![M0.singleValue,M0.progressBar,M0.linearGauge].includes(O3==null?void 0:O3.chartType),isEnableSort:(xn=O3==null?void 0:O3.customSettings)==null?void 0:xn.isEnableSort,setSortOrder:T6,rawCsvDownloadButtonProps:{data:[],fileName:M9,companyIntegrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,isPythonMode:h6,metricData:{options:{clientId:H2?U2||"":o,isFrontend:H2,token:M2},globalFilters:{...s6,filters:((cn=s6==null?void 0:s6.filters)==null?void 0:cn.filter(e9=>e9.isVariableFilter))||[]},rlsConditions:g4==null?void 0:g4.filter(e9=>e9.isVariableFilter),tenancyLevel:r,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:m6,isAllClient:W},updateDownloadProgress:()=>{},children:E.jsx(E.Fragment,{children:E.jsx(H6,{name:"download"})})}}):null,(B5!=null&&B5.length||(Yi=o1==null?void 0:o1.tableSettings)!=null&&Yi.isEnableColumnFilter&&((Xr=o1==null?void 0:o1.tableSettings)!=null&&Xr.isServerSidePagination))&&!a9?E.jsx(wy,{isDashboard:!0,generatingPdf:b9,dateFilter:X4,language:I1,drilldownCols:g5,translationDictionary:i3,variables:r5,isPythonMode:h6,onDrillPivotTable:O5,isMetricCard:!0,chartAppearance:m0,pivotDrillState:y5,metricCardColor:N1,chartFontSettings:s8,sortOrder:d6,seriesName:S6==null?void 0:S6.seriesName,isSortReversed:H5&&[M0.row,M0.horizontalStack].includes((O3==null?void 0:O3.chartType)||""),chartHeight:F0,data:I0&&(B5==null?void 0:B5.length)>5?B5==null?void 0:B5.slice(0,5):B5,isShowFullScreen:!!(i&&g9&&!D&&!n7),isShowFullScreenEnabled:!0,onMaximize:D||!i||n7?void 0:()=>{i==null||i({metric:n,rlsFilters:s,appFilters:f,appliedMetricFilters:g4})},isEnableDrillDown:(Rn=n==null?void 0:n.drillDownSettings)==null?void 0:Rn.isEnableGroupBy,chartOptions:o1,events:D?void 0:{click:async(e9,e5)=>{var fn,Yn,jn,pn,dn,mi,Pt,Kr,bi,ni,Pa,da,To,Br,As,us,ya,cs,Ra,Ha,Da,ga,_a,Xa,Ka,fs;const b4=(O3==null?void 0:O3.chartType)===M0.singleValue?[{columnName:O3==null?void 0:O3.singleValue,value:(fn=B5==null?void 0:B5[0])==null?void 0:fn[(O3==null?void 0:O3.singleValue)||""]}]:e5,$e=(O3==null?void 0:O3.chartType)!==M0.singleValue&&((Yn=Object.keys(e9))!=null&&Yn.length)?e9:b4;if([M0.progressBar,M0.linearGauge].includes(O3==null?void 0:O3.chartType)){J1(e9),p8(!0);return}if((jn=n==null?void 0:n.drillDownSettings)!=null&&jn.isEnableGroupBy&&(r7==null?void 0:r7.length)!==O7){const Ja=(O3==null?void 0:O3.chartType)==="table"?(pn=b4==null?void 0:b4.find(aa=>aa.columnName===(r7==null?void 0:r7[O7])))==null?void 0:pn.value:"";(bi=(Kr=(dn=w7==null?void 0:w7.configV2)==null?void 0:dn.levels)==null?void 0:Kr[((Pt=(mi=w7==null?void 0:w7.configV2)==null?void 0:mi.levels)==null?void 0:Pt.length)-1])!=null&&bi.isEnable||await Y3((O3==null?void 0:O3.chartType)==="table"?{name:Ja,rowFilter:b4}:e9)}(!((ni=n==null?void 0:n.drillDownSettings)!=null&&ni.isEnableGroupBy)||(Pa=n==null?void 0:n.drillDownSettings)!=null&&Pa.isEnableGroupBy&&((r7==null?void 0:r7.length)===O7||(us=(As=(da=w7==null?void 0:w7.configV2)==null?void 0:da.levels)==null?void 0:As[((Br=(To=w7==null?void 0:w7.configV2)==null?void 0:To.levels)==null?void 0:Br.length)-1])!=null&&us.isEnable))&&((cs=(ya=n==null?void 0:n.clickActions)==null?void 0:ya.chart)!=null&&cs.isEnable)&&((O3==null?void 0:O3.chartType)===M0.table&&(o5||(Ha=(Ra=O3==null?void 0:O3.tableSettings)==null?void 0:Ra.chartAction)!=null&&Ha.isEnableColumnRedirection&&((ga=(Da=n==null?void 0:n.clickActions)==null?void 0:Da.chart)!=null&&ga.isEnable))||(O3==null?void 0:O3.chartType)!==M0.table)&&FK(n==null?void 0:n.clickActions.chart,C3($e)||void 0),(!((_a=n==null?void 0:n.drillDownSettings)!=null&&_a.isEnableGroupBy)||(Xa=n==null?void 0:n.drillDownSettings)!=null&&Xa.isEnableGroupBy&&(r7==null?void 0:r7.length)===O7)&&((fs=(Ka=n==null?void 0:n.clickActions)==null?void 0:Ka.chartWithMetric)!=null&&fs.isEnable)&&(i==null||i({metric:n,rlsFilters:s,appFilters:f,appliedMetricFilters:g4,isClickOnChart:!0}))},contextmenu:e9=>{var fn,Yn,jn,pn;const e5=![M0.progressBar,M0.linearGauge].includes(O3==null?void 0:O3.chartType),b4=(O3==null?void 0:O3.chartType)===M0.table,$e=!!((Yn=(fn=O3==null?void 0:O3.tableSettings)==null?void 0:fn.chartAction)!=null&&Yn.isEnableColumnRedirection&&((pn=(jn=n==null?void 0:n.clickActions)==null?void 0:jn.chart)!=null&&pn.isEnable));e5&&(b4&&!(o5||$e)||!b4)&&(J1(e9),p8(!0))}},colors:C7?O3==null?void 0:O3.chartColors:a||(O3==null?void 0:O3.chartColors),config:{hideBorder:!0,chartClickConfig:n==null?void 0:n.clickActions.chart,onChartReady:()=>{s9(!0)},opts:{renderer:A},onChangePage:M8,isExternalChart:X8,isEnableNextBtn:m7,isEnablePrevBtn:u8,paginationInfo:N8,setChartSettings:D6,tableColumnFilters:P4,onChangePaginationColumnFilters:st,onChartClickWithMetric:(ci=(_i=n==null?void 0:n.clickActions)==null?void 0:_i.chartWithMetric)!=null&&ci.isEnable?()=>{var e9,e5,b4,$e;(!((e9=n==null?void 0:n.drillDownSettings)!=null&&e9.isEnableGroupBy)||(e5=n==null?void 0:n.drillDownSettings)!=null&&e5.isEnableGroupBy&&(r7==null?void 0:r7.length)===O7)&&(($e=(b4=n==null?void 0:n.clickActions)==null?void 0:b4.chartWithMetric)!=null&&$e.isEnable)&&i&&(i==null||i({metric:n,rlsFilters:s,appFilters:f,appliedMetricFilters:g4,isClickOnChart:!0}))}:void 0},externalGlobalFilter:D3?L5:void 0,setExternalGlobalFilter:D3?o4:void 0,setHoverSubHeader:P7}):null]}),S8&&z5?E.jsx("div",{className:"dbn-w-full dbn-h-full dbn-py-4 dbn-card-loader",children:E.jsx(eA,{height:"full",className:"dbn-card-loader"})}):null]})]}),!k9&&!(n!=null&&n.isMetric)&&!(O3!=null&&O3.chartType)&&((Co=(Ii=n==null?void 0:n.elementSettings)==null?void 0:Ii.textBox)!=null&&Co.text||u6||X9||((qi=(lo=n==null?void 0:n.elementSettings)==null?void 0:lo.elementType)==null?void 0:qi.value)==="metricExpression")&&!S8?E.jsx("div",{className:"dbn-w-full dbn-h-[95%] dbn-chart dbn-overflow-auto",children:E.jsx($r0,{elementSettings:(Zn=n==null?void 0:n.elementSettings)==null?void 0:Zn.textBox,elementSummary:u6,elementSummaryError:X9,elementSummarySettings:(Fn=n==null?void 0:n.elementSettings)==null?void 0:Fn.summary,metricExpressionResult:j4,metricExpressionSettings:(Zo=n==null?void 0:n.elementSettings)==null?void 0:Zo.metricExpression,elementType:ye})}):null,!k9&&!S8&&!(n!=null&&n.isMetric)&&((fa=(oa=(Fo=n==null?void 0:n.elementSettings)==null?void 0:Fo.summary)==null?void 0:oa.metricList)!=null&&fa.length)&&!((Un=(Ze=n==null?void 0:n.elementSettings)==null?void 0:Ze.textBox)!=null&&Un.text||u6||X9)?E.jsx("div",{className:"dbn-w-full dbn-h-full dbn-flex dbn-flex-col dbn-justify-center dbn-items-center",children:E.jsxs("div",{className:" dbn-flex dbn-flex-col dbn-items-center dbn-gap-2",children:[E.jsx("img",{src:gV,alt:"no data",width:100,height:100}),E.jsx(A8,{opacity:.7,variant:"body-text-2",children:"No Summary"})]})}):null,k9?E.jsx(eA,{height:"full",className:"dbn-card-loader"}):null,(rn=C2==null?void 0:C2.find(e9=>e9.id===(n==null?void 0:n.id)))!=null&&rn.isInProgress?E.jsx(wl,{text:"Download is in progress",variant:"primary",className:"dbn-absolute dbn-bottom-0 dbn-inset-x-0 dbn-w-[80%] dbn-mx-auto dbn-my-3 dbn-z-50"}):null,n!=null&&n.footNote&&!S8?E.jsx("div",{"data-testid":"metric-card-footnote",className:ws.addedLink,dangerouslySetInnerHTML:{__html:fV(s5||"")}}):null,i&&!n7&&(n!=null&&n.isMetric)&&!D&&g9&&(O3==null?void 0:O3.chartType)!==M0.table?E.jsx(E6,{type:"button",variant:"popover",onClick:()=>{W7||i==null||i({metric:n,rlsFilters:s,appFilters:f,appliedMetricFilters:g4})},leftIcon:E.jsx("div",{className:ws.fullscreenIcon,"data-testid":"fullscreen-btn",children:E.jsxs(as,{text:"Enter FullScreen",position:"left",children:[E.jsx(H6,{name:"fullscreen"})," "]})})}):null,S8&&!z5&&!j0?E.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-flex dbn-flex-col dbn-gap-2 dbn-p-2",children:[E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-1",children:[E.jsx("div",{className:"dbn-w-1/4",children:E.jsx(eA,{height:"4",className:"dbn-card-loader"})}),E.jsx("div",{className:"dbn-w-1/2",children:E.jsx(eA,{height:"3",className:"dbn-card-loader"})})]}),E.jsx(eA,{height:"full",className:"dbn-card-loader"})]}):null,I0&&a7&&!M7?E.jsx(as,{text:"Merge Metrics",className:"dbn-w-fit",position:"right",children:E.jsx(E6,{id:"merge-metric","data-testid":"merge-metric",variant:"popover",onClick:()=>a7==null?void 0:a7({isOpen:!0,chartOptions:O3,id:n==null?void 0:n.id}),leftIcon:E.jsx(H6,{name:"merge"})})}):null]})]})},tn0=({data:t,chartRef:n,metricName:i,onRawCsvData:o,chartOptions:a,integrationName:s,companyIntegrationId:r,metricData:C,updateDownloadProgress:l,isPythonMode:e,isEnableEmailRawCsvDownload:A,onServerEvent:u,disableDownloadPng:f,timeseriesSettings:d,disableDownloadDataNoFilters:g})=>{var w,V,D,P;const h=[{name:ml==null?void 0:ml.RAW_DATA,content:E.jsxs(gM,{fileName:i,className:bs.popupItem,companyIntegrationId:r,integrationName:s,metricData:C,updateDownloadProgress:l,data:t,isPythonMode:e,onServerEvent:u,timeseriesSettings:d,children:[E.jsx(H6,{name:"download"}),"Download"]})},...e||g?[]:[{name:ml==null?void 0:ml.DOWNLOAD_WITHOUT_FILTERS,content:E.jsxs(gM,{timeseriesSettings:d,fileName:i,className:bs.popupItem,companyIntegrationId:r,integrationName:s,onServerEvent:u,metricData:{...C,globalFilters:{tableName:((w=C==null?void 0:C.globalFilters)==null?void 0:w.tableName)||"",filters:((D=(V=C.globalFilters)==null?void 0:V.filters)==null?void 0:D.filter(W=>W.isVariableFilter))||[]},rlsConditions:(P=C.rlsConditions)==null?void 0:P.filter(W=>W.isVariableFilter)},updateDownloadProgress:l,data:t,isPythonMode:e,isDownloadWithoutFilters:!0,children:[E.jsx(H6,{name:"download"}),"Download Without Filters"]})}],...(a==null?void 0:a.chartType)===M0.pivot?[{name:ml==null?void 0:ml.PIVOT_CSV,content:E.jsx(G70,{text:ml==null?void 0:ml.PIVOT_CSV,data:t,fileName:i,className:bs.popupItem,chartOptions:a})}]:[],...n&&![M0.pivot,M0.horizontalStackTable,M0.table,M0.singleValue,M0.pivotV2,M0.pivotV3].includes((a==null?void 0:a.chartType)||"")&&!f?[{name:ml==null?void 0:ml.SAVE_AS_PNG,content:E.jsx(j70,{text:ml==null?void 0:ml.SAVE_AS_PNG,chartRef:n,className:bs.popupItem,fileName:i,metricId:C==null?void 0:C.id,onServerEvent:u})}]:[]],[I,y]=X0.useState(!1);return E.jsx(E.Fragment,{children:E.jsx(Vg2,{menuWidth:"260px",items:h,buttonContent:E.jsx(as,{text:"Download",showTooltip:!I,children:E.jsx("div",{className:bs.backButton,"data-testid":"download-metric-btn",children:E.jsx(H6,{name:"download"})})}),position:"bottom-end",disableAutoClose:!0,zIndex:99999999999999,getIsOpen:W=>y(W)})})},rn0=({isOpen:t,onClose:n,zIndex:i,chartSettings:o,setChartSettings:a,columnList:s,inline:r,onClickBack:C})=>{var h,I,y,w,V,D,P,W,K,f2,T2,C2,g2,N2,H2,M2,U2,Y2,c0,h0,F0,I0,e0,U0;const[l,e]=X0.useState(""),[A,u]=X0.useState(""),f=X0.useMemo(()=>{var m0;switch(o==null?void 0:o.chartType){case M0.singleValue:return e("Measure"),o==null?void 0:o.singleValue;case M0.progressBar:case M0.linearGauge:case M0.linearGaugeV2:return e("Measure"),o==null?void 0:o.progressColumn;case M0.gaugeV2:case M0.gauge:return e("Measure"),(m0=o==null?void 0:o.gaugeSettings)==null?void 0:m0.metric;default:return e("Dimension"),o==null?void 0:o.xAxis}},[o==null?void 0:o.chartType,(h=o==null?void 0:o.gaugeSettings)==null?void 0:h.metric,o==null?void 0:o.progressColumn,o==null?void 0:o.singleValue,o==null?void 0:o.xAxis]),d=X0.useMemo(()=>{var m0;switch(o==null?void 0:o.chartType){case M0.pivot:case M0.treeMap:return(m0=o==null?void 0:o.pivotTableSettings)==null?void 0:m0.rows;default:return o==null?void 0:o.yAxisList}},[o==null?void 0:o.chartType,(I=o==null?void 0:o.pivotTableSettings)==null?void 0:I.rows,o==null?void 0:o.yAxisList]),g=X0.useMemo(()=>{var m0;switch(o==null?void 0:o.chartType){case M0.pivot:case M0.treeMap:return u("Columns"),(m0=o==null?void 0:o.pivotTableSettings)==null?void 0:m0.columns;default:return u("Chart Dimensions"),o==null?void 0:o.stackTableCols}},[o==null?void 0:o.chartType,(y=o==null?void 0:o.pivotTableSettings)==null?void 0:y.columns,o==null?void 0:o.stackTableCols]);return E.jsx(E.Fragment,{children:r?E.jsxs("div",{className:`${bs.chartOptions} dbn-h-full dbn-overflow-y-auto dbn-bg-white`,children:[E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center",children:[E.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx(E6,{"data-testid":"back-panel-btn",variant:"tab",type:"button",onClick:C,leftIcon:E.jsx(H6,{name:"arrow-left",size:"small"}),size:"small"}),E.jsx(A8,{variant:"heading-3",color:"light-text",children:"Chart Properties"})]}),E.jsx(E6,{"data-testid":"close-panel-btn",variant:"tertiary",type:"button",onClick:n,leftIcon:E.jsx(H6,{name:"cross",size:"small"})})]}),(w=o==null?void 0:o.enduserMeasureAndDimensions)!=null&&w.isEnabled&&vh.includes(o.chartType)?E.jsxs(E.Fragment,{children:[E.jsx(ce,{options:((V=o==null?void 0:o.enduserMeasureAndDimensions)==null?void 0:V.dimensions)||[],menuZIndex:9999999999,label:l,selectedOption:f?{value:f,label:f}:{value:"",label:""},onChange:m0=>{a(j0=>({...j0,xAxis:m0.value,progressColumn:m0.value,singleValue:m0.value,gaugeSettings:{...j0.gaugeSettings,metric:m0.value},step:(m0==null?void 0:m0.value)||""}))},buttonWidth:"100%",menuWidth:"100%"}),E.jsx(ss,{options:((D=o==null?void 0:o.enduserMeasureAndDimensions)==null?void 0:D.measures)||[],menuZIndex:9999999999,label:"Measure",selectedOption:d!=null&&d.length?((P=d==null?void 0:d.filter(m0=>!!m0))==null?void 0:P.map(m0=>({value:m0,label:m0})))||[]:[],onChange:m0=>{a(j0=>{var v1;return{...j0,yAxisList:m0==null?void 0:m0.map(K2=>K2.value),gaugeSettings:{...j0.gaugeSettings,dimensions:m0==null?void 0:m0.map(K2=>K2.value)},pivotTableSettings:{...o.pivotTableSettings,rows:m0==null?void 0:m0.map(K2=>K2.value)},measure:(v1=m0==null?void 0:m0[0])==null?void 0:v1.value,sankeyValues:m0==null?void 0:m0.map(K2=>K2.value)}})},buttonWidth:"100%",menuWidth:"100%"})]}):E.jsxs(E.Fragment,{children:[[M0.sankey,M0.network,M0.table,M0.pivot,M0.treeMap,M0.horizontalStackTable].includes(o==null?void 0:o.chartType)?null:E.jsx(ce,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:l,selectedOption:f?{value:f,label:f}:{value:"",label:""},onChange:m0=>{a(j0=>({...j0,xAxis:m0.value,progressColumn:m0.value,singleValue:m0.value,gaugeSettings:{...j0.gaugeSettings,metric:m0.value},step:(m0==null?void 0:m0.value)||""}))},buttonWidth:"100%",menuWidth:"100%"}),[M0.pivot,M0.treeMap,M0.horizontalStackTable].includes(o==null?void 0:o.chartType)?E.jsx(ss,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:A,selectedOption:g!=null&&g.length?g==null?void 0:g.map(m0=>({value:m0,label:m0})):[],onChange:m0=>{a(j0=>({...j0,pivotTableSettings:{...o.pivotTableSettings,columns:m0==null?void 0:m0.map(v1=>v1.value)},stackTableCols:m0==null?void 0:m0.map(v1=>v1.value)}))},buttonWidth:"100%",menuWidth:"100%"}):null,[M0.singleValue,M0.linearGauge,M0.progressBar,M0.linearGaugeV2,M0.gaugeV2].includes(o==null?void 0:o.chartType)?null:E.jsx(ss,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:"Measure",selectedOption:d!=null&&d.length?((W=d==null?void 0:d.filter(m0=>!!m0))==null?void 0:W.map(m0=>({value:m0,label:m0})))||[]:[],onChange:m0=>{a(j0=>{var v1;return{...j0,yAxisList:m0==null?void 0:m0.map(K2=>K2.value),gaugeSettings:{...j0.gaugeSettings,dimensions:m0==null?void 0:m0.map(K2=>K2.value)},pivotTableSettings:{...o.pivotTableSettings,rows:m0==null?void 0:m0.map(K2=>K2.value)},measure:(v1=m0==null?void 0:m0[0])==null?void 0:v1.value,sankeyValues:m0==null?void 0:m0.map(K2=>K2.value)}})},buttonWidth:"100%",menuWidth:"100%"}),[M0.bar,M0.line,M0.area].includes(o.chartType)||o.chartType===M0.timeSeries&&(((T2=(f2=(K=o.timeSeriesSettings)==null?void 0:K.seriesType)==null?void 0:f2[0])==null?void 0:T2.type)==="bar"||!((g2=(C2=o.timeSeriesSettings)==null?void 0:C2.seriesType)!=null&&g2.length))?E.jsxs("div",{className:bs.featToggle,children:[E.jsx(u4,{name:"cumulative",enabled:(N2=o==null?void 0:o.customSettings)==null?void 0:N2.cumulativeBar,onChange:()=>a(m0=>{var j0;return{...m0,customSettings:{...m0.customSettings,cumulativeBar:!((j0=m0.customSettings)!=null&&j0.cumulativeBar)}}})}),E.jsx(A8,{variant:"body-text-2",children:"Enable Cumulative Behaviour"})]}):null,[M0.bar,M0.line,M0.area,M0.stackedArea,M0.timeSeries].includes(o.chartType)&&E.jsxs("div",{className:bs.featToggle,children:[E.jsx(u4,{name:"dynamic",enabled:(H2=o.customSettings)==null?void 0:H2.showDynamicBehaviour,onChange:()=>a(m0=>{var j0;return{...m0,customSettings:{...m0.customSettings,showDynamicBehaviour:!((j0=m0.customSettings)!=null&&j0.showDynamicBehaviour)}}})}),E.jsx(A8,{variant:"body-text-2",children:"Enable Dynamic Behavior"})]}),![M0.gauge,M0.gaugeV2,M0.linearGaugeV2,M0.progressBarV2,M0.pie,M0.table,M0.singleValue,M0.doughnut,M0.funnel,M0.sankey,M0.rose,M0.network].includes(o.chartType)&&E.jsxs(E.Fragment,{children:[E.jsxs("div",{className:bs.featToggle,children:[E.jsx(u4,{name:"chart zoom",enabled:(U2=(M2=o.customSettings)==null?void 0:M2.chartZoom)==null?void 0:U2.isZoomEnabled,onChange:()=>{a(m0=>{var j0,v1,K2;return{...m0,customSettings:{...m0.customSettings,chartZoom:{...(j0=m0.customSettings)==null?void 0:j0.chartZoom,isZoomEnabled:!((K2=(v1=m0.customSettings)==null?void 0:v1.chartZoom)!=null&&K2.isZoomEnabled),zoomAxis:"x",zoomOnMouseWheel:!0}}}})}}),E.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx(A8,{variant:"body-text-2",children:"Enable Chart Zoom"}),E.jsx(qf,{position:"top",text:"Enable zooming and panning on the chart.",tooltipClass:"dbn-w-[300px]"})]})]}),((c0=(Y2=o.customSettings)==null?void 0:Y2.chartZoom)==null?void 0:c0.isZoomEnabled)&&E.jsx(ce,{label:"Select Zoom Axis",selectedOption:{value:o.customSettings.chartZoom.zoomAxis||"x",label:o.customSettings.chartZoom.zoomAxis||"x"},options:[{label:"x",value:"x"},{label:"y",value:"y"},{label:"xy",value:"xy"}],onChange:m0=>a(j0=>{var v1;return{...j0,customSettings:{...j0.customSettings,chartZoom:{...(v1=j0.customSettings)==null?void 0:v1.chartZoom,zoomAxis:m0.value}}}}),buttonWidth:"100%",menuWidth:"100%"})]})]})]}):E.jsx(zd,{isOpen:t,onClose:n,size:"small",side:"right",hideFooter:!0,headerTitle:"Chart Properties",zIndex:i,children:E.jsx("div",{className:bs.chartOptions,children:(h0=o==null?void 0:o.enduserMeasureAndDimensions)!=null&&h0.isEnabled&&vh.includes(o.chartType)?E.jsxs(E.Fragment,{children:[E.jsx(ce,{options:((F0=o==null?void 0:o.enduserMeasureAndDimensions)==null?void 0:F0.dimensions)||[],menuZIndex:9999999999,label:l,selectedOption:f?{value:f,label:f}:{value:"",label:""},onChange:m0=>{a(j0=>({...j0,xAxis:m0.value,progressColumn:m0.value,singleValue:m0.value,gaugeSettings:{...j0.gaugeSettings,metric:m0.value},step:(m0==null?void 0:m0.value)||""}))},buttonWidth:"100%",menuWidth:"100%"}),E.jsx(ss,{options:((I0=o==null?void 0:o.enduserMeasureAndDimensions)==null?void 0:I0.measures)||[],menuZIndex:9999999999,label:"Measure",selectedOption:d!=null&&d.length?((e0=d==null?void 0:d.filter(m0=>!!m0))==null?void 0:e0.map(m0=>({value:m0,label:m0})))||[]:[],onChange:m0=>{a(j0=>{var v1;return{...j0,yAxisList:m0==null?void 0:m0.map(K2=>K2.value),gaugeSettings:{...j0.gaugeSettings,dimensions:m0==null?void 0:m0.map(K2=>K2.value)},pivotTableSettings:{...o.pivotTableSettings,rows:m0==null?void 0:m0.map(K2=>K2.value)},measure:(v1=m0==null?void 0:m0[0])==null?void 0:v1.value,sankeyValues:m0==null?void 0:m0.map(K2=>K2.value)}})},buttonWidth:"100%",menuWidth:"100%"})]}):E.jsxs(E.Fragment,{children:[[M0.sankey,M0.network,M0.table,M0.pivot,M0.treeMap,M0.horizontalStackTable].includes(o==null?void 0:o.chartType)?null:E.jsx(ce,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:l,selectedOption:f?{value:f,label:f}:{value:"",label:""},onChange:m0=>{a(j0=>({...j0,xAxis:m0.value,progressColumn:m0.value,singleValue:m0.value,gaugeSettings:{...j0.gaugeSettings,metric:m0.value},step:(m0==null?void 0:m0.value)||""}))},buttonWidth:"100%",menuWidth:"100%"}),[M0.pivot,M0.treeMap,M0.horizontalStackTable].includes(o==null?void 0:o.chartType)?E.jsx(ss,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:A,selectedOption:g!=null&&g.length?g==null?void 0:g.map(m0=>({value:m0,label:m0})):[],onChange:m0=>{a(j0=>({...j0,pivotTableSettings:{...o.pivotTableSettings,columns:m0==null?void 0:m0.map(v1=>v1.value)},stackTableCols:m0==null?void 0:m0.map(v1=>v1.value)}))},buttonWidth:"100%",menuWidth:"100%"}):null,[M0.singleValue,M0.linearGauge,M0.progressBar,M0.linearGaugeV2,M0.gaugeV2].includes(o==null?void 0:o.chartType)?null:E.jsx(ss,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:"Measure",selectedOption:d!=null&&d.length?((U0=d==null?void 0:d.filter(m0=>!!m0))==null?void 0:U0.map(m0=>({value:m0,label:m0})))||[]:[],onChange:m0=>{a(j0=>{var v1;return{...j0,yAxisList:m0==null?void 0:m0.map(K2=>K2.value),gaugeSettings:{...j0.gaugeSettings,dimensions:m0==null?void 0:m0.map(K2=>K2.value)},pivotTableSettings:{...o.pivotTableSettings,rows:m0==null?void 0:m0.map(K2=>K2.value)},measure:(v1=m0==null?void 0:m0[0])==null?void 0:v1.value,sankeyValues:m0==null?void 0:m0.map(K2=>K2.value)}})},buttonWidth:"100%",menuWidth:"100%"})]})})})})},GA={customContainer:"_customContainer_157qw_7",numberField:"_numberField_157qw_15",numberFieldWrapper:"_numberFieldWrapper_157qw_31",numberFieldLabel:"_numberFieldLabel_157qw_39",selectedLabel:"_selectedLabel_157qw_47",numberFieldLabelText:"_numberFieldLabelText_157qw_55",numberFieldFooter:"_numberFieldFooter_157qw_103",searchFilter:"_searchFilter_157qw_111",searchInput:"_searchInput_157qw_119",rangeValue:"_rangeValue_157qw_127"},eg2=({name:t,onChangeFilterValue:n,value:i,buttonWidth:o,isFilter:a,labelVariant:s="static",isImportant:r,isApplyDashboardColor:C,radius:l,isDisabled:e})=>{var h;const[A,u]=X0.useState(((h=i==null?void 0:i.replace("%",""))==null?void 0:h.replace(/'/g,""))||""),f=I=>{I.preventDefault(),n==null||n(t||"",A)},d=window.CSS&&CSS.supports("width","clamp(1px, 1px, 1px)"),g=X0.useMemo(()=>o?d&&a?`clamp(100px, 13cqw, ${o})`:o:"200px",[o,a,d]);return E.jsxs("div",{children:[t&&s==="static"?E.jsx(E.Fragment,{children:a?E.jsxs("span",{className:`dbn-text-xs dbn-leading-6 dbn-font-normal dbn-inline-block dbn-font-sans ${a?"dbn-selectBox-text":""} ${a&&C?"dbn-selectBox":""}`,children:[t,r?E.jsx("span",{className:GA.important,children:"*"}):null]}):E.jsxs(A8,{variant:"input-label",color:"primary-title",children:[t,r?E.jsx("span",{className:GA.important,children:"*"}):null]})}):null,E.jsxs("form",{className:GA.searchFilter,onSubmit:f,style:{borderRadius:l||"6px",opacity:e?.6:1},children:[E.jsxs("div",{style:g?{width:g}:{},className:"dbn-flex dbn-items-center",children:[E.jsx(c5,{id:`${t}-search`,label:s==="static"?"":t,labelVariant:"floating",value:A,onChange:({target:{value:I}})=>u(I),className:`${GA.searchInput} ${a?"dbn-selectBox-text":""}`,containerClassName:GA.searchInput,isFilter:a,style:{borderTopLeftRadius:l||"6px",borderBottomLeftRadius:l||"6px"},isDisabled:e}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"cross",size:"xs"}),onClick:()=>{u(""),n==null||n(t||"","")},className:"dbn-border-l dbn-border-secondary dbn-px-2 dbn-py-1",containerClass:"dbn-interactive-element",isDisabled:!A})]}),E.jsx(E6,{"data-testid":"search-btn",type:"submit",variant:"primary",className:"dbn-rounded-l-none",style:{borderRadius:l||"6px"},isDisabled:e,children:E.jsx(H6,{name:"magnifying-glass",color:"white"})})]})]})},nn0=({props:{filter:t,tenancyLevel:n,clientId:i,isAllClient:o,onChangeFilterValue:a,dropdownTheme:s,workspaceId:r,filterClause:C,clientColumnType:l,datasourceId:e,appliedFilters:A,globalFilters:u,isFilter:f,databaseName:d}})=>{var K,f2,T2,C2,g2,N2,H2,M2,U2,Y2,c0;if(!((K=t==null?void 0:t.filterVariant)!=null&&K.value)||!a)return E.jsx(E.Fragment,{});const g=(f2=t.selectedCustomOptionTable)==null?void 0:f2.query,h=(T2=t.selectedCustomOptionTable)==null?void 0:T2.columnName,I=g&&h,y=n===rL,w=(t==null?void 0:t.optionTableName)||t.tableName||"",V=y?`${i}.${(g2=(C2=w==null?void 0:w.split("."))==null?void 0:C2.slice(1))==null?void 0:g2.join(".")}`:w,D=I?{query:pL({query:g||"",rlsConditions:A||[],tenancyLevel:n,clientId:i,globalFilters:u,values:{},isAllClient:o,clientColumnType:l}),alias:CP}:void 0,P={tableName:I?"":V,columnName:I?h:t.optionColumnName||t.columnName,labelColumnName:(t==null?void 0:t.labelColumnName)||""},W=t!=null&&t.selectedDropdownValue&&!Array.isArray(t==null?void 0:t.selectedDropdownValue)&&((N2=t==null?void 0:t.selectedDropdownValue)!=null&&N2.value)?t==null?void 0:t.selectedDropdownValue:{label:(t==null?void 0:t.value)||"",value:(t==null?void 0:t.value)||""};switch((H2=t==null?void 0:t.filterVariant)==null?void 0:H2.value){case oA:{const h0=t!=null&&t.selectedDropdownValue&&Array.isArray(t==null?void 0:t.selectedDropdownValue)?t==null?void 0:t.selectedDropdownValue:[],F0=Array.isArray(t.value)&&t.value.length?(M2=t.value)==null?void 0:M2.map(e0=>({label:e0,value:e0})):[],I0=h0||F0;return E.jsx(Ug,{databaseName:d,datasourceId:e,buttonWidth:(s==null?void 0:s.width)||"180px",isFilter:f,dataTestTitle:"metricFilters",menuWidth:(s==null?void 0:s.width)||"180px",isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,radius:s==null?void 0:s.radius,labelVariant:(s==null?void 0:s.variant)||"floating",isClearEnabled:t==null?void 0:t.isEnableClearSelection,selectedOption:I0,onChange:e0=>a(t.name,"","",void 0,e0),filter:P,isSearchEnabled:!0,label:t.name,workspaceId:r,filterClause:C,customTable:D,menuZIndex:999999999999,isAutoSelectOption:t==null?void 0:t.isAutoSelect,isAutoSelectFromLast:((U2=t==null?void 0:t.autoSelectType)==null?void 0:U2.value)==="last",autoSelectCount:["last","first"].includes(((Y2=t.autoSelectType)==null?void 0:Y2.value)||"")?t.autoSelectCount:1,isSelectAllEnabled:t==null?void 0:t.isSelectAllMultiSelect})}case Uu:return E.jsx(eg2,{value:typeof t.value=="string"?t.value:"",name:t.name,onChangeFilterValue:a,buttonWidth:(s==null?void 0:s.width)||"180px",isFilter:f,labelVariant:(s==null?void 0:s.variant)||"floating",radius:s==null?void 0:s.radius});default:return E.jsx(tE,{databaseName:d,datasourceId:e,buttonWidth:(s==null?void 0:s.width)||"180px",isFilter:f,dataTestTitle:"metricFilters",menuWidth:(s==null?void 0:s.width)||"180px",radius:s==null?void 0:s.radius,labelVariant:(s==null?void 0:s.variant)||"floating",isClearEnabled:t==null?void 0:t.isEnableClearSelection,selectedOption:W,onChange:h0=>a(t.name,h0.value,h0.label),autoSelected:!1,filter:P,customTable:D,label:t.name,workspaceId:r,filterClause:C,isSearchEnabled:!0,menuZIndex:999999999999,isAutoSelectOption:t==null?void 0:t.isAutoSelect,isAutoSelectFromLast:((c0=t==null?void 0:t.autoSelectType)==null?void 0:c0.value)==="last"})}},in0=({props:{filter:t,onChangeFilterValue:n,className:i,isVariableFilter:o,dropdownTheme:a,filterClause:s,workspaceId:r,hideDatePickerOptions:C,datasourceId:l,isFilter:e,databaseName:A}})=>{var h,I,y,w,V,D,P,W,K,f2,T2,C2,g2,N2,H2,M2,U2,Y2,c0,h0,F0,I0,e0,U0;const u=(h=t==null?void 0:t.options)==null?void 0:h.find(m0=>m0.name===(t==null?void 0:t.value)),f=(I=t==null?void 0:t.variableOptions)==null?void 0:I.find(m0=>{var j0;return m0.value===((j0=t.selectedVariableValue)==null?void 0:j0.value)}),[d,g]=T9.useState({value:(t==null?void 0:t.value)||(u==null?void 0:u.name)||"",label:(t==null?void 0:t.value)||(u==null?void 0:u.name)||"",labelType:(u==null?void 0:u.range)||""});return E.jsx(E.Fragment,{children:t&&n?E.jsx("div",{className:i,children:o?[ll,"number","boolean","default"].includes(t.datatype)?E.jsx(E.Fragment,{children:E.jsx(ce,{label:t.name,labelVariant:(a==null?void 0:a.variant)||"floating",isFilter:e,buttonWidth:(a==null?void 0:a.width)||"180px",menuWidth:(a==null?void 0:a.width)||"180px",dataTestTitle:"metricFilters",radius:a==null?void 0:a.radius,selectedOption:(y=t.selectedVariableValue)!=null&&y.value?{value:(w=t.selectedVariableValue)==null?void 0:w.value,label:(V=t.selectedVariableValue)==null?void 0:V.value}:{value:"",label:""},options:((D=t.variableOptions)==null?void 0:D.map(m0=>({value:m0==null?void 0:m0.value,label:m0==null?void 0:m0.value})))||[],isSearchEnabled:!0,onChange:m0=>n==null?void 0:n(t.name,m0.value),menuZIndex:999999999999,isClearEnabled:t==null?void 0:t.isEnableClearSelection})}):E.jsx(E.Fragment,{children:E.jsx(ce,{label:t.name,labelVariant:(a==null?void 0:a.variant)||"floating",isFilter:e,dataTestTitle:"metricFilters",buttonWidth:(a==null?void 0:a.width)||"180px",menuWidth:(a==null?void 0:a.width)||"180px",radius:a==null?void 0:a.radius,selectedOption:{value:((P=t.selectedVariableValue)==null?void 0:P.value)||"",label:((W=t==null?void 0:t.selectedVariableValue)==null?void 0:W.label)||""},options:((f2=(K=t.variableOptions)==null?void 0:K.map)==null?void 0:f2.call(K,m0=>({value:m0.value,label:m0.label})))||[],isSearchEnabled:!0,onChange:m0=>{var v1;const j0=(v1=t==null?void 0:t.variableOptions)==null?void 0:v1.find(K2=>K2.value===(m0==null?void 0:m0.value));n==null||n(t.name,m0.value,"",{startDate:j0==null?void 0:j0.startDate,endDate:j0==null?void 0:j0.endDate})},menuZIndex:999999999999,isClearEnabled:t==null?void 0:t.isEnableClearSelection})}):t.datatype!=="date"?t.datatype===ll?t.options.length?E.jsx(ss,{labelVariant:(a==null?void 0:a.variant)||"floating",dataTestTitle:"metricFilters",isFilter:e,buttonWidth:(a==null?void 0:a.width)||"180px",isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,menuWidth:(a==null?void 0:a.width)||"180px",radius:a==null?void 0:a.radius,isClearEnabled:t==null?void 0:t.isEnableClearSelection,selectedOption:Array.isArray(t.value)&&t.value.length?(T2=t.value)==null?void 0:T2.map(m0=>({label:m0,value:m0})):[],options:(C2=t.options)==null?void 0:C2.map(m0=>({value:m0.value||m0,label:m0.label||m0})),isSearchEnabled:!0,onChange:m0=>n==null?void 0:n(t.name,"","",void 0,m0),label:t.name,menuZIndex:999999999999,isSelectAllEnabled:t==null?void 0:t.isSelectAllMultiSelect}):E.jsx(Ug,{databaseName:A,datasourceId:l,labelVariant:(a==null?void 0:a.variant)||"floating",isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,buttonWidth:(a==null?void 0:a.width)||"180px",isFilter:e,menuWidth:(a==null?void 0:a.width)||"180px",dataTestTitle:"metricFilters",radius:a==null?void 0:a.radius,isClearEnabled:t==null?void 0:t.isEnableClearSelection,selectedOption:Array.isArray(t.value)&&t.value.length?(g2=t.value)==null?void 0:g2.map(m0=>({label:m0,value:m0})):[],onChange:m0=>n==null?void 0:n(t.name,"","",void 0,m0),filter:{tableName:t.tableName,columnName:t.columnName},isSearchEnabled:!0,label:t.name,workspaceId:r,filterClause:s,menuZIndex:999999999999,isSelectAllEnabled:t==null?void 0:t.isSelectAllMultiSelect}):E.jsx(ce,{labelVariant:(a==null?void 0:a.variant)||"floating",buttonWidth:(a==null?void 0:a.width)||"180px",menuWidth:(a==null?void 0:a.width)||"180px",dataTestTitle:"metricFilters",radius:a==null?void 0:a.radius,isClearEnabled:t==null?void 0:t.isEnableClearSelection,isFilter:e,label:t.name,menuZIndex:999999999999,selectedOption:{value:t.value,label:t.value},options:(N2=t.options)==null?void 0:N2.map(m0=>({value:(m0==null?void 0:m0.value)||m0,label:(m0==null?void 0:m0.label)||m0})),isSearchEnabled:!0,onChange:m0=>n==null?void 0:n(t.name,m0.value),disableAutoClose:["custom","custom date"].includes(((H2=u==null?void 0:u.range)==null?void 0:H2.toLowerCase())||""),children:t.datatype==="date"&&((M2=f==null?void 0:f.value)==null?void 0:M2.toLowerCase())==="custom"&&!(f!=null&&f.startDate&&(f!=null&&f.endDate))?E.jsx("div",{className:GA.customContainer,children:E.jsx(Nu,{datePickerFormat:a==null?void 0:a.datePickerFormat,label:"Date Range",hideDatePickerOptions:C,onChange:m0=>{n==null||n(t.name,(f==null?void 0:f.value)||"Custom","",{startDate:m0==null?void 0:m0.startDate,endDate:m0==null?void 0:m0.endDate},void 0,m0==null?void 0:m0.timeGrainValue)},defaultValues:{startDate:(U2=t==null?void 0:t.selectedVariableValue)!=null&&U2.startDate?new Date((Y2=t==null?void 0:t.selectedVariableValue)==null?void 0:Y2.startDate):new Date,endDate:(c0=t==null?void 0:t.selectedVariableValue)!=null&&c0.endDate?new Date((h0=t==null?void 0:t.selectedVariableValue)==null?void 0:h0.endDate):new Date,timeGrainValue:((F0=t==null?void 0:t.selectedVariableValue)==null?void 0:F0.timeGrainValue)||""}})}):null}):E.jsx(ce,{label:t.name,labelVariant:(a==null?void 0:a.variant)||"floating",buttonWidth:(a==null?void 0:a.width)||"180px",menuWidth:(a==null?void 0:a.width)||"180px",isFilter:e,isClearEnabled:t==null?void 0:t.isEnableClearSelection,dataTestTitle:"metricFilters",radius:a==null?void 0:a.radius,selectedOption:d,options:(I0=t.options)==null?void 0:I0.map(m0=>({value:m0.name,label:m0.name,labelType:m0.range})),menuZIndex:999999999999,isSearchEnabled:!0,onChange:m0=>{g(m0),n(t.name,m0.value)},disableAutoClose:["custom","custom date"].includes(((e0=u==null?void 0:u.range)==null?void 0:e0.toLowerCase())||""),children:t.datatype==="date"&&((U0=d.labelType)==null?void 0:U0.toLowerCase())==="custom"&&!(u!=null&&u.fromDate&&(u!=null&&u.toDate))?E.jsx("div",{className:GA.customContainer,children:E.jsx(Nu,{datePickerFormat:a==null?void 0:a.datePickerFormat,label:"Date Range",hideDatePickerOptions:C,onChange:m0=>{n(t.name,(u==null?void 0:u.name)||"Custom","",{startDate:m0==null?void 0:m0.startDate,endDate:m0==null?void 0:m0.endDate},void 0,m0==null?void 0:m0.timeGrainValue)},minDate:u==null?void 0:u.minDate,maxDate:u==null?void 0:u.maxDate,defaultValues:{startDate:u!=null&&u.startDate?new Date(u==null?void 0:u.startDate):new Date,endDate:u!=null&&u.endDate?new Date(u==null?void 0:u.endDate):new Date,timeGrainValue:(u==null?void 0:u.timeGrainValue)||""}})}):null})}):null})},on0=({props:{filter:t,onChangeFilterValue:n,dropdownTheme:i,isFilter:o}})=>{var r,C,l,e,A,u,f,d,g,h;const a=(r=t==null?void 0:t.filterVariant)==null?void 0:r.value;if(!a||!n||!t)return E.jsx(E.Fragment,{});const s=X0.useMemo(()=>{var I,y;return t!=null&&t.isVariableFilter?((I=t==null?void 0:t.variableOptions)==null?void 0:I.map(w=>({value:typeof w=="object"?w==null?void 0:w.value:w,label:typeof w=="object"?(w==null?void 0:w.label)||(w==null?void 0:w.value):w})))||[]:((y=t==null?void 0:t.options)==null?void 0:y.map(w=>({value:typeof w=="object"?w==null?void 0:w.value:w,label:typeof w=="object"?(w==null?void 0:w.label)||(w==null?void 0:w.value):w})))||[]},[t.options,t.isVariableFilter,t.variableOptions]);switch(a){case oA:{const I=Array.isArray(t.value)&&t.value.length?(C=t.value)==null?void 0:C.map(w=>({label:w,value:w})):[],y=Array.isArray(t.selectedDropdownValue)&&t.selectedDropdownValue.length?(l=t.selectedDropdownValue)==null?void 0:l.map(w=>({label:w.label||w.value,value:w.value})):[];return E.jsx(ss,{buttonWidth:(i==null?void 0:i.width)||"180px",isFilter:o,dataTestTitle:"metricFilters",menuWidth:(i==null?void 0:i.width)||"180px",radius:i==null?void 0:i.radius,labelVariant:(i==null?void 0:i.variant)||"floating",isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,isClearEnabled:t==null?void 0:t.isEnableClearSelection,selectedOption:y.length?y:I,options:s,onChange:w=>n==null?void 0:n(t.name,"","",void 0,w),label:t.name,isSearchEnabled:!0,menuZIndex:999999999999,isAutoSelectOption:t==null?void 0:t.isAutoSelect,isAutoSelectFromLast:((e=t==null?void 0:t.autoSelectType)==null?void 0:e.value)==="last",autoSelectCount:["last","first"].includes(((A=t.autoSelectType)==null?void 0:A.value)||"")?t.autoSelectCount:1,isSelectAllEnabled:t==null?void 0:t.isSelectAllMultiSelect})}case Uu:return E.jsx(eg2,{value:typeof t.value=="string"?t.value:"",name:t.name,onChangeFilterValue:n,buttonWidth:(i==null?void 0:i.width)||"180px",isFilter:o});default:return E.jsx(ce,{label:t.name,labelVariant:(i==null?void 0:i.variant)||"floating",isFilter:o,dataTestTitle:"metricFilters",buttonWidth:(i==null?void 0:i.width)||"180px",menuWidth:(i==null?void 0:i.width)||"180px",radius:i==null?void 0:i.radius,selectedOption:{label:!Array.isArray(t.selectedDropdownValue)&&((u=t==null?void 0:t.selectedDropdownValue)!=null&&u.value)?((f=t.selectedDropdownValue)==null?void 0:f.label)||"":(t==null?void 0:t.value)||"",value:!Array.isArray(t.selectedDropdownValue)&&((d=t==null?void 0:t.selectedDropdownValue)!=null&&d.value)?((g=t.selectedDropdownValue)==null?void 0:g.value)||"":(t==null?void 0:t.value)||""},options:s,onChange:I=>n==null?void 0:n(t.name,I.value,I.label),isSearchEnabled:!0,isClearEnabled:t==null?void 0:t.isEnableClearSelection,menuZIndex:999999999999,isAutoSelectOption:t==null?void 0:t.isAutoSelect,isAutoSelectFromLast:((h=t==null?void 0:t.autoSelectType)==null?void 0:h.value)==="last"})}},an0=({props:{filter:t,dropdownTheme:n,onChangeFilterValue:i,hideDatePickerOptions:o,isFilter:a}})=>{var f,d,g;const s=(t==null?void 0:t.datatype)==="date",r=t==null?void 0:t.value,C=s?t.options:[],l=s&&C.find(h=>h.range==="Custom Date"),e=s&&C.find(h=>h.range==="Date Range");s&&(t==null||t.isEnableDynamicDate);const A={label:r||"",value:r||""},u=(t==null?void 0:t.options).find(h=>h.name===(t==null?void 0:t.value));return s?E.jsxs(E.Fragment,{children:[e&&E.jsx("div",{children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,label:t.name,hideDatePickerOptions:o,isMetricFilter:a,dataTestTitle:"metricFilters",variant:(n==null?void 0:n.variant)==="static"?"static":"floatingLabel",buttonWidth:(n==null?void 0:n.width)||"180px",radius:n==null?void 0:n.radius,onChange:h=>{i==null||i(t.name,(e==null?void 0:e.name)||"","",{startDate:h==null?void 0:h.startDate,endDate:h==null?void 0:h.endDate},void 0,h==null?void 0:h.timeGrainValue)},minDate:e!=null&&e.restrictionDateFrom?Vl(e==null?void 0:e.restrictionDateFrom,!0):e==null?void 0:e.minDate,maxDate:e!=null&&e.restrictionDateTo?Vl(e==null?void 0:e.restrictionDateTo):e==null?void 0:e.maxDate,defaultValues:e!=null&&e.startDate&&(e!=null&&e.endDate)&&(t!=null&&t.value)?{startDate:new Date(e==null?void 0:e.startDate),endDate:new Date(e==null?void 0:e.endDate),timeGrainValue:(e==null?void 0:e.timeGrainValue)||""}:void 0})}),l&&E.jsx("div",{children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,label:t.name,hideDatePickerOptions:o,isMetricFilter:a,variant:(n==null?void 0:n.variant)==="static"?"static":"floatingLabel",dataTestTitle:"metricFilters",buttonWidth:(n==null?void 0:n.width)||"180px",radius:n==null?void 0:n.radius,isEnableSingleDate:!0,onChange:h=>{i==null||i(t.name,(l==null?void 0:l.name)||"","",{startDate:h==null?void 0:h.startDate,endDate:h==null?void 0:h.endDate})},minDate:l!=null&&l.restrictionDateFrom?Vl(l==null?void 0:l.restrictionDateFrom,!0):l==null?void 0:l.minDate,maxDate:l!=null&&l.restrictionDateTo?Vl(l==null?void 0:l.restrictionDateTo):l==null?void 0:l.maxDate,defaultValues:l!=null&&l.startDate&&(l!=null&&l.endDate)&&(t!=null&&t.value)?{startDate:new Date(l==null?void 0:l.startDate),endDate:new Date(l==null?void 0:l.endDate),timeGrainValue:""}:void 0})}),!(e||l)&&E.jsx(E.Fragment,{children:E.jsxs(ce,{label:t.name,labelVariant:(n==null?void 0:n.variant)||"floating",dataTestTitle:"metricFilters",buttonWidth:(n==null?void 0:n.width)||"180px",isFilter:a,menuWidth:(n==null?void 0:n.width)||"180px",menuZIndex:999999999999,radius:n==null?void 0:n.radius,selectedOption:A,isClearEnabled:t==null?void 0:t.isEnableClearSelection,options:C==null?void 0:C.map(h=>({value:h==null?void 0:h.name,label:h==null?void 0:h.name,labelType:h==null?void 0:h.range})),onChange:h=>{i==null||i(t.name,h.value)},disableAutoClose:["custom","custom date"].includes(((f=u==null?void 0:u.range)==null?void 0:f.toLowerCase())||""),isSearchEnabled:!0,children:[t.datatype==="date"&&((d=u==null?void 0:u.range)==null?void 0:d.toLowerCase())==="custom date"&&E.jsx(E.Fragment,{children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,label:t.name,hideDatePickerOptions:o,variant:(n==null?void 0:n.variant)==="static"?"static":"floatingLabel",buttonWidth:(n==null?void 0:n.width)||"180px",radius:n==null?void 0:n.radius,isEnableSingleDate:!0,onChange:h=>{i==null||i(t.name,(u==null?void 0:u.name)||"Custom Date","",{startDate:h==null?void 0:h.startDate,endDate:h==null?void 0:h.endDate})},minDate:u!=null&&u.restrictionDateFrom?Vl(u==null?void 0:u.restrictionDateFrom,!0):u==null?void 0:u.minDate,maxDate:u!=null&&u.restrictionDateTo?Vl(u==null?void 0:u.restrictionDateTo):u==null?void 0:u.maxDate,defaultValues:u!=null&&u.startDate&&(u!=null&&u.endDate)?{startDate:new Date(u==null?void 0:u.startDate),endDate:new Date(u==null?void 0:u.endDate),timeGrainValue:""}:void 0})}),t.datatype==="date"&&((g=u==null?void 0:u.range)==null?void 0:g.toLowerCase())==="custom"&&!(u!=null&&u.fromDate&&(u!=null&&u.toDate))?E.jsx("div",{className:GA.customContainer,children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,isEnableSingleDate:u==null?void 0:u.isSingleDate,label:u!=null&&u.isSingleDate?ux:cx,hideDatePickerOptions:o,buttonWidth:"100%",onChange:h=>{i==null||i(t.name,(u==null?void 0:u.name)||"Custom","",{startDate:h==null?void 0:h.startDate,endDate:h==null?void 0:h.endDate},void 0,h==null?void 0:h.timeGrainValue)},minDate:u!=null&&u.restrictionDateFrom?Vl(u==null?void 0:u.restrictionDateFrom,!0):u==null?void 0:u.minDate,maxDate:u!=null&&u.restrictionDateTo?Vl(u==null?void 0:u.restrictionDateTo):u==null?void 0:u.maxDate,defaultValues:u!=null&&u.startDate&&(u!=null&&u.endDate)?{startDate:new Date(u==null?void 0:u.startDate),endDate:new Date(u==null?void 0:u.endDate),timeGrainValue:(u==null?void 0:u.timeGrainValue)||""}:void 0})}):null]})})]}):E.jsx(E.Fragment,{})},sn0=({props:{filter:t,dropdownTheme:n,onChangeFilterValue:i,hideDatePickerOptions:o,isFilter:a}})=>{var g,h,I;const s=(t==null?void 0:t.datatype)==="date",r=(g=t==null?void 0:t.selectedVariableValue)==null?void 0:g.value,C=(h=t==null?void 0:t.selectedVariableValue)==null?void 0:h.label,l=s?t.variableOptions:[],e=s&&l.find(y=>y.range==="Custom Date"),A=s&&l.find(y=>y.range==="Date Range"),u={label:r||"",value:C||""},f=l.find(y=>(y==null?void 0:y.value)===(t==null?void 0:t.value)),d=l==null?void 0:l.some(y=>{var w;return["custom","custom date"].includes(((w=y==null?void 0:y.range)==null?void 0:w.toLowerCase())||"")});return s?E.jsxs(E.Fragment,{children:[A&&E.jsx("div",{children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,label:t.name,isMetricFilter:a,hideDatePickerOptions:o,variant:(n==null?void 0:n.variant)==="static"?"static":"floatingLabel",buttonWidth:(n==null?void 0:n.width)||"180px",dataTestTitle:"metricFilters",radius:n==null?void 0:n.radius,onChange:y=>{i==null||i(t.name,(A==null?void 0:A.value)||"","",{startDate:y==null?void 0:y.startDate,endDate:y==null?void 0:y.endDate},void 0,y==null?void 0:y.timeGrainValue)},defaultValues:A!=null&&A.startDate&&(A!=null&&A.endDate)&&(t!=null&&t.value)?{startDate:new Date(A==null?void 0:A.startDate),endDate:new Date(A==null?void 0:A.endDate),timeGrainValue:(A==null?void 0:A.timeGrainValue)||""}:void 0,minDate:A!=null&&A.restrictionDateFrom?Vl(A==null?void 0:A.restrictionDateFrom,!0):A==null?void 0:A.minDate,maxDate:A!=null&&A.restrictionDateTo?Vl(A==null?void 0:A.restrictionDateTo):A==null?void 0:A.maxDate})}),e&&E.jsx("div",{children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,label:t.name,isMetricFilter:a,hideDatePickerOptions:o,variant:(n==null?void 0:n.variant)==="static"?"static":"floatingLabel",dataTestTitle:"metricFilters",buttonWidth:(n==null?void 0:n.width)||"180px",radius:n==null?void 0:n.radius,isEnableSingleDate:!0,onChange:y=>{i==null||i(t.name,(e==null?void 0:e.value)||"","",{startDate:y==null?void 0:y.startDate,endDate:y==null?void 0:y.endDate})},defaultValues:e!=null&&e.startDate&&(e!=null&&e.endDate)&&(t!=null&&t.value)?{startDate:new Date(e==null?void 0:e.startDate),endDate:new Date(e==null?void 0:e.endDate),timeGrainValue:""}:void 0,minDate:e!=null&&e.restrictionDateFrom?Vl(e==null?void 0:e.restrictionDateFrom,!0):e==null?void 0:e.minDate,maxDate:e!=null&&e.restrictionDateTo?Vl(e==null?void 0:e.restrictionDateTo):e==null?void 0:e.maxDate})}),!(e||A)&&E.jsx(ce,{label:t.name,labelVariant:(n==null?void 0:n.variant)||"floating",buttonWidth:(n==null?void 0:n.width)||"180px",menuWidth:(n==null?void 0:n.width)||"180px",isClearEnabled:t==null?void 0:t.isEnableClearSelection,isFilter:a,dataTestTitle:"metricFilters",radius:n==null?void 0:n.radius,selectedOption:u,menuZIndex:999999999999,options:(l==null?void 0:l.map(y=>({value:y.value,label:y.label})))||[],onChange:y=>{var V;const w=(V=t==null?void 0:t.variableOptions)==null?void 0:V.find(D=>D.value===(y==null?void 0:y.value));i==null||i(t.name,y.value,"",{startDate:w==null?void 0:w.startDate,endDate:w==null?void 0:w.endDate})},disableAutoClose:d&&!(f!=null&&f.fromDate&&(f!=null&&f.toDate)),isSearchEnabled:!0,children:t.datatype==="date"&&((I=f==null?void 0:f.range)==null?void 0:I.toLowerCase())==="custom"&&!(f!=null&&f.fromDate&&(f!=null&&f.toDate))?E.jsx("div",{className:GA.customContainer,children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,isEnableSingleDate:f==null?void 0:f.isSingleDate,label:f!=null&&f.isSingleDate?ux:cx,hideDatePickerOptions:o,onChange:y=>{i==null||i(t.name,(f==null?void 0:f.value)||"Custom","",{startDate:y==null?void 0:y.startDate,endDate:y==null?void 0:y.endDate},void 0,y==null?void 0:y.timeGrainValue)},minDate:f!=null&&f.restrictionDateFrom?Vl(f==null?void 0:f.restrictionDateFrom,!0):f==null?void 0:f.minDate,maxDate:f!=null&&f.restrictionDateTo?Vl(f==null?void 0:f.restrictionDateTo):f==null?void 0:f.maxDate,defaultValues:f!=null&&f.startDate&&(f!=null&&f.endDate)?{startDate:new Date(f==null?void 0:f.startDate),endDate:new Date(f==null?void 0:f.endDate),timeGrainValue:(f==null?void 0:f.timeGrainValue)||""}:void 0})}):null})]}):E.jsx(E.Fragment,{})},Cn0=({filter:t,onChangeFilterValue:n,dropdownTheme:i,isFilter:o})=>{var g,h;const[a,s]=X0.useState({min:null,max:null}),r=X0.useRef(null),[C,l]=X0.useState(""),[e,A]=X0.useState(""),u=()=>{var I;s({min:null,max:null}),l(""),A(""),(I=r.current)==null||I.click(),n==null||n(t.name,"","")},f=()=>{var I;if(a.min===null||a.max===null){A("Invalid value");return}n==null||n(t.name,`${a.min} AND ${a.max}`),l(`Between ${a.min} to ${a.max}`),A(""),(I=r.current)==null||I.click()};X0.useEffect(()=>{var I;if(t!=null&&t.value&&typeof(t==null?void 0:t.value)=="string"){const y=(I=t==null?void 0:t.value)==null?void 0:I.split(" AND "),w=Number(y[0]||0),V=Number(y[1]||0);s({min:w,max:V}),l(`Between ${w} to ${V}`)}},[t==null?void 0:t.value]);const d=window.CSS&&CSS.supports("width","clamp(1px, 1px, 1px)");return E.jsx(E.Fragment,{children:E.jsx(Ll,{position:"bottom-start",buttonWidth:d&&o?`clamp(100px, 13cqw, ${i==null?void 0:i.width})`:(i==null?void 0:i.width)??"200px",menuWidth:"200px",tabMenu:!0,buttonContent:E.jsxs(E.Fragment,{children:[(i==null?void 0:i.variant)==="static"&&E.jsx(E.Fragment,{children:o?E.jsx("span",{className:"dbn-inline-block dbn-text-xs dbn-leading-6 dbn-font-medium dbn-font-sans dbn-selectBox-text",children:t==null?void 0:t.name}):E.jsx(A8,{variant:"input-label",color:"primary-title",children:t==null?void 0:t.name})}),E.jsxs("div",{className:GA.numberField,style:{borderRadius:(i==null?void 0:i.radius)||"4px",containerType:"inline-size"},ref:r,"data-testid":(g=t==null?void 0:t.name)==null?void 0:g.toLowerCase().replaceAll(" ","-").concat("-dropdown"),children:[E.jsxs("div",{className:GA.numberFieldLabelText,children:[o&&(i==null?void 0:i.variant)==="floating"?E.jsx("span",{className:`${[GA.numberFieldLabel,GA.selectedLabel].join(" ")} ${o?"dbn-selectBox-text":""}`,children:t==null?void 0:t.name}):E.jsx("span",{className:`${[GA.numberFieldLabel,GA.selectedLabel].join(" ")}`,children:t==null?void 0:t.name}),E.jsx("span",{className:`${GA.rangeValue} ${o?"dbn-selectBox-text":""}`,style:d&&o?{fontSize:"clamp(8px, 9cqw, 14px)"}:{fontSize:"14px"},children:C||"Select a value"})]}),E.jsx(E6,{variant:"popover",containerClass:"dbn-interactive-element",leftIcon:E.jsx(H6,{name:"chevron-down",size:"md",color:"gray"})})]})]}),children:E.jsxs("div",{className:GA.numberFieldWrapper,"data-testid":(h=t==null?void 0:t.name)==null?void 0:h.toLowerCase().replaceAll(" ","-").concat("-menu"),children:[E.jsx(c5,{label:"minimum",type:"number",defaultValue:a.min,className:o?"dbn-selectBox-text":"",isFilter:o,onChange:({target:{value:I}})=>{s(y=>({...y,min:I===""?null:Number(I)}))}}),E.jsx(c5,{label:"maximum",type:"number",isFilter:o,className:o?"dbn-selectBox-text":"",defaultValue:a.max,onChange:({target:{value:I}})=>{s(y=>({...y,max:I===""?null:Number(I)}))}}),E.jsxs("div",{className:"dbn-flex dbn-flex-col dbn-gap-1",children:[e&&E.jsx(A8,{variant:"body-text-2",color:"alert",children:e}),E.jsxs("div",{className:GA.numberFieldFooter,children:[E.jsx(E6,{type:"button",variant:"tertiary",onClick:u,children:"Clear"}),E.jsx(E6,{variant:"primary",type:"button",onClick:f,children:"Save"})]})]})]})})})},fE=({rlsConditions:t,onChangeFilterValue:n,workspaceId:i,clientId:o,className:a,rlsConditionList:s,isAllClient:r,dropdownTheme:C,tenancyLevel:l="TABLE",clientColumnType:e,hideDatePickerOptions:A,zIndex:u,datasourceId:f,globalFilters:d,isFilter:g})=>{var g2,N2,H2,M2,U2,Y2,c0,h0,F0,I0,e0,U0,m0,j0,v1,K2,v3,N1,z1,$3,V7;const h=X0.useMemo(()=>{var p3,a7;return((a7=(p3=t==null?void 0:t.dependOns)==null?void 0:p3.map(p7=>{const X7=s==null?void 0:s.find(H7=>H7.isAddOnMetrics&&H7.datatype===ll&&p7.value===H7.name&&H7.value&&H7.columnName);return{...X7,columnName:(p7==null?void 0:p7.customColumnName)||(X7==null?void 0:X7.columnName)}}))==null?void 0:a7.filter(p7=>p7))||[]},[(H2=(N2=(g2=t==null?void 0:t.dependOns)==null?void 0:g2.map(p3=>{const a7=s==null?void 0:s.find(p7=>p7.isAddOnMetrics&&p7.datatype===ll&&p3.value===p7.name&&p7.value&&p7.columnName);return a7?{...a7,columnName:(p3==null?void 0:p3.customColumnName)||(a7==null?void 0:a7.columnName)}:null}))==null?void 0:N2.filter(p3=>p3))==null?void 0:H2.map(p3=>p3.value)]),I=X0.useMemo(()=>{var p7,X7,H7;const p3=t!=null&&t.dependOn?(s==null?void 0:s.filter(J7=>{var M3;return J7.isAddOnMetrics&&J7.datatype===ll&&((M3=t==null?void 0:t.dependOn)==null?void 0:M3.value)===J7.name&&J7.value&&J7.columnName}))||[]:[];p3==null||p3.push(...h);const a7=(p3==null?void 0:p3.map(J7=>{var M3,i0;return{columnName:((M3=t==null?void 0:t.dependOn)==null?void 0:M3.customColumnName)||J7.columnName,value:Array.isArray(J7.value)?(i0=J7.value)==null?void 0:i0.map(b3=>typeof b3===ll?`'${b3}'`:b3):J7.value,as:J7.datatype}}))||[];return(p7=t==null?void 0:t.client)!=null&&p7.isEnable&&!r?[{columnName:(X7=t==null?void 0:t.client)==null?void 0:X7.columnName,value:o,as:(H7=t==null?void 0:t.client)==null?void 0:H7.as},...a7]:a7},[(M2=s==null?void 0:s.find(p3=>{var a7;return p3.isAddOnMetrics&&p3.datatype===ll&&((a7=t==null?void 0:t.dependOn)==null?void 0:a7.value)===p3.name&&p3.value&&p3.columnName}))==null?void 0:M2.value,t==null?void 0:t.dependOn,o,r,h==null?void 0:h.map(p3=>p3.value)]),y=X0.useMemo(()=>!!t&&!!n,[t]),w=X0.useMemo(()=>y&&["auto","custom"].includes((t==null?void 0:t.filterType)||""),[y,t]),V=X0.useMemo(()=>{var p3;return(t==null?void 0:t.datatype)===ll&&((p3=t==null?void 0:t.filterVariant)==null?void 0:p3.value)},[t]),D=X0.useMemo(()=>(t==null?void 0:t.datatype)===_m&&(t==null?void 0:t.filterType)===Vm2,[t]),P=X0.useMemo(()=>t==null?void 0:t.isVariableFilter,[t]),W=X0.useMemo(()=>t.datatype===_A,[t]),K=X0.useMemo(()=>!(t!=null&&t.filterType),[t]),f2=X0.useMemo(()=>l==="MULTI_DATABASE"&&o||"",[l,o]),T2=Array.isArray(t.value)&&t.value.length?(U2=t.value)==null?void 0:U2.map(p3=>({label:p3,value:p3})):[],C2=Array.isArray(t.selectedDropdownValue)&&t.selectedDropdownValue.length?(Y2=t.selectedDropdownValue)==null?void 0:Y2.map(p3=>({label:p3.label||p3.value,value:p3.value})):[];if(!t)return E.jsx(E.Fragment,{});if(K)return E.jsx(in0,{props:{datasourceId:f,className:a||"",dropdownTheme:C,filter:t,filterClause:I,isVariableFilter:P||!1,onChangeFilterValue:n,workspaceId:i,hideDatePickerOptions:A,isFilter:g,databaseName:f2}});if(W)return P?E.jsx(sn0,{props:{filter:t,dropdownTheme:C,onChangeFilterValue:n,hideDatePickerOptions:A,isFilter:g}}):E.jsx(an0,{props:{dropdownTheme:C,filter:t,onChangeFilterValue:n,hideDatePickerOptions:A,isFilter:g}});if(D)return E.jsx(Cn0,{dropdownTheme:C,filter:t,onChangeFilterValue:n,isFilter:g});if(V)return w?E.jsx(nn0,{props:{appliedFilters:s,isFilter:g,globalFilters:d,datasourceId:f,clientColumnType:e,clientId:o||"",filter:t,filterClause:I,isAllClient:r||!1,onChangeFilterValue:n,tenancyLevel:l,workspaceId:i,dropdownTheme:C,databaseName:f2}}):E.jsx(on0,{props:{dropdownTheme:C,filter:t,onChangeFilterValue:n,isFilter:g}});if(w){const p3=(c0=t==null?void 0:t.selectedCustomOptionTable)==null?void 0:c0.query,a7=(h0=t==null?void 0:t.selectedCustomOptionTable)==null?void 0:h0.columnName,p7=p3&&a7,X7=l===rL,H7=(t==null?void 0:t.optionTableName)||(t==null?void 0:t.tableName)||"",J7=X7?`${o}.${(I0=(F0=H7==null?void 0:H7.split("."))==null?void 0:F0.slice(1))==null?void 0:I0.join(".")}`:H7,M3=p7?{query:Bc({query:p3||"",tenancyLevel:l,clientId:o,isAllClient:r,clientColumnType:e}),alias:CP}:void 0,i0={tableName:p7?"":J7,columnName:p7?a7:(t==null?void 0:t.optionColumnName)||(t==null?void 0:t.columnName)},b3=Array.isArray(t==null?void 0:t.value)&&(t!=null&&t.value.length)?(e0=t==null?void 0:t.value)==null?void 0:e0.map(o8=>({label:o8,value:o8})):[];return P?E.jsx(tE,{databaseName:f2,datasourceId:f,buttonWidth:(C==null?void 0:C.width)||"180px",menuWidth:(C==null?void 0:C.width)||"180px",isFilter:g,dataTestTitle:"metricFilters",radius:C==null?void 0:C.radius,labelVariant:(C==null?void 0:C.variant)||"floating",selectedOption:{label:((U0=t==null?void 0:t.selectedVariableValue)==null?void 0:U0.value)||"",value:((m0=t==null?void 0:t.selectedVariableValue)==null?void 0:m0.value)||""},onChange:o8=>n==null?void 0:n(t.name,o8.value),autoSelected:!1,filter:i0,customTable:M3,label:t.name,workspaceId:i,filterClause:I,isSearchEnabled:!0,isClearEnabled:t==null?void 0:t.isEnableClearSelection,menuZIndex:999999999999}):E.jsx(Ug,{databaseName:f2,datasourceId:f,isFilter:g,buttonWidth:(C==null?void 0:C.width)||"180px",dataTestTitle:"metricFilters",menuWidth:(C==null?void 0:C.width)||"180px",isClearEnabled:t==null?void 0:t.isEnableClearSelection,isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,radius:C==null?void 0:C.radius,labelVariant:(C==null?void 0:C.variant)||"floating",selectedOption:b3,onChange:o8=>n==null?void 0:n(t.name,"","",void 0,o8),filter:i0,isSearchEnabled:!0,label:t.name,workspaceId:i,filterClause:I,customTable:M3,menuZIndex:999999999999})}return P?E.jsx(ce,{label:t.name,labelVariant:(C==null?void 0:C.variant)||"floating",buttonWidth:(C==null?void 0:C.width)||"180px",menuWidth:(C==null?void 0:C.width)||"180px",isFilter:g,dataTestTitle:"metricFilters",radius:C==null?void 0:C.radius,selectedOption:{value:!Array.isArray(t.selectedDropdownValue)&&((v1=t==null?void 0:t.selectedDropdownValue)!=null&&v1.value)?((K2=t.selectedDropdownValue)==null?void 0:K2.value)||"":(v3=t.selectedVariableValue)==null?void 0:v3.value,label:!Array.isArray(t.selectedDropdownValue)&&((N1=t==null?void 0:t.selectedDropdownValue)!=null&&N1.value)?((z1=t.selectedDropdownValue)==null?void 0:z1.label)||"":($3=t.selectedVariableValue)==null?void 0:$3.value},options:((V7=t.variableOptions)==null?void 0:V7.map(p3=>({value:(p3==null?void 0:p3.value)??p3,label:((p3==null?void 0:p3.label)||(p3==null?void 0:p3.value))??p3})))||[],onChange:p3=>n==null?void 0:n(t.name,p3.value),isSearchEnabled:!0,isClearEnabled:t==null?void 0:t.isEnableClearSelection,menuZIndex:999999999999}):E.jsx(ss,{buttonWidth:(C==null?void 0:C.width)||"180px",menuWidth:(C==null?void 0:C.width)||"180px",isFilter:g,dataTestTitle:"metricFilters",radius:C==null?void 0:C.radius,labelVariant:(C==null?void 0:C.variant)||"floating",isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,selectedOption:C2!=null&&C2.length?C2:T2,options:(j0=t.options)==null?void 0:j0.map(p3=>({value:(p3==null?void 0:p3.value)??p3,label:((p3==null?void 0:p3.label)||(p3==null?void 0:p3.value))??p3})),onChange:p3=>{n==null||n(t.name,"","",void 0,p3)},label:t.name,isSearchEnabled:!0,isClearEnabled:t==null?void 0:t.isEnableClearSelection,menuZIndex:999999999999})};T9.memo(fE);var jK=function(t,n){return jK=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,o){i.__proto__=o}||function(i,o){for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(i[a]=o[a])},jK(t,n)};function tg2(t,n){if(typeof n!="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");jK(t,n);function i(){this.constructor=t}t.prototype=n===null?Object.create(n):(i.prototype=n.prototype,new i)}var zK=function(){return zK=Object.assign||function(n){for(var i,o=1,a=arguments.length;o<a;o++){i=arguments[o];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(n[s]=i[s])}return n},zK.apply(this,arguments)};typeof SuppressedError=="function"&&SuppressedError;var dE={},gE={},GK={},rg2;function ln0(){return rg2||(rg2=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=1,i=function(){return"".concat(n++)};t.default=i}(GK)),GK}var eT={},tT={},YK={},ng2;function ig2(){return ng2||(ng2=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(o){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:60,s=null;return function(){for(var r=this,C=arguments.length,l=new Array(C),e=0;e<C;e++)l[e]=arguments[e];clearTimeout(s),s=setTimeout(function(){o.apply(r,l)},a)}};t.default=n}(YK)),YK}var hE={},og2;function WK(){if(og2)return hE;og2=1,Object.defineProperty(hE,"__esModule",{value:!0}),hE.SizeSensorId=hE.SensorTabIndex=hE.SensorClassName=void 0;var t="size-sensor-id";hE.SizeSensorId=t;var n="size-sensor-object";hE.SensorClassName=n;var i="-1";return hE.SensorTabIndex=i,hE}var ag2;function An0(){if(ag2)return tT;ag2=1,Object.defineProperty(tT,"__esModule",{value:!0}),tT.createSensor=void 0;var t=i(ig2()),n=WK();function i(a){return a&&a.__esModule?a:{default:a}}var o=function(s,r){var C=void 0,l=[],e=function(){getComputedStyle(s).position==="static"&&(s.style.position="relative");var h=document.createElement("object");return h.onload=function(){h.contentDocument.defaultView.addEventListener("resize",A),A()},h.style.display="block",h.style.position="absolute",h.style.top="0",h.style.left="0",h.style.height="100%",h.style.width="100%",h.style.overflow="hidden",h.style.pointerEvents="none",h.style.zIndex="-1",h.style.opacity="0",h.setAttribute("class",n.SensorClassName),h.setAttribute("tabindex",n.SensorTabIndex),h.type="text/html",s.appendChild(h),h.data="about:blank",h},A=(0,t.default)(function(){l.forEach(function(g){g(s)})}),u=function(h){C||(C=e()),l.indexOf(h)===-1&&l.push(h)},f=function(){C&&C.parentNode&&(C.contentDocument&&C.contentDocument.defaultView.removeEventListener("resize",A),C.parentNode.removeChild(C),s.removeAttribute(n.SizeSensorId),C=void 0,l=[],r&&r())},d=function(h){var I=l.indexOf(h);I!==-1&&l.splice(I,1),l.length===0&&C&&f()};return{element:s,bind:u,destroy:f,unbind:d}};return tT.createSensor=o,tT}var rT={},sg2;function un0(){if(sg2)return rT;sg2=1,Object.defineProperty(rT,"__esModule",{value:!0}),rT.createSensor=void 0;var t=WK(),n=i(ig2());function i(a){return a&&a.__esModule?a:{default:a}}var o=function(s,r){var C=void 0,l=[],e=(0,n.default)(function(){l.forEach(function(g){g(s)})}),A=function(){var h=new ResizeObserver(e);return h.observe(s),e(),h},u=function(h){C||(C=A()),l.indexOf(h)===-1&&l.push(h)},f=function(){C.disconnect(),l=[],C=void 0,s.removeAttribute(t.SizeSensorId),r&&r()},d=function(h){var I=l.indexOf(h);I!==-1&&l.splice(I,1),l.length===0&&C&&f()};return{element:s,bind:u,destroy:f,unbind:d}};return rT.createSensor=o,rT}var Cg2;function cn0(){if(Cg2)return eT;Cg2=1,Object.defineProperty(eT,"__esModule",{value:!0}),eT.createSensor=void 0;var t=An0(),n=un0(),i=typeof ResizeObserver<"u"?n.createSensor:t.createSensor;return eT.createSensor=i,eT}var lg2;function fn0(){if(lg2)return gE;lg2=1,Object.defineProperty(gE,"__esModule",{value:!0}),gE.removeSensor=gE.getSensor=gE.Sensors=void 0;var t=o(ln0()),n=cn0(),i=WK();function o(l){return l&&l.__esModule?l:{default:l}}var a={};gE.Sensors=a;function s(l){l&&a[l]&&delete a[l]}var r=function(e){var A=e.getAttribute(i.SizeSensorId);if(A&&a[A])return a[A];var u=(0,t.default)();e.setAttribute(i.SizeSensorId,u);var f=(0,n.createSensor)(e,function(){return s(u)});return a[u]=f,f};gE.getSensor=r;var C=function(e){var A=e.element.getAttribute(i.SizeSensorId);e.destroy(),s(A)};return gE.removeSensor=C,gE}var Ag2;function dn0(){if(Ag2)return dE;Ag2=1,Object.defineProperty(dE,"__esModule",{value:!0}),dE.ver=dE.clear=dE.bind=void 0;var t=fn0(),n=function(s,r){var C=(0,t.getSensor)(s);return C.bind(r),function(){C.unbind(r)}};dE.bind=n;var i=function(s){var r=(0,t.getSensor)(s);(0,t.removeSensor)(r)};dE.clear=i;var o="1.0.2";return dE.ver=o,dE}var ug2=dn0();function cg2(t,n){var i={};return n.forEach(function(o){i[o]=t[o]}),i}function _K(t){return typeof t=="function"}function gn0(t){return typeof t=="string"}var XK,fg2;function hn0(){return fg2||(fg2=1,XK=function t(n,i){if(n===i)return!0;if(n&&i&&typeof n=="object"&&typeof i=="object"){if(n.constructor!==i.constructor)return!1;var o,a,s;if(Array.isArray(n)){if(o=n.length,o!=i.length)return!1;for(a=o;a--!==0;)if(!t(n[a],i[a]))return!1;return!0}if(n.constructor===RegExp)return n.source===i.source&&n.flags===i.flags;if(n.valueOf!==Object.prototype.valueOf)return n.valueOf()===i.valueOf();if(n.toString!==Object.prototype.toString)return n.toString()===i.toString();if(s=Object.keys(n),o=s.length,o!==Object.keys(i).length)return!1;for(a=o;a--!==0;)if(!Object.prototype.hasOwnProperty.call(i,s[a]))return!1;for(a=o;a--!==0;){var r=s[a];if(!t(n[r],i[r]))return!1}return!0}return n!==n&&i!==i}),XK}var En0=hn0();const Ly=du(En0);var pn0=function(t){tg2(n,t);function n(i){var o=t.call(this,i)||this;return o.echarts=i.echarts,o.ele=null,o.isInitialResize=!0,o}return n.prototype.componentDidMount=function(){this.renderNewEcharts()},n.prototype.componentDidUpdate=function(i){var o=this.props.shouldSetOption;if(!(_K(o)&&!o(i,this.props))){if(!Ly(i.theme,this.props.theme)||!Ly(i.opts,this.props.opts)||!Ly(i.onEvents,this.props.onEvents)){this.dispose(),this.renderNewEcharts();return}var a=["option","notMerge","lazyUpdate","showLoading","loadingOption"];Ly(cg2(this.props,a),cg2(i,a))||this.updateEChartsOption(),(!Ly(i.style,this.props.style)||!Ly(i.className,this.props.className))&&this.resize()}},n.prototype.componentWillUnmount=function(){this.dispose()},n.prototype.getEchartsInstance=function(){return this.echarts.getInstanceByDom(this.ele)||this.echarts.init(this.ele,this.props.theme,this.props.opts)},n.prototype.dispose=function(){if(this.ele){try{ug2.clear(this.ele)}catch(i){console.warn(i)}this.echarts.dispose(this.ele)}},n.prototype.renderNewEcharts=function(){var i=this,o=this.props,a=o.onEvents,s=o.onChartReady,r=this.updateEChartsOption();this.bindEvents(r,a||{}),_K(s)&&s(r),this.ele&&ug2.bind(this.ele,function(){i.resize()})},n.prototype.bindEvents=function(i,o){function a(r,C){gn0(r)&&_K(C)&&i.on(r,function(l){C(l,i)})}for(var s in o)Object.prototype.hasOwnProperty.call(o,s)&&a(s,o[s])},n.prototype.updateEChartsOption=function(){var i=this.props,o=i.option,a=i.notMerge,s=a===void 0?!1:a,r=i.lazyUpdate,C=r===void 0?!1:r,l=i.showLoading,e=i.loadingOption,A=e===void 0?null:e,u=this.getEchartsInstance();return u.setOption(o,s,C),l?u.showLoading(A):u.hideLoading(),u},n.prototype.resize=function(){var i=this.getEchartsInstance();if(!this.isInitialResize)try{i.resize()}catch(o){console.warn(o)}this.isInitialResize=!1},n.prototype.render=function(){var i=this,o=this.props,a=o.style,s=o.className,r=s===void 0?"":s,C=zK({height:300},a);return T9.createElement("div",{ref:function(l){i.ele=l},style:C,className:"echarts-for-react "+r})},n}(X0.PureComponent),$p=function(t){tg2(n,t);function n(i){var o=t.call(this,i)||this;return o.echarts=IG2,o}return n}(pn0);const na={"table-loader-container":"_table-loader-container_4pqpz_1",tableData:"_tableData_4pqpz_7",tableHeadCol:"_tableHeadCol_4pqpz_19",resizer:"_resizer_4pqpz_31",resizing:"_resizing_4pqpz_43",tableRowCol:"_tableRowCol_4pqpz_55",truncateText:"_truncateText_4pqpz_63",row:"_row_4pqpz_71",container:"_container_4pqpz_77",table:"_table_4pqpz_1",previewTable:"_previewTable_4pqpz_89",preview:"_preview_4pqpz_89",searchButton:"_searchButton_4pqpz_101",noData:"_noData_4pqpz_113",error:"_error_4pqpz_119",stripedRow:"_stripedRow_4pqpz_137",rowHover:"_rowHover_4pqpz_143",tableBorderRight:"_tableBorderRight_4pqpz_155",tableBorderBottom:"_tableBorderBottom_4pqpz_163",sortButton:"_sortButton_4pqpz_175",searchTab:"_searchTab_4pqpz_181",searchTabInput:"_searchTabInput_4pqpz_187",badge:"_badge_4pqpz_253",list:"_list_4pqpz_259",listItem:"_listItem_4pqpz_271",listItemDiv:"_listItemDiv_4pqpz_277",truncateIcon:"_truncateIcon_4pqpz_283",listVal:"_listVal_4pqpz_301",legendContainer:"_legendContainer_4pqpz_307",legend:"_legend_4pqpz_307",sortIcon:"_sortIcon_4pqpz_321",pagination:"_pagination_4pqpz_235",rowStyle:"_rowStyle_4pqpz_341",pageStyle:"_pageStyle_4pqpz_359",buttonContainer:"_buttonContainer_4pqpz_365",pageBtns:"_pageBtns_4pqpz_371",pageInfo:"_pageInfo_4pqpz_377",btnHover:"_btnHover_4pqpz_383"},vn0=({value:t,onChange:n,debounce:i=500,...o})=>{const[a,s]=X0.useState(t);return X0.useEffect(()=>{s(t)},[t]),X0.useEffect(()=>{const r=setTimeout(()=>{n(a)},i);return()=>clearTimeout(r)},[i,n,a]),E.jsx("div",{className:`${na.searchTab} ${o.className||""}`,children:E.jsx("input",{...o,value:a,onChange:r=>s(r.target.value),className:na.searchTabInput})})},In0={loader:"_loader_18vf8_5"},Ac=({bottomText:t})=>E.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-flex dbn-flex-col dbn-gap-3 dbn-justify-center dbn-items-center",children:[E.jsxs("div",{className:In0.loader,children:[E.jsx("div",{}),E.jsx("div",{}),E.jsx("div",{})]}),t&&E.jsx("div",{children:t})]}),mn0=uK(),bn0=({data:t,isLoading:n,error:i,tableSettings:o,className:a="",onColumnSizingChange:s,onChartReady:r,stackCols:C,colors:l,showLabels:e,onChangePage:A,setChartSettings:u,dropdownZindex:f,additionalSettings:d})=>{var V7,p3,a7,p7,X7,H7,J7,M3;const g=l!=null&&l.length?l:["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],[h,I]=X0.useState(","),[y,w]=X0.useState(","),[V,D]=X0.useState([]),[P,W]=X0.useState(!1),[K,f2]=X0.useState(1);X0.useEffect(()=>{o!=null&&o.badgeSeparator?I(o.badgeSeparator):I(",")},[o==null?void 0:o.badgeSeparator]),X0.useEffect(()=>{o!=null&&o.listSeparator?w(o.listSeparator):w(",")},[o==null?void 0:o.listSeparator]);const{badgeDivStyle:T2,listDivStyle:C2,headerStyle:g2}=X0.useMemo(()=>{var m8;const i0=(o==null?void 0:o.lineGap)==="small"?"1rem":(o==null?void 0:o.lineGap)==="medium"?"1.9rem":(o==null?void 0:o.lineGap)==="large"?"2rem":"2.5rem",b3=(o==null?void 0:o.lineGap)==="small"?"0.75rem":(o==null?void 0:o.lineGap)==="medium"?"0.85rem":(o==null?void 0:o.lineGap)==="large"?"0.90rem":"1rem",o8={width:"100%",height:i0,fontSize:b3,display:"flex",alignItems:"center",justifyContent:o!=null&&o.contentAlignment?`${o.contentAlignment}`:"",gap:1},q7={width:"100%",fontSize:b3,display:"flex",alignItems:"start",justifyContent:"center",flexDirection:"column",gap:1,height:"80px"},P7={width:"100%",color:((m8=o==null?void 0:o.customHeaderColor)==null?void 0:m8.textColor)||"#6B7280",fontSize:b3,height:i0,lineHeight:i0,textAlign:(o==null?void 0:o.headerAlignment)||"center",fontWeight:o!=null&&o.headerFontBold?"600":"400"};return{badgeDivStyle:o8,listDivStyle:q7,headerStyle:P7}},[o==null?void 0:o.lineGap,o==null?void 0:o.contentAlignment,(V7=o==null?void 0:o.customHeaderColor)==null?void 0:V7.textColor,o==null?void 0:o.headerAlignment,o==null?void 0:o.headerFontBold]),N2=(i0,b3,o8)=>{if(b3&&o8&&Object.keys(b3).includes(i0)&&Object.keys(o8).includes(i0))return{backgroundColor:b3[i0],color:o8[i0]};if(b3&&Object.keys(b3).includes(i0))return{backgroundColor:b3[i0]};if(o8&&Object.keys(o8).includes(i0))return{color:o8[i0]}},[H2,M2]=X0.useState(o==null?void 0:o.columnSizing),[U2,Y2]=X0.useState(""),[c0,h0]=X0.useState({pageIndex:0,pageSize:10}),[F0,I0]=X0.useState({label:(o==null?void 0:o.defaultRowSize)||((p3=UC.tableSettings)==null?void 0:p3.defaultRowSize)||"100",value:(o==null?void 0:o.defaultRowSize)||((a7=UC.tableSettings)==null?void 0:a7.defaultRowSize)||"100"});X0.useEffect(()=>{s==null||s(H2)},[H2]),X0.useEffect(()=>{if(!(o!=null&&o.defaultRowSize))return;const i0=dh.find(b3=>b3.value===o.defaultRowSize);if(i0)Number(i0.value)>1e3?I0(dh.at(-1)):I0(i0);else{const b3=dh.find(o8=>{var q7;return o8.value===((q7=UC.tableSettings)==null?void 0:q7.defaultRowSize)});I0(b3)}},[o==null?void 0:o.defaultRowSize]);const e0=X0.useMemo(()=>!t||!Array.isArray(t)?[]:t,[t]),U0=i0=>{const b3={};return Object.keys(i0).sort().forEach(o8=>{b3[o8]=i0[o8]}),b3},m0=X0.useMemo(()=>o!=null&&o.isSortAlphabetically?e0==null?void 0:e0.map(i0=>U0(i0)):e0,[e0,o==null?void 0:o.isSortAlphabetically]),j0=X0.useMemo(()=>{var i0;return(i0=o==null?void 0:o.hStackTrendOptions)==null?void 0:i0.map(b3=>b3==null?void 0:b3.column)},[o==null?void 0:o.hStackTrendOptions]),v1=X0.useMemo(()=>{var i0,b3;return(b3=(i0=Object.keys(m0[0]||{}))==null?void 0:i0.filter(o8=>!(C!=null&&C.includes(o8))))==null?void 0:b3.map(o8=>mn0.accessor(o8,{header:()=>o8,cell:q7=>{const P7=q7.row.original[o8];return typeof P7=="object"?JSON.stringify(P7):typeof P7=="boolean"?P7?"true":"false":P7},sortingFn:"manualSorting"}))},[m0[0]]),K2=xK({data:m0,columns:v1,state:{globalFilter:U2,sorting:V,pagination:c0,...H2?{columnSizing:H2}:{}},sortingFns:{manualSorting:ld2},enableGlobalFilter:!0,getCoreRowModel:MK(),onSortingChange:D,getFilteredRowModel:TK(),getSortedRowModel:rd2(),onGlobalFilterChange:Y2,debugTable:!1,enableColumnResizing:!0,columnResizeMode:"onChange",manualPagination:!0,onColumnSizingChange:M2,onPaginationChange:h0});X0.useEffect(()=>{K2.setPageSize(Number(F0.value))},[F0,K2]),X0.useEffect(()=>{f2((c0==null?void 0:c0.pageIndex)+1)},[c0==null?void 0:c0.pageIndex]);const v3=X0.useMemo(()=>{const i0=U2?K2.getRowModel().rows.length:(t==null?void 0:t.length)||0,b3=i0===0?0:(c0==null?void 0:c0.pageSize)*(c0==null?void 0:c0.pageIndex)+1,o8=i0<=(c0==null?void 0:c0.pageSize)*((c0==null?void 0:c0.pageIndex)+1)?i0:(c0==null?void 0:c0.pageSize)*((c0==null?void 0:c0.pageIndex)+1);return{from:b3,to:o8,total:i0}},[K2,U2,m0==null?void 0:m0.length,c0==null?void 0:c0.pageIndex,c0==null?void 0:c0.pageSize]);X0.useEffect(()=>{K2.getIsSomeColumnsVisible()&&(r==null||r())},[K2.getIsSomeColumnsVisible()]);const N1=(i0,b3)=>b3!=null&&b3.includes(i0)?na.badge:"",z1=(i0,b3)=>b3!=null&&b3.includes(i0)?na.list:"";X0.useEffect(()=>{var o8,q7;const i0=(o8=K2.getState())==null?void 0:o8.sorting,b3=(i0==null?void 0:i0.length)>0;((q7=U2==null?void 0:U2[0])!=null&&q7.length||b3)&&K2.setPageIndex(0)},[U2==null?void 0:U2[0],(p7=K2.getState())==null?void 0:p7.sorting]);const $3=X0.useMemo(()=>{const i0=K2.getRowModel().rows;if(!(C!=null&&C.length)||!i0.length)return 100;const b3=i0.map(o8=>C.reduce((q7,P7)=>{const m8=o8.original[P7];return q7+(typeof m8=="number"&&!isNaN(m8)?m8:0)},0));return b3.length>0?Math.max(...b3):100},[K2.getRowModel().rows.length,C]);return E.jsxs("div",{className:`${na.container} ${a}`,children:[t!=null&&t.length&&(C!=null&&C.length)&&C.length>0?E.jsxs("div",{className:na.previewTable,children:[o!=null&&o.enableTableSearch||o!=null&&o.showTableTitle||o!=null&&o.tableTitle?E.jsxs("div",{className:(X7=o==null?void 0:o.tableTitle)!=null&&X7.length?na.preview:na.searchButton,children:[(H7=o==null?void 0:o.tableTitle)!=null&&H7.length?E.jsx(A8,{variant:"body-text-2",children:o.tableTitle}):null,E.jsxs("div",{className:"dbn-flex dbn-flex-col dbn-gap-2",children:[(o==null?void 0:o.enableTableSearch)&&E.jsx("div",{className:"dbn-w-full dbn-flex dbn-justify-end",children:E.jsx(vn0,{value:U2,onChange:i0=>Y2(String(i0)),placeholder:"Search"})}),C!=null&&C.length?E.jsx("div",{className:"dbn-flex dbn-gap-2 dbn-justify-end",children:C==null?void 0:C.map((i0,b3)=>E.jsxs("div",{className:na.legendContainer,children:[E.jsx("div",{style:{backgroundColor:g[b3]||"#000000"},className:na.legend}),E.jsx(A8,{variant:"label",children:i0})]}))}):null]})]}):null,E.jsxs("div",{className:na.tableData,children:[n&&!(t!=null&&t.length)&&E.jsx("div",{className:na["table-loader-container"],children:E.jsx(Ac,{})}),m0!=null&&m0.length?E.jsx(uk,{style:{height:"100%"},children:E.jsxs("table",{className:na.table,children:[E.jsx("thead",{className:"dbn-relative dbn-z-10",children:(J7=K2.getHeaderGroups())==null?void 0:J7.map(i0=>{var b3,o8;return E.jsxs("tr",{className:na.row,style:{backgroundColor:o!=null&&o.hideTableHeader?"":(b3=o==null?void 0:o.customHeaderColor)==null?void 0:b3.color},children:[(o8=i0.headers)==null?void 0:o8.map(q7=>{var P7;return E.jsxs("th",{className:na.tableHeadCol,colSpan:q7.colSpan,style:{width:q7.getSize(),backgroundColor:o!=null&&o.hideTableHeader?"":(P7=o==null?void 0:o.customHeaderColor)==null?void 0:P7.color},children:[E.jsx("button",{onMouseDown:q7.getResizeHandler(),onTouchStart:q7.getResizeHandler(),onDoubleClick:q7.column.resetSize,className:`${na.resizer} ${q7.column.getIsResizing()?na.resizing:""}`,type:"button",title:"Resize Column"}),o!=null&&o.enableSorting?E.jsxs("div",{className:q7.column.getCanSort()?na.sortButton:"",onClick:q7.column.getToggleSortingHandler(),children:[q7.isPlaceholder?null:E.jsx("div",{style:g2,className:na.truncateText,children:o!=null&&o.hideTableHeader?null:rh(q7.column.columnDef.header,q7.getContext())}),E.jsx("div",{className:`dbn-interactive-element ${na.sortIcon}`,onClick:()=>{q7.column.getIsSorted()&&K2.setPageIndex(0)},children:{asc:E.jsx(H6,{name:"caret-up-fill"}),desc:E.jsx(H6,{name:"caret-down-fill"})}[q7.column.getIsSorted()]??E.jsx(H6,{name:"caret-up-down"})})]}):E.jsx(E.Fragment,{children:q7.isPlaceholder?null:E.jsx("div",{style:g2,className:na.truncateText,children:o!=null&&o.hideTableHeader?null:rh(q7.column.columnDef.header,q7.getContext())})})]},q7.id)}),C.length?E.jsx("th",{scope:"col",style:{...g2,paddingLeft:"2rem",paddingRight:"2rem",height:"3rem"},children:o!=null&&o.hideTableHeader?"":o==null?void 0:o.stackColAlias}):null]},i0.id)})}),E.jsx("tbody",{children:(M3=o!=null&&o.disablePagination?K2.getSortedRowModel().rows:K2.getSortedRowModel().rows.slice(c0.pageSize*c0.pageIndex,c0.pageSize*(1+c0.pageIndex)))==null?void 0:M3.map((i0,b3)=>{var o8;return E.jsxs("tr",{className:`${na.tableRow} ${o!=null&&o.showRowHover?na.rowHover:""} ${o!=null&&o.enableStripedRows&&Number(b3)%2!==0?na.stripedRow:""}`,children:[(o8=i0.getVisibleCells())==null?void 0:o8.map((q7,P7)=>{var $7,R8,f6,k6,b9,F9,s6,D9,o5,a4,L5,o4,B5,F6;if(!(j0==null?void 0:j0.includes(q7.column.id))){let J1=[],Z9="",p8=[];N1(q7.column.id,o==null?void 0:o.badgeColumns)?(Z9=typeof q7.getValue()=="object"?JSON.stringify(q7.getValue()):q7.getValue(),($7=Z9==null?void 0:Z9.toString())!=null&&$7.includes(h)?J1=(R8=Z9==null?void 0:Z9.toString())==null?void 0:R8.split(h):J1=[Z9]):z1(q7.column.id,o==null?void 0:o.listColumns)&&(Z9=typeof q7.getValue()=="object"?JSON.stringify(q7.getValue()):q7.getValue(),(f6=Z9==null?void 0:Z9.toString())!=null&&f6.includes(y)?(p8=(k6=Z9==null?void 0:Z9.toString())==null?void 0:k6.split((o==null?void 0:o.listSeparator)||","),J1=p8.length>3?[p8[0],p8[1],p8[2]]:p8):J1=[Z9]);const l6=hk({rules:((F9=(b9=o==null?void 0:o.conditionalFormatting)==null?void 0:b9.find(({columnName:w7})=>{var O7;return w7===((O7=q7==null?void 0:q7.column)==null?void 0:O7.id)}))==null?void 0:F9.rules)||[],value:typeof q7.getValue()=="object"?JSON.stringify(q7.getValue()):q7.getValue()}),S8=!((s6=Object.keys(l6))!=null&&s6.length)&&((D9=o==null?void 0:o.badgeColumns)!=null&&D9.includes(q7.column.id))?N2(q7.column.id,o==null?void 0:o.badgeColors,o==null?void 0:o.badgeTextColors):l6;let S6="",F3=((S8==null?void 0:S8.isApplyBadgeColor)||!!(!(S8!=null&&S8.isApplyBgColor)&&(S8!=null&&S8.badgeColor)))&&!!((o5=Object.keys(l6))!=null&&o5.length);F3?S6=S8==null?void 0:S8.badgeColor:(a4=o==null?void 0:o.badgeColumns)!=null&&a4.includes(q7.column.id)&&(S6=(L5=N2(q7.column.id,o==null?void 0:o.badgeColors,o==null?void 0:o.badgeTextColors))==null?void 0:L5.backgroundColor);let Y3=l6;if("backgroundColor"in l6&&F3){const{backgroundColor:w7,...O7}=l6;Y3=O7}return E.jsxs("td",{className:`${na.tableRowCol} ${o!=null&&o.hideVerticalDivider?"":na.tableBorderRight} ${o!=null&&o.hideHorizontalDivider?"":na.tableBorderBottom}`,title:typeof q7.getValue()=="object"?JSON.stringify(q7.getValue()):`${q7.getValue()}`,children:[!!o&&E.jsx("div",{style:N1(q7.column.id,o.listColumns)?{...C2,...Y3}:{...T2,...Y3},children:(o4=Z9==null?void 0:Z9.toString())!=null&&o4.includes(h)||(B5=Z9==null?void 0:Z9.toString())!=null&&B5.includes(y)?E.jsxs(E.Fragment,{children:[J1==null?void 0:J1.map(w7=>E.jsx(E.Fragment,{children:N1(q7.column.id,o.badgeColumns)?E.jsx("span",{className:`${na.truncateText} ${N1(q7.column.id,o.badgeColumns)}`,style:{fontFamily:o==null?void 0:o.contentFont,color:(o==null?void 0:o.contentColor)||"#222c3a",...S8,fontWeight:(o==null?void 0:o.contentWeight)||500,backgroundColor:S6||""},children:w7},w7):E.jsxs("div",{className:`${na.truncateText} ${na.listItemDiv}`,children:[E.jsx("div",{className:na.listItem,style:{backgroundColor:(o==null?void 0:o.contentColor)||"#000000"}}),E.jsx("div",{className:na.listVal,style:{fontFamily:o==null?void 0:o.contentFont,color:(o==null?void 0:o.contentColor)||"#222c3a",fontWeight:(o==null?void 0:o.contentWeight)||500},children:w7})]},w7)})),N1(q7.column.id,o.listColumns)&&p8.length>3&&E.jsx("span",{className:na.truncateIcon,children:E.jsx(H6,{name:"horizontal-rule"})})]}):E.jsx("span",{className:`${na.truncateText} ${N1(q7.column.id,o.badgeColumns)||F3?na.badge:""}`,style:{fontFamily:o==null?void 0:o.contentFont,color:(o==null?void 0:o.contentColor)||"#222c3a",...S8,fontWeight:(o==null?void 0:o.contentWeight)||500,backgroundColor:S6||""},children:rh(q7.column.columnDef.cell,q7.getContext())})}),!o&&E.jsx("div",{style:{textAlign:"center",width:"100%"},children:rh(q7.column.columnDef.cell,q7.getContext())})]},q7.id)}const x8=q7.getValue(),I1=x8==null?void 0:x8[0],i3=(x8==null?void 0:x8[0])!==null&&typeof(x8==null?void 0:x8[0])=="object"&&!Array.isArray(x8[0]),l7=(F6=o==null?void 0:o.hStackTrendOptions)==null?void 0:F6.find(J1=>J1.column===q7.column.id),M7=i3?Object.keys(I1??{}):[],n7=(l7==null?void 0:l7.xAxis)||"",_3=i3&&!!(M7!=null&&M7.includes(n7)),W7=(l7==null?void 0:l7.yAxis)||"",s8=i3&&!!(M7!=null&&M7.includes(W7)),E8=i3&&_3?x8==null?void 0:x8.map(J1=>J1==null?void 0:J1[n7]):[],F8=[...g].reverse();return E.jsx("td",{className:`${na.tableRowCol} ${o!=null&&o.hideVerticalDivider?"":na.tableBorderRight} ${o!=null&&o.hideHorizontalDivider?"":na.tableBorderBottom}`,children:E.jsx($p,{style:{width:"100%",height:"60%"},option:{tooltip:{show:!0,appendToBody:!0,confine:!0,backgroundColor:"black",textStyle:{color:"white"},formatter:J1=>{var S6;const Z9=Array.isArray(J1)?J1==null?void 0:J1[0]:J1,p8=(Z9==null?void 0:Z9.seriesName)||"",l6=Z9==null?void 0:Z9.value,S8=Z9==null?void 0:Z9.name;if((S6=o==null?void 0:o.formattedColumns)!=null&&S6.includes(q7.column.id)&&(o!=null&&o.isEnableNumberFormatting)){const F3=Q5(l5(l6,o==null?void 0:o.tableFormatter),o==null?void 0:o.tablePrefix,o==null?void 0:o.tableSuffix);return`${S8||p8}: ${F3}`}return`${S8||p8}: ${l6}`}},color:F8==null?void 0:F8[P7],xAxis:{show:!1,data:E8,type:"category"},yAxis:{show:!1,type:"value"},grid:{left:"0%",right:"10%",top:"0%",bottom:"0%",containLabel:e},series:{type:"bar",name:s8?W7:"trend",data:x8,label:{show:!1,position:d==null?void 0:d.labelPosition,formatter(J1){var Z9,p8,l6;return(Z9=o==null?void 0:o.formattedColumns)!=null&&Z9.includes(W7)&&(o!=null&&o.isEnableNumberFormatting)?Q5(l5((p8=J1==null?void 0:J1.data)==null?void 0:p8.value,o==null?void 0:o.tableFormatter),o==null?void 0:o.tablePrefix,o==null?void 0:o.tableSuffix):(l6=J1==null?void 0:J1.data)==null?void 0:l6.value}},emphasis:{focus:"series"},itemStyle:{borderRadius:d==null?void 0:d.barRadius},...d!=null&&d.barWidth?{barWidth:`${(d==null?void 0:d.barWidth)||0}%`}:{}}},className:a,notMerge:!0})},`${i0.id}-${q7.column.id}`)}),C.length?E.jsx("td",{className:`${na.tableRowCol} ${o!=null&&o.hideVerticalDivider?"":na.tableBorderRight} ${o!=null&&o.hideHorizontalDivider?"":na.tableBorderBottom}`,children:E.jsx($p,{style:{width:"100%",height:"40%"},option:{tooltip:{show:!0,appendToBody:!0,confine:!0,backgroundColor:"black",textStyle:{color:"white"},formatter:q7=>{var I1;const P7=Array.isArray(q7)?q7==null?void 0:q7[0]:q7,m8=(P7==null?void 0:P7.seriesName)||"",x8=P7==null?void 0:P7.value;if((I1=o==null?void 0:o.formattedColumns)!=null&&I1.includes(m8)&&(o!=null&&o.isEnableNumberFormatting)){const i3=Q5(l5(x8,o==null?void 0:o.tableFormatter),o==null?void 0:o.tablePrefix,o==null?void 0:o.tableSuffix);return`${m8}: ${i3}`}return`${m8}: ${x8}`}},color:g,xAxis:{show:!1,type:"value",min:0,max:$3,...(d==null?void 0:d.labelPosition)!=="bottom"?{axisLabel:{show:!1},axisLine:{show:!1},axisTick:{show:!1}}:{}},yAxis:{show:!1,type:"category"},grid:{left:"0%",right:"10%",top:"0%",bottom:"10%",containLabel:e},series:C==null?void 0:C.map(q7=>{var P7;return{type:"bar",name:q7,data:[{name:q7,value:(P7=i0==null?void 0:i0.original)==null?void 0:P7[q7]}],stack:"stack1",label:{show:e,position:d==null?void 0:d.labelPosition,formatter(m8){var x8,I1,i3;return(x8=o==null?void 0:o.formattedColumns)!=null&&x8.includes(q7)&&(o!=null&&o.isEnableNumberFormatting)?Q5(l5((I1=m8==null?void 0:m8.data)==null?void 0:I1.value,o==null?void 0:o.tableFormatter),o==null?void 0:o.tablePrefix,o==null?void 0:o.tableSuffix):(i3=m8==null?void 0:m8.data)==null?void 0:i3.value}},emphasis:{focus:"series"},itemStyle:{borderRadius:d==null?void 0:d.barRadius},...d!=null&&d.barWidth?{barWidth:`${(d==null?void 0:d.barWidth)||0}%`}:{}}})},className:a,notMerge:!0})},i0.id):null]},i0.id)})})]})}):null]}),m0!=null&&m0.length&&(C!=null&&C.length)&&C.length>0&&!(o!=null&&o.disablePagination)?E.jsxs("div",{className:na.pagination,children:[E.jsx("div",{className:`dbn-interactive-element ${na.rowStyle}`,children:E.jsx(ce,{id:"rows-per-page",customButton:E.jsxs("div",{className:"dbn-flex dbn-gap-3",title:F0==null?void 0:F0.value,children:[E.jsx(A8,{variant:"body-text-3",children:"Rows per page:"}),E.jsx(A8,{variant:"body-text-3",children:F0==null?void 0:F0.value})]}),className:"dbn-border-none",onChange:i0=>{I0(i0),A==null||A(!1,parseInt(i0.value,10)),u==null||u(b3=>({...b3,tableSettings:{...b3.tableSettings,defaultRowSize:i0.value}}))},selectedOption:F0,options:dh,labelVariant:"static",menuWidth:"120px",buttonWidth:(F0==null?void 0:F0.value)==="1000"?"165px":"150px",menuZIndex:f})}),E.jsxs("span",{className:na.pageStyle,children:[v3.from,"-",v3.to," of ",v3.total]}),E.jsx("div",{className:"dbn-interactive-element dbn-flex dbn-gap-2 dbn-justify-center dbn-items-center",children:E.jsxs("div",{className:na.buttonContainer,children:[E.jsx(E6,{id:"jump-to-start",className:na.btnHover,variant:"popover",type:"button",onClick:()=>{K2.setPageIndex(0)},isDisabled:v3.from<=1,children:E.jsx(H6,{size:"small",name:"double-arrow-left"})}),E.jsxs("div",{className:na.pageBtns,children:[E.jsx(E6,{id:"jump-to-prev",className:`${na.btnHover} dbn-border-none dbn-rounded-r-none`,variant:"popover",type:"button",onClick:()=>{K2.previousPage()},isDisabled:v3.from<=1,style:{height:"calc(1.75rem - 1.6px)"},children:E.jsx(H6,{size:"small",name:"caret-left"})}),E.jsx("div",{className:na.pageInfo,children:P?E.jsx(c5,{type:"number",value:K,min:1,max:K2.getPageCount(),onChange:i0=>{let b3=Math.min(Number(i0.target.value),K2.getPageCount());b3===0&&(b3=1),f2(b3)},onKeyDown:i0=>{i0.key=="Enter"&&(K2.setPageIndex(K-1),W(!1))},style:{height:"calc(1.75rem - 1.6px)"},className:"dbn-text-xs dbn-w-full dbn-rounded-none",containerClassName:"dbn-border-none dbn-outline-none "}):E.jsxs("div",{className:"dbn-flex dbn-gap-1 dbn-px-1 dbn-overflow-x-hidden",onClick:()=>W(!0),title:`${((c0==null?void 0:c0.pageIndex)||0)+1} of ${K2.getPageCount()}`,children:[E.jsx(A8,{variant:"body-text-3",className:"dbn-font-medium dbn-truncate",children:((c0==null?void 0:c0.pageIndex)||0)+1}),E.jsx(A8,{variant:"body-text-3",className:"dbn-font-medium",children:"of"}),E.jsx(A8,{variant:"body-text-3",className:"dbn-font-medium dbn-truncate",children:K2.getPageCount()})]})}),E.jsx(E6,{id:"jump-to-next",className:`${na.btnHover} dbn-border-none dbn-rounded-l-none`,variant:"popover",type:"button",onClick:()=>{K2.nextPage()},isDisabled:v3.to>=v3.total,style:{height:"calc(1.75rem - 1.6px)"},children:E.jsx(H6,{size:"small",name:"caret-right"})})]}),E.jsx(E6,{id:"jump-to-end",className:na.btnHover,variant:"popover",type:"button",onClick:()=>{K2.setPageIndex(K2.getPageCount()-1)},isDisabled:v3.to>=v3.total,children:E.jsx(H6,{size:"small",name:"double-arrow-right"})})]})})]}):null]}):null,(!(t!=null&&t.length)||!(C!=null&&C.length))&&!n&&!i.length&&E.jsxs("div",{className:na.noData,children:[E.jsx("img",{src:Am,alt:"no-data",width:"200px",height:"200px"}),E.jsx(A8,{variant:"body-text-1",children:"No data available"}),E.jsx(A8,{variant:"body-text-1",children:"Generate your query to visualise data"})]}),i&&E.jsx("div",{className:na.error,children:E.jsx(A8,{variant:"body-text-1",children:i})})]})},dA={container:"_container_1ytuf_1",borderLessContainer:"_borderLessContainer_1ytuf_7",chartClickAction:"_chartClickAction_1ytuf_25",comparisonDiv:"_comparisonDiv_1ytuf_33",comparisonValue:"_comparisonValue_1ytuf_41",positiveComparisonText:"_positiveComparisonText_1ytuf_49",negativeComparisonText:"_negativeComparisonText_1ytuf_55",comparisonPeriod:"_comparisonPeriod_1ytuf_61",valueContainer:"_valueContainer_1ytuf_67",leftAlign:"_leftAlign_1ytuf_73",rightAlign:"_rightAlign_1ytuf_79",singleValue:"_singleValue_1ytuf_85",subHeader:"_subHeader_1ytuf_91",buttonText:"_buttonText_1ytuf_111",chartUnavailable:"_chartUnavailable_1ytuf_131",noChart:"_noChart_1ytuf_139"},Bn0=({value:t,settings:n,chartClickConfig:i,hideBorder:o,className:a="",onChartReady:s,comparisonValue:r,trendLineOptions:C,events:l,originalValue:e,variables:A,language:u,translationDictionary:f,setHoverSubHeader:d,onChartClickWithMetric:g})=>{const[h,I]=X0.useState(""),y=X0.useRef(null),w=X0.useRef(null),{valueFont:V,subHeaderFont:D,changeVariableFont:P,changeIconSize:W}=X0.useMemo(()=>{const M2={fontSize:`${(n==null?void 0:n.subHeaderFontSize)||14}px`,fontWeight:(n==null?void 0:n.subHeaderFontWeight)||"400",color:(n==null?void 0:n.subHeaderFontColor)||"#717171"},U2={fontSize:`${(n==null?void 0:n.fontSize)||30}px`,color:h},Y2=F0=>F0<=16?F0+4:F0<=24?F0+6:F0+8,c0={fontSize:`${(n==null?void 0:n.comparisonValueFontSize)||12}px`,lineHeight:`${Y2(n==null?void 0:n.comparisonValueFontSize)}px`,fontWeight:"500"},h0=`${(n==null?void 0:n.comparisonValueFontSize)||12}px`;return{valueFont:U2,subHeaderFont:M2,changeVariableFont:c0,changeIconSize:h0}},[n==null?void 0:n.subHeaderFontSize,n==null?void 0:n.subHeaderFontWeight,n==null?void 0:n.subHeaderFontColor,n==null?void 0:n.fontSize,h]),K=X0.useMemo(()=>{if(!t)return"empty";const M2=t.toString().replace(/[\r\n\t]/g,"").replace(/\s+/g,"").replace(/[^a-zA-Z0-9]/g,"");if(M2.length===0)return"empty-empty";const U2=M2.slice(0,4),Y2=M2.slice(-4);return`${U2}-${Y2}`.toLowerCase()},[t]);X0.useEffect(()=>{const M2=new ResizeObserver(()=>{var U2,Y2;(Y2=(U2=w==null?void 0:w.current)==null?void 0:U2.getEchartsInstance())==null||Y2.resize()});return y!=null&&y.current&&(M2==null||M2.observe(y==null?void 0:y.current)),()=>M2==null?void 0:M2.disconnect()},[]),X0.useEffect(()=>{(t||n)&&(s==null||s())},[t,n]),X0.useEffect(()=>{var U2,Y2,c0;let M2=!1;if((U2=n==null?void 0:n.conditionalFormatter)!=null&&U2.length&&e){const h0=(Y2=n==null?void 0:n.conditionalFormatter)==null?void 0:Y2.filter(I0=>!(I0!=null&&I0.type)||(I0==null?void 0:I0.type)==="range"),F0=(c0=n==null?void 0:n.conditionalFormatter)==null?void 0:c0.filter(I0=>(I0==null?void 0:I0.type)==="string");if(typeof e=="number"&&(h0!=null&&h0.length)&&(h0==null||h0.forEach(I0=>{var e0;(!(I0!=null&&I0.type)||I0.type==="range")&&((e0=I0==null?void 0:I0.min)!=null&&e0.toString())&&(I0!=null&&I0.max)&&I0.min<=Number(e)&&(I0==null?void 0:I0.max)>=Number(e)&&(I((I0==null?void 0:I0.color)??(n==null?void 0:n.fontColor)??"#000000"),M2=!0)})),typeof e=="string"&&(F0!=null&&F0.length)){const I0=hk({rules:F0==null?void 0:F0.map(e0=>({operator:(e0==null?void 0:e0.operator)||"isEqualTo",styles:e0==null?void 0:e0.color,value:(e0==null?void 0:e0.text)||""})),value:e});I0&&typeof I0!="object"&&(I(I0??(n==null?void 0:n.fontColor)??"#000000"),M2=!0)}}M2||I((n==null?void 0:n.fontColor)||"#000000")},[n==null?void 0:n.conditionalFormatter,n==null?void 0:n.fontColor,e]);const f2=X0.useMemo(()=>n!=null&&n.isEnableTruncate?mC(t.toString(),(n==null?void 0:n.truncateValue)||0):t,[t,n==null?void 0:n.isEnableTruncate,n==null?void 0:n.truncateValue]),T2=X0.useMemo(()=>n!=null&&n.prefix?HC({text:rl((n==null?void 0:n.prefix)||"^^^^^",A),selectedLanguage:u,translationDictionary:f}):"",[A,n==null?void 0:n.prefix,u,f]),C2=X0.useMemo(()=>n!=null&&n.suffix?HC({text:rl((n==null?void 0:n.suffix)||"^^^^^",A),selectedLanguage:u,translationDictionary:f}):"",[A,n==null?void 0:n.suffix,u,f]),g2=()=>{var F0,I0,e0,U0,m0,j0,v1,K2;const M2=`valueContainer-${K}`,U2=`singleValue-${K}`,Y2=document.querySelector(`[data-testid="${M2}"]`)||((I0=(F0=document.querySelector("dbn-dashboard"))==null?void 0:F0.shadowRoot)==null?void 0:I0.querySelector(`[data-testid="${M2}"]`))||((U0=(e0=document.querySelector("dbn-metric"))==null?void 0:e0.shadowRoot)==null?void 0:U0.querySelector(`[data-testid="${M2}"]`)),c0=document.querySelector(`[data-testid="${U2}"]`)||((j0=(m0=document.querySelector("dbn-dashboard"))==null?void 0:m0.shadowRoot)==null?void 0:j0.querySelector(`[data-testid="${U2}"]`))||((K2=(v1=document.querySelector("dbn-metric"))==null?void 0:v1.shadowRoot)==null?void 0:K2.querySelector(`[data-testid="${U2}"]`));if(!Y2||!c0)return;let h0=30;for(c0.style.fontSize=h0+"px";((c0==null?void 0:c0.scrollWidth)>(Y2==null?void 0:Y2.clientWidth)||(c0==null?void 0:c0.scrollHeight)>(Y2==null?void 0:Y2.clientHeight))&&(h0--,!(h0<=1));)c0.style.fontSize=h0+"px"};X0.useEffect(()=>{var M2,U2,Y2,c0;if(window.removeEventListener("resize",g2),!(n!=null&&n.fontSize)&&K){g2(),window.addEventListener("resize",g2);const h0=new ResizeObserver(()=>{g2()}),F0=`valueContainer-${K}`,I0=document.querySelector(`[data-testid="${F0}"]`)||((U2=(M2=document.querySelector("dbn-dashboard"))==null?void 0:M2.shadowRoot)==null?void 0:U2.querySelector(`[data-testid="${F0}"]`))||((c0=(Y2=document.querySelector("dbn-metric"))==null?void 0:Y2.shadowRoot)==null?void 0:c0.querySelector(`[data-testid="${F0}"]`));return I0&&h0.observe(I0),()=>{window.removeEventListener("resize",g2),h0.disconnect()}}},[n==null?void 0:n.fontSize,K]),X0.useEffect(()=>{if(!(n!=null&&n.fontSize)&&K){const M2=setTimeout(()=>{g2()},100);return()=>clearInterval(M2)}},[K,n==null?void 0:n.fontSize]);const{alignmentClass:N2,subAlignmentClass:H2}=X0.useMemo(()=>{const M2=(n==null?void 0:n.alignment)==="left"?dA.leftAlign:(n==null?void 0:n.alignment)==="right"?dA.rightAlign:"",U2=(n==null?void 0:n.subHeaderAlignment)==="left"?dA.leftAlign:(n==null?void 0:n.subHeaderAlignment)==="right"?dA.rightAlign:"";return{alignmentClass:M2||"",subAlignmentClass:U2||""}},[n==null?void 0:n.alignment,n==null?void 0:n.subHeaderAlignment]);return E.jsxs("div",{className:`${a} ${o?dA.borderLessContainer:dA.container}`,style:{background:(n==null?void 0:n.metricCardColor)||""},children:[E.jsxs("div",{className:`${dA.valueContainer} ${n!=null&&n.subHeaderShow&&(n!=null&&n.displayText)?"dbn-mt-1 dbn-justify-start":""} ${N2} `,onContextMenu:M2=>M2.preventDefault(),style:{background:(n==null?void 0:n.metricCardColor)||""},"data-testid":`valueContainer-${K}`,children:[E.jsxs("div",{style:V,onClick:M2=>{g?g():i!=null&&i.isEnable?l.click():l.contextmenu()},onContextMenu:M2=>{g?g():i!=null&&i.isEnable?l.click():l.contextmenu()},className:`${i!=null&&i.isEnable?dA.chartClickAction:""} ${dA.singleValue}`,"data-testid":`singleValue-${K}`,children:[T2,f2,C2]}),(n==null?void 0:n.subHeaderShow)&&E.jsx("div",{className:`dbn-w-full dbn-flex dbn-flex-col ${H2}`,children:E.jsx(as,{text:n==null?void 0:n.displayText,position:"bottom",isSingleLineTxt:!1,className:"dbn-max-w-full",children:E.jsx("div",{style:D,onClick:()=>{i&&FK(i,(n==null?void 0:n.displayText)||"")},className:dA.subHeader,onMouseEnter:()=>d==null?void 0:d(!0),onMouseLeave:()=>d==null?void 0:d(!1),children:n==null?void 0:n.displayText})})})]}),r&&!r.includes("NaN")&&E.jsxs("div",{className:dA.comparisonDiv,style:{background:(n==null?void 0:n.metricCardColor)||""},children:[(n==null?void 0:n.comparisonTimePeriod)&&E.jsxs("span",{className:dA.comparisonPeriod,children:["vs",n!=null&&n.comparisonMapValue?` ${n==null?void 0:n.comparisonMapValue}`:` Last ${n.comparisonTimePeriod} ${n.comparisonTimeGrain}`]}),E.jsx("div",{style:P,className:dA.comparisonValue,children:E.jsxs("span",{style:P,className:parseFloat(r.toString())>0?n!=null&&n.upVariant&&(n==null?void 0:n.upVariant)==="danger"?dA.negativeComparisonText:dA.positiveComparisonText:n!=null&&n.downVariant&&(n==null?void 0:n.downVariant)==="success"?dA.positiveComparisonText:dA.negativeComparisonText,children:[parseFloat(r.toString())>0?E.jsx(H6,{name:"arrow-up-2",color:(n==null?void 0:n.upVariant)==="danger"?"warning-badge-txt":"success-badge-txt",width:W,height:W}):E.jsx(H6,{name:"arrow-down-2",color:(n==null?void 0:n.downVariant)==="success"?"success-badge-txt":"warning-badge-txt",width:W,height:W}),r," ",n==null?void 0:n.comparisonSuffix]})})]}),r&&!r.includes("NaN")&&C&&E.jsx("div",{ref:y,style:{width:"100%",height:"100%"},children:E.jsx($p,{ref:w,style:{width:"100%",height:"100%"},option:C,notMerge:!0})})]})},yn0=T9.memo(Bn0),Cs={tableData:"_tableData_1w6zb_1",tableScroll:"_tableScroll_1w6zb_7",tableScrollV3:"_tableScrollV3_1w6zb_13",tableSet:"_tableSet_1w6zb_19",tableHeadCol:"_tableHeadCol_1w6zb_25",row:"_row_1w6zb_37",tableRowCol:"_tableRowCol_1w6zb_49",tableMetricHeadCol:"_tableMetricHeadCol_1w6zb_55",rowP2:"_rowP2_1w6zb_107",rowP3:"_rowP3_1w6zb_113",tableHeadColP2:"_tableHeadColP2_1w6zb_119",tableHeadColP3:"_tableHeadColP3_1w6zb_125",tableRowColP2:"_tableRowColP2_1w6zb_131",tableRowColP3:"_tableRowColP3_1w6zb_139",rowHoverP2:"_rowHoverP2_1w6zb_145",sortContainer:"_sortContainer_1w6zb_159",sortButtons:"_sortButtons_1w6zb_167",marginBottom:"_marginBottom_1w6zb_173"},Ln0=({data:t,pivotTableSettings:n,onChartReady:i})=>{X0.useEffect(()=>{(t!=null&&t.length||n)&&(i==null||i())},[t,i,n]);const o=(n==null?void 0:n.rows)||[],a=(n==null?void 0:n.columns)||[],s=QY(t,a,o);return E.jsx("div",{className:Cs.tableData,children:E.jsx("div",{className:Cs.tableScroll,children:E.jsx("div",{className:Cs.tableSet,children:E.jsxs("table",{role:"grid",children:[E.jsxs("thead",{children:[E.jsxs("tr",{className:Cs.row,children:[E.jsx("td",{className:Cs.tableHeadCol,children:"metric"}),o==null?void 0:o.map(r=>E.jsx("td",{colSpan:t.length,rowSpan:1,className:Cs.tableMetricHeadCol,children:r},r))]}),a==null?void 0:a.map((r,C)=>E.jsxs("tr",{className:Cs.row,children:[E.jsx("td",{className:Cs.tableHeadCol,children:r}),o==null?void 0:o.map(()=>{var l;return(l=s[r])==null?void 0:l.map((e,A)=>{var u;return E.jsx("td",{colSpan:e.count,rowSpan:1,className:Cs.tableHeadCol,children:(u=e.name)==null?void 0:u.toString()},A)})})]},C))]}),E.jsx("tbody",{children:E.jsxs("tr",{children:[E.jsx("th",{colSpan:1,className:Cs.tableHeadCol,children:"value"}),o==null?void 0:o.map(r=>{var C;return(C=s[r])==null?void 0:C.map((l,e)=>E.jsx("td",{role:"gridcell",className:Cs.tableRowCol,children:Bh(l.name,!0)},e))})]})})]})})})})},wn0=({props:{columns:t,data:n,rows:i,headerSettings:o,formatSettings:a}})=>{const s=X0.useMemo(()=>t.filter(A=>!i.includes(A)),[t,i]),[r,C]=X0.useState({}),l=A=>{C(u=>({...u,[A]:!u[A]}))},e=(A,u=0,f="")=>{if(u>=i.length)return A==null?void 0:A.map((h,I)=>E.jsx("tr",{className:"dbn-border-b dbn-border-secondary",children:s==null?void 0:s.map((y,w)=>{var P,W;const V=(a==null?void 0:a.isEnableFormatting)&&((P=a==null?void 0:a.formatColumns)==null?void 0:P.includes(y));let D=(W=h[y])==null?void 0:W.toString();return V&&(D=Q5(l5(D,a==null?void 0:a.numberFormatter),a==null?void 0:a.prefix,a==null?void 0:a.suffix)),E.jsx("td",{className:`dbn-py-2.5 dbn-text-sm ${w===0?"":"dbn-px-4"}`,style:w==0?{paddingLeft:u*20+28}:{},children:E.jsx(A8,{variant:"body-text-2",className:"dbn-text-txt-light",children:D})},y)})},f+I));const d=i[u],g=Array.from(new Set(A==null?void 0:A.map(h=>h[d])));return g==null?void 0:g.map(h=>{const I=`${f}${h}_`,y=r[I];return E.jsxs(T9.Fragment,{children:[E.jsx("tr",{className:`${Cs.tableRowColP3}`,style:{backgroundColor:y&&u===0?"#F7F7F7":""},onClick:()=>l(I),children:E.jsx("td",{colSpan:s.length,className:"hover:dbn-cursor-pointer",style:{paddingLeft:u===0?8:u*21},children:E.jsxs(bC,{className:"dbn-px-4 dbn-py-2.5 dbn-gap-2",children:[E.jsx(E6,{variant:"popover",className:`dbn-flex dbn-items-center ${y?"":"-dbn-rotate-90"}`,children:E.jsx(H6,{name:"caret-down-fill"})}),d,": ",h]})})}),y&&e(A.filter(w=>w[d]===h),u+1,I)]},I)})};return E.jsx("div",{className:Cs.tableData,children:E.jsx("div",{className:Cs.tableScrollV3,children:E.jsx("div",{className:Cs.tableSet,children:E.jsxs("table",{className:"dbn-w-full dbn-h-full",children:[E.jsx("thead",{children:E.jsx("tr",{className:Cs.rowP3,children:s==null?void 0:s.map((A,u)=>E.jsx("th",{className:Cs.tableHeadColP3,style:{backgroundColor:o!=null&&o.isEnabled?o.color:"",color:o==null?void 0:o.textColor,paddingLeft:u===0?"28px":"",paddingRight:u===(s==null?void 0:s.length)-1?"28px":""},children:A},`${A}-${u}`))})}),E.jsx("tbody",{children:e(n)})]})})})})},Qn0=({chartType:t,text:n="This chart is no longer available.",subText:i})=>{var a,s;const o=(s=(a=_O.flatMap(r=>r.value))==null?void 0:a.find(r=>{var C;return((C=r.name)==null?void 0:C.toLowerCase())===t}))==null?void 0:s.disabledIcon;return E.jsxs("div",{className:dA.chartUnavailable,children:[E.jsx("img",{src:o,alt:"chart-not-available",className:dA.noChart}),E.jsxs("div",{className:"dbn-flex dbn-flex-col dbn-gap-1 dbn-items-center",children:[E.jsx(A8,{variant:"sec-heading-4",color:"primary",children:n}),E.jsx(A8,{variant:"body-text-3",color:"gray",children:i})]})]})},KK=({echartsInstance:t,optionsObj:n,params:i,isGantt:o})=>{var l,e,A,u,f,d,g,h,I,y,w,V,D,P,W;if(!t||t.isDisposed()||!(i!=null&&i.name))return;const a=(t==null?void 0:t.id)||"default-chart",s=window;s!=null&&s.chartSelections||(s.chartSelections={}),(l=s==null?void 0:s.chartSelections)!=null&&l[a]||(s.chartSelections[a]={items:{},isFirstClick:!0},(A=(e=n==null?void 0:n.legend)==null?void 0:e.data)==null||A.forEach(K=>{typeof K!="object"&&(s.chartSelections[a].items[K]=!0),typeof K=="object"&&(s.chartSelections[a].items[K==null?void 0:K.name]=!0)}));const r=(u=s==null?void 0:s.chartSelections)==null?void 0:u[a];r!=null&&r.isFirstClick?((d=(f=n==null?void 0:n.legend)==null?void 0:f.data)==null||d.forEach(K=>{typeof K!="object"&&(r.items[K]=K===(i==null?void 0:i.name)),typeof K=="object"&&(r.items[K==null?void 0:K.name]=(K==null?void 0:K.name)===(i==null?void 0:i.name))}),r.isFirstClick=!1):r.items[i.name]=!((g=r==null?void 0:r.items)!=null&&g[i==null?void 0:i.name]),Object.values((r==null?void 0:r.items)||{}).every(K=>!K)&&((h=Object.keys((r==null?void 0:r.items)||[]))!=null&&h.length)&&((y=(I=n==null?void 0:n.legend)==null?void 0:I.data)==null||y.forEach(K=>{typeof K!="object"&&(r.items[K]=!0),typeof K=="object"&&(r.items[K==null?void 0:K.name]=!0)}),r.isFirstClick=!0);try{if(o){const K=Object.entries(r.items||{}).filter(([C2,g2])=>g2===!0).map(([C2])=>C2),f2=(D=(V=(w=n==null?void 0:n.series)==null?void 0:w[0])==null?void 0:V.data)==null?void 0:D.filter(C2=>K==null?void 0:K.includes(C2==null?void 0:C2.name)),T2=[{...(P=n==null?void 0:n.series)==null?void 0:P[0],data:f2},...(W=n==null?void 0:n.series)==null?void 0:W.slice(1)];t.setOption({legend:{...n==null?void 0:n.legend,selected:r==null?void 0:r.items},...o?{series:T2}:{}})}else t.setOption({legend:{...n==null?void 0:n.legend,selected:r==null?void 0:r.items}})}catch(K){console.error("Failed to update chart options",K)}},Mn0=T9.memo(({chartHeight:t,hasDecreasedHeight:n,config:i,chartOptions:o,options:a,className:s,events:r,chartRef:C})=>{const l=T9.useMemo(()=>({width:"100%",height:n&&(t||0)>=6?"100px":n&&!t?"40%":"100%"}),[t,n]),e=T9.useMemo(()=>{var A,u;return(u=(A=o.customSettings)==null?void 0:A.chartZoom)!=null&&u.isZoomEnabled?{...a,animation:!0}:{...a,animation:!1}},[o,a]);return E.jsx($p,{style:l,...i,option:e,className:s,onEvents:{...r,legendselectchanged:(A,u)=>{KK({echartsInstance:u,optionsObj:e,params:A,isGantt:(o==null?void 0:o.chartType)===M0.gantt})}},ref:C,notMerge:!0})},(t,n)=>!(t.chartHeight!==n.chartHeight||t.hasDecreasedHeight!==n.hasDecreasedHeight||t.className!==n.className||JSON.stringify(t.config)!==JSON.stringify(n.config)||JSON.stringify(t.events)!==JSON.stringify(n.events)||JSON.stringify(t.chartOptions)!==JSON.stringify(n.chartOptions)||JSON.stringify(t.options)!==JSON.stringify(n.options))),wy=T9.memo(({chartOptions:t,data:n,events:i,colors:o,config:a,className:s,isShowFullScreen:r,isShowFullScreenEnabled:C,sortOrder:l,onMaximize:e,onDrillPivotTable:A,pivotDrillState:u,isPythonMode:f,seriesName:d="",isSortReversed:g,chartHeight:h,chartAppearance:I,metricCardColor:y,isMetricCard:w,isDashboard:V,externalGlobalFilter:D,setExternalGlobalFilter:P,variables:W,language:K,translationDictionary:f2,setHoverSubHeader:T2,drilldownCols:C2,isEnableDrillDown:g2,dateFilter:N2,chartFontSettings:H2,downloadData:M2,isDownloading:U2,generatingPdf:Y2})=>{var I1,i3,l7,M7,n7,_3,W7,s8,E8,F8,$7,R8,f6,k6,b9,F9,s6,D9,o5,a4,L5,o4,B5,F6,J1,Z9,p8,l6,S8,S6,F3,Y3,w7,O7,r7,m7,u8,N8;const[c0,h0]=X0.useState(),F0=X0.useRef(null),I0=X0.useRef(null),e0=X0.useMemo(()=>{let M8=n;return l===C22&&(M8=n.sort((X8,i7)=>X8[d]-i7[d])),l===l22&&(M8=n.sort((X8,i7)=>i7[d]-X8[d])),g&&(M8=[...M8].reverse()),yS({isDashboard:V,chartOptions:t,data:M8,colors:o,geoJsonData:c0,isPythonMode:f,chartHeight:h,chartAppearance:I,chartRef:F0,metricCardColor:y,language:K,translationDictionary:f2,drilldownCols:C2,isEnableDrillDown:g2,dateFilter:N2,chartFontSettings:H2})},[n,JSON.stringify(H2),JSON.stringify(t),JSON.stringify(o),c0,l,d,g,h,I,F0,y,f2,K,C2,g2,N2,V]),[U0,m0]=X0.useState(e0),[j0,v1]=X0.useState(e0==null?void 0:e0.geoOption),[K2,v3]=X0.useState(e0),[N1,z1]=X0.useState(0),[$3,V7]=X0.useState(0),[p3,a7]=X0.useState(0),[p7,X7]=X0.useState([]),[H7,J7]=X0.useState(!1),M3=X0.useMemo(()=>[M0.indianMap,M0.geoBarMap,M0.geoMap,M0.geoScatterMap,M0.worldMap].includes(t.chartType),[t.chartType]),i0=X0.useMemo(()=>[M0.worldMap,M0.indianMap].includes((t==null?void 0:t.chartType)||"")&&c0&&n.length&&(t==null?void 0:t.xAxis),[c0,n.length,t==null?void 0:t.xAxis,t.chartType]);X0.useEffect(()=>{if(M3){const M8=[M0.geoBarMap,M0.geoMap,M0.geoScatterMap].includes(t.chartType);h0(null),M8?Promise.resolve().then(()=>tl0).then(X8=>h0(X8.default)):(t==null?void 0:t.chartType)===M0.indianMap?Promise.resolve().then(()=>rl0).then(X8=>h0(X8.default)):Promise.resolve().then(()=>nl0).then(X8=>h0(X8.default))}},[t.chartType]),X0.useEffect(()=>{var M8;(M8=t.customSettings)!=null&&M8.showDynamicBehaviour&&t.chartType&&m0(yS({isDashboard:V,chartOptions:t,data:n.slice(0,10),colors:o,isPythonMode:f,language:K,translationDictionary:f2,dateFilter:N2}))},[t,o,n,K,f2,N2,V]),X0.useEffect(()=>{var i7;let M8=10,X8=0;if((i7=t.customSettings)!=null&&i7.showDynamicBehaviour){const J8=setInterval(()=>{if(M8>=n.length){m0(a9=>({...a9,animation:!1})),clearInterval(J8);return}const m6=n.slice(X8,M8+10),i9=yS({isDashboard:V,chartOptions:t,data:m6,colors:o,isPythonMode:f,translationDictionary:f2,language:K,dateFilter:N2});m0(i9),M8+=10,X8+=5},1e3);return()=>clearInterval(J8)}},[t,n,o,f2,K,N2,V]);const b3=X0.useMemo(()=>[M0.linearGauge,M0.progressBar].includes(t==null?void 0:t.chartType),[t.chartType]);let o8=!0,q7;X0.useEffect(()=>{const M8=setTimeout(()=>{var J8,m6,i9,a9,i6,O3,r5,D6,q6,n6,d4,B4;const X8=(a==null?void 0:a.ref)??I0,i7=(J8=X8==null?void 0:X8.current)==null?void 0:J8.getEchartsInstance();if(!(!i7||qO.includes((t==null?void 0:t.chartType)||"")))try{const g4=(i6=(a9=(i9=(m6=i7._componentsViews)==null?void 0:m6.find(y6=>(y6==null?void 0:y6.type)==="grid"))==null?void 0:i9.__model)==null?void 0:a9.coordinateSystem)==null?void 0:i6._rect;g4!=null&&g4.width&&a7(g4.width);const L4=(O3=i7._componentsViews)==null?void 0:O3.find(y6=>(y6==null?void 0:y6.type)==="legend.scroll"||(y6==null?void 0:y6.type)==="legend.plain"),y5=((D6=(r5=L4==null?void 0:L4._backgroundEl)==null?void 0:r5.shape)==null?void 0:D6.width)||0,O5=((n6=(q6=L4==null?void 0:L4._backgroundEl)==null?void 0:q6.shape)==null?void 0:n6.height)||0;!((d4=t==null?void 0:t.legendSettings)!=null&&d4.customise)&&((B4=t==null?void 0:t.legendSettings)!=null&&B4.show)?(z1(y5),V7(O5)):(z1(0),V7(0))}catch(g4){console.error("Error accessing chart properties:",g4)}},300);return()=>clearTimeout(M8)},[a==null?void 0:a.ref,I0,t,qO]),X0.useEffect(()=>{const M8=setTimeout(()=>{var J8,m6,i9,a9,i6,O3,r5,D6,q6,n6,d4,B4,g4,L4,y5,O5,y6,B9,h6,d6,T6,z5,s9,H5,x9,K5,W5,u6,X9,k9,M9,Y9,s5,_5,g5,S9,j4,X4,P4,st,$4,ve,ie,ye,g9,N5,C4,Z4,fe,Ce,o1,A3,K3,D3,t8,C3,C7,d7,j7,_8,j3,f7,T8,a6,l3,_7,i8,K8,g6,u9,$6,V9,P9,j9,J5,N4,h4,y4,Ct,Qt,tr,mr,An,un,Zi,Ti,Fi,oo,ao,Ui,so,Io,Mo,_e;const X8=(m6=(J8=(a==null?void 0:a.ref)??I0)==null?void 0:J8.current)==null?void 0:m6.getEchartsInstance();let i7=e0;if(X8&&!qO.includes((t==null?void 0:t.chartType)||"")){const cr=(X8==null?void 0:X8.getWidth())||0,tn=(X8==null?void 0:X8.getHeight())||0,ui=((i6=(a9=(i9=e0==null?void 0:e0.xAxis)==null?void 0:i9[0])==null?void 0:a9.data)==null?void 0:i6.length)||((r5=(O3=e0==null?void 0:e0.xAxis)==null?void 0:O3.data)==null?void 0:r5.length)||0,zi=p3/ui*.7/((D6=e0==null?void 0:e0.series)==null?void 0:D6.length),Gi=[M0.bar].includes(t==null?void 0:t.chartType)&&((t==null?void 0:t.isDynamicSeries)&&(t==null?void 0:t.seriesField)!=="ungrouped"||(t==null?void 0:t.seriesField)!=="ungrouped"),xi=(n6=(q6=t==null?void 0:t.customSettings)==null?void 0:q6.chartZoom)!=null&&n6.isZoomEnabled&&["xy","y"].includes(((B4=(d4=t==null?void 0:t.customSettings)==null?void 0:d4.chartZoom)==null?void 0:B4.zoomAxis)||"")?40:0,br=(g4=t==null?void 0:t.legendSettings)==null?void 0:g4.disableScroll,o6=((y5=(L4=t==null?void 0:t.customSettings)==null?void 0:L4.chartZoom)==null?void 0:y5.isZoomEnabled)&&["x","xy"].includes(((y6=(O5=t==null?void 0:t.customSettings)==null?void 0:O5.chartZoom)==null?void 0:y6.zoomAxis)||""),e6=o6?40:0;let r9=0,B6=0;if(w22.includes(((B9=t==null?void 0:t.legendSettings)==null?void 0:B9.fixedPosition)||"")&&(r9=$3/tn*100||0),hx.includes(((h6=t==null?void 0:t.legendSettings)==null?void 0:h6.fixedPosition)||"")&&(B6=$3/tn*100||0),(d6=(a==null?void 0:a.ref)??I0)!=null&&d6.current&&((T6=t==null?void 0:t.legendSettings)==null?void 0:T6.position)==="vertical"&&ab2.includes(((z5=t==null?void 0:t.legendSettings)==null?void 0:z5.fixedPosition)||"")&&(t==null?void 0:t.chartType)!==M0.horizontalCombo)if((t==null?void 0:t.chartType)===M0.combo||(t==null?void 0:t.chartType)===M0.timeSeries&&((x9=(H5=(s9=t==null?void 0:t.timeSeriesSettings)==null?void 0:s9.seriesType)==null?void 0:H5[0])==null?void 0:x9.type)==="combo"){let v9=(((e0==null?void 0:e0.leftOffset)+5||0)+xi)/cr*100,N6=((e0==null?void 0:e0.rightOffset)+5||0)/cr*100;Ih.includes(((K5=t==null?void 0:t.legendSettings)==null?void 0:K5.fixedPosition)||"")&&(N6=((e0==null?void 0:e0.rightOffset)+5||0)/cr*100,v9=(N1+((e0==null?void 0:e0.leftOffset)+5||0))/cr*100),tb.includes(((W5=t==null?void 0:t.legendSettings)==null?void 0:W5.fixedPosition)||"")&&(N6=(N1+((e0==null?void 0:e0.rightOffset)+5||0))/cr*100,v9=((e0==null?void 0:e0.leftOffset)+5||0)/cr*100);const W9=(X9=(u6=t==null?void 0:t.customSettings)==null?void 0:u6.chartZoom)!=null&&X9.isZoomEnabled?(k9=e0==null?void 0:e0.dataZoom)==null?void 0:k9.map(E5=>{var r6;return E5.orient==="vertical"?{...E5,left:Ih.includes(((r6=t==null?void 0:t.legendSettings)==null?void 0:r6.fixedPosition)||"")?N1:5}:E5}):e0==null?void 0:e0.dataZoom;i7={...e0,grid:{...e0==null?void 0:e0.grid,left:`${(((M9=t==null?void 0:t.margins)==null?void 0:M9.marginLeft)||0)+v9}%`,right:`${(((Y9=t==null?void 0:t.margins)==null?void 0:Y9.marginRight)||0)+N6}%`},...(_5=(s5=t==null?void 0:t.customSettings)==null?void 0:s5.chartZoom)!=null&&_5.isZoomEnabled?{dataZoom:W9}:{}}}else{const v9=N1/cr*100,N6=(S9=(g5=t==null?void 0:t.customSettings)==null?void 0:g5.chartZoom)!=null&&S9.isZoomEnabled?(j4=e0==null?void 0:e0.dataZoom)==null?void 0:j4.map(W9=>{var E5;return W9.orient==="vertical"?{...W9,left:Ih.includes(((E5=t==null?void 0:t.legendSettings)==null?void 0:E5.fixedPosition)||"")?N1:5}:W9}):e0==null?void 0:e0.dataZoom;i7={...e0,grid:{...e0==null?void 0:e0.grid,...Ih.includes(((X4=t==null?void 0:t.legendSettings)==null?void 0:X4.fixedPosition)||"")?{left:`${(((P4=t==null?void 0:t.margins)==null?void 0:P4.marginLeft)||0)+v9}%`,right:`${((st=t==null?void 0:t.margins)==null?void 0:st.marginRight)||0}%`}:{},...($4=t==null?void 0:t.legendSettings)!=null&&$4.position&&tb.includes(((ve=t==null?void 0:t.legendSettings)==null?void 0:ve.fixedPosition)||"")?{left:`${((ie=t==null?void 0:t.margins)==null?void 0:ie.marginLeft)||0}%`,right:`${(((ye=t==null?void 0:t.margins)==null?void 0:ye.marginRight)||0)+v9}%`}:{}},...(N5=(g9=t==null?void 0:t.customSettings)==null?void 0:g9.chartZoom)!=null&&N5.isZoomEnabled&&Ih.includes(((C4=t==null?void 0:t.legendSettings)==null?void 0:C4.fixedPosition)||"")?{dataZoom:N6}:{},...Gi?{series:(Z4=e0==null?void 0:e0.series)==null?void 0:Z4.map((W9,E5)=>({...W9,barWidth:zi,itemStyle:{...W9.itemStyle,color:e0.colors[E5]}}))}:{}}}else if((fe=(a==null?void 0:a.ref)??I0)!=null&&fe.current&&(t==null?void 0:t.chartType)===M0.horizontalCombo){const v9=N1/cr*100;let N6=((e0==null?void 0:e0.bottomOffset)||0)/tn*100,W9=((e0==null?void 0:e0.topOffset)||0)/tn*100;hx.includes(((Ce=t==null?void 0:t.legendSettings)==null?void 0:Ce.fixedPosition)||"")&&((o1=t==null?void 0:t.legendSettings)==null?void 0:o1.position)==="horizontal"&&(W9=((e0==null?void 0:e0.topOffset)+5||0)/tn*100,N6=(($3||25)+((e0==null?void 0:e0.bottomOffset)+5||0))/tn*100),w22.includes(((A3=t==null?void 0:t.legendSettings)==null?void 0:A3.fixedPosition)||"")&&((K3=t==null?void 0:t.legendSettings)==null?void 0:K3.position)==="horizontal"&&(W9=(($3||25)+((e0==null?void 0:e0.topOffset)+5||0))/tn*100,N6=((e0==null?void 0:e0.bottomOffset)+5||0)/tn*100);const E5=(t8=(D3=t==null?void 0:t.customSettings)==null?void 0:D3.chartZoom)!=null&&t8.isZoomEnabled?(C3=e0==null?void 0:e0.dataZoom)==null?void 0:C3.map(r6=>{var C9;return r6.orient==="horizontal"?{...r6,bottom:hx.includes(((C9=t==null?void 0:t.legendSettings)==null?void 0:C9.fixedPosition)||"")?$3:5}:r6}):e0==null?void 0:e0.dataZoom;i7={...e0,grid:{...e0==null?void 0:e0.grid,top:`${(((C7=t==null?void 0:t.margins)==null?void 0:C7.marginTop)||0)+W9}%`,bottom:`${(((d7=t==null?void 0:t.margins)==null?void 0:d7.marginBottom)||0)+N6+(o6?5:0)}%`,...Ih.includes(((j7=t==null?void 0:t.legendSettings)==null?void 0:j7.fixedPosition)||"")&&((_8=t==null?void 0:t.legendSettings)==null?void 0:_8.position)==="vertical"?{left:`${(((j3=t==null?void 0:t.margins)==null?void 0:j3.marginLeft)||0)+v9}%`,right:`${((f7=t==null?void 0:t.margins)==null?void 0:f7.marginRight)||0}%`}:{},...(T8=t==null?void 0:t.legendSettings)!=null&&T8.position&&tb.includes(((a6=t==null?void 0:t.legendSettings)==null?void 0:a6.fixedPosition)||"")&&((l3=t==null?void 0:t.legendSettings)==null?void 0:l3.position)==="vertical"?{left:`${((_7=t==null?void 0:t.margins)==null?void 0:_7.marginLeft)||0}%`,right:`${(((i8=t==null?void 0:t.margins)==null?void 0:i8.marginRight)||0)+v9}%`}:{}},...(g6=(K8=t==null?void 0:t.customSettings)==null?void 0:K8.chartZoom)!=null&&g6.isZoomEnabled?{dataZoom:E5}:{}}}else{const v9=((u9=t==null?void 0:t.legendSettings)==null?void 0:u9.position)==="horizontal"&&hx.includes((($6=t==null?void 0:t.legendSettings)==null?void 0:$6.fixedPosition)||""),N6=v9&&(e6+$3)/cr*100||0,W9=(P9=(V9=t==null?void 0:t.customSettings)==null?void 0:V9.chartZoom)!=null&&P9.isZoomEnabled?(j9=e0==null?void 0:e0.dataZoom)==null?void 0:j9.map(E5=>E5.orient==="horizontal"?{...E5,bottom:$3}:E5):null;if((t==null?void 0:t.chartType)===M0.combo||(t==null?void 0:t.chartType)===M0.timeSeries&&((h4=(N4=(J5=t==null?void 0:t.timeSeriesSettings)==null?void 0:J5.seriesType)==null?void 0:N4[0])==null?void 0:h4.type)==="combo"){const E5=(((e0==null?void 0:e0.leftOffset)||0)+xi)/cr*100,r6=((e0==null?void 0:e0.rightOffset)||0)/cr*100;i7={...e0,...(Ct=(y4=t==null?void 0:t.customSettings)==null?void 0:y4.chartZoom)!=null&&Ct.isZoomEnabled&&v9?{dataZoom:W9}:{},grid:{...e0==null?void 0:e0.grid,left:`${(((Qt=t==null?void 0:t.margins)==null?void 0:Qt.marginLeft)||0)+E5}%`,right:`${(((tr=t==null?void 0:t.margins)==null?void 0:tr.marginRight)||0)+r6}%`,...br?{top:`${(((mr=t==null?void 0:t.margins)==null?void 0:mr.marginTop)||0)+r9}%`,bottom:`${(((An=t==null?void 0:t.margins)==null?void 0:An.marginBottom)||0)+B6+(o6?N6:0)}%`}:{}}}}else{const E5=(Zi=(un=t==null?void 0:t.labelSettings)==null?void 0:un.YAxisStyle)!=null&&Zi.axisName?(((Fi=(Ti=t==null?void 0:t.labelSettings)==null?void 0:Ti.YAxisStyle)==null?void 0:Fi.axisPadding)||0)/cr*100:0,r6=E5>0?E5/2:0;i7={...e0,...(ao=(oo=t==null?void 0:t.customSettings)==null?void 0:oo.chartZoom)!=null&&ao.isZoomEnabled&&v9?{dataZoom:W9}:{},grid:{...e0==null?void 0:e0.grid,left:`${(((Ui=t==null?void 0:t.margins)==null?void 0:Ui.marginLeft)||0)+r6}%`,right:`${((so=t==null?void 0:t.margins)==null?void 0:so.marginRight)||0}%`,...br?{top:`${(((Io=t==null?void 0:t.margins)==null?void 0:Io.marginTop)||0)+r9}%`,bottom:`${(((Mo=t==null?void 0:t.margins)==null?void 0:Mo.marginBottom)||0)+B6+(o6?N6:0)}%`}:{}},...Gi?{series:(_e=e0==null?void 0:e0.series)==null?void 0:_e.map((C9,_9)=>({...C9,barWidth:zi,itemStyle:{...C9.itemStyle,color:e0.colors[_9]}}))}:{}}}}}else i7=e0;v3(i7)},100);return()=>clearTimeout(M8)},[a==null?void 0:a.ref,I0,e0,n,t,N1,$3,p3]),X0.useEffect(()=>{t.chartType===M0.geoBarMap?q7=setInterval(()=>{v1(o8?e0.geoOption:e0.barOption),o8=!o8},2e3):clearInterval(q7)},[t.chartType]);const{ref:P7,...m8}=a||{};X0.useEffect(()=>{var M8;if(i0){const X8=[],i7=(M8=c0==null?void 0:c0.features)==null?void 0:M8.map(J8=>J8.properties.name);n.forEach(J8=>{i7.includes(J8[t.xAxis||""])||X8.push(J8)}),X7(X8)}},[i0]);const x8=X0.useMemo(()=>{var M8,X8;return[{name:t==null?void 0:t.xAxis,columnKey:t==null?void 0:t.xAxis,colSpan:1,columnCell:i7=>i7[(t==null?void 0:t.xAxis)||""]},{name:(M8=t==null?void 0:t.yAxisList)==null?void 0:M8[0],columnKey:(X8=t==null?void 0:t.yAxisList)==null?void 0:X8[0],colSpan:1,columnCell:i7=>{var J8;return i7[((J8=t==null?void 0:t.yAxisList)==null?void 0:J8[0])||""]||"0"}}]},[t==null?void 0:t.xAxis,t==null?void 0:t.yAxisList]);return X0.useEffect(()=>{var M8,X8,i7,J8,m6;if(F0.current&&[M0.gaugeV2,M0.linearGaugeV2,M0.progressBarV2,M0.funnelV2].includes(t.chartType)&&(e0!=null&&e0.drawD3Chart)&&(e0==null||e0.drawD3Chart()),![M0.gaugeV2,M0.linearGaugeV2,M0.progressBarV2,M0.funnelV2].includes(t.chartType)){const i9=document.querySelector("#dbn-portal"),a9=document.querySelector("#chartContainer #gaugeContainer")||((M8=i9==null?void 0:i9.shadowRoot)==null?void 0:M8.querySelector("#chartContainer #gaugeContainer"));a9==null||a9.remove();const i6=document.querySelector("#chartContainer #gaugeV2")||((X8=i9==null?void 0:i9.shadowRoot)==null?void 0:X8.querySelector("#chartContainer #gaugeV2"));i6==null||i6.remove();const O3=document.querySelector("#chartContainer #lineargauge")||((i7=i9==null?void 0:i9.shadowRoot)==null?void 0:i7.querySelector("#chartContainer #lineargauge"));O3==null||O3.remove();const r5=document.querySelector("#chartContainer #progressBar")||((J8=i9==null?void 0:i9.shadowRoot)==null?void 0:J8.querySelector("#chartContainer #progressBar"));r5==null||r5.remove();const D6=document.querySelector("#chartContainer #funnelContainer")||((m6=i9==null?void 0:i9.shadowRoot)==null?void 0:m6.querySelector("#chartContainer #funnelContainer"));D6==null||D6.remove()}},[F0.current,t.chartType,e0==null?void 0:e0.drawD3Chart]),[M0.indianMap,M0.geoBarMap,M0.geoMap,M0.geoScatterMap,M0.worldMap].includes(t.chartType)&&!c0?E.jsx(Ac,{}):t.chartType===M0.singleValue?E.jsx(yn0,{...m8,value:e0.value,settings:e0.settings,className:s,comparisonValue:e0.comparisonValue,trendLineOptions:e0.trendLineOptions,events:i,originalValue:e0==null?void 0:e0.originalValue,variables:W,language:K,translationDictionary:f2,setHoverSubHeader:T2}):t.chartType===M0.horizontalStackTable?E.jsx(bn0,{...m8,data:e0.data,rawData:n,error:"",isLoading:!1,tableSettings:{...e0.tableSettings,...Y2?{textWrap:{isEnable:!0,columns:t==null?void 0:t.yAxisList},enableTableSearch:!1}:{}},className:s,stackCols:t.stackTableCols||[],colors:e0.colors,showLabels:(I1=t.customSettings)==null?void 0:I1.showStackLabels,onChangePage:a==null?void 0:a.onChangePage,setChartSettings:a==null?void 0:a.setChartSettings,dropdownZindex:a==null?void 0:a.dropdownZindex,additionalSettings:{barRadius:(i3=t==null?void 0:t.customSettings)==null?void 0:i3.barRadius,barWidth:(l7=t==null?void 0:t.customSettings)==null?void 0:l7.barWidth,labelPosition:(M7=t==null?void 0:t.labelSettings)!=null&&M7.position&&["inside","right","bottom"].includes((n7=t==null?void 0:t.labelSettings)==null?void 0:n7.position)?(_3=t==null?void 0:t.labelSettings)==null?void 0:_3.position:"bottom"}}):t.chartType===M0.table?E.jsx(jM,{yAxisList:(t==null?void 0:t.yAxisList)||[],...m8,onChangePaginationColumnFilters:a==null?void 0:a.onChangePaginationColumnFilters,tableColumnFilters:a==null?void 0:a.tableColumnFilters,events:i,data:e0.data,error:"",isLoading:!1,tableSettings:{...e0.tableSettings,...Y2?{textWrap:{isEnable:!0,columns:t==null?void 0:t.yAxisList},enableTableSearch:!1}:{}},dateColumns:t==null?void 0:t.dateColumns,className:s,isExternalChart:a==null?void 0:a.isExternalChart,isFullScreenChart:a==null?void 0:a.isFullScreenChart,onChangePage:a==null?void 0:a.onChangePage,isEnableNextBtn:a==null?void 0:a.isEnableNextBtn,isEnablePrevBtn:a==null?void 0:a.isEnablePrevBtn,paginationInfo:a==null?void 0:a.paginationInfo,setChartSettings:a==null?void 0:a.setChartSettings,isShowFullScreen:r,isMetricCard:w,isShowFullScreenEnabled:C&&!g2,onMaximize:e,dropdownZindex:a==null?void 0:a.dropdownZindex,externalGlobalFilter:D,setExternalGlobalFilter:P,language:K,translationDictionary:f2,isDisableChartActions:!((W7=a==null?void 0:a.chartClickConfig)!=null&&W7.isEnable),onDownloadData:M2,isDownloading:U2}):t.chartType===M0.trendAnalyzer?E.jsx(GC0,{...m8,events:i,data:e0.data,error:"",isLoading:!1,tableSettings:{...e0.tableSettings,...Y2?{textWrap:{isEnable:!0,columns:t==null?void 0:t.yAxisList},enableTableSearch:!1}:{}},dateColumns:t==null?void 0:t.dateColumns,className:s,isExternalChart:a==null?void 0:a.isExternalChart,isFullScreenChart:a==null?void 0:a.isFullScreenChart,onChangePage:a==null?void 0:a.onChangePage,isEnableNextBtn:a==null?void 0:a.isEnableNextBtn,isEnablePrevBtn:a==null?void 0:a.isEnablePrevBtn,paginationInfo:a==null?void 0:a.paginationInfo,setChartSettings:a==null?void 0:a.setChartSettings,isShowFullScreen:r,isMetricCard:w,isShowFullScreenEnabled:C&&!g2,onMaximize:e,dropdownZindex:a==null?void 0:a.dropdownZindex,externalGlobalFilter:D,setExternalGlobalFilter:P,language:K,translationDictionary:f2,isDisableChartActions:!((s8=a==null?void 0:a.chartClickConfig)!=null&&s8.isEnable),onDownloadData:M2,isDownloading:U2}):t.chartType===M0.pivot?E.jsx(Ln0,{...m8,data:n,pivotTableSettings:e0.pivotTableSettings}):t.chartType===M0.pivotV2?E.jsx(Si0,{props:{columns:((E8=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:E8.headers)||[],data:n,rows:((F8=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:F8.dimensions)||[],values:(($7=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:$7.measures)||[],headerSettings:(R8=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:R8.headerSettings,measures:((f6=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:f6.aggregates)||[],isEnableStripedRows:(k6=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:k6.isEnableStripedRows,dimensions:((b9=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:b9.dims)||[],onDrillPivotTable:A,pivotDrillState:u,formatSettings:{isEnableFormatting:(F9=t==null?void 0:t.tableSettings)==null?void 0:F9.isEnableNumberFormatting,numberFormatter:(s6=t==null?void 0:t.tableSettings)==null?void 0:s6.tableFormatter,formatColumns:(D9=t==null?void 0:t.tableSettings)==null?void 0:D9.formattedColumns,suffix:(o5=t==null?void 0:t.tableSettings)==null?void 0:o5.tableSuffix,prefix:(a4=t==null?void 0:t.tableSettings)==null?void 0:a4.tablePrefix},isEnableTableSort:(L5=t==null?void 0:t.tableSettings)==null?void 0:L5.enableSorting,isEnableAllSort:(o4=t==null?void 0:t.tableSettings)==null?void 0:o4.isEnableAllSort}}):t.chartType===M0.pivotV3?E.jsx(wn0,{props:{columns:((B5=e0==null?void 0:e0.pivotTableSettings3)==null?void 0:B5.columns)||[],data:n,rows:((F6=e0==null?void 0:e0.pivotTableSettings3)==null?void 0:F6.rows)||[],headerSettings:(J1=e0==null?void 0:e0.pivotTableSettings3)==null?void 0:J1.headerSettings,measures:((Z9=e0==null?void 0:e0.pivotTableSettings3)==null?void 0:Z9.aggregates)||[],isEnableStripedRows:(p8=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:p8.isEnableStripedRows,dimensions:((l6=e0==null?void 0:e0.pivotTableSettings3)==null?void 0:l6.dims)||[],onDrillPivotTable:A,pivotDrillState:u,formatSettings:{isEnableFormatting:(S8=t==null?void 0:t.tableSettings)==null?void 0:S8.isEnableNumberFormatting,numberFormatter:(S6=t==null?void 0:t.tableSettings)==null?void 0:S6.tableFormatter,formatColumns:(F3=t==null?void 0:t.tableSettings)==null?void 0:F3.formattedColumns,suffix:(Y3=t==null?void 0:t.tableSettings)==null?void 0:Y3.tableSuffix,prefix:(w7=t==null?void 0:t.tableSettings)==null?void 0:w7.tablePrefix}}}):[M0.bar,M0.line,M0.area,M0.stackedArea,M0.timeSeries].includes(t.chartType)&&((O7=t.customSettings)!=null&&O7.showDynamicBehaviour)?E.jsx($p,{style:{width:"100%",height:"100%"},...a,option:{...U0},className:s,onEvents:{...i,legendselectchanged:(M8,X8)=>{KK({echartsInstance:X8,optionsObj:e0,params:M8})}},notMerge:!0}):t.chartType===M0.geoBarMap?E.jsx($p,{style:{width:"100%",height:"100%"},...a,option:{...j0||(e0==null?void 0:e0.geoOption),animation:!0},className:s,onEvents:i,notMerge:!0}):[M0.gaugeV2,M0.linearGaugeV2,M0.progressBarV2,M0.funnelV2].includes(t.chartType)?E.jsx("div",{ref:F0,className:"dbn-w-full dbn-h-full dbn-flex dbn-flex-col"}):(t==null?void 0:t.chartType)===M0.gauge?E.jsx(Qn0,{chartType:t==null?void 0:t.chartType,subText:"Please use the Gauge V2 chart instead."}):[M0.worldMap,M0.indianMap].includes(t.chartType)?E.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-relative dbn-flex dbn-gap-3 dbn-flex-col dbn-items-end dbn-justify-center",id:"chartContainer",children:[i0&&(p7!=null&&p7.length)?E.jsxs(E6,{variant:"popover",onClick:()=>J7(!H7),className:dA.buttonText,children:["Go To Geo ",H7?"Map >":"Table >"]}):null,H7?E.jsx(Bi0,{data:p7,headers:x8}):E.jsx($p,{style:{width:"100%",height:b3&&(h||0)>=6?"100px":b3&&!h?"40%":"100%"},...a,option:(m7=(r7=t.customSettings)==null?void 0:r7.chartZoom)!=null&&m7.isZoomEnabled?{...K2,animation:!0}:{...K2,animation:!1},className:s,ref:(a==null?void 0:a.ref)??I0,onEvents:i,notMerge:!0})]}):E.jsx("div",{className:"dbn-w-full dbn-h-full dbn-relative dbn-flex dbn-gap-3 dbn-flex-col dbn-items-end dbn-justify-center",id:"chartContainer",children:w?E.jsx(Mn0,{chartHeight:h,hasDecreasedHeight:b3,config:a,chartOptions:t,options:K2,className:s,events:i,chartRef:(a==null?void 0:a.ref)??I0}):E.jsx($p,{style:{width:"100%",height:b3&&(h||0)>=6?"100px":b3&&!h?"40%":"100%"},...a,option:(N8=(u8=t.customSettings)==null?void 0:u8.chartZoom)!=null&&N8.isZoomEnabled?{...K2,animation:!0}:{...K2,animation:!1},className:s,onEvents:{...i,legendselectchanged:(M8,X8)=>{KK({echartsInstance:X8,optionsObj:K2,params:M8,isGantt:(t==null?void 0:t.chartType)===M0.gantt})}},ref:(a==null?void 0:a.ref)??I0,notMerge:!0})})}),nT={container:"_container_14qdv_1",popover:"_popover_14qdv_9",popupContainer:"_popupContainer_14qdv_11",button:"_button_14qdv_19",buttonOpen:"_buttonOpen_14qdv_27",menu:"_menu_14qdv_35",enter:"_enter_14qdv_43",enterFrom:"_enterFrom_14qdv_51",enterTo:"_enterTo_14qdv_59",leave:"_leave_14qdv_67",leaveFrom:"_leaveFrom_14qdv_75",leaveTo:"_leaveTo_14qdv_83",center:"_center_14qdv_91",top:"_top_14qdv_99",bottom:"_bottom_14qdv_107",left:"_left_14qdv_115",right:"_right_14qdv_123","left-top-end":"_left-top-end_14qdv_131","right-top-end":"_right-top-end_14qdv_139","left-bottom-end":"_left-bottom-end_14qdv_147","right-bottom-end":"_right-bottom-end_14qdv_155","top-left":"_top-left_14qdv_163","top-right":"_top-right_14qdv_171","bottom-left":"_bottom-left_14qdv_179","bottom-right":"_bottom-right_14qdv_187","left-top":"_left-top_14qdv_131","left-bottom":"_left-bottom_14qdv_147","right-top":"_right-top_14qdv_139","right-bottom":"_right-bottom_14qdv_155",chartOptionBtn:"_chartOptionBtn_14qdv_227",chartpopup:"_chartpopup_14qdv_235"},JK={fullscreen:"_fullscreen_pwfax_1",loading:"_loading_pwfax_9"},Tn0=({isShowUnderlyingData:t,setShowUnderlyingData:n,getUnderlyingData:i,columnName:o,value:a,isSingleValueChart:s,clientColumnType:r,rawCsvDownloadButtonProps:C,language:l,translationDictionary:e,disableDownloadUnderlyingDataNoFilters:A=!1,underlyingTheme:u})=>{var w,V,D,P,W,K;const[f,d]=X0.useState([]),[g,h]=X0.useState(!0),[I,y]=X0.useState(!1);return X0.useEffect(()=>{o&&a&&t&&!s&&i({columnName:o,setData:d,setLoading:h,value:a,isSingleValueChart:s,clientColumnType:r}),t&&s&&i({columnName:o,setData:d,setLoading:h,value:a,isSingleValueChart:s,clientColumnType:r})},[o,a,t,s]),E.jsx(nu,{isOpen:t,onClose:()=>n(!1),zIndex:9999999999999,customHeader:E.jsxs(bC,{className:"dbn-w-full",justify:"between",children:[E.jsx(bC,{className:"dbn-gap-2",alignItems:"center",children:"Underlying Data"}),E.jsxs(bC,{className:"dbn-gap-3",alignItems:"center",children:[(o||s)&&!A&&E.jsx(gM,{...C,underlyingData:{column:o||"custom",value:a,isEnable:!0}}),E.jsx(as,{text:"Download with Filters",position:"left",children:E.jsx(E6,{variant:"tertiary",type:"button",onClick:f2=>{f2.stopPropagation(),y(!0)},leftIcon:E.jsx(H6,{name:"download_table",size:"xs"}),style:{padding:"0",height:"20px"},isDisabled:I})}),E.jsx(E6,{variant:"tertiary",type:"button",onClick:()=>n(!1),leftIcon:E.jsx(H6,{name:"cross",size:"sm"}),style:{padding:"0",height:"20px"}})]})]}),children:E.jsxs("div",{className:JK.fullscreen,children:[!!f.length&&E.jsx(jM,{language:l,translationDictionary:e,data:f,isLoading:!1,error:"",filterValues:[],onMaximize:()=>{},dropdownZindex:999999999999,isDownloadingWithFilters:I,setDownloadingWithFilters:y,isUnderlyingDataTable:!0,tableSettings:{customHeaderColor:{isEnabled:!0,color:(w=u==null?void 0:u.header)==null?void 0:w.bgColor,textColor:(V=u==null?void 0:u.header)==null?void 0:V.fontColor},headerFontBold:((D=u==null?void 0:u.header)==null?void 0:D.fontWeight)==="boldfont",contentColor:(P=u==null?void 0:u.content)==null?void 0:P.fontColor,contentWeight:Number((W=u==null?void 0:u.content)==null?void 0:W.fontWeight),lineGap:(K=u==null?void 0:u.content)==null?void 0:K.lineGap}}),!f.length&&!g&&E.jsx("div",{className:JK.loading,children:"No Data Available"}),g&&!f.length&&E.jsx("div",{className:JK.loading,children:E.jsx(Ac,{})})]})})},dg2=T9.memo(Tn0),qK=({position:t="center",menuContainerClass:n,menuClass:i,isOpen:o,setOpen:a,value:s,columnName:r,isEnableSort:C,getUnderlyingData:l,elementRef:e,isSingleValueChart:A,isGaugeChart:u,setSortOrder:f,isInavlidForSort:d,clientColumnType:g,isAllowedToSeeUnderlyingData:h,rawCsvDownloadButtonProps:I,language:y,translationDictionary:w,disableDownloadUnderlyingDataNoFilters:V=!1,underlyingTheme:D})=>{const[P,W]=X0.useState(!1),K=X0.useRef(null);aV({wrapRef:K,onOutsideClick:()=>a(!1)}),X0.useEffect(()=>{if(!e||t!=="dynamic")return;const{containerRef:T2,event:C2}=e,g2=C2;if(!T2.current||!K.current||!g2)return;const N2=T2.current.getBoundingClientRect(),H2=K.current.getBoundingClientRect(),[M2,U2]=qb2(g2,N2,H2);$b2(K.current,M2,U2)},[e,o,t]);const f2=X0.useMemo(()=>h!=null&&h.toString()?!!(h&&!u):!u&&!(h!=null&&h.toString()),[h,u]);return E.jsx(E.Fragment,{children:A?E.jsx(E.Fragment,{children:f2?E.jsx(dg2,{disableDownloadUnderlyingDataNoFilters:V,language:y,translationDictionary:w,clientColumnType:g,isShowUnderlyingData:o,setShowUnderlyingData:a,columnName:r,value:s,getUnderlyingData:l,isSingleValueChart:A,rawCsvDownloadButtonProps:I,underlyingTheme:D}):null}):E.jsxs(E.Fragment,{children:[o&&(f2||C&&!d)?E.jsx("div",{onContextMenu:T2=>{T2.preventDefault()},ref:K,className:`${t==="dynamic"&&nT.popupContainer}`,style:{zIndex:1e7},children:E.jsx("div",{className:`${nT.popover} ${t==="dynamic"||nT[t]}  ${n}`,children:o&&E.jsx("div",{className:`${nT.menu} ${i}`,children:E.jsxs("div",{className:nT.chartpopup,children:[f2?E.jsx(E6,{variant:"popover",type:"button",onClick:()=>{W(!0)},leftIcon:E.jsx(H6,{name:"table"}),fitContainer:!0,className:"dbn-justify-start dbn-px-2 dbn-py-1.5 hover:dbn-bg-gray",children:"View underlying data"}):null,C&&!d?E.jsxs(E.Fragment,{children:[E.jsx(E6,{variant:"popover",type:"button",onClick:()=>{f==null||f(C22),a(!1)},leftIcon:E.jsx(H6,{name:"arrow-up"}),fitContainer:!0,className:"dbn-justify-start dbn-px-2 dbn-py-1.5 hover:dbn-bg-gray",children:"Sort in Ascending"}),E.jsx(E6,{variant:"popover",type:"button",onClick:()=>{f==null||f(l22),a(!1)},leftIcon:E.jsx(H6,{name:"arrow-down"}),fitContainer:!0,className:"dbn-justify-start dbn-px-2 dbn-py-1.5 hover:dbn-bg-gray",children:"Sort in Descending"})]}):null]})})})}):null,E.jsx(dg2,{disableDownloadUnderlyingDataNoFilters:V,clientColumnType:g,isShowUnderlyingData:P,setShowUnderlyingData:W,columnName:r,value:s,getUnderlyingData:l,isSingleValueChart:A,rawCsvDownloadButtonProps:I,language:y,translationDictionary:w,underlyingTheme:D})]})})};T9.memo(qK);const uc={"dbc-container":"_dbc-container_1y1tv_1",dbcLastLevel:"_dbcLastLevel_1y1tv_19","active-dimension":"_active-dimension_1y1tv_25",otherLevels:"_otherLevels_1y1tv_35",clickableLevels:"_clickableLevels_1y1tv_45",disabledLevel:"_disabledLevel_1y1tv_51"},xn0=({dimensions:t,drilledLevel:n,onResetLevel:i,onDrillLevelClick:o,isMetricCard:a,isMetricFilter:s,drillType:r,drillFilters:C,isShowBreadCrumb:l})=>E.jsx("div",{className:`${uc["dbc-container"]} ${n===-1?a?s?"":uc.dbcLastCardLevel:uc.dbcLastLevel:""}`,children:r==="table"?C!=null&&C.length?E.jsx(E6,{variant:"popover",className:"dbn-px-2 dbn-text-xs hover:dbn-underline hover:dbn-underline-offset-4",type:"button",onClick:i,children:"Reset"}):null:n===-1?E.jsx(E6,{variant:"popover",className:"dbn-px-2 dbn-text-xs hover:dbn-underline hover:dbn-underline-offset-4",type:"button",onClick:i,children:"Reset"}):l&&E.jsx(E.Fragment,{children:t==null?void 0:t.map((e,A)=>E.jsxs("span",{className:`
+`,K.getElementsByTagName("head")[0].appendChild(f2)),K.body&&P(K.body,"react-draggable-transparent-selection")}function D(K){if(K)try{if(K.body&&W(K.body,"react-draggable-transparent-selection"),K.selection)K.selection.empty();else{const f2=(K.defaultView||window).getSelection();f2&&f2.type!=="Caret"&&f2.removeAllRanges()}}catch{}}function P(K,f2){K.classList?K.classList.add(f2):K.className.match(new RegExp("(?:^|\\s)".concat(f2,"(?!\\S)")))||(K.className+=" ".concat(f2))}function W(K,f2){K.classList?K.classList.remove(f2):K.className=K.className.replace(new RegExp("(?:^|\\s)".concat(f2,"(?!\\S)"),"g"),"")}return $l}var nh={},Id2;function md2(){if(Id2)return nh;Id2=1,Object.defineProperty(nh,"__esModule",{value:!0}),nh.canDragX=a,nh.canDragY=s,nh.createCoreData=C,nh.createDraggableData=l,nh.getBoundPosition=i,nh.getControlPosition=r,nh.snapToGrid=o;var t=pk(),n=kK();function i(u,f,d){if(!u.props.bounds)return[f,d];let{bounds:g}=u.props;g=typeof g=="string"?g:e(g);const h=A(u);if(typeof g=="string"){const{ownerDocument:I}=h,y=I.defaultView;let w;if(g==="parent"?w=h.parentNode:w=I.querySelector(g),!(w instanceof y.HTMLElement))throw new Error('Bounds selector "'+g+'" could not find an element.');const V=w,D=y.getComputedStyle(h),P=y.getComputedStyle(V);g={left:-h.offsetLeft+(0,t.int)(P.paddingLeft)+(0,t.int)(D.marginLeft),top:-h.offsetTop+(0,t.int)(P.paddingTop)+(0,t.int)(D.marginTop),right:(0,n.innerWidth)(V)-(0,n.outerWidth)(h)-h.offsetLeft+(0,t.int)(P.paddingRight)-(0,t.int)(D.marginRight),bottom:(0,n.innerHeight)(V)-(0,n.outerHeight)(h)-h.offsetTop+(0,t.int)(P.paddingBottom)-(0,t.int)(D.marginBottom)}}return(0,t.isNum)(g.right)&&(f=Math.min(f,g.right)),(0,t.isNum)(g.bottom)&&(d=Math.min(d,g.bottom)),(0,t.isNum)(g.left)&&(f=Math.max(f,g.left)),(0,t.isNum)(g.top)&&(d=Math.max(d,g.top)),[f,d]}function o(u,f,d){const g=Math.round(f/u[0])*u[0],h=Math.round(d/u[1])*u[1];return[g,h]}function a(u){return u.props.axis==="both"||u.props.axis==="x"}function s(u){return u.props.axis==="both"||u.props.axis==="y"}function r(u,f,d){const g=typeof f=="number"?(0,n.getTouch)(u,f):null;if(typeof f=="number"&&!g)return null;const h=A(d),I=d.props.offsetParent||h.offsetParent||h.ownerDocument.body;return(0,n.offsetXYFromParent)(g||u,I,d.props.scale)}function C(u,f,d){const g=!(0,t.isNum)(u.lastX),h=A(u);return g?{node:h,deltaX:0,deltaY:0,lastX:f,lastY:d,x:f,y:d}:{node:h,deltaX:f-u.lastX,deltaY:d-u.lastY,lastX:u.lastX,lastY:u.lastY,x:f,y:d}}function l(u,f){const d=u.props.scale;return{node:f.node,x:u.state.x+f.deltaX/d,y:u.state.y+f.deltaY/d,deltaX:f.deltaX/d,deltaY:f.deltaY/d,lastX:u.state.x,lastY:u.state.y}}function e(u){return{left:u.left,top:u.top,right:u.right,bottom:u.bottom}}function A(u){const f=u.findDOMNode();if(!f)throw new Error("<DraggableCore>: Unmounted during event!");return f}return nh}var _M={},vk={},bd2;function Bd2(){if(bd2)return vk;bd2=1,Object.defineProperty(vk,"__esModule",{value:!0}),vk.default=t;function t(){}return vk}var yd2;function br0(){if(yd2)return _M;yd2=1,Object.defineProperty(_M,"__esModule",{value:!0}),_M.default=void 0;var t=e(hA()),n=C(Wd()),i=C(tx()),o=kK(),a=md2(),s=pk(),r=C(Bd2());function C(I){return I&&I.__esModule?I:{default:I}}function l(I){if(typeof WeakMap!="function")return null;var y=new WeakMap,w=new WeakMap;return(l=function(V){return V?w:y})(I)}function e(I,y){if(I&&I.__esModule)return I;if(I===null||typeof I!="object"&&typeof I!="function")return{default:I};var w=l(y);if(w&&w.has(I))return w.get(I);var V={},D=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var P in I)if(P!=="default"&&Object.prototype.hasOwnProperty.call(I,P)){var W=D?Object.getOwnPropertyDescriptor(I,P):null;W&&(W.get||W.set)?Object.defineProperty(V,P,W):V[P]=I[P]}return V.default=I,w&&w.set(I,V),V}function A(I,y,w){return y=u(y),y in I?Object.defineProperty(I,y,{value:w,enumerable:!0,configurable:!0,writable:!0}):I[y]=w,I}function u(I){var y=f(I,"string");return typeof y=="symbol"?y:String(y)}function f(I,y){if(typeof I!="object"||I===null)return I;var w=I[Symbol.toPrimitive];if(w!==void 0){var V=w.call(I,y);if(typeof V!="object")return V;throw new TypeError("@@toPrimitive must return a primitive value.")}return(y==="string"?String:Number)(I)}const d={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let g=d.mouse,h=class extends t.Component{constructor(){super(...arguments),A(this,"dragging",!1),A(this,"lastX",NaN),A(this,"lastY",NaN),A(this,"touchIdentifier",null),A(this,"mounted",!1),A(this,"handleDragStart",y=>{if(this.props.onMouseDown(y),!this.props.allowAnyClick&&typeof y.button=="number"&&y.button!==0)return!1;const w=this.findDOMNode();if(!w||!w.ownerDocument||!w.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:V}=w;if(this.props.disabled||!(y.target instanceof V.defaultView.Node)||this.props.handle&&!(0,o.matchesSelectorAndParentsTo)(y.target,this.props.handle,w)||this.props.cancel&&(0,o.matchesSelectorAndParentsTo)(y.target,this.props.cancel,w))return;y.type==="touchstart"&&y.preventDefault();const D=(0,o.getTouchIdentifier)(y);this.touchIdentifier=D;const P=(0,a.getControlPosition)(y,D,this);if(P==null)return;const{x:W,y:K}=P,f2=(0,a.createCoreData)(this,W,K);(0,r.default)("DraggableCore: handleDragStart: %j",f2),(0,r.default)("calling",this.props.onStart),!(this.props.onStart(y,f2)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,o.addUserSelectStyles)(V),this.dragging=!0,this.lastX=W,this.lastY=K,(0,o.addEvent)(V,g.move,this.handleDrag),(0,o.addEvent)(V,g.stop,this.handleDragStop))}),A(this,"handleDrag",y=>{const w=(0,a.getControlPosition)(y,this.touchIdentifier,this);if(w==null)return;let{x:V,y:D}=w;if(Array.isArray(this.props.grid)){let K=V-this.lastX,f2=D-this.lastY;if([K,f2]=(0,a.snapToGrid)(this.props.grid,K,f2),!K&&!f2)return;V=this.lastX+K,D=this.lastY+f2}const P=(0,a.createCoreData)(this,V,D);if((0,r.default)("DraggableCore: handleDrag: %j",P),this.props.onDrag(y,P)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const f2=document.createEvent("MouseEvents");f2.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(f2)}return}this.lastX=V,this.lastY=D}),A(this,"handleDragStop",y=>{if(!this.dragging)return;const w=(0,a.getControlPosition)(y,this.touchIdentifier,this);if(w==null)return;let{x:V,y:D}=w;if(Array.isArray(this.props.grid)){let f2=V-this.lastX||0,T2=D-this.lastY||0;[f2,T2]=(0,a.snapToGrid)(this.props.grid,f2,T2),V=this.lastX+f2,D=this.lastY+T2}const P=(0,a.createCoreData)(this,V,D);if(this.props.onStop(y,P)===!1||this.mounted===!1)return!1;const K=this.findDOMNode();K&&this.props.enableUserSelectHack&&(0,o.removeUserSelectStyles)(K.ownerDocument),(0,r.default)("DraggableCore: handleDragStop: %j",P),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,K&&((0,r.default)("DraggableCore: Removing handlers"),(0,o.removeEvent)(K.ownerDocument,g.move,this.handleDrag),(0,o.removeEvent)(K.ownerDocument,g.stop,this.handleDragStop))}),A(this,"onMouseDown",y=>(g=d.mouse,this.handleDragStart(y))),A(this,"onMouseUp",y=>(g=d.mouse,this.handleDragStop(y))),A(this,"onTouchStart",y=>(g=d.touch,this.handleDragStart(y))),A(this,"onTouchEnd",y=>(g=d.touch,this.handleDragStop(y)))}componentDidMount(){this.mounted=!0;const y=this.findDOMNode();y&&(0,o.addEvent)(y,d.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const y=this.findDOMNode();if(y){const{ownerDocument:w}=y;(0,o.removeEvent)(w,d.mouse.move,this.handleDrag),(0,o.removeEvent)(w,d.touch.move,this.handleDrag),(0,o.removeEvent)(w,d.mouse.stop,this.handleDragStop),(0,o.removeEvent)(w,d.touch.stop,this.handleDragStop),(0,o.removeEvent)(y,d.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,o.removeUserSelectStyles)(w)}}findDOMNode(){var y,w;return(y=this.props)!==null&&y!==void 0&&y.nodeRef?(w=this.props)===null||w===void 0||(w=w.nodeRef)===null||w===void 0?void 0:w.current:i.default.findDOMNode(this)}render(){return t.cloneElement(t.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return _M.default=h,A(h,"displayName","DraggableCore"),A(h,"propTypes",{allowAnyClick:n.default.bool,children:n.default.node.isRequired,disabled:n.default.bool,enableUserSelectHack:n.default.bool,offsetParent:function(I,y){if(I[y]&&I[y].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:n.default.arrayOf(n.default.number),handle:n.default.string,cancel:n.default.string,nodeRef:n.default.object,onStart:n.default.func,onDrag:n.default.func,onStop:n.default.func,onMouseDown:n.default.func,scale:n.default.number,className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),A(h,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),_M}var Ld2;function Br0(){return Ld2||(Ld2=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var n=f(hA()),i=A(Wd()),o=A(tx()),a=A(Ir0),s=kK(),r=md2(),C=pk(),l=A(br0()),e=A(Bd2());function A(w){return w&&w.__esModule?w:{default:w}}function u(w){if(typeof WeakMap!="function")return null;var V=new WeakMap,D=new WeakMap;return(u=function(P){return P?D:V})(w)}function f(w,V){if(w&&w.__esModule)return w;if(w===null||typeof w!="object"&&typeof w!="function")return{default:w};var D=u(V);if(D&&D.has(w))return D.get(w);var P={},W=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var K in w)if(K!=="default"&&Object.prototype.hasOwnProperty.call(w,K)){var f2=W?Object.getOwnPropertyDescriptor(w,K):null;f2&&(f2.get||f2.set)?Object.defineProperty(P,K,f2):P[K]=w[K]}return P.default=w,D&&D.set(w,P),P}function d(){return d=Object.assign?Object.assign.bind():function(w){for(var V=1;V<arguments.length;V++){var D=arguments[V];for(var P in D)Object.prototype.hasOwnProperty.call(D,P)&&(w[P]=D[P])}return w},d.apply(this,arguments)}function g(w,V,D){return V=h(V),V in w?Object.defineProperty(w,V,{value:D,enumerable:!0,configurable:!0,writable:!0}):w[V]=D,w}function h(w){var V=I(w,"string");return typeof V=="symbol"?V:String(V)}function I(w,V){if(typeof w!="object"||w===null)return w;var D=w[Symbol.toPrimitive];if(D!==void 0){var P=D.call(w,V);if(typeof P!="object")return P;throw new TypeError("@@toPrimitive must return a primitive value.")}return(V==="string"?String:Number)(w)}class y extends n.Component{static getDerivedStateFromProps(V,D){let{position:P}=V,{prevPropsPosition:W}=D;return P&&(!W||P.x!==W.x||P.y!==W.y)?((0,e.default)("Draggable: getDerivedStateFromProps %j",{position:P,prevPropsPosition:W}),{x:P.x,y:P.y,prevPropsPosition:{...P}}):null}constructor(V){super(V),g(this,"onDragStart",(D,P)=>{if((0,e.default)("Draggable: onDragStart: %j",P),this.props.onStart(D,(0,r.createDraggableData)(this,P))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),g(this,"onDrag",(D,P)=>{if(!this.state.dragging)return!1;(0,e.default)("Draggable: onDrag: %j",P);const W=(0,r.createDraggableData)(this,P),K={x:W.x,y:W.y,slackX:0,slackY:0};if(this.props.bounds){const{x:T2,y:C2}=K;K.x+=this.state.slackX,K.y+=this.state.slackY;const[g2,N2]=(0,r.getBoundPosition)(this,K.x,K.y);K.x=g2,K.y=N2,K.slackX=this.state.slackX+(T2-K.x),K.slackY=this.state.slackY+(C2-K.y),W.x=K.x,W.y=K.y,W.deltaX=K.x-this.state.x,W.deltaY=K.y-this.state.y}if(this.props.onDrag(D,W)===!1)return!1;this.setState(K)}),g(this,"onDragStop",(D,P)=>{if(!this.state.dragging||this.props.onStop(D,(0,r.createDraggableData)(this,P))===!1)return!1;(0,e.default)("Draggable: onDragStop: %j",P);const K={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:T2,y:C2}=this.props.position;K.x=T2,K.y=C2}this.setState(K)}),this.state={dragging:!1,dragged:!1,x:V.position?V.position.x:V.defaultPosition.x,y:V.position?V.position.y:V.defaultPosition.y,prevPropsPosition:{...V.position},slackX:0,slackY:0,isElementSVG:!1},V.position&&!(V.onDrag||V.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var V,D;return(V=(D=this.props)===null||D===void 0||(D=D.nodeRef)===null||D===void 0?void 0:D.current)!==null&&V!==void 0?V:o.default.findDOMNode(this)}render(){const{axis:V,bounds:D,children:P,defaultPosition:W,defaultClassName:K,defaultClassNameDragging:f2,defaultClassNameDragged:T2,position:C2,positionOffset:g2,scale:N2,...H2}=this.props;let M2={},U2=null;const c0=!!!C2||this.state.dragging,h0=C2||W,F0={x:(0,r.canDragX)(this)&&c0?this.state.x:h0.x,y:(0,r.canDragY)(this)&&c0?this.state.y:h0.y};this.state.isElementSVG?U2=(0,s.createSVGTransform)(F0,g2):M2=(0,s.createCSSTransform)(F0,g2);const I0=(0,a.default)(P.props.className||"",K,{[f2]:this.state.dragging,[T2]:this.state.dragged});return n.createElement(l.default,d({},H2,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(P),{className:I0,style:{...P.props.style,...M2},transform:U2}))}}t.default=y,g(y,"displayName","Draggable"),g(y,"propTypes",{...l.default.propTypes,axis:i.default.oneOf(["both","x","y","none"]),bounds:i.default.oneOfType([i.default.shape({left:i.default.number,right:i.default.number,top:i.default.number,bottom:i.default.number}),i.default.string,i.default.oneOf([!1])]),defaultClassName:i.default.string,defaultClassNameDragging:i.default.string,defaultClassNameDragged:i.default.string,defaultPosition:i.default.shape({x:i.default.number,y:i.default.number}),positionOffset:i.default.shape({x:i.default.oneOfType([i.default.number,i.default.string]),y:i.default.oneOfType([i.default.number,i.default.string])}),position:i.default.shape({x:i.default.number,y:i.default.number}),className:C.dontSetMe,style:C.dontSetMe,transform:C.dontSetMe}),g(y,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(VK)),VK}var wd2;function OK(){if(wd2)return WM.exports;wd2=1;const{default:t,DraggableCore:n}=Br0();return WM.exports=t,WM.exports.default=t,WM.exports.DraggableCore=n,WM.exports}var XM={exports:{}},KM={},Ik={},Qd2;function yr0(){if(Qd2)return Ik;Qd2=1,Ik.__esModule=!0,Ik.cloneElement=C;var t=n(hA());function n(l){return l&&l.__esModule?l:{default:l}}function i(l,e){var A=Object.keys(l);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(l);e&&(u=u.filter(function(f){return Object.getOwnPropertyDescriptor(l,f).enumerable})),A.push.apply(A,u)}return A}function o(l){for(var e=1;e<arguments.length;e++){var A=arguments[e]!=null?arguments[e]:{};e%2?i(Object(A),!0).forEach(function(u){a(l,u,A[u])}):Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(A)):i(Object(A)).forEach(function(u){Object.defineProperty(l,u,Object.getOwnPropertyDescriptor(A,u))})}return l}function a(l,e,A){return e=s(e),e in l?Object.defineProperty(l,e,{value:A,enumerable:!0,configurable:!0,writable:!0}):l[e]=A,l}function s(l){var e=r(l,"string");return typeof e=="symbol"?e:String(e)}function r(l,e){if(typeof l!="object"||l===null)return l;var A=l[Symbol.toPrimitive];if(A!==void 0){var u=A.call(l,e);if(typeof u!="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(l)}function C(l,e){return e.style&&l.props.style&&(e.style=o(o({},l.props.style),e.style)),e.className&&l.props.className&&(e.className=l.props.className+" "+e.className),t.default.cloneElement(l,e)}return Ik}var JM={},Md2;function Td2(){if(Md2)return JM;Md2=1,JM.__esModule=!0,JM.resizableProps=void 0;var t=n(Wd());OK();function n(o){return o&&o.__esModule?o:{default:o}}var i={axis:t.default.oneOf(["both","x","y","none"]),className:t.default.string,children:t.default.element.isRequired,draggableOpts:t.default.shape({allowAnyClick:t.default.bool,cancel:t.default.string,children:t.default.node,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:t.default.node,grid:t.default.arrayOf(t.default.number),handle:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number}),height:function(){for(var a=arguments.length,s=new Array(a),r=0;r<a;r++)s[r]=arguments[r];var C=s[0];if(C.axis==="both"||C.axis==="y"){var l;return(l=t.default.number).isRequired.apply(l,s)}return t.default.number.apply(t.default,s)},handle:t.default.oneOfType([t.default.node,t.default.func]),handleSize:t.default.arrayOf(t.default.number),lockAspectRatio:t.default.bool,maxConstraints:t.default.arrayOf(t.default.number),minConstraints:t.default.arrayOf(t.default.number),onResizeStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,resizeHandles:t.default.arrayOf(t.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:t.default.number,width:function(){for(var a=arguments.length,s=new Array(a),r=0;r<a;r++)s[r]=arguments[r];var C=s[0];if(C.axis==="both"||C.axis==="x"){var l;return(l=t.default.number).isRequired.apply(l,s)}return t.default.number.apply(t.default,s)}};return JM.resizableProps=i,JM}var xd2;function Rd2(){if(xd2)return KM;xd2=1,KM.__esModule=!0,KM.default=void 0;var t=r(hA()),n=OK(),i=yr0(),o=Td2(),a=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function s(y){if(typeof WeakMap!="function")return null;var w=new WeakMap,V=new WeakMap;return(s=function(P){return P?V:w})(y)}function r(y,w){if(y&&y.__esModule)return y;if(y===null||typeof y!="object"&&typeof y!="function")return{default:y};var V=s(w);if(V&&V.has(y))return V.get(y);var D={},P=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var W in y)if(W!=="default"&&Object.prototype.hasOwnProperty.call(y,W)){var K=P?Object.getOwnPropertyDescriptor(y,W):null;K&&(K.get||K.set)?Object.defineProperty(D,W,K):D[W]=y[W]}return D.default=y,V&&V.set(y,D),D}function C(){return C=Object.assign?Object.assign.bind():function(y){for(var w=1;w<arguments.length;w++){var V=arguments[w];for(var D in V)Object.prototype.hasOwnProperty.call(V,D)&&(y[D]=V[D])}return y},C.apply(this,arguments)}function l(y,w){if(y==null)return{};var V={},D=Object.keys(y),P,W;for(W=0;W<D.length;W++)P=D[W],!(w.indexOf(P)>=0)&&(V[P]=y[P]);return V}function e(y,w){var V=Object.keys(y);if(Object.getOwnPropertySymbols){var D=Object.getOwnPropertySymbols(y);w&&(D=D.filter(function(P){return Object.getOwnPropertyDescriptor(y,P).enumerable})),V.push.apply(V,D)}return V}function A(y){for(var w=1;w<arguments.length;w++){var V=arguments[w]!=null?arguments[w]:{};w%2?e(Object(V),!0).forEach(function(D){u(y,D,V[D])}):Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(V)):e(Object(V)).forEach(function(D){Object.defineProperty(y,D,Object.getOwnPropertyDescriptor(V,D))})}return y}function u(y,w,V){return w=f(w),w in y?Object.defineProperty(y,w,{value:V,enumerable:!0,configurable:!0,writable:!0}):y[w]=V,y}function f(y){var w=d(y,"string");return typeof w=="symbol"?w:String(w)}function d(y,w){if(typeof y!="object"||y===null)return y;var V=y[Symbol.toPrimitive];if(V!==void 0){var D=V.call(y,w);if(typeof D!="object")return D;throw new TypeError("@@toPrimitive must return a primitive value.")}return(w==="string"?String:Number)(y)}function g(y,w){y.prototype=Object.create(w.prototype),y.prototype.constructor=y,h(y,w)}function h(y,w){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(D,P){return D.__proto__=P,D},h(y,w)}var I=function(y){g(w,y);function w(){for(var D,P=arguments.length,W=new Array(P),K=0;K<P;K++)W[K]=arguments[K];return D=y.call.apply(y,[this].concat(W))||this,D.handleRefs={},D.lastHandleRect=null,D.slack=null,D}var V=w.prototype;return V.componentWillUnmount=function(){this.resetData()},V.resetData=function(){this.lastHandleRect=this.slack=null},V.runConstraints=function(P,W){var K=this.props,f2=K.minConstraints,T2=K.maxConstraints,C2=K.lockAspectRatio;if(!f2&&!T2&&!C2)return[P,W];if(C2){var g2=this.props.width/this.props.height,N2=P-this.props.width,H2=W-this.props.height;Math.abs(N2)>Math.abs(H2*g2)?W=P/g2:P=W*g2}var M2=P,U2=W,Y2=this.slack||[0,0],c0=Y2[0],h0=Y2[1];return P+=c0,W+=h0,f2&&(P=Math.max(f2[0],P),W=Math.max(f2[1],W)),T2&&(P=Math.min(T2[0],P),W=Math.min(T2[1],W)),this.slack=[c0+(M2-P),h0+(U2-W)],[P,W]},V.resizeHandler=function(P,W){var K=this;return function(f2,T2){var C2=T2.node,g2=T2.deltaX,N2=T2.deltaY;P==="onResizeStart"&&K.resetData();var H2=(K.props.axis==="both"||K.props.axis==="x")&&W!=="n"&&W!=="s",M2=(K.props.axis==="both"||K.props.axis==="y")&&W!=="e"&&W!=="w";if(!(!H2&&!M2)){var U2=W[0],Y2=W[W.length-1],c0=C2.getBoundingClientRect();if(K.lastHandleRect!=null){if(Y2==="w"){var h0=c0.left-K.lastHandleRect.left;g2+=h0}if(U2==="n"){var F0=c0.top-K.lastHandleRect.top;N2+=F0}}K.lastHandleRect=c0,Y2==="w"&&(g2=-g2),U2==="n"&&(N2=-N2);var I0=K.props.width+(H2?g2/K.props.transformScale:0),e0=K.props.height+(M2?N2/K.props.transformScale:0),U0=K.runConstraints(I0,e0);I0=U0[0],e0=U0[1];var m0=I0!==K.props.width||e0!==K.props.height,j0=typeof K.props[P]=="function"?K.props[P]:null,v1=P==="onResize"&&!m0;j0&&!v1&&(f2.persist==null||f2.persist(),j0(f2,{node:C2,size:{width:I0,height:e0},handle:W})),P==="onResizeStop"&&K.resetData()}}},V.renderResizeHandle=function(P,W){var K=this.props.handle;if(!K)return t.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+P,ref:W});if(typeof K=="function")return K(P,W);var f2=typeof K.type=="string",T2=A({ref:W},f2?{}:{handleAxis:P});return t.cloneElement(K,T2)},V.render=function(){var P=this,W=this.props,K=W.children,f2=W.className,T2=W.draggableOpts;W.width,W.height,W.handle,W.handleSize,W.lockAspectRatio,W.axis,W.minConstraints,W.maxConstraints,W.onResize,W.onResizeStop,W.onResizeStart;var C2=W.resizeHandles;W.transformScale;var g2=l(W,a);return(0,i.cloneElement)(K,A(A({},g2),{},{className:(f2?f2+" ":"")+"react-resizable",children:[].concat(K.props.children,C2.map(function(N2){var H2,M2=(H2=P.handleRefs[N2])!=null?H2:P.handleRefs[N2]=t.createRef();return t.createElement(n.DraggableCore,C({},T2,{nodeRef:M2,key:"resizableHandle-"+N2,onStop:P.resizeHandler("onResizeStop",N2),onStart:P.resizeHandler("onResizeStart",N2),onDrag:P.resizeHandler("onResize",N2)}),P.renderResizeHandle(N2,M2))}))}))},w}(t.Component);return KM.default=I,I.propTypes=o.resizableProps,I.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1},KM}var qM={},Hd2;function Lr0(){if(Hd2)return qM;Hd2=1,qM.__esModule=!0,qM.default=void 0;var t=C(hA()),n=s(Wd()),i=s(Rd2()),o=Td2(),a=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function s(w){return w&&w.__esModule?w:{default:w}}function r(w){if(typeof WeakMap!="function")return null;var V=new WeakMap,D=new WeakMap;return(r=function(W){return W?D:V})(w)}function C(w,V){if(w&&w.__esModule)return w;if(w===null||typeof w!="object"&&typeof w!="function")return{default:w};var D=r(V);if(D&&D.has(w))return D.get(w);var P={},W=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var K in w)if(K!=="default"&&Object.prototype.hasOwnProperty.call(w,K)){var f2=W?Object.getOwnPropertyDescriptor(w,K):null;f2&&(f2.get||f2.set)?Object.defineProperty(P,K,f2):P[K]=w[K]}return P.default=w,D&&D.set(w,P),P}function l(){return l=Object.assign?Object.assign.bind():function(w){for(var V=1;V<arguments.length;V++){var D=arguments[V];for(var P in D)Object.prototype.hasOwnProperty.call(D,P)&&(w[P]=D[P])}return w},l.apply(this,arguments)}function e(w,V){var D=Object.keys(w);if(Object.getOwnPropertySymbols){var P=Object.getOwnPropertySymbols(w);V&&(P=P.filter(function(W){return Object.getOwnPropertyDescriptor(w,W).enumerable})),D.push.apply(D,P)}return D}function A(w){for(var V=1;V<arguments.length;V++){var D=arguments[V]!=null?arguments[V]:{};V%2?e(Object(D),!0).forEach(function(P){u(w,P,D[P])}):Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(D)):e(Object(D)).forEach(function(P){Object.defineProperty(w,P,Object.getOwnPropertyDescriptor(D,P))})}return w}function u(w,V,D){return V=f(V),V in w?Object.defineProperty(w,V,{value:D,enumerable:!0,configurable:!0,writable:!0}):w[V]=D,w}function f(w){var V=d(w,"string");return typeof V=="symbol"?V:String(V)}function d(w,V){if(typeof w!="object"||w===null)return w;var D=w[Symbol.toPrimitive];if(D!==void 0){var P=D.call(w,V);if(typeof P!="object")return P;throw new TypeError("@@toPrimitive must return a primitive value.")}return(V==="string"?String:Number)(w)}function g(w,V){if(w==null)return{};var D={},P=Object.keys(w),W,K;for(K=0;K<P.length;K++)W=P[K],!(V.indexOf(W)>=0)&&(D[W]=w[W]);return D}function h(w,V){w.prototype=Object.create(V.prototype),w.prototype.constructor=w,I(w,V)}function I(w,V){return I=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(P,W){return P.__proto__=W,P},I(w,V)}var y=function(w){h(V,w);function V(){for(var P,W=arguments.length,K=new Array(W),f2=0;f2<W;f2++)K[f2]=arguments[f2];return P=w.call.apply(w,[this].concat(K))||this,P.state={width:P.props.width,height:P.props.height,propsWidth:P.props.width,propsHeight:P.props.height},P.onResize=function(T2,C2){var g2=C2.size;P.props.onResize?(T2.persist==null||T2.persist(),P.setState(g2,function(){return P.props.onResize&&P.props.onResize(T2,C2)})):P.setState(g2)},P}V.getDerivedStateFromProps=function(W,K){return K.propsWidth!==W.width||K.propsHeight!==W.height?{width:W.width,height:W.height,propsWidth:W.width,propsHeight:W.height}:null};var D=V.prototype;return D.render=function(){var W=this.props,K=W.handle,f2=W.handleSize;W.onResize;var T2=W.onResizeStart,C2=W.onResizeStop,g2=W.draggableOpts,N2=W.minConstraints,H2=W.maxConstraints,M2=W.lockAspectRatio,U2=W.axis;W.width,W.height;var Y2=W.resizeHandles,c0=W.style,h0=W.transformScale,F0=g(W,a);return t.createElement(i.default,{axis:U2,draggableOpts:g2,handle:K,handleSize:f2,height:this.state.height,lockAspectRatio:M2,maxConstraints:H2,minConstraints:N2,onResizeStart:T2,onResize:this.onResize,onResizeStop:C2,resizeHandles:Y2,transformScale:h0,width:this.state.width},t.createElement("div",l({},F0,{style:A(A({},c0),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},V}(t.Component);return qM.default=y,y.propTypes=A(A({},o.resizableProps),{},{children:n.default.element}),qM}var Dd2;function wr0(){return Dd2||(Dd2=1,XM.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},XM.exports.Resizable=Rd2().default,XM.exports.ResizableBox=Lr0().default),XM.exports}var cE={},Sd2;function Nd2(){if(Sd2)return cE;Sd2=1,Object.defineProperty(cE,"__esModule",{value:!0}),cE.resizeHandleType=cE.resizeHandleAxesType=cE.default=void 0;var t=i(Wd()),n=i(hA());function i(s){return s&&s.__esModule?s:{default:s}}const o=cE.resizeHandleAxesType=t.default.arrayOf(t.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),a=cE.resizeHandleType=t.default.oneOfType([t.default.node,t.default.func]);return cE.default={className:t.default.string,style:t.default.object,width:t.default.number,autoSize:t.default.bool,cols:t.default.number,draggableCancel:t.default.string,draggableHandle:t.default.string,verticalCompact:function(s){s.verticalCompact===!1&&process.env.NODE_ENV!=="production"&&console.warn('`verticalCompact` on <ReactGridLayout> is deprecated and will be removed soon. Use `compactType`: "horizontal" | "vertical" | null.')},compactType:t.default.oneOf(["vertical","horizontal"]),layout:function(s){var r=s.layout;r!==void 0&&By().validateLayout(r,"layout")},margin:t.default.arrayOf(t.default.number),containerPadding:t.default.arrayOf(t.default.number),rowHeight:t.default.number,maxRows:t.default.number,isBounded:t.default.bool,isDraggable:t.default.bool,isResizable:t.default.bool,allowOverlap:t.default.bool,preventCollision:t.default.bool,useCSSTransforms:t.default.bool,transformScale:t.default.number,isDroppable:t.default.bool,resizeHandles:o,resizeHandle:a,onLayoutChange:t.default.func,onDragStart:t.default.func,onDrag:t.default.func,onDragStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,onResizeStop:t.default.func,onDrop:t.default.func,droppingItem:t.default.shape({i:t.default.string.isRequired,w:t.default.number.isRequired,h:t.default.number.isRequired}),children:function(s,r){const C=s[r],l={};n.default.Children.forEach(C,function(e){if((e==null?void 0:e.key)!=null){if(l[e.key])throw new Error('Duplicate child key "'+e.key+'" found! This will cause problems in ReactGridLayout.');l[e.key]=!0}})},innerRef:t.default.any},cE}var Vd2;function Qr0(){if(Vd2)return YM;Vd2=1,Object.defineProperty(YM,"__esModule",{value:!0}),YM.default=void 0;var t=l(hA()),n=l(Wd()),i=OK(),o=wr0(),a=By(),s=NK(),r=Nd2(),C=l(DK());function l(d){return d&&d.__esModule?d:{default:d}}function e(d,g,h){return g=A(g),g in d?Object.defineProperty(d,g,{value:h,enumerable:!0,configurable:!0,writable:!0}):d[g]=h,d}function A(d){var g=u(d,"string");return typeof g=="symbol"?g:String(g)}function u(d,g){if(typeof d!="object"||d===null)return d;var h=d[Symbol.toPrimitive];if(h!==void 0){var I=h.call(d,g);if(typeof I!="object")return I;throw new TypeError("@@toPrimitive must return a primitive value.")}return(g==="string"?String:Number)(d)}let f=class extends t.default.Component{constructor(){super(...arguments),e(this,"state",{resizing:null,dragging:null,className:""}),e(this,"elementRef",t.default.createRef()),e(this,"onDragStart",(g,h)=>{let{node:I}=h;const{onDragStart:y,transformScale:w}=this.props;if(!y)return;const V={top:0,left:0},{offsetParent:D}=I;if(!D)return;const P=D.getBoundingClientRect(),W=I.getBoundingClientRect(),K=W.left/w,f2=P.left/w,T2=W.top/w,C2=P.top/w;V.left=K-f2+D.scrollLeft,V.top=T2-C2+D.scrollTop,this.setState({dragging:V});const{x:g2,y:N2}=(0,s.calcXY)(this.getPositionParams(),V.top,V.left,this.props.w,this.props.h);return y.call(this,this.props.i,g2,N2,{e:g,node:I,newPosition:V})}),e(this,"onDrag",(g,h)=>{let{node:I,deltaX:y,deltaY:w}=h;const{onDrag:V}=this.props;if(!V)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let D=this.state.dragging.top+w,P=this.state.dragging.left+y;const{isBounded:W,i:K,w:f2,h:T2,containerWidth:C2}=this.props,g2=this.getPositionParams();if(W){const{offsetParent:U2}=I;if(U2){const{margin:Y2,rowHeight:c0,containerPadding:h0}=this.props,F0=U2.clientHeight-(0,s.calcGridItemWHPx)(T2,c0,Y2[1]);D=(0,s.clamp)(D-h0[1],0,F0);const I0=(0,s.calcGridColWidth)(g2),e0=C2-(0,s.calcGridItemWHPx)(f2,I0,Y2[0]);P=(0,s.clamp)(P-h0[0],0,e0)}}const N2={top:D,left:P};this.setState({dragging:N2});const{x:H2,y:M2}=(0,s.calcXY)(g2,D,P,f2,T2);return V.call(this,K,H2,M2,{e:g,node:I,newPosition:N2})}),e(this,"onDragStop",(g,h)=>{let{node:I}=h;const{onDragStop:y}=this.props;if(!y)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w,h:V,i:D}=this.props,{left:P,top:W}=this.state.dragging,K={top:W,left:P};this.setState({dragging:null});const{x:f2,y:T2}=(0,s.calcXY)(this.getPositionParams(),W,P,w,V);return y.call(this,D,f2,T2,{e:g,node:I,newPosition:K})}),e(this,"onResizeStop",(g,h,I)=>this.onResizeHandler(g,h,I,"onResizeStop")),e(this,"onResizeStart",(g,h,I)=>this.onResizeHandler(g,h,I,"onResizeStart")),e(this,"onResize",(g,h,I)=>this.onResizeHandler(g,h,I,"onResize"))}shouldComponentUpdate(g,h){if(this.props.children!==g.children||this.props.droppingPosition!==g.droppingPosition)return!0;const I=(0,s.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),y=(0,s.calcGridItemPosition)(this.getPositionParams(g),g.x,g.y,g.w,g.h,h);return!(0,a.fastPositionEqual)(I,y)||this.props.useCSSTransforms!==g.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(g){this.moveDroppingItem(g)}moveDroppingItem(g){const{droppingPosition:h}=this.props;if(!h)return;const I=this.elementRef.current;if(!I)return;const y=g.droppingPosition||{left:0,top:0},{dragging:w}=this.state,V=w&&h.left!==y.left||h.top!==y.top;if(!w)this.onDragStart(h.e,{node:I,deltaX:h.left,deltaY:h.top});else if(V){const D=h.left-w.left,P=h.top-w.top;this.onDrag(h.e,{node:I,deltaX:D,deltaY:P})}}getPositionParams(){let g=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:g.cols,containerPadding:g.containerPadding,containerWidth:g.containerWidth,margin:g.margin,maxRows:g.maxRows,rowHeight:g.rowHeight}}createStyle(g){const{usePercentages:h,containerWidth:I,useCSSTransforms:y}=this.props;let w;return y?w=(0,a.setTransform)(g):(w=(0,a.setTopLeft)(g),h&&(w.left=(0,a.perc)(g.left/I),w.width=(0,a.perc)(g.width/I))),w}mixinDraggable(g,h){return t.default.createElement(i.DraggableCore,{disabled:!h,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},g)}curryResizeHandler(g,h){return(I,y)=>h(I,y,g)}mixinResizable(g,h,I){const{cols:y,minW:w,minH:V,maxW:D,maxH:P,transformScale:W,resizeHandles:K,resizeHandle:f2}=this.props,T2=this.getPositionParams(),C2=(0,s.calcGridItemPosition)(T2,0,0,y,0).width,g2=(0,s.calcGridItemPosition)(T2,0,0,w,V),N2=(0,s.calcGridItemPosition)(T2,0,0,D,P),H2=[g2.width,g2.height],M2=[Math.min(N2.width,C2),Math.min(N2.height,1/0)];return t.default.createElement(o.Resizable,{draggableOpts:{disabled:!I},className:I?void 0:"react-resizable-hide",width:h.width,height:h.height,minConstraints:H2,maxConstraints:M2,onResizeStop:this.curryResizeHandler(h,this.onResizeStop),onResizeStart:this.curryResizeHandler(h,this.onResizeStart),onResize:this.curryResizeHandler(h,this.onResize),transformScale:W,resizeHandles:K,handle:f2},g)}onResizeHandler(g,h,I,y){let{node:w,size:V,handle:D}=h;const P=this.props[y];if(!P)return;const{x:W,y:K,i:f2,maxH:T2,minH:C2,containerWidth:g2}=this.props,{minW:N2,maxW:H2}=this.props;let M2=V;w&&(M2=(0,a.resizeItemInDirection)(D,I,V,g2),this.setState({resizing:y==="onResizeStop"?null:M2}));let{w:U2,h:Y2}=(0,s.calcWH)(this.getPositionParams(),M2.width,M2.height,W,K,D);U2=(0,s.clamp)(U2,Math.max(N2,1),H2),Y2=(0,s.clamp)(Y2,C2,T2),P.call(this,f2,U2,Y2,{e:g,node:w,size:M2,handle:D})}render(){const{x:g,y:h,w:I,h:y,isDraggable:w,isResizable:V,droppingPosition:D,useCSSTransforms:P}=this.props,W=(0,s.calcGridItemPosition)(this.getPositionParams(),g,h,I,y,this.state),K=t.default.Children.only(this.props.children);let f2=t.default.cloneElement(K,{ref:this.elementRef,className:(0,C.default)("react-grid-item",K.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":w,"react-draggable-dragging":!!this.state.dragging,dropping:!!D,cssTransforms:P}),style:{...this.props.style,...K.props.style,...this.createStyle(W)}});return f2=this.mixinResizable(f2,W,V),f2=this.mixinDraggable(f2,w),f2}};return YM.default=f,e(f,"propTypes",{children:n.default.element,cols:n.default.number.isRequired,containerWidth:n.default.number.isRequired,rowHeight:n.default.number.isRequired,margin:n.default.array.isRequired,maxRows:n.default.number.isRequired,containerPadding:n.default.array.isRequired,x:n.default.number.isRequired,y:n.default.number.isRequired,w:n.default.number.isRequired,h:n.default.number.isRequired,minW:function(d,g){const h=d[g];if(typeof h!="number")return new Error("minWidth not Number");if(h>d.w||h>d.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(d,g){const h=d[g];if(typeof h!="number")return new Error("maxWidth not Number");if(h<d.w||h<d.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(d,g){const h=d[g];if(typeof h!="number")return new Error("minHeight not Number");if(h>d.h||h>d.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(d,g){const h=d[g];if(typeof h!="number")return new Error("maxHeight not Number");if(h<d.h||h<d.minH)return new Error("maxHeight smaller than item height/minHeight")},i:n.default.string.isRequired,resizeHandles:r.resizeHandleAxesType,resizeHandle:r.resizeHandleType,onDragStop:n.default.func,onDragStart:n.default.func,onDrag:n.default.func,onResizeStop:n.default.func,onResizeStart:n.default.func,onResize:n.default.func,isDraggable:n.default.bool.isRequired,isResizable:n.default.bool.isRequired,isBounded:n.default.bool.isRequired,static:n.default.bool,useCSSTransforms:n.default.bool.isRequired,transformScale:n.default.number,className:n.default.string,handle:n.default.string,cancel:n.default.string,droppingPosition:n.default.shape({e:n.default.object.isRequired,left:n.default.number.isRequired,top:n.default.number.isRequired})}),e(f,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),YM}var kd2;function Od2(){if(kd2)return zM;kd2=1,Object.defineProperty(zM,"__esModule",{value:!0}),zM.default=void 0;var t=e(hA()),n=HK(),i=C(DK()),o=By(),a=NK(),s=C(Qr0()),r=C(Nd2());function C(I){return I&&I.__esModule?I:{default:I}}function l(I){if(typeof WeakMap!="function")return null;var y=new WeakMap,w=new WeakMap;return(l=function(V){return V?w:y})(I)}function e(I,y){if(I&&I.__esModule)return I;if(I===null||typeof I!="object"&&typeof I!="function")return{default:I};var w=l(y);if(w&&w.has(I))return w.get(I);var V={__proto__:null},D=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var P in I)if(P!=="default"&&Object.prototype.hasOwnProperty.call(I,P)){var W=D?Object.getOwnPropertyDescriptor(I,P):null;W&&(W.get||W.set)?Object.defineProperty(V,P,W):V[P]=I[P]}return V.default=I,w&&w.set(I,V),V}function A(I,y,w){return y=u(y),y in I?Object.defineProperty(I,y,{value:w,enumerable:!0,configurable:!0,writable:!0}):I[y]=w,I}function u(I){var y=f(I,"string");return typeof y=="symbol"?y:String(y)}function f(I,y){if(typeof I!="object"||I===null)return I;var w=I[Symbol.toPrimitive];if(w!==void 0){var V=w.call(I,y);if(typeof V!="object")return V;throw new TypeError("@@toPrimitive must return a primitive value.")}return(y==="string"?String:Number)(I)}const d="react-grid-layout";let g=!1;try{g=/firefox/i.test(navigator.userAgent)}catch{}let h=class extends t.Component{constructor(){super(...arguments),A(this,"state",{activeDrag:null,layout:(0,o.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,o.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),A(this,"dragEnterCounter",0),A(this,"onDragStart",(y,w,V,D)=>{let{e:P,node:W}=D;const{layout:K}=this.state,f2=(0,o.getLayoutItem)(K,y);if(!f2)return;const T2={w:f2.w,h:f2.h,x:f2.x,y:f2.y,placeholder:!0,i:y};return this.setState({oldDragItem:(0,o.cloneLayoutItem)(f2),oldLayout:K,activeDrag:T2}),this.props.onDragStart(K,f2,f2,null,P,W)}),A(this,"onDrag",(y,w,V,D)=>{let{e:P,node:W}=D;const{oldDragItem:K}=this.state;let{layout:f2}=this.state;const{cols:T2,allowOverlap:C2,preventCollision:g2}=this.props,N2=(0,o.getLayoutItem)(f2,y);if(!N2)return;const H2={w:N2.w,h:N2.h,x:N2.x,y:N2.y,placeholder:!0,i:y};f2=(0,o.moveElement)(f2,N2,w,V,!0,g2,(0,o.compactType)(this.props),T2,C2),this.props.onDrag(f2,K,N2,H2,P,W),this.setState({layout:C2?f2:(0,o.compact)(f2,(0,o.compactType)(this.props),T2),activeDrag:H2})}),A(this,"onDragStop",(y,w,V,D)=>{let{e:P,node:W}=D;if(!this.state.activeDrag)return;const{oldDragItem:K}=this.state;let{layout:f2}=this.state;const{cols:T2,preventCollision:C2,allowOverlap:g2}=this.props,N2=(0,o.getLayoutItem)(f2,y);if(!N2)return;f2=(0,o.moveElement)(f2,N2,w,V,!0,C2,(0,o.compactType)(this.props),T2,g2);const M2=g2?f2:(0,o.compact)(f2,(0,o.compactType)(this.props),T2);this.props.onDragStop(M2,K,N2,null,P,W);const{oldLayout:U2}=this.state;this.setState({activeDrag:null,layout:M2,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(M2,U2)}),A(this,"onResizeStart",(y,w,V,D)=>{let{e:P,node:W}=D;const{layout:K}=this.state,f2=(0,o.getLayoutItem)(K,y);f2&&(this.setState({oldResizeItem:(0,o.cloneLayoutItem)(f2),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(K,f2,f2,null,P,W))}),A(this,"onResize",(y,w,V,D)=>{let{e:P,node:W,size:K,handle:f2}=D;const{oldResizeItem:T2}=this.state,{layout:C2}=this.state,{cols:g2,preventCollision:N2,allowOverlap:H2}=this.props;let M2=!1,U2,Y2,c0;const[h0,F0]=(0,o.withLayoutItem)(C2,y,e0=>{let U0;return Y2=e0.x,c0=e0.y,["sw","w","nw","n","ne"].indexOf(f2)!==-1&&(["sw","nw","w"].indexOf(f2)!==-1&&(Y2=e0.x+(e0.w-w),w=e0.x!==Y2&&Y2<0?e0.w:w,Y2=Y2<0?0:Y2),["ne","n","nw"].indexOf(f2)!==-1&&(c0=e0.y+(e0.h-V),V=e0.y!==c0&&c0<0?e0.h:V,c0=c0<0?0:c0),M2=!0),N2&&!H2&&(U0=(0,o.getAllCollisions)(C2,{...e0,w,h:V,x:Y2,y:c0}).filter(j0=>j0.i!==e0.i).length>0,U0&&(c0=e0.y,V=e0.h,Y2=e0.x,w=e0.w,M2=!1)),e0.w=w,e0.h=V,e0});if(!F0)return;U2=h0,M2&&(U2=(0,o.moveElement)(h0,F0,Y2,c0,!0,this.props.preventCollision,(0,o.compactType)(this.props),g2,H2));const I0={w:F0.w,h:F0.h,x:F0.x,y:F0.y,static:!0,i:y};this.props.onResize(U2,T2,F0,I0,P,W),this.setState({layout:H2?U2:(0,o.compact)(U2,(0,o.compactType)(this.props),g2),activeDrag:I0})}),A(this,"onResizeStop",(y,w,V,D)=>{let{e:P,node:W}=D;const{layout:K,oldResizeItem:f2}=this.state,{cols:T2,allowOverlap:C2}=this.props,g2=(0,o.getLayoutItem)(K,y),N2=C2?K:(0,o.compact)(K,(0,o.compactType)(this.props),T2);this.props.onResizeStop(N2,f2,g2,null,P,W);const{oldLayout:H2}=this.state;this.setState({activeDrag:null,layout:N2,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(N2,H2)}),A(this,"onDragOver",y=>{var h0;if(y.preventDefault(),y.stopPropagation(),g&&!((h0=y.nativeEvent.target)!=null&&h0.classList.contains(d)))return!1;const{droppingItem:w,onDropDragOver:V,margin:D,cols:P,rowHeight:W,maxRows:K,width:f2,containerPadding:T2,transformScale:C2}=this.props,g2=V==null?void 0:V(y);if(g2===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const N2={...w,...g2},{layout:H2}=this.state,M2=y.currentTarget.getBoundingClientRect(),U2=y.clientX-M2.left,Y2=y.clientY-M2.top,c0={left:U2/C2,top:Y2/C2,e:y};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:F0,top:I0}=this.state.droppingPosition;(F0!=U2||I0!=Y2)&&this.setState({droppingPosition:c0})}}else{const F0={cols:P,margin:D,maxRows:K,rowHeight:W,containerWidth:f2,containerPadding:T2||D},I0=(0,a.calcXY)(F0,Y2,U2,N2.w,N2.h);this.setState({droppingDOMNode:t.createElement("div",{key:N2.i}),droppingPosition:c0,layout:[...H2,{...N2,x:I0.x,y:I0.y,static:!1,isDraggable:!0}]})}}),A(this,"removeDroppingPlaceholder",()=>{const{droppingItem:y,cols:w}=this.props,{layout:V}=this.state,D=(0,o.compact)(V.filter(P=>P.i!==y.i),(0,o.compactType)(this.props),w,this.props.allowOverlap);this.setState({layout:D,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),A(this,"onDragLeave",y=>{y.preventDefault(),y.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),A(this,"onDragEnter",y=>{y.preventDefault(),y.stopPropagation(),this.dragEnterCounter++}),A(this,"onDrop",y=>{y.preventDefault(),y.stopPropagation();const{droppingItem:w}=this.props,{layout:V}=this.state,D=V.find(P=>P.i===w.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(V,D,y)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(y,w){let V;return w.activeDrag?null:(!(0,n.deepEqual)(y.layout,w.propsLayout)||y.compactType!==w.compactType?V=y.layout:(0,o.childrenEqual)(y.children,w.children)||(V=w.layout),V?{layout:(0,o.synchronizeLayoutWithChildren)(V,y.children,y.cols,(0,o.compactType)(y),y.allowOverlap),compactType:y.compactType,children:y.children,propsLayout:y.layout}:null)}shouldComponentUpdate(y,w){return this.props.children!==y.children||!(0,o.fastRGLPropsEqual)(this.props,y,n.deepEqual)||this.state.activeDrag!==w.activeDrag||this.state.mounted!==w.mounted||this.state.droppingPosition!==w.droppingPosition}componentDidUpdate(y,w){if(!this.state.activeDrag){const V=this.state.layout,D=w.layout;this.onLayoutMaybeChanged(V,D)}}containerHeight(){if(!this.props.autoSize)return;const y=(0,o.bottom)(this.state.layout),w=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return y*this.props.rowHeight+(y-1)*this.props.margin[1]+w*2+"px"}onLayoutMaybeChanged(y,w){w||(w=this.state.layout),(0,n.deepEqual)(w,y)||this.props.onLayoutChange(y)}placeholder(){const{activeDrag:y}=this.state;if(!y)return null;const{width:w,cols:V,margin:D,containerPadding:P,rowHeight:W,maxRows:K,useCSSTransforms:f2,transformScale:T2}=this.props;return t.createElement(s.default,{w:y.w,h:y.h,x:y.x,y:y.y,i:y.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:w,cols:V,margin:D,containerPadding:P||D,maxRows:K,rowHeight:W,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:f2,transformScale:T2},t.createElement("div",null))}processGridItem(y,w){if(!y||!y.key)return;const V=(0,o.getLayoutItem)(this.state.layout,String(y.key));if(!V)return null;const{width:D,cols:P,margin:W,containerPadding:K,rowHeight:f2,maxRows:T2,isDraggable:C2,isResizable:g2,isBounded:N2,useCSSTransforms:H2,transformScale:M2,draggableCancel:U2,draggableHandle:Y2,resizeHandles:c0,resizeHandle:h0}=this.props,{mounted:F0,droppingPosition:I0}=this.state,e0=typeof V.isDraggable=="boolean"?V.isDraggable:!V.static&&C2,U0=typeof V.isResizable=="boolean"?V.isResizable:!V.static&&g2,m0=V.resizeHandles||c0,j0=e0&&N2&&V.isBounded!==!1;return t.createElement(s.default,{containerWidth:D,cols:P,margin:W,containerPadding:K||W,maxRows:T2,rowHeight:f2,cancel:U2,handle:Y2,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:e0,isResizable:U0,isBounded:j0,useCSSTransforms:H2&&F0,usePercentages:!F0,transformScale:M2,w:V.w,h:V.h,x:V.x,y:V.y,i:V.i,minH:V.minH,minW:V.minW,maxH:V.maxH,maxW:V.maxW,static:V.static,droppingPosition:w?I0:void 0,resizeHandles:m0,resizeHandle:h0},y)}render(){const{className:y,style:w,isDroppable:V,innerRef:D}=this.props,P=(0,i.default)(d,y),W={height:this.containerHeight(),...w};return t.createElement("div",{ref:D,className:P,style:W,onDrop:V?this.onDrop:o.noop,onDragLeave:V?this.onDragLeave:o.noop,onDragEnter:V?this.onDragEnter:o.noop,onDragOver:V?this.onDragOver:o.noop},t.Children.map(this.props.children,K=>this.processGridItem(K)),V&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};return zM.default=h,A(h,"displayName","ReactGridLayout"),A(h,"propTypes",r.default),A(h,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:o.noop,onDragStart:o.noop,onDrag:o.noop,onDragStop:o.noop,onResizeStart:o.noop,onResize:o.noop,onResizeStop:o.noop,onDrop:o.noop,onDropDragOver:o.noop}),zM}var $M={},Qm={},Pd2;function Zd2(){if(Pd2)return Qm;Pd2=1,Object.defineProperty(Qm,"__esModule",{value:!0}),Qm.findOrGenerateResponsiveLayout=o,Qm.getBreakpointFromWidth=n,Qm.getColsFromBreakpoint=i,Qm.sortBreakpoints=a;var t=By();function n(s,r){const C=a(s);let l=C[0];for(let e=1,A=C.length;e<A;e++){const u=C[e];r>s[u]&&(l=u)}return l}function i(s,r){if(!r[s])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+s+" is missing!");return r[s]}function o(s,r,C,l,e,A){if(s[C])return(0,t.cloneLayout)(s[C]);let u=s[l];const f=a(r),d=f.slice(f.indexOf(C));for(let g=0,h=d.length;g<h;g++){const I=d[g];if(s[I]){u=s[I];break}}return u=(0,t.cloneLayout)(u||[]),(0,t.compact)((0,t.correctBounds)(u,{cols:e}),A,e)}function a(s){return Object.keys(s).sort(function(C,l){return s[C]-s[l]})}return Qm}var Fd2;function Mr0(){if(Fd2)return $M;Fd2=1,Object.defineProperty($M,"__esModule",{value:!0}),$M.default=void 0;var t=l(hA()),n=r(Wd()),i=HK(),o=By(),a=Zd2(),s=r(Od2());function r(I){return I&&I.__esModule?I:{default:I}}function C(I){if(typeof WeakMap!="function")return null;var y=new WeakMap,w=new WeakMap;return(C=function(V){return V?w:y})(I)}function l(I,y){if(I&&I.__esModule)return I;if(I===null||typeof I!="object"&&typeof I!="function")return{default:I};var w=C(y);if(w&&w.has(I))return w.get(I);var V={__proto__:null},D=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var P in I)if(P!=="default"&&Object.prototype.hasOwnProperty.call(I,P)){var W=D?Object.getOwnPropertyDescriptor(I,P):null;W&&(W.get||W.set)?Object.defineProperty(V,P,W):V[P]=I[P]}return V.default=I,w&&w.set(I,V),V}function e(){return e=Object.assign?Object.assign.bind():function(I){for(var y=1;y<arguments.length;y++){var w=arguments[y];for(var V in w)Object.prototype.hasOwnProperty.call(w,V)&&(I[V]=w[V])}return I},e.apply(this,arguments)}function A(I,y,w){return y=u(y),y in I?Object.defineProperty(I,y,{value:w,enumerable:!0,configurable:!0,writable:!0}):I[y]=w,I}function u(I){var y=f(I,"string");return typeof y=="symbol"?y:String(y)}function f(I,y){if(typeof I!="object"||I===null)return I;var w=I[Symbol.toPrimitive];if(w!==void 0){var V=w.call(I,y);if(typeof V!="object")return V;throw new TypeError("@@toPrimitive must return a primitive value.")}return(y==="string"?String:Number)(I)}const d=I=>Object.prototype.toString.call(I);function g(I,y){return I==null?null:Array.isArray(I)?I:I[y]}let h=class extends t.Component{constructor(){super(...arguments),A(this,"state",this.generateInitialState()),A(this,"onLayoutChange",y=>{this.props.onLayoutChange(y,{...this.props.layouts,[this.state.breakpoint]:y})})}generateInitialState(){const{width:y,breakpoints:w,layouts:V,cols:D}=this.props,P=(0,a.getBreakpointFromWidth)(w,y),W=(0,a.getColsFromBreakpoint)(P,D),K=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,a.findOrGenerateResponsiveLayout)(V,w,P,P,W,K),breakpoint:P,cols:W}}static getDerivedStateFromProps(y,w){if(!(0,i.deepEqual)(y.layouts,w.layouts)){const{breakpoint:V,cols:D}=w;return{layout:(0,a.findOrGenerateResponsiveLayout)(y.layouts,y.breakpoints,V,V,D,y.compactType),layouts:y.layouts}}return null}componentDidUpdate(y){(this.props.width!=y.width||this.props.breakpoint!==y.breakpoint||!(0,i.deepEqual)(this.props.breakpoints,y.breakpoints)||!(0,i.deepEqual)(this.props.cols,y.cols))&&this.onWidthChange(y)}onWidthChange(y){const{breakpoints:w,cols:V,layouts:D,compactType:P}=this.props,W=this.props.breakpoint||(0,a.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),K=this.state.breakpoint,f2=(0,a.getColsFromBreakpoint)(W,V),T2={...D};if(K!==W||y.breakpoints!==w||y.cols!==V){K in T2||(T2[K]=(0,o.cloneLayout)(this.state.layout));let N2=(0,a.findOrGenerateResponsiveLayout)(T2,w,W,K,f2,P);N2=(0,o.synchronizeLayoutWithChildren)(N2,this.props.children,f2,P,this.props.allowOverlap),T2[W]=N2,this.props.onBreakpointChange(W,f2),this.props.onLayoutChange(N2,T2),this.setState({breakpoint:W,layout:N2,cols:f2})}const C2=g(this.props.margin,W),g2=g(this.props.containerPadding,W);this.props.onWidthChange(this.props.width,C2,f2,g2)}render(){const{breakpoint:y,breakpoints:w,cols:V,layouts:D,margin:P,containerPadding:W,onBreakpointChange:K,onLayoutChange:f2,onWidthChange:T2,...C2}=this.props;return t.createElement(s.default,e({},C2,{margin:g(P,this.state.breakpoint),containerPadding:g(W,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}};return $M.default=h,A(h,"propTypes",{breakpoint:n.default.string,breakpoints:n.default.object,allowOverlap:n.default.bool,cols:n.default.object,margin:n.default.oneOfType([n.default.array,n.default.object]),containerPadding:n.default.oneOfType([n.default.array,n.default.object]),layouts(I,y){if(d(I[y])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+d(I[y]));Object.keys(I[y]).forEach(w=>{if(!(w in I.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,o.validateLayout)(I.layouts[w],"layouts."+w)})},width:n.default.number.isRequired,onBreakpointChange:n.default.func,onLayoutChange:n.default.func,onWidthChange:n.default.func}),A(h,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:o.noop,onLayoutChange:o.noop,onWidthChange:o.noop}),$M}var mk={},Ud2=function(){if(typeof Map<"u")return Map;function t(n,i){var o=-1;return n.some(function(a,s){return a[0]===i?(o=s,!0):!1}),o}return function(){function n(){this.__entries__=[]}return Object.defineProperty(n.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),n.prototype.get=function(i){var o=t(this.__entries__,i),a=this.__entries__[o];return a&&a[1]},n.prototype.set=function(i,o){var a=t(this.__entries__,i);~a?this.__entries__[a][1]=o:this.__entries__.push([i,o])},n.prototype.delete=function(i){var o=this.__entries__,a=t(o,i);~a&&o.splice(a,1)},n.prototype.has=function(i){return!!~t(this.__entries__,i)},n.prototype.clear=function(){this.__entries__.splice(0)},n.prototype.forEach=function(i,o){o===void 0&&(o=null);for(var a=0,s=this.__entries__;a<s.length;a++){var r=s[a];i.call(o,r[1],r[0])}},n}()}(),PK=typeof window<"u"&&typeof document<"u"&&window.document===document,bk=function(){return typeof global<"u"&&global.Math===Math?global:typeof self<"u"&&self.Math===Math?self:typeof window<"u"&&window.Math===Math?window:Function("return this")()}(),Tr0=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(bk):function(t){return setTimeout(function(){return t(Date.now())},1e3/60)}}(),xr0=2;function Rr0(t,n){var i=!1,o=!1,a=0;function s(){i&&(i=!1,t()),o&&C()}function r(){Tr0(s)}function C(){var l=Date.now();if(i){if(l-a<xr0)return;o=!0}else i=!0,o=!1,setTimeout(r,n);a=l}return C}var Hr0=20,Dr0=["top","right","bottom","left","width","height","size","weight"],Sr0=typeof MutationObserver<"u",Nr0=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=Rr0(this.refresh.bind(this),Hr0)}return t.prototype.addObserver=function(n){~this.observers_.indexOf(n)||this.observers_.push(n),this.connected_||this.connect_()},t.prototype.removeObserver=function(n){var i=this.observers_,o=i.indexOf(n);~o&&i.splice(o,1),!i.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){var n=this.updateObservers_();n&&this.refresh()},t.prototype.updateObservers_=function(){var n=this.observers_.filter(function(i){return i.gatherActive(),i.hasActive()});return n.forEach(function(i){return i.broadcastActive()}),n.length>0},t.prototype.connect_=function(){!PK||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),Sr0?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},t.prototype.disconnect_=function(){!PK||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},t.prototype.onTransitionEnd_=function(n){var i=n.propertyName,o=i===void 0?"":i,a=Dr0.some(function(s){return!!~o.indexOf(s)});a&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),jd2=function(t,n){for(var i=0,o=Object.keys(n);i<o.length;i++){var a=o[i];Object.defineProperty(t,a,{value:n[a],enumerable:!1,writable:!1,configurable:!0})}return t},yy=function(t){var n=t&&t.ownerDocument&&t.ownerDocument.defaultView;return n||bk},zd2=yk(0,0,0,0);function Bk(t){return parseFloat(t)||0}function Gd2(t){for(var n=[],i=1;i<arguments.length;i++)n[i-1]=arguments[i];return n.reduce(function(o,a){var s=t["border-"+a+"-width"];return o+Bk(s)},0)}function Vr0(t){for(var n=["top","right","bottom","left"],i={},o=0,a=n;o<a.length;o++){var s=a[o],r=t["padding-"+s];i[s]=Bk(r)}return i}function kr0(t){var n=t.getBBox();return yk(0,0,n.width,n.height)}function Or0(t){var n=t.clientWidth,i=t.clientHeight;if(!n&&!i)return zd2;var o=yy(t).getComputedStyle(t),a=Vr0(o),s=a.left+a.right,r=a.top+a.bottom,C=Bk(o.width),l=Bk(o.height);if(o.boxSizing==="border-box"&&(Math.round(C+s)!==n&&(C-=Gd2(o,"left","right")+s),Math.round(l+r)!==i&&(l-=Gd2(o,"top","bottom")+r)),!Zr0(t)){var e=Math.round(C+s)-n,A=Math.round(l+r)-i;Math.abs(e)!==1&&(C-=e),Math.abs(A)!==1&&(l-=A)}return yk(a.left,a.top,C,l)}var Pr0=function(){return typeof SVGGraphicsElement<"u"?function(t){return t instanceof yy(t).SVGGraphicsElement}:function(t){return t instanceof yy(t).SVGElement&&typeof t.getBBox=="function"}}();function Zr0(t){return t===yy(t).document.documentElement}function Fr0(t){return PK?Pr0(t)?kr0(t):Or0(t):zd2}function Ur0(t){var n=t.x,i=t.y,o=t.width,a=t.height,s=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,r=Object.create(s.prototype);return jd2(r,{x:n,y:i,width:o,height:a,top:i,right:n+o,bottom:a+i,left:n}),r}function yk(t,n,i,o){return{x:t,y:n,width:i,height:o}}var jr0=function(){function t(n){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=yk(0,0,0,0),this.target=n}return t.prototype.isActive=function(){var n=Fr0(this.target);return this.contentRect_=n,n.width!==this.broadcastWidth||n.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var n=this.contentRect_;return this.broadcastWidth=n.width,this.broadcastHeight=n.height,n},t}(),zr0=function(){function t(n,i){var o=Ur0(i);jd2(this,{target:n,contentRect:o})}return t}(),Gr0=function(){function t(n,i,o){if(this.activeObservations_=[],this.observations_=new Ud2,typeof n!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=n,this.controller_=i,this.callbackCtx_=o}return t.prototype.observe=function(n){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(n instanceof yy(n).Element))throw new TypeError('parameter 1 is not of type "Element".');var i=this.observations_;i.has(n)||(i.set(n,new jr0(n)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(n){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(n instanceof yy(n).Element))throw new TypeError('parameter 1 is not of type "Element".');var i=this.observations_;i.has(n)&&(i.delete(n),i.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var n=this;this.clearActive(),this.observations_.forEach(function(i){i.isActive()&&n.activeObservations_.push(i)})},t.prototype.broadcastActive=function(){if(this.hasActive()){var n=this.callbackCtx_,i=this.activeObservations_.map(function(o){return new zr0(o.target,o.broadcastRect())});this.callback_.call(n,i,n),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),Yd2=typeof WeakMap<"u"?new WeakMap:new Ud2,Wd2=function(){function t(n){if(!(this instanceof t))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var i=Nr0.getInstance(),o=new Gr0(n,i,this);Yd2.set(this,o)}return t}();["observe","unobserve","disconnect"].forEach(function(t){Wd2.prototype[t]=function(){var n;return(n=Yd2.get(this))[t].apply(n,arguments)}});var Yr0=function(){return typeof bk.ResizeObserver<"u"?bk.ResizeObserver:Wd2}();const Wr0=jO(Object.freeze(Object.defineProperty({__proto__:null,default:Yr0},Symbol.toStringTag,{value:"Module"})));var _d2;function _r0(){if(_d2)return mk;_d2=1,Object.defineProperty(mk,"__esModule",{value:!0}),mk.default=f;var t=r(hA()),n=a(Wd()),i=a(Wr0),o=a(DK());function a(d){return d&&d.__esModule?d:{default:d}}function s(d){if(typeof WeakMap!="function")return null;var g=new WeakMap,h=new WeakMap;return(s=function(I){return I?h:g})(d)}function r(d,g){if(d&&d.__esModule)return d;if(d===null||typeof d!="object"&&typeof d!="function")return{default:d};var h=s(g);if(h&&h.has(d))return h.get(d);var I={__proto__:null},y=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var w in d)if(w!=="default"&&Object.prototype.hasOwnProperty.call(d,w)){var V=y?Object.getOwnPropertyDescriptor(d,w):null;V&&(V.get||V.set)?Object.defineProperty(I,w,V):I[w]=d[w]}return I.default=d,h&&h.set(d,I),I}function C(){return C=Object.assign?Object.assign.bind():function(d){for(var g=1;g<arguments.length;g++){var h=arguments[g];for(var I in h)Object.prototype.hasOwnProperty.call(h,I)&&(d[I]=h[I])}return d},C.apply(this,arguments)}function l(d,g,h){return g=e(g),g in d?Object.defineProperty(d,g,{value:h,enumerable:!0,configurable:!0,writable:!0}):d[g]=h,d}function e(d){var g=A(d,"string");return typeof g=="symbol"?g:String(g)}function A(d,g){if(typeof d!="object"||d===null)return d;var h=d[Symbol.toPrimitive];if(h!==void 0){var I=h.call(d,g);if(typeof I!="object")return I;throw new TypeError("@@toPrimitive must return a primitive value.")}return(g==="string"?String:Number)(d)}const u="react-grid-layout";function f(d){var g;return g=class extends t.Component{constructor(){super(...arguments),l(this,"state",{width:1280}),l(this,"elementRef",t.createRef()),l(this,"mounted",!1),l(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new i.default(y=>{if(this.elementRef.current instanceof HTMLElement){const V=y[0].contentRect.width;this.setState({width:V})}});const I=this.elementRef.current;I instanceof HTMLElement&&this.resizeObserver.observe(I)}componentWillUnmount(){this.mounted=!1;const I=this.elementRef.current;I instanceof HTMLElement&&this.resizeObserver.unobserve(I),this.resizeObserver.disconnect()}render(){const{measureBeforeMount:I,...y}=this.props;return I&&!this.mounted?t.createElement("div",{className:(0,o.default)(this.props.className,u),style:this.props.style,ref:this.elementRef}):t.createElement(d,C({innerRef:this.elementRef},y,this.state))}},l(g,"defaultProps",{measureBeforeMount:!1}),l(g,"propTypes",{measureBeforeMount:n.default.bool}),g}return mk}var Xd2;function Xr0(){return Xd2||(Xd2=1,function(t){t.exports=Od2().default,t.exports.utils=By(),t.exports.calculateUtils=NK(),t.exports.Responsive=Mr0().default,t.exports.Responsive.utils=Zd2(),t.exports.WidthProvider=_r0().default}(RK)),RK.exports}var Kd2=Xr0();const cf={"MetricList-container":"_MetricList-container_mim6z_1","MetricList-container-type":"_MetricList-container-type_mim6z_7","MetricList-wrapper":"_MetricList-wrapper_mim6z_13","MetricList-wrapper-move":"_MetricList-wrapper-move_mim6z_29","noMetric-container":"_noMetric-container_mim6z_37","noMetric-wrapper":"_noMetric-wrapper_mim6z_45","alt-container":"_alt-container_mim6z_53",gridDisplay:"_gridDisplay_mim6z_61",gridDisplay2:"_gridDisplay2_mim6z_69",flexDisplay:"_flexDisplay_mim6z_77",mergedCard:"_mergedCard_mim6z_85"},Kr0={deleteModal:"_deleteModal_o85f3_1"},Jr0=({isOpen:t,onClose:n,onArchive:i,isLoading:o})=>E.jsxs(nu,{headerTitle:"Archive Metric",isOpen:t,onClose:n,zIndex:9999999999999,children:[E.jsx("div",{className:Kr0.deleteModal,children:E.jsx(wl,{text:"Are you sure you want to archive the metric?",variant:"warning",className:"dbn-w-full"})}),E.jsxs(Fd,{children:[E.jsx(E6,{variant:"tab",type:"button",onClick:n,children:"Cancel"}),E.jsx(E6,{variant:"primary",type:"button",isDisabled:o,onClick:i,children:o?"Archiving...":"Archive"})]})]}),ws={cardContainer:"_cardContainer_1ljkl_1",cardProperties:"_cardProperties_1ljkl_9",enableBorder:"_enableBorder_1ljkl_17",morePopup:"_morePopup_1ljkl_25",features:"_features_1ljkl_33",listHeader:"_listHeader_1ljkl_41",metricName:"_metricName_1ljkl_49",metricTitle:"_metricTitle_1ljkl_57",truncate:"_truncate_1ljkl_65",textWrap:"_textWrap_1ljkl_73",metricDescription:"_metricDescription_1ljkl_81",popupItem:"_popupItem_1ljkl_121",metricData:"_metricData_1ljkl_153",chartHeight:"_chartHeight_1ljkl_159",chartWithDescHeight:"_chartWithDescHeight_1ljkl_165",metricTable:"_metricTable_1ljkl_171",noHeight:"_noHeight_1ljkl_179",chart:"_chart_1ljkl_159",noData:"_noData_1ljkl_211",noDataContent:"_noDataContent_1ljkl_219",noDataText:"_noDataText_1ljkl_233",connectionErrorText:"_connectionErrorText_1ljkl_241",fullscreenIcon:"_fullscreenIcon_1ljkl_263",filterTopLeft:"_filterTopLeft_1ljkl_297",metricFilters:"_metricFilters_1ljkl_327",disable:"_disable_1ljkl_341",isShowShadow:"_isShowShadow_1ljkl_349",noBorder:"_noBorder_1ljkl_357",addedLink:"_addedLink_1ljkl_365"},Jd2="data:image/svg+xml,%3csvg%20width='56'%20height='59'%20viewBox='0%200%2056%2059'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.9'%20d='M38.7572%202.0878L2.05324%205.29898C1.21732%205.37211%200.598959%206.10904%200.672093%206.94496L4.87642%2055.0006C4.94955%2055.8365%205.68648%2056.4549%206.5224%2056.3818L43.2263%2053.1706C44.0623%2053.0975%2044.6806%2052.3605%2044.6075%2051.5246L40.4032%203.46894C40.33%202.63302%2039.5931%202.01467%2038.7572%202.0878Z'%20fill='%23F1F2F7'/%3e%3cpath%20d='M48.4236%209.59352V50.3272C48.4236%2051.1666%2047.7437%2051.8465%2046.9043%2051.8465H10.0601C9.22068%2051.8465%208.54077%2051.1666%208.54077%2050.3272V2.08795C8.54077%201.24851%209.22068%200.568604%2010.0601%200.568604H39.8811L48.4236%209.59352Z'%20fill='white'%20stroke='%23D0D4DA'%20strokeWidth='1.13951'%20strokeLinejoin='round'/%3e%3cpath%20d='M39.8794%208.07417V0.568604L48.4219%209.59352H41.3987C40.5593%209.59352%2039.8794%208.91361%2039.8794%208.07417Z'%20fill='%23F1F2F7'%20stroke='%23D0D4DA'%20strokeWidth='0.759673'%20strokeLinejoin='round'/%3e%3cpath%20d='M15.2154%2024.5935H42.104C43.7373%2024.5935%2045.0591%2025.8014%2045.0591%2027.2865V45.0705C45.0591%2046.5595%2043.7373%2047.7635%2042.104%2047.7635H15.2154C13.5821%2047.7635%2012.2603%2046.5557%2012.2603%2045.0705V27.2865C12.2603%2025.7976%2013.5821%2024.5935%2015.2154%2024.5935Z'%20fill='white'/%3e%3cpath%20d='M14.0687%2028.6182H43.2439C43.7833%2028.6182%2044.2201%2027.8851%2044.2201%2026.9811C44.2201%2026.0771%2043.7833%2025.344%2043.2439%2025.344H14.0687C13.5293%2025.344%2013.0925%2026.0771%2013.0925%2026.9811C13.0925%2027.8851%2013.5293%2028.6182%2014.0687%2028.6182Z'%20fill='%23F1F2F7'/%3e%3cpath%20d='M42.5218%2024.6191H14.7938C13.396%2024.6191%2012.2603%2025.6447%2012.2603%2026.9096V45.457C12.2603%2046.718%2013.396%2047.7474%2014.7938%2047.7474H42.5218C43.9196%2047.7474%2045.0553%2046.7218%2045.0553%2045.457V26.9096C45.0553%2025.6485%2043.9196%2024.6191%2042.5218%2024.6191ZM23.492%2043.1666V40.3254H33.8274V43.1666H23.492ZM33.8236%2044.0326V46.8738H23.4882V44.0326H33.8236ZM44.0943%2029.1962V32.0373H34.7884V29.1962H44.0943ZM33.8236%2032.9072V35.7484H23.4882V32.9072H33.8236ZM22.5272%2035.7484H13.2212V32.9072H22.5272V35.7484ZM22.5272%2036.6144V39.4556H13.2212V36.6144H22.5272ZM23.492%2036.6144H33.8274V39.4556H23.492V36.6144ZM34.7884%2036.6144H44.0943V39.4556H34.7884V36.6144ZM34.7884%2035.7484V32.9072H44.0943V35.7484H34.7884ZM33.8236%2032.0373H13.2212V29.1962H33.8236V32.0373ZM13.2212%2040.3254H22.5272V43.1666H13.2212V40.3254ZM34.7884%2040.3254H44.0943V43.1666H34.7884V40.3254ZM14.7938%2025.489H42.5218C43.3879%2025.489%2044.0943%2026.1271%2044.0943%2026.9096V28.3301H13.2212V26.9096C13.2212%2026.1271%2013.9277%2025.489%2014.7938%2025.489ZM13.2212%2045.4532V44.0326H22.5272V46.8738H14.7938C13.9277%2046.8738%2013.2212%2046.2356%2013.2212%2045.4532ZM42.5218%2046.8738H34.7884V44.0326H44.0943V45.4532C44.0943%2046.2356%2043.3879%2046.8738%2042.5218%2046.8738Z'%20fill='%23D0D4DA'/%3e%3cpath%20d='M13.2572%2012.7133H27.1174C27.4593%2012.7133%2027.7366%2012.4398%2027.7366%2012.1018C27.7366%2011.7637%2027.4593%2011.4902%2027.1174%2011.4902H13.2572C12.9153%2011.4902%2012.6381%2011.7637%2012.6381%2012.1018C12.6381%2012.4398%2012.9153%2012.7133%2013.2572%2012.7133Z'%20fill='%23F1F2F7'/%3e%3cpath%20d='M28.5634%2043.4912C28.5634%2050.3096%2034.0896%2055.8359%2040.908%2055.8359C47.7264%2055.8359%2053.2527%2050.3096%2053.2527%2043.4912C53.2527%2036.6728%2047.7264%2031.1465%2040.908%2031.1465C34.0896%2031.1465%2028.5634%2036.6728%2028.5634%2043.4912Z'%20fill='white'/%3e%3cpath%20d='M13.2572%2015.174H21.1768C21.5186%2015.174%2021.7959%2014.9005%2021.7959%2014.5625C21.7959%2014.2244%2021.5186%2013.9509%2021.1768%2013.9509H13.2572C12.9153%2013.9509%2012.6381%2014.2244%2012.6381%2014.5625C12.6381%2014.9005%2012.9153%2015.174%2013.2572%2015.174Z'%20fill='%23F1F2F7'/%3e%3cpath%20d='M13.2572%2010.1498H21.1768C21.5186%2010.1498%2021.7959%209.87635%2021.7959%209.53829C21.7959%209.20024%2021.5186%208.92676%2021.1768%208.92676H13.2572C12.9153%208.92676%2012.6381%209.20024%2012.6381%209.53829C12.6381%209.87635%2012.9153%2010.1498%2013.2572%2010.1498Z'%20fill='%23F1F2F7'/%3e%3cpath%20d='M32.0717%2043.5568C32.0717%2048.4187%2036.0144%2052.3614%2040.8763%2052.3614C45.7382%2052.3614%2049.6809%2048.4187%2049.6809%2043.5568C49.6809%2038.6949%2045.7382%2034.7522%2040.8763%2034.7522C36.0144%2034.7522%2032.0717%2038.6949%2032.0717%2043.5568Z'%20fill='white'%20stroke='%23D0D4DA'%20strokeWidth='1.51935'%20strokeLinecap='round'%20strokeLinejoin='round'/%3e%3cpath%20d='M52.4471%2056.6405C52.8921%2057.0855%2053.6136%2057.0855%2054.0586%2056.6405C54.5036%2056.1955%2054.5036%2055.474%2054.0586%2055.029L52.4471%2056.6405ZM48.3611%2049.3315L47.5553%2048.5257L45.9438%2050.1372L46.7495%2050.943L48.3611%2049.3315ZM54.0586%2055.029L48.3611%2049.3315L46.7495%2050.943L52.4471%2056.6405L54.0586%2055.029Z'%20fill='%23D0D4DA'/%3e%3cg%20clipPath='url(%23clip0_4001_15075)'%3e%3cpath%20d='M40.7057%2046.6968V46.7012'%20stroke='%23D0D4DA'%20strokeWidth='1.14722'%20strokeLinecap='round'%20strokeLinejoin='round'/%3e%3cpath%20d='M40.7057%2044.924V40.4922'%20stroke='%23D0D4DA'%20strokeWidth='1.14722'%20strokeLinecap='round'%20strokeLinejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4001_15075'%3e%3crect%20width='10.6364'%20height='10.6364'%20fill='white'%20transform='translate(35.3875%2038.2764)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",qr0="data:image/svg+xml,%3csvg%20width='69'%20height='66'%20viewBox='0%200%2069%2066'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.6'%20d='M29.181%200.847656C37.1279%200.847656%2044.2911%201.77512%2049.4398%203.25488C52.0196%203.99636%2054.0459%204.86283%2055.4076%205.78809C56.798%206.73288%2057.3138%207.60723%2057.3138%208.3291C57.3137%209.05085%2056.7979%209.9245%2055.4076%2010.8691C54.0457%2011.7945%2052.019%2012.6618%2049.4388%2013.4033C44.2899%2014.8831%2037.1271%2015.8096%2029.181%2015.8096C21.2352%2015.8095%2014.0724%2014.883%208.92322%2013.4033C6.34283%2012.6618%204.31557%2011.7945%202.95349%2010.8691C1.56319%209.92452%201.0474%209.05078%201.04724%208.3291C1.04724%207.60728%201.56292%206.73289%202.95349%205.78809C4.3154%204.86276%206.34208%203.99639%208.92224%203.25488C14.0713%201.77514%2021.2343%200.847677%2029.181%200.847656Z'%20stroke='%23B3B7BD'%20stroke-width='1.69618'/%3e%3cpath%20d='M57.3138%2024.1084C57.3138%2024.8307%2056.7981%2025.7054%2055.4076%2026.6504C54.0457%2027.5759%2052.019%2028.443%2049.4388%2029.1846C44.2899%2030.6645%2037.1271%2031.5908%2029.181%2031.5908C21.2352%2031.5908%2014.0724%2030.6644%208.92322%2029.1846C6.34318%2028.4431%204.31653%2027.5758%202.95447%2026.6504C1.5638%2025.7054%201.04724%2024.8306%201.04724%2024.1084V10.251C1.33908%2010.5097%201.65834%2010.7569%202.00037%2010.9893C3.57145%2012.0567%205.78932%2012.9843%208.45349%2013.75C13.7937%2015.2847%2021.122%2016.2226%2029.181%2016.2227C37.24%2016.2227%2044.5677%2015.2847%2049.9076%2013.75C52.5717%2012.9843%2054.7897%2012.0567%2056.3607%2010.9893C56.7027%2010.7569%2057.022%2010.5097%2057.3138%2010.251V24.1084Z'%20fill='%23F1F2F7'%20stroke='%23D0D4DA'%20stroke-width='1.69618'/%3e%3cpath%20d='M57.3138%2039.8916C57.3137%2040.6134%2056.7979%2041.487%2055.4076%2042.4316C54.0457%2043.357%2052.019%2044.2243%2049.4388%2044.9658C44.2899%2046.4456%2037.1271%2047.3721%2029.181%2047.3721C21.2352%2047.372%2014.0724%2046.4455%208.92322%2044.9658C6.34283%2044.2243%204.31557%2043.357%202.95349%2042.4316C1.56316%2041.487%201.04734%2040.6133%201.04724%2039.8916V26.0322C1.33918%2026.2912%201.65819%2026.5389%202.00037%2026.7715C3.5715%2027.8392%205.78923%2028.7674%208.45349%2029.5332C13.7937%2031.0681%2021.122%2032.0058%2029.181%2032.0059C37.2399%2032.0059%2044.5677%2031.068%2049.9076%2029.5332C52.5717%2028.7675%2054.7897%2027.8392%2056.3607%2026.7715C56.7028%2026.539%2057.022%2026.2911%2057.3138%2026.0322V39.8916Z'%20fill='%23E3E5EC'%20stroke='%23D0D4DA'%20stroke-width='1.69618'/%3e%3cpath%20d='M57.3138%2055.6709C57.3138%2056.3927%2056.7982%2057.2671%2055.4076%2058.2119C54.0457%2059.1373%2052.019%2060.0036%2049.4388%2060.7451C44.2899%2062.2249%2037.1272%2063.1523%2029.181%2063.1523C21.2351%2063.1523%2014.0725%2062.2248%208.92322%2060.7451C6.34283%2060.0036%204.31557%2059.1373%202.95349%2058.2119C1.56286%2057.2671%201.04724%2056.3927%201.04724%2055.6709V41.8135C1.33908%2042.0722%201.65834%2042.3194%202.00037%2042.5518C3.57145%2043.6192%205.78932%2044.5468%208.45349%2045.3125C13.7937%2046.8472%2021.122%2047.7851%2029.181%2047.7852C37.24%2047.7852%2044.5677%2046.8472%2049.9076%2045.3125C52.5717%2044.5468%2054.7897%2043.6192%2056.3607%2042.5518C56.7027%2042.3194%2057.022%2042.0722%2057.3138%2041.8135V55.6709Z'%20fill='%23D0D4DA'%20stroke='%23D0D4DA'%20stroke-width='1.69618'/%3e%3crect%20x='36.7916'%20y='33.392'%20width='30.0094'%20height='30.0094'%20rx='15.0047'%20stroke='white'%20stroke-width='4.00125'/%3e%3crect%20x='40.793'%20y='37.3926'%20width='22.0069'%20height='22.0069'%20rx='11.0035'%20fill='white'/%3e%3cpath%20d='M51.7963%2035.3926C49.2244%2035.3926%2046.7102%2036.1553%2044.5716%2037.5842C42.4331%2039.0131%2040.7664%2041.044%2039.7821%2043.4202C38.7979%2045.7964%2038.5403%2048.4111%2039.0421%2050.9336C39.5439%2053.4562%2040.7824%2055.7733%2042.601%2057.5919C44.4197%2059.4106%2046.7368%2060.6491%2049.2594%2061.1509C51.7819%2061.6526%2054.3966%2061.3951%2056.7728%2060.4109C59.149%2059.4266%2061.1799%2057.7598%2062.6088%2055.6213C64.0377%2053.4828%2064.8004%2050.9686%2064.8004%2048.3967C64.7968%2044.9489%2063.4255%2041.6434%2060.9876%2039.2054C58.5496%2036.7675%2055.2441%2035.3962%2051.7963%2035.3926ZM50.796%2042.3948C50.796%2042.1295%2050.9014%2041.875%2051.089%2041.6874C51.2766%2041.4999%2051.531%2041.3945%2051.7963%2041.3945C52.0616%2041.3945%2052.3161%2041.4999%2052.5037%2041.6874C52.6912%2041.875%2052.7966%2042.1295%2052.7966%2042.3948V49.397C52.7966%2049.6623%2052.6912%2049.9167%2052.5037%2050.1043C52.3161%2050.2919%2052.0616%2050.3973%2051.7963%2050.3973C51.531%2050.3973%2051.2766%2050.2919%2051.089%2050.1043C50.9014%2049.9167%2050.796%2049.6623%2050.796%2049.397V42.3948ZM51.7963%2055.3989C51.4996%2055.3989%2051.2095%2055.3109%2050.9627%2055.146C50.716%2054.9811%2050.5236%2054.7468%2050.4101%2054.4726C50.2965%2054.1984%2050.2668%2053.8967%2050.3247%2053.6057C50.3826%2053.3146%2050.5255%2053.0472%2050.7353%2052.8374C50.9452%2052.6275%2051.2125%2052.4846%2051.5036%2052.4267C51.7947%2052.3688%2052.0964%2052.3986%2052.3705%2052.5121C52.6447%2052.6257%2052.879%2052.818%2053.0439%2053.0648C53.2088%2053.3115%2053.2968%2053.6016%2053.2968%2053.8984C53.2968%2054.2963%2053.1387%2054.678%2052.8573%2054.9594C52.5759%2055.2408%2052.1943%2055.3989%2051.7963%2055.3989Z'%20fill='%23DC2626'/%3e%3c/svg%3e",qd2=T9.memo(({isDataLength:t,isLoading:n,isSingleValue:i,dataDb:o,chartType:a,noDataImg:s,error:r,onReload:C})=>{const l=a==="singleValue",[e,A]=X0.useState(""),u=X0.useRef(null),[f,d]=X0.useState(!1);X0.useEffect(()=>{const h=new ResizeObserver(I=>{var y;for(let w of I){const V=(y=w==null?void 0:w.contentRect)==null?void 0:y.height;d(V<80)}});return u!=null&&u.current&&(h==null||h.observe(u==null?void 0:u.current)),()=>h==null?void 0:h.disconnect()},[]),X0.useEffect(()=>{if(s){const h=new Blob([s],{type:"image/svg+xml"}),I=URL.createObjectURL(h);return A(I),()=>{URL.revokeObjectURL(I)}}},[s]);const g=()=>E.jsxs(bC,{direction:"col",className:"dbn-gap-2 dbn-w-full dbn-h-[90%] dbn-grow dbn-bg-white dbn-text-sm",alignItems:"center",children:[E.jsx(bC,{alignItems:"center",justify:"end",className:"dbn-w-full",children:E.jsx(as,{text:"Reload",position:"bottom",isSingleLineTxt:!0,children:E.jsx(E6,{variant:"tab",className:ws.reloadButton,onClick:()=>C==null?void 0:C(),isDisabled:n,"data-testid":"reload-button",children:E.jsx(H6,{name:"sync"})})})}),E.jsxs("div",{ref:u,style:{display:"flex",flexDirection:f?"row":"column",gap:"4px",width:"100%",height:"80%",fontSize:"14px",alignItems:"center",justifyContent:"center"},children:[E.jsx("img",{src:qr0,alt:"no data svg",style:{width:f?"50px":"100px",height:f?"50px":"100px"},className:"dbn-relative dbn-max-h-[100px] dbn-aspect-square"}),E.jsx("div",{className:ws.connectionErrorText,children:"Connection Error"})]})]});return E.jsxs(E.Fragment,{children:[!n&&!t?E.jsx("div",{className:ws.noData,children:E.jsx("div",{className:ws.noDataContent,children:r?g():s?E.jsx("img",{src:e,alt:"no data svg"}):E.jsxs(E.Fragment,{children:[E.jsx("img",{src:Jd2,alt:"no data svg"}),E.jsx("div",{className:ws.noDataText,children:"No data found."})]})})}):null,!n&&t&&l&&o[i]===null&&E.jsx("div",{className:ws.noData,children:E.jsx("div",{className:ws.noDataContent,children:r?g():s?E.jsx("img",{src:e,alt:"no data svg"}):E.jsxs(E.Fragment,{children:[E.jsx("img",{src:Jd2,alt:"no data svg"}),E.jsx("div",{className:ws.noDataText,children:"No Data"})]})})})]})}),$r0=({elementSettings:t={text:"",targetWord:"",link:""},elementSummary:n="",elementSummaryError:i="",elementSummarySettings:o,metricExpressionResult:a,metricExpressionSettings:s,elementType:r})=>{const C=()=>{const e=t.link||"";t.isOpenInNewTab?window.open(e,"_blank"):window.location.href=e},l=()=>{const{text:e,targetWord:A,link:u}=t;if(A&&u){const f=e.split(A);return f==null?void 0:f.map((d,g)=>g<f.length-1?E.jsxs("span",{children:[d,E.jsx("span",{style:{textDecoration:"underline",cursor:"pointer",textUnderlineOffset:4,color:"blue"},onClick:C,children:A})]},g):d)}return E.jsxs("div",{className:"ql-editor dbn-w-full dbn-h-full",onClick:t.link&&r==="customTextBox"?C:void 0,children:[i&&r==="metricSummary"?E.jsxs("div",{className:"dbn-flex dbn-flex-col dbn-items-center dbn-justify-center dbn-gap-2",children:[E.jsx(Ex,{name:"noSummary",width:60}),E.jsx(A8,{variant:"label",children:"No Metric Summary available"}),E.jsx(A8,{variant:"sub-label",color:"gray",children:i})]}):null,n&&r==="metricSummary"?E.jsx("div",{style:{fontSize:`${o==null?void 0:o.summaryFontSize}px`,fontWeight:o==null?void 0:o.summaryFontWeight,fontFamily:o==null?void 0:o.summaryFontFamily},children:E.jsx("div",{className:"dbn-prose dbn-w-full dbn-h-full",dangerouslySetInnerHTML:{__html:fV(n.replace(/^```html\n/,"").replace(/```$/,""))}})}):null,a&&r==="metricExpression"?E.jsx("div",{style:{fontSize:`${s==null?void 0:s.fontSize}px`,fontWeight:s==null?void 0:s.fontWeight,fontFamily:s==null?void 0:s.fontFamily},children:a}):null,r==="customTextBox"?E.jsx("div",{className:"dbn-prose dbn-w-full dbn-h-full",dangerouslySetInnerHTML:{__html:fV(e)}}):null]})};return E.jsx("div",{className:"dbn-w-full dbn-max-h-fit dbn-flex dbn-items-center dbn-element",children:l()})},en0=(t,n)=>{n?window.open(t,"_blank"):window.location.replace(t)},ZK=(t,n,i)=>{t==="external"||i?window.open(n,"_blank"):window.location.replace(n)},$d2=(t,n,i)=>{const{card:o}=t;if(o.isEnable)switch(o.dynamic){case"metricid":{const a=o.route.replace("{{metric.metricid}}",n);ZK(o.routeType,a,o==null?void 0:o.isOpenInNewTab);break}case"uuid":{const a=o.route.replace("{{metric.uuid}}",i);ZK(o.routeType,a,o==null?void 0:o.isOpenInNewTab);break}case"none":{ZK(o.routeType,o.route,o==null?void 0:o.isOpenInNewTab);break}default:console.warn("Unhandled click behaviour configuration");break}},FK=(t,n)=>{if(t.isEnable){const i=t.route.replace("{{value}}",`${n}`.replace(/"/g,""));en0(i,t==null?void 0:t.isOpenInNewTab)}},bs={fullScreen:"_fullScreen_8uasj_1",screen:"_screen_8uasj_9",fitFull:"_fitFull_8uasj_17",header:"_header_8uasj_25",backButton:"_backButton_8uasj_33",headerBlock:"_headerBlock_8uasj_41",headerBlockRight:"_headerBlockRight_8uasj_49",body:"_body_8uasj_73",data:"_data_8uasj_81",chartPanelContainer:"_chartPanelContainer_8uasj_103",metric:"_metric_8uasj_57",tableMetric:"_tableMetric_8uasj_119",metricHeader:"_metricHeader_8uasj_127",metricFilters:"_metricFilters_8uasj_149",chart:"_chart_8uasj_103",popupItem:"_popupItem_8uasj_189",addFilterMenu:"_addFilterMenu_8uasj_227",chartWrapper:"_chartWrapper_8uasj_257",tableChartWrapper:"_tableChartWrapper_8uasj_265",filterOption:"_filterOption_8uasj_273",chartOptions:"_chartOptions_8uasj_281",featToggle:"_featToggle_8uasj_289"},UK=({filters:t,updateFilter:n})=>E.jsx(E.Fragment,{children:t.length?E.jsx(Ll,{tabMenu:!0,buttonContent:E.jsx(E6,{variant:"tab",type:"button",leftIcon:E.jsx(H6,{name:"plus"})}),position:"bottom-start",menuZIndex:999999999999,children:E.jsx("div",{className:bs.addFilterMenu,children:t==null?void 0:t.map(i=>{const o=i.isAddOnMetrics;return E.jsx("div",{className:bs.filterOption,children:E.jsx(rd,{checked:o,onClick:()=>n(i),label:i.name})})})})}):null}),Lk=({globalFilters:t={tableName:"",filters:[]},metricItem:n,onMaximize:i,client:o,colors:a,param:s,companyTenancyType:r,renderHeaderName:C,isDisableCardClick:l,onArchive:e,chartRendererType:A="canvas",isDisableMorePopup:u,appFilters:f,isInternalApp:d,setCrossDashboardFilters:g,crossDashboardFilters:h,metricFilterOptions:I,onDownloadRawCsv:y,enableDownloadCsv:w,enableMultiMetricFilters:V,disableActions:D,metricFilterPosition:P="inside",isAllClient:W,dropdownTheme:K,underlyingTheme:f2,optionsIcon:T2="kebab-menu-vertical",downloadMetrics:C2,onDownload:g2,appearanceOptions:N2,isFrontendApp:H2,guestToken:M2,encryptedClient:U2,workspaceId:Y2,clientColumnType:c0,isDisableCardTitle:h0,chartHeight:F0,isEditLayoutEnabled:I0,isTourActive:e0,hideDatePickerOptions:U0,chartAppearance:m0,isDisableMetricLoader:j0,isShadowDisableOnHover:v1,isAllowedToSeeUnderlyingData:K2,noDataImg:v3,metricCardColor:N1,metricStore:z1,setMetricStore:$3,summarizeMetricMutation:V7,isMergedMetric:p3,setOpenMergeModal:a7,setDataLoaded:p7,onServerEvent:X7,disableBorder:H7,isDisableActions:J7,isEnableCumulative:M3,isEnableDynamic:i0,isEnableStack:b3,datasourceId:o8,setHoverLongDesc:q7,setHoverSubHeader:P7,setPopupOpen:m8,isShowFullScreenModal:x8,language:I1,translationDictionary:i3,isEmbeddedMetric:l7,isDisableMerge:M7,disableFullscreen:n7,calendarType:_3,isDisableClick:W7,chartFontSettings:s8,setLoadedCardMetadata:E8,disableDownloadDataNoFilters:F8=!1,disableDownloadUnderlyingDataNoFilters:$7=!1,renderEditMetric:R8,setMetricMetadata:f6,viewMetricData:k6,generatingPdf:b9,dataMartTables:F9})=>{var f7,T8,a6,l3,_7,i8,K8,g6,u9,$6,V9,P9,j9,J5,N4,h4,y4,Ct,Qt,tr,mr,An,un,Zi,Ti,Fi,oo,ao,Ui,so,Io,Mo,_e,cr,tn,ui,ji,zi,Gi,xi,br,o6,e6,r9,B6,v9,N6,W9,E5,r6,C9,_9,Q9,z9,V4,P5,Bt,je,lt,Pe,le,Me,Xe,ze,he,Pn,ri,Ri,Te,_r,rr,Rr,xn,cn,Yi,Xr,Rn,_i,ci,Ii,Co,lo,qi,Zn,Fn,Zo,Fo,oa,fa,Ze,Un,rn;const s6=X0.useMemo(()=>{var e9;return{...t,filters:(e9=t==null?void 0:t.filters)==null?void 0:e9.filter(e5=>{var b4;return!((b4=e5==null?void 0:e5.restrictedMetrics)!=null&&b4.some($e=>$e.value===(n==null?void 0:n.id)))})}},[t,n]),D9=X0.useRef(null),[o5,a4]=X0.useState(!1),[L5,o4]=X0.useState([]),{dataDb:B5,getUnderlyingData:F6,handleChartClick:J1,columnName:Z9,setShowChartPopup:p8,isShowChartPopup:l6,isQueryLoading:S8,chartParams:S6,onChangeFilterValue:F3,onDrillDown:Y3,drillDownSettings:w7,drilledLevel:O7,dimensions:r7,isEnableNextBtn:m7,isEnablePrevBtn:u8,paginationInfo:N8,onChangePage:M8,isExternalChart:X8,onDrillLevelClick:i7,metricFilters:J8,filterValues:m6,dynamicOptions:i9,isSingleValueNull:a9,containerRef:i6,chartSettings:O3,variables:r5,setChartSettings:D6,leftPositionedMetricFilters:q6,rightPositionedMetricFilters:n6,updateFilter:d4,tableResultsDownloadData:B4,appliedMetricFilters:g4,pivotHeaderOptions:L4,pivotDrillState:y5,onDrillPivotTable:O5,legendData:y6,timeseriesDimension:B9,isPythonMode:h6,sortOrder:d6,setSortOrder:T6,isNotFirstRender:z5,setNotFirstRender:s9,isSorted:H5,isInavlidForSort:x9,onAddComparison:K5,groupedRlsConditions:W5,elementSummary:u6,elementSummaryError:X9,isLoadingSummary:k9,metricName:M9,longDescription:Y9,footNote:s5,description:_5,drilldownCols:g5,switchMeasureOptions:S9,metricExpressionResult:j4,dateFilter:X4,tableColumnFilters:P4,onChangePaginationColumnFilters:st,queryError:$4,refetchMetricData:ve,customSwitchXAxis:ie}=L_({dataMartTables:F9,setMetricMetadata:f6,setLoadedCardMetadata:E8,datasourceId:o8,metricStore:z1,setMetricStore:$3,metric:n,clientId:o,globalFilters:s6,rlsFilters:s,tenancyLevel:r,appFilters:f,isInternalApp:d,crossDashboardFilters:h,setCrossDashboardFilters:g,metricFilterOptions:I,isAllClient:W,isFrontendApp:H2,guestToken:M2,encryptedClientId:U2,workspaceId:Y2,onServerEvent:X7,clientColumnType:c0,language:I1,translationDictionary:i3,calendarType:_3,viewMetricData:k6,generatingPdf:b9});X0.useEffect(()=>{m8==null||m8(!!l6)},[l6]),X0.useEffect(()=>{var e9,e5;(e5=(e9=n==null?void 0:n.clickActions)==null?void 0:e9.chart)!=null&&e5.isEnable&&new Date(n==null?void 0:n.updatedAt)<new Date("2025-03-28")?a4(!0):a4(!1)},[(T8=(f7=n==null?void 0:n.clickActions)==null?void 0:f7.chart)==null?void 0:T8.isEnable,n==null?void 0:n.updatedAt]),X0.useEffect(()=>{if(!x8&&localStorage.getItem("fsMetricCs")){const{metricId:e9,defaultRowSize:e5}=JSON.parse(localStorage.getItem("fsMetricCs")||"");e9===(n==null?void 0:n.id)&&D6(b4=>({...b4,tableSettings:{...b4.tableSettings,defaultRowSize:e5}}))}},[n,x8]),X0.useEffect(()=>{B5!=null&&B5.length&&(p7==null||p7(!0))},[B5]),X0.useEffect(()=>{(M3!=null&&M3.toString()||i0!=null&&i0.toString()||b3!=null&&b3.toString())&&O3&&D6(e9=>({...e9,customSettings:{...e9==null?void 0:e9.customSettings,cumulativeBar:M3,isStackBar:b3,showDynamicBehaviour:i0}}))},[M3,i0,b3]);const ye=X0.useMemo(()=>{var e9,e5,b4,$e,fn,Yn,jn,pn,dn;return(e5=(e9=n==null?void 0:n.elementSettings)==null?void 0:e9.elementType)!=null&&e5.value?($e=(b4=n==null?void 0:n.elementSettings)==null?void 0:b4.elementType)==null?void 0:$e.value:!((Yn=(fn=n==null?void 0:n.elementSettings)==null?void 0:fn.elementType)!=null&&Yn.value)&&((dn=(pn=(jn=n==null?void 0:n.elementSettings)==null?void 0:jn.summary)==null?void 0:pn.metricList)!=null&&dn.length)?"metricSummary":"customTextBox"},[(l3=(a6=n==null?void 0:n.elementSettings)==null?void 0:a6.elementType)==null?void 0:l3.value,(K8=(i8=(_7=n==null?void 0:n.elementSettings)==null?void 0:_7.summary)==null?void 0:i8.metricList)==null?void 0:K8.length]),[g9,N5]=X0.useState(!1),[C4,Z4]=X0.useState(""),fe=X0.useMemo(()=>!!(y||w),[y,w]),Ce=X0.useMemo(()=>{var e9,e5;return[M0.table,M0.trendAnalyzer].includes((O3==null?void 0:O3.chartType)||"")&&D?{...O3,yAxisList:(((e9=O3==null?void 0:O3.yAxisList)==null?void 0:e9.length)||0)>10?(e5=O3==null?void 0:O3.yAxisList)==null?void 0:e5.slice(0,5):O3==null?void 0:O3.yAxisList}:O3},[O3,D]),o1=X0.useMemo(()=>{var e5;let e9=FY({chartSettings:O3,translationDictionary:i3,variables:r5,language:I1});return(e5=n==null?void 0:n.drillDownSettings)!=null&&e5.isEnableGroupBy&&B5.length&&O7===(r7==null?void 0:r7.length)&&(e9={...e9,chartType:"table",tableSettings:{...Ce==null?void 0:Ce.tableSettings,enableTableSearch:!1},yAxisList:r7!=null&&r7[0]?[r7==null?void 0:r7[0],...(Ce==null?void 0:Ce.yAxisList)||[]]:Ce==null?void 0:Ce.yAxisList}),(O3==null?void 0:O3.chartType)===M0.table&&I0&&(e9={...e9,tableSettings:{...e9==null?void 0:e9.tableSettings,defaultRowSize:"50"}}),e9},[(g6=n==null?void 0:n.drillDownSettings)==null?void 0:g6.isEnableGroupBy,B5.length,O7,r7,Ce,r5,I1,i3,I0,O3==null?void 0:O3.chartType]);X0.useMemo(()=>[M0.horizontalStackTable,M0.pivot,M0.pivotV2,M0.pivotV3,M0.table,M0.trendAnalyzer].includes(O3==null?void 0:O3.chartType),[O3==null?void 0:O3.chartType]);const[A3,K3]=X0.useState({});X0.useEffect(()=>{const e9=setTimeout(()=>{var e5;K3({height:`calc(100% - ${((e5=D9==null?void 0:D9.current)==null?void 0:e5.offsetHeight)||0}px)`})},500);return()=>clearTimeout(e9)},[D9==null?void 0:D9.current]);const D3=X0.useMemo(()=>{var e9;return!b9&&(O3==null?void 0:O3.chartType)===M0.table&&!!((e9=O3==null?void 0:O3.tableSettings)!=null&&e9.enableTableSearch)},[O3==null?void 0:O3.chartType,(u9=O3==null?void 0:O3.tableSettings)==null?void 0:u9.enableTableSearch]),t8=X0.useMemo(()=>{var e9,e5,b4,$e,fn,Yn,jn;return((e9=O3==null?void 0:O3.dynamicXAxis)==null?void 0:e9.isEnabled)||((e5=O3==null?void 0:O3.dynamicYAxis)==null?void 0:e5.isEnabled)||(O3==null?void 0:O3.isDynamicSeries)||((b4=O3==null?void 0:O3.customSettings)==null?void 0:b4.isEnableSwitchMeasure)||(($e=O3==null?void 0:O3.timeSeriesSettings)==null?void 0:$e.groupBySettings.isDynamic)||((fn=O3==null?void 0:O3.customSettings)==null?void 0:fn.showSelectLegend)||((Yn=O3==null?void 0:O3.pivotTableSettings2)==null?void 0:Yn.isDynamicHeaders)&&(O3==null?void 0:O3.chartType)===M0.pivotV2||((jn=O3==null?void 0:O3.pivotTableSettings3)==null?void 0:jn.isDynamicHeaders)&&(O3==null?void 0:O3.chartType)===M0.pivotV3},[($6=O3==null?void 0:O3.dynamicXAxis)==null?void 0:$6.isEnabled,(V9=O3==null?void 0:O3.dynamicYAxis)==null?void 0:V9.isEnabled,O3==null?void 0:O3.isDynamicSeries,(P9=O3==null?void 0:O3.timeSeriesSettings)==null?void 0:P9.groupBySettings.isDynamic,(j9=O3==null?void 0:O3.customSettings)==null?void 0:j9.showSelectLegend,(J5=O3==null?void 0:O3.pivotTableSettings2)==null?void 0:J5.isDynamicHeaders,(N4=O3==null?void 0:O3.pivotTableSettings3)==null?void 0:N4.isDynamicHeaders,O3==null?void 0:O3.chartType,(h4=O3==null?void 0:O3.customSettings)==null?void 0:h4.isEnableSwitchMeasure]),C3=e9=>{var e5,b4,$e,fn,Yn,jn,pn,dn,mi,Pt,Kr,bi,ni;return(O3==null?void 0:O3.chartType)===M0.table||(O3==null?void 0:O3.chartType)===M0.singleValue||(e5=n==null?void 0:n.drillDownSettings)!=null&&e5.isEnableGroupBy&&O7===(r7==null?void 0:r7.length)?(b4=e9==null?void 0:e9.find(da=>{var To,Br;return da.columnName===((Br=(To=n==null?void 0:n.clickActions)==null?void 0:To.chart)==null?void 0:Br.valueColumn)}))==null?void 0:b4.value:[M0.sankey,M0.treeMap].includes(O3==null?void 0:O3.chartType)?e9==null?void 0:e9.value:((fn=($e=n==null?void 0:n.clickActions)==null?void 0:$e.chart)==null?void 0:fn.valueColumn)===(O3==null?void 0:O3.xAxis)||(O3==null?void 0:O3.chartType)===M0.gauge&&((jn=(Yn=n==null?void 0:n.clickActions)==null?void 0:Yn.chart)==null?void 0:jn.valueColumn)===((dn=(pn=O3==null?void 0:O3.gaugeSettings)==null?void 0:pn.dimensions)==null?void 0:dn.join(", "))?e9==null?void 0:e9.name:(e9==null?void 0:e9.seriesName)===((Pt=(mi=n==null?void 0:n.clickActions)==null?void 0:mi.chart)==null?void 0:Pt.valueColumn)||(O3==null?void 0:O3.chartType)===M0.gauge&&((bi=(Kr=n==null?void 0:n.clickActions)==null?void 0:Kr.chart)==null?void 0:bi.valueColumn)===((ni=O3==null?void 0:O3.gaugeSettings)==null?void 0:ni.metric)||[M0.funnel].includes(O3==null?void 0:O3.chartType)?e9==null?void 0:e9.value:null},C7=X0.useMemo(()=>OY(a||[],(O3==null?void 0:O3.chartColors)||[]),[a,O3==null?void 0:O3.chartColors]),d7=X0.useMemo(()=>[M0.row,M0.horizontalStack].includes(O3==null?void 0:O3.chartType)?"y-axis":"x-axis",[O3==null?void 0:O3.chartType]),j7=X0.useMemo(()=>[M0.row,M0.horizontalStack].includes(O3==null?void 0:O3.chartType)?"x-axis":"y-axis",[O3==null?void 0:O3.chartType]),_8=X0.useMemo(()=>{var e9,e5,b4,$e;return!(n!=null&&n.isMetric)&&ye==="metricSummary"&&((e5=(e9=n==null?void 0:n.elementSettings)==null?void 0:e9.summary)!=null&&e5.summaryBgColor)?($e=(b4=n==null?void 0:n.elementSettings)==null?void 0:b4.summary)==null?void 0:$e.summaryBgColor:""},[(Ct=(y4=n==null?void 0:n.elementSettings)==null?void 0:y4.summary)==null?void 0:Ct.summaryBgColor,ye,n==null?void 0:n.isMetric]),j3=X0.useMemo(()=>!!B5.length&&!D&&!u&&fe,[B5.length,!D,!u,fe]);return E.jsxs(E.Fragment,{children:[!!J8.length&&P==="outside"&&!p3&&E.jsxs("div",{className:ws.metricFilters,style:{pointerEvents:W7?"none":void 0},children:[V&&E.jsx(UK,{filters:J8,updateFilter:d4}),q6==null?void 0:q6.map((e9,e5)=>E.jsx(fE,{globalFilters:s6,datasourceId:o8,isAllClient:W,hideDatePickerOptions:U0,dropdownTheme:K,workspaceId:Y2,rlsConditions:e9,onChangeFilterValue:F3,clientId:o,className:q6.length-1===e5?ws.filterTopLeft:"",rlsConditionList:[...q6,...n6],tenancyLevel:r,clientColumnType:c0},e9.name)),n6==null?void 0:n6.map((e9,e5)=>E.jsx(fE,{globalFilters:s6,datasourceId:o8,isAllClient:W,dropdownTheme:K,hideDatePickerOptions:U0,workspaceId:Y2,rlsConditions:e9,onChangeFilterValue:F3,clientId:o,className:e5===0?ws.filterTopRight:"",rlsConditionList:[...q6,...n6],tenancyLevel:r,clientColumnType:c0},e9.name))]}),E.jsxs("div",{ref:i6,className:`${ws.cardContainer} ${!(n!=null&&n.isMetric)&&!((Qt=n==null?void 0:n.elementSettings)!=null&&Qt.isDisableCardAppearance)||n!=null&&n.isMetric?p3?`dbn-metric-card ${ws.cardProperties}`:`dbn-metric-card dbn-metric-card-container ${ws.cardProperties}`:""} ${v1?"":ws.isShowShadow} ${I0&&!(n!=null&&n.isMetric)&&((tr=n==null?void 0:n.elementSettings)!=null&&tr.isDisableCardAppearance)?ws.enableBorder:""} ${p3||H7?ws.noBorder:""} ${l7||P==="outside"&&J8.length&&!p3?"dbn-h-[90%]":""}`,onContextMenu:e9=>{e9.preventDefault()},onMouseEnter:()=>{N5(!0),Z4(n==null?void 0:n.id)},onMouseLeave:()=>{N5(!1),Z4("")},style:{background:_8||(n!=null&&n.isMetric&&!N1?"white":!((mr=n==null?void 0:n.elementSettings)!=null&&mr.isDisableCardAppearance)||n!=null&&n.isMetric&&N1?N1:"")},children:[!S8||S8&&z5?E.jsxs("div",{className:ws.listHeader,style:{background:_8||((An=n==null?void 0:n.elementSettings)!=null&&An.isDisableCardAppearance?"":N1),pointerEvents:W7?"none":void 0,justifyContent:h0?"end":""},children:[h0?null:E.jsxs("div",{className:`${j3&&C4===(n==null?void 0:n.id)?"dbn-w-[calc(100%-36px)]":"dbn-w-full"} dbn-flex dbn-items-center dbn-justify-between`,children:[E.jsxs("div",{className:ws.metricName,style:R8&&C4===(n==null?void 0:n.id)&&(n!=null&&n.isMetric)?{width:"90%"}:{},children:[C||R8?E.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-1",children:[E.jsx("div",{className:`${ws.metricTitle} ${(un=O3==null?void 0:O3.metricCardSettings)!=null&&un.isEnableTitleWrap?"dbn-block":"dbn-truncate"} dbn-metric-card-title ${n!=null&&n.isMetric?"":"dbn-w-full"}`,children:(Zi=O3==null?void 0:O3.metricCardSettings)!=null&&Zi.isDisableTitle?C4===(n==null?void 0:n.id)?C?C(M9):M9:null:C?C(M9):M9}),Y9&&E.jsx(ZA2,{title:M9,html:Y9,setHoverLongDesc:q7}),(Fi=(Ti=n==null?void 0:n.clickActions)==null?void 0:Ti.card)!=null&&Fi.isEnable&&(n!=null&&n.isMetric)?E.jsx(E6,{variant:"popover",onClick:()=>{$d2(n==null?void 0:n.clickActions,n==null?void 0:n.metricId,n==null?void 0:n.id)},leftIcon:E.jsx(H6,{name:"new-window",size:"sm"}),containerClass:"dbn-interactive-element"}):null]}):E.jsx(E.Fragment,{children:h0??((oo=O3==null?void 0:O3.metricCardSettings)==null?void 0:oo.isDisableTitle)?null:E.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-1",children:[E.jsx("div",{onClick:()=>{n!=null&&n.isMetric&&(i==null||i({metric:n,rlsFilters:s,appFilters:f,appliedMetricFilters:g4}))},className:`${ws.metricTitle} dbn-metric-card-title ${!i&&!((Ui=(ao=n==null?void 0:n.clickActions)==null?void 0:ao.card)!=null&&Ui.isEnable)&&n7?"dbn-cursor-auto":""} ${(so=O3==null?void 0:O3.metricCardSettings)!=null&&so.isEnableTitleWrap?ws.textWrap:ws.truncate} ${n!=null&&n.isMetric?"":"dbn-w-full"}`,style:{textAlign:((Io=n==null?void 0:n.elementSettings)==null?void 0:Io.titleAlignment)||"left",pointerEvents:l?"none":void 0},children:M9}),Y9&&E.jsx(ZA2,{title:M9,html:Y9,setHoverLongDesc:q7}),(_e=(Mo=n==null?void 0:n.clickActions)==null?void 0:Mo.card)!=null&&_e.isEnable?E.jsx(E6,{variant:"popover",onClick:()=>$d2(n==null?void 0:n.clickActions,n==null?void 0:n.metricId,n==null?void 0:n.id),leftIcon:E.jsx(H6,{name:"new-window",size:"sm"}),containerClass:"dbn-interactive-element"}):null]})}),(n==null?void 0:n.description)&&!((cr=O3==null?void 0:O3.metricCardSettings)!=null&&cr.isDisableDesc)&&E.jsx("span",{className:`${ws.metricDescription} ${n!=null&&n.isMetric&&!((tn=O3==null?void 0:O3.metricCardSettings)!=null&&tn.isEnableDescWrap)?"dbn-truncate":"dbn-block"} dbn-metric-card-description`,style:{textAlign:((ui=n==null?void 0:n.elementSettings)==null?void 0:ui.descAlignment)||"left"},children:_5})]}),E.jsx("span",{className:`${R8?"dbn-h-[30px] dbn-w-[30px]":""}`,style:n!=null&&n.isMetric?{}:{position:"absolute",top:"1rem",right:"1rem",...C4===(n==null?void 0:n.id)&&{backgroundColor:"white",borderRadius:6}},children:R8&&C4===(n==null?void 0:n.id)?R8(M9):null})]}),D?null:E.jsx("div",{className:ws.features,children:E.jsx("div",{className:fe?"dbn-h-9 dbn-w-9":"",children:j3&&E.jsx(Vg2,{menuWidth:"260px",buttonVariant:"icon",buttonIcon:E.jsx("span",{className:ws.morePopup,"data-testid":"metric-card-more-options-kebab",children:E.jsx(H6,{name:T2,size:"lg"})}),position:"bottom-end",items:[...w?[{name:ml==null?void 0:ml.RAW_DATA,content:E.jsxs(gM,{updateDownloadProgress:e9=>g2(n==null?void 0:n.id,e9),timeseriesSettings:h6||(O3==null?void 0:O3.chartType)!==M0.timeSeries?void 0:{format:((zi=(ji=O3==null?void 0:O3.timeSeriesSettings)==null?void 0:ji.groupBySettings)==null?void 0:zi.value)||"monthly",seriesField:(O3==null?void 0:O3.seriesField)||"",isFiscal:_3==="ind"},fileName:M9,onServerEvent:X7,companyIntegrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,className:ws.popupItem,isPythonMode:h6,data:B4||[],metricData:{options:{clientId:H2?U2||"":o,isFrontend:H2,token:M2},globalFilters:s6,rlsConditions:g4,tenancyLevel:r,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:m6,isAllClient:W},children:[E.jsx(H6,{name:"download"}),"Download"]})},...!h6&&!F8?[{name:ml==null?void 0:ml.DOWNLOAD_WITHOUT_FILTERS,content:E.jsxs(gM,{updateDownloadProgress:e9=>g2(n==null?void 0:n.id,e9),timeseriesSettings:h6||(O3==null?void 0:O3.chartType)!==M0.timeSeries?void 0:{format:((xi=(Gi=O3==null?void 0:O3.timeSeriesSettings)==null?void 0:Gi.groupBySettings)==null?void 0:xi.value)||"monthly",seriesField:(O3==null?void 0:O3.seriesField)||"",isFiscal:_3==="ind"},fileName:M9,onServerEvent:X7,isDownloadWithoutFilters:!0,companyIntegrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,metricData:{options:{clientId:o,isFrontend:H2,token:M2},globalFilters:{...s6,filters:((br=s6==null?void 0:s6.filters)==null?void 0:br.filter(e9=>e9.isVariableFilter))||[]},rlsConditions:g4==null?void 0:g4.filter(e9=>e9.isVariableFilter),tenancyLevel:r,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:m6,isAllClient:W},className:ws.popupItem,isPythonMode:h6,data:B4||[],children:[E.jsx(H6,{name:"download"}),"Download Without Filters"]})}]:[]]:[]],disableAutoClose:!0})})})]}):null,(O3==null?void 0:O3.chartType)&&E.jsxs("div",{className:`${ws.metricData} ${S8&&!z5?ws.noHeight:n!=null&&n.description.length?ws.chartWithDescHeight:ws.chartHeight} dbn-chart ${[M0.horizontalStackTable,M0.pivot,M0.pivotV2,M0.pivotV3,M0.table,M0.trendAnalyzer].includes(O3==null?void 0:O3.chartType)?ws.metricTable:""}`,style:{pointerEvents:e0?"none":void 0,backgroundColor:N1||""},onContextMenu:e9=>{e9.preventDefault()},children:[!S8||S8&&z5?E.jsxs("div",{className:"dbn-w-full dbn-h-auto dbn-flex dbn-flex-col dbn-gap-1",ref:D9,style:W7?{pointerEvents:"none"}:{},children:[E.jsxs("div",{className:"dbn-w-full dbn-h-auto dbn-flex dbn-justify-between dbn-items-start",style:{background:N1||"",marginBottom:J8.length||t8||D3?"0.75rem":""},children:[J8.length&&(P==="inside"||p3)?E.jsx("div",{className:`${t8||D3?!t8&&D3?"dbn-w-[70%]":"dbn-w-[60%]":"dbn-w-full"} dbn-h-auto dbn-flex dbn-gap-1 dbn-flex-wrap`,children:E.jsxs("div",{className:`${ws.metricFilters} ${D?ws.disable:""} `,children:[E.jsxs("div",{className:`${ws.metricFilters}`,children:[V&&E.jsx(UK,{filters:J8,updateFilter:d4}),(o6=q6==null?void 0:q6.filter(e9=>!e9.group))==null?void 0:o6.map((e9,e5)=>E.jsx(fE,{globalFilters:s6,isFilter:!0,datasourceId:o8,isAllClient:W,hideDatePickerOptions:U0,dropdownTheme:K,workspaceId:Y2,rlsConditions:e9,onChangeFilterValue:F3,clientId:o,className:q6.length-1===e5?ws.filterTopLeft:"",rlsConditionList:[...q6,...n6],tenancyLevel:r,clientColumnType:c0},e9.name)),(e6=n6==null?void 0:n6.filter(e9=>!e9.group))==null?void 0:e6.map((e9,e5)=>E.jsx(fE,{globalFilters:s6,datasourceId:o8,isAllClient:W,dropdownTheme:K,hideDatePickerOptions:U0,workspaceId:Y2,rlsConditions:e9,onChangeFilterValue:F3,clientId:o,className:e5===0?ws.filterTopRight:"",rlsConditionList:[...q6,...n6],tenancyLevel:r,clientColumnType:c0},e9.name)),(O3==null?void 0:O3.isEnableComparisonFilter)&&[M0.line].includes(O3==null?void 0:O3.chartType)&&E.jsx(E6,{variant:"primary",onClick:()=>{K5()},children:"Add Comparison"})]}),W5&&(O3==null?void 0:O3.isEnableComparisonFilter)&&[M0.line].includes(O3==null?void 0:O3.chartType)&&((r9=Object.keys(W5))==null?void 0:r9.map(e9=>{var e5;return E.jsxs("div",{className:`${ws.metricFilters}`,children:[(e5=W5==null?void 0:W5[e9])==null?void 0:e5.map((b4,$e)=>E.jsx(fE,{globalFilters:s6,datasourceId:o8,isAllClient:W,dropdownTheme:K,hideDatePickerOptions:U0,workspaceId:Y2,rlsConditions:b4,onChangeFilterValue:F3,clientId:o,className:q6.length-1===$e?ws.filterTopLeft:"",rlsConditionList:[...q6,...n6],tenancyLevel:r,clientColumnType:c0},b4.name)),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"cross"}),className:"dbn-h-9 dbn-flex dbn-items-center dbn-justify-center dbn-px-2 dbn-w-full dbn-border dbn-border-secondary dbn-rounded-md",onClick:()=>{K5(!0)}})]})}))]})}):null,t8||D3?E.jsxs("div",{className:`dbn-h-full ${J8.length&&P==="inside"?!t8&&D3?"dbn-w-[30%]":"dbn-w-[40%]":"dbn-w-full "} dbn-flex dbn-gap-1 dbn-flex-wrap dbn-items-end dbn-justify-end`,children:[(B6=O3==null?void 0:O3.dynamicXAxis)!=null&&B6.isEnabled?E.jsx(ce,{buttonWidth:(K==null?void 0:K.width)||"180px",menuWidth:(K==null?void 0:K.width)||"180px",radius:K.radius,isFilter:!0,options:[...((v9=O3==null?void 0:O3.dynamicXAxis)==null?void 0:v9.options)||[],...(N6=O3==null?void 0:O3.dynamicXAxis)!=null&&N6.isEnableCustomFields?ie||[]:[]],onChange:e9=>D6(e5=>({...e5,dynamicXAxis:{...e5.dynamicXAxis,selectedOption:e9},xAxis:e9.value})),selectedOption:(O3==null?void 0:O3.dynamicXAxis.selectedOption)||{value:"",label:""},label:d7,labelVariant:(K==null?void 0:K.variant)||"floating"}):null,(W9=O3==null?void 0:O3.dynamicYAxis)!=null&&W9.isEnabled?(E5=O3==null?void 0:O3.dynamicYAxis)!=null&&E5.isEnabledMultiselect?E.jsx(ss,{buttonWidth:(K==null?void 0:K.width)||"180px",menuWidth:(K==null?void 0:K.width)||"180px",isFilter:!0,radius:K.radius,options:((r6=O3==null?void 0:O3.dynamicYAxis)==null?void 0:r6.options)||[],onChange:e9=>D6(e5=>({...e5,dynamicYAxis:{...e5.dynamicYAxis,selectedOption:e9==null?void 0:e9.map(b4=>({value:b4==null?void 0:b4.value,label:b4==null?void 0:b4.value}))},yAxisList:e9!=null&&e9.length?[...e9==null?void 0:e9.map(b4=>b4==null?void 0:b4.value)]:[]})),selectedOption:((C9=O3==null?void 0:O3.dynamicYAxis)==null?void 0:C9.selectedOption)||[{value:"",label:""}],label:j7,labelVariant:(K==null?void 0:K.variant)||"floating"}):E.jsx(ce,{buttonWidth:(K==null?void 0:K.width)||"180px",menuWidth:(K==null?void 0:K.width)||"180px",radius:K.radius,isFilter:!0,options:((_9=O3==null?void 0:O3.dynamicYAxis)==null?void 0:_9.options)||[],onChange:e9=>D6(e5=>({...e5,dynamicYAxis:{...e5.dynamicYAxis,selectedOption:[e9]},yAxisList:e9.value?[e9.value]:[]})),selectedOption:((z9=(Q9=O3==null?void 0:O3.dynamicYAxis)==null?void 0:Q9.selectedOption)==null?void 0:z9[0])||{value:"",label:""},label:j7,labelVariant:(K==null?void 0:K.variant)||"floating"}):null,(V4=O3==null?void 0:O3.customSettings)!=null&&V4.isEnableSwitchMeasure?E.jsx(ce,{options:S9,onChange:e9=>D6(e5=>{var b4,$e;return{...e5,sankeyValues:[((b4=e5==null?void 0:e5.sankeyValues)==null?void 0:b4[0])||"",(($e=e5==null?void 0:e5.sankeyValues)==null?void 0:$e[1])||"",e9.value]}}),isFilter:!0,selectedOption:{value:((P5=O3.sankeyValues)==null?void 0:P5[2])||"",label:((Bt=O3.sankeyValues)==null?void 0:Bt[2])||""},label:"Switch Measure",labelVariant:"floating"}):null,O3!=null&&O3.isDynamicSeries?E.jsx(ce,{buttonWidth:(K==null?void 0:K.width)||"180px",menuWidth:(K==null?void 0:K.width)||"180px",radius:K.radius,options:i9,isFilter:!0,onChange:e9=>D6(e5=>({...e5,seriesField:e9.value})),selectedOption:{label:(O3==null?void 0:O3.seriesField)==="ungrouped"&&(O3!=null&&O3.ungroupedAlias)?O3==null?void 0:O3.ungroupedAlias:(O3==null?void 0:O3.seriesField)||"ungrouped",value:(O3==null?void 0:O3.seriesField)||"ungrouped"},label:"group by",labelVariant:(K==null?void 0:K.variant)||"floating"}):null,(je=O3==null?void 0:O3.timeSeriesSettings)!=null&&je.groupBySettings.isDynamic?E.jsx(ce,{buttonWidth:(K==null?void 0:K.width)||"180px",menuWidth:(K==null?void 0:K.width)||"180px",radius:K.radius,isFilter:!0,options:(Pe=(lt=O3==null?void 0:O3.timeSeriesSettings)==null?void 0:lt.groupBySettings.options)==null?void 0:Pe.map(e9=>{var e5;return{label:e9.split("____").length>1?e9.split("____")[1]||((e5=e9==null?void 0:e9.split("____"))==null?void 0:e5[0]):e9,value:e9.split("____")[0]}}),onChange:e9=>D6(e5=>{var b4;return{...e5,timeSeriesSettings:{...e5==null?void 0:e5.timeSeriesSettings,groupBySettings:{...(b4=e5==null?void 0:e5.timeSeriesSettings)==null?void 0:b4.groupBySettings,value:e9.value}},xAxis:h6?e5.xAxis:`${e9.value} of ${B9}`}}),selectedOption:{label:(O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value.split("____").length)>1?O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value.split("____")[1]:(O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value.toString().substring(0,1).toUpperCase())+(O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value.toString().substring(1,O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value.length)),value:O3==null?void 0:O3.timeSeriesSettings.groupBySettings.value},labelVariant:(K==null?void 0:K.variant)||"floating"}):null,(le=O3==null?void 0:O3.customSettings)!=null&&le.showSelectLegend?E.jsx(ss,{label:"legend",labelVariant:"floating",isFilter:!0,options:y6!=null&&y6.length?y6==null?void 0:y6.map(e9=>({value:e9,label:e9})):[],onChange:e9=>{D6(e5=>({...e5,selectedSeries:(e9==null?void 0:e9.map(b4=>b4.value))||[]}))},selectedOption:((Me=y6==null?void 0:y6.filter(e9=>{var e5;return(e5=O3==null?void 0:O3.selectedSeries)==null?void 0:e5.some(b4=>b4===e9)}))==null?void 0:Me.map(e9=>({value:e9,label:e9})))||[],isSearchEnabled:!0}):null,((Xe=O3==null?void 0:O3.pivotTableSettings2)==null?void 0:Xe.isDynamicHeaders)&&(O3==null?void 0:O3.chartType)===M0.pivotV2||((ze=O3==null?void 0:O3.pivotTableSettings3)==null?void 0:ze.isDynamicHeaders)&&(O3==null?void 0:O3.chartType)===M0.pivotV3&&E.jsx(ss,{onChange:e9=>{D6(e5=>{var b4;return{...e5,pivotTableSettings2:{...e5.pivotTableSettings2,headers:e9==null?void 0:e9.map($e=>$e.value),dimensions:(b4=L4.filter($e=>!e9.some(fn=>fn.value===$e.value)))==null?void 0:b4.map($e=>$e.value)},pivotTableSettings3:{...e5.pivotTableSettings3,rows:e9==null?void 0:e9.map($e=>$e.value)}}})},isFilter:!0,options:L4,selectedOption:(O3==null?void 0:O3.chartType)===M0.pivotV3?(L4==null?void 0:L4.filter(e9=>{var e5,b4;return(b4=(e5=O3==null?void 0:O3.pivotTableSettings3)==null?void 0:e5.rows)==null?void 0:b4.includes(e9.value)}))||[]:(L4==null?void 0:L4.filter(e9=>{var e5,b4;return(b4=(e5=O3==null?void 0:O3.pivotTableSettings2)==null?void 0:e5.headers)==null?void 0:b4.includes(e9.value)}))||[],isSearchEnabled:!0,menuWidth:"300px"}),D3&&E.jsx(by,{value:typeof(L5==null?void 0:L5[0])=="string"?L5==null?void 0:L5[0]:"",onChange:e9=>o4(()=>[String(e9)]),placeholder:"Search",className:B5!=null&&B5.length?"":"dbn-invisible",style:{maxWidth:"249px"}})]}):null]}),!b9&&((he=n==null?void 0:n.drillDownSettings)!=null&&he.isEnableGroupBy)&&B5.length&&!S8?E.jsx(E.Fragment,{children:E.jsx(gg2,{drillDownSettings:w7,onResetLevel:async()=>await i7("",!0),onDrillLevelClick:async e9=>await i7(e9),isShowBreadCrumb:!!((ri=(Pn=w7==null?void 0:w7.configV2)==null?void 0:Pn.levels)!=null&&ri.length)&&![M0.horizontalStackTable,M0.pivot,M0.sankey,M0.pivotV2,M0.pivotV3].includes(O3==null?void 0:O3.chartType)})}):null]}):null,E.jsxs("div",{className:ws.chart,style:A3,children:[S8?null:E.jsxs(E.Fragment,{children:[!((Ri=o1==null?void 0:o1.tableSettings)!=null&&Ri.isEnableColumnFilter&&((Te=o1==null?void 0:o1.tableSettings)!=null&&Te.isServerSidePagination))&&E.jsx(qd2,{isLoading:S8,isDataLength:!!(B5!=null&&B5.length),isSingleValue:O3==null?void 0:O3.singleValue,dataDb:B5==null?void 0:B5[0],chartType:O3==null?void 0:O3.chartType,noDataImg:v3,error:$4,onReload:()=>ve()}),(![M0.boxplot,M0.horizontalStackTable,M0.pivot,M0.pivotV2,M0.pivotV3,M0.gauge].includes(O3==null?void 0:O3.chartType)||(O3==null?void 0:O3.chartType)===M0.gauge&&((rr=(_r=n==null?void 0:n.clickActions)==null?void 0:_r.chart)!=null&&rr.isEnable))&&!W7?E.jsx(qK,{disableDownloadUnderlyingDataNoFilters:$7,language:I1,underlyingTheme:f2,translationDictionary:i3,clientColumnType:c0,isOpen:l6,setOpen:p8,isAllowedToSeeUnderlyingData:K2,isInavlidForSort:x9,isGaugeChart:(O3==null?void 0:O3.chartType)===M0.gauge,value:S6==null?void 0:S6.name,columnName:Z9,getUnderlyingData:F6,elementRef:{containerRef:i6,event:(Rr=S6==null?void 0:S6.event)==null?void 0:Rr.event},position:"dynamic",isSingleValueChart:!![M0.singleValue,M0.progressBar,M0.linearGauge].includes(O3==null?void 0:O3.chartType),isEnableSort:(xn=O3==null?void 0:O3.customSettings)==null?void 0:xn.isEnableSort,setSortOrder:T6,rawCsvDownloadButtonProps:{data:[],fileName:M9,companyIntegrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,isPythonMode:h6,metricData:{options:{clientId:H2?U2||"":o,isFrontend:H2,token:M2},globalFilters:{...s6,filters:((cn=s6==null?void 0:s6.filters)==null?void 0:cn.filter(e9=>e9.isVariableFilter))||[]},rlsConditions:g4==null?void 0:g4.filter(e9=>e9.isVariableFilter),tenancyLevel:r,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:m6,isAllClient:W},updateDownloadProgress:()=>{},children:E.jsx(E.Fragment,{children:E.jsx(H6,{name:"download"})})}}):null,(B5!=null&&B5.length||(Yi=o1==null?void 0:o1.tableSettings)!=null&&Yi.isEnableColumnFilter&&((Xr=o1==null?void 0:o1.tableSettings)!=null&&Xr.isServerSidePagination))&&!a9?E.jsx(wy,{isDashboard:!0,generatingPdf:b9,dateFilter:X4,language:I1,drilldownCols:g5,translationDictionary:i3,variables:r5,isPythonMode:h6,onDrillPivotTable:O5,isMetricCard:!0,chartAppearance:m0,pivotDrillState:y5,metricCardColor:N1,chartFontSettings:s8,sortOrder:d6,seriesName:S6==null?void 0:S6.seriesName,isSortReversed:H5&&[M0.row,M0.horizontalStack].includes((O3==null?void 0:O3.chartType)||""),chartHeight:F0,data:I0&&(B5==null?void 0:B5.length)>5?B5==null?void 0:B5.slice(0,5):B5,isShowFullScreen:!!(i&&g9&&!D&&!n7),isShowFullScreenEnabled:!0,onMaximize:D||!i||n7?void 0:()=>{i==null||i({metric:n,rlsFilters:s,appFilters:f,appliedMetricFilters:g4})},isEnableDrillDown:(Rn=n==null?void 0:n.drillDownSettings)==null?void 0:Rn.isEnableGroupBy,chartOptions:o1,events:D?void 0:{click:async(e9,e5)=>{var fn,Yn,jn,pn,dn,mi,Pt,Kr,bi,ni,Pa,da,To,Br,As,us,ya,cs,Ra,Ha,Da,ga,_a,Xa,Ka,fs;const b4=(O3==null?void 0:O3.chartType)===M0.singleValue?[{columnName:O3==null?void 0:O3.singleValue,value:(fn=B5==null?void 0:B5[0])==null?void 0:fn[(O3==null?void 0:O3.singleValue)||""]}]:e5,$e=(O3==null?void 0:O3.chartType)!==M0.singleValue&&((Yn=Object.keys(e9))!=null&&Yn.length)?e9:b4;if([M0.progressBar,M0.linearGauge].includes(O3==null?void 0:O3.chartType)){J1(e9),p8(!0);return}if((jn=n==null?void 0:n.drillDownSettings)!=null&&jn.isEnableGroupBy&&(r7==null?void 0:r7.length)!==O7){const Ja=(O3==null?void 0:O3.chartType)==="table"?(pn=b4==null?void 0:b4.find(aa=>aa.columnName===(r7==null?void 0:r7[O7])))==null?void 0:pn.value:"";(bi=(Kr=(dn=w7==null?void 0:w7.configV2)==null?void 0:dn.levels)==null?void 0:Kr[((Pt=(mi=w7==null?void 0:w7.configV2)==null?void 0:mi.levels)==null?void 0:Pt.length)-1])!=null&&bi.isEnable||await Y3((O3==null?void 0:O3.chartType)==="table"?{name:Ja,rowFilter:b4}:e9)}(!((ni=n==null?void 0:n.drillDownSettings)!=null&&ni.isEnableGroupBy)||(Pa=n==null?void 0:n.drillDownSettings)!=null&&Pa.isEnableGroupBy&&((r7==null?void 0:r7.length)===O7||(us=(As=(da=w7==null?void 0:w7.configV2)==null?void 0:da.levels)==null?void 0:As[((Br=(To=w7==null?void 0:w7.configV2)==null?void 0:To.levels)==null?void 0:Br.length)-1])!=null&&us.isEnable))&&((cs=(ya=n==null?void 0:n.clickActions)==null?void 0:ya.chart)!=null&&cs.isEnable)&&((O3==null?void 0:O3.chartType)===M0.table&&(o5||(Ha=(Ra=O3==null?void 0:O3.tableSettings)==null?void 0:Ra.chartAction)!=null&&Ha.isEnableColumnRedirection&&((ga=(Da=n==null?void 0:n.clickActions)==null?void 0:Da.chart)!=null&&ga.isEnable))||(O3==null?void 0:O3.chartType)!==M0.table)&&FK(n==null?void 0:n.clickActions.chart,C3($e)||void 0),(!((_a=n==null?void 0:n.drillDownSettings)!=null&&_a.isEnableGroupBy)||(Xa=n==null?void 0:n.drillDownSettings)!=null&&Xa.isEnableGroupBy&&(r7==null?void 0:r7.length)===O7)&&((fs=(Ka=n==null?void 0:n.clickActions)==null?void 0:Ka.chartWithMetric)!=null&&fs.isEnable)&&(i==null||i({metric:n,rlsFilters:s,appFilters:f,appliedMetricFilters:g4,isClickOnChart:!0}))},contextmenu:e9=>{var fn,Yn,jn,pn;const e5=![M0.progressBar,M0.linearGauge].includes(O3==null?void 0:O3.chartType),b4=(O3==null?void 0:O3.chartType)===M0.table,$e=!!((Yn=(fn=O3==null?void 0:O3.tableSettings)==null?void 0:fn.chartAction)!=null&&Yn.isEnableColumnRedirection&&((pn=(jn=n==null?void 0:n.clickActions)==null?void 0:jn.chart)!=null&&pn.isEnable));e5&&(b4&&!(o5||$e)||!b4)&&(J1(e9),p8(!0))}},colors:C7?O3==null?void 0:O3.chartColors:a||(O3==null?void 0:O3.chartColors),config:{hideBorder:!0,chartClickConfig:n==null?void 0:n.clickActions.chart,onChartReady:()=>{s9(!0)},opts:{renderer:A},onChangePage:M8,isExternalChart:X8,isEnableNextBtn:m7,isEnablePrevBtn:u8,paginationInfo:N8,setChartSettings:D6,tableColumnFilters:P4,onChangePaginationColumnFilters:st,onChartClickWithMetric:(ci=(_i=n==null?void 0:n.clickActions)==null?void 0:_i.chartWithMetric)!=null&&ci.isEnable?()=>{var e9,e5,b4,$e;(!((e9=n==null?void 0:n.drillDownSettings)!=null&&e9.isEnableGroupBy)||(e5=n==null?void 0:n.drillDownSettings)!=null&&e5.isEnableGroupBy&&(r7==null?void 0:r7.length)===O7)&&(($e=(b4=n==null?void 0:n.clickActions)==null?void 0:b4.chartWithMetric)!=null&&$e.isEnable)&&i&&(i==null||i({metric:n,rlsFilters:s,appFilters:f,appliedMetricFilters:g4,isClickOnChart:!0}))}:void 0},externalGlobalFilter:D3?L5:void 0,setExternalGlobalFilter:D3?o4:void 0,setHoverSubHeader:P7}):null]}),S8&&z5?E.jsx("div",{className:"dbn-w-full dbn-h-full dbn-py-4 dbn-card-loader",children:E.jsx(eA,{height:"full",className:"dbn-card-loader"})}):null]})]}),!k9&&!(n!=null&&n.isMetric)&&!(O3!=null&&O3.chartType)&&((Co=(Ii=n==null?void 0:n.elementSettings)==null?void 0:Ii.textBox)!=null&&Co.text||u6||X9||((qi=(lo=n==null?void 0:n.elementSettings)==null?void 0:lo.elementType)==null?void 0:qi.value)==="metricExpression")&&!S8?E.jsx("div",{className:"dbn-w-full dbn-h-[95%] dbn-chart dbn-overflow-auto",children:E.jsx($r0,{elementSettings:(Zn=n==null?void 0:n.elementSettings)==null?void 0:Zn.textBox,elementSummary:u6,elementSummaryError:X9,elementSummarySettings:(Fn=n==null?void 0:n.elementSettings)==null?void 0:Fn.summary,metricExpressionResult:j4,metricExpressionSettings:(Zo=n==null?void 0:n.elementSettings)==null?void 0:Zo.metricExpression,elementType:ye})}):null,!k9&&!S8&&!(n!=null&&n.isMetric)&&((fa=(oa=(Fo=n==null?void 0:n.elementSettings)==null?void 0:Fo.summary)==null?void 0:oa.metricList)!=null&&fa.length)&&!((Un=(Ze=n==null?void 0:n.elementSettings)==null?void 0:Ze.textBox)!=null&&Un.text||u6||X9)?E.jsx("div",{className:"dbn-w-full dbn-h-full dbn-flex dbn-flex-col dbn-justify-center dbn-items-center",children:E.jsxs("div",{className:" dbn-flex dbn-flex-col dbn-items-center dbn-gap-2",children:[E.jsx("img",{src:gV,alt:"no data",width:100,height:100}),E.jsx(A8,{opacity:.7,variant:"body-text-2",children:"No Summary"})]})}):null,k9?E.jsx(eA,{height:"full",className:"dbn-card-loader"}):null,(rn=C2==null?void 0:C2.find(e9=>e9.id===(n==null?void 0:n.id)))!=null&&rn.isInProgress?E.jsx(wl,{text:"Download is in progress",variant:"primary",className:"dbn-absolute dbn-bottom-0 dbn-inset-x-0 dbn-w-[80%] dbn-mx-auto dbn-my-3 dbn-z-50"}):null,n!=null&&n.footNote&&!S8?E.jsx("div",{"data-testid":"metric-card-footnote",className:ws.addedLink,dangerouslySetInnerHTML:{__html:fV(s5||"")}}):null,i&&!n7&&(n!=null&&n.isMetric)&&!D&&g9&&(O3==null?void 0:O3.chartType)!==M0.table?E.jsx(E6,{type:"button",variant:"popover",onClick:()=>{W7||i==null||i({metric:n,rlsFilters:s,appFilters:f,appliedMetricFilters:g4})},leftIcon:E.jsx("div",{className:ws.fullscreenIcon,"data-testid":"fullscreen-btn",children:E.jsxs(as,{text:"Enter FullScreen",position:"left",children:[E.jsx(H6,{name:"fullscreen"})," "]})})}):null,S8&&!z5&&!j0?E.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-flex dbn-flex-col dbn-gap-2 dbn-p-2",children:[E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-1",children:[E.jsx("div",{className:"dbn-w-1/4",children:E.jsx(eA,{height:"4",className:"dbn-card-loader"})}),E.jsx("div",{className:"dbn-w-1/2",children:E.jsx(eA,{height:"3",className:"dbn-card-loader"})})]}),E.jsx(eA,{height:"full",className:"dbn-card-loader"})]}):null,I0&&a7&&!M7?E.jsx(as,{text:"Merge Metrics",className:"dbn-w-fit",position:"right",children:E.jsx(E6,{id:"merge-metric","data-testid":"merge-metric",variant:"popover",onClick:()=>a7==null?void 0:a7({isOpen:!0,chartOptions:O3,id:n==null?void 0:n.id}),leftIcon:E.jsx(H6,{name:"merge"})})}):null]})]})},tn0=({data:t,chartRef:n,metricName:i,onRawCsvData:o,chartOptions:a,integrationName:s,companyIntegrationId:r,metricData:C,updateDownloadProgress:l,isPythonMode:e,isEnableEmailRawCsvDownload:A,onServerEvent:u,disableDownloadPng:f,timeseriesSettings:d,disableDownloadDataNoFilters:g})=>{var w,V,D,P;const h=[{name:ml==null?void 0:ml.RAW_DATA,content:E.jsxs(gM,{fileName:i,className:bs.popupItem,companyIntegrationId:r,integrationName:s,metricData:C,updateDownloadProgress:l,data:t,isPythonMode:e,onServerEvent:u,timeseriesSettings:d,children:[E.jsx(H6,{name:"download"}),"Download"]})},...e||g?[]:[{name:ml==null?void 0:ml.DOWNLOAD_WITHOUT_FILTERS,content:E.jsxs(gM,{timeseriesSettings:d,fileName:i,className:bs.popupItem,companyIntegrationId:r,integrationName:s,onServerEvent:u,metricData:{...C,globalFilters:{tableName:((w=C==null?void 0:C.globalFilters)==null?void 0:w.tableName)||"",filters:((D=(V=C.globalFilters)==null?void 0:V.filters)==null?void 0:D.filter(W=>W.isVariableFilter))||[]},rlsConditions:(P=C.rlsConditions)==null?void 0:P.filter(W=>W.isVariableFilter)},updateDownloadProgress:l,data:t,isPythonMode:e,isDownloadWithoutFilters:!0,children:[E.jsx(H6,{name:"download"}),"Download Without Filters"]})}],...(a==null?void 0:a.chartType)===M0.pivot?[{name:ml==null?void 0:ml.PIVOT_CSV,content:E.jsx(G70,{text:ml==null?void 0:ml.PIVOT_CSV,data:t,fileName:i,className:bs.popupItem,chartOptions:a})}]:[],...n&&![M0.pivot,M0.horizontalStackTable,M0.table,M0.singleValue,M0.pivotV2,M0.pivotV3].includes((a==null?void 0:a.chartType)||"")&&!f?[{name:ml==null?void 0:ml.SAVE_AS_PNG,content:E.jsx(j70,{text:ml==null?void 0:ml.SAVE_AS_PNG,chartRef:n,className:bs.popupItem,fileName:i,metricId:C==null?void 0:C.id,onServerEvent:u})}]:[]],[I,y]=X0.useState(!1);return E.jsx(E.Fragment,{children:E.jsx(Vg2,{menuWidth:"260px",items:h,buttonContent:E.jsx(as,{text:"Download",showTooltip:!I,children:E.jsx("div",{className:bs.backButton,"data-testid":"download-metric-btn",children:E.jsx(H6,{name:"download"})})}),position:"bottom-end",disableAutoClose:!0,zIndex:99999999999999,getIsOpen:W=>y(W)})})},rn0=({isOpen:t,onClose:n,zIndex:i,chartSettings:o,setChartSettings:a,columnList:s,inline:r,onClickBack:C})=>{var h,I,y,w,V,D,P,W,K,f2,T2,C2,g2,N2,H2,M2,U2,Y2,c0,h0,F0,I0,e0,U0;const[l,e]=X0.useState(""),[A,u]=X0.useState(""),f=X0.useMemo(()=>{var m0;switch(o==null?void 0:o.chartType){case M0.singleValue:return e("Measure"),o==null?void 0:o.singleValue;case M0.progressBar:case M0.linearGauge:case M0.linearGaugeV2:return e("Measure"),o==null?void 0:o.progressColumn;case M0.gaugeV2:case M0.gauge:return e("Measure"),(m0=o==null?void 0:o.gaugeSettings)==null?void 0:m0.metric;default:return e("Dimension"),o==null?void 0:o.xAxis}},[o==null?void 0:o.chartType,(h=o==null?void 0:o.gaugeSettings)==null?void 0:h.metric,o==null?void 0:o.progressColumn,o==null?void 0:o.singleValue,o==null?void 0:o.xAxis]),d=X0.useMemo(()=>{var m0;switch(o==null?void 0:o.chartType){case M0.pivot:case M0.treeMap:return(m0=o==null?void 0:o.pivotTableSettings)==null?void 0:m0.rows;default:return o==null?void 0:o.yAxisList}},[o==null?void 0:o.chartType,(I=o==null?void 0:o.pivotTableSettings)==null?void 0:I.rows,o==null?void 0:o.yAxisList]),g=X0.useMemo(()=>{var m0;switch(o==null?void 0:o.chartType){case M0.pivot:case M0.treeMap:return u("Columns"),(m0=o==null?void 0:o.pivotTableSettings)==null?void 0:m0.columns;default:return u("Chart Dimensions"),o==null?void 0:o.stackTableCols}},[o==null?void 0:o.chartType,(y=o==null?void 0:o.pivotTableSettings)==null?void 0:y.columns,o==null?void 0:o.stackTableCols]);return E.jsx(E.Fragment,{children:r?E.jsxs("div",{className:`${bs.chartOptions} dbn-h-full dbn-overflow-y-auto dbn-bg-white`,children:[E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center",children:[E.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx(E6,{"data-testid":"back-panel-btn",variant:"tab",type:"button",onClick:C,leftIcon:E.jsx(H6,{name:"arrow-left",size:"small"}),size:"small"}),E.jsx(A8,{variant:"heading-3",color:"light-text",children:"Chart Properties"})]}),E.jsx(E6,{"data-testid":"close-panel-btn",variant:"tertiary",type:"button",onClick:n,leftIcon:E.jsx(H6,{name:"cross",size:"small"})})]}),(w=o==null?void 0:o.enduserMeasureAndDimensions)!=null&&w.isEnabled&&vh.includes(o.chartType)?E.jsxs(E.Fragment,{children:[E.jsx(ce,{options:((V=o==null?void 0:o.enduserMeasureAndDimensions)==null?void 0:V.dimensions)||[],menuZIndex:9999999999,label:l,selectedOption:f?{value:f,label:f}:{value:"",label:""},onChange:m0=>{a(j0=>({...j0,xAxis:m0.value,progressColumn:m0.value,singleValue:m0.value,gaugeSettings:{...j0.gaugeSettings,metric:m0.value},step:(m0==null?void 0:m0.value)||""}))},buttonWidth:"100%",menuWidth:"100%"}),E.jsx(ss,{options:((D=o==null?void 0:o.enduserMeasureAndDimensions)==null?void 0:D.measures)||[],menuZIndex:9999999999,label:"Measure",selectedOption:d!=null&&d.length?((P=d==null?void 0:d.filter(m0=>!!m0))==null?void 0:P.map(m0=>({value:m0,label:m0})))||[]:[],onChange:m0=>{a(j0=>{var v1;return{...j0,yAxisList:m0==null?void 0:m0.map(K2=>K2.value),gaugeSettings:{...j0.gaugeSettings,dimensions:m0==null?void 0:m0.map(K2=>K2.value)},pivotTableSettings:{...o.pivotTableSettings,rows:m0==null?void 0:m0.map(K2=>K2.value)},measure:(v1=m0==null?void 0:m0[0])==null?void 0:v1.value,sankeyValues:m0==null?void 0:m0.map(K2=>K2.value)}})},buttonWidth:"100%",menuWidth:"100%"})]}):E.jsxs(E.Fragment,{children:[[M0.sankey,M0.network,M0.table,M0.pivot,M0.treeMap,M0.horizontalStackTable].includes(o==null?void 0:o.chartType)?null:E.jsx(ce,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:l,selectedOption:f?{value:f,label:f}:{value:"",label:""},onChange:m0=>{a(j0=>({...j0,xAxis:m0.value,progressColumn:m0.value,singleValue:m0.value,gaugeSettings:{...j0.gaugeSettings,metric:m0.value},step:(m0==null?void 0:m0.value)||""}))},buttonWidth:"100%",menuWidth:"100%"}),[M0.pivot,M0.treeMap,M0.horizontalStackTable].includes(o==null?void 0:o.chartType)?E.jsx(ss,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:A,selectedOption:g!=null&&g.length?g==null?void 0:g.map(m0=>({value:m0,label:m0})):[],onChange:m0=>{a(j0=>({...j0,pivotTableSettings:{...o.pivotTableSettings,columns:m0==null?void 0:m0.map(v1=>v1.value)},stackTableCols:m0==null?void 0:m0.map(v1=>v1.value)}))},buttonWidth:"100%",menuWidth:"100%"}):null,[M0.singleValue,M0.linearGauge,M0.progressBar,M0.linearGaugeV2,M0.gaugeV2].includes(o==null?void 0:o.chartType)?null:E.jsx(ss,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:"Measure",selectedOption:d!=null&&d.length?((W=d==null?void 0:d.filter(m0=>!!m0))==null?void 0:W.map(m0=>({value:m0,label:m0})))||[]:[],onChange:m0=>{a(j0=>{var v1;return{...j0,yAxisList:m0==null?void 0:m0.map(K2=>K2.value),gaugeSettings:{...j0.gaugeSettings,dimensions:m0==null?void 0:m0.map(K2=>K2.value)},pivotTableSettings:{...o.pivotTableSettings,rows:m0==null?void 0:m0.map(K2=>K2.value)},measure:(v1=m0==null?void 0:m0[0])==null?void 0:v1.value,sankeyValues:m0==null?void 0:m0.map(K2=>K2.value)}})},buttonWidth:"100%",menuWidth:"100%"}),[M0.bar,M0.line,M0.area].includes(o.chartType)||o.chartType===M0.timeSeries&&(((T2=(f2=(K=o.timeSeriesSettings)==null?void 0:K.seriesType)==null?void 0:f2[0])==null?void 0:T2.type)==="bar"||!((g2=(C2=o.timeSeriesSettings)==null?void 0:C2.seriesType)!=null&&g2.length))?E.jsxs("div",{className:bs.featToggle,children:[E.jsx(u4,{name:"cumulative",enabled:(N2=o==null?void 0:o.customSettings)==null?void 0:N2.cumulativeBar,onChange:()=>a(m0=>{var j0;return{...m0,customSettings:{...m0.customSettings,cumulativeBar:!((j0=m0.customSettings)!=null&&j0.cumulativeBar)}}})}),E.jsx(A8,{variant:"body-text-2",children:"Enable Cumulative Behaviour"})]}):null,[M0.bar,M0.line,M0.area,M0.stackedArea,M0.timeSeries].includes(o.chartType)&&E.jsxs("div",{className:bs.featToggle,children:[E.jsx(u4,{name:"dynamic",enabled:(H2=o.customSettings)==null?void 0:H2.showDynamicBehaviour,onChange:()=>a(m0=>{var j0;return{...m0,customSettings:{...m0.customSettings,showDynamicBehaviour:!((j0=m0.customSettings)!=null&&j0.showDynamicBehaviour)}}})}),E.jsx(A8,{variant:"body-text-2",children:"Enable Dynamic Behavior"})]}),![M0.gauge,M0.gaugeV2,M0.linearGaugeV2,M0.progressBarV2,M0.pie,M0.table,M0.singleValue,M0.doughnut,M0.funnel,M0.sankey,M0.rose,M0.network].includes(o.chartType)&&E.jsxs(E.Fragment,{children:[E.jsxs("div",{className:bs.featToggle,children:[E.jsx(u4,{name:"chart zoom",enabled:(U2=(M2=o.customSettings)==null?void 0:M2.chartZoom)==null?void 0:U2.isZoomEnabled,onChange:()=>{a(m0=>{var j0,v1,K2;return{...m0,customSettings:{...m0.customSettings,chartZoom:{...(j0=m0.customSettings)==null?void 0:j0.chartZoom,isZoomEnabled:!((K2=(v1=m0.customSettings)==null?void 0:v1.chartZoom)!=null&&K2.isZoomEnabled),zoomAxis:"x",zoomOnMouseWheel:!0}}}})}}),E.jsxs("span",{className:"dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx(A8,{variant:"body-text-2",children:"Enable Chart Zoom"}),E.jsx(qf,{position:"top",text:"Enable zooming and panning on the chart.",tooltipClass:"dbn-w-[300px]"})]})]}),((c0=(Y2=o.customSettings)==null?void 0:Y2.chartZoom)==null?void 0:c0.isZoomEnabled)&&E.jsx(ce,{label:"Select Zoom Axis",selectedOption:{value:o.customSettings.chartZoom.zoomAxis||"x",label:o.customSettings.chartZoom.zoomAxis||"x"},options:[{label:"x",value:"x"},{label:"y",value:"y"},{label:"xy",value:"xy"}],onChange:m0=>a(j0=>{var v1;return{...j0,customSettings:{...j0.customSettings,chartZoom:{...(v1=j0.customSettings)==null?void 0:v1.chartZoom,zoomAxis:m0.value}}}}),buttonWidth:"100%",menuWidth:"100%"})]})]})]}):E.jsx(zd,{isOpen:t,onClose:n,size:"small",side:"right",hideFooter:!0,headerTitle:"Chart Properties",zIndex:i,children:E.jsx("div",{className:bs.chartOptions,children:(h0=o==null?void 0:o.enduserMeasureAndDimensions)!=null&&h0.isEnabled&&vh.includes(o.chartType)?E.jsxs(E.Fragment,{children:[E.jsx(ce,{options:((F0=o==null?void 0:o.enduserMeasureAndDimensions)==null?void 0:F0.dimensions)||[],menuZIndex:9999999999,label:l,selectedOption:f?{value:f,label:f}:{value:"",label:""},onChange:m0=>{a(j0=>({...j0,xAxis:m0.value,progressColumn:m0.value,singleValue:m0.value,gaugeSettings:{...j0.gaugeSettings,metric:m0.value},step:(m0==null?void 0:m0.value)||""}))},buttonWidth:"100%",menuWidth:"100%"}),E.jsx(ss,{options:((I0=o==null?void 0:o.enduserMeasureAndDimensions)==null?void 0:I0.measures)||[],menuZIndex:9999999999,label:"Measure",selectedOption:d!=null&&d.length?((e0=d==null?void 0:d.filter(m0=>!!m0))==null?void 0:e0.map(m0=>({value:m0,label:m0})))||[]:[],onChange:m0=>{a(j0=>{var v1;return{...j0,yAxisList:m0==null?void 0:m0.map(K2=>K2.value),gaugeSettings:{...j0.gaugeSettings,dimensions:m0==null?void 0:m0.map(K2=>K2.value)},pivotTableSettings:{...o.pivotTableSettings,rows:m0==null?void 0:m0.map(K2=>K2.value)},measure:(v1=m0==null?void 0:m0[0])==null?void 0:v1.value,sankeyValues:m0==null?void 0:m0.map(K2=>K2.value)}})},buttonWidth:"100%",menuWidth:"100%"})]}):E.jsxs(E.Fragment,{children:[[M0.sankey,M0.network,M0.table,M0.pivot,M0.treeMap,M0.horizontalStackTable].includes(o==null?void 0:o.chartType)?null:E.jsx(ce,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:l,selectedOption:f?{value:f,label:f}:{value:"",label:""},onChange:m0=>{a(j0=>({...j0,xAxis:m0.value,progressColumn:m0.value,singleValue:m0.value,gaugeSettings:{...j0.gaugeSettings,metric:m0.value},step:(m0==null?void 0:m0.value)||""}))},buttonWidth:"100%",menuWidth:"100%"}),[M0.pivot,M0.treeMap,M0.horizontalStackTable].includes(o==null?void 0:o.chartType)?E.jsx(ss,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:A,selectedOption:g!=null&&g.length?g==null?void 0:g.map(m0=>({value:m0,label:m0})):[],onChange:m0=>{a(j0=>({...j0,pivotTableSettings:{...o.pivotTableSettings,columns:m0==null?void 0:m0.map(v1=>v1.value)},stackTableCols:m0==null?void 0:m0.map(v1=>v1.value)}))},buttonWidth:"100%",menuWidth:"100%"}):null,[M0.singleValue,M0.linearGauge,M0.progressBar,M0.linearGaugeV2,M0.gaugeV2].includes(o==null?void 0:o.chartType)?null:E.jsx(ss,{options:s==null?void 0:s.map(m0=>({value:m0,label:m0})),menuZIndex:9999999999,label:"Measure",selectedOption:d!=null&&d.length?((U0=d==null?void 0:d.filter(m0=>!!m0))==null?void 0:U0.map(m0=>({value:m0,label:m0})))||[]:[],onChange:m0=>{a(j0=>{var v1;return{...j0,yAxisList:m0==null?void 0:m0.map(K2=>K2.value),gaugeSettings:{...j0.gaugeSettings,dimensions:m0==null?void 0:m0.map(K2=>K2.value)},pivotTableSettings:{...o.pivotTableSettings,rows:m0==null?void 0:m0.map(K2=>K2.value)},measure:(v1=m0==null?void 0:m0[0])==null?void 0:v1.value,sankeyValues:m0==null?void 0:m0.map(K2=>K2.value)}})},buttonWidth:"100%",menuWidth:"100%"})]})})})})},GA={customContainer:"_customContainer_157qw_7",numberField:"_numberField_157qw_15",numberFieldWrapper:"_numberFieldWrapper_157qw_31",numberFieldLabel:"_numberFieldLabel_157qw_39",selectedLabel:"_selectedLabel_157qw_47",numberFieldLabelText:"_numberFieldLabelText_157qw_55",numberFieldFooter:"_numberFieldFooter_157qw_103",searchFilter:"_searchFilter_157qw_111",searchInput:"_searchInput_157qw_119",rangeValue:"_rangeValue_157qw_127"},eg2=({name:t,onChangeFilterValue:n,value:i,buttonWidth:o,isFilter:a,labelVariant:s="static",isImportant:r,isApplyDashboardColor:C,radius:l,isDisabled:e})=>{var h;const[A,u]=X0.useState(((h=i==null?void 0:i.replace("%",""))==null?void 0:h.replace(/'/g,""))||""),f=I=>{I.preventDefault(),n==null||n(t||"",A)},d=window.CSS&&CSS.supports("width","clamp(1px, 1px, 1px)"),g=X0.useMemo(()=>o?d&&a?`clamp(100px, 13cqw, ${o})`:o:"200px",[o,a,d]);return E.jsxs("div",{children:[t&&s==="static"?E.jsx(E.Fragment,{children:a?E.jsxs("span",{className:`dbn-text-xs dbn-leading-6 dbn-font-normal dbn-inline-block dbn-font-sans ${a?"dbn-selectBox-text":""} ${a&&C?"dbn-selectBox":""}`,children:[t,r?E.jsx("span",{className:GA.important,children:"*"}):null]}):E.jsxs(A8,{variant:"input-label",color:"primary-title",children:[t,r?E.jsx("span",{className:GA.important,children:"*"}):null]})}):null,E.jsxs("form",{className:GA.searchFilter,onSubmit:f,style:{borderRadius:l||"6px",opacity:e?.6:1},children:[E.jsxs("div",{style:g?{width:g}:{},className:"dbn-flex dbn-items-center",children:[E.jsx(c5,{id:`${t}-search`,label:s==="static"?"":t,labelVariant:"floating",value:A,onChange:({target:{value:I}})=>u(I),className:`${GA.searchInput} ${a?"dbn-selectBox-text":""}`,containerClassName:GA.searchInput,isFilter:a,style:{borderTopLeftRadius:l||"6px",borderBottomLeftRadius:l||"6px"},isDisabled:e}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"cross",size:"xs"}),onClick:()=>{u(""),n==null||n(t||"","")},className:"dbn-border-l dbn-border-secondary dbn-px-2 dbn-py-1",containerClass:"dbn-interactive-element",isDisabled:!A})]}),E.jsx(E6,{"data-testid":"search-btn",type:"submit",variant:"primary",className:"dbn-rounded-l-none",style:{borderRadius:l||"6px"},isDisabled:e,children:E.jsx(H6,{name:"magnifying-glass",color:"white"})})]})]})},nn0=({props:{filter:t,tenancyLevel:n,clientId:i,isAllClient:o,onChangeFilterValue:a,dropdownTheme:s,workspaceId:r,filterClause:C,clientColumnType:l,datasourceId:e,appliedFilters:A,globalFilters:u,isFilter:f,databaseName:d}})=>{var K,f2,T2,C2,g2,N2,H2,M2,U2,Y2,c0;if(!((K=t==null?void 0:t.filterVariant)!=null&&K.value)||!a)return E.jsx(E.Fragment,{});const g=(f2=t.selectedCustomOptionTable)==null?void 0:f2.query,h=(T2=t.selectedCustomOptionTable)==null?void 0:T2.columnName,I=g&&h,y=n===rL,w=(t==null?void 0:t.optionTableName)||t.tableName||"",V=y?`${i}.${(g2=(C2=w==null?void 0:w.split("."))==null?void 0:C2.slice(1))==null?void 0:g2.join(".")}`:w,D=I?{query:pL({query:g||"",rlsConditions:A||[],tenancyLevel:n,clientId:i,globalFilters:u,values:{},isAllClient:o,clientColumnType:l}),alias:CP}:void 0,P={tableName:I?"":V,columnName:I?h:t.optionColumnName||t.columnName,labelColumnName:(t==null?void 0:t.labelColumnName)||""},W=t!=null&&t.selectedDropdownValue&&!Array.isArray(t==null?void 0:t.selectedDropdownValue)&&((N2=t==null?void 0:t.selectedDropdownValue)!=null&&N2.value)?t==null?void 0:t.selectedDropdownValue:{label:(t==null?void 0:t.value)||"",value:(t==null?void 0:t.value)||""};switch((H2=t==null?void 0:t.filterVariant)==null?void 0:H2.value){case oA:{const h0=t!=null&&t.selectedDropdownValue&&Array.isArray(t==null?void 0:t.selectedDropdownValue)?t==null?void 0:t.selectedDropdownValue:[],F0=Array.isArray(t.value)&&t.value.length?(M2=t.value)==null?void 0:M2.map(e0=>({label:e0,value:e0})):[],I0=h0||F0;return E.jsx(Ug,{databaseName:d,datasourceId:e,buttonWidth:(s==null?void 0:s.width)||"180px",isFilter:f,dataTestTitle:"metricFilters",menuWidth:(s==null?void 0:s.width)||"180px",isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,radius:s==null?void 0:s.radius,labelVariant:(s==null?void 0:s.variant)||"floating",isClearEnabled:t==null?void 0:t.isEnableClearSelection,selectedOption:I0,onChange:e0=>a(t.name,"","",void 0,e0),filter:P,isSearchEnabled:!0,label:t.name,workspaceId:r,filterClause:C,customTable:D,menuZIndex:999999999999,isAutoSelectOption:t==null?void 0:t.isAutoSelect,isAutoSelectFromLast:((U2=t==null?void 0:t.autoSelectType)==null?void 0:U2.value)==="last",autoSelectCount:["last","first"].includes(((Y2=t.autoSelectType)==null?void 0:Y2.value)||"")?t.autoSelectCount:1,isSelectAllEnabled:t==null?void 0:t.isSelectAllMultiSelect})}case Uu:return E.jsx(eg2,{value:typeof t.value=="string"?t.value:"",name:t.name,onChangeFilterValue:a,buttonWidth:(s==null?void 0:s.width)||"180px",isFilter:f,labelVariant:(s==null?void 0:s.variant)||"floating",radius:s==null?void 0:s.radius});default:return E.jsx(tE,{databaseName:d,datasourceId:e,buttonWidth:(s==null?void 0:s.width)||"180px",isFilter:f,dataTestTitle:"metricFilters",menuWidth:(s==null?void 0:s.width)||"180px",radius:s==null?void 0:s.radius,labelVariant:(s==null?void 0:s.variant)||"floating",isClearEnabled:t==null?void 0:t.isEnableClearSelection,selectedOption:W,onChange:h0=>a(t.name,h0.value,h0.label),autoSelected:!1,filter:P,customTable:D,label:t.name,workspaceId:r,filterClause:C,isSearchEnabled:!0,menuZIndex:999999999999,isAutoSelectOption:t==null?void 0:t.isAutoSelect,isAutoSelectFromLast:((c0=t==null?void 0:t.autoSelectType)==null?void 0:c0.value)==="last"})}},in0=({props:{filter:t,onChangeFilterValue:n,className:i,isVariableFilter:o,dropdownTheme:a,filterClause:s,workspaceId:r,hideDatePickerOptions:C,datasourceId:l,isFilter:e,databaseName:A}})=>{var h,I,y,w,V,D,P,W,K,f2,T2,C2,g2,N2,H2,M2,U2,Y2,c0,h0,F0,I0,e0,U0;const u=(h=t==null?void 0:t.options)==null?void 0:h.find(m0=>m0.name===(t==null?void 0:t.value)),f=(I=t==null?void 0:t.variableOptions)==null?void 0:I.find(m0=>{var j0;return m0.value===((j0=t.selectedVariableValue)==null?void 0:j0.value)}),[d,g]=T9.useState({value:(t==null?void 0:t.value)||(u==null?void 0:u.name)||"",label:(t==null?void 0:t.value)||(u==null?void 0:u.name)||"",labelType:(u==null?void 0:u.range)||""});return E.jsx(E.Fragment,{children:t&&n?E.jsx("div",{className:i,children:o?[ll,"number","boolean","default"].includes(t.datatype)?E.jsx(E.Fragment,{children:E.jsx(ce,{label:t.name,labelVariant:(a==null?void 0:a.variant)||"floating",isFilter:e,buttonWidth:(a==null?void 0:a.width)||"180px",menuWidth:(a==null?void 0:a.width)||"180px",dataTestTitle:"metricFilters",radius:a==null?void 0:a.radius,selectedOption:(y=t.selectedVariableValue)!=null&&y.value?{value:(w=t.selectedVariableValue)==null?void 0:w.value,label:(V=t.selectedVariableValue)==null?void 0:V.value}:{value:"",label:""},options:((D=t.variableOptions)==null?void 0:D.map(m0=>({value:m0==null?void 0:m0.value,label:m0==null?void 0:m0.value})))||[],isSearchEnabled:!0,onChange:m0=>n==null?void 0:n(t.name,m0.value),menuZIndex:999999999999,isClearEnabled:t==null?void 0:t.isEnableClearSelection})}):E.jsx(E.Fragment,{children:E.jsx(ce,{label:t.name,labelVariant:(a==null?void 0:a.variant)||"floating",isFilter:e,dataTestTitle:"metricFilters",buttonWidth:(a==null?void 0:a.width)||"180px",menuWidth:(a==null?void 0:a.width)||"180px",radius:a==null?void 0:a.radius,selectedOption:{value:((P=t.selectedVariableValue)==null?void 0:P.value)||"",label:((W=t==null?void 0:t.selectedVariableValue)==null?void 0:W.label)||""},options:((f2=(K=t.variableOptions)==null?void 0:K.map)==null?void 0:f2.call(K,m0=>({value:m0.value,label:m0.label})))||[],isSearchEnabled:!0,onChange:m0=>{var v1;const j0=(v1=t==null?void 0:t.variableOptions)==null?void 0:v1.find(K2=>K2.value===(m0==null?void 0:m0.value));n==null||n(t.name,m0.value,"",{startDate:j0==null?void 0:j0.startDate,endDate:j0==null?void 0:j0.endDate})},menuZIndex:999999999999,isClearEnabled:t==null?void 0:t.isEnableClearSelection})}):t.datatype!=="date"?t.datatype===ll?t.options.length?E.jsx(ss,{labelVariant:(a==null?void 0:a.variant)||"floating",dataTestTitle:"metricFilters",isFilter:e,buttonWidth:(a==null?void 0:a.width)||"180px",isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,menuWidth:(a==null?void 0:a.width)||"180px",radius:a==null?void 0:a.radius,isClearEnabled:t==null?void 0:t.isEnableClearSelection,selectedOption:Array.isArray(t.value)&&t.value.length?(T2=t.value)==null?void 0:T2.map(m0=>({label:m0,value:m0})):[],options:(C2=t.options)==null?void 0:C2.map(m0=>({value:m0.value||m0,label:m0.label||m0})),isSearchEnabled:!0,onChange:m0=>n==null?void 0:n(t.name,"","",void 0,m0),label:t.name,menuZIndex:999999999999,isSelectAllEnabled:t==null?void 0:t.isSelectAllMultiSelect}):E.jsx(Ug,{databaseName:A,datasourceId:l,labelVariant:(a==null?void 0:a.variant)||"floating",isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,buttonWidth:(a==null?void 0:a.width)||"180px",isFilter:e,menuWidth:(a==null?void 0:a.width)||"180px",dataTestTitle:"metricFilters",radius:a==null?void 0:a.radius,isClearEnabled:t==null?void 0:t.isEnableClearSelection,selectedOption:Array.isArray(t.value)&&t.value.length?(g2=t.value)==null?void 0:g2.map(m0=>({label:m0,value:m0})):[],onChange:m0=>n==null?void 0:n(t.name,"","",void 0,m0),filter:{tableName:t.tableName,columnName:t.columnName},isSearchEnabled:!0,label:t.name,workspaceId:r,filterClause:s,menuZIndex:999999999999,isSelectAllEnabled:t==null?void 0:t.isSelectAllMultiSelect}):E.jsx(ce,{labelVariant:(a==null?void 0:a.variant)||"floating",buttonWidth:(a==null?void 0:a.width)||"180px",menuWidth:(a==null?void 0:a.width)||"180px",dataTestTitle:"metricFilters",radius:a==null?void 0:a.radius,isClearEnabled:t==null?void 0:t.isEnableClearSelection,isFilter:e,label:t.name,menuZIndex:999999999999,selectedOption:{value:t.value,label:t.value},options:(N2=t.options)==null?void 0:N2.map(m0=>({value:(m0==null?void 0:m0.value)||m0,label:(m0==null?void 0:m0.label)||m0})),isSearchEnabled:!0,onChange:m0=>n==null?void 0:n(t.name,m0.value),disableAutoClose:["custom","custom date"].includes(((H2=u==null?void 0:u.range)==null?void 0:H2.toLowerCase())||""),children:t.datatype==="date"&&((M2=f==null?void 0:f.value)==null?void 0:M2.toLowerCase())==="custom"&&!(f!=null&&f.startDate&&(f!=null&&f.endDate))?E.jsx("div",{className:GA.customContainer,children:E.jsx(Nu,{datePickerFormat:a==null?void 0:a.datePickerFormat,label:"Date Range",hideDatePickerOptions:C,onChange:m0=>{n==null||n(t.name,(f==null?void 0:f.value)||"Custom","",{startDate:m0==null?void 0:m0.startDate,endDate:m0==null?void 0:m0.endDate},void 0,m0==null?void 0:m0.timeGrainValue)},defaultValues:{startDate:(U2=t==null?void 0:t.selectedVariableValue)!=null&&U2.startDate?new Date((Y2=t==null?void 0:t.selectedVariableValue)==null?void 0:Y2.startDate):new Date,endDate:(c0=t==null?void 0:t.selectedVariableValue)!=null&&c0.endDate?new Date((h0=t==null?void 0:t.selectedVariableValue)==null?void 0:h0.endDate):new Date,timeGrainValue:((F0=t==null?void 0:t.selectedVariableValue)==null?void 0:F0.timeGrainValue)||""}})}):null}):E.jsx(ce,{label:t.name,labelVariant:(a==null?void 0:a.variant)||"floating",buttonWidth:(a==null?void 0:a.width)||"180px",menuWidth:(a==null?void 0:a.width)||"180px",isFilter:e,isClearEnabled:t==null?void 0:t.isEnableClearSelection,dataTestTitle:"metricFilters",radius:a==null?void 0:a.radius,selectedOption:d,options:(I0=t.options)==null?void 0:I0.map(m0=>({value:m0.name,label:m0.name,labelType:m0.range})),menuZIndex:999999999999,isSearchEnabled:!0,onChange:m0=>{g(m0),n(t.name,m0.value)},disableAutoClose:["custom","custom date"].includes(((e0=u==null?void 0:u.range)==null?void 0:e0.toLowerCase())||""),children:t.datatype==="date"&&((U0=d.labelType)==null?void 0:U0.toLowerCase())==="custom"&&!(u!=null&&u.fromDate&&(u!=null&&u.toDate))?E.jsx("div",{className:GA.customContainer,children:E.jsx(Nu,{datePickerFormat:a==null?void 0:a.datePickerFormat,label:"Date Range",hideDatePickerOptions:C,onChange:m0=>{n(t.name,(u==null?void 0:u.name)||"Custom","",{startDate:m0==null?void 0:m0.startDate,endDate:m0==null?void 0:m0.endDate},void 0,m0==null?void 0:m0.timeGrainValue)},minDate:u==null?void 0:u.minDate,maxDate:u==null?void 0:u.maxDate,defaultValues:{startDate:u!=null&&u.startDate?new Date(u==null?void 0:u.startDate):new Date,endDate:u!=null&&u.endDate?new Date(u==null?void 0:u.endDate):new Date,timeGrainValue:(u==null?void 0:u.timeGrainValue)||""}})}):null})}):null})},on0=({props:{filter:t,onChangeFilterValue:n,dropdownTheme:i,isFilter:o}})=>{var r,C,l,e,A,u,f,d,g,h;const a=(r=t==null?void 0:t.filterVariant)==null?void 0:r.value;if(!a||!n||!t)return E.jsx(E.Fragment,{});const s=X0.useMemo(()=>{var I,y;return t!=null&&t.isVariableFilter?((I=t==null?void 0:t.variableOptions)==null?void 0:I.map(w=>({value:typeof w=="object"?w==null?void 0:w.value:w,label:typeof w=="object"?(w==null?void 0:w.label)||(w==null?void 0:w.value):w})))||[]:((y=t==null?void 0:t.options)==null?void 0:y.map(w=>({value:typeof w=="object"?w==null?void 0:w.value:w,label:typeof w=="object"?(w==null?void 0:w.label)||(w==null?void 0:w.value):w})))||[]},[t.options,t.isVariableFilter,t.variableOptions]);switch(a){case oA:{const I=Array.isArray(t.value)&&t.value.length?(C=t.value)==null?void 0:C.map(w=>({label:w,value:w})):[],y=Array.isArray(t.selectedDropdownValue)&&t.selectedDropdownValue.length?(l=t.selectedDropdownValue)==null?void 0:l.map(w=>({label:w.label||w.value,value:w.value})):[];return E.jsx(ss,{buttonWidth:(i==null?void 0:i.width)||"180px",isFilter:o,dataTestTitle:"metricFilters",menuWidth:(i==null?void 0:i.width)||"180px",radius:i==null?void 0:i.radius,labelVariant:(i==null?void 0:i.variant)||"floating",isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,isClearEnabled:t==null?void 0:t.isEnableClearSelection,selectedOption:y.length?y:I,options:s,onChange:w=>n==null?void 0:n(t.name,"","",void 0,w),label:t.name,isSearchEnabled:!0,menuZIndex:999999999999,isAutoSelectOption:t==null?void 0:t.isAutoSelect,isAutoSelectFromLast:((e=t==null?void 0:t.autoSelectType)==null?void 0:e.value)==="last",autoSelectCount:["last","first"].includes(((A=t.autoSelectType)==null?void 0:A.value)||"")?t.autoSelectCount:1,isSelectAllEnabled:t==null?void 0:t.isSelectAllMultiSelect})}case Uu:return E.jsx(eg2,{value:typeof t.value=="string"?t.value:"",name:t.name,onChangeFilterValue:n,buttonWidth:(i==null?void 0:i.width)||"180px",isFilter:o});default:return E.jsx(ce,{label:t.name,labelVariant:(i==null?void 0:i.variant)||"floating",isFilter:o,dataTestTitle:"metricFilters",buttonWidth:(i==null?void 0:i.width)||"180px",menuWidth:(i==null?void 0:i.width)||"180px",radius:i==null?void 0:i.radius,selectedOption:{label:!Array.isArray(t.selectedDropdownValue)&&((u=t==null?void 0:t.selectedDropdownValue)!=null&&u.value)?((f=t.selectedDropdownValue)==null?void 0:f.label)||"":(t==null?void 0:t.value)||"",value:!Array.isArray(t.selectedDropdownValue)&&((d=t==null?void 0:t.selectedDropdownValue)!=null&&d.value)?((g=t.selectedDropdownValue)==null?void 0:g.value)||"":(t==null?void 0:t.value)||""},options:s,onChange:I=>n==null?void 0:n(t.name,I.value,I.label),isSearchEnabled:!0,isClearEnabled:t==null?void 0:t.isEnableClearSelection,menuZIndex:999999999999,isAutoSelectOption:t==null?void 0:t.isAutoSelect,isAutoSelectFromLast:((h=t==null?void 0:t.autoSelectType)==null?void 0:h.value)==="last"})}},an0=({props:{filter:t,dropdownTheme:n,onChangeFilterValue:i,hideDatePickerOptions:o,isFilter:a}})=>{var f,d,g;const s=(t==null?void 0:t.datatype)==="date",r=t==null?void 0:t.value,C=s?t.options:[],l=s&&C.find(h=>h.range==="Custom Date"),e=s&&C.find(h=>h.range==="Date Range");s&&(t==null||t.isEnableDynamicDate);const A={label:r||"",value:r||""},u=(t==null?void 0:t.options).find(h=>h.name===(t==null?void 0:t.value));return s?E.jsxs(E.Fragment,{children:[e&&E.jsx("div",{children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,label:t.name,hideDatePickerOptions:o,isMetricFilter:a,dataTestTitle:"metricFilters",variant:(n==null?void 0:n.variant)==="static"?"static":"floatingLabel",buttonWidth:(n==null?void 0:n.width)||"180px",radius:n==null?void 0:n.radius,onChange:h=>{i==null||i(t.name,(e==null?void 0:e.name)||"","",{startDate:h==null?void 0:h.startDate,endDate:h==null?void 0:h.endDate},void 0,h==null?void 0:h.timeGrainValue)},minDate:e!=null&&e.restrictionDateFrom?Vl(e==null?void 0:e.restrictionDateFrom,!0):e==null?void 0:e.minDate,maxDate:e!=null&&e.restrictionDateTo?Vl(e==null?void 0:e.restrictionDateTo):e==null?void 0:e.maxDate,defaultValues:e!=null&&e.startDate&&(e!=null&&e.endDate)&&(t!=null&&t.value)?{startDate:new Date(e==null?void 0:e.startDate),endDate:new Date(e==null?void 0:e.endDate),timeGrainValue:(e==null?void 0:e.timeGrainValue)||""}:void 0})}),l&&E.jsx("div",{children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,label:t.name,hideDatePickerOptions:o,isMetricFilter:a,variant:(n==null?void 0:n.variant)==="static"?"static":"floatingLabel",dataTestTitle:"metricFilters",buttonWidth:(n==null?void 0:n.width)||"180px",radius:n==null?void 0:n.radius,isEnableSingleDate:!0,onChange:h=>{i==null||i(t.name,(l==null?void 0:l.name)||"","",{startDate:h==null?void 0:h.startDate,endDate:h==null?void 0:h.endDate})},minDate:l!=null&&l.restrictionDateFrom?Vl(l==null?void 0:l.restrictionDateFrom,!0):l==null?void 0:l.minDate,maxDate:l!=null&&l.restrictionDateTo?Vl(l==null?void 0:l.restrictionDateTo):l==null?void 0:l.maxDate,defaultValues:l!=null&&l.startDate&&(l!=null&&l.endDate)&&(t!=null&&t.value)?{startDate:new Date(l==null?void 0:l.startDate),endDate:new Date(l==null?void 0:l.endDate),timeGrainValue:""}:void 0})}),!(e||l)&&E.jsx(E.Fragment,{children:E.jsxs(ce,{label:t.name,labelVariant:(n==null?void 0:n.variant)||"floating",dataTestTitle:"metricFilters",buttonWidth:(n==null?void 0:n.width)||"180px",isFilter:a,menuWidth:(n==null?void 0:n.width)||"180px",menuZIndex:999999999999,radius:n==null?void 0:n.radius,selectedOption:A,isClearEnabled:t==null?void 0:t.isEnableClearSelection,options:C==null?void 0:C.map(h=>({value:h==null?void 0:h.name,label:h==null?void 0:h.name,labelType:h==null?void 0:h.range})),onChange:h=>{i==null||i(t.name,h.value)},disableAutoClose:["custom","custom date"].includes(((f=u==null?void 0:u.range)==null?void 0:f.toLowerCase())||""),isSearchEnabled:!0,children:[t.datatype==="date"&&((d=u==null?void 0:u.range)==null?void 0:d.toLowerCase())==="custom date"&&E.jsx(E.Fragment,{children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,label:t.name,hideDatePickerOptions:o,variant:(n==null?void 0:n.variant)==="static"?"static":"floatingLabel",buttonWidth:(n==null?void 0:n.width)||"180px",radius:n==null?void 0:n.radius,isEnableSingleDate:!0,onChange:h=>{i==null||i(t.name,(u==null?void 0:u.name)||"Custom Date","",{startDate:h==null?void 0:h.startDate,endDate:h==null?void 0:h.endDate})},minDate:u!=null&&u.restrictionDateFrom?Vl(u==null?void 0:u.restrictionDateFrom,!0):u==null?void 0:u.minDate,maxDate:u!=null&&u.restrictionDateTo?Vl(u==null?void 0:u.restrictionDateTo):u==null?void 0:u.maxDate,defaultValues:u!=null&&u.startDate&&(u!=null&&u.endDate)?{startDate:new Date(u==null?void 0:u.startDate),endDate:new Date(u==null?void 0:u.endDate),timeGrainValue:""}:void 0})}),t.datatype==="date"&&((g=u==null?void 0:u.range)==null?void 0:g.toLowerCase())==="custom"&&!(u!=null&&u.fromDate&&(u!=null&&u.toDate))?E.jsx("div",{className:GA.customContainer,children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,isEnableSingleDate:u==null?void 0:u.isSingleDate,label:u!=null&&u.isSingleDate?ux:cx,hideDatePickerOptions:o,buttonWidth:"100%",onChange:h=>{i==null||i(t.name,(u==null?void 0:u.name)||"Custom","",{startDate:h==null?void 0:h.startDate,endDate:h==null?void 0:h.endDate},void 0,h==null?void 0:h.timeGrainValue)},minDate:u!=null&&u.restrictionDateFrom?Vl(u==null?void 0:u.restrictionDateFrom,!0):u==null?void 0:u.minDate,maxDate:u!=null&&u.restrictionDateTo?Vl(u==null?void 0:u.restrictionDateTo):u==null?void 0:u.maxDate,defaultValues:u!=null&&u.startDate&&(u!=null&&u.endDate)?{startDate:new Date(u==null?void 0:u.startDate),endDate:new Date(u==null?void 0:u.endDate),timeGrainValue:(u==null?void 0:u.timeGrainValue)||""}:void 0})}):null]})})]}):E.jsx(E.Fragment,{})},sn0=({props:{filter:t,dropdownTheme:n,onChangeFilterValue:i,hideDatePickerOptions:o,isFilter:a}})=>{var g,h,I;const s=(t==null?void 0:t.datatype)==="date",r=(g=t==null?void 0:t.selectedVariableValue)==null?void 0:g.value,C=(h=t==null?void 0:t.selectedVariableValue)==null?void 0:h.label,l=s?t.variableOptions:[],e=s&&l.find(y=>y.range==="Custom Date"),A=s&&l.find(y=>y.range==="Date Range"),u={label:r||"",value:C||""},f=l.find(y=>(y==null?void 0:y.value)===(t==null?void 0:t.value)),d=l==null?void 0:l.some(y=>{var w;return["custom","custom date"].includes(((w=y==null?void 0:y.range)==null?void 0:w.toLowerCase())||"")});return s?E.jsxs(E.Fragment,{children:[A&&E.jsx("div",{children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,label:t.name,isMetricFilter:a,hideDatePickerOptions:o,variant:(n==null?void 0:n.variant)==="static"?"static":"floatingLabel",buttonWidth:(n==null?void 0:n.width)||"180px",dataTestTitle:"metricFilters",radius:n==null?void 0:n.radius,onChange:y=>{i==null||i(t.name,(A==null?void 0:A.value)||"","",{startDate:y==null?void 0:y.startDate,endDate:y==null?void 0:y.endDate},void 0,y==null?void 0:y.timeGrainValue)},defaultValues:A!=null&&A.startDate&&(A!=null&&A.endDate)&&(t!=null&&t.value)?{startDate:new Date(A==null?void 0:A.startDate),endDate:new Date(A==null?void 0:A.endDate),timeGrainValue:(A==null?void 0:A.timeGrainValue)||""}:void 0,minDate:A!=null&&A.restrictionDateFrom?Vl(A==null?void 0:A.restrictionDateFrom,!0):A==null?void 0:A.minDate,maxDate:A!=null&&A.restrictionDateTo?Vl(A==null?void 0:A.restrictionDateTo):A==null?void 0:A.maxDate})}),e&&E.jsx("div",{children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,label:t.name,isMetricFilter:a,hideDatePickerOptions:o,variant:(n==null?void 0:n.variant)==="static"?"static":"floatingLabel",dataTestTitle:"metricFilters",buttonWidth:(n==null?void 0:n.width)||"180px",radius:n==null?void 0:n.radius,isEnableSingleDate:!0,onChange:y=>{i==null||i(t.name,(e==null?void 0:e.value)||"","",{startDate:y==null?void 0:y.startDate,endDate:y==null?void 0:y.endDate})},defaultValues:e!=null&&e.startDate&&(e!=null&&e.endDate)&&(t!=null&&t.value)?{startDate:new Date(e==null?void 0:e.startDate),endDate:new Date(e==null?void 0:e.endDate),timeGrainValue:""}:void 0,minDate:e!=null&&e.restrictionDateFrom?Vl(e==null?void 0:e.restrictionDateFrom,!0):e==null?void 0:e.minDate,maxDate:e!=null&&e.restrictionDateTo?Vl(e==null?void 0:e.restrictionDateTo):e==null?void 0:e.maxDate})}),!(e||A)&&E.jsx(ce,{label:t.name,labelVariant:(n==null?void 0:n.variant)||"floating",buttonWidth:(n==null?void 0:n.width)||"180px",menuWidth:(n==null?void 0:n.width)||"180px",isClearEnabled:t==null?void 0:t.isEnableClearSelection,isFilter:a,dataTestTitle:"metricFilters",radius:n==null?void 0:n.radius,selectedOption:u,menuZIndex:999999999999,options:(l==null?void 0:l.map(y=>({value:y.value,label:y.label})))||[],onChange:y=>{var V;const w=(V=t==null?void 0:t.variableOptions)==null?void 0:V.find(D=>D.value===(y==null?void 0:y.value));i==null||i(t.name,y.value,"",{startDate:w==null?void 0:w.startDate,endDate:w==null?void 0:w.endDate})},disableAutoClose:d&&!(f!=null&&f.fromDate&&(f!=null&&f.toDate)),isSearchEnabled:!0,children:t.datatype==="date"&&((I=f==null?void 0:f.range)==null?void 0:I.toLowerCase())==="custom"&&!(f!=null&&f.fromDate&&(f!=null&&f.toDate))?E.jsx("div",{className:GA.customContainer,children:E.jsx(Nu,{datePickerFormat:n==null?void 0:n.datePickerFormat,isEnableSingleDate:f==null?void 0:f.isSingleDate,label:f!=null&&f.isSingleDate?ux:cx,hideDatePickerOptions:o,onChange:y=>{i==null||i(t.name,(f==null?void 0:f.value)||"Custom","",{startDate:y==null?void 0:y.startDate,endDate:y==null?void 0:y.endDate},void 0,y==null?void 0:y.timeGrainValue)},minDate:f!=null&&f.restrictionDateFrom?Vl(f==null?void 0:f.restrictionDateFrom,!0):f==null?void 0:f.minDate,maxDate:f!=null&&f.restrictionDateTo?Vl(f==null?void 0:f.restrictionDateTo):f==null?void 0:f.maxDate,defaultValues:f!=null&&f.startDate&&(f!=null&&f.endDate)?{startDate:new Date(f==null?void 0:f.startDate),endDate:new Date(f==null?void 0:f.endDate),timeGrainValue:(f==null?void 0:f.timeGrainValue)||""}:void 0})}):null})]}):E.jsx(E.Fragment,{})},Cn0=({filter:t,onChangeFilterValue:n,dropdownTheme:i,isFilter:o})=>{var h,I;const[a,s]=X0.useState({min:null,max:null}),r=X0.useRef(null),[C,l]=X0.useState(""),[e,A]=X0.useState(""),u=()=>{var y;s({min:null,max:null}),l(""),A(""),(y=r.current)==null||y.click(),n==null||n(t.name,"","")},f=()=>{var y;if(a.min===null||a.max===null){A("Invalid value");return}n==null||n(t.name,`${a.min} AND ${a.max}`),l(`Between ${a.min} to ${a.max}`),A(""),(y=r.current)==null||y.click()};X0.useEffect(()=>{var y;if(t!=null&&t.value&&typeof(t==null?void 0:t.value)=="string"){const w=(y=t==null?void 0:t.value)==null?void 0:y.split(" AND "),V=Number(w[0]||0),D=Number(w[1]||0);s({min:V,max:D}),l(`Between ${V} to ${D}`)}},[t==null?void 0:t.value]);const d=window.CSS&&CSS.supports("width","clamp(1px, 1px, 1px)"),g=(i==null?void 0:i.variant)??"floating";return E.jsx(E.Fragment,{children:E.jsx(Ll,{position:"bottom-start",buttonWidth:d&&o?`clamp(100px, 13cqw, ${i==null?void 0:i.width})`:(i==null?void 0:i.width)??"200px",menuWidth:"200px",tabMenu:!0,buttonContent:E.jsxs(E.Fragment,{children:[g==="static"&&E.jsx(E.Fragment,{children:o?E.jsx("span",{className:"dbn-inline-block dbn-text-xs dbn-leading-6 dbn-font-medium dbn-font-sans dbn-selectBox-text",children:t==null?void 0:t.name}):E.jsx(A8,{variant:"input-label",color:"primary-title",children:t==null?void 0:t.name})}),E.jsxs("div",{className:GA.numberField,style:{borderRadius:(i==null?void 0:i.radius)||"4px",containerType:"inline-size"},ref:r,"data-testid":(h=t==null?void 0:t.name)==null?void 0:h.toLowerCase().replaceAll(" ","-").concat("-dropdown"),children:[E.jsxs("div",{className:GA.numberFieldLabelText,children:[g==="floating"?o?E.jsx("span",{className:`${[GA.numberFieldLabel,GA.selectedLabel].join(" ")} ${o?"dbn-selectBox-text":""}`,children:t==null?void 0:t.name}):E.jsx("span",{className:`${[GA.numberFieldLabel,GA.selectedLabel].join(" ")}`,children:t==null?void 0:t.name}):null,E.jsx("span",{className:`${GA.rangeValue} ${o?"dbn-selectBox-text":""}`,style:d&&o?{fontSize:"clamp(8px, 9cqw, 14px)"}:{fontSize:"14px"},children:C||"Select a value"})]}),E.jsx(E6,{variant:"popover",containerClass:"dbn-interactive-element",leftIcon:E.jsx(H6,{name:"chevron-down",size:"md",color:"gray"})})]})]}),children:E.jsxs("div",{className:GA.numberFieldWrapper,"data-testid":(I=t==null?void 0:t.name)==null?void 0:I.toLowerCase().replaceAll(" ","-").concat("-menu"),children:[E.jsx(c5,{label:"minimum",type:"number",defaultValue:a.min,className:o?"dbn-selectBox-text":"",isFilter:o,onChange:({target:{value:y}})=>{s(w=>({...w,min:y===""?null:Number(y)}))}}),E.jsx(c5,{label:"maximum",type:"number",isFilter:o,className:o?"dbn-selectBox-text":"",defaultValue:a.max,onChange:({target:{value:y}})=>{s(w=>({...w,max:y===""?null:Number(y)}))}}),E.jsxs("div",{className:"dbn-flex dbn-flex-col dbn-gap-1",children:[e&&E.jsx(A8,{variant:"body-text-2",color:"alert",children:e}),E.jsxs("div",{className:GA.numberFieldFooter,children:[E.jsx(E6,{type:"button",variant:"tertiary",onClick:u,children:"Clear"}),E.jsx(E6,{variant:"primary",type:"button",onClick:f,children:"Save"})]})]})]})})})},fE=({rlsConditions:t,onChangeFilterValue:n,workspaceId:i,clientId:o,className:a,rlsConditionList:s,isAllClient:r,dropdownTheme:C,tenancyLevel:l="TABLE",clientColumnType:e,hideDatePickerOptions:A,zIndex:u,datasourceId:f,globalFilters:d,isFilter:g})=>{var g2,N2,H2,M2,U2,Y2,c0,h0,F0,I0,e0,U0,m0,j0,v1,K2,v3,N1,z1,$3,V7;const h=X0.useMemo(()=>{var p3,a7;return((a7=(p3=t==null?void 0:t.dependOns)==null?void 0:p3.map(p7=>{const X7=s==null?void 0:s.find(H7=>H7.isAddOnMetrics&&H7.datatype===ll&&p7.value===H7.name&&H7.value&&H7.columnName);return{...X7,columnName:(p7==null?void 0:p7.customColumnName)||(X7==null?void 0:X7.columnName)}}))==null?void 0:a7.filter(p7=>p7))||[]},[(H2=(N2=(g2=t==null?void 0:t.dependOns)==null?void 0:g2.map(p3=>{const a7=s==null?void 0:s.find(p7=>p7.isAddOnMetrics&&p7.datatype===ll&&p3.value===p7.name&&p7.value&&p7.columnName);return a7?{...a7,columnName:(p3==null?void 0:p3.customColumnName)||(a7==null?void 0:a7.columnName)}:null}))==null?void 0:N2.filter(p3=>p3))==null?void 0:H2.map(p3=>p3.value)]),I=X0.useMemo(()=>{var p7,X7,H7;const p3=t!=null&&t.dependOn?(s==null?void 0:s.filter(J7=>{var M3;return J7.isAddOnMetrics&&J7.datatype===ll&&((M3=t==null?void 0:t.dependOn)==null?void 0:M3.value)===J7.name&&J7.value&&J7.columnName}))||[]:[];p3==null||p3.push(...h);const a7=(p3==null?void 0:p3.map(J7=>{var M3,i0;return{columnName:((M3=t==null?void 0:t.dependOn)==null?void 0:M3.customColumnName)||J7.columnName,value:Array.isArray(J7.value)?(i0=J7.value)==null?void 0:i0.map(b3=>typeof b3===ll?`'${b3}'`:b3):J7.value,as:J7.datatype}}))||[];return(p7=t==null?void 0:t.client)!=null&&p7.isEnable&&!r?[{columnName:(X7=t==null?void 0:t.client)==null?void 0:X7.columnName,value:o,as:(H7=t==null?void 0:t.client)==null?void 0:H7.as},...a7]:a7},[(M2=s==null?void 0:s.find(p3=>{var a7;return p3.isAddOnMetrics&&p3.datatype===ll&&((a7=t==null?void 0:t.dependOn)==null?void 0:a7.value)===p3.name&&p3.value&&p3.columnName}))==null?void 0:M2.value,t==null?void 0:t.dependOn,o,r,h==null?void 0:h.map(p3=>p3.value)]),y=X0.useMemo(()=>!!t&&!!n,[t]),w=X0.useMemo(()=>y&&["auto","custom"].includes((t==null?void 0:t.filterType)||""),[y,t]),V=X0.useMemo(()=>{var p3;return(t==null?void 0:t.datatype)===ll&&((p3=t==null?void 0:t.filterVariant)==null?void 0:p3.value)},[t]),D=X0.useMemo(()=>(t==null?void 0:t.datatype)===_m&&(t==null?void 0:t.filterType)===Vm2,[t]),P=X0.useMemo(()=>t==null?void 0:t.isVariableFilter,[t]),W=X0.useMemo(()=>t.datatype===_A,[t]),K=X0.useMemo(()=>!(t!=null&&t.filterType),[t]),f2=X0.useMemo(()=>l==="MULTI_DATABASE"&&o||"",[l,o]),T2=Array.isArray(t.value)&&t.value.length?(U2=t.value)==null?void 0:U2.map(p3=>({label:p3,value:p3})):[],C2=Array.isArray(t.selectedDropdownValue)&&t.selectedDropdownValue.length?(Y2=t.selectedDropdownValue)==null?void 0:Y2.map(p3=>({label:p3.label||p3.value,value:p3.value})):[];if(!t)return E.jsx(E.Fragment,{});if(K)return E.jsx(in0,{props:{datasourceId:f,className:a||"",dropdownTheme:C,filter:t,filterClause:I,isVariableFilter:P||!1,onChangeFilterValue:n,workspaceId:i,hideDatePickerOptions:A,isFilter:g,databaseName:f2}});if(W)return P?E.jsx(sn0,{props:{filter:t,dropdownTheme:C,onChangeFilterValue:n,hideDatePickerOptions:A,isFilter:g}}):E.jsx(an0,{props:{dropdownTheme:C,filter:t,onChangeFilterValue:n,hideDatePickerOptions:A,isFilter:g}});if(D)return E.jsx(Cn0,{dropdownTheme:C,filter:t,onChangeFilterValue:n,isFilter:g});if(V)return w?E.jsx(nn0,{props:{appliedFilters:s,isFilter:g,globalFilters:d,datasourceId:f,clientColumnType:e,clientId:o||"",filter:t,filterClause:I,isAllClient:r||!1,onChangeFilterValue:n,tenancyLevel:l,workspaceId:i,dropdownTheme:C,databaseName:f2}}):E.jsx(on0,{props:{dropdownTheme:C,filter:t,onChangeFilterValue:n,isFilter:g}});if(w){const p3=(c0=t==null?void 0:t.selectedCustomOptionTable)==null?void 0:c0.query,a7=(h0=t==null?void 0:t.selectedCustomOptionTable)==null?void 0:h0.columnName,p7=p3&&a7,X7=l===rL,H7=(t==null?void 0:t.optionTableName)||(t==null?void 0:t.tableName)||"",J7=X7?`${o}.${(I0=(F0=H7==null?void 0:H7.split("."))==null?void 0:F0.slice(1))==null?void 0:I0.join(".")}`:H7,M3=p7?{query:Bc({query:p3||"",tenancyLevel:l,clientId:o,isAllClient:r,clientColumnType:e}),alias:CP}:void 0,i0={tableName:p7?"":J7,columnName:p7?a7:(t==null?void 0:t.optionColumnName)||(t==null?void 0:t.columnName)},b3=Array.isArray(t==null?void 0:t.value)&&(t!=null&&t.value.length)?(e0=t==null?void 0:t.value)==null?void 0:e0.map(o8=>({label:o8,value:o8})):[];return P?E.jsx(tE,{databaseName:f2,datasourceId:f,buttonWidth:(C==null?void 0:C.width)||"180px",menuWidth:(C==null?void 0:C.width)||"180px",isFilter:g,dataTestTitle:"metricFilters",radius:C==null?void 0:C.radius,labelVariant:(C==null?void 0:C.variant)||"floating",selectedOption:{label:((U0=t==null?void 0:t.selectedVariableValue)==null?void 0:U0.value)||"",value:((m0=t==null?void 0:t.selectedVariableValue)==null?void 0:m0.value)||""},onChange:o8=>n==null?void 0:n(t.name,o8.value),autoSelected:!1,filter:i0,customTable:M3,label:t.name,workspaceId:i,filterClause:I,isSearchEnabled:!0,isClearEnabled:t==null?void 0:t.isEnableClearSelection,menuZIndex:999999999999}):E.jsx(Ug,{databaseName:f2,datasourceId:f,isFilter:g,buttonWidth:(C==null?void 0:C.width)||"180px",dataTestTitle:"metricFilters",menuWidth:(C==null?void 0:C.width)||"180px",isClearEnabled:t==null?void 0:t.isEnableClearSelection,isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,radius:C==null?void 0:C.radius,labelVariant:(C==null?void 0:C.variant)||"floating",selectedOption:b3,onChange:o8=>n==null?void 0:n(t.name,"","",void 0,o8),filter:i0,isSearchEnabled:!0,label:t.name,workspaceId:i,filterClause:I,customTable:M3,menuZIndex:999999999999})}return P?E.jsx(ce,{label:t.name,labelVariant:(C==null?void 0:C.variant)||"floating",buttonWidth:(C==null?void 0:C.width)||"180px",menuWidth:(C==null?void 0:C.width)||"180px",isFilter:g,dataTestTitle:"metricFilters",radius:C==null?void 0:C.radius,selectedOption:{value:!Array.isArray(t.selectedDropdownValue)&&((v1=t==null?void 0:t.selectedDropdownValue)!=null&&v1.value)?((K2=t.selectedDropdownValue)==null?void 0:K2.value)||"":(v3=t.selectedVariableValue)==null?void 0:v3.value,label:!Array.isArray(t.selectedDropdownValue)&&((N1=t==null?void 0:t.selectedDropdownValue)!=null&&N1.value)?((z1=t.selectedDropdownValue)==null?void 0:z1.label)||"":($3=t.selectedVariableValue)==null?void 0:$3.value},options:((V7=t.variableOptions)==null?void 0:V7.map(p3=>({value:(p3==null?void 0:p3.value)??p3,label:((p3==null?void 0:p3.label)||(p3==null?void 0:p3.value))??p3})))||[],onChange:p3=>n==null?void 0:n(t.name,p3.value),isSearchEnabled:!0,isClearEnabled:t==null?void 0:t.isEnableClearSelection,menuZIndex:999999999999}):E.jsx(ss,{buttonWidth:(C==null?void 0:C.width)||"180px",menuWidth:(C==null?void 0:C.width)||"180px",isFilter:g,dataTestTitle:"metricFilters",radius:C==null?void 0:C.radius,labelVariant:(C==null?void 0:C.variant)||"floating",isAutoSelectAll:t==null?void 0:t.isSelectAllMultiSelectOpts,selectedOption:C2!=null&&C2.length?C2:T2,options:(j0=t.options)==null?void 0:j0.map(p3=>({value:(p3==null?void 0:p3.value)??p3,label:((p3==null?void 0:p3.label)||(p3==null?void 0:p3.value))??p3})),onChange:p3=>{n==null||n(t.name,"","",void 0,p3)},label:t.name,isSearchEnabled:!0,isClearEnabled:t==null?void 0:t.isEnableClearSelection,menuZIndex:999999999999})};T9.memo(fE);var jK=function(t,n){return jK=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,o){i.__proto__=o}||function(i,o){for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(i[a]=o[a])},jK(t,n)};function tg2(t,n){if(typeof n!="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");jK(t,n);function i(){this.constructor=t}t.prototype=n===null?Object.create(n):(i.prototype=n.prototype,new i)}var zK=function(){return zK=Object.assign||function(n){for(var i,o=1,a=arguments.length;o<a;o++){i=arguments[o];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(n[s]=i[s])}return n},zK.apply(this,arguments)};typeof SuppressedError=="function"&&SuppressedError;var dE={},gE={},GK={},rg2;function ln0(){return rg2||(rg2=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=1,i=function(){return"".concat(n++)};t.default=i}(GK)),GK}var eT={},tT={},YK={},ng2;function ig2(){return ng2||(ng2=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(o){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:60,s=null;return function(){for(var r=this,C=arguments.length,l=new Array(C),e=0;e<C;e++)l[e]=arguments[e];clearTimeout(s),s=setTimeout(function(){o.apply(r,l)},a)}};t.default=n}(YK)),YK}var hE={},og2;function WK(){if(og2)return hE;og2=1,Object.defineProperty(hE,"__esModule",{value:!0}),hE.SizeSensorId=hE.SensorTabIndex=hE.SensorClassName=void 0;var t="size-sensor-id";hE.SizeSensorId=t;var n="size-sensor-object";hE.SensorClassName=n;var i="-1";return hE.SensorTabIndex=i,hE}var ag2;function An0(){if(ag2)return tT;ag2=1,Object.defineProperty(tT,"__esModule",{value:!0}),tT.createSensor=void 0;var t=i(ig2()),n=WK();function i(a){return a&&a.__esModule?a:{default:a}}var o=function(s,r){var C=void 0,l=[],e=function(){getComputedStyle(s).position==="static"&&(s.style.position="relative");var h=document.createElement("object");return h.onload=function(){h.contentDocument.defaultView.addEventListener("resize",A),A()},h.style.display="block",h.style.position="absolute",h.style.top="0",h.style.left="0",h.style.height="100%",h.style.width="100%",h.style.overflow="hidden",h.style.pointerEvents="none",h.style.zIndex="-1",h.style.opacity="0",h.setAttribute("class",n.SensorClassName),h.setAttribute("tabindex",n.SensorTabIndex),h.type="text/html",s.appendChild(h),h.data="about:blank",h},A=(0,t.default)(function(){l.forEach(function(g){g(s)})}),u=function(h){C||(C=e()),l.indexOf(h)===-1&&l.push(h)},f=function(){C&&C.parentNode&&(C.contentDocument&&C.contentDocument.defaultView.removeEventListener("resize",A),C.parentNode.removeChild(C),s.removeAttribute(n.SizeSensorId),C=void 0,l=[],r&&r())},d=function(h){var I=l.indexOf(h);I!==-1&&l.splice(I,1),l.length===0&&C&&f()};return{element:s,bind:u,destroy:f,unbind:d}};return tT.createSensor=o,tT}var rT={},sg2;function un0(){if(sg2)return rT;sg2=1,Object.defineProperty(rT,"__esModule",{value:!0}),rT.createSensor=void 0;var t=WK(),n=i(ig2());function i(a){return a&&a.__esModule?a:{default:a}}var o=function(s,r){var C=void 0,l=[],e=(0,n.default)(function(){l.forEach(function(g){g(s)})}),A=function(){var h=new ResizeObserver(e);return h.observe(s),e(),h},u=function(h){C||(C=A()),l.indexOf(h)===-1&&l.push(h)},f=function(){C.disconnect(),l=[],C=void 0,s.removeAttribute(t.SizeSensorId),r&&r()},d=function(h){var I=l.indexOf(h);I!==-1&&l.splice(I,1),l.length===0&&C&&f()};return{element:s,bind:u,destroy:f,unbind:d}};return rT.createSensor=o,rT}var Cg2;function cn0(){if(Cg2)return eT;Cg2=1,Object.defineProperty(eT,"__esModule",{value:!0}),eT.createSensor=void 0;var t=An0(),n=un0(),i=typeof ResizeObserver<"u"?n.createSensor:t.createSensor;return eT.createSensor=i,eT}var lg2;function fn0(){if(lg2)return gE;lg2=1,Object.defineProperty(gE,"__esModule",{value:!0}),gE.removeSensor=gE.getSensor=gE.Sensors=void 0;var t=o(ln0()),n=cn0(),i=WK();function o(l){return l&&l.__esModule?l:{default:l}}var a={};gE.Sensors=a;function s(l){l&&a[l]&&delete a[l]}var r=function(e){var A=e.getAttribute(i.SizeSensorId);if(A&&a[A])return a[A];var u=(0,t.default)();e.setAttribute(i.SizeSensorId,u);var f=(0,n.createSensor)(e,function(){return s(u)});return a[u]=f,f};gE.getSensor=r;var C=function(e){var A=e.element.getAttribute(i.SizeSensorId);e.destroy(),s(A)};return gE.removeSensor=C,gE}var Ag2;function dn0(){if(Ag2)return dE;Ag2=1,Object.defineProperty(dE,"__esModule",{value:!0}),dE.ver=dE.clear=dE.bind=void 0;var t=fn0(),n=function(s,r){var C=(0,t.getSensor)(s);return C.bind(r),function(){C.unbind(r)}};dE.bind=n;var i=function(s){var r=(0,t.getSensor)(s);(0,t.removeSensor)(r)};dE.clear=i;var o="1.0.2";return dE.ver=o,dE}var ug2=dn0();function cg2(t,n){var i={};return n.forEach(function(o){i[o]=t[o]}),i}function _K(t){return typeof t=="function"}function gn0(t){return typeof t=="string"}var XK,fg2;function hn0(){return fg2||(fg2=1,XK=function t(n,i){if(n===i)return!0;if(n&&i&&typeof n=="object"&&typeof i=="object"){if(n.constructor!==i.constructor)return!1;var o,a,s;if(Array.isArray(n)){if(o=n.length,o!=i.length)return!1;for(a=o;a--!==0;)if(!t(n[a],i[a]))return!1;return!0}if(n.constructor===RegExp)return n.source===i.source&&n.flags===i.flags;if(n.valueOf!==Object.prototype.valueOf)return n.valueOf()===i.valueOf();if(n.toString!==Object.prototype.toString)return n.toString()===i.toString();if(s=Object.keys(n),o=s.length,o!==Object.keys(i).length)return!1;for(a=o;a--!==0;)if(!Object.prototype.hasOwnProperty.call(i,s[a]))return!1;for(a=o;a--!==0;){var r=s[a];if(!t(n[r],i[r]))return!1}return!0}return n!==n&&i!==i}),XK}var En0=hn0();const Ly=du(En0);var pn0=function(t){tg2(n,t);function n(i){var o=t.call(this,i)||this;return o.echarts=i.echarts,o.ele=null,o.isInitialResize=!0,o}return n.prototype.componentDidMount=function(){this.renderNewEcharts()},n.prototype.componentDidUpdate=function(i){var o=this.props.shouldSetOption;if(!(_K(o)&&!o(i,this.props))){if(!Ly(i.theme,this.props.theme)||!Ly(i.opts,this.props.opts)||!Ly(i.onEvents,this.props.onEvents)){this.dispose(),this.renderNewEcharts();return}var a=["option","notMerge","lazyUpdate","showLoading","loadingOption"];Ly(cg2(this.props,a),cg2(i,a))||this.updateEChartsOption(),(!Ly(i.style,this.props.style)||!Ly(i.className,this.props.className))&&this.resize()}},n.prototype.componentWillUnmount=function(){this.dispose()},n.prototype.getEchartsInstance=function(){return this.echarts.getInstanceByDom(this.ele)||this.echarts.init(this.ele,this.props.theme,this.props.opts)},n.prototype.dispose=function(){if(this.ele){try{ug2.clear(this.ele)}catch(i){console.warn(i)}this.echarts.dispose(this.ele)}},n.prototype.renderNewEcharts=function(){var i=this,o=this.props,a=o.onEvents,s=o.onChartReady,r=this.updateEChartsOption();this.bindEvents(r,a||{}),_K(s)&&s(r),this.ele&&ug2.bind(this.ele,function(){i.resize()})},n.prototype.bindEvents=function(i,o){function a(r,C){gn0(r)&&_K(C)&&i.on(r,function(l){C(l,i)})}for(var s in o)Object.prototype.hasOwnProperty.call(o,s)&&a(s,o[s])},n.prototype.updateEChartsOption=function(){var i=this.props,o=i.option,a=i.notMerge,s=a===void 0?!1:a,r=i.lazyUpdate,C=r===void 0?!1:r,l=i.showLoading,e=i.loadingOption,A=e===void 0?null:e,u=this.getEchartsInstance();return u.setOption(o,s,C),l?u.showLoading(A):u.hideLoading(),u},n.prototype.resize=function(){var i=this.getEchartsInstance();if(!this.isInitialResize)try{i.resize()}catch(o){console.warn(o)}this.isInitialResize=!1},n.prototype.render=function(){var i=this,o=this.props,a=o.style,s=o.className,r=s===void 0?"":s,C=zK({height:300},a);return T9.createElement("div",{ref:function(l){i.ele=l},style:C,className:"echarts-for-react "+r})},n}(X0.PureComponent),$p=function(t){tg2(n,t);function n(i){var o=t.call(this,i)||this;return o.echarts=IG2,o}return n}(pn0);const na={"table-loader-container":"_table-loader-container_4pqpz_1",tableData:"_tableData_4pqpz_7",tableHeadCol:"_tableHeadCol_4pqpz_19",resizer:"_resizer_4pqpz_31",resizing:"_resizing_4pqpz_43",tableRowCol:"_tableRowCol_4pqpz_55",truncateText:"_truncateText_4pqpz_63",row:"_row_4pqpz_71",container:"_container_4pqpz_77",table:"_table_4pqpz_1",previewTable:"_previewTable_4pqpz_89",preview:"_preview_4pqpz_89",searchButton:"_searchButton_4pqpz_101",noData:"_noData_4pqpz_113",error:"_error_4pqpz_119",stripedRow:"_stripedRow_4pqpz_137",rowHover:"_rowHover_4pqpz_143",tableBorderRight:"_tableBorderRight_4pqpz_155",tableBorderBottom:"_tableBorderBottom_4pqpz_163",sortButton:"_sortButton_4pqpz_175",searchTab:"_searchTab_4pqpz_181",searchTabInput:"_searchTabInput_4pqpz_187",badge:"_badge_4pqpz_253",list:"_list_4pqpz_259",listItem:"_listItem_4pqpz_271",listItemDiv:"_listItemDiv_4pqpz_277",truncateIcon:"_truncateIcon_4pqpz_283",listVal:"_listVal_4pqpz_301",legendContainer:"_legendContainer_4pqpz_307",legend:"_legend_4pqpz_307",sortIcon:"_sortIcon_4pqpz_321",pagination:"_pagination_4pqpz_235",rowStyle:"_rowStyle_4pqpz_341",pageStyle:"_pageStyle_4pqpz_359",buttonContainer:"_buttonContainer_4pqpz_365",pageBtns:"_pageBtns_4pqpz_371",pageInfo:"_pageInfo_4pqpz_377",btnHover:"_btnHover_4pqpz_383"},vn0=({value:t,onChange:n,debounce:i=500,...o})=>{const[a,s]=X0.useState(t);return X0.useEffect(()=>{s(t)},[t]),X0.useEffect(()=>{const r=setTimeout(()=>{n(a)},i);return()=>clearTimeout(r)},[i,n,a]),E.jsx("div",{className:`${na.searchTab} ${o.className||""}`,children:E.jsx("input",{...o,value:a,onChange:r=>s(r.target.value),className:na.searchTabInput})})},In0={loader:"_loader_18vf8_5"},Ac=({bottomText:t})=>E.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-flex dbn-flex-col dbn-gap-3 dbn-justify-center dbn-items-center",children:[E.jsxs("div",{className:In0.loader,children:[E.jsx("div",{}),E.jsx("div",{}),E.jsx("div",{})]}),t&&E.jsx("div",{children:t})]}),mn0=uK(),bn0=({data:t,isLoading:n,error:i,tableSettings:o,className:a="",onColumnSizingChange:s,onChartReady:r,stackCols:C,colors:l,showLabels:e,onChangePage:A,setChartSettings:u,dropdownZindex:f,additionalSettings:d})=>{var V7,p3,a7,p7,X7,H7,J7,M3;const g=l!=null&&l.length?l:["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],[h,I]=X0.useState(","),[y,w]=X0.useState(","),[V,D]=X0.useState([]),[P,W]=X0.useState(!1),[K,f2]=X0.useState(1);X0.useEffect(()=>{o!=null&&o.badgeSeparator?I(o.badgeSeparator):I(",")},[o==null?void 0:o.badgeSeparator]),X0.useEffect(()=>{o!=null&&o.listSeparator?w(o.listSeparator):w(",")},[o==null?void 0:o.listSeparator]);const{badgeDivStyle:T2,listDivStyle:C2,headerStyle:g2}=X0.useMemo(()=>{var m8;const i0=(o==null?void 0:o.lineGap)==="small"?"1rem":(o==null?void 0:o.lineGap)==="medium"?"1.9rem":(o==null?void 0:o.lineGap)==="large"?"2rem":"2.5rem",b3=(o==null?void 0:o.lineGap)==="small"?"0.75rem":(o==null?void 0:o.lineGap)==="medium"?"0.85rem":(o==null?void 0:o.lineGap)==="large"?"0.90rem":"1rem",o8={width:"100%",height:i0,fontSize:b3,display:"flex",alignItems:"center",justifyContent:o!=null&&o.contentAlignment?`${o.contentAlignment}`:"",gap:1},q7={width:"100%",fontSize:b3,display:"flex",alignItems:"start",justifyContent:"center",flexDirection:"column",gap:1,height:"80px"},P7={width:"100%",color:((m8=o==null?void 0:o.customHeaderColor)==null?void 0:m8.textColor)||"#6B7280",fontSize:b3,height:i0,lineHeight:i0,textAlign:(o==null?void 0:o.headerAlignment)||"center",fontWeight:o!=null&&o.headerFontBold?"600":"400"};return{badgeDivStyle:o8,listDivStyle:q7,headerStyle:P7}},[o==null?void 0:o.lineGap,o==null?void 0:o.contentAlignment,(V7=o==null?void 0:o.customHeaderColor)==null?void 0:V7.textColor,o==null?void 0:o.headerAlignment,o==null?void 0:o.headerFontBold]),N2=(i0,b3,o8)=>{if(b3&&o8&&Object.keys(b3).includes(i0)&&Object.keys(o8).includes(i0))return{backgroundColor:b3[i0],color:o8[i0]};if(b3&&Object.keys(b3).includes(i0))return{backgroundColor:b3[i0]};if(o8&&Object.keys(o8).includes(i0))return{color:o8[i0]}},[H2,M2]=X0.useState(o==null?void 0:o.columnSizing),[U2,Y2]=X0.useState(""),[c0,h0]=X0.useState({pageIndex:0,pageSize:10}),[F0,I0]=X0.useState({label:(o==null?void 0:o.defaultRowSize)||((p3=UC.tableSettings)==null?void 0:p3.defaultRowSize)||"100",value:(o==null?void 0:o.defaultRowSize)||((a7=UC.tableSettings)==null?void 0:a7.defaultRowSize)||"100"});X0.useEffect(()=>{s==null||s(H2)},[H2]),X0.useEffect(()=>{if(!(o!=null&&o.defaultRowSize))return;const i0=dh.find(b3=>b3.value===o.defaultRowSize);if(i0)Number(i0.value)>1e3?I0(dh.at(-1)):I0(i0);else{const b3=dh.find(o8=>{var q7;return o8.value===((q7=UC.tableSettings)==null?void 0:q7.defaultRowSize)});I0(b3)}},[o==null?void 0:o.defaultRowSize]);const e0=X0.useMemo(()=>!t||!Array.isArray(t)?[]:t,[t]),U0=i0=>{const b3={};return Object.keys(i0).sort().forEach(o8=>{b3[o8]=i0[o8]}),b3},m0=X0.useMemo(()=>o!=null&&o.isSortAlphabetically?e0==null?void 0:e0.map(i0=>U0(i0)):e0,[e0,o==null?void 0:o.isSortAlphabetically]),j0=X0.useMemo(()=>{var i0;return(i0=o==null?void 0:o.hStackTrendOptions)==null?void 0:i0.map(b3=>b3==null?void 0:b3.column)},[o==null?void 0:o.hStackTrendOptions]),v1=X0.useMemo(()=>{var i0,b3;return(b3=(i0=Object.keys(m0[0]||{}))==null?void 0:i0.filter(o8=>!(C!=null&&C.includes(o8))))==null?void 0:b3.map(o8=>mn0.accessor(o8,{header:()=>o8,cell:q7=>{const P7=q7.row.original[o8];return typeof P7=="object"?JSON.stringify(P7):typeof P7=="boolean"?P7?"true":"false":P7},sortingFn:"manualSorting"}))},[m0[0]]),K2=xK({data:m0,columns:v1,state:{globalFilter:U2,sorting:V,pagination:c0,...H2?{columnSizing:H2}:{}},sortingFns:{manualSorting:ld2},enableGlobalFilter:!0,getCoreRowModel:MK(),onSortingChange:D,getFilteredRowModel:TK(),getSortedRowModel:rd2(),onGlobalFilterChange:Y2,debugTable:!1,enableColumnResizing:!0,columnResizeMode:"onChange",manualPagination:!0,onColumnSizingChange:M2,onPaginationChange:h0});X0.useEffect(()=>{K2.setPageSize(Number(F0.value))},[F0,K2]),X0.useEffect(()=>{f2((c0==null?void 0:c0.pageIndex)+1)},[c0==null?void 0:c0.pageIndex]);const v3=X0.useMemo(()=>{const i0=U2?K2.getRowModel().rows.length:(t==null?void 0:t.length)||0,b3=i0===0?0:(c0==null?void 0:c0.pageSize)*(c0==null?void 0:c0.pageIndex)+1,o8=i0<=(c0==null?void 0:c0.pageSize)*((c0==null?void 0:c0.pageIndex)+1)?i0:(c0==null?void 0:c0.pageSize)*((c0==null?void 0:c0.pageIndex)+1);return{from:b3,to:o8,total:i0}},[K2,U2,m0==null?void 0:m0.length,c0==null?void 0:c0.pageIndex,c0==null?void 0:c0.pageSize]);X0.useEffect(()=>{K2.getIsSomeColumnsVisible()&&(r==null||r())},[K2.getIsSomeColumnsVisible()]);const N1=(i0,b3)=>b3!=null&&b3.includes(i0)?na.badge:"",z1=(i0,b3)=>b3!=null&&b3.includes(i0)?na.list:"";X0.useEffect(()=>{var o8,q7;const i0=(o8=K2.getState())==null?void 0:o8.sorting,b3=(i0==null?void 0:i0.length)>0;((q7=U2==null?void 0:U2[0])!=null&&q7.length||b3)&&K2.setPageIndex(0)},[U2==null?void 0:U2[0],(p7=K2.getState())==null?void 0:p7.sorting]);const $3=X0.useMemo(()=>{const i0=K2.getRowModel().rows;if(!(C!=null&&C.length)||!i0.length)return 100;const b3=i0.map(o8=>C.reduce((q7,P7)=>{const m8=o8.original[P7];return q7+(typeof m8=="number"&&!isNaN(m8)?m8:0)},0));return b3.length>0?Math.max(...b3):100},[K2.getRowModel().rows.length,C]);return E.jsxs("div",{className:`${na.container} ${a}`,children:[t!=null&&t.length&&(C!=null&&C.length)&&C.length>0?E.jsxs("div",{className:na.previewTable,children:[o!=null&&o.enableTableSearch||o!=null&&o.showTableTitle||o!=null&&o.tableTitle?E.jsxs("div",{className:(X7=o==null?void 0:o.tableTitle)!=null&&X7.length?na.preview:na.searchButton,children:[(H7=o==null?void 0:o.tableTitle)!=null&&H7.length?E.jsx(A8,{variant:"body-text-2",children:o.tableTitle}):null,E.jsxs("div",{className:"dbn-flex dbn-flex-col dbn-gap-2",children:[(o==null?void 0:o.enableTableSearch)&&E.jsx("div",{className:"dbn-w-full dbn-flex dbn-justify-end",children:E.jsx(vn0,{value:U2,onChange:i0=>Y2(String(i0)),placeholder:"Search"})}),C!=null&&C.length?E.jsx("div",{className:"dbn-flex dbn-gap-2 dbn-justify-end",children:C==null?void 0:C.map((i0,b3)=>E.jsxs("div",{className:na.legendContainer,children:[E.jsx("div",{style:{backgroundColor:g[b3]||"#000000"},className:na.legend}),E.jsx(A8,{variant:"label",children:i0})]}))}):null]})]}):null,E.jsxs("div",{className:na.tableData,children:[n&&!(t!=null&&t.length)&&E.jsx("div",{className:na["table-loader-container"],children:E.jsx(Ac,{})}),m0!=null&&m0.length?E.jsx(uk,{style:{height:"100%"},children:E.jsxs("table",{className:na.table,children:[E.jsx("thead",{className:"dbn-relative dbn-z-10",children:(J7=K2.getHeaderGroups())==null?void 0:J7.map(i0=>{var b3,o8;return E.jsxs("tr",{className:na.row,style:{backgroundColor:o!=null&&o.hideTableHeader?"":(b3=o==null?void 0:o.customHeaderColor)==null?void 0:b3.color},children:[(o8=i0.headers)==null?void 0:o8.map(q7=>{var P7;return E.jsxs("th",{className:na.tableHeadCol,colSpan:q7.colSpan,style:{width:q7.getSize(),backgroundColor:o!=null&&o.hideTableHeader?"":(P7=o==null?void 0:o.customHeaderColor)==null?void 0:P7.color},children:[E.jsx("button",{onMouseDown:q7.getResizeHandler(),onTouchStart:q7.getResizeHandler(),onDoubleClick:q7.column.resetSize,className:`${na.resizer} ${q7.column.getIsResizing()?na.resizing:""}`,type:"button",title:"Resize Column"}),o!=null&&o.enableSorting?E.jsxs("div",{className:q7.column.getCanSort()?na.sortButton:"",onClick:q7.column.getToggleSortingHandler(),children:[q7.isPlaceholder?null:E.jsx("div",{style:g2,className:na.truncateText,children:o!=null&&o.hideTableHeader?null:rh(q7.column.columnDef.header,q7.getContext())}),E.jsx("div",{className:`dbn-interactive-element ${na.sortIcon}`,onClick:()=>{q7.column.getIsSorted()&&K2.setPageIndex(0)},children:{asc:E.jsx(H6,{name:"caret-up-fill"}),desc:E.jsx(H6,{name:"caret-down-fill"})}[q7.column.getIsSorted()]??E.jsx(H6,{name:"caret-up-down"})})]}):E.jsx(E.Fragment,{children:q7.isPlaceholder?null:E.jsx("div",{style:g2,className:na.truncateText,children:o!=null&&o.hideTableHeader?null:rh(q7.column.columnDef.header,q7.getContext())})})]},q7.id)}),C.length?E.jsx("th",{scope:"col",style:{...g2,paddingLeft:"2rem",paddingRight:"2rem",height:"3rem"},children:o!=null&&o.hideTableHeader?"":o==null?void 0:o.stackColAlias}):null]},i0.id)})}),E.jsx("tbody",{children:(M3=o!=null&&o.disablePagination?K2.getSortedRowModel().rows:K2.getSortedRowModel().rows.slice(c0.pageSize*c0.pageIndex,c0.pageSize*(1+c0.pageIndex)))==null?void 0:M3.map((i0,b3)=>{var o8;return E.jsxs("tr",{className:`${na.tableRow} ${o!=null&&o.showRowHover?na.rowHover:""} ${o!=null&&o.enableStripedRows&&Number(b3)%2!==0?na.stripedRow:""}`,children:[(o8=i0.getVisibleCells())==null?void 0:o8.map((q7,P7)=>{var $7,R8,f6,k6,b9,F9,s6,D9,o5,a4,L5,o4,B5,F6;if(!(j0==null?void 0:j0.includes(q7.column.id))){let J1=[],Z9="",p8=[];N1(q7.column.id,o==null?void 0:o.badgeColumns)?(Z9=typeof q7.getValue()=="object"?JSON.stringify(q7.getValue()):q7.getValue(),($7=Z9==null?void 0:Z9.toString())!=null&&$7.includes(h)?J1=(R8=Z9==null?void 0:Z9.toString())==null?void 0:R8.split(h):J1=[Z9]):z1(q7.column.id,o==null?void 0:o.listColumns)&&(Z9=typeof q7.getValue()=="object"?JSON.stringify(q7.getValue()):q7.getValue(),(f6=Z9==null?void 0:Z9.toString())!=null&&f6.includes(y)?(p8=(k6=Z9==null?void 0:Z9.toString())==null?void 0:k6.split((o==null?void 0:o.listSeparator)||","),J1=p8.length>3?[p8[0],p8[1],p8[2]]:p8):J1=[Z9]);const l6=hk({rules:((F9=(b9=o==null?void 0:o.conditionalFormatting)==null?void 0:b9.find(({columnName:w7})=>{var O7;return w7===((O7=q7==null?void 0:q7.column)==null?void 0:O7.id)}))==null?void 0:F9.rules)||[],value:typeof q7.getValue()=="object"?JSON.stringify(q7.getValue()):q7.getValue()}),S8=!((s6=Object.keys(l6))!=null&&s6.length)&&((D9=o==null?void 0:o.badgeColumns)!=null&&D9.includes(q7.column.id))?N2(q7.column.id,o==null?void 0:o.badgeColors,o==null?void 0:o.badgeTextColors):l6;let S6="",F3=((S8==null?void 0:S8.isApplyBadgeColor)||!!(!(S8!=null&&S8.isApplyBgColor)&&(S8!=null&&S8.badgeColor)))&&!!((o5=Object.keys(l6))!=null&&o5.length);F3?S6=S8==null?void 0:S8.badgeColor:(a4=o==null?void 0:o.badgeColumns)!=null&&a4.includes(q7.column.id)&&(S6=(L5=N2(q7.column.id,o==null?void 0:o.badgeColors,o==null?void 0:o.badgeTextColors))==null?void 0:L5.backgroundColor);let Y3=l6;if("backgroundColor"in l6&&F3){const{backgroundColor:w7,...O7}=l6;Y3=O7}return E.jsxs("td",{className:`${na.tableRowCol} ${o!=null&&o.hideVerticalDivider?"":na.tableBorderRight} ${o!=null&&o.hideHorizontalDivider?"":na.tableBorderBottom}`,title:typeof q7.getValue()=="object"?JSON.stringify(q7.getValue()):`${q7.getValue()}`,children:[!!o&&E.jsx("div",{style:N1(q7.column.id,o.listColumns)?{...C2,...Y3}:{...T2,...Y3},children:(o4=Z9==null?void 0:Z9.toString())!=null&&o4.includes(h)||(B5=Z9==null?void 0:Z9.toString())!=null&&B5.includes(y)?E.jsxs(E.Fragment,{children:[J1==null?void 0:J1.map(w7=>E.jsx(E.Fragment,{children:N1(q7.column.id,o.badgeColumns)?E.jsx("span",{className:`${na.truncateText} ${N1(q7.column.id,o.badgeColumns)}`,style:{fontFamily:o==null?void 0:o.contentFont,color:(o==null?void 0:o.contentColor)||"#222c3a",...S8,fontWeight:(o==null?void 0:o.contentWeight)||500,backgroundColor:S6||""},children:w7},w7):E.jsxs("div",{className:`${na.truncateText} ${na.listItemDiv}`,children:[E.jsx("div",{className:na.listItem,style:{backgroundColor:(o==null?void 0:o.contentColor)||"#000000"}}),E.jsx("div",{className:na.listVal,style:{fontFamily:o==null?void 0:o.contentFont,color:(o==null?void 0:o.contentColor)||"#222c3a",fontWeight:(o==null?void 0:o.contentWeight)||500},children:w7})]},w7)})),N1(q7.column.id,o.listColumns)&&p8.length>3&&E.jsx("span",{className:na.truncateIcon,children:E.jsx(H6,{name:"horizontal-rule"})})]}):E.jsx("span",{className:`${na.truncateText} ${N1(q7.column.id,o.badgeColumns)||F3?na.badge:""}`,style:{fontFamily:o==null?void 0:o.contentFont,color:(o==null?void 0:o.contentColor)||"#222c3a",...S8,fontWeight:(o==null?void 0:o.contentWeight)||500,backgroundColor:S6||""},children:rh(q7.column.columnDef.cell,q7.getContext())})}),!o&&E.jsx("div",{style:{textAlign:"center",width:"100%"},children:rh(q7.column.columnDef.cell,q7.getContext())})]},q7.id)}const x8=q7.getValue(),I1=x8==null?void 0:x8[0],i3=(x8==null?void 0:x8[0])!==null&&typeof(x8==null?void 0:x8[0])=="object"&&!Array.isArray(x8[0]),l7=(F6=o==null?void 0:o.hStackTrendOptions)==null?void 0:F6.find(J1=>J1.column===q7.column.id),M7=i3?Object.keys(I1??{}):[],n7=(l7==null?void 0:l7.xAxis)||"",_3=i3&&!!(M7!=null&&M7.includes(n7)),W7=(l7==null?void 0:l7.yAxis)||"",s8=i3&&!!(M7!=null&&M7.includes(W7)),E8=i3&&_3?x8==null?void 0:x8.map(J1=>J1==null?void 0:J1[n7]):[],F8=[...g].reverse();return E.jsx("td",{className:`${na.tableRowCol} ${o!=null&&o.hideVerticalDivider?"":na.tableBorderRight} ${o!=null&&o.hideHorizontalDivider?"":na.tableBorderBottom}`,children:E.jsx($p,{style:{width:"100%",height:"60%"},option:{tooltip:{show:!0,appendToBody:!0,confine:!0,backgroundColor:"black",textStyle:{color:"white"},formatter:J1=>{var S6;const Z9=Array.isArray(J1)?J1==null?void 0:J1[0]:J1,p8=(Z9==null?void 0:Z9.seriesName)||"",l6=Z9==null?void 0:Z9.value,S8=Z9==null?void 0:Z9.name;if((S6=o==null?void 0:o.formattedColumns)!=null&&S6.includes(q7.column.id)&&(o!=null&&o.isEnableNumberFormatting)){const F3=Q5(l5(l6,o==null?void 0:o.tableFormatter),o==null?void 0:o.tablePrefix,o==null?void 0:o.tableSuffix);return`${S8||p8}: ${F3}`}return`${S8||p8}: ${l6}`}},color:F8==null?void 0:F8[P7],xAxis:{show:!1,data:E8,type:"category"},yAxis:{show:!1,type:"value"},grid:{left:"0%",right:"10%",top:"0%",bottom:"0%",containLabel:e},series:{type:"bar",name:s8?W7:"trend",data:x8,label:{show:!1,position:d==null?void 0:d.labelPosition,formatter(J1){var Z9,p8,l6;return(Z9=o==null?void 0:o.formattedColumns)!=null&&Z9.includes(W7)&&(o!=null&&o.isEnableNumberFormatting)?Q5(l5((p8=J1==null?void 0:J1.data)==null?void 0:p8.value,o==null?void 0:o.tableFormatter),o==null?void 0:o.tablePrefix,o==null?void 0:o.tableSuffix):(l6=J1==null?void 0:J1.data)==null?void 0:l6.value}},emphasis:{focus:"series"},itemStyle:{borderRadius:d==null?void 0:d.barRadius},...d!=null&&d.barWidth?{barWidth:`${(d==null?void 0:d.barWidth)||0}%`}:{}}},className:a,notMerge:!0})},`${i0.id}-${q7.column.id}`)}),C.length?E.jsx("td",{className:`${na.tableRowCol} ${o!=null&&o.hideVerticalDivider?"":na.tableBorderRight} ${o!=null&&o.hideHorizontalDivider?"":na.tableBorderBottom}`,children:E.jsx($p,{style:{width:"100%",height:"40%"},option:{tooltip:{show:!0,appendToBody:!0,confine:!0,backgroundColor:"black",textStyle:{color:"white"},formatter:q7=>{var I1;const P7=Array.isArray(q7)?q7==null?void 0:q7[0]:q7,m8=(P7==null?void 0:P7.seriesName)||"",x8=P7==null?void 0:P7.value;if((I1=o==null?void 0:o.formattedColumns)!=null&&I1.includes(m8)&&(o!=null&&o.isEnableNumberFormatting)){const i3=Q5(l5(x8,o==null?void 0:o.tableFormatter),o==null?void 0:o.tablePrefix,o==null?void 0:o.tableSuffix);return`${m8}: ${i3}`}return`${m8}: ${x8}`}},color:g,xAxis:{show:!1,type:"value",min:0,max:$3,...(d==null?void 0:d.labelPosition)!=="bottom"?{axisLabel:{show:!1},axisLine:{show:!1},axisTick:{show:!1}}:{}},yAxis:{show:!1,type:"category"},grid:{left:"0%",right:"10%",top:"0%",bottom:"10%",containLabel:e},series:C==null?void 0:C.map(q7=>{var P7;return{type:"bar",name:q7,data:[{name:q7,value:(P7=i0==null?void 0:i0.original)==null?void 0:P7[q7]}],stack:"stack1",label:{show:e,position:d==null?void 0:d.labelPosition,formatter(m8){var x8,I1,i3;return(x8=o==null?void 0:o.formattedColumns)!=null&&x8.includes(q7)&&(o!=null&&o.isEnableNumberFormatting)?Q5(l5((I1=m8==null?void 0:m8.data)==null?void 0:I1.value,o==null?void 0:o.tableFormatter),o==null?void 0:o.tablePrefix,o==null?void 0:o.tableSuffix):(i3=m8==null?void 0:m8.data)==null?void 0:i3.value}},emphasis:{focus:"series"},itemStyle:{borderRadius:d==null?void 0:d.barRadius},...d!=null&&d.barWidth?{barWidth:`${(d==null?void 0:d.barWidth)||0}%`}:{}}})},className:a,notMerge:!0})},i0.id):null]},i0.id)})})]})}):null]}),m0!=null&&m0.length&&(C!=null&&C.length)&&C.length>0&&!(o!=null&&o.disablePagination)?E.jsxs("div",{className:na.pagination,children:[E.jsx("div",{className:`dbn-interactive-element ${na.rowStyle}`,children:E.jsx(ce,{id:"rows-per-page",customButton:E.jsxs("div",{className:"dbn-flex dbn-gap-3",title:F0==null?void 0:F0.value,children:[E.jsx(A8,{variant:"body-text-3",children:"Rows per page:"}),E.jsx(A8,{variant:"body-text-3",children:F0==null?void 0:F0.value})]}),className:"dbn-border-none",onChange:i0=>{I0(i0),A==null||A(!1,parseInt(i0.value,10)),u==null||u(b3=>({...b3,tableSettings:{...b3.tableSettings,defaultRowSize:i0.value}}))},selectedOption:F0,options:dh,labelVariant:"static",menuWidth:"120px",buttonWidth:(F0==null?void 0:F0.value)==="1000"?"165px":"150px",menuZIndex:f})}),E.jsxs("span",{className:na.pageStyle,children:[v3.from,"-",v3.to," of ",v3.total]}),E.jsx("div",{className:"dbn-interactive-element dbn-flex dbn-gap-2 dbn-justify-center dbn-items-center",children:E.jsxs("div",{className:na.buttonContainer,children:[E.jsx(E6,{id:"jump-to-start",className:na.btnHover,variant:"popover",type:"button",onClick:()=>{K2.setPageIndex(0)},isDisabled:v3.from<=1,children:E.jsx(H6,{size:"small",name:"double-arrow-left"})}),E.jsxs("div",{className:na.pageBtns,children:[E.jsx(E6,{id:"jump-to-prev",className:`${na.btnHover} dbn-border-none dbn-rounded-r-none`,variant:"popover",type:"button",onClick:()=>{K2.previousPage()},isDisabled:v3.from<=1,style:{height:"calc(1.75rem - 1.6px)"},children:E.jsx(H6,{size:"small",name:"caret-left"})}),E.jsx("div",{className:na.pageInfo,children:P?E.jsx(c5,{type:"number",value:K,min:1,max:K2.getPageCount(),onChange:i0=>{let b3=Math.min(Number(i0.target.value),K2.getPageCount());b3===0&&(b3=1),f2(b3)},onKeyDown:i0=>{i0.key=="Enter"&&(K2.setPageIndex(K-1),W(!1))},style:{height:"calc(1.75rem - 1.6px)"},className:"dbn-text-xs dbn-w-full dbn-rounded-none",containerClassName:"dbn-border-none dbn-outline-none "}):E.jsxs("div",{className:"dbn-flex dbn-gap-1 dbn-px-1 dbn-overflow-x-hidden",onClick:()=>W(!0),title:`${((c0==null?void 0:c0.pageIndex)||0)+1} of ${K2.getPageCount()}`,children:[E.jsx(A8,{variant:"body-text-3",className:"dbn-font-medium dbn-truncate",children:((c0==null?void 0:c0.pageIndex)||0)+1}),E.jsx(A8,{variant:"body-text-3",className:"dbn-font-medium",children:"of"}),E.jsx(A8,{variant:"body-text-3",className:"dbn-font-medium dbn-truncate",children:K2.getPageCount()})]})}),E.jsx(E6,{id:"jump-to-next",className:`${na.btnHover} dbn-border-none dbn-rounded-l-none`,variant:"popover",type:"button",onClick:()=>{K2.nextPage()},isDisabled:v3.to>=v3.total,style:{height:"calc(1.75rem - 1.6px)"},children:E.jsx(H6,{size:"small",name:"caret-right"})})]}),E.jsx(E6,{id:"jump-to-end",className:na.btnHover,variant:"popover",type:"button",onClick:()=>{K2.setPageIndex(K2.getPageCount()-1)},isDisabled:v3.to>=v3.total,children:E.jsx(H6,{size:"small",name:"double-arrow-right"})})]})})]}):null]}):null,(!(t!=null&&t.length)||!(C!=null&&C.length))&&!n&&!i.length&&E.jsxs("div",{className:na.noData,children:[E.jsx("img",{src:Am,alt:"no-data",width:"200px",height:"200px"}),E.jsx(A8,{variant:"body-text-1",children:"No data available"}),E.jsx(A8,{variant:"body-text-1",children:"Generate your query to visualise data"})]}),i&&E.jsx("div",{className:na.error,children:E.jsx(A8,{variant:"body-text-1",children:i})})]})},dA={container:"_container_1ytuf_1",borderLessContainer:"_borderLessContainer_1ytuf_7",chartClickAction:"_chartClickAction_1ytuf_25",comparisonDiv:"_comparisonDiv_1ytuf_33",comparisonValue:"_comparisonValue_1ytuf_41",positiveComparisonText:"_positiveComparisonText_1ytuf_49",negativeComparisonText:"_negativeComparisonText_1ytuf_55",comparisonPeriod:"_comparisonPeriod_1ytuf_61",valueContainer:"_valueContainer_1ytuf_67",leftAlign:"_leftAlign_1ytuf_73",rightAlign:"_rightAlign_1ytuf_79",singleValue:"_singleValue_1ytuf_85",subHeader:"_subHeader_1ytuf_91",buttonText:"_buttonText_1ytuf_111",chartUnavailable:"_chartUnavailable_1ytuf_131",noChart:"_noChart_1ytuf_139"},Bn0=({value:t,settings:n,chartClickConfig:i,hideBorder:o,className:a="",onChartReady:s,comparisonValue:r,trendLineOptions:C,events:l,originalValue:e,variables:A,language:u,translationDictionary:f,setHoverSubHeader:d,onChartClickWithMetric:g})=>{const[h,I]=X0.useState(""),y=X0.useRef(null),w=X0.useRef(null),{valueFont:V,subHeaderFont:D,changeVariableFont:P,changeIconSize:W}=X0.useMemo(()=>{const M2={fontSize:`${(n==null?void 0:n.subHeaderFontSize)||14}px`,fontWeight:(n==null?void 0:n.subHeaderFontWeight)||"400",color:(n==null?void 0:n.subHeaderFontColor)||"#717171"},U2={fontSize:`${(n==null?void 0:n.fontSize)||30}px`,color:h},Y2=F0=>F0<=16?F0+4:F0<=24?F0+6:F0+8,c0={fontSize:`${(n==null?void 0:n.comparisonValueFontSize)||12}px`,lineHeight:`${Y2(n==null?void 0:n.comparisonValueFontSize)}px`,fontWeight:"500"},h0=`${(n==null?void 0:n.comparisonValueFontSize)||12}px`;return{valueFont:U2,subHeaderFont:M2,changeVariableFont:c0,changeIconSize:h0}},[n==null?void 0:n.subHeaderFontSize,n==null?void 0:n.subHeaderFontWeight,n==null?void 0:n.subHeaderFontColor,n==null?void 0:n.fontSize,h]),K=X0.useMemo(()=>{if(!t)return"empty";const M2=t.toString().replace(/[\r\n\t]/g,"").replace(/\s+/g,"").replace(/[^a-zA-Z0-9]/g,"");if(M2.length===0)return"empty-empty";const U2=M2.slice(0,4),Y2=M2.slice(-4);return`${U2}-${Y2}`.toLowerCase()},[t]);X0.useEffect(()=>{const M2=new ResizeObserver(()=>{var U2,Y2;(Y2=(U2=w==null?void 0:w.current)==null?void 0:U2.getEchartsInstance())==null||Y2.resize()});return y!=null&&y.current&&(M2==null||M2.observe(y==null?void 0:y.current)),()=>M2==null?void 0:M2.disconnect()},[]),X0.useEffect(()=>{(t||n)&&(s==null||s())},[t,n]),X0.useEffect(()=>{var U2,Y2,c0;let M2=!1;if((U2=n==null?void 0:n.conditionalFormatter)!=null&&U2.length&&e){const h0=(Y2=n==null?void 0:n.conditionalFormatter)==null?void 0:Y2.filter(I0=>!(I0!=null&&I0.type)||(I0==null?void 0:I0.type)==="range"),F0=(c0=n==null?void 0:n.conditionalFormatter)==null?void 0:c0.filter(I0=>(I0==null?void 0:I0.type)==="string");if(typeof e=="number"&&(h0!=null&&h0.length)&&(h0==null||h0.forEach(I0=>{var e0;(!(I0!=null&&I0.type)||I0.type==="range")&&((e0=I0==null?void 0:I0.min)!=null&&e0.toString())&&(I0!=null&&I0.max)&&I0.min<=Number(e)&&(I0==null?void 0:I0.max)>=Number(e)&&(I((I0==null?void 0:I0.color)??(n==null?void 0:n.fontColor)??"#000000"),M2=!0)})),typeof e=="string"&&(F0!=null&&F0.length)){const I0=hk({rules:F0==null?void 0:F0.map(e0=>({operator:(e0==null?void 0:e0.operator)||"isEqualTo",styles:e0==null?void 0:e0.color,value:(e0==null?void 0:e0.text)||""})),value:e});I0&&typeof I0!="object"&&(I(I0??(n==null?void 0:n.fontColor)??"#000000"),M2=!0)}}M2||I((n==null?void 0:n.fontColor)||"#000000")},[n==null?void 0:n.conditionalFormatter,n==null?void 0:n.fontColor,e]);const f2=X0.useMemo(()=>n!=null&&n.isEnableTruncate?mC(t.toString(),(n==null?void 0:n.truncateValue)||0):t,[t,n==null?void 0:n.isEnableTruncate,n==null?void 0:n.truncateValue]),T2=X0.useMemo(()=>n!=null&&n.prefix?HC({text:rl((n==null?void 0:n.prefix)||"^^^^^",A),selectedLanguage:u,translationDictionary:f}):"",[A,n==null?void 0:n.prefix,u,f]),C2=X0.useMemo(()=>n!=null&&n.suffix?HC({text:rl((n==null?void 0:n.suffix)||"^^^^^",A),selectedLanguage:u,translationDictionary:f}):"",[A,n==null?void 0:n.suffix,u,f]),g2=()=>{var F0,I0,e0,U0,m0,j0,v1,K2;const M2=`valueContainer-${K}`,U2=`singleValue-${K}`,Y2=document.querySelector(`[data-testid="${M2}"]`)||((I0=(F0=document.querySelector("dbn-dashboard"))==null?void 0:F0.shadowRoot)==null?void 0:I0.querySelector(`[data-testid="${M2}"]`))||((U0=(e0=document.querySelector("dbn-metric"))==null?void 0:e0.shadowRoot)==null?void 0:U0.querySelector(`[data-testid="${M2}"]`)),c0=document.querySelector(`[data-testid="${U2}"]`)||((j0=(m0=document.querySelector("dbn-dashboard"))==null?void 0:m0.shadowRoot)==null?void 0:j0.querySelector(`[data-testid="${U2}"]`))||((K2=(v1=document.querySelector("dbn-metric"))==null?void 0:v1.shadowRoot)==null?void 0:K2.querySelector(`[data-testid="${U2}"]`));if(!Y2||!c0)return;let h0=30;for(c0.style.fontSize=h0+"px";((c0==null?void 0:c0.scrollWidth)>(Y2==null?void 0:Y2.clientWidth)||(c0==null?void 0:c0.scrollHeight)>(Y2==null?void 0:Y2.clientHeight))&&(h0--,!(h0<=1));)c0.style.fontSize=h0+"px"};X0.useEffect(()=>{var M2,U2,Y2,c0;if(window.removeEventListener("resize",g2),!(n!=null&&n.fontSize)&&K){g2(),window.addEventListener("resize",g2);const h0=new ResizeObserver(()=>{g2()}),F0=`valueContainer-${K}`,I0=document.querySelector(`[data-testid="${F0}"]`)||((U2=(M2=document.querySelector("dbn-dashboard"))==null?void 0:M2.shadowRoot)==null?void 0:U2.querySelector(`[data-testid="${F0}"]`))||((c0=(Y2=document.querySelector("dbn-metric"))==null?void 0:Y2.shadowRoot)==null?void 0:c0.querySelector(`[data-testid="${F0}"]`));return I0&&h0.observe(I0),()=>{window.removeEventListener("resize",g2),h0.disconnect()}}},[n==null?void 0:n.fontSize,K]),X0.useEffect(()=>{if(!(n!=null&&n.fontSize)&&K){const M2=setTimeout(()=>{g2()},100);return()=>clearInterval(M2)}},[K,n==null?void 0:n.fontSize]);const{alignmentClass:N2,subAlignmentClass:H2}=X0.useMemo(()=>{const M2=(n==null?void 0:n.alignment)==="left"?dA.leftAlign:(n==null?void 0:n.alignment)==="right"?dA.rightAlign:"",U2=(n==null?void 0:n.subHeaderAlignment)==="left"?dA.leftAlign:(n==null?void 0:n.subHeaderAlignment)==="right"?dA.rightAlign:"";return{alignmentClass:M2||"",subAlignmentClass:U2||""}},[n==null?void 0:n.alignment,n==null?void 0:n.subHeaderAlignment]);return E.jsxs("div",{className:`${a} ${o?dA.borderLessContainer:dA.container}`,style:{background:(n==null?void 0:n.metricCardColor)||""},children:[E.jsxs("div",{className:`${dA.valueContainer} ${n!=null&&n.subHeaderShow&&(n!=null&&n.displayText)?"dbn-mt-1 dbn-justify-start":""} ${N2} `,onContextMenu:M2=>M2.preventDefault(),style:{background:(n==null?void 0:n.metricCardColor)||""},"data-testid":`valueContainer-${K}`,children:[E.jsxs("div",{style:V,onClick:M2=>{g?g():i!=null&&i.isEnable?l.click():l.contextmenu()},onContextMenu:M2=>{g?g():i!=null&&i.isEnable?l.click():l.contextmenu()},className:`${i!=null&&i.isEnable?dA.chartClickAction:""} ${dA.singleValue}`,"data-testid":`singleValue-${K}`,children:[T2,f2,C2]}),(n==null?void 0:n.subHeaderShow)&&E.jsx("div",{className:`dbn-w-full dbn-flex dbn-flex-col ${H2}`,children:E.jsx(as,{text:n==null?void 0:n.displayText,position:"bottom",isSingleLineTxt:!1,className:"dbn-max-w-full",children:E.jsx("div",{style:D,onClick:()=>{i&&FK(i,(n==null?void 0:n.displayText)||"")},className:dA.subHeader,onMouseEnter:()=>d==null?void 0:d(!0),onMouseLeave:()=>d==null?void 0:d(!1),children:n==null?void 0:n.displayText})})})]}),r&&!r.includes("NaN")&&E.jsxs("div",{className:dA.comparisonDiv,style:{background:(n==null?void 0:n.metricCardColor)||""},children:[(n==null?void 0:n.comparisonTimePeriod)&&E.jsxs("span",{className:dA.comparisonPeriod,children:["vs",n!=null&&n.comparisonMapValue?` ${n==null?void 0:n.comparisonMapValue}`:` Last ${n.comparisonTimePeriod} ${n.comparisonTimeGrain}`]}),E.jsx("div",{style:P,className:dA.comparisonValue,children:E.jsxs("span",{style:P,className:parseFloat(r.toString())>0?n!=null&&n.upVariant&&(n==null?void 0:n.upVariant)==="danger"?dA.negativeComparisonText:dA.positiveComparisonText:n!=null&&n.downVariant&&(n==null?void 0:n.downVariant)==="success"?dA.positiveComparisonText:dA.negativeComparisonText,children:[parseFloat(r.toString())>0?E.jsx(H6,{name:"arrow-up-2",color:(n==null?void 0:n.upVariant)==="danger"?"warning-badge-txt":"success-badge-txt",width:W,height:W}):E.jsx(H6,{name:"arrow-down-2",color:(n==null?void 0:n.downVariant)==="success"?"success-badge-txt":"warning-badge-txt",width:W,height:W}),r," ",n==null?void 0:n.comparisonSuffix]})})]}),r&&!r.includes("NaN")&&C&&E.jsx("div",{ref:y,style:{width:"100%",height:"100%"},children:E.jsx($p,{ref:w,style:{width:"100%",height:"100%"},option:C,notMerge:!0})})]})},yn0=T9.memo(Bn0),Cs={tableData:"_tableData_1w6zb_1",tableScroll:"_tableScroll_1w6zb_7",tableScrollV3:"_tableScrollV3_1w6zb_13",tableSet:"_tableSet_1w6zb_19",tableHeadCol:"_tableHeadCol_1w6zb_25",row:"_row_1w6zb_37",tableRowCol:"_tableRowCol_1w6zb_49",tableMetricHeadCol:"_tableMetricHeadCol_1w6zb_55",rowP2:"_rowP2_1w6zb_107",rowP3:"_rowP3_1w6zb_113",tableHeadColP2:"_tableHeadColP2_1w6zb_119",tableHeadColP3:"_tableHeadColP3_1w6zb_125",tableRowColP2:"_tableRowColP2_1w6zb_131",tableRowColP3:"_tableRowColP3_1w6zb_139",rowHoverP2:"_rowHoverP2_1w6zb_145",sortContainer:"_sortContainer_1w6zb_159",sortButtons:"_sortButtons_1w6zb_167",marginBottom:"_marginBottom_1w6zb_173"},Ln0=({data:t,pivotTableSettings:n,onChartReady:i})=>{X0.useEffect(()=>{(t!=null&&t.length||n)&&(i==null||i())},[t,i,n]);const o=(n==null?void 0:n.rows)||[],a=(n==null?void 0:n.columns)||[],s=QY(t,a,o);return E.jsx("div",{className:Cs.tableData,children:E.jsx("div",{className:Cs.tableScroll,children:E.jsx("div",{className:Cs.tableSet,children:E.jsxs("table",{role:"grid",children:[E.jsxs("thead",{children:[E.jsxs("tr",{className:Cs.row,children:[E.jsx("td",{className:Cs.tableHeadCol,children:"metric"}),o==null?void 0:o.map(r=>E.jsx("td",{colSpan:t.length,rowSpan:1,className:Cs.tableMetricHeadCol,children:r},r))]}),a==null?void 0:a.map((r,C)=>E.jsxs("tr",{className:Cs.row,children:[E.jsx("td",{className:Cs.tableHeadCol,children:r}),o==null?void 0:o.map(()=>{var l;return(l=s[r])==null?void 0:l.map((e,A)=>{var u;return E.jsx("td",{colSpan:e.count,rowSpan:1,className:Cs.tableHeadCol,children:(u=e.name)==null?void 0:u.toString()},A)})})]},C))]}),E.jsx("tbody",{children:E.jsxs("tr",{children:[E.jsx("th",{colSpan:1,className:Cs.tableHeadCol,children:"value"}),o==null?void 0:o.map(r=>{var C;return(C=s[r])==null?void 0:C.map((l,e)=>E.jsx("td",{role:"gridcell",className:Cs.tableRowCol,children:Bh(l.name,!0)},e))})]})})]})})})})},wn0=({props:{columns:t,data:n,rows:i,headerSettings:o,formatSettings:a}})=>{const s=X0.useMemo(()=>t.filter(A=>!i.includes(A)),[t,i]),[r,C]=X0.useState({}),l=A=>{C(u=>({...u,[A]:!u[A]}))},e=(A,u=0,f="")=>{if(u>=i.length)return A==null?void 0:A.map((h,I)=>E.jsx("tr",{className:"dbn-border-b dbn-border-secondary",children:s==null?void 0:s.map((y,w)=>{var P,W;const V=(a==null?void 0:a.isEnableFormatting)&&((P=a==null?void 0:a.formatColumns)==null?void 0:P.includes(y));let D=(W=h[y])==null?void 0:W.toString();return V&&(D=Q5(l5(D,a==null?void 0:a.numberFormatter),a==null?void 0:a.prefix,a==null?void 0:a.suffix)),E.jsx("td",{className:`dbn-py-2.5 dbn-text-sm ${w===0?"":"dbn-px-4"}`,style:w==0?{paddingLeft:u*20+28}:{},children:E.jsx(A8,{variant:"body-text-2",className:"dbn-text-txt-light",children:D})},y)})},f+I));const d=i[u],g=Array.from(new Set(A==null?void 0:A.map(h=>h[d])));return g==null?void 0:g.map(h=>{const I=`${f}${h}_`,y=r[I];return E.jsxs(T9.Fragment,{children:[E.jsx("tr",{className:`${Cs.tableRowColP3}`,style:{backgroundColor:y&&u===0?"#F7F7F7":""},onClick:()=>l(I),children:E.jsx("td",{colSpan:s.length,className:"hover:dbn-cursor-pointer",style:{paddingLeft:u===0?8:u*21},children:E.jsxs(bC,{className:"dbn-px-4 dbn-py-2.5 dbn-gap-2",children:[E.jsx(E6,{variant:"popover",className:`dbn-flex dbn-items-center ${y?"":"-dbn-rotate-90"}`,children:E.jsx(H6,{name:"caret-down-fill"})}),d,": ",h]})})}),y&&e(A.filter(w=>w[d]===h),u+1,I)]},I)})};return E.jsx("div",{className:Cs.tableData,children:E.jsx("div",{className:Cs.tableScrollV3,children:E.jsx("div",{className:Cs.tableSet,children:E.jsxs("table",{className:"dbn-w-full dbn-h-full",children:[E.jsx("thead",{children:E.jsx("tr",{className:Cs.rowP3,children:s==null?void 0:s.map((A,u)=>E.jsx("th",{className:Cs.tableHeadColP3,style:{backgroundColor:o!=null&&o.isEnabled?o.color:"",color:o==null?void 0:o.textColor,paddingLeft:u===0?"28px":"",paddingRight:u===(s==null?void 0:s.length)-1?"28px":""},children:A},`${A}-${u}`))})}),E.jsx("tbody",{children:e(n)})]})})})})},Qn0=({chartType:t,text:n="This chart is no longer available.",subText:i})=>{var a,s;const o=(s=(a=_O.flatMap(r=>r.value))==null?void 0:a.find(r=>{var C;return((C=r.name)==null?void 0:C.toLowerCase())===t}))==null?void 0:s.disabledIcon;return E.jsxs("div",{className:dA.chartUnavailable,children:[E.jsx("img",{src:o,alt:"chart-not-available",className:dA.noChart}),E.jsxs("div",{className:"dbn-flex dbn-flex-col dbn-gap-1 dbn-items-center",children:[E.jsx(A8,{variant:"sec-heading-4",color:"primary",children:n}),E.jsx(A8,{variant:"body-text-3",color:"gray",children:i})]})]})},KK=({echartsInstance:t,optionsObj:n,params:i,isGantt:o})=>{var l,e,A,u,f,d,g,h,I,y,w,V,D,P,W;if(!t||t.isDisposed()||!(i!=null&&i.name))return;const a=(t==null?void 0:t.id)||"default-chart",s=window;s!=null&&s.chartSelections||(s.chartSelections={}),(l=s==null?void 0:s.chartSelections)!=null&&l[a]||(s.chartSelections[a]={items:{},isFirstClick:!0},(A=(e=n==null?void 0:n.legend)==null?void 0:e.data)==null||A.forEach(K=>{typeof K!="object"&&(s.chartSelections[a].items[K]=!0),typeof K=="object"&&(s.chartSelections[a].items[K==null?void 0:K.name]=!0)}));const r=(u=s==null?void 0:s.chartSelections)==null?void 0:u[a];r!=null&&r.isFirstClick?((d=(f=n==null?void 0:n.legend)==null?void 0:f.data)==null||d.forEach(K=>{typeof K!="object"&&(r.items[K]=K===(i==null?void 0:i.name)),typeof K=="object"&&(r.items[K==null?void 0:K.name]=(K==null?void 0:K.name)===(i==null?void 0:i.name))}),r.isFirstClick=!1):r.items[i.name]=!((g=r==null?void 0:r.items)!=null&&g[i==null?void 0:i.name]),Object.values((r==null?void 0:r.items)||{}).every(K=>!K)&&((h=Object.keys((r==null?void 0:r.items)||[]))!=null&&h.length)&&((y=(I=n==null?void 0:n.legend)==null?void 0:I.data)==null||y.forEach(K=>{typeof K!="object"&&(r.items[K]=!0),typeof K=="object"&&(r.items[K==null?void 0:K.name]=!0)}),r.isFirstClick=!0);try{if(o){const K=Object.entries(r.items||{}).filter(([C2,g2])=>g2===!0).map(([C2])=>C2),f2=(D=(V=(w=n==null?void 0:n.series)==null?void 0:w[0])==null?void 0:V.data)==null?void 0:D.filter(C2=>K==null?void 0:K.includes(C2==null?void 0:C2.name)),T2=[{...(P=n==null?void 0:n.series)==null?void 0:P[0],data:f2},...(W=n==null?void 0:n.series)==null?void 0:W.slice(1)];t.setOption({legend:{...n==null?void 0:n.legend,selected:r==null?void 0:r.items},...o?{series:T2}:{}})}else t.setOption({legend:{...n==null?void 0:n.legend,selected:r==null?void 0:r.items}})}catch(K){console.error("Failed to update chart options",K)}},Mn0=T9.memo(({chartHeight:t,hasDecreasedHeight:n,config:i,chartOptions:o,options:a,className:s,events:r,chartRef:C})=>{const l=T9.useMemo(()=>({width:"100%",height:n&&(t||0)>=6?"100px":n&&!t?"40%":"100%"}),[t,n]),e=T9.useMemo(()=>{var A,u;return(u=(A=o.customSettings)==null?void 0:A.chartZoom)!=null&&u.isZoomEnabled?{...a,animation:!0}:{...a,animation:!1}},[o,a]);return E.jsx($p,{style:l,...i,option:e,className:s,onEvents:{...r,legendselectchanged:(A,u)=>{KK({echartsInstance:u,optionsObj:e,params:A,isGantt:(o==null?void 0:o.chartType)===M0.gantt})}},ref:C,notMerge:!0})},(t,n)=>!(t.chartHeight!==n.chartHeight||t.hasDecreasedHeight!==n.hasDecreasedHeight||t.className!==n.className||JSON.stringify(t.config)!==JSON.stringify(n.config)||JSON.stringify(t.events)!==JSON.stringify(n.events)||JSON.stringify(t.chartOptions)!==JSON.stringify(n.chartOptions)||JSON.stringify(t.options)!==JSON.stringify(n.options))),wy=T9.memo(({chartOptions:t,data:n,events:i,colors:o,config:a,className:s,isShowFullScreen:r,isShowFullScreenEnabled:C,sortOrder:l,onMaximize:e,onDrillPivotTable:A,pivotDrillState:u,isPythonMode:f,seriesName:d="",isSortReversed:g,chartHeight:h,chartAppearance:I,metricCardColor:y,isMetricCard:w,isDashboard:V,externalGlobalFilter:D,setExternalGlobalFilter:P,variables:W,language:K,translationDictionary:f2,setHoverSubHeader:T2,drilldownCols:C2,isEnableDrillDown:g2,dateFilter:N2,chartFontSettings:H2,downloadData:M2,isDownloading:U2,generatingPdf:Y2})=>{var I1,i3,l7,M7,n7,_3,W7,s8,E8,F8,$7,R8,f6,k6,b9,F9,s6,D9,o5,a4,L5,o4,B5,F6,J1,Z9,p8,l6,S8,S6,F3,Y3,w7,O7,r7,m7,u8,N8;const[c0,h0]=X0.useState(),F0=X0.useRef(null),I0=X0.useRef(null),e0=X0.useMemo(()=>{let M8=n;return l===C22&&(M8=n.sort((X8,i7)=>X8[d]-i7[d])),l===l22&&(M8=n.sort((X8,i7)=>i7[d]-X8[d])),g&&(M8=[...M8].reverse()),yS({isDashboard:V,chartOptions:t,data:M8,colors:o,geoJsonData:c0,isPythonMode:f,chartHeight:h,chartAppearance:I,chartRef:F0,metricCardColor:y,language:K,translationDictionary:f2,drilldownCols:C2,isEnableDrillDown:g2,dateFilter:N2,chartFontSettings:H2})},[n,JSON.stringify(H2),JSON.stringify(t),JSON.stringify(o),c0,l,d,g,h,I,F0,y,f2,K,C2,g2,N2,V]),[U0,m0]=X0.useState(e0),[j0,v1]=X0.useState(e0==null?void 0:e0.geoOption),[K2,v3]=X0.useState(e0),[N1,z1]=X0.useState(0),[$3,V7]=X0.useState(0),[p3,a7]=X0.useState(0),[p7,X7]=X0.useState([]),[H7,J7]=X0.useState(!1),M3=X0.useMemo(()=>[M0.indianMap,M0.geoBarMap,M0.geoMap,M0.geoScatterMap,M0.worldMap].includes(t.chartType),[t.chartType]),i0=X0.useMemo(()=>[M0.worldMap,M0.indianMap].includes((t==null?void 0:t.chartType)||"")&&c0&&n.length&&(t==null?void 0:t.xAxis),[c0,n.length,t==null?void 0:t.xAxis,t.chartType]);X0.useEffect(()=>{if(M3){const M8=[M0.geoBarMap,M0.geoMap,M0.geoScatterMap].includes(t.chartType);h0(null),M8?Promise.resolve().then(()=>tl0).then(X8=>h0(X8.default)):(t==null?void 0:t.chartType)===M0.indianMap?Promise.resolve().then(()=>rl0).then(X8=>h0(X8.default)):Promise.resolve().then(()=>nl0).then(X8=>h0(X8.default))}},[t.chartType]),X0.useEffect(()=>{var M8;(M8=t.customSettings)!=null&&M8.showDynamicBehaviour&&t.chartType&&m0(yS({isDashboard:V,chartOptions:t,data:n.slice(0,10),colors:o,isPythonMode:f,language:K,translationDictionary:f2,dateFilter:N2}))},[t,o,n,K,f2,N2,V]),X0.useEffect(()=>{var i7;let M8=10,X8=0;if((i7=t.customSettings)!=null&&i7.showDynamicBehaviour){const J8=setInterval(()=>{if(M8>=n.length){m0(a9=>({...a9,animation:!1})),clearInterval(J8);return}const m6=n.slice(X8,M8+10),i9=yS({isDashboard:V,chartOptions:t,data:m6,colors:o,isPythonMode:f,translationDictionary:f2,language:K,dateFilter:N2});m0(i9),M8+=10,X8+=5},1e3);return()=>clearInterval(J8)}},[t,n,o,f2,K,N2,V]);const b3=X0.useMemo(()=>[M0.linearGauge,M0.progressBar].includes(t==null?void 0:t.chartType),[t.chartType]);let o8=!0,q7;X0.useEffect(()=>{const M8=setTimeout(()=>{var J8,m6,i9,a9,i6,O3,r5,D6,q6,n6,d4,B4;const X8=(a==null?void 0:a.ref)??I0,i7=(J8=X8==null?void 0:X8.current)==null?void 0:J8.getEchartsInstance();if(!(!i7||qO.includes((t==null?void 0:t.chartType)||"")))try{const g4=(i6=(a9=(i9=(m6=i7._componentsViews)==null?void 0:m6.find(y6=>(y6==null?void 0:y6.type)==="grid"))==null?void 0:i9.__model)==null?void 0:a9.coordinateSystem)==null?void 0:i6._rect;g4!=null&&g4.width&&a7(g4.width);const L4=(O3=i7._componentsViews)==null?void 0:O3.find(y6=>(y6==null?void 0:y6.type)==="legend.scroll"||(y6==null?void 0:y6.type)==="legend.plain"),y5=((D6=(r5=L4==null?void 0:L4._backgroundEl)==null?void 0:r5.shape)==null?void 0:D6.width)||0,O5=((n6=(q6=L4==null?void 0:L4._backgroundEl)==null?void 0:q6.shape)==null?void 0:n6.height)||0;!((d4=t==null?void 0:t.legendSettings)!=null&&d4.customise)&&((B4=t==null?void 0:t.legendSettings)!=null&&B4.show)?(z1(y5),V7(O5)):(z1(0),V7(0))}catch(g4){console.error("Error accessing chart properties:",g4)}},300);return()=>clearTimeout(M8)},[a==null?void 0:a.ref,I0,t,qO]),X0.useEffect(()=>{const M8=setTimeout(()=>{var J8,m6,i9,a9,i6,O3,r5,D6,q6,n6,d4,B4,g4,L4,y5,O5,y6,B9,h6,d6,T6,z5,s9,H5,x9,K5,W5,u6,X9,k9,M9,Y9,s5,_5,g5,S9,j4,X4,P4,st,$4,ve,ie,ye,g9,N5,C4,Z4,fe,Ce,o1,A3,K3,D3,t8,C3,C7,d7,j7,_8,j3,f7,T8,a6,l3,_7,i8,K8,g6,u9,$6,V9,P9,j9,J5,N4,h4,y4,Ct,Qt,tr,mr,An,un,Zi,Ti,Fi,oo,ao,Ui,so,Io,Mo,_e;const X8=(m6=(J8=(a==null?void 0:a.ref)??I0)==null?void 0:J8.current)==null?void 0:m6.getEchartsInstance();let i7=e0;if(X8&&!qO.includes((t==null?void 0:t.chartType)||"")){const cr=(X8==null?void 0:X8.getWidth())||0,tn=(X8==null?void 0:X8.getHeight())||0,ui=((i6=(a9=(i9=e0==null?void 0:e0.xAxis)==null?void 0:i9[0])==null?void 0:a9.data)==null?void 0:i6.length)||((r5=(O3=e0==null?void 0:e0.xAxis)==null?void 0:O3.data)==null?void 0:r5.length)||0,zi=p3/ui*.7/((D6=e0==null?void 0:e0.series)==null?void 0:D6.length),Gi=[M0.bar].includes(t==null?void 0:t.chartType)&&((t==null?void 0:t.isDynamicSeries)&&(t==null?void 0:t.seriesField)!=="ungrouped"||(t==null?void 0:t.seriesField)!=="ungrouped"),xi=(n6=(q6=t==null?void 0:t.customSettings)==null?void 0:q6.chartZoom)!=null&&n6.isZoomEnabled&&["xy","y"].includes(((B4=(d4=t==null?void 0:t.customSettings)==null?void 0:d4.chartZoom)==null?void 0:B4.zoomAxis)||"")?40:0,br=(g4=t==null?void 0:t.legendSettings)==null?void 0:g4.disableScroll,o6=((y5=(L4=t==null?void 0:t.customSettings)==null?void 0:L4.chartZoom)==null?void 0:y5.isZoomEnabled)&&["x","xy"].includes(((y6=(O5=t==null?void 0:t.customSettings)==null?void 0:O5.chartZoom)==null?void 0:y6.zoomAxis)||""),e6=o6?40:0;let r9=0,B6=0;if(w22.includes(((B9=t==null?void 0:t.legendSettings)==null?void 0:B9.fixedPosition)||"")&&(r9=$3/tn*100||0),hx.includes(((h6=t==null?void 0:t.legendSettings)==null?void 0:h6.fixedPosition)||"")&&(B6=$3/tn*100||0),(d6=(a==null?void 0:a.ref)??I0)!=null&&d6.current&&((T6=t==null?void 0:t.legendSettings)==null?void 0:T6.position)==="vertical"&&ab2.includes(((z5=t==null?void 0:t.legendSettings)==null?void 0:z5.fixedPosition)||"")&&(t==null?void 0:t.chartType)!==M0.horizontalCombo)if((t==null?void 0:t.chartType)===M0.combo||(t==null?void 0:t.chartType)===M0.timeSeries&&((x9=(H5=(s9=t==null?void 0:t.timeSeriesSettings)==null?void 0:s9.seriesType)==null?void 0:H5[0])==null?void 0:x9.type)==="combo"){let v9=(((e0==null?void 0:e0.leftOffset)+5||0)+xi)/cr*100,N6=((e0==null?void 0:e0.rightOffset)+5||0)/cr*100;Ih.includes(((K5=t==null?void 0:t.legendSettings)==null?void 0:K5.fixedPosition)||"")&&(N6=((e0==null?void 0:e0.rightOffset)+5||0)/cr*100,v9=(N1+((e0==null?void 0:e0.leftOffset)+5||0))/cr*100),tb.includes(((W5=t==null?void 0:t.legendSettings)==null?void 0:W5.fixedPosition)||"")&&(N6=(N1+((e0==null?void 0:e0.rightOffset)+5||0))/cr*100,v9=((e0==null?void 0:e0.leftOffset)+5||0)/cr*100);const W9=(X9=(u6=t==null?void 0:t.customSettings)==null?void 0:u6.chartZoom)!=null&&X9.isZoomEnabled?(k9=e0==null?void 0:e0.dataZoom)==null?void 0:k9.map(E5=>{var r6;return E5.orient==="vertical"?{...E5,left:Ih.includes(((r6=t==null?void 0:t.legendSettings)==null?void 0:r6.fixedPosition)||"")?N1:5}:E5}):e0==null?void 0:e0.dataZoom;i7={...e0,grid:{...e0==null?void 0:e0.grid,left:`${(((M9=t==null?void 0:t.margins)==null?void 0:M9.marginLeft)||0)+v9}%`,right:`${(((Y9=t==null?void 0:t.margins)==null?void 0:Y9.marginRight)||0)+N6}%`},...(_5=(s5=t==null?void 0:t.customSettings)==null?void 0:s5.chartZoom)!=null&&_5.isZoomEnabled?{dataZoom:W9}:{}}}else{const v9=N1/cr*100,N6=(S9=(g5=t==null?void 0:t.customSettings)==null?void 0:g5.chartZoom)!=null&&S9.isZoomEnabled?(j4=e0==null?void 0:e0.dataZoom)==null?void 0:j4.map(W9=>{var E5;return W9.orient==="vertical"?{...W9,left:Ih.includes(((E5=t==null?void 0:t.legendSettings)==null?void 0:E5.fixedPosition)||"")?N1:5}:W9}):e0==null?void 0:e0.dataZoom;i7={...e0,grid:{...e0==null?void 0:e0.grid,...Ih.includes(((X4=t==null?void 0:t.legendSettings)==null?void 0:X4.fixedPosition)||"")?{left:`${(((P4=t==null?void 0:t.margins)==null?void 0:P4.marginLeft)||0)+v9}%`,right:`${((st=t==null?void 0:t.margins)==null?void 0:st.marginRight)||0}%`}:{},...($4=t==null?void 0:t.legendSettings)!=null&&$4.position&&tb.includes(((ve=t==null?void 0:t.legendSettings)==null?void 0:ve.fixedPosition)||"")?{left:`${((ie=t==null?void 0:t.margins)==null?void 0:ie.marginLeft)||0}%`,right:`${(((ye=t==null?void 0:t.margins)==null?void 0:ye.marginRight)||0)+v9}%`}:{}},...(N5=(g9=t==null?void 0:t.customSettings)==null?void 0:g9.chartZoom)!=null&&N5.isZoomEnabled&&Ih.includes(((C4=t==null?void 0:t.legendSettings)==null?void 0:C4.fixedPosition)||"")?{dataZoom:N6}:{},...Gi?{series:(Z4=e0==null?void 0:e0.series)==null?void 0:Z4.map((W9,E5)=>({...W9,barWidth:zi,itemStyle:{...W9.itemStyle,color:e0.colors[E5]}}))}:{}}}else if((fe=(a==null?void 0:a.ref)??I0)!=null&&fe.current&&(t==null?void 0:t.chartType)===M0.horizontalCombo){const v9=N1/cr*100;let N6=((e0==null?void 0:e0.bottomOffset)||0)/tn*100,W9=((e0==null?void 0:e0.topOffset)||0)/tn*100;hx.includes(((Ce=t==null?void 0:t.legendSettings)==null?void 0:Ce.fixedPosition)||"")&&((o1=t==null?void 0:t.legendSettings)==null?void 0:o1.position)==="horizontal"&&(W9=((e0==null?void 0:e0.topOffset)+5||0)/tn*100,N6=(($3||25)+((e0==null?void 0:e0.bottomOffset)+5||0))/tn*100),w22.includes(((A3=t==null?void 0:t.legendSettings)==null?void 0:A3.fixedPosition)||"")&&((K3=t==null?void 0:t.legendSettings)==null?void 0:K3.position)==="horizontal"&&(W9=(($3||25)+((e0==null?void 0:e0.topOffset)+5||0))/tn*100,N6=((e0==null?void 0:e0.bottomOffset)+5||0)/tn*100);const E5=(t8=(D3=t==null?void 0:t.customSettings)==null?void 0:D3.chartZoom)!=null&&t8.isZoomEnabled?(C3=e0==null?void 0:e0.dataZoom)==null?void 0:C3.map(r6=>{var C9;return r6.orient==="horizontal"?{...r6,bottom:hx.includes(((C9=t==null?void 0:t.legendSettings)==null?void 0:C9.fixedPosition)||"")?$3:5}:r6}):e0==null?void 0:e0.dataZoom;i7={...e0,grid:{...e0==null?void 0:e0.grid,top:`${(((C7=t==null?void 0:t.margins)==null?void 0:C7.marginTop)||0)+W9}%`,bottom:`${(((d7=t==null?void 0:t.margins)==null?void 0:d7.marginBottom)||0)+N6+(o6?5:0)}%`,...Ih.includes(((j7=t==null?void 0:t.legendSettings)==null?void 0:j7.fixedPosition)||"")&&((_8=t==null?void 0:t.legendSettings)==null?void 0:_8.position)==="vertical"?{left:`${(((j3=t==null?void 0:t.margins)==null?void 0:j3.marginLeft)||0)+v9}%`,right:`${((f7=t==null?void 0:t.margins)==null?void 0:f7.marginRight)||0}%`}:{},...(T8=t==null?void 0:t.legendSettings)!=null&&T8.position&&tb.includes(((a6=t==null?void 0:t.legendSettings)==null?void 0:a6.fixedPosition)||"")&&((l3=t==null?void 0:t.legendSettings)==null?void 0:l3.position)==="vertical"?{left:`${((_7=t==null?void 0:t.margins)==null?void 0:_7.marginLeft)||0}%`,right:`${(((i8=t==null?void 0:t.margins)==null?void 0:i8.marginRight)||0)+v9}%`}:{}},...(g6=(K8=t==null?void 0:t.customSettings)==null?void 0:K8.chartZoom)!=null&&g6.isZoomEnabled?{dataZoom:E5}:{}}}else{const v9=((u9=t==null?void 0:t.legendSettings)==null?void 0:u9.position)==="horizontal"&&hx.includes((($6=t==null?void 0:t.legendSettings)==null?void 0:$6.fixedPosition)||""),N6=v9&&(e6+$3)/cr*100||0,W9=(P9=(V9=t==null?void 0:t.customSettings)==null?void 0:V9.chartZoom)!=null&&P9.isZoomEnabled?(j9=e0==null?void 0:e0.dataZoom)==null?void 0:j9.map(E5=>E5.orient==="horizontal"?{...E5,bottom:$3}:E5):null;if((t==null?void 0:t.chartType)===M0.combo||(t==null?void 0:t.chartType)===M0.timeSeries&&((h4=(N4=(J5=t==null?void 0:t.timeSeriesSettings)==null?void 0:J5.seriesType)==null?void 0:N4[0])==null?void 0:h4.type)==="combo"){const E5=(((e0==null?void 0:e0.leftOffset)||0)+xi)/cr*100,r6=((e0==null?void 0:e0.rightOffset)||0)/cr*100;i7={...e0,...(Ct=(y4=t==null?void 0:t.customSettings)==null?void 0:y4.chartZoom)!=null&&Ct.isZoomEnabled&&v9?{dataZoom:W9}:{},grid:{...e0==null?void 0:e0.grid,left:`${(((Qt=t==null?void 0:t.margins)==null?void 0:Qt.marginLeft)||0)+E5}%`,right:`${(((tr=t==null?void 0:t.margins)==null?void 0:tr.marginRight)||0)+r6}%`,...br?{top:`${(((mr=t==null?void 0:t.margins)==null?void 0:mr.marginTop)||0)+r9}%`,bottom:`${(((An=t==null?void 0:t.margins)==null?void 0:An.marginBottom)||0)+B6+(o6?N6:0)}%`}:{}}}}else{const E5=(Zi=(un=t==null?void 0:t.labelSettings)==null?void 0:un.YAxisStyle)!=null&&Zi.axisName?(((Fi=(Ti=t==null?void 0:t.labelSettings)==null?void 0:Ti.YAxisStyle)==null?void 0:Fi.axisPadding)||0)/cr*100:0,r6=E5>0?E5/2:0;i7={...e0,...(ao=(oo=t==null?void 0:t.customSettings)==null?void 0:oo.chartZoom)!=null&&ao.isZoomEnabled&&v9?{dataZoom:W9}:{},grid:{...e0==null?void 0:e0.grid,left:`${(((Ui=t==null?void 0:t.margins)==null?void 0:Ui.marginLeft)||0)+r6}%`,right:`${((so=t==null?void 0:t.margins)==null?void 0:so.marginRight)||0}%`,...br?{top:`${(((Io=t==null?void 0:t.margins)==null?void 0:Io.marginTop)||0)+r9}%`,bottom:`${(((Mo=t==null?void 0:t.margins)==null?void 0:Mo.marginBottom)||0)+B6+(o6?N6:0)}%`}:{}},...Gi?{series:(_e=e0==null?void 0:e0.series)==null?void 0:_e.map((C9,_9)=>({...C9,barWidth:zi,itemStyle:{...C9.itemStyle,color:e0.colors[_9]}}))}:{}}}}}else i7=e0;v3(i7)},100);return()=>clearTimeout(M8)},[a==null?void 0:a.ref,I0,e0,n,t,N1,$3,p3]),X0.useEffect(()=>{t.chartType===M0.geoBarMap?q7=setInterval(()=>{v1(o8?e0.geoOption:e0.barOption),o8=!o8},2e3):clearInterval(q7)},[t.chartType]);const{ref:P7,...m8}=a||{};X0.useEffect(()=>{var M8;if(i0){const X8=[],i7=(M8=c0==null?void 0:c0.features)==null?void 0:M8.map(J8=>J8.properties.name);n.forEach(J8=>{i7.includes(J8[t.xAxis||""])||X8.push(J8)}),X7(X8)}},[i0]);const x8=X0.useMemo(()=>{var M8,X8;return[{name:t==null?void 0:t.xAxis,columnKey:t==null?void 0:t.xAxis,colSpan:1,columnCell:i7=>i7[(t==null?void 0:t.xAxis)||""]},{name:(M8=t==null?void 0:t.yAxisList)==null?void 0:M8[0],columnKey:(X8=t==null?void 0:t.yAxisList)==null?void 0:X8[0],colSpan:1,columnCell:i7=>{var J8;return i7[((J8=t==null?void 0:t.yAxisList)==null?void 0:J8[0])||""]||"0"}}]},[t==null?void 0:t.xAxis,t==null?void 0:t.yAxisList]);return X0.useEffect(()=>{var M8,X8,i7,J8,m6;if(F0.current&&[M0.gaugeV2,M0.linearGaugeV2,M0.progressBarV2,M0.funnelV2].includes(t.chartType)&&(e0!=null&&e0.drawD3Chart)&&(e0==null||e0.drawD3Chart()),![M0.gaugeV2,M0.linearGaugeV2,M0.progressBarV2,M0.funnelV2].includes(t.chartType)){const i9=document.querySelector("#dbn-portal"),a9=document.querySelector("#chartContainer #gaugeContainer")||((M8=i9==null?void 0:i9.shadowRoot)==null?void 0:M8.querySelector("#chartContainer #gaugeContainer"));a9==null||a9.remove();const i6=document.querySelector("#chartContainer #gaugeV2")||((X8=i9==null?void 0:i9.shadowRoot)==null?void 0:X8.querySelector("#chartContainer #gaugeV2"));i6==null||i6.remove();const O3=document.querySelector("#chartContainer #lineargauge")||((i7=i9==null?void 0:i9.shadowRoot)==null?void 0:i7.querySelector("#chartContainer #lineargauge"));O3==null||O3.remove();const r5=document.querySelector("#chartContainer #progressBar")||((J8=i9==null?void 0:i9.shadowRoot)==null?void 0:J8.querySelector("#chartContainer #progressBar"));r5==null||r5.remove();const D6=document.querySelector("#chartContainer #funnelContainer")||((m6=i9==null?void 0:i9.shadowRoot)==null?void 0:m6.querySelector("#chartContainer #funnelContainer"));D6==null||D6.remove()}},[F0.current,t.chartType,e0==null?void 0:e0.drawD3Chart]),[M0.indianMap,M0.geoBarMap,M0.geoMap,M0.geoScatterMap,M0.worldMap].includes(t.chartType)&&!c0?E.jsx(Ac,{}):t.chartType===M0.singleValue?E.jsx(yn0,{...m8,value:e0.value,settings:e0.settings,className:s,comparisonValue:e0.comparisonValue,trendLineOptions:e0.trendLineOptions,events:i,originalValue:e0==null?void 0:e0.originalValue,variables:W,language:K,translationDictionary:f2,setHoverSubHeader:T2}):t.chartType===M0.horizontalStackTable?E.jsx(bn0,{...m8,data:e0.data,rawData:n,error:"",isLoading:!1,tableSettings:{...e0.tableSettings,...Y2?{textWrap:{isEnable:!0,columns:t==null?void 0:t.yAxisList},enableTableSearch:!1}:{}},className:s,stackCols:t.stackTableCols||[],colors:e0.colors,showLabels:(I1=t.customSettings)==null?void 0:I1.showStackLabels,onChangePage:a==null?void 0:a.onChangePage,setChartSettings:a==null?void 0:a.setChartSettings,dropdownZindex:a==null?void 0:a.dropdownZindex,additionalSettings:{barRadius:(i3=t==null?void 0:t.customSettings)==null?void 0:i3.barRadius,barWidth:(l7=t==null?void 0:t.customSettings)==null?void 0:l7.barWidth,labelPosition:(M7=t==null?void 0:t.labelSettings)!=null&&M7.position&&["inside","right","bottom"].includes((n7=t==null?void 0:t.labelSettings)==null?void 0:n7.position)?(_3=t==null?void 0:t.labelSettings)==null?void 0:_3.position:"bottom"}}):t.chartType===M0.table?E.jsx(jM,{yAxisList:(t==null?void 0:t.yAxisList)||[],...m8,onChangePaginationColumnFilters:a==null?void 0:a.onChangePaginationColumnFilters,tableColumnFilters:a==null?void 0:a.tableColumnFilters,events:i,data:e0.data,error:"",isLoading:!1,tableSettings:{...e0.tableSettings,...Y2?{textWrap:{isEnable:!0,columns:t==null?void 0:t.yAxisList},enableTableSearch:!1}:{}},dateColumns:t==null?void 0:t.dateColumns,className:s,isExternalChart:a==null?void 0:a.isExternalChart,isFullScreenChart:a==null?void 0:a.isFullScreenChart,onChangePage:a==null?void 0:a.onChangePage,isEnableNextBtn:a==null?void 0:a.isEnableNextBtn,isEnablePrevBtn:a==null?void 0:a.isEnablePrevBtn,paginationInfo:a==null?void 0:a.paginationInfo,setChartSettings:a==null?void 0:a.setChartSettings,isShowFullScreen:r,isMetricCard:w,isShowFullScreenEnabled:C&&!g2,onMaximize:e,dropdownZindex:a==null?void 0:a.dropdownZindex,externalGlobalFilter:D,setExternalGlobalFilter:P,language:K,translationDictionary:f2,isDisableChartActions:!((W7=a==null?void 0:a.chartClickConfig)!=null&&W7.isEnable),onDownloadData:M2,isDownloading:U2}):t.chartType===M0.trendAnalyzer?E.jsx(GC0,{...m8,events:i,data:e0.data,error:"",isLoading:!1,tableSettings:{...e0.tableSettings,...Y2?{textWrap:{isEnable:!0,columns:t==null?void 0:t.yAxisList},enableTableSearch:!1}:{}},dateColumns:t==null?void 0:t.dateColumns,className:s,isExternalChart:a==null?void 0:a.isExternalChart,isFullScreenChart:a==null?void 0:a.isFullScreenChart,onChangePage:a==null?void 0:a.onChangePage,isEnableNextBtn:a==null?void 0:a.isEnableNextBtn,isEnablePrevBtn:a==null?void 0:a.isEnablePrevBtn,paginationInfo:a==null?void 0:a.paginationInfo,setChartSettings:a==null?void 0:a.setChartSettings,isShowFullScreen:r,isMetricCard:w,isShowFullScreenEnabled:C&&!g2,onMaximize:e,dropdownZindex:a==null?void 0:a.dropdownZindex,externalGlobalFilter:D,setExternalGlobalFilter:P,language:K,translationDictionary:f2,isDisableChartActions:!((s8=a==null?void 0:a.chartClickConfig)!=null&&s8.isEnable),onDownloadData:M2,isDownloading:U2}):t.chartType===M0.pivot?E.jsx(Ln0,{...m8,data:n,pivotTableSettings:e0.pivotTableSettings}):t.chartType===M0.pivotV2?E.jsx(Si0,{props:{columns:((E8=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:E8.headers)||[],data:n,rows:((F8=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:F8.dimensions)||[],values:(($7=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:$7.measures)||[],headerSettings:(R8=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:R8.headerSettings,measures:((f6=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:f6.aggregates)||[],isEnableStripedRows:(k6=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:k6.isEnableStripedRows,dimensions:((b9=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:b9.dims)||[],onDrillPivotTable:A,pivotDrillState:u,formatSettings:{isEnableFormatting:(F9=t==null?void 0:t.tableSettings)==null?void 0:F9.isEnableNumberFormatting,numberFormatter:(s6=t==null?void 0:t.tableSettings)==null?void 0:s6.tableFormatter,formatColumns:(D9=t==null?void 0:t.tableSettings)==null?void 0:D9.formattedColumns,suffix:(o5=t==null?void 0:t.tableSettings)==null?void 0:o5.tableSuffix,prefix:(a4=t==null?void 0:t.tableSettings)==null?void 0:a4.tablePrefix},isEnableTableSort:(L5=t==null?void 0:t.tableSettings)==null?void 0:L5.enableSorting,isEnableAllSort:(o4=t==null?void 0:t.tableSettings)==null?void 0:o4.isEnableAllSort}}):t.chartType===M0.pivotV3?E.jsx(wn0,{props:{columns:((B5=e0==null?void 0:e0.pivotTableSettings3)==null?void 0:B5.columns)||[],data:n,rows:((F6=e0==null?void 0:e0.pivotTableSettings3)==null?void 0:F6.rows)||[],headerSettings:(J1=e0==null?void 0:e0.pivotTableSettings3)==null?void 0:J1.headerSettings,measures:((Z9=e0==null?void 0:e0.pivotTableSettings3)==null?void 0:Z9.aggregates)||[],isEnableStripedRows:(p8=e0==null?void 0:e0.pivotTableSettings2)==null?void 0:p8.isEnableStripedRows,dimensions:((l6=e0==null?void 0:e0.pivotTableSettings3)==null?void 0:l6.dims)||[],onDrillPivotTable:A,pivotDrillState:u,formatSettings:{isEnableFormatting:(S8=t==null?void 0:t.tableSettings)==null?void 0:S8.isEnableNumberFormatting,numberFormatter:(S6=t==null?void 0:t.tableSettings)==null?void 0:S6.tableFormatter,formatColumns:(F3=t==null?void 0:t.tableSettings)==null?void 0:F3.formattedColumns,suffix:(Y3=t==null?void 0:t.tableSettings)==null?void 0:Y3.tableSuffix,prefix:(w7=t==null?void 0:t.tableSettings)==null?void 0:w7.tablePrefix}}}):[M0.bar,M0.line,M0.area,M0.stackedArea,M0.timeSeries].includes(t.chartType)&&((O7=t.customSettings)!=null&&O7.showDynamicBehaviour)?E.jsx($p,{style:{width:"100%",height:"100%"},...a,option:{...U0},className:s,onEvents:{...i,legendselectchanged:(M8,X8)=>{KK({echartsInstance:X8,optionsObj:e0,params:M8})}},notMerge:!0}):t.chartType===M0.geoBarMap?E.jsx($p,{style:{width:"100%",height:"100%"},...a,option:{...j0||(e0==null?void 0:e0.geoOption),animation:!0},className:s,onEvents:i,notMerge:!0}):[M0.gaugeV2,M0.linearGaugeV2,M0.progressBarV2,M0.funnelV2].includes(t.chartType)?E.jsx("div",{ref:F0,className:"dbn-w-full dbn-h-full dbn-flex dbn-flex-col"}):(t==null?void 0:t.chartType)===M0.gauge?E.jsx(Qn0,{chartType:t==null?void 0:t.chartType,subText:"Please use the Gauge V2 chart instead."}):[M0.worldMap,M0.indianMap].includes(t.chartType)?E.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-relative dbn-flex dbn-gap-3 dbn-flex-col dbn-items-end dbn-justify-center",id:"chartContainer",children:[i0&&(p7!=null&&p7.length)?E.jsxs(E6,{variant:"popover",onClick:()=>J7(!H7),className:dA.buttonText,children:["Go To Geo ",H7?"Map >":"Table >"]}):null,H7?E.jsx(Bi0,{data:p7,headers:x8}):E.jsx($p,{style:{width:"100%",height:b3&&(h||0)>=6?"100px":b3&&!h?"40%":"100%"},...a,option:(m7=(r7=t.customSettings)==null?void 0:r7.chartZoom)!=null&&m7.isZoomEnabled?{...K2,animation:!0}:{...K2,animation:!1},className:s,ref:(a==null?void 0:a.ref)??I0,onEvents:i,notMerge:!0})]}):E.jsx("div",{className:"dbn-w-full dbn-h-full dbn-relative dbn-flex dbn-gap-3 dbn-flex-col dbn-items-end dbn-justify-center",id:"chartContainer",children:w?E.jsx(Mn0,{chartHeight:h,hasDecreasedHeight:b3,config:a,chartOptions:t,options:K2,className:s,events:i,chartRef:(a==null?void 0:a.ref)??I0}):E.jsx($p,{style:{width:"100%",height:b3&&(h||0)>=6?"100px":b3&&!h?"40%":"100%"},...a,option:(N8=(u8=t.customSettings)==null?void 0:u8.chartZoom)!=null&&N8.isZoomEnabled?{...K2,animation:!0}:{...K2,animation:!1},className:s,onEvents:{...i,legendselectchanged:(M8,X8)=>{KK({echartsInstance:X8,optionsObj:K2,params:M8,isGantt:(t==null?void 0:t.chartType)===M0.gantt})}},ref:(a==null?void 0:a.ref)??I0,notMerge:!0})})}),nT={container:"_container_14qdv_1",popover:"_popover_14qdv_9",popupContainer:"_popupContainer_14qdv_11",button:"_button_14qdv_19",buttonOpen:"_buttonOpen_14qdv_27",menu:"_menu_14qdv_35",enter:"_enter_14qdv_43",enterFrom:"_enterFrom_14qdv_51",enterTo:"_enterTo_14qdv_59",leave:"_leave_14qdv_67",leaveFrom:"_leaveFrom_14qdv_75",leaveTo:"_leaveTo_14qdv_83",center:"_center_14qdv_91",top:"_top_14qdv_99",bottom:"_bottom_14qdv_107",left:"_left_14qdv_115",right:"_right_14qdv_123","left-top-end":"_left-top-end_14qdv_131","right-top-end":"_right-top-end_14qdv_139","left-bottom-end":"_left-bottom-end_14qdv_147","right-bottom-end":"_right-bottom-end_14qdv_155","top-left":"_top-left_14qdv_163","top-right":"_top-right_14qdv_171","bottom-left":"_bottom-left_14qdv_179","bottom-right":"_bottom-right_14qdv_187","left-top":"_left-top_14qdv_131","left-bottom":"_left-bottom_14qdv_147","right-top":"_right-top_14qdv_139","right-bottom":"_right-bottom_14qdv_155",chartOptionBtn:"_chartOptionBtn_14qdv_227",chartpopup:"_chartpopup_14qdv_235"},JK={fullscreen:"_fullscreen_pwfax_1",loading:"_loading_pwfax_9"},Tn0=({isShowUnderlyingData:t,setShowUnderlyingData:n,getUnderlyingData:i,columnName:o,value:a,isSingleValueChart:s,clientColumnType:r,rawCsvDownloadButtonProps:C,language:l,translationDictionary:e,disableDownloadUnderlyingDataNoFilters:A=!1,underlyingTheme:u})=>{var w,V,D,P,W,K;const[f,d]=X0.useState([]),[g,h]=X0.useState(!0),[I,y]=X0.useState(!1);return X0.useEffect(()=>{o&&a&&t&&!s&&i({columnName:o,setData:d,setLoading:h,value:a,isSingleValueChart:s,clientColumnType:r}),t&&s&&i({columnName:o,setData:d,setLoading:h,value:a,isSingleValueChart:s,clientColumnType:r})},[o,a,t,s]),E.jsx(nu,{isOpen:t,onClose:()=>n(!1),zIndex:9999999999999,customHeader:E.jsxs(bC,{className:"dbn-w-full",justify:"between",children:[E.jsx(bC,{className:"dbn-gap-2",alignItems:"center",children:"Underlying Data"}),E.jsxs(bC,{className:"dbn-gap-3",alignItems:"center",children:[(o||s)&&!A&&E.jsx(gM,{...C,underlyingData:{column:o||"custom",value:a,isEnable:!0}}),E.jsx(as,{text:"Download with Filters",position:"left",children:E.jsx(E6,{variant:"tertiary",type:"button",onClick:f2=>{f2.stopPropagation(),y(!0)},leftIcon:E.jsx(H6,{name:"download_table",size:"xs"}),style:{padding:"0",height:"20px"},isDisabled:I})}),E.jsx(E6,{variant:"tertiary",type:"button",onClick:()=>n(!1),leftIcon:E.jsx(H6,{name:"cross",size:"sm"}),style:{padding:"0",height:"20px"}})]})]}),children:E.jsxs("div",{className:JK.fullscreen,children:[!!f.length&&E.jsx(jM,{language:l,translationDictionary:e,data:f,isLoading:!1,error:"",filterValues:[],onMaximize:()=>{},dropdownZindex:999999999999,isDownloadingWithFilters:I,setDownloadingWithFilters:y,isUnderlyingDataTable:!0,tableSettings:{customHeaderColor:{isEnabled:!0,color:(w=u==null?void 0:u.header)==null?void 0:w.bgColor,textColor:(V=u==null?void 0:u.header)==null?void 0:V.fontColor},headerFontBold:((D=u==null?void 0:u.header)==null?void 0:D.fontWeight)==="boldfont",contentColor:(P=u==null?void 0:u.content)==null?void 0:P.fontColor,contentWeight:Number((W=u==null?void 0:u.content)==null?void 0:W.fontWeight),lineGap:(K=u==null?void 0:u.content)==null?void 0:K.lineGap}}),!f.length&&!g&&E.jsx("div",{className:JK.loading,children:"No Data Available"}),g&&!f.length&&E.jsx("div",{className:JK.loading,children:E.jsx(Ac,{})})]})})},dg2=T9.memo(Tn0),qK=({position:t="center",menuContainerClass:n,menuClass:i,isOpen:o,setOpen:a,value:s,columnName:r,isEnableSort:C,getUnderlyingData:l,elementRef:e,isSingleValueChart:A,isGaugeChart:u,setSortOrder:f,isInavlidForSort:d,clientColumnType:g,isAllowedToSeeUnderlyingData:h,rawCsvDownloadButtonProps:I,language:y,translationDictionary:w,disableDownloadUnderlyingDataNoFilters:V=!1,underlyingTheme:D})=>{const[P,W]=X0.useState(!1),K=X0.useRef(null);aV({wrapRef:K,onOutsideClick:()=>a(!1)}),X0.useEffect(()=>{if(!e||t!=="dynamic")return;const{containerRef:T2,event:C2}=e,g2=C2;if(!T2.current||!K.current||!g2)return;const N2=T2.current.getBoundingClientRect(),H2=K.current.getBoundingClientRect(),[M2,U2]=qb2(g2,N2,H2);$b2(K.current,M2,U2)},[e,o,t]);const f2=X0.useMemo(()=>h!=null&&h.toString()?!!(h&&!u):!u&&!(h!=null&&h.toString()),[h,u]);return E.jsx(E.Fragment,{children:A?E.jsx(E.Fragment,{children:f2?E.jsx(dg2,{disableDownloadUnderlyingDataNoFilters:V,language:y,translationDictionary:w,clientColumnType:g,isShowUnderlyingData:o,setShowUnderlyingData:a,columnName:r,value:s,getUnderlyingData:l,isSingleValueChart:A,rawCsvDownloadButtonProps:I,underlyingTheme:D}):null}):E.jsxs(E.Fragment,{children:[o&&(f2||C&&!d)?E.jsx("div",{onContextMenu:T2=>{T2.preventDefault()},ref:K,className:`${t==="dynamic"&&nT.popupContainer}`,style:{zIndex:1e7},children:E.jsx("div",{className:`${nT.popover} ${t==="dynamic"||nT[t]}  ${n}`,children:o&&E.jsx("div",{className:`${nT.menu} ${i}`,children:E.jsxs("div",{className:nT.chartpopup,children:[f2?E.jsx(E6,{variant:"popover",type:"button",onClick:()=>{W(!0)},leftIcon:E.jsx(H6,{name:"table"}),fitContainer:!0,className:"dbn-justify-start dbn-px-2 dbn-py-1.5 hover:dbn-bg-gray",children:"View underlying data"}):null,C&&!d?E.jsxs(E.Fragment,{children:[E.jsx(E6,{variant:"popover",type:"button",onClick:()=>{f==null||f(C22),a(!1)},leftIcon:E.jsx(H6,{name:"arrow-up"}),fitContainer:!0,className:"dbn-justify-start dbn-px-2 dbn-py-1.5 hover:dbn-bg-gray",children:"Sort in Ascending"}),E.jsx(E6,{variant:"popover",type:"button",onClick:()=>{f==null||f(l22),a(!1)},leftIcon:E.jsx(H6,{name:"arrow-down"}),fitContainer:!0,className:"dbn-justify-start dbn-px-2 dbn-py-1.5 hover:dbn-bg-gray",children:"Sort in Descending"})]}):null]})})})}):null,E.jsx(dg2,{disableDownloadUnderlyingDataNoFilters:V,clientColumnType:g,isShowUnderlyingData:P,setShowUnderlyingData:W,columnName:r,value:s,getUnderlyingData:l,isSingleValueChart:A,rawCsvDownloadButtonProps:I,language:y,translationDictionary:w,underlyingTheme:D})]})})};T9.memo(qK);const uc={"dbc-container":"_dbc-container_1y1tv_1",dbcLastLevel:"_dbcLastLevel_1y1tv_19","active-dimension":"_active-dimension_1y1tv_25",otherLevels:"_otherLevels_1y1tv_35",clickableLevels:"_clickableLevels_1y1tv_45",disabledLevel:"_disabledLevel_1y1tv_51"},xn0=({dimensions:t,drilledLevel:n,onResetLevel:i,onDrillLevelClick:o,isMetricCard:a,isMetricFilter:s,drillType:r,drillFilters:C,isShowBreadCrumb:l})=>E.jsx("div",{className:`${uc["dbc-container"]} ${n===-1?a?s?"":uc.dbcLastCardLevel:uc.dbcLastLevel:""}`,children:r==="table"?C!=null&&C.length?E.jsx(E6,{variant:"popover",className:"dbn-px-2 dbn-text-xs hover:dbn-underline hover:dbn-underline-offset-4",type:"button",onClick:i,children:"Reset"}):null:n===-1?E.jsx(E6,{variant:"popover",className:"dbn-px-2 dbn-text-xs hover:dbn-underline hover:dbn-underline-offset-4",type:"button",onClick:i,children:"Reset"}):l&&E.jsx(E.Fragment,{children:t==null?void 0:t.map((e,A)=>E.jsxs("span",{className:`
                   ${A===n?`${uc["active-dimension"]} dbn-active-crumb ${uc.disabledLevel}`:`${uc.otherLevels} dbn-crumb ${uc.clickableLevels}`}
                 `,onClick:()=>{o(A)},children:[e.toString()[0].toUpperCase()+e.toString().substring(1),A===t.length-1?"":" > "]},e))})}),gg2=({drillDownSettings:t,onResetLevel:n,onDrillLevelClick:i,isMetricCard:o,isMetricFilter:a,isShowBreadCrumb:s})=>{var l,e,A,u;const r=X0.useMemo(()=>{var f,d,g,h,I;return!!((I=(h=(f=t==null?void 0:t.configV2)==null?void 0:f.levels)==null?void 0:h[((g=(d=t==null?void 0:t.configV2)==null?void 0:d.levels)==null?void 0:g.length)-1])!=null&&I.isEnable)},[(l=t==null?void 0:t.configV2)==null?void 0:l.levels]),C=X0.useMemo(()=>{var f,d;return((d=(f=t==null?void 0:t.configV2)==null?void 0:f.levels)==null?void 0:d.findIndex(g=>g.isEnable))||0},[(e=t==null?void 0:t.configV2)==null?void 0:e.levels]);return E.jsx("div",{className:`${uc["dbc-container"]} ${r?o?a?"":uc.dbcLastCardLevel:uc.dbcLastLevel:""}`,children:s&&E.jsx(E.Fragment,{children:(u=(A=t==null?void 0:t.configV2)==null?void 0:A.levels)==null?void 0:u.map((f,d)=>{var g,h,I,y;return E.jsxs(E.Fragment,{children:[d!==0?E.jsx("span",{className:`${uc.otherLevels} dbn-crumb`,children:">"}):null,E.jsx("span",{className:`${f!=null&&f.isEnable?`${uc["active-dimension"]} dbn-active-crumb`:`${uc.otherLevels} dbn-crumb`} ${C===d?uc.disabledLevel:uc.clickableLevels}`,onClick:async()=>{C===d||!(f!=null&&f.index)||await i(f==null?void 0:f.index)},children:(h=(g=f==null?void 0:f.name)==null?void 0:g.toLowerCase())!=null&&h.includes("drill level")?(y=(I=f==null?void 0:f.dimensions)==null?void 0:I[0])==null?void 0:y.alias:f==null?void 0:f.name},f==null?void 0:f.index)]})})})})},wk={imgDiv:"_imgDiv_amk94_1",chartTypePanel:"_chartTypePanel_amk94_9",chartOptions:"_chartOptions_amk94_17",chartOption:"_chartOption_amk94_17"},Qk=({chartTypePanelProps:{onChartChange:t,enabledCharts:n,selectedChart:i,isOpen:o,onClose:a,zIndex:s,inline:r,onClickSettings:C}})=>{const[l,e]=X0.useState(""),[A,u]=X0.useState(_O||[]),[f,d]=X0.useState("");return X0.useEffect(()=>{const g=Object.values(e22),h=_O.map(I=>{var w;const y=(w=I==null?void 0:I.value)==null?void 0:w.filter(V=>{var D;return g==null?void 0:g.includes((D=V==null?void 0:V.name)==null?void 0:D.toLowerCase())});return(y==null?void 0:y.length)>0?{...I,value:y}:null}).filter(I=>I!==null);if(l){const I=GJ2(h,l);u(I)}else u(h)},[l]),E.jsx(zd,{isOpen:o,onClose:a,size:"small",side:"right",hideFooter:!0,headerTitle:"Chart Types",zIndex:s,children:E.jsxs("div",{className:wk.chartTypePanel,id:"chart-types",children:[E.jsx(Mm,{setSearchKeyword:e}),A==null?void 0:A.map((g,h)=>{var I;return E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[E.jsx(A8,{variant:"heading-6",children:g.key}),E.jsx("div",{className:wk.chartOptions,children:(I=g.value)==null?void 0:I.map((y,w)=>{var P,W,K,f2;const V=!n.includes((P=y.name)==null?void 0:P.toLowerCase()),D=["top","top-left","top-right"].includes((y==null?void 0:y.position)||"")?y==null?void 0:y.position:h===(A==null?void 0:A.length)-1?(W=Va2(w+1))==null?void 0:W.replace("bottom","top"):Va2(w+1);return E.jsx(PA2,{text:y.label,subText:V?y.enabledCondition:"",headingIcon:V?"stop":void 0,position:D,children:E.jsx("div",{className:wk.chartOption,"data-testid":(K=y.name)==null?void 0:K.toLowerCase().replaceAll(" ","-"),children:E.jsx(E6,{id:y.name.replaceAll(" ","-"),type:"button",variant:"popover",onClick:()=>{var T2;t((T2=y.name)==null?void 0:T2.toLowerCase())},isDisabled:V,className:"dbn-w-full dbn-h-fit",children:E.jsx("div",{className:`${wk.imgDiv} ${((f2=y.name)==null?void 0:f2.toLowerCase())!==i?"dbn-border-secondary":"dbn-border-primary dbn-border"}`,children:E.jsx("img",{src:V?y.disabledIcon:y.icon,alt:"",style:{width:"109px",height:"81px"}})})},y.name)},y.name)},y.name)})})]},g.key)})]})})},Rn0=({isOpen:t,onClose:n,report:i,isLoading:o,subText:a,zIndex:s,inline:r})=>{const[C,l]=X0.useState(!1),e=()=>{var A;return E.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-py-3",children:[E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center dbn-py-4",children:[E.jsxs("span",{className:"dbn-flex dbn-flex-col dbn-gap-2 dbn-items-center",children:[E.jsx(A8,{variant:"heading-3",children:"Summary"},"summary"),a&&E.jsx(A8,{variant:"small-text",children:a},a)]}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"cross",size:"xs"}),onClick:n})]}),o?E.jsx(eA,{variant:"list"}):E.jsx("div",{className:"dbn-h-[90%] dbn-w-full dbn-overflow-auto",children:i!=null&&i.split(`
 `).length?E.jsxs(bC,{direction:"col",className:"dbn-gap-2",children:[(A=i==null?void 0:i.split(`
-`))==null?void 0:A.map(u=>E.jsx(A8,{children:u},u)),E.jsx(E6,{variant:"popover",onClick:()=>{Na2(i),l(!0),setTimeout(()=>{l(!1)},3e3)},leftIcon:E.jsx(H6,{name:"copy"}),children:C?"Copied":"Copy"})]}):E.jsx(A8,{children:"Not Found"},"not found")})]})};return E.jsx(E.Fragment,{children:r?e():E.jsx(zd,{isOpen:t,onClose:n,hideFooter:!0,side:"right",size:"small",hideHeader:!0,zIndex:s,children:e()})})},hg2={lessWidth:"_lessWidth_1lhha_1",moreWidth:"_moreWidth_1lhha_9"},Hn0=({deleteConfig:t,onDeleteMetric:n,setDeleteConfig:i,error:o,isDeletingMetric:a})=>{const[s,r]=X0.useState(!1);return E.jsxs(nu,{isOpen:(t==null?void 0:t.isDelete)||!1,onClose:()=>i==null?void 0:i({isDelete:!1,step:0}),headerTitle:"Delete Metric",zIndex:9999999999,children:[E.jsx("div",{className:`dbn-px-6 dbn-pb-4 ${(t==null?void 0:t.step)===0?hg2.lessWidth:hg2.moreWidth}`,children:(t==null?void 0:t.step)===0?E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[E.jsxs(A8,{variant:"body-text-2",color:"light-text",children:["Deleting ‘",t==null?void 0:t.name,"’ will permanently remove it from the dashboard and the metrics list."]}),E.jsx(A8,{variant:"body-text-2",color:"light-text",children:"This action can’t be undone."})]}):E.jsxs(bC,{direction:"col",className:"dbn-gap-4",children:[E.jsx(A8,{variant:"body-text-2",children:"Deleting this metric will permanently remove it from all dashboards and the metrics list. This action is irreversible. If you need to recover this metric, please do so before proceeding."}),E.jsxs(bC,{direction:"col",className:"dbn-gap-2",children:[E.jsx(A8,{variant:"heading-5",children:"I understand that:"}),E.jsxs("ul",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-0",children:[E.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),E.jsx(A8,{variant:"body-text-2",children:"The metric will be permanently deleted."})]}),E.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),E.jsx(A8,{variant:"body-text-2",children:"Associated dashboards will lose access to it."})]}),E.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),E.jsx(A8,{variant:"body-text-2",children:"This action cannot be undone."})]})]})]}),E.jsxs(bC,{direction:"col",className:"dbn-gap-2",children:[E.jsxs(A8,{variant:"body-text-2",children:["Type"," ",E.jsxs("span",{className:"dbn-font-medium",children:["'",t==null?void 0:t.name,"'"]})," ","to confirm"]}),E.jsx(c5,{placeholder:"Type here",name:"delete-metric-name",value:t==null?void 0:t.confirmedName,onChange:C=>{C.target.value&&C.target.value!==(t==null?void 0:t.name)?r(!0):r(!1),i==null||i(l=>({...l,confirmedName:C.target.value}))},error:s?"Metric name does not match. Please try again.":"",onPaste:C=>C.preventDefault(),autoComplete:"off"})]}),o?E.jsx(wl,{text:o,variant:"error"}):null]})}),E.jsxs(Fd,{children:[E.jsx(E6,{variant:"tab",onClick:()=>i==null?void 0:i({isDelete:!1,step:0}),children:"Cancel"}),E.jsx(E6,{variant:"primary",onClick:()=>{(t==null?void 0:t.step)===0&&(i==null||i(C=>({...C,step:1}))),(t==null?void 0:t.step)===1&&(t!=null&&t.id)&&(n==null||n(t==null?void 0:t.id))},className:"dbn-bg-alert hover:dbn-bg-discard-hover",dataTestTitle:"delete",isDisabled:(t==null?void 0:t.step)===1&&(a||(t==null?void 0:t.confirmedName)!==(t==null?void 0:t.name)),children:(t==null?void 0:t.step)===0?"Continue":"Delete Permanently"})]})]})},ev={shimmer:"_shimmer_1ad7p_19"},eA=({height:t="6",className:n,variant:i,tableRows:o})=>{if(i==="table"){const a=o||6,s=[];for(let r=0;r<a;r+=1)s.push(E.jsxs("div",{children:["Item ",r+1]},r));return E.jsx("div",{className:"dbn-w-full",children:E.jsxs("table",{className:"dbn-w-full",children:[E.jsx("thead",{className:"dbn-bg-white dbn-border-b dbn-border-secondary dbn-p-2",children:E.jsx("tr",{className:"dbn-w-full",children:s==null?void 0:s.map((r,C)=>E.jsx("th",{className:"dbn-p-4 dbn-border-r dbn-border-secondary dbn-bg-gray",children:E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},`${C}_th`))})}),E.jsx("tbody",{children:s==null?void 0:s.map((r,C)=>E.jsx("tr",{children:s==null?void 0:s.map((l,e)=>E.jsx("td",{className:"dbn-p-4",children:E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},`${e}_${C}`))},C))})]})})}return i==="list"?E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})]}):E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},Mk=({userIdentifier:t,metric:n,colors:i,underlyingTheme:o,rlsFilters:a,metricFilterOptions:s,onMinimize:r,onArchive:C,clientId:l,tenancyLevel:e,companyId:A,externalDashboardId:u,userProvidedDashboardId:f,isAllowedToUpdateMetrics:d,sharingSettingsId:g,appFilters:h,isInternalApp:I,isShowChartConfigTab:y,isHideChartSettings:w,isHideTablePreview:V,isAllClient:D,globalFilters:P={tableName:"",filters:[]},onDownload:W,downloadMetrics:K,isFrontendApp:f2,guestToken:T2,encryptedClient:C2,workspaceId:g2,clientColumnType:N2,isEnableMetricSummary:H2,hideDatePickerOptions:M2,chartAppearance:U2,enableEmailCsv:Y2,shouldFitFullScreen:c0,onServerEvent:h0,disableDownloadPng:F0,isAllowToDownloadMetrics:I0,datasourceId:e0,appliedMetricFilters:U0,language:m0,translationDictionary:j0,onDeleteMetric:v1,deleteConfig:K2,setDeleteConfig:v3,deleteError:N1,isDeletingExternalMetric:z1,calendarType:$3="default",onEditMetric:V7,isDataApp:p3,canDeleteMetric:a7=!1,randomId:p7,disableDownloadDataNoFilters:X7=!1,disableDownloadUnderlyingDataNoFilters:H7=!1,viewMetricData:J7,dataMartTables:M3})=>{var ie,ye,g9,N5,C4,Z4,fe,Ce,o1,A3,K3,D3,t8,C3,C7,d7,j7,_8,j3,f7,T8,a6,l3,_7,i8,K8,g6,u9,$6,V9,P9,j9,J5,N4,h4,y4,Ct,Qt,tr,mr,An,un,Zi,Ti,Fi,oo,ao,Ui,so,Io,Mo,_e,cr,tn,ui,ji,zi,Gi,xi,br,o6,e6,r9,B6,v9,N6,W9,E5;const i0=X0.useRef(),[b3,o8]=X0.useState([]),[q7,P7]=X0.useState(!1),[m8,x8]=X0.useState(!1),[I1,i3]=X0.useState(!1),l7=X0.useMemo(()=>{var r6;return{...P,filters:(r6=P==null?void 0:P.filters)==null?void 0:r6.filter(C9=>{var _9;return!((_9=C9==null?void 0:C9.restrictedMetrics)!=null&&_9.some(Q9=>Q9.value===(n==null?void 0:n.id)))})}},[P,n]),{refetchMetricData:M7,queryError:n7,dataDb:_3,drillDownSettings:W7,variables:s8,getUnderlyingData:E8,handleChartClick:F8,columnName:$7,setShowChartPopup:R8,isShowChartPopup:f6,isQueryLoading:k6,chartParams:b9,onChangeFilterValue:F9,onDrillDown:s6,drilledLevel:D9,dimensions:o5,isEnableNextBtn:a4,isEnablePrevBtn:L5,paginationInfo:o4,onChangePage:B5,isExternalChart:F6,onDrillLevelClick:J1,metricFilters:Z9,filterValues:p8,dynamicOptions:l6,isSingleValueNull:S8,containerRef:S6,chartSettings:F3,setChartSettings:Y3,leftPositionedMetricFilters:w7,rightPositionedMetricFilters:O7,updateFilter:r7,tableResultsDownloadData:m7,appliedMetricFilters:u8,pivotHeaderOptions:N8,pivotDrillState:M8,onDrillPivotTable:X8,legendData:i7,timeseriesDimension:J8,isPythonMode:m6,isSorted:i9,isInavlidForSort:a9,sortOrder:i6,setSortOrder:O3,onAddComparison:r5,groupedRlsConditions:D6,onGenerateMetricSummary:q6,summary:n6,setSummary:d4,setNotFirstRender:B4,dataMartRelationships:g4,onChartChange:L4,isCompareValue:y5,isShowChartPropertyPanel:O5,setShowChartPropertyPanel:y6,columnList:B9,metricName:h6,drilldownCols:d6,switchMeasureOptions:T6,dateFilter:z5,enabledCharts:s9,tableColumnFilters:H5,onChangePaginationColumnFilters:x9,customSwitchXAxis:K5}=L_({dataMartTables:M3,viewMetricData:J7,datasourceId:e0,metric:n,rlsFilters:a,tenancyLevel:e,clientId:l,appFilters:h,isInternalApp:I,metricFilterOptions:s,isAllClient:D,globalFilters:l7,isFrontendApp:f2,guestToken:T2,encryptedClientId:C2,workspaceId:g2,onServerEvent:h0,clientColumnType:N2,appliedCardMetricFilters:U0,language:m0,translationDictionary:j0,calendarType:$3,isFullScreen:p7}),{updateExternalMetric:W5,error:u6,isLoading:X9,onPublishMetric:k9}=CM({onSuccess:()=>{var r6,C9;i3(!1),r(),(C9=(r6=window==null?void 0:window.location)==null?void 0:r6.reload)==null||C9.call(r6)},selectedColumns:[],companyIntegrationId:n.companyIntegrationId,query:n.query,metricQuery:n.metricQuery,integrationName:n.integrationName,outputColumns:n.outputColumns,chartSettings:F3,datasetMetricSettings:n.datasetMetricSettings,clientId:l,companyId:A,isLiveMode:n.isLive,timeGrain:n.timeGrain,dashboardIds:[u],isEnableGroupBy:n.isEnableGroupBy,groupBy:n.groupBy,selectedGroupBy:n.selectedGroupBy,metric:n}),{isDisableDownloadSettings:M9}=w_({sharingSettingsId:g,workspaceId:g2}),Y9=X0.useMemo(()=>(Y2==null?void 0:Y2.toString())&&Y2||!(Y2!=null&&Y2.toString())&&!M9,[M9,Y2]),s5=X0.useMemo(()=>{var C9;let r6=FY({chartSettings:F3,translationDictionary:j0,variables:s8,language:m0});return(C9=n==null?void 0:n.drillDownSettings)!=null&&C9.isEnableGroupBy&&_3.length&&D9===(o5==null?void 0:o5.length)&&(r6={...r6,chartType:"table",yAxisList:o5!=null&&o5[0]?[o5==null?void 0:o5[0],...F3.yAxisList||[]]:F3.yAxisList}),r6},[(ie=n==null?void 0:n.drillDownSettings)==null?void 0:ie.isEnableGroupBy,_3.length,D9,o5,F3,s8,m0,j0]),_5=r6=>{var C9,_9,Q9,z9,V4,P5,Bt,je,lt,Pe,le,Me,Xe;return F3.chartType===M0.table||(C9=n.drillDownSettings)!=null&&C9.isEnableGroupBy&&D9===(o5==null?void 0:o5.length)?(_9=r6==null?void 0:r6.find(he=>{var Pn,ri;return he.columnName===((ri=(Pn=n==null?void 0:n.clickActions)==null?void 0:Pn.chart)==null?void 0:ri.valueColumn)}))==null?void 0:_9.value:[M0.sankey,M0.treeMap].includes(F3==null?void 0:F3.chartType)?r6==null?void 0:r6.value:((z9=(Q9=n.clickActions)==null?void 0:Q9.chart)==null?void 0:z9.valueColumn)===(F3==null?void 0:F3.xAxis)||(F3==null?void 0:F3.chartType)===M0.gauge&&((P5=(V4=n.clickActions)==null?void 0:V4.chart)==null?void 0:P5.valueColumn)===((je=(Bt=F3==null?void 0:F3.gaugeSettings)==null?void 0:Bt.dimensions)==null?void 0:je.join(", "))?r6==null?void 0:r6.name:(r6==null?void 0:r6.seriesName)===((Pe=(lt=n.clickActions)==null?void 0:lt.chart)==null?void 0:Pe.valueColumn)||(F3==null?void 0:F3.chartType)===M0.gauge&&((Me=(le=n.clickActions)==null?void 0:le.chart)==null?void 0:Me.valueColumn)===((Xe=F3==null?void 0:F3.gaugeSettings)==null?void 0:Xe.metric)||[M0.funnel].includes(F3.chartType)?r6==null?void 0:r6.value:null},g5=X0.useMemo(()=>{var C9,_9,Q9,z9,V4;const r6=Object.keys((_3==null?void 0:_3[0])||{})||[];if(F3.chartType===M0.timeSeries){const P5=(C9=n==null?void 0:n.chartOptions)==null?void 0:C9.xAxis,Bt=F3==null?void 0:F3.xAxis,je=!!((z9=(Q9=(_9=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:_9.groupBySettings)==null?void 0:Q9.options)!=null&&z9.find(lt=>{var Pe,le,Me;return(Me=P5==null?void 0:P5.toLowerCase())==null?void 0:Me.includes(((le=(Pe=lt==null?void 0:lt.split("____"))==null?void 0:Pe[0])==null?void 0:le.toLowerCase())||"")}));if(P5&&Bt&&!je)return _3==null?void 0:_3.map(lt=>r6.reduce((Pe,le)=>{var Me,Xe;return le===Bt?Pe[P5||""]=bS(((Xe=(Me=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:Me.groupBySettings)==null?void 0:Xe.value)||"monthly",lt[le]):Pe[le]=lt[le],Pe},{}))}if(y5&&((V4=F3==null?void 0:F3.customSettings)!=null&&V4.comparisonTimeLabel)){const P5="_timestamp";return _3==null?void 0:_3.map(Bt=>r6.reduce((je,lt)=>{var Pe;return lt===P5?je[((Pe=F3==null?void 0:F3.customSettings)==null?void 0:Pe.comparisonTimeLabel)||""]=Bt[lt]:je[lt]=Bt[lt],je},{}))}return _3},[_3,y5,(ye=F3==null?void 0:F3.customSettings)==null?void 0:ye.comparisonTimeLabel,F3==null?void 0:F3.chartType,n==null?void 0:n.chartOptions,F3==null?void 0:F3.xAxis,(N5=(g9=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:g9.groupBySettings)==null?void 0:N5.value]),S9=X0.useMemo(()=>OY(i||[],(F3==null?void 0:F3.chartColors)||[]),[i,F3==null?void 0:F3.chartColors]),j4=X0.useMemo(()=>[M0.row,M0.horizontalStack].includes(F3==null?void 0:F3.chartType)?"Dynamic y-axis":"Dynamic x-axis",[F3==null?void 0:F3.chartType]),X4=X0.useMemo(()=>[M0.row,M0.horizontalStack].includes(F3==null?void 0:F3.chartType)?"Dynamic x-axis":"Dynamic y-axis",[F3==null?void 0:F3.chartType]);X0.useEffect(()=>{var r6;if(localStorage.getItem("fsMetricCs")){const C9=(r6=JSON.parse(localStorage.getItem("fsMetricCs")||""))==null?void 0:r6.defaultRowSize;C9&&Y3(_9=>({..._9,tableSettings:{..._9.tableSettings,defaultRowSize:C9}}))}},[]),X0.useEffect(()=>{var r6;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:n.id,defaultRowSize:(r6=F3==null?void 0:F3.tableSettings)==null?void 0:r6.defaultRowSize}))},[F3]);const P4=X0.useMemo(()=>{var r6,C9,_9,Q9,z9;return(F3==null?void 0:F3.chartType)===M0.singleValue&&((r6=F3==null?void 0:F3.customSettings)!=null&&r6.singleValuePrefix)?rl(((C9=F3==null?void 0:F3.customSettings)==null?void 0:C9.singleValuePrefix)||"^^^^^",s8):(_9=F3==null?void 0:F3.customSettings)!=null&&_9.labelPrefix?rl(((Q9=F3==null?void 0:F3.customSettings)==null?void 0:Q9.labelPrefix)||"^^^^^",s8):(z9=F3==null?void 0:F3.customSettings)==null?void 0:z9.labelPrefix},[F3==null?void 0:F3.chartType,(C4=F3==null?void 0:F3.customSettings)==null?void 0:C4.labelPrefix,(Z4=F3==null?void 0:F3.customSettings)==null?void 0:Z4.singleValuePrefix,s8]),st=X0.useMemo(()=>{var r6,C9,_9,Q9,z9;return(F3==null?void 0:F3.chartType)===M0.singleValue&&((r6=F3==null?void 0:F3.customSettings)!=null&&r6.singleValueSuffix)?rl(((C9=F3==null?void 0:F3.customSettings)==null?void 0:C9.singleValueSuffix)||"^^^^^",s8):(_9=F3==null?void 0:F3.customSettings)!=null&&_9.labelSuffix?rl(((Q9=F3==null?void 0:F3.customSettings)==null?void 0:Q9.labelSuffix)||"^^^^^",s8):(z9=F3==null?void 0:F3.customSettings)==null?void 0:z9.labelSuffix},[F3==null?void 0:F3.chartType,(fe=F3==null?void 0:F3.customSettings)==null?void 0:fe.labelSuffix,(Ce=F3==null?void 0:F3.customSettings)==null?void 0:Ce.singleValueSuffix,s8]),$4=X0.useMemo(()=>{var r6;return(F3==null?void 0:F3.chartType)===M0.table&&!!((r6=F3==null?void 0:F3.tableSettings)!=null&&r6.enableTableSearch)},[F3==null?void 0:F3.chartType,(o1=F3==null?void 0:F3.tableSettings)==null?void 0:o1.enableTableSearch]),ve=X0.useMemo(()=>{var r6,C9,_9,Q9,z9,V4,P5;return((r6=F3==null?void 0:F3.dynamicXAxis)==null?void 0:r6.isEnabled)||((C9=F3==null?void 0:F3.dynamicYAxis)==null?void 0:C9.isEnabled)||(F3==null?void 0:F3.isDynamicSeries)||((_9=F3==null?void 0:F3.customSettings)==null?void 0:_9.isEnableSwitchMeasure)||((Q9=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:Q9.groupBySettings.isDynamic)||((z9=F3==null?void 0:F3.customSettings)==null?void 0:z9.showSelectLegend)||((V4=F3==null?void 0:F3.pivotTableSettings2)==null?void 0:V4.isDynamicHeaders)&&(F3==null?void 0:F3.chartType)===M0.pivotV2||((P5=F3==null?void 0:F3.pivotTableSettings3)==null?void 0:P5.isDynamicHeaders)&&(F3==null?void 0:F3.chartType)===M0.pivotV3},[(A3=F3==null?void 0:F3.dynamicXAxis)==null?void 0:A3.isEnabled,(K3=F3==null?void 0:F3.dynamicYAxis)==null?void 0:K3.isEnabled,F3==null?void 0:F3.isDynamicSeries,(D3=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:D3.groupBySettings.isDynamic,(t8=F3==null?void 0:F3.customSettings)==null?void 0:t8.showSelectLegend,(C3=F3==null?void 0:F3.pivotTableSettings2)==null?void 0:C3.isDynamicHeaders,(C7=F3==null?void 0:F3.pivotTableSettings3)==null?void 0:C7.isDynamicHeaders,F3==null?void 0:F3.chartType,(d7=F3==null?void 0:F3.customSettings)==null?void 0:d7.isEnableSwitchMeasure]);return E.jsxs("div",{className:`${bs.fullScreen} ${c0?bs.fitFull:bs.screen}`,children:[E.jsxs("section",{className:bs.header,children:[E.jsxs("div",{className:bs.headerBlock,children:[E.jsx(as,{text:"Back",children:E.jsx(E6,{variant:"popover",type:"button",onClick:r,leftIcon:E.jsx("div",{className:bs.backButton,children:E.jsx(H6,{name:"arrow-left"})})})}),E.jsx(A8,{variant:"body-text-1",children:h6}),(j7=l7==null?void 0:l7.filters)!=null&&j7.length?E.jsx(wl,{text:"Global Filters are applied.",variant:"info"}):null,(_8=K==null?void 0:K.find(r6=>r6.id===(n==null?void 0:n.id)))!=null&&_8.isInProgress?E.jsx(wl,{text:"Download is in progress",variant:"primary"}):null]}),E.jsxs("div",{className:`${bs.headerBlock} ${bs.headerBlockRight}`,children:[f2&&(n!=null&&n.id)&&a7?E.jsx(E6,{variant:"popover",type:"button",onClick:()=>v3==null?void 0:v3({isDelete:!0,step:0,id:(n==null?void 0:n.id)||"",name:(n==null?void 0:n.name)||""}),leftIcon:E.jsx(as,{text:"Delete Metric",children:E.jsx("div",{className:bs.backButton,"data-testid":"delete-metric-btn",children:E.jsx(H6,{name:"delete",color:"alert"})})})}):null,H2&&E.jsx(E6,{variant:"popover",type:"button",onClick:()=>{q6(),y6(!1),x8(!1)},leftIcon:E.jsx(as,{text:"AI Insights",showTooltip:!n6.isOpen,children:E.jsx("div",{className:bs.backButton,"data-testid":"ai-insights-btn",children:E.jsx(H6,{name:"wand"})})}),isDisabled:!(_3!=null&&_3.length)}),w?null:E.jsx(as,{text:"Chart Types",showTooltip:!m8,children:E.jsx(E6,{variant:"popover",type:"button",onClick:()=>{x8(!0),d4(r6=>({...r6,isOpen:!1,isLoading:!1}))},leftIcon:E.jsx("div",{className:bs.backButton,"data-testid":"chart-types-btn",children:E.jsx(H6,{name:"bar-chart"})})})}),C?E.jsx(as,{text:"Archive Metric",children:E.jsx(E6,{variant:"popover",type:"button",onClick:()=>C(n.id,(n==null?void 0:n.metricId)||""),leftIcon:E.jsx("div",{className:bs.backButton,"data-testid":"archive-metric-btn",children:E.jsx(H6,{name:"archive"})})})}):null,f2||(I0??!0)?E.jsx(tn0,{disableDownloadDataNoFilters:X7,timeseriesSettings:m6||(F3==null?void 0:F3.chartType)!==M0.timeSeries?void 0:{format:((f7=(j3=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:j3.groupBySettings)==null?void 0:f7.value)||"monthly",seriesField:(F3==null?void 0:F3.seriesField)||"",isFiscal:$3==="ind"},isPythonMode:(a6=(T8=n==null?void 0:n.datasetMetricSettings)==null?void 0:T8.newDatasetSettings)==null?void 0:a6.isPythonMode,onServerEvent:h0,isEnableEmailRawCsvDownload:Y9,disableDownloadPng:F0!=null&&F0.toString()?F0:!1,data:m7||[],chartRef:i0,metricName:h6,onRawCsvData:()=>P7(!0),chartOptions:F3,companyIntegrationId:n.companyIntegrationId,integrationName:n.integrationName,metricData:{globalFilters:l7,rlsConditions:u8,tenancyLevel:e,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:p8,isAllClient:D,options:{clientId:f2?C2||"":l,isFrontend:f2,token:T2}},updateDownloadProgress:r6=>W(n==null?void 0:n.id,r6)}):null,(n==null?void 0:n.createdByIdentifier)&&t&&(n==null?void 0:n.createdByIdentifier)===t&&E.jsx(as,{text:n!=null&&n.isPublished?"Private":"Publish",children:E.jsx(E6,{type:"button",variant:"popover",onClick:()=>{k9==null||k9(n)},isDisabled:X9,leftIcon:E.jsx("div",{className:bs.backButton,"data-testid":"publish-metric-btn",children:E.jsx(H6,{name:n!=null&&n.isPublished?"eye-slash":"eye"})})})}),d&&E.jsx(E6,{type:"button",variant:"primary",onClick:()=>{V7==null||V7(n),r==null||r()},children:"Edit Metric"})]}),E.jsx(as,{text:"Close FS",children:E.jsx(E6,{variant:"popover",type:"button",onClick:r,leftIcon:E.jsx("div",{className:bs.backButton,"data-testid":"close-fullscreen-btn",children:E.jsx(H6,{name:"cross"})})})})]}),E.jsxs("section",{className:bs.body,onContextMenu:r6=>{r6.preventDefault()},id:"dbn-fullscreenView",children:[E.jsxs("div",{className:bs.data,"data-state":n6.isOpen?"summary-open":"summary-closed",children:[E.jsxs("div",{className:`${bs.metric} ${[M0.table,M0.trendAnalyzer].includes((F3==null?void 0:F3.chartType)||"")?bs.tableMetric:""} ${V?bs.fullMetric:""}`,ref:S6,children:[E.jsxs("div",{className:bs.metricHeader,children:[ve&&E.jsx("div",{className:bs.metricFilters,children:!!_3.length&&E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-wrap dbn-justify-end dbn-items-center dbn-gap-2",children:[(l3=F3==null?void 0:F3.dynamicXAxis)!=null&&l3.isEnabled?E.jsx(ce,{options:[...((_7=F3==null?void 0:F3.dynamicXAxis)==null?void 0:_7.options)||[],...(i8=F3==null?void 0:F3.dynamicXAxis)!=null&&i8.isEnableCustomFields?K5||[]:[]],onChange:r6=>Y3(C9=>({...C9,dynamicXAxis:{...C9.dynamicXAxis,selectedOption:r6},xAxis:r6.value})),selectedOption:F3.dynamicXAxis.selectedOption||{value:"",label:""},label:j4,labelVariant:"floating",menuZIndex:999999999999}):null,(K8=F3==null?void 0:F3.dynamicYAxis)!=null&&K8.isEnabled?(g6=F3==null?void 0:F3.dynamicYAxis)!=null&&g6.isEnabledMultiselect?E.jsx(ss,{options:((u9=F3.dynamicYAxis)==null?void 0:u9.options)||[],onChange:r6=>Y3(C9=>({...C9,dynamicYAxis:{...C9.dynamicYAxis,selectedOption:r6==null?void 0:r6.map(_9=>({value:_9==null?void 0:_9.value,label:_9==null?void 0:_9.value}))},yAxisList:r6!=null&&r6.length?[...r6==null?void 0:r6.map(_9=>_9==null?void 0:_9.value)]:[]})),selectedOption:(($6=F3==null?void 0:F3.dynamicYAxis)==null?void 0:$6.selectedOption)||[{value:"",label:""}],label:X4,labelVariant:"floating",menuZIndex:999999999999}):E.jsx(ce,{options:((V9=F3.dynamicYAxis)==null?void 0:V9.options)||[],onChange:r6=>Y3(C9=>({...C9,dynamicYAxis:{...C9.dynamicYAxis,selectedOption:[r6]},yAxisList:r6.value?[r6.value]:[]})),selectedOption:((j9=(P9=F3==null?void 0:F3.dynamicYAxis)==null?void 0:P9.selectedOption)==null?void 0:j9[0])||{value:"",label:""},label:X4,labelVariant:"floating",menuZIndex:999999999999}):null,(J5=F3==null?void 0:F3.customSettings)!=null&&J5.isEnableSwitchMeasure?E.jsx(ce,{options:T6,onChange:r6=>Y3(C9=>{var _9,Q9;return{...C9,sankeyValues:[((_9=C9==null?void 0:C9.sankeyValues)==null?void 0:_9[0])||"",((Q9=C9==null?void 0:C9.sankeyValues)==null?void 0:Q9[1])||"",r6.value]}}),selectedOption:{value:((N4=F3.sankeyValues)==null?void 0:N4[2])||"",label:((h4=F3.sankeyValues)==null?void 0:h4[2])||""},label:"Switch Measure",labelVariant:"floating",menuZIndex:999999999999}):null,F3!=null&&F3.isDynamicSeries?E.jsx(ce,{options:l6,onChange:r6=>Y3(C9=>({...C9,seriesField:r6.value})),selectedOption:{label:(F3==null?void 0:F3.seriesField)||"ungrouped",value:(F3==null?void 0:F3.seriesField)||"ungrouped"},label:"Group by",labelVariant:"floating",menuZIndex:999999999999}):null,(y4=F3.timeSeriesSettings)!=null&&y4.groupBySettings.isDynamic?E.jsx(ce,{options:(Ct=F3.timeSeriesSettings.groupBySettings.options)==null?void 0:Ct.map(r6=>{var C9;return{label:r6.split("____").length>1?r6.split("____")[1]||((C9=r6==null?void 0:r6.split("____"))==null?void 0:C9[0]):r6,value:r6.split("____")[0]}}),onChange:r6=>Y3(C9=>{var _9;return{...C9,timeSeriesSettings:{...C9.timeSeriesSettings,groupBySettings:{...(_9=C9.timeSeriesSettings)==null?void 0:_9.groupBySettings,value:r6.value}},xAxis:m6?C9.xAxis:`${r6.value} of ${J8}`}}),menuZIndex:999999999999,selectedOption:{label:Ba2(((tr=(Qt=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:Qt.groupBySettings)==null?void 0:tr.value)||""),value:(An=(mr=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:mr.groupBySettings)==null?void 0:An.value},labelVariant:"floating",label:"Timeseries"}):null,((un=F3.pivotTableSettings2)==null?void 0:un.isDynamicHeaders)&&F3.chartType===M0.pivotV2||((Zi=F3.pivotTableSettings3)==null?void 0:Zi.isDynamicHeaders)&&F3.chartType===M0.pivotV3&&E.jsx(ss,{onChange:r6=>{Y3(C9=>{var _9;return{...C9,pivotTableSettings2:{...C9.pivotTableSettings2,headers:r6==null?void 0:r6.map(Q9=>Q9.value),dimensions:(_9=N8.filter(Q9=>!r6.some(z9=>z9.value===Q9.value)))==null?void 0:_9.map(Q9=>Q9.value)},pivotTableSettings3:{...C9.pivotTableSettings3,rows:r6==null?void 0:r6.map(Q9=>Q9.value)}}})},options:N8,selectedOption:(F3==null?void 0:F3.chartType)===M0.pivotV3?(N8==null?void 0:N8.filter(r6=>{var C9,_9;return(_9=(C9=F3==null?void 0:F3.pivotTableSettings3)==null?void 0:C9.rows)==null?void 0:_9.includes(r6.value)}))||[]:(N8==null?void 0:N8.filter(r6=>{var C9,_9;return(_9=(C9=F3==null?void 0:F3.pivotTableSettings2)==null?void 0:C9.headers)==null?void 0:_9.includes(r6.value)}))||[],isSearchEnabled:!0,menuWidth:"300px",menuZIndex:999999999999}),(Ti=F3.customSettings)!=null&&Ti.showSelectLegend?E.jsx(ss,{label:"legend",labelVariant:"floating",options:i7!=null&&i7.length?i7==null?void 0:i7.map(r6=>({value:r6,label:r6})):[],onChange:r6=>{Y3(C9=>({...C9,selectedSeries:(r6==null?void 0:r6.map(_9=>_9.value))||[]}))},selectedOption:((Fi=i7==null?void 0:i7.filter(r6=>{var C9;return(C9=F3==null?void 0:F3.selectedSeries)==null?void 0:C9.some(_9=>_9===r6)}))==null?void 0:Fi.map(r6=>({value:r6,label:r6})))||[],isSearchEnabled:!0,menuZIndex:999999999999}):null]})}),(!!Z9.length||$4)&&E.jsxs("div",{className:`${bs.metricFilters} ${ve?"":"dbn-h-full"}`,children:[E.jsxs("div",{className:`${F3!=null&&F3.isEnableComparisonFilter&&[M0.line].includes(F3.chartType)?"dbn-h-auto":"dbn-h-full"} dbn-w-full dbn-flex dbn-justify-between dbn-items-start`,children:[E.jsxs("div",{className:`${bs.metricFilters} dbn-h-full ${$4?"dbn-w-[70%]":""}`,children:[E.jsx(UK,{filters:Z9,updateFilter:r7}),(oo=w7.filter(r6=>!r6.group))==null?void 0:oo.map((r6,C9)=>E.jsx(fE,{globalFilters:l7,datasourceId:e0,isAllClient:D,hideDatePickerOptions:M2,workspaceId:g2,rlsConditions:r6,onChangeFilterValue:F9,clientId:l,className:w7.length-1===C9?bs.filterTopLeft:"",rlsConditionList:[...w7,...O7],tenancyLevel:e,clientColumnType:N2},r6.name)),(ao=O7.filter(r6=>!r6.group))==null?void 0:ao.map((r6,C9)=>E.jsx(fE,{globalFilters:l7,datasourceId:e0,isAllClient:D,hideDatePickerOptions:M2,workspaceId:g2,rlsConditions:r6,onChangeFilterValue:F9,clientId:l,className:C9===0?bs.filterTopRight:"",rlsConditionList:[...w7,...O7],tenancyLevel:e,clientColumnType:N2},r6.name)),(F3==null?void 0:F3.isEnableComparisonFilter)&&[M0.line].includes(F3.chartType)&&E.jsx(E6,{variant:"primary",onClick:()=>{r5()},children:"Add Comparison"})]}),$4&&E.jsx("div",{className:"dbn-h-full dbn-w-[30%]",children:E.jsx(by,{value:typeof(b3==null?void 0:b3[0])=="string"?b3==null?void 0:b3[0]:"",onChange:r6=>o8(()=>[String(r6)]),placeholder:"Search",className:_3!=null&&_3.length?"":"dbn-invisible"})})]}),D6&&(F3==null?void 0:F3.isEnableComparisonFilter)&&[M0.line].includes(F3.chartType)&&((Ui=Object.keys(D6))==null?void 0:Ui.map(r6=>{var C9;return E.jsxs("div",{className:`${bs.metricFilters} dbn-h-auto`,children:[(C9=D6==null?void 0:D6[r6])==null?void 0:C9.map((_9,Q9)=>E.jsx(fE,{globalFilters:l7,datasourceId:e0,isAllClient:D,hideDatePickerOptions:M2,workspaceId:g2,rlsConditions:_9,onChangeFilterValue:F9,clientId:l,className:Q9===0?bs.filterTopRight:"",rlsConditionList:[...w7,...O7],tenancyLevel:e,clientColumnType:N2},_9.name)),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"cross"}),className:"dbn-h-9 dbn-flex dbn-items-center dbn-justify-center dbn-px-2 dbn-w-full dbn-border dbn-border-secondary dbn-rounded-md",onClick:()=>{r5(!0)}})]})}))]})]}),E.jsxs("div",{className:`${bs.chartWrapper} ${[M0.table,M0.trendAnalyzer].includes((F3==null?void 0:F3.chartType)||"")?bs.tableChartWrapper:""}`,children:[![M0.boxplot,M0.horizontalStackTable,M0.pivot,M0.pivotV2,M0.pivotV3,M0.gauge].includes(F3==null?void 0:F3.chartType)||F3.chartType===M0.gauge&&n.clickActions.chart.isEnable?E.jsx(qK,{disableDownloadUnderlyingDataNoFilters:H7,language:m0,underlyingTheme:o,translationDictionary:j0,clientColumnType:N2,isOpen:f6,setOpen:R8,isInavlidForSort:a9,isGaugeChart:F3.chartType===M0.gauge,value:b9==null?void 0:b9.name,columnName:$7,getUnderlyingData:E8,elementRef:{containerRef:S6,event:(so=b9==null?void 0:b9.event)==null?void 0:so.event},position:"dynamic",isSingleValueChart:!![M0.singleValue].includes(F3==null?void 0:F3.chartType),isEnableSort:(Io=F3==null?void 0:F3.customSettings)==null?void 0:Io.isEnableSort,setSortOrder:O3,rawCsvDownloadButtonProps:{data:[],fileName:n==null?void 0:n.name,companyIntegrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,isPythonMode:m6,metricData:{options:{clientId:f2?C2||"":l,isFrontend:f2,token:T2},globalFilters:{...l7,filters:((Mo=l7==null?void 0:l7.filters)==null?void 0:Mo.filter(r6=>r6.isVariableFilter))||[]},rlsConditions:u8==null?void 0:u8.filter(r6=>r6.isVariableFilter),tenancyLevel:e,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:p8,isAllClient:D},updateDownloadProgress:()=>{},children:E.jsx(E.Fragment,{children:E.jsx(H6,{name:"download"})})}}):null,!((_e=s5==null?void 0:s5.tableSettings)!=null&&_e.isEnableColumnFilter&&((cr=s5==null?void 0:s5.tableSettings)!=null&&cr.isServerSidePagination))&&E.jsx(qd2,{isLoading:k6,isDataLength:!!_3.length,isSingleValue:F3.singleValue,dataDb:_3[0],chartType:"",error:n7,onReload:()=>M7()}),((tn=n==null?void 0:n.drillDownSettings)==null?void 0:tn.isEnableGroupBy)&&!!_3.length&&E.jsx(E.Fragment,{children:E.jsx(gg2,{drillDownSettings:W7,onResetLevel:async()=>await J1("",!0),onDrillLevelClick:async r6=>await J1(r6),isShowBreadCrumb:!!((ji=(ui=W7==null?void 0:W7.configV2)==null?void 0:ui.levels)!=null&&ji.length)&&![M0.horizontalStackTable,M0.pivot,M0.sankey,M0.pivotV2,M0.pivotV3].includes(F3==null?void 0:F3.chartType)})}),!k6&&(_3!=null&&_3.length||(zi=s5==null?void 0:s5.tableSettings)!=null&&zi.isEnableColumnFilter&&((Gi=s5==null?void 0:s5.tableSettings)!=null&&Gi.isServerSidePagination))&&!S8?E.jsx(wy,{isDashboard:!0,dateFilter:z5,language:m0,translationDictionary:j0,drilldownCols:d6,variables:s8,isPythonMode:m6,onDrillPivotTable:X8,chartAppearance:U2,pivotDrillState:M8,chartOptions:s5,sortOrder:i6,seriesName:b9==null?void 0:b9.seriesName,isSortReversed:i9&&[M0.row,M0.horizontalStack].includes((F3==null?void 0:F3.chartType)||""),data:_3,colors:S9?F3==null?void 0:F3.chartColors:i||(F3==null?void 0:F3.chartColors),events:{click:(r6,C9)=>{var Q9,z9,V4,P5,Bt,je,lt,Pe,le,Me,Xe;const _9=(Q9=Object.keys(r6))!=null&&Q9.length?r6:C9;if([M0.progressBar,M0.linearGauge].includes(F3.chartType)){F8(r6),R8(!0);return}if((z9=n.drillDownSettings)!=null&&z9.isEnableGroupBy&&(o5==null?void 0:o5.length)!==D9){const ze=F3.chartType==="table"?(V4=C9==null?void 0:C9.find(he=>he.columnName===(o5==null?void 0:o5[D9])))==null?void 0:V4.value:"";(Pe=(lt=(P5=W7==null?void 0:W7.configV2)==null?void 0:P5.levels)==null?void 0:lt[((je=(Bt=W7==null?void 0:W7.configV2)==null?void 0:Bt.levels)==null?void 0:je.length)-1])!=null&&Pe.isEnable||s6(F3.chartType==="table"?{name:ze,rowFilters:C9}:r6)}(!((le=n.drillDownSettings)!=null&&le.isEnableGroupBy)||(Me=n.drillDownSettings)!=null&&Me.isEnableGroupBy&&(o5==null?void 0:o5.length)===D9)&&((Xe=n.clickActions.chart)!=null&&Xe.isEnable)&&FK(n.clickActions.chart,_5(_9)||void 0)},contextmenu:r6=>{[M0.progressBar,M0.linearGauge].includes(F3.chartType)||(F8(r6),R8(!0))}},className:[M0.table,M0.trendAnalyzer].includes((F3==null?void 0:F3.chartType)||"")?"":bs.chart,isEnableDrillDown:(xi=n.drillDownSettings)==null?void 0:xi.isEnableGroupBy,config:{tableColumnFilters:H5,onChangePaginationColumnFilters:x9,ref:i0,chartClickConfig:(br=n.clickActions)==null?void 0:br.chart,onColumnSizingChange:r6=>Y3(C9=>({...C9,tableSettings:{...C9.tableSettings,columnSizing:r6}})),onChartReady:()=>B4(!0),isInfiniteScroll:!1,onChangePage:B5,isExternalChart:F6,isEnableNextBtn:a4,isEnablePrevBtn:L5,paginationInfo:o4,setChartSettings:Y3,dropdownZindex:F3.chartType===M0.table?999999999999:void 0,isFullScreenChart:!0},externalGlobalFilter:$4?b3:void 0,setExternalGlobalFilter:$4?o8:void 0}):null,!_3.length&&k6?E.jsx("div",{className:"dbn-w-full dbn-h-[350px]",children:F3.chartType==="table"?E.jsx(eA,{variant:"table"}):E.jsx(Ac,{})}):null]})]}),!V&&F3.chartType!=="table"&&!S8?E.jsx("div",{"data-testid":"table-view-chart",className:"dbn-flex-1 dbn-border dbn-border-secondary dbn-rounded-2xl dbn-p-6",children:E.jsx(jM,{onChangePaginationColumnFilters:x9,tableColumnFilters:H5,language:m0,translationDictionary:j0,data:g5,isLoading:k6,error:"",tableName:"Table Preview",headerAlignment:"left",comboFormatter:(F3==null?void 0:F3.chartType)===M0.combo?(e6=(o6=F3==null?void 0:F3.customSettings)==null?void 0:o6.comboAxisSettings)==null?void 0:e6.map(r6=>({...r6,suffix:r6!=null&&r6.suffix?rl((r6==null?void 0:r6.suffix)||"^^^^^",s8):r6==null?void 0:r6.suffix,prefix:r6!=null&&r6.prefix?rl((r6==null?void 0:r6.prefix)||"^^^^^",s8):r6==null?void 0:r6.prefix})):[],tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"large",contentAlignment:"left",hideVerticalDivider:!1,tableFormatter:(r9=F3==null?void 0:F3.customSettings)==null?void 0:r9.numberFormatter,tablePrefix:P4,tableSuffix:st,isEnableNumberFormatting:!0,formattedColumns:(F3==null?void 0:F3.yAxisList)||[],tableTitle:"Underlying Data",customHeaderColor:{isEnabled:!0,color:(B6=o==null?void 0:o.header)==null?void 0:B6.bgColor,textColor:(v9=o==null?void 0:o.header)==null?void 0:v9.fontColor},headerFontBold:((N6=o==null?void 0:o.header)==null?void 0:N6.fontWeight)==="boldfont",contentColor:(W9=o==null?void 0:o.content)==null?void 0:W9.fontColor,contentWeight:Number((E5=o==null?void 0:o.content)==null?void 0:E5.fontWeight)},dropdownZindex:999999999999})}):null]}),m8?E.jsx(Qk,{chartTypePanelProps:{selectedChart:F3.chartType,onChartChange:L4,enabledCharts:s9,isOpen:m8,onClose:()=>x8(!1),zIndex:9999999999,inline:!0,onClickSettings:()=>{x8(!1),y6(!0)}}}):null,O5?E.jsx("div",{className:bs.chartPanelContainer,children:E.jsx(rn0,{isOpen:O5,onClose:()=>y6(!1),zIndex:9999999999,chartSettings:F3,setChartSettings:Y3,columnList:B9,inline:!0,onClickBack:()=>{y6(!1),x8(!0)}})}):null,n6.isOpen?E.jsx("div",{className:bs.chartPanelContainer,children:E.jsx(Rn0,{inline:!0,isOpen:n6.isOpen,onClose:()=>d4(r6=>({...r6,isOpen:!1,isLoading:!1})),report:n6.report,isLoading:n6.isLoading,zIndex:9999999999})}):null]}),E.jsx(dV,{workspaceId:g2,metricItem:n,isShowRawCsvModal:q7,onCloseModal:P7,sharingSettingsId:g,query:ob({query:Og((n==null?void 0:n.query)||"",(n==null?void 0:n.companyId)||""),dbName:(n==null?void 0:n.integrationName)||"",rlsConditions:u8,tenancyLevel:e,clientId:l,globalFilters:l7,values:a==null?void 0:a.filterValues,isAllClient:D,clientColumnType:N2,dataMartRelationships:g4})}),d&&E.jsx(nu,{isOpen:I1,onClose:()=>i3(!1),headerTitle:"Update Metric",zIndex:9999999999,children:E.jsx(cN,{onCancel:()=>i3(!1),onSubmit:W5,error:u6,isCreatingMetric:X9,defaultValues:{name:n.name,description:n.description,isLive:n.isLive,metricId:n.isCreatedByClient?n.metricId:`update_${n.metricId}_by_${l}_${Date.now()}`}})}),E.jsx(Hn0,{deleteConfig:K2,onDeleteMetric:v1,setDeleteConfig:v3,error:N1,isDeletingMetric:z1})]})},Dn0=({createElementPanelProps:{isOpen:t,onClose:n,element:i,clientId:o,companyId:a,externalDashboardId:s,userProvidedDashboardId:r}})=>{const[C,l]=X0.useState(!1),[e,A]=X0.useState(!1),{updateExternalMetric:u,error:f,isLoading:d,setValue:g,watch:h,register:I,handleSubmit:y,reset:w,control:V}=CM({onSuccess:()=>{var K,f2;n(),(f2=(K=window==null?void 0:window.location)==null?void 0:K.reload)==null||f2.call(K)},selectedColumns:[],companyIntegrationId:i==null?void 0:i.companyIntegrationId,query:i==null?void 0:i.query,metricQuery:i==null?void 0:i.metricQuery,integrationName:i==null?void 0:i.integrationName,outputColumns:i==null?void 0:i.outputColumns,clientId:o,companyId:a,isLiveMode:i==null?void 0:i.isLive,timeGrain:i==null?void 0:i.timeGrain,dashboardIds:[s],isEnableGroupBy:i==null?void 0:i.isEnableGroupBy,groupBy:i==null?void 0:i.groupBy,selectedGroupBy:i==null?void 0:i.selectedGroupBy,metric:i}),[D,P]=X0.useState({isOpenInNewTab:!1,link:"",targetWord:""}),W=K=>{u==null||u(K,!0)};return X0.useEffect(()=>{var K,f2,T2,C2,g2,N2,H2,M2,U2,Y2,c0,h0,F0,I0,e0,U0,m0,j0,v1,K2,v3,N1,z1,$3,V7,p3,a7,p7,X7;i!=null&&i.id&&(g("metricId",i.metricId),g("elementTitle",i.name),g("description",i.description),g("isDisableCardAppearance",(K=i==null?void 0:i.elementSettings)==null?void 0:K.isDisableCardAppearance),(f2=i==null?void 0:i.elementSettings)!=null&&f2.titleAlignment&&g("titleAlignment",(T2=i==null?void 0:i.elementSettings)==null?void 0:T2.titleAlignment),(C2=i==null?void 0:i.elementSettings)!=null&&C2.descAlignment&&g("descAlignment",(g2=i==null?void 0:i.elementSettings)==null?void 0:g2.descAlignment),(H2=(N2=i==null?void 0:i.elementSettings)==null?void 0:N2.textBox)!=null&&H2.text?(A(!0),g("text",(U2=(M2=i==null?void 0:i.elementSettings)==null?void 0:M2.textBox)==null?void 0:U2.text),g("fontColor",(c0=(Y2=i==null?void 0:i.elementSettings)==null?void 0:Y2.textBox)==null?void 0:c0.fontColor),g("fontWeight",(F0=(h0=i==null?void 0:i.elementSettings)==null?void 0:h0.textBox)==null?void 0:F0.fontWeight),g("fontSize",(e0=(I0=i==null?void 0:i.elementSettings)==null?void 0:I0.textBox)==null?void 0:e0.fontSize),g("textAlignment",(m0=(U0=i==null?void 0:i.elementSettings)==null?void 0:U0.textBox)==null?void 0:m0.alignment),g("textLink",(v1=(j0=i==null?void 0:i.elementSettings)==null?void 0:j0.textBox)==null?void 0:v1.link),g("targetWord",(v3=(K2=i==null?void 0:i.elementSettings)==null?void 0:K2.textBox)==null?void 0:v3.targetWord),g("isOpenInNewTab",(z1=(N1=i==null?void 0:i.elementSettings)==null?void 0:N1.textBox)==null?void 0:z1.isOpenInNewTab),P({isOpenInNewTab:(V7=($3=i==null?void 0:i.elementSettings)==null?void 0:$3.textBox)==null?void 0:V7.isOpenInNewTab,link:(a7=(p3=i==null?void 0:i.elementSettings)==null?void 0:p3.textBox)==null?void 0:a7.link,targetWord:(X7=(p7=i==null?void 0:i.elementSettings)==null?void 0:p7.textBox)==null?void 0:X7.targetWord})):A(!1))},[i]),E.jsxs(E.Fragment,{children:[E.jsx(zd,{isOpen:t,onClose:()=>{w(),n()},size:"small",side:"right",hideFooter:!0,headerTitle:"Add Element",dataTestTitle:"elementPanel",children:E.jsxs("form",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-flex dbn-flex-col dbn-gap-6",onSubmit:y(W),children:[E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[E.jsx(c5,{type:"text",placeholder:"Enter title",label:"Title",register:I("elementTitle")}),E.jsx(c5,{type:"text",placeholder:"Enter description",label:"Description",register:I("description")}),E.jsx(bv,{name:"titleAlignment",control:V,render:({field:K})=>E.jsx(E.Fragment,{children:E.jsx(ce,{buttonWidth:"100%",menuWidth:"100%",label:"Title alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:f2=>{g("titleAlignment",f2.value)},selectedOption:{label:(K==null?void 0:K.value)||"",value:K.value||""}})})}),E.jsx(bv,{name:"descAlignment",control:V,render:({field:K})=>E.jsx(E.Fragment,{children:E.jsx(ce,{buttonWidth:"100%",menuWidth:"100%",label:"Description alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:f2=>{g("descAlignment",f2.value)},selectedOption:{label:(K==null?void 0:K.value)||"",value:K.value||""}})})})]}),E.jsx(u4,{name:"enableMetricCard",placeholder:"Merge Card to Background",enabled:h("isDisableCardAppearance"),onChange:()=>g("isDisableCardAppearance",!h("isDisableCardAppearance"))}),e?null:E.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:E.jsx(E6,{variant:"tab",leftIcon:E.jsx(H6,{name:"plus",size:"sm"}),onClick:()=>A(!0),fitContainer:!0,children:"Text box"})}),e?E.jsxs("div",{className:"dbn-py-5 dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-border-y dbn-border-secondary",children:[E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-items-center dbn-justify-between",children:[E.jsx(A8,{variant:"heading-5",children:"Text box"}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"delete",color:"alert"}),onClick:()=>{A(!1),g("text",""),g("fontWeight",""),g("fontSize",""),g("textAlignment",""),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),P({isOpenInNewTab:!1,link:"",targetWord:""})}})]}),E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx(c5,{type:"text",placeholder:"Enter text",label:"",register:I("text")}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"link",size:"lg"}),onClick:()=>l(!0)})]}),E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4",children:[E.jsx(c5,{type:"text",placeholder:"Regular",label:"Font weight",register:I("fontWeight")}),E.jsx(c5,{type:"text",placeholder:"36px",label:"Font size",register:I("fontSize")})]}),E.jsx(Ps,{name:"font color",label:"Font color",onChange:K=>g("fontColor",K),value:h("fontColor")||"#000000",defaultValue:"#000000"}),E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-6 dbn-py-2 dbn-items-center dbn-justify-center",children:[E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"align-left",size:"lg"}),onClick:()=>g("textAlignment","left"),className:h("textAlignment")==="left"||!h("textAlignment")?"dbn-bg-gray dbn-p-1":""}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"align-space-even",size:"lg"}),onClick:()=>g("textAlignment","center"),className:h("textAlignment")==="center"?"dbn-bg-gray dbn-p-1":""}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"align-right",size:"lg"}),onClick:()=>g("textAlignment","right"),className:h("textAlignment")==="right"?"dbn-bg-gray dbn-p-1":""})]})]}):null,E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4 dbn-items-center dbn-justify-end dbn-pb-4",children:[f?E.jsx(A8,{variant:"body-text-2",color:"alert",children:f}):null,E.jsx(E6,{type:"submit",variant:"primary",children:d?"Saving...":"Save"})]})]})}),E.jsxs(nu,{isOpen:C,onClose:()=>l(!1),customHeader:E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-items-center dbn-justify-between",children:[E.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2",children:[E.jsx(H6,{name:"link",size:"lg"}),E.jsx(A8,{variant:"heading-3",children:"Insert Link"})]}),E.jsx(E6,{variant:"tertiary",type:"button",onClick:()=>{P({isOpenInNewTab:h("isOpenInNewTab")||!1,link:h("textLink")||"",targetWord:h("targetWord")||""}),l(!1)},leftIcon:E.jsx(H6,{name:"cross",size:"xs"}),style:{padding:"0",height:"16px"}})]}),children:[E.jsxs("div",{className:"dbn-w-[500px] dbn-flex dbn-flex-col dbn-gap-4 dbn-pb-4 dbn-px-5",children:[E.jsx(c5,{type:"text",placeholder:"Paste your link here",label:"",value:D.link,onChange:K=>P(f2=>({...f2,link:K.target.value}))}),E.jsx(c5,{type:"text",placeholder:"Enter the target word or sentence",label:"Target",value:D.targetWord,onChange:K=>P(f2=>({...f2,targetWord:K.target.value}))}),E.jsx(rd,{label:"Open link in new tab",onChange:()=>{P(K=>({...K,isOpenInNewTab:!K.isOpenInNewTab}))},checked:D.isOpenInNewTab})]}),E.jsxs(Fd,{children:[E.jsx(E6,{type:"button",variant:"tab",onClick:()=>{w(),P({isOpenInNewTab:!1,link:"",targetWord:""}),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),l(!1)},children:"Discard"}),E.jsx(E6,{type:"submit",variant:"primary",onClick:()=>{g("textLink",D.link),g("isOpenInNewTab",D.isOpenInNewTab),g("targetWord",D.targetWord),l(!1)},children:"Add link"})]})]})]})},Eg2={"MetricList-wrapper":"_MetricList-wrapper_m57he_9","MetricList-wrapper-move":"_MetricList-wrapper-move_m57he_25"},Sn0=({props:{metricList:t,mainMetricItem:n,metricCardColor:i,isAllowedToChangeLayout:o,isMobileScreen:a,isShadowDisableOnHover:s,disableMetricCardBorder:r,isAllowedToUpdateMetrics:C,isEditLayoutEnabled:l,isHoverLongDesc:e,setOpenElementPanel:A,setUpdateElement:u,isEnableEmailRawCsvDownload:f,setRawCsvModal:d,language:g,translationDictionary:h,datasourceId:I,metricStore:y,setHoverLongDesc:w,setHoverSubHeader:V,setPopupOpen:D,setMetricStore:P,setDownloadMetrics:W,isAllClient:K,clientColumnType:f2,noDataImg:T2,isAllowedToSeeUnderlyingData:C2,chartAppearance:g2,hideDatePickerOptions:N2,isDisableMetricLoader:H2,onServerEvent:M2,workspaceId:U2,token:Y2,downloadMetrics:c0,dropdownTheme:h0,underlyingTheme:F0,optionsIcon:I0,disableFullscreen:e0,setFullScreenModal:U0,client:m0,chartColors:j0,globalFilters:v1,companyTenancyType:K2,appFilters:v3,params:N1,isAllowedToDeleteMetrics:z1,setArchiveModal:$3,setCrossDashboardFilters:V7,crossDashboardFilters:p3,enableMultiMetricFilters:a7,enableDownloadCsv:p7,parentHeight:X7,parentWidth:H7,filters:J7,scrollToTop:M3,calendarType:i0,isDisableClick:b3,bgColor:o8,chartFontSettings:q7,disableDownloadDataNoFilters:P7=!1,disableDownloadUnderlyingDataNoFilters:m8=!1,setMetricMetadata:x8,viewMetricData:I1,generatingPdf:i3,dataMartTables:l7}})=>{var R8,f6;const[M7,n7]=X0.useState([]),[_3,W7]=X0.useState([]),s8=X0.useMemo(()=>{let k6=[];const b9=[n,...t].map(F9=>{var L5,o4,B5,F6,J1,Z9;const s6=`${F9==null?void 0:F9.id}-sub-card`,D9=(L5=F9==null?void 0:F9.chartOptions)==null?void 0:L5.cardLayout;[M0.linearGauge,M0.progressBar].includes((o4=F9==null?void 0:F9.chartOptions)==null?void 0:o4.chartType)&&(k6=[...k6,{id:s6,height:(D9==null?void 0:D9.h)??((B5=F9==null?void 0:F9.resizeAttributes)==null?void 0:B5.height)??10}]);const o5=H7||5,a4=X7?(X7||10)/[n,...t].length:5;return{i:s6,w:(D9==null?void 0:D9.w)??o5,h:(D9==null?void 0:D9.h)??a4,x:(D9==null?void 0:D9.x)??((F6=F9==null?void 0:F9.resizeAttributes)==null?void 0:F6.xAxis)??0,y:(D9==null?void 0:D9.y)??((J1=F9==null?void 0:F9.resizeAttributes)==null?void 0:J1.yAxis)??0,minW:F9.isMetric?[M0.singleValue,M0.pivot,M0.pivotV2,M0.pivotV3,M0.progressBar,M0.linearGauge].includes((Z9=F9==null?void 0:F9.chartOptions)==null?void 0:Z9.chartType)?2:3:1,minH:3,maxH:X7}});return W7(k6),b9},[n,t,X7,H7]),E8=X0.useMemo(()=>s8.sort((k6,b9)=>k6.y!==b9.y?k6.y-b9.y:k6.x-b9.x),[s8]),F8=X0.useMemo(()=>[n,...t].map((k6,b9)=>{var S8,S6,F3,Y3,w7;const F9=(S8=_3.find(O7=>O7.id===(k6==null?void 0:k6.id)))==null?void 0:S8.height,s6=k6.isMetric,D9=((S6=n==null?void 0:n.chartOptions)==null?void 0:S6.mergedCards)||[],o5=!!((F3=k6==null?void 0:k6.elementSettings)!=null&&F3.isDisableCardAppearance),a4=(!s6&&!o5||s6)&&!i?"dbn-white":"",L5=o?Eg2["MetricList-wrapper-move"]:"",o4=r?"dbn-border-0":"",B5=!s6&&!o5||s6?"dbn-metric-card-container":"",F6=`${Eg2["MetricList-wrapper"]} ${a4} ${L5} ${o4} ${B5} dbn-shadow-none !important`,J1=()=>{!s6&&C&&!l&&(A(!0),u(k6))},Z9={cursor:"auto",backgroundColor:o8,zIndex:e?s8.length-b9:10,maxWidth:"100%"},p8=(O7,r7)=>{W(r7?m7=>[...m7,{id:O7,isInProgress:r7}]:m7=>m7.filter(u8=>u8.id!==O7))},l6=f?(O7,r7,m7)=>d({show:!0,metric:k6,filterValues:O7,rlsConditions:r7,dataMartRelationships:m7}):void 0;return E.jsx("div",{className:F6,id:`${k6==null?void 0:k6.id}-sub-card`,tabIndex:0,role:"button",style:Z9,onClick:J1,"data-testid":`${(Y3=k6==null?void 0:k6.name)==null?void 0:Y3.toLowerCase().replaceAll(" ","-")}-card`,children:E.jsx(Lk,{dataMartTables:l7,viewMetricData:I1,setMetricMetadata:x8,disableDownloadDataNoFilters:P7,disableDownloadUnderlyingDataNoFilters:m8,calendarType:i0,disableFullscreen:!!e0,isDisableClick:b3,language:g,translationDictionary:h,datasourceId:I,metricStore:y,disableBorder:r,setHoverLongDesc:w,setPopupOpen:D,chartFontSettings:q7,setHoverSubHeader:V,setMetricStore:P,isAllClient:K,clientColumnType:f2,isMergedMetric:!!D9.length&&!a,metricCardColor:i,isShadowDisableOnHover:s,noDataImg:T2,isAllowedToSeeUnderlyingData:C2,chartAppearance:g2,hideDatePickerOptions:N2,chartHeight:F9||void 0,isEditLayoutEnabled:l,isDisableMetricLoader:H2,onServerEvent:M2,workspaceId:U2,guestToken:Y2,isFrontendApp:!1,downloadMetrics:c0,onDownload:p8,metricItem:k6,dropdownTheme:h0,underlyingTheme:F0,optionsIcon:I0,onMaximize:void 0,client:m0,colors:j0,globalFilters:{tableName:(v1==null?void 0:v1.tableName)||"",filters:[...(v1==null?void 0:v1.filters)||[],...(w7=M7==null?void 0:M7.filter(O7=>O7==null?void 0:O7.value))==null?void 0:w7.map(O7=>ya2(O7))]},param:N1==null?void 0:N1.find(O7=>O7.metricId===k6.metricId),appFilters:v3==null?void 0:v3.find(O7=>O7.metricId===k6.metricId),companyTenancyType:K2,onArchive:z1?O7=>$3({id:O7,show:!0,metricId:(k6==null?void 0:k6.metricId)||""}):void 0,disableActions:l,isDisableMorePopup:l,setCrossDashboardFilters:V7,crossDashboardFilters:p3,enableMultiMetricFilters:a7,enableDownloadCsv:p7,onDownloadRawCsv:l6,generatingPdf:i3})},`${k6==null?void 0:k6.id}-sub-card`)}),[l7,P7,m8,n,E8,t,_3,i,o,r,e,s8.length,f,g,h,I,y,w,V,D,P,K,f2,a,s,T2,C2,g2,N2,l,H2,M2,U2,Y2,c0,h0,F0,I0,e0,m0,j0,v1==null?void 0:v1.tableName,v1==null?void 0:v1.filters,M7,N1,v3,K2,z1,V7,p3,a7,p7,C,A,u,W,d,U0,$3,i0,I1,i3]),$7=X0.useMemo(()=>{var k6;return(k6=n==null?void 0:n.chartOptions)==null?void 0:k6.isNewLayout},[(R8=n==null?void 0:n.chartOptions)==null?void 0:R8.isNewLayout]);return E.jsxs(E.Fragment,{children:[!!(J7!=null&&J7.length)&&E.jsx("div",{className:"dbn-w-full dbn-flex  dbn-gap-2 dbn-p-2 dbn-items-end dbn-z-[19] dbn-justify-start",children:E.jsx(k_,{parentAppliedFilter:(v1==null?void 0:v1.filters)||[],isEditLayoutEnabled:!1,clientColumnType:f2,hideDatePickerOptions:[],appliedfilters:M7,setAppliedFilters:n7,filters:[{tableName:"",columns:J7}],internal:{isInternal:!0,workspaceId:U2||""},clientId:m0,isAllClient:K,theme:h0,tenancyLevel:K2,layout:{adminLayout:((f6=n==null?void 0:n.chartOptions)==null?void 0:f6.filterLayout)||[],clientLayout:[],isLocked:!0,onChange:()=>{}},datasourceId:I})}),E.jsx(Tk,{layouts:{lg:E8},rowHeight:30,breakpoints:{lg:1800,md:996,sm:768,xs:480,xxs:0},cols:{lg:$7&&H7||12,md:$7&&H7||12,sm:$7&&H7||12,xs:$7&&H7||4,xxs:$7&&H7||2},margin:[10,10],containerPadding:[0,0],draggableHandle:"metric-sub-card",isDraggable:!1,isDroppable:!1,isResizable:!1,children:F8},l?"reset":"default")]})},Tk=Kd2.WidthProvider(Kd2.Responsive),Nn0=({userIdentifier:t,noDataFoundSvg:n,isShowNoDataFoundScreen:i,chartColors:o,globalFilters:a,dataLimit:s,client:r,companyId:C,isAllowedToUpdateMetrics:l,isAllowedToDeleteMetrics:e,isAllowedToChangeLayout:A,isAllowedToSeeUnderlyingData:u,externalDashboardMetrics:f,isMetricListLoading:d,breakpoint:g,layoutCols:h,layout:I,params:y,companyTenancyType:w="TABLE",externalDashboardId:V,externalDashboardPk:D,sharingSettingsId:P,appFilters:W,isHideChartSettings:K,isHideTablePreview:f2,enableDownloadCsv:T2,enableEmailCsv:C2,enableMultiMetricFilters:g2,disableFullscreen:N2,dropdownTheme:H2,underlyingTheme:M2,optionsIcon:U2,token:Y2,workspaceId:c0,clientColumnType:h0,isShowLoader:F0,isEditLayoutEnabled:I0,isEnableMetricSummary:e0,hideDatePickerOptions:U0,chartAppearance:m0,isAllClient:j0,gridMargin:v1,isDisableMetricLoader:K2,isShadowDisableOnHover:v3,noDataImg:N1,metricCardColor:z1,shouldFitFullScreen:$3,mergedMetrics:V7,metricIndex:p3,setRowMetrics:a7,onServerEvent:p7,disableDownloadPng:X7,disableMetricCardBorder:H7,isMobileScreen:J7,isAllowToDownloadMetrics:M3,chartColumns:i0,datasourceId:b3,language:o8,translationDictionary:q7,metricMergedFilters:P7,fullScreenModal:m8,setFullScreenModal:x8,calendarType:I1,isDisableClick:i3,onEditMetric:l7,isDataApp:M7,chartFontSettings:n7,saveDashLayout:_3,disableDownloadDataNoFilters:W7=!1,disableDownloadUnderlyingDataNoFilters:s8=!1,rules:E8=[],setMetricMetadata:F8,viewMetricData:$7,generatingPdf:R8,dataMartTables:f6})=>{var B9,h6,d6,T6,z5,s9,H5,x9,K5,W5;const[k6,b9]=X0.useState([]),s6=new URLSearchParams(window.location.search).get("isDbn"),[D9,o5]=X0.useState(new Map),[a4,L5]=X0.useState([]),[o4,B5]=X0.useState(!1),[F6,J1]=X0.useState(!1),[Z9,p8]=X0.useState(!1),[l6,S8]=X0.useState(),[S6,F3]=X0.useState(!1),[Y3,w7]=X0.useState({show:!1,metric:void 0,filterValues:void 0,rlsConditions:[],dataMartRelationships:[]}),[O7,r7]=X0.useState({id:"",show:!1,metricId:""}),[m7,u8]=X0.useState([]),[N8,M8]=X0.useState([]),{handleArchiveMetric:X8,isLoading:i7}=r70({token:Y2,metricId:O7.id,onSuccess:async()=>{p7==null||p7(C30,O7.id),r7({id:"",show:!1,metricId:""}),x8({show:!1,isClickOnChart:!1}),await J8({clientId:r,data:{companyId:C,feature:"ARCHIVE_METRIC",dashboardId:V,metricId:O7.metricId},isFrontendApp:!1,token:Y2}),window.location.reload()}}),{saveLogsAsync:J8}=h_(),{isDisableDownloadSettings:m6}=w_({sharingSettingsId:P,workspaceId:c0}),i9=X0.useMemo(()=>(C2==null?void 0:C2.toString())&&C2||!(C2!=null&&C2.toString())&&!m6,[m6,C2]),a9=X0.useMemo(()=>{var u6;return((u6=f==null?void 0:f.map(X9=>{var k9,M9,Y9,s5,_5,g5;return(Y9=(M9=(k9=X9==null?void 0:X9.externalMetric)==null?void 0:k9.clickActions)==null?void 0:M9.chartWithMetric)!=null&&Y9.isEnable?(g5=(_5=(s5=X9==null?void 0:X9.externalMetric)==null?void 0:s5.clickActions)==null?void 0:_5.chartWithMetric)==null?void 0:g5.metricId:""}))==null?void 0:u6.filter(X9=>X9))||[]},[f]),i6=X0.useMemo(()=>f==null?void 0:f.map(u6=>{var k9,M9,Y9,s5;const X9=i0==null?void 0:i0.find(_5=>{var g5;return _5.metricId===((g5=u6==null?void 0:u6.externalMetric)==null?void 0:g5.metricId)&&_5.isEnabled});return X9?{...u6==null?void 0:u6.externalMetric,chartOptions:{...(k9=u6==null?void 0:u6.externalMetric)==null?void 0:k9.chartOptions,enduserMeasureAndDimensions:{isEnabled:!!(X9!=null&&X9.isEnabled),dimensions:((M9=X9==null?void 0:X9.dimensions)==null?void 0:M9.map(_5=>({value:_5,label:_5})))||[],measures:((Y9=X9==null?void 0:X9.measures)==null?void 0:Y9.map(_5=>({value:_5,label:_5})))||[]},yAxisList:(X9==null?void 0:X9.measures)||[],xAxis:((s5=X9==null?void 0:X9.dimensions)==null?void 0:s5[0])||""}}:u6.externalMetric}),[f,i0]),O3=X0.useMemo(()=>{const u6=i6==null?void 0:i6.filter(Y9=>{var s5;return!((s5=Y9==null?void 0:Y9.clientArchivedMetrics)!=null&&s5.length)}),X9=u6==null?void 0:u6.filter(Y9=>(!Y9.isCreatedByClient||Y9.isCreatedByClient&&!Y9.clientId)&&!(V7!=null&&V7.includes(Y9==null?void 0:Y9.id))&&!(a9!=null&&a9.includes(Y9==null?void 0:Y9.id))),k9=u6==null?void 0:u6.filter(Y9=>Y9.isCreatedByClient&&Y9.clientId===r&&!(V7!=null&&V7.includes(Y9==null?void 0:Y9.id)));return[...X9||[],...k9||[]].sort((Y9,s5)=>{const _5=new Date(Y9.createdAt).getTime(),g5=new Date(s5.createdAt).getTime();return _5-g5})},[r,i6,V7,a9]),r5=X0.useMemo(()=>EJ2(k6,E8||[]),[k6,E8]),D6=X0.useMemo(()=>O3==null?void 0:O3.filter(u6=>!(r5!=null&&r5.includes(u6==null?void 0:u6.id))),[O3,r5]),q6=X0.useMemo(()=>{let u6=[];const X9=D6==null?void 0:D6.map(k9=>{var s5,_5,g5,S9,j4;const M9=I.clientLayout.find(X4=>X4.i===k9.id),Y9=I.adminLayout.find(X4=>X4.i===k9.id);return[M0.linearGauge,M0.progressBar].includes(k9.chartOptions.chartType)&&(u6=[...u6,{id:(M9==null?void 0:M9.i)??(Y9==null?void 0:Y9.i)??k9.id,height:(M9==null?void 0:M9.h)??(Y9==null?void 0:Y9.h)??((s5=k9==null?void 0:k9.resizeAttributes)==null?void 0:s5.height)??10}]),{i:(M9==null?void 0:M9.i)??(Y9==null?void 0:Y9.i)??k9.id,w:(M9==null?void 0:M9.w)??(Y9==null?void 0:Y9.w)??((_5=k9.resizeAttributes)==null?void 0:_5.width)??5,h:(M9==null?void 0:M9.h)??(Y9==null?void 0:Y9.h)??((g5=k9.resizeAttributes)==null?void 0:g5.height)??10,x:(M9==null?void 0:M9.x)??(Y9==null?void 0:Y9.x)??((S9=k9.resizeAttributes)==null?void 0:S9.xAxis)??0,y:(M9==null?void 0:M9.y)??(Y9==null?void 0:Y9.y)??((j4=k9.resizeAttributes)==null?void 0:j4.yAxis)??0,minW:k9.isMetric?[M0.singleValue,M0.pivot,M0.pivotV2,M0.pivotV3,M0.progressBar,M0.linearGauge].includes(k9.chartOptions.chartType)?2:3:1,minH:k9.isMetric?[M0.singleValue,M0.pivot,M0.pivotV2,M0.pivotV3,M0.table,M0.trendAnalyzer].includes(k9.chartOptions.chartType)?2:[M0.progressBar,M0.linearGauge].includes(k9.chartOptions.chartType)?3:8:1,maxH:k9.chartOptions.chartType==="table"?1/0:18}});return M8(u6),X9},[D6,I.adminLayout,I.clientLayout]),n6=X0.useMemo(()=>q6.sort((u6,X9)=>u6.y!==X9.y?u6.y-X9.y:u6.x-X9.x),[q6]);X0.useEffect(()=>{var u6;if(n6!=null&&n6.length&&p3){const X9=(u6=n6[p3||0])==null?void 0:u6.y,k9=n6==null?void 0:n6.slice(p3);a7==null||a7(()=>{let M9=0;return k9==null||k9.forEach(Y9=>{Y9.y===X9&&(M9+=1)}),M9-1})}},[n6,p3]);const d4=X0.useMemo(()=>{const u6=new Map;return n6.forEach((X9,k9)=>{u6.set(X9.i,k9)}),D6.sort((X9,k9)=>u6.get(X9.id)-u6.get(k9.id)),D6.slice(0,s)},[n6,D6,s]),B4=X0.useMemo(()=>n6.slice(0,s),[n6,s]);X0.useEffect(()=>{L5([])},[V]),X0.useEffect(()=>{const u6=setTimeout(()=>{window.dispatchEvent(new Event("resize"))},300);return()=>clearTimeout(u6)},[q6]);const g4=X0.useMemo(()=>d4==null?void 0:d4.map((u6,X9)=>{var d7,j7,_8,j3,f7,T8,a6,l3,_7,i8,K8,g6,u9,$6,V9,P9,j9,J5,N4,h4,y4,Ct,Qt,tr,mr,An,un,Zi,Ti,Fi,oo,ao,Ui,so,Io,Mo;const k9=(j7=(d7=u6==null?void 0:u6.clickActions)==null?void 0:d7.chartWithMetric)!=null&&j7.isEnable?(j3=(_8=u6==null?void 0:u6.clickActions)==null?void 0:_8.chartWithMetric)==null?void 0:j3.metricId:void 0,M9=k9?i6==null?void 0:i6.find(_e=>_e.id===k9):void 0,Y9=(f7=N8.find(_e=>_e.id===(u6==null?void 0:u6.id)))==null?void 0:f7.height,s5=u6.isMetric,_5=((T8=u6==null?void 0:u6.chartOptions)==null?void 0:T8.mergedCards)||[],g5=((a6=P7==null?void 0:P7.find(_e=>_e.id===(u6==null?void 0:u6.id)))==null?void 0:a6.filters)||[],S9=(l3=_5==null?void 0:_5.map(_e=>i6==null?void 0:i6.find(tn=>tn.id===(_e==null?void 0:_e.value))))==null?void 0:l3.filter(_e=>_e),j4=(g5==null?void 0:g5.length)||!!S9.length,X4=!!((_7=u6==null?void 0:u6.elementSettings)!=null&&_7.isDisableCardAppearance),P4=!s5&&!X4||s5?"dbn-metric-card-container":"",st=((i8=u6==null?void 0:u6.chartOptions)==null?void 0:i8.chartType)===M0.singleValue&&((g6=(K8=u6==null?void 0:u6.chartOptions)==null?void 0:K8.customSettings)==null?void 0:g6.isEnableSingleValueBgColor),$4=st&&(($6=(u9=u6==null?void 0:u6.chartOptions)==null?void 0:u9.customSettings)==null?void 0:$6.singleValueBgColor)||"",ve=(!s5&&!X4||s5)&&!z1&&!$4?"dbn-white":"",ie=A?cf["MetricList-wrapper-move"]:"",ye=_5.length&&!J7?`dbn-metric-card ${_5.length<2?cf.gridDisplay:cf.gridDisplay2} ${v3?"":cf.isShowShadow}`:cf.flexDisplay,g9=H7?"dbn-border-0":"",N5=`${cf["MetricList-wrapper"]} ${P4} ${ve} ${ie} ${ye} ${g9} dbn-card-element`,C4=`${cf["MetricList-wrapper"]} ${P4} ${ve} ${ie}  ${g9} ${cf.mergedCard} dbn-card-element`,Z4=()=>{!s5&&l&&!I0&&(F3(!0),S8(u6))},fe=!s5&&!!(S9!=null&&S9.every(_e=>!(_e!=null&&_e.isMetric)))&&X4;let Ce;(P9=(V9=u6==null?void 0:u6.elementSettings)==null?void 0:V9.elementType)!=null&&P9.value?Ce=(J5=(j9=u6==null?void 0:u6.elementSettings)==null?void 0:j9.elementType)==null?void 0:J5.value:!((h4=(N4=u6==null?void 0:u6.elementSettings)==null?void 0:N4.elementType)!=null&&h4.value)&&((Qt=(Ct=(y4=u6==null?void 0:u6.elementSettings)==null?void 0:y4.summary)==null?void 0:Ct.metricList)!=null&&Qt.length)?Ce="metricSummary":Ce="customTextBox";let o1="",A3="";!s5&&Ce==="metricSummary"&&((mr=(tr=u6==null?void 0:u6.elementSettings)==null?void 0:tr.summary)!=null&&mr.summaryBgColor)?o1=(un=(An=u6==null?void 0:u6.elementSettings)==null?void 0:An.summary)==null?void 0:un.summaryBgColor:j4&&fe?o1="":j4&&!fe&&!(u6!=null&&u6.isMetric)?z1?o1=z1:o1="white":$4?o1=$4:z1&&!X4?o1=z1:!s5&&!X4||s5?o1="white":o1="",j4&&((Zi=u6==null?void 0:u6.chartOptions)!=null&&Zi.isEnableMergeDividers)&&!fe&&(A3=((Ti=u6==null?void 0:u6.chartOptions)==null?void 0:Ti.dividerColor)??"");const K3={cursor:"auto",backgroundColor:(Fi=u6==null?void 0:u6.chartOptions)!=null&&Fi.isEnableMergeDividers?A3:o1,zIndex:o4||F6||Z9?d4.length-X9:10},D3=(_e,cr)=>{u8(cr?tn=>[...tn,{id:_e,isInProgress:cr}]:tn=>tn.filter(ui=>ui.id!==_e))},t8=i9?(_e,cr,tn)=>w7({show:!0,metric:u6,filterValues:_e,rlsConditions:cr,dataMartRelationships:tn}):void 0,C3=(oo=B4==null?void 0:B4.find(_e=>_e.i===(u6==null?void 0:u6.id)))==null?void 0:oo.h,C7=(ao=B4==null?void 0:B4.find(_e=>_e.i===(u6==null?void 0:u6.id)))==null?void 0:ao.w;return j4?E.jsx("div",{"data-testid":`${(Ui=u6==null?void 0:u6.name)==null?void 0:Ui.toLowerCase().replaceAll(" ","-")}-card`,className:C4,id:u6.id,style:K3,children:E.jsx(Sn0,{props:{setMetricMetadata:F8,disableDownloadDataNoFilters:W7,disableDownloadUnderlyingDataNoFilters:s8,calendarType:I1,filters:g5,parentHeight:C3,bgColor:o1,scrollToTop:$3?()=>WY:()=>{},parentWidth:C7,metricList:S9,chartFontSettings:n7,mainMetricItem:u6,metricCardColor:st?$4:z1,isAllowedToChangeLayout:A,isMobileScreen:J7,isShadowDisableOnHover:v3,disableMetricCardBorder:H7,isAllowedToUpdateMetrics:l,isEditLayoutEnabled:I0,isHoverLongDesc:o4,setOpenElementPanel:F3,setUpdateElement:S8,isEnableEmailRawCsvDownload:i9,setRawCsvModal:w7,language:o8,translationDictionary:q7,datasourceId:b3,metricStore:D9,setHoverLongDesc:B5,setHoverSubHeader:J1,setPopupOpen:p8,setMetricStore:o5,setDownloadMetrics:u8,isAllClient:j0,clientColumnType:h0,noDataImg:N1,isAllowedToSeeUnderlyingData:u,chartAppearance:m0,hideDatePickerOptions:U0,isDisableMetricLoader:K2,onServerEvent:p7,workspaceId:c0,token:Y2,downloadMetrics:m7,dropdownTheme:H2,underlyingTheme:M2,optionsIcon:U2,disableFullscreen:N2,setFullScreenModal:x8,client:r,chartColors:o,globalFilters:a,companyTenancyType:w,appFilters:W,params:y,isAllowedToDeleteMetrics:e||(u6==null?void 0:u6.createdByIdentifier)&&t&&(u6==null?void 0:u6.createdByIdentifier)===t,setArchiveModal:r7,setCrossDashboardFilters:L5,crossDashboardFilters:a4,enableMultiMetricFilters:g2,enableDownloadCsv:T2,isDisableClick:i3,viewMetricData:$7,generatingPdf:R8,dataMartTables:f6}})},u6.id):E.jsx("div",{"data-testid":`${(so=u6==null?void 0:u6.name)==null?void 0:so.toLowerCase().replaceAll(" ","-")}-card`,className:N5,id:u6.id,onClick:Z4,style:K3,children:E.jsx(Lk,{dataMartTables:f6,viewMetricData:$7,setMetricMetadata:F8,disableDownloadDataNoFilters:W7,disableDownloadUnderlyingDataNoFilters:s8,setLoadedCardMetadata:b9,calendarType:I1,disableFullscreen:!!N2,isDisableClick:i3,language:o8,translationDictionary:q7,chartFontSettings:n7,datasourceId:b3,metricStore:D9,disableBorder:H7,setHoverLongDesc:B5,setHoverSubHeader:J1,setPopupOpen:p8,setMetricStore:o5,isAllClient:j0,clientColumnType:h0,isMergedMetric:!!_5.length&&!J7,metricCardColor:st?$4:z1,isShadowDisableOnHover:v3,noDataImg:N1,isAllowedToSeeUnderlyingData:u,chartAppearance:m0,hideDatePickerOptions:U0,chartHeight:Y9||void 0,isEditLayoutEnabled:I0,isDisableMetricLoader:K2,onServerEvent:p7,workspaceId:c0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:m7,onDownload:D3,metricItem:u6,dropdownTheme:H2,underlyingTheme:M2,optionsIcon:U2,onMaximize:I.isLocked||N2&&!((Mo=(Io=u6==null?void 0:u6.clickActions)==null?void 0:Io.chartWithMetric)!=null&&Mo.isEnable)?({metric:_e,appFilters:cr,appliedMetricFilters:tn,rlsFilters:ui,isClickOnChart:ji})=>{p7==null||p7(r30,u6==null?void 0:u6.id),$3&&WY(),x8({show:!0,metric:ji&&M9?M9:_e,rlsFilters:ui,appFilters:cr,appliedMetricFilters:tn,isClickOnChart:ji,randomId:NB(6)})}:void 0,client:r,colors:o,globalFilters:a,param:y==null?void 0:y.find(_e=>_e.metricId===u6.metricId),appFilters:W==null?void 0:W.find(_e=>_e.metricId===u6.metricId),companyTenancyType:w,onArchive:e||u6!=null&&u6.createdByIdentifier&&t&&(u6==null?void 0:u6.createdByIdentifier)===t?_e=>r7({id:_e,show:!0,metricId:u6==null?void 0:u6.metricId}):void 0,disableActions:!I.isLocked,isDisableMorePopup:!I.isLocked,setCrossDashboardFilters:L5,crossDashboardFilters:a4,enableMultiMetricFilters:g2,enableDownloadCsv:T2,onDownloadRawCsv:t8,generatingPdf:R8})},u6.id)}),[f6,d4,N8,P7,z1,A,J7,v3,H7,o4,F6,Z9,i9,B4,o8,q7,b3,D9,j0,h0,N1,u,m0,U0,I0,K2,p7,c0,Y2,m7,H2,M2,U2,I.isLocked,N2,r,o,a,y,W,w,e,a4,g2,T2,i6,l,i6,I1,W7,s8,$7]),[L4,y5]=X0.useState("");X0.useEffect(()=>{if(n){const u6=new Blob([n],{type:"image/svg+xml"}),X9=URL.createObjectURL(u6);return y5(X9),()=>{URL.revokeObjectURL(X9)}}},[n]);const O5=X0.useMemo(()=>(d4==null?void 0:d4.length)===(k6==null?void 0:k6.length)&&!(k6!=null&&k6.some(u6=>u6==null?void 0:u6.isDataFound))&&i,[d4,k6,i]);X0.useEffect(()=>{b9([])},[JSON.stringify(a),r,JSON.stringify(W),JSON.stringify(a4)]);const y6=X0.useCallback(u6=>{var X9,k9;if(!I0&&!zJ2(B4,u6)&&(u6==null?void 0:u6.length)===(D6==null?void 0:D6.length)){const Y9=(X9=D6==null?void 0:D6.reduce((S9,j4)=>new Date(S9==null?void 0:S9.createdAt)>new Date(j4==null?void 0:j4.createdAt)?S9:j4))==null?void 0:X9.id,s5=(B4==null?void 0:B4.filter(S9=>(S9==null?void 0:S9.y)===0))||[],_5=(k9=u6==null?void 0:u6.find(S9=>(S9==null?void 0:S9.i)===Y9))==null?void 0:k9.h,g5=u6==null?void 0:u6.map(S9=>{var j4;return(S9==null?void 0:S9.i)===Y9?{...S9,y:0,w:12}:(j4=s5==null?void 0:s5.find(X4=>(X4==null?void 0:X4.i)===(S9==null?void 0:S9.i)))!=null&&j4.i?{...S9,y:_5??1}:S9});setTimeout(()=>{_3==null||_3(g5)},1e3)}},[I0,B4,D6,_3]);return E.jsx(E.Fragment,{children:D6.length&&q6.length&&!O5?E.jsxs(E.Fragment,{children:[E.jsx("div",{className:`${cf["MetricList-container"]} ${cf["MetricList-container-type"]}`,id:"metric-list-container",style:s6?{minHeight:"100px"}:{},children:E.jsx(Tk,{layouts:{lg:B4},onResizeStop:A?I.onChange:void 0,onDragStop:A?I.onChange:void 0,isDraggable:A,isDroppable:A,isResizable:A,rowHeight:30,breakpoints:g??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:h??{lg:12,md:12,sm:12,xs:3,xxs:2},containerPadding:[0,10],onLayoutChange:y6,margin:[(B9=v1==null?void 0:v1.horizontalMargin)!=null&&B9.toString()?v1.horizontalMargin:10,(h6=v1==null?void 0:v1.verticalMargin)!=null&&h6.toString()?v1.verticalMargin:10],children:g4},I0?"reset":"default")}),F0?E.jsx("div",{className:"dbn-pb-6",children:E.jsx(Ac,{})}):null,e||(d6=m8==null?void 0:m8.metric)!=null&&d6.createdByIdentifier&&t&&((T6=m8==null?void 0:m8.metric)==null?void 0:T6.createdByIdentifier)===t?E.jsx(Jr0,{isLoading:i7,isOpen:O7.show,onArchive:X8,onClose:()=>r7({id:"",show:!1,metricId:""})}):null,$3?E.jsx(E.Fragment,{children:(!N2||(m8==null?void 0:m8.isClickOnChart))&&m8.show&&m8.metric&&E.jsx(Mk,{dataMartTables:f6,userIdentifier:t,disableDownloadDataNoFilters:W7,disableDownloadUnderlyingDataNoFilters:s8,isDataApp:M7,onEditMetric:l7,calendarType:I1,language:o8,translationDictionary:q7,appliedMetricFilters:(m8==null?void 0:m8.appliedMetricFilters)||[],datasourceId:b3,isAllClient:j0,isEnableMetricSummary:e0,onServerEvent:p7,shouldFitFullScreen:$3,enableEmailCsv:C2,disableDownloadPng:X7,isAllowToDownloadMetrics:M3,chartAppearance:m0,hideDatePickerOptions:U0,clientColumnType:h0,workspaceId:c0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:m7,globalFilters:a,metric:m8.metric,rlsFilters:m8.rlsFilters,appFilters:m8.appFilters,colors:o,underlyingTheme:M2,externalDashboardId:D,userProvidedDashboardId:V,tenancyLevel:w,isAllowedToUpdateMetrics:l,clientId:r,companyId:C,onMinimize:()=>{p7==null||p7(CA2),x8({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:e||(z5=m8==null?void 0:m8.metric)!=null&&z5.createdByIdentifier&&t&&((s9=m8==null?void 0:m8.metric)==null?void 0:s9.createdByIdentifier)===t?(u6,X9)=>r7({id:u6,show:!0,metricId:X9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:K,isHideTablePreview:f2,sharingSettingsId:P,onDownload:(u6,X9)=>{u8(X9?k9=>[...k9,{id:u6,isInProgress:X9}]:k9=>k9.filter(M9=>M9.id!==u6))}})}):E.jsx(EE,{children:(!N2||(m8==null?void 0:m8.isClickOnChart))&&m8.show&&m8.metric&&E.jsx(Mk,{dataMartTables:f6,userIdentifier:t,viewMetricData:$7,disableDownloadDataNoFilters:W7,disableDownloadUnderlyingDataNoFilters:s8,randomId:m8==null?void 0:m8.randomId,isDataApp:M7,onEditMetric:l7,language:o8,translationDictionary:q7,appliedMetricFilters:(m8==null?void 0:m8.appliedMetricFilters)||[],datasourceId:b3,isAllClient:j0,isEnableMetricSummary:e0,onServerEvent:p7,enableEmailCsv:C2,disableDownloadPng:X7,isAllowToDownloadMetrics:M3,chartAppearance:m0,hideDatePickerOptions:U0,clientColumnType:h0,workspaceId:c0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:m7,globalFilters:a,metric:m8.metric,rlsFilters:m8.rlsFilters,appFilters:m8.appFilters,colors:o,underlyingTheme:M2,externalDashboardId:D,userProvidedDashboardId:V,tenancyLevel:w,isAllowedToUpdateMetrics:l,clientId:r,companyId:C,onMinimize:()=>{p7==null||p7(CA2),x8({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:e||(H5=m8==null?void 0:m8.metric)!=null&&H5.createdByIdentifier&&t&&((x9=m8==null?void 0:m8.metric)==null?void 0:x9.createdByIdentifier)===t?(u6,X9)=>r7({id:u6,show:!0,metricId:X9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:K,isHideTablePreview:f2,sharingSettingsId:P,onDownload:(u6,X9)=>{u8(X9?k9=>[...k9,{id:u6,isInProgress:X9}]:k9=>k9.filter(M9=>M9.id!==u6))}})}),i9&&E.jsx(dV,{workspaceId:c0,metricItem:Y3.metric,isShowRawCsvModal:Y3.show,onCloseModal:()=>w7({show:!1,metric:void 0,filterValues:void 0,dataMartRelationships:[],rlsConditions:[]}),query:ob({query:Og(((K5=Y3==null?void 0:Y3.metric)==null?void 0:K5.query)||"",C||""),dbName:((W5=Y3.metric)==null?void 0:W5.integrationName)||"",rlsConditions:(Y3==null?void 0:Y3.rlsConditions)||[],tenancyLevel:w,clientId:r,globalFilters:a,values:Y3.filterValues,isAllClient:!1,clientColumnType:h0,dataMartRelationships:(Y3==null?void 0:Y3.dataMartRelationships)||[]}),sharingSettingsId:P}),E.jsx(Dn0,{createElementPanelProps:{isOpen:S6,onClose:()=>{S8(null),F3(!1)},element:l6,clientId:r,externalDashboardId:D,companyId:C,userProvidedDashboardId:V}})]}):E.jsx(E.Fragment,{children:!d&&!O5?E.jsx("div",{className:cf["noMetric-container"],children:E.jsx("div",{className:cf["noMetric-wrapper"],children:n&&L4?E.jsx("img",{src:L4,alt:"no data svg"}):E.jsx(A8,{variant:"heading-4",children:"No metrics created yet"})})}):E.jsx("div",{className:cf["alt-container"],children:n?E.jsx(E.Fragment,{children:E.jsx("img",{src:L4,alt:"no data svg"})}):E.jsx(jA,{message:"No results found.",subText:"No data available in dashboard.",height:"140px",width:"216px",msgGap:"24px",subTextGap:"6px",msgVariant:"sec-heading-4",isNoMatchedMetric:!0})})})})},$K={"searchTab-container":"_searchTab-container_1m1la_1","searchTab-input":"_searchTab-input_1m1la_9",errContainer:"_errContainer_1m1la_17"},Mm=({id:t,setSearchKeyword:n,className:i="",placeholder:o="Search",value:a,isResetValue:s,onSearch:r,autoComplete:C="on",isDisabled:l,errorMsg:e})=>{const[A,u]=X0.useState(a||""),[f,d]=X0.useState(!0);X0.useEffect(()=>{n==null||n(A==null?void 0:A.toLowerCase())},[n,A]),X0.useEffect(()=>{s&&u(a||"")},[a,s]);const g=I=>{I.key==="Enter"&&r&&r(A)},h=gm(A,600);return X0.useEffect(()=>{r==null||r(h)},[h,r]),E.jsxs("div",{className:`${$K["searchTab-container"]} ${i} ${e?$K.errContainer:""}`,"aria-disabled":!!l,children:[!A&&f?E.jsx(H6,{name:"magnifying-glass",color:"gray",size:"xs"}):null,E.jsx("input",{id:t,"data-testid":t,placeholder:o,value:A,name:"search",onChange:I=>u(I.target.value),onClick:I=>I.preventDefault(),className:$K["searchTab-input"],onFocus:()=>d(!1),onBlur:()=>d(!0),onKeyDown:g,autoComplete:C,disabled:l})]})},eJ={tab:"_tab_sv3os_1",button:"_button_sv3os_7",activeTab:"_activeTab_sv3os_15"},Vn0=({options:t,activeTab:n,setActiveTab:i,className:o="",tabText:a="",lockedTabs:s,tabClassname:r="",onChange:C,isDisabled:l})=>E.jsx("div",{className:`${eJ.tab} ${o}`,children:t==null?void 0:t.map(e=>E.jsx("div",{className:`${eJ.button} ${n===e?eJ.activeTab:""} ${a}`,children:E.jsx(E6,{"data-testid":`${e==null?void 0:e.toLowerCase().replaceAll(" ","-")}-tab`,variant:"popover",type:"button",onClick:()=>{i(e),C==null||C(e)},className:`dbn-w-full dbn-flex dbn-items-center dbn-py-2 ${r}`,isDisabled:(s==null?void 0:s.includes(e))||l,children:E.jsx(A8,{variant:n===e?"heading-5":"sec-heading-5",color:n===e?"primary":"secondary-dark",children:e})},e)},e))}),Tm={container:"_container_a9ie6_1",label:"_label_a9ie6_9",textarea:"_textarea_a9ie6_17",resizable:"_resizable_a9ie6_25",error:"_error_a9ie6_31",noError:"_noError_a9ie6_37",important:"_important_a9ie6_45"},kn0=({id:t,label:n,placeholder:i,rows:o,cols:a,resizable:s=!0,register:r,error:C,defaultValue:l,value:e,onFocus:A,onBlur:u,className:f,leftIcon:d,rightIcon:g,isDisabled:h,isImportant:I,...y})=>E.jsxs("div",{className:`${Tm.container} ${f}`,children:[E.jsxs("label",{htmlFor:t,className:Tm.label,children:[d,E.jsxs(A8,{variant:"input-label",children:[n,I?E.jsx("span",{className:Tm.important,children:"*"}):null]}),g]}),E.jsx("textarea",{...y,id:t,name:t,rows:o,cols:a,placeholder:i,className:Ym(Tm.textarea,`${s?null:Tm.resizable}`,C?Tm.error:Tm.noError),defaultValue:l,...r,value:r?e:e||"",onFocus:A,onBlur:u,disabled:h}),C&&E.jsx(A8,{variant:"body-text-2",color:"alert",children:C})]}),EE=({children:t})=>{const[n,i]=X0.useState();return X0.useLayoutEffect(()=>{const o=document.querySelector("#dbn-portal")||document.createElement("div");if(o.setAttribute("id","dbn-portal"),document.body.querySelector("#dbn-portal")||document.body.appendChild(o),document.querySelector("dbn-dashboard")||document.querySelector("dbn-metric")||document.querySelector("dbn-create-metric")){const a=document.querySelector("#dbn-styles"),s=o.shadowRoot||o.attachShadow({mode:"open"});if(a&&!s.querySelector("#dbn-portal-style")){const r=document.createElement("style");r.innerHTML=a.innerHTML,r.setAttribute("id","dbn-portal-style"),s.appendChild(r)}if(!s.querySelector("#global-style")){const r=document.createElement("style");r.innerHTML=`
+`))==null?void 0:A.map(u=>E.jsx(A8,{children:u},u)),E.jsx(E6,{variant:"popover",onClick:()=>{Na2(i),l(!0),setTimeout(()=>{l(!1)},3e3)},leftIcon:E.jsx(H6,{name:"copy"}),children:C?"Copied":"Copy"})]}):E.jsx(A8,{children:"Not Found"},"not found")})]})};return E.jsx(E.Fragment,{children:r?e():E.jsx(zd,{isOpen:t,onClose:n,hideFooter:!0,side:"right",size:"small",hideHeader:!0,zIndex:s,children:e()})})},hg2={lessWidth:"_lessWidth_1lhha_1",moreWidth:"_moreWidth_1lhha_9"},Hn0=({deleteConfig:t,onDeleteMetric:n,setDeleteConfig:i,error:o,isDeletingMetric:a})=>{const[s,r]=X0.useState(!1);return E.jsxs(nu,{isOpen:(t==null?void 0:t.isDelete)||!1,onClose:()=>i==null?void 0:i({isDelete:!1,step:0}),headerTitle:"Delete Metric",zIndex:9999999999,children:[E.jsx("div",{className:`dbn-px-6 dbn-pb-4 ${(t==null?void 0:t.step)===0?hg2.lessWidth:hg2.moreWidth}`,children:(t==null?void 0:t.step)===0?E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[E.jsxs(A8,{variant:"body-text-2",color:"light-text",children:["Deleting ‘",t==null?void 0:t.name,"’ will permanently remove it from the dashboard and the metrics list."]}),E.jsx(A8,{variant:"body-text-2",color:"light-text",children:"This action can’t be undone."})]}):E.jsxs(bC,{direction:"col",className:"dbn-gap-4",children:[E.jsx(A8,{variant:"body-text-2",children:"Deleting this metric will permanently remove it from all dashboards and the metrics list. This action is irreversible. If you need to recover this metric, please do so before proceeding."}),E.jsxs(bC,{direction:"col",className:"dbn-gap-2",children:[E.jsx(A8,{variant:"heading-5",children:"I understand that:"}),E.jsxs("ul",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-0",children:[E.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),E.jsx(A8,{variant:"body-text-2",children:"The metric will be permanently deleted."})]}),E.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),E.jsx(A8,{variant:"body-text-2",children:"Associated dashboards will lose access to it."})]}),E.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),E.jsx(A8,{variant:"body-text-2",children:"This action cannot be undone."})]})]})]}),E.jsxs(bC,{direction:"col",className:"dbn-gap-2",children:[E.jsxs(A8,{variant:"body-text-2",children:["Type"," ",E.jsxs("span",{className:"dbn-font-medium",children:["'",t==null?void 0:t.name,"'"]})," ","to confirm"]}),E.jsx(c5,{placeholder:"Type here",name:"delete-metric-name",value:t==null?void 0:t.confirmedName,onChange:C=>{C.target.value&&C.target.value!==(t==null?void 0:t.name)?r(!0):r(!1),i==null||i(l=>({...l,confirmedName:C.target.value}))},error:s?"Metric name does not match. Please try again.":"",onPaste:C=>C.preventDefault(),autoComplete:"off"})]}),o?E.jsx(wl,{text:o,variant:"error"}):null]})}),E.jsxs(Fd,{children:[E.jsx(E6,{variant:"tab",onClick:()=>i==null?void 0:i({isDelete:!1,step:0}),children:"Cancel"}),E.jsx(E6,{variant:"primary",onClick:()=>{(t==null?void 0:t.step)===0&&(i==null||i(C=>({...C,step:1}))),(t==null?void 0:t.step)===1&&(t!=null&&t.id)&&(n==null||n(t==null?void 0:t.id))},className:"dbn-bg-alert hover:dbn-bg-discard-hover",dataTestTitle:"delete",isDisabled:(t==null?void 0:t.step)===1&&(a||(t==null?void 0:t.confirmedName)!==(t==null?void 0:t.name)),children:(t==null?void 0:t.step)===0?"Continue":"Delete Permanently"})]})]})},ev={shimmer:"_shimmer_1ad7p_19"},eA=({height:t="6",className:n,variant:i,tableRows:o})=>{if(i==="table"){const a=o||6,s=[];for(let r=0;r<a;r+=1)s.push(E.jsxs("div",{children:["Item ",r+1]},r));return E.jsx("div",{className:"dbn-w-full",children:E.jsxs("table",{className:"dbn-w-full",children:[E.jsx("thead",{className:"dbn-bg-white dbn-border-b dbn-border-secondary dbn-p-2",children:E.jsx("tr",{className:"dbn-w-full",children:s==null?void 0:s.map((r,C)=>E.jsx("th",{className:"dbn-p-4 dbn-border-r dbn-border-secondary dbn-bg-gray",children:E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},`${C}_th`))})}),E.jsx("tbody",{children:s==null?void 0:s.map((r,C)=>E.jsx("tr",{children:s==null?void 0:s.map((l,e)=>E.jsx("td",{className:"dbn-p-4",children:E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},`${e}_${C}`))},C))})]})})}return i==="list"?E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`}),E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})]}):E.jsx("div",{className:`${ev.shimmer} dbn-bg-gray dbn-rounded-md dbn-w-full dbn-h-${t} ${n}`})},Mk=({userIdentifier:t,metric:n,colors:i,underlyingTheme:o,rlsFilters:a,metricFilterOptions:s,onMinimize:r,onArchive:C,clientId:l,tenancyLevel:e,companyId:A,externalDashboardId:u,userProvidedDashboardId:f,isAllowedToUpdateMetrics:d,sharingSettingsId:g,appFilters:h,isInternalApp:I,isShowChartConfigTab:y,isHideChartSettings:w,isHideTablePreview:V,isAllClient:D,globalFilters:P={tableName:"",filters:[]},onDownload:W,downloadMetrics:K,isFrontendApp:f2,guestToken:T2,encryptedClient:C2,workspaceId:g2,clientColumnType:N2,isEnableMetricSummary:H2,hideDatePickerOptions:M2,chartAppearance:U2,enableEmailCsv:Y2,shouldFitFullScreen:c0,onServerEvent:h0,disableDownloadPng:F0,isAllowToDownloadMetrics:I0,datasourceId:e0,appliedMetricFilters:U0,language:m0,translationDictionary:j0,onDeleteMetric:v1,deleteConfig:K2,setDeleteConfig:v3,deleteError:N1,isDeletingExternalMetric:z1,calendarType:$3="default",onEditMetric:V7,isDataApp:p3,canDeleteMetric:a7=!1,randomId:p7,disableDownloadDataNoFilters:X7=!1,disableDownloadUnderlyingDataNoFilters:H7=!1,viewMetricData:J7,dataMartTables:M3})=>{var ie,ye,g9,N5,C4,Z4,fe,Ce,o1,A3,K3,D3,t8,C3,C7,d7,j7,_8,j3,f7,T8,a6,l3,_7,i8,K8,g6,u9,$6,V9,P9,j9,J5,N4,h4,y4,Ct,Qt,tr,mr,An,un,Zi,Ti,Fi,oo,ao,Ui,so,Io,Mo,_e,cr,tn,ui,ji,zi,Gi,xi,br,o6,e6,r9,B6,v9,N6,W9,E5;const i0=X0.useRef(),[b3,o8]=X0.useState([]),[q7,P7]=X0.useState(!1),[m8,x8]=X0.useState(!1),[I1,i3]=X0.useState(!1),l7=X0.useMemo(()=>{var r6;return{...P,filters:(r6=P==null?void 0:P.filters)==null?void 0:r6.filter(C9=>{var _9;return!((_9=C9==null?void 0:C9.restrictedMetrics)!=null&&_9.some(Q9=>Q9.value===(n==null?void 0:n.id)))})}},[P,n]),{refetchMetricData:M7,queryError:n7,dataDb:_3,drillDownSettings:W7,variables:s8,getUnderlyingData:E8,handleChartClick:F8,columnName:$7,setShowChartPopup:R8,isShowChartPopup:f6,isQueryLoading:k6,chartParams:b9,onChangeFilterValue:F9,onDrillDown:s6,drilledLevel:D9,dimensions:o5,isEnableNextBtn:a4,isEnablePrevBtn:L5,paginationInfo:o4,onChangePage:B5,isExternalChart:F6,onDrillLevelClick:J1,metricFilters:Z9,filterValues:p8,dynamicOptions:l6,isSingleValueNull:S8,containerRef:S6,chartSettings:F3,setChartSettings:Y3,leftPositionedMetricFilters:w7,rightPositionedMetricFilters:O7,updateFilter:r7,tableResultsDownloadData:m7,appliedMetricFilters:u8,pivotHeaderOptions:N8,pivotDrillState:M8,onDrillPivotTable:X8,legendData:i7,timeseriesDimension:J8,isPythonMode:m6,isSorted:i9,isInavlidForSort:a9,sortOrder:i6,setSortOrder:O3,onAddComparison:r5,groupedRlsConditions:D6,onGenerateMetricSummary:q6,summary:n6,setSummary:d4,setNotFirstRender:B4,dataMartRelationships:g4,onChartChange:L4,isCompareValue:y5,isShowChartPropertyPanel:O5,setShowChartPropertyPanel:y6,columnList:B9,metricName:h6,drilldownCols:d6,switchMeasureOptions:T6,dateFilter:z5,enabledCharts:s9,tableColumnFilters:H5,onChangePaginationColumnFilters:x9,customSwitchXAxis:K5}=L_({dataMartTables:M3,viewMetricData:J7,datasourceId:e0,metric:n,rlsFilters:a,tenancyLevel:e,clientId:l,appFilters:h,isInternalApp:I,metricFilterOptions:s,isAllClient:D,globalFilters:l7,isFrontendApp:f2,guestToken:T2,encryptedClientId:C2,workspaceId:g2,onServerEvent:h0,clientColumnType:N2,appliedCardMetricFilters:U0,language:m0,translationDictionary:j0,calendarType:$3,isFullScreen:p7}),{updateExternalMetric:W5,error:u6,isLoading:X9,onPublishMetric:k9}=CM({onSuccess:()=>{var r6,C9;i3(!1),r(),(C9=(r6=window==null?void 0:window.location)==null?void 0:r6.reload)==null||C9.call(r6)},selectedColumns:[],companyIntegrationId:n.companyIntegrationId,query:n.query,metricQuery:n.metricQuery,integrationName:n.integrationName,outputColumns:n.outputColumns,chartSettings:F3,datasetMetricSettings:n.datasetMetricSettings,clientId:l,companyId:A,isLiveMode:n.isLive,timeGrain:n.timeGrain,dashboardIds:[u],isEnableGroupBy:n.isEnableGroupBy,groupBy:n.groupBy,selectedGroupBy:n.selectedGroupBy,metric:n}),{isDisableDownloadSettings:M9}=w_({sharingSettingsId:g,workspaceId:g2}),Y9=X0.useMemo(()=>(Y2==null?void 0:Y2.toString())&&Y2||!(Y2!=null&&Y2.toString())&&!M9,[M9,Y2]),s5=X0.useMemo(()=>{var C9;let r6=FY({chartSettings:F3,translationDictionary:j0,variables:s8,language:m0});return(C9=n==null?void 0:n.drillDownSettings)!=null&&C9.isEnableGroupBy&&_3.length&&D9===(o5==null?void 0:o5.length)&&(r6={...r6,chartType:"table",yAxisList:o5!=null&&o5[0]?[o5==null?void 0:o5[0],...F3.yAxisList||[]]:F3.yAxisList}),r6},[(ie=n==null?void 0:n.drillDownSettings)==null?void 0:ie.isEnableGroupBy,_3.length,D9,o5,F3,s8,m0,j0]),_5=r6=>{var C9,_9,Q9,z9,V4,P5,Bt,je,lt,Pe,le,Me,Xe;return F3.chartType===M0.table||(C9=n.drillDownSettings)!=null&&C9.isEnableGroupBy&&D9===(o5==null?void 0:o5.length)?(_9=r6==null?void 0:r6.find(he=>{var Pn,ri;return he.columnName===((ri=(Pn=n==null?void 0:n.clickActions)==null?void 0:Pn.chart)==null?void 0:ri.valueColumn)}))==null?void 0:_9.value:[M0.sankey,M0.treeMap].includes(F3==null?void 0:F3.chartType)?r6==null?void 0:r6.value:((z9=(Q9=n.clickActions)==null?void 0:Q9.chart)==null?void 0:z9.valueColumn)===(F3==null?void 0:F3.xAxis)||(F3==null?void 0:F3.chartType)===M0.gauge&&((P5=(V4=n.clickActions)==null?void 0:V4.chart)==null?void 0:P5.valueColumn)===((je=(Bt=F3==null?void 0:F3.gaugeSettings)==null?void 0:Bt.dimensions)==null?void 0:je.join(", "))?r6==null?void 0:r6.name:(r6==null?void 0:r6.seriesName)===((Pe=(lt=n.clickActions)==null?void 0:lt.chart)==null?void 0:Pe.valueColumn)||(F3==null?void 0:F3.chartType)===M0.gauge&&((Me=(le=n.clickActions)==null?void 0:le.chart)==null?void 0:Me.valueColumn)===((Xe=F3==null?void 0:F3.gaugeSettings)==null?void 0:Xe.metric)||[M0.funnel].includes(F3.chartType)?r6==null?void 0:r6.value:null},g5=X0.useMemo(()=>{var C9,_9,Q9,z9,V4;const r6=Object.keys((_3==null?void 0:_3[0])||{})||[];if(F3.chartType===M0.timeSeries){const P5=(C9=n==null?void 0:n.chartOptions)==null?void 0:C9.xAxis,Bt=F3==null?void 0:F3.xAxis,je=!!((z9=(Q9=(_9=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:_9.groupBySettings)==null?void 0:Q9.options)!=null&&z9.find(lt=>{var Pe,le,Me;return(Me=P5==null?void 0:P5.toLowerCase())==null?void 0:Me.includes(((le=(Pe=lt==null?void 0:lt.split("____"))==null?void 0:Pe[0])==null?void 0:le.toLowerCase())||"")}));if(P5&&Bt&&!je)return _3==null?void 0:_3.map(lt=>r6.reduce((Pe,le)=>{var Me,Xe;return le===Bt?Pe[P5||""]=bS(((Xe=(Me=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:Me.groupBySettings)==null?void 0:Xe.value)||"monthly",lt[le]):Pe[le]=lt[le],Pe},{}))}if(y5&&((V4=F3==null?void 0:F3.customSettings)!=null&&V4.comparisonTimeLabel)){const P5="_timestamp";return _3==null?void 0:_3.map(Bt=>r6.reduce((je,lt)=>{var Pe;return lt===P5?je[((Pe=F3==null?void 0:F3.customSettings)==null?void 0:Pe.comparisonTimeLabel)||""]=Bt[lt]:je[lt]=Bt[lt],je},{}))}return _3},[_3,y5,(ye=F3==null?void 0:F3.customSettings)==null?void 0:ye.comparisonTimeLabel,F3==null?void 0:F3.chartType,n==null?void 0:n.chartOptions,F3==null?void 0:F3.xAxis,(N5=(g9=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:g9.groupBySettings)==null?void 0:N5.value]),S9=X0.useMemo(()=>OY(i||[],(F3==null?void 0:F3.chartColors)||[]),[i,F3==null?void 0:F3.chartColors]),j4=X0.useMemo(()=>[M0.row,M0.horizontalStack].includes(F3==null?void 0:F3.chartType)?"Dynamic y-axis":"Dynamic x-axis",[F3==null?void 0:F3.chartType]),X4=X0.useMemo(()=>[M0.row,M0.horizontalStack].includes(F3==null?void 0:F3.chartType)?"Dynamic x-axis":"Dynamic y-axis",[F3==null?void 0:F3.chartType]);X0.useEffect(()=>{var r6;if(localStorage.getItem("fsMetricCs")){const C9=(r6=JSON.parse(localStorage.getItem("fsMetricCs")||""))==null?void 0:r6.defaultRowSize;C9&&Y3(_9=>({..._9,tableSettings:{..._9.tableSettings,defaultRowSize:C9}}))}},[]),X0.useEffect(()=>{var r6;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:n.id,defaultRowSize:(r6=F3==null?void 0:F3.tableSettings)==null?void 0:r6.defaultRowSize}))},[F3]);const P4=X0.useMemo(()=>{var r6,C9,_9,Q9,z9;return(F3==null?void 0:F3.chartType)===M0.singleValue&&((r6=F3==null?void 0:F3.customSettings)!=null&&r6.singleValuePrefix)?rl(((C9=F3==null?void 0:F3.customSettings)==null?void 0:C9.singleValuePrefix)||"^^^^^",s8):(_9=F3==null?void 0:F3.customSettings)!=null&&_9.labelPrefix?rl(((Q9=F3==null?void 0:F3.customSettings)==null?void 0:Q9.labelPrefix)||"^^^^^",s8):(z9=F3==null?void 0:F3.customSettings)==null?void 0:z9.labelPrefix},[F3==null?void 0:F3.chartType,(C4=F3==null?void 0:F3.customSettings)==null?void 0:C4.labelPrefix,(Z4=F3==null?void 0:F3.customSettings)==null?void 0:Z4.singleValuePrefix,s8]),st=X0.useMemo(()=>{var r6,C9,_9,Q9,z9;return(F3==null?void 0:F3.chartType)===M0.singleValue&&((r6=F3==null?void 0:F3.customSettings)!=null&&r6.singleValueSuffix)?rl(((C9=F3==null?void 0:F3.customSettings)==null?void 0:C9.singleValueSuffix)||"^^^^^",s8):(_9=F3==null?void 0:F3.customSettings)!=null&&_9.labelSuffix?rl(((Q9=F3==null?void 0:F3.customSettings)==null?void 0:Q9.labelSuffix)||"^^^^^",s8):(z9=F3==null?void 0:F3.customSettings)==null?void 0:z9.labelSuffix},[F3==null?void 0:F3.chartType,(fe=F3==null?void 0:F3.customSettings)==null?void 0:fe.labelSuffix,(Ce=F3==null?void 0:F3.customSettings)==null?void 0:Ce.singleValueSuffix,s8]),$4=X0.useMemo(()=>{var r6;return(F3==null?void 0:F3.chartType)===M0.table&&!!((r6=F3==null?void 0:F3.tableSettings)!=null&&r6.enableTableSearch)},[F3==null?void 0:F3.chartType,(o1=F3==null?void 0:F3.tableSettings)==null?void 0:o1.enableTableSearch]),ve=X0.useMemo(()=>{var r6,C9,_9,Q9,z9,V4,P5;return((r6=F3==null?void 0:F3.dynamicXAxis)==null?void 0:r6.isEnabled)||((C9=F3==null?void 0:F3.dynamicYAxis)==null?void 0:C9.isEnabled)||(F3==null?void 0:F3.isDynamicSeries)||((_9=F3==null?void 0:F3.customSettings)==null?void 0:_9.isEnableSwitchMeasure)||((Q9=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:Q9.groupBySettings.isDynamic)||((z9=F3==null?void 0:F3.customSettings)==null?void 0:z9.showSelectLegend)||((V4=F3==null?void 0:F3.pivotTableSettings2)==null?void 0:V4.isDynamicHeaders)&&(F3==null?void 0:F3.chartType)===M0.pivotV2||((P5=F3==null?void 0:F3.pivotTableSettings3)==null?void 0:P5.isDynamicHeaders)&&(F3==null?void 0:F3.chartType)===M0.pivotV3},[(A3=F3==null?void 0:F3.dynamicXAxis)==null?void 0:A3.isEnabled,(K3=F3==null?void 0:F3.dynamicYAxis)==null?void 0:K3.isEnabled,F3==null?void 0:F3.isDynamicSeries,(D3=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:D3.groupBySettings.isDynamic,(t8=F3==null?void 0:F3.customSettings)==null?void 0:t8.showSelectLegend,(C3=F3==null?void 0:F3.pivotTableSettings2)==null?void 0:C3.isDynamicHeaders,(C7=F3==null?void 0:F3.pivotTableSettings3)==null?void 0:C7.isDynamicHeaders,F3==null?void 0:F3.chartType,(d7=F3==null?void 0:F3.customSettings)==null?void 0:d7.isEnableSwitchMeasure]);return E.jsxs("div",{className:`${bs.fullScreen} ${c0?bs.fitFull:bs.screen}`,children:[E.jsxs("section",{className:bs.header,children:[E.jsxs("div",{className:bs.headerBlock,children:[E.jsx(as,{text:"Back",children:E.jsx(E6,{variant:"popover",type:"button",onClick:r,leftIcon:E.jsx("div",{className:bs.backButton,children:E.jsx(H6,{name:"arrow-left"})})})}),E.jsx(A8,{variant:"body-text-1",children:h6}),(j7=l7==null?void 0:l7.filters)!=null&&j7.length?E.jsx(wl,{text:"Global Filters are applied.",variant:"info"}):null,(_8=K==null?void 0:K.find(r6=>r6.id===(n==null?void 0:n.id)))!=null&&_8.isInProgress?E.jsx(wl,{text:"Download is in progress",variant:"primary"}):null]}),E.jsxs("div",{className:`${bs.headerBlock} ${bs.headerBlockRight}`,children:[f2&&(n!=null&&n.id)&&a7?E.jsx(E6,{variant:"popover",type:"button",onClick:()=>v3==null?void 0:v3({isDelete:!0,step:0,id:(n==null?void 0:n.id)||"",name:(n==null?void 0:n.name)||""}),leftIcon:E.jsx(as,{text:"Delete Metric",children:E.jsx("div",{className:bs.backButton,"data-testid":"delete-metric-btn",children:E.jsx(H6,{name:"delete",color:"alert"})})})}):null,H2&&E.jsx(E6,{variant:"popover",type:"button",onClick:()=>{q6(),y6(!1),x8(!1)},leftIcon:E.jsx(as,{text:"AI Insights",showTooltip:!n6.isOpen,children:E.jsx("div",{className:bs.backButton,"data-testid":"ai-insights-btn",children:E.jsx(H6,{name:"wand"})})}),isDisabled:!(_3!=null&&_3.length)}),w?null:E.jsx(as,{text:"Chart Types",showTooltip:!m8,children:E.jsx(E6,{variant:"popover",type:"button",onClick:()=>{x8(!0),d4(r6=>({...r6,isOpen:!1,isLoading:!1}))},leftIcon:E.jsx("div",{className:bs.backButton,"data-testid":"chart-types-btn",children:E.jsx(H6,{name:"bar-chart"})})})}),C?E.jsx(as,{text:"Archive Metric",children:E.jsx(E6,{variant:"popover",type:"button",onClick:()=>C(n.id,(n==null?void 0:n.metricId)||""),leftIcon:E.jsx("div",{className:bs.backButton,"data-testid":"archive-metric-btn",children:E.jsx(H6,{name:"archive"})})})}):null,f2||(I0??!0)?E.jsx(tn0,{disableDownloadDataNoFilters:X7,timeseriesSettings:m6||(F3==null?void 0:F3.chartType)!==M0.timeSeries?void 0:{format:((f7=(j3=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:j3.groupBySettings)==null?void 0:f7.value)||"monthly",seriesField:(F3==null?void 0:F3.seriesField)||"",isFiscal:$3==="ind"},isPythonMode:(a6=(T8=n==null?void 0:n.datasetMetricSettings)==null?void 0:T8.newDatasetSettings)==null?void 0:a6.isPythonMode,onServerEvent:h0,isEnableEmailRawCsvDownload:Y9,disableDownloadPng:F0!=null&&F0.toString()?F0:!1,data:m7||[],chartRef:i0,metricName:h6,onRawCsvData:()=>P7(!0),chartOptions:F3,companyIntegrationId:n.companyIntegrationId,integrationName:n.integrationName,metricData:{globalFilters:l7,rlsConditions:u8,tenancyLevel:e,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:p8,isAllClient:D,options:{clientId:f2?C2||"":l,isFrontend:f2,token:T2}},updateDownloadProgress:r6=>W(n==null?void 0:n.id,r6)}):null,(n==null?void 0:n.createdByIdentifier)&&t&&(n==null?void 0:n.createdByIdentifier)===t&&E.jsx(as,{text:n!=null&&n.isPublished?"Private":"Publish",children:E.jsx(E6,{type:"button",variant:"popover",onClick:()=>{k9==null||k9(n)},isDisabled:X9,leftIcon:E.jsx("div",{className:bs.backButton,"data-testid":"publish-metric-btn",children:E.jsx(H6,{name:n!=null&&n.isPublished?"eye-slash":"eye"})})})}),d&&E.jsx(E6,{type:"button",variant:"primary",onClick:()=>{V7==null||V7(n),r==null||r()},children:"Edit Metric"})]}),E.jsx(as,{text:"Close FS",children:E.jsx(E6,{variant:"popover",type:"button",onClick:r,leftIcon:E.jsx("div",{className:bs.backButton,"data-testid":"close-fullscreen-btn",children:E.jsx(H6,{name:"cross"})})})})]}),E.jsxs("section",{className:bs.body,onContextMenu:r6=>{r6.preventDefault()},id:"dbn-fullscreenView",children:[E.jsxs("div",{className:bs.data,"data-state":n6.isOpen?"summary-open":"summary-closed",children:[E.jsxs("div",{className:`${bs.metric} ${[M0.table,M0.trendAnalyzer].includes((F3==null?void 0:F3.chartType)||"")?bs.tableMetric:""} ${V?bs.fullMetric:""}`,ref:S6,children:[E.jsxs("div",{className:bs.metricHeader,children:[ve&&E.jsx("div",{className:bs.metricFilters,children:!!_3.length&&E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-wrap dbn-justify-end dbn-items-center dbn-gap-2",children:[(l3=F3==null?void 0:F3.dynamicXAxis)!=null&&l3.isEnabled?E.jsx(ce,{options:[...((_7=F3==null?void 0:F3.dynamicXAxis)==null?void 0:_7.options)||[],...(i8=F3==null?void 0:F3.dynamicXAxis)!=null&&i8.isEnableCustomFields?K5||[]:[]],onChange:r6=>Y3(C9=>({...C9,dynamicXAxis:{...C9.dynamicXAxis,selectedOption:r6},xAxis:r6.value})),selectedOption:F3.dynamicXAxis.selectedOption||{value:"",label:""},label:j4,labelVariant:"floating",menuZIndex:999999999999}):null,(K8=F3==null?void 0:F3.dynamicYAxis)!=null&&K8.isEnabled?(g6=F3==null?void 0:F3.dynamicYAxis)!=null&&g6.isEnabledMultiselect?E.jsx(ss,{options:((u9=F3.dynamicYAxis)==null?void 0:u9.options)||[],onChange:r6=>Y3(C9=>({...C9,dynamicYAxis:{...C9.dynamicYAxis,selectedOption:r6==null?void 0:r6.map(_9=>({value:_9==null?void 0:_9.value,label:_9==null?void 0:_9.value}))},yAxisList:r6!=null&&r6.length?[...r6==null?void 0:r6.map(_9=>_9==null?void 0:_9.value)]:[]})),selectedOption:(($6=F3==null?void 0:F3.dynamicYAxis)==null?void 0:$6.selectedOption)||[{value:"",label:""}],label:X4,labelVariant:"floating",menuZIndex:999999999999}):E.jsx(ce,{options:((V9=F3.dynamicYAxis)==null?void 0:V9.options)||[],onChange:r6=>Y3(C9=>({...C9,dynamicYAxis:{...C9.dynamicYAxis,selectedOption:[r6]},yAxisList:r6.value?[r6.value]:[]})),selectedOption:((j9=(P9=F3==null?void 0:F3.dynamicYAxis)==null?void 0:P9.selectedOption)==null?void 0:j9[0])||{value:"",label:""},label:X4,labelVariant:"floating",menuZIndex:999999999999}):null,(J5=F3==null?void 0:F3.customSettings)!=null&&J5.isEnableSwitchMeasure?E.jsx(ce,{options:T6,onChange:r6=>Y3(C9=>{var _9,Q9;return{...C9,sankeyValues:[((_9=C9==null?void 0:C9.sankeyValues)==null?void 0:_9[0])||"",((Q9=C9==null?void 0:C9.sankeyValues)==null?void 0:Q9[1])||"",r6.value]}}),selectedOption:{value:((N4=F3.sankeyValues)==null?void 0:N4[2])||"",label:((h4=F3.sankeyValues)==null?void 0:h4[2])||""},label:"Switch Measure",labelVariant:"floating",menuZIndex:999999999999}):null,F3!=null&&F3.isDynamicSeries?E.jsx(ce,{options:l6,onChange:r6=>Y3(C9=>({...C9,seriesField:r6.value})),selectedOption:{label:(F3==null?void 0:F3.seriesField)||"ungrouped",value:(F3==null?void 0:F3.seriesField)||"ungrouped"},label:"Group by",labelVariant:"floating",menuZIndex:999999999999}):null,(y4=F3.timeSeriesSettings)!=null&&y4.groupBySettings.isDynamic?E.jsx(ce,{options:(Ct=F3.timeSeriesSettings.groupBySettings.options)==null?void 0:Ct.map(r6=>{var C9;return{label:r6.split("____").length>1?r6.split("____")[1]||((C9=r6==null?void 0:r6.split("____"))==null?void 0:C9[0]):r6,value:r6.split("____")[0]}}),onChange:r6=>Y3(C9=>{var _9;return{...C9,timeSeriesSettings:{...C9.timeSeriesSettings,groupBySettings:{...(_9=C9.timeSeriesSettings)==null?void 0:_9.groupBySettings,value:r6.value}},xAxis:m6?C9.xAxis:`${r6.value} of ${J8}`}}),menuZIndex:999999999999,selectedOption:{label:Ba2(((tr=(Qt=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:Qt.groupBySettings)==null?void 0:tr.value)||""),value:(An=(mr=F3==null?void 0:F3.timeSeriesSettings)==null?void 0:mr.groupBySettings)==null?void 0:An.value},labelVariant:"floating",label:"Timeseries"}):null,((un=F3.pivotTableSettings2)==null?void 0:un.isDynamicHeaders)&&F3.chartType===M0.pivotV2||((Zi=F3.pivotTableSettings3)==null?void 0:Zi.isDynamicHeaders)&&F3.chartType===M0.pivotV3&&E.jsx(ss,{onChange:r6=>{Y3(C9=>{var _9;return{...C9,pivotTableSettings2:{...C9.pivotTableSettings2,headers:r6==null?void 0:r6.map(Q9=>Q9.value),dimensions:(_9=N8.filter(Q9=>!r6.some(z9=>z9.value===Q9.value)))==null?void 0:_9.map(Q9=>Q9.value)},pivotTableSettings3:{...C9.pivotTableSettings3,rows:r6==null?void 0:r6.map(Q9=>Q9.value)}}})},options:N8,selectedOption:(F3==null?void 0:F3.chartType)===M0.pivotV3?(N8==null?void 0:N8.filter(r6=>{var C9,_9;return(_9=(C9=F3==null?void 0:F3.pivotTableSettings3)==null?void 0:C9.rows)==null?void 0:_9.includes(r6.value)}))||[]:(N8==null?void 0:N8.filter(r6=>{var C9,_9;return(_9=(C9=F3==null?void 0:F3.pivotTableSettings2)==null?void 0:C9.headers)==null?void 0:_9.includes(r6.value)}))||[],isSearchEnabled:!0,menuWidth:"300px",menuZIndex:999999999999}),(Ti=F3.customSettings)!=null&&Ti.showSelectLegend?E.jsx(ss,{label:"legend",labelVariant:"floating",options:i7!=null&&i7.length?i7==null?void 0:i7.map(r6=>({value:r6,label:r6})):[],onChange:r6=>{Y3(C9=>({...C9,selectedSeries:(r6==null?void 0:r6.map(_9=>_9.value))||[]}))},selectedOption:((Fi=i7==null?void 0:i7.filter(r6=>{var C9;return(C9=F3==null?void 0:F3.selectedSeries)==null?void 0:C9.some(_9=>_9===r6)}))==null?void 0:Fi.map(r6=>({value:r6,label:r6})))||[],isSearchEnabled:!0,menuZIndex:999999999999}):null]})}),(!!Z9.length||$4)&&E.jsxs("div",{className:`${bs.metricFilters} ${ve?"":"dbn-h-full"}`,children:[E.jsxs("div",{className:`${F3!=null&&F3.isEnableComparisonFilter&&[M0.line].includes(F3.chartType)?"dbn-h-auto":"dbn-h-full"} dbn-w-full dbn-flex dbn-justify-between dbn-items-start`,children:[E.jsxs("div",{className:`${bs.metricFilters} dbn-h-full ${$4?"dbn-w-[70%]":""}`,children:[E.jsx(UK,{filters:Z9,updateFilter:r7}),(oo=w7.filter(r6=>!r6.group))==null?void 0:oo.map((r6,C9)=>E.jsx(fE,{globalFilters:l7,datasourceId:e0,isAllClient:D,hideDatePickerOptions:M2,workspaceId:g2,rlsConditions:r6,onChangeFilterValue:F9,clientId:l,className:w7.length-1===C9?bs.filterTopLeft:"",rlsConditionList:[...w7,...O7],tenancyLevel:e,clientColumnType:N2},r6.name)),(ao=O7.filter(r6=>!r6.group))==null?void 0:ao.map((r6,C9)=>E.jsx(fE,{globalFilters:l7,datasourceId:e0,isAllClient:D,hideDatePickerOptions:M2,workspaceId:g2,rlsConditions:r6,onChangeFilterValue:F9,clientId:l,className:C9===0?bs.filterTopRight:"",rlsConditionList:[...w7,...O7],tenancyLevel:e,clientColumnType:N2},r6.name)),(F3==null?void 0:F3.isEnableComparisonFilter)&&[M0.line].includes(F3.chartType)&&E.jsx(E6,{variant:"primary",onClick:()=>{r5()},children:"Add Comparison"})]}),$4&&E.jsx("div",{className:"dbn-h-full dbn-w-[30%]",children:E.jsx(by,{value:typeof(b3==null?void 0:b3[0])=="string"?b3==null?void 0:b3[0]:"",onChange:r6=>o8(()=>[String(r6)]),placeholder:"Search",className:_3!=null&&_3.length?"":"dbn-invisible"})})]}),D6&&(F3==null?void 0:F3.isEnableComparisonFilter)&&[M0.line].includes(F3.chartType)&&((Ui=Object.keys(D6))==null?void 0:Ui.map(r6=>{var C9;return E.jsxs("div",{className:`${bs.metricFilters} dbn-h-auto`,children:[(C9=D6==null?void 0:D6[r6])==null?void 0:C9.map((_9,Q9)=>E.jsx(fE,{globalFilters:l7,datasourceId:e0,isAllClient:D,hideDatePickerOptions:M2,workspaceId:g2,rlsConditions:_9,onChangeFilterValue:F9,clientId:l,className:Q9===0?bs.filterTopRight:"",rlsConditionList:[...w7,...O7],tenancyLevel:e,clientColumnType:N2},_9.name)),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"cross"}),className:"dbn-h-9 dbn-flex dbn-items-center dbn-justify-center dbn-px-2 dbn-w-full dbn-border dbn-border-secondary dbn-rounded-md",onClick:()=>{r5(!0)}})]})}))]})]}),E.jsxs("div",{className:`${bs.chartWrapper} ${[M0.table,M0.trendAnalyzer].includes((F3==null?void 0:F3.chartType)||"")?bs.tableChartWrapper:""}`,children:[![M0.boxplot,M0.horizontalStackTable,M0.pivot,M0.pivotV2,M0.pivotV3,M0.gauge].includes(F3==null?void 0:F3.chartType)||F3.chartType===M0.gauge&&n.clickActions.chart.isEnable?E.jsx(qK,{disableDownloadUnderlyingDataNoFilters:H7,language:m0,underlyingTheme:o,translationDictionary:j0,clientColumnType:N2,isOpen:f6,setOpen:R8,isInavlidForSort:a9,isGaugeChart:F3.chartType===M0.gauge,value:b9==null?void 0:b9.name,columnName:$7,getUnderlyingData:E8,elementRef:{containerRef:S6,event:(so=b9==null?void 0:b9.event)==null?void 0:so.event},position:"dynamic",isSingleValueChart:!![M0.singleValue].includes(F3==null?void 0:F3.chartType),isEnableSort:(Io=F3==null?void 0:F3.customSettings)==null?void 0:Io.isEnableSort,setSortOrder:O3,rawCsvDownloadButtonProps:{data:[],fileName:n==null?void 0:n.name,companyIntegrationId:n==null?void 0:n.companyIntegrationId,integrationName:n==null?void 0:n.integrationName,isPythonMode:m6,metricData:{options:{clientId:f2?C2||"":l,isFrontend:f2,token:T2},globalFilters:{...l7,filters:((Mo=l7==null?void 0:l7.filters)==null?void 0:Mo.filter(r6=>r6.isVariableFilter))||[]},rlsConditions:u8==null?void 0:u8.filter(r6=>r6.isVariableFilter),tenancyLevel:e,id:n==null?void 0:n.id,dataSecuritySettings:{csvColumns:[]},filterValues:p8,isAllClient:D},updateDownloadProgress:()=>{},children:E.jsx(E.Fragment,{children:E.jsx(H6,{name:"download"})})}}):null,!((_e=s5==null?void 0:s5.tableSettings)!=null&&_e.isEnableColumnFilter&&((cr=s5==null?void 0:s5.tableSettings)!=null&&cr.isServerSidePagination))&&E.jsx(qd2,{isLoading:k6,isDataLength:!!_3.length,isSingleValue:F3.singleValue,dataDb:_3[0],chartType:"",error:n7,onReload:()=>M7()}),((tn=n==null?void 0:n.drillDownSettings)==null?void 0:tn.isEnableGroupBy)&&!!_3.length&&E.jsx(E.Fragment,{children:E.jsx(gg2,{drillDownSettings:W7,onResetLevel:async()=>await J1("",!0),onDrillLevelClick:async r6=>await J1(r6),isShowBreadCrumb:!!((ji=(ui=W7==null?void 0:W7.configV2)==null?void 0:ui.levels)!=null&&ji.length)&&![M0.horizontalStackTable,M0.pivot,M0.sankey,M0.pivotV2,M0.pivotV3].includes(F3==null?void 0:F3.chartType)})}),!k6&&(_3!=null&&_3.length||(zi=s5==null?void 0:s5.tableSettings)!=null&&zi.isEnableColumnFilter&&((Gi=s5==null?void 0:s5.tableSettings)!=null&&Gi.isServerSidePagination))&&!S8?E.jsx(wy,{isDashboard:!0,dateFilter:z5,language:m0,translationDictionary:j0,drilldownCols:d6,variables:s8,isPythonMode:m6,onDrillPivotTable:X8,chartAppearance:U2,pivotDrillState:M8,chartOptions:s5,sortOrder:i6,seriesName:b9==null?void 0:b9.seriesName,isSortReversed:i9&&[M0.row,M0.horizontalStack].includes((F3==null?void 0:F3.chartType)||""),data:_3,colors:S9?F3==null?void 0:F3.chartColors:i||(F3==null?void 0:F3.chartColors),events:{click:(r6,C9)=>{var Q9,z9,V4,P5,Bt,je,lt,Pe,le,Me,Xe;const _9=(Q9=Object.keys(r6))!=null&&Q9.length?r6:C9;if([M0.progressBar,M0.linearGauge].includes(F3.chartType)){F8(r6),R8(!0);return}if((z9=n.drillDownSettings)!=null&&z9.isEnableGroupBy&&(o5==null?void 0:o5.length)!==D9){const ze=F3.chartType==="table"?(V4=C9==null?void 0:C9.find(he=>he.columnName===(o5==null?void 0:o5[D9])))==null?void 0:V4.value:"";(Pe=(lt=(P5=W7==null?void 0:W7.configV2)==null?void 0:P5.levels)==null?void 0:lt[((je=(Bt=W7==null?void 0:W7.configV2)==null?void 0:Bt.levels)==null?void 0:je.length)-1])!=null&&Pe.isEnable||s6(F3.chartType==="table"?{name:ze,rowFilters:C9}:r6)}(!((le=n.drillDownSettings)!=null&&le.isEnableGroupBy)||(Me=n.drillDownSettings)!=null&&Me.isEnableGroupBy&&(o5==null?void 0:o5.length)===D9)&&((Xe=n.clickActions.chart)!=null&&Xe.isEnable)&&FK(n.clickActions.chart,_5(_9)||void 0)},contextmenu:r6=>{[M0.progressBar,M0.linearGauge].includes(F3.chartType)||(F8(r6),R8(!0))}},className:[M0.table,M0.trendAnalyzer].includes((F3==null?void 0:F3.chartType)||"")?"":bs.chart,isEnableDrillDown:(xi=n.drillDownSettings)==null?void 0:xi.isEnableGroupBy,config:{tableColumnFilters:H5,onChangePaginationColumnFilters:x9,ref:i0,chartClickConfig:(br=n.clickActions)==null?void 0:br.chart,onColumnSizingChange:r6=>Y3(C9=>({...C9,tableSettings:{...C9.tableSettings,columnSizing:r6}})),onChartReady:()=>B4(!0),isInfiniteScroll:!1,onChangePage:B5,isExternalChart:F6,isEnableNextBtn:a4,isEnablePrevBtn:L5,paginationInfo:o4,setChartSettings:Y3,dropdownZindex:F3.chartType===M0.table?999999999999:void 0,isFullScreenChart:!0},externalGlobalFilter:$4?b3:void 0,setExternalGlobalFilter:$4?o8:void 0}):null,!_3.length&&k6?E.jsx("div",{className:"dbn-w-full dbn-h-[350px]",children:F3.chartType==="table"?E.jsx(eA,{variant:"table"}):E.jsx(Ac,{})}):null]})]}),!V&&F3.chartType!=="table"&&!S8?E.jsx("div",{"data-testid":"table-view-chart",className:"dbn-flex-1 dbn-border dbn-border-secondary dbn-rounded-2xl dbn-p-6",children:E.jsx(jM,{onChangePaginationColumnFilters:x9,tableColumnFilters:H5,language:m0,translationDictionary:j0,data:g5,isLoading:k6,error:"",tableName:"Table Preview",headerAlignment:"left",comboFormatter:(F3==null?void 0:F3.chartType)===M0.combo?(e6=(o6=F3==null?void 0:F3.customSettings)==null?void 0:o6.comboAxisSettings)==null?void 0:e6.map(r6=>({...r6,suffix:r6!=null&&r6.suffix?rl((r6==null?void 0:r6.suffix)||"^^^^^",s8):r6==null?void 0:r6.suffix,prefix:r6!=null&&r6.prefix?rl((r6==null?void 0:r6.prefix)||"^^^^^",s8):r6==null?void 0:r6.prefix})):[],tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"large",contentAlignment:"left",hideVerticalDivider:!1,tableFormatter:(r9=F3==null?void 0:F3.customSettings)==null?void 0:r9.numberFormatter,tablePrefix:P4,tableSuffix:st,isEnableNumberFormatting:!0,formattedColumns:(F3==null?void 0:F3.yAxisList)||[],tableTitle:"Underlying Data",customHeaderColor:{isEnabled:!0,color:(B6=o==null?void 0:o.header)==null?void 0:B6.bgColor,textColor:(v9=o==null?void 0:o.header)==null?void 0:v9.fontColor},headerFontBold:((N6=o==null?void 0:o.header)==null?void 0:N6.fontWeight)==="boldfont",contentColor:(W9=o==null?void 0:o.content)==null?void 0:W9.fontColor,contentWeight:Number((E5=o==null?void 0:o.content)==null?void 0:E5.fontWeight)},dropdownZindex:999999999999})}):null]}),m8?E.jsx(Qk,{chartTypePanelProps:{selectedChart:F3.chartType,onChartChange:L4,enabledCharts:s9,isOpen:m8,onClose:()=>x8(!1),zIndex:9999999999,inline:!0,onClickSettings:()=>{x8(!1),y6(!0)}}}):null,O5?E.jsx("div",{className:bs.chartPanelContainer,children:E.jsx(rn0,{isOpen:O5,onClose:()=>y6(!1),zIndex:9999999999,chartSettings:F3,setChartSettings:Y3,columnList:B9,inline:!0,onClickBack:()=>{y6(!1),x8(!0)}})}):null,n6.isOpen?E.jsx("div",{className:bs.chartPanelContainer,children:E.jsx(Rn0,{inline:!0,isOpen:n6.isOpen,onClose:()=>d4(r6=>({...r6,isOpen:!1,isLoading:!1})),report:n6.report,isLoading:n6.isLoading,zIndex:9999999999})}):null]}),E.jsx(dV,{workspaceId:g2,metricItem:n,isShowRawCsvModal:q7,onCloseModal:P7,sharingSettingsId:g,query:ob({query:Og((n==null?void 0:n.query)||"",(n==null?void 0:n.companyId)||""),dbName:(n==null?void 0:n.integrationName)||"",rlsConditions:u8,tenancyLevel:e,clientId:l,globalFilters:l7,values:a==null?void 0:a.filterValues,isAllClient:D,clientColumnType:N2,dataMartRelationships:g4})}),d&&E.jsx(nu,{isOpen:I1,onClose:()=>i3(!1),headerTitle:"Update Metric",zIndex:9999999999,children:E.jsx(cN,{onCancel:()=>i3(!1),onSubmit:W5,error:u6,isCreatingMetric:X9,defaultValues:{name:n.name,description:n.description,isLive:n.isLive,metricId:n.isCreatedByClient?n.metricId:`update_${n.metricId}_by_${l}_${Date.now()}`}})}),E.jsx(Hn0,{deleteConfig:K2,onDeleteMetric:v1,setDeleteConfig:v3,error:N1,isDeletingMetric:z1})]})},Dn0=({createElementPanelProps:{isOpen:t,onClose:n,element:i,clientId:o,companyId:a,externalDashboardId:s,userProvidedDashboardId:r}})=>{const[C,l]=X0.useState(!1),[e,A]=X0.useState(!1),{updateExternalMetric:u,error:f,isLoading:d,setValue:g,watch:h,register:I,handleSubmit:y,reset:w,control:V}=CM({onSuccess:()=>{var K,f2;n(),(f2=(K=window==null?void 0:window.location)==null?void 0:K.reload)==null||f2.call(K)},selectedColumns:[],companyIntegrationId:i==null?void 0:i.companyIntegrationId,query:i==null?void 0:i.query,metricQuery:i==null?void 0:i.metricQuery,integrationName:i==null?void 0:i.integrationName,outputColumns:i==null?void 0:i.outputColumns,clientId:o,companyId:a,isLiveMode:i==null?void 0:i.isLive,timeGrain:i==null?void 0:i.timeGrain,dashboardIds:[s],isEnableGroupBy:i==null?void 0:i.isEnableGroupBy,groupBy:i==null?void 0:i.groupBy,selectedGroupBy:i==null?void 0:i.selectedGroupBy,metric:i}),[D,P]=X0.useState({isOpenInNewTab:!1,link:"",targetWord:""}),W=K=>{u==null||u(K,!0)};return X0.useEffect(()=>{var K,f2,T2,C2,g2,N2,H2,M2,U2,Y2,c0,h0,F0,I0,e0,U0,m0,j0,v1,K2,v3,N1,z1,$3,V7,p3,a7,p7,X7;i!=null&&i.id&&(g("metricId",i.metricId),g("elementTitle",i.name),g("description",i.description),g("isDisableCardAppearance",(K=i==null?void 0:i.elementSettings)==null?void 0:K.isDisableCardAppearance),(f2=i==null?void 0:i.elementSettings)!=null&&f2.titleAlignment&&g("titleAlignment",(T2=i==null?void 0:i.elementSettings)==null?void 0:T2.titleAlignment),(C2=i==null?void 0:i.elementSettings)!=null&&C2.descAlignment&&g("descAlignment",(g2=i==null?void 0:i.elementSettings)==null?void 0:g2.descAlignment),(H2=(N2=i==null?void 0:i.elementSettings)==null?void 0:N2.textBox)!=null&&H2.text?(A(!0),g("text",(U2=(M2=i==null?void 0:i.elementSettings)==null?void 0:M2.textBox)==null?void 0:U2.text),g("fontColor",(c0=(Y2=i==null?void 0:i.elementSettings)==null?void 0:Y2.textBox)==null?void 0:c0.fontColor),g("fontWeight",(F0=(h0=i==null?void 0:i.elementSettings)==null?void 0:h0.textBox)==null?void 0:F0.fontWeight),g("fontSize",(e0=(I0=i==null?void 0:i.elementSettings)==null?void 0:I0.textBox)==null?void 0:e0.fontSize),g("textAlignment",(m0=(U0=i==null?void 0:i.elementSettings)==null?void 0:U0.textBox)==null?void 0:m0.alignment),g("textLink",(v1=(j0=i==null?void 0:i.elementSettings)==null?void 0:j0.textBox)==null?void 0:v1.link),g("targetWord",(v3=(K2=i==null?void 0:i.elementSettings)==null?void 0:K2.textBox)==null?void 0:v3.targetWord),g("isOpenInNewTab",(z1=(N1=i==null?void 0:i.elementSettings)==null?void 0:N1.textBox)==null?void 0:z1.isOpenInNewTab),P({isOpenInNewTab:(V7=($3=i==null?void 0:i.elementSettings)==null?void 0:$3.textBox)==null?void 0:V7.isOpenInNewTab,link:(a7=(p3=i==null?void 0:i.elementSettings)==null?void 0:p3.textBox)==null?void 0:a7.link,targetWord:(X7=(p7=i==null?void 0:i.elementSettings)==null?void 0:p7.textBox)==null?void 0:X7.targetWord})):A(!1))},[i]),E.jsxs(E.Fragment,{children:[E.jsx(zd,{isOpen:t,onClose:()=>{w(),n()},size:"small",side:"right",hideFooter:!0,headerTitle:"Add Element",dataTestTitle:"elementPanel",children:E.jsxs("form",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-flex dbn-flex-col dbn-gap-6",onSubmit:y(W),children:[E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[E.jsx(c5,{type:"text",placeholder:"Enter title",label:"Title",register:I("elementTitle")}),E.jsx(c5,{type:"text",placeholder:"Enter description",label:"Description",register:I("description")}),E.jsx(bv,{name:"titleAlignment",control:V,render:({field:K})=>E.jsx(E.Fragment,{children:E.jsx(ce,{buttonWidth:"100%",menuWidth:"100%",label:"Title alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:f2=>{g("titleAlignment",f2.value)},selectedOption:{label:(K==null?void 0:K.value)||"",value:K.value||""}})})}),E.jsx(bv,{name:"descAlignment",control:V,render:({field:K})=>E.jsx(E.Fragment,{children:E.jsx(ce,{buttonWidth:"100%",menuWidth:"100%",label:"Description alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:f2=>{g("descAlignment",f2.value)},selectedOption:{label:(K==null?void 0:K.value)||"",value:K.value||""}})})})]}),E.jsx(u4,{name:"enableMetricCard",placeholder:"Merge Card to Background",enabled:h("isDisableCardAppearance"),onChange:()=>g("isDisableCardAppearance",!h("isDisableCardAppearance"))}),e?null:E.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:E.jsx(E6,{variant:"tab",leftIcon:E.jsx(H6,{name:"plus",size:"sm"}),onClick:()=>A(!0),fitContainer:!0,children:"Text box"})}),e?E.jsxs("div",{className:"dbn-py-5 dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-border-y dbn-border-secondary",children:[E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-items-center dbn-justify-between",children:[E.jsx(A8,{variant:"heading-5",children:"Text box"}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"delete",color:"alert"}),onClick:()=>{A(!1),g("text",""),g("fontWeight",""),g("fontSize",""),g("textAlignment",""),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),P({isOpenInNewTab:!1,link:"",targetWord:""})}})]}),E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[E.jsx(c5,{type:"text",placeholder:"Enter text",label:"",register:I("text")}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"link",size:"lg"}),onClick:()=>l(!0)})]}),E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4",children:[E.jsx(c5,{type:"text",placeholder:"Regular",label:"Font weight",register:I("fontWeight")}),E.jsx(c5,{type:"text",placeholder:"36px",label:"Font size",register:I("fontSize")})]}),E.jsx(Ps,{name:"font color",label:"Font color",onChange:K=>g("fontColor",K),value:h("fontColor")||"#000000",defaultValue:"#000000"}),E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-6 dbn-py-2 dbn-items-center dbn-justify-center",children:[E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"align-left",size:"lg"}),onClick:()=>g("textAlignment","left"),className:h("textAlignment")==="left"||!h("textAlignment")?"dbn-bg-gray dbn-p-1":""}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"align-space-even",size:"lg"}),onClick:()=>g("textAlignment","center"),className:h("textAlignment")==="center"?"dbn-bg-gray dbn-p-1":""}),E.jsx(E6,{variant:"popover",leftIcon:E.jsx(H6,{name:"align-right",size:"lg"}),onClick:()=>g("textAlignment","right"),className:h("textAlignment")==="right"?"dbn-bg-gray dbn-p-1":""})]})]}):null,E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4 dbn-items-center dbn-justify-end dbn-pb-4",children:[f?E.jsx(A8,{variant:"body-text-2",color:"alert",children:f}):null,E.jsx(E6,{type:"submit",variant:"primary",children:d?"Saving...":"Save"})]})]})}),E.jsxs(nu,{isOpen:C,onClose:()=>l(!1),customHeader:E.jsxs("div",{className:"dbn-w-full dbn-flex dbn-items-center dbn-justify-between",children:[E.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2",children:[E.jsx(H6,{name:"link",size:"lg"}),E.jsx(A8,{variant:"heading-3",children:"Insert Link"})]}),E.jsx(E6,{variant:"tertiary",type:"button",onClick:()=>{P({isOpenInNewTab:h("isOpenInNewTab")||!1,link:h("textLink")||"",targetWord:h("targetWord")||""}),l(!1)},leftIcon:E.jsx(H6,{name:"cross",size:"xs"}),style:{padding:"0",height:"16px"}})]}),children:[E.jsxs("div",{className:"dbn-w-[500px] dbn-flex dbn-flex-col dbn-gap-4 dbn-pb-4 dbn-px-5",children:[E.jsx(c5,{type:"text",placeholder:"Paste your link here",label:"",value:D.link,onChange:K=>P(f2=>({...f2,link:K.target.value}))}),E.jsx(c5,{type:"text",placeholder:"Enter the target word or sentence",label:"Target",value:D.targetWord,onChange:K=>P(f2=>({...f2,targetWord:K.target.value}))}),E.jsx(rd,{label:"Open link in new tab",onChange:()=>{P(K=>({...K,isOpenInNewTab:!K.isOpenInNewTab}))},checked:D.isOpenInNewTab})]}),E.jsxs(Fd,{children:[E.jsx(E6,{type:"button",variant:"tab",onClick:()=>{w(),P({isOpenInNewTab:!1,link:"",targetWord:""}),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),l(!1)},children:"Discard"}),E.jsx(E6,{type:"submit",variant:"primary",onClick:()=>{g("textLink",D.link),g("isOpenInNewTab",D.isOpenInNewTab),g("targetWord",D.targetWord),l(!1)},children:"Add link"})]})]})]})},Eg2={"MetricList-wrapper":"_MetricList-wrapper_m57he_9","MetricList-wrapper-move":"_MetricList-wrapper-move_m57he_25"},Sn0=({props:{metricList:t,mainMetricItem:n,metricCardColor:i,isAllowedToChangeLayout:o,isMobileScreen:a,isShadowDisableOnHover:s,disableMetricCardBorder:r,isAllowedToUpdateMetrics:C,isEditLayoutEnabled:l,isHoverLongDesc:e,setOpenElementPanel:A,setUpdateElement:u,isEnableEmailRawCsvDownload:f,setRawCsvModal:d,language:g,translationDictionary:h,datasourceId:I,metricStore:y,setHoverLongDesc:w,setHoverSubHeader:V,setPopupOpen:D,setMetricStore:P,setDownloadMetrics:W,isAllClient:K,clientColumnType:f2,noDataImg:T2,isAllowedToSeeUnderlyingData:C2,chartAppearance:g2,hideDatePickerOptions:N2,isDisableMetricLoader:H2,onServerEvent:M2,workspaceId:U2,token:Y2,downloadMetrics:c0,dropdownTheme:h0,underlyingTheme:F0,optionsIcon:I0,disableFullscreen:e0,setFullScreenModal:U0,client:m0,chartColors:j0,globalFilters:v1,companyTenancyType:K2,appFilters:v3,params:N1,isAllowedToDeleteMetrics:z1,setArchiveModal:$3,setCrossDashboardFilters:V7,crossDashboardFilters:p3,enableMultiMetricFilters:a7,enableDownloadCsv:p7,parentHeight:X7,parentWidth:H7,filters:J7,scrollToTop:M3,calendarType:i0,isDisableClick:b3,bgColor:o8,chartFontSettings:q7,disableDownloadDataNoFilters:P7=!1,disableDownloadUnderlyingDataNoFilters:m8=!1,setMetricMetadata:x8,viewMetricData:I1,generatingPdf:i3,dataMartTables:l7}})=>{var R8,f6;const[M7,n7]=X0.useState([]),[_3,W7]=X0.useState([]),s8=X0.useMemo(()=>{let k6=[];const b9=[n,...t].map(F9=>{var L5,o4,B5,F6,J1,Z9;const s6=`${F9==null?void 0:F9.id}-sub-card`,D9=(L5=F9==null?void 0:F9.chartOptions)==null?void 0:L5.cardLayout;[M0.linearGauge,M0.progressBar].includes((o4=F9==null?void 0:F9.chartOptions)==null?void 0:o4.chartType)&&(k6=[...k6,{id:s6,height:(D9==null?void 0:D9.h)??((B5=F9==null?void 0:F9.resizeAttributes)==null?void 0:B5.height)??10}]);const o5=H7||5,a4=X7?(X7||10)/[n,...t].length:5;return{i:s6,w:(D9==null?void 0:D9.w)??o5,h:(D9==null?void 0:D9.h)??a4,x:(D9==null?void 0:D9.x)??((F6=F9==null?void 0:F9.resizeAttributes)==null?void 0:F6.xAxis)??0,y:(D9==null?void 0:D9.y)??((J1=F9==null?void 0:F9.resizeAttributes)==null?void 0:J1.yAxis)??0,minW:F9.isMetric?[M0.singleValue,M0.pivot,M0.pivotV2,M0.pivotV3,M0.progressBar,M0.linearGauge].includes((Z9=F9==null?void 0:F9.chartOptions)==null?void 0:Z9.chartType)?2:3:1,minH:3,maxH:X7}});return W7(k6),b9},[n,t,X7,H7]),E8=X0.useMemo(()=>s8.sort((k6,b9)=>k6.y!==b9.y?k6.y-b9.y:k6.x-b9.x),[s8]),F8=X0.useMemo(()=>[n,...t].map((k6,b9)=>{var S8,S6,F3,Y3,w7;const F9=(S8=_3.find(O7=>O7.id===(k6==null?void 0:k6.id)))==null?void 0:S8.height,s6=k6.isMetric,D9=((S6=n==null?void 0:n.chartOptions)==null?void 0:S6.mergedCards)||[],o5=!!((F3=k6==null?void 0:k6.elementSettings)!=null&&F3.isDisableCardAppearance),a4=(!s6&&!o5||s6)&&!i?"dbn-white":"",L5=o?Eg2["MetricList-wrapper-move"]:"",o4=r?"dbn-border-0":"",B5=!s6&&!o5||s6?"dbn-metric-card-container":"",F6=`${Eg2["MetricList-wrapper"]} ${a4} ${L5} ${o4} ${B5} dbn-shadow-none !important`,J1=()=>{!s6&&C&&!l&&(A(!0),u(k6))},Z9={cursor:"auto",backgroundColor:o8,zIndex:e?s8.length-b9:10,maxWidth:"100%"},p8=(O7,r7)=>{W(r7?m7=>[...m7,{id:O7,isInProgress:r7}]:m7=>m7.filter(u8=>u8.id!==O7))},l6=f?(O7,r7,m7)=>d({show:!0,metric:k6,filterValues:O7,rlsConditions:r7,dataMartRelationships:m7}):void 0;return E.jsx("div",{className:F6,id:`${k6==null?void 0:k6.id}-sub-card`,tabIndex:0,role:"button",style:Z9,onClick:J1,"data-testid":`${(Y3=k6==null?void 0:k6.name)==null?void 0:Y3.toLowerCase().replaceAll(" ","-")}-card`,children:E.jsx(Lk,{dataMartTables:l7,viewMetricData:I1,setMetricMetadata:x8,disableDownloadDataNoFilters:P7,disableDownloadUnderlyingDataNoFilters:m8,calendarType:i0,disableFullscreen:!!e0,isDisableClick:b3,language:g,translationDictionary:h,datasourceId:I,metricStore:y,disableBorder:r,setHoverLongDesc:w,setPopupOpen:D,chartFontSettings:q7,setHoverSubHeader:V,setMetricStore:P,isAllClient:K,clientColumnType:f2,isMergedMetric:!!D9.length&&!a,metricCardColor:i,isShadowDisableOnHover:s,noDataImg:T2,isAllowedToSeeUnderlyingData:C2,chartAppearance:g2,hideDatePickerOptions:N2,chartHeight:F9||void 0,isEditLayoutEnabled:l,isDisableMetricLoader:H2,onServerEvent:M2,workspaceId:U2,guestToken:Y2,isFrontendApp:!1,downloadMetrics:c0,onDownload:p8,metricItem:k6,dropdownTheme:h0,underlyingTheme:F0,optionsIcon:I0,onMaximize:void 0,client:m0,colors:j0,globalFilters:{tableName:(v1==null?void 0:v1.tableName)||"",filters:[...(v1==null?void 0:v1.filters)||[],...(w7=M7==null?void 0:M7.filter(O7=>O7==null?void 0:O7.value))==null?void 0:w7.map(O7=>ya2(O7))]},param:N1==null?void 0:N1.find(O7=>O7.metricId===k6.metricId),appFilters:v3==null?void 0:v3.find(O7=>O7.metricId===k6.metricId),companyTenancyType:K2,onArchive:z1?O7=>$3({id:O7,show:!0,metricId:(k6==null?void 0:k6.metricId)||""}):void 0,disableActions:l,isDisableMorePopup:l,setCrossDashboardFilters:V7,crossDashboardFilters:p3,enableMultiMetricFilters:a7,enableDownloadCsv:p7,onDownloadRawCsv:l6,generatingPdf:i3})},`${k6==null?void 0:k6.id}-sub-card`)}),[l7,P7,m8,n,E8,t,_3,i,o,r,e,s8.length,f,g,h,I,y,w,V,D,P,K,f2,a,s,T2,C2,g2,N2,l,H2,M2,U2,Y2,c0,h0,F0,I0,e0,m0,j0,v1==null?void 0:v1.tableName,v1==null?void 0:v1.filters,M7,N1,v3,K2,z1,V7,p3,a7,p7,C,A,u,W,d,U0,$3,i0,I1,i3]),$7=X0.useMemo(()=>{var k6;return(k6=n==null?void 0:n.chartOptions)==null?void 0:k6.isNewLayout},[(R8=n==null?void 0:n.chartOptions)==null?void 0:R8.isNewLayout]);return E.jsxs(E.Fragment,{children:[!!(J7!=null&&J7.length)&&E.jsx("div",{className:"dbn-w-full dbn-flex  dbn-gap-2 dbn-p-2 dbn-items-end dbn-z-[19] dbn-justify-start",children:E.jsx(k_,{parentAppliedFilter:(v1==null?void 0:v1.filters)||[],isEditLayoutEnabled:!1,clientColumnType:f2,hideDatePickerOptions:[],appliedfilters:M7,setAppliedFilters:n7,filters:[{tableName:"",columns:J7}],internal:{isInternal:!0,workspaceId:U2||""},clientId:m0,isAllClient:K,theme:h0,tenancyLevel:K2,layout:{adminLayout:((f6=n==null?void 0:n.chartOptions)==null?void 0:f6.filterLayout)||[],clientLayout:[],isLocked:!0,onChange:()=>{}},datasourceId:I})}),E.jsx(Tk,{layouts:{lg:E8},rowHeight:30,breakpoints:{lg:1800,md:996,sm:768,xs:480,xxs:0},cols:{lg:$7&&H7||12,md:$7&&H7||12,sm:$7&&H7||12,xs:$7&&H7||4,xxs:$7&&H7||2},margin:[10,10],containerPadding:[0,0],draggableHandle:"metric-sub-card",isDraggable:!1,isDroppable:!1,isResizable:!1,children:F8},l?"reset":"default")]})},Tk=Kd2.WidthProvider(Kd2.Responsive),Nn0=({userIdentifier:t,noDataFoundSvg:n,isShowNoDataFoundScreen:i,chartColors:o,globalFilters:a,dataLimit:s,client:r,companyId:C,isAllowedToUpdateMetrics:l,isAllowedToDeleteMetrics:e,isAllowedToChangeLayout:A,isAllowedToSeeUnderlyingData:u,externalDashboardMetrics:f,isMetricListLoading:d,breakpoint:g,layoutCols:h,layout:I,params:y,companyTenancyType:w="TABLE",externalDashboardId:V,externalDashboardPk:D,sharingSettingsId:P,appFilters:W,isHideChartSettings:K,isHideTablePreview:f2,enableDownloadCsv:T2,enableEmailCsv:C2,enableMultiMetricFilters:g2,disableFullscreen:N2,dropdownTheme:H2,underlyingTheme:M2,optionsIcon:U2,token:Y2,workspaceId:c0,clientColumnType:h0,isShowLoader:F0,isEditLayoutEnabled:I0,isEnableMetricSummary:e0,hideDatePickerOptions:U0,chartAppearance:m0,isAllClient:j0,gridMargin:v1,isDisableMetricLoader:K2,isShadowDisableOnHover:v3,noDataImg:N1,metricCardColor:z1,shouldFitFullScreen:$3,mergedMetrics:V7,metricIndex:p3,setRowMetrics:a7,onServerEvent:p7,disableDownloadPng:X7,disableMetricCardBorder:H7,isMobileScreen:J7,isAllowToDownloadMetrics:M3,chartColumns:i0,datasourceId:b3,language:o8,translationDictionary:q7,metricMergedFilters:P7,fullScreenModal:m8,setFullScreenModal:x8,calendarType:I1,isDisableClick:i3,onEditMetric:l7,isDataApp:M7,chartFontSettings:n7,saveDashLayout:_3,disableDownloadDataNoFilters:W7=!1,disableDownloadUnderlyingDataNoFilters:s8=!1,rules:E8=[],setMetricMetadata:F8,viewMetricData:$7,generatingPdf:R8,dataMartTables:f6})=>{var B9,h6,d6,T6,z5,s9,H5,x9,K5,W5;const[k6,b9]=X0.useState([]),s6=new URLSearchParams(window.location.search).get("isDbn"),[D9,o5]=X0.useState(new Map),[a4,L5]=X0.useState([]),[o4,B5]=X0.useState(!1),[F6,J1]=X0.useState(!1),[Z9,p8]=X0.useState(!1),[l6,S8]=X0.useState(),[S6,F3]=X0.useState(!1),[Y3,w7]=X0.useState({show:!1,metric:void 0,filterValues:void 0,rlsConditions:[],dataMartRelationships:[]}),[O7,r7]=X0.useState({id:"",show:!1,metricId:""}),[m7,u8]=X0.useState([]),[N8,M8]=X0.useState([]),{handleArchiveMetric:X8,isLoading:i7}=r70({token:Y2,metricId:O7.id,onSuccess:async()=>{p7==null||p7(C30,O7.id),r7({id:"",show:!1,metricId:""}),x8({show:!1,isClickOnChart:!1}),await J8({clientId:r,data:{companyId:C,feature:"ARCHIVE_METRIC",dashboardId:V,metricId:O7.metricId},isFrontendApp:!1,token:Y2}),window.location.reload()}}),{saveLogsAsync:J8}=h_(),{isDisableDownloadSettings:m6}=w_({sharingSettingsId:P,workspaceId:c0}),i9=X0.useMemo(()=>(C2==null?void 0:C2.toString())&&C2||!(C2!=null&&C2.toString())&&!m6,[m6,C2]),a9=X0.useMemo(()=>{var u6;return((u6=f==null?void 0:f.map(X9=>{var k9,M9,Y9,s5,_5,g5;return(Y9=(M9=(k9=X9==null?void 0:X9.externalMetric)==null?void 0:k9.clickActions)==null?void 0:M9.chartWithMetric)!=null&&Y9.isEnable?(g5=(_5=(s5=X9==null?void 0:X9.externalMetric)==null?void 0:s5.clickActions)==null?void 0:_5.chartWithMetric)==null?void 0:g5.metricId:""}))==null?void 0:u6.filter(X9=>X9))||[]},[f]),i6=X0.useMemo(()=>f==null?void 0:f.map(u6=>{var k9,M9,Y9,s5;const X9=i0==null?void 0:i0.find(_5=>{var g5;return _5.metricId===((g5=u6==null?void 0:u6.externalMetric)==null?void 0:g5.metricId)&&_5.isEnabled});return X9?{...u6==null?void 0:u6.externalMetric,chartOptions:{...(k9=u6==null?void 0:u6.externalMetric)==null?void 0:k9.chartOptions,enduserMeasureAndDimensions:{isEnabled:!!(X9!=null&&X9.isEnabled),dimensions:((M9=X9==null?void 0:X9.dimensions)==null?void 0:M9.map(_5=>({value:_5,label:_5})))||[],measures:((Y9=X9==null?void 0:X9.measures)==null?void 0:Y9.map(_5=>({value:_5,label:_5})))||[]},yAxisList:(X9==null?void 0:X9.measures)||[],xAxis:((s5=X9==null?void 0:X9.dimensions)==null?void 0:s5[0])||""}}:u6.externalMetric}),[f,i0]),O3=X0.useMemo(()=>{const u6=i6==null?void 0:i6.filter(Y9=>{var s5;return!((s5=Y9==null?void 0:Y9.clientArchivedMetrics)!=null&&s5.length)}),X9=u6==null?void 0:u6.filter(Y9=>(!Y9.isCreatedByClient||Y9.isCreatedByClient&&!Y9.clientId)&&!(V7!=null&&V7.includes(Y9==null?void 0:Y9.id))&&!(a9!=null&&a9.includes(Y9==null?void 0:Y9.id))),k9=u6==null?void 0:u6.filter(Y9=>Y9.isCreatedByClient&&Y9.clientId===r&&!(V7!=null&&V7.includes(Y9==null?void 0:Y9.id)));return[...X9||[],...k9||[]].sort((Y9,s5)=>{const _5=new Date(Y9.createdAt).getTime(),g5=new Date(s5.createdAt).getTime();return _5-g5})},[r,i6,V7,a9]),r5=X0.useMemo(()=>EJ2(k6,E8||[]),[k6,E8]),D6=X0.useMemo(()=>O3==null?void 0:O3.filter(u6=>!(r5!=null&&r5.includes(u6==null?void 0:u6.id))),[O3,r5]),q6=X0.useMemo(()=>{let u6=[];const X9=D6==null?void 0:D6.map(k9=>{var s5,_5,g5,S9,j4;const M9=I.clientLayout.find(X4=>X4.i===k9.id),Y9=I.adminLayout.find(X4=>X4.i===k9.id);return[M0.linearGauge,M0.progressBar].includes(k9.chartOptions.chartType)&&(u6=[...u6,{id:(M9==null?void 0:M9.i)??(Y9==null?void 0:Y9.i)??k9.id,height:(M9==null?void 0:M9.h)??(Y9==null?void 0:Y9.h)??((s5=k9==null?void 0:k9.resizeAttributes)==null?void 0:s5.height)??10}]),{i:(M9==null?void 0:M9.i)??(Y9==null?void 0:Y9.i)??k9.id,w:(M9==null?void 0:M9.w)??(Y9==null?void 0:Y9.w)??((_5=k9.resizeAttributes)==null?void 0:_5.width)??5,h:(M9==null?void 0:M9.h)??(Y9==null?void 0:Y9.h)??((g5=k9.resizeAttributes)==null?void 0:g5.height)??10,x:(M9==null?void 0:M9.x)??(Y9==null?void 0:Y9.x)??((S9=k9.resizeAttributes)==null?void 0:S9.xAxis)??0,y:(M9==null?void 0:M9.y)??(Y9==null?void 0:Y9.y)??((j4=k9.resizeAttributes)==null?void 0:j4.yAxis)??0,minW:k9.isMetric?[M0.singleValue,M0.pivot,M0.pivotV2,M0.pivotV3,M0.progressBar,M0.linearGauge].includes(k9.chartOptions.chartType)?2:3:1,minH:k9.isMetric?[M0.singleValue,M0.pivot,M0.pivotV2,M0.pivotV3,M0.table,M0.trendAnalyzer].includes(k9.chartOptions.chartType)?2:[M0.progressBar,M0.linearGauge].includes(k9.chartOptions.chartType)?3:8:1,maxH:k9.chartOptions.chartType==="table"?1/0:18}});return M8(u6),X9},[D6,I.adminLayout,I.clientLayout]),n6=X0.useMemo(()=>q6.sort((u6,X9)=>u6.y!==X9.y?u6.y-X9.y:u6.x-X9.x),[q6]);X0.useEffect(()=>{var u6;if(n6!=null&&n6.length&&p3){const X9=(u6=n6[p3||0])==null?void 0:u6.y,k9=n6==null?void 0:n6.slice(p3);a7==null||a7(()=>{let M9=0;return k9==null||k9.forEach(Y9=>{Y9.y===X9&&(M9+=1)}),M9-1})}},[n6,p3]);const d4=X0.useMemo(()=>{const u6=new Map;return n6.forEach((X9,k9)=>{u6.set(X9.i,k9)}),D6.sort((X9,k9)=>u6.get(X9.id)-u6.get(k9.id)),D6.slice(0,s)},[n6,D6,s]),B4=X0.useMemo(()=>n6.slice(0,s),[n6,s]);X0.useEffect(()=>{L5([])},[V]),X0.useEffect(()=>{const u6=setTimeout(()=>{window.dispatchEvent(new Event("resize"))},300);return()=>clearTimeout(u6)},[q6]);const g4=X0.useMemo(()=>d4==null?void 0:d4.map((u6,X9)=>{var d7,j7,_8,j3,f7,T8,a6,l3,_7,i8,K8,g6,u9,$6,V9,P9,j9,J5,N4,h4,y4,Ct,Qt,tr,mr,An,un,Zi,Ti,Fi,oo,ao,Ui,so,Io,Mo;const k9=(j7=(d7=u6==null?void 0:u6.clickActions)==null?void 0:d7.chartWithMetric)!=null&&j7.isEnable?(j3=(_8=u6==null?void 0:u6.clickActions)==null?void 0:_8.chartWithMetric)==null?void 0:j3.metricId:void 0,M9=k9?i6==null?void 0:i6.find(_e=>_e.id===k9):void 0,Y9=(f7=N8.find(_e=>_e.id===(u6==null?void 0:u6.id)))==null?void 0:f7.height,s5=u6.isMetric,_5=((T8=u6==null?void 0:u6.chartOptions)==null?void 0:T8.mergedCards)||[],g5=((a6=P7==null?void 0:P7.find(_e=>_e.id===(u6==null?void 0:u6.id)))==null?void 0:a6.filters)||[],S9=(l3=_5==null?void 0:_5.map(_e=>i6==null?void 0:i6.find(tn=>tn.id===(_e==null?void 0:_e.value))))==null?void 0:l3.filter(_e=>_e),j4=(g5==null?void 0:g5.length)||!!S9.length,X4=!!((_7=u6==null?void 0:u6.elementSettings)!=null&&_7.isDisableCardAppearance),P4=!s5&&!X4||s5?"dbn-metric-card-container":"",st=((i8=u6==null?void 0:u6.chartOptions)==null?void 0:i8.chartType)===M0.singleValue&&((g6=(K8=u6==null?void 0:u6.chartOptions)==null?void 0:K8.customSettings)==null?void 0:g6.isEnableSingleValueBgColor),$4=st&&(($6=(u9=u6==null?void 0:u6.chartOptions)==null?void 0:u9.customSettings)==null?void 0:$6.singleValueBgColor)||"",ve=(!s5&&!X4||s5)&&!z1&&!$4?"dbn-white":"",ie=A?cf["MetricList-wrapper-move"]:"",ye=_5.length&&!J7?`dbn-metric-card ${_5.length<2?cf.gridDisplay:cf.gridDisplay2} ${v3?"":cf.isShowShadow}`:cf.flexDisplay,g9=H7?"dbn-border-0":"",N5=`${cf["MetricList-wrapper"]} ${P4} ${ve} ${ie} ${ye} ${g9} dbn-card-element`,C4=`${cf["MetricList-wrapper"]} ${P4} ${ve} ${ie}  ${g9} ${cf.mergedCard} dbn-card-element`,Z4=()=>{!s5&&l&&!I0&&(F3(!0),S8(u6))},fe=!s5&&!!(S9!=null&&S9.every(_e=>!(_e!=null&&_e.isMetric)))&&X4;let Ce;(P9=(V9=u6==null?void 0:u6.elementSettings)==null?void 0:V9.elementType)!=null&&P9.value?Ce=(J5=(j9=u6==null?void 0:u6.elementSettings)==null?void 0:j9.elementType)==null?void 0:J5.value:!((h4=(N4=u6==null?void 0:u6.elementSettings)==null?void 0:N4.elementType)!=null&&h4.value)&&((Qt=(Ct=(y4=u6==null?void 0:u6.elementSettings)==null?void 0:y4.summary)==null?void 0:Ct.metricList)!=null&&Qt.length)?Ce="metricSummary":Ce="customTextBox";let o1="",A3="";!s5&&Ce==="metricSummary"&&((mr=(tr=u6==null?void 0:u6.elementSettings)==null?void 0:tr.summary)!=null&&mr.summaryBgColor)?o1=(un=(An=u6==null?void 0:u6.elementSettings)==null?void 0:An.summary)==null?void 0:un.summaryBgColor:j4&&fe?o1="":j4&&!fe&&!(u6!=null&&u6.isMetric)?z1?o1=z1:o1="white":$4?o1=$4:z1&&!X4?o1=z1:!s5&&!X4||s5?o1="white":o1="",j4&&((Zi=u6==null?void 0:u6.chartOptions)!=null&&Zi.isEnableMergeDividers)&&!fe&&(A3=((Ti=u6==null?void 0:u6.chartOptions)==null?void 0:Ti.dividerColor)??"");const K3={cursor:"auto",backgroundColor:(Fi=u6==null?void 0:u6.chartOptions)!=null&&Fi.isEnableMergeDividers?A3:o1,zIndex:o4||F6||Z9?d4.length-X9:10},D3=(_e,cr)=>{u8(cr?tn=>[...tn,{id:_e,isInProgress:cr}]:tn=>tn.filter(ui=>ui.id!==_e))},t8=i9?(_e,cr,tn)=>w7({show:!0,metric:u6,filterValues:_e,rlsConditions:cr,dataMartRelationships:tn}):void 0,C3=(oo=B4==null?void 0:B4.find(_e=>_e.i===(u6==null?void 0:u6.id)))==null?void 0:oo.h,C7=(ao=B4==null?void 0:B4.find(_e=>_e.i===(u6==null?void 0:u6.id)))==null?void 0:ao.w;return j4?E.jsx("div",{"data-testid":`${(Ui=u6==null?void 0:u6.name)==null?void 0:Ui.toLowerCase().replaceAll(" ","-")}-card`,className:C4,id:u6.id,style:K3,children:E.jsx(Sn0,{props:{setMetricMetadata:F8,disableDownloadDataNoFilters:W7,disableDownloadUnderlyingDataNoFilters:s8,calendarType:I1,filters:g5,parentHeight:C3,bgColor:o1,scrollToTop:$3?()=>WY:()=>{},parentWidth:C7,metricList:S9,chartFontSettings:n7,mainMetricItem:u6,metricCardColor:st?$4:z1,isAllowedToChangeLayout:A,isMobileScreen:J7,isShadowDisableOnHover:v3,disableMetricCardBorder:H7,isAllowedToUpdateMetrics:l,isEditLayoutEnabled:I0,isHoverLongDesc:o4,setOpenElementPanel:F3,setUpdateElement:S8,isEnableEmailRawCsvDownload:i9,setRawCsvModal:w7,language:o8,translationDictionary:q7,datasourceId:b3,metricStore:D9,setHoverLongDesc:B5,setHoverSubHeader:J1,setPopupOpen:p8,setMetricStore:o5,setDownloadMetrics:u8,isAllClient:j0,clientColumnType:h0,noDataImg:N1,isAllowedToSeeUnderlyingData:u,chartAppearance:m0,hideDatePickerOptions:U0,isDisableMetricLoader:K2,onServerEvent:p7,workspaceId:c0,token:Y2,downloadMetrics:m7,dropdownTheme:H2,underlyingTheme:M2,optionsIcon:U2,disableFullscreen:N2,setFullScreenModal:x8,client:r,chartColors:o,globalFilters:a,companyTenancyType:w,appFilters:W,params:y,isAllowedToDeleteMetrics:e||(u6==null?void 0:u6.createdByIdentifier)&&t&&(u6==null?void 0:u6.createdByIdentifier)===t,setArchiveModal:r7,setCrossDashboardFilters:L5,crossDashboardFilters:a4,enableMultiMetricFilters:g2,enableDownloadCsv:T2,isDisableClick:i3,viewMetricData:$7,generatingPdf:R8,dataMartTables:f6}})},u6.id):E.jsx("div",{"data-testid":`${(so=u6==null?void 0:u6.name)==null?void 0:so.toLowerCase().replaceAll(" ","-")}-card`,className:N5,id:u6.id,onClick:Z4,style:K3,children:E.jsx(Lk,{dataMartTables:f6,viewMetricData:$7,setMetricMetadata:F8,disableDownloadDataNoFilters:W7,disableDownloadUnderlyingDataNoFilters:s8,setLoadedCardMetadata:b9,calendarType:I1,disableFullscreen:!!N2,isDisableClick:i3,language:o8,translationDictionary:q7,chartFontSettings:n7,datasourceId:b3,metricStore:D9,disableBorder:H7,setHoverLongDesc:B5,setHoverSubHeader:J1,setPopupOpen:p8,setMetricStore:o5,isAllClient:j0,clientColumnType:h0,isMergedMetric:!!_5.length&&!J7,metricCardColor:st?$4:z1,isShadowDisableOnHover:v3,noDataImg:N1,isAllowedToSeeUnderlyingData:u,chartAppearance:m0,hideDatePickerOptions:U0,chartHeight:Y9||void 0,isEditLayoutEnabled:I0,isDisableMetricLoader:K2,onServerEvent:p7,workspaceId:c0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:m7,onDownload:D3,metricItem:u6,dropdownTheme:H2,underlyingTheme:M2,optionsIcon:U2,onMaximize:I.isLocked||N2&&!((Mo=(Io=u6==null?void 0:u6.clickActions)==null?void 0:Io.chartWithMetric)!=null&&Mo.isEnable)?({metric:_e,appFilters:cr,appliedMetricFilters:tn,rlsFilters:ui,isClickOnChart:ji})=>{p7==null||p7(r30,u6==null?void 0:u6.id),$3&&WY(),x8({show:!0,metric:ji&&M9?M9:_e,rlsFilters:ui,appFilters:cr,appliedMetricFilters:tn,isClickOnChart:ji,randomId:NB(6)})}:void 0,client:r,colors:o,globalFilters:a,param:y==null?void 0:y.find(_e=>_e.metricId===u6.metricId),appFilters:W==null?void 0:W.find(_e=>_e.metricId===u6.metricId),companyTenancyType:w,onArchive:e||u6!=null&&u6.createdByIdentifier&&t&&(u6==null?void 0:u6.createdByIdentifier)===t?_e=>r7({id:_e,show:!0,metricId:u6==null?void 0:u6.metricId}):void 0,disableActions:!I.isLocked,isDisableMorePopup:!I.isLocked,setCrossDashboardFilters:L5,crossDashboardFilters:a4,enableMultiMetricFilters:g2,enableDownloadCsv:T2,onDownloadRawCsv:t8,generatingPdf:R8})},u6.id)}),[f6,d4,N8,P7,z1,A,J7,v3,H7,o4,F6,Z9,i9,B4,o8,q7,b3,D9,j0,h0,N1,u,m0,U0,I0,K2,p7,c0,Y2,m7,H2,M2,U2,I.isLocked,N2,r,o,a,y,W,w,e,a4,g2,T2,i6,l,i6,I1,W7,s8,$7]),[L4,y5]=X0.useState("");X0.useEffect(()=>{if(n){const u6=new Blob([n],{type:"image/svg+xml"}),X9=URL.createObjectURL(u6);return y5(X9),()=>{URL.revokeObjectURL(X9)}}},[n]);const O5=X0.useMemo(()=>(d4==null?void 0:d4.length)===(k6==null?void 0:k6.length)&&!(k6!=null&&k6.some(u6=>u6==null?void 0:u6.isDataFound))&&i,[d4,k6,i]);X0.useEffect(()=>{b9([])},[JSON.stringify(a),r,JSON.stringify(W),JSON.stringify(a4)]);const y6=X0.useCallback(u6=>{var X9,k9;if(!I0&&!zJ2(B4,u6)&&(u6==null?void 0:u6.length)===(D6==null?void 0:D6.length)){const Y9=(X9=D6==null?void 0:D6.reduce((S9,j4)=>new Date(S9==null?void 0:S9.createdAt)>new Date(j4==null?void 0:j4.createdAt)?S9:j4))==null?void 0:X9.id,s5=(B4==null?void 0:B4.filter(S9=>(S9==null?void 0:S9.y)===0))||[],_5=(k9=u6==null?void 0:u6.find(S9=>(S9==null?void 0:S9.i)===Y9))==null?void 0:k9.h,g5=u6==null?void 0:u6.map(S9=>{var j4;return(S9==null?void 0:S9.i)===Y9?{...S9,y:0,w:12}:(j4=s5==null?void 0:s5.find(X4=>(X4==null?void 0:X4.i)===(S9==null?void 0:S9.i)))!=null&&j4.i?{...S9,y:_5??1}:S9});setTimeout(()=>{_3==null||_3(g5)},1e3)}},[I0,B4,D6,_3]);return E.jsx(E.Fragment,{children:D6.length&&q6.length&&!O5?E.jsxs(E.Fragment,{children:[E.jsx("div",{className:`${cf["MetricList-container"]} ${cf["MetricList-container-type"]}`,id:"metric-list-container",style:s6?{minHeight:"100px"}:{},children:E.jsx(Tk,{layouts:{lg:B4},onResizeStop:A?I.onChange:void 0,onDragStop:A?I.onChange:void 0,isDraggable:A,isDroppable:A,isResizable:A,rowHeight:30,breakpoints:g??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:h??{lg:12,md:12,sm:12,xs:3,xxs:2},containerPadding:[0,10],onLayoutChange:y6,margin:[(B9=v1==null?void 0:v1.horizontalMargin)!=null&&B9.toString()?v1.horizontalMargin:10,(h6=v1==null?void 0:v1.verticalMargin)!=null&&h6.toString()?v1.verticalMargin:10],children:g4},I0?"reset":"default")}),F0?E.jsx("div",{className:"dbn-pb-6",children:E.jsx(Ac,{})}):null,e||(d6=m8==null?void 0:m8.metric)!=null&&d6.createdByIdentifier&&t&&((T6=m8==null?void 0:m8.metric)==null?void 0:T6.createdByIdentifier)===t?E.jsx(Jr0,{isLoading:i7,isOpen:O7.show,onArchive:X8,onClose:()=>r7({id:"",show:!1,metricId:""})}):null,$3?E.jsx(E.Fragment,{children:(!N2||(m8==null?void 0:m8.isClickOnChart))&&m8.show&&m8.metric&&E.jsx(Mk,{dataMartTables:f6,userIdentifier:t,disableDownloadDataNoFilters:W7,disableDownloadUnderlyingDataNoFilters:s8,isDataApp:M7,onEditMetric:l7,calendarType:I1,language:o8,translationDictionary:q7,appliedMetricFilters:(m8==null?void 0:m8.appliedMetricFilters)||[],datasourceId:b3,isAllClient:j0,isEnableMetricSummary:e0,onServerEvent:p7,shouldFitFullScreen:$3,enableEmailCsv:C2,disableDownloadPng:X7,isAllowToDownloadMetrics:M3,chartAppearance:m0,hideDatePickerOptions:U0,clientColumnType:h0,workspaceId:c0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:m7,globalFilters:a,metric:m8.metric,rlsFilters:m8.rlsFilters,appFilters:m8.appFilters,colors:o,underlyingTheme:M2,externalDashboardId:D,userProvidedDashboardId:V,tenancyLevel:w,isAllowedToUpdateMetrics:l,clientId:r,companyId:C,onMinimize:()=>{p7==null||p7(CA2),x8({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:e||(z5=m8==null?void 0:m8.metric)!=null&&z5.createdByIdentifier&&t&&((s9=m8==null?void 0:m8.metric)==null?void 0:s9.createdByIdentifier)===t?(u6,X9)=>r7({id:u6,show:!0,metricId:X9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:K,isHideTablePreview:f2,sharingSettingsId:P,onDownload:(u6,X9)=>{u8(X9?k9=>[...k9,{id:u6,isInProgress:X9}]:k9=>k9.filter(M9=>M9.id!==u6))}})}):E.jsx(EE,{children:(!N2||(m8==null?void 0:m8.isClickOnChart))&&m8.show&&m8.metric&&E.jsx(Mk,{dataMartTables:f6,userIdentifier:t,viewMetricData:$7,disableDownloadDataNoFilters:W7,disableDownloadUnderlyingDataNoFilters:s8,randomId:m8==null?void 0:m8.randomId,isDataApp:M7,onEditMetric:l7,language:o8,translationDictionary:q7,appliedMetricFilters:(m8==null?void 0:m8.appliedMetricFilters)||[],datasourceId:b3,isAllClient:j0,isEnableMetricSummary:e0,onServerEvent:p7,enableEmailCsv:C2,disableDownloadPng:X7,isAllowToDownloadMetrics:M3,chartAppearance:m0,hideDatePickerOptions:U0,clientColumnType:h0,workspaceId:c0,guestToken:Y2,isFrontendApp:!1,downloadMetrics:m7,globalFilters:a,metric:m8.metric,rlsFilters:m8.rlsFilters,appFilters:m8.appFilters,colors:o,underlyingTheme:M2,externalDashboardId:D,userProvidedDashboardId:V,tenancyLevel:w,isAllowedToUpdateMetrics:l,clientId:r,companyId:C,onMinimize:()=>{p7==null||p7(CA2),x8({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:e||(H5=m8==null?void 0:m8.metric)!=null&&H5.createdByIdentifier&&t&&((x9=m8==null?void 0:m8.metric)==null?void 0:x9.createdByIdentifier)===t?(u6,X9)=>r7({id:u6,show:!0,metricId:X9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:K,isHideTablePreview:f2,sharingSettingsId:P,onDownload:(u6,X9)=>{u8(X9?k9=>[...k9,{id:u6,isInProgress:X9}]:k9=>k9.filter(M9=>M9.id!==u6))}})}),i9&&E.jsx(dV,{workspaceId:c0,metricItem:Y3.metric,isShowRawCsvModal:Y3.show,onCloseModal:()=>w7({show:!1,metric:void 0,filterValues:void 0,dataMartRelationships:[],rlsConditions:[]}),query:ob({query:Og(((K5=Y3==null?void 0:Y3.metric)==null?void 0:K5.query)||"",C||""),dbName:((W5=Y3.metric)==null?void 0:W5.integrationName)||"",rlsConditions:(Y3==null?void 0:Y3.rlsConditions)||[],tenancyLevel:w,clientId:r,globalFilters:a,values:Y3.filterValues,isAllClient:!1,clientColumnType:h0,dataMartRelationships:(Y3==null?void 0:Y3.dataMartRelationships)||[]}),sharingSettingsId:P}),E.jsx(Dn0,{createElementPanelProps:{isOpen:S6,onClose:()=>{S8(null),F3(!1)},element:l6,clientId:r,externalDashboardId:D,companyId:C,userProvidedDashboardId:V}})]}):E.jsx(E.Fragment,{children:!d&&!O5?E.jsx("div",{className:cf["noMetric-container"],children:E.jsx("div",{className:cf["noMetric-wrapper"],children:n&&L4?E.jsx("img",{src:L4,alt:"no data svg"}):E.jsx(A8,{variant:"heading-4",children:"No metrics created yet"})})}):E.jsx("div",{className:cf["alt-container"],children:n?E.jsx(E.Fragment,{children:E.jsx("img",{src:L4,alt:"no data svg"})}):E.jsx(jA,{message:"No results found.",subText:"No data available in dashboard.",height:"140px",width:"216px",msgGap:"24px",subTextGap:"6px",msgVariant:"sec-heading-4",isNoMatchedMetric:!0})})})})},$K={"searchTab-container":"_searchTab-container_1m1la_1","searchTab-input":"_searchTab-input_1m1la_9",errContainer:"_errContainer_1m1la_17"},Mm=({id:t,setSearchKeyword:n,className:i="",placeholder:o="Search",value:a,isResetValue:s,onSearch:r,autoComplete:C="on",isDisabled:l,errorMsg:e})=>{const[A,u]=X0.useState(a||""),[f,d]=X0.useState(!0);X0.useEffect(()=>{n==null||n(A==null?void 0:A.toLowerCase())},[n,A]),X0.useEffect(()=>{s&&u(a||"")},[a,s]);const g=I=>{I.key==="Enter"&&r&&r(A)},h=gm(A,600);return X0.useEffect(()=>{r==null||r(h)},[h,r]),E.jsxs("div",{className:`${$K["searchTab-container"]} ${i} ${e?$K.errContainer:""}`,"aria-disabled":!!l,children:[!A&&f?E.jsx(H6,{name:"magnifying-glass",color:"gray",size:"xs"}):null,E.jsx("input",{id:t,"data-testid":t,placeholder:o,value:A,name:"search",onChange:I=>u(I.target.value),onClick:I=>I.preventDefault(),className:$K["searchTab-input"],onFocus:()=>d(!1),onBlur:()=>d(!0),onKeyDown:g,autoComplete:C,disabled:l})]})},eJ={tab:"_tab_sv3os_1",button:"_button_sv3os_7",activeTab:"_activeTab_sv3os_15"},Vn0=({options:t,activeTab:n,setActiveTab:i,className:o="",tabText:a="",lockedTabs:s,tabClassname:r="",onChange:C,isDisabled:l})=>E.jsx("div",{className:`${eJ.tab} ${o}`,children:t==null?void 0:t.map(e=>E.jsx("div",{className:`${eJ.button} ${n===e?eJ.activeTab:""} ${a}`,children:E.jsx(E6,{"data-testid":`${e==null?void 0:e.toLowerCase().replaceAll(" ","-")}-tab`,variant:"popover",type:"button",onClick:()=>{i(e),C==null||C(e)},className:`dbn-w-full dbn-flex dbn-items-center dbn-py-2 ${r}`,isDisabled:(s==null?void 0:s.includes(e))||l,children:E.jsx(A8,{variant:n===e?"heading-5":"sec-heading-5",color:n===e?"primary":"secondary-dark",children:e})},e)},e))}),Tm={container:"_container_a9ie6_1",label:"_label_a9ie6_9",textarea:"_textarea_a9ie6_17",resizable:"_resizable_a9ie6_25",error:"_error_a9ie6_31",noError:"_noError_a9ie6_37",important:"_important_a9ie6_45"},kn0=({id:t,label:n,placeholder:i,rows:o,cols:a,resizable:s=!0,register:r,error:C,defaultValue:l,value:e,onFocus:A,onBlur:u,className:f,leftIcon:d,rightIcon:g,isDisabled:h,isImportant:I,...y})=>E.jsxs("div",{className:`${Tm.container} ${f}`,children:[E.jsxs("label",{htmlFor:t,className:Tm.label,children:[d,E.jsxs(A8,{variant:"input-label",children:[n,I?E.jsx("span",{className:Tm.important,children:"*"}):null]}),g]}),E.jsx("textarea",{...y,id:t,name:t,rows:o,cols:a,placeholder:i,className:Ym(Tm.textarea,`${s?null:Tm.resizable}`,C?Tm.error:Tm.noError),defaultValue:l,...r,value:r?e:e||"",onFocus:A,onBlur:u,disabled:h}),C&&E.jsx(A8,{variant:"body-text-2",color:"alert",children:C})]}),EE=({children:t})=>{const[n,i]=X0.useState(),o=a=>{const s=[".dbn-selectBox",".dbn-selectBox-text"],r=new RegExp(s.map(l=>`${l}\\s*[^}]*}`).join("|"),"g"),C=a.match(r);return C?C.join(`
+`):""};return X0.useLayoutEffect(()=>{var r;const a=document.querySelector("#dbn-portal")||document.createElement("div");a.setAttribute("id","dbn-portal"),document.body.querySelector("#dbn-portal")||document.body.appendChild(a);const s=document.querySelector("dbn-dashboard")||document.querySelector("dbn-metric")||document.querySelector("dbn-create-metric");if(s){const C=document.querySelector("#dbn-styles"),l=a.shadowRoot||a.attachShadow({mode:"open"});if(C&&!l.querySelector("#dbn-portal-style")){const e=document.createElement("style");e.innerHTML=C.innerHTML,e.setAttribute("id","dbn-portal-style"),l.appendChild(e)}if(!l.querySelector("#global-style")){const e=document.createElement("style");e.innerHTML=`
           *,
       ::before,
       ::after {
@@ -2058,7 +2059,12 @@ Valid keys: `+JSON.stringify(Object.keys(I0),null,"  "));var p3=V7(v3,$3,j0,v1,K
       h1, h2, h3, h4, h5, h6 {
         margin: 0;
       }
-        `,r.setAttribute("id","global-style"),s.appendChild(r)}if(!s.querySelector("#svg")){const r=document.createElement("div");r.setAttribute("id","svg"),r.style.display="none",r.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg">
+      table {
+        text-indent: 0;
+        border-color: inherit;
+        border-collapse: collapse;
+      }
+        `,e.setAttribute("id","global-style"),l.appendChild(e)}if(!l.querySelector("#svg")){const e=document.createElement("div");e.setAttribute("id","svg"),e.style.display="none",e.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg">
         <symbol
             id="edit-dataset"
             width="16"
@@ -4974,7 +4980,7 @@ Valid keys: `+JSON.stringify(Object.keys(I0),null,"  "));var p3=V7(v3,$3,j0,v1,K
           fill="#0D0D0D"
         />
       </symbol>
-    </svg>`,s.appendChild(r)}i(s)}else{if(!o.querySelector("#global-style")){const a=document.createElement("style");a.innerHTML=`
+    </svg>`,l.appendChild(e)}if(!l.querySelector("#dbn-admin-style")){const e=(r=s==null?void 0:s.shadowRoot)==null?void 0:r.querySelector('style[id^="dbn-"][id$="-admin-styles"]');if(e){const A=document.createElement("style"),u=o(e.innerHTML);A.innerHTML=u,A.setAttribute("id","dbn-admin-style"),l.appendChild(A)}}i(l)}else{if(!a.querySelector("#global-style")){const C=document.createElement("style");C.innerHTML=`
           *,
       ::before,
       ::after {
@@ -4999,7 +5005,7 @@ Valid keys: `+JSON.stringify(Object.keys(I0),null,"  "));var p3=V7(v3,$3,j0,v1,K
       h1, h2, h3, h4, h5, h6 {
         margin: 0;
       }
-        `,a.setAttribute("id","global-style"),o.appendChild(a)}i(o)}},[]),n?rW.createPortal(t,n):null};X0.createContext([]);/**
+        `,C.setAttribute("id","global-style"),a.appendChild(C)}i(a)}},[]),n?rW.createPortal(t,n):null};X0.createContext([]);/**
  * @remix-run/router v1.21.1
  *
  * Copyright (c) Remix Software Inc.