@devtable/dashboard 9.9.0 → 9.11.0

package/dist/dashboard.umd.js

@@ -1,4 +1,4 @@
-(function(D,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("@mantine/core"),require("@mantine/modals"),require("ahooks"),require("mobx-react-lite"),require("lodash"),require("react-hook-form"),require("@tabler/icons"),require("@mantine/tiptap"),require("@tiptap/extension-color"),require("@tiptap/extension-highlight"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-subscript"),require("@tiptap/extension-superscript"),require("@tiptap/extension-text-align"),require("@tiptap/extension-text-style"),require("@tiptap/extension-table"),require("@tiptap/extension-table-cell"),require("@tiptap/extension-table-header"),require("@tiptap/extension-table-row"),require("@tiptap/extension-underline"),require("@tiptap/react"),require("@tiptap/starter-kit"),require("@mantine/dates"),require("dayjs"),require("tabler-icons-react"),require("rc-select"),require("rc-tree-select"),require("react-grid-layout"),require("mobx"),require("eventemitter2"),require("chroma-js"),require("echarts-gl"),require("echarts/core"),require("echarts/components"),require("echarts/renderers"),require("echarts-for-react/lib/core"),require("numbro"),require("echarts/charts"),require("@mantine/hooks"),require("@mantine/notifications"),require("d3-array"),require("mathjs"),require("popmotion"),require("@monaco-editor/react"),require("d3-regression"),require("@mantine/prism"),require("@tanstack/react-table"),require("react-virtual"),require("axios"),require("mobx-state-tree"),require("performant-array-to-tree"),require("jszip"),require("file-saver"),require("crypto-js"),require("@faker-js/faker"),require("react-router-dom"),require("reactflow")):typeof define=="function"&&define.amd?define(["exports","react","@mantine/core","@mantine/modals","ahooks","mobx-react-lite","lodash","react-hook-form","@tabler/icons","@mantine/tiptap","@tiptap/extension-color","@tiptap/extension-highlight","@tiptap/extension-placeholder","@tiptap/extension-subscript","@tiptap/extension-superscript","@tiptap/extension-text-align","@tiptap/extension-text-style","@tiptap/extension-table","@tiptap/extension-table-cell","@tiptap/extension-table-header","@tiptap/extension-table-row","@tiptap/extension-underline","@tiptap/react","@tiptap/starter-kit","@mantine/dates","dayjs","tabler-icons-react","rc-select","rc-tree-select","react-grid-layout","mobx","eventemitter2","chroma-js","echarts-gl","echarts/core","echarts/components","echarts/renderers","echarts-for-react/lib/core","numbro","echarts/charts","@mantine/hooks","@mantine/notifications","d3-array","mathjs","popmotion","@monaco-editor/react","d3-regression","@mantine/prism","@tanstack/react-table","react-virtual","axios","mobx-state-tree","performant-array-to-tree","jszip","file-saver","crypto-js","@faker-js/faker","react-router-dom","reactflow"],m):(D=typeof globalThis<"u"?globalThis:D||self,m(D.dashboard={},D.react,D["@mantine/core"],D["@mantine/modals"],D.ahooks,D["mobx-react-lite"],D._,D["react-hook-form"],D["@tabler/icons"],D["@mantine/tiptap"],D["@tiptap/extension-color"],D["@tiptap/extension-highlight"],D["@tiptap/extension-placeholder"],D["@tiptap/extension-subscript"],D["@tiptap/extension-superscript"],D["@tiptap/extension-text-align"],D["@tiptap/extension-text-style"],D["@tiptap/extension-table"],D["@tiptap/extension-table-cell"],D["@tiptap/extension-table-header"],D["@tiptap/extension-table-row"],D["@tiptap/extension-underline"],D["@tiptap/react"],D["@tiptap/starter-kit"],D["@mantine/dates"],D.dayjs,D["tabler-icons-react"],D["rc-select"],D["rc-tree-select"],D["react-grid-layout"],D.mobx,D.eventemitter2,D["chroma-js"],D["echarts-gl"],D["echarts/core"],D["echarts/components"],D["echarts/renderers"],D["echarts-for-react/lib/core"],D.numbro,D["echarts/charts"],D["@mantine/hooks"],D["@mantine/notifications"],D["d3-array"],D.mathjs,D.popmotion,D["@monaco-editor/react"],D["d3-regression"],D["@mantine/prism"],D["@tanstack/react-table"],D["react-virtual"],D.axios,D["mobx-state-tree"],D["performant-array-to-tree"],D.jszip,D["file-saver"],D.CryptoJS,D["@faker-js/faker"],D["react-router-dom"],D.reactflow))})(this,function(D,m,a,Le,Z,T,v,x,V,X,pi,hi,fi,gi,mi,bi,yi,vi,xi,Ci,wi,_i,Si,Ti,uo,j,k,ki,Di,Ot,se,Ii,je,W1,co,N,Me,Ae,te,de,ve,Vt,vt,po,st,_e,ho,ot,Pe,fo,Xe,y,go,mo,gn,Mi,bo,yo,xe){"use strict";var q1=Object.defineProperty;var F1=(D,m,a)=>m in D?q1(D,m,{enumerable:!0,configurable:!0,writable:!0,value:a}):D[m]=a;var O=(D,m,a)=>(F1(D,typeof m!="symbol"?m+"":m,a),a);function Bt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const le=Bt(co),vo=Bt(vt),Nt=Bt(po),Ze=Bt(ho);var H=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},xt={},xo={get exports(){return xt},set exports(e){xt=e}},Ct={};/**
+(function(D,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("@mantine/core"),require("@mantine/modals"),require("ahooks"),require("mobx-react-lite"),require("lodash"),require("react-hook-form"),require("@tabler/icons"),require("@mantine/tiptap"),require("@tiptap/extension-color"),require("@tiptap/extension-highlight"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-subscript"),require("@tiptap/extension-superscript"),require("@tiptap/extension-text-align"),require("@tiptap/extension-text-style"),require("@tiptap/extension-table"),require("@tiptap/extension-table-cell"),require("@tiptap/extension-table-header"),require("@tiptap/extension-table-row"),require("@tiptap/extension-underline"),require("@tiptap/react"),require("@tiptap/starter-kit"),require("@mantine/dates"),require("dayjs"),require("tabler-icons-react"),require("rc-select"),require("rc-tree-select"),require("react-grid-layout"),require("mobx"),require("eventemitter2"),require("chroma-js"),require("echarts-gl"),require("echarts/core"),require("echarts/components"),require("echarts/renderers"),require("echarts-for-react/lib/core"),require("numbro"),require("echarts/charts"),require("@mantine/hooks"),require("@mantine/notifications"),require("d3-array"),require("mathjs"),require("popmotion"),require("@monaco-editor/react"),require("d3-regression"),require("@mantine/prism"),require("@tanstack/react-table"),require("react-virtual"),require("axios"),require("mobx-state-tree"),require("performant-array-to-tree"),require("jszip"),require("file-saver"),require("crypto-js"),require("@faker-js/faker"),require("react-router-dom"),require("reactflow")):typeof define=="function"&&define.amd?define(["exports","react","@mantine/core","@mantine/modals","ahooks","mobx-react-lite","lodash","react-hook-form","@tabler/icons","@mantine/tiptap","@tiptap/extension-color","@tiptap/extension-highlight","@tiptap/extension-placeholder","@tiptap/extension-subscript","@tiptap/extension-superscript","@tiptap/extension-text-align","@tiptap/extension-text-style","@tiptap/extension-table","@tiptap/extension-table-cell","@tiptap/extension-table-header","@tiptap/extension-table-row","@tiptap/extension-underline","@tiptap/react","@tiptap/starter-kit","@mantine/dates","dayjs","tabler-icons-react","rc-select","rc-tree-select","react-grid-layout","mobx","eventemitter2","chroma-js","echarts-gl","echarts/core","echarts/components","echarts/renderers","echarts-for-react/lib/core","numbro","echarts/charts","@mantine/hooks","@mantine/notifications","d3-array","mathjs","popmotion","@monaco-editor/react","d3-regression","@mantine/prism","@tanstack/react-table","react-virtual","axios","mobx-state-tree","performant-array-to-tree","jszip","file-saver","crypto-js","@faker-js/faker","react-router-dom","reactflow"],m):(D=typeof globalThis<"u"?globalThis:D||self,m(D.dashboard={},D.react,D["@mantine/core"],D["@mantine/modals"],D.ahooks,D["mobx-react-lite"],D._,D["react-hook-form"],D["@tabler/icons"],D["@mantine/tiptap"],D["@tiptap/extension-color"],D["@tiptap/extension-highlight"],D["@tiptap/extension-placeholder"],D["@tiptap/extension-subscript"],D["@tiptap/extension-superscript"],D["@tiptap/extension-text-align"],D["@tiptap/extension-text-style"],D["@tiptap/extension-table"],D["@tiptap/extension-table-cell"],D["@tiptap/extension-table-header"],D["@tiptap/extension-table-row"],D["@tiptap/extension-underline"],D["@tiptap/react"],D["@tiptap/starter-kit"],D["@mantine/dates"],D.dayjs,D["tabler-icons-react"],D["rc-select"],D["rc-tree-select"],D["react-grid-layout"],D.mobx,D.eventemitter2,D["chroma-js"],D["echarts-gl"],D["echarts/core"],D["echarts/components"],D["echarts/renderers"],D["echarts-for-react/lib/core"],D.numbro,D["echarts/charts"],D["@mantine/hooks"],D["@mantine/notifications"],D["d3-array"],D.mathjs,D.popmotion,D["@monaco-editor/react"],D["d3-regression"],D["@mantine/prism"],D["@tanstack/react-table"],D["react-virtual"],D.axios,D["mobx-state-tree"],D["performant-array-to-tree"],D.jszip,D["file-saver"],D.CryptoJS,D["@faker-js/faker"],D["react-router-dom"],D.reactflow))})(this,function(D,m,a,Le,Z,T,v,x,O,X,pi,hi,fi,gi,mi,bi,yi,vi,xi,Ci,wi,_i,Si,Ti,co,j,k,ki,Di,Ot,se,Ii,je,j1,po,N,Me,Ae,te,de,ve,Vt,vt,ho,st,_e,fo,ot,Pe,go,Xe,y,mo,bo,gn,Mi,yo,vo,xe){"use strict";var F1=Object.defineProperty;var W1=(D,m,a)=>m in D?F1(D,m,{enumerable:!0,configurable:!0,writable:!0,value:a}):D[m]=a;var P=(D,m,a)=>(W1(D,typeof m!="symbol"?m+"":m,a),a);function Bt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const le=Bt(po),xo=Bt(vt),Nt=Bt(ho),Ze=Bt(fo);var H=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},xt={},Co={get exports(){return xt},set exports(e){xt=e}},Ct={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Ai;function Co(){if(Ai)return Ct;Ai=1;var e=m,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function u(l,d,p){var f,g={},h=null,b=null;p!==void 0&&(h=""+p),d.key!==void 0&&(h=""+d.key),d.ref!==void 0&&(b=d.ref);for(f in d)i.call(d,f)&&!o.hasOwnProperty(f)&&(g[f]=d[f]);if(l&&l.defaultProps)for(f in d=l.defaultProps,d)g[f]===void 0&&(g[f]=d[f]);return{$$typeof:t,type:l,key:h,ref:b,props:g,_owner:s.current}}return Ct.Fragment=r,Ct.jsx=u,Ct.jsxs=u,Ct}var wt={};/**
+ */var Ai;function wo(){if(Ai)return Ct;Ai=1;var e=m,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function u(l,d,p){var f,g={},h=null,b=null;p!==void 0&&(h=""+p),d.key!==void 0&&(h=""+d.key),d.ref!==void 0&&(b=d.ref);for(f in d)i.call(d,f)&&!o.hasOwnProperty(f)&&(g[f]=d[f]);if(l&&l.defaultProps)for(f in d=l.defaultProps,d)g[f]===void 0&&(g[f]=d[f]);return{$$typeof:t,type:l,key:h,ref:b,props:g,_owner:s.current}}return Ct.Fragment=r,Ct.jsx=u,Ct.jsxs=u,Ct}var wt={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,24 +14,24 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var $i;function wo(){return $i||($i=1,process.env.NODE_ENV!=="production"&&function(){var e=m,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),l=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),b=Symbol.for("react.offscreen"),w=Symbol.iterator,C="@@iterator";function S(_){if(_===null||typeof _!="object")return null;var I=w&&_[w]||_[C];return typeof I=="function"?I:null}var M=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function $(_){{for(var I=arguments.length,E=new Array(I>1?I-1:0),R=1;R<I;R++)E[R-1]=arguments[R];P("error",_,E)}}function P(_,I,E){{var R=M.ReactDebugCurrentFrame,ae=R.getStackAddendum();ae!==""&&(I+="%s",E=E.concat([ae]));var ue=E.map(function(ee){return String(ee)});ue.unshift("Warning: "+I),Function.prototype.apply.call(console[_],console,ue)}}var q=!1,L=!1,z=!1,A=!1,G=!1,U;U=Symbol.for("react.module.reference");function Q(_){return!!(typeof _=="string"||typeof _=="function"||_===i||_===o||G||_===s||_===p||_===f||A||_===b||q||L||z||typeof _=="object"&&_!==null&&(_.$$typeof===h||_.$$typeof===g||_.$$typeof===u||_.$$typeof===l||_.$$typeof===d||_.$$typeof===U||_.getModuleId!==void 0))}function ne(_,I,E){var R=_.displayName;if(R)return R;var ae=I.displayName||I.name||"";return ae!==""?E+"("+ae+")":E}function ie(_){return _.displayName||"Context"}function oe(_){if(_==null)return null;if(typeof _.tag=="number"&&$("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof _=="function")return _.displayName||_.name||null;if(typeof _=="string")return _;switch(_){case i:return"Fragment";case r:return"Portal";case o:return"Profiler";case s:return"StrictMode";case p:return"Suspense";case f:return"SuspenseList"}if(typeof _=="object")switch(_.$$typeof){case l:var I=_;return ie(I)+".Consumer";case u:var E=_;return ie(E._context)+".Provider";case d:return ne(_,_.render,"ForwardRef");case g:var R=_.displayName||null;return R!==null?R:oe(_.type)||"Memo";case h:{var ae=_,ue=ae._payload,ee=ae._init;try{return oe(ee(ue))}catch{return null}}}return null}var re=Object.assign,he=0,ge,Te,We,$e,Qe,it,pn;function hn(){}hn.__reactDisabledLog=!0;function ai(){{if(he===0){ge=console.log,Te=console.info,We=console.warn,$e=console.error,Qe=console.group,it=console.groupCollapsed,pn=console.groupEnd;var _={configurable:!0,enumerable:!0,value:hn,writable:!0};Object.defineProperties(console,{info:_,log:_,warn:_,error:_,group:_,groupCollapsed:_,groupEnd:_})}he++}}function si(){{if(he--,he===0){var _={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:re({},_,{value:ge}),info:re({},_,{value:Te}),warn:re({},_,{value:We}),error:re({},_,{value:$e}),group:re({},_,{value:Qe}),groupCollapsed:re({},_,{value:it}),groupEnd:re({},_,{value:pn})})}he<0&&$("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var $t=M.ReactCurrentDispatcher,ft;function tt(_,I,E){{if(ft===void 0)try{throw Error()}catch(ae){var R=ae.stack.trim().match(/\n( *(at )?)/);ft=R&&R[1]||""}return`
-`+ft+_}}var at=!1,nt;{var gt=typeof WeakMap=="function"?WeakMap:Map;nt=new gt}function mt(_,I){if(!_||at)return"";{var E=nt.get(_);if(E!==void 0)return E}var R;at=!0;var ae=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var ue;ue=$t.current,$t.current=null,ai();try{if(I){var ee=function(){throw Error()};if(Object.defineProperty(ee.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(ee,[])}catch(Ue){R=Ue}Reflect.construct(_,[],ee)}else{try{ee.call()}catch(Ue){R=Ue}_.call(ee.prototype)}}else{try{throw Error()}catch(Ue){R=Ue}_()}}catch(Ue){if(Ue&&R&&typeof Ue.stack=="string"){for(var J=Ue.stack.split(`
-`),Ie=R.stack.split(`
+ */var $i;function _o(){return $i||($i=1,process.env.NODE_ENV!=="production"&&function(){var e=m,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),l=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),b=Symbol.for("react.offscreen"),w=Symbol.iterator,C="@@iterator";function S(_){if(_===null||typeof _!="object")return null;var M=w&&_[w]||_[C];return typeof M=="function"?M:null}var I=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function $(_){{for(var M=arguments.length,E=new Array(M>1?M-1:0),Y=1;Y<M;Y++)E[Y-1]=arguments[Y];G("error",_,E)}}function G(_,M,E){{var Y=I.ReactDebugCurrentFrame,ae=Y.getStackAddendum();ae!==""&&(M+="%s",E=E.concat([ae]));var ue=E.map(function(ee){return String(ee)});ue.unshift("Warning: "+M),Function.prototype.apply.call(console[_],console,ue)}}var V=!1,L=!1,z=!1,A=!1,q=!1,U;U=Symbol.for("react.module.reference");function Q(_){return!!(typeof _=="string"||typeof _=="function"||_===i||_===o||q||_===s||_===p||_===f||A||_===b||V||L||z||typeof _=="object"&&_!==null&&(_.$$typeof===h||_.$$typeof===g||_.$$typeof===u||_.$$typeof===l||_.$$typeof===d||_.$$typeof===U||_.getModuleId!==void 0))}function ne(_,M,E){var Y=_.displayName;if(Y)return Y;var ae=M.displayName||M.name||"";return ae!==""?E+"("+ae+")":E}function ie(_){return _.displayName||"Context"}function oe(_){if(_==null)return null;if(typeof _.tag=="number"&&$("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof _=="function")return _.displayName||_.name||null;if(typeof _=="string")return _;switch(_){case i:return"Fragment";case r:return"Portal";case o:return"Profiler";case s:return"StrictMode";case p:return"Suspense";case f:return"SuspenseList"}if(typeof _=="object")switch(_.$$typeof){case l:var M=_;return ie(M)+".Consumer";case u:var E=_;return ie(E._context)+".Provider";case d:return ne(_,_.render,"ForwardRef");case g:var Y=_.displayName||null;return Y!==null?Y:oe(_.type)||"Memo";case h:{var ae=_,ue=ae._payload,ee=ae._init;try{return oe(ee(ue))}catch{return null}}}return null}var re=Object.assign,he=0,ge,Te,We,$e,Qe,it,pn;function hn(){}hn.__reactDisabledLog=!0;function ai(){{if(he===0){ge=console.log,Te=console.info,We=console.warn,$e=console.error,Qe=console.group,it=console.groupCollapsed,pn=console.groupEnd;var _={configurable:!0,enumerable:!0,value:hn,writable:!0};Object.defineProperties(console,{info:_,log:_,warn:_,error:_,group:_,groupCollapsed:_,groupEnd:_})}he++}}function si(){{if(he--,he===0){var _={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:re({},_,{value:ge}),info:re({},_,{value:Te}),warn:re({},_,{value:We}),error:re({},_,{value:$e}),group:re({},_,{value:Qe}),groupCollapsed:re({},_,{value:it}),groupEnd:re({},_,{value:pn})})}he<0&&$("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var $t=I.ReactCurrentDispatcher,ft;function tt(_,M,E){{if(ft===void 0)try{throw Error()}catch(ae){var Y=ae.stack.trim().match(/\n( *(at )?)/);ft=Y&&Y[1]||""}return`
+`+ft+_}}var at=!1,nt;{var gt=typeof WeakMap=="function"?WeakMap:Map;nt=new gt}function mt(_,M){if(!_||at)return"";{var E=nt.get(_);if(E!==void 0)return E}var Y;at=!0;var ae=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var ue;ue=$t.current,$t.current=null,ai();try{if(M){var ee=function(){throw Error()};if(Object.defineProperty(ee.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(ee,[])}catch(Ue){Y=Ue}Reflect.construct(_,[],ee)}else{try{ee.call()}catch(Ue){Y=Ue}_.call(ee.prototype)}}else{try{throw Error()}catch(Ue){Y=Ue}_()}}catch(Ue){if(Ue&&Y&&typeof Ue.stack=="string"){for(var J=Ue.stack.split(`
+`),Ie=Y.stack.split(`
 `),me=J.length-1,ye=Ie.length-1;me>=1&&ye>=0&&J[me]!==Ie[ye];)ye--;for(;me>=1&&ye>=0;me--,ye--)if(J[me]!==Ie[ye]){if(me!==1||ye!==1)do if(me--,ye--,ye<0||J[me]!==Ie[ye]){var Ee=`
-`+J[me].replace(" at new "," at ");return _.displayName&&Ee.includes("<anonymous>")&&(Ee=Ee.replace("<anonymous>",_.displayName)),typeof _=="function"&&nt.set(_,Ee),Ee}while(me>=1&&ye>=0);break}}}finally{at=!1,$t.current=ue,si(),Error.prepareStackTrace=ae}var yt=_?_.displayName||_.name:"",lo=yt?tt(yt):"";return typeof _=="function"&&nt.set(_,lo),lo}function zt(_,I,E){return mt(_,!1)}function Et(_){var I=_.prototype;return!!(I&&I.isReactComponent)}function rt(_,I,E){if(_==null)return"";if(typeof _=="function")return mt(_,Et(_));if(typeof _=="string")return tt(_);switch(_){case p:return tt("Suspense");case f:return tt("SuspenseList")}if(typeof _=="object")switch(_.$$typeof){case d:return zt(_.render);case g:return rt(_.type,I,E);case h:{var R=_,ae=R._payload,ue=R._init;try{return rt(ue(ae),I,E)}catch{}}}return""}var Lt=Object.prototype.hasOwnProperty,Zs={},Ks=M.ReactDebugCurrentFrame;function fn(_){if(_){var I=_._owner,E=rt(_.type,_._source,I?I.type:null);Ks.setExtraStackFrame(E)}else Ks.setExtraStackFrame(null)}function C1(_,I,E,R,ae){{var ue=Function.call.bind(Lt);for(var ee in _)if(ue(_,ee)){var J=void 0;try{if(typeof _[ee]!="function"){var Ie=Error((R||"React class")+": "+E+" type `"+ee+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof _[ee]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw Ie.name="Invariant Violation",Ie}J=_[ee](I,ee,R,E,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(me){J=me}J&&!(J instanceof Error)&&(fn(ae),$("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",R||"React class",E,ee,typeof J),fn(null)),J instanceof Error&&!(J.message in Zs)&&(Zs[J.message]=!0,fn(ae),$("Failed %s type: %s",E,J.message),fn(null))}}}var w1=Array.isArray;function oi(_){return w1(_)}function _1(_){{var I=typeof Symbol=="function"&&Symbol.toStringTag,E=I&&_[Symbol.toStringTag]||_.constructor.name||"Object";return E}}function S1(_){try{return Js(_),!1}catch{return!0}}function Js(_){return""+_}function Hs(_){if(S1(_))return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",_1(_)),Js(_)}var Pt=M.ReactCurrentOwner,T1={key:!0,ref:!0,__self:!0,__source:!0},eo,to,li;li={};function k1(_){if(Lt.call(_,"ref")){var I=Object.getOwnPropertyDescriptor(_,"ref").get;if(I&&I.isReactWarning)return!1}return _.ref!==void 0}function D1(_){if(Lt.call(_,"key")){var I=Object.getOwnPropertyDescriptor(_,"key").get;if(I&&I.isReactWarning)return!1}return _.key!==void 0}function I1(_,I){if(typeof _.ref=="string"&&Pt.current&&I&&Pt.current.stateNode!==I){var E=oe(Pt.current.type);li[E]||($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',oe(Pt.current.type),_.ref),li[E]=!0)}}function M1(_,I){{var E=function(){eo||(eo=!0,$("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",I))};E.isReactWarning=!0,Object.defineProperty(_,"key",{get:E,configurable:!0})}}function A1(_,I){{var E=function(){to||(to=!0,$("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",I))};E.isReactWarning=!0,Object.defineProperty(_,"ref",{get:E,configurable:!0})}}var $1=function(_,I,E,R,ae,ue,ee){var J={$$typeof:t,type:_,key:I,ref:E,props:ee,_owner:ue};return J._store={},Object.defineProperty(J._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(J,"_self",{configurable:!1,enumerable:!1,writable:!1,value:R}),Object.defineProperty(J,"_source",{configurable:!1,enumerable:!1,writable:!1,value:ae}),Object.freeze&&(Object.freeze(J.props),Object.freeze(J)),J};function z1(_,I,E,R,ae){{var ue,ee={},J=null,Ie=null;E!==void 0&&(Hs(E),J=""+E),D1(I)&&(Hs(I.key),J=""+I.key),k1(I)&&(Ie=I.ref,I1(I,ae));for(ue in I)Lt.call(I,ue)&&!T1.hasOwnProperty(ue)&&(ee[ue]=I[ue]);if(_&&_.defaultProps){var me=_.defaultProps;for(ue in me)ee[ue]===void 0&&(ee[ue]=me[ue])}if(J||Ie){var ye=typeof _=="function"?_.displayName||_.name||"Unknown":_;J&&M1(ee,ye),Ie&&A1(ee,ye)}return $1(_,J,Ie,ae,R,Pt.current,ee)}}var ui=M.ReactCurrentOwner,no=M.ReactDebugCurrentFrame;function bt(_){if(_){var I=_._owner,E=rt(_.type,_._source,I?I.type:null);no.setExtraStackFrame(E)}else no.setExtraStackFrame(null)}var di;di=!1;function ci(_){return typeof _=="object"&&_!==null&&_.$$typeof===t}function ro(){{if(ui.current){var _=oe(ui.current.type);if(_)return`
+`+J[me].replace(" at new "," at ");return _.displayName&&Ee.includes("<anonymous>")&&(Ee=Ee.replace("<anonymous>",_.displayName)),typeof _=="function"&&nt.set(_,Ee),Ee}while(me>=1&&ye>=0);break}}}finally{at=!1,$t.current=ue,si(),Error.prepareStackTrace=ae}var yt=_?_.displayName||_.name:"",uo=yt?tt(yt):"";return typeof _=="function"&&nt.set(_,uo),uo}function zt(_,M,E){return mt(_,!1)}function Et(_){var M=_.prototype;return!!(M&&M.isReactComponent)}function rt(_,M,E){if(_==null)return"";if(typeof _=="function")return mt(_,Et(_));if(typeof _=="string")return tt(_);switch(_){case p:return tt("Suspense");case f:return tt("SuspenseList")}if(typeof _=="object")switch(_.$$typeof){case d:return zt(_.render);case g:return rt(_.type,M,E);case h:{var Y=_,ae=Y._payload,ue=Y._init;try{return rt(ue(ae),M,E)}catch{}}}return""}var Lt=Object.prototype.hasOwnProperty,Ks={},Js=I.ReactDebugCurrentFrame;function fn(_){if(_){var M=_._owner,E=rt(_.type,_._source,M?M.type:null);Js.setExtraStackFrame(E)}else Js.setExtraStackFrame(null)}function w1(_,M,E,Y,ae){{var ue=Function.call.bind(Lt);for(var ee in _)if(ue(_,ee)){var J=void 0;try{if(typeof _[ee]!="function"){var Ie=Error((Y||"React class")+": "+E+" type `"+ee+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof _[ee]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw Ie.name="Invariant Violation",Ie}J=_[ee](M,ee,Y,E,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(me){J=me}J&&!(J instanceof Error)&&(fn(ae),$("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",Y||"React class",E,ee,typeof J),fn(null)),J instanceof Error&&!(J.message in Ks)&&(Ks[J.message]=!0,fn(ae),$("Failed %s type: %s",E,J.message),fn(null))}}}var _1=Array.isArray;function oi(_){return _1(_)}function S1(_){{var M=typeof Symbol=="function"&&Symbol.toStringTag,E=M&&_[Symbol.toStringTag]||_.constructor.name||"Object";return E}}function T1(_){try{return Hs(_),!1}catch{return!0}}function Hs(_){return""+_}function eo(_){if(T1(_))return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",S1(_)),Hs(_)}var Pt=I.ReactCurrentOwner,k1={key:!0,ref:!0,__self:!0,__source:!0},to,no,li;li={};function D1(_){if(Lt.call(_,"ref")){var M=Object.getOwnPropertyDescriptor(_,"ref").get;if(M&&M.isReactWarning)return!1}return _.ref!==void 0}function I1(_){if(Lt.call(_,"key")){var M=Object.getOwnPropertyDescriptor(_,"key").get;if(M&&M.isReactWarning)return!1}return _.key!==void 0}function M1(_,M){if(typeof _.ref=="string"&&Pt.current&&M&&Pt.current.stateNode!==M){var E=oe(Pt.current.type);li[E]||($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',oe(Pt.current.type),_.ref),li[E]=!0)}}function A1(_,M){{var E=function(){to||(to=!0,$("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",M))};E.isReactWarning=!0,Object.defineProperty(_,"key",{get:E,configurable:!0})}}function $1(_,M){{var E=function(){no||(no=!0,$("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",M))};E.isReactWarning=!0,Object.defineProperty(_,"ref",{get:E,configurable:!0})}}var z1=function(_,M,E,Y,ae,ue,ee){var J={$$typeof:t,type:_,key:M,ref:E,props:ee,_owner:ue};return J._store={},Object.defineProperty(J._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(J,"_self",{configurable:!1,enumerable:!1,writable:!1,value:Y}),Object.defineProperty(J,"_source",{configurable:!1,enumerable:!1,writable:!1,value:ae}),Object.freeze&&(Object.freeze(J.props),Object.freeze(J)),J};function E1(_,M,E,Y,ae){{var ue,ee={},J=null,Ie=null;E!==void 0&&(eo(E),J=""+E),I1(M)&&(eo(M.key),J=""+M.key),D1(M)&&(Ie=M.ref,M1(M,ae));for(ue in M)Lt.call(M,ue)&&!k1.hasOwnProperty(ue)&&(ee[ue]=M[ue]);if(_&&_.defaultProps){var me=_.defaultProps;for(ue in me)ee[ue]===void 0&&(ee[ue]=me[ue])}if(J||Ie){var ye=typeof _=="function"?_.displayName||_.name||"Unknown":_;J&&A1(ee,ye),Ie&&$1(ee,ye)}return z1(_,J,Ie,ae,Y,Pt.current,ee)}}var ui=I.ReactCurrentOwner,ro=I.ReactDebugCurrentFrame;function bt(_){if(_){var M=_._owner,E=rt(_.type,_._source,M?M.type:null);ro.setExtraStackFrame(E)}else ro.setExtraStackFrame(null)}var di;di=!1;function ci(_){return typeof _=="object"&&_!==null&&_.$$typeof===t}function io(){{if(ui.current){var _=oe(ui.current.type);if(_)return`
 
-Check the render method of \``+_+"`."}return""}}function E1(_){{if(_!==void 0){var I=_.fileName.replace(/^.*[\\\/]/,""),E=_.lineNumber;return`
+Check the render method of \``+_+"`."}return""}}function L1(_){{if(_!==void 0){var M=_.fileName.replace(/^.*[\\\/]/,""),E=_.lineNumber;return`
 
-Check your code at `+I+":"+E+"."}return""}}var io={};function L1(_){{var I=ro();if(!I){var E=typeof _=="string"?_:_.displayName||_.name;E&&(I=`
+Check your code at `+M+":"+E+"."}return""}}var ao={};function P1(_){{var M=io();if(!M){var E=typeof _=="string"?_:_.displayName||_.name;E&&(M=`
 
-Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(!_._store||_._store.validated||_.key!=null)return;_._store.validated=!0;var E=L1(I);if(io[E])return;io[E]=!0;var R="";_&&_._owner&&_._owner!==ui.current&&(R=" It was passed a child from "+oe(_._owner.type)+"."),bt(_),$('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',E,R),bt(null)}}function so(_,I){{if(typeof _!="object")return;if(oi(_))for(var E=0;E<_.length;E++){var R=_[E];ci(R)&&ao(R,I)}else if(ci(_))_._store&&(_._store.validated=!0);else if(_){var ae=S(_);if(typeof ae=="function"&&ae!==_.entries)for(var ue=ae.call(_),ee;!(ee=ue.next()).done;)ci(ee.value)&&ao(ee.value,I)}}}function P1(_){{var I=_.type;if(I==null||typeof I=="string")return;var E;if(typeof I=="function")E=I.propTypes;else if(typeof I=="object"&&(I.$$typeof===d||I.$$typeof===g))E=I.propTypes;else return;if(E){var R=oe(I);C1(E,_.props,"prop",R,_)}else if(I.PropTypes!==void 0&&!di){di=!0;var ae=oe(I);$("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",ae||"Unknown")}typeof I.getDefaultProps=="function"&&!I.getDefaultProps.isReactClassApproved&&$("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function O1(_){{for(var I=Object.keys(_.props),E=0;E<I.length;E++){var R=I[E];if(R!=="children"&&R!=="key"){bt(_),$("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",R),bt(null);break}}_.ref!==null&&(bt(_),$("Invalid attribute `ref` supplied to `React.Fragment`."),bt(null))}}function oo(_,I,E,R,ae,ue){{var ee=Q(_);if(!ee){var J="";(_===void 0||typeof _=="object"&&_!==null&&Object.keys(_).length===0)&&(J+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var Ie=E1(ae);Ie?J+=Ie:J+=ro();var me;_===null?me="null":oi(_)?me="array":_!==void 0&&_.$$typeof===t?(me="<"+(oe(_.type)||"Unknown")+" />",J=" Did you accidentally export a JSX literal instead of a component?"):me=typeof _,$("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",me,J)}var ye=z1(_,I,E,ae,ue);if(ye==null)return ye;if(ee){var Ee=I.children;if(Ee!==void 0)if(R)if(oi(Ee)){for(var yt=0;yt<Ee.length;yt++)so(Ee[yt],_);Object.freeze&&Object.freeze(Ee)}else $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else so(Ee,_)}return _===i?O1(ye):P1(ye),ye}}function V1(_,I,E){return oo(_,I,E,!0)}function B1(_,I,E){return oo(_,I,E,!1)}var N1=B1,G1=V1;wt.Fragment=i,wt.jsx=N1,wt.jsxs=G1}()),wt}(function(e){process.env.NODE_ENV==="production"?e.exports=Co():e.exports=wo()})(xo);const B=xt.Fragment,n=xt.jsx,c=xt.jsxs;function zi(e,t){m.useEffect(()=>{const r=i=>{console.log(i);const{viewID:s}=i.detail;if(!s){console.error(new Error("[Open View] Needs to pick a view first"));return}e.views.appendToVisibles(s),t&&e.views.setIDOfVIE(s)};return window.addEventListener("open-view",r),()=>{window.removeEventListener("open-view",r)}},[e,t]),m.useEffect(()=>{const r=i=>{console.log(i);const{dictionary:s,payload:o}=i.detail;if(!o||Object.keys(o).length===0){console.error(new Error("[Set Filter Values] payload is empty"));return}Object.entries(s).forEach(([u,l])=>{e.filters.setValueByKey(u,v.get(o,l))})};return window.addEventListener("set-filter-values",r),()=>{window.removeEventListener("set-filter-values",r)}},[e]),m.useEffect(()=>{function r(s){return Array.isArray(s)?[]:typeof s=="object"?{}:typeof s=="boolean"?!1:typeof s=="string"?"":typeof s=="number"?0:s}const i=s=>{console.log(s);const{filter_keys:o}=s.detail;o.forEach(u=>{const l=v.get(e.filters.values,u),d=r(l);console.log(`${u}: ${d}`),e.filters.setValueByKey(u,d)})};return window.addEventListener("clear-filter-values",i),()=>{window.removeEventListener("clear-filter-values",i)}},[e]),m.useEffect(()=>{const r=i=>{console.log(i);const{urlTemplate:s,openInNewTab:o,enableEncoding:u=!1,payload:l}=i.detail;if(!s){console.error(new Error("[Open Link] URL is empty"));return}function d(g){return v.cloneDeepWith(g,b=>{if(u&&typeof b=="string")return encodeURIComponent(b)})}const f=v.template(s||"")(d({...l,filters:e.payloadForSQL.filterValues,context:e.payloadForSQL.context}));window.open(f,o?"_blank":"_self","noopener")};return window.addEventListener("open-link",r),()=>{window.removeEventListener("open-link",r)}},[e])}class _o{constructor(t){O(this,"symbol");this.symbol=Symbol(t)}}function Ye(e){return new _o(e)}class mn{constructor(){O(this,"parent");O(this,"factoryRegistry",new Map);O(this,"instanceRegistry",new Map)}createScoped(){const t=new mn;return t.parent=this,t}getRequired(t){return this.get(t)}get(t){if(this.instanceRegistry.has(t.symbol))return this.instanceRegistry.get(t.symbol);const r=this.factoryRegistry.get(t.symbol);if(r){const i=r(this);return this.instanceRegistry.set(t.symbol,i),i}if(this.parent)return this.parent.get(t)}provideFactory(t,r){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,r),this}provideValue(t,r){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,()=>r),this}dispose(){this.instanceRegistry.forEach(t=>{const r=v.get(t,"dispose");v.isFunction(r)&&r.bind(t)()}),this.instanceRegistry.clear(),this.factoryRegistry.clear()}}const bn=m.createContext(null);function Gt(e){const t=m.useContext(bn),r=Z.useCreation(()=>e.configure(t||new mn),[e.configure]),i=Z.usePrevious(r);return i&&i!==r&&i.dispose(),n(bn.Provider,{value:r,children:e.children})}function Ei(){return m.useContext(bn)}const So={viewPanelInFullScreen:v.noop,inFullScreen:!1},yn=m.createContext(So),Li=m.createContext(null),vn=Li.Provider;function ce(){const e=m.useContext(Li);if(!e)throw new Error("Please use ModelContextProvider");return e}const Pi=m.createContext(null),xn=Pi.Provider;function Y(){const e=m.useContext(Pi);if(!e)throw new Error("Please use ContentModelContextProvider");return e}const To={layoutFrozen:!1,freezeLayout:v.noop,inEditMode:!1},Ke=m.createContext(To),Oi=m.createContext({panel:null,data:[],loading:!1}),Cn=Oi.Provider;function Ce(){const e=m.useContext(Oi);if(!e.panel)throw new Error("Please use PanelContextProvider");return e}const ko={fullScreenPanelID:"",setFullScreenPanelID:v.noop},wn=m.createContext(ko);function Vi(){const e=m.useContext(wn);if(!e)throw new Error("Please use FullScreenPanelContext.Provider");return e}class ke extends m.Component{constructor(t){super(t),this.state={error:null}}componentDidCatch(t){this.setState({error:t})}render(){var t;if(this.state.error){const r=()=>{this.setState({error:null})};return c(a.Box,{children:[n(a.Text,{size:"xs",children:(t=this.state.error)==null?void 0:t.message}),n(a.Button,{variant:"subtle",size:"xs",mx:"auto",compact:!0,sx:{display:"block"},onClick:r,children:"Retry"})]})}return this.props.children}}const _n={fontSize:"14px",lineHeight:"32px",color:"#3D3E45",ul:{paddingLeft:"2em",margin:"6px 0 0"},p:{margin:0},a:{WebkitTapHighlightColor:"transparent",color:"rgb(34, 139, 230)",textDecoration:"none","&:hover":{textDecoration:"underline"},"&:active, &:hover":{outlineWidth:0}},table:{tr:{"th, td":{padding:"0 .5em"}}},"table.rich-text-table-render, div.tableWrapper table":{"th, td":{border:"1px solid #eaeaea"},"tr:last-of-type td":{borderBottom:"1px solid #eaeaea"}},".resize-cursor":{cursor:"col-resize"},details:{summary:{listStyle:"none",cursor:"pointer",transition:"color 300ms ease",userSelect:"none"},"summary::-webkit-details-marker":{display:"none"},"summary:hover":{color:"black","&::before":{opacity:1}},"summary::before":{content:'"►"',fontSize:"10px",margin:"0px 5px",opacity:.5,display:"inline-block",transition:"opacity 300ms ease, transform 300ms ease"}},"details[open] summary::before":{transform:"rotate(90deg)"},"details + details":{marginTop:"10px"}},qt=({value:e,styles:t={}})=>{const r=Si.useEditor({extensions:[Ti,_i,X.Link,mi,gi,hi,vi.configure({resizable:!1,HTMLAttributes:{class:"rich-text-table-render"}}),wi,Ci,xi,bi.configure({types:["heading","paragraph"]}),fi.configure({placeholder:"This is placeholder"}),yi,pi.Color],content:e,editable:!1});m.useEffect(()=>{r==null||r.commands.setContent(e)},[e,r]);const i=m.useMemo(()=>v.defaultsDeep({},{content:_n},t),[t]);return n(X.RichTextEditor,{editor:r,styles:i,children:n(X.RichTextEditor.Content,{})})},Do=({description:e,isDescriptionEmpty:t})=>t?null:n(a.Tooltip,{color:"white",label:n(qt,{value:e,styles:{root:{border:"none"},content:{padding:0}}}),styles:{tooltip:{border:"0.0625rem solid rgb(233, 236, 239)",boxShadow:"rgb(0 0 0 / 5%) 0px 0.0625rem 0.1875rem, rgb(0 0 0 / 5%) 0px 1.25rem 1.5625rem -0.3125rem, rgb(0 0 0 / 4%) 0px 0.625rem 0.625rem -0.3125rem"}},withArrow:!0,children:n(a.Box,{sx:{height:"16px",alignSelf:"center"},children:n(V.IconInfoCircle,{size:16,color:"gray"})})}),Io=T.observer(({label:e,config:{default_value:t,description:r,isDescriptionEmpty:i,...s},value:o,onChange:u})=>c(a.Box,{children:[n(a.Text,{children:" "}),n(a.Checkbox,{label:c(a.Group,{noWrap:!0,position:"apart",align:"middle",spacing:6,children:[n(a.Box,{sx:{flexGrow:1},children:e}),n(Do,{description:r,isDescriptionEmpty:i})]}),checked:o||!1,onChange:l=>u(l.currentTarget.checked),...s,pt:".4em",styles:{input:{borderColor:"#e9ecef"}}})]})),Bi=T.observer(({label:e,config:t,value:r=[null,null],onChange:i})=>{const s=Array.isArray(r)?r.map(d=>d?j(d).toDate():null):[null,null],o=d=>{i(d.map(p=>p&&j(p).format(t.inputFormat)))},u=t.getMinDate(s[0]),l=t.getMaxDate(s[0]);return n(uo.DateRangePicker,{label:e,value:s,onChange:o,icon:n(k.Calendar,{size:16}),sx:{minWidth:"16em"},minDate:u,maxDate:l,styles:{input:{borderColor:"#e9ecef"}},...t})}),Mo=a.createStyles((e,{radius:t=4})=>({root:{borderRadius:e.fn.radius(t),display:"flex",flexWrap:"nowrap",border:"1px solid #ced4da",paddingLeft:"0px",paddingRight:"30px",backgroundColor:"#fff",transition:"border-color 100ms ease",borderColor:"#e9ecef","&.rc-select.rc-select-open":{borderColor:"#228be6 !important",".rc-select-selection-overflow-item-rest":{display:"none"},".rc-select-selection-overflow-item-suffix":{display:"block"}},".rc-select-selector":{height:"auto",lineHeight:1.55,paddingLeft:"12px",resize:"none",boxSizing:"border-box",fontSize:"14px",width:"100%",color:"#000",display:"block",textAlign:"left",minHeight:"36px",cursor:"pointer",flexGrow:1},".rc-select-selection-search-mirror":{display:"none"},".rc-select-selection-search":{flexGrow:1,width:"auto !important"},".rc-select-selection-overflow":{display:"flex",minHeight:"34px",alignItems:"center",flexWrap:"nowrap",marginLeft:"calc(-10px / 2)",boxSizing:"border-box"},".rc-select-selection-overflow-item":{display:"flex",alignItems:"center",backgroundColor:"#f1f3f5",color:"#495057",height:"24px",paddingLeft:"12px",paddingRight:"12px",fontWeight:500,fontSize:"12px",borderRadius:"4px",cursor:"default",userSelect:"none",maxWidth:"calc(100% - 20px)",margin:"calc(10px / 2 - 2px) calc(10px / 2)"},".rc-select-selection-overflow-item-rest":{cursor:"pointer"},".rc-select-selection-overflow-item-suffix":{display:"none",backgroundColor:"transparent",width:"100%",maxWidth:"100%",height:"28px",margin:0,paddingLeft:0,paddingRight:0},input:{flex:1,minWidth:"60px",backgroundColor:"transparent",border:0,outline:0,fontSize:"14px",padding:0,marginLeft:0,color:"inherit",height:"28px",lineHeight:"32px",cursor:"pointer",width:"100%","&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration":{display:"none"}},".rc-select-clear":{marginRight:"-24px",alignSelf:"center",cursor:"pointer"},"&.rc-select-disabled":{backgroundColor:"rgb(241, 243, 245)",color:"rgb(144, 146, 150)",opacity:.6,"&, .rc-select-selector, input":{cursor:"not-allowed"}}},label:{fontSize:e.fontSizes.sm,fontWeight:500,color:"#212529"},dropdown:{fontSize:e.fontSizes.xs,zIndex:300,backgroundColor:"#fff",border:"1px solid #e9ecef",marginTop:6,padding:0,boxShadow:"0 1px 3px rgb(0 0 0 / 5%), rgb(0 0 0 / 5%) 0px 10px 15px -5px, rgb(0 0 0 / 4%) 0px 7px 7px -5px",borderRadius:"4px","&.rc-select-dropdown-slide-up-leave-active":{display:"none"},".rc-select-item-empty":{padding:"8px 12px"},".rc-select-item-option":{boxSizing:"border-box",textAlign:"left",width:"100%",padding:"8px 12px 8px 2px",cursor:"pointer",fontSize:"14px",color:"#000",borderRadius:"4px",display:"flex",flexWrap:"nowrap",overflow:"hidden","&:hover":{backgroundColor:"#f1f3f5"},flexDirection:"row-reverse",".rc-select-item-option-state":{flexGrow:0,flexShrink:0,width:"30px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},".rc-select-item-option-content":{flexGrow:1}}}})),Ao=({disabled:e,classNames:t,styles:r,unstyled:i,radius:s,style:o,label:u,value:l,onChange:d,options:p})=>{const{classes:f,cx:g}=Mo({radius:s},{name:"MultiSelectWidget",classNames:t,styles:r,unstyled:i}),[h,b]=m.useState(!1),w=P=>{b(P)},C=h&&(l==null?void 0:l.length)>0,[S,M]=m.useState(""),$=m.useMemo(()=>{if(!S)return p;const P=S.toLowerCase(),q=L=>L.description.toLowerCase().includes(P)||L.label.toLowerCase().includes(P);return p.filter(q)},[S,p]);return c(a.Stack,{spacing:3,children:[c(a.Group,{position:"apart",children:[n(a.Text,{className:f.label,children:u}),C&&n(a.Tooltip,{label:`${l.length} selected`,children:n(a.Badge,{children:l.length})})]}),n(ki,{disabled:e,allowClear:!0,className:g(f.root,"check-select"),dropdownClassName:g(f.dropdown,""),onDropdownVisibleChange:w,transitionName:"rc-select-dropdown-slide-up",choiceTransitionName:"rc-select-selection__choice-zoom",style:o,clearIcon:()=>n(a.CloseButton,{}),value:l,onChange:d,onSelect:console.log,mode:"multiple",maxTagCount:0,maxTagTextLength:10,maxTagPlaceholder:P=>`${P.length} selected`,searchValue:S,onSearch:M,filterOption:!1,children:$.map(P=>n(ki.Option,{children:n(a.Group,{noWrap:!0,children:c("div",{children:[n(a.Text,{size:"sm","data-role":"label",children:P.label}),n(a.Text,{size:"xs",color:"dimmed","data-role":"description",children:P.description})]})})},P.value))})]})},$o=T.observer(({label:e,config:t,value:r,onChange:i})=>{const s=Y(),o=!!t.options_query_id,{state:u}=s.getDataStuffByID(t.options_query_id),l=u==="loading",d=t.min_width?t.min_width:"200px",p=o?l:!1;return n(Ao,{label:e,options:t.options,style:{minWidth:"160px",width:d,maxWidth:p?d:"unset",borderColor:"#e9ecef"},disabled:p,value:r,onChange:i})}),zo=m.forwardRef(({label:e,description:t,...r},i)=>n("div",{ref:i,...r,children:n(a.Group,{noWrap:!0,children:c("div",{children:[n(a.Text,{size:"sm","data-role":"label",children:e}),n(a.Text,{size:"xs",color:"dimmed","data-role":"description",children:t})]})})})),Eo=T.observer(({label:e,config:t,value:r,onChange:i})=>{const s=Y(),o=!!t.options_query_id,{state:u}=s.getDataStuffByID(t.options_query_id),l=u==="loading";return m.useEffect(()=>{var f;const{default_selection_count:d}=t;if(!d)return;const p=((f=t.options[0])==null?void 0:f.value)??"";console.log("Selecting the first option by default. New value: ",p),i(p,!0)},[t.default_selection_count,t.options]),n(a.Select,{label:e,data:t.options,disabled:o?l:!1,value:r,onChange:i,styles:{root:{width:t.width?t.width:"200px"},input:{borderColor:"#e9ecef"}},sx:{".mantine-Select-item[data-selected] .mantine-Text-root[data-role=description]":{color:"rgba(255,255,255,.7)"}},itemComponent:zo})});function Lo({label:e,config:t,value:r,onChange:i}){return n(a.TextInput,{label:e,value:r||"",onChange:s=>i(s.currentTarget.value),...t,styles:{input:{borderColor:"#e9ecef"}}})}const Po=({rotate:e,onClick:t})=>n("svg",{onClick:t,className:"caret-icon",viewBox:"0 0 1024 1024",focusable:"false","data-icon":"caret-down",width:"14px",height:"14px",fill:"currentColor","aria-hidden":"true",transform:`rotate(${e})`,children:n("path",{d:"M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"})}),Oo=({expanded:e,isLeaf:t,value:r,onClick:i,...s})=>(r==="0-0-value"&&console.log(s),t?n("span",{style:{width:"14px",display:"inline-block"}}):n(Po,{rotate:e?"0":"-90",onClick:i,...s})),Vo=({onClick:e})=>c("svg",{onClick:e,className:"checkbox-icon",width:"16",height:"16",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[n("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),n("rect",{className:"border",x:"4",y:"4",width:"16",height:"16",rx:"2"}),n("rect",{className:"checkmark-indeterminate",x:"8",y:"8",width:"8",height:"8",rx:"2",stroke:"none"}),n("path",{className:"checkmark-checked",d:"M9 12l2 2l4 -4"})]}),Bo=({onClick:e,...t})=>n(Vo,{onClick:e,...t}),No=a.createStyles((e,{radius:t=4})=>({root:{borderRadius:e.fn.radius(t),display:"flex",flexWrap:"nowrap",border:"1px solid #ced4da",paddingLeft:"0px",paddingRight:"30px",backgroundColor:"#fff",transition:"border-color 100ms ease",borderColor:"#e9ecef","&.rc-tree-select.rc-tree-select-open":{borderColor:"#228be6 !important",".rc-tree-select-selection-overflow-item-rest":{display:"none"},".rc-tree-select-selection-overflow-item-suffix":{display:"block"}},".rc-tree-select-selector":{height:"auto",lineHeight:1.55,paddingLeft:"12px",resize:"none",boxSizing:"border-box",fontSize:"14px",width:"100%",color:"#000",display:"block",textAlign:"left",minHeight:"36px",cursor:"pointer",flexGrow:1},".rc-tree-select-selection-search-mirror":{display:"none"},".rc-tree-select-selection-search":{flexGrow:1,width:"auto !important"},".rc-tree-select-selection-overflow":{display:"flex",minHeight:"34px",alignItems:"center",flexWrap:"nowrap",marginLeft:"calc(-10px / 2)",boxSizing:"border-box"},".rc-tree-select-selection-overflow-item":{display:"flex",alignItems:"center",backgroundColor:"#f1f3f5",color:"#495057",height:"24px",paddingLeft:"12px",paddingRight:"12px",fontWeight:500,fontSize:"12px",borderRadius:"4px",cursor:"default",userSelect:"none",maxWidth:"calc(100% - 20px)",margin:"calc(10px / 2 - 2px) calc(10px / 2)"},".rc-tree-select-selection-overflow-item-rest":{cursor:"pointer"},".rc-tree-select-selection-overflow-item-suffix":{display:"none",backgroundColor:"transparent",width:"100%",maxWidth:"100%",height:"28px",margin:0,paddingLeft:0,paddingRight:0},input:{flex:1,minWidth:"60px",backgroundColor:"transparent",border:0,outline:0,fontSize:"14px",padding:0,marginLeft:0,color:"inherit",height:"28px",lineHeight:"32px",cursor:"pointer",width:"100%","&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration":{display:"none"}},".rc-tree-select-clear":{marginRight:"-24px",alignSelf:"center",cursor:"pointer"},"&.rc-tree-select-disabled":{backgroundColor:"rgb(241, 243, 245)",color:"rgb(144, 146, 150)",opacity:.6,"&, .rc-tree-select-selector, input":{cursor:"not-allowed"}}},label:{fontSize:e.fontSizes.sm,fontWeight:500,color:"#212529"},dropdown:{fontSize:e.fontSizes.xs,zIndex:300,paddingTop:"6px","&.rc-tree-select-dropdown-slide-up-leave-active":{display:"none"},".rc-tree-select-tree-list .rc-tree-select-tree-list-holder":{},".rc-tree-select-tree-list, .rc-tree-select-empty":{backgroundColor:"#fff",border:"1px solid #e9ecef",padding:0,boxShadow:"0 1px 3px rgb(0 0 0 / 5%), rgb(0 0 0 / 5%) 0px 10px 15px -5px, rgb(0 0 0 / 4%) 0px 7px 7px -5px",borderRadius:"4px"},".rc-tree-select-empty":{padding:"8px 12px"},".rc-tree-select-tree-treenode":{boxSizing:"border-box",textAlign:"left",width:"100%",padding:"8px 12px",cursor:"pointer",fontSize:"14px",color:"#000",borderRadius:"4px",display:"flex",flexWrap:"nowrap",overflow:"hidden","&:hover":{backgroundColor:"#f1f3f5"},"&.rc-tree-select-tree-treenode-checkbox-checked":{".rc-tree-select-tree-iconEle .checkbox-icon .checkmark-checked":{stroke:"rgb(64, 192, 87)",animation:"check 200ms linear forwards"}},"&.rc-tree-select-tree-treenode-checkbox-indeterminate":{".rc-tree-select-tree-iconEle .checkbox-icon .checkmark-indeterminate":{fill:"rgb(64, 192, 87)"}},".rc-tree-select-tree-switcher":{height:"16px",alignSelf:"center",paddingRight:"2px",transition:"color 200ms ease","&:hover":{color:"#228be6","svg.caret-icon":{color:"#228be6"}},"svg.caret-icon":{color:"#ced4da",transition:"all 200ms ease"}},".rc-tree-select-tree-node-content-wrapper":{display:"flex",flexWrap:"nowrap",overflow:"hidden",alignItems:"center",gap:"8px",transition:"color 200ms ease","&:hover":{color:"#228be6"}},".rc-tree-select-tree-iconEle":{height:"16px","svg .border":{stroke:"#ced4da"},".checkbox-icon .checkmark-indeterminate":{fill:"transparent",transition:"fill 200ms ease"},".checkbox-icon .checkmark-checked":{transform:"scale(1.2)",transformOrigin:"center center",strokeDasharray:10,strokeDashoffset:-10},"@keyframes check":{"0%":{strokeDashoffset:10},"100%":{strokeDashoffset:0}}},".rc-tree-select-tree-title":{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",".rc-tree-select-tree-title-desc":{fontSize:"12px",maxWidth:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},".rc-tree-select-tree-indent":{flexGrow:0,height:0,verticalAlign:"bottom"},".rc-tree-select-tree-indent-unit":{display:"inline-block",width:"1em"}}}})),Go=({disabled:e,classNames:t,styles:r,unstyled:i,radius:s,style:o,label:u,value:l,onChange:d,treeData:p})=>{const{classes:f,cx:g}=No({radius:s},{name:"FilterTreeSelectWidget",classNames:t,styles:r,unstyled:i}),[h,b]=m.useState(!1),w=S=>{b(S)},C=h&&(l==null?void 0:l.length)>0;return c(a.Stack,{spacing:3,children:[c(a.Group,{position:"apart",children:[n(a.Text,{className:f.label,children:u}),C&&n(a.Tooltip,{label:`${l.length} selected`,children:n(a.Badge,{children:l.length})})]}),n(Di,{disabled:e,allowClear:!0,className:g(f.root,"check-select"),dropdownClassName:g(f.dropdown,""),onDropdownVisibleChange:w,transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",style:o,treeLine:!0,clearIcon:()=>n(a.CloseButton,{}),switcherIcon:Oo,treeIcon:Bo,maxTagTextLength:10,value:l,treeData:p,treeNodeFilterProp:"filterBasis",treeCheckable:!0,showCheckedStrategy:Di.SHOW_PARENT,onChange:d,onSelect:console.log,maxTagCount:0,maxTagPlaceholder:S=>`${S.length} selected`})]})},qo=T.observer(({label:e,config:t,value:r,onChange:i})=>{const{treeData:s,treeDataLoading:o}=t,u=t.min_width?t.min_width:"200px",d=!!t.options_query_id?o:!1;return n(Go,{disabled:d,style:{minWidth:"160px",width:u,maxWidth:d?u:"unset",borderColor:"#e9ecef"},value:r,onChange:p=>i(p,!1),treeData:s,label:e})}),Fo=T.observer(({filter:{type:e,config:t,key:r,...i},formFieldProps:s})=>{switch(e){case"select":return n(Eo,{...i,...s,config:t});case"multi-select":return n($o,{...i,...s,config:t});case"tree-select":return n(qo,{...i,...s,config:t});case"text-input":return n(Lo,{...i,...s,config:t});case"date-range":return n(Bi,{...i,...s,config:t});case"checkbox":return n(Io,{...i,...s,config:t});default:return null}}),Ni=T.observer(m.forwardRef(({filter:e,...t},r)=>n("div",{className:"filter-root",ref:r,children:n(ke,{children:n(Fo,{filter:e,formFieldProps:t})})}))),Gi=T.observer(function({view:t}){const r=Y(),{control:i,handleSubmit:s,reset:o}=x.useForm({defaultValues:r.filters.values,reValidateMode:"onBlur"}),u=x.useWatch({control:i});m.useEffect(()=>{o(r.filters.values)},[r.filters.values,o]),m.useEffect(()=>{r.filters.updatePreviewValues(u)},[u]);const l=r.filters.visibleInView(t.id),d=m.useMemo(()=>l.every(h=>h.should_auto_submit),[l]),p=m.useMemo(()=>l.filter(h=>v.get(h,"config.required",!1)),[l]),f=m.useMemo(()=>p.length===0?!1:p.some(h=>!h.requiredAndPass(u[h.key])),[u,p]);if(l.length===0)return null;const g=(h,b)=>(w,C)=>{b(w),(h.should_auto_submit||C)&&r.filters.setValueByKey(h.key,w)};return n("form",{onSubmit:s(r.filters.setValues),children:c(a.Group,{className:"dashboard-filters",position:"apart",noWrap:!0,sx:d?{}:{border:"1px solid #e9ecef",borderRadius:"4px",padding:"16px"},children:[n(a.Group,{align:"flex-start",children:l.map(h=>n(x.Controller,{name:h.key,control:i,render:({field:b})=>n(Ni,{filter:h,value:b.value,onChange:g(h,b.onChange)})},h.id))}),!d&&n(a.Group,{sx:{alignSelf:"flex-end"},children:n(a.Button,{color:"blue",size:"sm",type:"submit",disabled:f,children:"Search"})})]})})}),j1="";function Wo(e){return e?["<p><br></p>","<p></p>"].includes(e):!0}const qi=T.observer(()=>{const{freezeLayout:e}=m.useContext(Ke),[t,r]=m.useState(!1),{panel:i}=Ce();return m.useEffect(()=>{e(t)},[t]),Wo(i.description)?null:c(B,{children:[n(a.Modal,{opened:t,onClose:()=>r(!1),title:i.title,withCloseButton:!1,withinPortal:!0,zIndex:310,children:n(qt,{value:i.description,styles:{root:{border:"none"},content:{padding:0}}})}),n(a.Tooltip,{label:"Click to see description",position:"top-start",withinPortal:!0,children:n(a.ActionIcon,{variant:"subtle",color:"blue",onClick:()=>r(s=>!s),sx:{verticalAlign:"baseline",cursor:"pointer"},children:n(k.InfoCircle,{size:20})})})]})}),jo=T.observer(({view:e})=>{const t=ce(),r=Y(),i=Le.useModals(),{panel:s}=Ce(),{id:o,query:u}=s,{inEditMode:l}=m.useContext(Ke),d=()=>u==null?void 0:u.fetchData(),{viewPanelInFullScreen:p,inFullScreen:f}=m.useContext(yn),g=()=>{r.duplicatePanelByID(o,e.id)},h=()=>{t.editor.open(["_VIEWS_",e.id,"_PANELS_",o])},b=()=>i.openConfirmModal({title:"Delete this panel?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>r.removePanelByID(o,e.id),confirmProps:{color:"red"},zIndex:320}),w=m.useCallback(()=>{p(o)},[o,p]),C=!f&&e.type!==K.Modal;return n(B,{children:n(a.Box,{sx:{position:"absolute",top:0,left:0,right:0,zIndex:300},children:c(a.Menu,{withinPortal:!0,children:[n(a.Menu.Target,{children:n(a.Box,{className:"panel-dropdown-target",sx:{width:"100%",height:"25px"}})}),c(a.Menu.Dropdown,{children:[n(a.Menu.Item,{onClick:d,icon:n(k.Refresh,{size:14}),children:"Refresh"}),n(a.Menu.Item,{onClick:()=>r.queries.downloadDataByQueryID((u==null?void 0:u.id)??""),icon:n(k.Download,{size:14}),children:"Download Data"}),C&&n(a.Menu.Item,{onClick:w,icon:n(k.ArrowsMaximize,{size:14}),disabled:l,children:"Full Screen"}),l&&c(B,{children:[n(a.Divider,{label:"Edit",labelPosition:"center"}),n(a.Menu.Item,{onClick:h,icon:n(k.Settings,{size:14}),children:"Settings"}),n(a.Menu.Item,{onClick:g,icon:n(k.Copy,{size:14}),children:"Duplicate"}),n(a.Menu.Item,{color:"red",onClick:b,icon:n(k.Trash,{size:14}),children:"Delete"})]})]})]})})})}),Y1="",Yo=T.observer(function(){const{panel:t}=Ce(),{title:r}=t;return r?n(a.Group,{grow:!0,position:"center",px:20,className:"panel-title-wrapper",sx:{flexGrow:1},children:n(a.Text,{align:"center",lineClamp:1,weight:"bold",children:r})}):null}),Ne=(e,t)=>{const[r,i]=m.useState([]);return m.useEffect(()=>e.watchTriggerSnapshotList(s=>i(s.filter(o=>o.schemaRef===t))),[]),r};class lt{constructor(t,r){this.root=t,this.path=r}async deleteItem(t){t===null&&await this.root.deleteItem(this.path);const r=await this.root.getItem(this.path)||{};await this.root.setItem(this.path,v.omit(r,t))}async getItem(t){const r=await this.root.getItem(this.path);return t===null?r:v.get(r,t)}async setItem(t,r){if(t===null)await this.root.setItem(this.path,r);else{const i=await this.root.getItem(this.path)||{};await this.root.setItem(this.path,{...i,[t]:r})}return await this.getItem(t)}watchItem(t,r,i){return t===null?this.root.watchItem(this.path,(s,o)=>{r(s,o)},i):this.root.watchItem(this.path,(s,o)=>{const u=v.get(s,t),l=v.get(o,t);u!==l&&r(u,l)},i)}}class Sn{constructor(t,r,i){O(this,"attachmentStorage");this.instance=t,this.attachmentKey=r,this.constructInstance=i,this.attachmentStorage=new lt(t.instanceData,r)}async getInstance(t){if(await this.attachmentStorage.getItem(t))return this.constructInstance(new lt(this.attachmentStorage,t))}async create(t,r){return await this.attachmentStorage.setItem(t,r),this.constructInstance(new lt(this.attachmentStorage,t))}async remove(t){await this.attachmentStorage.deleteItem(t)}async list(){const t=await this.attachmentStorage.getItem(null);return Promise.all(v.values(t).map(r=>this.constructInstance(new lt(this.attachmentStorage,r.id))))}}class Fi{constructor(t){O(this,"rootRef");this.rootRef=se.observable({current:t})}async deleteItem(t){se.runInAction(()=>{v.unset(this.rootRef.current,[t])})}getItem(t){const r=this.getValueFromRoot(t);return Promise.resolve(r)}getValueFromRoot(t){return t===null?se.toJS(this.rootRef.current):v.get(this.rootRef.current,[t])}setItem(t,r){if(t===null)if(v.isObject(r))se.runInAction(()=>{this.rootRef.current=r});else throw new Error("Cannot set root value to non-object");else se.runInAction(()=>{v.set(this.rootRef.current,[t],r)});return Promise.resolve(this.getItem(t))}watchItem(t,r,i){return se.reaction(()=>this.getValueFromRoot(t),(s,o)=>{r(s,o)},{requiresObservable:!0,fireImmediately:v.get(i,"fireImmediately",!1)})}}class Ro{constructor(){O(this,"channels",new Map);O(this,"globalChannel",new Ii)}getChannel(t){const r=this.channels.get(t);if(r)return r;const i=new Ii;return this.channels.set(t,i),i}}class Qo{constructor(t){O(this,"instances",new Map);this.pluginManager=t}get availableVizList(){return this.pluginManager.installedPlugins.flatMap(t=>t.manifest.viz)}resolveComponent(t){return this.pluginManager.factory.viz(t)}getOrCreateInstance(t){const r=this.instances.get(t.id);if(r)return r;const i={id:t.id,name:t.viz.type,type:t.viz.type,messageChannels:new Ro,instanceData:new Fi(t.viz.conf)};return this.instances.set(t.id,i),i}}function Wi(e,t,r,i){return{vizManager:r,locale:"zh",msgChannels:e.messageChannels,instanceData:e.instanceData,pluginData:new Fi({}),colorPalette:{getColor(){return()=>""}},data:t,variables:i}}const Uo=e=>{const{panel:t,vizManager:r,data:i,variables:s}=e,o=r.resolveComponent(t.viz.type),u=r.getOrCreateInstance(t),l={...Wi(u,i,r,s),viewport:{width:t.layout.w,height:t.layout.h}},d=o.viewRender;return n(d,{context:l,instance:u,...v.omit(e,["panel","vizManager","data"])})},Xo=e=>{const{vizManager:t,panel:r,panelInfoEditor:i,data:s,variables:o}=e,u=t.resolveComponent(r.viz.type),l=t.getOrCreateInstance(r),d={...Wi(l,s,t,o),panelInfoEditor:i},p=u.configRender;return n(p,{context:d,instance:l,...v.omit(e,["panel","vizManager","data","panelInfoEditor"])})},ji=(e,t)=>{const r=je.bezier(e),i=je.bezier(t);return function(s){return s<50?r(s*2/100).hex():i((s-50)*2/100).hex()}},Ft=e=>{const t=je.bezier(e);return function(r){return t(r/100).hex()}},Zo={type:"interpolation",displayName:"Red / Green",getColor:ji(["darkred","deeppink","lightyellow"],["lightyellow","lightgreen","teal"]),name:"red-green",category:"diverging"},Ko={type:"interpolation",displayName:"Yellow / Blue",getColor:ji(["#8f531d","#ffd347","#e3efe3"],["#eefaee","#4ecbbf","#003f94"]),name:"yellow-blue",category:"diverging"},Jo={type:"interpolation",displayName:"Red",getColor:Ft(["#fff7f1","darkred"]),name:"red",category:"sequential"},Ho={type:"interpolation",displayName:"Green",getColor:Ft(["#f0ffed","darkgreen"]),name:"green",category:"sequential"},el={type:"interpolation",displayName:"Blue",getColor:Ft(["#f9fcff","#48b3e9","darkblue"]),name:"blue",category:"sequential"},tl={type:"interpolation",displayName:"Orange",getColor:Ft(["#fff7f1","darkorange","#b60000"]),name:"orange",category:"sequential"},Yi="@devtable/dashboard",Tn="9.9.0",Ri="Apache-2.0",Qi={access:"public",registry:"https://registry.npmjs.org/"},Ui=["dist"],Xi="./dist/dashboard.umd.js",Zi="./dist/dashboard.es.js",Ki="./dist/index.d.ts",Ji={".":{import:"./dist/dashboard.es.js",require:"./dist/dashboard.umd.js"},"./dist/style.css":{import:"./dist/style.css",require:"./dist/style.css"}},Hi={"dev-build":"tsc && vite build --watch",build:"tsc && vite build",preview:"vite preview",test:"vitest","test:ui":"vitest --ui",coverage:"vitest --coverage"},ea={"@monaco-editor/react":"4.4.6","@types/chroma-js":"^2.1.4","file-saver":"2.0.5",mathjs:"11.8.0","monaco-editor":"0.36.0","performant-array-to-tree":"1.11.0",popmotion:"^11.0.3","rc-select":"14.1.0","rc-tree-select":"5.5.5",reactflow:"^11.5.3"},ta={"@emotion/babel-plugin":"11.10.6","@faker-js/faker":"7.6.0","@mantine/core":"5.9.5","@mantine/dates":"5.9.5","@mantine/hooks":"5.9.5","@mantine/modals":"5.9.5","@mantine/notifications":"5.9.5","@mantine/prism":"5.9.5","@mantine/tiptap":"5.9.5","@tabler/icons":"1.119.0","@testing-library/cypress":"^9.0.0","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.3.0","@testing-library/react-hooks":"^8.0.1","@testing-library/user-event":"^14.3.0","@tiptap/extension-code-block-lowlight":"2.0.3","@tiptap/extension-color":"2.0.3","@tiptap/extension-highlight":"2.0.3","@tiptap/extension-link":"2.0.3","@tiptap/extension-placeholder":"2.0.3","@tiptap/extension-subscript":"2.0.3","@tiptap/extension-superscript":"2.0.3","@tiptap/extension-table":"2.0.3","@tiptap/extension-table-cell":"2.0.3","@tiptap/extension-table-header":"2.0.3","@tiptap/extension-table-row":"2.0.3","@tiptap/extension-text-align":"2.0.3","@tiptap/extension-text-style":"2.0.3","@tiptap/extension-underline":"2.0.3","@tiptap/pm":"2.0.3","@tiptap/react":"2.0.3","@tiptap/starter-kit":"2.0.3","@types/crypto-js":"v4.1.1","@types/d3-array":"3.0.4","@types/eventemitter2":"^4.1.0","@types/file-saver":"2.0.5","@types/lodash":"^4.14.182","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/react-grid-layout":"^1.3.2",ahooks:"^3.3.11",ajv:"8.12.0",axios:"^0.27.2","crypto-js":"^4.1.1",cypress:"^12.9.0","cypress-wait-until":"^1.7.2",echarts:"^5.3.2","echarts-for-react":"^3.0.2","echarts-gl":"^2.0.9",jsdom:"^20.0.0","jsdom-testing-mocks":"^1.5.0",lodash:"^4.17.21",lowlight:"^2.8.0",numbro:"^2.3.6","prosemirror-commands":"^1.5.0","prosemirror-dropcursor":"^1.6.1","prosemirror-gapcursor":"^1.3.1","prosemirror-history":"^1.3.0","prosemirror-keymap":"^1.2.0","prosemirror-schema-list":"^1.2.2","react-grid-layout":"^1.3.4","react-hook-form":"^7.31.2","rollup-plugin-visualizer":"5.6.0","tabler-icons-react":"^1.48.0",typescript:"^4.6.3","vite-plugin-static-copy":"0.13.1"},na={"@emotion/react":"11.10.6","@faker-js/faker":"7.6.0","@mantine/core":"5.9.5","@mantine/dates":"5.9.5","@mantine/hooks":"5.9.5","@mantine/modals":"5.9.5","@mantine/notifications":"5.9.5","@mantine/prism":"5.9.5","@mantine/tiptap":"5.9.5","@tabler/icons":"1.119.0","@tanstack/react-table":"^8.5.13","@tiptap/extension-code-block-lowlight":"2.0.3","@tiptap/extension-color":"2.0.3","@tiptap/extension-highlight":"2.0.3","@tiptap/extension-link":"2.0.3","@tiptap/extension-placeholder":"2.0.3","@tiptap/extension-subscript":"2.0.3","@tiptap/extension-superscript":"2.0.3","@tiptap/extension-table":"2.0.3","@tiptap/extension-table-cell":"2.0.3","@tiptap/extension-table-header":"2.0.3","@tiptap/extension-table-row":"2.0.3","@tiptap/extension-text-align":"2.0.3","@tiptap/extension-text-style":"2.0.3","@tiptap/extension-underline":"2.0.3","@tiptap/pm":"2.0.3","@tiptap/react":"2.0.3","@tiptap/starter-kit":"2.0.3",ahooks:"^3.3.11",axios:"^0.27.2","chroma-js":"^2.4.2","crypto-js":"^4.1.1","d3-array":"3.2.3","d3-regression":"1.3.10",dayjs:"1.11.7",echarts:"^5.3.2","echarts-for-react":"^3.0.2","echarts-gl":"^2.0.9",eventemitter2:"^6.4.6",jszip:"3.10.1",lodash:"^4.17.21",lowlight:"^2.8.0",mobx:"^6.6.1","mobx-react-lite":"^3.4.0","mobx-state-tree":"^5.1.5",numbro:"^2.3.6","prosemirror-commands":"^1.5.0","prosemirror-dropcursor":"^1.6.1","prosemirror-gapcursor":"^1.3.1","prosemirror-history":"^1.3.0","prosemirror-keymap":"^1.2.0","prosemirror-schema-list":"^1.2.2",react:"^16.8.0 || 17.x || 18.x","react-dom":"^16.8.0 || 17.x || 18.x","react-grid-layout":"^1.3.4","react-hook-form":"^7.31.2","react-router-dom":"^6.3.0","react-virtual":"^2.10.4","tabler-icons-react":"^1.48.0"},nl=Object.freeze(Object.defineProperty({__proto__:null,default:{name:Yi,version:Tn,license:Ri,publishConfig:Qi,files:Ui,main:Xi,module:Zi,types:Ki,exports:Ji,scripts:Hi,dependencies:ea,devDependencies:ta,peerDependencies:na},dependencies:ea,devDependencies:ta,exports:Ji,files:Ui,license:Ri,main:Xi,module:Zi,name:Yi,peerDependencies:na,publishConfig:Qi,scripts:Hi,types:Ki,version:Tn},Symbol.toStringTag,{value:"Module"}));class rl{constructor(t){O(this,"staticColors",new Map);O(this,"interpolations",new Map);t.installedPlugins.forEach(r=>{r.manifest.color.forEach(i=>{this.register(i)})})}getStaticColors(){return Array.from(this.staticColors.values())}register(t){const r=this.encodeColor(t);t.type==="single"?(this.staticColors.has(r)&&console.warn(`the color '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`),this.staticColors.set(r,t)):t.type==="interpolation"&&(this.interpolations.has(r)&&console.warn(`the interpolation '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`,`the interpolation '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`),this.interpolations.set(r,t))}decodeStaticColor(t){return this.staticColors.get(t)}encodeColor(t){return`\${${t.category}}.{${t.name}}`}decodeInterpolation(t){return this.interpolations.get(t)}getColorInterpolations(){return Array.from(this.interpolations.values())}}class il{constructor(){O(this,"plugins",new Map);O(this,"vizComponents",new Map);O(this,"factory",{viz:t=>{const r=this.vizComponents.get(t);if(r)return r;throw new Error(`Viz Component (${t}) not found`)}})}install(t){if(this.plugins.has(t.id))throw new Error(`Plugin (${t.id}) has been installed before`);this.plugins.set(t.id,t);for(const r of t.manifest.viz){if(this.vizComponents.has(r.name))throw new Error(`Viz Component (${r.name}) has been installed before`);this.vizComponents.set(r.name,r)}}get installedPlugins(){return Array.from(this.plugins.values())}}class al{constructor(){O(this,"migrations",[])}version(t,r){return this.migrations.push({version:t,handler:r}),this}run(t,r,i){var u;if(t.from===t.to)return r;if(t.from>t.to)throw new Error(`Can not downgrade from version '${t.from}' to (${t.to})`);const s=this.migrations.filter(l=>l.version>t.from&&l.version<=t.to),o=v.orderBy(s,"version","asc");if(((u=v.last(o))==null?void 0:u.version)!==t.to)throw new Error(`Migration to version ${t.to} not found`);return o.reduce((l,d)=>d.handler(l,i),r)}}class fe extends al{constructor(){super(),this.configVersions()}version(t,r){return super.version(t,(i,s)=>({version:t,...r(i,s)}))}async migrate({configData:t,panelModel:r}){const i=await t.getItem(null),s=v.get(i,"version",0),o=this.run({from:s,to:this.VERSION},i,{panelModel:r});await t.setItem(null,o)}async needMigration({configData:t}){const r=await t.getItem(null);return v.get(r,"version",0)<this.VERSION}}const F=(e,t)=>{const[r,{setFalse:i}]=Z.useBoolean(!0),[s,o]=m.useState();m.useEffect(()=>(e.getItem(t).then(l=>{o(l),i()}),e.watchItem(t,l=>{o(l)})));const u=m.useCallback(async l=>{await e.setItem(t,l),o(l)},[e,t]);return{loading:r,value:s,set:u}},kn={x_axis_data_key:"",y_axis_data_key:"",z_axis_data_key:"",xAxis3D:{type:"value",name:"X Axis Name"},yAxis3D:{type:"value",name:"Y Axis Name"},zAxis3D:{type:"value",name:"Z Axis Name"}};le.use([N.GridComponent,N.VisualMapComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function sl({context:e}){const{value:t}=F(e.instanceData,"config"),r=e.data,{width:i,height:s}=e.viewport,{x_axis_data_key:o,y_axis_data_key:u,z_axis_data_key:l,xAxis3D:d,yAxis3D:p,zAxis3D:f}=v.defaults({},t,kn),g=m.useMemo(()=>{const w=v.minBy(r,C=>C[l]);return v.get(w,l)},[r,l]),h=m.useMemo(()=>{const w=v.maxBy(r,C=>C[l]);return v.get(w,l)},[r,l]),b={tooltip:{},backgroundColor:"#fff",visualMap:{show:!0,dimension:2,min:g,max:h,inRange:{color:["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},xAxis3D:d,yAxis3D:p,zAxis3D:f,grid3D:{viewControl:{projection:"orthographic",autoRotate:!1},light:{main:{shadow:!0,quality:"ultra",intensity:1.5}}},series:[{type:"bar3D",wireframe:{},data:r.map(w=>[w[o],w[u],w[l]])}]};return t?n(Ae,{echarts:le,option:b,style:{width:i,height:s},notMerge:!0,theme:"merico-light"}):null}function ol({label:e,required:t,value:r,onChange:i,data:s,clearable:o=!1,sx:u,...l},d){const p=m.useMemo(()=>{if(!Array.isArray(s)||s.length===0)return[];const g=Object.keys(s[0]).map(h=>({label:h,value:h}));return o?g.concat([{label:"unset",value:""}]):g},[s]);return n(a.Select,{ref:d,label:e,data:p,value:r,onChange:i,required:t,sx:u,...l})}const W=m.forwardRef(ol);function ll({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=v.defaults({},t,kn),{control:o,handleSubmit:u,reset:l}=x.useForm({defaultValues:s});return m.useEffect(()=>{l(s)},[t]),t?n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:u(r),children:[n(a.Text,{children:"X Axis"}),c(a.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[n(x.Controller,{name:"x_axis_data_key",control:o,render:({field:d})=>n(W,{label:"Data Field",required:!0,data:i,...d})}),n(x.Controller,{name:"xAxis3D.name",control:o,render:({field:d})=>n(a.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...d})})]}),n(a.Text,{mt:"lg",children:"Y Axis"}),c(a.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[n(x.Controller,{name:"y_axis_data_key",control:o,render:({field:d})=>n(W,{label:"Data Field",required:!0,data:i,...d})}),n(x.Controller,{name:"yAxis3D.name",control:o,render:({field:d})=>n(a.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...d})})]}),n(a.Text,{mt:"lg",children:"Z Axis"}),c(a.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[n(x.Controller,{name:"z_axis_data_key",control:o,render:({field:d})=>n(W,{label:"Data Field",required:!0,data:i,...d})}),n(x.Controller,{name:"zAxis3D.name",control:o,render:({field:d})=>n(a.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...d})})]}),n(a.Group,{position:"center",mt:"xl",grow:!0,sx:{width:"60%"},mx:"auto",children:c(a.Button,{color:"blue",type:"submit",children:[n(k.DeviceFloppy,{size:20}),n(a.Text,{ml:"md",children:"Save"})]})})]})}):null}class ul extends fe{constructor(){super(...arguments);O(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const dl={displayName:"Bar Chart (3D)",displayGroup:"ECharts-based charts",migrator:new ul,name:"bar-3d",viewRender:sl,configRender:ll,createConfig(){return{version:1,config:v.cloneDeep(kn)}}},Se={mantissa:0,output:"number",trimMantissa:!1,average:!1};function cl({value:e,onChange:t},r){const i=l=>{t({...e,output:l})},s=l=>{const d=l===0?!1:e.trimMantissa;t({...e,mantissa:l,trimMantissa:d})},o=l=>{t({...e,trimMantissa:l.currentTarget.checked})},u=l=>{t({...e,average:l.currentTarget.checked})};return c(a.Stack,{ref:r,children:[c(a.Group,{grow:!0,children:[n(a.Select,{label:"Format",data:[{label:"1234",value:"number"},{label:"99%",value:"percent"}],value:e.output,onChange:i,sx:{flexGrow:1}}),n(a.Switch,{label:c(a.Stack,{spacing:0,children:[n(a.Text,{children:"Average"}),n(a.Text,{size:12,color:"gray",children:"like 1.234k, 1.234m"})]}),checked:e.average,onChange:u,disabled:e.output!=="number",sx:{flexGrow:1},styles:{root:{alignSelf:"flex-end"},body:{alignItems:"center"},label:{display:"block"}}})]}),c(a.Group,{grow:!0,children:[n(a.NumberInput,{label:"Mantissa",defaultValue:0,min:0,step:1,max:4,value:e.mantissa,onChange:s}),n(a.Switch,{label:"Trim mantissa",checked:e.trimMantissa,onChange:o,disabled:e.mantissa===0,styles:{root:{alignSelf:"flex-end"},body:{alignItems:"center"}}})]}),c(a.Stack,{spacing:0,children:[n(a.Text,{weight:"bold",children:"Preview"}),n(ke,{children:c(a.Group,{position:"apart",children:[c(a.Text,{size:12,color:"gray",children:["123456789 ",n(k.ArrowRight,{size:9})," ",te(123456789).format(e)]}),c(a.Text,{size:12,color:"gray",children:["1234 ",n(k.ArrowRight,{size:9})," ",te(1234).format(e)]}),c(a.Text,{size:12,color:"gray",children:["0.1234 ",n(k.ArrowRight,{size:9})," ",te(.1234).format(e)]})]})})]})]})}const Oe=m.forwardRef(cl),Ge={enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
-`)},ra={id:"builtin:echarts:click-echart:series",displayName:"Click Chart Series",nameRender:hl,configRender:pl,payload:[{name:"type",description:"Always 'click'",valueType:"string"},{name:"seriesType",description:"'boxplot'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"Record of 'name', 'min', 'q1', 'median', 'q3', 'max'",valueType:"object"},{name:"rowData",description:"Data of the row",valueType:"object"}]};function pl(e){return n(B,{})}function hl(e){return n(a.Text,{children:"Click chart's series"})}const fl=[{label:"Truncate",value:"truncate"},{label:"Break Line",value:"break"},{label:"Break Word",value:"breakAll"}],Wt=m.forwardRef(({sectionTitle:e,value:t,onChange:r},i)=>{const s=o=>u=>{const l=v.cloneDeep(t);v.set(l,o,u),r(l)};return c(a.Stack,{spacing:0,children:[e&&n(a.Divider,{mb:-5,mt:5,variant:"dotted",label:e,labelPosition:"right",labelProps:{color:"dimmed"}}),c(a.Group,{grow:!0,noWrap:!0,children:[n(a.NumberInput,{label:"Max Width",hideControls:!0,value:t.width,onChange:s("width")}),n(a.Select,{label:"Overflow",data:fl,value:t.overflow,onChange:s("overflow")}),n(a.TextInput,{label:"Ellipsis",value:t.ellipsis,disabled:!0})]})]})}),Je=m.forwardRef(({value:e,onChange:t},r)=>{const i=o=>{t({...e,on_axis:o})},s=o=>{t({...e,in_tooltip:o})};return c(a.Stack,{ref:r,spacing:0,children:[n(Wt,{sectionTitle:"Overflow on Axis",value:e.on_axis,onChange:i}),n(Wt,{sectionTitle:"Overflow in Tooltip",value:e.in_tooltip,onChange:s})]})}),Ve={on_axis:{width:80,overflow:"truncate",ellipsis:"..."},in_tooltip:{width:200,overflow:"break",ellipsis:"..."}};function He({overflow:e,width:t}){const r={truncate:"initial",break:"break-all",breakAll:"break-word"}[e],i=e==="truncate"?"nowrap":"initial",s={truncate:"ellipsis",break:"clip",breakAll:"clip"}[e];return`
+Check the top-level render call using <`+E+">.")}return M}}function so(_,M){{if(!_._store||_._store.validated||_.key!=null)return;_._store.validated=!0;var E=P1(M);if(ao[E])return;ao[E]=!0;var Y="";_&&_._owner&&_._owner!==ui.current&&(Y=" It was passed a child from "+oe(_._owner.type)+"."),bt(_),$('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',E,Y),bt(null)}}function oo(_,M){{if(typeof _!="object")return;if(oi(_))for(var E=0;E<_.length;E++){var Y=_[E];ci(Y)&&so(Y,M)}else if(ci(_))_._store&&(_._store.validated=!0);else if(_){var ae=S(_);if(typeof ae=="function"&&ae!==_.entries)for(var ue=ae.call(_),ee;!(ee=ue.next()).done;)ci(ee.value)&&so(ee.value,M)}}}function O1(_){{var M=_.type;if(M==null||typeof M=="string")return;var E;if(typeof M=="function")E=M.propTypes;else if(typeof M=="object"&&(M.$$typeof===d||M.$$typeof===g))E=M.propTypes;else return;if(E){var Y=oe(M);w1(E,_.props,"prop",Y,_)}else if(M.PropTypes!==void 0&&!di){di=!0;var ae=oe(M);$("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",ae||"Unknown")}typeof M.getDefaultProps=="function"&&!M.getDefaultProps.isReactClassApproved&&$("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function V1(_){{for(var M=Object.keys(_.props),E=0;E<M.length;E++){var Y=M[E];if(Y!=="children"&&Y!=="key"){bt(_),$("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",Y),bt(null);break}}_.ref!==null&&(bt(_),$("Invalid attribute `ref` supplied to `React.Fragment`."),bt(null))}}function lo(_,M,E,Y,ae,ue){{var ee=Q(_);if(!ee){var J="";(_===void 0||typeof _=="object"&&_!==null&&Object.keys(_).length===0)&&(J+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var Ie=L1(ae);Ie?J+=Ie:J+=io();var me;_===null?me="null":oi(_)?me="array":_!==void 0&&_.$$typeof===t?(me="<"+(oe(_.type)||"Unknown")+" />",J=" Did you accidentally export a JSX literal instead of a component?"):me=typeof _,$("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",me,J)}var ye=E1(_,M,E,ae,ue);if(ye==null)return ye;if(ee){var Ee=M.children;if(Ee!==void 0)if(Y)if(oi(Ee)){for(var yt=0;yt<Ee.length;yt++)oo(Ee[yt],_);Object.freeze&&Object.freeze(Ee)}else $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else oo(Ee,_)}return _===i?V1(ye):O1(ye),ye}}function B1(_,M,E){return lo(_,M,E,!0)}function N1(_,M,E){return lo(_,M,E,!1)}var G1=N1,q1=B1;wt.Fragment=i,wt.jsx=G1,wt.jsxs=q1}()),wt}(function(e){process.env.NODE_ENV==="production"?e.exports=wo():e.exports=_o()})(Co);const B=xt.Fragment,n=xt.jsx,c=xt.jsxs;function zi(e,t){m.useEffect(()=>{const r=i=>{console.log(i);const{viewID:s}=i.detail;if(!s){console.error(new Error("[Open View] Needs to pick a view first"));return}e.views.appendToVisibles(s),t&&e.views.setIDOfVIE(s)};return window.addEventListener("open-view",r),()=>{window.removeEventListener("open-view",r)}},[e,t]),m.useEffect(()=>{const r=i=>{console.log(i);const{dictionary:s,payload:o}=i.detail;if(!o||Object.keys(o).length===0){console.error(new Error("[Set Filter Values] payload is empty"));return}Object.entries(s).forEach(([u,l])=>{e.filters.setValueByKey(u,v.get(o,l))})};return window.addEventListener("set-filter-values",r),()=>{window.removeEventListener("set-filter-values",r)}},[e]),m.useEffect(()=>{function r(s){return Array.isArray(s)?[]:typeof s=="object"?{}:typeof s=="boolean"?!1:typeof s=="string"?"":typeof s=="number"?0:s}const i=s=>{console.log(s);const{filter_keys:o}=s.detail;o.forEach(u=>{const l=v.get(e.filters.values,u),d=r(l);console.log(`${u}: ${d}`),e.filters.setValueByKey(u,d)})};return window.addEventListener("clear-filter-values",i),()=>{window.removeEventListener("clear-filter-values",i)}},[e]),m.useEffect(()=>{const r=i=>{console.log(i);const{urlTemplate:s,openInNewTab:o,enableEncoding:u=!1,payload:l}=i.detail;if(!s){console.error(new Error("[Open Link] URL is empty"));return}function d(g){return v.cloneDeepWith(g,b=>{if(u&&typeof b=="string")return encodeURIComponent(b)})}const f=v.template(s||"")(d({...l,filters:e.payloadForSQL.filterValues,context:e.payloadForSQL.context}));window.open(f,o?"_blank":"_self","noopener")};return window.addEventListener("open-link",r),()=>{window.removeEventListener("open-link",r)}},[e])}class So{constructor(t){P(this,"symbol");this.symbol=Symbol(t)}}function Re(e){return new So(e)}class mn{constructor(){P(this,"parent");P(this,"factoryRegistry",new Map);P(this,"instanceRegistry",new Map)}createScoped(){const t=new mn;return t.parent=this,t}getRequired(t){return this.get(t)}get(t){if(this.instanceRegistry.has(t.symbol))return this.instanceRegistry.get(t.symbol);const r=this.factoryRegistry.get(t.symbol);if(r){const i=r(this);return this.instanceRegistry.set(t.symbol,i),i}if(this.parent)return this.parent.get(t)}provideFactory(t,r){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,r),this}provideValue(t,r){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,()=>r),this}dispose(){this.instanceRegistry.forEach(t=>{const r=v.get(t,"dispose");v.isFunction(r)&&r.bind(t)()}),this.instanceRegistry.clear(),this.factoryRegistry.clear()}}const bn=m.createContext(null);function Gt(e){const t=m.useContext(bn),r=Z.useCreation(()=>e.configure(t||new mn),[e.configure]),i=Z.usePrevious(r);return i&&i!==r&&i.dispose(),n(bn.Provider,{value:r,children:e.children})}function Ei(){return m.useContext(bn)}const To={viewPanelInFullScreen:v.noop,inFullScreen:!1},yn=m.createContext(To),Li=m.createContext(null),vn=Li.Provider;function ce(){const e=m.useContext(Li);if(!e)throw new Error("Please use ModelContextProvider");return e}const Pi=m.createContext(null),xn=Pi.Provider;function R(){const e=m.useContext(Pi);if(!e)throw new Error("Please use ContentModelContextProvider");return e}const ko={layoutFrozen:!1,freezeLayout:v.noop,inEditMode:!1},Ke=m.createContext(ko),Oi=m.createContext({panel:null,data:[],loading:!1}),Cn=Oi.Provider;function Ce(){const e=m.useContext(Oi);if(!e.panel)throw new Error("Please use PanelContextProvider");return e}const Do={fullScreenPanelID:"",setFullScreenPanelID:v.noop},wn=m.createContext(Do);function Vi(){const e=m.useContext(wn);if(!e)throw new Error("Please use FullScreenPanelContext.Provider");return e}class ke extends m.Component{constructor(t){super(t),this.state={error:null}}componentDidCatch(t){this.setState({error:t})}render(){var t;if(this.state.error){const r=()=>{this.setState({error:null})};return c(a.Box,{children:[n(a.Text,{size:"xs",children:(t=this.state.error)==null?void 0:t.message}),n(a.Button,{variant:"subtle",size:"xs",mx:"auto",compact:!0,sx:{display:"block"},onClick:r,children:"Retry"})]})}return this.props.children}}const _n={fontSize:"14px",lineHeight:"32px",color:"#3D3E45",ul:{paddingLeft:"2em",margin:"6px 0 0"},p:{margin:0},a:{WebkitTapHighlightColor:"transparent",color:"rgb(34, 139, 230)",textDecoration:"none","&:hover":{textDecoration:"underline"},"&:active, &:hover":{outlineWidth:0}},table:{tr:{"th, td":{padding:"0 .5em"}}},"table.rich-text-table-render, div.tableWrapper table":{"th, td":{border:"1px solid #eaeaea"},"tr:last-of-type td":{borderBottom:"1px solid #eaeaea"}},".resize-cursor":{cursor:"col-resize"},details:{summary:{listStyle:"none",cursor:"pointer",transition:"color 300ms ease",userSelect:"none"},"summary::-webkit-details-marker":{display:"none"},"summary:hover":{color:"black","&::before":{opacity:1}},"summary::before":{content:'"►"',fontSize:"10px",margin:"0px 5px",opacity:.5,display:"inline-block",transition:"opacity 300ms ease, transform 300ms ease"}},"details[open] summary::before":{transform:"rotate(90deg)"},"details + details":{marginTop:"10px"}},qt=({value:e,styles:t={}})=>{const r=Si.useEditor({extensions:[Ti,_i,X.Link,mi,gi,hi,vi.configure({resizable:!1,HTMLAttributes:{class:"rich-text-table-render"}}),wi,Ci,xi,bi.configure({types:["heading","paragraph"]}),fi.configure({placeholder:"This is placeholder"}),yi,pi.Color],content:e,editable:!1});m.useEffect(()=>{r==null||r.commands.setContent(e)},[e,r]);const i=m.useMemo(()=>v.defaultsDeep({},{content:_n},t),[t]);return n(X.RichTextEditor,{editor:r,styles:i,children:n(X.RichTextEditor.Content,{})})},Io=({description:e,isDescriptionEmpty:t})=>t?null:n(a.Tooltip,{color:"white",label:n(qt,{value:e,styles:{root:{border:"none"},content:{padding:0}}}),styles:{tooltip:{border:"0.0625rem solid rgb(233, 236, 239)",boxShadow:"rgb(0 0 0 / 5%) 0px 0.0625rem 0.1875rem, rgb(0 0 0 / 5%) 0px 1.25rem 1.5625rem -0.3125rem, rgb(0 0 0 / 4%) 0px 0.625rem 0.625rem -0.3125rem"}},withArrow:!0,children:n(a.Box,{sx:{height:"16px",alignSelf:"center"},children:n(O.IconInfoCircle,{size:16,color:"gray"})})}),Mo=T.observer(({label:e,config:{default_value:t,description:r,isDescriptionEmpty:i,...s},value:o,onChange:u})=>c(a.Box,{children:[n(a.Text,{children:" "}),n(a.Checkbox,{label:c(a.Group,{noWrap:!0,position:"apart",align:"middle",spacing:6,children:[n(a.Box,{sx:{flexGrow:1},children:e}),n(Io,{description:r,isDescriptionEmpty:i})]}),checked:o||!1,onChange:l=>u(l.currentTarget.checked),...s,pt:".4em",styles:{input:{borderColor:"#e9ecef"}}})]})),Bi=T.observer(({label:e,config:t,value:r=[null,null],onChange:i})=>{const s=Array.isArray(r)?r.map(d=>d?j(d).toDate():null):[null,null],o=d=>{i(d.map(p=>p&&j(p).format(t.inputFormat)))},u=t.getMinDate(s[0]),l=t.getMaxDate(s[0]);return n(co.DateRangePicker,{label:e,value:s,onChange:o,icon:n(k.Calendar,{size:16}),sx:{minWidth:"16em"},minDate:u,maxDate:l,styles:{input:{borderColor:"#e9ecef"}},...t})}),Ao=a.createStyles((e,{radius:t=4})=>({root:{borderRadius:e.fn.radius(t),display:"flex",flexWrap:"nowrap",border:"1px solid #ced4da",paddingLeft:"0px",paddingRight:"30px",backgroundColor:"#fff",transition:"border-color 100ms ease",borderColor:"#e9ecef","&.rc-select.rc-select-open":{borderColor:"#228be6 !important",".rc-select-selection-overflow-item-rest":{display:"none"},".rc-select-selection-overflow-item-suffix":{display:"block"}},".rc-select-selector":{height:"auto",lineHeight:1.55,paddingLeft:"12px",resize:"none",boxSizing:"border-box",fontSize:"14px",width:"100%",color:"#000",display:"block",textAlign:"left",minHeight:"36px",cursor:"pointer",flexGrow:1},".rc-select-selection-search-mirror":{display:"none"},".rc-select-selection-search":{flexGrow:1,width:"auto !important"},".rc-select-selection-overflow":{display:"flex",minHeight:"34px",alignItems:"center",flexWrap:"nowrap",marginLeft:"calc(-10px / 2)",boxSizing:"border-box"},".rc-select-selection-overflow-item":{display:"flex",alignItems:"center",backgroundColor:"#f1f3f5",color:"#495057",height:"24px",paddingLeft:"12px",paddingRight:"12px",fontWeight:500,fontSize:"12px",borderRadius:"4px",cursor:"default",userSelect:"none",maxWidth:"calc(100% - 20px)",margin:"calc(10px / 2 - 2px) calc(10px / 2)"},".rc-select-selection-overflow-item-rest":{cursor:"pointer"},".rc-select-selection-overflow-item-suffix":{display:"none",backgroundColor:"transparent",width:"100%",maxWidth:"100%",height:"28px",margin:0,paddingLeft:0,paddingRight:0},input:{flex:1,minWidth:"60px",backgroundColor:"transparent",border:0,outline:0,fontSize:"14px",padding:0,marginLeft:0,color:"inherit",height:"28px",lineHeight:"32px",cursor:"pointer",width:"100%","&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration":{display:"none"}},".rc-select-clear":{marginRight:"-24px",alignSelf:"center",cursor:"pointer"},"&.rc-select-disabled":{backgroundColor:"rgb(241, 243, 245)",color:"rgb(144, 146, 150)",opacity:.6,"&, .rc-select-selector, input":{cursor:"not-allowed"}}},label:{fontSize:e.fontSizes.sm,fontWeight:500,color:"#212529"},dropdown:{fontSize:e.fontSizes.xs,zIndex:300,backgroundColor:"#fff",border:"1px solid #e9ecef",marginTop:6,padding:0,boxShadow:"0 1px 3px rgb(0 0 0 / 5%), rgb(0 0 0 / 5%) 0px 10px 15px -5px, rgb(0 0 0 / 4%) 0px 7px 7px -5px",borderRadius:"4px","&.rc-select-dropdown-slide-up-leave-active":{display:"none"},".rc-select-item-empty":{padding:"8px 12px"},".rc-select-item-option":{boxSizing:"border-box",textAlign:"left",width:"100%",padding:"8px 12px 8px 2px",cursor:"pointer",fontSize:"14px",color:"#000",borderRadius:"4px",display:"flex",flexWrap:"nowrap",overflow:"hidden","&:hover":{backgroundColor:"#f1f3f5"},flexDirection:"row-reverse",".rc-select-item-option-state":{flexGrow:0,flexShrink:0,width:"30px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},".rc-select-item-option-content":{flexGrow:1}}}})),Ni=({errorMessage:e})=>e?n(a.Text,{color:"red",size:12,children:e}):n(a.Text,{color:"dimmed",size:12,children:"Not found"}),$o=({disabled:e,classNames:t,styles:r,unstyled:i,radius:s,style:o,label:u,value:l,onChange:d,options:p,errorMessage:f})=>{const{classes:g,cx:h}=Ao({radius:s},{name:"MultiSelectWidget",classNames:t,styles:r,unstyled:i}),[b,w]=m.useState(!1),C=V=>{w(V)},S=b&&(l==null?void 0:l.length)>0,[I,$]=m.useState(""),G=m.useMemo(()=>{if(!I)return p;const V=I.toLowerCase(),L=z=>{var A;return((A=z.description)==null?void 0:A.toLowerCase().includes(V))||z.label.toLowerCase().includes(V)};return p.filter(L)},[I,p]);return c(a.Stack,{spacing:3,children:[c(a.Group,{position:"apart",children:[n(a.Text,{className:g.label,children:u}),S&&n(a.Tooltip,{label:`${l.length} selected`,children:n(a.Badge,{children:l.length})})]}),n(ki,{disabled:e,allowClear:!0,className:h(g.root,"check-select"),dropdownClassName:h(g.dropdown,""),onDropdownVisibleChange:C,transitionName:"rc-select-dropdown-slide-up",choiceTransitionName:"rc-select-selection__choice-zoom",style:o,clearIcon:()=>n(a.CloseButton,{}),value:l,onChange:d,onSelect:console.log,mode:"multiple",maxTagCount:0,notFoundContent:n(Ni,{errorMessage:f}),maxTagTextLength:10,maxTagPlaceholder:V=>`${V.length} selected`,searchValue:I,onSearch:$,filterOption:!1,children:G.map(V=>n(ki.Option,{children:n(a.Group,{noWrap:!0,children:c("div",{children:[n(a.Text,{size:"sm","data-role":"label",children:V.label}),n(a.Text,{size:"xs",color:"dimmed","data-role":"description",children:V.description})]})})},V.value))})]})},zo=T.observer(({label:e,config:t,value:r,onChange:i})=>{const s=R(),o=!!t.options_query_id,{state:u,error:l}=s.getDataStuffByID(t.options_query_id),d=u==="loading",p=t.min_width?t.min_width:"200px",f=o?d:!1;return n($o,{label:e,options:t.options,style:{minWidth:"160px",width:p,maxWidth:f?p:"unset",borderColor:"#e9ecef"},disabled:f,value:r,onChange:i,errorMessage:l})}),Eo=m.forwardRef(({label:e,description:t,...r},i)=>n("div",{ref:i,...r,children:n(a.Group,{noWrap:!0,children:c("div",{children:[n(a.Text,{size:"sm","data-role":"label",children:e}),n(a.Text,{size:"xs",color:"dimmed","data-role":"description",children:t})]})})})),Lo=T.observer(({label:e,config:t,value:r,onChange:i})=>{const s=R(),o=!!t.options_query_id,{state:u,error:l}=s.getDataStuffByID(t.options_query_id),d=u==="loading";return m.useEffect(()=>{var g;const{default_selection_count:p}=t;if(!p)return;const f=((g=t.options[0])==null?void 0:g.value)??"";console.log("Selecting the first option by default. New value: ",f),i(f,!0)},[t.default_selection_count,t.options]),n(a.Select,{label:e,data:t.options,disabled:o?d:!1,value:r,onChange:i,error:!!l,placeholder:l,maxDropdownHeight:500,styles:{root:{width:t.width?t.width:"200px"},input:{borderColor:"#e9ecef"}},sx:{".mantine-Select-item[data-selected] .mantine-Text-root[data-role=description]":{color:"rgba(255,255,255,.7)"}},itemComponent:Eo})});function Po({label:e,config:t,value:r,onChange:i}){return n(a.TextInput,{label:e,value:r||"",onChange:s=>i(s.currentTarget.value),...t,styles:{input:{borderColor:"#e9ecef"}}})}const Oo=({rotate:e,onClick:t})=>n("svg",{onClick:t,className:"caret-icon",viewBox:"0 0 1024 1024",focusable:"false","data-icon":"caret-down",width:"14px",height:"14px",fill:"currentColor","aria-hidden":"true",transform:`rotate(${e})`,children:n("path",{d:"M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"})}),Vo=({expanded:e,isLeaf:t,value:r,onClick:i,...s})=>(r==="0-0-value"&&console.log(s),t?n("span",{style:{width:"14px",display:"inline-block"}}):n(Oo,{rotate:e?"0":"-90",onClick:i,...s})),Bo=({onClick:e})=>c("svg",{onClick:e,className:"checkbox-icon",width:"16",height:"16",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[n("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),n("rect",{className:"border",x:"4",y:"4",width:"16",height:"16",rx:"2"}),n("rect",{className:"checkmark-indeterminate",x:"8",y:"8",width:"8",height:"8",rx:"2",stroke:"none"}),n("path",{className:"checkmark-checked",d:"M9 12l2 2l4 -4"})]}),No=({onClick:e,...t})=>n(Bo,{onClick:e,...t}),Go=a.createStyles((e,{radius:t=4})=>({root:{borderRadius:e.fn.radius(t),display:"flex",flexWrap:"nowrap",border:"1px solid #ced4da",paddingLeft:"0px",paddingRight:"30px",backgroundColor:"#fff",transition:"border-color 100ms ease",borderColor:"#e9ecef","&.rc-tree-select.rc-tree-select-open":{borderColor:"#228be6 !important",".rc-tree-select-selection-overflow-item-rest":{display:"none"},".rc-tree-select-selection-overflow-item-suffix":{display:"block"}},".rc-tree-select-selector":{height:"auto",lineHeight:1.55,paddingLeft:"12px",resize:"none",boxSizing:"border-box",fontSize:"14px",width:"100%",color:"#000",display:"block",textAlign:"left",minHeight:"36px",cursor:"pointer",flexGrow:1},".rc-tree-select-selection-search-mirror":{display:"none"},".rc-tree-select-selection-search":{flexGrow:1,width:"auto !important"},".rc-tree-select-selection-overflow":{display:"flex",minHeight:"34px",alignItems:"center",flexWrap:"nowrap",marginLeft:"calc(-10px / 2)",boxSizing:"border-box"},".rc-tree-select-selection-overflow-item":{display:"flex",alignItems:"center",backgroundColor:"#f1f3f5",color:"#495057",height:"24px",paddingLeft:"12px",paddingRight:"12px",fontWeight:500,fontSize:"12px",borderRadius:"4px",cursor:"default",userSelect:"none",maxWidth:"calc(100% - 20px)",margin:"calc(10px / 2 - 2px) calc(10px / 2)"},".rc-tree-select-selection-overflow-item-rest":{cursor:"pointer"},".rc-tree-select-selection-overflow-item-suffix":{display:"none",backgroundColor:"transparent",width:"100%",maxWidth:"100%",height:"28px",margin:0,paddingLeft:0,paddingRight:0},input:{flex:1,minWidth:"60px",backgroundColor:"transparent",border:0,outline:0,fontSize:"14px",padding:0,marginLeft:0,color:"inherit",height:"28px",lineHeight:"32px",cursor:"pointer",width:"100%","&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration":{display:"none"}},".rc-tree-select-clear":{marginRight:"-24px",alignSelf:"center",cursor:"pointer"},"&.rc-tree-select-disabled":{backgroundColor:"rgb(241, 243, 245)",color:"rgb(144, 146, 150)",opacity:.6,"&, .rc-tree-select-selector, input":{cursor:"not-allowed"}}},label:{fontSize:e.fontSizes.sm,fontWeight:500,color:"#212529"},dropdown:{fontSize:e.fontSizes.xs,zIndex:300,paddingTop:"6px","&.rc-tree-select-dropdown-slide-up-leave-active":{display:"none"},".rc-tree-select-tree-list .rc-tree-select-tree-list-holder":{},".rc-tree-select-tree-list, .rc-tree-select-empty":{backgroundColor:"#fff",border:"1px solid #e9ecef",padding:0,boxShadow:"0 1px 3px rgb(0 0 0 / 5%), rgb(0 0 0 / 5%) 0px 10px 15px -5px, rgb(0 0 0 / 4%) 0px 7px 7px -5px",borderRadius:"4px"},".rc-tree-select-empty":{padding:"8px 12px"},".rc-tree-select-tree-treenode":{boxSizing:"border-box",textAlign:"left",width:"100%",padding:"8px 12px",cursor:"pointer",fontSize:"14px",color:"#000",borderRadius:"4px",display:"flex",flexWrap:"nowrap",overflow:"hidden","&:hover":{backgroundColor:"#f1f3f5"},"&.rc-tree-select-tree-treenode-checkbox-checked":{".rc-tree-select-tree-iconEle .checkbox-icon .checkmark-checked":{stroke:"rgb(64, 192, 87)",animation:"check 200ms linear forwards"}},"&.rc-tree-select-tree-treenode-checkbox-indeterminate":{".rc-tree-select-tree-iconEle .checkbox-icon .checkmark-indeterminate":{fill:"rgb(64, 192, 87)"}},".rc-tree-select-tree-switcher":{height:"16px",alignSelf:"center",paddingRight:"2px",transition:"color 200ms ease","&:hover":{color:"#228be6","svg.caret-icon":{color:"#228be6"}},"svg.caret-icon":{color:"#ced4da",transition:"all 200ms ease"}},".rc-tree-select-tree-node-content-wrapper":{display:"flex",flexWrap:"nowrap",overflow:"hidden",alignItems:"center",gap:"8px",transition:"color 200ms ease","&:hover":{color:"#228be6"}},".rc-tree-select-tree-iconEle":{height:"16px","svg .border":{stroke:"#ced4da"},".checkbox-icon .checkmark-indeterminate":{fill:"transparent",transition:"fill 200ms ease"},".checkbox-icon .checkmark-checked":{transform:"scale(1.2)",transformOrigin:"center center",strokeDasharray:10,strokeDashoffset:-10},"@keyframes check":{"0%":{strokeDashoffset:10},"100%":{strokeDashoffset:0}}},".rc-tree-select-tree-title":{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",".rc-tree-select-tree-title-desc":{fontSize:"12px",maxWidth:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},".rc-tree-select-tree-indent":{flexGrow:0,height:0,verticalAlign:"bottom"},".rc-tree-select-tree-indent-unit":{display:"inline-block",width:"1em"}}}})),qo=({disabled:e,classNames:t,styles:r,unstyled:i,radius:s,style:o,label:u,value:l,onChange:d,treeData:p,errorMessage:f})=>{const{classes:g,cx:h}=Go({radius:s},{name:"FilterTreeSelectWidget",classNames:t,styles:r,unstyled:i}),[b,w]=m.useState(!1),C=I=>{w(I)},S=b&&(l==null?void 0:l.length)>0;return c(a.Stack,{spacing:3,children:[c(a.Group,{position:"apart",children:[n(a.Text,{className:g.label,children:u}),S&&n(a.Tooltip,{label:`${l.length} selected`,children:n(a.Badge,{children:l.length})})]}),n(Di,{disabled:e,allowClear:!0,className:h(g.root,"check-select"),dropdownClassName:h(g.dropdown,""),onDropdownVisibleChange:C,transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",style:o,treeLine:!0,clearIcon:()=>n(a.CloseButton,{}),switcherIcon:Vo,treeIcon:No,maxTagTextLength:10,value:l,treeData:p,notFoundContent:n(Ni,{errorMessage:f}),treeNodeFilterProp:"filterBasis",treeCheckable:!0,showCheckedStrategy:Di.SHOW_PARENT,onChange:d,onSelect:console.log,maxTagCount:0,maxTagPlaceholder:I=>`${I.length} selected`})]})},Fo=T.observer(({label:e,config:t,value:r,onChange:i})=>{const{treeData:s,treeDataLoading:o,errorMessage:u}=t,l=t.min_width?t.min_width:"200px",p=!!t.options_query_id?o:!1;return n(qo,{disabled:p,style:{minWidth:"160px",width:l,maxWidth:p?l:"unset",borderColor:"#e9ecef"},value:r,onChange:f=>i(f,!1),treeData:s,errorMessage:u,label:e})}),Wo=T.observer(({filter:{type:e,config:t,key:r,...i},formFieldProps:s})=>{switch(e){case"select":return n(Lo,{...i,...s,config:t});case"multi-select":return n(zo,{...i,...s,config:t});case"tree-select":return n(Fo,{...i,...s,config:t});case"text-input":return n(Po,{...i,...s,config:t});case"date-range":return n(Bi,{...i,...s,config:t});case"checkbox":return n(Mo,{...i,...s,config:t});default:return null}}),Gi=T.observer(m.forwardRef(({filter:e,...t},r)=>n("div",{className:"filter-root",ref:r,children:n(ke,{children:n(Wo,{filter:e,formFieldProps:t})})}))),qi=T.observer(function({view:t}){const r=R(),{control:i,handleSubmit:s,reset:o}=x.useForm({defaultValues:r.filters.values,reValidateMode:"onBlur"}),u=x.useWatch({control:i});m.useEffect(()=>{o(r.filters.values)},[r.filters.values,o]),m.useEffect(()=>{r.filters.updatePreviewValues(u)},[u]);const l=r.filters.visibleInView(t.id),d=m.useMemo(()=>l.every(h=>h.should_auto_submit),[l]),p=m.useMemo(()=>l.filter(h=>v.get(h,"config.required",!1)),[l]),f=m.useMemo(()=>p.length===0?!1:p.some(h=>!h.requiredAndPass(u[h.key])),[u,p]);if(l.length===0)return null;const g=(h,b)=>(w,C)=>{b(w),(h.should_auto_submit||C)&&r.filters.setValueByKey(h.key,w)};return n("form",{onSubmit:s(r.filters.setValues),children:c(a.Group,{className:"dashboard-filters",position:"apart",noWrap:!0,sx:d?{}:{border:"1px solid #e9ecef",borderRadius:"4px",padding:"16px"},children:[n(a.Group,{align:"flex-start",children:l.map(h=>n(x.Controller,{name:h.key,control:i,render:({field:b})=>n(Gi,{filter:h,value:b.value,onChange:g(h,b.onChange)})},h.id))}),!d&&n(a.Group,{sx:{alignSelf:"flex-end"},children:n(a.Button,{color:"blue",size:"sm",type:"submit",disabled:f,children:"Search"})})]})})}),R1="";function jo(e){return e?["<p><br></p>","<p></p>"].includes(e):!0}const Fi=T.observer(()=>{const{freezeLayout:e}=m.useContext(Ke),[t,r]=m.useState(!1),{panel:i}=Ce();return m.useEffect(()=>{e(t)},[t]),jo(i.description)?null:c(B,{children:[n(a.Modal,{opened:t,onClose:()=>r(!1),title:i.title,withCloseButton:!1,withinPortal:!0,zIndex:310,children:n(qt,{value:i.description,styles:{root:{border:"none"},content:{padding:0}}})}),n(a.Tooltip,{label:"Click to see description",position:"top-start",withinPortal:!0,children:n(a.ActionIcon,{variant:"subtle",color:"blue",onClick:()=>r(s=>!s),sx:{verticalAlign:"baseline",cursor:"pointer"},children:n(k.InfoCircle,{size:20})})})]})}),Ro=T.observer(({view:e})=>{const t=ce(),r=R(),i=Le.useModals(),{panel:s}=Ce(),{id:o,query:u}=s,{inEditMode:l}=m.useContext(Ke),d=()=>u==null?void 0:u.fetchData(),{viewPanelInFullScreen:p,inFullScreen:f}=m.useContext(yn),g=()=>{r.duplicatePanelByID(o,e.id)},h=()=>{t.editor.open(["_VIEWS_",e.id,"_PANELS_",o])},b=()=>i.openConfirmModal({title:"Delete this panel?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>r.removePanelByID(o,e.id),confirmProps:{color:"red"},zIndex:320}),w=m.useCallback(()=>{p(o)},[o,p]),C=!f&&e.type!==K.Modal;return n(B,{children:n(a.Box,{sx:{position:"absolute",top:0,left:0,right:0,zIndex:300},children:c(a.Menu,{withinPortal:!0,children:[n(a.Menu.Target,{children:n(a.Box,{className:"panel-dropdown-target",sx:{width:"100%",height:"25px"}})}),c(a.Menu.Dropdown,{children:[n(a.Menu.Item,{onClick:d,icon:n(k.Refresh,{size:14}),children:"Refresh"}),n(a.Menu.Item,{onClick:()=>r.queries.downloadDataByQueryID((u==null?void 0:u.id)??""),icon:n(k.Download,{size:14}),children:"Download Data"}),C&&n(a.Menu.Item,{onClick:w,icon:n(k.ArrowsMaximize,{size:14}),disabled:l,children:"Full Screen"}),l&&c(B,{children:[n(a.Divider,{label:"Edit",labelPosition:"center"}),n(a.Menu.Item,{onClick:h,icon:n(k.Settings,{size:14}),children:"Settings"}),n(a.Menu.Item,{onClick:g,icon:n(k.Copy,{size:14}),children:"Duplicate"}),n(a.Menu.Item,{color:"red",onClick:b,icon:n(k.Trash,{size:14}),children:"Delete"})]})]})]})})})}),Y1="",Yo=T.observer(function(){const{panel:t}=Ce(),{title:r}=t;return r?n(a.Group,{grow:!0,position:"center",px:20,className:"panel-title-wrapper",sx:{flexGrow:1},children:n(a.Text,{align:"center",lineClamp:1,weight:"bold",children:r})}):null}),Ne=(e,t)=>{const[r,i]=m.useState([]);return m.useEffect(()=>e.watchTriggerSnapshotList(s=>i(s.filter(o=>o.schemaRef===t))),[]),r};class lt{constructor(t,r){this.root=t,this.path=r}async deleteItem(t){t===null&&await this.root.deleteItem(this.path);const r=await this.root.getItem(this.path)||{};await this.root.setItem(this.path,v.omit(r,t))}async getItem(t){const r=await this.root.getItem(this.path);return t===null?r:v.get(r,t)}async setItem(t,r){if(t===null)await this.root.setItem(this.path,r);else{const i=await this.root.getItem(this.path)||{};await this.root.setItem(this.path,{...i,[t]:r})}return await this.getItem(t)}watchItem(t,r,i){return t===null?this.root.watchItem(this.path,(s,o)=>{r(s,o)},i):this.root.watchItem(this.path,(s,o)=>{const u=v.get(s,t),l=v.get(o,t);u!==l&&r(u,l)},i)}}class Sn{constructor(t,r,i){P(this,"attachmentStorage");this.instance=t,this.attachmentKey=r,this.constructInstance=i,this.attachmentStorage=new lt(t.instanceData,r)}async getInstance(t){if(await this.attachmentStorage.getItem(t))return this.constructInstance(new lt(this.attachmentStorage,t))}async create(t,r){return await this.attachmentStorage.setItem(t,r),this.constructInstance(new lt(this.attachmentStorage,t))}async remove(t){await this.attachmentStorage.deleteItem(t)}async list(){const t=await this.attachmentStorage.getItem(null);return Promise.all(v.values(t).map(r=>this.constructInstance(new lt(this.attachmentStorage,r.id))))}}class Wi{constructor(t){P(this,"rootRef");this.rootRef=se.observable({current:t})}async deleteItem(t){se.runInAction(()=>{v.unset(this.rootRef.current,[t])})}getItem(t){const r=this.getValueFromRoot(t);return Promise.resolve(r)}getValueFromRoot(t){return t===null?se.toJS(this.rootRef.current):v.get(this.rootRef.current,[t])}setItem(t,r){if(t===null)if(v.isObject(r))se.runInAction(()=>{this.rootRef.current=r});else throw new Error("Cannot set root value to non-object");else se.runInAction(()=>{v.set(this.rootRef.current,[t],r)});return Promise.resolve(this.getItem(t))}watchItem(t,r,i){return se.reaction(()=>this.getValueFromRoot(t),(s,o)=>{r(s,o)},{requiresObservable:!0,fireImmediately:v.get(i,"fireImmediately",!1)})}}class Qo{constructor(){P(this,"channels",new Map);P(this,"globalChannel",new Ii)}getChannel(t){const r=this.channels.get(t);if(r)return r;const i=new Ii;return this.channels.set(t,i),i}}class Uo{constructor(t){P(this,"instances",new Map);this.pluginManager=t}get availableVizList(){return this.pluginManager.installedPlugins.flatMap(t=>t.manifest.viz)}resolveComponent(t){return this.pluginManager.factory.viz(t)}getOrCreateInstance(t){const r=this.instances.get(t.id);if(r)return r;const i={id:t.id,name:t.viz.type,type:t.viz.type,messageChannels:new Qo,instanceData:new Wi(t.viz.conf)};return this.instances.set(t.id,i),i}}function ji(e,t,r,i){return{vizManager:r,locale:"zh",msgChannels:e.messageChannels,instanceData:e.instanceData,pluginData:new Wi({}),colorPalette:{getColor(){return()=>""}},data:t,variables:i}}const Xo=e=>{const{panel:t,vizManager:r,data:i,variables:s}=e,o=r.resolveComponent(t.viz.type),u=r.getOrCreateInstance(t),l={...ji(u,i,r,s),viewport:{width:t.layout.w,height:t.layout.h}},d=o.viewRender;return n(d,{context:l,instance:u,...v.omit(e,["panel","vizManager","data"])})},Zo=e=>{const{vizManager:t,panel:r,panelInfoEditor:i,data:s,variables:o}=e,u=t.resolveComponent(r.viz.type),l=t.getOrCreateInstance(r),d={...ji(l,s,t,o),panelInfoEditor:i},p=u.configRender;return n(p,{context:d,instance:l,...v.omit(e,["panel","vizManager","data","panelInfoEditor"])})},Ri=(e,t)=>{const r=je.bezier(e),i=je.bezier(t);return function(s){return s<50?r(s*2/100).hex():i((s-50)*2/100).hex()}},Ft=e=>{const t=je.bezier(e);return function(r){return t(r/100).hex()}},Ko={type:"interpolation",displayName:"Red / Green",getColor:Ri(["darkred","deeppink","lightyellow"],["lightyellow","lightgreen","teal"]),name:"red-green",category:"diverging"},Jo={type:"interpolation",displayName:"Yellow / Blue",getColor:Ri(["#8f531d","#ffd347","#e3efe3"],["#eefaee","#4ecbbf","#003f94"]),name:"yellow-blue",category:"diverging"},Ho={type:"interpolation",displayName:"Red",getColor:Ft(["#fff7f1","darkred"]),name:"red",category:"sequential"},el={type:"interpolation",displayName:"Green",getColor:Ft(["#f0ffed","darkgreen"]),name:"green",category:"sequential"},tl={type:"interpolation",displayName:"Blue",getColor:Ft(["#f9fcff","#48b3e9","darkblue"]),name:"blue",category:"sequential"},nl={type:"interpolation",displayName:"Orange",getColor:Ft(["#fff7f1","darkorange","#b60000"]),name:"orange",category:"sequential"},Yi="@devtable/dashboard",Tn="9.11.0",Qi="Apache-2.0",Ui={access:"public",registry:"https://registry.npmjs.org/"},Xi=["dist"],Zi="./dist/dashboard.umd.js",Ki="./dist/dashboard.es.js",Ji="./dist/index.d.ts",Hi={".":{import:"./dist/dashboard.es.js",require:"./dist/dashboard.umd.js"},"./dist/style.css":{import:"./dist/style.css",require:"./dist/style.css"}},ea={"dev-build":"tsc && vite build --watch",build:"tsc && vite build",preview:"vite preview",test:"vitest","test:ui":"vitest --ui",coverage:"vitest --coverage"},ta={"@monaco-editor/react":"4.4.6","@types/chroma-js":"^2.1.4","file-saver":"2.0.5",mathjs:"11.8.0","monaco-editor":"0.36.0","performant-array-to-tree":"1.11.0",popmotion:"^11.0.3","rc-select":"14.1.0","rc-tree-select":"5.5.5",reactflow:"^11.5.3"},na={"@emotion/babel-plugin":"11.10.6","@faker-js/faker":"7.6.0","@mantine/core":"5.9.5","@mantine/dates":"5.9.5","@mantine/hooks":"5.9.5","@mantine/modals":"5.9.5","@mantine/notifications":"5.9.5","@mantine/prism":"5.9.5","@mantine/tiptap":"5.9.5","@tabler/icons":"1.119.0","@testing-library/cypress":"^9.0.0","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.3.0","@testing-library/react-hooks":"^8.0.1","@testing-library/user-event":"^14.3.0","@tiptap/extension-code-block-lowlight":"2.0.3","@tiptap/extension-color":"2.0.3","@tiptap/extension-highlight":"2.0.3","@tiptap/extension-link":"2.0.3","@tiptap/extension-placeholder":"2.0.3","@tiptap/extension-subscript":"2.0.3","@tiptap/extension-superscript":"2.0.3","@tiptap/extension-table":"2.0.3","@tiptap/extension-table-cell":"2.0.3","@tiptap/extension-table-header":"2.0.3","@tiptap/extension-table-row":"2.0.3","@tiptap/extension-text-align":"2.0.3","@tiptap/extension-text-style":"2.0.3","@tiptap/extension-underline":"2.0.3","@tiptap/pm":"2.0.3","@tiptap/react":"2.0.3","@tiptap/starter-kit":"2.0.3","@types/crypto-js":"v4.1.1","@types/d3-array":"3.0.4","@types/eventemitter2":"^4.1.0","@types/file-saver":"2.0.5","@types/lodash":"^4.14.182","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/react-grid-layout":"^1.3.2",ahooks:"^3.3.11",ajv:"8.12.0",axios:"^0.27.2","crypto-js":"^4.1.1",cypress:"^12.9.0","cypress-wait-until":"^1.7.2",echarts:"^5.3.2","echarts-for-react":"^3.0.2","echarts-gl":"^2.0.9",jsdom:"^20.0.0","jsdom-testing-mocks":"^1.5.0",lodash:"^4.17.21",lowlight:"^2.8.0",numbro:"^2.3.6","prosemirror-commands":"^1.5.0","prosemirror-dropcursor":"^1.6.1","prosemirror-gapcursor":"^1.3.1","prosemirror-history":"^1.3.0","prosemirror-keymap":"^1.2.0","prosemirror-schema-list":"^1.2.2","react-grid-layout":"^1.3.4","react-hook-form":"^7.31.2","rollup-plugin-visualizer":"5.6.0","tabler-icons-react":"^1.48.0",typescript:"^4.6.3","vite-plugin-static-copy":"0.13.1"},ra={"@emotion/react":"11.10.6","@faker-js/faker":"7.6.0","@mantine/core":"5.9.5","@mantine/dates":"5.9.5","@mantine/hooks":"5.9.5","@mantine/modals":"5.9.5","@mantine/notifications":"5.9.5","@mantine/prism":"5.9.5","@mantine/tiptap":"5.9.5","@tabler/icons":"1.119.0","@tanstack/react-table":"^8.5.13","@tiptap/extension-code-block-lowlight":"2.0.3","@tiptap/extension-color":"2.0.3","@tiptap/extension-highlight":"2.0.3","@tiptap/extension-link":"2.0.3","@tiptap/extension-placeholder":"2.0.3","@tiptap/extension-subscript":"2.0.3","@tiptap/extension-superscript":"2.0.3","@tiptap/extension-table":"2.0.3","@tiptap/extension-table-cell":"2.0.3","@tiptap/extension-table-header":"2.0.3","@tiptap/extension-table-row":"2.0.3","@tiptap/extension-text-align":"2.0.3","@tiptap/extension-text-style":"2.0.3","@tiptap/extension-underline":"2.0.3","@tiptap/pm":"2.0.3","@tiptap/react":"2.0.3","@tiptap/starter-kit":"2.0.3",ahooks:"^3.3.11",axios:"^0.27.2","chroma-js":"^2.4.2","crypto-js":"^4.1.1","d3-array":"3.2.3","d3-regression":"1.3.10",dayjs:"1.11.7",echarts:"^5.3.2","echarts-for-react":"^3.0.2","echarts-gl":"^2.0.9",eventemitter2:"^6.4.6",jszip:"3.10.1",lodash:"^4.17.21",lowlight:"^2.8.0",mobx:"^6.6.1","mobx-react-lite":"^3.4.0","mobx-state-tree":"^5.1.5",numbro:"^2.3.6","prosemirror-commands":"^1.5.0","prosemirror-dropcursor":"^1.6.1","prosemirror-gapcursor":"^1.3.1","prosemirror-history":"^1.3.0","prosemirror-keymap":"^1.2.0","prosemirror-schema-list":"^1.2.2",react:"^16.8.0 || 17.x || 18.x","react-dom":"^16.8.0 || 17.x || 18.x","react-grid-layout":"^1.3.4","react-hook-form":"^7.31.2","react-router-dom":"^6.3.0","react-virtual":"^2.10.4","tabler-icons-react":"^1.48.0"},rl=Object.freeze(Object.defineProperty({__proto__:null,default:{name:Yi,version:Tn,license:Qi,publishConfig:Ui,files:Xi,main:Zi,module:Ki,types:Ji,exports:Hi,scripts:ea,dependencies:ta,devDependencies:na,peerDependencies:ra},dependencies:ta,devDependencies:na,exports:Hi,files:Xi,license:Qi,main:Zi,module:Ki,name:Yi,peerDependencies:ra,publishConfig:Ui,scripts:ea,types:Ji,version:Tn},Symbol.toStringTag,{value:"Module"}));class il{constructor(t){P(this,"staticColors",new Map);P(this,"interpolations",new Map);t.installedPlugins.forEach(r=>{r.manifest.color.forEach(i=>{this.register(i)})})}getStaticColors(){return Array.from(this.staticColors.values())}register(t){const r=this.encodeColor(t);t.type==="single"?(this.staticColors.has(r)&&console.warn(`the color '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`),this.staticColors.set(r,t)):t.type==="interpolation"&&(this.interpolations.has(r)&&console.warn(`the interpolation '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`,`the interpolation '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`),this.interpolations.set(r,t))}decodeStaticColor(t){return this.staticColors.get(t)}encodeColor(t){return`\${${t.category}}.{${t.name}}`}decodeInterpolation(t){return this.interpolations.get(t)}getColorInterpolations(){return Array.from(this.interpolations.values())}}class al{constructor(){P(this,"plugins",new Map);P(this,"vizComponents",new Map);P(this,"factory",{viz:t=>{const r=this.vizComponents.get(t);if(r)return r;throw new Error(`Viz Component (${t}) not found`)}})}install(t){if(this.plugins.has(t.id))throw new Error(`Plugin (${t.id}) has been installed before`);this.plugins.set(t.id,t);for(const r of t.manifest.viz){if(this.vizComponents.has(r.name))throw new Error(`Viz Component (${r.name}) has been installed before`);this.vizComponents.set(r.name,r)}}get installedPlugins(){return Array.from(this.plugins.values())}}class sl{constructor(){P(this,"migrations",[])}version(t,r){return this.migrations.push({version:t,handler:r}),this}run(t,r,i){var u;if(t.from===t.to)return r;if(t.from>t.to)throw new Error(`Can not downgrade from version '${t.from}' to (${t.to})`);const s=this.migrations.filter(l=>l.version>t.from&&l.version<=t.to),o=v.orderBy(s,"version","asc");if(((u=v.last(o))==null?void 0:u.version)!==t.to)throw new Error(`Migration to version ${t.to} not found`);return o.reduce((l,d)=>d.handler(l,i),r)}}class fe extends sl{constructor(){super(),this.configVersions()}version(t,r){return super.version(t,(i,s)=>({version:t,...r(i,s)}))}async migrate({configData:t,panelModel:r}){const i=await t.getItem(null),s=v.get(i,"version",0),o=this.run({from:s,to:this.VERSION},i,{panelModel:r});await t.setItem(null,o)}async needMigration({configData:t}){const r=await t.getItem(null);return v.get(r,"version",0)<this.VERSION}}const F=(e,t)=>{const[r,{setFalse:i}]=Z.useBoolean(!0),[s,o]=m.useState();m.useEffect(()=>(e.getItem(t).then(l=>{o(l),i()}),e.watchItem(t,l=>{o(l)})));const u=m.useCallback(async l=>{await e.setItem(t,l),o(l)},[e,t]);return{loading:r,value:s,set:u}},kn={x_axis_data_key:"",y_axis_data_key:"",z_axis_data_key:"",xAxis3D:{type:"value",name:"X Axis Name"},yAxis3D:{type:"value",name:"Y Axis Name"},zAxis3D:{type:"value",name:"Z Axis Name"}};le.use([N.GridComponent,N.VisualMapComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function ol({context:e}){const{value:t}=F(e.instanceData,"config"),r=e.data,{width:i,height:s}=e.viewport,{x_axis_data_key:o,y_axis_data_key:u,z_axis_data_key:l,xAxis3D:d,yAxis3D:p,zAxis3D:f}=v.defaults({},t,kn),g=m.useMemo(()=>{const w=v.minBy(r,C=>C[l]);return v.get(w,l)},[r,l]),h=m.useMemo(()=>{const w=v.maxBy(r,C=>C[l]);return v.get(w,l)},[r,l]),b={tooltip:{},backgroundColor:"#fff",visualMap:{show:!0,dimension:2,min:g,max:h,inRange:{color:["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},xAxis3D:d,yAxis3D:p,zAxis3D:f,grid3D:{viewControl:{projection:"orthographic",autoRotate:!1},light:{main:{shadow:!0,quality:"ultra",intensity:1.5}}},series:[{type:"bar3D",wireframe:{},data:r.map(w=>[w[o],w[u],w[l]])}]};return t?n(Ae,{echarts:le,option:b,style:{width:i,height:s},notMerge:!0,theme:"merico-light"}):null}function ll({label:e,required:t,value:r,onChange:i,data:s,clearable:o=!1,sx:u,...l},d){const p=m.useMemo(()=>{if(!Array.isArray(s)||s.length===0)return[];const g=Object.keys(s[0]).map(h=>({label:h,value:h}));return o?g.concat([{label:"unset",value:""}]):g},[s]);return n(a.Select,{ref:d,label:e,data:p,value:r,onChange:i,required:t,sx:u,...l})}const W=m.forwardRef(ll);function ul({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=v.defaults({},t,kn),{control:o,handleSubmit:u,reset:l}=x.useForm({defaultValues:s});return m.useEffect(()=>{l(s)},[t]),t?n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:u(r),children:[n(a.Text,{children:"X Axis"}),c(a.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[n(x.Controller,{name:"x_axis_data_key",control:o,render:({field:d})=>n(W,{label:"Data Field",required:!0,data:i,...d})}),n(x.Controller,{name:"xAxis3D.name",control:o,render:({field:d})=>n(a.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...d})})]}),n(a.Text,{mt:"lg",children:"Y Axis"}),c(a.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[n(x.Controller,{name:"y_axis_data_key",control:o,render:({field:d})=>n(W,{label:"Data Field",required:!0,data:i,...d})}),n(x.Controller,{name:"yAxis3D.name",control:o,render:({field:d})=>n(a.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...d})})]}),n(a.Text,{mt:"lg",children:"Z Axis"}),c(a.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[n(x.Controller,{name:"z_axis_data_key",control:o,render:({field:d})=>n(W,{label:"Data Field",required:!0,data:i,...d})}),n(x.Controller,{name:"zAxis3D.name",control:o,render:({field:d})=>n(a.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...d})})]}),n(a.Group,{position:"center",mt:"xl",grow:!0,sx:{width:"60%"},mx:"auto",children:c(a.Button,{color:"blue",type:"submit",children:[n(k.DeviceFloppy,{size:20}),n(a.Text,{ml:"md",children:"Save"})]})})]})}):null}class dl extends fe{constructor(){super(...arguments);P(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const cl={displayName:"Bar Chart (3D)",displayGroup:"ECharts-based charts",migrator:new dl,name:"bar-3d",viewRender:ol,configRender:ul,createConfig(){return{version:1,config:v.cloneDeep(kn)}}},Se={mantissa:0,output:"number",trimMantissa:!1,average:!1};function pl({value:e,onChange:t},r){const i=l=>{t({...e,output:l})},s=l=>{const d=l===0?!1:e.trimMantissa;t({...e,mantissa:l,trimMantissa:d})},o=l=>{t({...e,trimMantissa:l.currentTarget.checked})},u=l=>{t({...e,average:l.currentTarget.checked})};return c(a.Stack,{ref:r,children:[c(a.Group,{grow:!0,children:[n(a.Select,{label:"Format",data:[{label:"1234",value:"number"},{label:"99%",value:"percent"}],value:e.output,onChange:i,sx:{flexGrow:1}}),n(a.Switch,{label:c(a.Stack,{spacing:0,children:[n(a.Text,{children:"Average"}),n(a.Text,{size:12,color:"gray",children:"like 1.234k, 1.234m"})]}),checked:e.average,onChange:u,disabled:e.output!=="number",sx:{flexGrow:1},styles:{root:{alignSelf:"flex-end"},body:{alignItems:"center"},label:{display:"block"}}})]}),c(a.Group,{grow:!0,children:[n(a.NumberInput,{label:"Mantissa",defaultValue:0,min:0,step:1,max:4,value:e.mantissa,onChange:s}),n(a.Switch,{label:"Trim mantissa",checked:e.trimMantissa,onChange:o,disabled:e.mantissa===0,styles:{root:{alignSelf:"flex-end"},body:{alignItems:"center"}}})]}),c(a.Stack,{spacing:0,children:[n(a.Text,{weight:"bold",children:"Preview"}),n(ke,{children:c(a.Group,{position:"apart",children:[c(a.Text,{size:12,color:"gray",children:["123456789 ",n(k.ArrowRight,{size:9})," ",te(123456789).format(e)]}),c(a.Text,{size:12,color:"gray",children:["1234 ",n(k.ArrowRight,{size:9})," ",te(1234).format(e)]}),c(a.Text,{size:12,color:"gray",children:["0.1234 ",n(k.ArrowRight,{size:9})," ",te(.1234).format(e)]})]})})]})]})}const Oe=m.forwardRef(pl),Ge={enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
+`)},ia={id:"builtin:echarts:click-echart:series",displayName:"Click Chart Series",nameRender:fl,configRender:hl,payload:[{name:"type",description:"Always 'click'",valueType:"string"},{name:"seriesType",description:"'boxplot'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"Record of 'name', 'min', 'q1', 'median', 'q3', 'max'",valueType:"object"},{name:"rowData",description:"Data of the row",valueType:"object"}]};function hl(e){return n(B,{})}function fl(e){return n(a.Text,{children:"Click chart's series"})}const gl=[{label:"Truncate",value:"truncate"},{label:"Break Line",value:"break"},{label:"Break Word",value:"breakAll"}],Wt=m.forwardRef(({sectionTitle:e,value:t,onChange:r},i)=>{const s=o=>u=>{const l=v.cloneDeep(t);v.set(l,o,u),r(l)};return c(a.Stack,{spacing:0,children:[e&&n(a.Divider,{mb:-5,mt:5,variant:"dotted",label:e,labelPosition:"right",labelProps:{color:"dimmed"}}),c(a.Group,{grow:!0,noWrap:!0,children:[n(a.NumberInput,{label:"Max Width",hideControls:!0,value:t.width,onChange:s("width")}),n(a.Select,{label:"Overflow",data:gl,value:t.overflow,onChange:s("overflow")}),n(a.TextInput,{label:"Ellipsis",value:t.ellipsis,disabled:!0})]})]})}),Je=m.forwardRef(({value:e,onChange:t},r)=>{const i=o=>{t({...e,on_axis:o})},s=o=>{t({...e,in_tooltip:o})};return c(a.Stack,{ref:r,spacing:0,children:[n(Wt,{sectionTitle:"Overflow on Axis",value:e.on_axis,onChange:i}),n(Wt,{sectionTitle:"Overflow in Tooltip",value:e.in_tooltip,onChange:s})]})}),Ve={on_axis:{width:80,overflow:"truncate",ellipsis:"..."},in_tooltip:{width:200,overflow:"break",ellipsis:"..."}};function He({overflow:e,width:t}){const r={truncate:"initial",break:"break-all",breakAll:"break-word"}[e],i=e==="truncate"?"nowrap":"initial",s={truncate:"ellipsis",break:"clip",breakAll:"clip"}[e];return`
     max-width: ${t}px;
     word-break: ${r};
     white-space: ${i};
     overflow: hidden;
     text-overflow: ${s};
-  `}function Re(e){return{width:e.width,overflow:e.overflow,ellipsis:e.ellipsis}}const Dn={x_axis:{name:"X Axis",data_key:"",axisLabel:{rotate:0,formatter:{...Ge},overflow:Ve}},y_axis:{name:"Y Axis",data_key:"value",label_formatter:Se},color:"#228be6",reference_lines:[]};function ut({enabled:e,func_content:t}){return(r,i)=>{if(!e)return r;try{return new Function(`return ${t}`)()(r,i)}catch(s){return console.error(`[getEchartsXAxisLabel] failed parsing custom function, error: ${s.message}`),r}}}function gl(e,t){return Object.entries(e).map(([i,s])=>{const o=s.map(C=>C[t]).sort((C,S)=>C-S),u=vt.quantile(o,.25)??0,l=vt.quantile(o,.5)??0,d=vt.quantile(o,.75)??0,p=d-u,f=u-1.5*p,g=d+1.5*p,h=Math.max(o[0],f),b=Math.min(v.last(o)??0,g),w=o.filter(C=>C<h||C>b).map(C=>[i,C]);return{name:i,min:h,q1:u,median:l,q3:d,max:b,outliers:w}})}function ml(e,t){const{x_axis:r,y_axis:i}=e,s=v.groupBy(t,r.data_key),o=gl(s,i.data_key),u=o.map(l=>l.outliers).flat();return[{source:o},{source:u}]}function bl({config:e}){return{show:!0,top:0,right:10,type:"scroll",data:[{name:"Box",icon:"roundRect",itemStyle:{color:e.color}},{name:"Outlier",icon:"circle",itemStyle:{color:"#2F8CC0"}}]}}const In=["max","q3","median","q1","min"];function yl(e){const{color:t}=e;return[{name:"Box",type:"boxplot",itemStyle:{color:t,borderColor:"#2F8CC0",borderWidth:2},emphasis:{disabled:!0},boxWidth:[10,40],datasetIndex:0,encode:{y:In,x:"name",itemName:["name"],tooltip:In}},{name:"Outlier",type:"scatter",symbolSize:5,itemStyle:{color:"#2F8CC0"},emphasis:{scale:2},datasetIndex:1}]}function vl(e,t){return`
+  `}function Ye(e){return{width:e.width,overflow:e.overflow,ellipsis:e.ellipsis}}const Dn={x_axis:{name:"X Axis",data_key:"",axisLabel:{rotate:0,formatter:{...Ge},overflow:Ve}},y_axis:{name:"Y Axis",data_key:"value",label_formatter:Se},color:"#228be6",reference_lines:[]};function ut({enabled:e,func_content:t}){return(r,i)=>{if(!e)return r;try{return new Function(`return ${t}`)()(r,i)}catch(s){return console.error(`[getEchartsXAxisLabel] failed parsing custom function, error: ${s.message}`),r}}}function ml(e,t){return Object.entries(e).map(([i,s])=>{const o=s.map(C=>C[t]).sort((C,S)=>C-S),u=vt.quantile(o,.25)??0,l=vt.quantile(o,.5)??0,d=vt.quantile(o,.75)??0,p=d-u,f=u-1.5*p,g=d+1.5*p,h=Math.max(o[0],f),b=Math.min(v.last(o)??0,g),w=o.filter(C=>C<h||C>b).map(C=>[i,C]);return{name:i,min:h,q1:u,median:l,q3:d,max:b,outliers:w}})}function bl(e,t){const{x_axis:r,y_axis:i}=e,s=v.groupBy(t,r.data_key),o=ml(s,i.data_key),u=o.map(l=>l.outliers).flat();return[{source:o},{source:u}]}function yl({config:e}){return{show:!0,top:0,right:10,type:"scroll",data:[{name:"Box",icon:"roundRect",itemStyle:{color:e.color}},{name:"Outlier",icon:"circle",itemStyle:{color:"#2F8CC0"}}]}}const In=["max","q3","median","q1","min"];function vl(e){const{color:t}=e;return[{name:"Box",type:"boxplot",itemStyle:{color:t,borderColor:"#2F8CC0",borderWidth:2},emphasis:{disabled:!0},boxWidth:[10,40],datasetIndex:0,encode:{y:In,x:"name",itemName:["name"],tooltip:In}},{name:"Outlier",type:"scatter",symbolSize:5,itemStyle:{color:"#2F8CC0"},emphasis:{scale:2},datasetIndex:1}]}function xl(e,t){return`
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
       <div style="${He(e.x_axis.axisLabel.overflow.in_tooltip)}">${t[0]}</div>
     </div>
@@ -43,20 +43,20 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
         </tr>
       </tbody>
     </table>
-  `}function xl(e){const{outliers:t,min:r,max:i}=e,s=t.filter(l=>l[1]<r).length,o=t.filter(l=>l[1]>i).length,u=(l,d)=>`
+  `}function Cl(e){const{outliers:t,min:r,max:i}=e,s=t.filter(l=>l[1]<r).length,o=t.filter(l=>l[1]>i).length,u=(l,d)=>`
     <tr>
       <th style="text-align: right; padding: 0 1em;">${l}</th>
       <td style="text-align: left; padding: 0 1em;">
         ${d}
       </td>
     </tr>
-  `;return{greater:u("Outliers ⬆",o),less:u("Outliers ⬇",s)}}const Cl=e=>t=>{const{componentSubType:r,value:i}=t;if(r==="scatter")return vl(e,i);const s=In.map(d=>`
+  `;return{greater:u("Outliers ⬆",o),less:u("Outliers ⬇",s)}}const wl=e=>t=>{const{componentSubType:r,value:i}=t;if(r==="scatter")return xl(e,i);const s=In.map(d=>`
     <tr>
       <th style="text-align: right; padding: 0 1em;">${v.capitalize(d)}</th>
       <td style="text-align: left; padding: 0 1em;">
         ${te(i[d]).format(e.y_axis.label_formatter)}
       </td>
-    </tr>`),o=xl(i);return s.unshift(o.greater),s.push(o.less),`
+    </tr>`),o=Cl(i);return s.unshift(o.greater),s.push(o.less),`
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
       <div style="${He(e.x_axis.axisLabel.overflow.in_tooltip)}">${i.name}</div>
     </div>
@@ -65,14 +65,14 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
         ${s.join("")}
       </tbody>
     </table>
-  `};function wl({config:e}){return{trigger:"item",confine:!0,formatter:Cl(e)}}const _t=m.forwardRef(function({value:t,onChange:r,...i},s){return n(a.TextInput,{ref:s,value:t,onChange:r,...i})}),_l=[{label:"None",value:"none"},{label:"Sum",value:"sum"},{label:"Mean",value:"mean"},{label:"Median",value:"median"},{label:"Max",value:"max"},{label:"Min",value:"min"},{label:"Coefficient of Variation",value:"CV"},{label:"Standard Variation",value:"std"},{label:"Quantile(99%, 95%, ...)",value:"quantile"}];function Sl({label:e,value:t,onChange:r,pt:i="sm"},s){m.useEffect(()=>{typeof t=="string"&&(console.log(t),r({type:t,config:{}}))},[t,r]);const o=l=>{r(l==="quantile"?{type:"quantile",config:{p:.99}}:{type:l,config:{}})},u=l=>{r({type:"quantile",config:{p:l}})};return c(a.Group,{grow:!0,noWrap:!0,pt:i,children:[n(a.Select,{ref:s,label:e,data:_l,value:t.type,onChange:o}),t.type==="quantile"&&n(a.NumberInput,{label:"p",value:t.config.p,onChange:u,precision:2,min:.05,step:.05,max:1})]})}const jt=m.forwardRef(Sl);function Tl({label:e,value:t,onChange:r},i){const[s,o]=m.useState(Array.isArray(t)?[...t]:[]),u=m.useCallback(()=>{o(h=>[...h,""])},[o]),l=m.useCallback(h=>{o(b=>(b.splice(h,1),[...b]))},[o]),d=m.useMemo(()=>!v.isEqual(s,t),[s,t]),p=()=>{r(s.map(h=>h.toString()))},f=a.useMantineTheme(),g=m.useMemo(()=>Object.entries(f.colors).map(([h,b])=>b[6]),[f]);return c(B,{children:[c(a.Group,{position:"left",ref:i,children:[n(a.Text,{children:e}),n(a.ActionIcon,{mr:5,variant:"filled",color:"blue",disabled:!d,onClick:p,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Group,{children:[s.map((h,b)=>n(a.ColorInput,{value:h,onChange:w=>{o(C=>(C.splice(b,1,w),[...C]))},swatches:g,rightSection:n(a.ActionIcon,{onClick:()=>l(b),color:"red",children:n(k.Trash,{size:14})}),sx:{width:"45%"}})),n(a.ActionIcon,{onClick:u,color:"blue",variant:"outline",children:n(k.PlaylistAdd,{size:20})})]})]})}const kl=m.forwardRef(Tl);function Dl({value:e,onChange:t},r){const{colorManager:i}=m.useContext(qe),s=m.useMemo(()=>i.getStaticColors().map(l=>({label:l.name,group:l.category,value:l.value})),[i]),o=m.useMemo(()=>s.some(u=>u.value===e),[e,s]);return c(a.Group,{position:"apart",spacing:4,ref:r,children:[n(a.TextInput,{placeholder:"Set any color",value:o?"":e,onChange:u=>t(u.currentTarget.value),rightSection:n(a.ColorSwatch,{color:o?"transparent":e,radius:4}),variant:o?"filled":"default",sx:{maxWidth:"46%",flexGrow:1}}),n(a.Text,{sx:{flexGrow:0},children:"or"}),n(a.Select,{data:s,value:e,onChange:t,variant:o?"default":"filled",placeholder:"Pick a theme color",icon:n(a.ColorSwatch,{color:o?e:"transparent",radius:4}),sx:{maxWidth:"46%",flexGrow:1}})]})}const De=m.forwardRef(Dl),Yt=[{label:"initial",value:0},{label:"500",value:25},{label:"700",value:50},{label:"semibold",value:75},{label:"bold",value:100}];function Il({label:e,value:t,onChange:r},i){var u;const[s,o]=m.useState(((u=Yt.find(l=>l.label===t))==null?void 0:u.value)??Yt[0].value);return m.useEffect(()=>{const l=Yt.find(d=>d.value===s);l&&r(l.label)},[s]),c(a.Stack,{spacing:0,mt:"sm",mb:"lg",children:[n(a.Text,{size:"sm",children:e}),n(a.Slider,{label:null,marks:Yt,value:s,onChange:o,step:25,placeholder:"Pick a font size",px:"1em",ref:i})]})}const ia=m.forwardRef(Il);function Ml({label:e,value:t,onChange:r,type:i},s){const[o,u]=m.useState(Array.isArray(t)?[...t]:[]),l=m.useCallback(()=>{u(g=>[...g,""])},[u]),d=m.useCallback(g=>{u(h=>(h.splice(g,1),[...h]))},[u]),p=m.useMemo(()=>!v.isEqual(o.map(String),t.map(String)),[o,t]),f=()=>{r(o.map(g=>i==="number"?Number(g):g.toString()))};return c(B,{children:[c(a.Group,{position:"left",ref:s,children:[n(a.Text,{children:e}),n(a.ActionIcon,{mr:5,variant:"filled",color:"blue",disabled:!p,onClick:f,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Group,{children:[o.map((g,h)=>n(a.TextInput,{type:i,value:g,onChange:b=>{const w=b.currentTarget.value;u(C=>(C.splice(h,1,w),[...C]))},rightSection:n(a.ActionIcon,{onClick:()=>d(h),color:"red",children:n(k.Trash,{size:14})}),sx:{width:"45%"}})),n(a.ActionIcon,{onClick:l,color:"blue",variant:"outline",children:n(k.PlaylistAdd,{size:20})})]})]})}const Al=m.forwardRef(Ml),aa=m.forwardRef(function({value:t,onChange:r},i){const s=t.color.type,o=(u,l)=>{const d=v.cloneDeep(t);v.set(d,u,l),r(d)};return c(B,{children:[n(a.Divider,{my:"xs",label:"Typography",labelPosition:"center"}),n(a.Stack,{children:n(a.TextInput,{label:"Font Size",placeholder:"10px, 1em, 1rem, 100%...",sx:{flex:1},value:t.size,onChange:u=>o("size",u.currentTarget.value)})}),n(a.Group,{position:"apart",grow:!0,sx:{"> *":{flexGrow:1,maxWidth:"100%"}},children:n(ia,{label:"Font Weight",value:t.weight,onChange:u=>o("weight",u)})}),n(a.Divider,{my:"xs",label:"Style",labelPosition:"center"}),c(a.Stack,{children:[n(a.Select,{label:"Color Type",data:[{label:"Static Color",value:"static"},{label:"Continuous Color",value:"continuous"}],value:t.color.type,onChange:u=>o("color.type",u)}),s==="static"&&n(De,{value:t.color.staticColor,onChange:u=>o("color.staticColor",u)}),s==="continuous"&&c(B,{children:[n(Al,{label:"Value Range",value:t.color.valueRange,type:"number",onChange:u=>o("color.valueRange",u)}),n(kl,{label:"Color Range",value:t.color.colorRange,onChange:u=>o("color.colorRange",u)})]})]})]})});m.forwardRef(function({value:t,onChange:r,data:i,withStyle:s=!0},o){const u=(l,d)=>{const p=v.cloneDeep(t);v.set(p,l,d),r(p)};return c(a.Box,{px:"sm",py:"md",ref:o,children:[n(a.Text,{weight:"bold",pb:0,children:t.name}),n(a.Divider,{my:"xs",label:"Data",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(a.TextInput,{label:"Name",required:!0,value:t.name,onChange:l=>u("name",l.currentTarget.value)}),n(W,{label:"Data Field",required:!0,data:i,value:t.data_field,onChange:l=>u("data_field",l)})]}),n(jt,{label:"Aggregation",value:t.aggregation,onChange:l=>u("aggregation",l)}),n(a.Divider,{my:"xs",label:"Format",labelPosition:"center"}),n(Oe,{value:t.formatter,onChange:l=>u("formatter",l)}),s&&n(aa,{value:t,onChange:r})]})});const St={type:"none",config:{}};function $l(e){const t=Array.from(e).sort((i,s)=>i-s),r=Math.floor(t.length/2);return t.length%2===0?(t[r-1]+t[r])/2:t[r]}function zl(e,t){const r=e[t],i=Number(r);return isFinite(i)?i:0}function Tt(e,t,r){try{const i=e.map(s=>zl(s,t));switch(r.type){case"sum":return v.sum(i);case"mean":return v.mean(i);case"median":return $l(i);case"max":return v.max(i)??0;case"min":return v.min(i)??0;case"quantile":return vt.quantile(i,r.config.p)??0;case"CV":const s=Nt.std(...i),o=Nt.mean(...i);return o?s/o:"N/A";case"std":return Nt.std(...i);default:return i}}catch(i){return console.error(i),null}}class El{constructor({valueRange:t,colorRange:r}){O(this,"mapper");this.mapper=st.interpolate(t,r)}getColor(t){return this.mapper(t)}}function Ll(e){return e===null?"null":e===void 0?"undefined":Array.isArray(e)?`Array(${e.length})`:e.toString()}function dt({data_field:e,aggregation:t},r){return Tt(r,e,t)}function et({formatter:e},t){if(!["string","number"].includes(typeof t))return Ll(t);try{return te(t).format(e)}catch(r){return console.error(r),t}}function Pl(e,t){if(e.type==="static")return e.staticColor;if(e.type==="continuous")try{if(typeof t!="number")throw new Error(`[getColorByColorConf] Invalid type of aggregated value: ${t}`);return new El(e).getColor(t)}catch(r){return console.error(r),"black"}return"black"}function sa(e,t){const{color:r,data_field:i,aggregation:s,size:o,weight:u}=e,l=Tt(t,i,s),d=et(e,l);return n(a.Text,{sx:{fontSize:o,display:"inline"},color:Pl(r,l),weight:u,children:d})}function Ol(e,t){const r={};return e.forEach(i=>{const s=i.name;r[s]=sa(i,t)}),r}function Vl(e){return e.split(" ").map((t,r)=>c(m.Fragment,{children:[t," "]},r))}function Bl(e){const r=e.replaceAll("<br />","<br/>").replaceAll(`
-`,"<br/>").split("<br/>");return r.map((s,o)=>{const u=[Vl(s)];return o!==r.length-1&&u.push(n("br",{})),u}).flat().filter(s=>s!==void 0)}function Mn(e){return Bl(e)}function kt(e,t,r){const i=Ol(t,r),s=/^\{(.+)\}(.*)$/;return e.split("$").map(o=>{const u=s.exec(o);if(!u)return Mn(o);const l=i[u[1]];if(!l)return Mn(o);const d=u[2]??"";return c(m.Fragment,{children:[l,Mn(d)]},o)})}function Nl(e,t){const r={};return e.forEach(i=>{const{name:s,data_field:o,aggregation:u}=i,l=Tt(t,o,u);r[s]=et(i,l)}),r}function Rt(e,t,r){const i=Nl(t,r),s=/^\{(.+)\}(.*)$/;return e.split("$").map(o=>{const u=s.exec(o);if(!u)return o;const l=i[u[1]];if(!l)return o;const d=u[2]??"";return`${l}${d}`}).join("")}function Gl(e,t,r){const i=t.reduce((s,o)=>{const u=dt(o,r);return s[o.name]=et(o,u),s},{});return e.map(s=>({name:"refs",type:"scatter",data:[],markLine:{data:[{name:s.name,yAxis:Number(i[s.variable_key])}],silent:!0,symbol:["none","none"],label:{formatter:function(){return Rt(s.template,t,r)},position:"insideEndTop"}}}))}function ql({config:e,data:t,variables:r}){const{x_axis:i,y_axis:s,reference_lines:o}=e,u=ml(e,t),l=Re(i.axisLabel.overflow.on_axis),d=yl(e);return{grid:{top:30,left:20,right:15,bottom:25,containLabel:!0},dataset:u,legend:bl({config:e}),tooltip:wl({config:e}),xAxis:[{type:"category",name:i.name,nameGap:25,nameLocation:"center",nameTextStyle:{fontWeight:"bold",align:"center"},axisTick:{show:!0,alignWithLabel:!0},axisLabel:{...i.axisLabel,...l,formatter:ut(i.axisLabel.formatter)}}],yAxis:[{name:s.name,nameTextStyle:{fontWeight:"bold"},axisLine:{show:!0},axisLabel:{formatter:function(p){return te(p).format(s.label_formatter)}}}],series:[...d,...Gl(o,r,t)]}}le.use([N.DataZoomComponent,de.BoxplotChart,N.MarkLineComponent,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function Fl({context:e,instance:t}){const{value:r}=F(e.instanceData,"config"),{variables:i}=e,s=e.data,{width:o,height:u}=e.viewport,l=v.defaults({},r,Dn),d=Fe({vizManager:e.vizManager,instance:t}),p=Ne(d.triggerManager,ra.id),f=m.useMemo(()=>v.keyBy(s,l.x_axis.data_key),[s,l.x_axis.data_key]),g=m.useCallback(w=>{const C=v.get(f,w.name,{error:"rowData is not found"});p.forEach(S=>{d.runInteraction(S.id,{...w,rowData:C})})},[f,p,d]),h=m.useMemo(()=>({click:g}),[g]),b=m.useMemo(()=>ql({config:l,data:s,variables:i}),[l,s,i]);return!r||!o||!u?null:n(Ae,{echarts:le,option:b,style:{width:o,height:u},onEvents:h,notMerge:!0,theme:"merico-light"})}function Wl({control:e,index:t,remove:r,variableOptions:i}){return c(a.Stack,{my:0,p:"md",pr:40,sx:{border:"1px solid #eee",position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",placeholder:"Average Reference Line",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:s})=>n(a.Select,{label:"Value",required:!0,data:i,sx:{flex:1},...s})})]}),n(x.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:s})=>n(a.TextInput,{label:"Content Template",placeholder:"Average: ${avg}",required:!0,sx:{flex:1},...s})}),n(a.ActionIcon,{color:"red",variant:"subtle",onClick:()=>r(t),sx:{position:"absolute",top:15,right:5},children:n(k.Trash,{size:16})})]},t)}function jl({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_lines"}),u=t("reference_lines"),l=i.map((f,g)=>({...f,...u[g]})),d=()=>s({name:"",template:"",variable_key:""}),p=m.useMemo(()=>r.map(f=>({label:f.name,value:f.name})),[r]);return c(a.Stack,{children:[l.map((f,g)=>n(Wl,{control:e,index:g,remove:o,variableOptions:p})),n(a.Group,{position:"center",mt:"xs",children:n(a.Button,{onClick:d,children:"Add a Reference Line"})})]})}const Yl=({disabled:e,value:t,onChange:r})=>{const i=s=>{s&&r(s)};return c(a.Box,{sx:{position:"relative"},children:[e&&n(a.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),n(_e,{height:"500px",defaultLanguage:"javascript",value:t,onChange:i,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})},Qt=m.forwardRef(({value:e,onChange:t},r)=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e);m.useEffect(()=>{l(e)},[e]);const d=b=>{l({...u,enabled:b})},p=()=>{o();const{enabled:b,func_content:w}=u,C={enabled:b,func_content:w};l(C),t(C)},f=()=>{o(),l(e)},g=b=>{l(w=>({...w,func_content:b}))},h=()=>{g(Ge.func_content)};return c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Customize Label"}),n(a.Modal,{size:800,title:"Customize label content",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Checkbox,{mt:10,label:"Enabled",checked:u.enabled,onChange:b=>d(b.currentTarget.checked)}),n(Yl,{value:u.func_content,onChange:g,disabled:!u.enabled}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:h,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:f,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:p,children:"OK"})]})]})]})})]})}),Rl=({control:e,data:t,watch:r})=>(r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.name",control:e,render:({field:i})=>n(a.TextInput,{label:"X Axis Name",sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.data_key",control:e,render:({field:i})=>n(W,{label:"X Axis Data Field",required:!0,data:t,sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Tick Label",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:e,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:e,render:({field:i})=>n(Qt,{data:t,...i})})]}),n(x.Controller,{name:"x_axis.axisLabel.overflow",control:e,render:({field:i})=>n(Je,{...i})})]})),Ql=({control:e,data:t,watch:r})=>(r(["y_axis"]),c(B,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"y_axis.name",control:e,render:({field:i})=>n(a.TextInput,{label:"Y Axis Name",sx:{flex:1},...i})}),n(x.Controller,{name:"y_axis.data_key",control:e,render:({field:i})=>n(W,{label:"Y Axis Data Field",required:!0,data:t,sx:{flex:1},...i})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Label Format",labelPosition:"center"}),n(x.Controller,{name:"y_axis.label_formatter",control:e,render:({field:i})=>n(Oe,{...i})})]})]}));function Ul({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,{variables:s}=e,o=m.useMemo(()=>v.defaults({},t,Dn),[t]),{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]),d(["x_axis","y_axis","reference_lines","color"]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,t),[g,t]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X Axis"}),n(a.Tabs.Tab,{value:"Y Axis",children:"Y Axis"}),n(a.Tabs.Tab,{value:"Style",children:"Style"}),n(a.Tabs.Tab,{value:"Reference Lines",children:"Reference Lines"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(Rl,{control:u,data:i,watch:d})}),n(a.Tabs.Panel,{value:"Y Axis",children:n(Ql,{control:u,data:i,watch:d})}),n(a.Tabs.Panel,{value:"Style",children:c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:"color",control:u,render:({field:b})=>n(De,{...b})})]})}),n(a.Tabs.Panel,{value:"Reference Lines",children:n(jl,{variables:s,control:u,watch:d})})]})]})})}function Xl(e){return v.omit(e,"variables")}function Zl(e){const{label_formatter:t=Se,...r}=e.y_axis;return{...e,y_axis:{...r,label_formatter:t}}}function Kl(e){const t={rotate:0,formatter:{...Ge}},{axisLabel:r=t,...i}=e.x_axis;return{...e,x_axis:{...i,axisLabel:r}}}function Jl(e){const t={x_axis:{axisLabel:{overflow:{x_axis:{width:80,overflow:"truncate",ellipsis:"..."},tooltip:{width:200,overflow:"break",ellipsis:"..."}}}}};return v.defaultsDeep(t,e)}function Hl(e){delete e.config;const{x_axis:t,tooltip:r}=e.x_axis.axisLabel.overflow,i={x_axis:{axisLabel:{overflow:{on_axis:t,in_tooltip:r}}}};return v.defaultsDeep(i,e)}class eu extends fe{constructor(){super(...arguments);O(this,"VERSION",6)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,(r,{panelModel:i})=>{const{config:s}=r;return(s.variables||[]).forEach(u=>{i.variables.find(l=>l.name===u.name)||i.addVariable(u)}),{...r,version:2,config:Xl(s)}}),this.version(3,r=>{const{config:i}=r;return{...r,version:3,config:Zl(i)}}),this.version(4,r=>{const{config:i}=r;return{...r,version:4,config:Kl(i)}}),this.version(5,r=>{const{config:i}=r;return{...r,version:5,config:Jl(i)}}),this.version(6,r=>{const{config:i}=r;return{...r,version:6,config:Hl(i)}})}}const tu={displayName:"Boxplot Chart",displayGroup:"ECharts-based charts",migrator:new eu,name:"boxplot",viewRender:Fl,configRender:Ul,createConfig(){return{version:6,config:v.cloneDeep(Dn)}},triggers:[ra]},oa={id:"builtin:button:click-button",displayName:"Click Button",nameRender:ru,configRender:nu,payload:[]};function nu(e){return n(B,{})}function ru(e){return n(a.Text,{children:"Click this button"})}const An={content:"Button",variant:"filled",color:"blue",size:"xs",compact:!1,horizontal_align:"left",vertical_align:"center"},iu={left:"flex-start",center:"center",right:"flex-end"},au={top:"flex-start",center:"center",bottom:"flex-end"},su=T.observer(({context:e,instance:t})=>{const r=Fe({vizManager:e.vizManager,instance:t}),i=Ne(r.triggerManager,oa.id),s=Y(),{value:o}=F(e.instanceData,"config"),u=m.useMemo(()=>v.defaultsDeep({},o,An),[o]),{content:l,horizontal_align:d,vertical_align:p,...f}=u,{width:g,height:h}=e.viewport,b={filters:s.payloadForSQL.filterValues,context:s.payloadForSQL.context},w=()=>{i.forEach(C=>{r.runInteraction(C.id,{})})};return n(a.Center,{sx:{width:g,height:h,justifyContent:iu[d],alignItems:au[p]},children:n(a.Button,{...f,onClick:w,children:v.template(l)(b)})})}),ou=({value:e,onChange:t,label:r})=>{const i=a.useMantineTheme(),s=m.useCallback(u=>()=>t(u),[t]),o=u=>e===u;return c(a.Stack,{spacing:2,children:[n(a.Text,{size:14,sx:{fontWeight:500},children:r}),n(a.Group,{position:"left",spacing:"xs",children:Object.keys(i.colors).map(u=>{const l=i.colors[u][6];return n(a.ColorSwatch,{color:l,onClick:s(u),radius:4,size:26,sx:{cursor:"pointer"},children:o(u)&&n(a.CheckIcon,{width:10,color:"white"})},u)})})]})},lu=a.MANTINE_SIZES.map(e=>({label:e.toUpperCase(),value:e})),uu=({label:e,value:t,onChange:r})=>n(a.Select,{data:lu,label:e,value:t,onChange:r}),du=[{label:"Filled",value:"filled"},{label:"Outline",value:"outline"},{label:"Light",value:"light"},{label:"White",value:"white"},{label:"Default",value:"default"},{label:"Subtle",value:"subtle"},{label:"Gradient",value:"gradient",disabled:!0}],cu=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],pu=[{label:"Top",value:"top"},{label:"Center",value:"center"},{label:"Bottom",value:"bottom"}];function hu({context:e}){const{value:t,set:r}=F(e.instanceData,"config");e.data;const i=m.useMemo(()=>v.defaultsDeep({},t,An),[t]),s=i;m.useEffect(()=>{!v.isEqual(i,s)&&(console.log("config malformed, resetting to defaults",i,s),r(s))},[i,s]);const{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,i),[f,i]);return l(["content","variant","color","size","compact","horizontal_align","vertical_align"]),c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Stack,{children:[n(x.Controller,{control:o,name:"content",render:({field:h})=>n(a.TextInput,{label:"Content Template",description:"Filter values & context entries are supported",...h,required:!0})}),n(a.Divider,{mt:"xs",mb:0,label:"Styles",labelPosition:"center",variant:"dashed"}),c(a.SimpleGrid,{cols:2,children:[n(x.Controller,{control:o,name:"variant",render:({field:h})=>n(a.Select,{label:"Variant",data:du,...h})}),n(x.Controller,{control:o,name:"color",render:({field:h})=>n(ou,{label:"Theme",...h})})]}),c(a.SimpleGrid,{cols:2,children:[n(x.Controller,{control:o,name:"size",render:({field:h})=>n(uu,{label:"Size",...h})}),n(x.Controller,{control:o,name:"compact",render:({field:h})=>n(a.Checkbox,{label:"Compact",checked:h.value,onChange:b=>h.onChange(b.currentTarget.checked),mt:26})})]}),c(a.SimpleGrid,{cols:2,children:[n(x.Controller,{control:o,name:"horizontal_align",render:({field:h})=>n(a.Select,{label:"Horizontal Alignment",data:cu,...h})}),n(x.Controller,{control:o,name:"vertical_align",render:({field:h})=>n(a.Select,{label:"Vertical Alignment",data:pu,...h})})]})]})]})}class fu extends fe{constructor(){super(...arguments);O(this,"VERSION",2)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>{const{horizontal_align:i="left",vertical_align:s="center",...o}=r.config;return{...r,version:2,config:{...o,horizontal_align:i,vertical_align:s}}})}}const gu={displayName:"Button",displayGroup:"Others",migrator:new fu,name:"button",viewRender:su,configRender:hu,createConfig(){return{version:2,config:v.cloneDeep(An)}},triggers:[oa]},$n={id:"builtin:echarts:click-echart:series",displayName:"Click Chart Series",nameRender:bu,configRender:mu,payload:[{name:"seriesType",description:"'line' | 'scatter' | 'bar'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]};function mu(e){return n(B,{})}function bu(e){return n(a.Text,{children:"Click chart's series"})}const ct={x_axis_scroll:!1,y_axis_scroll:!1,x_axis_slider:!1,y_axis_slider:!1},zn={regressions:[],series:[],stats:{templates:{bottom:"",top:""}},x_axis:{axisLabel:{rotate:0,formatter:{...Ge},overflow:Ve}},x_axis_data_key:"",x_axis_name:"",y_axes:[{min:"",max:"",name:"Y Axis",show:!0,position:"left",nameAlignment:"center",label_formatter:Se}],reference_lines:[],reference_areas:[],dataZoom:ct};function En(e){const t=[];return e.x_axis_scroll&&t.push({type:"inside",xAxisIndex:[0],filterMode:"none",minSpan:1}),e.y_axis_scroll&&t.push({type:"inside",yAxisIndex:[0],filterMode:"none",minSpan:1}),e.x_axis_slider&&t.push({type:"slider",xAxisIndex:[0],filterMode:"none",bottom:"auto",top:0,height:15,moveHandleSize:0,showDataShadow:!1,minSpan:1}),t}function yu(e){const t=e.y_axes.some(s=>!!s.name);let r=10;t&&(r+=20),e.dataZoom.x_axis_slider&&(r+=20);let i=5;return e.x_axis_name&&(i+=15),e.series.some(s=>!s.hide_in_legend)&&(i+=20),{top:r,bottom:i}}function vu(e){return e!=="line"?{}:{itemStyle:{opacity:0}}}function xu(e){switch(e){case"line":return;case"bar":return"roundRect";case"scatter":return"circle"}}function Cu(e){const t={show:!0,bottom:0,left:"center",type:"scroll"};return t.data=e.filter(r=>!r.hide_in_legend).map(({name:r,type:i})=>({name:r,icon:xu(i),...vu(i)})),t}function Ut(e,t){switch(e.config.method){case"linear":return[...Ze.regressionLinear()(t)];case"exponential":return[...Ze.regressionExp()(t)];case"logarithmic":return[...Ze.regressionLog()(t)];case"polynomial":return[...Ze.regressionPoly().order(e.config.order)(t)];default:return[]}}function wu(e,t,r,i){const{transform:s,plot:o}=e,u={...o,name:t,data:Ut(s,i),showSymbol:!1,tooltip:{show:!1},smooth:!1,custom:{}};return r&&(u.custom={type:"regression-line",targetSeries:r}),u}function _u({regressions:e=[],x_axis_data_key:t},r){const i=[];if(r.length===0)return i;function s(o,u,l,d){const p=wu(o,u,l,d);i.push(p)}return e.forEach(o=>{const{name:u,group_by_key:l}=o;if(!l||l===t){const p=r.map((f,g)=>[g,Number(f[o.y_axis_data_key])]);s(o,u,"",p);return}const d=v.groupBy(r,l);Object.entries(d).forEach(([p,f])=>{const g=f.map((b,w)=>[w,Number(b[o.y_axis_data_key])]);s(o,p,p,g)})}),i}function Su(e,t){return e.map(r=>({name:"",type:"line",hide_in_legend:!0,data:[],markArea:{itemStyle:{color:r.color},data:[[{yAxis:t[r.y_keys.upper]},{yAxis:t[r.y_keys.lower]}]],silent:!0}}))}function Tu(e,t,r,i){return e.map(s=>{const o=s.orientation==="horizontal",u=o?"yAxis":"xAxis",l=o?"insideEndTop":"end";return{name:s.name,type:"line",hide_in_legend:!s.show_in_legend,yAxisIndex:s.yAxisIndex,data:[],lineStyle:s.lineStyle,markLine:{data:[{name:s.name,[u]:Number(r[s.variable_key])}],silent:!0,symbol:["none","none"],lineStyle:s.lineStyle,label:{formatter:function(){return s.template?Rt(s.template,t,i):""},position:l}}}})}function ku({type:e,...t},r,i,s){if(!e)return 10;if(e==="static"){const{size:l}=t;return l}const{func_content:o}=t,u=v.keyBy(r,i);return(l,d)=>{let p;d.name?p=u[d.name]:p=r[d.dataIndex];try{return new Function(`return ${o}`)()({rowData:p,params:d,variables:s},{lodash:v,interpolate:st.interpolate})}catch(f){return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${f.message}`),10}}}function Ln(e,t,r){return e.map(i=>[i[t],i[r]])}function Du(e,t,r,i){const s=Ln(t,r,i);return v.unionBy(s,e,0)}function Iu({dataTemplate:e,data:t,x_axis_data_key:r,y_axis_data_key:i,valueTypedXAxis:s}){return s?Du(e,t,r,i):t.map(o=>o[i])}function Mu({dataTemplate:e,data:t,aggregation_on_value:r,x_axis_data_key:i,y_axis_data_key:s,valueTypedXAxis:o}){if(!r||r.type==="none")return Iu({dataTemplate:e,data:t,x_axis_data_key:i,y_axis_data_key:s,valueTypedXAxis:o});const u=Ln(t,i,s),l=v.groupBy(u,"0");return Object.entries(l).map(([p,f])=>{const g=Tt(f,"1",r);return[p,g]})}function Au({group_by_key:e,data:t,x_axis_data_key:r,y_axis_data_key:i}){const s=v.groupBy(t,e);return Object.entries(s).forEach(([o,u])=>{s[o]=Ln(u,r,i)}),s}function $u({x_axis_data_key:e},{y_axis_data_key:t,yAxisIndex:r,label_position:i,name:s,group_by_key:o,aggregation_on_value:u,stack:l,color:d,display_name_on_line:p,symbolSize:f,hide_in_legend:g,...h},b,w,C,S,M){const $={label:{show:!!i,position:i,formatter:M[r??"default"]},name:s,xAxisId:"main-x-axis",yAxisIndex:r,stack:l,color:d,symbolSize:ku(f,C,e,S),hide_in_legend:g,labelLayout:{hideOverlap:!0},...h};if(p&&($.endLabel={show:!0,formatter:s,offset:[-12,12],align:"right"}),!o||o===e)return $.data=Mu({dataTemplate:b,data:C,aggregation_on_value:u,x_axis_data_key:e,y_axis_data_key:t,valueTypedXAxis:w}),$;const P=Au({group_by_key:o,data:C,x_axis_data_key:e,y_axis_data_key:t});return Object.entries(P).map(([q,L])=>{const z=v.cloneDeep($);return z.name=q,z.color=void 0,z.data=L,z})}function zu(e,t,r,i,s,o,u){const l=t.map(p=>[p,0]);return e.series.map(p=>$u(e,p,l,r,i,u,s)).flat().concat(Tu(e.reference_lines,o,u,i)).concat(Su(e.reference_areas,u))}function Eu(e,t){const r=e.find(o=>o.axisDim==="x"&&o.axisId==="main-x-axis");if(!r)return"";const{axisValue:i,axisIndex:s}=r;return ut(t.x_axis.axisLabel.formatter)(i,s)}function Lu(e,t,r){const i=t.reduce((s,{yAxisIndex:o,name:u})=>(s[u]=o,s),{});return{formatter:function(s){const o=Array.isArray(s)?s:[s];if(o.length===0)return"";const u=o.map(({seriesName:p,marker:f,value:g})=>{if(Array.isArray(g)&&g.length===2&&(g=g[1]),!p)return g;const h=i[p],b=r[h]??r.default;return`
+  `};function _l({config:e}){return{trigger:"item",confine:!0,formatter:wl(e)}}const _t=m.forwardRef(function({value:t,onChange:r,...i},s){return n(a.TextInput,{ref:s,value:t,onChange:r,...i})}),Sl=[{label:"None",value:"none"},{label:"Sum",value:"sum"},{label:"Mean",value:"mean"},{label:"Median",value:"median"},{label:"Max",value:"max"},{label:"Min",value:"min"},{label:"Coefficient of Variation",value:"CV"},{label:"Standard Variation",value:"std"},{label:"Quantile(99%, 95%, ...)",value:"quantile"}];function Tl({label:e,value:t,onChange:r,pt:i="sm"},s){m.useEffect(()=>{typeof t=="string"&&(console.log(t),r({type:t,config:{}}))},[t,r]);const o=l=>{r(l==="quantile"?{type:"quantile",config:{p:.99}}:{type:l,config:{}})},u=l=>{r({type:"quantile",config:{p:l}})};return c(a.Group,{grow:!0,noWrap:!0,pt:i,children:[n(a.Select,{ref:s,label:e,data:Sl,value:t.type,onChange:o}),t.type==="quantile"&&n(a.NumberInput,{label:"p",value:t.config.p,onChange:u,precision:2,min:.05,step:.05,max:1})]})}const jt=m.forwardRef(Tl);function kl({label:e,value:t,onChange:r},i){const[s,o]=m.useState(Array.isArray(t)?[...t]:[]),u=m.useCallback(()=>{o(h=>[...h,""])},[o]),l=m.useCallback(h=>{o(b=>(b.splice(h,1),[...b]))},[o]),d=m.useMemo(()=>!v.isEqual(s,t),[s,t]),p=()=>{r(s.map(h=>h.toString()))},f=a.useMantineTheme(),g=m.useMemo(()=>Object.entries(f.colors).map(([h,b])=>b[6]),[f]);return c(B,{children:[c(a.Group,{position:"left",ref:i,children:[n(a.Text,{children:e}),n(a.ActionIcon,{mr:5,variant:"filled",color:"blue",disabled:!d,onClick:p,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Group,{children:[s.map((h,b)=>n(a.ColorInput,{value:h,onChange:w=>{o(C=>(C.splice(b,1,w),[...C]))},swatches:g,rightSection:n(a.ActionIcon,{onClick:()=>l(b),color:"red",children:n(k.Trash,{size:14})}),sx:{width:"45%"}})),n(a.ActionIcon,{onClick:u,color:"blue",variant:"outline",children:n(k.PlaylistAdd,{size:20})})]})]})}const Dl=m.forwardRef(kl);function Il({value:e,onChange:t},r){const{colorManager:i}=m.useContext(qe),s=m.useMemo(()=>i.getStaticColors().map(l=>({label:l.name,group:l.category,value:l.value})),[i]),o=m.useMemo(()=>s.some(u=>u.value===e),[e,s]);return c(a.Group,{position:"apart",spacing:4,ref:r,children:[n(a.TextInput,{placeholder:"Set any color",value:o?"":e,onChange:u=>t(u.currentTarget.value),rightSection:n(a.ColorSwatch,{color:o?"transparent":e,radius:4}),variant:o?"filled":"default",sx:{maxWidth:"46%",flexGrow:1}}),n(a.Text,{sx:{flexGrow:0},children:"or"}),n(a.Select,{data:s,value:e,onChange:t,variant:o?"default":"filled",placeholder:"Pick a theme color",icon:n(a.ColorSwatch,{color:o?e:"transparent",radius:4}),sx:{maxWidth:"46%",flexGrow:1}})]})}const De=m.forwardRef(Il),Rt=[{label:"initial",value:0},{label:"500",value:25},{label:"700",value:50},{label:"semibold",value:75},{label:"bold",value:100}];function Ml({label:e,value:t,onChange:r},i){var u;const[s,o]=m.useState(((u=Rt.find(l=>l.label===t))==null?void 0:u.value)??Rt[0].value);return m.useEffect(()=>{const l=Rt.find(d=>d.value===s);l&&r(l.label)},[s]),c(a.Stack,{spacing:0,mt:"sm",mb:"lg",children:[n(a.Text,{size:"sm",children:e}),n(a.Slider,{label:null,marks:Rt,value:s,onChange:o,step:25,placeholder:"Pick a font size",px:"1em",ref:i})]})}const aa=m.forwardRef(Ml);function Al({label:e,value:t,onChange:r,type:i},s){const[o,u]=m.useState(Array.isArray(t)?[...t]:[]),l=m.useCallback(()=>{u(g=>[...g,""])},[u]),d=m.useCallback(g=>{u(h=>(h.splice(g,1),[...h]))},[u]),p=m.useMemo(()=>!v.isEqual(o.map(String),t.map(String)),[o,t]),f=()=>{r(o.map(g=>i==="number"?Number(g):g.toString()))};return c(B,{children:[c(a.Group,{position:"left",ref:s,children:[n(a.Text,{children:e}),n(a.ActionIcon,{mr:5,variant:"filled",color:"blue",disabled:!p,onClick:f,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Group,{children:[o.map((g,h)=>n(a.TextInput,{type:i,value:g,onChange:b=>{const w=b.currentTarget.value;u(C=>(C.splice(h,1,w),[...C]))},rightSection:n(a.ActionIcon,{onClick:()=>d(h),color:"red",children:n(k.Trash,{size:14})}),sx:{width:"45%"}})),n(a.ActionIcon,{onClick:l,color:"blue",variant:"outline",children:n(k.PlaylistAdd,{size:20})})]})]})}const $l=m.forwardRef(Al),sa=m.forwardRef(function({value:t,onChange:r},i){const s=t.color.type,o=(u,l)=>{const d=v.cloneDeep(t);v.set(d,u,l),r(d)};return c(B,{children:[n(a.Divider,{my:"xs",label:"Typography",labelPosition:"center"}),n(a.Stack,{children:n(a.TextInput,{label:"Font Size",placeholder:"10px, 1em, 1rem, 100%...",sx:{flex:1},value:t.size,onChange:u=>o("size",u.currentTarget.value)})}),n(a.Group,{position:"apart",grow:!0,sx:{"> *":{flexGrow:1,maxWidth:"100%"}},children:n(aa,{label:"Font Weight",value:t.weight,onChange:u=>o("weight",u)})}),n(a.Divider,{my:"xs",label:"Style",labelPosition:"center"}),c(a.Stack,{children:[n(a.Select,{label:"Color Type",data:[{label:"Static Color",value:"static"},{label:"Continuous Color",value:"continuous"}],value:t.color.type,onChange:u=>o("color.type",u)}),s==="static"&&n(De,{value:t.color.staticColor,onChange:u=>o("color.staticColor",u)}),s==="continuous"&&c(B,{children:[n($l,{label:"Value Range",value:t.color.valueRange,type:"number",onChange:u=>o("color.valueRange",u)}),n(Dl,{label:"Color Range",value:t.color.colorRange,onChange:u=>o("color.colorRange",u)})]})]})]})});m.forwardRef(function({value:t,onChange:r,data:i,withStyle:s=!0},o){const u=(l,d)=>{const p=v.cloneDeep(t);v.set(p,l,d),r(p)};return c(a.Box,{px:"sm",py:"md",ref:o,children:[n(a.Text,{weight:"bold",pb:0,children:t.name}),n(a.Divider,{my:"xs",label:"Data",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(a.TextInput,{label:"Name",required:!0,value:t.name,onChange:l=>u("name",l.currentTarget.value)}),n(W,{label:"Data Field",required:!0,data:i,value:t.data_field,onChange:l=>u("data_field",l)})]}),n(jt,{label:"Aggregation",value:t.aggregation,onChange:l=>u("aggregation",l)}),n(a.Divider,{my:"xs",label:"Format",labelPosition:"center"}),n(Oe,{value:t.formatter,onChange:l=>u("formatter",l)}),s&&n(sa,{value:t,onChange:r})]})});const St={type:"none",config:{}};function zl(e){const t=Array.from(e).sort((i,s)=>i-s),r=Math.floor(t.length/2);return t.length%2===0?(t[r-1]+t[r])/2:t[r]}function El(e,t){const r=e[t],i=Number(r);return isFinite(i)?i:0}function Tt(e,t,r){try{const i=e.map(s=>El(s,t));switch(r.type){case"sum":return v.sum(i);case"mean":return v.mean(i);case"median":return zl(i);case"max":return v.max(i)??0;case"min":return v.min(i)??0;case"quantile":return vt.quantile(i,r.config.p)??0;case"CV":const s=Nt.std(...i),o=Nt.mean(...i);return o?s/o:"N/A";case"std":return Nt.std(...i);default:return i}}catch(i){return console.error(i),null}}class Ll{constructor({valueRange:t,colorRange:r}){P(this,"mapper");this.mapper=st.interpolate(t,r)}getColor(t){return this.mapper(t)}}function Pl(e){return e===null?"null":e===void 0?"undefined":Array.isArray(e)?`Array(${e.length})`:e.toString()}function dt({data_field:e,aggregation:t},r){return Tt(r,e,t)}function et({formatter:e},t){if(!["string","number"].includes(typeof t))return Pl(t);try{return te(t).format(e)}catch(r){return console.error(r),t}}function Ol(e,t){if(e.type==="static")return e.staticColor;if(e.type==="continuous")try{if(typeof t!="number")throw new Error(`[getColorByColorConf] Invalid type of aggregated value: ${t}`);return new Ll(e).getColor(t)}catch(r){return console.error(r),"black"}return"black"}function oa(e,t){const{color:r,data_field:i,aggregation:s,size:o,weight:u}=e,l=Tt(t,i,s),d=et(e,l);return n(a.Text,{sx:{fontSize:o,display:"inline"},color:Ol(r,l),weight:u,children:d})}function Vl(e,t){const r={};return e.forEach(i=>{const s=i.name;r[s]=oa(i,t)}),r}function Bl(e){return e.split(" ").map((t,r)=>c(m.Fragment,{children:[t," "]},r))}function Nl(e){const r=e.replaceAll("<br />","<br/>").replaceAll(`
+`,"<br/>").split("<br/>");return r.map((s,o)=>{const u=[Bl(s)];return o!==r.length-1&&u.push(n("br",{})),u}).flat().filter(s=>s!==void 0)}function Mn(e){return Nl(e)}function kt(e,t,r){const i=Vl(t,r),s=/^\{(.+)\}(.*)$/;return e.split("$").map(o=>{const u=s.exec(o);if(!u)return Mn(o);const l=i[u[1]];if(!l)return Mn(o);const d=u[2]??"";return c(m.Fragment,{children:[l,Mn(d)]},o)})}function Gl(e,t){const r={};return e.forEach(i=>{const{name:s,data_field:o,aggregation:u}=i,l=Tt(t,o,u);r[s]=et(i,l)}),r}function Yt(e,t,r){const i=Gl(t,r),s=/^\{(.+)\}(.*)$/;return e.split("$").map(o=>{const u=s.exec(o);if(!u)return o;const l=i[u[1]];if(!l)return o;const d=u[2]??"";return`${l}${d}`}).join("")}function ql(e,t,r){const i=t.reduce((s,o)=>{const u=dt(o,r);return s[o.name]=et(o,u),s},{});return e.map(s=>({name:"refs",type:"scatter",data:[],markLine:{data:[{name:s.name,yAxis:Number(i[s.variable_key])}],silent:!0,symbol:["none","none"],label:{formatter:function(){return Yt(s.template,t,r)},position:"insideEndTop"}}}))}function Fl({config:e,data:t,variables:r}){const{x_axis:i,y_axis:s,reference_lines:o}=e,u=bl(e,t),l=Ye(i.axisLabel.overflow.on_axis),d=vl(e);return{grid:{top:30,left:20,right:15,bottom:25,containLabel:!0},dataset:u,legend:yl({config:e}),tooltip:_l({config:e}),xAxis:[{type:"category",name:i.name,nameGap:25,nameLocation:"center",nameTextStyle:{fontWeight:"bold",align:"center"},axisTick:{show:!0,alignWithLabel:!0},axisLabel:{...i.axisLabel,...l,formatter:ut(i.axisLabel.formatter)}}],yAxis:[{name:s.name,nameTextStyle:{fontWeight:"bold"},axisLine:{show:!0},axisLabel:{formatter:function(p){return te(p).format(s.label_formatter)}}}],series:[...d,...ql(o,r,t)]}}le.use([N.DataZoomComponent,de.BoxplotChart,N.MarkLineComponent,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function Wl({context:e,instance:t}){const{value:r}=F(e.instanceData,"config"),{variables:i}=e,s=e.data,{width:o,height:u}=e.viewport,l=v.defaults({},r,Dn),d=Fe({vizManager:e.vizManager,instance:t}),p=Ne(d.triggerManager,ia.id),f=m.useMemo(()=>v.keyBy(s,l.x_axis.data_key),[s,l.x_axis.data_key]),g=m.useCallback(w=>{const C=v.get(f,w.name,{error:"rowData is not found"});p.forEach(S=>{d.runInteraction(S.id,{...w,rowData:C})})},[f,p,d]),h=m.useMemo(()=>({click:g}),[g]),b=m.useMemo(()=>Fl({config:l,data:s,variables:i}),[l,s,i]);return!r||!o||!u?null:n(Ae,{echarts:le,option:b,style:{width:o,height:u},onEvents:h,notMerge:!0,theme:"merico-light"})}function jl({control:e,index:t,remove:r,variableOptions:i}){return c(a.Stack,{my:0,p:"md",pr:40,sx:{border:"1px solid #eee",position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",placeholder:"Average Reference Line",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:s})=>n(a.Select,{label:"Value",required:!0,data:i,sx:{flex:1},...s})})]}),n(x.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:s})=>n(a.TextInput,{label:"Content Template",placeholder:"Average: ${avg}",required:!0,sx:{flex:1},...s})}),n(a.ActionIcon,{color:"red",variant:"subtle",onClick:()=>r(t),sx:{position:"absolute",top:15,right:5},children:n(k.Trash,{size:16})})]},t)}function Rl({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_lines"}),u=t("reference_lines"),l=i.map((f,g)=>({...f,...u[g]})),d=()=>s({name:"",template:"",variable_key:""}),p=m.useMemo(()=>r.map(f=>({label:f.name,value:f.name})),[r]);return c(a.Stack,{children:[l.map((f,g)=>n(jl,{control:e,index:g,remove:o,variableOptions:p})),n(a.Group,{position:"center",mt:"xs",children:n(a.Button,{onClick:d,children:"Add a Reference Line"})})]})}const Yl=({disabled:e,value:t,onChange:r})=>{const i=s=>{s&&r(s)};return c(a.Box,{sx:{position:"relative"},children:[e&&n(a.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),n(_e,{height:"500px",defaultLanguage:"javascript",value:t,onChange:i,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})},Qt=m.forwardRef(({value:e,onChange:t},r)=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e);m.useEffect(()=>{l(e)},[e]);const d=b=>{l({...u,enabled:b})},p=()=>{o();const{enabled:b,func_content:w}=u,C={enabled:b,func_content:w};l(C),t(C)},f=()=>{o(),l(e)},g=b=>{l(w=>({...w,func_content:b}))},h=()=>{g(Ge.func_content)};return c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Customize Label"}),n(a.Modal,{size:800,title:"Customize label content",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Checkbox,{mt:10,label:"Enabled",checked:u.enabled,onChange:b=>d(b.currentTarget.checked)}),n(Yl,{value:u.func_content,onChange:g,disabled:!u.enabled}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:h,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:f,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:p,children:"OK"})]})]})]})})]})}),Ql=({control:e,data:t,watch:r})=>(r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.name",control:e,render:({field:i})=>n(a.TextInput,{label:"X Axis Name",sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.data_key",control:e,render:({field:i})=>n(W,{label:"X Axis Data Field",required:!0,data:t,sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Tick Label",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:e,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:e,render:({field:i})=>n(Qt,{data:t,...i})})]}),n(x.Controller,{name:"x_axis.axisLabel.overflow",control:e,render:({field:i})=>n(Je,{...i})})]})),Ul=({control:e,data:t,watch:r})=>(r(["y_axis"]),c(B,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"y_axis.name",control:e,render:({field:i})=>n(a.TextInput,{label:"Y Axis Name",sx:{flex:1},...i})}),n(x.Controller,{name:"y_axis.data_key",control:e,render:({field:i})=>n(W,{label:"Y Axis Data Field",required:!0,data:t,sx:{flex:1},...i})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Label Format",labelPosition:"center"}),n(x.Controller,{name:"y_axis.label_formatter",control:e,render:({field:i})=>n(Oe,{...i})})]})]}));function Xl({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,{variables:s}=e,o=m.useMemo(()=>v.defaults({},t,Dn),[t]),{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]),d(["x_axis","y_axis","reference_lines","color"]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,t),[g,t]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X Axis"}),n(a.Tabs.Tab,{value:"Y Axis",children:"Y Axis"}),n(a.Tabs.Tab,{value:"Style",children:"Style"}),n(a.Tabs.Tab,{value:"Reference Lines",children:"Reference Lines"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(Ql,{control:u,data:i,watch:d})}),n(a.Tabs.Panel,{value:"Y Axis",children:n(Ul,{control:u,data:i,watch:d})}),n(a.Tabs.Panel,{value:"Style",children:c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:"color",control:u,render:({field:b})=>n(De,{...b})})]})}),n(a.Tabs.Panel,{value:"Reference Lines",children:n(Rl,{variables:s,control:u,watch:d})})]})]})})}function Zl(e){return v.omit(e,"variables")}function Kl(e){const{label_formatter:t=Se,...r}=e.y_axis;return{...e,y_axis:{...r,label_formatter:t}}}function Jl(e){const t={rotate:0,formatter:{...Ge}},{axisLabel:r=t,...i}=e.x_axis;return{...e,x_axis:{...i,axisLabel:r}}}function Hl(e){const t={x_axis:{axisLabel:{overflow:{x_axis:{width:80,overflow:"truncate",ellipsis:"..."},tooltip:{width:200,overflow:"break",ellipsis:"..."}}}}};return v.defaultsDeep(t,e)}function eu(e){delete e.config;const{x_axis:t,tooltip:r}=e.x_axis.axisLabel.overflow,i={x_axis:{axisLabel:{overflow:{on_axis:t,in_tooltip:r}}}};return v.defaultsDeep(i,e)}class tu extends fe{constructor(){super(...arguments);P(this,"VERSION",6)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,(r,{panelModel:i})=>{const{config:s}=r;return(s.variables||[]).forEach(u=>{i.variables.find(l=>l.name===u.name)||i.addVariable(u)}),{...r,version:2,config:Zl(s)}}),this.version(3,r=>{const{config:i}=r;return{...r,version:3,config:Kl(i)}}),this.version(4,r=>{const{config:i}=r;return{...r,version:4,config:Jl(i)}}),this.version(5,r=>{const{config:i}=r;return{...r,version:5,config:Hl(i)}}),this.version(6,r=>{const{config:i}=r;return{...r,version:6,config:eu(i)}})}}const nu={displayName:"Boxplot Chart",displayGroup:"ECharts-based charts",migrator:new tu,name:"boxplot",viewRender:Wl,configRender:Xl,createConfig(){return{version:6,config:v.cloneDeep(Dn)}},triggers:[ia]},la={id:"builtin:button:click-button",displayName:"Click Button",nameRender:iu,configRender:ru,payload:[]};function ru(e){return n(B,{})}function iu(e){return n(a.Text,{children:"Click this button"})}const An={content:"Button",variant:"filled",color:"blue",size:"xs",compact:!1,horizontal_align:"left",vertical_align:"center"},au={left:"flex-start",center:"center",right:"flex-end"},su={top:"flex-start",center:"center",bottom:"flex-end"},ou=T.observer(({context:e,instance:t})=>{const r=Fe({vizManager:e.vizManager,instance:t}),i=Ne(r.triggerManager,la.id),s=R(),{value:o}=F(e.instanceData,"config"),u=m.useMemo(()=>v.defaultsDeep({},o,An),[o]),{content:l,horizontal_align:d,vertical_align:p,...f}=u,{width:g,height:h}=e.viewport,b={filters:s.payloadForSQL.filterValues,context:s.payloadForSQL.context},w=()=>{i.forEach(C=>{r.runInteraction(C.id,{})})};return n(a.Center,{sx:{width:g,height:h,justifyContent:au[d],alignItems:su[p]},children:n(a.Button,{...f,onClick:w,children:v.template(l)(b)})})}),lu=({value:e,onChange:t,label:r})=>{const i=a.useMantineTheme(),s=m.useCallback(u=>()=>t(u),[t]),o=u=>e===u;return c(a.Stack,{spacing:2,children:[n(a.Text,{size:14,sx:{fontWeight:500},children:r}),n(a.Group,{position:"left",spacing:"xs",children:Object.keys(i.colors).map(u=>{const l=i.colors[u][6];return n(a.ColorSwatch,{color:l,onClick:s(u),radius:4,size:26,sx:{cursor:"pointer"},children:o(u)&&n(a.CheckIcon,{width:10,color:"white"})},u)})})]})},uu=a.MANTINE_SIZES.map(e=>({label:e.toUpperCase(),value:e})),du=({label:e,value:t,onChange:r})=>n(a.Select,{data:uu,label:e,value:t,onChange:r}),cu=[{label:"Filled",value:"filled"},{label:"Outline",value:"outline"},{label:"Light",value:"light"},{label:"White",value:"white"},{label:"Default",value:"default"},{label:"Subtle",value:"subtle"},{label:"Gradient",value:"gradient",disabled:!0}],pu=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],hu=[{label:"Top",value:"top"},{label:"Center",value:"center"},{label:"Bottom",value:"bottom"}];function fu({context:e}){const{value:t,set:r}=F(e.instanceData,"config");e.data;const i=m.useMemo(()=>v.defaultsDeep({},t,An),[t]),s=i;m.useEffect(()=>{!v.isEqual(i,s)&&(console.log("config malformed, resetting to defaults",i,s),r(s))},[i,s]);const{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,i),[f,i]);return l(["content","variant","color","size","compact","horizontal_align","vertical_align"]),c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Stack,{children:[n(x.Controller,{control:o,name:"content",render:({field:h})=>n(a.TextInput,{label:"Content Template",description:"Filter values & context entries are supported",...h,required:!0})}),n(a.Divider,{mt:"xs",mb:0,label:"Styles",labelPosition:"center",variant:"dashed"}),c(a.SimpleGrid,{cols:2,children:[n(x.Controller,{control:o,name:"variant",render:({field:h})=>n(a.Select,{label:"Variant",data:cu,...h})}),n(x.Controller,{control:o,name:"color",render:({field:h})=>n(lu,{label:"Theme",...h})})]}),c(a.SimpleGrid,{cols:2,children:[n(x.Controller,{control:o,name:"size",render:({field:h})=>n(du,{label:"Size",...h})}),n(x.Controller,{control:o,name:"compact",render:({field:h})=>n(a.Checkbox,{label:"Compact",checked:h.value,onChange:b=>h.onChange(b.currentTarget.checked),mt:26})})]}),c(a.SimpleGrid,{cols:2,children:[n(x.Controller,{control:o,name:"horizontal_align",render:({field:h})=>n(a.Select,{label:"Horizontal Alignment",data:pu,...h})}),n(x.Controller,{control:o,name:"vertical_align",render:({field:h})=>n(a.Select,{label:"Vertical Alignment",data:hu,...h})})]})]})]})}class gu extends fe{constructor(){super(...arguments);P(this,"VERSION",2)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>{const{horizontal_align:i="left",vertical_align:s="center",...o}=r.config;return{...r,version:2,config:{...o,horizontal_align:i,vertical_align:s}}})}}const mu={displayName:"Button",displayGroup:"Others",migrator:new gu,name:"button",viewRender:ou,configRender:fu,createConfig(){return{version:2,config:v.cloneDeep(An)}},triggers:[la]},$n={id:"builtin:echarts:click-echart:series",displayName:"Click Chart Series",nameRender:yu,configRender:bu,payload:[{name:"seriesType",description:"'line' | 'scatter' | 'bar'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]};function bu(e){return n(B,{})}function yu(e){return n(a.Text,{children:"Click chart's series"})}const ct={x_axis_scroll:!1,y_axis_scroll:!1,x_axis_slider:!1,y_axis_slider:!1},zn={regressions:[],series:[],stats:{templates:{bottom:"",top:""}},x_axis:{axisLabel:{rotate:0,formatter:{...Ge},overflow:Ve}},x_axis_data_key:"",x_axis_name:"",y_axes:[{min:"",max:"",name:"Y Axis",show:!0,position:"left",nameAlignment:"center",label_formatter:Se}],reference_lines:[],reference_areas:[],dataZoom:ct};function En(e){const t=[];return e.x_axis_scroll&&t.push({type:"inside",xAxisIndex:[0],filterMode:"none",minSpan:1}),e.y_axis_scroll&&t.push({type:"inside",yAxisIndex:[0],filterMode:"none",minSpan:1}),e.x_axis_slider&&t.push({type:"slider",xAxisIndex:[0],filterMode:"none",bottom:"auto",top:0,height:15,moveHandleSize:0,showDataShadow:!1,minSpan:1}),t}function vu(e){const t=e.y_axes.some(s=>!!s.name);let r=10;t&&(r+=20),e.dataZoom.x_axis_slider&&(r+=20);let i=5;return e.x_axis_name&&(i+=15),e.series.some(s=>!s.hide_in_legend)&&(i+=20),{top:r,bottom:i}}function xu(e){return e!=="line"?{}:{itemStyle:{opacity:0}}}function Cu(e){switch(e){case"line":return;case"bar":return"roundRect";case"scatter":return"circle"}}function wu(e){const t={show:!0,bottom:0,left:"center",type:"scroll"};return t.data=e.filter(r=>!r.hide_in_legend).map(({name:r,type:i})=>({name:r,icon:Cu(i),...xu(i)})),t}function Ut(e,t){switch(e.config.method){case"linear":return[...Ze.regressionLinear()(t)];case"exponential":return[...Ze.regressionExp()(t)];case"logarithmic":return[...Ze.regressionLog()(t)];case"polynomial":return[...Ze.regressionPoly().order(e.config.order)(t)];default:return[]}}function _u(e,t,r,i){const{transform:s,plot:o}=e,u={...o,name:t,data:Ut(s,i),showSymbol:!1,tooltip:{show:!1},smooth:!1,custom:{}};return r&&(u.custom={type:"regression-line",targetSeries:r}),u}function Su({regressions:e=[],x_axis_data_key:t},r){const i=[];if(r.length===0)return i;function s(o,u,l,d){const p=_u(o,u,l,d);i.push(p)}return e.forEach(o=>{const{name:u,group_by_key:l}=o;if(!l||l===t){const p=r.map((f,g)=>[g,Number(f[o.y_axis_data_key])]);s(o,u,"",p);return}const d=v.groupBy(r,l);Object.entries(d).forEach(([p,f])=>{const g=f.map((b,w)=>[w,Number(b[o.y_axis_data_key])]);s(o,p,p,g)})}),i}function Tu(e,t){return e.map(r=>({name:"",type:"line",hide_in_legend:!0,data:[],markArea:{itemStyle:{color:r.color},data:[[{yAxis:t[r.y_keys.upper]},{yAxis:t[r.y_keys.lower]}]],silent:!0}}))}function ku(e,t,r,i){return e.map(s=>{const o=s.orientation==="horizontal",u=o?"yAxis":"xAxis",l=o?"insideEndTop":"end";return{name:s.name,type:"line",hide_in_legend:!s.show_in_legend,yAxisIndex:s.yAxisIndex,data:[],lineStyle:s.lineStyle,markLine:{data:[{name:s.name,[u]:Number(r[s.variable_key])}],silent:!0,symbol:["none","none"],lineStyle:s.lineStyle,label:{formatter:function(){return s.template?Yt(s.template,t,i):""},position:l}}}})}function Du({type:e,...t},r,i,s){if(!e)return 10;if(e==="static"){const{size:l}=t;return l}const{func_content:o}=t,u=v.keyBy(r,i);return(l,d)=>{let p;d.name?p=u[d.name]:p=r[d.dataIndex];try{return new Function(`return ${o}`)()({rowData:p,params:d,variables:s},{lodash:v,interpolate:st.interpolate})}catch(f){return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${f.message}`),10}}}function Ln(e,t,r){return e.map(i=>[i[t],i[r]])}function Iu(e,t,r,i){const s=Ln(t,r,i);return v.unionBy(s,e,0)}function Mu({dataTemplate:e,data:t,x_axis_data_key:r,y_axis_data_key:i,valueTypedXAxis:s}){return s?Iu(e,t,r,i):t.map(o=>o[i])}function Au({dataTemplate:e,data:t,aggregation_on_value:r,x_axis_data_key:i,y_axis_data_key:s,valueTypedXAxis:o}){if(!r||r.type==="none")return Mu({dataTemplate:e,data:t,x_axis_data_key:i,y_axis_data_key:s,valueTypedXAxis:o});const u=Ln(t,i,s),l=v.groupBy(u,"0");return Object.entries(l).map(([p,f])=>{const g=Tt(f,"1",r);return[p,g]})}function $u({group_by_key:e,data:t,x_axis_data_key:r,y_axis_data_key:i}){const s=v.groupBy(t,e);return Object.entries(s).forEach(([o,u])=>{s[o]=Ln(u,r,i)}),s}function zu({x_axis_data_key:e},{y_axis_data_key:t,yAxisIndex:r,label_position:i,name:s,group_by_key:o,aggregation_on_value:u,stack:l,color:d,display_name_on_line:p,symbolSize:f,hide_in_legend:g,...h},b,w,C,S,I){const $={label:{show:!!i,position:i,formatter:I[r??"default"]},name:s,xAxisId:"main-x-axis",yAxisIndex:r,stack:l,color:d,symbolSize:Du(f,C,e,S),hide_in_legend:g,labelLayout:{hideOverlap:!0},...h};if(p&&($.endLabel={show:!0,formatter:s,offset:[-12,12],align:"right"}),!o||o===e)return $.data=Au({dataTemplate:b,data:C,aggregation_on_value:u,x_axis_data_key:e,y_axis_data_key:t,valueTypedXAxis:w}),$;const G=$u({group_by_key:o,data:C,x_axis_data_key:e,y_axis_data_key:t});return Object.entries(G).map(([V,L])=>{const z=v.cloneDeep($);return z.name=V,z.color=void 0,z.data=L,z})}function Eu(e,t,r,i,s,o,u){const l=t.map(p=>[p,0]);return e.series.map(p=>zu(e,p,l,r,i,u,s)).flat().concat(ku(e.reference_lines,o,u,i)).concat(Tu(e.reference_areas,u))}function Lu(e,t){const r=e.find(o=>o.axisDim==="x"&&o.axisId==="main-x-axis");if(!r)return"";const{axisValue:i,axisIndex:s}=r;return ut(t.x_axis.axisLabel.formatter)(i,s)}function Pu(e,t,r){const i=t.reduce((s,{yAxisIndex:o,name:u})=>(s[u]=o,s),{});return{formatter:function(s){const o=Array.isArray(s)?s:[s];if(o.length===0)return"";const u=o.map(({seriesName:p,marker:f,value:g})=>{if(Array.isArray(g)&&g.length===2&&(g=g[1]),!p)return g;const h=i[p],b=r[h]??r.default;return`
         <tr>
           <td>${f}</td>
           <th style="text-align: right; padding: 0 1em;">${p}</th>
           <td style="text-align: left; padding: 0 1em;">${b({value:g})}</td>
         </tr>
-        `}),l=He(e.x_axis.axisLabel.overflow.in_tooltip),d=Eu(o,e);return`
+        `}),l=He(e.x_axis.axisLabel.overflow.in_tooltip),d=Lu(o,e);return`
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${l}">${d}</div>
       </div>
@@ -81,8 +81,8 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
           ${u.join("")}
         </tbody>
       </table>
-      `}}}function Pu(e){return e.y_axes.reduce((r,{label_formatter:i},s)=>(r[s]=function(u){let l=u;if(typeof u=="object"&&(Array.isArray(u.value)&&u.value.length===2?l=u.value[1]:l=u.value),!i)return l;try{return te(l).format(i)}catch(d){return console.error(d),l}},r),{default:({value:r})=>r})}function Ou(e,t){const r={};return t.map(i=>{const s=dt(i,e);r[i.name]=et(i,s)}),r}function Vu(e,t){const r=t.every(u=>!Number.isNaN(Number(u))),{overflow:i,...s}=e.x_axis.axisLabel,o=Re(i.on_axis);return[{data:t,name:e.x_axis_name??"",id:"main-x-axis",axisTick:{show:!0,alignWithLabel:!0},type:r?"value":"category",axisLabel:{...s,...o,formatter:ut(s.formatter)}}]}function Bu(e,t){return e.y_axes.map(({nameAlignment:r,min:i,max:s,...o},u)=>{let l=o.position;return l||(l=u>0?"right":"left"),{...o,min:i||void 0,max:s||void 0,position:l,axisLabel:{show:!0,formatter:t[u]??t.default},axisLine:{show:!0},nameTextStyle:{fontWeight:"bold",align:r},nameLocation:"end",nameGap:15,splitLine:{show:!1}}})}const Nu={tooltip:{trigger:"axis",confine:!0},xAxis:[{type:"category",nameGap:25,nameLocation:"center",nameTextStyle:{fontWeight:"bold"},splitLine:{show:!1},axisTick:{show:!0,alignWithLabel:!0}}],grid:{top:10,left:20,right:15,bottom:25,containLabel:!0}};function Gu(e,t,r){const i=Ou(t,r),s=Pu(e),o=v.uniq(t.map(f=>f[e.x_axis_data_key])),u=o.every(f=>!Number.isNaN(Number(f))),l=zu(e,o,u,t,s,r,i),d=_u(e,t),p={xAxis:Vu(e,o),yAxis:Bu(e,s),series:[...l,...d],tooltip:Lu(e,l,s),grid:yu(e),legend:Cu(l),dataZoom:En(e.dataZoom)};return v.defaultsDeep({},p,Nu)}function la(e){const t=e.getModel(),r=t.getSeries().map(i=>{if(!i.option.custom)return i.option;const s=t.getColorFromPalette(i.option.custom.targetSeries,null);return i.option.color=s,i.option});e.setOption({...e.getOption(),series:r})}le.use([N.DataZoomComponent,de.BarChart,de.LineChart,de.ScatterChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer,N.MarkLineComponent,N.MarkAreaComponent]);function ua(e){return e.trim().length>0}function qu({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>v.keyBy(t,e.x_axis_data_key),[t,e.x_axis_data_key]),l=Ne(s.triggerManager,$n.id),d=m.useCallback(b=>{const w=v.get(u,b.name,{error:"rowData is not found"});l.forEach(C=>{s.runInteraction(C.id,{...b,rowData:w})})},[u,l,s]),p=m.useMemo(()=>Gu(e,t,o),[e,t]),f=m.useRef(),g=m.useMemo(()=>({click:d}),[d]),h=b=>{f.current=b,la(b)};return m.useEffect(()=>{f.current&&la(f.current)},[p]),!r||!i?null:n(Ae,{echarts:le,option:p,style:{width:r,height:i},onEvents:g,onChartReady:h,notMerge:!0,theme:"merico-light"})}function Fu({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,zn),[i]),u=e.data,{width:l,height:d}=e.viewport,{ref:p,height:f}=ve.useElementSize(),{ref:g,height:h}=ve.useElementSize(),b=m.useMemo(()=>{const{stats:{templates:C}}=o;return{top:kt(C.top,s,u),bottom:kt(C.bottom,s,u)}},[o,u]),w=Math.max(0,d-f-h);return c(a.Box,{children:[n(a.Text,{ref:p,align:"left",size:"xs",pl:"sm",sx:{display:ua(o.stats.templates.top)?"block":"none"},children:Object.values(b.top).map((C,S)=>n(m.Fragment,{children:C},S))}),n(qu,{variables:s,width:l,height:w,data:u,conf:o,interactionManager:r}),n(a.Text,{ref:g,align:"left",size:"xs",pl:"sm",sx:{display:ua(o.stats.templates.bottom)?"block":"none"},children:Object.values(b.bottom).map((C,S)=>n(m.Fragment,{children:C},S))})]})}const Pn=m.forwardRef(({value:e,onChange:t},r)=>{const i=s=>o=>{t({...e,[s]:o})};return c(a.Stack,{children:[n(a.Divider,{variant:"dashed",label:"Scroll to Zoom",labelPosition:"center"}),c(a.Group,{children:[n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Enable on X Axis",checked:e.x_axis_scroll,onChange:s=>i("x_axis_scroll")(s.currentTarget.checked)})}),n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Enable on Y Axis",checked:e.y_axis_scroll,onChange:s=>i("y_axis_scroll")(s.currentTarget.checked)})})]}),n(a.Divider,{variant:"dashed",label:"Slider for Zooming",labelPosition:"center"}),c(a.Group,{children:[n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Slider for X Axis",checked:e.x_axis_slider,onChange:s=>i("x_axis_slider")(s.currentTarget.checked)})}),n(a.Tooltip,{label:"Not available for now, will overlap y-axis's label",children:n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Slider for Y Axis",disabled:!e.y_axis_slider,checked:e.y_axis_slider,onChange:s=>i("y_axis_slider")(s.currentTarget.checked)})})})]})]})}),Wu=[{label:"Rectangle",value:"rectangle"}],ju=[{label:"Horizontal",value:"horizontal"}];function Yu({control:e,index:t,remove:r,variableOptions:i}){return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_areas.${t}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`reference_areas.${t}.color`,control:e,render:({field:s})=>n(a.TextInput,{label:"Color",required:!0,sx:{flex:1},...s})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_areas.${t}.type`,control:e,render:({field:s})=>n(a.Select,{label:"Type",required:!0,data:Wu,sx:{flex:1},...s})}),n(x.Controller,{name:`reference_areas.${t}.direction`,control:e,render:({field:s})=>n(a.Select,{label:"Direction",required:!0,data:ju,sx:{flex:1},...s})})]}),n(a.Divider,{variant:"dashed",label:"Data",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_areas.${t}.y_keys.upper`,control:e,render:({field:s})=>n(a.Select,{label:"Upper Boundary",required:!0,data:i,sx:{flex:1},...s})}),n(x.Controller,{name:`reference_areas.${t}.y_keys.lower`,control:e,render:({field:s})=>n(a.Select,{label:"Lower Boundary",required:!0,data:i,sx:{flex:1},...s})})]}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Reference Area"})]},t)}function Ru({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_areas"}),u=t("reference_areas"),l=i.map((f,g)=>({...f,...u[g]})),d=()=>s({name:"",type:"rectangle",direction:"horizontal",y_keys:{upper:"",lower:""}}),p=m.useMemo(()=>r.map(f=>({label:f.name,value:f.name})),[r]);return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"6px 0px 0px"}},children:[c(a.Tabs.List,{children:[l.map((f,g)=>n(a.Tabs.Tab,{value:g.toString(),children:g+1},g)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((f,g)=>n(a.Tabs.Panel,{value:g.toString(),children:n(Yu,{control:e,index:g,remove:o,variableOptions:p})},g))]})}const Qu=[{label:"solid",value:"solid"},{label:"dashed",value:"dashed"},{label:"dotted",value:"dotted"}],Uu=[{label:"Horizontal",value:"horizontal"},{label:"Vertical",value:"vertical"}];function Xu({control:e,index:t,remove:r,watch:i,variableOptions:s,yAxisOptions:o}){const u=i(`reference_lines.${t}.orientation`);return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:l})=>n(a.TextInput,{label:"Name",placeholder:"Average Reference Line",required:!0,sx:{flex:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:l})=>n(a.Select,{label:"Value",required:!0,data:s,sx:{flex:1},...l})})]}),n(x.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:l})=>n(a.TextInput,{label:"Content Template",placeholder:"Average: ${avg}",sx:{flex:1},...l})}),c(a.Group,{grow:!0,children:[c(a.Stack,{children:[n(x.Controller,{name:`reference_lines.${t}.orientation`,control:e,render:({field:l})=>n(a.Select,{label:"Orientation",data:Uu,required:!0,sx:{flex:1},...l})}),u==="vertical"&&n(a.Text,{mt:-10,color:"dimmed",size:12,children:"Works only when xAxis values are numbers"})]}),u==="horizontal"&&n(x.Controller,{name:`reference_lines.${t}.yAxisIndex`,control:e,render:({field:{value:l,onChange:d,...p}})=>n(a.Select,{label:"Y Axis",data:o,disabled:o.length===0,...p,value:(l==null?void 0:l.toString())??"",onChange:f=>{if(!f){d(0);return}d(Number(f))},sx:{flex:1}})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Style",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`reference_lines.${t}.lineStyle.type`,control:e,render:({field:l})=>n(a.Select,{label:"Line Type",data:Qu,sx:{flexGrow:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.width`,control:e,render:({field:l})=>n(a.NumberInput,{label:"Line Width",min:1,max:10,sx:{flexGrow:1},...l})})]}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.color`,control:e,render:({field:l})=>n(De,{...l})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`reference_lines.${t}.show_in_legend`,control:e,render:({field:l})=>n(a.Checkbox,{label:"Show in legend",checked:l.value,onChange:d=>l.onChange(d.currentTarget.checked)})}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Reference Line"})]},t)}function Zu({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_lines"}),u=t("reference_lines"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>{s({name:"",template:"",variable_key:"",orientation:"horizontal",lineStyle:{type:"dashed",width:1,color:"#868E96"},show_in_legend:!1,yAxisIndex:0})},p=m.useMemo(()=>r.map(h=>({label:h.name,value:h.name})),[r]),f=t("y_axes"),g=m.useMemo(()=>f.map(({name:h},b)=>({label:h,value:b.toString()})),[f]);return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:b.toString(),children:b+1},b)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:b.toString(),children:n(Xu,{control:e,index:b,remove:o,watch:t,variableOptions:p,yAxisOptions:g})},b))]})}const Ku=[{label:"Linear",value:"linear"},{label:"Exponential",value:"exponential"},{label:"Logarithmic",value:"logarithmic"},{label:"Polynomial",value:"polynomial"}],Ju=[{label:"solid",value:"solid"},{label:"dashed",value:"dashed"},{label:"dotted",value:"dotted"}];function Hu({control:e,regressionItem:t,index:r,remove:i,yAxisOptions:s,data:o}){const u=t.transform.config.method;return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,children:[n(x.Controller,{name:`regressions.${r}.name`,control:e,render:({field:l})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...l})}),n(x.Controller,{name:`regressions.${r}.group_by_key`,control:e,render:({field:l})=>n(W,{label:"Split into multiple regression lines by this key...",data:o,clearable:!0,sx:{flex:1},...l})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`regressions.${r}.y_axis_data_key`,control:e,render:({field:l})=>n(W,{label:"Value Field",required:!0,data:o,sx:{flex:1},...l})}),n(x.Controller,{name:`regressions.${r}.plot.yAxisIndex`,control:e,render:({field:{value:l,onChange:d,...p}})=>n(a.Select,{label:"Y Axis",data:s,disabled:s.length===0,...p,value:(l==null?void 0:l.toString())??"",onChange:f=>{if(!f){d(0);return}d(Number(f))},sx:{flex:1}})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`regressions.${r}.transform.config.method`,control:e,render:({field:l})=>n(a.Select,{label:"Method",data:Ku,sx:{flex:1},...l})}),u==="polynomial"&&n(x.Controller,{name:`regressions.${r}.transform.config.order`,control:e,render:({field:l})=>n(a.NumberInput,{label:"Order",sx:{flex:1},...l})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Line Style",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`regressions.${r}.plot.lineStyle.type`,control:e,render:({field:l})=>n(a.Select,{label:"Line Type",data:Ju,sx:{flexGrow:1},...l})}),n(x.Controller,{name:`regressions.${r}.plot.lineStyle.width`,control:e,render:({field:l})=>n(a.NumberInput,{label:"Line Width",min:1,max:10,sx:{flexGrow:1},...l})})]}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`regressions.${r}.plot.color`,control:e,render:({field:l})=>n(De,{...l})})]}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Regression Line"})]},r)}function ed({control:e,watch:t,data:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"regressions"}),u=t("regressions"),l=i.map((g,h)=>({...g,...u[h]})),d=t("y_axes"),p=m.useMemo(()=>d.map(({name:g},h)=>({label:g,value:h.toString()})),[d]),f=()=>s({transform:{type:"ecStat:regression",config:{method:"linear",order:1,formulaOn:"end"}},name:"",y_axis_data_key:"",plot:{type:"line",yAxisIndex:0,color:"#666666",lineStyle:{type:"solid",width:1}}});return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((g,h)=>n(a.Tabs.Tab,{value:h.toString(),children:h+1},h)),n(a.Tabs.Tab,{onClick:f,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((g,h)=>n(a.Tabs.Panel,{value:h.toString(),children:n(Hu,{regressionItem:g,control:e,index:h,remove:o,yAxisOptions:p,data:r},h)},h))]})}const On={static:{type:"static",size:10},dynamic:{type:"dynamic",func_content:["function getSize({ rowData, params, variables }, { lodash, interpolate }) {","    // your code goes here","    // return 10","}"].join(`
-`)}},td=[{label:"No gap between bars",value:"0%"},{label:"Bars overlapping on each other",value:"-100%"}];function nd({control:e,index:t,seriesItem:r}){const i=!!r.barWidth.trim();return c(B,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.stack`,control:e,render:({field:s})=>n(a.TextInput,{label:"Stack",placeholder:"Stack bars by this ID",sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barGap`,control:e,render:({field:s})=>n(a.Select,{label:"Bar Gap",data:td,sx:{flexGrow:1},...s})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.barMinWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width(Min)",disabled:i,sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width",sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barMaxWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width(Max)",disabled:i,sx:{flexGrow:1},...s})})]})]})}const rd=({value:e,onChange:t})=>{const r=i=>{i&&t(i)};return n(a.Box,{children:n(_e,{height:"500px",defaultLanguage:"javascript",value:e,onChange:r,theme:"vs-dark",options:{minimap:{enabled:!1}}})})},id=({value:e,onChange:t,data:r})=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e),d=()=>{o();const{type:h,func_content:b}=u,w={type:h,func_content:b};l(w),t(w)},p=()=>{o(),l(e)},f=h=>{l(b=>({...b,func_content:h}))},g=()=>{f(On.dynamic.func_content)};return c(B,{children:[n(a.Box,{sx:{width:"50%"},children:n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Setup"})}),n(a.Modal,{size:800,title:"Setup dynamic size",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Divider,{mt:10,mb:-10,label:"Dynamic by a custom function",labelPosition:"center",variant:"dashed"}),n(rd,{value:u.func_content,onChange:f}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:g,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})},ad=({value:e,onChange:t,data:r})=>e.type!=="dynamic"?null:n(id,{value:e,onChange:t,data:r}),sd=({value:e,onChange:t})=>{if(e.type!=="static")return null;const r=i=>{t({...e,size:i})};return n(B,{children:n(a.NumberInput,{defaultValue:18,placeholder:"1 ~ 100",label:" ",hideControls:!0,value:e.size,onChange:r})})},od=[{label:"Static",value:"static"},{label:"Dynamic",value:"dynamic"}],da=m.forwardRef(({label:e="Size",value:t,onChange:r,data:i},s)=>{const o=u=>{r({...On[u]})};return c(a.SimpleGrid,{cols:2,children:[n(a.Select,{ref:s,label:e,data:od,value:t.type,onChange:o,sx:{flexGrow:1}}),n(sd,{value:t,onChange:r}),n(ad,{value:t,onChange:r,data:i})]})}),ld=[{label:"off",value:"false"},{label:"start",value:"start"},{label:"middle",value:"middle"},{label:"end",value:"end"}],ud=[{label:"solid",value:"solid"},{label:"dashed",value:"dashed"},{label:"dotted",value:"dotted"}];function dd({control:e,index:t,seriesItem:r,data:i}){const s=r.showSymbol;return c(B,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Line Settings",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`series.${t}.lineStyle.type`,control:e,render:({field:o})=>n(a.Select,{label:"Line Type",data:ud,sx:{flexGrow:1},...o})}),n(x.Controller,{name:`series.${t}.lineStyle.width`,control:e,render:({field:o})=>n(a.NumberInput,{label:"Line Width",min:1,max:10,sx:{flexGrow:1},...o})})]}),c(a.Group,{grow:!0,align:"center",children:[n(x.Controller,{name:`series.${t}.step`,control:e,render:({field:o})=>n(a.Select,{label:"Step",data:ld,sx:{flexGrow:1,maxWidth:"48%"},...o,value:String(o.value),onChange:u=>{const l=u==="false"?!1:u;o.onChange(l)}})}),c(a.Stack,{children:[n(x.Controller,{name:`series.${t}.smooth`,control:e,render:({field:o})=>n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Smooth Line",checked:o.value,onChange:u=>o.onChange(u.currentTarget.checked)})})}),n(x.Controller,{name:`series.${t}.display_name_on_line`,control:e,render:({field:o})=>n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Display Name on Line",checked:o.value??!1,onChange:u=>o.onChange(u.currentTarget.checked)})})})]})]}),c(a.Stack,{children:[n(x.Controller,{name:`series.${t}.showSymbol`,control:e,render:({field:o})=>n(a.Box,{mt:10,mb:-10,sx:{flexGrow:1},children:n(a.Switch,{label:"Show Symbol on Line",checked:o.value,onChange:u=>o.onChange(u.currentTarget.checked)})})}),s&&n(x.Controller,{name:`series.${t}.symbolSize`,control:e,render:({field:o})=>n(da,{label:"Symbol Size",data:i,...o})})]})]})}function cd({control:e,index:t,data:r}){return n(x.Controller,{name:`series.${t}.symbolSize`,control:e,render:({field:i})=>n(da,{label:"Size",data:r,...i})})}const pd=[{label:"off",value:""},{label:"top",value:"top"},{label:"left",value:"left"},{label:"right",value:"right"},{label:"bottom",value:"bottom"},{label:"inside",value:"inside"},{label:"insideLeft",value:"insideLeft"},{label:"insideRight",value:"insideRight"},{label:"insideTop",value:"insideTop"},{label:"insideBottom",value:"insideBottom"},{label:"insideTopLeft",value:"insideTopLeft"},{label:"insideBottomLeft",value:"insideBottomLeft"},{label:"insideTopRight",value:"insideTopRight"},{label:"insideBottomRight",value:"insideBottomRight"}];function hd({control:e,index:t,remove:r,seriesItem:i,yAxisOptions:s,data:o}){const u=i.type;return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[n(a.Stack,{children:n(x.Controller,{name:`series.${t}.type`,control:e,render:({field:l})=>n(a.SegmentedControl,{data:[{label:"Line",value:"line"},{label:"Bar",value:"bar"},{label:"Scatter",value:"scatter"}],...l})})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.name`,control:e,render:({field:l})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...l})}),n(x.Controller,{name:`series.${t}.yAxisIndex`,control:e,render:({field:{value:l,onChange:d,...p}})=>n(a.Select,{label:"Y Axis",data:s,disabled:s.length===0,...p,value:(l==null?void 0:l.toString())??"",onChange:f=>{if(!f){d(0);return}d(Number(f))},sx:{flex:1}})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.y_axis_data_key`,control:e,render:({field:l})=>n(W,{label:"Value Field",required:!0,data:o,sx:{flex:1},...l})}),n(x.Controller,{name:`series.${t}.aggregation_on_value`,control:e,render:({field:l})=>n(jt,{label:"Aggregation on Value",value:l.value??St,onChange:l.onChange,pt:0})})]}),n(a.Group,{grow:!0,children:n(x.Controller,{name:`series.${t}.group_by_key`,control:e,render:({field:l})=>n(W,{label:"Split into multiple series by this key...",data:o,clearable:!0,sx:{flex:1},...l})})}),u==="line"&&n(dd,{index:t,control:e,seriesItem:i,data:o}),u==="bar"&&n(nd,{index:t,control:e,seriesItem:i}),u==="scatter"&&n(cd,{index:t,control:e,data:o}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Style",labelPosition:"center"}),n(x.Controller,{name:`series.${t}.label_position`,control:e,render:({field:l})=>n(a.Select,{label:"Label Position",data:pd,...l})}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`series.${t}.color`,control:e,render:({field:l})=>n(De,{...l})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`series.${t}.hide_in_legend`,control:e,render:({field:l})=>n(a.Checkbox,{label:"Hide in legend",checked:l.value,onChange:d=>l.onChange(d.currentTarget.checked)})}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Series"})]},t)}function fd({control:e,watch:t,data:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"series"}),u=t("series"),l=i.map((g,h)=>({...g,...u[h]})),d=()=>{const g={type:"bar",name:ve.randomId(),showSymbol:!1,symbolSize:On.static,y_axis_data_key:"value",yAxisIndex:0,label_position:"top",display_name_on_line:!1,stack:"",color:"#000",step:!1,smooth:!1,barMinWidth:"1",barWidth:"10%",barMaxWidth:"10",barGap:"0%",lineStyle:{type:"solid",width:1},hide_in_legend:!1,group_by_key:""};s(g)},p=t("y_axes"),f=m.useMemo(()=>p.map(({name:g},h)=>({label:g,value:h.toString()})),[p]);return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((g,h)=>n(a.Tabs.Tab,{value:h.toString(),children:h+1},g.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((g,h)=>n(a.Tabs.Panel,{value:h.toString(),children:n(hd,{control:e,index:h,remove:o,seriesItem:g,yAxisOptions:f,data:r},g.id)},g.id))]})}function gd({control:e,watch:t}){return t("stats"),n(a.Stack,{children:c(a.Stack,{spacing:0,children:[n(x.Controller,{name:"stats.templates.top",control:e,render:({field:r})=>n(_t,{label:"Template for stats above the chart",py:"md",sx:{flexGrow:1},...r})}),n(x.Controller,{name:"stats.templates.bottom",control:e,render:({field:r})=>n(_t,{label:"Template for stats under the chart",py:"md",sx:{flexGrow:1},...r})})]})})}function md({data:e,control:t,watch:r}){return r(["x_axis_data_key","x_axis_name","x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis_data_key",control:t,render:({field:i})=>n(W,{label:"X Axis Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis_name",control:t,render:({field:i})=>n(a.TextInput,{label:"X Axis Name",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Tick Label",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(Qt,{data:e,...i})})]}),n(x.Controller,{name:"x_axis.axisLabel.overflow",control:t,render:({field:i})=>n(Je,{...i})})]})}const bd=[{label:"left",value:"left"},{label:"center",value:"center"},{label:"right",value:"right"}],yd=[{label:"left",value:"left"},{label:"right",value:"right"}];function vd({control:e,index:t,remove:r}){return c(a.Stack,{my:0,p:"0",sx:{position:"relative"},children:[n(a.Divider,{mb:-15,mt:15,variant:"dashed",label:"Name",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`y_axes.${t}.name`,control:e,render:({field:i})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...i})}),n(x.Controller,{name:`y_axes.${t}.nameAlignment`,control:e,render:({field:i})=>n(a.Select,{label:"Align",required:!0,data:bd,sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Layout",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`y_axes.${t}.position`,control:e,render:({field:i})=>n(a.Select,{label:"Position",required:!0,data:yd,sx:{flex:1},...i})})}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Label Format",labelPosition:"center"}),n(x.Controller,{name:`y_axes.${t}.label_formatter`,control:e,render:({field:i})=>n(Oe,{...i})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Value Range",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`y_axes.${t}.min`,control:e,render:({field:i})=>n(a.TextInput,{label:"Min",...i})}),n(x.Controller,{name:`y_axes.${t}.max`,control:e,render:({field:i})=>n(a.TextInput,{label:"Max",...i})})]})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`y_axes.${t}.show`,control:e,render:({field:i})=>n(a.Checkbox,{label:"Visible",checked:i.value,onChange:s=>i.onChange(s.currentTarget.checked)})}),n(a.Button,{mt:20,leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),disabled:t===0,children:"Delete this YAxis"})]})}function xd({control:e,watch:t}){const{fields:r,append:i,remove:s}=x.useFieldArray({control:e,name:"y_axes"}),o=t("y_axes"),u=r.map((d,p)=>({...d,...o[p]})),l=()=>i({name:"",label_formatter:Se});return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[u.map((d,p)=>n(a.Tabs.Tab,{value:p.toString(),children:p+1},p)),n(a.Tabs.Tab,{onClick:l,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),u.map((d,p)=>n(a.Tabs.Panel,{value:p.toString(),children:n(vd,{control:e,index:p,remove:s})},p))]})}function Cd({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),{variables:i}=e,s=e.data,o=m.useMemo(()=>v.defaultsDeep({},t,zn),[t]),{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,o),[g,o]);return d(["dataZoom"]),n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"Series",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X Axis"}),n(a.Tabs.Tab,{value:"Y Axes",children:"Y Axes"}),n(a.Tabs.Tab,{value:"Series",children:"Series"}),n(a.Tabs.Tab,{value:"Regression Lines",children:"Regression Lines"}),n(a.Tabs.Tab,{value:"Stats",children:"Stats"}),n(a.Tabs.Tab,{value:"Reference Lines",children:"Reference Lines"}),n(a.Tabs.Tab,{value:"Reference Areas",children:"Reference Areas"}),n(a.Tabs.Tab,{value:"Zooming",children:"Zooming"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(md,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Y Axes",children:n(xd,{control:u,watch:d})}),n(a.Tabs.Panel,{value:"Series",children:n(fd,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Regression Lines",children:n(ed,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Stats",children:n(gd,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Reference Lines",children:n(Zu,{variables:i,control:u,watch:d})}),n(a.Tabs.Panel,{value:"Reference Areas",children:n(Ru,{variables:i,control:u,watch:d})}),n(a.Tabs.Panel,{value:"Zooming",children:n(x.Controller,{name:"dataZoom",control:u,render:({field:b})=>n(Pn,{...b})})})]})]})})}function wd(e){const t=v.cloneDeep(v.omit(e,"variables"));return t.stats=v.omit(t.stats,"variables"),t}function _d(e){const{rotate:t,formatter:r=Ge}=e.x_axis.axisLabel;return{...e,x_axis:{...e.x_axis,axisLabel:{rotate:t,formatter:r}}}}function Sd(e){const{dataZoom:t=ct,...r}=e;return{...r,dataZoom:t}}function Td(e){const t={x_axis:{axisLabel:{overflow:{x_axis:{width:80,overflow:"truncate",ellipsis:"..."},tooltip:{width:200,overflow:"break",ellipsis:"..."}}}}};return v.defaultsDeep(t,e)}function kd(e){const t=e.reference_lines.map(r=>{const{lineStyle:i={type:"dashed",width:1,color:je.random().css()},show_in_legend:s=!1}=r;return{...r,lineStyle:i,show_in_legend:s}});return{...e,reference_lines:t}}function Dd(e){const t=e.reference_lines.map(r=>{const{yAxisIndex:i=0}=r;return{...r,yAxisIndex:i}});return{...e,reference_lines:t}}function Id(e){const t=e.series.map(r=>{const{aggregation_on_group:i=St}=r;return{...r,aggregation_on_group:i}});return{...e,series:t}}function Md(e){const t=e.series.map(r=>{const{aggregation_on_value:i=St}=r;return{...r,aggregation_on_value:i}});return{...e,series:t}}function Ad(e){delete e.config;const{x_axis:t,tooltip:r}=e.x_axis.axisLabel.overflow,i={x_axis:{axisLabel:{overflow:{on_axis:t,in_tooltip:r}}}};return v.defaultsDeep(i,e)}function $d(e){const{series:t,...r}=e;return{...r,series:t.map(i=>{const{barMinWidth:s,barWidth:o,barMaxWidth:u}=i;return s?{...i,barMinWidth:s,barWidth:"",barMaxWidth:u??o}:{...i,barMinWidth:"",barWidth:o,barMaxWidth:""}})}}function zd(e){const{y_axes:t,...r}=e;return{...r,y_axes:t.map(i=>{const{min:s="",max:o=""}=i;return{...i,min:s,max:o}})}}function Ed(e){const{y_axes:t,...r}=e;return{...r,y_axes:t.map(i=>{const{nameAlignment:s="left"}=i;return{...i,nameAlignment:s}})}}function Ld(e){const{y_axes:t,...r}=e;return{...r,y_axes:t.map(i=>{const{show:s=!0}=i;return{...i,show:s}})}}function Pd(e){const{regressions:t,...r}=e;return{...r,regressions:t.map(i=>{const{group_by_key:s=""}=i;return{...i,group_by_key:s}})}}class Od extends fe{constructor(){super(...arguments);O(this,"VERSION",15)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,(r,{panelModel:i})=>{const{config:s}=r;return(s.variables||[]).forEach(l=>{i.variables.find(d=>d.name===l.name)||i.addVariable(l)}),(v.get(s,"stats.variables")||[]).forEach(l=>{i.variables.find(d=>d.name===l.name)||i.addVariable(l)}),{...r,version:2,config:wd(s)}}),this.version(3,r=>({...r,version:3,config:_d(r.config)})),this.version(4,r=>({...r,version:4,config:Sd(r.config)})),this.version(5,r=>({...r,version:5,config:Td(r.config)})),this.version(6,r=>({...r,version:6,config:kd(r.config)})),this.version(7,r=>({...r,version:7,config:Dd(r.config)})),this.version(8,r=>({...r,version:8,config:Id(r.config)})),this.version(9,r=>({...r,version:9,config:Md(r.config)})),this.version(10,r=>({...r,version:10,config:Ad(r.config)})),this.version(11,r=>({...r,version:11,config:$d(r.config)})),this.version(12,r=>({...r,version:12,config:zd(r.config)})),this.version(13,r=>({...r,version:13,config:Ed(r.config)})),this.version(14,r=>({...r,version:14,config:Ld(r.config)})),this.version(15,r=>({...r,version:15,config:Pd(r.config)}))}}const Vd={displayName:"Cartesian Chart",displayGroup:"ECharts-based charts",migrator:new Od,name:"cartesian",viewRender:Fu,configRender:Cd,createConfig(){return{version:15,config:v.cloneDeep(zn)}},triggers:[$n]};function Bd(e){if(e.enable_value)return e.value}function Nd(e){if(e.enable_value)return e.value}function Gd(e){const t=e.axisLabel.overflow.on_axis.width,r=e.axisLabel.position,i={top:5,left:5,right:5,bottom:5};return e.orient==="vertical"&&v.get(i,r)&&r===e.funnelAlign&&v.set(i,r,t),i}function qd(e,t){return e.series.map(r=>{const{level_name_data_key:i,level_value_data_key:s,axisLabel:o,min:u,max:l,funnelAlign:d,orient:p,...f}=r,g=t.map(b=>({name:b[i],value:b[s]})),h=Re(o.overflow.on_axis);return{type:"funnel",...Gd(r),min:Bd(u),max:Nd(l),minSize:u.size,maxSize:l.size,...f,label:{show:!0,position:o.position,...h},orient:p,funnelAlign:p==="horizontal"?"center":d,data:g}})}function Fd({conf:e,params:t,max:r}){const{name:i,value:s}=t.data,o=te(s/r).format({output:"percent",mantissa:2,trimMantissa:!0});return[{label:`${t.marker} ${i}`,value:`${s} (${o})`,style:{label:"",value:""}}]}function Wd(e,t){var s;const r=e.series[0].level_value_data_key,i=(s=v.maxBy(t,r))==null?void 0:s[r];return o=>{const l=Fd({conf:e,params:o,max:i}).map(p=>`
+      `}}}function Ou(e){return e.y_axes.reduce((r,{label_formatter:i},s)=>(r[s]=function(u){let l=u;if(typeof u=="object"&&(Array.isArray(u.value)&&u.value.length===2?l=u.value[1]:l=u.value),!i)return l;try{return te(l).format(i)}catch(d){return console.error(d),l}},r),{default:({value:r})=>r})}function Vu(e,t){const r={};return t.map(i=>{const s=dt(i,e);r[i.name]=et(i,s)}),r}function Bu(e,t){const r=t.every(u=>!Number.isNaN(Number(u))),{overflow:i,...s}=e.x_axis.axisLabel,o=Ye(i.on_axis);return[{data:t,name:e.x_axis_name??"",id:"main-x-axis",axisTick:{show:!0,alignWithLabel:!0},type:r?"value":"category",axisLabel:{...s,...o,formatter:ut(s.formatter)}}]}function Nu(e,t){return e.y_axes.map(({nameAlignment:r,min:i,max:s,...o},u)=>{let l=o.position;return l||(l=u>0?"right":"left"),{...o,min:i||void 0,max:s||void 0,position:l,axisLabel:{show:!0,formatter:t[u]??t.default},axisLine:{show:!0},nameTextStyle:{fontWeight:"bold",align:r},nameLocation:"end",nameGap:15,splitLine:{show:!1}}})}const Gu={tooltip:{trigger:"axis",confine:!0},xAxis:[{type:"category",nameGap:25,nameLocation:"center",nameTextStyle:{fontWeight:"bold"},splitLine:{show:!1},axisTick:{show:!0,alignWithLabel:!0}}],grid:{top:10,left:20,right:15,bottom:25,containLabel:!0}};function qu(e,t,r){const i=Vu(t,r),s=Ou(e),o=v.uniq(t.map(f=>f[e.x_axis_data_key])),u=o.every(f=>!Number.isNaN(Number(f))),l=Eu(e,o,u,t,s,r,i),d=Su(e,t),p={xAxis:Bu(e,o),yAxis:Nu(e,s),series:[...l,...d],tooltip:Pu(e,l,s),grid:vu(e),legend:wu(l),dataZoom:En(e.dataZoom)};return v.defaultsDeep({},p,Gu)}function ua(e){const t=e.getModel(),r=t.getSeries().map(i=>{if(!i.option.custom)return i.option;const s=t.getColorFromPalette(i.option.custom.targetSeries,null);return i.option.color=s,i.option});e.setOption({...e.getOption(),series:r})}le.use([N.DataZoomComponent,de.BarChart,de.LineChart,de.ScatterChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer,N.MarkLineComponent,N.MarkAreaComponent]);function da(e){return e.trim().length>0}function Fu({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>v.keyBy(t,e.x_axis_data_key),[t,e.x_axis_data_key]),l=Ne(s.triggerManager,$n.id),d=m.useCallback(b=>{const w=v.get(u,b.name,{error:"rowData is not found"});l.forEach(C=>{s.runInteraction(C.id,{...b,rowData:w})})},[u,l,s]),p=m.useMemo(()=>qu(e,t,o),[e,t]),f=m.useRef(),g=m.useMemo(()=>({click:d}),[d]),h=b=>{f.current=b,ua(b)};return m.useEffect(()=>{f.current&&ua(f.current)},[p]),!r||!i?null:n(Ae,{echarts:le,option:p,style:{width:r,height:i},onEvents:g,onChartReady:h,notMerge:!0,theme:"merico-light"})}function Wu({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,zn),[i]),u=e.data,{width:l,height:d}=e.viewport,{ref:p,height:f}=ve.useElementSize(),{ref:g,height:h}=ve.useElementSize(),b=m.useMemo(()=>{const{stats:{templates:C}}=o;return{top:kt(C.top,s,u),bottom:kt(C.bottom,s,u)}},[o,u]),w=Math.max(0,d-f-h);return c(a.Box,{children:[n(a.Text,{ref:p,align:"left",size:"xs",pl:"sm",sx:{display:da(o.stats.templates.top)?"block":"none"},children:Object.values(b.top).map((C,S)=>n(m.Fragment,{children:C},S))}),n(Fu,{variables:s,width:l,height:w,data:u,conf:o,interactionManager:r}),n(a.Text,{ref:g,align:"left",size:"xs",pl:"sm",sx:{display:da(o.stats.templates.bottom)?"block":"none"},children:Object.values(b.bottom).map((C,S)=>n(m.Fragment,{children:C},S))})]})}const Pn=m.forwardRef(({value:e,onChange:t},r)=>{const i=s=>o=>{t({...e,[s]:o})};return c(a.Stack,{children:[n(a.Divider,{variant:"dashed",label:"Scroll to Zoom",labelPosition:"center"}),c(a.Group,{children:[n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Enable on X Axis",checked:e.x_axis_scroll,onChange:s=>i("x_axis_scroll")(s.currentTarget.checked)})}),n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Enable on Y Axis",checked:e.y_axis_scroll,onChange:s=>i("y_axis_scroll")(s.currentTarget.checked)})})]}),n(a.Divider,{variant:"dashed",label:"Slider for Zooming",labelPosition:"center"}),c(a.Group,{children:[n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Slider for X Axis",checked:e.x_axis_slider,onChange:s=>i("x_axis_slider")(s.currentTarget.checked)})}),n(a.Tooltip,{label:"Not available for now, will overlap y-axis's label",children:n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Slider for Y Axis",disabled:!e.y_axis_slider,checked:e.y_axis_slider,onChange:s=>i("y_axis_slider")(s.currentTarget.checked)})})})]})]})}),ju=[{label:"Rectangle",value:"rectangle"}],Ru=[{label:"Horizontal",value:"horizontal"}];function Yu({control:e,index:t,remove:r,variableOptions:i}){return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_areas.${t}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`reference_areas.${t}.color`,control:e,render:({field:s})=>n(a.TextInput,{label:"Color",required:!0,sx:{flex:1},...s})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_areas.${t}.type`,control:e,render:({field:s})=>n(a.Select,{label:"Type",required:!0,data:ju,sx:{flex:1},...s})}),n(x.Controller,{name:`reference_areas.${t}.direction`,control:e,render:({field:s})=>n(a.Select,{label:"Direction",required:!0,data:Ru,sx:{flex:1},...s})})]}),n(a.Divider,{variant:"dashed",label:"Data",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_areas.${t}.y_keys.upper`,control:e,render:({field:s})=>n(a.Select,{label:"Upper Boundary",required:!0,data:i,sx:{flex:1},...s})}),n(x.Controller,{name:`reference_areas.${t}.y_keys.lower`,control:e,render:({field:s})=>n(a.Select,{label:"Lower Boundary",required:!0,data:i,sx:{flex:1},...s})})]}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Reference Area"})]},t)}function Qu({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_areas"}),u=t("reference_areas"),l=i.map((f,g)=>({...f,...u[g]})),d=()=>s({name:"",type:"rectangle",direction:"horizontal",y_keys:{upper:"",lower:""}}),p=m.useMemo(()=>r.map(f=>({label:f.name,value:f.name})),[r]);return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"6px 0px 0px"}},children:[c(a.Tabs.List,{children:[l.map((f,g)=>n(a.Tabs.Tab,{value:g.toString(),children:g+1},g)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((f,g)=>n(a.Tabs.Panel,{value:g.toString(),children:n(Yu,{control:e,index:g,remove:o,variableOptions:p})},g))]})}const Uu=[{label:"solid",value:"solid"},{label:"dashed",value:"dashed"},{label:"dotted",value:"dotted"}],Xu=[{label:"Horizontal",value:"horizontal"},{label:"Vertical",value:"vertical"}];function Zu({control:e,index:t,remove:r,watch:i,variableOptions:s,yAxisOptions:o}){const u=i(`reference_lines.${t}.orientation`);return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:l})=>n(a.TextInput,{label:"Name",placeholder:"Average Reference Line",required:!0,sx:{flex:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:l})=>n(a.Select,{label:"Value",required:!0,data:s,sx:{flex:1},...l})})]}),n(x.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:l})=>n(a.TextInput,{label:"Content Template",placeholder:"Average: ${avg}",sx:{flex:1},...l})}),c(a.Group,{grow:!0,children:[c(a.Stack,{children:[n(x.Controller,{name:`reference_lines.${t}.orientation`,control:e,render:({field:l})=>n(a.Select,{label:"Orientation",data:Xu,required:!0,sx:{flex:1},...l})}),u==="vertical"&&n(a.Text,{mt:-10,color:"dimmed",size:12,children:"Works only when xAxis values are numbers"})]}),u==="horizontal"&&n(x.Controller,{name:`reference_lines.${t}.yAxisIndex`,control:e,render:({field:{value:l,onChange:d,...p}})=>n(a.Select,{label:"Y Axis",data:o,disabled:o.length===0,...p,value:(l==null?void 0:l.toString())??"",onChange:f=>{if(!f){d(0);return}d(Number(f))},sx:{flex:1}})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Style",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`reference_lines.${t}.lineStyle.type`,control:e,render:({field:l})=>n(a.Select,{label:"Line Type",data:Uu,sx:{flexGrow:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.width`,control:e,render:({field:l})=>n(a.NumberInput,{label:"Line Width",min:1,max:10,sx:{flexGrow:1},...l})})]}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.color`,control:e,render:({field:l})=>n(De,{...l})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`reference_lines.${t}.show_in_legend`,control:e,render:({field:l})=>n(a.Checkbox,{label:"Show in legend",checked:l.value,onChange:d=>l.onChange(d.currentTarget.checked)})}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Reference Line"})]},t)}function Ku({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_lines"}),u=t("reference_lines"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>{s({name:"",template:"",variable_key:"",orientation:"horizontal",lineStyle:{type:"dashed",width:1,color:"#868E96"},show_in_legend:!1,yAxisIndex:0})},p=m.useMemo(()=>r.map(h=>({label:h.name,value:h.name})),[r]),f=t("y_axes"),g=m.useMemo(()=>f.map(({name:h},b)=>({label:h,value:b.toString()})),[f]);return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:b.toString(),children:b+1},b)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:b.toString(),children:n(Zu,{control:e,index:b,remove:o,watch:t,variableOptions:p,yAxisOptions:g})},b))]})}const Ju=[{label:"Linear",value:"linear"},{label:"Exponential",value:"exponential"},{label:"Logarithmic",value:"logarithmic"},{label:"Polynomial",value:"polynomial"}],Hu=[{label:"solid",value:"solid"},{label:"dashed",value:"dashed"},{label:"dotted",value:"dotted"}];function ed({control:e,regressionItem:t,index:r,remove:i,yAxisOptions:s,data:o}){const u=t.transform.config.method;return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,children:[n(x.Controller,{name:`regressions.${r}.name`,control:e,render:({field:l})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...l})}),n(x.Controller,{name:`regressions.${r}.group_by_key`,control:e,render:({field:l})=>n(W,{label:"Split into multiple regression lines by this key...",data:o,clearable:!0,sx:{flex:1},...l})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`regressions.${r}.y_axis_data_key`,control:e,render:({field:l})=>n(W,{label:"Value Field",required:!0,data:o,sx:{flex:1},...l})}),n(x.Controller,{name:`regressions.${r}.plot.yAxisIndex`,control:e,render:({field:{value:l,onChange:d,...p}})=>n(a.Select,{label:"Y Axis",data:s,disabled:s.length===0,...p,value:(l==null?void 0:l.toString())??"",onChange:f=>{if(!f){d(0);return}d(Number(f))},sx:{flex:1}})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`regressions.${r}.transform.config.method`,control:e,render:({field:l})=>n(a.Select,{label:"Method",data:Ju,sx:{flex:1},...l})}),u==="polynomial"&&n(x.Controller,{name:`regressions.${r}.transform.config.order`,control:e,render:({field:l})=>n(a.NumberInput,{label:"Order",sx:{flex:1},...l})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Line Style",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`regressions.${r}.plot.lineStyle.type`,control:e,render:({field:l})=>n(a.Select,{label:"Line Type",data:Hu,sx:{flexGrow:1},...l})}),n(x.Controller,{name:`regressions.${r}.plot.lineStyle.width`,control:e,render:({field:l})=>n(a.NumberInput,{label:"Line Width",min:1,max:10,sx:{flexGrow:1},...l})})]}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`regressions.${r}.plot.color`,control:e,render:({field:l})=>n(De,{...l})})]}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Regression Line"})]},r)}function td({control:e,watch:t,data:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"regressions"}),u=t("regressions"),l=i.map((g,h)=>({...g,...u[h]})),d=t("y_axes"),p=m.useMemo(()=>d.map(({name:g},h)=>({label:g,value:h.toString()})),[d]),f=()=>s({transform:{type:"ecStat:regression",config:{method:"linear",order:1,formulaOn:"end"}},name:"",y_axis_data_key:"",plot:{type:"line",yAxisIndex:0,color:"#666666",lineStyle:{type:"solid",width:1}}});return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((g,h)=>n(a.Tabs.Tab,{value:h.toString(),children:h+1},h)),n(a.Tabs.Tab,{onClick:f,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((g,h)=>n(a.Tabs.Panel,{value:h.toString(),children:n(ed,{regressionItem:g,control:e,index:h,remove:o,yAxisOptions:p,data:r},h)},h))]})}const On={static:{type:"static",size:10},dynamic:{type:"dynamic",func_content:["function getSize({ rowData, params, variables }, { lodash, interpolate }) {","    // your code goes here","    // return 10","}"].join(`
+`)}},nd=[{label:"No gap between bars",value:"0%"},{label:"Bars overlapping on each other",value:"-100%"}];function rd({control:e,index:t,seriesItem:r}){const i=!!r.barWidth.trim();return c(B,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.stack`,control:e,render:({field:s})=>n(a.TextInput,{label:"Stack",placeholder:"Stack bars by this ID",sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barGap`,control:e,render:({field:s})=>n(a.Select,{label:"Bar Gap",data:nd,sx:{flexGrow:1},...s})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.barMinWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width(Min)",disabled:i,sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width",sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barMaxWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width(Max)",disabled:i,sx:{flexGrow:1},...s})})]})]})}const id=({value:e,onChange:t})=>{const r=i=>{i&&t(i)};return n(a.Box,{children:n(_e,{height:"500px",defaultLanguage:"javascript",value:e,onChange:r,theme:"vs-dark",options:{minimap:{enabled:!1}}})})},ad=({value:e,onChange:t,data:r})=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e),d=()=>{o();const{type:h,func_content:b}=u,w={type:h,func_content:b};l(w),t(w)},p=()=>{o(),l(e)},f=h=>{l(b=>({...b,func_content:h}))},g=()=>{f(On.dynamic.func_content)};return c(B,{children:[n(a.Box,{sx:{width:"50%"},children:n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Setup"})}),n(a.Modal,{size:800,title:"Setup dynamic size",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Divider,{mt:10,mb:-10,label:"Dynamic by a custom function",labelPosition:"center",variant:"dashed"}),n(id,{value:u.func_content,onChange:f}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:g,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})},sd=({value:e,onChange:t,data:r})=>e.type!=="dynamic"?null:n(ad,{value:e,onChange:t,data:r}),od=({value:e,onChange:t})=>{if(e.type!=="static")return null;const r=i=>{t({...e,size:i})};return n(B,{children:n(a.NumberInput,{defaultValue:18,placeholder:"1 ~ 100",label:" ",hideControls:!0,value:e.size,onChange:r})})},ld=[{label:"Static",value:"static"},{label:"Dynamic",value:"dynamic"}],ca=m.forwardRef(({label:e="Size",value:t,onChange:r,data:i},s)=>{const o=u=>{r({...On[u]})};return c(a.SimpleGrid,{cols:2,children:[n(a.Select,{ref:s,label:e,data:ld,value:t.type,onChange:o,sx:{flexGrow:1}}),n(od,{value:t,onChange:r}),n(sd,{value:t,onChange:r,data:i})]})}),ud=[{label:"off",value:"false"},{label:"start",value:"start"},{label:"middle",value:"middle"},{label:"end",value:"end"}],dd=[{label:"solid",value:"solid"},{label:"dashed",value:"dashed"},{label:"dotted",value:"dotted"}];function cd({control:e,index:t,seriesItem:r,data:i}){const s=r.showSymbol;return c(B,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Line Settings",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`series.${t}.lineStyle.type`,control:e,render:({field:o})=>n(a.Select,{label:"Line Type",data:dd,sx:{flexGrow:1},...o})}),n(x.Controller,{name:`series.${t}.lineStyle.width`,control:e,render:({field:o})=>n(a.NumberInput,{label:"Line Width",min:1,max:10,sx:{flexGrow:1},...o})})]}),c(a.Group,{grow:!0,align:"center",children:[n(x.Controller,{name:`series.${t}.step`,control:e,render:({field:o})=>n(a.Select,{label:"Step",data:ud,sx:{flexGrow:1,maxWidth:"48%"},...o,value:String(o.value),onChange:u=>{const l=u==="false"?!1:u;o.onChange(l)}})}),c(a.Stack,{children:[n(x.Controller,{name:`series.${t}.smooth`,control:e,render:({field:o})=>n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Smooth Line",checked:o.value,onChange:u=>o.onChange(u.currentTarget.checked)})})}),n(x.Controller,{name:`series.${t}.display_name_on_line`,control:e,render:({field:o})=>n(a.Box,{sx:{flexGrow:1},children:n(a.Switch,{label:"Display Name on Line",checked:o.value??!1,onChange:u=>o.onChange(u.currentTarget.checked)})})})]})]}),c(a.Stack,{children:[n(x.Controller,{name:`series.${t}.showSymbol`,control:e,render:({field:o})=>n(a.Box,{mt:10,mb:-10,sx:{flexGrow:1},children:n(a.Switch,{label:"Show Symbol on Line",checked:o.value,onChange:u=>o.onChange(u.currentTarget.checked)})})}),s&&n(x.Controller,{name:`series.${t}.symbolSize`,control:e,render:({field:o})=>n(ca,{label:"Symbol Size",data:i,...o})})]})]})}function pd({control:e,index:t,data:r}){return n(x.Controller,{name:`series.${t}.symbolSize`,control:e,render:({field:i})=>n(ca,{label:"Size",data:r,...i})})}const hd=[{label:"off",value:""},{label:"top",value:"top"},{label:"left",value:"left"},{label:"right",value:"right"},{label:"bottom",value:"bottom"},{label:"inside",value:"inside"},{label:"insideLeft",value:"insideLeft"},{label:"insideRight",value:"insideRight"},{label:"insideTop",value:"insideTop"},{label:"insideBottom",value:"insideBottom"},{label:"insideTopLeft",value:"insideTopLeft"},{label:"insideBottomLeft",value:"insideBottomLeft"},{label:"insideTopRight",value:"insideTopRight"},{label:"insideBottomRight",value:"insideBottomRight"}];function fd({control:e,index:t,remove:r,seriesItem:i,yAxisOptions:s,data:o}){const u=i.type;return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[n(a.Stack,{children:n(x.Controller,{name:`series.${t}.type`,control:e,render:({field:l})=>n(a.SegmentedControl,{data:[{label:"Line",value:"line"},{label:"Bar",value:"bar"},{label:"Scatter",value:"scatter"}],...l})})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.name`,control:e,render:({field:l})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...l})}),n(x.Controller,{name:`series.${t}.yAxisIndex`,control:e,render:({field:{value:l,onChange:d,...p}})=>n(a.Select,{label:"Y Axis",data:s,disabled:s.length===0,...p,value:(l==null?void 0:l.toString())??"",onChange:f=>{if(!f){d(0);return}d(Number(f))},sx:{flex:1}})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.y_axis_data_key`,control:e,render:({field:l})=>n(W,{label:"Value Field",required:!0,data:o,sx:{flex:1},...l})}),n(x.Controller,{name:`series.${t}.aggregation_on_value`,control:e,render:({field:l})=>n(jt,{label:"Aggregation on Value",value:l.value??St,onChange:l.onChange,pt:0})})]}),n(a.Group,{grow:!0,children:n(x.Controller,{name:`series.${t}.group_by_key`,control:e,render:({field:l})=>n(W,{label:"Split into multiple series by this key...",data:o,clearable:!0,sx:{flex:1},...l})})}),u==="line"&&n(cd,{index:t,control:e,seriesItem:i,data:o}),u==="bar"&&n(rd,{index:t,control:e,seriesItem:i}),u==="scatter"&&n(pd,{index:t,control:e,data:o}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Style",labelPosition:"center"}),n(x.Controller,{name:`series.${t}.label_position`,control:e,render:({field:l})=>n(a.Select,{label:"Label Position",data:hd,...l})}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`series.${t}.color`,control:e,render:({field:l})=>n(De,{...l})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`series.${t}.hide_in_legend`,control:e,render:({field:l})=>n(a.Checkbox,{label:"Hide in legend",checked:l.value,onChange:d=>l.onChange(d.currentTarget.checked)})}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Series"})]},t)}function gd({control:e,watch:t,data:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"series"}),u=t("series"),l=i.map((g,h)=>({...g,...u[h]})),d=()=>{const g={type:"bar",name:ve.randomId(),showSymbol:!1,symbolSize:On.static,y_axis_data_key:"value",yAxisIndex:0,label_position:"top",display_name_on_line:!1,stack:"",color:"#000",step:!1,smooth:!1,barMinWidth:"1",barWidth:"10%",barMaxWidth:"10",barGap:"0%",lineStyle:{type:"solid",width:1},hide_in_legend:!1,group_by_key:""};s(g)},p=t("y_axes"),f=m.useMemo(()=>p.map(({name:g},h)=>({label:g,value:h.toString()})),[p]);return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((g,h)=>n(a.Tabs.Tab,{value:h.toString(),children:h+1},g.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((g,h)=>n(a.Tabs.Panel,{value:h.toString(),children:n(fd,{control:e,index:h,remove:o,seriesItem:g,yAxisOptions:f,data:r},g.id)},g.id))]})}function md({control:e,watch:t}){return t("stats"),n(a.Stack,{children:c(a.Stack,{spacing:0,children:[n(x.Controller,{name:"stats.templates.top",control:e,render:({field:r})=>n(_t,{label:"Template for stats above the chart",py:"md",sx:{flexGrow:1},...r})}),n(x.Controller,{name:"stats.templates.bottom",control:e,render:({field:r})=>n(_t,{label:"Template for stats under the chart",py:"md",sx:{flexGrow:1},...r})})]})})}function bd({data:e,control:t,watch:r}){return r(["x_axis_data_key","x_axis_name","x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis_data_key",control:t,render:({field:i})=>n(W,{label:"X Axis Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis_name",control:t,render:({field:i})=>n(a.TextInput,{label:"X Axis Name",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Tick Label",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(Qt,{data:e,...i})})]}),n(x.Controller,{name:"x_axis.axisLabel.overflow",control:t,render:({field:i})=>n(Je,{...i})})]})}const yd=[{label:"left",value:"left"},{label:"center",value:"center"},{label:"right",value:"right"}],vd=[{label:"left",value:"left"},{label:"right",value:"right"}];function xd({control:e,index:t,remove:r}){return c(a.Stack,{my:0,p:"0",sx:{position:"relative"},children:[n(a.Divider,{mb:-15,mt:15,variant:"dashed",label:"Name",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`y_axes.${t}.name`,control:e,render:({field:i})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...i})}),n(x.Controller,{name:`y_axes.${t}.nameAlignment`,control:e,render:({field:i})=>n(a.Select,{label:"Align",required:!0,data:yd,sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Layout",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`y_axes.${t}.position`,control:e,render:({field:i})=>n(a.Select,{label:"Position",required:!0,data:vd,sx:{flex:1},...i})})}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Label Format",labelPosition:"center"}),n(x.Controller,{name:`y_axes.${t}.label_formatter`,control:e,render:({field:i})=>n(Oe,{...i})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Value Range",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`y_axes.${t}.min`,control:e,render:({field:i})=>n(a.TextInput,{label:"Min",...i})}),n(x.Controller,{name:`y_axes.${t}.max`,control:e,render:({field:i})=>n(a.TextInput,{label:"Max",...i})})]})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`y_axes.${t}.show`,control:e,render:({field:i})=>n(a.Checkbox,{label:"Visible",checked:i.value,onChange:s=>i.onChange(s.currentTarget.checked)})}),n(a.Button,{mt:20,leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),disabled:t===0,children:"Delete this YAxis"})]})}function Cd({control:e,watch:t}){const{fields:r,append:i,remove:s}=x.useFieldArray({control:e,name:"y_axes"}),o=t("y_axes"),u=r.map((d,p)=>({...d,...o[p]})),l=()=>i({name:"",label_formatter:Se});return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[u.map((d,p)=>n(a.Tabs.Tab,{value:p.toString(),children:p+1},p)),n(a.Tabs.Tab,{onClick:l,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),u.map((d,p)=>n(a.Tabs.Panel,{value:p.toString(),children:n(xd,{control:e,index:p,remove:s})},p))]})}function wd({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),{variables:i}=e,s=e.data,o=m.useMemo(()=>v.defaultsDeep({},t,zn),[t]),{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,o),[g,o]);return d(["dataZoom"]),n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"Series",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X Axis"}),n(a.Tabs.Tab,{value:"Y Axes",children:"Y Axes"}),n(a.Tabs.Tab,{value:"Series",children:"Series"}),n(a.Tabs.Tab,{value:"Regression Lines",children:"Regression Lines"}),n(a.Tabs.Tab,{value:"Stats",children:"Stats"}),n(a.Tabs.Tab,{value:"Reference Lines",children:"Reference Lines"}),n(a.Tabs.Tab,{value:"Reference Areas",children:"Reference Areas"}),n(a.Tabs.Tab,{value:"Zooming",children:"Zooming"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(bd,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Y Axes",children:n(Cd,{control:u,watch:d})}),n(a.Tabs.Panel,{value:"Series",children:n(gd,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Regression Lines",children:n(td,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Stats",children:n(md,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Reference Lines",children:n(Ku,{variables:i,control:u,watch:d})}),n(a.Tabs.Panel,{value:"Reference Areas",children:n(Qu,{variables:i,control:u,watch:d})}),n(a.Tabs.Panel,{value:"Zooming",children:n(x.Controller,{name:"dataZoom",control:u,render:({field:b})=>n(Pn,{...b})})})]})]})})}function _d(e){const t=v.cloneDeep(v.omit(e,"variables"));return t.stats=v.omit(t.stats,"variables"),t}function Sd(e){const{rotate:t,formatter:r=Ge}=e.x_axis.axisLabel;return{...e,x_axis:{...e.x_axis,axisLabel:{rotate:t,formatter:r}}}}function Td(e){const{dataZoom:t=ct,...r}=e;return{...r,dataZoom:t}}function kd(e){const t={x_axis:{axisLabel:{overflow:{x_axis:{width:80,overflow:"truncate",ellipsis:"..."},tooltip:{width:200,overflow:"break",ellipsis:"..."}}}}};return v.defaultsDeep(t,e)}function Dd(e){const t=e.reference_lines.map(r=>{const{lineStyle:i={type:"dashed",width:1,color:je.random().css()},show_in_legend:s=!1}=r;return{...r,lineStyle:i,show_in_legend:s}});return{...e,reference_lines:t}}function Id(e){const t=e.reference_lines.map(r=>{const{yAxisIndex:i=0}=r;return{...r,yAxisIndex:i}});return{...e,reference_lines:t}}function Md(e){const t=e.series.map(r=>{const{aggregation_on_group:i=St}=r;return{...r,aggregation_on_group:i}});return{...e,series:t}}function Ad(e){const t=e.series.map(r=>{const{aggregation_on_value:i=St}=r;return{...r,aggregation_on_value:i}});return{...e,series:t}}function $d(e){delete e.config;const{x_axis:t,tooltip:r}=e.x_axis.axisLabel.overflow,i={x_axis:{axisLabel:{overflow:{on_axis:t,in_tooltip:r}}}};return v.defaultsDeep(i,e)}function zd(e){const{series:t,...r}=e;return{...r,series:t.map(i=>{const{barMinWidth:s,barWidth:o,barMaxWidth:u}=i;return s?{...i,barMinWidth:s,barWidth:"",barMaxWidth:u??o}:{...i,barMinWidth:"",barWidth:o,barMaxWidth:""}})}}function Ed(e){const{y_axes:t,...r}=e;return{...r,y_axes:t.map(i=>{const{min:s="",max:o=""}=i;return{...i,min:s,max:o}})}}function Ld(e){const{y_axes:t,...r}=e;return{...r,y_axes:t.map(i=>{const{nameAlignment:s="left"}=i;return{...i,nameAlignment:s}})}}function Pd(e){const{y_axes:t,...r}=e;return{...r,y_axes:t.map(i=>{const{show:s=!0}=i;return{...i,show:s}})}}function Od(e){const{regressions:t,...r}=e;return{...r,regressions:t.map(i=>{const{group_by_key:s=""}=i;return{...i,group_by_key:s}})}}class Vd extends fe{constructor(){super(...arguments);P(this,"VERSION",15)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,(r,{panelModel:i})=>{const{config:s}=r;return(s.variables||[]).forEach(l=>{i.variables.find(d=>d.name===l.name)||i.addVariable(l)}),(v.get(s,"stats.variables")||[]).forEach(l=>{i.variables.find(d=>d.name===l.name)||i.addVariable(l)}),{...r,version:2,config:_d(s)}}),this.version(3,r=>({...r,version:3,config:Sd(r.config)})),this.version(4,r=>({...r,version:4,config:Td(r.config)})),this.version(5,r=>({...r,version:5,config:kd(r.config)})),this.version(6,r=>({...r,version:6,config:Dd(r.config)})),this.version(7,r=>({...r,version:7,config:Id(r.config)})),this.version(8,r=>({...r,version:8,config:Md(r.config)})),this.version(9,r=>({...r,version:9,config:Ad(r.config)})),this.version(10,r=>({...r,version:10,config:$d(r.config)})),this.version(11,r=>({...r,version:11,config:zd(r.config)})),this.version(12,r=>({...r,version:12,config:Ed(r.config)})),this.version(13,r=>({...r,version:13,config:Ld(r.config)})),this.version(14,r=>({...r,version:14,config:Pd(r.config)})),this.version(15,r=>({...r,version:15,config:Od(r.config)}))}}const Bd={displayName:"Cartesian Chart",displayGroup:"ECharts-based charts",migrator:new Vd,name:"cartesian",viewRender:Wu,configRender:wd,createConfig(){return{version:15,config:v.cloneDeep(zn)}},triggers:[$n]};function Nd(e){if(e.enable_value)return e.value}function Gd(e){if(e.enable_value)return e.value}function qd(e){const t=e.axisLabel.overflow.on_axis.width,r=e.axisLabel.position,i={top:5,left:5,right:5,bottom:5};return e.orient==="vertical"&&v.get(i,r)&&r===e.funnelAlign&&v.set(i,r,t),i}function Fd(e,t){return e.series.map(r=>{const{level_name_data_key:i,level_value_data_key:s,axisLabel:o,min:u,max:l,funnelAlign:d,orient:p,...f}=r,g=t.map(b=>({name:b[i],value:b[s]})),h=Ye(o.overflow.on_axis);return{type:"funnel",...qd(r),min:Nd(u),max:Gd(l),minSize:u.size,maxSize:l.size,...f,label:{show:!0,position:o.position,...h},orient:p,funnelAlign:p==="horizontal"?"center":d,data:g}})}function Wd({conf:e,params:t,max:r}){const{name:i,value:s}=t.data,o=te(s/r).format({output:"percent",mantissa:2,trimMantissa:!0});return[{label:`${t.marker} ${i}`,value:`${s} (${o})`,style:{label:"",value:""}}]}function jd(e,t){var s;const r=e.series[0].level_value_data_key,i=(s=v.maxBy(t,r))==null?void 0:s[r];return o=>{const l=Wd({conf:e,params:o,max:i}).map(p=>`
           <tr>
             <th style="text-align: right;">
               <div style="${p.style.label}">${p.label}</div>
@@ -98,7 +98,7 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
       <table style="width: auto">
         <tbody>${l.join("")}</tbody>
       </table>
-    `}}function jd(e,t){return{trigger:"item",formatter:Wd(e,t)}}function Yd(e,t){return{grid:{top:0,left:0,right:0,bottom:0},tooltip:jd(e,t),series:qd(e,t)}}function Rd(e){return e||(e=Date.now().toString()),{id:e,name:e,level_name_data_key:"",level_value_data_key:"",min:{value:0,enable_value:!1,size:"0%"},max:{value:0,enable_value:!1,size:"100%"},gap:2,axisLabel:{show:!0,position:"inside",overflow:Ve},sort:"descending",orient:"vertical",funnelAlign:"center"}}const Vn={series:[Rd("Funnel")]};le.use([de.FunnelChart,N.DataZoomComponent,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function Qd({conf:e,data:t,width:r,height:i}){const s=m.useMemo(()=>Yd(e,t),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:s,style:{width:r,height:i},notMerge:!0,theme:"merico-light"})}function Ud({context:e}){const{value:t}=F(e.instanceData,"config"),r=m.useMemo(()=>v.defaults({},t,Vn),[t]),i=e.data,{width:s,height:o}=e.viewport;return n(a.Box,{children:n(Qd,{width:s,height:o,data:i,conf:r})})}const Xd=[{label:"Top",value:"top"},{label:"Left",value:"left"},{label:"Right",value:"right"},{label:"Bottom",value:"bottom"},{label:"Outside",value:"outside"},{label:"Inside",value:"inside"},{label:"InsideLeft",value:"insideLeft"},{label:"InsideRight",value:"insideRight"},{label:"InsideTop",value:"insideTop"},{label:"InsideBottom",value:"insideBottom"},{label:"InsideTopLeft",value:"insideTopLeft"},{label:"InsideBottomLeft",value:"insideBottomLeft"},{label:"InsideTopRight",value:"insideTopRight"},{label:"InsideBottomRight",value:"insideBottomRight"}],Bn=m.forwardRef(({label:e,value:t,onChange:r,options:i=Xd},s)=>n(a.Select,{ref:s,label:e,data:i,value:t,onChange:r})),Zd=[{label:"Ascending",value:"ascending"},{label:"Descending",value:"descending"},{label:"Use original data order",value:"0"}],Kd=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],Jd=[{label:"Horizontal",value:"horizontal"},{label:"Vertical",value:"vertical"}],Hd={horizontal:[{label:"Top",value:"top"},{label:"Inside Center",value:"inside"},{label:"Bottom",value:"bottom"}],vertical:[{label:"Left",value:"left"},{label:"Inside Left",value:"insideLeft"},{label:"Inside Center",value:"inside"},{label:"Inside Right",value:"insideRight"},{label:"Right",value:"right"}]},ec=({item:e,control:t,data:r,index:i,remove:s})=>{const o=e.min.enable_value,u=e.max.enable_value,{orient:l}=e;return c(a.Stack,{children:[n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`series.${i}.name`,control:t,render:({field:d})=>n(a.TextInput,{label:"Series Name",...d})})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.level_name_data_key`,control:t,render:({field:d})=>n(W,{label:"Level Name Field",data:r,...d})}),n(x.Controller,{name:`series.${i}.level_value_data_key`,control:t,render:({field:d})=>n(W,{label:"Level Value Field",data:r,...d})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Funnel Style",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.min.value`,control:t,render:({field:d})=>n(a.NumberInput,{disabled:!o,labelProps:{display:"block"},label:c(a.Group,{position:"apart",pr:6,sx:{width:"100%"},children:[n(a.Text,{children:"Min Value"}),n(a.Tooltip,{label:"Check to enable specific min value",children:n(a.Box,{children:n(x.Controller,{name:`series.${i}.min.enable_value`,control:t,render:({field:p})=>n(a.Checkbox,{size:"xs",checked:p.value,onChange:f=>p.onChange(f.currentTarget.checked)})})})})]}),...d})}),n(x.Controller,{name:`series.${i}.min.size`,control:t,render:({field:d})=>n(a.TextInput,{placeholder:"0%",label:"Min Size",...d})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.max.value`,control:t,render:({field:d})=>n(a.NumberInput,{disabled:!u,labelProps:{display:"block"},label:c(a.Group,{position:"apart",pr:6,sx:{width:"100%"},children:[n(a.Text,{children:"Max Value"}),n(a.Tooltip,{label:"Check to enable specific max value",children:n(a.Box,{children:n(x.Controller,{name:`series.${i}.max.enable_value`,control:t,render:({field:p})=>n(a.Checkbox,{size:"xs",checked:p.value,onChange:f=>p.onChange(f.currentTarget.checked)})})})})]}),...d})}),n(x.Controller,{name:`series.${i}.max.size`,control:t,render:({field:d})=>n(a.TextInput,{placeholder:"100%",label:"Max Size",...d})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.orient`,control:t,render:({field:d})=>n(a.Select,{label:"Orientation",data:Jd,...d})}),n(x.Controller,{name:`series.${i}.sort`,control:t,render:({field:d})=>n(a.Select,{label:"Sort",data:Zd,...d})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.funnelAlign`,control:t,render:({field:d})=>n(a.Select,{label:"Align",disabled:l==="horizontal",data:Kd,...d})}),n(x.Controller,{name:`series.${i}.gap`,control:t,render:({field:d})=>n(a.NumberInput,{placeholder:"0, 5, 10...",label:"Gap",...d})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Label Style",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.axisLabel.position`,control:t,render:({field:d})=>n(Bn,{label:"Position",options:Hd[l],...d})}),n(a.Box,{})]}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`series.${i}.axisLabel.overflow`,control:t,render:({field:d})=>n(Je,{...d})})})]})},tc=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"series"}),u=t("series"),l=i.map((g,h)=>({...g,...u[h]})),d=v.get(l,"0.id"),[p,f]=m.useState(d??null);return m.useEffect(()=>{d&&f(g=>g!==null?g:d)},[d]),c(a.Tabs,{value:p,onTabChange:g=>f(g),styles:{panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((g,h)=>n(a.Tabs.Tab,{value:g.id,children:g.name},g.id)),n(a.Tabs.Tab,{value:"add",disabled:!0,children:n(a.Tooltip,{label:"TODO",children:n(a.Center,{children:n(V.IconPlus,{size:18,color:"#228be6"})})})})]}),l.map((g,h)=>n(a.Tabs.Panel,{value:g.id,children:n(ec,{item:g,control:e,index:h,remove:o,data:r})},g.id))]})};function nc({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Vn),[t]),{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l([]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,s),[f,s]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Funnel Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),n(tc,{control:o,watch:l,data:i})]})})}function rc(e){return{series:e.series.map(t=>{const{min:r,minSize:i,max:s,maxSize:o,...u}=t;return{...u,min:{value:r,use_data_min:!1,size:i},max:{value:s,use_data_max:!1,size:o}}})}}class ic extends fe{constructor(){super(...arguments);O(this,"VERSION",2)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>{const{config:i}=r;return{...r,version:2,config:rc(i)}})}}const ac={displayName:"Funnel Chart",displayGroup:"ECharts-based charts",migrator:new ic,name:"funnel",viewRender:Ud,configRender:nc,createConfig:()=>({version:2,config:Vn})};function ca({enabled:e,func_content:t}){return(r,i)=>{if(!e)return r;try{return new Function(`return ${t}`)()(r,i)}catch(s){return console.error(`[getEchartsXAxisLabel] failed parsing custom function, error: ${s.message}`),r}}}function sc(e){const t=ca(e.x_axis.axisLabel.formatter),r=ca(e.y_axis.axisLabel.formatter);return{x_axis:t,y_axis:r}}function oc(e){return{heat_block:function(i){if(!e.heat_block.value_formatter)return i;try{return te(i).format(e.heat_block.value_formatter)}catch(s){return console.error(s),i}}}}function lc(e){let t=0;return e.x_axis.name&&(t+=20),{top:45,left:5,right:5,bottom:t}}function uc(e,t){const{x_axis:r,y_axis:i,heat_block:s}=e;return{type:"heatmap",name:s.name,xAxisId:"main-x-axis",yAxisIndex:0,datasetIndex:0,itemStyle:{borderColor:"white",borderWidth:2},data:t.map(o=>[v.get(o,r.data_key),v.get(o,i.data_key),v.get(o,s.data_key)])}}const dc=e=>{try{return te(e).format({trimMantissa:!0,mantissa:2})}catch{return e}};function cc({conf:e,labelFormatters:t,valueFormatters:r,dataDict:i,params:s}){const{value:o,dataIndex:u}=s,[l,d,p]=o,f={label:e.x_axis.name?e.x_axis.name:"X Axis",value:t.x_axis(l,u),style:{label:"",value:He(e.x_axis.axisLabel.overflow.in_tooltip)}},g={label:e.y_axis.name?e.y_axis.name:"Y Axis",value:t.y_axis(d,u),style:{label:"",value:He(e.y_axis.axisLabel.overflow.in_tooltip)}},h={label:e.heat_block.name,value:r.heat_block(p),style:{label:"",value:""}},b=[f,g,h],w=i[`${l}---${d}`];return w&&e.tooltip.metrics.forEach(C=>{b.push({label:C.name,value:dc(v.get(w,C.data_key,"")),style:{label:"",value:""}})}),b}function pc(e,t,r,i){const s=v.keyBy(t,o=>`${o[e.x_axis.data_key]}---${o[e.y_axis.data_key]}`);return{confine:!0,formatter:function(o){const l=cc({conf:e,labelFormatters:r,valueFormatters:i,dataDict:s,params:o}).map(p=>`
+    `}}function Rd(e,t){return{trigger:"item",formatter:jd(e,t)}}function Yd(e,t){return{grid:{top:0,left:0,right:0,bottom:0},tooltip:Rd(e,t),series:Fd(e,t)}}function Qd(e){return e||(e=Date.now().toString()),{id:e,name:e,level_name_data_key:"",level_value_data_key:"",min:{value:0,enable_value:!1,size:"0%"},max:{value:0,enable_value:!1,size:"100%"},gap:2,axisLabel:{show:!0,position:"inside",overflow:Ve},sort:"descending",orient:"vertical",funnelAlign:"center"}}const Vn={series:[Qd("Funnel")]};le.use([de.FunnelChart,N.DataZoomComponent,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function Ud({conf:e,data:t,width:r,height:i}){const s=m.useMemo(()=>Yd(e,t),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:s,style:{width:r,height:i},notMerge:!0,theme:"merico-light"})}function Xd({context:e}){const{value:t}=F(e.instanceData,"config"),r=m.useMemo(()=>v.defaults({},t,Vn),[t]),i=e.data,{width:s,height:o}=e.viewport;return n(a.Box,{children:n(Ud,{width:s,height:o,data:i,conf:r})})}const Zd=[{label:"Top",value:"top"},{label:"Left",value:"left"},{label:"Right",value:"right"},{label:"Bottom",value:"bottom"},{label:"Outside",value:"outside"},{label:"Inside",value:"inside"},{label:"InsideLeft",value:"insideLeft"},{label:"InsideRight",value:"insideRight"},{label:"InsideTop",value:"insideTop"},{label:"InsideBottom",value:"insideBottom"},{label:"InsideTopLeft",value:"insideTopLeft"},{label:"InsideBottomLeft",value:"insideBottomLeft"},{label:"InsideTopRight",value:"insideTopRight"},{label:"InsideBottomRight",value:"insideBottomRight"}],Bn=m.forwardRef(({label:e,value:t,onChange:r,options:i=Zd},s)=>n(a.Select,{ref:s,label:e,data:i,value:t,onChange:r})),Kd=[{label:"Ascending",value:"ascending"},{label:"Descending",value:"descending"},{label:"Use original data order",value:"0"}],Jd=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],Hd=[{label:"Horizontal",value:"horizontal"},{label:"Vertical",value:"vertical"}],ec={horizontal:[{label:"Top",value:"top"},{label:"Inside Center",value:"inside"},{label:"Bottom",value:"bottom"}],vertical:[{label:"Left",value:"left"},{label:"Inside Left",value:"insideLeft"},{label:"Inside Center",value:"inside"},{label:"Inside Right",value:"insideRight"},{label:"Right",value:"right"}]},tc=({item:e,control:t,data:r,index:i,remove:s})=>{const o=e.min.enable_value,u=e.max.enable_value,{orient:l}=e;return c(a.Stack,{children:[n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`series.${i}.name`,control:t,render:({field:d})=>n(a.TextInput,{label:"Series Name",...d})})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.level_name_data_key`,control:t,render:({field:d})=>n(W,{label:"Level Name Field",data:r,...d})}),n(x.Controller,{name:`series.${i}.level_value_data_key`,control:t,render:({field:d})=>n(W,{label:"Level Value Field",data:r,...d})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Funnel Style",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.min.value`,control:t,render:({field:d})=>n(a.NumberInput,{disabled:!o,labelProps:{display:"block"},label:c(a.Group,{position:"apart",pr:6,sx:{width:"100%"},children:[n(a.Text,{children:"Min Value"}),n(a.Tooltip,{label:"Check to enable specific min value",children:n(a.Box,{children:n(x.Controller,{name:`series.${i}.min.enable_value`,control:t,render:({field:p})=>n(a.Checkbox,{size:"xs",checked:p.value,onChange:f=>p.onChange(f.currentTarget.checked)})})})})]}),...d})}),n(x.Controller,{name:`series.${i}.min.size`,control:t,render:({field:d})=>n(a.TextInput,{placeholder:"0%",label:"Min Size",...d})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.max.value`,control:t,render:({field:d})=>n(a.NumberInput,{disabled:!u,labelProps:{display:"block"},label:c(a.Group,{position:"apart",pr:6,sx:{width:"100%"},children:[n(a.Text,{children:"Max Value"}),n(a.Tooltip,{label:"Check to enable specific max value",children:n(a.Box,{children:n(x.Controller,{name:`series.${i}.max.enable_value`,control:t,render:({field:p})=>n(a.Checkbox,{size:"xs",checked:p.value,onChange:f=>p.onChange(f.currentTarget.checked)})})})})]}),...d})}),n(x.Controller,{name:`series.${i}.max.size`,control:t,render:({field:d})=>n(a.TextInput,{placeholder:"100%",label:"Max Size",...d})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.orient`,control:t,render:({field:d})=>n(a.Select,{label:"Orientation",data:Hd,...d})}),n(x.Controller,{name:`series.${i}.sort`,control:t,render:({field:d})=>n(a.Select,{label:"Sort",data:Kd,...d})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.funnelAlign`,control:t,render:({field:d})=>n(a.Select,{label:"Align",disabled:l==="horizontal",data:Jd,...d})}),n(x.Controller,{name:`series.${i}.gap`,control:t,render:({field:d})=>n(a.NumberInput,{placeholder:"0, 5, 10...",label:"Gap",...d})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Label Style",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${i}.axisLabel.position`,control:t,render:({field:d})=>n(Bn,{label:"Position",options:ec[l],...d})}),n(a.Box,{})]}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`series.${i}.axisLabel.overflow`,control:t,render:({field:d})=>n(Je,{...d})})})]})},nc=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"series"}),u=t("series"),l=i.map((g,h)=>({...g,...u[h]})),d=v.get(l,"0.id"),[p,f]=m.useState(d??null);return m.useEffect(()=>{d&&f(g=>g!==null?g:d)},[d]),c(a.Tabs,{value:p,onTabChange:g=>f(g),styles:{panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((g,h)=>n(a.Tabs.Tab,{value:g.id,children:g.name},g.id)),n(a.Tabs.Tab,{value:"add",disabled:!0,children:n(a.Tooltip,{label:"TODO",children:n(a.Center,{children:n(O.IconPlus,{size:18,color:"#228be6"})})})})]}),l.map((g,h)=>n(a.Tabs.Panel,{value:g.id,children:n(tc,{item:g,control:e,index:h,remove:o,data:r})},g.id))]})};function rc({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Vn),[t]),{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l([]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,s),[f,s]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Funnel Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),n(nc,{control:o,watch:l,data:i})]})})}function ic(e){return{series:e.series.map(t=>{const{min:r,minSize:i,max:s,maxSize:o,...u}=t;return{...u,min:{value:r,use_data_min:!1,size:i},max:{value:s,use_data_max:!1,size:o}}})}}class ac extends fe{constructor(){super(...arguments);P(this,"VERSION",2)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>{const{config:i}=r;return{...r,version:2,config:ic(i)}})}}const sc={displayName:"Funnel Chart",displayGroup:"ECharts-based charts",migrator:new ac,name:"funnel",viewRender:Xd,configRender:rc,createConfig:()=>({version:2,config:Vn})};function pa({enabled:e,func_content:t}){return(r,i)=>{if(!e)return r;try{return new Function(`return ${t}`)()(r,i)}catch(s){return console.error(`[getEchartsXAxisLabel] failed parsing custom function, error: ${s.message}`),r}}}function oc(e){const t=pa(e.x_axis.axisLabel.formatter),r=pa(e.y_axis.axisLabel.formatter);return{x_axis:t,y_axis:r}}function lc(e){return{heat_block:function(i){if(!e.heat_block.value_formatter)return i;try{return te(i).format(e.heat_block.value_formatter)}catch(s){return console.error(s),i}}}}function uc(e){let t=0;return e.x_axis.name&&(t+=20),{top:45,left:5,right:5,bottom:t}}function dc(e,t){const{x_axis:r,y_axis:i,heat_block:s}=e;return{type:"heatmap",name:s.name,xAxisId:"main-x-axis",yAxisIndex:0,datasetIndex:0,itemStyle:{borderColor:"white",borderWidth:2},data:t.map(o=>[v.get(o,r.data_key),v.get(o,i.data_key),v.get(o,s.data_key)])}}const cc=e=>{try{return te(e).format({trimMantissa:!0,mantissa:2})}catch{return e}};function pc({conf:e,labelFormatters:t,valueFormatters:r,dataDict:i,params:s}){const{value:o,dataIndex:u}=s,[l,d,p]=o,f={label:e.x_axis.name?e.x_axis.name:"X Axis",value:t.x_axis(l,u),style:{label:"",value:He(e.x_axis.axisLabel.overflow.in_tooltip)}},g={label:e.y_axis.name?e.y_axis.name:"Y Axis",value:t.y_axis(d,u),style:{label:"",value:He(e.y_axis.axisLabel.overflow.in_tooltip)}},h={label:e.heat_block.name,value:r.heat_block(p),style:{label:"",value:""}},b=[f,g,h],w=i[`${l}---${d}`];return w&&e.tooltip.metrics.forEach(C=>{b.push({label:C.name,value:cc(v.get(w,C.data_key,"")),style:{label:"",value:""}})}),b}function hc(e,t,r,i){const s=v.keyBy(t,o=>`${o[e.x_axis.data_key]}---${o[e.y_axis.data_key]}`);return{confine:!0,formatter:function(o){const l=pc({conf:e,labelFormatters:r,valueFormatters:i,dataDict:s,params:o}).map(p=>`
           <tr>
             <th style="text-align: right;">
               <div style="${p.style.label}">${p.label}</div>
@@ -119,8 +119,8 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
           </thead>
           <tbody>${l.join("")}</tbody>
         </table>
-      `}}}function hc(e){return{min:e.heat_block.min??0,max:e.heat_block.max??100,calculable:!0,orient:"horizontal",left:"center",top:0,itemWidth:15}}function fc(e,t,r){const{overflow:i,rotate:s}=e.x_axis.axisLabel,o=Re(i.on_axis);return{id:"main-x-axis",type:"category",data:v.uniq(t.map(u=>u[e.x_axis.data_key])),name:e.x_axis.name??"",align:"center",axisTick:{show:!0,alignWithLabel:!0},axisLabel:{rotate:s,...o,formatter:r},splitArea:{show:!0},nameLocation:"center",nameGap:25,nameTextStyle:{fontWeight:"bold",align:"center"},z:1}}function gc(e,t,r){const{nameAlignment:i,data_key:s,...o}=e.y_axis,{overflow:u,rotate:l}=e.y_axis.axisLabel,d=Re(u.on_axis);return{...o,type:"category",data:v.uniq(t.map(p=>p[s])),axisLabel:{rotate:l,...d,formatter:r},axisLine:{show:!0,color:"blue"},axisTick:{show:!0,alignWithLabel:!0},splitArea:{show:!0},nameTextStyle:{fontWeight:"bold",align:i},nameLocation:"end",nameGap:15,z:1}}const mc={tooltip:{confine:!0},grid:{containLabel:!0}};function bc(e,t,r){const i=sc(e),s=oc(e),o={xAxis:fc(e,t,i.x_axis),yAxis:gc(e,t,i.y_axis),series:uc(e,t),dataset:[{source:t}],tooltip:pc(e,t,i,s),grid:lc(e),visualMap:hc(e)};return v.defaultsDeep({},o,mc)}function yc(e){return n(B,{})}function vc(e){return n(a.Text,{children:"Click heat block"})}const pa={id:"builtin:echarts:click-heatmap:heat-block",displayName:"Click Heat Block",nameRender:vc,configRender:yc,payload:[{name:"seriesType",description:"'heatmap'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]},Nn={x_axis:{name:"",data_key:"",axisLabel:{rotate:0,overflow:Ve,formatter:{...Ge}}},y_axis:{name:"Y Axis",data_key:"",nameAlignment:"center",axisLabel:{rotate:0,overflow:Ve,formatter:{...Ge}}},heat_block:{min:0,max:1e3,name:"Value",data_key:"",value_formatter:Se},tooltip:{metrics:[]}};le.use([N.DataZoomComponent,de.BarChart,de.LineChart,de.HeatmapChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,N.VisualMapComponent,Me.CanvasRenderer]);function xc({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>{const g=e.x_axis.data_key,h=e.y_axis.data_key;return v.keyBy(t,b=>`${b[g]}---${b[h]}`)},[t,e.x_axis.data_key]),l=Ne(s.triggerManager,pa.id),d=m.useCallback(g=>{const[h,b]=g.value,w=v.get(u,`${h}---${b}`,{error:"rowData is not found"});l.forEach(C=>{s.runInteraction(C.id,{...g,rowData:w})})},[u,l,s]),p=m.useMemo(()=>({click:d}),[d]),f=m.useMemo(()=>bc(e,t),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:f,style:{width:r,height:i},onEvents:p,notMerge:!0,theme:"merico-light"})}function Cc({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,Nn),[i]),u=e.data,{width:l,height:d}=e.viewport;return n(a.Box,{children:n(xc,{variables:s,width:l,height:d,data:u,conf:o,interactionManager:r})})}function wc({data:e,control:t,watch:r}){return r(["heat_block"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"heat_block.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"heat_block.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Name",sx:{flex:1},...i})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"heat_block.min",control:t,render:({field:i})=>n(a.NumberInput,{label:"Min Value",...i})}),n(x.Controller,{name:"heat_block.max",control:t,render:({field:i})=>n(a.NumberInput,{label:"Max Value",...i})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Value Format",labelPosition:"center"}),n(x.Controller,{name:"heat_block.value_formatter",control:t,render:({field:i})=>n(Oe,{...i})})]})}const _c=({control:e,data:t,index:r,remove:i})=>c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`tooltip.metrics.${r}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`tooltip.metrics.${r}.data_key`,control:e,render:({field:s})=>n(W,{label:"Value Field",required:!0,data:t,sx:{flex:1},...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Metric"})]}),Sc=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"tooltip.metrics"}),u=t("tooltip.metrics"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>s({id:Date.now().toString(),data_key:"",name:""}),p=t("tooltip.metrics.0.id"),[f,g]=m.useState(()=>p??null);return m.useEffect(()=>{p&&g(h=>h!==null?h:p)},[p]),c(B,{children:[c(a.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[n(k.InfoCircle,{size:14,color:"#888"}),n(a.Text,{size:14,color:"#888",children:"Configure additional metrics to show in tooltip"})]}),n(a.Divider,{variant:"dashed",my:10}),c(a.Tabs,{value:f,onTabChange:h=>g(h),styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:h.id,children:h.name?h.name:b},h.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:h.id,children:n(_c,{control:e,index:b,remove:o,data:r},h.id)},h.id))]})]})};function Tc({data:e,control:t,watch:r}){return n(Sc,{control:t,watch:r,data:e})}const kc=({disabled:e,value:t,onChange:r})=>{const i=s=>{s&&r(s)};return c(a.Box,{sx:{position:"relative"},children:[e&&n(a.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),n(_e,{height:"500px",defaultLanguage:"javascript",value:t,onChange:i,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})},Dc={enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
-`)},ha=m.forwardRef(({value:e,onChange:t},r)=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e);m.useEffect(()=>{l(e)},[e]);const d=b=>{l({...u,enabled:b})},p=()=>{o();const{enabled:b,func_content:w}=u,C={enabled:b,func_content:w};l(C),t(C)},f=()=>{o(),l(e)},g=b=>{l(w=>({...w,func_content:b}))},h=()=>{g(Dc.func_content)};return c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Customize Label"}),n(a.Modal,{size:800,title:"Customize label content",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Checkbox,{mt:10,label:"Enabled",checked:u.enabled,onChange:b=>d(b.currentTarget.checked)}),n(kc,{value:u.func_content,onChange:g,disabled:!u.enabled}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:h,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:f,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:p,children:"OK"})]})]})]})})]})});function Ic({data:e,control:t,watch:r}){return r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Name",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Tick Label",labelPosition:"center"}),n(x.Controller,{name:"x_axis.axisLabel.overflow",control:t,render:({field:i})=>n(Je,{...i})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(ha,{data:e,...i})})]})]})}const Mc=[{label:"left",value:"left"},{label:"center",value:"center"},{label:"right",value:"right"}];function Ac({control:e,watch:t,data:r}){return t(["y_axis"]),c(a.Stack,{my:0,p:"0",sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"y_axis.data_key",control:e,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:r,sx:{flex:1},...i})}),n(x.Controller,{name:"y_axis.name",control:e,render:({field:i})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...i})})]}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"y_axis.nameAlignment",control:e,render:({field:i})=>n(a.Select,{label:"Name Alignment",required:!0,data:Mc,sx:{flex:1},...i})})}),n(a.Divider,{mb:-15,variant:"dashed",label:"Tick Label",labelPosition:"center"}),n(x.Controller,{name:"y_axis.axisLabel.overflow",control:e,render:({field:i})=>n(Je,{...i})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"y_axis.axisLabel.rotate",control:e,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"y_axis.axisLabel.formatter",control:e,render:({field:i})=>n(ha,{data:r,...i})})]})]})}function $c({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Nn),[t]),o=m.useMemo(()=>v.cloneDeep(s),[s]);m.useEffect(()=>{!v.isEqual(s,o)&&(console.log("config malformed, resetting to defaults",s,o),r(o))},[s,o]);const{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,s),[g,s]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X Axis"}),n(a.Tabs.Tab,{value:"Y Axis",children:"Y Axis"}),n(a.Tabs.Tab,{value:"Heat Block",children:"Heat Block"}),n(a.Tabs.Tab,{value:"Tooltip",children:"Tooltip"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(Ic,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Y Axis",children:n(Ac,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Heat Block",children:n(wc,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Tooltip",children:n(Tc,{control:u,watch:d,data:i})})]})]})})}class zc extends fe{constructor(){super(...arguments);O(this,"VERSION",1)}configVersions(){this.version(1,r=>(console.log("🟥 unexpected calling"),{version:1,config:r}))}}const Ec={displayName:"Heatmap",displayGroup:"ECharts-based charts",migrator:new zc,name:"heatmap",viewRender:Cc,configRender:$c,createConfig:()=>({version:1,config:Nn}),triggers:[pa]},fa={id:"builtin:echarts:click-echart:series",displayName:"Click Chart Series",nameRender:Pc,configRender:Lc,payload:[{name:"type",description:"Always 'click'",valueType:"string"},{name:"seriesType",description:"'line' | 'bar'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]};function Lc(e){return n(B,{})}function Pc(e){return n(a.Text,{children:"Click chart's series"})}const ga={label_template:"${percentage.x} of ${x_axis.name} causes ${percentage.y} of ${bar.name}",color:"rgba(0,0,0,0.3)"},Gn={x_axis:{name:"X Axis",data_key:"",axisLabel:{rotate:0,formatter:{...Ge},overflow:Ve}},data_key:"value",bar:{name:"Value",nameAlignment:"left",color:"#228be6",label_formatter:Se},line:{name:"Value",nameAlignment:"right",color:"red"},dataZoom:ct,markLine:ga};function Xt(e){return te(e).format({output:"percent",mantissa:0})}function Oc(e){const t=e.value[1];try{return Xt(t)}catch(r){return console.error(r),t}}function Vc(e){function t(r){let i=r;if(typeof r=="object"&&(Array.isArray(r.value)&&r.value.length===2?i=r.value[1]:i=r.value),!e.bar.label_formatter)return i;try{return te(i).format(e.bar.label_formatter)}catch(s){return console.error(s),i}}return{bar:t,line:Oc,lineValue:Xt}}function Bc(e,t,r){const{label_template:i}=e.markLine;if(!i)return"";const s={...e,percentage:t,count:r},o=Object.keys(s),u=Object.values(s);return new Function(...o,`return \`${i}\`;`)(...u)}function Nc(e,t){if(t.length===0)return{};const r=t.findIndex(l=>l[1]>=.8);if(r===-1)return{};const i=t[r],s={x:Xt((r+1)/t.length),y:Xt(i[1])},o={left:r+1,right:t.length-r-1},u=i[0];return u?{name:"",silent:!0,symbol:"triangle",symbolRotate:180,symbolSize:[10,8],data:[{name:"",symbol:"none",xAxis:u,lineStyle:{color:e.markLine.color},label:{formatter:Bc(e,s,o)}}]}:{}}function Gc(e,t,r){const i=t.map(l=>[l[e.x_axis.data_key],Number(l[e.data_key])]).sort((l,d)=>d[1]-l[1]),s=i.reduce((l,d)=>l+d[1],0),o=i.reduce((l,d,p)=>{const f=p===0?0:l[p-1][1];return l.push([d[0],f+d[1]]),l},[]).map(l=>[l[0],l[1]/s]),u=Nc(e,o);return[{name:e.bar.name,type:"bar",barMaxWidth:20,itemStyle:{color:e.bar.color},label:{show:!1,position:"top",formatter:r.bar},yAxisIndex:0,data:i},{name:e.line.name,type:"line",itemStyle:{color:e.line.color},symbolSize:2,lineStyle:{width:1},label:{show:!1,position:"top",formatter:r.line},yAxisIndex:1,data:o,markLine:u}]}const qc=(e,t)=>r=>{const i=Array.isArray(r)?r:[r];if(i.length===0)return"";const s=i.map((l,d)=>{const p=l.seriesName,[f,g]=l.value;if(!p)return g;const h=d===0?t.bar:t.lineValue;return`
+      `}}}function fc(e){return{min:e.heat_block.min??0,max:e.heat_block.max??100,calculable:!0,orient:"horizontal",left:"center",top:0,itemWidth:15}}function gc(e,t,r){const{overflow:i,rotate:s}=e.x_axis.axisLabel,o=Ye(i.on_axis);return{id:"main-x-axis",type:"category",data:v.uniq(t.map(u=>u[e.x_axis.data_key])),name:e.x_axis.name??"",align:"center",axisTick:{show:!0,alignWithLabel:!0},axisLabel:{rotate:s,...o,formatter:r},splitArea:{show:!0},nameLocation:"center",nameGap:25,nameTextStyle:{fontWeight:"bold",align:"center"},z:1}}function mc(e,t,r){const{nameAlignment:i,data_key:s,...o}=e.y_axis,{overflow:u,rotate:l}=e.y_axis.axisLabel,d=Ye(u.on_axis);return{...o,type:"category",data:v.uniq(t.map(p=>p[s])),axisLabel:{rotate:l,...d,formatter:r},axisLine:{show:!0,color:"blue"},axisTick:{show:!0,alignWithLabel:!0},splitArea:{show:!0},nameTextStyle:{fontWeight:"bold",align:i},nameLocation:"end",nameGap:15,z:1}}const bc={tooltip:{confine:!0},grid:{containLabel:!0}};function yc(e,t,r){const i=oc(e),s=lc(e),o={xAxis:gc(e,t,i.x_axis),yAxis:mc(e,t,i.y_axis),series:dc(e,t),dataset:[{source:t}],tooltip:hc(e,t,i,s),grid:uc(e),visualMap:fc(e)};return v.defaultsDeep({},o,bc)}function vc(e){return n(B,{})}function xc(e){return n(a.Text,{children:"Click heat block"})}const ha={id:"builtin:echarts:click-heatmap:heat-block",displayName:"Click Heat Block",nameRender:xc,configRender:vc,payload:[{name:"seriesType",description:"'heatmap'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]},Nn={x_axis:{name:"",data_key:"",axisLabel:{rotate:0,overflow:Ve,formatter:{...Ge}}},y_axis:{name:"Y Axis",data_key:"",nameAlignment:"center",axisLabel:{rotate:0,overflow:Ve,formatter:{...Ge}}},heat_block:{min:0,max:1e3,name:"Value",data_key:"",value_formatter:Se},tooltip:{metrics:[]}};le.use([N.DataZoomComponent,de.BarChart,de.LineChart,de.HeatmapChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,N.VisualMapComponent,Me.CanvasRenderer]);function Cc({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>{const g=e.x_axis.data_key,h=e.y_axis.data_key;return v.keyBy(t,b=>`${b[g]}---${b[h]}`)},[t,e.x_axis.data_key]),l=Ne(s.triggerManager,ha.id),d=m.useCallback(g=>{const[h,b]=g.value,w=v.get(u,`${h}---${b}`,{error:"rowData is not found"});l.forEach(C=>{s.runInteraction(C.id,{...g,rowData:w})})},[u,l,s]),p=m.useMemo(()=>({click:d}),[d]),f=m.useMemo(()=>yc(e,t),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:f,style:{width:r,height:i},onEvents:p,notMerge:!0,theme:"merico-light"})}function wc({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,Nn),[i]),u=e.data,{width:l,height:d}=e.viewport;return n(a.Box,{children:n(Cc,{variables:s,width:l,height:d,data:u,conf:o,interactionManager:r})})}function _c({data:e,control:t,watch:r}){return r(["heat_block"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"heat_block.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"heat_block.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Name",sx:{flex:1},...i})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"heat_block.min",control:t,render:({field:i})=>n(a.NumberInput,{label:"Min Value",...i})}),n(x.Controller,{name:"heat_block.max",control:t,render:({field:i})=>n(a.NumberInput,{label:"Max Value",...i})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Value Format",labelPosition:"center"}),n(x.Controller,{name:"heat_block.value_formatter",control:t,render:({field:i})=>n(Oe,{...i})})]})}const Sc=({control:e,data:t,index:r,remove:i})=>c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`tooltip.metrics.${r}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`tooltip.metrics.${r}.data_key`,control:e,render:({field:s})=>n(W,{label:"Value Field",required:!0,data:t,sx:{flex:1},...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Metric"})]}),Tc=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"tooltip.metrics"}),u=t("tooltip.metrics"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>s({id:Date.now().toString(),data_key:"",name:""}),p=t("tooltip.metrics.0.id"),[f,g]=m.useState(()=>p??null);return m.useEffect(()=>{p&&g(h=>h!==null?h:p)},[p]),c(B,{children:[c(a.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[n(k.InfoCircle,{size:14,color:"#888"}),n(a.Text,{size:14,color:"#888",children:"Configure additional metrics to show in tooltip"})]}),n(a.Divider,{variant:"dashed",my:10}),c(a.Tabs,{value:f,onTabChange:h=>g(h),styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:h.id,children:h.name?h.name:b},h.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:h.id,children:n(Sc,{control:e,index:b,remove:o,data:r},h.id)},h.id))]})]})};function kc({data:e,control:t,watch:r}){return n(Tc,{control:t,watch:r,data:e})}const Dc=({disabled:e,value:t,onChange:r})=>{const i=s=>{s&&r(s)};return c(a.Box,{sx:{position:"relative"},children:[e&&n(a.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),n(_e,{height:"500px",defaultLanguage:"javascript",value:t,onChange:i,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})},Ic={enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
+`)},fa=m.forwardRef(({value:e,onChange:t},r)=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e);m.useEffect(()=>{l(e)},[e]);const d=b=>{l({...u,enabled:b})},p=()=>{o();const{enabled:b,func_content:w}=u,C={enabled:b,func_content:w};l(C),t(C)},f=()=>{o(),l(e)},g=b=>{l(w=>({...w,func_content:b}))},h=()=>{g(Ic.func_content)};return c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Customize Label"}),n(a.Modal,{size:800,title:"Customize label content",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Checkbox,{mt:10,label:"Enabled",checked:u.enabled,onChange:b=>d(b.currentTarget.checked)}),n(Dc,{value:u.func_content,onChange:g,disabled:!u.enabled}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:h,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:f,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:p,children:"OK"})]})]})]})})]})});function Mc({data:e,control:t,watch:r}){return r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Name",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Tick Label",labelPosition:"center"}),n(x.Controller,{name:"x_axis.axisLabel.overflow",control:t,render:({field:i})=>n(Je,{...i})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(fa,{data:e,...i})})]})]})}const Ac=[{label:"left",value:"left"},{label:"center",value:"center"},{label:"right",value:"right"}];function $c({control:e,watch:t,data:r}){return t(["y_axis"]),c(a.Stack,{my:0,p:"0",sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"y_axis.data_key",control:e,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:r,sx:{flex:1},...i})}),n(x.Controller,{name:"y_axis.name",control:e,render:({field:i})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...i})})]}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"y_axis.nameAlignment",control:e,render:({field:i})=>n(a.Select,{label:"Name Alignment",required:!0,data:Ac,sx:{flex:1},...i})})}),n(a.Divider,{mb:-15,variant:"dashed",label:"Tick Label",labelPosition:"center"}),n(x.Controller,{name:"y_axis.axisLabel.overflow",control:e,render:({field:i})=>n(Je,{...i})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"y_axis.axisLabel.rotate",control:e,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"y_axis.axisLabel.formatter",control:e,render:({field:i})=>n(fa,{data:r,...i})})]})]})}function zc({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Nn),[t]),o=m.useMemo(()=>v.cloneDeep(s),[s]);m.useEffect(()=>{!v.isEqual(s,o)&&(console.log("config malformed, resetting to defaults",s,o),r(o))},[s,o]);const{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,s),[g,s]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X Axis"}),n(a.Tabs.Tab,{value:"Y Axis",children:"Y Axis"}),n(a.Tabs.Tab,{value:"Heat Block",children:"Heat Block"}),n(a.Tabs.Tab,{value:"Tooltip",children:"Tooltip"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(Mc,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Y Axis",children:n($c,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Heat Block",children:n(_c,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Tooltip",children:n(kc,{control:u,watch:d,data:i})})]})]})})}class Ec extends fe{constructor(){super(...arguments);P(this,"VERSION",1)}configVersions(){this.version(1,r=>(console.log("🟥 unexpected calling"),{version:1,config:r}))}}const Lc={displayName:"Heatmap",displayGroup:"ECharts-based charts",migrator:new Ec,name:"heatmap",viewRender:wc,configRender:zc,createConfig:()=>({version:1,config:Nn}),triggers:[ha]},ga={id:"builtin:echarts:click-echart:series",displayName:"Click Chart Series",nameRender:Oc,configRender:Pc,payload:[{name:"type",description:"Always 'click'",valueType:"string"},{name:"seriesType",description:"'line' | 'bar'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]};function Pc(e){return n(B,{})}function Oc(e){return n(a.Text,{children:"Click chart's series"})}const ma={label_template:"${percentage.x} of ${x_axis.name} causes ${percentage.y} of ${bar.name}",color:"rgba(0,0,0,0.3)"},Gn={x_axis:{name:"X Axis",data_key:"",axisLabel:{rotate:0,formatter:{...Ge},overflow:Ve}},data_key:"value",bar:{name:"Value",nameAlignment:"left",color:"#228be6",label_formatter:Se},line:{name:"Value",nameAlignment:"right",color:"red"},dataZoom:ct,markLine:ma};function Xt(e){return te(e).format({output:"percent",mantissa:0})}function Vc(e){const t=e.value[1];try{return Xt(t)}catch(r){return console.error(r),t}}function Bc(e){function t(r){let i=r;if(typeof r=="object"&&(Array.isArray(r.value)&&r.value.length===2?i=r.value[1]:i=r.value),!e.bar.label_formatter)return i;try{return te(i).format(e.bar.label_formatter)}catch(s){return console.error(s),i}}return{bar:t,line:Vc,lineValue:Xt}}function Nc(e,t,r){const{label_template:i}=e.markLine;if(!i)return"";const s={...e,percentage:t,count:r},o=Object.keys(s),u=Object.values(s);return new Function(...o,`return \`${i}\`;`)(...u)}function Gc(e,t){if(t.length===0)return{};const r=t.findIndex(l=>l[1]>=.8);if(r===-1)return{};const i=t[r],s={x:Xt((r+1)/t.length),y:Xt(i[1])},o={left:r+1,right:t.length-r-1},u=i[0];return u?{name:"",silent:!0,symbol:"triangle",symbolRotate:180,symbolSize:[10,8],data:[{name:"",symbol:"none",xAxis:u,lineStyle:{color:e.markLine.color},label:{formatter:Nc(e,s,o)}}]}:{}}function qc(e,t,r){const i=t.map(l=>[l[e.x_axis.data_key],Number(l[e.data_key])]).sort((l,d)=>d[1]-l[1]),s=i.reduce((l,d)=>l+d[1],0),o=i.reduce((l,d,p)=>{const f=p===0?0:l[p-1][1];return l.push([d[0],f+d[1]]),l},[]).map(l=>[l[0],l[1]/s]),u=Gc(e,o);return[{name:e.bar.name,type:"bar",barMaxWidth:20,itemStyle:{color:e.bar.color},label:{show:!1,position:"top",formatter:r.bar},yAxisIndex:0,data:i},{name:e.line.name,type:"line",itemStyle:{color:e.line.color},symbolSize:2,lineStyle:{width:1},label:{show:!1,position:"top",formatter:r.line},yAxisIndex:1,data:o,markLine:u}]}const Fc=(e,t)=>r=>{const i=Array.isArray(r)?r:[r];if(i.length===0)return"";const s=i.map((l,d)=>{const p=l.seriesName,[f,g]=l.value;if(!p)return g;const h=d===0?t.bar:t.lineValue;return`
     <tr>
       <th style="text-align: right; padding: 0 1em;">${p}</th>
       <td style="text-align: left; padding: 0 1em;">${h(g)}</td>
@@ -134,7 +134,7 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
         ${s.join("")}
       </tbody>
     </table>
-  `};function Fc(e,t){return{trigger:"axis",formatter:qc(e,t)}}function Wc(e){const{name:t,axisLabel:r}=e.x_axis,i=Re(r.overflow.on_axis);return[{type:"category",name:t,nameLocation:"middle",nameGap:30,nameTextStyle:{fontWeight:"bold",align:"right"},splitLine:{show:!1},axisTick:{show:!0,alignWithLabel:!0},axisLabel:{...r,...i,formatter:ut(r.formatter)}}]}function jc(e,t){return[{name:e.bar.name,nameGap:20,nameTextStyle:{fontWeight:"bold",align:e.bar.nameAlignment},position:"left",axisLine:{show:!0},axisLabel:{show:!0,formatter:t.bar},splitLine:{show:!1}},{name:e.line.name,nameGap:20,nameTextStyle:{fontWeight:"bold",align:e.line.nameAlignment},position:"right",axisLine:{show:!0},axisLabel:{show:!0,formatter:t.lineValue},splitLine:{show:!1}}]}function Yc(e,t,r){const i=Vc(e);return{dataZoom:En(e.dataZoom),tooltip:Fc(e,i),xAxis:Wc(e),yAxis:jc(e,i),series:Gc(e,t,i),grid:{top:50,left:30,right:15,bottom:5,containLabel:!0}}}le.use([de.BarChart,de.LineChart,N.DataZoomComponent,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function Rc({context:e,instance:t}){const{value:r}=F(e.instanceData,"config"),i=e.data,{width:s,height:o}=e.viewport,u=v.defaults({},r,Gn),l=Yc(u,i),d=Fe({vizManager:e.vizManager,instance:t}),p=Ne(d.triggerManager,fa.id),f=m.useMemo(()=>v.keyBy(i,u.x_axis.data_key),[i,u.x_axis.data_key]),g=m.useCallback(b=>{const w=v.get(f,b.name,{error:"rowData is not found"});p.forEach(C=>{d.runInteraction(C.id,{...b,rowData:w})})},[f,p,d]),h=m.useMemo(()=>({click:g}),[g]);return!u||!s||!o?null:n(Ae,{echarts:le,option:l,style:{width:s,height:o},onEvents:h,notMerge:!0,theme:"merico-light"})}const Qc=[{label:"left",value:"left"},{label:"center",value:"center"},{label:"right",value:"right"}];function Uc({data:e,control:t,watch:r}){return r(["bar"]),c(a.Stack,{children:[c(a.Group,{grow:!0,children:[n(x.Controller,{name:"bar.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Bar Name",sx:{flex:1},...i})}),n(x.Controller,{name:"bar.nameAlignment",control:t,render:({field:i})=>n(a.Select,{label:"Align",required:!0,data:Qc,sx:{flex:1},...i})})]}),c(a.Stack,{spacing:2,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:"bar.color",control:t,render:({field:i})=>n(De,{...i})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Label Format",labelPosition:"center"}),n(x.Controller,{name:"bar.label_formatter",control:t,render:({field:i})=>n(Oe,{...i})})]})]})}const Xc=[{label:"left",value:"left"},{label:"center",value:"center"},{label:"right",value:"right"}];function Zc({data:e,control:t,watch:r}){return r(["line"]),c(a.Stack,{children:[c(a.Group,{grow:!0,children:[n(x.Controller,{name:"line.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Line Name",sx:{flex:1},...i})}),n(x.Controller,{name:"line.nameAlignment",control:t,render:({field:i})=>n(a.Select,{label:"Align",required:!0,data:Xc,sx:{flex:1},...i})})]}),c(a.Stack,{spacing:2,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:"line.color",control:t,render:({field:i})=>n(De,{...i})})]})]})}const Kc=`
+  `};function Wc(e,t){return{trigger:"axis",formatter:Fc(e,t)}}function jc(e){const{name:t,axisLabel:r}=e.x_axis,i=Ye(r.overflow.on_axis);return[{type:"category",name:t,nameLocation:"middle",nameGap:30,nameTextStyle:{fontWeight:"bold",align:"right"},splitLine:{show:!1},axisTick:{show:!0,alignWithLabel:!0},axisLabel:{...r,...i,formatter:ut(r.formatter)}}]}function Rc(e,t){return[{name:e.bar.name,nameGap:20,nameTextStyle:{fontWeight:"bold",align:e.bar.nameAlignment},position:"left",axisLine:{show:!0},axisLabel:{show:!0,formatter:t.bar},splitLine:{show:!1}},{name:e.line.name,nameGap:20,nameTextStyle:{fontWeight:"bold",align:e.line.nameAlignment},position:"right",axisLine:{show:!0},axisLabel:{show:!0,formatter:t.lineValue},splitLine:{show:!1}}]}function Yc(e,t,r){const i=Bc(e);return{dataZoom:En(e.dataZoom),tooltip:Wc(e,i),xAxis:jc(e),yAxis:Rc(e,i),series:qc(e,t,i),grid:{top:50,left:30,right:15,bottom:5,containLabel:!0}}}le.use([de.BarChart,de.LineChart,N.DataZoomComponent,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function Qc({context:e,instance:t}){const{value:r}=F(e.instanceData,"config"),i=e.data,{width:s,height:o}=e.viewport,u=v.defaults({},r,Gn),l=Yc(u,i),d=Fe({vizManager:e.vizManager,instance:t}),p=Ne(d.triggerManager,ga.id),f=m.useMemo(()=>v.keyBy(i,u.x_axis.data_key),[i,u.x_axis.data_key]),g=m.useCallback(b=>{const w=v.get(f,b.name,{error:"rowData is not found"});p.forEach(C=>{d.runInteraction(C.id,{...b,rowData:w})})},[f,p,d]),h=m.useMemo(()=>({click:g}),[g]);return!u||!s||!o?null:n(Ae,{echarts:le,option:l,style:{width:s,height:o},onEvents:h,notMerge:!0,theme:"merico-light"})}const Uc=[{label:"left",value:"left"},{label:"center",value:"center"},{label:"right",value:"right"}];function Xc({data:e,control:t,watch:r}){return r(["bar"]),c(a.Stack,{children:[c(a.Group,{grow:!0,children:[n(x.Controller,{name:"bar.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Bar Name",sx:{flex:1},...i})}),n(x.Controller,{name:"bar.nameAlignment",control:t,render:({field:i})=>n(a.Select,{label:"Align",required:!0,data:Uc,sx:{flex:1},...i})})]}),c(a.Stack,{spacing:2,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:"bar.color",control:t,render:({field:i})=>n(De,{...i})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Label Format",labelPosition:"center"}),n(x.Controller,{name:"bar.label_formatter",control:t,render:({field:i})=>n(Oe,{...i})})]})]})}const Zc=[{label:"left",value:"left"},{label:"center",value:"center"},{label:"right",value:"right"}];function Kc({data:e,control:t,watch:r}){return r(["line"]),c(a.Stack,{children:[c(a.Group,{grow:!0,children:[n(x.Controller,{name:"line.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Line Name",sx:{flex:1},...i})}),n(x.Controller,{name:"line.nameAlignment",control:t,render:({field:i})=>n(a.Select,{label:"Align",required:!0,data:Zc,sx:{flex:1},...i})})]}),c(a.Stack,{spacing:2,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:"line.color",control:t,render:({field:i})=>n(De,{...i})})]})]})}const Jc=`
 {
   // 80-20 line stuff
   percentage: {
@@ -157,8 +157,8 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
     name: string;
   };
 }
-`,Jc=()=>{const[e,t]=m.useState(!1);return c(B,{children:[n(a.Button,{variant:"subtle",compact:!0,onClick:()=>t(r=>!r),children:e?"Close":"Click to see params for Label Template"}),n(a.Collapse,{in:e,children:n(ot.Prism,{language:"typescript",noCopy:!0,colorScheme:"dark",children:Kc})})]})};function Hc({data:e,control:t,watch:r}){return r(["markLine"]),c(a.Stack,{children:[c(a.Stack,{spacing:2,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:"markLine.color",control:t,render:({field:i})=>n(De,{...i})})]}),c(a.Stack,{spacing:4,children:[n(x.Controller,{name:"markLine.label_template",control:t,render:({field:i})=>n(a.Textarea,{autosize:!0,minRows:2,maxRows:4,label:"Label Template",sx:{flex:1},...i})}),n(Jc,{})]})]})}function ep({data:e,control:t,watch:r}){return r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Name",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Tick Label",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(Qt,{data:e,...i})})]}),n(x.Controller,{name:"x_axis.axisLabel.overflow",control:t,render:({field:i})=>n(Je,{...i})})]})}function tp({data:e,control:t,watch:r}){return r(["data_key"]),n(a.Stack,{children:n(x.Controller,{name:"data_key",control:t,render:({field:i})=>n(W,{label:"Y Axis Data Field",required:!0,data:e,sx:{flex:1},...i})})})}function np({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaults({},t,Gn),[t]),{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l(["x_axis","data_key","bar","line","dataZoom"]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,t),[f,t]);return c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X Axis"}),n(a.Tabs.Tab,{value:"Y Axis",children:"Y Axis"}),n(a.Tabs.Tab,{value:"Bar",children:"Bar"}),n(a.Tabs.Tab,{value:"Line",children:"Line"}),n(a.Tabs.Tab,{value:"80-20 Line",children:"80-20 Line"}),n(a.Tabs.Tab,{value:"Zooming",children:"Zooming"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(ep,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Y Axis",children:n(tp,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Bar",children:n(Uc,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Line",children:n(Zc,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"80-20 Line",children:n(Hc,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Zooming",children:n(x.Controller,{name:"dataZoom",control:o,render:({field:h})=>n(Pn,{...h})})})]})]})}function rp(e){const{dataZoom:t=ct,...r}=e;return{...r,dataZoom:t}}function ip(e){const{markLine:t=ga,...r}=e;return{...r,markLine:t}}function ap(e){const t=v.defaultsDeep({},e.x_axis.axisLabel,{rotate:0,formatter:{...Ge}});return{...e,x_axis:{...e.x_axis,axisLabel:t}}}function sp(e){const{label_formatter:t=Se}=e.bar;return{...e,bar:{...e.bar,label_formatter:t}}}function op(e){const t={x_axis:{axisLabel:{overflow:{x_axis:{width:80,overflow:"truncate",ellipsis:"..."},tooltip:{width:200,overflow:"break",ellipsis:"..."}}}}};return v.defaultsDeep(t,e)}function lp(e){const t={bar:{nameAlignment:"left"},line:{nameAlignment:"right"}};return v.defaultsDeep(t,e)}function up(e){console.log(e);const{x_axis:t,tooltip:r}=e.x_axis.axisLabel.overflow,i={x_axis:{axisLabel:{overflow:{on_axis:t,in_tooltip:r}}}};return v.defaultsDeep(i,e)}class dp extends fe{constructor(){super(...arguments);O(this,"VERSION",8)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>({...r,version:2,config:rp(r.config)})),this.version(3,r=>({...r,version:3,config:ip(r.config)})),this.version(4,r=>({...r,version:4,config:ap(r.config)})),this.version(5,r=>({...r,version:5,config:sp(r.config)})),this.version(6,r=>({...r,version:6,config:op(r.config)})),this.version(7,r=>({...r,version:7,config:lp(r.config)})),this.version(8,r=>({...r,version:8,config:up(r.config)}))}}const cp={displayName:"Pareto Chart",displayGroup:"ECharts-based charts",migrator:new dp,name:"paretoChart",viewRender:Rc,configRender:np,createConfig(){return{version:8,config:v.cloneDeep(Gn)}},triggers:[fa]},qn={grid:{axis:"#97999D",scope:"rgba(47,140,192,0.1)",boundary:"#789AB4",reference:"#CFCFD8"},graphics:{compared:{blueDark:"#3E7CAB",blue:"#6398C7",blueLight:"#7CB0DF",blue10:"#6398C71a",redDark:"#AF5F6B",red:"#CD7C88",redLight:"#E794A0",red10:"#CD7C881a"},gradient:{distributed:"linear-gradient(90deg, #1babe6 0%, #2fc8c8 28.63%, #98d44b 48.86%, #ffd057 67.53%, #f5ae53 80.6%, #e76441 91.18%, #b90000 100%)",protrude:"linear-gradient(180deg, #ec73734d 0%, #ec737300 100%)"},level:{lv0:"#6398C7",lv1:"#61B5BF",lv2:"#54D4BB",lv3:"#F5D277",lv4:"#E8BB7F",lv5:"#DB9E84",lv6:"#CB8089"},depth:{dp0:"#FFF7F8",dp1:"#FFE1E1",dp2:"#FDBCBC",dp3:"#F39494",dp4:"#FA4242",dp5:"#E21212"},multiple:{c1:"#66B4DB",c2:"#E46464",c3:"#EEBA00",c4:"#33A678",c5:"#9D88CB",c6:"#939943",c7:"#E49792",c8:"#09A2B8",c9:"#AF5F6B",c10:"#6CA157",c11:"#3E7CAB",c12:"#6398C7",c13:"#E692BA",c14:"#97B566",c15:"#8CACE2",c16:"#CA79AC",c17:"#6DBC80",c18:"#B08F4B",c19:"#39BFA2",c20:"#826BAF"}}};function pp(){le.registerTheme("merico-light",{color:Object.values(qn.graphics.multiple),visualMap:{color:Object.values(qn.graphics.depth).reverse()}})}function ma(){pp()}function*hp(e){const t=qn.graphics[e];if(!t)throw new Error("Invalid palette key provided");const r=Object.values(t);let i=0;for(;;)yield r[i%r.length],i++}function fp(e,t,r){const{label_field:i,value_field:s,color_field:o}=e,u=t.map(d=>({name:d[i],value:Number(d[s]),color:d[o]})),l=hp("multiple");return{type:"pie",radius:["50%","80%"],itemStyle:{color:({data:d})=>d.color?d.color:l.next().value},label:{position:"outer",alignTo:"edge",formatter:`{name|{b}}
-{percentage|{d}%}`,minMargin:5,edgeDistance:10,lineHeight:15,rich:{percentage:{color:"#999"}},margin:20},labelLine:{length:15,length2:0,maxSurfaceAngle:80,showAbove:!0},labelLayout:function(d){const p=d.labelRect.x<r/2,f=d.labelLinePoints;return v.set(f,[2,0],p?d.labelRect.x:d.labelRect.x+d.labelRect.width),{labelLinePoints:f}},data:u,top:10,bottom:10,left:10,right:10}}function gp(e,t,r){return{tooltip:{show:!0},series:fp(e,t,r)}}const Fn={label_field:"",value_field:"",color_field:""};le.use([de.PieChart,Me.CanvasRenderer]);function mp({context:e}){const{value:t}=F(e.instanceData,"config"),r=e.data,{width:i,height:s}=e.viewport,o=m.useMemo(()=>gp(v.defaultsDeep({},t,Fn),r,i),[t,r,i]);return!i||!s?null:n(Ae,{echarts:le,option:o,style:{width:i,height:s},notMerge:!0,theme:"merico-light"})}function bp({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Fn),[t]),o=m.useMemo(()=>v.clone(s),[s]),{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,s),[g,s]);return d(["label_field","value_field","color_field"]),n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Pie Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Stack,{mt:"md",spacing:"xs",p:"md",mb:"sm",sx:{border:"1px solid #eee",borderRadius:"5px"},children:[n(x.Controller,{control:u,name:"label_field",render:({field:b})=>n(W,{label:"Label Key",required:!0,data:i,...b})}),n(x.Controller,{control:u,name:"value_field",render:({field:b})=>n(W,{label:"Value Key",required:!0,data:i,...b})}),n(x.Controller,{control:u,name:"color_field",render:({field:b})=>n(W,{label:"Color Key",data:i,clearable:!0,...b})})]})]})})}function yp(e){const{color_field:t="",...r}=e;return{...r,color_field:t}}class vp extends fe{constructor(){super(...arguments);O(this,"VERSION",2)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>({...r,version:2,config:yp(r.config)}))}}const xp={displayName:"Pie Chart",displayGroup:"ECharts-based charts",migrator:new vp,name:"pie",viewRender:mp,configRender:bp,createConfig(){return{version:2,config:v.cloneDeep(Fn)}}};function Cp(e){return n(B,{})}function wp(e){return n(a.Text,{children:"Click heat block"})}const ba={id:"builtin:echarts:click-radar-chart:series",displayName:"Click radar chart series",nameRender:wp,configRender:Cp,payload:[{name:"seriesType",description:"'radar'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]},Zt={series_name_key:"name",background:{enabled:!0},label:{enabled:!0},dimensions:[]};function ya(e){return e?t=>{try{return te(t).format(e)}catch(r){return console.error(r),t}}:t=>t}function _p(e){return{show:e.label.enabled,formatter:({dimensionIndex:t,value:r})=>ya(e.dimensions[t].formatter)(r)}}function Sp(e){return({name:t,marker:r,value:i})=>{if(i.length===0)return"";const s=i.map((o,u)=>{const l=e.dimensions[u],d=ya(l.formatter);return`
+`,Hc=()=>{const[e,t]=m.useState(!1);return c(B,{children:[n(a.Button,{variant:"subtle",compact:!0,onClick:()=>t(r=>!r),children:e?"Close":"Click to see params for Label Template"}),n(a.Collapse,{in:e,children:n(ot.Prism,{language:"typescript",noCopy:!0,colorScheme:"dark",children:Jc})})]})};function ep({data:e,control:t,watch:r}){return r(["markLine"]),c(a.Stack,{children:[c(a.Stack,{spacing:2,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:"markLine.color",control:t,render:({field:i})=>n(De,{...i})})]}),c(a.Stack,{spacing:4,children:[n(x.Controller,{name:"markLine.label_template",control:t,render:({field:i})=>n(a.Textarea,{autosize:!0,minRows:2,maxRows:4,label:"Label Template",sx:{flex:1},...i})}),n(Hc,{})]})]})}function tp({data:e,control:t,watch:r}){return r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Name",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Tick Label",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(Qt,{data:e,...i})})]}),n(x.Controller,{name:"x_axis.axisLabel.overflow",control:t,render:({field:i})=>n(Je,{...i})})]})}function np({data:e,control:t,watch:r}){return r(["data_key"]),n(a.Stack,{children:n(x.Controller,{name:"data_key",control:t,render:({field:i})=>n(W,{label:"Y Axis Data Field",required:!0,data:e,sx:{flex:1},...i})})})}function rp({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaults({},t,Gn),[t]),{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l(["x_axis","data_key","bar","line","dataZoom"]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,t),[f,t]);return c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X Axis"}),n(a.Tabs.Tab,{value:"Y Axis",children:"Y Axis"}),n(a.Tabs.Tab,{value:"Bar",children:"Bar"}),n(a.Tabs.Tab,{value:"Line",children:"Line"}),n(a.Tabs.Tab,{value:"80-20 Line",children:"80-20 Line"}),n(a.Tabs.Tab,{value:"Zooming",children:"Zooming"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(tp,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Y Axis",children:n(np,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Bar",children:n(Xc,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Line",children:n(Kc,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"80-20 Line",children:n(ep,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Zooming",children:n(x.Controller,{name:"dataZoom",control:o,render:({field:h})=>n(Pn,{...h})})})]})]})}function ip(e){const{dataZoom:t=ct,...r}=e;return{...r,dataZoom:t}}function ap(e){const{markLine:t=ma,...r}=e;return{...r,markLine:t}}function sp(e){const t=v.defaultsDeep({},e.x_axis.axisLabel,{rotate:0,formatter:{...Ge}});return{...e,x_axis:{...e.x_axis,axisLabel:t}}}function op(e){const{label_formatter:t=Se}=e.bar;return{...e,bar:{...e.bar,label_formatter:t}}}function lp(e){const t={x_axis:{axisLabel:{overflow:{x_axis:{width:80,overflow:"truncate",ellipsis:"..."},tooltip:{width:200,overflow:"break",ellipsis:"..."}}}}};return v.defaultsDeep(t,e)}function up(e){const t={bar:{nameAlignment:"left"},line:{nameAlignment:"right"}};return v.defaultsDeep(t,e)}function dp(e){console.log(e);const{x_axis:t,tooltip:r}=e.x_axis.axisLabel.overflow,i={x_axis:{axisLabel:{overflow:{on_axis:t,in_tooltip:r}}}};return v.defaultsDeep(i,e)}class cp extends fe{constructor(){super(...arguments);P(this,"VERSION",8)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>({...r,version:2,config:ip(r.config)})),this.version(3,r=>({...r,version:3,config:ap(r.config)})),this.version(4,r=>({...r,version:4,config:sp(r.config)})),this.version(5,r=>({...r,version:5,config:op(r.config)})),this.version(6,r=>({...r,version:6,config:lp(r.config)})),this.version(7,r=>({...r,version:7,config:up(r.config)})),this.version(8,r=>({...r,version:8,config:dp(r.config)}))}}const pp={displayName:"Pareto Chart",displayGroup:"ECharts-based charts",migrator:new cp,name:"paretoChart",viewRender:Qc,configRender:rp,createConfig(){return{version:8,config:v.cloneDeep(Gn)}},triggers:[ga]},qn={grid:{axis:"#97999D",scope:"rgba(47,140,192,0.1)",boundary:"#789AB4",reference:"#CFCFD8"},graphics:{compared:{blueDark:"#3E7CAB",blue:"#6398C7",blueLight:"#7CB0DF",blue10:"#6398C71a",redDark:"#AF5F6B",red:"#CD7C88",redLight:"#E794A0",red10:"#CD7C881a"},gradient:{distributed:"linear-gradient(90deg, #1babe6 0%, #2fc8c8 28.63%, #98d44b 48.86%, #ffd057 67.53%, #f5ae53 80.6%, #e76441 91.18%, #b90000 100%)",protrude:"linear-gradient(180deg, #ec73734d 0%, #ec737300 100%)"},level:{lv0:"#6398C7",lv1:"#61B5BF",lv2:"#54D4BB",lv3:"#F5D277",lv4:"#E8BB7F",lv5:"#DB9E84",lv6:"#CB8089"},depth:{dp0:"#FFF7F8",dp1:"#FFE1E1",dp2:"#FDBCBC",dp3:"#F39494",dp4:"#FA4242",dp5:"#E21212"},multiple:{c1:"#66B4DB",c2:"#E46464",c3:"#EEBA00",c4:"#33A678",c5:"#9D88CB",c6:"#939943",c7:"#E49792",c8:"#09A2B8",c9:"#AF5F6B",c10:"#6CA157",c11:"#3E7CAB",c12:"#6398C7",c13:"#E692BA",c14:"#97B566",c15:"#8CACE2",c16:"#CA79AC",c17:"#6DBC80",c18:"#B08F4B",c19:"#39BFA2",c20:"#826BAF"}}};function hp(){le.registerTheme("merico-light",{color:Object.values(qn.graphics.multiple),visualMap:{color:Object.values(qn.graphics.depth).reverse()}})}function ba(){hp()}function*fp(e){const t=qn.graphics[e];if(!t)throw new Error("Invalid palette key provided");const r=Object.values(t);let i=0;for(;;)yield r[i%r.length],i++}function gp(e,t,r){const{label_field:i,value_field:s,color_field:o}=e,u=t.map(d=>({name:d[i],value:Number(d[s]),color:d[o]})),l=fp("multiple");return{type:"pie",radius:["50%","80%"],itemStyle:{color:({data:d})=>d.color?d.color:l.next().value},label:{position:"outer",alignTo:"edge",formatter:`{name|{b}}
+{percentage|{d}%}`,minMargin:5,edgeDistance:10,lineHeight:15,rich:{percentage:{color:"#999"}},margin:20},labelLine:{length:15,length2:0,maxSurfaceAngle:80,showAbove:!0},labelLayout:function(d){const p=d.labelRect.x<r/2,f=d.labelLinePoints;return v.set(f,[2,0],p?d.labelRect.x:d.labelRect.x+d.labelRect.width),{labelLinePoints:f}},data:u,top:10,bottom:10,left:10,right:10}}function mp(e,t,r){return{tooltip:{show:!0},series:gp(e,t,r)}}const Fn={label_field:"",value_field:"",color_field:""};le.use([de.PieChart,Me.CanvasRenderer]);function bp({context:e}){const{value:t}=F(e.instanceData,"config"),r=e.data,{width:i,height:s}=e.viewport,o=m.useMemo(()=>mp(v.defaultsDeep({},t,Fn),r,i),[t,r,i]);return!i||!s?null:n(Ae,{echarts:le,option:o,style:{width:i,height:s},notMerge:!0,theme:"merico-light"})}function yp({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Fn),[t]),o=m.useMemo(()=>v.clone(s),[s]),{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,s),[g,s]);return d(["label_field","value_field","color_field"]),n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Pie Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Stack,{mt:"md",spacing:"xs",p:"md",mb:"sm",sx:{border:"1px solid #eee",borderRadius:"5px"},children:[n(x.Controller,{control:u,name:"label_field",render:({field:b})=>n(W,{label:"Label Key",required:!0,data:i,...b})}),n(x.Controller,{control:u,name:"value_field",render:({field:b})=>n(W,{label:"Value Key",required:!0,data:i,...b})}),n(x.Controller,{control:u,name:"color_field",render:({field:b})=>n(W,{label:"Color Key",data:i,clearable:!0,...b})})]})]})})}function vp(e){const{color_field:t="",...r}=e;return{...r,color_field:t}}class xp extends fe{constructor(){super(...arguments);P(this,"VERSION",2)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>({...r,version:2,config:vp(r.config)}))}}const Cp={displayName:"Pie Chart",displayGroup:"ECharts-based charts",migrator:new xp,name:"pie",viewRender:bp,configRender:yp,createConfig(){return{version:2,config:v.cloneDeep(Fn)}}};function wp(e){return n(B,{})}function _p(e){return n(a.Text,{children:"Click heat block"})}const ya={id:"builtin:echarts:click-radar-chart:series",displayName:"Click radar chart series",nameRender:_p,configRender:wp,payload:[{name:"seriesType",description:"'radar'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]},Zt={series_name_key:"name",background:{enabled:!0},label:{enabled:!0},dimensions:[]};function va(e){return e?t=>{try{return te(t).format(e)}catch(r){return console.error(r),t}}:t=>t}function Sp(e){return{show:e.label.enabled,formatter:({dimensionIndex:t,value:r})=>va(e.dimensions[t].formatter)(r)}}function Tp(e){return({name:t,marker:r,value:i})=>{if(i.length===0)return"";const s=i.map((o,u)=>{const l=e.dimensions[u],d=va(l.formatter);return`
     <tr>
       <td style="padding-left: 18px;">${l.name}</td>
       <td style="text-align: right; "><strong>${d(o)}</strong></td>
@@ -186,7 +186,7 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
       ${s.join("")}
     </tbody>
   </table>
-  `}}const Tp={legend:{show:!0,bottom:0,left:0},tooltip:{trigger:"item"}};function kp(e,t){const r=["#66B4DB","#39BFA2","#E46464","#33A678","#EEBA00","#9D88CB","#939943","#E49792","#09A2B8","#AF5F6B","#6CA157","#09A2B8","#6398C7","#E692BA","#97B566","#8CACE2","#CA79AC","#6DBC80","#B08F4B","#826BAF"],i=e.dimensions.map(({name:u,max:l})=>({name:u,max:l})),s=t.map(u=>({value:e.dimensions.map(({data_key:l})=>u[l]),name:u[e.series_name_key]})),o={radar:{indicator:i,splitArea:{show:!1}},tooltip:{confine:!0,backgroundColor:"rgba(255,255,255,0.6)",formatter:Sp(e)},legend:{show:!0,bottom:0,left:"center",type:"scroll"},series:{type:"radar",data:s,symbolSize:4,lineStyle:{width:1},emphasis:{lineStyle:{width:4}},areaStyle:e.background.enabled?{opacity:.4}:void 0,label:_p(e)},color:r};return v.merge({},Tp,o)}le.use([de.RadarChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function Dp({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>v.keyBy(t,e.series_name_key),[t,e.series_name_key]),l=Ne(s.triggerManager,ba.id),d=m.useCallback(g=>{const h=v.get(u,g.name,{error:"rowData is not found"});l.forEach(b=>{s.runInteraction(b.id,{...g,rowData:h})})},[u,l,s]),p=m.useMemo(()=>({click:d}),[d]),f=m.useMemo(()=>kp(v.defaultsDeep({},e,Zt),t),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:f,style:{width:r,height:i},onEvents:p,notMerge:!0,theme:"merico-light"})}function Ip({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,Zt),[i]),u=e.data,{width:l,height:d}=e.viewport;return!l||!d||!o||v.isEmpty(o==null?void 0:o.dimensions)?null:n(a.Box,{children:n(Dp,{variables:s,width:l,height:d,data:u,conf:o,interactionManager:r})})}function Mp({control:e,index:t,remove:r,data:i}){return c(a.Stack,{my:0,p:"md",pr:40,sx:{border:"1px solid #eee",position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`dimensions.${t}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`dimensions.${t}.data_key`,control:e,render:({field:s})=>n(W,{label:"Data Key",required:!0,data:i,sx:{flex:1},...s})}),n(x.Controller,{name:`dimensions.${t}.max`,control:e,render:({field:s})=>n(a.NumberInput,{label:"Max",hideControls:!0,required:!0,sx:{flex:1},...s})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Value Formatter",labelPosition:"center"}),n(x.Controller,{name:`dimensions.${t}.formatter`,control:e,render:({field:s})=>n(Oe,{...s})})]}),n(a.ActionIcon,{color:"red",variant:"subtle",onClick:()=>r(t),sx:{position:"absolute",top:15,right:5},disabled:t===0,children:n(k.Trash,{size:16})})]},t)}function Ap({control:e,watch:t,data:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"dimensions"}),u=t("dimensions"),l=i.map((b,w)=>({...b,...u[w]})),d=()=>{const b=new Date().getTime().toString();s({id:b,name:b,data_key:"",max:100,formatter:Se})},p=v.get(l,"0.id",null),[f,g]=m.useState(p);m.useEffect(()=>{g(b=>b||p)},[p]);const h=b=>{o(b);const w=v.get(l,"0.id",null);g(w)};return c(B,{children:[n(a.Divider,{mt:15,variant:"dashed",label:"Metrics",labelPosition:"center"}),c(a.Tabs,{value:f,onTabChange:g,styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[l.map((b,w)=>n(a.Tabs.Tab,{value:b.id,children:b.name?b.name:w+1},w)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(V.IconPlus,{size:18,color:"#228be6"})})]}),l.map((b,w)=>n(a.Tabs.Panel,{value:b.id,children:n(Mp,{data:r,control:e,index:w,remove:h})},w))]})]})}function $p({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Zt),[t]),{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l(["series_name_key","background","label"]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,s),[f,s]);return n("form",{onSubmit:u(r),children:c(a.Stack,{spacing:"xs",children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Radar Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),n(a.Divider,{mt:15,variant:"dashed",label:"Basics",labelPosition:"center"}),n(x.Controller,{name:"series_name_key",control:o,render:({field:h})=>n(W,{label:"Series Name Field",required:!0,data:i,sx:{flex:1},...h})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"background.enabled",control:o,render:({field:h})=>n(a.Checkbox,{label:"Show background",checked:h.value,onChange:b=>h.onChange(b.currentTarget.checked)})}),n(x.Controller,{name:"label.enabled",control:o,render:({field:h})=>n(a.Checkbox,{label:"Show value label",checked:h.value,onChange:b=>h.onChange(b.currentTarget.checked)})})]}),n(Ap,{control:o,watch:l,data:i})]})})}function zp(e){const{dimensions:t=[],...r}=e;function i({name:s="",data_key:o="",max:u=10,formatter:l=Se}){return{name:s,data_key:o,max:u,formatter:l}}return{...r,dimensions:t.map(i)}}function Ep(e){const{dimensions:t=[],...r}=e;return{...r,dimensions:t.map(i=>({...i,id:i.id??i.name}))}}function Lp(e){const t={background:{enabled:!0},label:{enabled:!0}};return v.defaultsDeep(t,e)}class Pp extends fe{constructor(){super(...arguments);O(this,"VERSION",4)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>{const{config:i}=r;return{...r,version:2,config:zp(i)}}),this.version(3,r=>{const{config:i}=r;return{...r,version:3,config:Ep(i)}}),this.version(4,r=>{const{config:i}=r;return{...r,version:4,config:Lp(i)}})}}const Op={displayName:"Radar Chart",displayGroup:"ECharts-based charts",migrator:new Pp,name:"radar",viewRender:Ip,configRender:$p,createConfig:()=>({version:4,config:Zt}),triggers:[ba]};function Vp(e,t){const{plot:r,transform:i}=e.regression;return t.map(s=>({...r,id:`reg-for-${s.name}`,name:s.name,data:Ut(i,s.data),color:s.color,showSymbol:!1,smooth:!0,tooltip:{show:!1},custom:{type:"regression-line",targetSeries:s.name}}))}function va(e,t){return v.uniqBy(t.map(r=>[r[e.x_axis.data_key],r[e.regression.y_axis_data_key]]),0)}function Bp(e,t){const{plot:r,transform:i}=e.regression,s=va(e,t);return[{type:"scatter",name:e.y_axis.name,data:s,symbolSize:4,color:"red",markLine:{...r,data:[Ut(i,s)],color:"blue",smooth:!0,silent:!0,symbol:["none","none"]}}]}function Np(e,t){const{plot:r,transform:i,group_by_key:s}=e.regression,o=v.groupBy(t,s);return Object.entries(o).map(([u,l])=>{const d=va(e,l);return{type:"scatter",name:u,data:d,symbolSize:4,markLine:{...r,data:[Ut(i,d)],smooth:!0,silent:!0,symbol:["none","none"]}}})}function Gp(e,t){if(t.length===0)return[];const{group_by_key:r}=e.regression;return r?Np(e,t):Bp(e,t)}function qp(e){return Array.isArray(e)||(e=[e]),e.map(t=>({marker:t.marker,label:t.seriesName,x:t.value[0],y:t.value[1]}))}function Fp(e){return{confine:!0,trigger:"axis",formatter:t=>{const r=qp(t);return r.length===0?"":`
+  `}}const kp={legend:{show:!0,bottom:0,left:0},tooltip:{trigger:"item"}};function Dp(e,t){const r=["#66B4DB","#39BFA2","#E46464","#33A678","#EEBA00","#9D88CB","#939943","#E49792","#09A2B8","#AF5F6B","#6CA157","#09A2B8","#6398C7","#E692BA","#97B566","#8CACE2","#CA79AC","#6DBC80","#B08F4B","#826BAF"],i=e.dimensions.map(({name:u,max:l})=>({name:u,max:l})),s=t.map(u=>({value:e.dimensions.map(({data_key:l})=>u[l]),name:u[e.series_name_key]})),o={radar:{indicator:i,splitArea:{show:!1}},tooltip:{confine:!0,backgroundColor:"rgba(255,255,255,0.6)",formatter:Tp(e)},legend:{show:!0,bottom:0,left:"center",type:"scroll"},series:{type:"radar",data:s,symbolSize:4,lineStyle:{width:1},emphasis:{lineStyle:{width:4}},areaStyle:e.background.enabled?{opacity:.4}:void 0,label:Sp(e)},color:r};return v.merge({},kp,o)}le.use([de.RadarChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function Ip({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>v.keyBy(t,e.series_name_key),[t,e.series_name_key]),l=Ne(s.triggerManager,ya.id),d=m.useCallback(g=>{const h=v.get(u,g.name,{error:"rowData is not found"});l.forEach(b=>{s.runInteraction(b.id,{...g,rowData:h})})},[u,l,s]),p=m.useMemo(()=>({click:d}),[d]),f=m.useMemo(()=>Dp(v.defaultsDeep({},e,Zt),t),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:f,style:{width:r,height:i},onEvents:p,notMerge:!0,theme:"merico-light"})}function Mp({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,Zt),[i]),u=e.data,{width:l,height:d}=e.viewport;return!l||!d||!o||v.isEmpty(o==null?void 0:o.dimensions)?null:n(a.Box,{children:n(Ip,{variables:s,width:l,height:d,data:u,conf:o,interactionManager:r})})}function Ap({control:e,index:t,remove:r,data:i}){return c(a.Stack,{my:0,p:"md",pr:40,sx:{border:"1px solid #eee",position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`dimensions.${t}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`dimensions.${t}.data_key`,control:e,render:({field:s})=>n(W,{label:"Data Key",required:!0,data:i,sx:{flex:1},...s})}),n(x.Controller,{name:`dimensions.${t}.max`,control:e,render:({field:s})=>n(a.NumberInput,{label:"Max",hideControls:!0,required:!0,sx:{flex:1},...s})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Value Formatter",labelPosition:"center"}),n(x.Controller,{name:`dimensions.${t}.formatter`,control:e,render:({field:s})=>n(Oe,{...s})})]}),n(a.ActionIcon,{color:"red",variant:"subtle",onClick:()=>r(t),sx:{position:"absolute",top:15,right:5},disabled:t===0,children:n(k.Trash,{size:16})})]},t)}function $p({control:e,watch:t,data:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"dimensions"}),u=t("dimensions"),l=i.map((b,w)=>({...b,...u[w]})),d=()=>{const b=new Date().getTime().toString();s({id:b,name:b,data_key:"",max:100,formatter:Se})},p=v.get(l,"0.id",null),[f,g]=m.useState(p);m.useEffect(()=>{g(b=>b||p)},[p]);const h=b=>{o(b);const w=v.get(l,"0.id",null);g(w)};return c(B,{children:[n(a.Divider,{mt:15,variant:"dashed",label:"Metrics",labelPosition:"center"}),c(a.Tabs,{value:f,onTabChange:g,styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[l.map((b,w)=>n(a.Tabs.Tab,{value:b.id,children:b.name?b.name:w+1},w)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(O.IconPlus,{size:18,color:"#228be6"})})]}),l.map((b,w)=>n(a.Tabs.Panel,{value:b.id,children:n(Ap,{data:r,control:e,index:w,remove:h})},w))]})]})}function zp({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Zt),[t]),{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l(["series_name_key","background","label"]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,s),[f,s]);return n("form",{onSubmit:u(r),children:c(a.Stack,{spacing:"xs",children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Radar Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),n(a.Divider,{mt:15,variant:"dashed",label:"Basics",labelPosition:"center"}),n(x.Controller,{name:"series_name_key",control:o,render:({field:h})=>n(W,{label:"Series Name Field",required:!0,data:i,sx:{flex:1},...h})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"background.enabled",control:o,render:({field:h})=>n(a.Checkbox,{label:"Show background",checked:h.value,onChange:b=>h.onChange(b.currentTarget.checked)})}),n(x.Controller,{name:"label.enabled",control:o,render:({field:h})=>n(a.Checkbox,{label:"Show value label",checked:h.value,onChange:b=>h.onChange(b.currentTarget.checked)})})]}),n($p,{control:o,watch:l,data:i})]})})}function Ep(e){const{dimensions:t=[],...r}=e;function i({name:s="",data_key:o="",max:u=10,formatter:l=Se}){return{name:s,data_key:o,max:u,formatter:l}}return{...r,dimensions:t.map(i)}}function Lp(e){const{dimensions:t=[],...r}=e;return{...r,dimensions:t.map(i=>({...i,id:i.id??i.name}))}}function Pp(e){const t={background:{enabled:!0},label:{enabled:!0}};return v.defaultsDeep(t,e)}class Op extends fe{constructor(){super(...arguments);P(this,"VERSION",4)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>{const{config:i}=r;return{...r,version:2,config:Ep(i)}}),this.version(3,r=>{const{config:i}=r;return{...r,version:3,config:Lp(i)}}),this.version(4,r=>{const{config:i}=r;return{...r,version:4,config:Pp(i)}})}}const Vp={displayName:"Radar Chart",displayGroup:"ECharts-based charts",migrator:new Op,name:"radar",viewRender:Mp,configRender:zp,createConfig:()=>({version:4,config:Zt}),triggers:[ya]};function Bp(e,t){const{plot:r,transform:i}=e.regression;return t.map(s=>({...r,id:`reg-for-${s.name}`,name:s.name,data:Ut(i,s.data),color:s.color,showSymbol:!1,smooth:!0,tooltip:{show:!1},custom:{type:"regression-line",targetSeries:s.name}}))}function xa(e,t){return v.uniqBy(t.map(r=>[r[e.x_axis.data_key],r[e.regression.y_axis_data_key]]),0)}function Np(e,t){const{plot:r,transform:i}=e.regression,s=xa(e,t);return[{type:"scatter",name:e.y_axis.name,data:s,symbolSize:4,color:"red",markLine:{...r,data:[Ut(i,s)],color:"blue",smooth:!0,silent:!0,symbol:["none","none"]}}]}function Gp(e,t){const{plot:r,transform:i,group_by_key:s}=e.regression,o=v.groupBy(t,s);return Object.entries(o).map(([u,l])=>{const d=xa(e,l);return{type:"scatter",name:u,data:d,symbolSize:4,markLine:{...r,data:[Ut(i,d)],smooth:!0,silent:!0,symbol:["none","none"]}}})}function qp(e,t){if(t.length===0)return[];const{group_by_key:r}=e.regression;return r?Gp(e,t):Np(e,t)}function Fp(e){return Array.isArray(e)||(e=[e]),e.map(t=>({marker:t.marker,label:t.seriesName,x:t.value[0],y:t.value[1]}))}function Wp(e){return{confine:!0,trigger:"axis",formatter:t=>{const r=Fp(t);return r.length===0?"":`
         <table style="width: auto">
           <thead>
             <tr>
@@ -205,10 +205,10 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
             </tr>
           </tbody>
         </table>
-      `}}}function xa({enabled:e,func_content:t}){return(r,i)=>{if(!e)return r;try{return new Function(`return ${t}`)()(r,i)}catch(s){return console.error(`[getEchartsXAxisLabel] failed parsing custom function, error: ${s.message}`),r}}}function Wp(e){const{overflow:t,format:r,formatter:i,...s}=e.x_axis.axisLabel,o=Re(t.on_axis);return{type:"value",name:e.x_axis.name??"",nameLocation:"middle",nameGap:25,axisTick:{show:!0,alignWithLabel:!0},axisLabel:{...s,...o,formatter:(u,l)=>{let d=u;try{d=te(u).format(r)}catch{}return xa(i)(d,l)}}}}const jp={tooltip:{trigger:"axis"},grid:{top:50,left:5,right:10,bottom:20,containLabel:!0},dataZoom:[{type:"inside",xAxisIndex:[0]},{type:"inside",yAxisIndex:[0]}]};function Yp(e,t){const r=Gp(e,t),i=Vp(e,r),s={xAxis:Wp(e),yAxis:{name:e.y_axis.name??"",nameLocation:"end",nameTextStyle:{align:"left"},nameGap:5,axisLine:{show:!0}},series:[...r,...i],tooltip:Fp(e),legend:{show:!0,type:"scroll",orient:"horizontal",align:"left",right:0,top:0,left:"auto",itemGap:20,padding:[4,8,0,140],data:r.map(o=>o.name)}};return v.defaultsDeep({},s,jp)}function Kt(e,t,r){return 1-(1-e)*(t-1)/(t-r-1)}function Rp(e,t,r,i){const{x_axis:s,y_axis:o}=i,u=Ze.regressionLinear()(r),{a:l,b:d,rSquared:p}=u;return{name:e,expression:c(a.Group,{position:"center",noWrap:!0,spacing:10,children:[n(a.Text,{children:o.name}),n(a.Text,{children:"="}),n(a.Text,{weight:"bold",color:"red",children:te(d).format({mantissa:2,trimMantissa:!0})}),n(a.Text,{children:"+"}),n(a.Text,{weight:"bold",color:"red",children:te(l).format({mantissa:2,trimMantissa:!0})}),n(a.Text,{children:"×"}),n(a.Text,{children:s.name})]}),rSquared:p,adjustedRSquared:Kt(p,t.length,1)}}function Qp(e,t,r,i){const{x_axis:s,y_axis:o}=i,{a:u,b:l,rSquared:d}=Ze.regressionExp()(r);return{name:e,expression:c(a.Group,{position:"center",noWrap:!0,spacing:10,children:[n(a.Text,{children:o.name}),n(a.Text,{children:"="}),n(a.Text,{weight:"bold",color:"gray",children:u}),n(a.Text,{children:"×"}),c(a.Group,{position:"left",noWrap:!0,spacing:2,children:[n(a.Text,{children:"Math.exp("}),n(a.Text,{weight:"bold",color:"gray",children:l}),n(a.Text,{children:"×"}),n(a.Text,{children:s.name}),n(a.Text,{children:")"})]})]}),rSquared:d,adjustedRSquared:Kt(d,t.length,1)}}function Up(e,t,r,i){const{x_axis:s,y_axis:o}=i,{a:u,b:l,rSquared:d}=Ze.regressionLog()(r);return{name:e,expression:c(a.Group,{position:"center",noWrap:!0,spacing:10,children:[n(a.Text,{children:o.name}),n(a.Text,{children:"="}),n(a.Text,{weight:"bold",color:"gray",children:u}),n(a.Text,{children:"×"}),c(a.Group,{position:"left",noWrap:!0,spacing:2,children:[n(a.Text,{children:"Math.log("}),n(a.Text,{children:s.name}),n(a.Text,{children:")"}),n(a.Text,{children:"+"}),n(a.Text,{weight:"bold",color:"gray",children:l})]})]}),rSquared:d,adjustedRSquared:Kt(d,t.length,1)}}function Xp(e,t,r,i){const{x_axis:s,y_axis:o,regression:u}=i,l=Ze.regressionPoly().order(u.transform.config.order)(r),{rSquared:d}=l;return console.log(l),{name:e,expression:"",rSquared:d,adjustedRSquared:Kt(d,t.length,1)}}function Ca(e,t,r){const{regression:i,x_axis:s}=r,o=t.map(u=>[u[s.data_key],u[i.y_axis_data_key]]);return i.transform.config.method==="linear"?Rp(e,t,o,r):i.transform.config.method==="exponential"?Qp(e,t,o,r):i.transform.config.method==="logarithmic"?Up(e,t,o,r):i.transform.config.method==="polynomial"?Xp(e,t,o,r):{name:e,expression:"",rSquared:0,adjustedRSquared:0}}function Zp(e,t){if(!t)return[{name:"",expression:"",rSquared:0,adjustedRSquared:0}];if(!t.regression.group_by_key)return[Ca("",e,t)];const r=v.groupBy(e,t.regression.group_by_key);return Object.entries(r).map(([i,s])=>Ca(i,s,t))}const Kp={marginTop:"10px","tbody th, tbody td":{padding:"7px 10px"},"tbody tr:not(:first-of-type) th":{borderTop:"1px solid #dee2e6"}};function wa({desc:e}){const{expression:t,rSquared:r,adjustedRSquared:i}=e;return t?n(a.Table,{fontSize:14,sx:Kp,children:c("tbody",{children:[n("tr",{children:n("td",{colSpan:2,children:n(a.Text,{align:"center",children:t})})}),c("tr",{children:[n("td",{children:"R-Sq"}),n("td",{style:{textAlign:"right"},children:te(r).format({output:"percent",mantissa:1})})]}),c("tr",{children:[n("td",{children:"R-Sq(Adjusted)"}),n("td",{style:{textAlign:"right"},children:te(i).format({output:"percent",mantissa:1})})]})]})}):n(a.Text,{children:"Unavailable for this regression method"})}function Jp({conf:e,data:t}){var i;const r=m.useMemo(()=>Zp(t,e),[e,t]);return e.regression.group_by_key?(console.log(r),c(a.Tabs,{defaultValue:(i=r[0])==null?void 0:i.name,color:"gray",children:[n(a.Tabs.List,{grow:!0,children:r.map(s=>n(a.Tabs.Tab,{value:s.name,children:s.name},s.name))}),r.map(s=>n(a.Tabs.Panel,{value:s.name,children:n(wa,{desc:s})},s.name))]})):n(wa,{desc:r[0]})}function Hp({conf:e,data:t}){return c(a.HoverCard,{shadow:"md",withinPortal:!0,zIndex:320,children:[n(a.HoverCard.Target,{children:n(a.Button,{size:"xs",variant:"subtle",compact:!0,leftIcon:n(V.IconInfoCircle,{size:14}),children:"Regression Info"})}),n(a.HoverCard.Dropdown,{children:n(ke,{children:n(Jp,{conf:e,data:t})})})]})}function eh(e){return n(a.Group,{position:"apart",sx:{position:"absolute",top:0,left:0,height:"22px",zIndex:1},children:n(Hp,{...e})})}const Jt={enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
-`)},Wn={x_axis:{name:"X Axis",data_key:"",axisLabel:{rotate:0,format:Se,overflow:Ve,formatter:{...Jt}}},y_axis:{name:"Y Axis"},regression:{transform:{type:"ecStat:regression",config:{method:"linear",order:1,formulaOn:"end"}},plot:{type:"line",yAxisIndex:0,color:"#228be6",lineStyle:{type:"solid",width:1}},name:"regression",group_by_key:"",y_axis_data_key:"value"}};le.use([N.DataZoomComponent,de.ScatterChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function th({context:e}){const{value:t}=F(e.instanceData,"config"),{width:r,height:i}=e.viewport,s=m.useMemo(()=>{var f;const d=e.data,p=(f=t==null?void 0:t.regression)==null?void 0:f.y_axis_data_key;return p?d.map(g=>typeof g[p]=="number"?g:{...g,[p]:Number(g[p])}):d},[e.data,t==null?void 0:t.regression.y_axis_data_key]),o=m.useMemo(()=>Yp(v.defaultsDeep({},t,Wn),s),[t,s]),u=m.useRef(null),l=d=>{u.current=d};return!r||!i||!t?null:c(a.Box,{sx:{position:"relative"},children:[n(eh,{conf:t,data:s}),n(Ae,{echarts:le,onChartReady:l,option:o,style:{width:r,height:i},notMerge:!0,theme:"merico-light"})]})}const nh=[{label:"Linear",value:"linear"},{label:"Exponential",value:"exponential"},{label:"Logarithmic",value:"logarithmic"},{label:"Polynomial",value:"polynomial"}];function rh({control:e,watch:t,data:r}){t("regression");const i=t("regression.transform.config.method"),s=t("regression.group_by_key");return c(a.Stack,{children:[n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"regression.name",control:e,render:({field:o})=>n(a.TextInput,{label:"回归线名称",sx:{flex:1},...o})})}),n(x.Controller,{name:"regression.group_by_key",control:e,render:({field:o})=>n(W,{label:"按此字段将数据分为多个系列",data:r,clearable:!0,sx:{flex:1},...o})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"regression.transform.config.method",control:e,render:({field:o})=>n(a.Select,{label:"回归方法",data:nh,sx:{flex:1},...o})}),i==="polynomial"&&n(x.Controller,{name:"regression.transform.config.order",control:e,render:({field:o})=>n(a.NumberInput,{label:"次",sx:{flex:1},...o})})]}),!s&&c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"颜色"}),n(x.Controller,{name:"regression.plot.color",control:e,render:({field:o})=>n(De,{...o})})]})]})}const ih=({disabled:e,value:t,onChange:r})=>{const i=s=>{s&&r(s)};return c(a.Box,{sx:{position:"relative"},children:[e&&n(a.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),n(_e,{height:"500px",defaultLanguage:"javascript",value:t,onChange:i,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})},_a=m.forwardRef(({value:e,onChange:t,triggerButtonText:r="Customize Label"},i)=>{const[s,{setTrue:o,setFalse:u}]=Z.useBoolean(),[l,d]=m.useState(e);m.useEffect(()=>{d(e)},[e]);const p=w=>{d({...l,enabled:w})},f=()=>{u();const{enabled:w,func_content:C}=l,S={enabled:w,func_content:C};d(S),t(S)},g=()=>{u(),d(e)},h=w=>{d(C=>({...C,func_content:w}))},b=()=>{h(Jt.func_content)};return c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:o,sx:{flexGrow:0},children:r}),n(a.Modal,{size:800,title:"Customize label content",opened:s,onClose:u,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:s&&c(a.Stack,{children:[n(a.Checkbox,{mt:10,label:"Enabled",checked:l.enabled,onChange:w=>p(w.currentTarget.checked)}),n(ih,{value:l.func_content,onChange:h,disabled:!l.enabled}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:b,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:g,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:f,children:"OK"})]})]})]})})]})});function ah({data:e,control:t,watch:r}){return r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"X轴名称",sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.data_key",control:t,render:({field:i})=>n(W,{label:"X轴数据字段",required:!0,data:e,sx:{flex:1},...i})})]}),n(a.Divider,{variant:"dashed",labelPosition:"center",label:"格式化数据"}),n(a.Stack,{children:n(x.Controller,{name:"x_axis.axisLabel.format",control:t,render:({field:i})=>n(Oe,{...i})})}),n(a.Divider,{variant:"dashed",labelPosition:"center",label:"标签文案样式"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"旋转",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"度"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(_a,{triggerButtonText:"自定义标签文案内容",data:e,...i})})]}),n(x.Controller,{name:"x_axis.axisLabel.overflow",control:t,render:({field:i})=>n(Je,{...i})})]})}function sh({data:e,control:t,watch:r}){return r(["y_axis","regression.y_axis_data_key"]),n(a.Stack,{children:c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"y_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Y轴名称",sx:{flex:1},...i})}),n(x.Controller,{name:"regression.y_axis_data_key",control:t,render:({field:i})=>n(W,{label:"Y轴数据字段",required:!0,data:e,sx:{flex:1},...i})})]})})}function oh({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaults({},t,Wn),[t]),{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l(["x_axis","y_axis","regression"]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,t),[f,t]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X轴",orientation:"vertical",styles:{panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X轴",children:"X轴"}),n(a.Tabs.Tab,{value:"Y轴",children:"Y轴"}),n(a.Tabs.Tab,{value:"回归",children:"回归"})]}),n(a.Tabs.Panel,{value:"X轴",children:n(ah,{watch:l,control:o,data:i})}),n(a.Tabs.Panel,{value:"Y轴",children:n(sh,{watch:l,control:o,data:i})}),n(a.Tabs.Panel,{value:"回归",children:n(rh,{control:o,watch:l,data:i})})]})]})})}function lh(e){const t={x_axis:{axisLabel:{rotate:0,format:Se,overflow:Ve,formatter:Jt}},regression:{group_by_key:""}};return v.defaultsDeep(t,e)}class uh extends fe{constructor(){super(...arguments);O(this,"VERSION",2)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>({...r,version:2,config:lh(r.config)}))}}const dh={displayName:"Regression Chart",displayGroup:"Merico suite",migrator:new uh,name:"regressionChart",viewRender:th,configRender:oh,createConfig(){return{version:2,config:v.cloneDeep(Wn)}}},Ht={content:""};function ch({context:e}){const{value:t}=F(e.instanceData,"config"),r=m.useMemo(()=>v.defaults({},t,Ht),[t]);return r!=null&&r.content?n(qt,{value:r.content,styles:{root:{border:"none",height:"100%"},content:{padding:0}}}):null}function ph(){const{editor:e}=X.useRichTextEditorContext();return n(X.RichTextEditor.Control,{onClick:()=>e==null?void 0:e.commands.insertTable({rows:3,cols:3,withHeaderRow:!0}),"aria-label":"Insert table",title:"Insert table",children:n(V.IconBorderAll,{stroke:1.5,size:16})})}const jn=m.forwardRef(({value:e,onChange:t,styles:r={},label:i,onSubmit:s},o)=>{const[u,l]=m.useState(e),d=Si.useEditor({extensions:[Ti,_i,X.Link,mi,gi,hi,vi.configure({resizable:!1,HTMLAttributes:{class:"rich-text-table-render"}}),wi,Ci,xi,bi.configure({types:["heading","paragraph"]}),fi.configure({placeholder:"This is placeholder"}),yi,pi.Color],content:u,onUpdate:({editor:h})=>{l(h.getHTML())}});m.useEffect(()=>{l(e),d==null||d.commands.setContent(e)},[e]);const p=()=>{t(u),s==null||s()},f=e!==u,g=m.useMemo(()=>v.defaultsDeep({},{content:_n},r),[r]);return c(a.Stack,{spacing:4,sx:{flexGrow:1,position:"relative"},children:[c(a.Group,{align:"center",children:[n(a.Text,{size:14,fw:500,children:i}),n(a.ActionIcon,{color:"blue",disabled:!f,onClick:p,children:n(V.IconDeviceFloppy,{size:18})})]}),c(X.RichTextEditor,{editor:d,styles:g,children:[c(X.RichTextEditor.Toolbar,{sticky:!0,stickyOffset:0,children:[n(X.RichTextEditor.ControlsGroup,{children:n(X.RichTextEditor.ColorPicker,{colors:["#25262b","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})}),c(X.RichTextEditor.ControlsGroup,{children:[n(X.RichTextEditor.Bold,{}),n(X.RichTextEditor.Italic,{}),n(X.RichTextEditor.Underline,{}),n(X.RichTextEditor.Strikethrough,{}),n(X.RichTextEditor.ClearFormatting,{}),n(X.RichTextEditor.Highlight,{}),n(X.RichTextEditor.Code,{})]}),c(X.RichTextEditor.ControlsGroup,{children:[n(X.RichTextEditor.H1,{}),n(X.RichTextEditor.H2,{}),n(X.RichTextEditor.H3,{}),n(X.RichTextEditor.H4,{})]}),c(X.RichTextEditor.ControlsGroup,{children:[n(X.RichTextEditor.Blockquote,{}),n(X.RichTextEditor.Hr,{}),n(X.RichTextEditor.BulletList,{}),n(X.RichTextEditor.OrderedList,{}),n(X.RichTextEditor.Subscript,{}),n(X.RichTextEditor.Superscript,{})]}),c(X.RichTextEditor.ControlsGroup,{children:[n(X.RichTextEditor.Link,{}),n(X.RichTextEditor.Unlink,{})]}),c(X.RichTextEditor.ControlsGroup,{children:[n(X.RichTextEditor.AlignLeft,{}),n(X.RichTextEditor.AlignCenter,{}),n(X.RichTextEditor.AlignJustify,{}),n(X.RichTextEditor.AlignRight,{})]}),n(X.RichTextEditor.ControlsGroup,{children:n(ph,{})})]}),n(X.RichTextEditor.Content,{})]})]})});function hh({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=m.useMemo(()=>v.defaults({},t,Ht),[t]),{control:s,handleSubmit:o,watch:u,reset:l}=x.useForm({defaultValues:i});u("content"),m.useEffect(()=>{l(i)},[i]);const d=m.useRef(null),p=()=>{var f;return(f=d.current)==null?void 0:f.click()};return n("form",{onSubmit:o(r),style:{flexGrow:1,display:"flex",flexDirection:"column"},children:c(a.Stack,{spacing:"xs",sx:{flexGrow:1},children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef",display:"none"},children:[n(a.Text,{children:"Content"}),n(a.ActionIcon,{ref:d,type:"submit",mr:5,variant:"filled",color:"blue",children:n(k.DeviceFloppy,{size:20})})]}),n(x.Controller,{name:"content",control:s,render:({field:f})=>n(jn,{...f,styles:{root:{flexGrow:1}},label:"Content",onSubmit:p})})]})})}class fh extends fe{constructor(){super(...arguments);O(this,"VERSION",1)}fixMalformedConfig(r){return v.defaults({},r,Ht)}configVersions(){this.version(1,r=>({version:1,config:this.fixMalformedConfig(r)}))}}const gh={displayName:"Rich Text",displayGroup:"Others",migrator:new fh,name:"richText",viewRender:ch,configRender:hh,createConfig(){return{version:1,config:v.cloneDeep(Ht)}}},Dt={static:{type:"static",color:je.random().css()},dynamic:{type:"dynamic",func_content:["function getColor({ rowData, params, variables }, { lodash, interpolate }) {","    // your code goes here",'    // return "blue"',"}"].join(`
-`)}},Sa={id:"builtin:echarts:click-scatter-chart:series",displayName:"Click Scatter",nameRender:bh,configRender:mh,payload:[{name:"seriesType",description:"'scatter'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]};function mh(e){return n(B,{})}function bh(e){return n(a.Text,{children:"Click scatter"})}const Ta={enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
-`)},ka={label:Ve.on_axis,tooltip:Ve.in_tooltip},Yn={scatter:{y_data_key:"",name_data_key:"",symbolSize:{type:"static",size:10},color:Dt.static,label_position:"right",label_overflow:ka},stats:{templates:{top:"",bottom:""}},x_axis:{name:"",data_key:"",axisLabel:{rotate:0,formatter:{...Ta}}},y_axes:[{name:"Y Axis",position:"left",nameAlignment:"center",label_formatter:Se,min:"",max:"",show:!0}],tooltip:{trigger:"item",metrics:[]},reference_lines:[],reference_areas:[],dataZoom:ct};function yh(e){const t=e.y_axes.some(s=>!!s.name);let r=10;t&&(r+=20),e.dataZoom.x_axis_slider&&(r+=20);let i=5;return e.x_axis.name&&(i+=15),{top:r,bottom:i}}function en(e,t){if(e)return t[e]??void 0}function vh({reference_areas:e,variableValueMap:t}){const r=e.map(i=>[{name:i.content.text,value:i.content.text,itemStyle:i.itemStyle,label:i.label,xAxis:en(i.leftBottomPoint.x_data_key,t),yAxis:en(i.leftBottomPoint.y_data_key,t)},{xAxis:en(i.rightTopPoint.x_data_key,t),yAxis:en(i.rightTopPoint.y_data_key,t)}]);return{type:"scatter",name:"ref_areas",silent:!0,data:[],markArea:{data:r}}}function xh({type:e,...t},r,i,s){if(!e)return 10;if(e==="static"){const{size:l}=t;return l}const{func_content:o}=t,u=v.keyBy(r,i);return(l,d)=>{let p;d.name?p=u[d.name]:p=r[d.dataIndex];try{return new Function(`return ${o}`)()({rowData:p,params:d,variables:s},{lodash:v,interpolate:st.interpolate})}catch(f){return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${f.message}`),10}}}function Ch({type:e,...t},r){if(!e)return Dt.static.color;if(e==="static"){const{color:s}=t;return s}const{func_content:i}=t;return({value:s})=>{try{return new Function(`return ${i}`)()({rowData:s,variables:r},{lodash:v,interpolate:st.interpolate})}catch(o){return console.error(`[getSeriesColor] failed parsing custom function, error: ${o.message}`),10}}}function wh(e,t,r,i){return e.map(s=>{const o=s.orientation==="horizontal",u=o?"yAxis":"xAxis",l=o?"insideEndTop":"end";return{name:s.name,type:"line",hide_in_legend:!s.show_in_legend,yAxisIndex:s.yAxisIndex,data:[],lineStyle:s.lineStyle,markLine:{data:[{name:s.name,[u]:Number(r[s.variable_key])}],silent:!0,symbol:["none","none"],lineStyle:s.lineStyle,label:{formatter:function(){return s.template?Rt(s.template,t,i):""},position:l}}}})}function _h({x_axis:e,scatter:t},r,i,s){return{label:{show:!!t.label_position,position:t.label_position,...Re(t.label_overflow.label),formatter:({value:o})=>o[t.name_data_key]},type:"scatter",name:"",xAxisId:"main-x-axis",yAxisIndex:0,datasetIndex:0,itemStyle:{color:Ch(t.color,i)},symbolSize:xh(t.symbolSize,r,e.data_key,i),encode:{x:e.data_key,y:t.y_data_key}}}function Sh(e,t,r,i,s,o,u){return[_h(e,i,u)].concat(wh(e.reference_lines,o,u,i)).concat(vh({reference_areas:e.reference_areas,variableValueMap:u}))}function Da({enabled:e,func_content:t}){return(r,i)=>{if(!e)return r;try{return new Function(`return ${t}`)()(r,i)}catch(s){return console.error(`[getEchartsXAxisLabel] failed parsing custom function, error: ${s.message}`),r}}}function Ia(e,t,r){const{x_axis:i}=r;return i.axisLabel.formatter.enabled?Da(i.axisLabel.formatter)(e,t):e}function Th(e,t){const{x_axis:r,tooltip:i}=t;if(i.trigger==="item"){const l=e[0].data[r.data_key];return Ia(l,0,t)}const s=e.find(l=>l.axisDim==="x"&&l.axisId==="main-x-axis");if(!s)return"";const{axisValue:o,axisIndex:u}=s;return Ia(o,u,t)}const kh=e=>{try{return te(e).format({trimMantissa:!0,mantissa:2})}catch{return e}};function Dh(e,t){const{scatter:r,tooltip:i}=e;return{confine:!0,trigger:i.trigger,formatter:function(s){const o=t[0]??t.default,u=Array.isArray(s)?s:[s];if(u.length===0)return"";const l=Th(u,e),d=He(e.scatter.label_overflow.tooltip),p=u.map(({value:b})=>`
+      `}}}function Ca({enabled:e,func_content:t}){return(r,i)=>{if(!e)return r;try{return new Function(`return ${t}`)()(r,i)}catch(s){return console.error(`[getEchartsXAxisLabel] failed parsing custom function, error: ${s.message}`),r}}}function jp(e){const{overflow:t,format:r,formatter:i,...s}=e.x_axis.axisLabel,o=Ye(t.on_axis);return{type:"value",name:e.x_axis.name??"",nameLocation:"middle",nameGap:25,axisTick:{show:!0,alignWithLabel:!0},axisLabel:{...s,...o,formatter:(u,l)=>{let d=u;try{d=te(u).format(r)}catch{}return Ca(i)(d,l)}}}}const Rp={tooltip:{trigger:"axis"},grid:{top:50,left:5,right:10,bottom:20,containLabel:!0},dataZoom:[{type:"inside",xAxisIndex:[0]},{type:"inside",yAxisIndex:[0]}]};function Yp(e,t){const r=qp(e,t),i=Bp(e,r),s={xAxis:jp(e),yAxis:{name:e.y_axis.name??"",nameLocation:"end",nameTextStyle:{align:"left"},nameGap:5,axisLine:{show:!0}},series:[...r,...i],tooltip:Wp(e),legend:{show:!0,type:"scroll",orient:"horizontal",align:"left",right:0,top:0,left:"auto",itemGap:20,padding:[4,8,0,140],data:r.map(o=>o.name)}};return v.defaultsDeep({},s,Rp)}function Kt(e,t,r){return 1-(1-e)*(t-1)/(t-r-1)}function Qp(e,t,r,i){const{x_axis:s,y_axis:o}=i,u=Ze.regressionLinear()(r),{a:l,b:d,rSquared:p}=u;return{name:e,expression:c(a.Group,{position:"center",noWrap:!0,spacing:10,children:[n(a.Text,{children:o.name}),n(a.Text,{children:"="}),n(a.Text,{weight:"bold",color:"red",children:te(d).format({mantissa:2,trimMantissa:!0})}),n(a.Text,{children:"+"}),n(a.Text,{weight:"bold",color:"red",children:te(l).format({mantissa:2,trimMantissa:!0})}),n(a.Text,{children:"×"}),n(a.Text,{children:s.name})]}),rSquared:p,adjustedRSquared:Kt(p,t.length,1)}}function Up(e,t,r,i){const{x_axis:s,y_axis:o}=i,{a:u,b:l,rSquared:d}=Ze.regressionExp()(r);return{name:e,expression:c(a.Group,{position:"center",noWrap:!0,spacing:10,children:[n(a.Text,{children:o.name}),n(a.Text,{children:"="}),n(a.Text,{weight:"bold",color:"gray",children:u}),n(a.Text,{children:"×"}),c(a.Group,{position:"left",noWrap:!0,spacing:2,children:[n(a.Text,{children:"Math.exp("}),n(a.Text,{weight:"bold",color:"gray",children:l}),n(a.Text,{children:"×"}),n(a.Text,{children:s.name}),n(a.Text,{children:")"})]})]}),rSquared:d,adjustedRSquared:Kt(d,t.length,1)}}function Xp(e,t,r,i){const{x_axis:s,y_axis:o}=i,{a:u,b:l,rSquared:d}=Ze.regressionLog()(r);return{name:e,expression:c(a.Group,{position:"center",noWrap:!0,spacing:10,children:[n(a.Text,{children:o.name}),n(a.Text,{children:"="}),n(a.Text,{weight:"bold",color:"gray",children:u}),n(a.Text,{children:"×"}),c(a.Group,{position:"left",noWrap:!0,spacing:2,children:[n(a.Text,{children:"Math.log("}),n(a.Text,{children:s.name}),n(a.Text,{children:")"}),n(a.Text,{children:"+"}),n(a.Text,{weight:"bold",color:"gray",children:l})]})]}),rSquared:d,adjustedRSquared:Kt(d,t.length,1)}}function Zp(e,t,r,i){const{x_axis:s,y_axis:o,regression:u}=i,l=Ze.regressionPoly().order(u.transform.config.order)(r),{rSquared:d}=l;return console.log(l),{name:e,expression:"",rSquared:d,adjustedRSquared:Kt(d,t.length,1)}}function wa(e,t,r){const{regression:i,x_axis:s}=r,o=t.map(u=>[u[s.data_key],u[i.y_axis_data_key]]);return i.transform.config.method==="linear"?Qp(e,t,o,r):i.transform.config.method==="exponential"?Up(e,t,o,r):i.transform.config.method==="logarithmic"?Xp(e,t,o,r):i.transform.config.method==="polynomial"?Zp(e,t,o,r):{name:e,expression:"",rSquared:0,adjustedRSquared:0}}function Kp(e,t){if(!t)return[{name:"",expression:"",rSquared:0,adjustedRSquared:0}];if(!t.regression.group_by_key)return[wa("",e,t)];const r=v.groupBy(e,t.regression.group_by_key);return Object.entries(r).map(([i,s])=>wa(i,s,t))}const Jp={marginTop:"10px","tbody th, tbody td":{padding:"7px 10px"},"tbody tr:not(:first-of-type) th":{borderTop:"1px solid #dee2e6"}};function _a({desc:e}){const{expression:t,rSquared:r,adjustedRSquared:i}=e;return t?n(a.Table,{fontSize:14,sx:Jp,children:c("tbody",{children:[n("tr",{children:n("td",{colSpan:2,children:n(a.Text,{align:"center",children:t})})}),c("tr",{children:[n("td",{children:"R-Sq"}),n("td",{style:{textAlign:"right"},children:te(r).format({output:"percent",mantissa:1})})]}),c("tr",{children:[n("td",{children:"R-Sq(Adjusted)"}),n("td",{style:{textAlign:"right"},children:te(i).format({output:"percent",mantissa:1})})]})]})}):n(a.Text,{children:"Unavailable for this regression method"})}function Hp({conf:e,data:t}){var i;const r=m.useMemo(()=>Kp(t,e),[e,t]);return e.regression.group_by_key?(console.log(r),c(a.Tabs,{defaultValue:(i=r[0])==null?void 0:i.name,color:"gray",children:[n(a.Tabs.List,{grow:!0,children:r.map(s=>n(a.Tabs.Tab,{value:s.name,children:s.name},s.name))}),r.map(s=>n(a.Tabs.Panel,{value:s.name,children:n(_a,{desc:s})},s.name))]})):n(_a,{desc:r[0]})}function eh({conf:e,data:t}){return c(a.HoverCard,{shadow:"md",withinPortal:!0,zIndex:320,children:[n(a.HoverCard.Target,{children:n(a.Button,{size:"xs",variant:"subtle",compact:!0,leftIcon:n(O.IconInfoCircle,{size:14}),children:"Regression Info"})}),n(a.HoverCard.Dropdown,{children:n(ke,{children:n(Hp,{conf:e,data:t})})})]})}function th(e){return n(a.Group,{position:"apart",sx:{position:"absolute",top:0,left:0,height:"22px",zIndex:1},children:n(eh,{...e})})}const Jt={enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
+`)},Wn={x_axis:{name:"X Axis",data_key:"",axisLabel:{rotate:0,format:Se,overflow:Ve,formatter:{...Jt}}},y_axis:{name:"Y Axis"},regression:{transform:{type:"ecStat:regression",config:{method:"linear",order:1,formulaOn:"end"}},plot:{type:"line",yAxisIndex:0,color:"#228be6",lineStyle:{type:"solid",width:1}},name:"regression",group_by_key:"",y_axis_data_key:"value"}};le.use([N.DataZoomComponent,de.ScatterChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer]);function nh({context:e}){const{value:t}=F(e.instanceData,"config"),{width:r,height:i}=e.viewport,s=m.useMemo(()=>{var f;const d=e.data,p=(f=t==null?void 0:t.regression)==null?void 0:f.y_axis_data_key;return p?d.map(g=>typeof g[p]=="number"?g:{...g,[p]:Number(g[p])}):d},[e.data,t==null?void 0:t.regression.y_axis_data_key]),o=m.useMemo(()=>Yp(v.defaultsDeep({},t,Wn),s),[t,s]),u=m.useRef(null),l=d=>{u.current=d};return!r||!i||!t?null:c(a.Box,{sx:{position:"relative"},children:[n(th,{conf:t,data:s}),n(Ae,{echarts:le,onChartReady:l,option:o,style:{width:r,height:i},notMerge:!0,theme:"merico-light"})]})}const rh=[{label:"Linear",value:"linear"},{label:"Exponential",value:"exponential"},{label:"Logarithmic",value:"logarithmic"},{label:"Polynomial",value:"polynomial"}];function ih({control:e,watch:t,data:r}){t("regression");const i=t("regression.transform.config.method"),s=t("regression.group_by_key");return c(a.Stack,{children:[n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"regression.name",control:e,render:({field:o})=>n(a.TextInput,{label:"回归线名称",sx:{flex:1},...o})})}),n(x.Controller,{name:"regression.group_by_key",control:e,render:({field:o})=>n(W,{label:"按此字段将数据分为多个系列",data:r,clearable:!0,sx:{flex:1},...o})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"regression.transform.config.method",control:e,render:({field:o})=>n(a.Select,{label:"回归方法",data:rh,sx:{flex:1},...o})}),i==="polynomial"&&n(x.Controller,{name:"regression.transform.config.order",control:e,render:({field:o})=>n(a.NumberInput,{label:"次",sx:{flex:1},...o})})]}),!s&&c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"颜色"}),n(x.Controller,{name:"regression.plot.color",control:e,render:({field:o})=>n(De,{...o})})]})]})}const ah=({disabled:e,value:t,onChange:r})=>{const i=s=>{s&&r(s)};return c(a.Box,{sx:{position:"relative"},children:[e&&n(a.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),n(_e,{height:"500px",defaultLanguage:"javascript",value:t,onChange:i,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})},Sa=m.forwardRef(({value:e,onChange:t,triggerButtonText:r="Customize Label"},i)=>{const[s,{setTrue:o,setFalse:u}]=Z.useBoolean(),[l,d]=m.useState(e);m.useEffect(()=>{d(e)},[e]);const p=w=>{d({...l,enabled:w})},f=()=>{u();const{enabled:w,func_content:C}=l,S={enabled:w,func_content:C};d(S),t(S)},g=()=>{u(),d(e)},h=w=>{d(C=>({...C,func_content:w}))},b=()=>{h(Jt.func_content)};return c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:o,sx:{flexGrow:0},children:r}),n(a.Modal,{size:800,title:"Customize label content",opened:s,onClose:u,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:s&&c(a.Stack,{children:[n(a.Checkbox,{mt:10,label:"Enabled",checked:l.enabled,onChange:w=>p(w.currentTarget.checked)}),n(ah,{value:l.func_content,onChange:h,disabled:!l.enabled}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:b,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:g,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:f,children:"OK"})]})]})]})})]})});function sh({data:e,control:t,watch:r}){return r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"X轴名称",sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.data_key",control:t,render:({field:i})=>n(W,{label:"X轴数据字段",required:!0,data:e,sx:{flex:1},...i})})]}),n(a.Divider,{variant:"dashed",labelPosition:"center",label:"格式化数据"}),n(a.Stack,{children:n(x.Controller,{name:"x_axis.axisLabel.format",control:t,render:({field:i})=>n(Oe,{...i})})}),n(a.Divider,{variant:"dashed",labelPosition:"center",label:"标签文案样式"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"旋转",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"度"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(Sa,{triggerButtonText:"自定义标签文案内容",data:e,...i})})]}),n(x.Controller,{name:"x_axis.axisLabel.overflow",control:t,render:({field:i})=>n(Je,{...i})})]})}function oh({data:e,control:t,watch:r}){return r(["y_axis","regression.y_axis_data_key"]),n(a.Stack,{children:c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"y_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Y轴名称",sx:{flex:1},...i})}),n(x.Controller,{name:"regression.y_axis_data_key",control:t,render:({field:i})=>n(W,{label:"Y轴数据字段",required:!0,data:e,sx:{flex:1},...i})})]})})}function lh({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaults({},t,Wn),[t]),{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l(["x_axis","y_axis","regression"]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,t),[f,t]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X轴",orientation:"vertical",styles:{panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X轴",children:"X轴"}),n(a.Tabs.Tab,{value:"Y轴",children:"Y轴"}),n(a.Tabs.Tab,{value:"回归",children:"回归"})]}),n(a.Tabs.Panel,{value:"X轴",children:n(sh,{watch:l,control:o,data:i})}),n(a.Tabs.Panel,{value:"Y轴",children:n(oh,{watch:l,control:o,data:i})}),n(a.Tabs.Panel,{value:"回归",children:n(ih,{control:o,watch:l,data:i})})]})]})})}function uh(e){const t={x_axis:{axisLabel:{rotate:0,format:Se,overflow:Ve,formatter:Jt}},regression:{group_by_key:""}};return v.defaultsDeep(t,e)}class dh extends fe{constructor(){super(...arguments);P(this,"VERSION",2)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>({...r,version:2,config:uh(r.config)}))}}const ch={displayName:"Regression Chart",displayGroup:"Merico suite",migrator:new dh,name:"regressionChart",viewRender:nh,configRender:lh,createConfig(){return{version:2,config:v.cloneDeep(Wn)}}},Ht={content:""};function ph({context:e}){const{value:t}=F(e.instanceData,"config"),r=m.useMemo(()=>v.defaults({},t,Ht),[t]);return r!=null&&r.content?n(qt,{value:r.content,styles:{root:{border:"none",height:"100%"},content:{padding:0}}}):null}function hh(){const{editor:e}=X.useRichTextEditorContext();return n(X.RichTextEditor.Control,{onClick:()=>e==null?void 0:e.commands.insertTable({rows:3,cols:3,withHeaderRow:!0}),"aria-label":"Insert table",title:"Insert table",children:n(O.IconBorderAll,{stroke:1.5,size:16})})}const jn=m.forwardRef(({value:e,onChange:t,styles:r={},label:i,onSubmit:s},o)=>{const[u,l]=m.useState(e),d=Si.useEditor({extensions:[Ti,_i,X.Link,mi,gi,hi,vi.configure({resizable:!1,HTMLAttributes:{class:"rich-text-table-render"}}),wi,Ci,xi,bi.configure({types:["heading","paragraph"]}),fi.configure({placeholder:"This is placeholder"}),yi,pi.Color],content:u,onUpdate:({editor:h})=>{l(h.getHTML())}});m.useEffect(()=>{l(e),d==null||d.commands.setContent(e)},[e]);const p=()=>{t(u),s==null||s()},f=e!==u,g=m.useMemo(()=>v.defaultsDeep({},{content:_n},r),[r]);return c(a.Stack,{spacing:4,sx:{flexGrow:1,position:"relative"},children:[c(a.Group,{align:"center",children:[n(a.Text,{size:14,fw:500,children:i}),n(a.ActionIcon,{color:"blue",disabled:!f,onClick:p,children:n(O.IconDeviceFloppy,{size:18})})]}),c(X.RichTextEditor,{editor:d,styles:g,children:[c(X.RichTextEditor.Toolbar,{sticky:!0,stickyOffset:0,children:[n(X.RichTextEditor.ControlsGroup,{children:n(X.RichTextEditor.ColorPicker,{colors:["#25262b","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})}),c(X.RichTextEditor.ControlsGroup,{children:[n(X.RichTextEditor.Bold,{}),n(X.RichTextEditor.Italic,{}),n(X.RichTextEditor.Underline,{}),n(X.RichTextEditor.Strikethrough,{}),n(X.RichTextEditor.ClearFormatting,{}),n(X.RichTextEditor.Highlight,{}),n(X.RichTextEditor.Code,{})]}),c(X.RichTextEditor.ControlsGroup,{children:[n(X.RichTextEditor.H1,{}),n(X.RichTextEditor.H2,{}),n(X.RichTextEditor.H3,{}),n(X.RichTextEditor.H4,{})]}),c(X.RichTextEditor.ControlsGroup,{children:[n(X.RichTextEditor.Blockquote,{}),n(X.RichTextEditor.Hr,{}),n(X.RichTextEditor.BulletList,{}),n(X.RichTextEditor.OrderedList,{}),n(X.RichTextEditor.Subscript,{}),n(X.RichTextEditor.Superscript,{})]}),c(X.RichTextEditor.ControlsGroup,{children:[n(X.RichTextEditor.Link,{}),n(X.RichTextEditor.Unlink,{})]}),c(X.RichTextEditor.ControlsGroup,{children:[n(X.RichTextEditor.AlignLeft,{}),n(X.RichTextEditor.AlignCenter,{}),n(X.RichTextEditor.AlignJustify,{}),n(X.RichTextEditor.AlignRight,{})]}),n(X.RichTextEditor.ControlsGroup,{children:n(hh,{})})]}),n(X.RichTextEditor.Content,{})]})]})});function fh({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=m.useMemo(()=>v.defaults({},t,Ht),[t]),{control:s,handleSubmit:o,watch:u,reset:l}=x.useForm({defaultValues:i});u("content"),m.useEffect(()=>{l(i)},[i]);const d=m.useRef(null),p=()=>{var f;return(f=d.current)==null?void 0:f.click()};return n("form",{onSubmit:o(r),style:{flexGrow:1,display:"flex",flexDirection:"column"},children:c(a.Stack,{spacing:"xs",sx:{flexGrow:1},children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef",display:"none"},children:[n(a.Text,{children:"Content"}),n(a.ActionIcon,{ref:d,type:"submit",mr:5,variant:"filled",color:"blue",children:n(k.DeviceFloppy,{size:20})})]}),n(x.Controller,{name:"content",control:s,render:({field:f})=>n(jn,{...f,styles:{root:{flexGrow:1}},label:"Content",onSubmit:p})})]})})}class gh extends fe{constructor(){super(...arguments);P(this,"VERSION",1)}fixMalformedConfig(r){return v.defaults({},r,Ht)}configVersions(){this.version(1,r=>({version:1,config:this.fixMalformedConfig(r)}))}}const mh={displayName:"Rich Text",displayGroup:"Others",migrator:new gh,name:"richText",viewRender:ph,configRender:fh,createConfig(){return{version:1,config:v.cloneDeep(Ht)}}},Dt={static:{type:"static",color:je.random().css()},dynamic:{type:"dynamic",func_content:["function getColor({ rowData, params, variables }, { lodash, interpolate }) {","    // your code goes here",'    // return "blue"',"}"].join(`
+`)}},Ta={id:"builtin:echarts:click-scatter-chart:series",displayName:"Click Scatter",nameRender:yh,configRender:bh,payload:[{name:"seriesType",description:"'scatter'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]};function bh(e){return n(B,{})}function yh(e){return n(a.Text,{children:"Click scatter"})}const ka={enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
+`)},Da={label:Ve.on_axis,tooltip:Ve.in_tooltip},Rn={scatter:{y_data_key:"",name_data_key:"",symbolSize:{type:"static",size:10},color:Dt.static,label_position:"right",label_overflow:Da},stats:{templates:{top:"",bottom:""}},x_axis:{name:"",data_key:"",axisLabel:{rotate:0,formatter:{...ka}}},y_axes:[{name:"Y Axis",position:"left",nameAlignment:"center",label_formatter:Se,min:"",max:"",show:!0}],tooltip:{trigger:"item",metrics:[]},reference_lines:[],reference_areas:[],dataZoom:ct};function vh(e){const t=e.y_axes.some(s=>!!s.name);let r=10;t&&(r+=20),e.dataZoom.x_axis_slider&&(r+=20);let i=5;return e.x_axis.name&&(i+=15),{top:r,bottom:i}}function en(e,t){if(e)return t[e]??void 0}function xh({reference_areas:e,variableValueMap:t}){const r=e.map(i=>[{name:i.content.text,value:i.content.text,itemStyle:i.itemStyle,label:i.label,xAxis:en(i.leftBottomPoint.x_data_key,t),yAxis:en(i.leftBottomPoint.y_data_key,t)},{xAxis:en(i.rightTopPoint.x_data_key,t),yAxis:en(i.rightTopPoint.y_data_key,t)}]);return{type:"scatter",name:"ref_areas",silent:!0,data:[],markArea:{data:r}}}function Ch({type:e,...t},r,i,s){if(!e)return 10;if(e==="static"){const{size:l}=t;return l}const{func_content:o}=t,u=v.keyBy(r,i);return(l,d)=>{let p;d.name?p=u[d.name]:p=r[d.dataIndex];try{return new Function(`return ${o}`)()({rowData:p,params:d,variables:s},{lodash:v,interpolate:st.interpolate})}catch(f){return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${f.message}`),10}}}function wh({type:e,...t},r){if(!e)return Dt.static.color;if(e==="static"){const{color:s}=t;return s}const{func_content:i}=t;return({value:s})=>{try{return new Function(`return ${i}`)()({rowData:s,variables:r},{lodash:v,interpolate:st.interpolate})}catch(o){return console.error(`[getSeriesColor] failed parsing custom function, error: ${o.message}`),10}}}function _h(e,t,r,i){return e.map(s=>{const o=s.orientation==="horizontal",u=o?"yAxis":"xAxis",l=o?"insideEndTop":"end";return{name:s.name,type:"line",hide_in_legend:!s.show_in_legend,yAxisIndex:s.yAxisIndex,data:[],lineStyle:s.lineStyle,markLine:{data:[{name:s.name,[u]:Number(r[s.variable_key])}],silent:!0,symbol:["none","none"],lineStyle:s.lineStyle,label:{formatter:function(){return s.template?Yt(s.template,t,i):""},position:l}}}})}function Sh({x_axis:e,scatter:t},r,i,s){return{label:{show:!!t.label_position,position:t.label_position,...Ye(t.label_overflow.label),formatter:({value:o})=>o[t.name_data_key]},type:"scatter",name:"",xAxisId:"main-x-axis",yAxisIndex:0,datasetIndex:0,itemStyle:{color:wh(t.color,i)},symbolSize:Ch(t.symbolSize,r,e.data_key,i),encode:{x:e.data_key,y:t.y_data_key}}}function Th(e,t,r,i,s,o,u){return[Sh(e,i,u)].concat(_h(e.reference_lines,o,u,i)).concat(xh({reference_areas:e.reference_areas,variableValueMap:u}))}function Ia({enabled:e,func_content:t}){return(r,i)=>{if(!e)return r;try{return new Function(`return ${t}`)()(r,i)}catch(s){return console.error(`[getEchartsXAxisLabel] failed parsing custom function, error: ${s.message}`),r}}}function Ma(e,t,r){const{x_axis:i}=r;return i.axisLabel.formatter.enabled?Ia(i.axisLabel.formatter)(e,t):e}function kh(e,t){const{x_axis:r,tooltip:i}=t;if(i.trigger==="item"){const l=e[0].data[r.data_key];return Ma(l,0,t)}const s=e.find(l=>l.axisDim==="x"&&l.axisId==="main-x-axis");if(!s)return"";const{axisValue:o,axisIndex:u}=s;return Ma(o,u,t)}const Dh=e=>{try{return te(e).format({trimMantissa:!0,mantissa:2})}catch{return e}};function Ih(e,t){const{scatter:r,tooltip:i}=e;return{confine:!0,trigger:i.trigger,formatter:function(s){const o=t[0]??t.default,u=Array.isArray(s)?s:[s];if(u.length===0)return"";const l=kh(u,e),d=He(e.scatter.label_overflow.tooltip),p=u.map(({value:b})=>`
           <th style="text-align: right; padding-right: 1em">
             <div style="${d}">${b[r.name_data_key]}</div>
           </th>
@@ -223,14 +223,14 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
               </td>`).join("")}
         </tr>`],g=e.tooltip.metrics.map(b=>`<tr>
         <th style="text-align: right;">${b.name}</th>
-        ${u.map(({value:w})=>`<td style="text-align: right; padding: 0 1em;">${kh(w[b.data_key])}</td>`).join("")}
+        ${u.map(({value:w})=>`<td style="text-align: right; padding: 0 1em;">${Dh(w[b.data_key])}</td>`).join("")}
       </tr>`);return f.push(...g),`
       <table style="width: auto">
         <thead><tr>${p.join("")}</tr></thead>
         <tbody>${f.join("")}</tbody>
       </table>
-      `}}}function Ih(e,t){const r=t.every(s=>!Number.isNaN(Number(s))),{axisLabel:i}=e.x_axis;return[{data:t,name:e.x_axis.name??"",id:"main-x-axis",axisTick:{show:!0,alignWithLabel:!0},type:r?"value":"category",axisLabel:{...i,formatter:Da(i.formatter)}}]}function Mh(e,t){return e.y_axes.map(({nameAlignment:r,min:i,max:s,...o},u)=>{let l=o.position;return l||(l=u>0?"right":"left"),{...o,min:i||void 0,max:s||void 0,position:l,axisLabel:{show:!0,formatter:t[u]??t.default},axisLine:{show:!0},nameTextStyle:{fontWeight:"bold",align:r},nameLocation:"end",nameGap:15,splitLine:{show:!1}}})}function Ah(){return{show:!1,bottom:0,left:"center",type:"scroll"}}const $h={xAxis:[{type:"category",nameGap:25,nameLocation:"center",nameTextStyle:{fontWeight:"bold"},splitLine:{show:!1},axisTick:{show:!0,alignWithLabel:!0}}],grid:{top:10,left:20,right:15,bottom:25,containLabel:!0}};function zh(e,t,r){const i=r.reduce((p,f)=>{const g=dt(f,t);return p[f.name]=et(f,g),p},{}),s=e.y_axes.reduce((p,{label_formatter:f},g)=>(p[g]=function(b){let w=b;if(typeof b=="object"&&(Array.isArray(b.value)&&b.value.length===2?w=b.value[1]:w=b.value),!f)return w;try{return te(w).format(f)}catch(C){return console.error(C),w}},p),{default:({value:p})=>p}),o=v.uniq(t.map(p=>p[e.x_axis.data_key])),u=o.every(p=>!Number.isNaN(Number(p))),l=Sh(e,o,u,t,s,r,i),d={xAxis:Ih(e,o),yAxis:Mh(e,s),series:l,dataset:[{source:t}],tooltip:Dh(e,s),grid:yh(e),legend:Ah(),dataZoom:En(e.dataZoom)};return v.defaultsDeep({},d,$h)}le.use([N.DataZoomComponent,de.BarChart,de.LineChart,de.ScatterChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer,N.MarkLineComponent,N.MarkAreaComponent]);function Ma(e){return e.trim().length>0}function Eh({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>v.keyBy(t,e.x_axis.data_key),[t,e.x_axis.data_key]),l=Ne(s.triggerManager,Sa.id),d=m.useCallback(g=>{const h=g.value[0],b=v.get(u,h,{error:"rowData is not found"});l.forEach(w=>{s.runInteraction(w.id,{...g,rowData:b})})},[u,l,s]),p=m.useMemo(()=>({click:d}),[d]),f=m.useMemo(()=>zh(e,t,o),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:f,style:{width:r,height:i},onEvents:p,notMerge:!0,theme:"merico-light"})}function Lh({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,Yn),[i]),u=e.data,{width:l,height:d}=e.viewport,{ref:p,height:f}=ve.useElementSize(),{ref:g,height:h}=ve.useElementSize(),b=m.useMemo(()=>{const{stats:{templates:C}}=o;return{top:kt(C.top,s,u),bottom:kt(C.bottom,s,u)}},[o,u]),w=Math.max(0,d-f-h);return c(a.Box,{children:[n(a.Text,{ref:p,align:"left",size:"xs",pl:"sm",sx:{display:Ma(o.stats.templates.top)?"block":"none"},children:Object.values(b.top).map(C=>C)}),n(Eh,{variables:s,width:l,height:w,data:u,conf:o,interactionManager:r}),n(a.Text,{ref:g,align:"left",size:"xs",pl:"sm",sx:{display:Ma(o.stats.templates.bottom)?"block":"none"},children:Object.values(b.bottom).map(C=>C)})]})}const Ph=m.forwardRef(({value:e,onChange:t,xAxisOptions:r,yAxisOptions:i,variableOptions:s},o)=>{const u=(l,d)=>{const p=v.cloneDeep(e);v.set(p,l,d),t(p)};return c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Content",labelPosition:"right"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(a.TextInput,{label:"Content Text",value:e.content.text,onChange:l=>u("content.text",l.currentTarget.value)}),n(Bn,{label:"Text Position",value:e.label.position,onChange:l=>u("label.position",l)})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Endpoints",labelPosition:"right"}),c(a.Group,{grow:!0,noWrap:!0,children:[r&&n(a.Select,{label:"X Axis",data:r,value:e.xAxisIndex,onChange:l=>u("xAxisIndex",l)}),i&&n(a.Select,{label:"Y Axis",data:i,value:e.yAxisIndex,onChange:l=>u("xAxisIndex",l)})]}),c(a.Stack,{spacing:0,children:[n(a.Text,{size:14,color:"#212529",fw:500,children:"Left-Bottom Point"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(a.Select,{icon:n(a.Text,{children:"x"}),data:s,value:e.leftBottomPoint.x_data_key,onChange:l=>u("leftBottomPoint.x_data_key",l??""),clearable:!0}),n(a.Select,{icon:n(a.Text,{children:"y"}),data:s,value:e.leftBottomPoint.y_data_key,onChange:l=>u("leftBottomPoint.y_data_key",l??""),clearable:!0})]})]}),c(a.Stack,{spacing:0,children:[n(a.Text,{size:14,color:"#212529",fw:500,children:"Right-Top Point"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(a.Select,{icon:n(a.Text,{children:"x"}),data:s,value:e.rightTopPoint.x_data_key,onChange:l=>u("rightTopPoint.x_data_key",l??""),clearable:!0}),n(a.Select,{icon:n(a.Text,{children:"y"}),data:s,value:e.rightTopPoint.y_data_key,onChange:l=>u("rightTopPoint.y_data_key",l??""),clearable:!0})]})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Style",labelPosition:"right"}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:14,children:"Background Color"}),n(De,{value:e.itemStyle.color,onChange:l=>u("itemStyle.color",l)})]}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:14,children:"Text Color"}),n(De,{value:e.label.color,onChange:l=>u("label.color",l)})]})]})});function Oh(){const e=new Date().getTime().toString();return{id:e,content:{text:e},itemStyle:{color:"rgba(0,0,0,0.05)"},label:{position:"inside",color:"rgba(0,0,0,0.5)"},leftBottomPoint:{x_data_key:"",y_data_key:""},rightTopPoint:{x_data_key:"",y_data_key:""},xAxisIndex:"0",yAxisIndex:"0"}}function Vh({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_areas"}),u=t("reference_areas"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>{const h=Oh();s(h)},p=m.useMemo(()=>r.map(h=>({label:h.name,value:h.name})),[r]),f=t("y_axes"),g=m.useMemo(()=>f.map(({name:h},b)=>({label:h,value:b.toString()})),[f]);return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:b.toString(),children:b+1},b)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:b.toString(),children:n(x.Controller,{name:`reference_areas.${b}`,control:e,render:({field:w})=>c(a.Stack,{children:[n(Ph,{variableOptions:p,yAxisOptions:g,...w}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(V.IconTrash,{size:16}),color:"red",variant:"light",onClick:()=>o(b),children:"Delete this Reference Area"})]})})},b))]})}const Bh=[{label:"solid",value:"solid"},{label:"dashed",value:"dashed"},{label:"dotted",value:"dotted"}],Nh=[{label:"Horizontal",value:"horizontal"},{label:"Vertical",value:"vertical"}];function Gh({control:e,index:t,remove:r,watch:i,variableOptions:s,yAxisOptions:o}){const u=i(`reference_lines.${t}.orientation`);return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:l})=>n(a.TextInput,{label:"Name",placeholder:"Average Reference Line",required:!0,sx:{flex:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:l})=>n(a.Select,{label:"Value",required:!0,data:s,sx:{flex:1},...l})})]}),n(x.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:l})=>n(a.TextInput,{label:"Content Template",placeholder:"Average: ${avg}",sx:{flex:1},...l})}),c(a.Group,{grow:!0,children:[c(a.Stack,{children:[n(x.Controller,{name:`reference_lines.${t}.orientation`,control:e,render:({field:l})=>n(a.Select,{label:"Orientation",data:Nh,required:!0,sx:{flex:1},...l})}),u==="vertical"&&n(a.Text,{mt:-10,color:"dimmed",size:12,children:"Works only when xAxis values are numbers"})]}),u==="horizontal"&&n(x.Controller,{name:`reference_lines.${t}.yAxisIndex`,control:e,render:({field:{value:l,onChange:d,...p}})=>n(a.Select,{label:"Y Axis",data:o,disabled:o.length===0,...p,value:(l==null?void 0:l.toString())??"",onChange:f=>{if(!f){d(0);return}d(Number(f))},sx:{flex:1}})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Style",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`reference_lines.${t}.lineStyle.type`,control:e,render:({field:l})=>n(a.Select,{label:"Line Type",data:Bh,sx:{flexGrow:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.width`,control:e,render:({field:l})=>n(a.NumberInput,{label:"Line Width",min:1,max:10,sx:{flexGrow:1},...l})})]}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.color`,control:e,render:({field:l})=>n(De,{...l})})]}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Reference Line"})]},t)}function qh({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_lines"}),u=t("reference_lines"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>{const h={name:"",template:"",variable_key:"",orientation:"horizontal",lineStyle:{type:"dashed",width:1,color:je.random().css()},show_in_legend:!1,yAxisIndex:0};s(h)},p=m.useMemo(()=>r.map(h=>({label:h.name,value:h.name})),[r]),f=t("y_axes"),g=m.useMemo(()=>f.map(({name:h},b)=>({label:h,value:b.toString()})),[f]);return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:b.toString(),children:b+1},b)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:b.toString(),children:n(Gh,{control:e,index:b,remove:o,watch:t,variableOptions:p,yAxisOptions:g})},b))]})}const Fh=({value:e,onChange:t})=>{const r=i=>{i&&t(i)};return n(a.Box,{children:n(_e,{height:"500px",defaultLanguage:"javascript",value:e,onChange:r,theme:"vs-dark",options:{minimap:{enabled:!1}}})})},Wh=({value:e,onChange:t,data:r})=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e),d=()=>{o();const{type:h,func_content:b}=u,w={type:h,func_content:b};l(w),t(w)},p=()=>{o(),l(e)},f=h=>{l(b=>({...b,func_content:h}))},g=()=>{f(Dt.dynamic.func_content)};return c(B,{children:[n(a.Box,{sx:{width:"50%"},children:n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Setup"})}),n(a.Modal,{size:800,title:"Setup dynamic color",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Divider,{mt:10,mb:-10,label:"Dynamic by a custom function",labelPosition:"center",variant:"dashed"}),n(Fh,{value:u.func_content,onChange:f}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:g,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})},jh=({value:e,onChange:t,data:r})=>e.type!=="dynamic"?null:n(Wh,{value:e,onChange:t,data:r}),Yh=({value:e,onChange:t})=>{if(e.type!=="static")return null;const r=i=>{t({...e,color:i})};return n(a.ColorInput,{label:" ",format:"rgb",value:e.color,onChange:r})},Rh=[{label:"Static",value:"static"},{label:"Dynamic",value:"dynamic"}],Qh=m.forwardRef(({label:e="Color",value:t,onChange:r,data:i},s)=>{const o=u=>{r({...Dt[u]})};return c(a.SimpleGrid,{cols:2,children:[n(a.Select,{ref:s,label:e,data:Rh,value:t.type,onChange:o,sx:{flexGrow:1}}),n(Yh,{value:t,onChange:r}),n(jh,{value:t,onChange:r,data:i})]})}),Uh=m.forwardRef(({value:e,onChange:t},r)=>{const i=o=>{t({...e,label:o})},s=o=>{t({...e,tooltip:o})};return c(a.Stack,{ref:r,spacing:0,children:[n(Wt,{sectionTitle:"Overflow on Chart",value:e.label,onChange:i}),n(Wt,{sectionTitle:"Overflow in Tooltip",value:e.tooltip,onChange:s})]})}),Xh=({value:e,onChange:t})=>{const r=i=>{i&&t(i)};return n(a.Box,{children:n(_e,{height:"500px",defaultLanguage:"javascript",value:e,onChange:r,theme:"vs-dark",options:{minimap:{enabled:!1}}})})},Aa={static:{type:"static",size:10},dynamic:{type:"dynamic",func_content:["function getSize({ rowData, params, variables }, { lodash, interpolate }) {","    // your code goes here","    // return 10","}"].join(`
-`)}},Zh=({value:e,onChange:t,data:r})=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e),d=()=>{o();const{type:h,func_content:b}=u,w={type:h,func_content:b};l(w),t(w)},p=()=>{o(),l(e)},f=h=>{l(b=>({...b,func_content:h}))},g=()=>{f(Aa.dynamic.func_content)};return c(B,{children:[n(a.Box,{sx:{width:"50%"},children:n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Setup"})}),n(a.Modal,{size:800,title:"Setup dynamic size",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Divider,{mt:10,mb:-10,label:"Dynamic by a custom function",labelPosition:"center",variant:"dashed"}),n(Xh,{value:u.func_content,onChange:f}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:g,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})},Kh=({value:e,onChange:t,data:r})=>e.type!=="dynamic"?null:n(Zh,{value:e,onChange:t,data:r}),Jh=({value:e,onChange:t})=>{if(e.type!=="static")return null;const r=i=>{t({...e,size:i})};return n(B,{children:n(a.NumberInput,{defaultValue:18,placeholder:"1 ~ 100",label:" ",hideControls:!0,value:e.size,onChange:r})})},Hh=[{label:"Static",value:"static"},{label:"Dynamic",value:"dynamic"}],ef=m.forwardRef(({label:e="Size",value:t,onChange:r,data:i},s)=>{const o=u=>{r({...Aa[u]})};return c(a.SimpleGrid,{cols:2,children:[n(a.Select,{ref:s,label:e,data:Hh,value:t.type,onChange:o,sx:{flexGrow:1}}),n(Jh,{value:t,onChange:r}),n(Kh,{value:t,onChange:r,data:i})]})}),tf=[{label:"off",value:""},{label:"top",value:"top"},{label:"left",value:"left"},{label:"right",value:"right"},{label:"bottom",value:"bottom"},{label:"inside",value:"inside"},{label:"insideLeft",value:"insideLeft"},{label:"insideRight",value:"insideRight"},{label:"insideTop",value:"insideTop"},{label:"insideBottom",value:"insideBottom"},{label:"insideTopLeft",value:"insideTopLeft"},{label:"insideBottomLeft",value:"insideBottomLeft"},{label:"insideTopRight",value:"insideTopRight"},{label:"insideBottomRight",value:"insideBottomRight"}];function nf({data:e,control:t,watch:r}){return r(["scatter"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"scatter.name_data_key",control:t,render:({field:i})=>n(W,{label:"Name Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"scatter.y_data_key",control:t,render:({field:i})=>n(W,{label:"Value Data Field",required:!0,data:e,sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Style",labelPosition:"center"}),n(x.Controller,{name:"scatter.symbolSize",control:t,render:({field:i})=>n(ef,{label:"Size",data:e,...i})}),n(x.Controller,{name:"scatter.color",control:t,render:({field:i})=>n(Qh,{data:e,...i})}),n(a.Divider,{mb:-15,label:"Label",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"scatter.label_position",control:t,render:({field:i})=>n(a.Select,{label:"Label Position",data:tf,...i})})}),n(x.Controller,{name:"scatter.label_overflow",control:t,render:({field:i})=>n(Uh,{...i})})]})}function rf({control:e,watch:t}){return t("stats"),n(a.Stack,{children:c(a.Stack,{spacing:0,children:[n(x.Controller,{name:"stats.templates.top",control:e,render:({field:r})=>n(_t,{label:"Template for stats above the chart",py:"md",sx:{flexGrow:1},...r})}),n(x.Controller,{name:"stats.templates.bottom",control:e,render:({field:r})=>n(_t,{label:"Template for stats under the chart",py:"md",sx:{flexGrow:1},...r})})]})})}const af=({control:e,data:t,index:r,remove:i})=>c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`tooltip.metrics.${r}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`tooltip.metrics.${r}.data_key`,control:e,render:({field:s})=>n(W,{label:"Value Field",required:!0,data:t,sx:{flex:1},...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Metric"})]}),sf=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"tooltip.metrics"}),u=t("tooltip.metrics"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>s({id:Date.now().toString(),data_key:"",name:""}),p=t("tooltip.metrics.0.id"),[f,g]=m.useState(()=>p??null);return m.useEffect(()=>{p&&g(h=>h!==null?h:p)},[p]),c(B,{children:[c(a.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[n(k.InfoCircle,{size:14,color:"#888"}),n(a.Text,{size:14,color:"#888",children:"Configure additional metrics to show in tooltip"})]}),c(a.Tabs,{value:f,onTabChange:h=>g(h),styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:h.id,children:h.name?h.name:b},h.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:h.id,children:n(af,{control:e,index:b,remove:o,data:r},h.id)},h.id))]})]})},of=[{label:"Scatter Point",value:"item"},{label:"X Axis",value:"axis"}];function lf({data:e,control:t,watch:r}){return r("tooltip.trigger"),c(a.Stack,{children:[n(x.Controller,{name:"tooltip.trigger",control:t,render:({field:i})=>n(a.Select,{label:"Trigger",data:of,sx:{flexGrow:1},...i})}),n(a.Divider,{variant:"dashed"}),n(sf,{control:t,watch:r,data:e})]})}const uf=({disabled:e,value:t,onChange:r})=>{const i=s=>{s&&r(s)};return c(a.Box,{sx:{position:"relative"},children:[e&&n(a.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),n(_e,{height:"500px",defaultLanguage:"javascript",value:t,onChange:i,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})},df=m.forwardRef(({value:e,onChange:t},r)=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e);m.useEffect(()=>{l(e)},[e]);const d=b=>{l({...u,enabled:b})},p=()=>{o();const{enabled:b,func_content:w}=u,C={enabled:b,func_content:w};l(C),t(C)},f=()=>{o(),l(e)},g=b=>{l(w=>({...w,func_content:b}))},h=()=>{g(Ta.func_content)};return c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Customize Label"}),n(a.Modal,{size:800,title:"Customize label content",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Checkbox,{mt:10,label:"Enabled",checked:u.enabled,onChange:b=>d(b.currentTarget.checked)}),n(uf,{value:u.func_content,onChange:g,disabled:!u.enabled}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:h,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:f,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:p,children:"OK"})]})]})]})})]})});function cf({data:e,control:t,watch:r}){return r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Name",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Tick Label",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(df,{data:e,...i})})]})]})}const pf=[{label:"left",value:"left"},{label:"center",value:"center"},{label:"right",value:"right"}],hf=[{label:"left",value:"left"},{label:"right",value:"right"}];function ff({control:e,index:t,remove:r}){return c(a.Stack,{my:0,p:"0",sx:{position:"relative"},children:[n(a.Divider,{mb:-15,mt:15,variant:"dashed",label:"Name",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`y_axes.${t}.name`,control:e,render:({field:i})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...i})}),n(x.Controller,{name:`y_axes.${t}.nameAlignment`,control:e,render:({field:i})=>n(a.Select,{label:"Align",required:!0,data:pf,sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Layout",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`y_axes.${t}.position`,control:e,render:({field:i})=>n(a.Select,{label:"Position",required:!0,data:hf,sx:{flex:1},...i})})}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Label Format",labelPosition:"center"}),n(x.Controller,{name:`y_axes.${t}.label_formatter`,control:e,render:({field:i})=>n(Oe,{...i})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Value Range",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`y_axes.${t}.min`,control:e,render:({field:i})=>n(a.TextInput,{label:"Min",...i})}),n(x.Controller,{name:`y_axes.${t}.max`,control:e,render:({field:i})=>n(a.TextInput,{label:"Max",...i})})]})]}),n(a.Button,{mt:20,leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),disabled:t===0,children:"Delete this YAxis"})]})}function gf({control:e,watch:t}){const{fields:r,append:i,remove:s}=x.useFieldArray({control:e,name:"y_axes"}),o=t("y_axes"),u=r.map((d,p)=>({...d,...o[p]})),l=()=>i({name:"",label_formatter:Se});return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[u.map((d,p)=>n(a.Tabs.Tab,{value:p.toString(),children:p+1},p)),n(a.Tabs.Tab,{onClick:l,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),u.map((d,p)=>n(a.Tabs.Panel,{value:p.toString(),children:n(ff,{control:e,index:p,remove:s})},p))]})}function mf(e){return e||{templates:{top:"",bottom:""}}}function bf({reference_lines:e=[],stats:t,...r}){return{reference_lines:e,stats:mf(t),...r}}function yf({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),{variables:i}=e,s=e.data,o=m.useMemo(()=>v.defaultsDeep({},t,Yn),[t]),u=m.useMemo(()=>bf(o),[o]);m.useEffect(()=>{!v.isEqual(o,u)&&(console.log("config malformed, resetting to defaults",o,u),r(u))},[o,u]);const{control:l,handleSubmit:d,watch:p,getValues:f,reset:g}=x.useForm({defaultValues:u});m.useEffect(()=>{g(u)},[u]);const h=f(),b=m.useMemo(()=>!v.isEqual(h,o),[h,o]);return p(["dataZoom"]),n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:d(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!b,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X Axis"}),n(a.Tabs.Tab,{value:"Y Axes",children:"Y Axes"}),n(a.Tabs.Tab,{value:"Scatter",children:"Scatter"}),n(a.Tabs.Tab,{value:"Tooltip",children:"Tooltip"}),n(a.Tabs.Tab,{value:"Stats",children:"Stats"}),n(a.Tabs.Tab,{value:"Reference Lines",children:"Reference Lines"}),n(a.Tabs.Tab,{value:"Reference Areas",children:"Reference Areas"}),n(a.Tabs.Tab,{value:"Zooming",children:"Zooming"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(cf,{control:l,watch:p,data:s})}),n(a.Tabs.Panel,{value:"Y Axes",children:n(gf,{control:l,watch:p})}),n(a.Tabs.Panel,{value:"Scatter",children:n(nf,{control:l,watch:p,data:s})}),n(a.Tabs.Panel,{value:"Tooltip",children:n(lf,{control:l,watch:p,data:s})}),n(a.Tabs.Panel,{value:"Stats",children:n(rf,{control:l,watch:p,data:s})}),n(a.Tabs.Panel,{value:"Reference Lines",children:n(qh,{variables:i,control:l,watch:p})}),n(a.Tabs.Panel,{value:"Reference Areas",children:n(Vh,{variables:i,control:l,watch:p})}),n(a.Tabs.Panel,{value:"Zooming",children:n(x.Controller,{name:"dataZoom",control:l,render:({field:w})=>n(Pn,{...w})})})]})]})})}function vf(e){const{dataZoom:t=ct,...r}=e;return{...r,dataZoom:t}}function xf(e){const t={scatter:{label_overflow:ka}};return v.defaultsDeep(t,e)}function Cf(e){const{color:t}=e.scatter;return typeof t=="string"?{...e,scatter:{...e.scatter,color:{...Dt.static,color:t}}}:e}function wf(e){const t=e.reference_lines.map(r=>{const{lineStyle:i={type:"dashed",width:1,color:je.random().css()},show_in_legend:s=!1,yAxisIndex:o=0}=r;return{...r,lineStyle:i,show_in_legend:s,yAxisIndex:o}});return{...e,reference_lines:t}}function _f(e){const t={tooltip:{trigger:"item"}};return v.defaultsDeep({},e,t)}class Sf extends fe{constructor(){super(...arguments);O(this,"VERSION",8)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>{const{tooltip:i={metrics:[]},...s}=r.config;return{...r,version:2,config:{...s,tooltip:i}}}),this.version(3,r=>({...r,version:3,config:vf(r.config)})),this.version(4,r=>{const{config:i}=r;return{...r,version:5,config:xf(i)}}),this.version(6,r=>{const{config:i}=r;return{...r,version:6,config:Cf(i)}}),this.version(7,r=>{const{config:i}=r;return{...r,version:7,config:wf(i)}}),this.version(8,r=>{const{config:i}=r;return{...r,version:8,config:_f(i)}})}}const Tf={displayName:"Scatter Chart",displayGroup:"ECharts-based charts",migrator:new Sf,name:"scatterChart",viewRender:Lh,configRender:yf,createConfig(){return{version:8,config:v.cloneDeep(Yn)}},triggers:[Sa]},Rn={template:"The variable ${value} is defined in Variables section",vertical_align:"center",horizontal_align:"left"};function kf(e){if("variables"in e)return e;const{align:t,size:r,weight:i,color:s,content:{prefix:o="",data_field:u="value",formatter:l={output:"number",mantissa:0},postfix:d=""}={}}=e;return{align:t,template:`${o} \${value} ${d}`,variables:[{name:"value",data_field:u,aggregation:{type:"none",config:{}},formatter:l,color:s,weight:i,size:r}]}}function Df(e){return v.omit(e,["variables"])}function If(e){const{align:t,...r}=e;return{horizontal_align:t,vertical_align:"center",...r}}function Mf(e){const t=v.cloneDeep(e),r=v.get(t,"color.valueRange");return r!==void 0&&v.set(t,"color.valueRange",r.map(i=>Number(i))),t}class Af extends fe{constructor(){super(...arguments);O(this,"VERSION",2)}configVersions(){this.version(1,r=>({version:1,config:kf(r)})),this.version(2,(r,{panelModel:i})=>{const{config:s}=r;return(s.variables||[]).forEach(u=>{i.variables.find(l=>l.name===u.name)||i.addVariable(Mf(u))}),{...r,version:2,config:Df(s)}}),this.version(3,r=>{const{config:i}=r;return{...r,version:3,config:If(i)}})}}const $f={left:"flex-start",center:"center",right:"flex-end"},zf={top:"flex-start",center:"center",bottom:"flex-end"},Ef=T.observer(({context:e})=>{const t=Y(),{value:r=Rn}=F(e.instanceData,"config"),{variables:i}=e,{template:s,horizontal_align:o,vertical_align:u}=r,{width:l,height:d}=e.viewport,p=m.useMemo(()=>{try{const g={filters:t.payloadForSQL.filterValues,context:t.payloadForSQL.context};return v.template(s)(g)}catch{return s}},[t.payloadForSQL,s]),f=m.useMemo(()=>kt(p,i,e.data),[p,i,e.data,e]);return n(a.Center,{sx:{width:l,height:d,justifyContent:$f[o],alignItems:zf[u]},children:n(a.Box,{children:Object.values(f).map((g,h)=>n(m.Fragment,{children:g},h))})})}),Lf=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],Pf=[{label:"Top",value:"top"},{label:"Center",value:"center"},{label:"Bottom",value:"bottom"}];function Of({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=m.useMemo(()=>v.defaultsDeep({},t,Rn),[t]),{control:s,handleSubmit:o,watch:u,getValues:l,reset:d}=x.useForm({defaultValues:i});m.useEffect(()=>{d(i)},[i]),u(["template","horizontal_align","vertical_align"]);const p=l(),f=m.useMemo(()=>!v.isEqual(p,t),[p,t]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:o(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{weight:500,children:"Stats Configurations"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!f,children:n(k.DeviceFloppy,{size:20})})]}),n(x.Controller,{name:"template",control:s,render:({field:g})=>n(_t,{label:"Template",py:"md",sx:{flexGrow:1},...g})}),c(a.SimpleGrid,{cols:2,children:[n(x.Controller,{name:"horizontal_align",control:s,render:({field:g})=>n(a.Select,{label:"Horizontal Alignment",data:Lf,...g})}),n(x.Controller,{control:s,name:"vertical_align",render:({field:g})=>n(a.Select,{label:"Vertical Alignment",data:Pf,...g})})]})]})})}const Vf={createConfig(){return{version:3,config:Rn}},displayName:"Stats",displayGroup:"Others",migrator:new Af,name:"stats",viewRender:Ef,configRender:Of},Qn={label_key:"",value_key:"",group_key:"",levels:[]};function Bf(e){const t=new Set(e.map(i=>i.parent_id)),r=new Set(e.map(i=>i.id));return t.forEach(i=>{i===null||r.has(i)||e.push({id:i,name:i,parent_id:null})}),e}function Nf(e){const t=Bf(e).map(s=>({...s,children:[]})),r=v.keyBy(t,s=>s.id),i=[];return t.forEach(s=>{if(!s.parent_id||!r[s.parent_id]){i.push(s);return}r[s.parent_id].children.push(s)}),i}function Gf(e,t){const{label_key:r,value_key:i,group_key:s}=e,o=r,u=t.map(l=>({...l,id:l[o],parent_id:l[s],name:l[r],value:l[i]?Number(l[i]):l[i]}));return s?Nf(u):u}const qf=e=>({treePathInfo:t,name:r,value:i})=>{if(t.length===1||!e)return r;try{const s=t[t.length-2].value;if(i/s<e)return" "}catch{return r}};function Ff(e){const{levels:t}=e;return t.map(r=>{const{show_label_tolerance:i,...s}=r.label;return{...r,label:{...s,formatter:qf(i)}}})}function Wf(){return({treePathInfo:e,name:t,value:r,color:i,marker:s,...o})=>{const u=e.slice(0,e.length-1),l=[`<tr>
+      `}}}function Mh(e,t){const r=t.every(s=>!Number.isNaN(Number(s))),{axisLabel:i}=e.x_axis;return[{data:t,name:e.x_axis.name??"",id:"main-x-axis",axisTick:{show:!0,alignWithLabel:!0},type:r?"value":"category",axisLabel:{...i,formatter:Ia(i.formatter)}}]}function Ah(e,t){return e.y_axes.map(({nameAlignment:r,min:i,max:s,...o},u)=>{let l=o.position;return l||(l=u>0?"right":"left"),{...o,min:i||void 0,max:s||void 0,position:l,axisLabel:{show:!0,formatter:t[u]??t.default},axisLine:{show:!0},nameTextStyle:{fontWeight:"bold",align:r},nameLocation:"end",nameGap:15,splitLine:{show:!1}}})}function $h(){return{show:!1,bottom:0,left:"center",type:"scroll"}}const zh={xAxis:[{type:"category",nameGap:25,nameLocation:"center",nameTextStyle:{fontWeight:"bold"},splitLine:{show:!1},axisTick:{show:!0,alignWithLabel:!0}}],grid:{top:10,left:20,right:15,bottom:25,containLabel:!0}};function Eh(e,t,r){const i=r.reduce((p,f)=>{const g=dt(f,t);return p[f.name]=et(f,g),p},{}),s=e.y_axes.reduce((p,{label_formatter:f},g)=>(p[g]=function(b){let w=b;if(typeof b=="object"&&(Array.isArray(b.value)&&b.value.length===2?w=b.value[1]:w=b.value),!f)return w;try{return te(w).format(f)}catch(C){return console.error(C),w}},p),{default:({value:p})=>p}),o=v.uniq(t.map(p=>p[e.x_axis.data_key])),u=o.every(p=>!Number.isNaN(Number(p))),l=Th(e,o,u,t,s,r,i),d={xAxis:Mh(e,o),yAxis:Ah(e,s),series:l,dataset:[{source:t}],tooltip:Ih(e,s),grid:vh(e),legend:$h(),dataZoom:En(e.dataZoom)};return v.defaultsDeep({},d,zh)}le.use([N.DataZoomComponent,de.BarChart,de.LineChart,de.ScatterChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer,N.MarkLineComponent,N.MarkAreaComponent]);function Aa(e){return e.trim().length>0}function Lh({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>v.keyBy(t,e.x_axis.data_key),[t,e.x_axis.data_key]),l=Ne(s.triggerManager,Ta.id),d=m.useCallback(g=>{const h=g.value[0],b=v.get(u,h,{error:"rowData is not found"});l.forEach(w=>{s.runInteraction(w.id,{...g,rowData:b})})},[u,l,s]),p=m.useMemo(()=>({click:d}),[d]),f=m.useMemo(()=>Eh(e,t,o),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:f,style:{width:r,height:i},onEvents:p,notMerge:!0,theme:"merico-light"})}function Ph({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,Rn),[i]),u=e.data,{width:l,height:d}=e.viewport,{ref:p,height:f}=ve.useElementSize(),{ref:g,height:h}=ve.useElementSize(),b=m.useMemo(()=>{const{stats:{templates:C}}=o;return{top:kt(C.top,s,u),bottom:kt(C.bottom,s,u)}},[o,u]),w=Math.max(0,d-f-h);return c(a.Box,{children:[n(a.Text,{ref:p,align:"left",size:"xs",pl:"sm",sx:{display:Aa(o.stats.templates.top)?"block":"none"},children:Object.values(b.top).map(C=>C)}),n(Lh,{variables:s,width:l,height:w,data:u,conf:o,interactionManager:r}),n(a.Text,{ref:g,align:"left",size:"xs",pl:"sm",sx:{display:Aa(o.stats.templates.bottom)?"block":"none"},children:Object.values(b.bottom).map(C=>C)})]})}const Oh=m.forwardRef(({value:e,onChange:t,xAxisOptions:r,yAxisOptions:i,variableOptions:s},o)=>{const u=(l,d)=>{const p=v.cloneDeep(e);v.set(p,l,d),t(p)};return c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Content",labelPosition:"right"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(a.TextInput,{label:"Content Text",value:e.content.text,onChange:l=>u("content.text",l.currentTarget.value)}),n(Bn,{label:"Text Position",value:e.label.position,onChange:l=>u("label.position",l)})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Endpoints",labelPosition:"right"}),c(a.Group,{grow:!0,noWrap:!0,children:[r&&n(a.Select,{label:"X Axis",data:r,value:e.xAxisIndex,onChange:l=>u("xAxisIndex",l)}),i&&n(a.Select,{label:"Y Axis",data:i,value:e.yAxisIndex,onChange:l=>u("xAxisIndex",l)})]}),c(a.Stack,{spacing:0,children:[n(a.Text,{size:14,color:"#212529",fw:500,children:"Left-Bottom Point"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(a.Select,{icon:n(a.Text,{children:"x"}),data:s,value:e.leftBottomPoint.x_data_key,onChange:l=>u("leftBottomPoint.x_data_key",l??""),clearable:!0}),n(a.Select,{icon:n(a.Text,{children:"y"}),data:s,value:e.leftBottomPoint.y_data_key,onChange:l=>u("leftBottomPoint.y_data_key",l??""),clearable:!0})]})]}),c(a.Stack,{spacing:0,children:[n(a.Text,{size:14,color:"#212529",fw:500,children:"Right-Top Point"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(a.Select,{icon:n(a.Text,{children:"x"}),data:s,value:e.rightTopPoint.x_data_key,onChange:l=>u("rightTopPoint.x_data_key",l??""),clearable:!0}),n(a.Select,{icon:n(a.Text,{children:"y"}),data:s,value:e.rightTopPoint.y_data_key,onChange:l=>u("rightTopPoint.y_data_key",l??""),clearable:!0})]})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Style",labelPosition:"right"}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:14,children:"Background Color"}),n(De,{value:e.itemStyle.color,onChange:l=>u("itemStyle.color",l)})]}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:14,children:"Text Color"}),n(De,{value:e.label.color,onChange:l=>u("label.color",l)})]})]})});function Vh(){const e=new Date().getTime().toString();return{id:e,content:{text:e},itemStyle:{color:"rgba(0,0,0,0.05)"},label:{position:"inside",color:"rgba(0,0,0,0.5)"},leftBottomPoint:{x_data_key:"",y_data_key:""},rightTopPoint:{x_data_key:"",y_data_key:""},xAxisIndex:"0",yAxisIndex:"0"}}function Bh({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_areas"}),u=t("reference_areas"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>{const h=Vh();s(h)},p=m.useMemo(()=>r.map(h=>({label:h.name,value:h.name})),[r]),f=t("y_axes"),g=m.useMemo(()=>f.map(({name:h},b)=>({label:h,value:b.toString()})),[f]);return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:b.toString(),children:b+1},b)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:b.toString(),children:n(x.Controller,{name:`reference_areas.${b}`,control:e,render:({field:w})=>c(a.Stack,{children:[n(Oh,{variableOptions:p,yAxisOptions:g,...w}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(O.IconTrash,{size:16}),color:"red",variant:"light",onClick:()=>o(b),children:"Delete this Reference Area"})]})})},b))]})}const Nh=[{label:"solid",value:"solid"},{label:"dashed",value:"dashed"},{label:"dotted",value:"dotted"}],Gh=[{label:"Horizontal",value:"horizontal"},{label:"Vertical",value:"vertical"}];function qh({control:e,index:t,remove:r,watch:i,variableOptions:s,yAxisOptions:o}){const u=i(`reference_lines.${t}.orientation`);return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:l})=>n(a.TextInput,{label:"Name",placeholder:"Average Reference Line",required:!0,sx:{flex:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:l})=>n(a.Select,{label:"Value",required:!0,data:s,sx:{flex:1},...l})})]}),n(x.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:l})=>n(a.TextInput,{label:"Content Template",placeholder:"Average: ${avg}",sx:{flex:1},...l})}),c(a.Group,{grow:!0,children:[c(a.Stack,{children:[n(x.Controller,{name:`reference_lines.${t}.orientation`,control:e,render:({field:l})=>n(a.Select,{label:"Orientation",data:Gh,required:!0,sx:{flex:1},...l})}),u==="vertical"&&n(a.Text,{mt:-10,color:"dimmed",size:12,children:"Works only when xAxis values are numbers"})]}),u==="horizontal"&&n(x.Controller,{name:`reference_lines.${t}.yAxisIndex`,control:e,render:({field:{value:l,onChange:d,...p}})=>n(a.Select,{label:"Y Axis",data:o,disabled:o.length===0,...p,value:(l==null?void 0:l.toString())??"",onChange:f=>{if(!f){d(0);return}d(Number(f))},sx:{flex:1}})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Style",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`reference_lines.${t}.lineStyle.type`,control:e,render:({field:l})=>n(a.Select,{label:"Line Type",data:Nh,sx:{flexGrow:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.width`,control:e,render:({field:l})=>n(a.NumberInput,{label:"Line Width",min:1,max:10,sx:{flexGrow:1},...l})})]}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.color`,control:e,render:({field:l})=>n(De,{...l})})]}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Reference Line"})]},t)}function Fh({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_lines"}),u=t("reference_lines"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>{const h={name:"",template:"",variable_key:"",orientation:"horizontal",lineStyle:{type:"dashed",width:1,color:je.random().css()},show_in_legend:!1,yAxisIndex:0};s(h)},p=m.useMemo(()=>r.map(h=>({label:h.name,value:h.name})),[r]),f=t("y_axes"),g=m.useMemo(()=>f.map(({name:h},b)=>({label:h,value:b.toString()})),[f]);return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:b.toString(),children:b+1},b)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:b.toString(),children:n(qh,{control:e,index:b,remove:o,watch:t,variableOptions:p,yAxisOptions:g})},b))]})}const Wh=({value:e,onChange:t})=>{const r=i=>{i&&t(i)};return n(a.Box,{children:n(_e,{height:"500px",defaultLanguage:"javascript",value:e,onChange:r,theme:"vs-dark",options:{minimap:{enabled:!1}}})})},jh=({value:e,onChange:t,data:r})=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e),d=()=>{o();const{type:h,func_content:b}=u,w={type:h,func_content:b};l(w),t(w)},p=()=>{o(),l(e)},f=h=>{l(b=>({...b,func_content:h}))},g=()=>{f(Dt.dynamic.func_content)};return c(B,{children:[n(a.Box,{sx:{width:"50%"},children:n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Setup"})}),n(a.Modal,{size:800,title:"Setup dynamic color",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Divider,{mt:10,mb:-10,label:"Dynamic by a custom function",labelPosition:"center",variant:"dashed"}),n(Wh,{value:u.func_content,onChange:f}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:g,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})},Rh=({value:e,onChange:t,data:r})=>e.type!=="dynamic"?null:n(jh,{value:e,onChange:t,data:r}),Yh=({value:e,onChange:t})=>{if(e.type!=="static")return null;const r=i=>{t({...e,color:i})};return n(a.ColorInput,{label:" ",format:"rgb",value:e.color,onChange:r})},Qh=[{label:"Static",value:"static"},{label:"Dynamic",value:"dynamic"}],Uh=m.forwardRef(({label:e="Color",value:t,onChange:r,data:i},s)=>{const o=u=>{r({...Dt[u]})};return c(a.SimpleGrid,{cols:2,children:[n(a.Select,{ref:s,label:e,data:Qh,value:t.type,onChange:o,sx:{flexGrow:1}}),n(Yh,{value:t,onChange:r}),n(Rh,{value:t,onChange:r,data:i})]})}),Xh=m.forwardRef(({value:e,onChange:t},r)=>{const i=o=>{t({...e,label:o})},s=o=>{t({...e,tooltip:o})};return c(a.Stack,{ref:r,spacing:0,children:[n(Wt,{sectionTitle:"Overflow on Chart",value:e.label,onChange:i}),n(Wt,{sectionTitle:"Overflow in Tooltip",value:e.tooltip,onChange:s})]})}),Zh=({value:e,onChange:t})=>{const r=i=>{i&&t(i)};return n(a.Box,{children:n(_e,{height:"500px",defaultLanguage:"javascript",value:e,onChange:r,theme:"vs-dark",options:{minimap:{enabled:!1}}})})},$a={static:{type:"static",size:10},dynamic:{type:"dynamic",func_content:["function getSize({ rowData, params, variables }, { lodash, interpolate }) {","    // your code goes here","    // return 10","}"].join(`
+`)}},Kh=({value:e,onChange:t,data:r})=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e),d=()=>{o();const{type:h,func_content:b}=u,w={type:h,func_content:b};l(w),t(w)},p=()=>{o(),l(e)},f=h=>{l(b=>({...b,func_content:h}))},g=()=>{f($a.dynamic.func_content)};return c(B,{children:[n(a.Box,{sx:{width:"50%"},children:n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Setup"})}),n(a.Modal,{size:800,title:"Setup dynamic size",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Divider,{mt:10,mb:-10,label:"Dynamic by a custom function",labelPosition:"center",variant:"dashed"}),n(Zh,{value:u.func_content,onChange:f}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:g,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})},Jh=({value:e,onChange:t,data:r})=>e.type!=="dynamic"?null:n(Kh,{value:e,onChange:t,data:r}),Hh=({value:e,onChange:t})=>{if(e.type!=="static")return null;const r=i=>{t({...e,size:i})};return n(B,{children:n(a.NumberInput,{defaultValue:18,placeholder:"1 ~ 100",label:" ",hideControls:!0,value:e.size,onChange:r})})},ef=[{label:"Static",value:"static"},{label:"Dynamic",value:"dynamic"}],tf=m.forwardRef(({label:e="Size",value:t,onChange:r,data:i},s)=>{const o=u=>{r({...$a[u]})};return c(a.SimpleGrid,{cols:2,children:[n(a.Select,{ref:s,label:e,data:ef,value:t.type,onChange:o,sx:{flexGrow:1}}),n(Hh,{value:t,onChange:r}),n(Jh,{value:t,onChange:r,data:i})]})}),nf=[{label:"off",value:""},{label:"top",value:"top"},{label:"left",value:"left"},{label:"right",value:"right"},{label:"bottom",value:"bottom"},{label:"inside",value:"inside"},{label:"insideLeft",value:"insideLeft"},{label:"insideRight",value:"insideRight"},{label:"insideTop",value:"insideTop"},{label:"insideBottom",value:"insideBottom"},{label:"insideTopLeft",value:"insideTopLeft"},{label:"insideBottomLeft",value:"insideBottomLeft"},{label:"insideTopRight",value:"insideTopRight"},{label:"insideBottomRight",value:"insideBottomRight"}];function rf({data:e,control:t,watch:r}){return r(["scatter"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"scatter.name_data_key",control:t,render:({field:i})=>n(W,{label:"Name Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"scatter.y_data_key",control:t,render:({field:i})=>n(W,{label:"Value Data Field",required:!0,data:e,sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Style",labelPosition:"center"}),n(x.Controller,{name:"scatter.symbolSize",control:t,render:({field:i})=>n(tf,{label:"Size",data:e,...i})}),n(x.Controller,{name:"scatter.color",control:t,render:({field:i})=>n(Uh,{data:e,...i})}),n(a.Divider,{mb:-15,label:"Label",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"scatter.label_position",control:t,render:({field:i})=>n(a.Select,{label:"Label Position",data:nf,...i})})}),n(x.Controller,{name:"scatter.label_overflow",control:t,render:({field:i})=>n(Xh,{...i})})]})}function af({control:e,watch:t}){return t("stats"),n(a.Stack,{children:c(a.Stack,{spacing:0,children:[n(x.Controller,{name:"stats.templates.top",control:e,render:({field:r})=>n(_t,{label:"Template for stats above the chart",py:"md",sx:{flexGrow:1},...r})}),n(x.Controller,{name:"stats.templates.bottom",control:e,render:({field:r})=>n(_t,{label:"Template for stats under the chart",py:"md",sx:{flexGrow:1},...r})})]})})}const sf=({control:e,data:t,index:r,remove:i})=>c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`tooltip.metrics.${r}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`tooltip.metrics.${r}.data_key`,control:e,render:({field:s})=>n(W,{label:"Value Field",required:!0,data:t,sx:{flex:1},...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Metric"})]}),of=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"tooltip.metrics"}),u=t("tooltip.metrics"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>s({id:Date.now().toString(),data_key:"",name:""}),p=t("tooltip.metrics.0.id"),[f,g]=m.useState(()=>p??null);return m.useEffect(()=>{p&&g(h=>h!==null?h:p)},[p]),c(B,{children:[c(a.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[n(k.InfoCircle,{size:14,color:"#888"}),n(a.Text,{size:14,color:"#888",children:"Configure additional metrics to show in tooltip"})]}),c(a.Tabs,{value:f,onTabChange:h=>g(h),styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:h.id,children:h.name?h.name:b},h.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:h.id,children:n(sf,{control:e,index:b,remove:o,data:r},h.id)},h.id))]})]})},lf=[{label:"Scatter Point",value:"item"},{label:"X Axis",value:"axis"}];function uf({data:e,control:t,watch:r}){return r("tooltip.trigger"),c(a.Stack,{children:[n(x.Controller,{name:"tooltip.trigger",control:t,render:({field:i})=>n(a.Select,{label:"Trigger",data:lf,sx:{flexGrow:1},...i})}),n(a.Divider,{variant:"dashed"}),n(of,{control:t,watch:r,data:e})]})}const df=({disabled:e,value:t,onChange:r})=>{const i=s=>{s&&r(s)};return c(a.Box,{sx:{position:"relative"},children:[e&&n(a.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),n(_e,{height:"500px",defaultLanguage:"javascript",value:t,onChange:i,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})},cf=m.forwardRef(({value:e,onChange:t},r)=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e);m.useEffect(()=>{l(e)},[e]);const d=b=>{l({...u,enabled:b})},p=()=>{o();const{enabled:b,func_content:w}=u,C={enabled:b,func_content:w};l(C),t(C)},f=()=>{o(),l(e)},g=b=>{l(w=>({...w,func_content:b}))},h=()=>{g(ka.func_content)};return c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Customize Label"}),n(a.Modal,{size:800,title:"Customize label content",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Checkbox,{mt:10,label:"Enabled",checked:u.enabled,onChange:b=>d(b.currentTarget.checked)}),n(df,{value:u.func_content,onChange:g,disabled:!u.enabled}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:h,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:f,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:p,children:"OK"})]})]})]})})]})});function pf({data:e,control:t,watch:r}){return r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Name",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Tick Label",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"Rotate",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"degree"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(cf,{data:e,...i})})]})]})}const hf=[{label:"left",value:"left"},{label:"center",value:"center"},{label:"right",value:"right"}],ff=[{label:"left",value:"left"},{label:"right",value:"right"}];function gf({control:e,index:t,remove:r}){return c(a.Stack,{my:0,p:"0",sx:{position:"relative"},children:[n(a.Divider,{mb:-15,mt:15,variant:"dashed",label:"Name",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`y_axes.${t}.name`,control:e,render:({field:i})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...i})}),n(x.Controller,{name:`y_axes.${t}.nameAlignment`,control:e,render:({field:i})=>n(a.Select,{label:"Align",required:!0,data:hf,sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Layout",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`y_axes.${t}.position`,control:e,render:({field:i})=>n(a.Select,{label:"Position",required:!0,data:ff,sx:{flex:1},...i})})}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Label Format",labelPosition:"center"}),n(x.Controller,{name:`y_axes.${t}.label_formatter`,control:e,render:({field:i})=>n(Oe,{...i})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Value Range",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`y_axes.${t}.min`,control:e,render:({field:i})=>n(a.TextInput,{label:"Min",...i})}),n(x.Controller,{name:`y_axes.${t}.max`,control:e,render:({field:i})=>n(a.TextInput,{label:"Max",...i})})]})]}),n(a.Button,{mt:20,leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),disabled:t===0,children:"Delete this YAxis"})]})}function mf({control:e,watch:t}){const{fields:r,append:i,remove:s}=x.useFieldArray({control:e,name:"y_axes"}),o=t("y_axes"),u=r.map((d,p)=>({...d,...o[p]})),l=()=>i({name:"",label_formatter:Se});return c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[u.map((d,p)=>n(a.Tabs.Tab,{value:p.toString(),children:p+1},p)),n(a.Tabs.Tab,{onClick:l,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),u.map((d,p)=>n(a.Tabs.Panel,{value:p.toString(),children:n(gf,{control:e,index:p,remove:s})},p))]})}function bf(e){return e||{templates:{top:"",bottom:""}}}function yf({reference_lines:e=[],stats:t,...r}){return{reference_lines:e,stats:bf(t),...r}}function vf({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),{variables:i}=e,s=e.data,o=m.useMemo(()=>v.defaultsDeep({},t,Rn),[t]),u=m.useMemo(()=>yf(o),[o]);m.useEffect(()=>{!v.isEqual(o,u)&&(console.log("config malformed, resetting to defaults",o,u),r(u))},[o,u]);const{control:l,handleSubmit:d,watch:p,getValues:f,reset:g}=x.useForm({defaultValues:u});m.useEffect(()=>{g(u)},[u]);const h=f(),b=m.useMemo(()=>!v.isEqual(h,o),[h,o]);return p(["dataZoom"]),n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:d(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!b,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X Axis"}),n(a.Tabs.Tab,{value:"Y Axes",children:"Y Axes"}),n(a.Tabs.Tab,{value:"Scatter",children:"Scatter"}),n(a.Tabs.Tab,{value:"Tooltip",children:"Tooltip"}),n(a.Tabs.Tab,{value:"Stats",children:"Stats"}),n(a.Tabs.Tab,{value:"Reference Lines",children:"Reference Lines"}),n(a.Tabs.Tab,{value:"Reference Areas",children:"Reference Areas"}),n(a.Tabs.Tab,{value:"Zooming",children:"Zooming"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(pf,{control:l,watch:p,data:s})}),n(a.Tabs.Panel,{value:"Y Axes",children:n(mf,{control:l,watch:p})}),n(a.Tabs.Panel,{value:"Scatter",children:n(rf,{control:l,watch:p,data:s})}),n(a.Tabs.Panel,{value:"Tooltip",children:n(uf,{control:l,watch:p,data:s})}),n(a.Tabs.Panel,{value:"Stats",children:n(af,{control:l,watch:p,data:s})}),n(a.Tabs.Panel,{value:"Reference Lines",children:n(Fh,{variables:i,control:l,watch:p})}),n(a.Tabs.Panel,{value:"Reference Areas",children:n(Bh,{variables:i,control:l,watch:p})}),n(a.Tabs.Panel,{value:"Zooming",children:n(x.Controller,{name:"dataZoom",control:l,render:({field:w})=>n(Pn,{...w})})})]})]})})}function xf(e){const{dataZoom:t=ct,...r}=e;return{...r,dataZoom:t}}function Cf(e){const t={scatter:{label_overflow:Da}};return v.defaultsDeep(t,e)}function wf(e){const{color:t}=e.scatter;return typeof t=="string"?{...e,scatter:{...e.scatter,color:{...Dt.static,color:t}}}:e}function _f(e){const t=e.reference_lines.map(r=>{const{lineStyle:i={type:"dashed",width:1,color:je.random().css()},show_in_legend:s=!1,yAxisIndex:o=0}=r;return{...r,lineStyle:i,show_in_legend:s,yAxisIndex:o}});return{...e,reference_lines:t}}function Sf(e){const t={tooltip:{trigger:"item"}};return v.defaultsDeep({},e,t)}class Tf extends fe{constructor(){super(...arguments);P(this,"VERSION",8)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>{const{tooltip:i={metrics:[]},...s}=r.config;return{...r,version:2,config:{...s,tooltip:i}}}),this.version(3,r=>({...r,version:3,config:xf(r.config)})),this.version(4,r=>{const{config:i}=r;return{...r,version:5,config:Cf(i)}}),this.version(6,r=>{const{config:i}=r;return{...r,version:6,config:wf(i)}}),this.version(7,r=>{const{config:i}=r;return{...r,version:7,config:_f(i)}}),this.version(8,r=>{const{config:i}=r;return{...r,version:8,config:Sf(i)}})}}const kf={displayName:"Scatter Chart",displayGroup:"ECharts-based charts",migrator:new Tf,name:"scatterChart",viewRender:Ph,configRender:vf,createConfig(){return{version:8,config:v.cloneDeep(Rn)}},triggers:[Ta]},Yn={template:"The variable ${value} is defined in Variables section",vertical_align:"center",horizontal_align:"left"};function Df(e){if("variables"in e)return e;const{align:t,size:r,weight:i,color:s,content:{prefix:o="",data_field:u="value",formatter:l={output:"number",mantissa:0},postfix:d=""}={}}=e;return{align:t,template:`${o} \${value} ${d}`,variables:[{name:"value",data_field:u,aggregation:{type:"none",config:{}},formatter:l,color:s,weight:i,size:r}]}}function If(e){return v.omit(e,["variables"])}function Mf(e){const{align:t,...r}=e;return{horizontal_align:t,vertical_align:"center",...r}}function Af(e){const t=v.cloneDeep(e),r=v.get(t,"color.valueRange");return r!==void 0&&v.set(t,"color.valueRange",r.map(i=>Number(i))),t}class $f extends fe{constructor(){super(...arguments);P(this,"VERSION",2)}configVersions(){this.version(1,r=>({version:1,config:Df(r)})),this.version(2,(r,{panelModel:i})=>{const{config:s}=r;return(s.variables||[]).forEach(u=>{i.variables.find(l=>l.name===u.name)||i.addVariable(Af(u))}),{...r,version:2,config:If(s)}}),this.version(3,r=>{const{config:i}=r;return{...r,version:3,config:Mf(i)}})}}const zf={left:"flex-start",center:"center",right:"flex-end"},Ef={top:"flex-start",center:"center",bottom:"flex-end"},Lf=T.observer(({context:e})=>{const t=R(),{value:r=Yn}=F(e.instanceData,"config"),{variables:i}=e,{template:s,horizontal_align:o,vertical_align:u}=r,{width:l,height:d}=e.viewport,p=m.useMemo(()=>{try{const g={filters:t.payloadForSQL.filterValues,context:t.payloadForSQL.context};return v.template(s)(g)}catch{return s}},[t.payloadForSQL,s]),f=m.useMemo(()=>kt(p,i,e.data),[p,i,e.data,e]);return n(a.Center,{sx:{width:l,height:d,justifyContent:zf[o],alignItems:Ef[u]},children:n(a.Box,{children:Object.values(f).map((g,h)=>n(m.Fragment,{children:g},h))})})}),Pf=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],Of=[{label:"Top",value:"top"},{label:"Center",value:"center"},{label:"Bottom",value:"bottom"}];function Vf({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=m.useMemo(()=>v.defaultsDeep({},t,Yn),[t]),{control:s,handleSubmit:o,watch:u,getValues:l,reset:d}=x.useForm({defaultValues:i});m.useEffect(()=>{d(i)},[i]),u(["template","horizontal_align","vertical_align"]);const p=l(),f=m.useMemo(()=>!v.isEqual(p,t),[p,t]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:o(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{weight:500,children:"Stats Configurations"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!f,children:n(k.DeviceFloppy,{size:20})})]}),n(x.Controller,{name:"template",control:s,render:({field:g})=>n(_t,{label:"Template",py:"md",sx:{flexGrow:1},...g})}),c(a.SimpleGrid,{cols:2,children:[n(x.Controller,{name:"horizontal_align",control:s,render:({field:g})=>n(a.Select,{label:"Horizontal Alignment",data:Pf,...g})}),n(x.Controller,{control:s,name:"vertical_align",render:({field:g})=>n(a.Select,{label:"Vertical Alignment",data:Of,...g})})]})]})})}const Bf={createConfig(){return{version:3,config:Yn}},displayName:"Stats",displayGroup:"Others",migrator:new $f,name:"stats",viewRender:Lf,configRender:Vf},Qn={label_key:"",value_key:"",group_key:"",levels:[]};function Nf(e){const t=new Set(e.map(i=>i.parent_id)),r=new Set(e.map(i=>i.id));return t.forEach(i=>{i===null||r.has(i)||e.push({id:i,name:i,parent_id:null})}),e}function Gf(e){const t=Nf(e).map(s=>({...s,children:[]})),r=v.keyBy(t,s=>s.id),i=[];return t.forEach(s=>{if(!s.parent_id||!r[s.parent_id]){i.push(s);return}r[s.parent_id].children.push(s)}),i}function qf(e,t){const{label_key:r,value_key:i,group_key:s}=e,o=r,u=t.map(l=>({...l,id:l[o],parent_id:l[s],name:l[r],value:l[i]?Number(l[i]):l[i]}));return s?Gf(u):u}const Ff=e=>({treePathInfo:t,name:r,value:i})=>{if(t.length===1||!e)return r;try{const s=t[t.length-2].value;if(i/s<e)return" "}catch{return r}};function Wf(e){const{levels:t}=e;return t.map(r=>{const{show_label_tolerance:i,...s}=r.label;return{...r,label:{...s,formatter:Ff(i)}}})}function jf(){return({treePathInfo:e,name:t,value:r,color:i,marker:s,...o})=>{const u=e.slice(0,e.length-1),l=[`<tr>
         <th style="text-align: right; padding: 0 1em;">Value</th>
         <td style="text-align: left; padding: 0 1em;">${r}</td>
         </tr>
@@ -248,9 +248,9 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
       <table style="width: auto">
         <tbody>${l.join("")}</tbody>
       </table>
-      `}}function jf(){return{show:!0,trigger:"item",confine:!0,formatter:Wf()}}const Yf={tooltip:{show:!0},series:{type:"sunburst",radius:[0,"90%"],emphasis:{focus:"ancestor"}}};function Rf(e,t,r){r.reduce((o,u)=>{const l=dt(u,t);return o[u.name]=et(u,l),o},{});const s={series:{data:Gf(e,t),levels:Ff(e)},tooltip:jf()};return v.defaultsDeep({},s,Yf)}le.use([de.SunburstChart,Me.CanvasRenderer]);function Qf({context:e}){const{variables:t}=e,{value:r}=F(e.instanceData,"config"),i=m.useMemo(()=>v.defaults({},r,Qn),[r]),s=e.data,{width:o,height:u}=e.viewport,l=m.useMemo(()=>Rf(i,s,t),[i,s,t]);return!o||!u?null:n(Ae,{echarts:le,option:l,style:{width:o,height:u},notMerge:!0,theme:"merico-light"})}function Uf({data:e,control:t,watch:r}){return r(["label_key","value_key","group_key"]),c(a.Stack,{children:[n(x.Controller,{name:"label_key",control:t,render:({field:i})=>n(W,{label:"Label Key",required:!0,data:e,...i})}),n(x.Controller,{name:"value_key",control:t,render:({field:i})=>n(W,{label:"Value Key",required:!0,data:e,...i})}),n(x.Controller,{name:"group_key",control:t,render:({field:i})=>n(W,{label:"Group Key",data:e,clearable:!0,...i})})]})}const Xf=[{label:"Radial",value:"radial"},{label:"Tangential",value:"tangential"},{label:"None",value:"0"}],Zf=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],Kf=({control:e,data:t,index:r,remove:i})=>c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`levels.${r}.r0`,control:e,render:({field:s})=>n(a.TextInput,{label:"Inside Radius",placeholder:"0%",...s})}),n(x.Controller,{name:`levels.${r}.r`,control:e,render:({field:s})=>n(a.TextInput,{label:"Outside Radius",placeholder:"50%",...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Label Style",labelPosition:"center"}),n(x.Controller,{name:`levels.${r}.label.show_label_tolerance`,control:e,render:({field:s})=>n(a.NumberInput,{label:"Hide label when its percentage is less than...",precision:4,step:5e-4,min:0,max:1,...s})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`levels.${r}.label.rotate`,control:e,render:({field:s})=>n(a.Select,{label:"Rotate",data:Xf,...s})}),n(x.Controller,{name:`levels.${r}.label.align`,control:e,render:({field:s})=>n(a.Select,{label:"Align",data:Zf,...s})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`levels.${r}.label.position`,control:e,render:({field:s})=>n(Bn,{label:"Position",...s})}),n(x.Controller,{name:`levels.${r}.label.padding`,control:e,render:({field:s})=>n(a.NumberInput,{label:"Padding",min:0,hideControls:!0,...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Level"})]}),Jf=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"levels"}),u=t("levels"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>s({id:Date.now().toString(),r0:"",r:"",label:{show_label_tolerance:.001,rotate:"0",align:"center",position:"inside",padding:0}}),p=t("levels.0.id"),[f,g]=m.useState(()=>p??null);return m.useEffect(()=>{p&&g(h=>h!==null?h:p)},[p]),c(B,{children:[c(a.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[n(k.InfoCircle,{size:14,color:"#888"}),n(a.Text,{size:14,color:"#888",children:"Configure ring style on each level"})]}),n(a.Divider,{variant:"dashed",my:10}),c(a.Tabs,{value:f,onTabChange:h=>g(h),styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:h.id,children:b},h.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:h.id,children:n(Kf,{control:e,index:b,remove:o,data:r},h.id)},h.id))]})]})};function Hf({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Qn),[t]),o=m.useMemo(()=>v.clone(s),[s]),{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,s),[g,s]);d(["label_key","value_key","group_key","levels"]);const[b,w]=m.useState("Data");return n("form",{onSubmit:l(r),children:c(a.Stack,{spacing:"xs",children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Sunburst Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{value:b,onTabChange:w,orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"Data",children:"Data"}),n(a.Tabs.Tab,{value:"Levels",children:"Levels"})]}),n(a.Tabs.Panel,{value:"Data",children:n(Uf,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Levels",children:n(Jf,{control:u,watch:d,data:i})})]})]})})}function eg(e){const{label_field:t,value_field:r,...i}=e;return{...i,label_key:t,value_key:r}}function tg(e){const{group_key:t="",...r}=e;return{...r,group_key:t}}function ng(e){const{levels:t=[],...r}=e;return{...r,levels:t}}class rg extends fe{constructor(){super(...arguments);O(this,"VERSION",4)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>({...r,version:2,config:eg(r.config)})),this.version(3,r=>({...r,version:3,config:tg(r.config)})),this.version(4,r=>({...r,version:4,config:ng(r.config)}))}}const ig={displayName:"Sunburst Chart",displayGroup:"ECharts-based charts",migrator:new rg,name:"sunburst",viewRender:Qf,configRender:Hf,createConfig(){return{version:4,config:v.cloneDeep(Qn)}}};var Be=(e=>(e.string="string",e.number="number",e.eloc="eloc",e.percentage="percentage",e.custom="custom",e))(Be||{});const $a=["function text({ value }) {","    // your code goes here","    return value","}"].join(`
-`),Un={columns:[],fontSize:"1rem",highlightOnHover:!1,horizontalSpacing:"1em",id_field:"",striped:!1,use_raw_columns:!0,verticalSpacing:"1em"},za={left:"flex-start",center:"center",right:"flex-end"},ag=({header:e,cx:t})=>{const r=v.get(e.column.columnDef.meta,"align","left");return c(a.Text,{className:t("table-head-cell",{"table-head-cell--sortable":e.column.getCanSort()}),onClick:e.column.getToggleSortingHandler(),align:r,sx:{justifyContent:za[r]},children:[e.isPlaceholder?null:Pe.flexRender(e.column.columnDef.header,e.getContext()),n(sg,{direction:e.column.getIsSorted()})]})},sg=({direction:e})=>{switch(e){case"asc":return n(V.IconArrowUp,{size:16});case"desc":return n(V.IconArrowDown,{size:"1em"});default:return null}},Xn={id:"builtin:table:click-cell-content",displayName:"Click Cell Content",nameRender:cg,configRender:ug,payload:[{name:"row_index",description:"Index of the row that the cell belongs to",valueType:"number"},{name:"col_index",description:"Index of the column that the cell belongs to",valueType:"number"},{name:"row_data",description:"Data of the row that the cell belongs to",valueType:"object"}]},og={column:""};function Ea(e){const{value:t}=F(e.instanceData,"config");return t?t.columns.map((r,i)=>({label:r.label,value:i.toString()})):[]}function lg(e){return v.isEmpty(e)?[]:Object.keys(e[0]).map(t=>({label:t,value:t}))}function ug(e){const t=Ea(e.instance),r=lg(e.sampleData),i=t.length>0?t:r,{value:s,set:o}=F(e.trigger.triggerData,"config"),{column:u}=v.defaults({},s,og),l=d=>{isNaN(+d)?o({column:d}):o({column:+d})};return n(a.Select,{clearable:!1,data:i,label:"Choose a column",value:u.toString(),onChange:l})}function dg(e,t){return e?v.isNumber(e.column)?`Click cell of ${t[e.column].label}`:`Click cell of ${e.column}`:"Click cell content (click to config)"}function cg(e){const t=Ea(e.instance),{value:r}=F(e.trigger.triggerData,"config");return n(a.Text,{children:dg(r,t)})}const pg=a.createStyles(e=>({root:{overflow:"auto",position:"relative","& .table-head-cell":{display:"flex",flexFlow:"row nowrap",alignItems:"center",whiteSpace:"nowrap","&.table-head-cell--sortable":{cursor:"pointer",userSelect:"none"}},"&.table-highlight-on-hover tr":{transition:"background-color 0.2s","&:hover":{backgroundColor:e.colorScheme==="dark"?e.colors.dark[5]:e.colors.gray[0]}}},thead:{background:e.colorScheme==="dark"?e.colors.dark[7]:e.white,position:"sticky",top:24,transform:"translateY(-1px)",zIndex:10,"&::after":{content:'" "',display:"block",background:"white",position:"absolute",left:0,right:0,top:0,bottom:0,zIndex:-1}},info_bar:{position:"sticky",top:0,left:0,right:0,zIndex:10,background:"white"}})),hg={tableLayout:"fixed","th, td":{padding:"2px 10px",div:{overflow:"hidden",textOverflow:"ellipsis"},"&:first-of-type":{paddingLeft:2,paddingRight:2}}};function La(e,t,r){return Math.min(Math.max(e,t),r)}class fg{constructor(t){this.steps=t;const r=[],i=new Set;for(const s of t)i.has(s.to)||(r.push(s),i.add(s.to));if(r.sort((s,o)=>s.from-o.from),r.length<2)throw new Error("MultiStepValueMapper requires at least 2 steps");this.steps=r}getLinearFunction(t,r){const i=(r.to-t.to)/(r.from-t.from),s=t.to-i*t.from;return o=>i*o+s}getStepFunctionForValue(t){let r=v.findLastIndex(this.steps,i=>i.from<=t);return r=La(r,0,this.steps.length-2),this.getLinearFunction(this.steps[r],this.steps[r+1])}mapValue(t){return La(this.getStepFunctionForValue(t)(t),0,100)}}class gg{constructor(t,r,i,s,o){this.getColIndex=t,this.cell=r,this.triggers=i,this.interactionManager=s,this.colorManager=o}getClickHandler(){const t=this.getRelatedTrigger();if(t.length!==0)return()=>{const r={row_data:this.cell.row.original,row_index:this.cell.row.index,col_index:this.getColIndex(this.cell)};for(const i of t)this.interactionManager.runInteraction(i.id,r)}}getRelatedTrigger(){return this.triggers.filter(r=>r.schemaRef===Xn.id).filter(r=>{const i=this.getColIndex(this.cell),s=v.get(this.cell.column.columnDef.meta,"value_field"),o=v.get(r.config,"column");return o==i||o==s})}isClickable(){return this.getRelatedTrigger().length>0}get columnConf(){return this.cell.column.columnDef.meta}get bgColor(){const t=this.columnConf.cellBackgroundColor;if(!t||t==="none")return;if(v.isString(t))return t;const r=+this.cell.getValue();if(isFinite(r)){const i=this.colorManager.decodeInterpolation(t.interpolation),o=new fg(t.steps).mapValue(r);return i==null?void 0:i.getColor(o)}}}const mg=a.createStyles((e,t)=>({content:{display:"flex",alignItems:"center",justifyContent:za[t.align],".table-cell-text":{whiteSpace:"nowrap",cursor:t.clickable?"pointer":"default",textDecoration:t.clickable?"underline":"none"}}}));function bg(e){return e?je(e).oklch()[0]>.7?"black":"white":"inherit"}function yg(e){const t=e.tableCellContext.bgColor;return{backgroundColor:t,color:bg(t)}}function pt(e){const t=e.tableCellContext.isClickable(),r=mg({clickable:t,align:e.align});return n("div",{className:r.classes.content,style:{...yg(e)},children:n(a.Text,{className:"table-cell-text",onClick:e.tableCellContext.getClickHandler(),children:n("span",{title:e.children,children:e.children})})})}function vg(e){return n(pt,{...e,children:e.value})}function xg(e){const t=te(e.value).format({average:!0,mantissa:2,trimMantissa:!0});return n(pt,{...e,children:t})}function Cg(e){const t=te(e.value).format({thousandSeparated:!0});return n(pt,{...e,children:t})}function wg(e){const t=te(e.value).format({output:"percent",mantissa:3});return n(pt,{...e,children:t})}function _g(e){const t=e.value,r=e.func_content;if(!r)return n(pt,{...e,children:t});const i=new Function(`return ${r}`)()({value:t});return n(pt,{...e,children:i})}function Sg(e){switch(e.type){case Be.string:return n(vg,{...e});case Be.eloc:return n(xg,{...e});case Be.number:return n(Cg,{...e});case Be.percentage:return n(wg,{...e});case Be.custom:return n(_g,{...e})}}const Tg=e=>{const t=Fe(e),r=Ne(t.triggerManager,Xn.id),{colorManager:i}=m.useContext(qe);return m.useCallback(s=>new gg(e.getColIndex,s,r,t,i),[r,t,e.getColIndex])};function kg({context:e,instance:t}){var ie,oe;const r=e.data??[],{height:i,width:s}=e.viewport,{value:o=Un}=F(e.instanceData,"config"),{use_raw_columns:u,columns:l,...d}=o,{classes:p,cx:f}=pg(),g=m.useMemo(()=>u?!Array.isArray(r)||r.length===0?[]:Object.keys(r[0]).map(re=>({id:re,label:re,value_field:re,value_type:Be.string,align:"left"})):l,[u,l,r]),h=Tg({getColIndex:m.useCallback(re=>g.indexOf(re.column.columnDef.meta),[g]),vizManager:e.vizManager,instance:t}),b=m.useMemo(()=>{const re=Pe.createColumnHelper();return g.map(ge=>re.accessor(ge.value_field,{cell:Te=>n(Sg,{tableCellContext:h(Te.cell),value:Te.getValue(),type:ge.value_type,...ge}),header:ge.label,enableSorting:!0,meta:ge,size:ge.width,minSize:ge.width}))},[g,h]),[w,C]=m.useState([]),S=Pe.useReactTable({data:r,state:{sorting:w},onSortingChange:C,columns:b,getCoreRowModel:Pe.getCoreRowModel(),getSortedRowModel:Pe.getSortedRowModel()}),{rows:M}=S.getRowModel(),$=m.useRef(null),P=fo.useVirtual({parentRef:$,size:M.length,estimateSize:m.useCallback(()=>28,[]),overscan:20}),{virtualItems:q,totalSize:L}=P,z=q.length>0&&((ie=q==null?void 0:q[0])==null?void 0:ie.start)||0,A=q.length>0?L-(((oe=q==null?void 0:q[q.length-1])==null?void 0:oe.end)||0):0,G=M.length,U=G>0,Q=U?i-22:i,ne=U?22:0;return!Array.isArray(r)||r.length===0?n(a.Text,{color:"gray",align:"center",children:"Empty Data"}):c("div",{ref:$,style:{height:i,width:s},"data-enable-scrollbar":!0,className:f(p.root,{"table-highlight-on-hover":o.highlightOnHover}),children:[G>0&&n(a.Box,{className:p.info_bar,sx:{height:22},children:c(a.Text,{align:"right",pr:6,size:14,color:"dimmed",fw:"normal",children:["Total: ",G]})}),c(a.Table,{sx:{...hg,maxHeight:Q},...d,striped:o.striped,children:[n("thead",{className:p.thead,style:{top:ne},children:S.getHeaderGroups().map(re=>n("tr",{children:re.headers.map(he=>n("th",{style:{width:he.getSize()},children:n(ag,{header:he,cx:f})},he.id))},re.id))}),c("tbody",{children:[z>0&&n("tr",{children:n("td",{style:{height:`${z}px`}})}),q.map(re=>{const he=M[re.index];return n("tr",{children:he.getVisibleCells().map(ge=>n("td",{children:Pe.flexRender(ge.column.columnDef.cell,ge.getContext())},ge.id))},he.id)}),A>0&&n("tr",{children:n("td",{style:{height:`${A}px`}})})]})]})]})}const Pa=a.createStyles(()=>({palette:{display:"flex",flexFlow:"row nowrap"},paletteItem:{".palette-value":{height:24,overflow:"visible",width:36},".palette-item":{width:"36px",height:36*.618,cursor:"pointer",transition:"transform 100ms ease-in-out","&:hover":{boxShadow:"0 0 0 2px var(--shadow-color)",borderRadius:2,transform:"scale(1.2)"}}}})),Dg=[{from:0,to:0},{from:100,to:100}];class Ig{constructor(){O(this,"steps",new Map);O(this,"interpolation");O(this,"onChange");se.makeAutoObservable(this,{steps:se.observable},{deep:!1}),se.reaction(()=>se.toJS(this.steps),()=>{this.notifyStepChange()})}setSteps(t){for(const r of t)this.steps.set(r.to,r.from)}notifyStepChange(){var t;(t=this.onChange)==null||t.call(this,Array.from(this.steps.entries()).map(([r,i])=>({to:r,from:i})).sort((r,i)=>r.to-i.to||r.from-i.from))}fromProps(t){t.steps.length<2?this.setSteps(Dg):this.setSteps(t.steps),this.interpolation=t.interpolation,this.onChange=t.onChange}changeStep(t,r){t==null?this.steps.delete(r):this.steps.set(r,t)}getStepFromValue(t){return this.steps.get(t)}}function Mg(e){const{onChange:t,color:r,index:i,value:s}=e,{classes:o}=Pa(),[u,l]=m.useState(s),[d,{setTrue:p,setFalse:f}]=Z.useBoolean(!1),g=i%2===1,h=g&&s!=null,b=!g&&s!=null,w=`map ${s} to color ${i}`,C=()=>{l(s),f()},S=()=>{f(),t==null||t(u)},M=te(s).format({average:!0});return c("div",{"data-testid":`palette-item-${i}`,className:o.paletteItem,children:[n(a.Text,{title:w,style:{opacity:h?1:0},color:"dimmed",size:"sm",className:"palette-value--up palette-value",children:M}),c(a.Popover,{width:200,trapFocus:!0,opened:d,onClose:f,children:[n(a.Popover.Target,{children:n("div",{"data-testid":"palette-item-target",className:"palette-item",onClick:p,style:{"--shadow-color":je(r).alpha(.5).hex(),backgroundColor:r}})}),n(a.Popover.Dropdown,{children:c(a.Stack,{children:[n(a.NumberInput,{size:"xs",label:"Map a value to this color",value:u,onChange:l}),c(a.Group,{position:"right",children:[n(a.Button,{variant:"subtle",size:"xs",onClick:C,children:"Cancel"}),n(a.Button,{"data-testid":"palette-item-ok",size:"xs",onClick:S,children:"OK"})]})]})})]}),n(a.Text,{title:w,style:{opacity:b?1:0},color:"dimmed",size:"sm",className:"palette-value--bottom palette-value",children:M})]})}const Ag=T.observer(({model:e})=>{const{classes:t}=Pa(),r=v.range(0,13,1).map(i=>100/12*i).map(i=>[e.interpolation.getColor(i),i]);return n("div",{className:t.palette,children:r.map(([i,s],o)=>n(Mg,{index:o,color:i,value:e.getStepFromValue(s),onChange:u=>e.changeStep(u,s)},i))})}),$g=T.observer(function(t){const r=Z.useCreation(()=>new Ig,[]);return m.useEffect(()=>{r.fromProps(t)}),r.interpolation==null?null:n(Ag,{model:r})}),zg=e=>{const{value:t,onChange:r,colorManager:i}=e,s=i.getColorInterpolations(),[o,u]=m.useState(t),l=i.decodeInterpolation(o.interpolation)||s[0],[d,{setTrue:p,setFalse:f}]=Z.useBoolean(),g=s.map(S=>({label:S.displayName,value:i.encodeColor(S),group:S.category}));function h(S){S&&u(M=>({...M,interpolation:S}))}const b=()=>{f(),r==null||r(se.toJS(o))};function w(S){u(M=>({...M,steps:S}))}const C=()=>{f(),u(t)};return c(B,{children:[n(a.Button,{variant:"outline",onClick:p,children:l==null?void 0:l.displayName}),n(a.Modal,{size:508,title:"Setup color interpolation",opened:d,onClose:f,zIndex:320,children:d&&c(a.Stack,{"data-testid":"color-interpolation-modal",children:[n(a.Select,{label:"Color style",value:o.interpolation,data:g,onChange:h}),n($g,{steps:o.steps,interpolation:l,onChange:w}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:C,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:b,children:"OK"})]})]})})]})},Eg=["static","interpolation","none"].map(e=>({label:v.capitalize(e),value:e})),Lg=[{from:0,to:0},{from:100,to:100}];function Oa(e){return e?v.isString(e)?e==="none"?"none":"static":"interpolation":"none"}function Pg(e,t){var r;return Oa(t)==="static"?t:(r=e.getStaticColors()[0])==null?void 0:r.value}function Og(e,t){return v.isObject(t)?t:{steps:Lg,interpolation:e.encodeColor(e.getColorInterpolations()[0])}}const Vg=m.forwardRef((e,t)=>{const{colorManager:r}=m.useContext(qe),[i,s]=m.useState(Oa(e.value)),[o,u]=m.useState(Pg(r,e.value)),l=Z.useLatest(o),[d,p]=m.useState(Og(r,e.value)),f=Z.useLatest(d),g=w=>{var C,S,M;s(w||"none"),w==="static"?(C=e.onChange)==null||C.call(e,l.current):w==="none"||!w?(S=e.onChange)==null||S.call(e,"none"):(M=e.onChange)==null||M.call(e,f.current)},h=w=>{var C;u(w),(C=e.onChange)==null||C.call(e,w)},b=w=>{var C;p(w),(C=e.onChange)==null||C.call(e,w)};return c(a.Stack,{align:"stretch",children:[n(a.Select,{label:"Cell background",value:i||"none",onChange:g,data:Eg}),i==="static"&&n(De,{value:o,onChange:h}),i==="interpolation"&&n(zg,{colorManager:r,value:d,onChange:b})]})}),Bg={[Be.eloc]:"ELOC"},Ng=Object.values(Be).map(e=>({label:v.get(Bg,e,v.capitalize(e)),value:e})),Gg=m.forwardRef(({label:e,value:t,onChange:r,sx:i},s)=>n(a.Select,{ref:s,label:e,data:Ng,value:t,onChange:r,sx:i})),qg=m.forwardRef(({value:e,onChange:t},r)=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e),d=()=>{o(),t(u)},p=()=>{o(),l(e)},f=()=>{l($a)};return m.useEffect(()=>{l(e)},[e]),c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Custom Cell Content"}),n(a.Modal,{size:800,title:"Custom cell content",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Box,{sx:{position:"relative"},children:n(_e,{height:"500px",defaultLanguage:"javascript",value:u,onChange:g=>l(g??""),theme:"vs-dark",options:{minimap:{enabled:!1}}})}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:f,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})}),Fg=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],Zn=()=>n(a.Text,{color:"dimmed",size:12,children:"px"}),Wg=({control:e,index:t,watch:r,remove:i,column:s,data:o})=>{const u=r(`columns.${t}.value_type`);return c(a.Stack,{my:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,children:[n(x.Controller,{name:`columns.${t}.label`,control:e,render:({field:l})=>n(a.TextInput,{label:"Label",required:!0,id:`col-label-${t}`,sx:{flex:1},...l})}),n(x.Controller,{name:`columns.${t}.value_field`,control:e,render:({field:l})=>n(W,{label:"Value Field",required:!0,data:o,...l})})]}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`columns.${t}.value_type`,control:e,render:({field:l})=>n(Gg,{label:"Value Type",sx:{flex:1},...l})}),u===Be.custom&&n(x.Controller,{name:`columns.${t}.func_content`,control:e,render:({field:l})=>n(qg,{value:l.value??$a,onChange:d=>l.onChange(d??"")})})]}),n(a.Divider,{mb:-10,variant:"dashed",label:"Style",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(a.NumberInput,{hideControls:!0,label:"Min Width",rightSection:n(Zn,{}),disabled:!0}),n(x.Controller,{name:`columns.${t}.width`,control:e,render:({field:l})=>n(a.NumberInput,{hideControls:!0,label:"Width",rightSection:n(Zn,{}),...l})}),n(a.NumberInput,{hideControls:!0,label:"Max Width",rightSection:n(Zn,{}),disabled:!0})]}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`columns.${t}.align`,control:e,render:({field:l})=>n(a.Select,{label:"Alignment",data:Fg,...l})})}),n(x.Controller,{name:`columns.${t}.cellBackgroundColor`,control:e,render:({field:l})=>n(Vg,{...l})}),n(a.Divider,{mb:4,mt:12,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(t),children:"Delete this column"})]})},jg=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o,update:u}=x.useFieldArray({control:e,name:"columns"}),l=()=>{const p=ve.randomId();s({id:p,label:p,value_field:"value",value_type:Be.string})};t("columns");const d=t("use_raw_columns");return c(B,{children:[n(x.Controller,{name:"use_raw_columns",control:e,render:({field:p})=>n(a.Switch,{mt:20,label:"Use Original Data Columns",checked:p.value,onChange:f=>p.onChange(f.currentTarget.checked)})}),n(a.Divider,{mt:20,mb:10,variant:"dashed"}),!d&&c(a.Stack,{children:[n(a.Text,{my:0,children:"Custom Columns"}),c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[i.map((p,f)=>n(a.Tabs.Tab,{value:f.toString(),children:f+1},p.id)),n(a.Tabs.Tab,{onClick:l,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),i.map((p,f)=>n(a.Tabs.Panel,{value:f.toString(),children:n(Wg,{control:e,watch:t,index:f,column:p,data:r,remove:o},f)},p.id))]})]})]})};function Yg({control:e,watch:t,data:r}){return t(["horizontalSpacing","verticalSpacing","fontSize","striped","highlightOnHover"]),c(a.Stack,{spacing:"xs",children:[c(a.Group,{position:"apart",mb:"lg",grow:!0,sx:{"> *":{flexGrow:1}},children:[n(x.Controller,{name:"horizontalSpacing",control:e,render:({field:i})=>n(a.TextInput,{label:"Horizontal Spacing",placeholder:"10px, 1em, 1rem, 100%...",required:!0,sx:{flex:1},...i})}),n(x.Controller,{name:"verticalSpacing",control:e,render:({field:i})=>n(a.TextInput,{label:"Vertical Spacing",placeholder:"10px, 1em, 1rem, 100%...",required:!0,sx:{flex:1},...i})})]}),n(a.Group,{position:"apart",mb:"lg",grow:!0,sx:{"> *":{flexGrow:1}},children:n(x.Controller,{name:"fontSize",control:e,render:({field:i})=>n(a.TextInput,{label:"Font Size",placeholder:"10px, 1em, 1rem, 100%...",required:!0,sx:{flex:1},...i})})}),c(a.Group,{position:"apart",grow:!0,children:[n(x.Controller,{name:"striped",control:e,render:({field:i})=>n(a.Switch,{label:"Striped",checked:i.value,onChange:s=>i.onChange(s.currentTarget.checked)})}),n(x.Controller,{name:"highlightOnHover",control:e,render:({field:i})=>n(a.Switch,{label:"Highlight on hover",checked:i.value,onChange:s=>i.onChange(s.currentTarget.checked)})})]})]})}function Rg({columns:e,...t}){return{...t,columns:e.map(({id:r,...i})=>({id:r??ve.randomId(),...i}))}}function Qg({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Un),[t]),o=m.useMemo(()=>Rg(s),[s]);m.useEffect(()=>{!v.isEqual(s,o)&&(console.log("config malformed, resetting to defaults",s,o),r(o))},[s,o]);const{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,s),[g,s]);return d(["id_field"]),c("form",{onSubmit:l(r),children:[c(a.Group,{position:"apart",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Table Config"}),n(a.ActionIcon,{type:"submit","aria-label":"save config",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"Columns",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"Data",children:"Data"}),n(a.Tabs.Tab,{value:"Style",children:"Style"}),n(a.Tabs.Tab,{value:"Columns",children:"Columns"})]}),n(a.Tabs.Panel,{value:"Data",children:n(x.Controller,{name:"id_field",control:u,render:({field:b})=>n(W,{label:"ID Field",required:!0,data:i,...b})})}),n(a.Tabs.Panel,{value:"Style",children:n(Yg,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Columns",children:n(jg,{control:u,watch:d,data:i})})]})]})}function Ug(e){const{columns:t,...r}=e;return{...e,columns:t.map(i=>({...i,align:i.align??"left"}))}}class Xg extends fe{constructor(){super(...arguments);O(this,"VERSION",3)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>{const{columns:i,...s}=r.config;return{...r,version:2,config:{...s,columns:i.map(({id:o,...u})=>({id:o??ve.randomId(),...u}))}}}),this.version(3,r=>({...r,version:3,config:Ug(r.config)}))}}const Kn={createConfig(){return{version:3,config:v.cloneDeep(Un)}},displayName:"Table",displayGroup:"Others",migrator:new Xg,name:"table",viewRender:kg,configRender:Qg,triggers:[Xn]},Va=["function text({ data, variables, filters, context}) {","    // your code goes here",'    return "text"',"}"].join(`
-`),Jn={func_content:Va,horizontal_align:"left",font_size:"14px",font_weight:"normal"},Zg=T.observer(({context:e})=>{const t=Y(),{value:r=Jn}=F(e.instanceData,"config"),{variables:i}=e,s=e.data,{func_content:o,horizontal_align:u,font_size:l,font_weight:d}=r,p=m.useMemo(()=>i.reduce((g,h)=>{const b=dt(h,s);return g[h.name]=et(h,b),g},{}),[i,s]),f=m.useMemo(()=>new Function(`return ${o}`)()({data:s,variables:p,filters:t.payloadForSQL.filterValues,context:t.payloadForSQL.context}),[o,s,p,t.payloadForSQL]);return n(a.Text,{align:u,weight:d,sx:{fontSize:l},children:f})}),Kg=({value:e,onChange:t})=>{const r=i=>{i&&t(i)};return n(a.Box,{sx:{position:"relative"},children:n(_e,{height:"500px",defaultLanguage:"javascript",value:e,onChange:r,theme:"vs-dark",options:{minimap:{enabled:!1}}})})},Jg=m.forwardRef(({value:e,onChange:t},r)=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e),d=()=>{o(),t(u)},p=()=>{o(),l(e)},f=()=>{l(Va)};return m.useEffect(()=>{l(e)},[e]),c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Edit Content"}),n(a.Modal,{size:800,title:"Text content",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(Kg,{value:u,onChange:l}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:f,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})}),Hg=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}];function em({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=m.useMemo(()=>v.defaultsDeep({},t,Jn),[t]),s=m.useMemo(()=>{const{func_content:h,horizontal_align:b,font_size:w,font_weight:C}=i;return{func_content:h,horizontal_align:b,font_size:w,font_weight:C}},[i]);m.useEffect(()=>{!v.isEqual(i,s)&&(console.log("config malformed, resetting to defaults",i,s),r(s))},[i,s]);const{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l(["func_content","horizontal_align","font_size","font_weight"]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,i),[f,i]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{weight:500,children:"Configurations"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Stack,{spacing:10,children:[n(x.Controller,{name:"func_content",control:o,render:({field:h})=>n(Jg,{...h})}),n(a.Divider,{mt:10,mb:-10,variant:"dashed",label:"Style",labelPosition:"center"}),n(x.Controller,{name:"horizontal_align",control:o,render:({field:h})=>n(a.Select,{label:"Horizontal Alignment",data:Hg,...h})}),n(x.Controller,{name:"font_size",control:o,render:({field:h})=>n(a.TextInput,{label:"Font Size",placeholder:"10px, 1em, 1rem, 100%...",sx:{flex:1},...h})}),n(a.Group,{position:"apart",grow:!0,sx:{"> *":{flexGrow:1,maxWidth:"100%"}},children:n(x.Controller,{name:"font_weight",control:o,render:({field:h})=>n(ia,{label:"Font Weight",...h})})})]})]})})}class tm extends fe{constructor(){super(...arguments);O(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const nm={displayName:"Text",displayGroup:"Others",migrator:new tm,name:"text",viewRender:Zg,configRender:em,createConfig(){return{version:1,config:v.cloneDeep(Jn)}}},rm=()=>c("svg",{width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",children:[n("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22.49 27.79H14.47C13.55 27.79 12.81 28.53 12.81 29.45C12.81 30.37 13.55 31.11 14.47 31.11H22.49C23.41 31.11 24.15 30.37 24.15 29.45C24.15 28.54 23.41 27.79 22.49 27.79ZM34.32 31.28C35.22 31.32 35.7 31.82 35.74 32.76C35.78 33.54 35.37 34.3 34.51 35.04C33.52 35.9 33.03 36.95 33.03 38.19V38.81H34.82V38.25C34.78 37.59 35.07 37.02 35.68 36.52C37.12 35.41 37.82 34.15 37.78 32.75C37.66 30.53 36.5 29.35 34.32 29.23C32.3 29.23 31.05 30.46 30.55 32.93L32.53 33.55C32.82 32.04 33.42 31.28 34.32 31.28ZM35 39.93H32.84V42.21H35V39.93ZM14.83 36.42H18.54C19.46 36.42 20.2 37.17 20.2 38.08C20.2 39 19.46 39.74 18.54 39.74H10.52C9.6 39.74 8.86 39 8.86 38.08C8.86 37.61 9.06 37.19 9.37 36.89H5.66C4.74 36.89 4 36.15 4 35.23C4 34.31 4.74 33.57 5.66 33.57H13.68C14.6 33.57 15.34 34.31 15.34 35.23C15.34 35.7 15.14 36.12 14.83 36.42ZM50.94 36.85H58.74C59.66 36.85 60.4 37.59 60.41 38.51C60.41 39.43 59.67 40.17 58.75 40.17H54.26C54.56 40.47 54.74 40.88 54.74 41.34C54.74 42.26 54 43 53.08 43H50.94V36.85Z",fill:"#B8C0CC"}),n("path",{d:"M18.39 32.28H16.51V35.02H18.39V32.28Z",fill:"#9399A5"}),n("path",{d:"M46.87 15H20.69C18.38 15 16.5 16.88 16.5 19.19V26.22H18.38V23.45H49.18V47.68H18.38V41.07H16.5V49.55H51.05V19.19C51.06 16.88 49.18 15 46.87 15ZM39.46 20.73C38.81 20.73 38.29 20.2 38.29 19.56C38.29 18.92 38.82 18.39 39.46 18.39C40.11 18.39 40.63 18.92 40.63 19.56C40.63 20.2 40.11 20.73 39.46 20.73ZM43.22 20.73C42.57 20.73 42.05 20.2 42.05 19.56C42.05 18.92 42.58 18.39 43.22 18.39C43.87 18.39 44.39 18.92 44.39 19.56C44.39 20.2 43.87 20.73 43.22 20.73ZM46.97 20.73C46.32 20.73 45.8 20.2 45.8 19.56C45.8 18.92 46.33 18.39 46.97 18.39C47.62 18.39 48.14 18.92 48.14 19.56C48.14 20.2 47.62 20.73 46.97 20.73Z",fill:"#9399A5"})]});function Ba(e,t){const r=v.get(e,t,"");if(r)throw new Error(r)}async function im(e,t,r,i={}){const s={"X-Requested-With":"XMLHttpRequest","Content-Type":i.string?"application/x-www-form-urlencoded":"application/json",...i.headers},o={baseURL:e,method:"POST",url:t,params:i.params,headers:s};return o.data=i.string?JSON.stringify(r):r,Xe(o).then(u=>u.data).catch(u=>Promise.reject(u))}const am=({conf:e,data:t})=>async()=>{const{expertSystemURL:r,path:i,goal:s,question:o}=e;if(!i||!s||!o)return;const u={dashboard:s,panel:o,data:t};try{const l=r.startsWith("http")?r:window.location.origin;return await im(l,`/expert/v3/devtable/${i}`,u,{})}catch(l){throw Ba(l,"response.data.detail"),Ba(l,"response.data.error"),console.error(l),l}},Hn={expertSystemURL:"",path:"",goal:"",question:""},er={height:"100%",overflowY:"auto",..._n},Na=({message:e})=>n(a.Box,{sx:er,children:n("div",{dangerouslySetInnerHTML:{__html:e},style:{fontSize:"14px",lineHeight:"32px",color:"#3D3E45"}})}),sm=({error:e,width:t,height:r})=>{const i=e.message;if(i.startsWith("<"))return n(Na,{message:i});const o=r-25-20-30;return n(a.Center,{sx:{width:"100%",height:o},children:c(a.Stack,{align:"center",spacing:20,children:[n(rm,{}),n(Na,{message:i})]})})};function om({context:e}){const{value:t}=F(e.instanceData,"config"),r=m.useMemo(()=>v.defaultsDeep({},t,Hn),[t]),{width:i,height:s}=e.viewport,o=e.data??[],{data:u,error:l,loading:d}=Z.useRequest(am({conf:r,data:o}),{refreshDeps:[o,r]});return!i||!s||!r?null:d?n(a.Box,{sx:{position:"relative",height:s},children:n(a.LoadingOverlay,{visible:!0})}):l?n(a.Box,{sx:er,"data-enable-scrollbar":!0,children:n(sm,{error:l,width:i,height:s})}):!u||!Array.isArray(u.replies)||u.replies.length===0?null:n(a.Box,{sx:er,"data-enable-scrollbar":!0,children:u.replies.map((p,f)=>n("div",{dangerouslySetInnerHTML:{__html:p.interpretation.html}},f))})}function lm({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=m.useMemo(()=>v.defaultsDeep({},t,Hn),[t]),{control:s,handleSubmit:o,watch:u,getValues:l,reset:d}=x.useForm({defaultValues:i});m.useEffect(()=>{d(i)},[i]),u(["expertSystemURL","goal","path","question"]);const p=l(),f=m.useMemo(()=>!v.isEqual(p,i),[p,i]);return n("form",{onSubmit:o(r),children:c(a.Stack,{children:[c(a.Group,{grow:!0,children:[n(x.Controller,{name:"expertSystemURL",control:s,render:({field:g})=>n(a.TextInput,{label:"Expert System URL",...g})}),n(x.Controller,{name:"path",control:s,render:({field:g})=>n(a.TextInput,{label:"Path",required:!0,...g})})]}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:"goal",control:s,render:({field:g})=>n(a.TextInput,{label:"Goal",required:!0,...g})}),n(x.Controller,{name:"question",control:s,render:({field:g})=>n(a.TextInput,{label:"Question",required:!0,...g})})]}),n(a.Divider,{variant:"dashed",mt:16,mb:8}),n(a.Button,{type:"submit",variant:"filled",color:"blue",leftIcon:n(k.DeviceFloppy,{size:20}),disabled:!f,sx:{alignSelf:"flex-end"},children:"Submit Changes"})]})})}class um extends fe{constructor(){super(...arguments);O(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const dm={displayName:"Merico GQM",displayGroup:"Merico suite",migrator:new um,name:"mericoGQM",viewRender:om,configRender:lm,createConfig(){return{version:1,config:v.cloneDeep(Hn)}}};function cm(e,t,r){if(!e)return r[0];try{return[t,j(t).add(1,"year").subtract(1,"day").valueOf()]}catch(i){return console.error(i),r[0]}}function pm(e,t,r){const i=cm(e,t,r);return{top:50,left:25,right:5,cellSize:["auto",13],range:i,itemStyle:{borderColor:"#eee"},splitLine:{show:!0},dayLabel:{firstDay:1},monthLabel:{position:"end"},yearLabel:{show:!0}}}function hm(e){return{heat_block:function(i){if(!e.heat_block.value_formatter)return i;try{return te(i).format(e.heat_block.value_formatter)}catch(s){return console.error(s),i}}}}function fm(e,t){return{show:!e,selectedMode:"single",top:5,right:5,data:t.map(r=>({name:r,icon:"circle"}))}}function gm(e,t,r,i){const{calendar:s,heat_block:o}=e;return t?{type:"heatmap",name:"heatmap",coordinateSystem:"calendar",calendarIndex:0,data:i.map(u=>[v.get(u,s.data_key),v.get(u,o.data_key)])}:Object.entries(r).map(([u,l])=>({type:"heatmap",name:u,coordinateSystem:"calendar",calendarIndex:0,data:l.map(d=>[v.get(d,s.data_key),v.get(d,o.data_key)])}))}const mm=e=>{try{return te(e).format({trimMantissa:!0,mantissa:2})}catch{return e}};function bm({conf:e,valueFormatters:t,dataDict:r,params:i}){const{value:s}=i,[o,u]=s,d=[{label:e.heat_block.name,value:t.heat_block(u),style:{label:"",value:""}}],p=r[o];return p&&e.tooltip.metrics.forEach(f=>{d.push({label:f.name,value:mm(v.get(p,f.data_key,"")),style:{label:"",value:""}})}),d}function ym(e,t,r){const i=v.keyBy(t,e.calendar.data_key);return{confine:!0,formatter:function(s){const u=bm({conf:e,valueFormatters:r,dataDict:i,params:s}).map(p=>`
+      `}}function Rf(){return{show:!0,trigger:"item",confine:!0,formatter:jf()}}const Yf={tooltip:{show:!0},series:{type:"sunburst",radius:[0,"90%"],emphasis:{focus:"ancestor"}}};function Qf(e,t,r){r.reduce((o,u)=>{const l=dt(u,t);return o[u.name]=et(u,l),o},{});const s={series:{data:qf(e,t),levels:Wf(e)},tooltip:Rf()};return v.defaultsDeep({},s,Yf)}le.use([de.SunburstChart,Me.CanvasRenderer]);function Uf({context:e}){const{variables:t}=e,{value:r}=F(e.instanceData,"config"),i=m.useMemo(()=>v.defaults({},r,Qn),[r]),s=e.data,{width:o,height:u}=e.viewport,l=m.useMemo(()=>Qf(i,s,t),[i,s,t]);return!o||!u?null:n(Ae,{echarts:le,option:l,style:{width:o,height:u},notMerge:!0,theme:"merico-light"})}function Xf({data:e,control:t,watch:r}){return r(["label_key","value_key","group_key"]),c(a.Stack,{children:[n(x.Controller,{name:"label_key",control:t,render:({field:i})=>n(W,{label:"Label Key",required:!0,data:e,...i})}),n(x.Controller,{name:"value_key",control:t,render:({field:i})=>n(W,{label:"Value Key",required:!0,data:e,...i})}),n(x.Controller,{name:"group_key",control:t,render:({field:i})=>n(W,{label:"Group Key",data:e,clearable:!0,...i})})]})}const Zf=[{label:"Radial",value:"radial"},{label:"Tangential",value:"tangential"},{label:"None",value:"0"}],Kf=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],Jf=({control:e,data:t,index:r,remove:i})=>c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`levels.${r}.r0`,control:e,render:({field:s})=>n(a.TextInput,{label:"Inside Radius",placeholder:"0%",...s})}),n(x.Controller,{name:`levels.${r}.r`,control:e,render:({field:s})=>n(a.TextInput,{label:"Outside Radius",placeholder:"50%",...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Label Style",labelPosition:"center"}),n(x.Controller,{name:`levels.${r}.label.show_label_tolerance`,control:e,render:({field:s})=>n(a.NumberInput,{label:"Hide label when its percentage is less than...",precision:4,step:5e-4,min:0,max:1,...s})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`levels.${r}.label.rotate`,control:e,render:({field:s})=>n(a.Select,{label:"Rotate",data:Zf,...s})}),n(x.Controller,{name:`levels.${r}.label.align`,control:e,render:({field:s})=>n(a.Select,{label:"Align",data:Kf,...s})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`levels.${r}.label.position`,control:e,render:({field:s})=>n(Bn,{label:"Position",...s})}),n(x.Controller,{name:`levels.${r}.label.padding`,control:e,render:({field:s})=>n(a.NumberInput,{label:"Padding",min:0,hideControls:!0,...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Level"})]}),Hf=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"levels"}),u=t("levels"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>s({id:Date.now().toString(),r0:"",r:"",label:{show_label_tolerance:.001,rotate:"0",align:"center",position:"inside",padding:0}}),p=t("levels.0.id"),[f,g]=m.useState(()=>p??null);return m.useEffect(()=>{p&&g(h=>h!==null?h:p)},[p]),c(B,{children:[c(a.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[n(k.InfoCircle,{size:14,color:"#888"}),n(a.Text,{size:14,color:"#888",children:"Configure ring style on each level"})]}),n(a.Divider,{variant:"dashed",my:10}),c(a.Tabs,{value:f,onTabChange:h=>g(h),styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:h.id,children:b},h.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:h.id,children:n(Jf,{control:e,index:b,remove:o,data:r},h.id)},h.id))]})]})};function eg({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Qn),[t]),o=m.useMemo(()=>v.clone(s),[s]),{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,s),[g,s]);d(["label_key","value_key","group_key","levels"]);const[b,w]=m.useState("Data");return n("form",{onSubmit:l(r),children:c(a.Stack,{spacing:"xs",children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Sunburst Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{value:b,onTabChange:w,orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"Data",children:"Data"}),n(a.Tabs.Tab,{value:"Levels",children:"Levels"})]}),n(a.Tabs.Panel,{value:"Data",children:n(Xf,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Levels",children:n(Hf,{control:u,watch:d,data:i})})]})]})})}function tg(e){const{label_field:t,value_field:r,...i}=e;return{...i,label_key:t,value_key:r}}function ng(e){const{group_key:t="",...r}=e;return{...r,group_key:t}}function rg(e){const{levels:t=[],...r}=e;return{...r,levels:t}}class ig extends fe{constructor(){super(...arguments);P(this,"VERSION",4)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>({...r,version:2,config:tg(r.config)})),this.version(3,r=>({...r,version:3,config:ng(r.config)})),this.version(4,r=>({...r,version:4,config:rg(r.config)}))}}const ag={displayName:"Sunburst Chart",displayGroup:"ECharts-based charts",migrator:new ig,name:"sunburst",viewRender:Uf,configRender:eg,createConfig(){return{version:4,config:v.cloneDeep(Qn)}}};var Be=(e=>(e.string="string",e.number="number",e.eloc="eloc",e.percentage="percentage",e.custom="custom",e))(Be||{});const za=["function text({ value }) {","    // your code goes here","    return value","}"].join(`
+`),Un={columns:[],fontSize:"1rem",highlightOnHover:!1,horizontalSpacing:"1em",id_field:"",striped:!1,use_raw_columns:!0,verticalSpacing:"1em"},Ea={left:"flex-start",center:"center",right:"flex-end"},sg=({header:e,cx:t})=>{const r=v.get(e.column.columnDef.meta,"align","left");return c(a.Text,{className:t("table-head-cell",{"table-head-cell--sortable":e.column.getCanSort()}),onClick:e.column.getToggleSortingHandler(),align:r,sx:{justifyContent:Ea[r]},children:[e.isPlaceholder?null:Pe.flexRender(e.column.columnDef.header,e.getContext()),n(og,{direction:e.column.getIsSorted()})]})},og=({direction:e})=>{switch(e){case"asc":return n(O.IconArrowUp,{size:16});case"desc":return n(O.IconArrowDown,{size:"1em"});default:return null}},Xn={id:"builtin:table:click-cell-content",displayName:"Click Cell Content",nameRender:pg,configRender:dg,payload:[{name:"row_index",description:"Index of the row that the cell belongs to",valueType:"number"},{name:"col_index",description:"Index of the column that the cell belongs to",valueType:"number"},{name:"row_data",description:"Data of the row that the cell belongs to",valueType:"object"}]},lg={column:""};function La(e){const{value:t}=F(e.instanceData,"config");return t?t.columns.map((r,i)=>({label:r.label,value:i.toString()})):[]}function ug(e){return v.isEmpty(e)?[]:Object.keys(e[0]).map(t=>({label:t,value:t}))}function dg(e){const t=La(e.instance),r=ug(e.sampleData),i=t.length>0?t:r,{value:s,set:o}=F(e.trigger.triggerData,"config"),{column:u}=v.defaults({},s,lg),l=d=>{isNaN(+d)?o({column:d}):o({column:+d})};return n(a.Select,{clearable:!1,data:i,label:"Choose a column",value:u.toString(),onChange:l})}function cg(e,t){return e?v.isNumber(e.column)?`Click cell of ${t[e.column].label}`:`Click cell of ${e.column}`:"Click cell content (click to config)"}function pg(e){const t=La(e.instance),{value:r}=F(e.trigger.triggerData,"config");return n(a.Text,{children:cg(r,t)})}const hg=a.createStyles(e=>({root:{overflow:"auto",position:"relative","& .table-head-cell":{display:"flex",flexFlow:"row nowrap",alignItems:"center",whiteSpace:"nowrap","&.table-head-cell--sortable":{cursor:"pointer",userSelect:"none"}},"&.table-highlight-on-hover tr":{transition:"background-color 0.2s","&:hover":{backgroundColor:e.colorScheme==="dark"?e.colors.dark[5]:e.colors.gray[0]}}},thead:{background:e.colorScheme==="dark"?e.colors.dark[7]:e.white,position:"sticky",top:24,transform:"translateY(-1px)",zIndex:10,"&::after":{content:'" "',display:"block",background:"white",position:"absolute",left:0,right:0,top:0,bottom:0,zIndex:-1}},info_bar:{position:"sticky",top:0,left:0,right:0,zIndex:10,background:"white"}})),fg={tableLayout:"fixed","th, td":{padding:"2px 10px",div:{overflow:"hidden",textOverflow:"ellipsis"},"&:first-of-type":{paddingLeft:2,paddingRight:2}}};function Pa(e,t,r){return Math.min(Math.max(e,t),r)}class gg{constructor(t){this.steps=t;const r=[],i=new Set;for(const s of t)i.has(s.to)||(r.push(s),i.add(s.to));if(r.sort((s,o)=>s.from-o.from),r.length<2)throw new Error("MultiStepValueMapper requires at least 2 steps");this.steps=r}getLinearFunction(t,r){const i=(r.to-t.to)/(r.from-t.from),s=t.to-i*t.from;return o=>i*o+s}getStepFunctionForValue(t){let r=v.findLastIndex(this.steps,i=>i.from<=t);return r=Pa(r,0,this.steps.length-2),this.getLinearFunction(this.steps[r],this.steps[r+1])}mapValue(t){return Pa(this.getStepFunctionForValue(t)(t),0,100)}}class mg{constructor(t,r,i,s,o){this.getColIndex=t,this.cell=r,this.triggers=i,this.interactionManager=s,this.colorManager=o}getClickHandler(){const t=this.getRelatedTrigger();if(t.length!==0)return()=>{const r={row_data:this.cell.row.original,row_index:this.cell.row.index,col_index:this.getColIndex(this.cell)};for(const i of t)this.interactionManager.runInteraction(i.id,r)}}getRelatedTrigger(){return this.triggers.filter(r=>r.schemaRef===Xn.id).filter(r=>{const i=this.getColIndex(this.cell),s=v.get(this.cell.column.columnDef.meta,"value_field"),o=v.get(r.config,"column");return o==i||o==s})}isClickable(){return this.getRelatedTrigger().length>0}get columnConf(){return this.cell.column.columnDef.meta}get bgColor(){const t=this.columnConf.cellBackgroundColor;if(!t||t==="none")return;if(v.isString(t))return t;const r=+this.cell.getValue();if(isFinite(r)){const i=this.colorManager.decodeInterpolation(t.interpolation),o=new gg(t.steps).mapValue(r);return i==null?void 0:i.getColor(o)}}}const bg=a.createStyles((e,t)=>({content:{display:"flex",alignItems:"center",justifyContent:Ea[t.align],".table-cell-text":{whiteSpace:"nowrap",cursor:t.clickable?"pointer":"default",textDecoration:t.clickable?"underline":"none"}}}));function yg(e){return e?je(e).oklch()[0]>.7?"black":"white":"inherit"}function vg(e){const t=e.tableCellContext.bgColor;return{backgroundColor:t,color:yg(t)}}function pt(e){const t=e.tableCellContext.isClickable(),r=bg({clickable:t,align:e.align});return n("div",{className:r.classes.content,style:{...vg(e)},children:n(a.Text,{className:"table-cell-text",onClick:e.tableCellContext.getClickHandler(),children:n("span",{title:e.children,children:e.children})})})}function xg(e){return n(pt,{...e,children:e.value})}function Cg(e){const t=te(e.value).format({average:!0,mantissa:2,trimMantissa:!0});return n(pt,{...e,children:t})}function wg(e){const t=te(e.value).format({thousandSeparated:!0});return n(pt,{...e,children:t})}function _g(e){const t=te(e.value).format({output:"percent",mantissa:3});return n(pt,{...e,children:t})}function Sg(e){const t=e.value,r=e.func_content;if(!r)return n(pt,{...e,children:t});const i=new Function(`return ${r}`)()({value:t});return n(pt,{...e,children:i})}function Tg(e){switch(e.type){case Be.string:return n(xg,{...e});case Be.eloc:return n(Cg,{...e});case Be.number:return n(wg,{...e});case Be.percentage:return n(_g,{...e});case Be.custom:return n(Sg,{...e})}}const kg=e=>{const t=Fe(e),r=Ne(t.triggerManager,Xn.id),{colorManager:i}=m.useContext(qe);return m.useCallback(s=>new mg(e.getColIndex,s,r,t,i),[r,t,e.getColIndex])};function Dg({context:e,instance:t}){var ie,oe;const r=e.data??[],{height:i,width:s}=e.viewport,{value:o=Un}=F(e.instanceData,"config"),{use_raw_columns:u,columns:l,...d}=o,{classes:p,cx:f}=hg(),g=m.useMemo(()=>u?!Array.isArray(r)||r.length===0?[]:Object.keys(r[0]).map(re=>({id:re,label:re,value_field:re,value_type:Be.string,align:"left"})):l,[u,l,r]),h=kg({getColIndex:m.useCallback(re=>g.indexOf(re.column.columnDef.meta),[g]),vizManager:e.vizManager,instance:t}),b=m.useMemo(()=>{const re=Pe.createColumnHelper();return g.map(ge=>re.accessor(ge.value_field,{cell:Te=>n(Tg,{tableCellContext:h(Te.cell),value:Te.getValue(),type:ge.value_type,...ge}),header:ge.label,enableSorting:!0,meta:ge,size:ge.width,minSize:ge.width}))},[g,h]),[w,C]=m.useState([]),S=Pe.useReactTable({data:r,state:{sorting:w},onSortingChange:C,columns:b,getCoreRowModel:Pe.getCoreRowModel(),getSortedRowModel:Pe.getSortedRowModel()}),{rows:I}=S.getRowModel(),$=m.useRef(null),G=go.useVirtual({parentRef:$,size:I.length,estimateSize:m.useCallback(()=>28,[]),overscan:20}),{virtualItems:V,totalSize:L}=G,z=V.length>0&&((ie=V==null?void 0:V[0])==null?void 0:ie.start)||0,A=V.length>0?L-(((oe=V==null?void 0:V[V.length-1])==null?void 0:oe.end)||0):0,q=I.length,U=q>0,Q=U?i-22:i,ne=U?22:0;return!Array.isArray(r)||r.length===0?n(a.Text,{color:"gray",align:"center",children:"Empty Data"}):c("div",{ref:$,style:{height:i,width:s},"data-enable-scrollbar":!0,className:f(p.root,{"table-highlight-on-hover":o.highlightOnHover}),children:[q>0&&n(a.Box,{className:p.info_bar,sx:{height:22},children:c(a.Text,{align:"right",pr:6,size:14,color:"dimmed",fw:"normal",children:["Total: ",q]})}),c(a.Table,{sx:{...fg,maxHeight:Q},...d,striped:o.striped,children:[n("thead",{className:p.thead,style:{top:ne},children:S.getHeaderGroups().map(re=>n("tr",{children:re.headers.map(he=>n("th",{style:{width:he.getSize()},children:n(sg,{header:he,cx:f})},he.id))},re.id))}),c("tbody",{children:[z>0&&n("tr",{children:n("td",{style:{height:`${z}px`}})}),V.map(re=>{const he=I[re.index];return n("tr",{children:he.getVisibleCells().map(ge=>n("td",{children:Pe.flexRender(ge.column.columnDef.cell,ge.getContext())},ge.id))},he.id)}),A>0&&n("tr",{children:n("td",{style:{height:`${A}px`}})})]})]})]})}const Oa=a.createStyles(()=>({palette:{display:"flex",flexFlow:"row nowrap"},paletteItem:{".palette-value":{height:24,overflow:"visible",width:36},".palette-item":{width:"36px",height:36*.618,cursor:"pointer",transition:"transform 100ms ease-in-out","&:hover":{boxShadow:"0 0 0 2px var(--shadow-color)",borderRadius:2,transform:"scale(1.2)"}}}})),Ig=[{from:0,to:0},{from:100,to:100}];class Mg{constructor(){P(this,"steps",new Map);P(this,"interpolation");P(this,"onChange");se.makeAutoObservable(this,{steps:se.observable},{deep:!1}),se.reaction(()=>se.toJS(this.steps),()=>{this.notifyStepChange()})}setSteps(t){for(const r of t)this.steps.set(r.to,r.from)}notifyStepChange(){var t;(t=this.onChange)==null||t.call(this,Array.from(this.steps.entries()).map(([r,i])=>({to:r,from:i})).sort((r,i)=>r.to-i.to||r.from-i.from))}fromProps(t){t.steps.length<2?this.setSteps(Ig):this.setSteps(t.steps),this.interpolation=t.interpolation,this.onChange=t.onChange}changeStep(t,r){t==null?this.steps.delete(r):this.steps.set(r,t)}getStepFromValue(t){return this.steps.get(t)}}function Ag(e){const{onChange:t,color:r,index:i,value:s}=e,{classes:o}=Oa(),[u,l]=m.useState(s),[d,{setTrue:p,setFalse:f}]=Z.useBoolean(!1),g=i%2===1,h=g&&s!=null,b=!g&&s!=null,w=`map ${s} to color ${i}`,C=()=>{l(s),f()},S=()=>{f(),t==null||t(u)},I=te(s).format({average:!0});return c("div",{"data-testid":`palette-item-${i}`,className:o.paletteItem,children:[n(a.Text,{title:w,style:{opacity:h?1:0},color:"dimmed",size:"sm",className:"palette-value--up palette-value",children:I}),c(a.Popover,{width:200,trapFocus:!0,opened:d,onClose:f,children:[n(a.Popover.Target,{children:n("div",{"data-testid":"palette-item-target",className:"palette-item",onClick:p,style:{"--shadow-color":je(r).alpha(.5).hex(),backgroundColor:r}})}),n(a.Popover.Dropdown,{children:c(a.Stack,{children:[n(a.NumberInput,{size:"xs",label:"Map a value to this color",value:u,onChange:l}),c(a.Group,{position:"right",children:[n(a.Button,{variant:"subtle",size:"xs",onClick:C,children:"Cancel"}),n(a.Button,{"data-testid":"palette-item-ok",size:"xs",onClick:S,children:"OK"})]})]})})]}),n(a.Text,{title:w,style:{opacity:b?1:0},color:"dimmed",size:"sm",className:"palette-value--bottom palette-value",children:I})]})}const $g=T.observer(({model:e})=>{const{classes:t}=Oa(),r=v.range(0,13,1).map(i=>100/12*i).map(i=>[e.interpolation.getColor(i),i]);return n("div",{className:t.palette,children:r.map(([i,s],o)=>n(Ag,{index:o,color:i,value:e.getStepFromValue(s),onChange:u=>e.changeStep(u,s)},i))})}),zg=T.observer(function(t){const r=Z.useCreation(()=>new Mg,[]);return m.useEffect(()=>{r.fromProps(t)}),r.interpolation==null?null:n($g,{model:r})}),Eg=e=>{const{value:t,onChange:r,colorManager:i}=e,s=i.getColorInterpolations(),[o,u]=m.useState(t),l=i.decodeInterpolation(o.interpolation)||s[0],[d,{setTrue:p,setFalse:f}]=Z.useBoolean(),g=s.map(S=>({label:S.displayName,value:i.encodeColor(S),group:S.category}));function h(S){S&&u(I=>({...I,interpolation:S}))}const b=()=>{f(),r==null||r(se.toJS(o))};function w(S){u(I=>({...I,steps:S}))}const C=()=>{f(),u(t)};return c(B,{children:[n(a.Button,{variant:"outline",onClick:p,children:l==null?void 0:l.displayName}),n(a.Modal,{size:508,title:"Setup color interpolation",opened:d,onClose:f,zIndex:320,children:d&&c(a.Stack,{"data-testid":"color-interpolation-modal",children:[n(a.Select,{label:"Color style",value:o.interpolation,data:g,onChange:h}),n(zg,{steps:o.steps,interpolation:l,onChange:w}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:C,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:b,children:"OK"})]})]})})]})},Lg=["static","interpolation","none"].map(e=>({label:v.capitalize(e),value:e})),Pg=[{from:0,to:0},{from:100,to:100}];function Va(e){return e?v.isString(e)?e==="none"?"none":"static":"interpolation":"none"}function Og(e,t){var r;return Va(t)==="static"?t:(r=e.getStaticColors()[0])==null?void 0:r.value}function Vg(e,t){return v.isObject(t)?t:{steps:Pg,interpolation:e.encodeColor(e.getColorInterpolations()[0])}}const Bg=m.forwardRef((e,t)=>{const{colorManager:r}=m.useContext(qe),[i,s]=m.useState(Va(e.value)),[o,u]=m.useState(Og(r,e.value)),l=Z.useLatest(o),[d,p]=m.useState(Vg(r,e.value)),f=Z.useLatest(d),g=w=>{var C,S,I;s(w||"none"),w==="static"?(C=e.onChange)==null||C.call(e,l.current):w==="none"||!w?(S=e.onChange)==null||S.call(e,"none"):(I=e.onChange)==null||I.call(e,f.current)},h=w=>{var C;u(w),(C=e.onChange)==null||C.call(e,w)},b=w=>{var C;p(w),(C=e.onChange)==null||C.call(e,w)};return c(a.Stack,{align:"stretch",children:[n(a.Select,{label:"Cell background",value:i||"none",onChange:g,data:Lg}),i==="static"&&n(De,{value:o,onChange:h}),i==="interpolation"&&n(Eg,{colorManager:r,value:d,onChange:b})]})}),Ng={[Be.eloc]:"ELOC"},Gg=Object.values(Be).map(e=>({label:v.get(Ng,e,v.capitalize(e)),value:e})),qg=m.forwardRef(({label:e,value:t,onChange:r,sx:i},s)=>n(a.Select,{ref:s,label:e,data:Gg,value:t,onChange:r,sx:i})),Fg=m.forwardRef(({value:e,onChange:t},r)=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e),d=()=>{o(),t(u)},p=()=>{o(),l(e)},f=()=>{l(za)};return m.useEffect(()=>{l(e)},[e]),c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Custom Cell Content"}),n(a.Modal,{size:800,title:"Custom cell content",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(a.Box,{sx:{position:"relative"},children:n(_e,{height:"500px",defaultLanguage:"javascript",value:u,onChange:g=>l(g??""),theme:"vs-dark",options:{minimap:{enabled:!1}}})}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:f,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})}),Wg=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],Zn=()=>n(a.Text,{color:"dimmed",size:12,children:"px"}),jg=({control:e,index:t,watch:r,remove:i,column:s,data:o})=>{const u=r(`columns.${t}.value_type`);return c(a.Stack,{my:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,children:[n(x.Controller,{name:`columns.${t}.label`,control:e,render:({field:l})=>n(a.TextInput,{label:"Label",required:!0,id:`col-label-${t}`,sx:{flex:1},...l})}),n(x.Controller,{name:`columns.${t}.value_field`,control:e,render:({field:l})=>n(W,{label:"Value Field",required:!0,data:o,...l})})]}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`columns.${t}.value_type`,control:e,render:({field:l})=>n(qg,{label:"Value Type",sx:{flex:1},...l})}),u===Be.custom&&n(x.Controller,{name:`columns.${t}.func_content`,control:e,render:({field:l})=>n(Fg,{value:l.value??za,onChange:d=>l.onChange(d??"")})})]}),n(a.Divider,{mb:-10,variant:"dashed",label:"Style",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(a.NumberInput,{hideControls:!0,label:"Min Width",rightSection:n(Zn,{}),disabled:!0}),n(x.Controller,{name:`columns.${t}.width`,control:e,render:({field:l})=>n(a.NumberInput,{hideControls:!0,label:"Width",rightSection:n(Zn,{}),...l})}),n(a.NumberInput,{hideControls:!0,label:"Max Width",rightSection:n(Zn,{}),disabled:!0})]}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`columns.${t}.align`,control:e,render:({field:l})=>n(a.Select,{label:"Alignment",data:Wg,...l})})}),n(x.Controller,{name:`columns.${t}.cellBackgroundColor`,control:e,render:({field:l})=>n(Bg,{...l})}),n(a.Divider,{mb:4,mt:12,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(t),children:"Delete this column"})]})},Rg=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o,update:u}=x.useFieldArray({control:e,name:"columns"}),l=()=>{const p=ve.randomId();s({id:p,label:p,value_field:"value",value_type:Be.string})};t("columns");const d=t("use_raw_columns");return c(B,{children:[n(x.Controller,{name:"use_raw_columns",control:e,render:({field:p})=>n(a.Switch,{mt:20,label:"Use Original Data Columns",checked:p.value,onChange:f=>p.onChange(f.currentTarget.checked)})}),n(a.Divider,{mt:20,mb:10,variant:"dashed"}),!d&&c(a.Stack,{children:[n(a.Text,{my:0,children:"Custom Columns"}),c(a.Tabs,{defaultValue:"0",styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[i.map((p,f)=>n(a.Tabs.Tab,{value:f.toString(),children:f+1},p.id)),n(a.Tabs.Tab,{onClick:l,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),i.map((p,f)=>n(a.Tabs.Panel,{value:f.toString(),children:n(jg,{control:e,watch:t,index:f,column:p,data:r,remove:o},f)},p.id))]})]})]})};function Yg({control:e,watch:t,data:r}){return t(["horizontalSpacing","verticalSpacing","fontSize","striped","highlightOnHover"]),c(a.Stack,{spacing:"xs",children:[c(a.Group,{position:"apart",mb:"lg",grow:!0,sx:{"> *":{flexGrow:1}},children:[n(x.Controller,{name:"horizontalSpacing",control:e,render:({field:i})=>n(a.TextInput,{label:"Horizontal Spacing",placeholder:"10px, 1em, 1rem, 100%...",required:!0,sx:{flex:1},...i})}),n(x.Controller,{name:"verticalSpacing",control:e,render:({field:i})=>n(a.TextInput,{label:"Vertical Spacing",placeholder:"10px, 1em, 1rem, 100%...",required:!0,sx:{flex:1},...i})})]}),n(a.Group,{position:"apart",mb:"lg",grow:!0,sx:{"> *":{flexGrow:1}},children:n(x.Controller,{name:"fontSize",control:e,render:({field:i})=>n(a.TextInput,{label:"Font Size",placeholder:"10px, 1em, 1rem, 100%...",required:!0,sx:{flex:1},...i})})}),c(a.Group,{position:"apart",grow:!0,children:[n(x.Controller,{name:"striped",control:e,render:({field:i})=>n(a.Switch,{label:"Striped",checked:i.value,onChange:s=>i.onChange(s.currentTarget.checked)})}),n(x.Controller,{name:"highlightOnHover",control:e,render:({field:i})=>n(a.Switch,{label:"Highlight on hover",checked:i.value,onChange:s=>i.onChange(s.currentTarget.checked)})})]})]})}function Qg({columns:e,...t}){return{...t,columns:e.map(({id:r,...i})=>({id:r??ve.randomId(),...i}))}}function Ug({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,Un),[t]),o=m.useMemo(()=>Qg(s),[s]);m.useEffect(()=>{!v.isEqual(s,o)&&(console.log("config malformed, resetting to defaults",s,o),r(o))},[s,o]);const{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,s),[g,s]);return d(["id_field"]),c("form",{onSubmit:l(r),children:[c(a.Group,{position:"apart",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Table Config"}),n(a.ActionIcon,{type:"submit","aria-label":"save config",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"Columns",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"Data",children:"Data"}),n(a.Tabs.Tab,{value:"Style",children:"Style"}),n(a.Tabs.Tab,{value:"Columns",children:"Columns"})]}),n(a.Tabs.Panel,{value:"Data",children:n(x.Controller,{name:"id_field",control:u,render:({field:b})=>n(W,{label:"ID Field",required:!0,data:i,...b})})}),n(a.Tabs.Panel,{value:"Style",children:n(Yg,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Columns",children:n(Rg,{control:u,watch:d,data:i})})]})]})}function Xg(e){const{columns:t,...r}=e;return{...e,columns:t.map(i=>({...i,align:i.align??"left"}))}}class Zg extends fe{constructor(){super(...arguments);P(this,"VERSION",3)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,r=>{const{columns:i,...s}=r.config;return{...r,version:2,config:{...s,columns:i.map(({id:o,...u})=>({id:o??ve.randomId(),...u}))}}}),this.version(3,r=>({...r,version:3,config:Xg(r.config)}))}}const Kn={createConfig(){return{version:3,config:v.cloneDeep(Un)}},displayName:"Table",displayGroup:"Others",migrator:new Zg,name:"table",viewRender:Dg,configRender:Ug,triggers:[Xn]},Ba=["function text({ data, variables, filters, context}) {","    // your code goes here",'    return "text"',"}"].join(`
+`),Jn={func_content:Ba,horizontal_align:"left",font_size:"14px",font_weight:"normal"},Kg=T.observer(({context:e})=>{const t=R(),{value:r=Jn}=F(e.instanceData,"config"),{variables:i}=e,s=e.data,{func_content:o,horizontal_align:u,font_size:l,font_weight:d}=r,p=m.useMemo(()=>i.reduce((g,h)=>{const b=dt(h,s);return g[h.name]=et(h,b),g},{}),[i,s]),f=m.useMemo(()=>new Function(`return ${o}`)()({data:s,variables:p,filters:t.payloadForSQL.filterValues,context:t.payloadForSQL.context}),[o,s,p,t.payloadForSQL]);return n(a.Text,{align:u,weight:d,sx:{fontSize:l},children:f})}),Jg=({value:e,onChange:t})=>{const r=i=>{i&&t(i)};return n(a.Box,{sx:{position:"relative"},children:n(_e,{height:"500px",defaultLanguage:"javascript",value:e,onChange:r,theme:"vs-dark",options:{minimap:{enabled:!1}}})})},Hg=m.forwardRef(({value:e,onChange:t},r)=>{const[i,{setTrue:s,setFalse:o}]=Z.useBoolean(),[u,l]=m.useState(e),d=()=>{o(),t(u)},p=()=>{o(),l(e)},f=()=>{l(Ba)};return m.useEffect(()=>{l(e)},[e]),c(B,{children:[n(a.Button,{variant:"filled",mt:24,onClick:s,sx:{flexGrow:0},children:"Edit Content"}),n(a.Modal,{size:800,title:"Text content",opened:i,onClose:o,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:i&&c(a.Stack,{children:[n(Jg,{value:u,onChange:l}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:f,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})}),em=[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}];function tm({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=m.useMemo(()=>v.defaultsDeep({},t,Jn),[t]),s=m.useMemo(()=>{const{func_content:h,horizontal_align:b,font_size:w,font_weight:C}=i;return{func_content:h,horizontal_align:b,font_size:w,font_weight:C}},[i]);m.useEffect(()=>{!v.isEqual(i,s)&&(console.log("config malformed, resetting to defaults",i,s),r(s))},[i,s]);const{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l(["func_content","horizontal_align","font_size","font_weight"]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,i),[f,i]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{weight:500,children:"Configurations"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Stack,{spacing:10,children:[n(x.Controller,{name:"func_content",control:o,render:({field:h})=>n(Hg,{...h})}),n(a.Divider,{mt:10,mb:-10,variant:"dashed",label:"Style",labelPosition:"center"}),n(x.Controller,{name:"horizontal_align",control:o,render:({field:h})=>n(a.Select,{label:"Horizontal Alignment",data:em,...h})}),n(x.Controller,{name:"font_size",control:o,render:({field:h})=>n(a.TextInput,{label:"Font Size",placeholder:"10px, 1em, 1rem, 100%...",sx:{flex:1},...h})}),n(a.Group,{position:"apart",grow:!0,sx:{"> *":{flexGrow:1,maxWidth:"100%"}},children:n(x.Controller,{name:"font_weight",control:o,render:({field:h})=>n(aa,{label:"Font Weight",...h})})})]})]})})}class nm extends fe{constructor(){super(...arguments);P(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const rm={displayName:"Text",displayGroup:"Others",migrator:new nm,name:"text",viewRender:Kg,configRender:tm,createConfig(){return{version:1,config:v.cloneDeep(Jn)}}},im=()=>c("svg",{width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",children:[n("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22.49 27.79H14.47C13.55 27.79 12.81 28.53 12.81 29.45C12.81 30.37 13.55 31.11 14.47 31.11H22.49C23.41 31.11 24.15 30.37 24.15 29.45C24.15 28.54 23.41 27.79 22.49 27.79ZM34.32 31.28C35.22 31.32 35.7 31.82 35.74 32.76C35.78 33.54 35.37 34.3 34.51 35.04C33.52 35.9 33.03 36.95 33.03 38.19V38.81H34.82V38.25C34.78 37.59 35.07 37.02 35.68 36.52C37.12 35.41 37.82 34.15 37.78 32.75C37.66 30.53 36.5 29.35 34.32 29.23C32.3 29.23 31.05 30.46 30.55 32.93L32.53 33.55C32.82 32.04 33.42 31.28 34.32 31.28ZM35 39.93H32.84V42.21H35V39.93ZM14.83 36.42H18.54C19.46 36.42 20.2 37.17 20.2 38.08C20.2 39 19.46 39.74 18.54 39.74H10.52C9.6 39.74 8.86 39 8.86 38.08C8.86 37.61 9.06 37.19 9.37 36.89H5.66C4.74 36.89 4 36.15 4 35.23C4 34.31 4.74 33.57 5.66 33.57H13.68C14.6 33.57 15.34 34.31 15.34 35.23C15.34 35.7 15.14 36.12 14.83 36.42ZM50.94 36.85H58.74C59.66 36.85 60.4 37.59 60.41 38.51C60.41 39.43 59.67 40.17 58.75 40.17H54.26C54.56 40.47 54.74 40.88 54.74 41.34C54.74 42.26 54 43 53.08 43H50.94V36.85Z",fill:"#B8C0CC"}),n("path",{d:"M18.39 32.28H16.51V35.02H18.39V32.28Z",fill:"#9399A5"}),n("path",{d:"M46.87 15H20.69C18.38 15 16.5 16.88 16.5 19.19V26.22H18.38V23.45H49.18V47.68H18.38V41.07H16.5V49.55H51.05V19.19C51.06 16.88 49.18 15 46.87 15ZM39.46 20.73C38.81 20.73 38.29 20.2 38.29 19.56C38.29 18.92 38.82 18.39 39.46 18.39C40.11 18.39 40.63 18.92 40.63 19.56C40.63 20.2 40.11 20.73 39.46 20.73ZM43.22 20.73C42.57 20.73 42.05 20.2 42.05 19.56C42.05 18.92 42.58 18.39 43.22 18.39C43.87 18.39 44.39 18.92 44.39 19.56C44.39 20.2 43.87 20.73 43.22 20.73ZM46.97 20.73C46.32 20.73 45.8 20.2 45.8 19.56C45.8 18.92 46.33 18.39 46.97 18.39C47.62 18.39 48.14 18.92 48.14 19.56C48.14 20.2 47.62 20.73 46.97 20.73Z",fill:"#9399A5"})]});function Na(e,t){const r=v.get(e,t,"");if(r)throw new Error(r)}async function am(e,t,r,i={}){const s={"X-Requested-With":"XMLHttpRequest","Content-Type":i.string?"application/x-www-form-urlencoded":"application/json",...i.headers},o={baseURL:e,method:"POST",url:t,params:i.params,headers:s};return o.data=i.string?JSON.stringify(r):r,Xe(o).then(u=>u.data).catch(u=>Promise.reject(u))}const sm=({conf:e,data:t})=>async()=>{const{expertSystemURL:r,path:i,goal:s,question:o}=e;if(!i||!s||!o)return;const u={dashboard:s,panel:o,data:t};try{const l=r.startsWith("http")?r:window.location.origin;return await am(l,`/expert/v3/devtable/${i}`,u,{})}catch(l){throw Na(l,"response.data.detail"),Na(l,"response.data.error"),console.error(l),l}},Hn={expertSystemURL:"",path:"",goal:"",question:""},er={height:"100%",overflowY:"auto",..._n},Ga=({message:e})=>n(a.Box,{sx:er,children:n("div",{dangerouslySetInnerHTML:{__html:e},style:{fontSize:"14px",lineHeight:"32px",color:"#3D3E45"}})}),om=({error:e,width:t,height:r})=>{const i=e.message;if(i.startsWith("<"))return n(Ga,{message:i});const o=r-25-20-30;return n(a.Center,{sx:{width:"100%",height:o},children:c(a.Stack,{align:"center",spacing:20,children:[n(im,{}),n(Ga,{message:i})]})})};function lm({context:e}){const{value:t}=F(e.instanceData,"config"),r=m.useMemo(()=>v.defaultsDeep({},t,Hn),[t]),{width:i,height:s}=e.viewport,o=e.data??[],{data:u,error:l,loading:d}=Z.useRequest(sm({conf:r,data:o}),{refreshDeps:[o,r]});return!i||!s||!r?null:d?n(a.Box,{sx:{position:"relative",height:s},children:n(a.LoadingOverlay,{visible:!0})}):l?n(a.Box,{sx:er,"data-enable-scrollbar":!0,children:n(om,{error:l,width:i,height:s})}):!u||!Array.isArray(u.replies)||u.replies.length===0?null:n(a.Box,{sx:er,"data-enable-scrollbar":!0,children:u.replies.map((p,f)=>n("div",{dangerouslySetInnerHTML:{__html:p.interpretation.html}},f))})}function um({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=m.useMemo(()=>v.defaultsDeep({},t,Hn),[t]),{control:s,handleSubmit:o,watch:u,getValues:l,reset:d}=x.useForm({defaultValues:i});m.useEffect(()=>{d(i)},[i]),u(["expertSystemURL","goal","path","question"]);const p=l(),f=m.useMemo(()=>!v.isEqual(p,i),[p,i]);return n("form",{onSubmit:o(r),children:c(a.Stack,{children:[c(a.Group,{grow:!0,children:[n(x.Controller,{name:"expertSystemURL",control:s,render:({field:g})=>n(a.TextInput,{label:"Expert System URL",...g})}),n(x.Controller,{name:"path",control:s,render:({field:g})=>n(a.TextInput,{label:"Path",required:!0,...g})})]}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:"goal",control:s,render:({field:g})=>n(a.TextInput,{label:"Goal",required:!0,...g})}),n(x.Controller,{name:"question",control:s,render:({field:g})=>n(a.TextInput,{label:"Question",required:!0,...g})})]}),n(a.Divider,{variant:"dashed",mt:16,mb:8}),n(a.Button,{type:"submit",variant:"filled",color:"blue",leftIcon:n(k.DeviceFloppy,{size:20}),disabled:!f,sx:{alignSelf:"flex-end"},children:"Submit Changes"})]})})}class dm extends fe{constructor(){super(...arguments);P(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const cm={displayName:"Merico GQM",displayGroup:"Merico suite",migrator:new dm,name:"mericoGQM",viewRender:lm,configRender:um,createConfig(){return{version:1,config:v.cloneDeep(Hn)}}};function pm(e,t,r){if(!e)return r[0];try{return[t,j(t).add(1,"year").subtract(1,"day").valueOf()]}catch(i){return console.error(i),r[0]}}function hm(e,t,r){const i=pm(e,t,r);return{top:50,left:25,right:5,cellSize:["auto",13],range:i,itemStyle:{borderColor:"#eee"},splitLine:{show:!0},dayLabel:{firstDay:1},monthLabel:{position:"end"},yearLabel:{show:!0}}}function fm(e){return{heat_block:function(i){if(!e.heat_block.value_formatter)return i;try{return te(i).format(e.heat_block.value_formatter)}catch(s){return console.error(s),i}}}}function gm(e,t){return{show:!e,selectedMode:"single",top:5,right:5,data:t.map(r=>({name:r,icon:"circle"}))}}function mm(e,t,r,i){const{calendar:s,heat_block:o}=e;return t?{type:"heatmap",name:"heatmap",coordinateSystem:"calendar",calendarIndex:0,data:i.map(u=>[v.get(u,s.data_key),v.get(u,o.data_key)])}:Object.entries(r).map(([u,l])=>({type:"heatmap",name:u,coordinateSystem:"calendar",calendarIndex:0,data:l.map(d=>[v.get(d,s.data_key),v.get(d,o.data_key)])}))}const bm=e=>{try{return te(e).format({trimMantissa:!0,mantissa:2})}catch{return e}};function ym({conf:e,valueFormatters:t,dataDict:r,params:i}){const{value:s}=i,[o,u]=s,d=[{label:e.heat_block.name,value:t.heat_block(u),style:{label:"",value:""}}],p=r[o];return p&&e.tooltip.metrics.forEach(f=>{d.push({label:f.name,value:bm(v.get(p,f.data_key,"")),style:{label:"",value:""}})}),d}function vm(e,t,r){const i=v.keyBy(t,e.calendar.data_key);return{confine:!0,formatter:function(s){const u=ym({conf:e,valueFormatters:r,dataDict:i,params:s}).map(p=>`
           <tr>
             <th style="text-align: right;">
               <div style="${p.style.label}">${p.label}</div>
@@ -276,13 +276,13 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
           </thead>
           <tbody>${u.join("")}</tbody>
         </table>
-      `}}}function vm(e,t){return{min:e.heat_block.min??0,max:e.heat_block.max??100,calculable:!0,orient:"horizontal",left:t?"center":5,top:0,itemWidth:15}}const xm={tooltip:{confine:!0},grid:{containLabel:!0}},Cm=e=>j(e).get("year");function wm(e,t){const r=e.calendar.data_key,i=v.groupBy(t,d=>Cm(d[r])),s=Object.keys(i),o=t.map(d=>j(d[r]).valueOf()),u=v.min(o),l=v.max(o);return{minDate:u??0,maxDate:l??0,dateSpan:j(l).diff(u,"day"),dataByYear:i,years:s}}function _m(e,t,r){const i=hm(e),{dateSpan:s,minDate:o,dataByYear:u,years:l}=wm(e,t),d=s<=366,p={calendar:pm(d,o,l),series:gm(e,d,u,t),tooltip:ym(e,t,i),visualMap:vm(e,d),legend:fm(d,l)};return v.defaultsDeep({},p,xm)}function Sm(e){return n(B,{})}function Tm(e){return n(a.Text,{children:"Click heat block"})}const Ga={id:"builtin:echarts:click-heatmap:heat-block",displayName:"Click Heat Block",nameRender:Tm,configRender:Sm,payload:[{name:"seriesType",description:"'heatmap'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]},tr={calendar:{data_key:"",locale:"EN"},heat_block:{min:0,max:1e3,name:"Value",data_key:"",value_formatter:Se},tooltip:{metrics:[]}};le.use([N.DataZoomComponent,de.BarChart,de.LineChart,de.HeatmapChart,N.CalendarComponent,N.GridComponent,N.LegendComponent,N.TooltipComponent,N.VisualMapComponent,Me.CanvasRenderer]);function km({name:e},t){const r=t.getOption();r.calendar.forEach(i=>{i.range=e}),t.setOption(r)}function Dm({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>{const g=e.calendar.data_key;return v.keyBy(t,g)},[t,e.calendar.data_key]),l=Ne(s.triggerManager,Ga.id),d=m.useCallback(g=>{const[h,b]=g.value,w=v.get(u,h,{error:"rowData is not found"});l.forEach(C=>{s.runInteraction(C.id,{...g,rowData:w})})},[u,l,s]),p=m.useMemo(()=>({click:d,legendselectchanged:km}),[d]),f=m.useMemo(()=>_m(e,t),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:f,style:{width:r,height:i},onEvents:p,notMerge:!0,opts:{locale:e.calendar.locale},theme:"merico-light"})}function Im({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,tr),[i]),u=e.data,{width:l,height:d}=e.viewport;return!o.calendar.data_key||!o.heat_block.data_key?null:n(a.Box,{children:n(Dm,{variables:s,width:l,height:d,data:u,conf:o,interactionManager:r})})}function Mm({data:e,control:t,watch:r}){return r(["heat_block"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"heat_block.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"heat_block.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Name",sx:{flex:1},...i})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"heat_block.min",control:t,render:({field:i})=>n(a.NumberInput,{label:"Min Value",...i})}),n(x.Controller,{name:"heat_block.max",control:t,render:({field:i})=>n(a.NumberInput,{label:"Max Value",...i})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Value Format",labelPosition:"center"}),n(x.Controller,{name:"heat_block.value_formatter",control:t,render:({field:i})=>n(Oe,{...i})})]})}const Am=({control:e,data:t,index:r,remove:i})=>c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`tooltip.metrics.${r}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`tooltip.metrics.${r}.data_key`,control:e,render:({field:s})=>n(W,{label:"Value Field",required:!0,data:t,sx:{flex:1},...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Metric"})]}),$m=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"tooltip.metrics"}),u=t("tooltip.metrics"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>s({id:Date.now().toString(),data_key:"",name:""}),p=t("tooltip.metrics.0.id"),[f,g]=m.useState(()=>p??null);return m.useEffect(()=>{p&&g(h=>h!==null?h:p)},[p]),c(B,{children:[c(a.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[n(k.InfoCircle,{size:14,color:"#888"}),n(a.Text,{size:14,color:"#888",children:"Configure additional metrics to show in tooltip"})]}),n(a.Divider,{variant:"dashed",my:10}),c(a.Tabs,{value:f,onTabChange:h=>g(h),styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:h.id,children:h.name?h.name:b},h.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:h.id,children:n(Am,{control:e,index:b,remove:o,data:r},h.id)},h.id))]})]})};function zm({data:e,control:t,watch:r}){return n($m,{control:t,watch:r,data:e})}const Em=[{label:"Chinese",value:"ZH"},{label:"English",value:"EN"}];function Lm({data:e,control:t,watch:r}){return r(["calendar"]),c(a.Stack,{children:[n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"calendar.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})})}),n(x.Controller,{name:"calendar.locale",control:t,render:({field:i})=>n(a.Select,{label:"Language",required:!0,data:Em,sx:{flex:1},...i})})]})}function Pm({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,tr),[t]),o=m.useMemo(()=>v.cloneDeep(s),[s]);m.useEffect(()=>{!v.isEqual(s,o)&&(console.log("config malformed, resetting to defaults",s,o),r(o))},[s,o]);const{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,s),[g,s]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Calendar Heatmap Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"Calendar",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"Calendar",children:"Calendar"}),n(a.Tabs.Tab,{value:"Heat Block",children:"Heat Block"}),n(a.Tabs.Tab,{value:"Tooltip",children:"Tooltip"})]}),n(a.Tabs.Panel,{value:"Calendar",children:n(Lm,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Heat Block",children:n(Mm,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Tooltip",children:n(zm,{control:u,watch:d,data:i})})]})]})})}class Om extends fe{constructor(){super(...arguments);O(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const Vm={displayName:"Heatmap(Calendar)",displayGroup:"ECharts-based charts",migrator:new Om,name:"calendarHeatmap",viewRender:Im,configRender:Pm,createConfig:()=>({version:1,config:tr}),triggers:[Ga]};function Bm(e){const t=e.x_axes.some(o=>o.position==="top"&&!!o.name&&o.show);let r=0;t&&(r+=15);const i=e.x_axes.some(o=>o.position==="bottom"&&!!o.name&&o.show);let s=0;return i&&(s+=15),e.series.some(o=>!o.hide_in_legend)&&(s+=20),{top:r,right:5,bottom:s,left:5,containLabel:!0}}function Nm(e){switch(e){case"bar":return"roundRect";case"scatter":return"circle"}}function Gm(e){const t={show:!0,bottom:0,left:"center",type:"scroll"};return t.data=e.filter(r=>!r.hide_in_legend).map(({name:r,type:i})=>({name:r,icon:Nm(i)})),t}function qm(e,t,r,i){return e.map(s=>{const o=s.orientation==="horizontal",u=o?"yAxis":"xAxis",l=o?"insideEndTop":"end";return{name:s.name,type:"line",hide_in_legend:!s.show_in_legend,xAxisIndex:s.xAxisIndex,data:[],lineStyle:s.lineStyle,markLine:{data:[{name:s.name,[u]:Number(r[s.variable_key])}],silent:!0,symbol:["none","none"],lineStyle:s.lineStyle,label:{formatter:function(){return s.template?Rt(s.template,t,i):""},position:l}}}})}function nr(e,t,r){return e.map(i=>[i[r],i[t]])}function Fm(e,t,r,i){const s=nr(t,r,i);return v.unionBy(s,e,0)}function Wm({dataTemplate:e,data:t,name_data_key:r,value_data_key:i,valueTypedXAxis:s}){return s?Fm(e,t,r,i):t.map(o=>[o[i],o[r]])}function jm({dataTemplate:e,data:t,aggregation_on_value:r,name_data_key:i,value_data_key:s,valueTypedXAxis:o}){if(!r||r.type==="none")return Wm({dataTemplate:e,data:t,name_data_key:i,value_data_key:s,valueTypedXAxis:o});const u=nr(t,i,s),l=v.groupBy(u,"0");return Object.entries(l).map(([p,f])=>{const g=Tt(f,"1",r);return[p,g]})}function Ym({group_by_key:e,data:t,value_data_key:r,name_data_key:i}){const s=v.groupBy(t,e);return Object.entries(s).forEach(([o,u])=>{s[o]=nr(u,i,r)}),s}function Rm({y_axis:e},{data_key:t,xAxisIndex:r,label_position:i,name:s,group_by_key:o,aggregation_on_value:u,stack:l,color:d,hide_in_legend:p,invisible:f,id:g,...h},b,w,C,S,M){const $={label:{show:!!i,position:i,formatter:M[r??"default"]},name:s,yAxisId:"main-y-axis",xAxisIndex:r,stack:l,color:f?"transparent":d,hide_in_legend:p,labelLayout:{hideOverlap:!0},emphasis:{disabled:!0},...h};if(!o||o===e.data_key)return $.data=jm({dataTemplate:b,data:C,aggregation_on_value:u,name_data_key:e.data_key,value_data_key:t,valueTypedXAxis:w}),$;const P=Ym({group_by_key:o,data:C,name_data_key:e.data_key,value_data_key:t});return Object.entries(P).map(([q,L])=>{const z=v.cloneDeep($);return z.name=q,z.color=void 0,z.data=L,z})}function Qm(e,t,r,i,s,o,u){const l=t.map(p=>[p,0]);return e.series.map(p=>Rm(e,p,l,r,i,u,s)).flat().concat(qm(e.reference_lines,o,u,i))}function Um(e,t){const r=e.find(l=>l.axisDim==="y"&&l.axisId==="main-y-axis");if(!r)return"";const{name:i,axisType:s,axisValue:o,axisIndex:u}=r;return s==="yAxis.category"?i:ut(t.y_axis.axisLabel.formatter)(o,u)}function Xm(e,t,r){const i=t.reduce((s,{xAxisIndex:o,name:u})=>(s[u]=o,s),{});return{trigger:"axis",axisPointer:{type:"shadow"},formatter:function(s){const o=Array.isArray(s)?s:[s];if(o.length===0)return"";const u=o.map(({seriesName:p,marker:f,value:g})=>{if(Array.isArray(g)&&g.length===2&&(g=g[0]),!p)return g;const h=i[p],b=r[h]??r.default;return`
+      `}}}function xm(e,t){return{min:e.heat_block.min??0,max:e.heat_block.max??100,calculable:!0,orient:"horizontal",left:t?"center":5,top:0,itemWidth:15}}const Cm={tooltip:{confine:!0},grid:{containLabel:!0}},wm=e=>j(e).get("year");function _m(e,t){const r=e.calendar.data_key,i=v.groupBy(t,d=>wm(d[r])),s=Object.keys(i),o=t.map(d=>j(d[r]).valueOf()),u=v.min(o),l=v.max(o);return{minDate:u??0,maxDate:l??0,dateSpan:j(l).diff(u,"day"),dataByYear:i,years:s}}function Sm(e,t,r){const i=fm(e),{dateSpan:s,minDate:o,dataByYear:u,years:l}=_m(e,t),d=s<=366,p={calendar:hm(d,o,l),series:mm(e,d,u,t),tooltip:vm(e,t,i),visualMap:xm(e,d),legend:gm(d,l)};return v.defaultsDeep({},p,Cm)}function Tm(e){return n(B,{})}function km(e){return n(a.Text,{children:"Click heat block"})}const qa={id:"builtin:echarts:click-heatmap:heat-block",displayName:"Click Heat Block",nameRender:km,configRender:Tm,payload:[{name:"seriesType",description:"'heatmap'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]},tr={calendar:{data_key:"",locale:"EN"},heat_block:{min:0,max:1e3,name:"Value",data_key:"",value_formatter:Se},tooltip:{metrics:[]}};le.use([N.DataZoomComponent,de.BarChart,de.LineChart,de.HeatmapChart,N.CalendarComponent,N.GridComponent,N.LegendComponent,N.TooltipComponent,N.VisualMapComponent,Me.CanvasRenderer]);function Dm({name:e},t){const r=t.getOption();r.calendar.forEach(i=>{i.range=e}),t.setOption(r)}function Im({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>{const g=e.calendar.data_key;return v.keyBy(t,g)},[t,e.calendar.data_key]),l=Ne(s.triggerManager,qa.id),d=m.useCallback(g=>{const[h,b]=g.value,w=v.get(u,h,{error:"rowData is not found"});l.forEach(C=>{s.runInteraction(C.id,{...g,rowData:w})})},[u,l,s]),p=m.useMemo(()=>({click:d,legendselectchanged:Dm}),[d]),f=m.useMemo(()=>Sm(e,t),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:f,style:{width:r,height:i},onEvents:p,notMerge:!0,opts:{locale:e.calendar.locale},theme:"merico-light"})}function Mm({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,tr),[i]),u=e.data,{width:l,height:d}=e.viewport;return!o.calendar.data_key||!o.heat_block.data_key?null:n(a.Box,{children:n(Im,{variables:s,width:l,height:d,data:u,conf:o,interactionManager:r})})}function Am({data:e,control:t,watch:r}){return r(["heat_block"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"heat_block.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"heat_block.name",control:t,render:({field:i})=>n(a.TextInput,{label:"Name",sx:{flex:1},...i})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"heat_block.min",control:t,render:({field:i})=>n(a.NumberInput,{label:"Min Value",...i})}),n(x.Controller,{name:"heat_block.max",control:t,render:({field:i})=>n(a.NumberInput,{label:"Max Value",...i})})]}),n(a.Divider,{mb:-15,variant:"dashed",label:"Value Format",labelPosition:"center"}),n(x.Controller,{name:"heat_block.value_formatter",control:t,render:({field:i})=>n(Oe,{...i})})]})}const $m=({control:e,data:t,index:r,remove:i})=>c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`tooltip.metrics.${r}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`tooltip.metrics.${r}.data_key`,control:e,render:({field:s})=>n(W,{label:"Value Field",required:!0,data:t,sx:{flex:1},...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Metric"})]}),zm=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"tooltip.metrics"}),u=t("tooltip.metrics"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>s({id:Date.now().toString(),data_key:"",name:""}),p=t("tooltip.metrics.0.id"),[f,g]=m.useState(()=>p??null);return m.useEffect(()=>{p&&g(h=>h!==null?h:p)},[p]),c(B,{children:[c(a.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[n(k.InfoCircle,{size:14,color:"#888"}),n(a.Text,{size:14,color:"#888",children:"Configure additional metrics to show in tooltip"})]}),n(a.Divider,{variant:"dashed",my:10}),c(a.Tabs,{value:f,onTabChange:h=>g(h),styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:h.id,children:h.name?h.name:b},h.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:h.id,children:n($m,{control:e,index:b,remove:o,data:r},h.id)},h.id))]})]})};function Em({data:e,control:t,watch:r}){return n(zm,{control:t,watch:r,data:e})}const Lm=[{label:"Chinese",value:"ZH"},{label:"English",value:"EN"}];function Pm({data:e,control:t,watch:r}){return r(["calendar"]),c(a.Stack,{children:[n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"calendar.data_key",control:t,render:({field:i})=>n(W,{label:"Data Field",required:!0,data:e,sx:{flex:1},...i})})}),n(x.Controller,{name:"calendar.locale",control:t,render:({field:i})=>n(a.Select,{label:"Language",required:!0,data:Lm,sx:{flex:1},...i})})]})}function Om({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,tr),[t]),o=m.useMemo(()=>v.cloneDeep(s),[s]);m.useEffect(()=>{!v.isEqual(s,o)&&(console.log("config malformed, resetting to defaults",s,o),r(o))},[s,o]);const{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,s),[g,s]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Calendar Heatmap Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"Calendar",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"Calendar",children:"Calendar"}),n(a.Tabs.Tab,{value:"Heat Block",children:"Heat Block"}),n(a.Tabs.Tab,{value:"Tooltip",children:"Tooltip"})]}),n(a.Tabs.Panel,{value:"Calendar",children:n(Pm,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Heat Block",children:n(Am,{control:u,watch:d,data:i})}),n(a.Tabs.Panel,{value:"Tooltip",children:n(Em,{control:u,watch:d,data:i})})]})]})})}class Vm extends fe{constructor(){super(...arguments);P(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const Bm={displayName:"Heatmap(Calendar)",displayGroup:"ECharts-based charts",migrator:new Vm,name:"calendarHeatmap",viewRender:Mm,configRender:Om,createConfig:()=>({version:1,config:tr}),triggers:[qa]};function Nm(e){const t=e.x_axes.some(o=>o.position==="top"&&!!o.name&&o.show);let r=0;t&&(r+=15);const i=e.x_axes.some(o=>o.position==="bottom"&&!!o.name&&o.show);let s=0;return i&&(s+=15),e.series.some(o=>!o.hide_in_legend)&&(s+=20),{top:r,right:5,bottom:s,left:5,containLabel:!0}}function Gm(e){switch(e){case"bar":return"roundRect";case"scatter":return"circle"}}function qm(e){const t={show:!0,bottom:0,left:"center",type:"scroll"};return t.data=e.filter(r=>!r.hide_in_legend).map(({name:r,type:i})=>({name:r,icon:Gm(i)})),t}function Fm(e,t,r,i){return e.map(s=>{const o=s.orientation==="horizontal",u=o?"yAxis":"xAxis",l=o?"insideEndTop":"end";return{name:s.name,type:"line",hide_in_legend:!s.show_in_legend,xAxisIndex:s.xAxisIndex,data:[],lineStyle:s.lineStyle,markLine:{data:[{name:s.name,[u]:Number(r[s.variable_key])}],silent:!0,symbol:["none","none"],lineStyle:s.lineStyle,label:{formatter:function(){return s.template?Yt(s.template,t,i):""},position:l}}}})}function nr(e,t,r){return e.map(i=>[i[r],i[t]])}function Wm(e,t,r,i){const s=nr(t,r,i);return v.unionBy(s,e,0)}function jm({dataTemplate:e,data:t,name_data_key:r,value_data_key:i,valueTypedXAxis:s}){return s?Wm(e,t,r,i):t.map(o=>[o[i],o[r]])}function Rm({dataTemplate:e,data:t,aggregation_on_value:r,name_data_key:i,value_data_key:s,valueTypedXAxis:o}){if(!r||r.type==="none")return jm({dataTemplate:e,data:t,name_data_key:i,value_data_key:s,valueTypedXAxis:o});const u=nr(t,i,s),l=v.groupBy(u,"0");return Object.entries(l).map(([p,f])=>{const g=Tt(f,"1",r);return[p,g]})}function Ym({group_by_key:e,data:t,value_data_key:r,name_data_key:i}){const s=v.groupBy(t,e);return Object.entries(s).forEach(([o,u])=>{s[o]=nr(u,i,r)}),s}function Qm({y_axis:e},{data_key:t,xAxisIndex:r,label_position:i,name:s,group_by_key:o,aggregation_on_value:u,stack:l,color:d,hide_in_legend:p,invisible:f,id:g,...h},b,w,C,S,I){const $={label:{show:!!i,position:i,formatter:I[r??"default"]},name:s,yAxisId:"main-y-axis",xAxisIndex:r,stack:l,color:f?"transparent":d,hide_in_legend:p,labelLayout:{hideOverlap:!0},emphasis:{disabled:!0},...h};if(!o||o===e.data_key)return $.data=Rm({dataTemplate:b,data:C,aggregation_on_value:u,name_data_key:e.data_key,value_data_key:t,valueTypedXAxis:w}),$;const G=Ym({group_by_key:o,data:C,name_data_key:e.data_key,value_data_key:t});return Object.entries(G).map(([V,L])=>{const z=v.cloneDeep($);return z.name=V,z.color=void 0,z.data=L,z})}function Um(e,t,r,i,s,o,u){const l=t.map(p=>[p,0]);return e.series.map(p=>Qm(e,p,l,r,i,u,s)).flat().concat(Fm(e.reference_lines,o,u,i))}function Xm(e,t){const r=e.find(l=>l.axisDim==="y"&&l.axisId==="main-y-axis");if(!r)return"";const{name:i,axisType:s,axisValue:o,axisIndex:u}=r;return s==="yAxis.category"?i:ut(t.y_axis.axisLabel.formatter)(o,u)}function Zm(e,t,r){const i=t.reduce((s,{xAxisIndex:o,name:u})=>(s[u]=o,s),{});return{trigger:"axis",axisPointer:{type:"shadow"},formatter:function(s){const o=Array.isArray(s)?s:[s];if(o.length===0)return"";const u=o.map(({seriesName:p,marker:f,value:g})=>{if(Array.isArray(g)&&g.length===2&&(g=g[0]),!p)return g;const h=i[p],b=r[h]??r.default;return`
         <tr>
           <td>${f}</td>
           <th style="text-align: right; padding: 0 1em;">${p}</th>
           <td style="text-align: left; padding: 0 1em;">${b({value:g})}</td>
         </tr>
-        `}),l=He(e.y_axis.axisLabel.overflow.in_tooltip),d=Um(o,e);return`
+        `}),l=He(e.y_axis.axisLabel.overflow.in_tooltip),d=Xm(o,e);return`
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${l}">${d}</div>
       </div>
@@ -291,7 +291,7 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
           ${u.join("")}
         </tbody>
       </table>
-      `}}}function Zm(e){return e.x_axes.reduce((r,{label_formatter:i},s)=>(r[s]=function(u){let l=u;if(typeof u=="object"&&(Array.isArray(u.value)&&u.value.length===2?l=u.value[0]:l=u.value),!i)return l;try{return te(l).format(i)}catch(d){return console.error(d),l}},r),{default:({value:r})=>r})}function Km(e,t){const r={};return t.map(i=>{const s=dt(i,e);r[i.name]=et(i,s)}),r}function Jm(e,t){return e.x_axes.map(({min:r,max:i,...s},o)=>{let u=s.position;return u||(u=o>0?"bottom":"top"),{...s,type:"value",min:r||void 0,max:i||void 0,position:u,axisLabel:{show:!0,margin:2,formatter:t[o]??t.default},axisLine:{show:!0},axisTick:{show:!1},splitLine:{show:!0},nameTextStyle:{fontWeight:"bold"},nameLocation:"center",nameGap:15}})}function Hm(e,t){const r=t.every(u=>!Number.isNaN(Number(u))),{overflow:i,...s}=e.y_axis.axisLabel,o=Re(i.on_axis);return[{data:t,name:e.y_axis.name??"",nameLocation:"end",nameTextStyle:{align:"center",fontWeight:"bold"},id:"main-y-axis",axisTick:{show:!0,alignWithLabel:!0},type:r?"value":"category",axisLabel:{...s,...o,formatter:ut(s.formatter)},z:5}]}function eb(e,t,r){const i=Km(t,r),s=Zm(e),o=v.uniq(t.map(p=>p[e.y_axis.data_key])),u=o.every(p=>!Number.isNaN(Number(p))),l=Qm(e,o,u,t,s,r,i);return{xAxis:Jm(e,s),yAxis:Hm(e,o),series:l,tooltip:Xm(e,l,s),grid:Bm(e),legend:Gm(l)}}const rr={x_axes:[{id:"initial-x",min:"",max:"",name:"X Axis",data_key:"",position:"bottom",label_formatter:Se,show:!0}],y_axis:{name:"Y Axis",data_key:"",axisLabel:{formatter:{...Ge},overflow:Ve},nameAlignment:"center"},series:[],tooltip:{metrics:[]},reference_lines:[]};function tb(){const e=new Date().getTime().toString();return{id:e,min:"",max:"",name:e,data_key:"",position:"bottom",label_formatter:Se,show:!0}}function nb(){const e=new Date().getTime().toString();return{id:e,type:"bar",name:e,stack:"",color:"",barGap:"0%",data_key:"",barWidth:"",barMinWidth:"1",barMaxWidth:"10",group_by_key:"",hide_in_legend:!1,invisible:!1,label_position:"right",aggregation_on_value:St,xAxisIndex:"0"}}function rb(){const e=new Date().getTime().toString();return{id:e,name:e,template:"",variable_key:"",orientation:"horizontal",lineStyle:{type:"dashed",width:1,color:"#868E96"},show_in_legend:!1,xAxisIndex:"0"}}le.use([N.DataZoomComponent,de.BarChart,de.LineChart,de.ScatterChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer,N.MarkLineComponent,N.MarkAreaComponent]);function ib({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>v.keyBy(t,e.y_axis.data_key),[t,e.y_axis.data_key]),l=Ne(s.triggerManager,$n.id),d=m.useCallback(g=>{const h=v.get(u,g.name,{error:"rowData is not found"});l.forEach(b=>{s.runInteraction(b.id,{...g,rowData:h})})},[u,l,s]),p=m.useMemo(()=>({click:d}),[d]),f=m.useMemo(()=>eb(e,t,o),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:f,style:{width:r,height:i},onEvents:p,notMerge:!0,theme:"merico-light"})}function ab({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,rr),[i]),u=e.data,{width:l,height:d}=e.viewport;return n(a.Box,{children:n(ib,{variables:s,width:l,height:d,data:u,conf:o,interactionManager:r})})}const sb=[{label:"solid",value:"solid"},{label:"dashed",value:"dashed"},{label:"dotted",value:"dotted"}],ob=[{label:"Horizontal",value:"horizontal"},{label:"Vertical",value:"vertical"}];function lb({control:e,index:t,remove:r,watch:i,variableOptions:s,xAxisOptions:o}){const u=i(`reference_lines.${t}.orientation`);return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:l})=>n(a.TextInput,{label:"Name",placeholder:"Average Reference Line",required:!0,sx:{flex:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:l})=>n(a.Select,{label:"Value",required:!0,data:s,sx:{flex:1},...l})})]}),n(x.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:l})=>n(a.TextInput,{label:"Content Template",placeholder:"Average: ${avg}",sx:{flex:1},...l})}),c(a.Group,{grow:!0,children:[c(a.Stack,{children:[n(x.Controller,{name:`reference_lines.${t}.orientation`,control:e,render:({field:l})=>n(a.Select,{label:"Orientation",data:ob,required:!0,sx:{flex:1},...l})}),u==="vertical"&&n(a.Text,{mt:-10,color:"dimmed",size:12,children:"Works only when xAxis values are numbers"})]}),u==="horizontal"&&n(x.Controller,{name:`reference_lines.${t}.xAxisIndex`,control:e,render:({field:l})=>n(a.Select,{label:"X Axis",data:o,disabled:o.length===0,sx:{flex:1},...l})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Style",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`reference_lines.${t}.lineStyle.type`,control:e,render:({field:l})=>n(a.Select,{label:"Line Type",data:sb,sx:{flexGrow:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.width`,control:e,render:({field:l})=>n(a.NumberInput,{label:"Line Width",min:1,max:10,sx:{flexGrow:1},...l})})]}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.color`,control:e,render:({field:l})=>n(De,{...l})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`reference_lines.${t}.show_in_legend`,control:e,render:({field:l})=>n(a.Checkbox,{label:"Show in legend",checked:l.value,onChange:d=>l.onChange(d.currentTarget.checked)})}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Reference Line"})]},t)}function ub({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_lines"}),u=t("reference_lines"),l=i.map((b,w)=>({...b,...u[w]})),d=()=>{const b=rb();s(b)},p=m.useMemo(()=>r.map(b=>({label:b.name,value:b.name})),[r]),f=t("x_axes"),g=m.useMemo(()=>f.map(({name:b},w)=>({label:b,value:w.toString()})),[f]),h=l.length>0?l[0].id:"0";return c(a.Tabs,{defaultValue:h,styles:{tab:{paddingTop:"4px",paddingBottom:"4px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[l.map((b,w)=>n(a.Tabs.Tab,{value:b.id,children:b.name},w)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((b,w)=>n(a.Tabs.Panel,{value:b.id,children:n(lb,{control:e,index:w,remove:o,watch:t,variableOptions:p,xAxisOptions:g})},w))]})}function db(e){const[t,r]=m.useState(e);return m.useEffect(()=>{r(e)},[e]),{tab:t,setTab:r}}const cb=[{label:"No gap between bars",value:"0%"},{label:"Bars overlapping on each other",value:"-100%"}];function pb({control:e,index:t,seriesItem:r}){const i=!!r.barWidth.trim();return c(B,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.stack`,control:e,render:({field:s})=>n(a.TextInput,{label:"Stack",placeholder:"Stack bars by this ID",sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barGap`,control:e,render:({field:s})=>n(a.Select,{label:"Bar Gap",data:cb,sx:{flexGrow:1},...s})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.barMinWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width(Min)",disabled:i,sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width",sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barMaxWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width(Max)",disabled:i,sx:{flexGrow:1},...s})})]})]})}const hb=[{label:"off",value:""},{label:"top",value:"top"},{label:"left",value:"left"},{label:"right",value:"right"},{label:"bottom",value:"bottom"},{label:"inside",value:"inside"},{label:"insideLeft",value:"insideLeft"},{label:"insideRight",value:"insideRight"},{label:"insideTop",value:"insideTop"},{label:"insideBottom",value:"insideBottom"},{label:"insideTopLeft",value:"insideTopLeft"},{label:"insideBottomLeft",value:"insideBottomLeft"},{label:"insideTopRight",value:"insideTopRight"},{label:"insideBottomRight",value:"insideBottomRight"}];function fb({control:e,index:t,remove:r,seriesItem:i,xAxisOptions:s,data:o}){return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.name`,control:e,render:({field:u})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...u})}),n(x.Controller,{name:`series.${t}.xAxisIndex`,control:e,render:({field:u})=>n(a.Select,{label:"X Axis",data:s,disabled:s.length===0,sx:{flex:1},...u})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.data_key`,control:e,render:({field:u})=>n(W,{label:"Value Field",required:!0,data:o,sx:{flex:1},...u})}),n(x.Controller,{name:`series.${t}.aggregation_on_value`,control:e,render:({field:u})=>n(jt,{label:"Aggregation on Value",value:u.value??St,onChange:u.onChange,pt:0})})]}),n(a.Group,{grow:!0,children:n(x.Controller,{name:`series.${t}.group_by_key`,control:e,render:({field:u})=>n(W,{label:"Split into multiple series by this key...",data:o,clearable:!0,sx:{flex:1},...u})})}),n(pb,{index:t,control:e,seriesItem:i}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Style",labelPosition:"center"}),n(x.Controller,{name:`series.${t}.label_position`,control:e,render:({field:u})=>n(a.Select,{label:"Label Position",data:hb,...u})}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`series.${t}.color`,control:e,render:({field:u})=>n(De,{...u})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`series.${t}.hide_in_legend`,control:e,render:({field:u})=>n(a.Checkbox,{label:"Hide in legend",checked:u.value,onChange:l=>u.onChange(l.currentTarget.checked)})}),n(x.Controller,{name:`series.${t}.invisible`,control:e,render:({field:u})=>n(a.Checkbox,{label:"Invisible",checked:u.value,onChange:l=>u.onChange(l.currentTarget.checked)})}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Series"})]},t)}function gb({control:e,watch:t,data:r}){var b;const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"series"}),u=t("series"),l=i.map((w,C)=>({...w,...u[C]})),d=()=>{const w=nb();s(w)},p=t("x_axes"),f=m.useMemo(()=>p.map(({name:w},C)=>({label:w,value:C.toString()})),[p]),{tab:g,setTab:h}=db((b=l[0])==null?void 0:b.id);return c(a.Tabs,{value:g,onTabChange:h,styles:{tab:{paddingTop:"4px",paddingBottom:"4px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map(w=>n(a.Tabs.Tab,{value:w.id,children:w.name},w.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((w,C)=>n(a.Tabs.Panel,{value:w.id,children:n(fb,{control:e,index:C,remove:o,seriesItem:w,xAxisOptions:f,data:r},w.id)},w.id))]})}const mb=[{label:"Top",value:"top"},{label:"Bottom",value:"bottom"}];function bb({control:e,index:t,remove:r}){return c(a.Stack,{my:0,p:"0",sx:{position:"relative"},children:[n(a.Divider,{mb:-15,mt:15,variant:"dashed",label:"Name",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`x_axes.${t}.name`,control:e,render:({field:i})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...i})})}),n(a.Divider,{mb:-15,variant:"dashed",label:"Layout",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`x_axes.${t}.position`,control:e,render:({field:i})=>n(a.Select,{label:"Position",required:!0,data:mb,sx:{flex:1},...i})})}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Label Format",labelPosition:"center"}),n(x.Controller,{name:`x_axes.${t}.label_formatter`,control:e,render:({field:i})=>n(Oe,{...i})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Value Range",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`x_axes.${t}.min`,control:e,render:({field:i})=>n(a.TextInput,{label:"Min",...i})}),n(x.Controller,{name:`x_axes.${t}.max`,control:e,render:({field:i})=>n(a.TextInput,{label:"Max",...i})})]})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`x_axes.${t}.show`,control:e,render:({field:i})=>n(a.Checkbox,{label:"Visible",checked:i.value,onChange:s=>i.onChange(s.currentTarget.checked)})}),n(a.Button,{mt:20,leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),disabled:t===0,children:"Delete this X Axis"})]})}function yb({control:e,watch:t}){const{fields:r,append:i,remove:s}=x.useFieldArray({control:e,name:"x_axes"}),o=t("x_axes"),u=r.map((p,f)=>({...p,...o[f]})),l=()=>{const p=tb();i(p)},d=u.length>0?u[0].id:"0";return c(a.Tabs,{defaultValue:d,styles:{tab:{paddingTop:"4px",paddingBottom:"4px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[u.map(p=>n(a.Tabs.Tab,{value:p.id,children:p.name},p.id)),n(a.Tabs.Tab,{onClick:l,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),u.map((p,f)=>n(a.Tabs.Panel,{value:p.id,children:n(bb,{control:e,index:f,remove:s})},p.id))]})}function vb({data:e,control:t,watch:r}){return r(["y_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"y_axis.data_key",control:t,render:({field:i})=>n(W,{label:"Y Axis Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"y_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"X Axis Name",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Tick Label",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"y_axis.axisLabel.formatter",control:t,render:({field:i})=>n(Qt,{data:e,...i})})}),n(x.Controller,{name:"y_axis.axisLabel.overflow",control:t,render:({field:i})=>n(Je,{...i})})]})}function xb({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),{variables:i}=e,s=e.data,o=m.useMemo(()=>v.defaultsDeep({},t,rr),[t]),{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]),d([]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,o),[g,o]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Horizontal Bar Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"Series",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axes",children:"X Axes"}),n(a.Tabs.Tab,{value:"Y Axis",children:"Y Axis"}),n(a.Tabs.Tab,{value:"Series",children:"Series"}),n(a.Tabs.Tab,{value:"Reference Lines",children:"Reference Lines"})]}),n(a.Tabs.Panel,{value:"X Axes",children:n(yb,{control:u,watch:d})}),n(a.Tabs.Panel,{value:"Y Axis",children:n(vb,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Series",children:n(gb,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Reference Lines",children:n(ub,{variables:i,control:u,watch:d})})]})]})})}class Cb extends fe{constructor(){super(...arguments);O(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const wb={displayName:"Horizontal Bar Chart",displayGroup:"ECharts-based charts",migrator:new Cb,name:"horizontalBarChart",viewRender:ab,configRender:xb,createConfig:()=>({version:1,config:rr})};function _b(){return[{top:20,left:30,right:60,height:40,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{top:70,left:30,right:60,height:100,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{top:180,left:30,right:60,bottom:130,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{left:30,right:60,bottom:20,height:100,containLabel:!1,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0}]}const qa=({value:e})=>{try{return te(e[2]).format({output:"percent",mantissa:0})}catch(t){return console.error(t),e}};function Sb(e,t,r){return{type:"heatmap",name:"准确估算比例",xAxisIndex:0,yAxisIndex:0,data:t.map(s=>{const o=r[s].length,d=(v.countBy(r[s],p=>p.level.diff===0).true??0)/o;return[s,"_y",d]}),label:{show:!0,formatter:qa},labelLayout:{hideOverlap:!0},visualMapIndex:0,tooltip:{trigger:"item",formatter:({color:s,value:o})=>`
+      `}}}function Km(e){return e.x_axes.reduce((r,{label_formatter:i},s)=>(r[s]=function(u){let l=u;if(typeof u=="object"&&(Array.isArray(u.value)&&u.value.length===2?l=u.value[0]:l=u.value),!i)return l;try{return te(l).format(i)}catch(d){return console.error(d),l}},r),{default:({value:r})=>r})}function Jm(e,t){const r={};return t.map(i=>{const s=dt(i,e);r[i.name]=et(i,s)}),r}function Hm(e,t){return e.x_axes.map(({min:r,max:i,...s},o)=>{let u=s.position;return u||(u=o>0?"bottom":"top"),{...s,type:"value",min:r||void 0,max:i||void 0,position:u,axisLabel:{show:!0,margin:2,formatter:t[o]??t.default},axisLine:{show:!0},axisTick:{show:!1},splitLine:{show:!0},nameTextStyle:{fontWeight:"bold"},nameLocation:"center",nameGap:15}})}function eb(e,t){const r=t.every(u=>!Number.isNaN(Number(u))),{overflow:i,...s}=e.y_axis.axisLabel,o=Ye(i.on_axis);return[{data:t,name:e.y_axis.name??"",nameLocation:"end",nameTextStyle:{align:"center",fontWeight:"bold"},id:"main-y-axis",axisTick:{show:!0,alignWithLabel:!0},type:r?"value":"category",axisLabel:{...s,...o,formatter:ut(s.formatter)},z:5}]}function tb(e,t,r){const i=Jm(t,r),s=Km(e),o=v.uniq(t.map(p=>p[e.y_axis.data_key])),u=o.every(p=>!Number.isNaN(Number(p))),l=Um(e,o,u,t,s,r,i);return{xAxis:Hm(e,s),yAxis:eb(e,o),series:l,tooltip:Zm(e,l,s),grid:Nm(e),legend:qm(l)}}const rr={x_axes:[{id:"initial-x",min:"",max:"",name:"X Axis",data_key:"",position:"bottom",label_formatter:Se,show:!0}],y_axis:{name:"Y Axis",data_key:"",axisLabel:{formatter:{...Ge},overflow:Ve},nameAlignment:"center"},series:[],tooltip:{metrics:[]},reference_lines:[]};function nb(){const e=new Date().getTime().toString();return{id:e,min:"",max:"",name:e,data_key:"",position:"bottom",label_formatter:Se,show:!0}}function rb(){const e=new Date().getTime().toString();return{id:e,type:"bar",name:e,stack:"",color:"",barGap:"0%",data_key:"",barWidth:"",barMinWidth:"1",barMaxWidth:"10",group_by_key:"",hide_in_legend:!1,invisible:!1,label_position:"right",aggregation_on_value:St,xAxisIndex:"0"}}function ib(){const e=new Date().getTime().toString();return{id:e,name:e,template:"",variable_key:"",orientation:"horizontal",lineStyle:{type:"dashed",width:1,color:"#868E96"},show_in_legend:!1,xAxisIndex:"0"}}le.use([N.DataZoomComponent,de.BarChart,de.LineChart,de.ScatterChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer,N.MarkLineComponent,N.MarkAreaComponent]);function ab({conf:e,data:t,width:r,height:i,interactionManager:s,variables:o}){const u=m.useMemo(()=>v.keyBy(t,e.y_axis.data_key),[t,e.y_axis.data_key]),l=Ne(s.triggerManager,$n.id),d=m.useCallback(g=>{const h=v.get(u,g.name,{error:"rowData is not found"});l.forEach(b=>{s.runInteraction(b.id,{...g,rowData:h})})},[u,l,s]),p=m.useMemo(()=>({click:d}),[d]),f=m.useMemo(()=>tb(e,t,o),[e,t]);return!r||!i?null:n(Ae,{echarts:le,option:f,style:{width:r,height:i},onEvents:p,notMerge:!0,theme:"merico-light"})}function sb({context:e,instance:t}){const r=Fe({vizManager:e.vizManager,instance:t}),{value:i}=F(e.instanceData,"config"),{variables:s}=e,o=m.useMemo(()=>v.defaults({},i,rr),[i]),u=e.data,{width:l,height:d}=e.viewport;return n(a.Box,{children:n(ab,{variables:s,width:l,height:d,data:u,conf:o,interactionManager:r})})}const ob=[{label:"solid",value:"solid"},{label:"dashed",value:"dashed"},{label:"dotted",value:"dotted"}],lb=[{label:"Horizontal",value:"horizontal"},{label:"Vertical",value:"vertical"}];function ub({control:e,index:t,remove:r,watch:i,variableOptions:s,xAxisOptions:o}){const u=i(`reference_lines.${t}.orientation`);return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:l})=>n(a.TextInput,{label:"Name",placeholder:"Average Reference Line",required:!0,sx:{flex:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:l})=>n(a.Select,{label:"Value",required:!0,data:s,sx:{flex:1},...l})})]}),n(x.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:l})=>n(a.TextInput,{label:"Content Template",placeholder:"Average: ${avg}",sx:{flex:1},...l})}),c(a.Group,{grow:!0,children:[c(a.Stack,{children:[n(x.Controller,{name:`reference_lines.${t}.orientation`,control:e,render:({field:l})=>n(a.Select,{label:"Orientation",data:lb,required:!0,sx:{flex:1},...l})}),u==="vertical"&&n(a.Text,{mt:-10,color:"dimmed",size:12,children:"Works only when xAxis values are numbers"})]}),u==="horizontal"&&n(x.Controller,{name:`reference_lines.${t}.xAxisIndex`,control:e,render:({field:l})=>n(a.Select,{label:"X Axis",data:o,disabled:o.length===0,sx:{flex:1},...l})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Style",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`reference_lines.${t}.lineStyle.type`,control:e,render:({field:l})=>n(a.Select,{label:"Line Type",data:ob,sx:{flexGrow:1},...l})}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.width`,control:e,render:({field:l})=>n(a.NumberInput,{label:"Line Width",min:1,max:10,sx:{flexGrow:1},...l})})]}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`reference_lines.${t}.lineStyle.color`,control:e,render:({field:l})=>n(De,{...l})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`reference_lines.${t}.show_in_legend`,control:e,render:({field:l})=>n(a.Checkbox,{label:"Show in legend",checked:l.value,onChange:d=>l.onChange(d.currentTarget.checked)})}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Reference Line"})]},t)}function db({control:e,watch:t,variables:r}){const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"reference_lines"}),u=t("reference_lines"),l=i.map((b,w)=>({...b,...u[w]})),d=()=>{const b=ib();s(b)},p=m.useMemo(()=>r.map(b=>({label:b.name,value:b.name})),[r]),f=t("x_axes"),g=m.useMemo(()=>f.map(({name:b},w)=>({label:b,value:w.toString()})),[f]),h=l.length>0?l[0].id:"0";return c(a.Tabs,{defaultValue:h,styles:{tab:{paddingTop:"4px",paddingBottom:"4px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[l.map((b,w)=>n(a.Tabs.Tab,{value:b.id,children:b.name},w)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((b,w)=>n(a.Tabs.Panel,{value:b.id,children:n(ub,{control:e,index:w,remove:o,watch:t,variableOptions:p,xAxisOptions:g})},w))]})}function cb(e){const[t,r]=m.useState(e);return m.useEffect(()=>{r(e)},[e]),{tab:t,setTab:r}}const pb=[{label:"No gap between bars",value:"0%"},{label:"Bars overlapping on each other",value:"-100%"}];function hb({control:e,index:t,seriesItem:r}){const i=!!r.barWidth.trim();return c(B,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.stack`,control:e,render:({field:s})=>n(a.TextInput,{label:"Stack",placeholder:"Stack bars by this ID",sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barGap`,control:e,render:({field:s})=>n(a.Select,{label:"Bar Gap",data:pb,sx:{flexGrow:1},...s})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.barMinWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width(Min)",disabled:i,sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width",sx:{flexGrow:1},...s})}),n(x.Controller,{name:`series.${t}.barMaxWidth`,control:e,render:({field:s})=>n(a.TextInput,{label:"Bar Width(Max)",disabled:i,sx:{flexGrow:1},...s})})]})]})}const fb=[{label:"off",value:""},{label:"top",value:"top"},{label:"left",value:"left"},{label:"right",value:"right"},{label:"bottom",value:"bottom"},{label:"inside",value:"inside"},{label:"insideLeft",value:"insideLeft"},{label:"insideRight",value:"insideRight"},{label:"insideTop",value:"insideTop"},{label:"insideBottom",value:"insideBottom"},{label:"insideTopLeft",value:"insideTopLeft"},{label:"insideBottomLeft",value:"insideBottomLeft"},{label:"insideTopRight",value:"insideTopRight"},{label:"insideBottomRight",value:"insideBottomRight"}];function gb({control:e,index:t,remove:r,seriesItem:i,xAxisOptions:s,data:o}){return c(a.Stack,{my:0,p:0,sx:{position:"relative"},children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.name`,control:e,render:({field:u})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...u})}),n(x.Controller,{name:`series.${t}.xAxisIndex`,control:e,render:({field:u})=>n(a.Select,{label:"X Axis",data:s,disabled:s.length===0,sx:{flex:1},...u})})]}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`series.${t}.data_key`,control:e,render:({field:u})=>n(W,{label:"Value Field",required:!0,data:o,sx:{flex:1},...u})}),n(x.Controller,{name:`series.${t}.aggregation_on_value`,control:e,render:({field:u})=>n(jt,{label:"Aggregation on Value",value:u.value??St,onChange:u.onChange,pt:0})})]}),n(a.Group,{grow:!0,children:n(x.Controller,{name:`series.${t}.group_by_key`,control:e,render:({field:u})=>n(W,{label:"Split into multiple series by this key...",data:o,clearable:!0,sx:{flex:1},...u})})}),n(hb,{index:t,control:e,seriesItem:i}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Style",labelPosition:"center"}),n(x.Controller,{name:`series.${t}.label_position`,control:e,render:({field:u})=>n(a.Select,{label:"Label Position",data:fb,...u})}),c(a.Stack,{spacing:4,children:[n(a.Text,{size:"sm",children:"Color"}),n(x.Controller,{name:`series.${t}.color`,control:e,render:({field:u})=>n(De,{...u})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`series.${t}.hide_in_legend`,control:e,render:({field:u})=>n(a.Checkbox,{label:"Hide in legend",checked:u.value,onChange:l=>u.onChange(l.currentTarget.checked)})}),n(x.Controller,{name:`series.${t}.invisible`,control:e,render:({field:u})=>n(a.Checkbox,{label:"Invisible",checked:u.value,onChange:l=>u.onChange(l.currentTarget.checked)})}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),sx:{top:15,right:5},children:"Delete this Series"})]},t)}function mb({control:e,watch:t,data:r}){var b;const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"series"}),u=t("series"),l=i.map((w,C)=>({...w,...u[C]})),d=()=>{const w=rb();s(w)},p=t("x_axes"),f=m.useMemo(()=>p.map(({name:w},C)=>({label:w,value:C.toString()})),[p]),{tab:g,setTab:h}=cb((b=l[0])==null?void 0:b.id);return c(a.Tabs,{value:g,onTabChange:h,styles:{tab:{paddingTop:"4px",paddingBottom:"4px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map(w=>n(a.Tabs.Tab,{value:w.id,children:w.name},w.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((w,C)=>n(a.Tabs.Panel,{value:w.id,children:n(gb,{control:e,index:C,remove:o,seriesItem:w,xAxisOptions:f,data:r},w.id)},w.id))]})}const bb=[{label:"Top",value:"top"},{label:"Bottom",value:"bottom"}];function yb({control:e,index:t,remove:r}){return c(a.Stack,{my:0,p:"0",sx:{position:"relative"},children:[n(a.Divider,{mb:-15,mt:15,variant:"dashed",label:"Name",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`x_axes.${t}.name`,control:e,render:({field:i})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...i})})}),n(a.Divider,{mb:-15,variant:"dashed",label:"Layout",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:`x_axes.${t}.position`,control:e,render:({field:i})=>n(a.Select,{label:"Position",required:!0,data:bb,sx:{flex:1},...i})})}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Label Format",labelPosition:"center"}),n(x.Controller,{name:`x_axes.${t}.label_formatter`,control:e,render:({field:i})=>n(Oe,{...i})})]}),c(a.Stack,{children:[n(a.Divider,{mb:-15,variant:"dashed",label:"Value Range",labelPosition:"center"}),c(a.Group,{grow:!0,children:[n(x.Controller,{name:`x_axes.${t}.min`,control:e,render:({field:i})=>n(a.TextInput,{label:"Min",...i})}),n(x.Controller,{name:`x_axes.${t}.max`,control:e,render:({field:i})=>n(a.TextInput,{label:"Max",...i})})]})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed",label:"Behavior",labelPosition:"center"}),n(x.Controller,{name:`x_axes.${t}.show`,control:e,render:({field:i})=>n(a.Checkbox,{label:"Visible",checked:i.value,onChange:s=>i.onChange(s.currentTarget.checked)})}),n(a.Button,{mt:20,leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>r(t),disabled:t===0,children:"Delete this X Axis"})]})}function vb({control:e,watch:t}){const{fields:r,append:i,remove:s}=x.useFieldArray({control:e,name:"x_axes"}),o=t("x_axes"),u=r.map((p,f)=>({...p,...o[f]})),l=()=>{const p=nb();i(p)},d=u.length>0?u[0].id:"0";return c(a.Tabs,{defaultValue:d,styles:{tab:{paddingTop:"4px",paddingBottom:"4px"},panel:{padding:"0px"}},children:[c(a.Tabs.List,{children:[u.map(p=>n(a.Tabs.Tab,{value:p.id,children:p.name},p.id)),n(a.Tabs.Tab,{onClick:l,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),u.map((p,f)=>n(a.Tabs.Panel,{value:p.id,children:n(yb,{control:e,index:f,remove:s})},p.id))]})}function xb({data:e,control:t,watch:r}){return r(["y_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"y_axis.data_key",control:t,render:({field:i})=>n(W,{label:"Y Axis Data Field",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"y_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"X Axis Name",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"Tick Label",labelPosition:"center"}),n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"y_axis.axisLabel.formatter",control:t,render:({field:i})=>n(Qt,{data:e,...i})})}),n(x.Controller,{name:"y_axis.axisLabel.overflow",control:t,render:({field:i})=>n(Je,{...i})})]})}function Cb({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),{variables:i}=e,s=e.data,o=m.useMemo(()=>v.defaultsDeep({},t,rr),[t]),{control:u,handleSubmit:l,watch:d,getValues:p,reset:f}=x.useForm({defaultValues:o});m.useEffect(()=>{f(o)},[o]),d([]);const g=p(),h=m.useMemo(()=>!v.isEqual(g,o),[g,o]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:l(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Horizontal Bar Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!h,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"Series",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axes",children:"X Axes"}),n(a.Tabs.Tab,{value:"Y Axis",children:"Y Axis"}),n(a.Tabs.Tab,{value:"Series",children:"Series"}),n(a.Tabs.Tab,{value:"Reference Lines",children:"Reference Lines"})]}),n(a.Tabs.Panel,{value:"X Axes",children:n(vb,{control:u,watch:d})}),n(a.Tabs.Panel,{value:"Y Axis",children:n(xb,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Series",children:n(mb,{control:u,watch:d,data:s})}),n(a.Tabs.Panel,{value:"Reference Lines",children:n(db,{variables:i,control:u,watch:d})})]})]})})}class wb extends fe{constructor(){super(...arguments);P(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const _b={displayName:"Horizontal Bar Chart",displayGroup:"ECharts-based charts",migrator:new wb,name:"horizontalBarChart",viewRender:sb,configRender:Cb,createConfig:()=>({version:1,config:rr})};function Sb(){return[{top:20,left:30,right:60,height:40,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{top:70,left:30,right:60,height:100,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{top:180,left:30,right:60,bottom:130,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{left:30,right:60,bottom:20,height:100,containLabel:!1,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0}]}const Fa=({value:e})=>{try{return te(e[2]).format({output:"percent",mantissa:0})}catch(t){return console.error(t),e}};function Tb(e,t,r){return{type:"heatmap",name:"准确估算比例",xAxisIndex:0,yAxisIndex:0,data:t.map(s=>{const o=r[s].length,d=(v.countBy(r[s],p=>p.level.diff===0).true??0)/o;return[s,"_y",d]}),label:{show:!0,formatter:Fa},labelLayout:{hideOverlap:!0},visualMapIndex:0,tooltip:{trigger:"item",formatter:({color:s,value:o})=>`
           <table style="width: auto">
             <thead>
               <tr colspan="2">
@@ -309,17 +309,17 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
             <tbody>
               <tr>
                 <th style="text-align: right;">准确估算比例</th>
-                <td style="text-align: left; padding: 0 1em;">${qa({value:o})}</td>
+                <td style="text-align: left; padding: 0 1em;">${Fa({value:o})}</td>
               </tr>
             </tbody>
           </table>
-        `},show_in_legend:!1}}function Fa(e){const t=[`background-color: ${e}`];return e==="rgba(255, 255, 255, 1)"&&t.push("box-shadow: 0px 0px 1px 0px  rgba(0,0,0,.5)"),t.join(";")}function Tb([e,t]){const r={x:e,v:`${t}`};try{r.v=te(t).format({output:"number",mantissa:2,trimMantissa:!0})}catch{}return r}function kb(e,t,r,i){var d,p;const s=t.map(f=>{const g=r[f],h=v.sumBy(g,b=>b.level.diff);return[f,h/g.length]}),o=Number(((d=v.maxBy(s,f=>f[1]))==null?void 0:d[1])??0),u=Number(((p=v.minBy(s,f=>f[1]))==null?void 0:p[1])??0),l=st.interpolate([o,0,u],["#D15A40","#FFF","#418AAF"]);return{type:"bar",name:"平均偏差",xAxisIndex:1,yAxisIndex:1,...i,data:s,itemStyle:{color:({value:f})=>{try{return l(f[1])}catch{return"#FFF"}}},label:{position:"outside",show:!0,formatter:({value:f})=>{try{return te(f[1]).format({output:"number",mantissa:1,trimMantissa:!0})}catch{return f[1]}}},tooltip:{trigger:"item",formatter:({color:f,value:g})=>{const{x:h,v:b}=Tb(g);return`
+        `},show_in_legend:!1}}function Wa(e){const t=[`background-color: ${e}`];return e==="rgba(255, 255, 255, 1)"&&t.push("box-shadow: 0px 0px 1px 0px  rgba(0,0,0,.5)"),t.join(";")}function kb([e,t]){const r={x:e,v:`${t}`};try{r.v=te(t).format({output:"number",mantissa:2,trimMantissa:!0})}catch{}return r}function Db(e,t,r,i){var d,p;const s=t.map(f=>{const g=r[f],h=v.sumBy(g,b=>b.level.diff);return[f,h/g.length]}),o=Number(((d=v.maxBy(s,f=>f[1]))==null?void 0:d[1])??0),u=Number(((p=v.minBy(s,f=>f[1]))==null?void 0:p[1])??0),l=st.interpolate([o,0,u],["#D15A40","#FFF","#418AAF"]);return{type:"bar",name:"平均偏差",xAxisIndex:1,yAxisIndex:1,...i,data:s,itemStyle:{color:({value:f})=>{try{return l(f[1])}catch{return"#FFF"}}},label:{position:"outside",show:!0,formatter:({value:f})=>{try{return te(f[1]).format({output:"number",mantissa:1,trimMantissa:!0})}catch{return f[1]}}},tooltip:{trigger:"item",formatter:({color:f,value:g})=>{const{x:h,v:b}=kb(g);return`
           <table style="width: auto">
             <thead>
               <tr colspan="2">
                 <div style="
                   width: 100%; height: 4px; border-radius: 2px; margin-bottom: 6px;
-                  ${Fa(f)}
+                  ${Wa(f)}
                 "/>
               </tr>
               <tr>
@@ -335,13 +335,13 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
               </tr>
             </tbody>
           </table>
-        `}},show_in_legend:!1}}function Db([e,t,r,i]){const s={x:e,percentage:`${t}`,count:r,sum:i};try{s.percentage=te(t).format({output:"percent",mantissa:2,trimMantissa:!0})}catch{}return s}function Ib(e,t,r,i){const s={};t.forEach(f=>{const g=v.countBy(r[f],b=>b.level.diff),h=v.sum(Object.values(g));Object.entries(g).forEach(([b,w])=>{s[b]||(s[b]=[]);const C=w/h;s[b].push([f,C,w,h])})});const o=Object.entries(s).map(([f])=>Number(f)).sort((f,g)=>f-g),u=Math.max(...o),l=Math.min(...o),d=st.interpolate([u,0,l],["#D15A40","#FFF","#418AAF"]);return o.map(f=>({type:"bar",name:f,xAxisIndex:2,yAxisIndex:2,stack:1,...i,color:d(f),data:s[f],tooltip:{trigger:"item",formatter:({color:g,value:h})=>{const{x:b,percentage:w,count:C,sum:S}=Db(h);return`
+        `}},show_in_legend:!1}}function Ib([e,t,r,i]){const s={x:e,percentage:`${t}`,count:r,sum:i};try{s.percentage=te(t).format({output:"percent",mantissa:2,trimMantissa:!0})}catch{}return s}function Mb(e,t,r,i){const s={};t.forEach(f=>{const g=v.countBy(r[f],b=>b.level.diff),h=v.sum(Object.values(g));Object.entries(g).forEach(([b,w])=>{s[b]||(s[b]=[]);const C=w/h;s[b].push([f,C,w,h])})});const o=Object.entries(s).map(([f])=>Number(f)).sort((f,g)=>f-g),u=Math.max(...o),l=Math.min(...o),d=st.interpolate([u,0,l],["#D15A40","#FFF","#418AAF"]);return o.map(f=>({type:"bar",name:f,xAxisIndex:2,yAxisIndex:2,stack:1,...i,color:d(f),data:s[f],tooltip:{trigger:"item",formatter:({color:g,value:h})=>{const{x:b,percentage:w,count:C,sum:S}=Ib(h);return`
           <table style="width: auto">
             <thead>
               <tr colspan="2">
                 <div style="
                   width: 100%; height: 4px; border-radius: 2px; margin-bottom: 6px;
-                  ${Fa(g)}
+                  ${Wa(g)}
                   "
                 />
               </tr>
@@ -370,8 +370,8 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
               </tr>
             </tbody>
           </table>
-        `}},show_in_legend:!0}))}function Mb(e,t,r,i){const s=t.data_key,o=t.name,u=r.map(l=>{const d=v.sumBy(i[l],s);return[l,d]});return{type:"line",name:o,xAxisIndex:3,yAxisIndex:3,color:"#b41529",data:u,show_in_legend:!1}}function Ab(e,t,r,i){const u={barMinWidth:5,barMaxWidth:20};return[Sb(e,r,i),kb(e,r,i,u),...Ib(e,r,i,u),Mb(e,t,r,i)]}function $b(e,t){const{axisLabel:r}=e.x_axis;return[{data:t,id:"准确估算比例",gridIndex:0,axisTick:{show:!1},axisLabel:{show:!1},axisLine:{show:!1},type:"category"},{data:t,id:"平均偏差",gridIndex:1,axisTick:{show:!1},axisLabel:{show:!1},axisLine:{show:!0,lineStyle:{color:"#FFFFFF",width:2}},type:"category"},{data:t,id:"数量占比",gridIndex:2,axisTick:{show:!1},axisLabel:{show:!1},axisLine:{show:!1},type:"category"},{data:t,id:"代码当量",gridIndex:3,axisTick:{show:!1},type:"category",axisLabel:{...r,formatter:xa(r.formatter)},axisLine:{show:!1}}]}function zb(e){return[{type:"category",name:"准确估算比例",nameRotate:0,nameGap:5,nameLocation:"end",nameTextStyle:{align:"left"},gridIndex:0,axisLabel:{show:!1},axisTick:{show:!1},axisLine:{show:!1},splitLine:{show:!1}},{type:"value",name:"平均偏差",nameGap:5,nameRotate:90,nameLocation:"middle",gridIndex:1,boundaryGap:[1,1],axisLabel:{show:!1},axisTick:{show:!1},axisLine:{show:!1},splitLine:{show:!1}},{type:"value",name:"数量占比",nameGap:5,nameRotate:90,nameLocation:"middle",gridIndex:2,axisLabel:{show:!1},axisTick:{show:!1},axisLine:{show:!1},splitLine:{show:!1},min:0,max:1},{type:"value",gridIndex:3,position:"right",splitNumber:3,axisLabel:{show:!0,verticalAlign:"top",showMinLabel:!1,lineHeight:14},axisTick:{show:!1},axisLine:{show:!1},splitLine:{show:!1}},{type:"value",name:e.name,nameGap:5,nameRotate:90,nameLocation:"middle",gridIndex:3,position:"left",axisLabel:{show:!1},axisTick:{show:!1},axisLine:{show:!1},splitLine:{show:!1}}]}function ir(e){return e==1||e==2?1:ir(e-2)+ir(e-1)}const Eb=Array.from(new Array(20),(e,t)=>ir(t+1));function Wa(e){return e<=1?e:Eb.findIndex(t=>e<=t)-1}function Lb(e,t){const{estimated_value:r,actual_value:i}=e.deviation.data_keys;return t.map(s=>{const o=Wa(s[r]),u=Wa(s[i]),l=o-u;return{...s,level:{estimated:o,actual:u,diff:l}}})}function Pb(e){return e==="rgba(255, 255, 255, 1)"?{borderColor:"rgba(0,0,0,.1)",borderWidth:1}:{}}function Ob(e){return{show:!0,orient:"vertical",top:"middle",right:0,data:e.filter(r=>r.show_in_legend).reverse().map(r=>({name:`${r.name}`,color:r.color,itemStyle:Pb(r.color)})),tooltip:{show:!0,formatter:"档位偏差：{a}"}}}const Vb={tooltip:{trigger:"axis"}};function Bb(e,t){const{deviation:r,metrics:i}=e,s=i.find(u=>u.data_key===t);if(s)return s;const o=r.data_keys.actual_value;return{id:o,name:r.name,data_key:o}}function Nb(e,t,r){const i=Lb(e,r),s=v.uniqBy(r,e.x_axis.data_key).map(p=>p[e.x_axis.data_key]),o=v.groupBy(i,e.x_axis.data_key),u=Bb(e,t),l=Ab(e,u,s,o),d={xAxis:$b(e,s),yAxis:zb(u),series:l,grid:_b(),visualMap:[{min:0,max:1,calculable:!0,show:!1,seriesIndex:0,color:["#F0F0F0","#418AAF"]}],legend:Ob(l)};return v.defaultsDeep({},d,Vb)}const ar={x_axis:{name:"",data_key:"",axisLabel:{rotate:0,formatter:{...Jt}}},deviation:{name:"",data_keys:{estimated_value:"",actual_value:""}},metrics:[]},Gb={input:{border:"none !important",paddingLeft:0,lineHeight:"1.55 !important"}},qb=({conf:e,metricKey:t,setMetricKey:r})=>{const{deviation:i,metrics:s}=e,o=m.useMemo(()=>{const u=s.map(l=>({label:l.name,value:l.data_key}));return u.push({label:i.name?i.name:i.data_keys.actual_value,value:i.data_keys.actual_value}),u},[i,s]);return c(a.Group,{spacing:1,children:[n(a.Text,{size:12,color:"dimmed",sx:{cursor:"default",userSelect:"none"},children:"基线指标"}),n(a.NativeSelect,{size:"xs",data:o,value:t,onChange:u=>r(u.currentTarget.value),styles:Gb})]})},Fb={"tbody th, tbody td":{padding:"7px 10px"},"tbody tr:not(:first-of-type) th":{borderTop:"1px solid #dee2e6"}};function Wb(){return c(a.HoverCard,{width:400,shadow:"md",children:[n(a.HoverCard.Target,{children:n(a.Button,{size:"xs",variant:"subtle",compact:!0,leftIcon:n(V.IconInfoCircle,{size:14}),children:"指标说明"})}),n(a.HoverCard.Dropdown,{children:n(a.Table,{fontSize:14,sx:Fb,children:c("tbody",{children:[c("tr",{children:[n("th",{children:"估算偏差"}),n("td",{children:"使用斐波那契数列（1，2，3，5，8，13）估算故事点，每个数位为一个档位，计算issue实际故事点与估算故事点的档位偏差，即为估算偏差。如估算故事点为5，实际故事点为8，则估算偏差为-1。"})]}),c("tr",{children:[n("th",{children:"准确估算比例"}),n("td",{children:"偏差在 ± 1 档位内的 issue 均为准确估算，以此计算准确估算的比例。"})]})]})})})]})}function jb(e){return c(a.Group,{position:"apart",children:[n(Wb,{}),n(qb,{...e})]})}le.use([de.BarChart,de.LineChart,de.HeatmapChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer,N.VisualMapComponent]);function Yb({conf:e,data:t,width:r,height:i,metricKey:s}){const o=m.useMemo(()=>Nb(e,s,t),[e,t,s]);return!r||!i?null:n(Ae,{echarts:le,option:o,style:{width:r,height:i},notMerge:!0,theme:"merico-light"})}function Rb({context:e}){const{value:t}=F(e.instanceData,"config"),r=m.useMemo(()=>v.defaults({},t,ar),[t]),i=e.data,{width:s,height:o}=e.viewport,{x_axis:u,deviation:l}=r,{estimated_value:d,actual_value:p}=l.data_keys,[f,g]=m.useState(p);if(m.useEffect(()=>{g(w=>w||p)},[p]),!u.data_key||!d||!p)return null;const h=Math.max(s,300),b=Math.max(o,370);return c(a.Box,{sx:{overflow:"hidden",height:b,width:h},children:[n(jb,{conf:r,metricKey:f,setMetricKey:g}),n(Yb,{width:h,height:b-30,data:i,conf:r,metricKey:f})]})}function Qb({data:e,control:t,watch:r}){return r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.data_key",control:t,render:({field:i})=>n(W,{label:"数据字段",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"X轴名称",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"点位文案",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"旋转",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"度"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(_a,{data:e,...i})})]})]})}function Ub({data:e,control:t,watch:r}){return r(["deviation"]),c(a.Stack,{children:[n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"deviation.name",control:t,render:({field:i})=>n(a.TextInput,{label:"指标名称",sx:{flex:1},...i})})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"deviation.data_keys.estimated_value",control:t,render:({field:i})=>n(W,{label:"估算值字段",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"deviation.data_keys.actual_value",control:t,render:({field:i})=>n(W,{label:"实际值字段",required:!0,data:e,sx:{flex:1},...i})})]})]})}const Xb=({control:e,data:t,index:r,remove:i})=>c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`metrics.${r}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`metrics.${r}.data_key`,control:e,render:({field:s})=>n(W,{label:"Value Field",required:!0,data:t,sx:{flex:1},...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Metric"})]}),Zb=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"metrics"}),u=t("metrics"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>s({id:Date.now().toString(),data_key:"",name:""}),p=t("metrics.0.id"),[f,g]=m.useState(()=>p??null);return m.useEffect(()=>{p&&g(h=>h!==null?h:p)},[p]),c(B,{children:[c(a.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[n(k.InfoCircle,{size:14,color:"#888"}),n(a.Text,{size:14,color:"#888",children:"设置可以展示在基线图的指标，例如代码当量"})]}),n(a.Divider,{variant:"dashed",my:10}),c(a.Tabs,{value:f,onTabChange:h=>g(h),styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:h.id,children:h.name?h.name:b},h.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:h.id,children:n(Xb,{control:e,index:b,remove:o,data:r},h.id)},h.id))]})]})};function Kb({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,ar),[t]),{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l([]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,s),[f,s]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Merico Estimation Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"12px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X 轴"}),n(a.Tabs.Tab,{value:"Deviation",children:"偏差"}),n(a.Tabs.Tab,{value:"Additional Metrics",children:"指标"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(Qb,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Deviation",children:n(Ub,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Additional Metrics",children:n(Zb,{control:o,watch:l,data:i})})]})]})})}class Jb extends fe{constructor(){super(...arguments);O(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const Hb={displayName:"Merico Estimation Chart",displayGroup:"Merico suite",migrator:new Jb,name:"mericoEstimationChart",viewRender:Rb,configRender:Kb,createConfig:()=>({version:1,config:ar})},ey=[{value:"#25262B",name:"Dark"},{value:"#868E96",name:"Gray"},{value:"#FA5252",name:"Red"},{value:"#E64980",name:"Pink"},{value:"#BE4BDB",name:"Grape"},{value:"#7950F2",name:"Violet"},{value:"#4C6EF5",name:"Indigo"},{value:"#228BE6",name:"Blue"},{value:"#15AABF",name:"Cyan"},{value:"#12B886",name:"Teal"},{value:"#40C057",name:"Green"},{value:"#82C91E",name:"Lime"},{value:"#FAB005",name:"Yellow"},{value:"#FD7E14",name:"Orange"}].map(e=>({name:e.name,value:e.value,type:"single",category:"basic"})),ty=[Zo,Ko,el,Ho,Jo,tl],ja=()=>({id:"dashboard",version:Tn,manifest:{viz:[Kn,Vf,nm,gh,ig,xp,wb,dl,tu,ac,Ec,Vm,cp,Vd,Tf,Op,dh,dm,Hb,gu],color:[...ey,...ty]}}),It=new il,be={pluginManager:Ye("pluginManager"),vizManager:Ye("vizManager"),colorManager:Ye("colorManager"),instanceScope:{panelModel:Ye("panelModel"),vizInstance:Ye("vizInstance"),interactionManager:Ye("interactionManager"),migrator:Ye("migrator"),operationManager:Ye("operationManager"),triggerManager:Ye("triggerManager")}},sr=()=>{try{It.install(ja())}catch{}const e=new Qo(It),t=new rl(It);return{pluginManager:It,vizManager:e,colorManager:t}},qe=m.createContext(sr());try{It.install(ja())}catch{}function ny(e,t){const{value:r,set:i}=F(e.operation.operationData,"config"),[s,o]=m.useState(v.defaults({},r,t)),u=async()=>{await i(s)};return m.useEffect(()=>{o(v.defaults({},r,t))},[r]),{config:s,setConfig:o,commit:u}}function ry(e){const{config:t,setConfig:r,commit:i}=ny(e,{urlTemplate:"",openInNewTab:!0});async function s(){await i()}async function o(l){r({...t,openInNewTab:l}),await i()}const u=l=>r({...t,urlTemplate:l.currentTarget.value});return c(a.Stack,{children:[n(a.TextInput,{label:"Url",value:t.urlTemplate,onChange:u,onBlur:s}),n(a.Switch,{label:"Open in new Tab",checked:t.openInNewTab,onChange:l=>o(l.currentTarget.checked)})]})}async function iy(e,t){const{urlTemplate:r,openInNewTab:i}=await t.operationData.getItem("config");window.dispatchEvent(new CustomEvent("open-link",{detail:{urlTemplate:r,openInNewTab:i,payload:e}}))}class ay extends fe{constructor(){super(...arguments);O(this,"VERSION",1)}configVersions(){this.version(1,r=>r)}}const sy={displayName:"Open Link",id:"builtin:op:open-link",configRender:ry,run:iy,migrator:new ay,createDefaultConfig:()=>({version:1,config:{urlTemplate:"",openInNewTab:!0}})};function oy(e){const{value:t,set:r}=F(e.operationData,"config"),i=s=>void r({template:s});return[(t==null?void 0:t.template)||"",i]}function ly(e){const[t,r]=oy(e.operation);return n(a.TextInput,{defaultValue:t,onBlur:i=>r(i.currentTarget.value),label:"console.log"})}async function uy(e,t){const r=await t.operationData.getItem("config"),i=v.template(r.template||"");console.log("run with payload",e),console.log(i(e))}const dy={displayName:"console.log (debug)",id:"builtin:op:debug",configRender:ly,run:uy},cy=T.observer(e=>{const t=Y(),{value:r,set:i}=F(e.operation.operationData,"config");console.log({value:r,viewID:r==null?void 0:r.viewID});const s=(r==null?void 0:r.viewID)||"",o=u=>void i({viewID:u});return n(a.Select,{defaultValue:s,value:s,onChange:o,label:"View",data:t.views.options})});async function py(e,t){const i=(await t.operationData.getItem("config")).viewID;window.dispatchEvent(new CustomEvent("open-view",{detail:{viewID:i}}))}const hy={displayName:"Open View",id:"builtin:op:open_view",configRender:cy,run:py},fy={dictionary:{}},gy=T.observer(e=>{const t=Y(),{value:r=fy,set:i}=F(e.operation.operationData,"config"),{dictionary:s={}}=r,o=(d,p)=>{i({dictionary:{...s,[d]:p}})},u=()=>{o(t.filters.firstFilterValueKey,"")},l=d=>{const p={...s};delete p[d],i({dictionary:p})};return c(a.Stack,{spacing:10,children:[n(a.Text,{children:"Mapping Rules"}),Object.entries(s).map(([d,p])=>c(a.Flex,{justify:"space-between",gap:10,children:[n(a.TextInput,{label:"Payload key",value:p,onChange:f=>{o(d,f.currentTarget.value)},sx:{flexGrow:1}}),n(W,{data:[t.filters.values],value:d,onChange:f=>{o(f,p)},label:"Filter key",sx:{flexGrow:1}}),n(a.ActionIcon,{onClick:()=>l(d),sx:{marginTop:"26px",flexGrow:0},children:n(k.Trash,{size:14,color:"red"})})]},d)),n(a.Button,{size:"xs",onClick:u,sx:{alignSelf:"center",width:"300px"},children:"Add one mapping rule"})]})});async function my(e,t){const i=(await t.operationData.getItem("config")).dictionary;window.dispatchEvent(new CustomEvent("set-filter-values",{detail:{dictionary:i,payload:e}}))}const by={displayName:"Set Filter Values",id:"builtin:op:set_filter_values",configRender:gy,run:my},yy={filter_keys:[]},vy=T.observer(e=>{const t=Y(),{value:r=yy,set:i}=F(e.operation.operationData,"config"),{filter_keys:s=[]}=r,o=l=>{i({filter_keys:[...l]})},u=m.useMemo(()=>t.filters.current.map(l=>({label:l.label,value:l.key})),[t.filters.values]);return n(a.Stack,{spacing:10,children:n(a.MultiSelect,{label:"Select Filters to Clear",data:u,value:s,onChange:o})})});async function xy(e,t){const i=(await t.operationData.getItem("config")).filter_keys;window.dispatchEvent(new CustomEvent("clear-filter-values",{detail:{filter_keys:i,payload:e}}))}const tn=[dy,sy,hy,by,{displayName:"Clear Filter Values",id:"builtin:op:clear_filter_values",configRender:vy,run:xy}];class Cy{constructor(t,r=tn){O(this,"attachments");this.operations=r;const i=async s=>{const{id:o,schemaRef:u}=await s.getItem(null);return{id:o,schemaRef:u,operationData:new lt(s,"data")}};this.attachments=new Sn(t,"__OPERATIONS",i)}async runOperation(t,r){const i=await this.attachments.getInstance(t);if(!i){console.warn(`Operation '${t}' is not defined`);return}const s=this.tryGetSchema(i.schemaRef);if(!s){console.warn(`Operation schema '${i.schemaRef}' is not defined`);return}await s.run(r,i)}tryGetSchema(t){return this.operations.find(r=>r.id===t)}async needMigration(){const r=(await this.attachments.list()).map(async i=>{const s={configData:i.operationData},o=this.tryGetSchema(i.schemaRef),u=o==null?void 0:o.migrator;return u&&await u.needMigration(s)});return(await Promise.all(r)).some(i=>i)}async runMigration(){const r=(await this.attachments.list()).map(async i=>{const s={configData:i.operationData},o=this.tryGetSchema(i.schemaRef),u=o==null?void 0:o.migrator;u&&await u.needMigration(s)&&await u.migrate(s)});await Promise.all(r)}async createOrGetOperation(t,r){var u;if(!this.getOperationSchemaList().some(l=>l.id===r.id))throw new Error(`Operation schema '${r.id}' is not defined`);const s=await this.attachments.getInstance(t);return!s||s.schemaRef!==r.id?await this.attachments.create(t,{id:t,schemaRef:r.id,data:((u=r.createDefaultConfig)==null?void 0:u.call(r))??{}}):s}getOperationList(){return this.attachments.list()}getOperationSchemaList(){return this.operations}removeOperation(t){return this.attachments.remove(t)}async retrieveTrigger(t){return await this.attachments.getInstance(t)}}const Ya="__TRIGGERS";class wy{constructor(t,r){O(this,"attachments");this.instance=t,this.component=r;const i=async s=>{const{id:o,schemaRef:u}=await s.getItem(null);return{id:o,schemaRef:u,triggerData:new lt(s,"data")}};this.attachments=new Sn(t,Ya,i)}watchTriggerSnapshotList(t){return this.instance.instanceData.watchItem(Ya,r=>{const i=v.values(r).map(s=>({id:v.get(s,"id"),schemaRef:v.get(s,"schemaRef"),config:se.toJS(v.get(s,"data.config"))}));t(i)},{fireImmediately:!0})}async createOrGetTrigger(t,r,i={recreate:!1}){var l;if(!this.getTriggerSchemaList().some(d=>d.id===r.id))throw new Error(`Trigger schema '${r.id}' is not defined in component '${this.component.name}'`);const o=await this.attachments.getInstance(t);return!o||i.recreate||o.schemaRef!==r.id?await this.attachments.create(t,{id:t,schemaRef:r.id,data:((l=r==null?void 0:r.createDefaultConfig)==null?void 0:l.call(r))||{}}):o}async getTriggerList(){return await this.attachments.list()}getTriggerSchemaList(){return this.component.triggers||[]}async removeTrigger(t){await this.attachments.remove(t)}async retrieveTrigger(t){return await this.attachments.getInstance(t)}async getMigrationTasks(){const r=(await this.getTriggerList()).map(async i=>{const s=this.getTriggerSchemaList().find(l=>l.id===i.schemaRef),o=s==null?void 0:s.migrator,u={configData:i.triggerData};return o&&await o.needMigration(u)?()=>o.migrate(u):null});return Promise.all(r).then(i=>i.filter(s=>s))}async needMigration(){return(await this.getMigrationTasks()).length>0}async runMigration(){const t=await this.getMigrationTasks();await Promise.all(t.map(r=>r()))}}class or{constructor(t,r,i){O(this,"operationManager");O(this,"triggerManager");O(this,"attachments");this.operationManager=new Cy(t,i),this.triggerManager=new wy(t,r);const s=async o=>{const{id:u,triggerRef:l,operationRef:d}=await o.getItem(null);return{id:u,triggerRef:l,operationRef:d}};this.attachments=new Sn(t,"__INTERACTIONS",s)}async addInteraction(t,r){const i=t.id,s=r.id,o=`[${i}]:[${s}]`;await this.attachments.create(o,{id:o,triggerRef:i,operationRef:s})}getInteractionList(){return this.attachments.list()}async removeInteraction(t){const r=await this.attachments.getInstance(t);if(!r)return;const{triggerRef:i,operationRef:s}=r;await this.getTriggerRefCount(i)<=1&&await this.triggerManager.removeTrigger(i),await this.getOperationRefCount(s)<=1&&await this.operationManager.removeOperation(s),await this.attachments.remove(t)}async getOperationRefCount(t){return(await this.getInteractionList()).filter(i=>i.operationRef===t).length}async getTriggerRefCount(t){return(await this.getInteractionList()).filter(i=>i.triggerRef===t).length}async runInteraction(t,r){const s=(await this.getInteractionList()).filter(o=>o.triggerRef===t);await Promise.all(s.map(async o=>{try{return await this.operationManager.runOperation(o.operationRef,r)}catch(u){console.warn(`Failed to run operation '${o.operationRef}'`,u)}}))}}const Fe=({vizManager:e,instance:t})=>Z.useCreation(()=>new or(t,e.resolveComponent(t.type),tn),[t,e]),Ra=e=>{const{title:t="Variables",variables:r}=e,i=ve.useClipboard(),s=o=>{i.copy(o),Vt.showNotification({color:"green",message:"Copied to clipboard"})};return c(a.Paper,{withBorder:!0,p:"sm",children:[n(a.Text,{size:"xs",color:"dimmed",mb:"sm",children:t}),n(a.Stack,{style:{maxHeight:"500px"},children:r.map(o=>c(a.Text,{size:"sm",children:[c(a.Code,{color:"teal",children:["// ",o.description]}),n("br",{}),c(a.Code,{onClick:()=>s(o.name),style:{cursor:"pointer"},children:[o.name," : ",o.valueType]})]},o.name))})]})};class _y{constructor(t,r){O(this,"operationId");O(this,"operation");O(this,"operationSchema");O(this,"variables",[]);this.operationManager=t,this.instance=r,se.makeAutoObservable(this)}get schemaList(){return this.operationManager.getOperationSchemaList()}async configOperation(t,r){const i=await this.operationManager.retrieveTrigger(t),s=this.operationManager.getOperationSchemaList().find(o=>o.id===(i==null?void 0:i.schemaRef));se.runInAction(()=>{this.operationId=t,this.operation=i,this.operationSchema=s,this.variables=r})}async changeSchema(t){this.operationId&&(await this.operationManager.createOrGetOperation(this.operationId,t),await this.configOperation(this.operationId,this.variables))}}function Sy(e){return!!e.operationId}const Ty=T.observer(({model:e,onClick:t})=>{var i;const r=(i=e.operationSchema)==null?void 0:i.displayName;return n(a.Button,{variant:"outline",onClick:t,children:r})}),ky=T.observer(({model:e})=>{const t={operation:e.operation,instance:e.instance,variables:[]};return m.createElement(e.operationSchema.configRender,t)});function Dy({model:e}){const t=e.schemaList,r=t.map(s=>({label:s.displayName,value:s.id}));async function i(s){await e.changeSchema(t.find(o=>o.id===s))}return n(a.Select,{label:"Operation",data:r,onChange:i,value:e.operationSchema.id})}const Iy=T.observer(e=>{const[t,{setTrue:r,setFalse:i}]=Z.useBoolean(!1),{operationManager:s,operationId:o,instance:u,variables:l}=e,d=Z.useCreation(()=>new _y(s,u),[s,u]);return Z.useAsyncEffect(async()=>{await d.configOperation(o,l)},[o,d]),Sy(d)?c(B,{children:[n(Ty,{model:d,onClick:r}),n(a.Modal,{size:600,opened:t,onClose:i,title:"Operation Settings",closeButtonLabel:"close",zIndex:320,children:c(a.Stack,{children:[n(Dy,{model:d}),n(ky,{model:d}),n(Ra,{title:"Variables",variables:d.variables})]})})]}):null});class My{constructor(t,r){O(this,"triggerId");O(this,"trigger");O(this,"triggerSchema");O(this,"sampleData");this.triggerManager=t,this.instance=r,se.makeAutoObservable(this)}get schemaList(){return this.triggerManager.getTriggerSchemaList()}async configTrigger(t,r){const i=await this.triggerManager.retrieveTrigger(t),s=this.triggerManager.getTriggerSchemaList().find(o=>o.id===(i==null?void 0:i.schemaRef));se.runInAction(()=>{this.triggerId=t,this.trigger=i,this.triggerSchema=s,this.sampleData=r})}async changeSchema(t){this.triggerId&&(await this.triggerManager.createOrGetTrigger(this.triggerId,t),await this.configTrigger(this.triggerId,this.sampleData))}isReady(){return Ay(this)}}function Ay(e){return!!e.triggerId&&!!e.triggerSchema}function $y(e,t){return Z.useCreation(()=>new My(e,t),[e,t])}const zy=T.observer(({model:e,onClick:t})=>{const r=e.triggerSchema.nameRender,i={trigger:e.trigger,instance:e.instance,sampleData:e.sampleData};return n(a.Button,{variant:"outline",onClick:t,children:m.createElement(r,i)})}),Ey=T.observer(({model:e})=>{const t=e.schemaList,r=t.map(s=>({label:s.displayName,value:s.id}));async function i(s){await e.changeSchema(t.find(o=>o.id===s))}return n(a.Select,{label:"Trigger",data:r,value:e.triggerSchema.id,onChange:i})}),Ly=T.observer(({model:e})=>{const t={trigger:e.trigger,instance:e.instance,sampleData:e.sampleData};return m.createElement(e.triggerSchema.configRender,t)}),Py=T.observer(e=>{const[t,{setTrue:r,setFalse:i}]=Z.useBoolean(!1),s=e.model;return c(B,{children:[n(a.Modal,{opened:t,onClose:i,title:"Setup Trigger",closeButtonLabel:"close setup",zIndex:320,children:c(a.Stack,{children:[n(Ey,{model:s}),n(Ly,{model:s}),n(Ra,{title:"Payload",variables:s.triggerSchema.payload})]})}),n(zy,{onClick:r,model:s})]})});function Oy(e,t){const[r,i]=m.useState([]);return Z.useAsyncEffect(async()=>{const s=await e.getInteractionList();i(s)},[t,e]),r}const Vy=T.observer(({item:e,manager:t,instance:r,sampleData:i,variables:s,onRemove:o})=>{const{triggerRef:u,operationRef:l}=e,d=$y(t.triggerManager,r);if(Z.useAsyncEffect(async()=>{await d.configTrigger(u,i)},[d,u,i]),d.isReady()){const p=[...d.triggerSchema.payload,...s];return c(a.Group,{children:[n(Py,{model:d}),n(Iy,{instance:r,operationId:l,variables:p,operationManager:t.operationManager}),n(a.ActionIcon,{"aria-label":"delete-interaction",variant:"filled",color:"red",onClick:()=>o(e),children:n(k.Trash,{size:16})})]})}return null}),By=e=>{const[t,r]=m.useState(0),{interactionManager:i,instance:s,sampleData:o,variables:u}=e,l=Oy(i,t),d=async()=>{const h=await i.triggerManager.createOrGetTrigger(ve.randomId(),i.triggerManager.getTriggerSchemaList()[0]),b=await i.operationManager.createOrGetOperation(ve.randomId(),i.operationManager.getOperationSchemaList()[0]);await i.addInteraction(h,b),r(w=>w+1)};async function p(h){await i.removeInteraction(h.id),r(b=>b+1)}const{data:f=0,loading:g}=Z.useRequest(async()=>{try{return(await i.triggerManager.getTriggerSchemaList()).length}catch{return 0}});return c(a.Stack,{children:[n(a.LoadingOverlay,{visible:g}),f===0&&n(a.Alert,{icon:n(k.AlertCircle,{size:16}),title:"Unavailable",color:"gray",children:"This visualization does not have available interactions to choose from"}),l.map(h=>n(Vy,{onRemove:p,instance:s,sampleData:o,variables:u,item:h,manager:e.interactionManager},h.id)),n(a.Button,{style:{width:"fit-content"},onClick:()=>d(),disabled:f===0,children:"Add interaction"})]})},Ny=()=>{const{panel:e,data:t}=Ce(),r=e.viz,{vizManager:i}=m.useContext(qe),s=e.json,o=Z.useCreation(()=>i.getOrCreateInstance(s),[i,s]),u=Z.useCreation(()=>new or(o,i.resolveComponent(r.type),tn),[o,r.type]);return m.useEffect(()=>o.instanceData.watchItem(null,v.throttle(l=>{e.viz.setConf(l)},100,{leading:!1,trailing:!0})),[o]),{instance:o,vizManager:i,interactionManager:u,sampleData:t,variables:[]}},Gy=()=>{const e=Ny();return n(By,{...e})};var Qa=(e=>(e.migrated="migrated",e.nothingToMigrate="nothingToMigrate",e.checkFailed="checkFailed",e.migrationFailed="migrationFailed",e))(Qa||{}),nn=(e=>(e.notStarted="notStarted",e.inProgress="inProgress",e.done="done",e))(nn||{});class qy{constructor(t){O(this,"vizInstance");O(this,"operationManager");O(this,"triggerManager");O(this,"vizManager");O(this,"runningMigration");O(this,"panelModel");O(this,"status","notStarted");this.panelModel=t.getRequired(be.instanceScope.panelModel),this.vizInstance=t.getRequired(be.instanceScope.vizInstance),this.operationManager=t.getRequired(be.instanceScope.operationManager),this.triggerManager=t.getRequired(be.instanceScope.triggerManager),this.vizManager=t.getRequired(be.vizManager)}async createMigrationTask(){const t=[];try{await this.instanceNeedMigration()&&t.push(()=>this.runInstanceMigration()),await this.interactionNeedMigration()&&t.push(()=>this.runInteractionMigration())}catch(r){return console.warn("check migration failed",r),"checkFailed"}if(t.length===0)return"nothingToMigrate";try{return await Promise.all(t.map(r=>r())),"migrated"}catch(r){return console.warn("migration failed",r),"migrationFailed"}}async runMigration(){return this.runningMigration||(this.status="inProgress",this.runningMigration=this.createMigrationTask().then(t=>(this.status="done",t))),this.runningMigration}async runInteractionMigration(){await this.operationManager.runMigration(),await this.triggerManager.runMigration()}async runInstanceMigration(){const t=this.vizManager.resolveComponent(this.vizInstance.type),r={configData:this.vizInstance.instanceData,panelModel:this.panelModel};await t.migrator.migrate(r)}async instanceNeedMigration(){const t=this.vizManager.resolveComponent(this.vizInstance.type),r={configData:this.vizInstance.instanceData};return t.migrator.needMigration(r)}async interactionNeedMigration(){return await this.operationManager.needMigration()||await this.triggerManager.needMigration()}}function Ua(e){const{panel:t}=Ce();return m.useCallback(r=>{const i=r.getRequired(be.vizManager),s=i.resolveComponent(e.viz.type);return r.createScoped().provideFactory(be.instanceScope.vizInstance,()=>i.getOrCreateInstance(e)).provideFactory(be.instanceScope.interactionManager,o=>{const u=o.getRequired(be.instanceScope.vizInstance);return new or(u,s,tn)}).provideFactory(be.instanceScope.operationManager,o=>o.getRequired(be.instanceScope.interactionManager).operationManager).provideFactory(be.instanceScope.triggerManager,o=>o.getRequired(be.instanceScope.interactionManager).triggerManager).provideValue(be.instanceScope.panelModel,t).provideFactory(be.instanceScope.migrator,o=>new qy(o))},[e.viz.type,e.viz.conf])}function Xa(e){const[t,r]=m.useState(!1),i=Ei().getRequired(be.instanceScope.migrator);return Z.useAsyncEffect(async()=>{const s=i.status===nn.notStarted;r(i.status===nn.done),i.status===nn.notStarted&&i.runMigration().then(o=>{o===Qa.migrated&&s&&(e==null||e())}).finally(()=>{r(!0)})},[i]),t}function Za(e,t){const r=Ei().getRequired(be.instanceScope.vizInstance);return m.useEffect(()=>(r.instanceData.setItem(null,t.viz.conf),r.instanceData.watchItem(null,i=>{e(i)})),[e,t.viz.type]),r}function Fy({setVizConf:e,...t}){const{panel:r}=t,i=Za(e,r),s=Xa(()=>{Vt.showNotification({title:`${r.title} - Updated`,message:"Your plugin configuration has been migrated to the latest version"})});return Z.useAsyncEffect(async()=>{await i.instanceData.setItem(null,r.viz.conf)},[i,r.viz.type]),s?n(Xo,{...t}):n(a.Text,{children:"Checking update..."})}function Wy(e){const{panel:t,setVizConf:r}=e;Za(r,t);const{inEditMode:i}=m.useContext(Ke);return Xa(()=>{i&&Vt.showNotification({title:`${t.title} - Updated`,message:"Your plugin configuration has been migrated to the latest version"})})?n(Uo,{...e}):n(a.Text,{children:"Checking update"})}const U1="";function jy(e,t){const{vizManager:r}=m.useContext(qe),{panel:{viz:i,title:s,id:o,description:u,queryID:l,variables:d}}=Ce(),p={title:s,id:o,description:u,queryID:l,viz:i,layout:t},f=Ua(p);try{return r.resolveComponent(i.type),n(Gt,{configure:f,children:n(Wy,{setVizConf:i.setConf,panel:p,data:e,variables:d,vizManager:r})})}catch(g){return console.info(v.get(g,"message")),null}}const Yy=["richText","button"],Ka=T.observer(function({height:t,viz:r,data:i,loading:s,error:o,query:u}){const{ref:l,width:d,height:p}=ve.useElementSize(),f=jy(i,{w:d,h:p});if(Yy.includes(r.type))return n("div",{className:"viz-root",style:{height:t},ref:l,children:n(ke,{children:f})});if(s)return n("div",{className:"viz-root",style:{height:t,position:"relative"},ref:l,children:n(a.LoadingOverlay,{visible:s,exitTransitionDuration:0})});const h=!!o,b=!h&&!!(u!=null&&u.stateMessage),w=!h&&!b;return c("div",{className:"viz-root",style:{height:t},ref:l,children:[h&&n(a.Text,{color:"red",size:"md",align:"center",sx:{fontFamily:"monospace"},children:o}),b&&n(a.Text,{color:"gray",align:"center",children:u.stateMessage}),w&&n(ke,{children:f})]})});function Ry(e){return!["richText","button"].includes(e)}const Qy={border:"1px solid #e9ecef"},Ja={border:"1px dashed transparent",transition:"border-color 300ms ease","&:hover":{borderColor:"#e9ecef"}};function Uy(e,t,r){return e.style.border.enabled?Qy:r||t?Ja:{border:"1px dashed transparent"}}const rn=T.observer(function({panel:t,view:r}){const i=Y(),{inEditMode:s}=m.useContext(Ke),{data:o,state:u,error:l}=i.getDataStuffByID(t.queryID),d=i.queries.findByID(t.queryID),p=Ry(t.viz.type),f=p&&u==="loading",g=t.title?"calc(100% - 25px - 5px)":"100%",h=Uy(t,p,s),b=p||s;return n(Cn,{value:{panel:t,data:o,loading:f},children:c(a.Box,{className:"panel-root",p:5,pt:0,sx:{...h},children:[n(a.Box,{sx:{position:"absolute",left:0,top:0,height:28,zIndex:310},children:n(qi,{})}),b&&n(jo,{view:r}),n(Yo,{}),n(Ka,{viz:t.viz,data:o,loading:f,error:l,height:g,query:d})]})})}),X1="",Xy=m.forwardRef(({h:e},t)=>n(a.ActionIcon,{ref:t,className:"react-grid-customDragHandle",sx:{userSelect:"none",cursor:"grab",position:"absolute",top:5,right:e>38?5:20,zIndex:400,"&:hover":{color:"#228be6"}},variant:"transparent",children:n(k.ArrowsMove,{size:16})})),Zy=m.forwardRef(({handleAxis:e,...t},r)=>n(a.ActionIcon,{ref:r,className:"react-grid-customResizeHandle",sx:{userSelect:"none",cursor:"nwse-resize",position:"absolute",bottom:0,right:0,zIndex:400,"&:hover":{color:"#228be6"}},variant:"transparent",...t,children:n(k.ChevronDownRight,{size:16})})),Ky=Ot.WidthProvider(Ot),Jy=T.observer(({view:e,className:t="layout"})=>{const r=Y(),{panels:i,layouts:s}=r.panels.panelsByIDs(e.panelIDs),o=m.useCallback(l=>{l.forEach(({i:d,...p})=>{const f=r.panels.findByID(d);f&&f.layout.set(p)})},[r]),u=(l,d,p,f)=>{p.h<30&&(p.h=30,f.h=30),p.w<4&&(p.w=4,f.w=4)};return n(Ky,{onLayoutChange:o,className:`dashboard-layout ${t}`,rowHeight:1,cols:36,margin:[0,0],isBounded:!0,isDraggable:!0,isResizable:!0,layout:s,draggableHandle:".react-grid-customDragHandle",resizeHandle:n(Zy,{}),onResize:u,children:i.map((l,d)=>c("div",{"data-grid":{...l.layout},className:"panel-grid-item",children:[n(Xy,{h:l.layout.h}),n(rn,{view:e,panel:l})]},l.id))})}),Hy=Ot.WidthProvider(Ot),ev=T.observer(function({view:t,className:r="layout"}){const{panels:i,layouts:s}=Y().panels.panelsByIDs(t.panelIDs);return n(Hy,{className:`dashboard-layout ${r}`,cols:36,rowHeight:1,margin:[0,0],isDraggable:!1,isResizable:!1,layout:s,children:i.map(o=>n("div",{"data-grid":{...o.layout},className:"panel-grid-item",children:n(rn,{view:t,panel:o})},o.id))})});var Ha=(e=>(e.Use="use",e.Edit="edit",e))(Ha||{}),K=(e=>(e.Division="div",e.Modal="modal",e.Tabs="tabs",e))(K||{});const tv={div:"Division",tabs:"Tabs",modal:"Modal"},es={div:"rgba(255, 0, 0, 0.2)",modal:"rgba(0, 0, 0, 0.2)",tabs:"rgba(255, 200, 100, 0.4)"},nv={div:"#ff4000",modal:"#000",tabs:"#ffad18"},rv={definition:{sqlSnippets:[],queries:[],mock_context:{}},views:[{id:"Main",name:"Main",type:"div",config:{},panelIDs:[]}],panels:[],filters:[],version:"8.57.0"};var lr=(e=>(e.Select="select",e.TreeSelect="tree-select",e.MultiSelect="multi-select",e.TextInput="text-input",e.Checkbox="checkbox",e.DateRange="date-range",e))(lr||{});const iv=T.observer(({children:e})=>n(a.Box,{pt:10,pb:100,children:e})),av=T.observer(({children:e,view:t})=>{const r=t.config;return n(a.Modal,{size:r.width,overflow:"inside",opened:!0,onClose:v.noop,withCloseButton:!1,title:r.custom_modal_title.value,trapFocus:!0,onDragStart:i=>{i.stopPropagation()},styles:{root:{position:"relative",height:"100%"},overlay:{position:"absolute !important"},modal:{border:"1px solid #efefef"},body:{maxHeight:"calc(100vh - 325px)"}},withinPortal:!1,transitionDuration:0,children:e})}),sv=({variant:e,orientation:t})=>{const r={tab:{},panel:{padding:"16px"}};return e==="pills"&&t==="horizontal"&&(r.tab.paddingTop="6px",r.tab.paddingBottom="6px"),t==="vertical"&&(r.tab["&.add-a-tab"]={paddingTop:"1px",paddingBottom:"1px"},r.tab["&.add-a-tab .mantine-Tabs-tabLabel"]={marginLeft:"auto",marginRight:"auto"}),r},ov=e=>e.color?{"&[data-active], &[data-active]:hover":{borderColor:e.color?e.color:"..."}}:{},lv=T.observer(({children:e,view:t})=>{const r=Le.useModals(),i=Y(),s=m.useMemo(()=>i.views.options.filter(d=>d.type===K.Division),[t.id,i.views.options]),o=t.config,u=d=>r.openConfirmModal({title:"Delete this tab?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>{o.removeTab(d)},confirmProps:{color:"red"},zIndex:320}),l=o.tabs.length===0;return c(a.Box,{className:"preview-view-tabs",children:[c(a.Tabs,{variant:o.variant,orientation:o.orientation,defaultValue:o.tabs.length>0?o.tabs[0].id:"0",styles:sv(o),children:[c(a.Tabs.List,{grow:o.grow,children:[o.tabs.map(d=>n(a.Tabs.Tab,{value:d.id,sx:ov(d),children:d.name??d.id},d.id)),n(a.Tabs.Tab,{onClick:o.addTab,value:"add",className:"add-a-tab",children:n(k.Plus,{size:18,color:"#228be6"})})]}),o.tabs.map((d,p)=>{const f=i.views.findByID(d.view_id);return c(a.Tabs.Panel,{value:d.id,sx:{position:"relative"},children:[c(a.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:200},children:[n(a.Overlay,{opacity:.8,color:"#FFF",blur:10,zIndex:100}),c(a.Stack,{mx:"auto",mt:100,sx:{width:"300px",position:"relative",zIndex:200},children:[n(a.TextInput,{label:"Tab Name",value:d.name,onChange:g=>d.setName(g.currentTarget.value)}),n(a.Select,{label:"View",value:d.view_id,onChange:d.setViewID,data:s}),n(a.ColorInput,{label:"Color",value:d.color,onChange:d.setColor,disabled:o.variant!=="default"}),f&&c(a.Button,{mt:20,variant:"gradient",leftIcon:n(V.IconArrowsLeftRight,{size:18}),gradient:{from:"cyan",to:"indigo"},onClick:()=>i.views.setIDOfVIE(f.id),children:["Swith to View: ",f.name]}),n(a.Button,{mt:20,variant:"subtle",color:"red",onClick:()=>u(p),disabled:l,leftIcon:n(V.IconTrash,{size:14}),children:"Delete This Tab"})]})]}),f&&n(an,{view:f})]},d.id)})]}),e]})}),uv=T.observer(({view:e,children:t})=>{switch(e.type){case K.Modal:return n(av,{view:e,children:t});case K.Tabs:return n(lv,{view:e,children:t});case K.Division:default:return n(iv,{children:t})}}),ts=T.observer(function({view:t}){return n(yn.Provider,{value:{viewPanelInFullScreen:v.noop,inFullScreen:!1},children:n(a.Box,{className:"dashboard-view","data-enable-scrollbar":!0,children:n(uv,{view:t,children:c(a.Box,{sx:{position:"relative"},children:[n(a.Box,{className:"dashboard-sticky-area",sx:{position:"sticky",top:"0px"},children:n(Gi,{view:t})}),n(Jy,{view:t})]})})})})}),dv={modal:{display:"flex",flexDirection:"column",flexWrap:"nowrap"},body:{display:"flex",height:"calc(100vh - 88px)"}},cv=T.observer(function({view:t,panel:r,exitFullScreen:i}){return n(a.Modal,{opened:!0,fullScreen:!0,onClose:i,title:n(a.Button,{color:"blue",size:"xs",onClick:i,leftIcon:n(k.ArrowLeft,{size:20}),children:"Exit fullscreen"}),styles:dv,children:n(a.Group,{grow:!0,sx:{flexGrow:1,flexShrink:0},children:n(rn,{view:t,panel:r})})})});function pv(e,t,r){const{panels:i}=Y(),s=e.id==="Main",[o,u]=m.useState(()=>s&&i.findByID(t)?t:null),l=m.useCallback(g=>{u(g),s&&r(g)},[s,r]),d=m.useCallback(()=>{u(null),s&&r("")},[s,r]),p=o?i.findByID(o):null;return{viewPanelInFullScreen:l,exitFullScreen:d,inFullScreen:!!p,fullScreenPanel:p}}const hv=T.observer(({children:e})=>n(a.Box,{children:e})),fv=T.observer(({children:e,view:t})=>{const r=Y(),i=t.config,s=r.views.visibleViewIDs.includes(t.id),o=()=>r.views.rmVisibleViewID(t.id);return n(a.Modal,{size:i.width,centered:!0,overflow:"inside",opened:s,onClose:o,withCloseButton:!1,title:i.custom_modal_title.value,trapFocus:!0,onDragStart:u=>{u.stopPropagation()},styles:{modal:{border:"1px solid #efefef"},body:{maxHeight:i.height,overflow:"auto"}},transitionDuration:0,children:e})}),gv=e=>e.color?{"&[data-active], &[data-active]:hover":{borderColor:e.color?e.color:"..."}}:{},mv=T.observer(({children:e,view:t})=>{const r=Y(),i=t.config;return c(a.Box,{className:"render-view-tabs",children:[c(a.Tabs,{variant:i.variant,orientation:i.orientation,defaultValue:i.tabs.length>0?i.tabs[0].id:"0",styles:{panel:{padding:i.orientation==="horizontal"?"16px 0px":"0"}},keepMounted:!1,children:[n(a.Tabs.List,{grow:i.grow,children:i.tabs.map(s=>n(a.Tabs.Tab,{value:s.id,sx:gv(s),disabled:!s.view_id,children:s.name??s.id},s.id))}),i.tabs.map(s=>{const o=r.views.findByID(s.view_id);return o?n(a.Tabs.Panel,{value:s.id,children:n(an,{view:o})},s.id):null})]}),e]})}),bv=T.observer(({view:e,children:t})=>{switch(e.type){case K.Modal:return n(fv,{view:e,children:t});case K.Tabs:return n(mv,{view:e,children:t});case K.Division:default:return n(hv,{children:t})}}),an=T.observer(function({view:t}){const{fullScreenPanelID:r,setFullScreenPanelID:i}=Vi(),{viewPanelInFullScreen:s,exitFullScreen:o,inFullScreen:u,fullScreenPanel:l}=pv(t,r,i);return n(yn.Provider,{value:{viewPanelInFullScreen:s,inFullScreen:u},children:c(a.Box,{className:"dashboard-view","data-enable-scrollbar":!0,children:[u&&n(cv,{view:t,panel:l,exitFullScreen:o}),n(bv,{view:t,children:c(a.Box,{sx:{position:"relative"},children:[!u&&n(a.Box,{className:"dashboard-sticky-area",sx:{position:"sticky",top:"0px"},children:n(Gi,{view:t})}),!u&&n(ev,{view:t})]})})]})})});function yv(e){e=e||{};const t=Object.keys(e).sort(),r=[];for(let i=0;i<t.length;i++){const s=t[i];if(s!="authentication"&&e[s])r.push(t[i]+"="+(typeof e[s]=="object"?JSON.stringify(e[s]):e[s]));else{const o=Object.keys(e[s]).sort();for(let u=0;u<o.length;u++){const l=o[u];l!="sign"&&e[s][l]&&r.push(o[u]+"="+(typeof e[s][l]=="object"?JSON.stringify(e[s][l]):e[s][l]))}}}return r.sort().join("&")}function vv(e,t){let r=yv(e);return r+="&key="+t,Mi.MD5(r).toString().toUpperCase()}const ze={baseURL:"http://localhost:31200",app_id:"",app_secret:"",getAuthentication(e){if(!this.app_id||!this.app_secret)return;const t=new Date().getTime().toString();return{app_id:this.app_id,nonce_str:t,sign:vv({app_id:this.app_id,nonce_str:t,...e},this.app_secret)}},getRequest(e,t){return(r,i,s={})=>{const o=window.localStorage.getItem("token"),u={"X-Requested-With":"XMLHttpRequest","Content-Type":s.string?"application/x-www-form-urlencoded":"application/json",authorization:o?`bearer ${o}`:"",...s.headers},l={baseURL:this.baseURL,method:e,url:r,params:e==="GET"?i:s.params,headers:u,signal:t};return["POST","PUT"].includes(e)&&(l.data=s.string?JSON.stringify(i):i,l.data.authentication=this.getAuthentication(l.data)),Xe(l).then(d=>d.data).catch(d=>Promise.reject(d))}},makeQueryENV:null,query(e){return async(t,r={})=>{var i;return t.env||(t.env=((i=this.makeQueryENV)==null?void 0:i.call(this))??{error:"failed to run makeQueryENV"}),this.getRequest("POST",e)("/query",t,r)}}};function ns(e){ze.baseURL!==e.apiBaseURL&&(ze.baseURL=e.apiBaseURL),e.app_id&&(ze.app_id=e.app_id),e.app_secret&&(ze.app_secret=e.app_secret),e.makeQueryENV&&(ze.makeQueryENV=e.makeQueryENV)}const rs=y.types.model("FilterConfigModel_Checkbox",{_name:y.types.literal("checkbox"),description:y.types.optional(y.types.string,""),default_value:y.types.boolean}).views(e=>({get json(){const{_name:t,description:r,default_value:i}=e;return{_name:t,description:r,default_value:i}},get isDescriptionEmpty(){const{description:t}=e;return t===""||t==="<p></p>"}})).actions(e=>({setDefaultValue(t){e.default_value=t},setDescription(t){e.description=t}})),xv=()=>rs.create({_name:"checkbox",description:"",default_value:!1});var pe=(e=>(e.Postgresql="postgresql",e.MySQL="mysql",e.HTTP="http",e))(pe||{}),we=(e=>(e.Select="select",e.MultiSelect="multi-select",e.TreeSelect="tree-select",e.TextInput="text-input",e.Checkbox="checkbox",e.DateRange="date-range",e))(we||{});y.types.model({type:y.types.enumeration("DataSourceType",[pe.Postgresql,pe.MySQL,pe.HTTP]),key:y.types.string,sql:y.types.string});function is(e,t){return e.map(r=>{try{return r?j.tz(r,"UTC").format(t):null}catch{return console.log(`[date-range] failed parsing ${r}`),null}})}const Cv=y.types.model("FilterConfigModel_DateRange",{_name:y.types.literal("date-range"),required:y.types.boolean,inputFormat:y.types.enumeration("DateRangeInputFormat",["YYYY","YYYYMM","YYYYMMDD","YYYY-MM","YYYY-MM-DD"]),default_value:y.types.optional(y.types.array(y.types.union(y.types.string,y.types.null)),[null,null]),clearable:y.types.boolean,max_days:y.types.optional(y.types.number,0),allowSingleDateInRange:y.types.optional(y.types.boolean,!1)}).views(e=>({get json(){const{_name:t,max_days:r,required:i,clearable:s,inputFormat:o,default_value:u,allowSingleDateInRange:l}=e;return{_name:t,max_days:r,required:i,clearable:s,inputFormat:o,default_value:is(u,o),allowSingleDateInRange:l}},truthy(t){return Array.isArray(t)&&t.length===2&&t.every(r=>!!r)}})).views(e=>({getMaxDate(t){const{max_days:r}=e;if(!(!r||!t))return j(t).startOf("day").add(r,"days").toDate()},getMinDate(t){const{max_days:r}=e;if(!(!r||!t))return j(t).startOf("day").subtract(r,"days").toDate()}})).actions(e=>({setFilterValue(t){try{const r=y.getParent(e);y.getRoot(e).filters.setValueByKey(r.key,t)}catch(r){console.error(r)}}})).actions(e=>({setRequired(t){e.required=t},setClearable(t){e.clearable=t},setInputFormat(t){e.inputFormat=t},setDefaultValue(t){e.default_value.length=0,e.default_value.push(...t),e.setFilterValue(t)},setMaxDays(t){e.max_days=t,t>0&&(e.clearable=!0)},setAllowSingleDateInRange(t){e.allowSingleDateInRange=t}})),as=y.types.snapshotProcessor(Cv,{preProcessor({default_value:e,...t}){return{...t,default_value:e.map(r=>r===null?null:j.tz(r,"UTC").toISOString())}},postProcessor(e){const{default_value:t,...r}=e;return{...r,default_value:is(t,r.inputFormat)}}}),wv=()=>as.create({_name:"date-range",required:!1,inputFormat:"YYYY-MM-DD",clearable:!1,default_value:[null,null]}),_v=y.types.model({label:y.types.string,value:y.types.string}).actions(e=>({setLabel(t){e.label=t},setValue(t){e.value=t}})),ur=y.types.model("FilterConfigModel_BaseSelect",{static_options:y.types.optional(y.types.array(_v),[]),options_query_id:y.types.optional(y.types.string,""),default_selection_count:y.types.optional(y.types.number,0)}).views(e=>({get usingQuery(){return!!e.options_query_id}})).views(e=>({get options(){if(!e.usingQuery)return e.static_options;const{data:t,state:r,error:i}=y.getRoot(e).content.getDataStuffByID(e.options_query_id);return r==="idle"?t:[]}})).actions(e=>({addStaticOption(t){e.static_options.push(t)},removeStaticOption(t){e.static_options.splice(t,1)},setDefaultSelectionCount(t){e.default_selection_count=t},setOptionsQueryID(t){e.options_query_id=t??""}})),sn=e=>v.cloneDeepWith(e,(t,r)=>{if(r!==void 0&&t)return se.toJS(t)}),ss=y.types.compose("FilterConfigModel_MultiSelect",y.types.model({_name:y.types.literal("multi-select"),min_width:y.types.optional(y.types.string,""),default_value:y.types.optional(y.types.array(y.types.string),[])}),ur).views(e=>({get json(){const{_name:t,default_value:r,min_width:i,static_options:s,options_query_id:o,default_selection_count:u}=e;return sn({_name:t,min_width:i,default_value:r,static_options:s,options_query_id:o,default_selection_count:u})},get default_selection(){return e.usingQuery?e.options.slice(0,e.default_selection_count).map(t=>t.value):e.default_value}})).actions(e=>({setDefaultValue(t){e.default_value=y.cast(t)},setMinWidth(t){e.min_width=t},setDefaultSelection(){const t=y.getRoot(e).content.filters,r=y.getParent(e).key;t.setValueByKey(r,e.default_selection)}})).actions(e=>({afterCreate(){y.addDisposer(e,se.reaction(()=>se.toJS(e.default_selection),e.setDefaultSelection,{fireImmediately:!0,delay:0}))}})),Sv=()=>ss.create({_name:"multi-select",default_value:[],static_options:[],options_query_id:"",default_selection_count:0});function Tv(e){return go.arrayToTree(e,{id:"value",parentId:"parent_value",childrenField:"children",dataField:null})}function kv(e){return e.map(t=>{const{label:r,description:i,...s}=t,o={...s,filterBasis:`${r}___${i??""}`,description:i,label:r};return i&&(o.label=m.createElement("div",{},[m.createElement(a.Text,{key:0,title:t.label},t.label),m.createElement(a.Text,{key:1,className:"rc-tree-select-tree-title-desc",color:"dimmed",title:t.description},t.description)])),o})}const os=y.types.compose("FilterConfigModel_TreeSelect",y.types.model({_name:y.types.literal("tree-select"),min_width:y.types.optional(y.types.string,""),default_value:y.types.optional(y.types.array(y.types.string),[])}),ur).views(e=>({get json(){const{_name:t,default_value:r,min_width:i,static_options:s,options_query_id:o,default_selection_count:u}=e;return{_name:t,min_width:i,default_value:r,static_options:s,options_query_id:o,default_selection_count:u}},get treeData(){const{data:t}=y.getRoot(e).content.getDataStuffByID(e.options_query_id),r=kv(t);return Tv(r)},get treeDataLoading(){const{state:t}=y.getRoot(e).content.getDataStuffByID(e.options_query_id);return t==="loading"},get defaultSelection(){const{default_selection_count:t}=e;return t?this.treeData.slice(0,t).map(i=>i.value):[]}})).actions(e=>({setDefaultValue(t){e.default_value=y.cast(t)},setMinWidth(t){e.min_width=t}})),Dv=()=>os.create({_name:"tree-select",default_value:[],static_options:[],options_query_id:"",default_selection_count:0}),ls=y.types.compose("FilterConfigModel_Select",y.types.model({_name:y.types.literal("select"),default_value:y.types.string,required:y.types.boolean,width:y.types.optional(y.types.string,"")}),ur).views(e=>({get json(){const{_name:t,default_value:r,required:i,width:s,static_options:o,options_query_id:u,default_selection_count:l}=e;return sn({_name:t,width:s,required:i,default_value:r,static_options:o,options_query_id:u,default_selection_count:l})},truthy(t){return!!t}})).actions(e=>({setRequired(t){e.required=t},setDefaultValue(t){e.default_value=t},setWidth(t){e.width=t}})),Iv=()=>ls.create({_name:"select",required:!1,default_value:"",static_options:[],options_query_id:"",default_selection_count:0}),us=y.types.model("FilterConfigModel_TextInput",{_name:y.types.literal("text-input"),required:y.types.boolean,default_value:y.types.string}).views(e=>({get json(){const{_name:t,required:r,default_value:i}=e;return{_name:t,required:r,default_value:i}},truthy(t){return typeof t!="string"?!1:!!t.trim()}})).actions(e=>({setRequired(t){e.required=t},setDefaultValue(t){e.default_value=t}})),ds=()=>us.create({_name:"text-input",required:!1,default_value:""}),dr=y.types.model("FilterModel",{id:y.types.identifier,key:y.types.string,label:y.types.string,order:y.types.number,visibleInViewsIDs:y.types.array(y.types.string),auto_submit:y.types.optional(y.types.boolean,!1),type:y.types.enumeration("DashboardFilterType",[we.Select,we.MultiSelect,we.TreeSelect,we.TextInput,we.Checkbox,we.DateRange]),config:y.types.union(ls,ss,os,us,rs,as)}).views(e=>({get plainDefaultValue(){const t=e.config.default_value;return Array.isArray(t)?[...t]:t},get usingDefaultValue(){return e.type!==we.TreeSelect},get auto_submit_supported(){return[we.Select,we.Checkbox,we.DateRange].includes(e.type)}})).views(e=>({get json(){const{id:t,key:r,label:i,order:s,visibleInViewsIDs:o,auto_submit:u,type:l,config:d}=e;return{id:t,key:r,type:l,label:i,order:s,config:d.json,auto_submit:u,visibleInViewsIDs:se.toJS(o)}},get should_auto_submit(){return e.auto_submit_supported&&e.auto_submit},requiredAndPass(t){return v.get(e.config,"required",!1)?v.get(e.config,"truthy",()=>!0)(t):!1}})).actions(e=>({setKey(t){e.key=t},setLabel(t){e.label=t},setOrder(t){e.order=t},setType(t){switch(t){case we.Select:e.config=Iv();break;case we.MultiSelect:e.config=Sv();break;case we.TreeSelect:e.config=Dv();break;case we.TextInput:e.config=ds();break;case we.Checkbox:e.config=xv();break;case we.DateRange:e.config=wv();break}e.type=t},setVisibleInViewsIDs(t){e.visibleInViewsIDs.length=0,e.visibleInViewsIDs.push(...t)},setAutoSubmit(t){e.auto_submit=e.auto_submit_supported&&t}}));function cs(e,t){if(e===void 0)return e;if(t._name==="date-range")try{const[...r]=e;return r.map(i=>i===null?i:j.tz(i,"UTC").format(t.inputFormat)??i)}catch(r){return console.error(r),e}return e}function Mv(e){return e.reduce((t,r)=>(t[r.key]=cs(r.config.default_value,r.config),t),{})}function Av(e,t,r){y.addDisposer(e,y.addMiddleware(e,(i,s)=>{s(i,()=>{y.getType(i.context)===t&&i.type==="action"&&r(i.name,i.context)})}))}const ps=y.types.model("FiltersModel",{current:y.types.optional(y.types.array(dr),[]),values:y.types.optional(y.types.frozen(),{}),previewValues:y.types.optional(y.types.frozen(),{})}).views(e=>({get json(){return e.current.map(t=>t.json)},get firstID(){if(e.current.length!==0)return e.current[0].id},findByID(t){return e.current.find(r=>r.id===t)},get inOrder(){return v.sortBy(e.current,"order")},get options(){return e.current.map(t=>({label:t.label??t.id,value:t.id,_type:"filter"}))},get empty(){return e.current.length===0},visibleInView(t){return v.sortBy(e.current.filter(r=>r.visibleInViewsIDs.includes(t)),"order")},get firstFilterValueKey(){return Object.keys(e.values)[0]??""},get keyLabelMap(){return e.current.reduce((t,r)=>(t[r.key]=r.label,t),{})}})).actions(e=>({replace(t){e.current=y.cast(t)},append(t){e.current.push(t)},remove(t){e.current.splice(t,1)},removeByID(t){const r=e.current.findIndex(i=>i.id===t);r>=0&&e.current.splice(r,1)},setValues(t){e.values=t},setValueByKey(t,r){e.values={...e.values,[t]:r}},getValueByKey(t){return e.values[t]},updatePreviewValues(t){e.previewValues=t}})).actions(e=>{function t(){Av(e.current,dr,(r,i)=>{if(r==="setType"){const s=cs(i.config.default_value,i.config);e.setValueByKey(i.key,s),e.updatePreviewValues({...e.previewValues,[i.key]:s})}})}return{afterCreate(){t()}}});function hs(e){return{current:e,values:Mv(e)}}const fs="\uFEFF";function $v(e,t){const r=new Blob([fs+t],{type:"text/csv"});gn.saveAs(r,`${e}.csv`)}function zv(e,t){const r=new Blob([t],{type:"application/json"});gn.saveAs(r,`${e}.json`)}function Ev(e){const t=new mo;e.forEach(({id:r,data:i})=>{t.file(`${r}.csv`,ms(i))}),t.generateAsync({type:"blob"}).then(r=>{gn.saveAs(r,"dashboard_data.zip")})}function gs(e){return typeof e=="string"&&e.includes(",")?`"${e}"`:e}function ms(e){if(!Array.isArray(e)||e.length===0)return"";const t=[],r=Object.keys(e[0]).map(gs);return t.push(r.join(",")),e.forEach(i=>{const s=Object.values(i).map(gs).join(",");t.push(s)}),fs+t.join(`
-`)}const ht={CryptoJS:Mi,d3Array:vo,dayjs:j,lodash:v,numbro:te,mathjs:Nt,faker:bo.faker},Lv=[{name:"CryptoJS",url:"https://github.com/brix/crypto-js",version:"4.1.1"},{name:"d3Array",url:"https://github.com/d3/d3-array",version:"3.2.0"},{name:"dayjs",url:"https://day.js.org/",version:"1.11.6"},{name:"lodash",url:"https://lodash.com/docs/4.17.15",version:"4.17.21"},{name:"mathjs",url:"https://mathjs.org/",version:"11.7.0"},{name:"numbro",url:"https://numbrojs.com/",version:"2.3.6"},{name:"faker",url:"https://fakerjs.dev/",version:"7.6.0"}],Pv=e=>`
+        `}},show_in_legend:!0}))}function Ab(e,t,r,i){const s=t.data_key,o=t.name,u=r.map(l=>{const d=v.sumBy(i[l],s);return[l,d]});return{type:"line",name:o,xAxisIndex:3,yAxisIndex:3,color:"#b41529",data:u,show_in_legend:!1}}function $b(e,t,r,i){const u={barMinWidth:5,barMaxWidth:20};return[Tb(e,r,i),Db(e,r,i,u),...Mb(e,r,i,u),Ab(e,t,r,i)]}function zb(e,t){const{axisLabel:r}=e.x_axis;return[{data:t,id:"准确估算比例",gridIndex:0,axisTick:{show:!1},axisLabel:{show:!1},axisLine:{show:!1},type:"category"},{data:t,id:"平均偏差",gridIndex:1,axisTick:{show:!1},axisLabel:{show:!1},axisLine:{show:!0,lineStyle:{color:"#FFFFFF",width:2}},type:"category"},{data:t,id:"数量占比",gridIndex:2,axisTick:{show:!1},axisLabel:{show:!1},axisLine:{show:!1},type:"category"},{data:t,id:"代码当量",gridIndex:3,axisTick:{show:!1},type:"category",axisLabel:{...r,formatter:Ca(r.formatter)},axisLine:{show:!1}}]}function Eb(e){return[{type:"category",name:"准确估算比例",nameRotate:0,nameGap:5,nameLocation:"end",nameTextStyle:{align:"left"},gridIndex:0,axisLabel:{show:!1},axisTick:{show:!1},axisLine:{show:!1},splitLine:{show:!1}},{type:"value",name:"平均偏差",nameGap:5,nameRotate:90,nameLocation:"middle",gridIndex:1,boundaryGap:[1,1],axisLabel:{show:!1},axisTick:{show:!1},axisLine:{show:!1},splitLine:{show:!1}},{type:"value",name:"数量占比",nameGap:5,nameRotate:90,nameLocation:"middle",gridIndex:2,axisLabel:{show:!1},axisTick:{show:!1},axisLine:{show:!1},splitLine:{show:!1},min:0,max:1},{type:"value",gridIndex:3,position:"right",splitNumber:3,axisLabel:{show:!0,verticalAlign:"top",showMinLabel:!1,lineHeight:14},axisTick:{show:!1},axisLine:{show:!1},splitLine:{show:!1}},{type:"value",name:e.name,nameGap:5,nameRotate:90,nameLocation:"middle",gridIndex:3,position:"left",axisLabel:{show:!1},axisTick:{show:!1},axisLine:{show:!1},splitLine:{show:!1}}]}function ir(e){return e==1||e==2?1:ir(e-2)+ir(e-1)}const Lb=Array.from(new Array(20),(e,t)=>ir(t+1));function ja(e){return e<=1?e:Lb.findIndex(t=>e<=t)-1}function Pb(e,t){const{estimated_value:r,actual_value:i}=e.deviation.data_keys;return t.map(s=>{const o=ja(s[r]),u=ja(s[i]),l=o-u;return{...s,level:{estimated:o,actual:u,diff:l}}})}function Ob(e){return e==="rgba(255, 255, 255, 1)"?{borderColor:"rgba(0,0,0,.1)",borderWidth:1}:{}}function Vb(e){return{show:!0,orient:"vertical",top:"middle",right:0,data:e.filter(r=>r.show_in_legend).reverse().map(r=>({name:`${r.name}`,color:r.color,itemStyle:Ob(r.color)})),tooltip:{show:!0,formatter:"档位偏差：{a}"}}}const Bb={tooltip:{trigger:"axis"}};function Nb(e,t){const{deviation:r,metrics:i}=e,s=i.find(u=>u.data_key===t);if(s)return s;const o=r.data_keys.actual_value;return{id:o,name:r.name,data_key:o}}function Gb(e,t,r){const i=Pb(e,r),s=v.uniqBy(r,e.x_axis.data_key).map(p=>p[e.x_axis.data_key]),o=v.groupBy(i,e.x_axis.data_key),u=Nb(e,t),l=$b(e,u,s,o),d={xAxis:zb(e,s),yAxis:Eb(u),series:l,grid:Sb(),visualMap:[{min:0,max:1,calculable:!0,show:!1,seriesIndex:0,color:["#F0F0F0","#418AAF"]}],legend:Vb(l)};return v.defaultsDeep({},d,Bb)}const ar={x_axis:{name:"",data_key:"",axisLabel:{rotate:0,formatter:{...Jt}}},deviation:{name:"",data_keys:{estimated_value:"",actual_value:""}},metrics:[]},qb={input:{border:"none !important",paddingLeft:0,lineHeight:"1.55 !important"}},Fb=({conf:e,metricKey:t,setMetricKey:r})=>{const{deviation:i,metrics:s}=e,o=m.useMemo(()=>{const u=s.map(l=>({label:l.name,value:l.data_key}));return u.push({label:i.name?i.name:i.data_keys.actual_value,value:i.data_keys.actual_value}),u},[i,s]);return c(a.Group,{spacing:1,children:[n(a.Text,{size:12,color:"dimmed",sx:{cursor:"default",userSelect:"none"},children:"基线指标"}),n(a.NativeSelect,{size:"xs",data:o,value:t,onChange:u=>r(u.currentTarget.value),styles:qb})]})},Wb={"tbody th, tbody td":{padding:"7px 10px"},"tbody tr:not(:first-of-type) th":{borderTop:"1px solid #dee2e6"}};function jb(){return c(a.HoverCard,{width:400,shadow:"md",children:[n(a.HoverCard.Target,{children:n(a.Button,{size:"xs",variant:"subtle",compact:!0,leftIcon:n(O.IconInfoCircle,{size:14}),children:"指标说明"})}),n(a.HoverCard.Dropdown,{children:n(a.Table,{fontSize:14,sx:Wb,children:c("tbody",{children:[c("tr",{children:[n("th",{children:"估算偏差"}),n("td",{children:"使用斐波那契数列（1，2，3，5，8，13）估算故事点，每个数位为一个档位，计算issue实际故事点与估算故事点的档位偏差，即为估算偏差。如估算故事点为5，实际故事点为8，则估算偏差为-1。"})]}),c("tr",{children:[n("th",{children:"准确估算比例"}),n("td",{children:"偏差在 ± 1 档位内的 issue 均为准确估算，以此计算准确估算的比例。"})]})]})})})]})}function Rb(e){return c(a.Group,{position:"apart",children:[n(jb,{}),n(Fb,{...e})]})}le.use([de.BarChart,de.LineChart,de.HeatmapChart,N.GridComponent,N.LegendComponent,N.TooltipComponent,Me.CanvasRenderer,N.VisualMapComponent]);function Yb({conf:e,data:t,width:r,height:i,metricKey:s}){const o=m.useMemo(()=>Gb(e,s,t),[e,t,s]);return!r||!i?null:n(Ae,{echarts:le,option:o,style:{width:r,height:i},notMerge:!0,theme:"merico-light"})}function Qb({context:e}){const{value:t}=F(e.instanceData,"config"),r=m.useMemo(()=>v.defaults({},t,ar),[t]),i=e.data,{width:s,height:o}=e.viewport,{x_axis:u,deviation:l}=r,{estimated_value:d,actual_value:p}=l.data_keys,[f,g]=m.useState(p);if(m.useEffect(()=>{g(w=>w||p)},[p]),!u.data_key||!d||!p)return null;const h=Math.max(s,300),b=Math.max(o,370);return c(a.Box,{sx:{overflow:"hidden",height:b,width:h},children:[n(Rb,{conf:r,metricKey:f,setMetricKey:g}),n(Yb,{width:h,height:b-30,data:i,conf:r,metricKey:f})]})}function Ub({data:e,control:t,watch:r}){return r(["x_axis"]),c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.data_key",control:t,render:({field:i})=>n(W,{label:"数据字段",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"x_axis.name",control:t,render:({field:i})=>n(a.TextInput,{label:"X轴名称",sx:{flex:1},...i})})]}),n(a.Divider,{mb:-15,label:"点位文案",labelPosition:"center"}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"x_axis.axisLabel.rotate",control:t,render:({field:i})=>n(a.NumberInput,{label:"旋转",hideControls:!0,min:-90,max:90,rightSection:n(a.Text,{color:"dimmed",children:"度"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...i})}),n(x.Controller,{name:"x_axis.axisLabel.formatter",control:t,render:({field:i})=>n(Sa,{data:e,...i})})]})]})}function Xb({data:e,control:t,watch:r}){return r(["deviation"]),c(a.Stack,{children:[n(a.Group,{grow:!0,noWrap:!0,children:n(x.Controller,{name:"deviation.name",control:t,render:({field:i})=>n(a.TextInput,{label:"指标名称",sx:{flex:1},...i})})}),c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:"deviation.data_keys.estimated_value",control:t,render:({field:i})=>n(W,{label:"估算值字段",required:!0,data:e,sx:{flex:1},...i})}),n(x.Controller,{name:"deviation.data_keys.actual_value",control:t,render:({field:i})=>n(W,{label:"实际值字段",required:!0,data:e,sx:{flex:1},...i})})]})]})}const Zb=({control:e,data:t,index:r,remove:i})=>c(a.Stack,{children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(x.Controller,{name:`metrics.${r}.name`,control:e,render:({field:s})=>n(a.TextInput,{label:"Name",required:!0,sx:{flex:1},...s})}),n(x.Controller,{name:`metrics.${r}.data_key`,control:e,render:({field:s})=>n(W,{label:"Value Field",required:!0,data:t,sx:{flex:1},...s})})]}),n(a.Divider,{mb:-10,mt:10,variant:"dashed"}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:()=>i(r),sx:{top:15,right:5},children:"Delete this Metric"})]}),Kb=({control:e,watch:t,data:r})=>{const{fields:i,append:s,remove:o}=x.useFieldArray({control:e,name:"metrics"}),u=t("metrics"),l=i.map((h,b)=>({...h,...u[b]})),d=()=>s({id:Date.now().toString(),data_key:"",name:""}),p=t("metrics.0.id"),[f,g]=m.useState(()=>p??null);return m.useEffect(()=>{p&&g(h=>h!==null?h:p)},[p]),c(B,{children:[c(a.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[n(k.InfoCircle,{size:14,color:"#888"}),n(a.Text,{size:14,color:"#888",children:"设置可以展示在基线图的指标，例如代码当量"})]}),n(a.Divider,{variant:"dashed",my:10}),c(a.Tabs,{value:f,onTabChange:h=>g(h),styles:{tab:{paddingTop:"0px",paddingBottom:"0px"},panel:{padding:"0px",paddingTop:"6px"}},children:[c(a.Tabs.List,{children:[l.map((h,b)=>n(a.Tabs.Tab,{value:h.id,children:h.name?h.name:b},h.id)),n(a.Tabs.Tab,{onClick:d,value:"add",children:n(k.Plus,{size:18,color:"#228be6"})})]}),l.map((h,b)=>n(a.Tabs.Panel,{value:h.id,children:n(Zb,{control:e,index:b,remove:o,data:r},h.id)},h.id))]})]})};function Jb({context:e}){const{value:t,set:r}=F(e.instanceData,"config"),i=e.data,s=m.useMemo(()=>v.defaultsDeep({},t,ar),[t]),{control:o,handleSubmit:u,watch:l,getValues:d,reset:p}=x.useForm({defaultValues:s});m.useEffect(()=>{p(s)},[s]),l([]);const f=d(),g=m.useMemo(()=>!v.isEqual(f,s),[f,s]);return n(a.Stack,{spacing:"xs",children:c("form",{onSubmit:u(r),children:[c(a.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[n(a.Text,{children:"Merico Estimation Chart Config"}),n(a.ActionIcon,{type:"submit",mr:5,variant:"filled",color:"blue",disabled:!g,children:n(k.DeviceFloppy,{size:20})})]}),c(a.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"12px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"X Axis",children:"X 轴"}),n(a.Tabs.Tab,{value:"Deviation",children:"偏差"}),n(a.Tabs.Tab,{value:"Additional Metrics",children:"指标"})]}),n(a.Tabs.Panel,{value:"X Axis",children:n(Ub,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Deviation",children:n(Xb,{control:o,watch:l,data:i})}),n(a.Tabs.Panel,{value:"Additional Metrics",children:n(Kb,{control:o,watch:l,data:i})})]})]})})}class Hb extends fe{constructor(){super(...arguments);P(this,"VERSION",1)}configVersions(){this.version(1,r=>({version:1,config:r}))}}const ey={displayName:"Merico Estimation Chart",displayGroup:"Merico suite",migrator:new Hb,name:"mericoEstimationChart",viewRender:Qb,configRender:Jb,createConfig:()=>({version:1,config:ar})},ty=[{value:"#25262B",name:"Dark"},{value:"#868E96",name:"Gray"},{value:"#FA5252",name:"Red"},{value:"#E64980",name:"Pink"},{value:"#BE4BDB",name:"Grape"},{value:"#7950F2",name:"Violet"},{value:"#4C6EF5",name:"Indigo"},{value:"#228BE6",name:"Blue"},{value:"#15AABF",name:"Cyan"},{value:"#12B886",name:"Teal"},{value:"#40C057",name:"Green"},{value:"#82C91E",name:"Lime"},{value:"#FAB005",name:"Yellow"},{value:"#FD7E14",name:"Orange"}].map(e=>({name:e.name,value:e.value,type:"single",category:"basic"})),ny=[Ko,Jo,tl,el,Ho,nl],Ra=()=>({id:"dashboard",version:Tn,manifest:{viz:[Kn,Bf,rm,mh,ag,Cp,_b,cl,nu,sc,Lc,Bm,pp,Bd,kf,Vp,ch,cm,ey,mu],color:[...ty,...ny]}}),It=new al,be={pluginManager:Re("pluginManager"),vizManager:Re("vizManager"),colorManager:Re("colorManager"),instanceScope:{panelModel:Re("panelModel"),vizInstance:Re("vizInstance"),interactionManager:Re("interactionManager"),migrator:Re("migrator"),operationManager:Re("operationManager"),triggerManager:Re("triggerManager")}},sr=()=>{try{It.install(Ra())}catch{}const e=new Uo(It),t=new il(It);return{pluginManager:It,vizManager:e,colorManager:t}},qe=m.createContext(sr());try{It.install(Ra())}catch{}function ry(e,t){const{value:r,set:i}=F(e.operation.operationData,"config"),[s,o]=m.useState(v.defaults({},r,t)),u=async()=>{await i(s)};return m.useEffect(()=>{o(v.defaults({},r,t))},[r]),{config:s,setConfig:o,commit:u}}function iy(e){const{config:t,setConfig:r,commit:i}=ry(e,{urlTemplate:"",openInNewTab:!0});async function s(){await i()}async function o(l){r({...t,openInNewTab:l}),await i()}const u=l=>r({...t,urlTemplate:l.currentTarget.value});return c(a.Stack,{children:[n(a.TextInput,{label:"Url",value:t.urlTemplate,onChange:u,onBlur:s}),n(a.Switch,{label:"Open in new Tab",checked:t.openInNewTab,onChange:l=>o(l.currentTarget.checked)})]})}async function ay(e,t){const{urlTemplate:r,openInNewTab:i}=await t.operationData.getItem("config");window.dispatchEvent(new CustomEvent("open-link",{detail:{urlTemplate:r,openInNewTab:i,payload:e}}))}class sy extends fe{constructor(){super(...arguments);P(this,"VERSION",1)}configVersions(){this.version(1,r=>r)}}const oy={displayName:"Open Link",id:"builtin:op:open-link",configRender:iy,run:ay,migrator:new sy,createDefaultConfig:()=>({version:1,config:{urlTemplate:"",openInNewTab:!0}})};function ly(e){const{value:t,set:r}=F(e.operationData,"config"),i=s=>void r({template:s});return[(t==null?void 0:t.template)||"",i]}function uy(e){const[t,r]=ly(e.operation);return n(a.TextInput,{defaultValue:t,onBlur:i=>r(i.currentTarget.value),label:"console.log"})}async function dy(e,t){const r=await t.operationData.getItem("config"),i=v.template(r.template||"");console.log("run with payload",e),console.log(i(e))}const cy={displayName:"console.log (debug)",id:"builtin:op:debug",configRender:uy,run:dy},py=T.observer(e=>{const t=R(),{value:r,set:i}=F(e.operation.operationData,"config");console.log({value:r,viewID:r==null?void 0:r.viewID});const s=(r==null?void 0:r.viewID)||"",o=u=>void i({viewID:u});return n(a.Select,{defaultValue:s,value:s,onChange:o,label:"View",data:t.views.options})});async function hy(e,t){const i=(await t.operationData.getItem("config")).viewID;window.dispatchEvent(new CustomEvent("open-view",{detail:{viewID:i}}))}const fy={displayName:"Open View",id:"builtin:op:open_view",configRender:py,run:hy},gy={dictionary:{}},my=T.observer(e=>{const t=R(),{value:r=gy,set:i}=F(e.operation.operationData,"config"),{dictionary:s={}}=r,o=(d,p)=>{i({dictionary:{...s,[d]:p}})},u=()=>{o(t.filters.firstFilterValueKey,"")},l=d=>{const p={...s};delete p[d],i({dictionary:p})};return c(a.Stack,{spacing:10,children:[n(a.Text,{children:"Mapping Rules"}),Object.entries(s).map(([d,p])=>c(a.Flex,{justify:"space-between",gap:10,children:[n(a.TextInput,{label:"Payload key",value:p,onChange:f=>{o(d,f.currentTarget.value)},sx:{flexGrow:1}}),n(W,{data:[t.filters.values],value:d,onChange:f=>{o(f,p)},label:"Filter key",sx:{flexGrow:1}}),n(a.ActionIcon,{onClick:()=>l(d),sx:{marginTop:"26px",flexGrow:0},children:n(k.Trash,{size:14,color:"red"})})]},d)),n(a.Button,{size:"xs",onClick:u,sx:{alignSelf:"center",width:"300px"},children:"Add one mapping rule"})]})});async function by(e,t){const i=(await t.operationData.getItem("config")).dictionary;window.dispatchEvent(new CustomEvent("set-filter-values",{detail:{dictionary:i,payload:e}}))}const yy={displayName:"Set Filter Values",id:"builtin:op:set_filter_values",configRender:my,run:by},vy={filter_keys:[]},xy=T.observer(e=>{const t=R(),{value:r=vy,set:i}=F(e.operation.operationData,"config"),{filter_keys:s=[]}=r,o=l=>{i({filter_keys:[...l]})},u=m.useMemo(()=>t.filters.current.map(l=>({label:l.label,value:l.key})),[t.filters.values]);return n(a.Stack,{spacing:10,children:n(a.MultiSelect,{label:"Select Filters to Clear",data:u,value:s,onChange:o})})});async function Cy(e,t){const i=(await t.operationData.getItem("config")).filter_keys;window.dispatchEvent(new CustomEvent("clear-filter-values",{detail:{filter_keys:i,payload:e}}))}const tn=[cy,oy,fy,yy,{displayName:"Clear Filter Values",id:"builtin:op:clear_filter_values",configRender:xy,run:Cy}];class wy{constructor(t,r=tn){P(this,"attachments");this.operations=r;const i=async s=>{const{id:o,schemaRef:u}=await s.getItem(null);return{id:o,schemaRef:u,operationData:new lt(s,"data")}};this.attachments=new Sn(t,"__OPERATIONS",i)}async runOperation(t,r){const i=await this.attachments.getInstance(t);if(!i){console.warn(`Operation '${t}' is not defined`);return}const s=this.tryGetSchema(i.schemaRef);if(!s){console.warn(`Operation schema '${i.schemaRef}' is not defined`);return}await s.run(r,i)}tryGetSchema(t){return this.operations.find(r=>r.id===t)}async needMigration(){const r=(await this.attachments.list()).map(async i=>{const s={configData:i.operationData},o=this.tryGetSchema(i.schemaRef),u=o==null?void 0:o.migrator;return u&&await u.needMigration(s)});return(await Promise.all(r)).some(i=>i)}async runMigration(){const r=(await this.attachments.list()).map(async i=>{const s={configData:i.operationData},o=this.tryGetSchema(i.schemaRef),u=o==null?void 0:o.migrator;u&&await u.needMigration(s)&&await u.migrate(s)});await Promise.all(r)}async createOrGetOperation(t,r){var u;if(!this.getOperationSchemaList().some(l=>l.id===r.id))throw new Error(`Operation schema '${r.id}' is not defined`);const s=await this.attachments.getInstance(t);return!s||s.schemaRef!==r.id?await this.attachments.create(t,{id:t,schemaRef:r.id,data:((u=r.createDefaultConfig)==null?void 0:u.call(r))??{}}):s}getOperationList(){return this.attachments.list()}getOperationSchemaList(){return this.operations}removeOperation(t){return this.attachments.remove(t)}async retrieveTrigger(t){return await this.attachments.getInstance(t)}}const Ya="__TRIGGERS";class _y{constructor(t,r){P(this,"attachments");this.instance=t,this.component=r;const i=async s=>{const{id:o,schemaRef:u}=await s.getItem(null);return{id:o,schemaRef:u,triggerData:new lt(s,"data")}};this.attachments=new Sn(t,Ya,i)}watchTriggerSnapshotList(t){return this.instance.instanceData.watchItem(Ya,r=>{const i=v.values(r).map(s=>({id:v.get(s,"id"),schemaRef:v.get(s,"schemaRef"),config:se.toJS(v.get(s,"data.config"))}));t(i)},{fireImmediately:!0})}async createOrGetTrigger(t,r,i={recreate:!1}){var l;if(!this.getTriggerSchemaList().some(d=>d.id===r.id))throw new Error(`Trigger schema '${r.id}' is not defined in component '${this.component.name}'`);const o=await this.attachments.getInstance(t);return!o||i.recreate||o.schemaRef!==r.id?await this.attachments.create(t,{id:t,schemaRef:r.id,data:((l=r==null?void 0:r.createDefaultConfig)==null?void 0:l.call(r))||{}}):o}async getTriggerList(){return await this.attachments.list()}getTriggerSchemaList(){return this.component.triggers||[]}async removeTrigger(t){await this.attachments.remove(t)}async retrieveTrigger(t){return await this.attachments.getInstance(t)}async getMigrationTasks(){const r=(await this.getTriggerList()).map(async i=>{const s=this.getTriggerSchemaList().find(l=>l.id===i.schemaRef),o=s==null?void 0:s.migrator,u={configData:i.triggerData};return o&&await o.needMigration(u)?()=>o.migrate(u):null});return Promise.all(r).then(i=>i.filter(s=>s))}async needMigration(){return(await this.getMigrationTasks()).length>0}async runMigration(){const t=await this.getMigrationTasks();await Promise.all(t.map(r=>r()))}}class or{constructor(t,r,i){P(this,"operationManager");P(this,"triggerManager");P(this,"attachments");this.operationManager=new wy(t,i),this.triggerManager=new _y(t,r);const s=async o=>{const{id:u,triggerRef:l,operationRef:d}=await o.getItem(null);return{id:u,triggerRef:l,operationRef:d}};this.attachments=new Sn(t,"__INTERACTIONS",s)}async addInteraction(t,r){const i=t.id,s=r.id,o=`[${i}]:[${s}]`;await this.attachments.create(o,{id:o,triggerRef:i,operationRef:s})}getInteractionList(){return this.attachments.list()}async removeInteraction(t){const r=await this.attachments.getInstance(t);if(!r)return;const{triggerRef:i,operationRef:s}=r;await this.getTriggerRefCount(i)<=1&&await this.triggerManager.removeTrigger(i),await this.getOperationRefCount(s)<=1&&await this.operationManager.removeOperation(s),await this.attachments.remove(t)}async getOperationRefCount(t){return(await this.getInteractionList()).filter(i=>i.operationRef===t).length}async getTriggerRefCount(t){return(await this.getInteractionList()).filter(i=>i.triggerRef===t).length}async runInteraction(t,r){const s=(await this.getInteractionList()).filter(o=>o.triggerRef===t);await Promise.all(s.map(async o=>{try{return await this.operationManager.runOperation(o.operationRef,r)}catch(u){console.warn(`Failed to run operation '${o.operationRef}'`,u)}}))}}const Fe=({vizManager:e,instance:t})=>Z.useCreation(()=>new or(t,e.resolveComponent(t.type),tn),[t,e]),Qa=e=>{const{title:t="Variables",variables:r}=e,i=ve.useClipboard(),s=o=>{i.copy(o),Vt.showNotification({color:"green",message:"Copied to clipboard"})};return c(a.Paper,{withBorder:!0,p:"sm",children:[n(a.Text,{size:"xs",color:"dimmed",mb:"sm",children:t}),n(a.Stack,{style:{maxHeight:"500px"},children:r.map(o=>c(a.Text,{size:"sm",children:[c(a.Code,{color:"teal",children:["// ",o.description]}),n("br",{}),c(a.Code,{onClick:()=>s(o.name),style:{cursor:"pointer"},children:[o.name," : ",o.valueType]})]},o.name))})]})};class Sy{constructor(t,r){P(this,"operationId");P(this,"operation");P(this,"operationSchema");P(this,"variables",[]);this.operationManager=t,this.instance=r,se.makeAutoObservable(this)}get schemaList(){return this.operationManager.getOperationSchemaList()}async configOperation(t,r){const i=await this.operationManager.retrieveTrigger(t),s=this.operationManager.getOperationSchemaList().find(o=>o.id===(i==null?void 0:i.schemaRef));se.runInAction(()=>{this.operationId=t,this.operation=i,this.operationSchema=s,this.variables=r})}async changeSchema(t){this.operationId&&(await this.operationManager.createOrGetOperation(this.operationId,t),await this.configOperation(this.operationId,this.variables))}}function Ty(e){return!!e.operationId}const ky=T.observer(({model:e,onClick:t})=>{var i;const r=(i=e.operationSchema)==null?void 0:i.displayName;return n(a.Button,{variant:"outline",onClick:t,children:r})}),Dy=T.observer(({model:e})=>{const t={operation:e.operation,instance:e.instance,variables:[]};return m.createElement(e.operationSchema.configRender,t)});function Iy({model:e}){const t=e.schemaList,r=t.map(s=>({label:s.displayName,value:s.id}));async function i(s){await e.changeSchema(t.find(o=>o.id===s))}return n(a.Select,{label:"Operation",data:r,onChange:i,value:e.operationSchema.id})}const My=T.observer(e=>{const[t,{setTrue:r,setFalse:i}]=Z.useBoolean(!1),{operationManager:s,operationId:o,instance:u,variables:l}=e,d=Z.useCreation(()=>new Sy(s,u),[s,u]);return Z.useAsyncEffect(async()=>{await d.configOperation(o,l)},[o,d]),Ty(d)?c(B,{children:[n(ky,{model:d,onClick:r}),n(a.Modal,{size:600,opened:t,onClose:i,title:"Operation Settings",closeButtonLabel:"close",zIndex:320,children:c(a.Stack,{children:[n(Iy,{model:d}),n(Dy,{model:d}),n(Qa,{title:"Variables",variables:d.variables})]})})]}):null});class Ay{constructor(t,r){P(this,"triggerId");P(this,"trigger");P(this,"triggerSchema");P(this,"sampleData");this.triggerManager=t,this.instance=r,se.makeAutoObservable(this)}get schemaList(){return this.triggerManager.getTriggerSchemaList()}async configTrigger(t,r){const i=await this.triggerManager.retrieveTrigger(t),s=this.triggerManager.getTriggerSchemaList().find(o=>o.id===(i==null?void 0:i.schemaRef));se.runInAction(()=>{this.triggerId=t,this.trigger=i,this.triggerSchema=s,this.sampleData=r})}async changeSchema(t){this.triggerId&&(await this.triggerManager.createOrGetTrigger(this.triggerId,t),await this.configTrigger(this.triggerId,this.sampleData))}isReady(){return $y(this)}}function $y(e){return!!e.triggerId&&!!e.triggerSchema}function zy(e,t){return Z.useCreation(()=>new Ay(e,t),[e,t])}const Ey=T.observer(({model:e,onClick:t})=>{const r=e.triggerSchema.nameRender,i={trigger:e.trigger,instance:e.instance,sampleData:e.sampleData};return n(a.Button,{variant:"outline",onClick:t,children:m.createElement(r,i)})}),Ly=T.observer(({model:e})=>{const t=e.schemaList,r=t.map(s=>({label:s.displayName,value:s.id}));async function i(s){await e.changeSchema(t.find(o=>o.id===s))}return n(a.Select,{label:"Trigger",data:r,value:e.triggerSchema.id,onChange:i})}),Py=T.observer(({model:e})=>{const t={trigger:e.trigger,instance:e.instance,sampleData:e.sampleData};return m.createElement(e.triggerSchema.configRender,t)}),Oy=T.observer(e=>{const[t,{setTrue:r,setFalse:i}]=Z.useBoolean(!1),s=e.model;return c(B,{children:[n(a.Modal,{opened:t,onClose:i,title:"Setup Trigger",closeButtonLabel:"close setup",zIndex:320,children:c(a.Stack,{children:[n(Ly,{model:s}),n(Py,{model:s}),n(Qa,{title:"Payload",variables:s.triggerSchema.payload})]})}),n(Ey,{onClick:r,model:s})]})});function Vy(e,t){const[r,i]=m.useState([]);return Z.useAsyncEffect(async()=>{const s=await e.getInteractionList();i(s)},[t,e]),r}const By=T.observer(({item:e,manager:t,instance:r,sampleData:i,variables:s,onRemove:o})=>{const{triggerRef:u,operationRef:l}=e,d=zy(t.triggerManager,r);if(Z.useAsyncEffect(async()=>{await d.configTrigger(u,i)},[d,u,i]),d.isReady()){const p=[...d.triggerSchema.payload,...s];return c(a.Group,{children:[n(Oy,{model:d}),n(My,{instance:r,operationId:l,variables:p,operationManager:t.operationManager}),n(a.ActionIcon,{"aria-label":"delete-interaction",variant:"filled",color:"red",onClick:()=>o(e),children:n(k.Trash,{size:16})})]})}return null}),Ny=e=>{const[t,r]=m.useState(0),{interactionManager:i,instance:s,sampleData:o,variables:u}=e,l=Vy(i,t),d=async()=>{const h=await i.triggerManager.createOrGetTrigger(ve.randomId(),i.triggerManager.getTriggerSchemaList()[0]),b=await i.operationManager.createOrGetOperation(ve.randomId(),i.operationManager.getOperationSchemaList()[0]);await i.addInteraction(h,b),r(w=>w+1)};async function p(h){await i.removeInteraction(h.id),r(b=>b+1)}const{data:f=0,loading:g}=Z.useRequest(async()=>{try{return(await i.triggerManager.getTriggerSchemaList()).length}catch{return 0}});return c(a.Stack,{children:[n(a.LoadingOverlay,{visible:g}),f===0&&n(a.Alert,{icon:n(k.AlertCircle,{size:16}),title:"Unavailable",color:"gray",children:"This visualization does not have available interactions to choose from"}),l.map(h=>n(By,{onRemove:p,instance:s,sampleData:o,variables:u,item:h,manager:e.interactionManager},h.id)),n(a.Button,{style:{width:"fit-content"},onClick:()=>d(),disabled:f===0,children:"Add interaction"})]})},Gy=()=>{const{panel:e,data:t}=Ce(),r=e.viz,{vizManager:i}=m.useContext(qe),s=e.json,o=Z.useCreation(()=>i.getOrCreateInstance(s),[i,s]),u=Z.useCreation(()=>new or(o,i.resolveComponent(r.type),tn),[o,r.type]);return m.useEffect(()=>o.instanceData.watchItem(null,v.throttle(l=>{e.viz.setConf(l)},100,{leading:!1,trailing:!0})),[o]),{instance:o,vizManager:i,interactionManager:u,sampleData:t,variables:[]}},qy=()=>{const e=Gy();return n(Ny,{...e})};var Ua=(e=>(e.migrated="migrated",e.nothingToMigrate="nothingToMigrate",e.checkFailed="checkFailed",e.migrationFailed="migrationFailed",e))(Ua||{}),nn=(e=>(e.notStarted="notStarted",e.inProgress="inProgress",e.done="done",e))(nn||{});class Fy{constructor(t){P(this,"vizInstance");P(this,"operationManager");P(this,"triggerManager");P(this,"vizManager");P(this,"runningMigration");P(this,"panelModel");P(this,"status","notStarted");this.panelModel=t.getRequired(be.instanceScope.panelModel),this.vizInstance=t.getRequired(be.instanceScope.vizInstance),this.operationManager=t.getRequired(be.instanceScope.operationManager),this.triggerManager=t.getRequired(be.instanceScope.triggerManager),this.vizManager=t.getRequired(be.vizManager)}async createMigrationTask(){const t=[];try{await this.instanceNeedMigration()&&t.push(()=>this.runInstanceMigration()),await this.interactionNeedMigration()&&t.push(()=>this.runInteractionMigration())}catch(r){return console.warn("check migration failed",r),"checkFailed"}if(t.length===0)return"nothingToMigrate";try{return await Promise.all(t.map(r=>r())),"migrated"}catch(r){return console.warn("migration failed",r),"migrationFailed"}}async runMigration(){return this.runningMigration||(this.status="inProgress",this.runningMigration=this.createMigrationTask().then(t=>(this.status="done",t))),this.runningMigration}async runInteractionMigration(){await this.operationManager.runMigration(),await this.triggerManager.runMigration()}async runInstanceMigration(){const t=this.vizManager.resolveComponent(this.vizInstance.type),r={configData:this.vizInstance.instanceData,panelModel:this.panelModel};await t.migrator.migrate(r)}async instanceNeedMigration(){const t=this.vizManager.resolveComponent(this.vizInstance.type),r={configData:this.vizInstance.instanceData};return t.migrator.needMigration(r)}async interactionNeedMigration(){return await this.operationManager.needMigration()||await this.triggerManager.needMigration()}}function Xa(e){const{panel:t}=Ce();return m.useCallback(r=>{const i=r.getRequired(be.vizManager),s=i.resolveComponent(e.viz.type);return r.createScoped().provideFactory(be.instanceScope.vizInstance,()=>i.getOrCreateInstance(e)).provideFactory(be.instanceScope.interactionManager,o=>{const u=o.getRequired(be.instanceScope.vizInstance);return new or(u,s,tn)}).provideFactory(be.instanceScope.operationManager,o=>o.getRequired(be.instanceScope.interactionManager).operationManager).provideFactory(be.instanceScope.triggerManager,o=>o.getRequired(be.instanceScope.interactionManager).triggerManager).provideValue(be.instanceScope.panelModel,t).provideFactory(be.instanceScope.migrator,o=>new Fy(o))},[e.viz.type,e.viz.conf])}function Za(e){const[t,r]=m.useState(!1),i=Ei().getRequired(be.instanceScope.migrator);return Z.useAsyncEffect(async()=>{const s=i.status===nn.notStarted;r(i.status===nn.done),i.status===nn.notStarted&&i.runMigration().then(o=>{o===Ua.migrated&&s&&(e==null||e())}).finally(()=>{r(!0)})},[i]),t}function Ka(e,t){const r=Ei().getRequired(be.instanceScope.vizInstance);return m.useEffect(()=>(r.instanceData.setItem(null,t.viz.conf),r.instanceData.watchItem(null,i=>{e(i)})),[e,t.viz.type]),r}function Wy({setVizConf:e,...t}){const{panel:r}=t,i=Ka(e,r),s=Za(()=>{Vt.showNotification({title:`${r.title} - Updated`,message:"Your plugin configuration has been migrated to the latest version"})});return Z.useAsyncEffect(async()=>{await i.instanceData.setItem(null,r.viz.conf)},[i,r.viz.type]),s?n(Zo,{...t}):n(a.Text,{children:"Checking update..."})}function jy(e){const{panel:t,setVizConf:r}=e;Ka(r,t);const{inEditMode:i}=m.useContext(Ke);return Za(()=>{i&&Vt.showNotification({title:`${t.title} - Updated`,message:"Your plugin configuration has been migrated to the latest version"})})?n(Xo,{...e}):n(a.Text,{children:"Checking update"})}const X1="";function Ry(e,t){const{vizManager:r}=m.useContext(qe),{panel:{viz:i,title:s,id:o,description:u,queryID:l,variables:d}}=Ce(),p={title:s,id:o,description:u,queryID:l,viz:i,layout:t},f=Xa(p);try{return r.resolveComponent(i.type),n(Gt,{configure:f,children:n(jy,{setVizConf:i.setConf,panel:p,data:e,variables:d,vizManager:r})})}catch(g){return console.info(v.get(g,"message")),null}}const Yy=["richText","button"],Ja=T.observer(function({height:t,viz:r,data:i,loading:s,error:o,query:u}){const{ref:l,width:d,height:p}=ve.useElementSize(),f=Ry(i,{w:d,h:p});if(Yy.includes(r.type))return n("div",{className:"viz-root",style:{height:t},ref:l,children:n(ke,{children:f})});if(s)return n("div",{className:"viz-root",style:{height:t,position:"relative"},ref:l,children:n(a.LoadingOverlay,{visible:s,exitTransitionDuration:0})});const h=!!o,b=!h&&!!(u!=null&&u.stateMessage),w=!h&&!b;return c("div",{className:"viz-root",style:{height:t},ref:l,children:[h&&n(a.Text,{color:"red",size:"md",align:"center",sx:{fontFamily:"monospace"},children:o}),b&&n(a.Text,{color:"gray",align:"center",children:u.stateMessage}),w&&n(ke,{children:f})]})});function Qy(e){return!["richText","button"].includes(e)}const Uy={border:"1px solid #e9ecef"},Ha={border:"1px dashed transparent",transition:"border-color 300ms ease","&:hover":{borderColor:"#e9ecef"}};function Xy(e,t,r){return e.style.border.enabled?Uy:r||t?Ha:{border:"1px dashed transparent"}}const rn=T.observer(function({panel:t,view:r}){const i=R(),{inEditMode:s}=m.useContext(Ke),{data:o,state:u,error:l}=i.getDataStuffByID(t.queryID),d=i.queries.findByID(t.queryID),p=Qy(t.viz.type),f=p&&u==="loading",g=t.title?"calc(100% - 25px - 5px)":"100%",h=Xy(t,p,s),b=p||s;return n(Cn,{value:{panel:t,data:o,loading:f},children:c(a.Box,{className:"panel-root",p:5,pt:0,sx:{...h},children:[n(a.Box,{sx:{position:"absolute",left:0,top:0,height:28,zIndex:310},children:n(Fi,{})}),b&&n(Ro,{view:r}),n(Yo,{}),n(Ja,{viz:t.viz,data:o,loading:f,error:l,height:g,query:d})]})})}),Z1="",Zy=m.forwardRef(({h:e},t)=>n(a.ActionIcon,{ref:t,className:"react-grid-customDragHandle",sx:{userSelect:"none",cursor:"grab",position:"absolute",top:5,right:e>38?5:20,zIndex:400,"&:hover":{color:"#228be6"}},variant:"transparent",children:n(k.ArrowsMove,{size:16})})),Ky=m.forwardRef(({handleAxis:e,...t},r)=>n(a.ActionIcon,{ref:r,className:"react-grid-customResizeHandle",sx:{userSelect:"none",cursor:"nwse-resize",position:"absolute",bottom:0,right:0,zIndex:400,"&:hover":{color:"#228be6"}},variant:"transparent",...t,children:n(k.ChevronDownRight,{size:16})})),Jy=Ot.WidthProvider(Ot),Hy=T.observer(({view:e,className:t="layout"})=>{const r=R(),{panels:i,layouts:s}=r.panels.panelsByIDs(e.panelIDs),o=m.useCallback(l=>{l.forEach(({i:d,...p})=>{const f=r.panels.findByID(d);f&&f.layout.set(p)})},[r]),u=(l,d,p,f)=>{p.h<30&&(p.h=30,f.h=30),p.w<4&&(p.w=4,f.w=4)};return n(Jy,{onLayoutChange:o,className:`dashboard-layout ${t}`,rowHeight:1,cols:36,margin:[0,0],isBounded:!0,isDraggable:!0,isResizable:!0,layout:s,draggableHandle:".react-grid-customDragHandle",resizeHandle:n(Ky,{}),onResize:u,children:i.map((l,d)=>c("div",{"data-grid":{...l.layout},className:"panel-grid-item",children:[n(Zy,{h:l.layout.h}),n(rn,{view:e,panel:l})]},l.id))})}),ev=Ot.WidthProvider(Ot),tv=T.observer(function({view:t,className:r="layout"}){const{panels:i,layouts:s}=R().panels.panelsByIDs(t.panelIDs);return n(ev,{className:`dashboard-layout ${r}`,cols:36,rowHeight:1,margin:[0,0],isDraggable:!1,isResizable:!1,layout:s,children:i.map(o=>n("div",{"data-grid":{...o.layout},className:"panel-grid-item",children:n(rn,{view:t,panel:o})},o.id))})});var es=(e=>(e.Use="use",e.Edit="edit",e))(es||{}),K=(e=>(e.Division="div",e.Modal="modal",e.Tabs="tabs",e))(K||{});const nv={div:"Division",tabs:"Tabs",modal:"Modal"},ts={div:"rgba(255, 0, 0, 0.2)",modal:"rgba(0, 0, 0, 0.2)",tabs:"rgba(255, 200, 100, 0.4)"},rv={div:"#ff4000",modal:"#000",tabs:"#ffad18"},iv={definition:{sqlSnippets:[],queries:[],mock_context:{}},views:[{id:"Main",name:"Main",type:"div",config:{},panelIDs:[]}],panels:[],filters:[],version:"8.57.0"};var lr=(e=>(e.Select="select",e.TreeSelect="tree-select",e.MultiSelect="multi-select",e.TextInput="text-input",e.Checkbox="checkbox",e.DateRange="date-range",e))(lr||{});const av=T.observer(({children:e})=>n(a.Box,{pt:10,pb:100,children:e})),sv=T.observer(({children:e,view:t})=>{const r=t.config;return n(a.Modal,{size:r.width,overflow:"inside",opened:!0,onClose:v.noop,withCloseButton:!1,title:r.custom_modal_title.value,trapFocus:!0,onDragStart:i=>{i.stopPropagation()},styles:{root:{position:"relative",height:"100%"},overlay:{position:"absolute !important"},modal:{border:"1px solid #efefef"},body:{maxHeight:"calc(100vh - 325px)"}},withinPortal:!1,transitionDuration:0,children:e})}),ov=({variant:e,orientation:t})=>{const r={tab:{},panel:{padding:"16px"}};return e==="pills"&&t==="horizontal"&&(r.tab.paddingTop="6px",r.tab.paddingBottom="6px"),t==="vertical"&&(r.tab["&.add-a-tab"]={paddingTop:"1px",paddingBottom:"1px"},r.tab["&.add-a-tab .mantine-Tabs-tabLabel"]={marginLeft:"auto",marginRight:"auto"}),r},lv=e=>e.color?{"&[data-active], &[data-active]:hover":{borderColor:e.color?e.color:"..."}}:{},uv=T.observer(({children:e,view:t})=>{const r=Le.useModals(),i=R(),s=m.useMemo(()=>i.views.options.filter(d=>d.type===K.Division),[t.id,i.views.options]),o=t.config,u=d=>r.openConfirmModal({title:"Delete this tab?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>{o.removeTab(d)},confirmProps:{color:"red"},zIndex:320}),l=o.tabs.length===0;return c(a.Box,{className:"preview-view-tabs",children:[c(a.Tabs,{variant:o.variant,orientation:o.orientation,defaultValue:o.tabs.length>0?o.tabs[0].id:"0",styles:ov(o),children:[c(a.Tabs.List,{grow:o.grow,children:[o.tabs.map(d=>n(a.Tabs.Tab,{value:d.id,sx:lv(d),children:d.name??d.id},d.id)),n(a.Tabs.Tab,{onClick:o.addTab,value:"add",className:"add-a-tab",children:n(k.Plus,{size:18,color:"#228be6"})})]}),o.tabs.map((d,p)=>{const f=i.views.findByID(d.view_id);return c(a.Tabs.Panel,{value:d.id,sx:{position:"relative"},children:[c(a.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:200},children:[n(a.Overlay,{opacity:.8,color:"#FFF",blur:10,zIndex:100}),c(a.Stack,{mx:"auto",mt:100,sx:{width:"300px",position:"relative",zIndex:200},children:[n(a.TextInput,{label:"Tab Name",value:d.name,onChange:g=>d.setName(g.currentTarget.value)}),n(a.Select,{label:"View",value:d.view_id,onChange:d.setViewID,data:s}),n(a.ColorInput,{label:"Color",value:d.color,onChange:d.setColor,disabled:o.variant!=="default"}),f&&c(a.Button,{mt:20,variant:"gradient",leftIcon:n(O.IconArrowsLeftRight,{size:18}),gradient:{from:"cyan",to:"indigo"},onClick:()=>i.views.setIDOfVIE(f.id),children:["Swith to View: ",f.name]}),n(a.Button,{mt:20,variant:"subtle",color:"red",onClick:()=>u(p),disabled:l,leftIcon:n(O.IconTrash,{size:14}),children:"Delete This Tab"})]})]}),f&&n(an,{view:f})]},d.id)})]}),e]})}),dv=T.observer(({view:e,children:t})=>{switch(e.type){case K.Modal:return n(sv,{view:e,children:t});case K.Tabs:return n(uv,{view:e,children:t});case K.Division:default:return n(av,{children:t})}}),ns=T.observer(function({view:t}){return n(yn.Provider,{value:{viewPanelInFullScreen:v.noop,inFullScreen:!1},children:n(a.Box,{className:"dashboard-view","data-enable-scrollbar":!0,children:n(dv,{view:t,children:c(a.Box,{sx:{position:"relative"},children:[n(a.Box,{className:"dashboard-sticky-area",sx:{position:"sticky",top:"0px"},children:n(qi,{view:t})}),n(Hy,{view:t})]})})})})}),cv={modal:{display:"flex",flexDirection:"column",flexWrap:"nowrap"},body:{display:"flex",height:"calc(100vh - 88px)"}},pv=T.observer(function({view:t,panel:r,exitFullScreen:i}){return n(a.Modal,{opened:!0,fullScreen:!0,onClose:i,title:n(a.Button,{color:"blue",size:"xs",onClick:i,leftIcon:n(k.ArrowLeft,{size:20}),children:"Exit fullscreen"}),styles:cv,children:n(a.Group,{grow:!0,sx:{flexGrow:1,flexShrink:0},children:n(rn,{view:t,panel:r})})})});function hv(e,t,r){const{panels:i}=R(),s=e.id==="Main",[o,u]=m.useState(()=>s&&i.findByID(t)?t:null),l=m.useCallback(g=>{u(g),s&&r(g)},[s,r]),d=m.useCallback(()=>{u(null),s&&r("")},[s,r]),p=o?i.findByID(o):null;return{viewPanelInFullScreen:l,exitFullScreen:d,inFullScreen:!!p,fullScreenPanel:p}}const fv=T.observer(({children:e})=>n(a.Box,{children:e})),gv=T.observer(({children:e,view:t})=>{const r=R(),i=t.config,s=r.views.visibleViewIDs.includes(t.id),o=()=>r.views.rmVisibleViewID(t.id);return n(a.Modal,{size:i.width,centered:!0,overflow:"inside",opened:s,onClose:o,withCloseButton:!1,title:i.custom_modal_title.value,trapFocus:!0,onDragStart:u=>{u.stopPropagation()},styles:{modal:{border:"1px solid #efefef"},body:{maxHeight:i.height,overflow:"auto"}},transitionDuration:0,children:e})}),mv=e=>e.color?{"&[data-active], &[data-active]:hover":{borderColor:e.color?e.color:"..."}}:{},bv=T.observer(({children:e,view:t})=>{const r=R(),i=t.config;return c(a.Box,{className:"render-view-tabs",children:[c(a.Tabs,{variant:i.variant,orientation:i.orientation,defaultValue:i.tabs.length>0?i.tabs[0].id:"0",styles:{panel:{padding:i.orientation==="horizontal"?"16px 0px":"0"}},keepMounted:!1,children:[n(a.Tabs.List,{grow:i.grow,children:i.tabs.map(s=>n(a.Tabs.Tab,{value:s.id,sx:mv(s),disabled:!s.view_id,children:s.name??s.id},s.id))}),i.tabs.map(s=>{const o=r.views.findByID(s.view_id);return o?n(a.Tabs.Panel,{value:s.id,children:n(an,{view:o})},s.id):null})]}),e]})}),yv=T.observer(({view:e,children:t})=>{switch(e.type){case K.Modal:return n(gv,{view:e,children:t});case K.Tabs:return n(bv,{view:e,children:t});case K.Division:default:return n(fv,{children:t})}}),an=T.observer(function({view:t}){const{fullScreenPanelID:r,setFullScreenPanelID:i}=Vi(),{viewPanelInFullScreen:s,exitFullScreen:o,inFullScreen:u,fullScreenPanel:l}=hv(t,r,i);return n(yn.Provider,{value:{viewPanelInFullScreen:s,inFullScreen:u},children:c(a.Box,{className:"dashboard-view","data-enable-scrollbar":!0,children:[u&&n(pv,{view:t,panel:l,exitFullScreen:o}),n(yv,{view:t,children:c(a.Box,{sx:{position:"relative"},children:[!u&&n(a.Box,{className:"dashboard-sticky-area",sx:{position:"sticky",top:"0px"},children:n(qi,{view:t})}),!u&&n(tv,{view:t})]})})]})})});function vv(e){e=e||{};const t=Object.keys(e).sort(),r=[];for(let i=0;i<t.length;i++){const s=t[i];if(s!="authentication"&&e[s])r.push(t[i]+"="+(typeof e[s]=="object"?JSON.stringify(e[s]):e[s]));else{const o=Object.keys(e[s]).sort();for(let u=0;u<o.length;u++){const l=o[u];l!="sign"&&e[s][l]&&r.push(o[u]+"="+(typeof e[s][l]=="object"?JSON.stringify(e[s][l]):e[s][l]))}}}return r.sort().join("&")}function xv(e,t){let r=vv(e);return r+="&key="+t,Mi.MD5(r).toString().toUpperCase()}const ze={baseURL:"http://localhost:31200",app_id:"",app_secret:"",getAuthentication(e){if(!this.app_id||!this.app_secret)return;const t=new Date().getTime().toString();return{app_id:this.app_id,nonce_str:t,sign:xv({app_id:this.app_id,nonce_str:t,...e},this.app_secret)}},getRequest(e,t){return(r,i,s={})=>{const o=window.localStorage.getItem("token"),u={"X-Requested-With":"XMLHttpRequest","Content-Type":s.string?"application/x-www-form-urlencoded":"application/json",authorization:o?`bearer ${o}`:"",...s.headers},l={baseURL:this.baseURL,method:e,url:r,params:e==="GET"?i:s.params,headers:u,signal:t};return["POST","PUT"].includes(e)&&(l.data=s.string?JSON.stringify(i):i,l.data.authentication=this.getAuthentication(l.data)),Xe(l).then(d=>d.data).catch(d=>Promise.reject(d))}},makeQueryENV:null,query(e){return async(t,r={})=>{var i;return t.env||(t.env=((i=this.makeQueryENV)==null?void 0:i.call(this))??{error:"failed to run makeQueryENV"}),this.getRequest("POST",e)("/query",t,r)}}};function rs(e){ze.baseURL!==e.apiBaseURL&&(ze.baseURL=e.apiBaseURL),e.app_id&&(ze.app_id=e.app_id),e.app_secret&&(ze.app_secret=e.app_secret),e.makeQueryENV&&(ze.makeQueryENV=e.makeQueryENV)}const is=y.types.model("FilterConfigModel_Checkbox",{_name:y.types.literal("checkbox"),description:y.types.optional(y.types.string,""),default_value:y.types.boolean}).views(e=>({get json(){const{_name:t,description:r,default_value:i}=e;return{_name:t,description:r,default_value:i}},get isDescriptionEmpty(){const{description:t}=e;return t===""||t==="<p></p>"}})).actions(e=>({setDefaultValue(t){e.default_value=t},setDescription(t){e.description=t}})),Cv=()=>is.create({_name:"checkbox",description:"",default_value:!1});var pe=(e=>(e.Postgresql="postgresql",e.MySQL="mysql",e.HTTP="http",e))(pe||{}),we=(e=>(e.Select="select",e.MultiSelect="multi-select",e.TreeSelect="tree-select",e.TextInput="text-input",e.Checkbox="checkbox",e.DateRange="date-range",e))(we||{});y.types.model({type:y.types.enumeration("DataSourceType",[pe.Postgresql,pe.MySQL,pe.HTTP]),key:y.types.string,sql:y.types.string});function as(e,t){return e.map(r=>{try{return r?j.tz(r,"UTC").format(t):null}catch{return console.log(`[date-range] failed parsing ${r}`),null}})}const wv=y.types.model("FilterConfigModel_DateRange",{_name:y.types.literal("date-range"),required:y.types.boolean,inputFormat:y.types.enumeration("DateRangeInputFormat",["YYYY","YYYYMM","YYYYMMDD","YYYY-MM","YYYY-MM-DD"]),default_value:y.types.optional(y.types.array(y.types.union(y.types.string,y.types.null)),[null,null]),clearable:y.types.boolean,max_days:y.types.optional(y.types.number,0),allowSingleDateInRange:y.types.optional(y.types.boolean,!1)}).views(e=>({get json(){const{_name:t,max_days:r,required:i,clearable:s,inputFormat:o,default_value:u,allowSingleDateInRange:l}=e;return{_name:t,max_days:r,required:i,clearable:s,inputFormat:o,default_value:as(u,o),allowSingleDateInRange:l}},truthy(t){return Array.isArray(t)&&t.length===2&&t.every(r=>!!r)}})).views(e=>({getMaxDate(t){const{max_days:r}=e;if(!(!r||!t))return j(t).startOf("day").add(r,"days").toDate()},getMinDate(t){const{max_days:r}=e;if(!(!r||!t))return j(t).startOf("day").subtract(r,"days").toDate()}})).actions(e=>({setFilterValue(t){try{const r=y.getParent(e);y.getRoot(e).filters.setValueByKey(r.key,t)}catch(r){console.error(r)}}})).actions(e=>({setRequired(t){e.required=t},setClearable(t){e.clearable=t},setInputFormat(t){e.inputFormat=t},setDefaultValue(t){e.default_value.length=0,e.default_value.push(...t),e.setFilterValue(t)},setMaxDays(t){e.max_days=t,t>0&&(e.clearable=!0)},setAllowSingleDateInRange(t){e.allowSingleDateInRange=t}})),ss=y.types.snapshotProcessor(wv,{preProcessor({default_value:e,...t}){return{...t,default_value:e.map(r=>r===null?null:j.tz(r,"UTC").toISOString())}},postProcessor(e){const{default_value:t,...r}=e;return{...r,default_value:as(t,r.inputFormat)}}}),_v=()=>ss.create({_name:"date-range",required:!1,inputFormat:"YYYY-MM-DD",clearable:!1,default_value:[null,null]}),Sv=y.types.model({label:y.types.string,value:y.types.string}).actions(e=>({setLabel(t){e.label=t},setValue(t){e.value=t}})),ur=y.types.model("FilterConfigModel_BaseSelect",{static_options:y.types.optional(y.types.array(Sv),[]),options_query_id:y.types.optional(y.types.string,""),default_selection_count:y.types.optional(y.types.number,0)}).views(e=>({get usingQuery(){return!!e.options_query_id}})).views(e=>({get options(){if(!e.usingQuery)return e.static_options;const{data:t,state:r,error:i}=y.getRoot(e).content.getDataStuffByID(e.options_query_id);return r==="idle"?t:[]}})).actions(e=>({addStaticOption(t){e.static_options.push(t)},removeStaticOption(t){e.static_options.splice(t,1)},setDefaultSelectionCount(t){e.default_selection_count=t},setOptionsQueryID(t){e.options_query_id=t??""}})),sn=e=>v.cloneDeepWith(e,(t,r)=>{if(r!==void 0&&t)return se.toJS(t)}),os=y.types.compose("FilterConfigModel_MultiSelect",y.types.model({_name:y.types.literal("multi-select"),min_width:y.types.optional(y.types.string,""),default_value:y.types.optional(y.types.array(y.types.string),[])}),ur).views(e=>({get json(){const{_name:t,default_value:r,min_width:i,static_options:s,options_query_id:o,default_selection_count:u}=e;return sn({_name:t,min_width:i,default_value:r,static_options:s,options_query_id:o,default_selection_count:u})},get default_selection(){return e.usingQuery?e.options.slice(0,e.default_selection_count).map(t=>t.value):e.default_value}})).actions(e=>({setDefaultValue(t){e.default_value=y.cast(t)},setMinWidth(t){e.min_width=t},setDefaultSelection(){const t=y.getRoot(e).content.filters,r=y.getParent(e).key;t.setValueByKey(r,e.default_selection)}})).actions(e=>({afterCreate(){y.addDisposer(e,se.reaction(()=>se.toJS(e.default_selection),e.setDefaultSelection,{fireImmediately:!0,delay:0}))}})),Tv=()=>os.create({_name:"multi-select",default_value:[],static_options:[],options_query_id:"",default_selection_count:0});function kv(e){return mo.arrayToTree(e,{id:"value",parentId:"parent_value",childrenField:"children",dataField:null})}function Dv(e){return e.map(t=>{const{label:r,description:i,...s}=t,o={...s,filterBasis:`${r}___${i??""}`,description:i,label:r};return i&&(o.label=m.createElement("div",{},[m.createElement(a.Text,{key:0,title:t.label},t.label),m.createElement(a.Text,{key:1,className:"rc-tree-select-tree-title-desc",color:"dimmed",title:t.description},t.description)])),o})}const ls=y.types.compose("FilterConfigModel_TreeSelect",y.types.model({_name:y.types.literal("tree-select"),min_width:y.types.optional(y.types.string,""),default_value:y.types.optional(y.types.array(y.types.string),[])}),ur).views(e=>({get json(){const{_name:t,default_value:r,min_width:i,static_options:s,options_query_id:o,default_selection_count:u}=e;return{_name:t,min_width:i,default_value:r,static_options:s,options_query_id:o,default_selection_count:u}},get treeData(){const{data:t}=y.getRoot(e).content.getDataStuffByID(e.options_query_id),r=Dv(t);return kv(r)},get errorMessage(){const{error:t}=y.getRoot(e).content.getDataStuffByID(e.options_query_id);return t},get treeDataLoading(){const{state:t}=y.getRoot(e).content.getDataStuffByID(e.options_query_id);return t==="loading"},get defaultSelection(){const{default_selection_count:t}=e;return t?this.treeData.slice(0,t).map(i=>i.value):[]}})).actions(e=>({setDefaultValue(t){e.default_value=y.cast(t)},setMinWidth(t){e.min_width=t}})),Iv=()=>ls.create({_name:"tree-select",default_value:[],static_options:[],options_query_id:"",default_selection_count:0}),us=y.types.compose("FilterConfigModel_Select",y.types.model({_name:y.types.literal("select"),default_value:y.types.string,required:y.types.boolean,width:y.types.optional(y.types.string,"")}),ur).views(e=>({get json(){const{_name:t,default_value:r,required:i,width:s,static_options:o,options_query_id:u,default_selection_count:l}=e;return sn({_name:t,width:s,required:i,default_value:r,static_options:o,options_query_id:u,default_selection_count:l})},truthy(t){return!!t}})).actions(e=>({setRequired(t){e.required=t},setDefaultValue(t){e.default_value=t},setWidth(t){e.width=t}})),Mv=()=>us.create({_name:"select",required:!1,default_value:"",static_options:[],options_query_id:"",default_selection_count:0}),ds=y.types.model("FilterConfigModel_TextInput",{_name:y.types.literal("text-input"),required:y.types.boolean,default_value:y.types.string}).views(e=>({get json(){const{_name:t,required:r,default_value:i}=e;return{_name:t,required:r,default_value:i}},truthy(t){return typeof t!="string"?!1:!!t.trim()}})).actions(e=>({setRequired(t){e.required=t},setDefaultValue(t){e.default_value=t}})),cs=()=>ds.create({_name:"text-input",required:!1,default_value:""}),dr=y.types.model("FilterModel",{id:y.types.identifier,key:y.types.string,label:y.types.string,order:y.types.number,visibleInViewsIDs:y.types.array(y.types.string),auto_submit:y.types.optional(y.types.boolean,!1),type:y.types.enumeration("DashboardFilterType",[we.Select,we.MultiSelect,we.TreeSelect,we.TextInput,we.Checkbox,we.DateRange]),config:y.types.union(us,os,ls,ds,is,ss)}).views(e=>({get plainDefaultValue(){const t=e.config.default_value;return Array.isArray(t)?[...t]:t},get usingDefaultValue(){return e.type!==we.TreeSelect},get auto_submit_supported(){return[we.Select,we.Checkbox,we.DateRange].includes(e.type)}})).views(e=>({get json(){const{id:t,key:r,label:i,order:s,visibleInViewsIDs:o,auto_submit:u,type:l,config:d}=e;return{id:t,key:r,type:l,label:i,order:s,config:d.json,auto_submit:u,visibleInViewsIDs:se.toJS(o)}},get should_auto_submit(){return e.auto_submit_supported&&e.auto_submit},requiredAndPass(t){return v.get(e.config,"required",!1)?v.get(e.config,"truthy",()=>!0)(t):!1}})).actions(e=>({setKey(t){e.key=t},setLabel(t){e.label=t},setOrder(t){e.order=t},setType(t){switch(t){case we.Select:e.config=Mv();break;case we.MultiSelect:e.config=Tv();break;case we.TreeSelect:e.config=Iv();break;case we.TextInput:e.config=cs();break;case we.Checkbox:e.config=Cv();break;case we.DateRange:e.config=_v();break}e.type=t},setVisibleInViewsIDs(t){e.visibleInViewsIDs.length=0,e.visibleInViewsIDs.push(...t)},setAutoSubmit(t){e.auto_submit=e.auto_submit_supported&&t}}));function ps(e,t){if(e===void 0)return e;if(t._name==="date-range")try{const[...r]=e;return r.map(i=>i===null?i:j.tz(i,"UTC").format(t.inputFormat)??i)}catch(r){return console.error(r),e}return e}function Av(e){return e.reduce((t,r)=>(t[r.key]=ps(r.config.default_value,r.config),t),{})}function $v(e,t,r){y.addDisposer(e,y.addMiddleware(e,(i,s)=>{s(i,()=>{y.getType(i.context)===t&&i.type==="action"&&r(i.name,i.context)})}))}const hs=y.types.model("FiltersModel",{current:y.types.optional(y.types.array(dr),[]),values:y.types.optional(y.types.frozen(),{}),previewValues:y.types.optional(y.types.frozen(),{})}).views(e=>({get json(){return e.current.map(t=>t.json)},get firstID(){if(e.current.length!==0)return e.current[0].id},findByID(t){return e.current.find(r=>r.id===t)},get inOrder(){return v.sortBy(e.current,"order")},get options(){return e.current.map(t=>({label:t.label??t.id,value:t.id,_type:"filter"}))},get empty(){return e.current.length===0},visibleInView(t){return v.sortBy(e.current.filter(r=>r.visibleInViewsIDs.includes(t)),"order")},get firstFilterValueKey(){return Object.keys(e.values)[0]??""},get keyLabelMap(){return e.current.reduce((t,r)=>(t[r.key]=r.label,t),{})}})).actions(e=>({replace(t){e.current=y.cast(t)},append(t){e.current.push(t)},remove(t){e.current.splice(t,1)},removeByID(t){const r=e.current.findIndex(i=>i.id===t);r>=0&&e.current.splice(r,1)},setValues(t){e.values=t},setValueByKey(t,r){e.values={...e.values,[t]:r}},getValueByKey(t){return e.values[t]},updatePreviewValues(t){e.previewValues=t}})).actions(e=>{function t(){$v(e.current,dr,(r,i)=>{if(r==="setType"){const s=ps(i.config.default_value,i.config);e.setValueByKey(i.key,s),e.updatePreviewValues({...e.previewValues,[i.key]:s})}})}return{afterCreate(){t()}}});function fs(e){return{current:e,values:Av(e)}}const gs="\uFEFF";function zv(e,t){const r=new Blob([gs+t],{type:"text/csv"});gn.saveAs(r,`${e}.csv`)}function Ev(e,t){const r=new Blob([t],{type:"application/json"});gn.saveAs(r,`${e}.json`)}function Lv(e){const t=new bo;e.forEach(({id:r,data:i})=>{t.file(`${r}.csv`,bs(i))}),t.generateAsync({type:"blob"}).then(r=>{gn.saveAs(r,"dashboard_data.zip")})}function ms(e){return typeof e=="string"&&e.includes(",")?`"${e}"`:e}function bs(e){if(!Array.isArray(e)||e.length===0)return"";const t=[],r=Object.keys(e[0]).map(ms);return t.push(r.join(",")),e.forEach(i=>{const s=Object.values(i).map(ms).join(",");t.push(s)}),gs+t.join(`
+`)}const ht={CryptoJS:Mi,d3Array:xo,dayjs:j,lodash:v,numbro:te,mathjs:Nt,faker:yo.faker},Pv=[{name:"CryptoJS",url:"https://github.com/brix/crypto-js",version:"4.1.1"},{name:"d3Array",url:"https://github.com/d3/d3-array",version:"3.2.0"},{name:"dayjs",url:"https://day.js.org/",version:"1.11.6"},{name:"lodash",url:"https://lodash.com/docs/4.17.15",version:"4.17.21"},{name:"mathjs",url:"https://mathjs.org/",version:"11.7.0"},{name:"numbro",url:"https://numbrojs.com/",version:"2.3.6"},{name:"faker",url:"https://fakerjs.dev/",version:"7.6.0"}],Ov=e=>`
 <tr>
   <td><code>${e.name}</code></td>
   <td>
@@ -383,7 +383,7 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
     >
   </td>
 </tr>
-`,Ov=`
+`,Vv=`
 <p>
   Parameter <code>utils</code> is <code>functionUtils</code>, which contains:
 </p>
@@ -395,10 +395,10 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
     </tr>
   </thead>
   <tbody>
-    ${Lv.map(Pv).join("")}
+    ${Pv.map(Ov).join("")}
   </tbody>
 </table>
-`;function Vv(e,t){return new Function(`return ${e}`)()(t,ht)}function Bv(e,t,r){return{context:{...t,...e},filters:r}}function Nv(e,t,r,i){const s=Bv(t,r,i);return Vv(e,s)}function Gv(e,t){try{return new Function(`return ${e.config.processing.pre}`)()(t,ht)}catch(r){return console.error(r),t}}function qv(e,t){try{return new Function(`return ${e.config.processing.post}`)()(t,ht)}catch(r){return console.error(r),t}}function Fv(e,t){try{return new Function(`return ${e}`)()(t,ht)}catch(r){return console.error(r),t}}function Wv(e,t,r,i){const s=pr(t,r,[],i),o=Object.keys(s),u=Object.values(s);try{return new Function(...o,`return \`${e}\`;`)(...u)}catch(l){return console.info(l),l.message}}function cr(e,t={}){const r=Object.keys(t),i=Object.values(t);try{return new Function(...r,`return \`${e}\`;`)(...i)}catch(s){throw r.length===0&&e.includes("$")?new Error("[formatSQL] insufficient params"):s}}function pr(e,t,r,i){const s={...t,...e},o={context:s,filters:i},u=r.reduce((l,d)=>(l[d.key]=cr(d.value,o),l),{});return v.merge({},{context:s,filters:i,sql_snippets:u})}function bs(e,t,r,i,s){try{const o=pr(t,r,i,s);return cr(e,o)}catch(o){return console.error(o),o.message}}function jv({sql:e,pre_process:t}){if(!t.trim())return e;try{return new Function(`return ${t}`)()({sql:e},ht)}catch(r){return console.error(r),e}}function Yv(e,t){if(!e.trim())return t;try{return new Function(`return ${e}`)()(t,ht)}catch(r){return console.error(r),t}}async function Rv({context:e,mock_context:t,sqlSnippets:r,query:i,filterValues:s},o){if(!i.sql)return[];const{type:u,key:l,sql:d,pre_process:p,post_process:f}=i,g=pr(e,t,r,s),h=cr(d,g),b=jv({sql:h,pre_process:p});let w=await ze.query(o)({type:u,key:l,query:b},{});return w=Yv(f,w),w}async function Qv({context:e,mock_context:t,query:r,filterValues:i,datasource:s},o){const{type:u,key:l,name:d,pre_process:p,post_process:f}=r;let g=Nv(p,e,t,i);console.groupCollapsed(`Request config for: ${d}`),console.log(g),console.groupEnd(),g=Gv(s,g);const h=JSON.stringify(g),b=await ze.query(o)({type:u,key:l,query:h},{});let w=qv(s,b);return w=Fv(f,w),w}async function hr(){try{return(await ze.getRequest("POST")("/datasource/list",{filter:{},sort:[{field:"create_time",order:"ASC"}],pagination:{page:1,pagesize:100}})).data}catch(e){return console.error(e),[]}}const Uv=y.types.model("QueryModel",{id:y.types.string,name:y.types.string,type:y.types.enumeration("DataSourceType",[pe.Postgresql,pe.MySQL,pe.HTTP]),key:y.types.string,sql:y.types.string,pre_process:y.types.optional(y.types.string,""),post_process:y.types.optional(y.types.string,""),run_by:y.types.optional(y.types.array(y.types.string),[])}).views(e=>({get valid(){return e.id&&e.type&&e.key&&e.name?e.type===pe.HTTP?!!e.pre_process:!!e.sql:!1},get json(){const{id:t,name:r,type:i,key:s,sql:o,run_by:u,pre_process:l,post_process:d}=e;return sn({id:t,key:s,sql:o,name:r,type:i,run_by:u,pre_process:l,post_process:d})},get conditionOptions(){if(!y.isAlive(e))return[];const{context:t,mock_context:r,filterValues:i}=y.getRoot(e).content.payloadForSQL,s=Object.keys({...r,...t}).map(l=>`context.${l}`),o=Object.keys(i).map(l=>`filters.${l}`);return[...s,...o].map(l=>({label:l.split(".")[1],value:l,group:v.capitalize(l.split(".")[0])}))},get unmetRunByConditions(){if(!y.isAlive(e))return[];const{run_by:t}=e;if(t.length===0)return[];const{context:r,mock_context:i,filterValues:s}=y.getRoot(e).content.payloadForSQL,o={context:{...i,...r},filters:s};return t.filter(u=>{const l=v.get(o,u);return Array.isArray(l)?l.length===0:typeof l=="number"?Number.isNaN(l):!l})}})).views(e=>({get runByConditionsMet(){return e.unmetRunByConditions.length===0},get conditionNames(){if(e.unmetRunByConditions.length===0)return{context:[],filters:[]};const{keyLabelMap:t}=y.getRoot(e).content.filters,r=e.unmetRunByConditions.filter(s=>s.startsWith("context.")).map(s=>s.split("context.")[0]),i=e.unmetRunByConditions.filter(s=>s.startsWith("filters.")).map(s=>v.get({filters:t},s)).filter(s=>!!s);return{context:r,filters:i}}})).actions(e=>({setName(t){e.name=t},setKey(t){e.key=t},setType(t){e.type=t},setSQL(t){e.sql=t},setRunBy(t){e.run_by.length=0,e.run_by.push(...t)},setPreProcess(t){e.pre_process=t},setPostProcess(t){e.post_process=t}})),ys=y.types.compose("QueryModel",Uv,y.types.model({state:y.types.optional(y.types.enumeration(["idle","loading","error"]),"idle"),data:y.types.optional(y.types.array(y.types.frozen()),[]),error:y.types.frozen()})).views(e=>({get formattedSQL(){const{context:t,mock_context:r,sqlSnippets:i,filterValues:s}=y.getRoot(e).content.payloadForSQL;return bs(e.sql,t,r,i,s)},get typedAsSQL(){return[pe.Postgresql,pe.MySQL].includes(e.type)},get typedAsHTTP(){return[pe.HTTP].includes(e.type)},get datasource(){const{key:t,type:r}=e;return y.getRoot(e).datasources.find({type:r,key:t})}})).views(e=>({get stateMessage(){if(e.state!=="idle")return"";if(!e.runByConditionsMet){const{context:t,filters:r}=e.conditionNames;if(t.length===0&&r.length===0)return"Waiting";const i=[];return t.length>0&&i.push(`context: ${t.join(", ")}`),r.length>0&&i.push(`filter${r.length>1?"s":""}: ${r.join(", ")}`),i.length===2&&i.splice(1,0,"and"),i.unshift("Waiting for"),i.join(" ")}return e.data.length>0?"":"Empty Data"}})).volatile(()=>({controller:new AbortController})).actions(e=>({runSQL:y.flow(function*(){var t;if(e.valid&&((t=e.controller)==null||t.abort(),!!e.runByConditionsMet)){e.controller=new AbortController,e.state="loading";try{const{context:r,mock_context:i,sqlSnippets:s,filterValues:o}=y.getRoot(e).content.payloadForSQL;e.data=yield*y.toGenerator(Rv({context:r,mock_context:i,sqlSnippets:s,title:e.name,query:e.json,filterValues:o},e.controller.signal)),e.state="idle",e.error=null}catch(r){if(!Xe.isCancel(r)){e.data.length=0;const i=v.get(r,"message","unkown error");e.error=v.get(r,"response.data.detail.message",i),e.state="error"}}}}),runHTTP:y.flow(function*(){var t;if(console.log("runHTTP, ",e.datasource),!(!e.valid||!e.datasource)&&((t=e.controller)==null||t.abort(),!!e.runByConditionsMet)){e.controller=new AbortController,e.state="loading";try{const{context:r,mock_context:i,filterValues:s}=y.getRoot(e).content.payloadForSQL;e.data=yield*y.toGenerator(Qv({context:r,mock_context:i,query:e.json,filterValues:s,datasource:e.datasource},e.controller.signal)),e.state="idle",e.error=null}catch(r){if(console.error(r),!Xe.isCancel(r)){e.data.length=0;const i=v.get(r,"message","unkown error");e.error=v.get(r,"response.data.detail.message",i),e.state="error"}}}})})).actions(e=>({fetchData:()=>e.typedAsHTTP?e.runHTTP():e.runSQL(),beforeDestroy(){var t;(t=e.controller)==null||t.abort()}})).actions(e=>({afterCreate(){y.addDisposer(e,se.reaction(()=>{var t,r;return e.typedAsHTTP?`${e.id}--${e.key}--${e.pre_process}--${e.post_process}--${(t=e.datasource)==null?void 0:t.id}`:`${e.id}--${e.key}--${e.formattedSQL}--${e.pre_process}--${e.post_process}--${(r=e.datasource)==null?void 0:r.id}`},e.fetchData,{fireImmediately:!0,delay:0}))}})),vs=y.types.model("QueriesModel",{current:y.types.optional(y.types.array(ys),[])}).views(e=>({get firstID(){if(e.current.length!==0)return e.current[0].id},findByID(t){return e.current.find(r=>r.id===t)},get options(){const t=e.current.map(r=>({value:r.id,label:r.name,_type:"query"}));return v.sortBy(t,r=>r.label.toLowerCase())}})).views(e=>({get json(){return e.current.filter(t=>t.id).map(t=>t.json)}})).actions(e=>({replace(t){e.current=y.cast(t)},append(t){e.current.push(t)},remove(t){e.current.splice(t,1)},replaceByIndex(t,r){e.current.splice(t,1,r)},downloadAllData(){const t=e.current.map(({name:r,data:i})=>({id:r,data:i.toJSON()}));Ev(t)},downloadDataByQueryID(t){const r=e.findByID(t);if(!r){console.log("[downloadDataByQueryID] query not found");return}const{name:i,data:s}=r,o=ms(s);$v(i,o)},refetchDataByQueryID(t){const r=e.findByID(t);if(!r){console.error(new Error(`[downloadDataByQueryID] query by ID[${t}] not found`));return}return r.fetchData()},removeQuery(t){const r=e.current.find(i=>i.id===t);r&&(y.detach(r),e.current.remove(r))}})),xs=y.types.model("SQLSnippetModel",{key:y.types.string,value:y.types.string}).views(e=>({get json(){const{key:t,value:r}=e;return{key:t,value:r}},isADuplicatedKey(t){return!t||t===e.key?!1:!!y.getParent(e,2).findByKey(t)}})).actions(e=>({setKey(t){e.key=t},setValue(t){e.value=t}})),Cs=y.types.model("SQLSnippetsModel",{current:y.types.optional(y.types.array(xs),[])}).views(e=>({get json(){return e.current.map(t=>t.json)},get options(){const t=e.current.map(r=>({label:r.key,value:r.key,_type:"sql_snippet"}));return v.sortBy(t,r=>r.label.toLowerCase())},get record(){return e.current.reduce((t,r)=>(t[r.key]=r.value,t),{})},get firstKey(){if(e.current.length!==0)return e.current[0].key},findByKey(t){return e.current.find(r=>r.key===t)}})).actions(e=>({replace(t){e.current=y.cast(t)},append(t){e.current.push(t)},remove(t){e.current.splice(t,1)},removeByKey(t){const r=e.current.findIndex(i=>i.key===t);r>=0&&e.current.splice(r,1)},replaceByIndex(t,r){e.current.splice(t,1,r)}})),ws=y.types.model("ContextModel",{current:y.types.optional(y.types.frozen(),{})}).views(e=>({get keys(){return Object.keys(e.current)},get entries(){return Object.entries(e.current)}})).actions(e=>({replace(t){e.current=t},get(t){return e.current[t]},set(t,r){e.current[t]=r}})),Xv=y.types.model({data:y.types.optional(y.types.frozen(),[]),state:y.types.optional(y.types.enumeration(["idle","loading","error"]),"idle"),error:y.types.frozen()}).views(e=>({get loading(){return e.state==="loading"},get empty(){return e.data.length===0},get sql(){const t=y.getParent(e,1),{type:r,table_name:i,table_schema:s}=t;if(r===pe.MySQL)return`
+`;function Bv(e,t,r,i){const s=pr(t,r,[],i),o=Object.keys(s),u=Object.values(s);try{return new Function(...o,`return \`${e}\`;`)(...u)}catch(l){return console.info(l),l.message}}function cr(e,t={}){const r=Object.keys(t),i=Object.values(t);try{return new Function(...r,`return \`${e}\`;`)(...i)}catch(s){throw r.length===0&&e.includes("$")?new Error("[formatSQL] insufficient params"):s}}function pr(e,t,r,i){const s={...t,...e},o={context:s,filters:i},u=r.reduce((l,d)=>(l[d.key]=cr(d.value,o),l),{});return v.merge({},{context:s,filters:i,sql_snippets:u})}function ys(e,t,r,i,s){try{const o=pr(t,r,i,s);return cr(e,o)}catch(o){return console.error(o),o.message}}function Nv({sql:e,pre_process:t}){if(!t.trim())return e;try{return new Function(`return ${t}`)()({sql:e},ht)}catch(r){return console.error(r),e}}function Gv(e,t){if(!e.trim())return t;try{return new Function(`return ${e}`)()(t,ht)}catch(r){return console.error(r),t}}async function qv({context:e,mock_context:t,sqlSnippets:r,query:i,filterValues:s},o){if(!i.sql)return[];const{type:u,key:l,sql:d,pre_process:p,post_process:f}=i,g=pr(e,t,r,s),h=cr(d,g),b=Nv({sql:h,pre_process:p});let w=await ze.query(o)({type:u,key:l,query:b},{});return w=Gv(f,w),w}async function Fv({type:e,key:t,configString:r},i){return await ze.query(i)({type:e,key:t,query:r},{})}async function hr(){try{return(await ze.getRequest("POST")("/datasource/list",{filter:{},sort:[{field:"create_time",order:"ASC"}],pagination:{page:1,pagesize:100}})).data}catch(e){return console.error(e),[]}}const Wv=y.types.model("QueryModel",{id:y.types.string,name:y.types.string,type:y.types.enumeration("DataSourceType",[pe.Postgresql,pe.MySQL,pe.HTTP]),key:y.types.string,sql:y.types.string,pre_process:y.types.optional(y.types.string,""),post_process:y.types.optional(y.types.string,""),run_by:y.types.optional(y.types.array(y.types.string),[]),react_to:y.types.optional(y.types.array(y.types.string),[])}).views(e=>({get valid(){return e.id&&e.type&&e.key&&e.name?e.type===pe.HTTP?!!e.pre_process:!!e.sql:!1},get json(){const{id:t,name:r,type:i,key:s,sql:o,run_by:u,react_to:l,pre_process:d,post_process:p}=e;return sn({id:t,key:s,sql:o,name:r,type:i,run_by:u,react_to:l,pre_process:d,post_process:p})},get conditionOptions(){if(!y.isAlive(e))return[];const{context:t,mock_context:r,filterValues:i}=y.getRoot(e).content.payloadForSQL,s=Object.keys({...r,...t}).map(l=>`context.${l}`),o=Object.keys(i).map(l=>`filters.${l}`);return[...s,...o].map(l=>({label:l.split(".")[1],value:l,group:v.capitalize(l.split(".")[0])}))},get unmetRunByConditions(){if(!y.isAlive(e))return[];const{run_by:t}=e;if(t.length===0)return[];const{context:r,mock_context:i,filterValues:s}=y.getRoot(e).content.payloadForSQL,o={context:{...i,...r},filters:s};return t.filter(u=>{const l=v.get(o,u);return Array.isArray(l)?l.length===0:typeof l=="number"?Number.isNaN(l):!l})}})).views(e=>({get reQueryKey(){const{react_to:t=[]}=e;if(t.length===0)return"";const{context:r,mock_context:i,filterValues:s}=y.getRoot(e).content.payloadForSQL,o={context:{...r,...i},filters:s},u=[...t].reduce((l,d)=>(l[d]=v.get(o,d),l),{});return JSON.stringify(u)},get runByConditionsMet(){return e.unmetRunByConditions.length===0},get conditionNames(){if(e.unmetRunByConditions.length===0)return{context:[],filters:[]};const{keyLabelMap:t}=y.getRoot(e).content.filters,r=e.unmetRunByConditions.filter(s=>s.startsWith("context.")).map(s=>s.split("context.")[0]),i=e.unmetRunByConditions.filter(s=>s.startsWith("filters.")).map(s=>v.get({filters:t},s)).filter(s=>!!s);return{context:r,filters:i}}})).actions(e=>({setName(t){e.name=t},setKey(t){e.key=t},setType(t){e.type=t},setSQL(t){e.sql=t},setRunBy(t){e.run_by.length=0,e.run_by.push(...t)},setReactTo(t){e.react_to.length=0,e.react_to.push(...t)},setPreProcess(t){e.pre_process=t},setPostProcess(t){e.post_process=t}}));function jv(e,t){return new Function(`return ${e}`)()(t,ht)}function Rv(e,t,r){return{context:{...t,...e},filters:r}}function Yv(e,t,r,i){const s=Rv(t,r,i);return jv(e,s)}function Qv(e,t){try{return new Function(`return ${e.config.processing.pre}`)()(t,ht)}catch(r){return console.error(r),t}}function Uv(e,t){return new Function(`return ${e.config.processing.post}`)()(t,ht)}function Xv(e,t){return e?new Function(`return ${e}`)()(t,ht):t}const vs=y.types.compose("QueryModel",Wv,y.types.model({state:y.types.optional(y.types.enumeration(["idle","loading","error"]),"idle"),data:y.types.optional(y.types.array(y.types.frozen()),[]),error:y.types.frozen()})).views(e=>({get formattedSQL(){const{context:t,mock_context:r,sqlSnippets:i,filterValues:s}=y.getRoot(e).content.payloadForSQL;return ys(e.sql,t,r,i,s)},get typedAsSQL(){return[pe.Postgresql,pe.MySQL].includes(e.type)},get typedAsHTTP(){return[pe.HTTP].includes(e.type)},get datasource(){const{key:t,type:r}=e;return y.getRoot(e).datasources.find({type:r,key:t})},get httpConfigString(){const{context:t,mock_context:r,filterValues:i}=y.getRoot(e).content.payloadForSQL,{name:s,pre_process:o}=e.json,u=Yv(o,t,r,i);return console.groupCollapsed(`Request config for: ${s}`),console.log(u),console.groupEnd(),JSON.stringify(u)}})).views(e=>({get stateMessage(){if(e.state!=="idle")return"";if(!e.runByConditionsMet){const{context:t,filters:r}=e.conditionNames;if(t.length===0&&r.length===0)return"Waiting";const i=[];return t.length>0&&i.push(`context: ${t.join(", ")}`),r.length>0&&i.push(`filter${r.length>1?"s":""}: ${r.join(", ")}`),i.length===2&&i.splice(1,0,"and"),i.unshift("Waiting for"),i.join(" ")}return e.data.length>0?"":"Empty Data"}})).volatile(()=>({controller:new AbortController})).actions(e=>({runSQL:y.flow(function*(){var t;if(e.valid&&((t=e.controller)==null||t.abort(),!!e.runByConditionsMet)){e.controller=new AbortController,e.state="loading";try{const{context:r,mock_context:i,sqlSnippets:s,filterValues:o}=y.getRoot(e).content.payloadForSQL;e.data=yield*y.toGenerator(qv({context:r,mock_context:i,sqlSnippets:s,title:e.name,query:e.json,filterValues:o},e.controller.signal)),e.state="idle",e.error=null}catch(r){if(!Xe.isCancel(r)){e.data.length=0;const i=v.get(r,"message","unkown error");e.error=v.get(r,"response.data.detail.message",i),e.state="error"}}}}),runHTTP:y.flow(function*(){var t;if(!(!e.valid||!e.datasource)&&((t=e.controller)==null||t.abort(),!!e.runByConditionsMet)){e.controller=new AbortController,e.state="loading";try{const{type:r,key:i,post_process:s}=e.json;let o=JSON.parse(e.httpConfigString);o=Qv(e.datasource,o);const u=yield*y.toGenerator(Fv({type:r,key:i,configString:JSON.stringify(o)},e.controller.signal));let l=Uv(e.datasource,u);l=Xv(s,l),e.data=l,e.state="idle",e.error=null}catch(r){if(console.error(r),!Xe.isCancel(r)){e.data.length=0;const i=v.get(r,"message","unkown error");e.error=v.get(r,"response.data.detail.message",i),e.state="error"}}}})})).actions(e=>({fetchData:()=>e.typedAsHTTP?e.runHTTP():e.runSQL(),beforeDestroy(){var t;(t=e.controller)==null||t.abort()}})).actions(e=>({afterCreate(){y.addDisposer(e,se.reaction(()=>{var t,r;return e.typedAsHTTP?`${e.id}--${e.key}--${e.reQueryKey}--${(t=e.datasource)==null?void 0:t.id}`:`${e.id}--${e.key}--${e.formattedSQL}--${e.pre_process}--${e.post_process}--${(r=e.datasource)==null?void 0:r.id}`},e.fetchData,{fireImmediately:!0,delay:0}))}})),xs=y.types.model("QueriesModel",{current:y.types.optional(y.types.array(vs),[])}).views(e=>({get firstID(){if(e.current.length!==0)return e.current[0].id},findByID(t){return e.current.find(r=>r.id===t)},get options(){const t=e.current.map(r=>({value:r.id,label:r.name,_type:"query"}));return v.sortBy(t,r=>r.label.toLowerCase())}})).views(e=>({get json(){return e.current.filter(t=>t.id).map(t=>t.json)}})).actions(e=>({replace(t){e.current=y.cast(t)},append(t){e.current.push(t)},remove(t){e.current.splice(t,1)},replaceByIndex(t,r){e.current.splice(t,1,r)},downloadAllData(){const t=e.current.map(({name:r,data:i})=>({id:r,data:i.toJSON()}));Lv(t)},downloadDataByQueryID(t){const r=e.findByID(t);if(!r){console.log("[downloadDataByQueryID] query not found");return}const{name:i,data:s}=r,o=bs(s);zv(i,o)},refetchDataByQueryID(t){const r=e.findByID(t);if(!r){console.error(new Error(`[downloadDataByQueryID] query by ID[${t}] not found`));return}return r.fetchData()},removeQuery(t){const r=e.current.find(i=>i.id===t);r&&(y.detach(r),e.current.remove(r))}})),Cs=y.types.model("SQLSnippetModel",{key:y.types.string,value:y.types.string}).views(e=>({get json(){const{key:t,value:r}=e;return{key:t,value:r}},isADuplicatedKey(t){return!t||t===e.key?!1:!!y.getParent(e,2).findByKey(t)}})).actions(e=>({setKey(t){e.key=t},setValue(t){e.value=t}})),ws=y.types.model("SQLSnippetsModel",{current:y.types.optional(y.types.array(Cs),[])}).views(e=>({get json(){return e.current.map(t=>t.json)},get options(){const t=e.current.map(r=>({label:r.key,value:r.key,_type:"sql_snippet"}));return v.sortBy(t,r=>r.label.toLowerCase())},get record(){return e.current.reduce((t,r)=>(t[r.key]=r.value,t),{})},get firstKey(){if(e.current.length!==0)return e.current[0].key},findByKey(t){return e.current.find(r=>r.key===t)}})).actions(e=>({replace(t){e.current=y.cast(t)},append(t){e.current.push(t)},remove(t){e.current.splice(t,1)},removeByKey(t){const r=e.current.findIndex(i=>i.key===t);r>=0&&e.current.splice(r,1)},replaceByIndex(t,r){e.current.splice(t,1,r)}})),_s=y.types.model("ContextModel",{current:y.types.optional(y.types.frozen(),{})}).views(e=>({get keys(){return Object.keys(e.current)},get entries(){return Object.entries(e.current)}})).actions(e=>({replace(t){e.current=t},get(t){return e.current[t]},set(t,r){e.current[t]=r}})),Zv=y.types.model({data:y.types.optional(y.types.frozen(),[]),state:y.types.optional(y.types.enumeration(["idle","loading","error"]),"idle"),error:y.types.frozen()}).views(e=>({get loading(){return e.state==="loading"},get empty(){return e.data.length===0},get sql(){const t=y.getParent(e,1),{type:r,table_name:i,table_schema:s}=t;if(r===pe.MySQL)return`
           SELECT ordinal_position, column_key, column_name, column_type, is_nullable, column_default, column_comment
           FROM information_schema.columns
           WHERE table_name = '${i}' AND table_schema = '${s}'
@@ -419,7 +419,7 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
             LEFT JOIN pg_constraint pc ON pc.conrelid = ${o} AND ordinal_position = any(pc.conkey)
           WHERE
             table_name = '${i}' AND table_schema = '${s}';
-        `}return""}})),Zv=y.types.model({data:y.types.optional(y.types.frozen(),[]),state:y.types.optional(y.types.enumeration(["idle","loading","error"]),"idle"),error:y.types.frozen()}).views(e=>({get loading(){return e.state==="loading"},get empty(){return e.data.length===0},get sql(){const t=y.getParent(e,1),{type:r,table_name:i,table_schema:s}=t;return r===pe.MySQL?`
+        `}return""}})),Kv=y.types.model({data:y.types.optional(y.types.frozen(),[]),state:y.types.optional(y.types.enumeration(["idle","loading","error"]),"idle"),error:y.types.frozen()}).views(e=>({get loading(){return e.state==="loading"},get empty(){return e.data.length===0},get sql(){const t=y.getParent(e,1),{type:r,table_name:i,table_schema:s}=t;return r===pe.MySQL?`
           SELECT
             sub_part AS index_length,
             index_name AS index_name,
@@ -454,22 +454,22 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
             JOIN pg_am AS am ON ix.relam = am.oid
           WHERE
             t.relname = '${i}' AND n.nspname = '${s}';
-        `:""}})),Kv=y.types.model({data:y.types.optional(y.types.frozen(),{}),state:y.types.optional(y.types.enumeration(["idle","loading","error"]),"idle"),error:y.types.frozen()}).views(e=>({get loading(){return e.state==="loading"},get empty(){return Object.keys(e.data).length===0},get sql(){const t=y.getParent(e,1).type;return t===pe.MySQL||t===pe.Postgresql?"SELECT table_schema, table_name, table_type FROM information_schema.tables ORDER BY table_schema, table_name":""}})),Jv=y.types.model({page:y.types.optional(y.types.number,1),limit:y.types.optional(y.types.number,20),data:y.types.optional(y.types.frozen(),[]),total:y.types.optional(y.types.number,0),state:y.types.optional(y.types.enumeration(["idle","loading","error"]),"idle"),error:y.types.frozen()}).views(e=>({get keywords(){return y.getParent(e,1)},get keywordString(){const{table_name:t,table_schema:r}=y.getParent(e,1);return`${r}||${t}`}})).views(e=>({get loading(){return e.state==="loading"},get empty(){return e.data.length===0},get maxPage(){return Math.ceil(e.total/e.limit)},get sql(){const t=y.getParent(e,1),{table_name:r,table_schema:i}=t;return`
+        `:""}})),Jv=y.types.model({data:y.types.optional(y.types.frozen(),{}),state:y.types.optional(y.types.enumeration(["idle","loading","error"]),"idle"),error:y.types.frozen()}).views(e=>({get loading(){return e.state==="loading"},get empty(){return Object.keys(e.data).length===0},get sql(){const t=y.getParent(e,1).type;return t===pe.MySQL||t===pe.Postgresql?"SELECT table_schema, table_name, table_type FROM information_schema.tables ORDER BY table_schema, table_name":""}})),Hv=y.types.model({page:y.types.optional(y.types.number,1),limit:y.types.optional(y.types.number,20),data:y.types.optional(y.types.frozen(),[]),total:y.types.optional(y.types.number,0),state:y.types.optional(y.types.enumeration(["idle","loading","error"]),"idle"),error:y.types.frozen()}).views(e=>({get keywords(){return y.getParent(e,1)},get keywordString(){const{table_name:t,table_schema:r}=y.getParent(e,1);return`${r}||${t}`}})).views(e=>({get loading(){return e.state==="loading"},get empty(){return e.data.length===0},get maxPage(){return Math.ceil(e.total/e.limit)},get sql(){const t=y.getParent(e,1),{table_name:r,table_schema:i}=t;return`
         SELECT *
         FROM ${i}.${r}
         LIMIT ${e.limit} OFFSET ${(e.page-1)*e.limit}
       `},get countSql(){const{table_name:t,table_schema:r}=e.keywords;return`
         SELECT count(*) AS total
         FROM ${r}.${t}
-      `}})).actions(e=>({setPage(t){e.page=t},resetPage(){e.page=1},setLimit(t){e.limit=t}})).actions(e=>({afterCreate(){y.addDisposer(e,se.reaction(()=>e.keywordString,e.resetPage,{fireImmediately:!1,delay:0})),y.addDisposer(e,se.reaction(()=>e.limit,e.resetPage,{fireImmediately:!1,delay:0}))}})),Hv=y.types.model("DataSourceModel",{id:y.types.string,type:y.types.enumeration("DataSourceType",[pe.HTTP,pe.MySQL,pe.Postgresql]),key:y.types.string,config:y.types.frozen(),tables:y.types.optional(Kv,{}),columns:y.types.optional(Xv,{}),tableData:y.types.optional(Jv,{}),indexes:y.types.optional(Zv,{}),table_schema:y.types.optional(y.types.string,""),table_name:y.types.optional(y.types.string,"")}).volatile(()=>({controllers:{tables:new AbortController,columns:new AbortController,indexes:new AbortController,tableData:new AbortController}})).actions(e=>({setKeywords(t,r){e.table_schema=t,e.table_name=r}})).actions(e=>({initKeywords(){if(e.tables.empty)return;const t=Object.keys(e.tables.data)[0],r=e.tables.data[t][0].table_name;e.setKeywords(t,r)}})).actions(e=>{const t=y.flow(function*(){var r;(r=e.controllers.tables)==null||r.abort(),e.controllers.tables=new AbortController,e.tables.state="loading";try{const i=yield*y.toGenerator(ze.query(e.controllers.tables.signal)({type:e.type,key:e.key,query:e.tables.sql},{}));e.tables.data=v.groupBy(i,"table_schema"),e.tables.state="idle",e.tables.error=null,e.initKeywords()}catch(i){if(!Xe.isCancel(i)){e.tables.data={};const s=v.get(i,"message","unkown error");e.tables.error=v.get(i,"response.data.detail.message",s),e.tables.state="error"}}});return{loadTables:t,loadTablesIfEmpty(){e.tables.empty&&t()},loadColumns:y.flow(function*(){var r;(r=e.controllers.columns)==null||r.abort(),e.controllers.columns=new AbortController,e.columns.state="loading";try{e.columns.data=yield*y.toGenerator(ze.query(e.controllers.columns.signal)({type:e.type,key:e.key,query:e.columns.sql},{})),e.columns.state="idle",e.columns.error=null}catch(i){if(Xe.isCancel(i))e.columns.state="idle",e.columns.error=null;else{e.columns.data=[];const s=v.get(i,"message","unkown error");e.columns.error=v.get(i,"response.data.detail.message",s),e.columns.state="error"}}}),loadIndexes:y.flow(function*(){var r;(r=e.controllers.indexes)==null||r.abort(),e.controllers.indexes=new AbortController,e.indexes.state="loading";try{e.indexes.data=yield*y.toGenerator(ze.query(e.controllers.indexes.signal)({type:e.type,key:e.key,query:e.indexes.sql},{})),e.indexes.state="idle",e.indexes.error=null}catch(i){if(Xe.isCancel(i))e.indexes.state="idle",e.indexes.error=null;else{e.indexes.data=[];const s=v.get(i,"message","unkown error");e.indexes.error=v.get(i,"response.data.detail.message",s),e.indexes.state="error"}}}),loadTableData:y.flow(function*(){var i;(i=e.controllers.tableData)==null||i.abort(),e.controllers.tableData=new AbortController;const r=e.tableData;r.state="loading";try{r.data=yield*y.toGenerator(ze.query(e.controllers.tableData.signal)({type:e.type,key:e.key,query:r.sql},{}));const[{total:s}]=yield*y.toGenerator(ze.query(e.controllers.tableData.signal)({type:e.type,key:e.key,query:r.countSql},{}));r.total=Number(s),r.state="idle",r.error=null}catch(s){if(Xe.isCancel(s))r.state="idle",r.error=null;else{r.data=[];const o=v.get(s,"message","unkown error");r.error=v.get(s,"response.data.detail.message",o),r.state="error"}}})}}).actions(e=>({afterCreate(){y.addDisposer(e,se.reaction(()=>e.columns.sql,e.loadColumns,{fireImmediately:!1,delay:500}))}})).actions(e=>({afterCreate(){y.addDisposer(e,se.reaction(()=>e.indexes.sql,e.loadIndexes,{fireImmediately:!1,delay:500})),y.addDisposer(e,se.reaction(()=>e.tableData.sql,e.loadTableData,{fireImmediately:!1,delay:0}))}})),ex=y.types.model("DataSourcesModel",{list:y.types.optional(y.types.array(Hv),[])}).views(e=>({find({type:t,key:r}){return e.list.find(i=>i.key===r&&i.type===t)},get options(){return e.list.map(t=>({value:t.key,label:t.key}))}})).actions(e=>({replace(t){e.list.length=0,e.list.push(...t)}}));function on(e){return{label:e,value:e,_type:"ACTION",_action_type:e,Icon:null,children:null}}function tx(e){switch(e._type){case"GROUP":case"ACTION":return null;case"global_variables":return["_GLOBAL_VARS_"];case"mock_context":return["_MOCK_CONTEXT_"];case"filter":return["_FILTERS_",e.value];case"sql_snippet":return["_SQL_SNIPPETS_",e.value];case"query":return["_QUERIES_",e.value];case"view":return["_VIEWS_",e.value];case"panel":return e.parentID?["_VIEWS_",e.parentID,"_PANELS_",e.value]:(console.error("[getPathFromOption] parentID is required"),null)}}const nx=y.types.model("EditorModel",{path:y.types.optional(y.types.frozen(),[]),settings_open:y.types.optional(y.types.boolean,!1)}).views(e=>({get navOptions(){const{content:t}=y.getRoot(e),{filters:r,views:i,sqlSnippets:s,queries:o}=t;return[{label:"Global Variables",value:"_GLOBAL_VARS_",_type:"global_variables",Icon:V.IconVariable},{label:"Mock Context",value:"_MOCK_CONTEXT_",Icon:V.IconCodeDots,_type:"mock_context"},{label:"Filters",value:"_FILTERS_",Icon:V.IconFilter,children:[...r.options,on("_Add_A_Filter_")],_type:"GROUP"},{label:"SQL Snippets",value:"_SQL_SNIPPETS_",Icon:V.IconCopy,children:[...s.options,on("_Add_A_SQL_SNIPPET_")],_type:"GROUP"},{label:"Queries",value:"_QUERIES_",Icon:V.IconDatabase,children:[...o.options,on("_Add_A_QUERY_")],_type:"GROUP"},{label:"Views",value:"_VIEWS_",Icon:V.IconBoxMultiple,children:[...i.editorOptions,on("_Add_A_VIEW_")],_type:"GROUP"}]},isOptionActive(t,r){return t.length===0?!1:t[t.length-1]===r.value},isOptionOpened(t){const{path:r}=e;return r.length===0||!t.children||t.children.length===0?!1:r.includes(t.value)}})).actions(e=>({setPath(t){e.path=t},setSettingsOpen(t){e.settings_open=t}})).actions(e=>({open(t){e.setPath(t),e.setSettingsOpen(!0)},close(){e.setSettingsOpen(!1)},navigate(t){const r=tx(t);r&&e.setPath(r)}})),rx=y.types.model("MockContextModel",{current:y.types.optional(y.types.frozen(),{})}).views(e=>({get keys(){return Object.keys(e.current)},get entries(){return Object.entries(e.current)}})).actions(e=>({replace(t){e.current=t},get(t){return e.current[t]},set(t,r){e.current[t]=r}})),ix=y.types.model("VariableModel",{name:y.types.string,size:y.types.string,weight:y.types.string,color:y.types.union(y.types.model({type:y.types.literal("static"),staticColor:y.types.string}),y.types.model({type:y.types.literal("continuous"),valueRange:y.types.array(y.types.number),colorRange:y.types.array(y.types.string)}),y.types.model({type:y.types.literal("piecewise")})),formatter:y.types.model({output:y.types.enumeration("Output",["number","percent"]),average:y.types.optional(y.types.boolean,!1),mantissa:y.types.number,trimMantissa:y.types.optional(y.types.boolean,!1)}),data_field:y.types.string,aggregation:y.types.union(y.types.model({type:y.types.enumeration(["none","sum","mean","median","min","max","CV","std"]),config:y.types.frozen()}),y.types.model({type:y.types.literal("quantile"),config:y.types.model({p:y.types.number})}))}).views(e=>({get json(){const{name:t,size:r,weight:i,color:s,formatter:o,data_field:u,aggregation:l}=e;return v.cloneDeep({name:t,size:r,color:s,weight:i,formatter:o,data_field:u,aggregation:l})}}));class ax{constructor(t){O(this,"origin");O(this,"copy");this.origin=t,this.copy=y.clone(t),se.makeAutoObservable(this,{},{autoBind:!0,deep:!1})}get changed(){return!v.isEqual(y.getSnapshot(this.origin),y.getSnapshot(this.copy))}commit(){y.applySnapshot(this.origin,y.getSnapshot(this.copy))}update(t){y.applySnapshot(this.copy,t)}}const sx=e=>new ax(e),ox=y.types.model("PanelLayoutModel",{x:y.types.number,y:y.types.maybeNull(y.types.number),w:y.types.number,h:y.types.number,moved:y.types.optional(y.types.boolean,!1),static:y.types.optional(y.types.boolean,!1)}).views(e=>({get json(){const{x:t,y:r,w:i,h:s,moved:o}=e;return{h:s,w:i,x:t,y:r===null?0:r,moved:o,static:e.static}}})).actions(e=>({set(t){const{x:r,y:i,w:s,h:o,moved:u}=t;e.x=r,e.y=i,e.w=s,e.h=o,e.moved=!!u,e.static=!!t.static}})),lx=y.types.model("PanelStyleBorderModel",{enabled:y.types.boolean}).views(e=>({get json(){const{enabled:t}=e;return{enabled:t}}})).actions(e=>({setEnabled(t){e.enabled=t}})),ux=y.types.model("PanelStyleModel",{border:lx}).views(e=>({get json(){const{border:t}=e;return{border:t.json}}})).actions(e=>({})),dx=y.types.model("PanelVizModel",{type:y.types.string,conf:y.types.frozen()}).views(e=>({get json(){return{conf:e.conf,type:e.type}}})).actions(e=>({setType(t){e.type=t},setConf(t){e.conf=t}})),_s=y.types.model({id:y.types.string,title:y.types.string,description:y.types.string,layout:ox,queryID:y.types.string,viz:dx,style:ux,variables:y.types.optional(y.types.array(ix),[])}).views(e=>({get query(){return y.getParentOfType(e,Mt).queries.findByID(e.queryID)},get json(){const{id:t,title:r,description:i,queryID:s}=e;return{id:t,viz:e.viz.json,style:e.style.json,title:r,layout:e.layout.json,queryID:s,variables:e.variables.map(o=>o.json),description:i}}})).actions(e=>({setID(t){e.id=t},setTitle(t){e.title=t},setDescription(t){e.description=t},setQueryID(t){if(y.getParentOfType(e,Mt).queries.findByID(t))e.queryID=t;else throw new Error(`Query with id ${t} does not exist`)},addVariable(t){e.variables.push(t)},removeVariable(t){e.variables.remove(t)},removeSelf(){y.getParent(e,2).removeByID(e.id)}})).actions(e=>({moveToView(t,r){y.getRoot(e).content.views.findByID(t).removePanelID(e.id),y.getRoot(e).content.views.findByID(r).appendPanelID(e.id),y.getRoot(e).editor.setPath(["_VIEWS_",r,"_PANELS_",e.id])}}));function Ss(e){return{id:e,layout:{x:0,y:1/0,w:18,h:300},title:e,description:"<p></p>",queryID:"",viz:{type:Kn.name,conf:Kn.createConfig()},style:{border:{enabled:!0}}}}const Ts=y.types.model("PanelsModel",{list:y.types.optional(y.types.array(_s),[])}).views(e=>({get json(){return e.list.map(t=>t.json)},findByID(t){return e.list.find(r=>r.id===t)},get idMap(){const t=new Map;return e.list.forEach(r=>{t.set(r.id,r)}),t}})).views(e=>({panelsByIDs(t){const r=[];t.forEach(s=>{const o=e.idMap.get(s);o?r.push(o):console.warn(`Panel is not found, id:${s}`)});const i=r.map(s=>({...s.layout.json,i:s.id}));return{panels:r,layouts:i}}})).views(e=>({editorOptions(t,r){const{panels:i}=e.panelsByIDs(r);i.length!==r.length&&console.warn(`Unfulfilled panels for View[${t}]`);const s=i.map(u=>({label:u.title?u.title:v.capitalize(u.viz.type),value:u.id,_type:"panel",parentID:t})),o="_Add_A_PANEL_";return s.push({label:o,value:o,_type:"ACTION",_action_type:o,parentID:t,Icon:null,children:null}),s}})).actions(e=>({replace(t){e.list=y.castToSnapshot(t)},append(t){e.list.push(t)},remove(t){e.list.splice(t,1)},removeByID(t){const r=e.list.findIndex(i=>i.id===t);r!==-1&&e.list.splice(r,1)},duplicateByID(t){const r=e.list.find(s=>s.id===t);if(!r){console.error(new Error(`[duplicate panel] Can't find a panel by id[${t}]`));return}const i=new Date().getTime().toString();return e.list.push({...r.json,id:i,layout:{...r.layout,y:1/0,moved:!1}}),i},replaceByIndex(t,r){e.list.splice(t,1,r)}})),ks=y.types.model("ViewModel_Division",{_name:y.types.literal(K.Division)}).views(e=>({get json(){const{_name:t}=e;return{_name:t}}})).actions(e=>({})),cx=()=>ks.create({_name:K.Division}),fr={enabled:!1,func_content:["function text({ filters, context}) {","    // your code goes here",'    return "text"',"}"].join(`
-`)},px=y.types.model("CustomModalTitleModel",{enabled:y.types.optional(y.types.boolean,!1),func_content:y.types.optional(y.types.string,"")}).views(e=>({get json(){const{enabled:t,func_content:r}=e;return{enabled:t,func_content:r}},get value(){const{enabled:t,func_content:r}=e,i=y.getParent(e,2),s=y.getRoot(e);if(!t)return i.name;try{const o={filters:s.content.filters.values,context:s.context.current};return new Function(`return ${r}`)()(o)}catch(o){return console.error(o),i.name}}})).actions(e=>({setEnabled(t){e.enabled=t},setFuncContent(t){e.func_content=t},replace({enabled:t,func_content:r}){e.enabled=t,e.func_content=r}})),Ds=y.types.model("ViewModel_Modal",{_name:y.types.literal(K.Modal),width:y.types.string,height:y.types.string,custom_modal_title:y.types.optional(px,fr)}).views(e=>({get json(){const{_name:t,width:r,height:i,custom_modal_title:s}=e;return{_name:t,width:r,height:i,custom_modal_title:s.json}}})).actions(e=>({setWidth(t){e.width=t},setHeight(t){e.height=t}})),hx=()=>Ds.create({_name:K.Modal,width:"90vw",height:"90vh"}),fx=y.types.model("ViewModel_Tabs_Tab",{id:y.types.identifier,name:y.types.string,view_id:y.types.string,color:y.types.optional(y.types.string,"")}).views(e=>({get json(){const{id:t,name:r,view_id:i,color:s}=e;return{id:t,name:r,color:s,view_id:i}}})).actions(e=>({setName(t){e.name=t},setViewID(t){e.view_id=t},setColor(t){e.color=t}})),Is=y.types.model("ViewModel_Tabs",{_name:y.types.literal(K.Modal),tabs:y.types.optional(y.types.array(fx),[]),variant:y.types.optional(y.types.enumeration("variant",["default","outline","pills"]),"default"),orientation:y.types.optional(y.types.enumeration("orientation",["horizontal","vertical"]),"horizontal"),grow:y.types.optional(y.types.boolean,!1)}).views(e=>({get json(){const{_name:t,variant:r,orientation:i,tabs:s,grow:o}=e;return{grow:o,tabs:s.map(u=>u.json),_name:t,variant:r,orientation:i}}})).actions(e=>({setVariant(t){e.variant=t},setOrientation(t){e.orientation=t},setGrow(t){e.grow=t},setTabs(t){e.tabs.length=0,e.tabs=y.cast(t)},addTab(){const t=ve.randomId(),r={id:t,name:t,view_id:""};e.tabs.push(r)},removeTab(t){e.tabs.splice(t,1)}})),gx=()=>Is.create({_name:K.Modal,tabs:[]}),Ms=y.types.model({id:y.types.identifier,name:y.types.string,type:y.types.enumeration("EViewComponentType",[K.Division,K.Modal,K.Tabs]),config:y.types.union(ks,Ds,Is),panelIDs:y.types.optional(y.types.array(y.types.string),[])}).views(e=>({get json(){const{id:t,name:r,type:i,config:s}=e;return{id:t,name:r,type:i,config:s.json,panelIDs:e.panelIDs}}})).actions(e=>({setName(t){e.name=t},setType(t){if(e.type!==t){switch(t){case K.Division:e.config=cx();break;case K.Modal:e.config=hx();break;case K.Tabs:e.config=gx();break}e.type=t}},appendPanelID(t){e.panelIDs.push(t)},removePanelID(t){const r=e.panelIDs.filter(i=>i!==t);e.panelIDs.length=0,e.panelIDs.push(...r)}})).actions(e=>({})),As=y.types.model("ViewsModel",{current:y.types.optional(y.types.array(Ms),[]),visibleViewIDs:y.types.array(y.types.string),idOfVIE:y.types.string}).views(e=>({get json(){return e.current.map(t=>sn(t.json))},get idMap(){const t=new Map;return e.current.forEach(r=>{t.set(r.id,r)}),t},findByID(t){return e.current.find(r=>r.id===t)},get isVIETheFirstView(){return e.current.length===0||!e.idOfVIE?!1:e.current[0].id===e.idOfVIE},get firstVisibleView(){const[t]=e.visibleViewIDs;return e.current.find(({id:r})=>r===t)},get visibleViews(){const t=new Set(e.visibleViewIDs);return e.current.filter(({id:r})=>t.has(r))},get VIE(){return e.current.find(({id:t})=>t===e.idOfVIE)},get options(){return e.current.map(t=>({label:t.name,value:t.id,type:t.type}))},get editorOptions(){const t=y.getRoot(e).content.panels;return e.current.map(r=>({label:r.name,value:r.id,_type:"view",children:t.editorOptions(r.id,r.panelIDs)}))}})).actions(e=>({replace(t){e.current.replace(t)},addANewView(t,r,i,s){e.current.push({id:t,name:r,type:i,config:s,panelIDs:[]})},append(t){e.current.push(t)},remove(t){e.current.splice(t,1)},removeByID(t){const r=e.current.findIndex(i=>i.id===t);r!==-1&&e.current.splice(r,1)},replaceByIndex(t,r){e.current.splice(t,1,r)},setIDOfVIE(t){e.idOfVIE=t,e.visibleViewIDs.length=0,e.visibleViewIDs.push(t)},appendToVisibles(t){new Set(e.visibleViewIDs.map(i=>i)).has(t)||e.visibleViewIDs.push(t)}})).actions(e=>({addARandomNewView(){const t=new Date().getTime().toString();e.addANewView(t,K.Division,K.Division,{_name:K.Division}),e.setIDOfVIE(t)},removeVIE(){e.current.length!==1&&(e.removeByID(e.idOfVIE),e.setIDOfVIE(e.current[0].id))},rmVisibleViewID(t){const r=e.visibleViewIDs.findIndex(i=>i===t);r!==-1&&e.visibleViewIDs.splice(r,1)}}));function gr(e){const t=e.length>0?[e[0].id]:[],r=e.length>0?e[0].id:"";return{current:e.map(s=>{const{_name:o=s.type}=s.config;return{...s,config:{...s.config,_name:o},panelIDs:s.panelIDs}}),visibleViewIDs:t,idOfVIE:r}}const mx=y.types.model({id:y.types.string,name:y.types.string,dashboard_id:y.types.string,create_time:y.types.string,update_time:y.types.string,version:y.types.string,filters:ps,queries:vs,sqlSnippets:Cs,views:As,panels:Ts,mock_context:rx,origin:y.types.maybe(y.types.frozen())}).views(e=>({get json(){return{id:e.id,name:e.name,create_time:e.create_time,update_time:e.update_time,dashboard_id:e.dashboard_id,content:{views:e.views.json,panels:e.panels.json,filters:e.filters.json,version:e.version,definition:{queries:e.queries.json,sqlSnippets:e.sqlSnippets.json,mock_context:e.mock_context.current}}}},get filtersChanged(){const t="filters.current";return!v.isEqual(y.getSnapshot(v.get(e,t)),v.get(e.origin,t))},get queriesChanged(){const t="queries.current",r=y.getSnapshot(v.get(e,t)).map(i=>v.pick(i,["id","name","key","type","sql","run_by","pre_process","post_process"]));return!v.isEqual(r,v.get(e.origin,t))},get sqlSnippetsChanged(){const t="sqlSnippets.current";return!v.isEqual(y.getSnapshot(v.get(e,t)),v.get(e.origin,t))},get viewsChanged(){const t="views.current";return!v.isEqual(y.getSnapshot(v.get(e,t)),v.get(e.origin,t))},get panelsChanged(){const t="panels.list";return!v.isEqual(y.getSnapshot(v.get(e,t)),v.get(e.origin,t))},get mockContextChanged(){const t="mock_context.current";return!v.isEqual(v.get(e,t),v.get(e.origin,t))},get payloadForSQL(){return{context:y.getParent(e).context.current,mock_context:e.mock_context.current,sqlSnippets:e.sqlSnippets.current,filterValues:e.filters.values}},get changed(){return this.filtersChanged||this.queriesChanged||this.sqlSnippetsChanged||this.viewsChanged||this.panelsChanged||this.mockContextChanged},get data(){return e.queries.current.map(({id:r,data:i})=>({id:r,data:i})).reduce((r,i)=>(r[i.id]=i.data,r),{})},getDataStuffByID(t){const r=e.queries.findByID(t);return r?{data:r.data.toJSON(),dataProxy:r.data,len:r.data.length,state:r.state,error:r.error}:{data:[],dataProxy:null,len:0,state:"idle",error:void 0}},getDataStateByID(t){var r;return((r=e.queries.findByID(t))==null?void 0:r.state)??[]},getDataErrorByID(t){var r;return((r=e.queries.findByID(t))==null?void 0:r.error)??[]}})).views(e=>({findQueryUsage(t){const r=e.panels.idMap,i=e.views.current.flatMap(u=>u.panelIDs.map(l=>r.get(l)).filter(l=>(l==null?void 0:l.queryID)===t).map(l=>({type:"panel",id:l.id,label:l.title?l.title:l.viz.type,views:[{id:u.id,label:u.name}]}))),s=e.views.idMap,o=e.filters.current.filter(u=>v.get(u,"config.options_query_id")===t).map(u=>({type:"filter",id:u.id,label:u.label,views:u.visibleInViewsIDs.map(l=>{var d;return{id:l,label:((d=s.get(l))==null?void 0:d.name)??l}})}));return i.concat(o)}})).actions(e=>({duplicatePanelByID(t,r){var s;const i=e.panels.duplicateByID(t);i&&((s=e.views.findByID(r))==null||s.appendPanelID(i))},removePanelByID(t,r){var i;e.panels.removeByID(t),(i=e.views.findByID(r))==null||i.removePanelID(t)},addANewPanel(t){var i;const r=new Date().getTime().toString();e.panels.append(Ss(r)),(i=e.views.findByID(t))==null||i.appendPanelID(r)}})).actions(e=>({reset(){y.applySnapshot(e.filters.current,e.origin.filters.current),y.applySnapshot(e.queries.current,e.origin.queries.current),y.applySnapshot(e.sqlSnippets.current,e.origin.sqlSnippets.current),y.applySnapshot(e.views.current,e.origin.views.current),y.applySnapshot(e.panels.list,e.origin.panels.list),e.mock_context.current=e.origin.mock_context.current},resetFilters(){y.applySnapshot(e.filters.current,e.origin.filters.current)},updateCurrent(t){const{id:r,name:i,content:s}=t;if(!s)throw new Error("unexpected null content when updating a content model");const{version:o,filters:u,views:l,panels:d,definition:{queries:p,sqlSnippets:f,mock_context:g={}}}=s;e.id=r,e.name=i,e.version=o,y.applySnapshot(e.filters.current,u),y.applySnapshot(e.views.current,gr(l).current),y.applySnapshot(e.panels.list,d),y.applySnapshot(e.queries.current,p),y.applySnapshot(e.sqlSnippets.current,f),e.mock_context.current=g}})),Mt=y.types.snapshotProcessor(mx,{preProcessor(e){return{...e,origin:e}},postProcessor(e){delete e.origin;const t=y.castToSnapshot(e.queries.current.map(r=>v.pick(r,["id","key","type","sql"])));return v.defaults({},{queries:{current:t}},e)}});function bx(e,t){t.filters&&y.applySnapshot(e.filters.current,t.filters)}function $s({id:e,name:t,dashboard_id:r,create_time:i,update_time:s,content:o}){if(!o)throw new Error("unexpected null content when creating a content model");const{version:u,filters:l,views:d,panels:p,definition:{queries:f,sqlSnippets:g,mock_context:h={}}}=o;return Mt.create({id:e,name:t,dashboard_id:r,create_time:i,update_time:s,version:u,filters:hs(l),queries:{current:f},sqlSnippets:{current:g},mock_context:{current:h},views:gr(d),panels:{list:p}})}const zs=y.types.model({id:y.types.identifier,name:y.types.string,group:y.types.string,content:Mt,content_id:y.types.string,datasources:ex,context:ws,editor:nx}).views(e=>({get json(){return{id:e.id,name:e.name,group:e.group,content_id:e.content_id}}})).actions(e=>({updateCurrentContent(t){e.content.updateCurrent(t)},updateCurrent(t,r){const{id:i,name:s,group:o,content_id:u}=t;e.id=i,e.name=s,e.group=o,e.content_id=u,this.updateCurrentContent(r)}}));function mr({id:e,name:t,group:r,content_id:i},s,o,u){return zs.create({id:e,name:t,group:r,content_id:i,content:$s(s),datasources:{list:o},context:{current:u},editor:{}})}function br(e){return m.useCallback(t=>t.provideValue(be.pluginManager,e.pluginManager).provideValue(be.vizManager,e.vizManager).provideValue(be.colorManager,e.colorManager),[])}const Z1="",yx=T.observer(({headerMenuItems:e=null})=>{const t=ce(),r=Y(),i=()=>{const s=JSON.stringify(r.json,null,2),o=`${t.name}__${r.name}`;zv(o,s)};return c(a.Menu,{shadow:"md",width:200,trigger:"hover",openDelay:100,closeDelay:400,withinPortal:!0,zIndex:310,children:[n(a.Menu.Target,{children:n(a.ActionIcon,{variant:"light",color:"blue",children:n(V.IconMenu2,{size:14})})}),c(a.Menu.Dropdown,{children:[n(a.Menu.Item,{icon:n(V.IconDownload,{size:14}),onClick:r.queries.downloadAllData,children:"Download Data"}),n(a.Menu.Item,{icon:n(V.IconCode,{size:14}),onClick:i,children:"Download Schema"}),e]})]})}),vx=T.observer(({saveDashboardChanges:e})=>{const t=Le.useModals(),r=Y(),i=()=>{t.openConfirmModal({title:c(a.Group,{position:"left",children:[n(V.IconAlertTriangle,{size:18,color:"red"}),n(a.Text,{children:"You are reverting changes"})]}),labels:{confirm:"Confirm",cancel:"Cancel"},confirmProps:{color:"red"},onCancel:()=>console.log("Cancel"),onConfirm:()=>r.reset(),zIndex:320,withCloseButton:!1})},s=r.changed;return c(a.Group,{spacing:0,children:[n(a.Button,{color:"green",variant:"filled",size:"xs",leftIcon:n(V.IconDeviceFloppy,{size:18}),onClick:e,disabled:!s,sx:{borderTopRightRadius:0,borderBottomRightRadius:0},children:"Save Changes"}),c(a.Menu,{width:200,trigger:"hover",openDelay:100,closeDelay:400,withinPortal:!0,zIndex:320,disabled:!s,children:[n(a.Menu.Target,{children:n(a.ActionIcon,{variant:"default",disabled:!s,sx:{height:"30px",borderTopLeftRadius:0,borderBottomLeftRadius:0,svg:{fill:"rgb(173, 181, 189)",stroke:"none"}},children:n(V.IconCaretDown,{size:18})})}),n(a.Menu.Dropdown,{children:n(a.Menu.Item,{icon:n(V.IconRecycle,{size:14,color:"red"}),disabled:!s,onClick:i,children:"Revert Changes"})})]})]})}),xx=T.observer(({saveDashboardChanges:e,headerSlot:t=null,headerMenuItems:r})=>{const i=yo.useNavigate(),s=ce(),o=()=>{i(`/dashboard/${s.id}`)},u=Le.useModals(),l=()=>{u.openConfirmModal({title:c(a.Group,{position:"left",children:[n(V.IconAlertTriangle,{size:18,color:"red"}),n(a.Text,{children:"There are unsaved changes"})]}),labels:{confirm:"Discard",cancel:"Cancel"},confirmProps:{color:"red"},onCancel:()=>console.log("Cancel"),onConfirm:o,zIndex:320,withCloseButton:!1})},d=s.content.changed;return n(a.Header,{height:60,px:"md",py:0,sx:{zIndex:299},children:c(a.Group,{position:"apart",sx:{height:60,minWidth:"1000px",position:"relative"},children:[c(a.Group,{children:[n(a.Button,{size:"xs",color:d?"red":"green",leftIcon:n(V.IconArrowLeft,{size:20}),onClick:d?l:o,children:c(a.Group,{spacing:4,children:["End Editing",n(a.Text,{td:"underline",children:s.name})]})}),n(vx,{saveDashboardChanges:e})]}),c(a.Group,{position:"right",sx:{flexGrow:1},children:[t,n(yx,{headerMenuItems:r})]})]})})}),Cx={position:"fixed",top:60,left:0,right:0,height:30,zIndex:299,borderBottom:"1px solid #e9ecef",background:"rgba(233,236,239, 0.15)"},wx=T.observer(()=>{const e=Y();return n(a.Box,{sx:Cx,pl:{base:200,xs:200,sm:200,md:220,lg:240,xl:260},children:c(a.Group,{position:"apart",align:"center",sx:{height:"30px"},pr:16,children:[n(a.Button,{variant:"outline",color:"blue",radius:0,size:"xs",disabled:!e.views.VIE,onClick:()=>e.addANewPanel(e.views.idOfVIE),leftIcon:n(V.IconPlaylistAdd,{size:20}),sx:{height:"30px",borderLeft:"none",borderTop:"none",borderRight:"1px solid #e9ecef",borderBottom:"1px solid #e9ecef",background:"rgb(231, 245, 255)"},children:"Add a Panel"}),n(a.Box,{}),n(a.Box,{})]})})}),_x=T.observer(e=>c(B,{children:[n(xx,{...e}),n(wx,{})]})),K1="";function Sx(e,t,r){const i=[];return e.filter(s=>"__INTERACTIONS"in s.viz.conf).forEach((s,o)=>{const u=t[s.id];u.data.interactions=v.get(u,"data.interactions",[]);const{__INTERACTIONS:l,__OPERATIONS:d,__TRIGGERS:p}=s.viz.conf;Object.entries(d).forEach(([f,g])=>{const{schemaRef:h,data:b}=g,{config:w}=b;switch(h){case"builtin:op:open-link":let C=w.urlTemplate.substring(0,100);w.urlTemplate.length>=20&&(C+="..."),u.type="interaction",u.data.interactions.push({schemaRef:h,urlTemplate:w.urlTemplate,shortURLTemplate:C});return;case"builtin:op:open_view":i.push({id:`OPERATION--${f}`,source:s.id,target:w.viewID,label:"Open View",style:{stroke:"rgba(0,0,0,0.8)"},type:"default"});return;case"builtin:op:set_filter_values":u.type="interaction",u.data.interactions.push({schemaRef:h,filters:Object.keys(w.dictionary).map(S=>({key:S,label:r[S]}))});return;case"builtin:op:clear_filter_values":u.type="interaction",u.data.interactions.push({schemaRef:h,filters:w.filter_keys.map(S=>({key:S,label:r[S]}))});return;default:return}})}),i}function Tx(e,t){const r=e.filters.keyLabelMap;return{edges:Sx(e.panels.list,t,r),edgeNodes:[]}}function Es(e,t,r){return e*t+e*r}function kx(e,t,r){return e*t+(e-1)*r}const ln=25,yr=40,Ls=25,vr=350,Dx=150,Ix=150,Ps=150,Os=300,un=40,Vs=25,Mx=300;function Ax(e,t){const r=v.keyBy(t,s=>s.id),i=[];return e.current.forEach((s,o)=>{s.panelIDs.forEach((u,l)=>{const d=Es(l,un,Vs)+yr,p=r[u];if(!p){i.push({id:u,_node_type:"panel",parentNode:s.id,data:{label:`!: ${u}`},position:{x:ln,y:d},sourcePosition:xe.Position.Right,targetPosition:xe.Position.Left,style:{width:Os,height:un}});return}const f=p.title.trim()?`${p.title}`:p.viz.type;i.push({id:p.id,_node_type:"panel",parentNode:s.id,data:{label:f},position:{x:ln,y:d},sourcePosition:xe.Position.Right,targetPosition:xe.Position.Left,style:{width:Os,height:un}})})}),i}const $x={[K.Division]:"Div",[K.Modal]:"Modal",[K.Tabs]:"Tabs"},zx=es;function Ex(e){return e.current.map((r,i)=>{const s=kx(r.panelIDs.length,un,Vs)+yr+Ls;let o=[];return r.type===K.Tabs&&(o=r.config.tabs.map(l=>l.view_id)),{id:r.id,_node_type:"view-root",_view_type:r.type,_view_level:0,_sub_view_ids:[],_tab_view_ids:o,data:{label:`${$x[r.type]}:${r.name}`},position:{x:0,y:0},sourcePosition:xe.Position.Right,targetPosition:xe.Position.Left,className:"light",style:{backgroundColor:zx[r.type],width:vr,height:s}}})}function Lx(e){const t=v.keyBy(e,r=>r.id);e.forEach(r=>{r._node_type!=="view-root"||r._view_type!==K.Tabs||r._tab_view_ids.forEach(i=>{t[i].parentNode=r.id})})}function Px(e){const t=Ex(e.views);Lx(t);const r=Ax(e.views,e.panels.list);return[...t,...r]}function Ox({nodeMap:e,nodes:t,edges:r}){t.forEach(i=>{i._node_type!=="view-root"||i._view_type!==K.Tabs||(i.sourcePosition=xe.Position.Bottom,i.style.width=vr+ln*2,i.style.height=Ls+i._tab_view_ids.reduce((s,o)=>{const u=e[o];u.position.y=s,u.position.x=ln;const l=u.style.height;return s+l+20},yr))})}function Vx({nodeMap:e,nodes:t,edges:r}){r.filter(i=>i.label==="Open View").forEach(i=>{const s=e[i.source],o=e[i.target];if(!s||!o||!s.parentNode)return;const u=e[s.parentNode];u._node_type!=="view-root"||o._node_type!=="view-root"||(o._view_level+=1+u._view_level,u._sub_view_ids.push(o.id))}),t.sort((i,s)=>i._node_type==="view-root"&&s._node_type==="view-root"?i._view_level-s._view_level:i._node_type!=="view-root"&&s._node_type!=="view-root"?0:i._node_type==="view-root"?-1:1)}function Bx({nodeMap:e,nodes:t,edges:r}){const i={};r.forEach(s=>{if(s.label!=="Open View")return;const o=e[s.source],u=e[s.target];if(o&&u&&o.parentNode){const l=e[o.parentNode],d=l.position.x,p=Number(v.get(u,"style.height",0)),f=Number(l.style.width);u.position.x=d+f+Mx,l._view_level===0&&u._sub_view_ids.length===0&&(o.sourcePosition=xe.Position.Left,u.targetPosition=xe.Position.Right,u.position.x*=-1);const h=u.position.x,b=v.get(i,h,0);u.position.y=b,i[h]=b+p+Ps}})}function Nx({nodeMap:e,nodes:t,edges:r}){const i=new Set,s=new Set;r.forEach(u=>{i.add(u.source),s.add(u.target)}),t.filter(u=>u._node_type!=="view-root"||u.id==="Main"||u.parentNode?!1:!i.has(u.id)&&!s.has(u.id)).forEach((u,l)=>{u.position.x=Es(l,vr,Ix),u.position.y=0-Dx-Ps})}function Gx({nodeMap:e,nodes:t,edges:r}){const i={nodeMap:e,nodes:t,edges:r};return Nx(i),Vx(i),Ox(i),Bx(i),{nodes:t,edges:r}}function qx(e){const t=Px(e),r=v.keyBy(t,d=>d.id),{edges:i,edgeNodes:s}=Tx(e,r),o=[...t,...s],u=v.keyBy(o,d=>d.id),l={edges:v.uniqBy(i,d=>d.id),nodes:o,nodeMap:u};return Gx(l)}const J1="",xr={"builtin:op:open-link":n(a.ThemeIcon,{color:"blue",size:20,radius:"xl",children:n(V.IconCircleDashed,{size:14})}),"builtin:op:set_filter_values":n(a.ThemeIcon,{color:"orange",size:20,radius:"xl",children:n(V.IconCircleDot,{size:14})}),"builtin:op:clear_filter_values":n(a.ThemeIcon,{color:"orange",size:20,radius:"xl",children:n(V.IconCircleOff,{size:14})})};function Fx(e){const t=[];return e.forEach(r=>{switch(r.schemaRef){case"builtin:op:open-link":t.push({key:r.urlTemplate,icon:xr[r.schemaRef],text:c(a.Group,{spacing:4,children:[n(a.Text,{children:"Open: "}),n(a.Text,{color:"dimmed",children:r.shortURLTemplate})]})});return;case"builtin:op:set_filter_values":r.filters.forEach(({key:i,label:s})=>{t.push({key:r.schemaRef+i,icon:xr[r.schemaRef],text:n(a.Group,{spacing:4,children:c(a.Text,{children:["Set Filter: ",s]})})})});return;case"builtin:op:clear_filter_values":r.filters.forEach(({key:i,label:s})=>{t.push({key:r.schemaRef+i,icon:xr[r.schemaRef],text:n(a.Group,{spacing:4,children:c(a.Text,{children:["Clear Filter: ",s]})})})});return}}),t}const Wx=m.memo(({data:e,isConnectable:t,sourcePosition:r=xe.Position.Right,targetPosition:i=xe.Position.Left,...s})=>{const o=m.useMemo(()=>Fx(e.interactions),[e.interactions]);return c(B,{children:[n(xe.Handle,{type:"target",position:i,isConnectable:t}),n(a.Box,{sx:{position:"absolute",top:0,right:0},children:n(k.ChevronsUpRight,{size:12})}),c(a.HoverCard,{shadow:"xl",withinPortal:!0,children:[n(a.HoverCard.Target,{children:n(a.Text,{children:e.label})}),n(a.HoverCard.Dropdown,{children:n(a.List,{spacing:"xs",size:"sm",center:!0,children:o.map(u=>n(a.List.Item,{icon:u.icon,children:u.text},u.key))})})]}),n(xe.Handle,{type:"source",position:r,isConnectable:t})]})}),H1="",jx={interaction:Wx},Yx=T.observer(()=>{const e=Y(),{edges:t,nodes:r}=qx(e);return c(xe,{nodes:r,edges:t,onNodesChange:v.noop,onEdgesChange:v.noop,onConnect:v.noop,className:"interactions-viewer",fitView:!0,nodeTypes:jx,children:[n(xe.MiniMap,{}),n(xe.Controls,{}),n(xe.Background,{})]})}),Rx=T.observer(({opened:e,close:t})=>{const{freezeLayout:r}=m.useContext(Ke);return m.useEffect(()=>{r(e)},[e]),n(a.Modal,{size:"96vw",overflow:"inside",opened:e,onClose:t,title:"Interactions",trapFocus:!0,onDragStart:i=>{i.stopPropagation()},styles:{body:{height:"90vh"},modal:{transform:"none !important"}},zIndex:300,children:n(Yx,{})})}),Qx={"> button":{"&:first-of-type":{borderTopRightRadius:0,borderBottomRightRadius:0,borderRightWidth:.5},":not(:first-of-type):not(:last-of-type)":{borderTopRightRadius:0,borderBottomRightRadius:0,borderTopLeftRadius:0,borderBottomLeftRadius:0,borderLeftWidth:.5,borderRightWidth:.5},"&:last-of-type":{borderTopLeftRadius:0,borderBottomLeftRadius:0,borderLeftWidth:.5}}};function Ux({onClick:e,name:t,active:r,openSettings:i}){return c(a.Box,{sx:{position:"relative"},children:[n(a.UnstyledButton,{sx:s=>({display:"block",width:"100%",padding:s.spacing.xs,borderRadius:0,position:"relative",color:s.black,"&:hover":{backgroundColor:s.colors.gray[0]},backgroundColor:r?s.colors.gray[2]:"transparent"}),children:n(a.Group,{sx:{width:"calc(100% - 28px)"},onClick:e,children:n(a.Text,{size:"sm",children:t})})}),r&&n(a.Tooltip,{label:"Edit",position:"right",withinPortal:!0,children:n(a.ActionIcon,{onClick:i,variant:"light",color:"blue",sx:{position:"absolute",top:0,bottom:0,height:"100%",right:0,zIndex:0,borderRadius:0},children:n(V.IconAdjustments,{size:16})})})]})}const Xx=T.observer(()=>{const e=ce(),t=Y(),r=m.useCallback(s=>()=>t.views.setIDOfVIE(s),[t]),i=s=>{e.editor.open(["_VIEWS_",s])};return c(a.Box,{sx:{position:"relative"},children:[t.views.options.map(s=>n(Ux,{active:t.views.idOfVIE===s.value,name:s.label,onClick:r(s.value),openSettings:()=>i(s.value)},s.value)),n(a.Divider,{variant:"dashed"}),n(a.Button,{variant:"subtle",rightIcon:n(V.IconPlus,{size:14}),size:"sm",px:"xs",color:"blue",onClick:t.views.addARandomNewView,sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"space-between"}},children:"Add a View"})]})}),Zx=T.observer(()=>{const e=ce(),t=Y(),r=()=>{if(!t.queries.firstID){e.editor.open(["_QUERIES_",""]);return}e.editor.open(["_QUERIES_",t.queries.firstID])},i=()=>{if(!t.filters.firstID){e.editor.open(["_FILTERS_",""]);return}e.editor.open(["_FILTERS_",t.filters.firstID])},[s,o]=m.useState(!1),u=()=>o(!0),l=()=>o(!1);return c(a.Navbar,{p:0,width:{base:200,xs:200,sm:200,md:220,lg:240,xl:260},zIndex:299,children:[c(a.Navbar.Section,{children:[c(a.Group,{grow:!0,spacing:0,sx:{...Qx,button:{borderWidth:0,borderBottomWidth:1,borderColor:"#e9ecef"}},children:[n(a.Tooltip,{label:"Filters",withinPortal:!0,children:n(a.ActionIcon,{variant:"default",radius:0,size:"md",sx:{height:"30px"},onClick:i,children:n(V.IconFilter,{size:20})})}),n(a.Tooltip,{label:"Queries",withinPortal:!0,children:n(a.ActionIcon,{variant:"default",radius:0,size:"md",sx:{height:"30px"},onClick:r,children:n(V.IconDatabase,{size:20})})}),n(a.Tooltip,{label:"Interactions Viewer",withinPortal:!0,children:n(a.ActionIcon,{variant:"default",radius:0,size:"md",sx:{height:"30px"},onClick:u,children:n(V.IconLink,{size:20})})})]}),n(Rx,{opened:s,close:l})]}),n(a.Navbar.Section,{py:5,sx:{borderBottom:"1px solid #eee"},children:n(a.Text,{align:"center",sx:{userSelect:"none",cursor:"default"},children:"Views"})}),n(a.Navbar.Section,{grow:!0,sx:{overflow:"auto"},children:n(Xx,{})}),n(a.Navbar.Section,{children:n(a.Group,{grow:!0,p:"md",pt:"sm",sx:{borderTop:"1px solid #eee"},children:n(a.Button,{size:"xs",leftIcon:n(V.IconSettings,{size:20}),onClick:()=>e.editor.open([]),children:"Settings"})})})]})}),Kx=T.observer(function({config:t}){return c(B,{children:[n(a.Checkbox,{checked:t.default_value,onChange:r=>t.setDefaultValue(r.currentTarget.checked),label:"Default Checked"}),n(jn,{label:"Description",value:t.description,onChange:t.setDescription,styles:{root:{flexGrow:1,minHeight:"400px"}}})]})}),Jx=[{label:"2022",value:"YYYY"},{label:"202201",value:"YYYYMM"},{label:"20220101",value:"YYYYMMDD"},{label:"2022-01",value:"YYYY-MM"},{label:"2022-01-01",value:"YYYY-MM-DD"}],Hx=T.observer(function({config:t}){return c(B,{children:[c(a.Group,{children:[n(a.Checkbox,{checked:t.required,onChange:r=>t.setRequired(r.currentTarget.checked),label:"Required"}),n(a.Checkbox,{checked:t.clearable,onChange:r=>t.setClearable(r.currentTarget.checked),disabled:t.max_days>0,label:"Clearable"}),n(a.Checkbox,{checked:t.allowSingleDateInRange,onChange:r=>t.setAllowSingleDateInRange(r.currentTarget.checked),label:"Allow choosing 1 day"})]}),n(a.Select,{data:Jx,label:"Display Format",value:t.inputFormat,onChange:t.setInputFormat}),n(Bi,{label:"Default Value",config:t,value:t.default_value,onChange:t.setDefaultValue}),n(a.NumberInput,{label:"Max Days",description:c(a.Group,{position:"apart",children:[n(a.Text,{children:"Set 0 to disable."}),c(a.Group,{spacing:4,children:[n(a.Text,{children:"This feature requires"}),n(a.Text,{color:"blue",children:"Clearable"}),n(a.Text,{children:"to be checked"})]})]}),min:0,value:t.max_days,onChange:t.setMaxDays,hideControls:!0})]})}),Cr=T.observer(({value:e,onChange:t})=>{const r=Y(),i=m.useMemo(()=>r.queries.options,[r.queries.current]),s=i.length===0;return n(a.Select,{label:"Pick a query",data:i,value:e,onChange:t,allowDeselect:!1,clearable:!0,sx:{flexGrow:1},disabled:s,error:s?"You need to add a query in Data Settings":void 0})}),e0=`
+      `}})).actions(e=>({setPage(t){e.page=t},resetPage(){e.page=1},setLimit(t){e.limit=t}})).actions(e=>({afterCreate(){y.addDisposer(e,se.reaction(()=>e.keywordString,e.resetPage,{fireImmediately:!1,delay:0})),y.addDisposer(e,se.reaction(()=>e.limit,e.resetPage,{fireImmediately:!1,delay:0}))}})),ex=y.types.model("DataSourceModel",{id:y.types.string,type:y.types.enumeration("DataSourceType",[pe.HTTP,pe.MySQL,pe.Postgresql]),key:y.types.string,config:y.types.frozen(),tables:y.types.optional(Jv,{}),columns:y.types.optional(Zv,{}),tableData:y.types.optional(Hv,{}),indexes:y.types.optional(Kv,{}),table_schema:y.types.optional(y.types.string,""),table_name:y.types.optional(y.types.string,"")}).volatile(()=>({controllers:{tables:new AbortController,columns:new AbortController,indexes:new AbortController,tableData:new AbortController}})).actions(e=>({setKeywords(t,r){e.table_schema=t,e.table_name=r}})).actions(e=>({initKeywords(){if(e.tables.empty)return;const t=Object.keys(e.tables.data)[0],r=e.tables.data[t][0].table_name;e.setKeywords(t,r)}})).actions(e=>{const t=y.flow(function*(){var r;(r=e.controllers.tables)==null||r.abort(),e.controllers.tables=new AbortController,e.tables.state="loading";try{const i=yield*y.toGenerator(ze.query(e.controllers.tables.signal)({type:e.type,key:e.key,query:e.tables.sql},{}));e.tables.data=v.groupBy(i,"table_schema"),e.tables.state="idle",e.tables.error=null,e.initKeywords()}catch(i){if(!Xe.isCancel(i)){e.tables.data={};const s=v.get(i,"message","unkown error");e.tables.error=v.get(i,"response.data.detail.message",s),e.tables.state="error"}}});return{loadTables:t,loadTablesIfEmpty(){e.tables.empty&&t()},loadColumns:y.flow(function*(){var r;(r=e.controllers.columns)==null||r.abort(),e.controllers.columns=new AbortController,e.columns.state="loading";try{e.columns.data=yield*y.toGenerator(ze.query(e.controllers.columns.signal)({type:e.type,key:e.key,query:e.columns.sql},{})),e.columns.state="idle",e.columns.error=null}catch(i){if(Xe.isCancel(i))e.columns.state="idle",e.columns.error=null;else{e.columns.data=[];const s=v.get(i,"message","unkown error");e.columns.error=v.get(i,"response.data.detail.message",s),e.columns.state="error"}}}),loadIndexes:y.flow(function*(){var r;(r=e.controllers.indexes)==null||r.abort(),e.controllers.indexes=new AbortController,e.indexes.state="loading";try{e.indexes.data=yield*y.toGenerator(ze.query(e.controllers.indexes.signal)({type:e.type,key:e.key,query:e.indexes.sql},{})),e.indexes.state="idle",e.indexes.error=null}catch(i){if(Xe.isCancel(i))e.indexes.state="idle",e.indexes.error=null;else{e.indexes.data=[];const s=v.get(i,"message","unkown error");e.indexes.error=v.get(i,"response.data.detail.message",s),e.indexes.state="error"}}}),loadTableData:y.flow(function*(){var i;(i=e.controllers.tableData)==null||i.abort(),e.controllers.tableData=new AbortController;const r=e.tableData;r.state="loading";try{r.data=yield*y.toGenerator(ze.query(e.controllers.tableData.signal)({type:e.type,key:e.key,query:r.sql},{}));const[{total:s}]=yield*y.toGenerator(ze.query(e.controllers.tableData.signal)({type:e.type,key:e.key,query:r.countSql},{}));r.total=Number(s),r.state="idle",r.error=null}catch(s){if(Xe.isCancel(s))r.state="idle",r.error=null;else{r.data=[];const o=v.get(s,"message","unkown error");r.error=v.get(s,"response.data.detail.message",o),r.state="error"}}})}}).actions(e=>({afterCreate(){y.addDisposer(e,se.reaction(()=>e.columns.sql,e.loadColumns,{fireImmediately:!1,delay:500}))}})).actions(e=>({afterCreate(){y.addDisposer(e,se.reaction(()=>e.indexes.sql,e.loadIndexes,{fireImmediately:!1,delay:500})),y.addDisposer(e,se.reaction(()=>e.tableData.sql,e.loadTableData,{fireImmediately:!1,delay:0}))}})),tx=y.types.model("DataSourcesModel",{list:y.types.optional(y.types.array(ex),[])}).views(e=>({find({type:t,key:r}){return e.list.find(i=>i.key===r&&i.type===t)},get options(){return e.list.map(t=>({value:t.key,label:t.key}))}})).actions(e=>({replace(t){e.list.length=0,e.list.push(...t)}}));function on(e){return{label:e,value:e,_type:"ACTION",_action_type:e,Icon:null,children:null}}function nx(e){switch(e._type){case"GROUP":case"ACTION":return null;case"global_variables":return["_GLOBAL_VARS_"];case"mock_context":return["_MOCK_CONTEXT_"];case"filter":return["_FILTERS_",e.value];case"sql_snippet":return["_SQL_SNIPPETS_",e.value];case"query":return["_QUERIES_",e.value];case"view":return["_VIEWS_",e.value];case"panel":return e.parentID?["_VIEWS_",e.parentID,"_PANELS_",e.value]:(console.error("[getPathFromOption] parentID is required"),null)}}const rx=y.types.model("EditorModel",{path:y.types.optional(y.types.frozen(),[]),settings_open:y.types.optional(y.types.boolean,!1)}).views(e=>({get navOptions(){const{content:t}=y.getRoot(e),{filters:r,views:i,sqlSnippets:s,queries:o}=t;return[{label:"Global Variables",value:"_GLOBAL_VARS_",_type:"global_variables",Icon:O.IconVariable},{label:"Mock Context",value:"_MOCK_CONTEXT_",Icon:O.IconCodeDots,_type:"mock_context"},{label:"Filters",value:"_FILTERS_",Icon:O.IconFilter,children:[...r.options,on("_Add_A_Filter_")],_type:"GROUP"},{label:"SQL Snippets",value:"_SQL_SNIPPETS_",Icon:O.IconCopy,children:[...s.options,on("_Add_A_SQL_SNIPPET_")],_type:"GROUP"},{label:"Queries",value:"_QUERIES_",Icon:O.IconDatabase,children:[...o.options,on("_Add_A_QUERY_")],_type:"GROUP"},{label:"Views",value:"_VIEWS_",Icon:O.IconBoxMultiple,children:[...i.editorOptions,on("_Add_A_VIEW_")],_type:"GROUP"}]},isOptionActive(t,r){return t.length===0?!1:t[t.length-1]===r.value},isOptionOpened(t){const{path:r}=e;return r.length===0||!t.children||t.children.length===0?!1:r.includes(t.value)}})).actions(e=>({setPath(t){e.path=t},setSettingsOpen(t){e.settings_open=t}})).actions(e=>({open(t){e.setPath(t),e.setSettingsOpen(!0)},close(){e.setSettingsOpen(!1)},navigate(t){const r=nx(t);r&&e.setPath(r)}})),ix=y.types.model("MockContextModel",{current:y.types.optional(y.types.frozen(),{})}).views(e=>({get keys(){return Object.keys(e.current)},get entries(){return Object.entries(e.current)}})).actions(e=>({replace(t){e.current=t},get(t){return e.current[t]},set(t,r){e.current[t]=r}})),ax=y.types.model("VariableModel",{name:y.types.string,size:y.types.string,weight:y.types.string,color:y.types.union(y.types.model({type:y.types.literal("static"),staticColor:y.types.string}),y.types.model({type:y.types.literal("continuous"),valueRange:y.types.array(y.types.number),colorRange:y.types.array(y.types.string)}),y.types.model({type:y.types.literal("piecewise")})),formatter:y.types.model({output:y.types.enumeration("Output",["number","percent"]),average:y.types.optional(y.types.boolean,!1),mantissa:y.types.number,trimMantissa:y.types.optional(y.types.boolean,!1)}),data_field:y.types.string,aggregation:y.types.union(y.types.model({type:y.types.enumeration(["none","sum","mean","median","min","max","CV","std"]),config:y.types.frozen()}),y.types.model({type:y.types.literal("quantile"),config:y.types.model({p:y.types.number})}))}).views(e=>({get json(){const{name:t,size:r,weight:i,color:s,formatter:o,data_field:u,aggregation:l}=e;return v.cloneDeep({name:t,size:r,color:s,weight:i,formatter:o,data_field:u,aggregation:l})}}));class sx{constructor(t){P(this,"origin");P(this,"copy");this.origin=t,this.copy=y.clone(t),se.makeAutoObservable(this,{},{autoBind:!0,deep:!1})}get changed(){return!v.isEqual(y.getSnapshot(this.origin),y.getSnapshot(this.copy))}commit(){y.applySnapshot(this.origin,y.getSnapshot(this.copy))}update(t){y.applySnapshot(this.copy,t)}}const ox=e=>new sx(e),lx=y.types.model("PanelLayoutModel",{x:y.types.number,y:y.types.maybeNull(y.types.number),w:y.types.number,h:y.types.number,moved:y.types.optional(y.types.boolean,!1),static:y.types.optional(y.types.boolean,!1)}).views(e=>({get json(){const{x:t,y:r,w:i,h:s,moved:o}=e;return{h:s,w:i,x:t,y:r===null?0:r,moved:o,static:e.static}}})).actions(e=>({set(t){const{x:r,y:i,w:s,h:o,moved:u}=t;e.x=r,e.y=i,e.w=s,e.h=o,e.moved=!!u,e.static=!!t.static}})),ux=y.types.model("PanelStyleBorderModel",{enabled:y.types.boolean}).views(e=>({get json(){const{enabled:t}=e;return{enabled:t}}})).actions(e=>({setEnabled(t){e.enabled=t}})),dx=y.types.model("PanelStyleModel",{border:ux}).views(e=>({get json(){const{border:t}=e;return{border:t.json}}})).actions(e=>({})),cx=y.types.model("PanelVizModel",{type:y.types.string,conf:y.types.frozen()}).views(e=>({get json(){return{conf:e.conf,type:e.type}}})).actions(e=>({setType(t){e.type=t},setConf(t){e.conf=t}})),Ss=y.types.model({id:y.types.string,title:y.types.string,description:y.types.string,layout:lx,queryID:y.types.string,viz:cx,style:dx,variables:y.types.optional(y.types.array(ax),[])}).views(e=>({get query(){return y.getParentOfType(e,Mt).queries.findByID(e.queryID)},get json(){const{id:t,title:r,description:i,queryID:s}=e;return{id:t,viz:e.viz.json,style:e.style.json,title:r,layout:e.layout.json,queryID:s,variables:e.variables.map(o=>o.json),description:i}}})).actions(e=>({setID(t){e.id=t},setTitle(t){e.title=t},setDescription(t){e.description=t},setQueryID(t){if(y.getParentOfType(e,Mt).queries.findByID(t))e.queryID=t;else throw new Error(`Query with id ${t} does not exist`)},addVariable(t){e.variables.push(t)},removeVariable(t){e.variables.remove(t)},removeSelf(){y.getParent(e,2).removeByID(e.id)}})).actions(e=>({moveToView(t,r){y.getRoot(e).content.views.findByID(t).removePanelID(e.id),y.getRoot(e).content.views.findByID(r).appendPanelID(e.id),y.getRoot(e).editor.setPath(["_VIEWS_",r,"_PANELS_",e.id])}}));function Ts(e){return{id:e,layout:{x:0,y:1/0,w:18,h:300},title:e,description:"<p></p>",queryID:"",viz:{type:Kn.name,conf:Kn.createConfig()},style:{border:{enabled:!0}}}}const ks=y.types.model("PanelsModel",{list:y.types.optional(y.types.array(Ss),[])}).views(e=>({get json(){return e.list.map(t=>t.json)},findByID(t){return e.list.find(r=>r.id===t)},get idMap(){const t=new Map;return e.list.forEach(r=>{t.set(r.id,r)}),t}})).views(e=>({panelsByIDs(t){const r=[];t.forEach(s=>{const o=e.idMap.get(s);o?r.push(o):console.warn(`Panel is not found, id:${s}`)});const i=r.map(s=>({...s.layout.json,i:s.id}));return{panels:r,layouts:i}}})).views(e=>({editorOptions(t,r){const{panels:i}=e.panelsByIDs(r);i.length!==r.length&&console.warn(`Unfulfilled panels for View[${t}]`);const s=i.map(u=>({label:u.title?u.title:v.capitalize(u.viz.type),value:u.id,_type:"panel",parentID:t})),o="_Add_A_PANEL_";return s.push({label:o,value:o,_type:"ACTION",_action_type:o,parentID:t,Icon:null,children:null}),s}})).actions(e=>({replace(t){e.list=y.castToSnapshot(t)},append(t){e.list.push(t)},remove(t){e.list.splice(t,1)},removeByID(t){const r=e.list.findIndex(i=>i.id===t);r!==-1&&e.list.splice(r,1)},duplicateByID(t){const r=e.list.find(s=>s.id===t);if(!r){console.error(new Error(`[duplicate panel] Can't find a panel by id[${t}]`));return}const i=new Date().getTime().toString();return e.list.push({...r.json,id:i,layout:{...r.layout,y:1/0,moved:!1}}),i},replaceByIndex(t,r){e.list.splice(t,1,r)}})),Ds=y.types.model("ViewModel_Division",{_name:y.types.literal(K.Division)}).views(e=>({get json(){const{_name:t}=e;return{_name:t}}})).actions(e=>({})),px=()=>Ds.create({_name:K.Division}),fr={enabled:!1,func_content:["function text({ filters, context}) {","    // your code goes here",'    return "text"',"}"].join(`
+`)},hx=y.types.model("CustomModalTitleModel",{enabled:y.types.optional(y.types.boolean,!1),func_content:y.types.optional(y.types.string,"")}).views(e=>({get json(){const{enabled:t,func_content:r}=e;return{enabled:t,func_content:r}},get value(){const{enabled:t,func_content:r}=e,i=y.getParent(e,2),s=y.getRoot(e);if(!t)return i.name;try{const o={filters:s.content.filters.values,context:s.context.current};return new Function(`return ${r}`)()(o)}catch(o){return console.error(o),i.name}}})).actions(e=>({setEnabled(t){e.enabled=t},setFuncContent(t){e.func_content=t},replace({enabled:t,func_content:r}){e.enabled=t,e.func_content=r}})),Is=y.types.model("ViewModel_Modal",{_name:y.types.literal(K.Modal),width:y.types.string,height:y.types.string,custom_modal_title:y.types.optional(hx,fr)}).views(e=>({get json(){const{_name:t,width:r,height:i,custom_modal_title:s}=e;return{_name:t,width:r,height:i,custom_modal_title:s.json}}})).actions(e=>({setWidth(t){e.width=t},setHeight(t){e.height=t}})),fx=()=>Is.create({_name:K.Modal,width:"90vw",height:"90vh"}),gx=y.types.model("ViewModel_Tabs_Tab",{id:y.types.identifier,name:y.types.string,view_id:y.types.string,color:y.types.optional(y.types.string,"")}).views(e=>({get json(){const{id:t,name:r,view_id:i,color:s}=e;return{id:t,name:r,color:s,view_id:i}}})).actions(e=>({setName(t){e.name=t},setViewID(t){e.view_id=t},setColor(t){e.color=t}})),Ms=y.types.model("ViewModel_Tabs",{_name:y.types.literal(K.Modal),tabs:y.types.optional(y.types.array(gx),[]),variant:y.types.optional(y.types.enumeration("variant",["default","outline","pills"]),"default"),orientation:y.types.optional(y.types.enumeration("orientation",["horizontal","vertical"]),"horizontal"),grow:y.types.optional(y.types.boolean,!1)}).views(e=>({get json(){const{_name:t,variant:r,orientation:i,tabs:s,grow:o}=e;return{grow:o,tabs:s.map(u=>u.json),_name:t,variant:r,orientation:i}}})).actions(e=>({setVariant(t){e.variant=t},setOrientation(t){e.orientation=t},setGrow(t){e.grow=t},setTabs(t){e.tabs.length=0,e.tabs=y.cast(t)},addTab(){const t=ve.randomId(),r={id:t,name:t,view_id:""};e.tabs.push(r)},removeTab(t){e.tabs.splice(t,1)}})),mx=()=>Ms.create({_name:K.Modal,tabs:[]}),As=y.types.model({id:y.types.identifier,name:y.types.string,type:y.types.enumeration("EViewComponentType",[K.Division,K.Modal,K.Tabs]),config:y.types.union(Ds,Is,Ms),panelIDs:y.types.optional(y.types.array(y.types.string),[])}).views(e=>({get json(){const{id:t,name:r,type:i,config:s}=e;return{id:t,name:r,type:i,config:s.json,panelIDs:e.panelIDs}}})).actions(e=>({setName(t){e.name=t},setType(t){if(e.type!==t){switch(t){case K.Division:e.config=px();break;case K.Modal:e.config=fx();break;case K.Tabs:e.config=mx();break}e.type=t}},appendPanelID(t){e.panelIDs.push(t)},removePanelID(t){const r=e.panelIDs.filter(i=>i!==t);e.panelIDs.length=0,e.panelIDs.push(...r)}})).actions(e=>({})),$s=y.types.model("ViewsModel",{current:y.types.optional(y.types.array(As),[]),visibleViewIDs:y.types.array(y.types.string),idOfVIE:y.types.string}).views(e=>({get json(){return e.current.map(t=>sn(t.json))},get idMap(){const t=new Map;return e.current.forEach(r=>{t.set(r.id,r)}),t},findByID(t){return e.current.find(r=>r.id===t)},get isVIETheFirstView(){return e.current.length===0||!e.idOfVIE?!1:e.current[0].id===e.idOfVIE},get firstVisibleView(){const[t]=e.visibleViewIDs;return e.current.find(({id:r})=>r===t)},get visibleViews(){const t=new Set(e.visibleViewIDs);return e.current.filter(({id:r})=>t.has(r))},get VIE(){return e.current.find(({id:t})=>t===e.idOfVIE)},get options(){return e.current.map(t=>({label:t.name,value:t.id,type:t.type}))},get editorOptions(){const t=y.getRoot(e).content.panels;return e.current.map(r=>({label:r.name,value:r.id,_type:"view",children:t.editorOptions(r.id,r.panelIDs)}))}})).actions(e=>({replace(t){e.current.replace(t)},addANewView(t,r,i,s){e.current.push({id:t,name:r,type:i,config:s,panelIDs:[]})},append(t){e.current.push(t)},remove(t){e.current.splice(t,1)},removeByID(t){const r=e.current.findIndex(i=>i.id===t);r!==-1&&e.current.splice(r,1)},replaceByIndex(t,r){e.current.splice(t,1,r)},setIDOfVIE(t){e.idOfVIE=t,e.visibleViewIDs.length=0,e.visibleViewIDs.push(t)},appendToVisibles(t){new Set(e.visibleViewIDs.map(i=>i)).has(t)||e.visibleViewIDs.push(t)}})).actions(e=>({addARandomNewView(){const t=new Date().getTime().toString();e.addANewView(t,K.Division,K.Division,{_name:K.Division}),e.setIDOfVIE(t)},removeVIE(){e.current.length!==1&&(e.removeByID(e.idOfVIE),e.setIDOfVIE(e.current[0].id))},rmVisibleViewID(t){const r=e.visibleViewIDs.findIndex(i=>i===t);r!==-1&&e.visibleViewIDs.splice(r,1)}}));function gr(e){const t=e.length>0?[e[0].id]:[],r=e.length>0?e[0].id:"";return{current:e.map(s=>{const{_name:o=s.type}=s.config;return{...s,config:{...s.config,_name:o},panelIDs:s.panelIDs}}),visibleViewIDs:t,idOfVIE:r}}const bx=y.types.model({id:y.types.string,name:y.types.string,dashboard_id:y.types.string,create_time:y.types.string,update_time:y.types.string,version:y.types.string,filters:hs,queries:xs,sqlSnippets:ws,views:$s,panels:ks,mock_context:ix,origin:y.types.maybe(y.types.frozen())}).views(e=>({get json(){return{id:e.id,name:e.name,create_time:e.create_time,update_time:e.update_time,dashboard_id:e.dashboard_id,content:{views:e.views.json,panels:e.panels.json,filters:e.filters.json,version:e.version,definition:{queries:e.queries.json,sqlSnippets:e.sqlSnippets.json,mock_context:e.mock_context.current}}}},get filtersChanged(){const t="filters.current";return!v.isEqual(y.getSnapshot(v.get(e,t)),v.get(e.origin,t))},get queriesChanged(){const t="queries.current",r=y.getSnapshot(v.get(e,t)).map(i=>v.pick(i,["id","name","key","type","sql","run_by","react_to","pre_process","post_process"]));return!v.isEqual(r,v.get(e.origin,t))},get sqlSnippetsChanged(){const t="sqlSnippets.current";return!v.isEqual(y.getSnapshot(v.get(e,t)),v.get(e.origin,t))},get viewsChanged(){const t="views.current";return!v.isEqual(y.getSnapshot(v.get(e,t)),v.get(e.origin,t))},get panelsChanged(){const t="panels.list";return!v.isEqual(y.getSnapshot(v.get(e,t)),v.get(e.origin,t))},get mockContextChanged(){const t="mock_context.current";return!v.isEqual(v.get(e,t),v.get(e.origin,t))},get payloadForSQL(){return{context:y.getParent(e).context.current,mock_context:e.mock_context.current,sqlSnippets:e.sqlSnippets.current,filterValues:e.filters.values}},get changed(){return this.filtersChanged||this.queriesChanged||this.sqlSnippetsChanged||this.viewsChanged||this.panelsChanged||this.mockContextChanged},get data(){return e.queries.current.map(({id:r,data:i})=>({id:r,data:i})).reduce((r,i)=>(r[i.id]=i.data,r),{})},getDataStuffByID(t){const r=e.queries.findByID(t);return r?{data:r.data.toJSON(),dataProxy:r.data,len:r.data.length,state:r.state,error:r.error}:{data:[],dataProxy:null,len:0,state:"idle",error:void 0}},getDataStateByID(t){var r;return((r=e.queries.findByID(t))==null?void 0:r.state)??[]},getDataErrorByID(t){var r;return((r=e.queries.findByID(t))==null?void 0:r.error)??[]}})).views(e=>({findQueryUsage(t){const r=e.panels.idMap,i=e.views.current.flatMap(u=>u.panelIDs.map(l=>r.get(l)).filter(l=>(l==null?void 0:l.queryID)===t).map(l=>({type:"panel",id:l.id,label:l.title?l.title:l.viz.type,views:[{id:u.id,label:u.name}]}))),s=e.views.idMap,o=e.filters.current.filter(u=>v.get(u,"config.options_query_id")===t).map(u=>({type:"filter",id:u.id,label:u.label,views:u.visibleInViewsIDs.map(l=>{var d;return{id:l,label:((d=s.get(l))==null?void 0:d.name)??l}})}));return i.concat(o)}})).actions(e=>({duplicatePanelByID(t,r){var s;const i=e.panels.duplicateByID(t);i&&((s=e.views.findByID(r))==null||s.appendPanelID(i))},removePanelByID(t,r){var i;e.panels.removeByID(t),(i=e.views.findByID(r))==null||i.removePanelID(t)},addANewPanel(t){var i;const r=new Date().getTime().toString();e.panels.append(Ts(r)),(i=e.views.findByID(t))==null||i.appendPanelID(r)}})).actions(e=>({reset(){y.applySnapshot(e.filters.current,e.origin.filters.current),y.applySnapshot(e.queries.current,e.origin.queries.current),y.applySnapshot(e.sqlSnippets.current,e.origin.sqlSnippets.current),y.applySnapshot(e.views.current,e.origin.views.current),y.applySnapshot(e.panels.list,e.origin.panels.list),e.mock_context.current=e.origin.mock_context.current},resetFilters(){y.applySnapshot(e.filters.current,e.origin.filters.current)},updateCurrent(t){const{id:r,name:i,content:s}=t;if(!s)throw new Error("unexpected null content when updating a content model");const{version:o,filters:u,views:l,panels:d,definition:{queries:p,sqlSnippets:f,mock_context:g={}}}=s;e.id=r,e.name=i,e.version=o,y.applySnapshot(e.filters.current,u),y.applySnapshot(e.views.current,gr(l).current),y.applySnapshot(e.panels.list,d),y.applySnapshot(e.queries.current,p),y.applySnapshot(e.sqlSnippets.current,f),e.mock_context.current=g}})),Mt=y.types.snapshotProcessor(bx,{preProcessor(e){return{...e,origin:e}},postProcessor(e){delete e.origin;const t=y.castToSnapshot(e.queries.current.map(r=>v.pick(r,["id","key","type","sql"])));return v.defaults({},{queries:{current:t}},e)}});function yx(e,t){t.filters&&y.applySnapshot(e.filters.current,t.filters)}function zs({id:e,name:t,dashboard_id:r,create_time:i,update_time:s,content:o}){if(!o)throw new Error("unexpected null content when creating a content model");const{version:u,filters:l,views:d,panels:p,definition:{queries:f,sqlSnippets:g,mock_context:h={}}}=o;return Mt.create({id:e,name:t,dashboard_id:r,create_time:i,update_time:s,version:u,filters:fs(l),queries:{current:f},sqlSnippets:{current:g},mock_context:{current:h},views:gr(d),panels:{list:p}})}const Es=y.types.model({id:y.types.identifier,name:y.types.string,group:y.types.string,content:Mt,content_id:y.types.string,datasources:tx,context:_s,editor:rx}).views(e=>({get json(){return{id:e.id,name:e.name,group:e.group,content_id:e.content_id}}})).actions(e=>({updateCurrentContent(t){e.content.updateCurrent(t)},updateCurrent(t,r){const{id:i,name:s,group:o,content_id:u}=t;e.id=i,e.name=s,e.group=o,e.content_id=u,this.updateCurrentContent(r)}}));function mr({id:e,name:t,group:r,content_id:i},s,o,u){return Es.create({id:e,name:t,group:r,content_id:i,content:zs(s),datasources:{list:o},context:{current:u},editor:{}})}function br(e){return m.useCallback(t=>t.provideValue(be.pluginManager,e.pluginManager).provideValue(be.vizManager,e.vizManager).provideValue(be.colorManager,e.colorManager),[])}const K1="",vx=T.observer(({headerMenuItems:e=null})=>{const t=ce(),r=R(),i=()=>{const s=JSON.stringify(r.json,null,2),o=`${t.name}__${r.name}`;Ev(o,s)};return c(a.Menu,{shadow:"md",width:200,trigger:"hover",openDelay:100,closeDelay:400,withinPortal:!0,zIndex:310,children:[n(a.Menu.Target,{children:n(a.ActionIcon,{variant:"light",color:"blue",children:n(O.IconMenu2,{size:14})})}),c(a.Menu.Dropdown,{children:[n(a.Menu.Item,{icon:n(O.IconDownload,{size:14}),onClick:r.queries.downloadAllData,children:"Download Data"}),n(a.Menu.Item,{icon:n(O.IconCode,{size:14}),onClick:i,children:"Download Schema"}),e]})]})}),xx=T.observer(({saveDashboardChanges:e})=>{const t=Le.useModals(),r=R(),i=()=>{t.openConfirmModal({title:c(a.Group,{position:"left",children:[n(O.IconAlertTriangle,{size:18,color:"red"}),n(a.Text,{children:"You are reverting changes"})]}),labels:{confirm:"Confirm",cancel:"Cancel"},confirmProps:{color:"red"},onCancel:()=>console.log("Cancel"),onConfirm:()=>r.reset(),zIndex:320,withCloseButton:!1})},s=r.changed;return c(a.Group,{spacing:0,children:[n(a.Button,{color:"green",variant:"filled",size:"xs",leftIcon:n(O.IconDeviceFloppy,{size:18}),onClick:e,disabled:!s,sx:{borderTopRightRadius:0,borderBottomRightRadius:0},children:"Save Changes"}),c(a.Menu,{width:200,trigger:"hover",openDelay:100,closeDelay:400,withinPortal:!0,zIndex:320,disabled:!s,children:[n(a.Menu.Target,{children:n(a.ActionIcon,{variant:"default",disabled:!s,sx:{height:"30px",borderTopLeftRadius:0,borderBottomLeftRadius:0,svg:{fill:"rgb(173, 181, 189)",stroke:"none"}},children:n(O.IconCaretDown,{size:18})})}),n(a.Menu.Dropdown,{children:n(a.Menu.Item,{icon:n(O.IconRecycle,{size:14,color:"red"}),disabled:!s,onClick:i,children:"Revert Changes"})})]})]})}),Cx=T.observer(({saveDashboardChanges:e,headerSlot:t=null,headerMenuItems:r})=>{const i=vo.useNavigate(),s=ce(),o=()=>{i(`/dashboard/${s.id}`)},u=Le.useModals(),l=()=>{u.openConfirmModal({title:c(a.Group,{position:"left",children:[n(O.IconAlertTriangle,{size:18,color:"red"}),n(a.Text,{children:"There are unsaved changes"})]}),labels:{confirm:"Discard",cancel:"Cancel"},confirmProps:{color:"red"},onCancel:()=>console.log("Cancel"),onConfirm:o,zIndex:320,withCloseButton:!1})},d=s.content.changed;return n(a.Header,{height:60,px:"md",py:0,sx:{zIndex:299},children:c(a.Group,{position:"apart",sx:{height:60,minWidth:"1000px",position:"relative"},children:[c(a.Group,{children:[n(a.Button,{size:"xs",color:d?"red":"green",leftIcon:n(O.IconArrowLeft,{size:20}),onClick:d?l:o,children:c(a.Group,{spacing:4,children:["End Editing",n(a.Text,{td:"underline",children:s.name})]})}),n(xx,{saveDashboardChanges:e})]}),c(a.Group,{position:"right",sx:{flexGrow:1},children:[t,n(vx,{headerMenuItems:r})]})]})})}),wx={position:"fixed",top:60,left:0,right:0,height:30,zIndex:299,borderBottom:"1px solid #e9ecef",background:"rgba(233,236,239, 0.15)"},_x=T.observer(()=>{const e=R();return n(a.Box,{sx:wx,pl:{base:200,xs:200,sm:200,md:220,lg:240,xl:260},children:c(a.Group,{position:"apart",align:"center",sx:{height:"30px"},pr:16,children:[n(a.Button,{variant:"outline",color:"blue",radius:0,size:"xs",disabled:!e.views.VIE,onClick:()=>e.addANewPanel(e.views.idOfVIE),leftIcon:n(O.IconPlaylistAdd,{size:20}),sx:{height:"30px",borderLeft:"none",borderTop:"none",borderRight:"1px solid #e9ecef",borderBottom:"1px solid #e9ecef",background:"rgb(231, 245, 255)"},children:"Add a Panel"}),n(a.Box,{}),n(a.Box,{})]})})}),Sx=T.observer(e=>c(B,{children:[n(Cx,{...e}),n(_x,{})]})),J1="";function Tx(e,t,r){const i=[];return e.filter(s=>"__INTERACTIONS"in s.viz.conf).forEach((s,o)=>{const u=t[s.id];u.data.interactions=v.get(u,"data.interactions",[]);const{__INTERACTIONS:l,__OPERATIONS:d,__TRIGGERS:p}=s.viz.conf;Object.entries(d).forEach(([f,g])=>{const{schemaRef:h,data:b}=g,{config:w}=b;switch(h){case"builtin:op:open-link":let C=w.urlTemplate.substring(0,100);w.urlTemplate.length>=20&&(C+="..."),u.type="interaction",u.data.interactions.push({schemaRef:h,urlTemplate:w.urlTemplate,shortURLTemplate:C});return;case"builtin:op:open_view":i.push({id:`OPERATION--${f}`,source:s.id,target:w.viewID,label:"Open View",style:{stroke:"rgba(0,0,0,0.8)"},type:"default"});return;case"builtin:op:set_filter_values":u.type="interaction",u.data.interactions.push({schemaRef:h,filters:Object.keys(w.dictionary).map(S=>({key:S,label:r[S]}))});return;case"builtin:op:clear_filter_values":u.type="interaction",u.data.interactions.push({schemaRef:h,filters:w.filter_keys.map(S=>({key:S,label:r[S]}))});return;default:return}})}),i}function kx(e,t){const r=e.filters.keyLabelMap;return{edges:Tx(e.panels.list,t,r),edgeNodes:[]}}function Ls(e,t,r){return e*t+e*r}function Dx(e,t,r){return e*t+(e-1)*r}const ln=25,yr=40,Ps=25,vr=350,Ix=150,Mx=150,Os=150,Vs=300,un=40,Bs=25,Ax=300;function $x(e,t){const r=v.keyBy(t,s=>s.id),i=[];return e.current.forEach((s,o)=>{s.panelIDs.forEach((u,l)=>{const d=Ls(l,un,Bs)+yr,p=r[u];if(!p){i.push({id:u,_node_type:"panel",parentNode:s.id,data:{label:`!: ${u}`},position:{x:ln,y:d},sourcePosition:xe.Position.Right,targetPosition:xe.Position.Left,style:{width:Vs,height:un}});return}const f=p.title.trim()?`${p.title}`:p.viz.type;i.push({id:p.id,_node_type:"panel",parentNode:s.id,data:{label:f},position:{x:ln,y:d},sourcePosition:xe.Position.Right,targetPosition:xe.Position.Left,style:{width:Vs,height:un}})})}),i}const zx={[K.Division]:"Div",[K.Modal]:"Modal",[K.Tabs]:"Tabs"},Ex=ts;function Lx(e){return e.current.map((r,i)=>{const s=Dx(r.panelIDs.length,un,Bs)+yr+Ps;let o=[];return r.type===K.Tabs&&(o=r.config.tabs.map(l=>l.view_id)),{id:r.id,_node_type:"view-root",_view_type:r.type,_view_level:0,_sub_view_ids:[],_tab_view_ids:o,data:{label:`${zx[r.type]}:${r.name}`},position:{x:0,y:0},sourcePosition:xe.Position.Right,targetPosition:xe.Position.Left,className:"light",style:{backgroundColor:Ex[r.type],width:vr,height:s}}})}function Px(e){const t=v.keyBy(e,r=>r.id);e.forEach(r=>{r._node_type!=="view-root"||r._view_type!==K.Tabs||r._tab_view_ids.forEach(i=>{t[i].parentNode=r.id})})}function Ox(e){const t=Lx(e.views);Px(t);const r=$x(e.views,e.panels.list);return[...t,...r]}function Vx({nodeMap:e,nodes:t,edges:r}){t.forEach(i=>{i._node_type!=="view-root"||i._view_type!==K.Tabs||(i.sourcePosition=xe.Position.Bottom,i.style.width=vr+ln*2,i.style.height=Ps+i._tab_view_ids.reduce((s,o)=>{const u=e[o];u.position.y=s,u.position.x=ln;const l=u.style.height;return s+l+20},yr))})}function Bx({nodeMap:e,nodes:t,edges:r}){r.filter(i=>i.label==="Open View").forEach(i=>{const s=e[i.source],o=e[i.target];if(!s||!o||!s.parentNode)return;const u=e[s.parentNode];u._node_type!=="view-root"||o._node_type!=="view-root"||(o._view_level+=1+u._view_level,u._sub_view_ids.push(o.id))}),t.sort((i,s)=>i._node_type==="view-root"&&s._node_type==="view-root"?i._view_level-s._view_level:i._node_type!=="view-root"&&s._node_type!=="view-root"?0:i._node_type==="view-root"?-1:1)}function Nx({nodeMap:e,nodes:t,edges:r}){const i={};r.forEach(s=>{if(s.label!=="Open View")return;const o=e[s.source],u=e[s.target];if(o&&u&&o.parentNode){const l=e[o.parentNode],d=l.position.x,p=Number(v.get(u,"style.height",0)),f=Number(l.style.width);u.position.x=d+f+Ax,l._view_level===0&&u._sub_view_ids.length===0&&(o.sourcePosition=xe.Position.Left,u.targetPosition=xe.Position.Right,u.position.x*=-1);const h=u.position.x,b=v.get(i,h,0);u.position.y=b,i[h]=b+p+Os}})}function Gx({nodeMap:e,nodes:t,edges:r}){const i=new Set,s=new Set;r.forEach(u=>{i.add(u.source),s.add(u.target)}),t.filter(u=>u._node_type!=="view-root"||u.id==="Main"||u.parentNode?!1:!i.has(u.id)&&!s.has(u.id)).forEach((u,l)=>{u.position.x=Ls(l,vr,Mx),u.position.y=0-Ix-Os})}function qx({nodeMap:e,nodes:t,edges:r}){const i={nodeMap:e,nodes:t,edges:r};return Gx(i),Bx(i),Vx(i),Nx(i),{nodes:t,edges:r}}function Fx(e){const t=Ox(e),r=v.keyBy(t,d=>d.id),{edges:i,edgeNodes:s}=kx(e,r),o=[...t,...s],u=v.keyBy(o,d=>d.id),l={edges:v.uniqBy(i,d=>d.id),nodes:o,nodeMap:u};return qx(l)}const H1="",xr={"builtin:op:open-link":n(a.ThemeIcon,{color:"blue",size:20,radius:"xl",children:n(O.IconCircleDashed,{size:14})}),"builtin:op:set_filter_values":n(a.ThemeIcon,{color:"orange",size:20,radius:"xl",children:n(O.IconCircleDot,{size:14})}),"builtin:op:clear_filter_values":n(a.ThemeIcon,{color:"orange",size:20,radius:"xl",children:n(O.IconCircleOff,{size:14})})};function Wx(e){const t=[];return e.forEach(r=>{switch(r.schemaRef){case"builtin:op:open-link":t.push({key:r.urlTemplate,icon:xr[r.schemaRef],text:c(a.Group,{spacing:4,children:[n(a.Text,{children:"Open: "}),n(a.Text,{color:"dimmed",children:r.shortURLTemplate})]})});return;case"builtin:op:set_filter_values":r.filters.forEach(({key:i,label:s})=>{t.push({key:r.schemaRef+i,icon:xr[r.schemaRef],text:n(a.Group,{spacing:4,children:c(a.Text,{children:["Set Filter: ",s]})})})});return;case"builtin:op:clear_filter_values":r.filters.forEach(({key:i,label:s})=>{t.push({key:r.schemaRef+i,icon:xr[r.schemaRef],text:n(a.Group,{spacing:4,children:c(a.Text,{children:["Clear Filter: ",s]})})})});return}}),t}const jx=m.memo(({data:e,isConnectable:t,sourcePosition:r=xe.Position.Right,targetPosition:i=xe.Position.Left,...s})=>{const o=m.useMemo(()=>Wx(e.interactions),[e.interactions]);return c(B,{children:[n(xe.Handle,{type:"target",position:i,isConnectable:t}),n(a.Box,{sx:{position:"absolute",top:0,right:0},children:n(k.ChevronsUpRight,{size:12})}),c(a.HoverCard,{shadow:"xl",withinPortal:!0,children:[n(a.HoverCard.Target,{children:n(a.Text,{children:e.label})}),n(a.HoverCard.Dropdown,{children:n(a.List,{spacing:"xs",size:"sm",center:!0,children:o.map(u=>n(a.List.Item,{icon:u.icon,children:u.text},u.key))})})]}),n(xe.Handle,{type:"source",position:r,isConnectable:t})]})}),e_="",Rx={interaction:jx},Yx=T.observer(()=>{const e=R(),{edges:t,nodes:r}=Fx(e);return c(xe,{nodes:r,edges:t,onNodesChange:v.noop,onEdgesChange:v.noop,onConnect:v.noop,className:"interactions-viewer",fitView:!0,nodeTypes:Rx,children:[n(xe.MiniMap,{}),n(xe.Controls,{}),n(xe.Background,{})]})}),Qx=T.observer(({opened:e,close:t})=>{const{freezeLayout:r}=m.useContext(Ke);return m.useEffect(()=>{r(e)},[e]),n(a.Modal,{size:"96vw",overflow:"inside",opened:e,onClose:t,title:"Interactions",trapFocus:!0,onDragStart:i=>{i.stopPropagation()},styles:{body:{height:"90vh"},modal:{transform:"none !important"}},zIndex:300,children:n(Yx,{})})}),Ux={"> button":{"&:first-of-type":{borderTopRightRadius:0,borderBottomRightRadius:0,borderRightWidth:.5},":not(:first-of-type):not(:last-of-type)":{borderTopRightRadius:0,borderBottomRightRadius:0,borderTopLeftRadius:0,borderBottomLeftRadius:0,borderLeftWidth:.5,borderRightWidth:.5},"&:last-of-type":{borderTopLeftRadius:0,borderBottomLeftRadius:0,borderLeftWidth:.5}}};function Xx({onClick:e,name:t,active:r,openSettings:i}){return c(a.Box,{sx:{position:"relative"},children:[n(a.UnstyledButton,{sx:s=>({display:"block",width:"100%",padding:s.spacing.xs,borderRadius:0,position:"relative",color:s.black,"&:hover":{backgroundColor:s.colors.gray[0]},backgroundColor:r?s.colors.gray[2]:"transparent"}),children:n(a.Group,{sx:{width:"calc(100% - 28px)"},onClick:e,children:n(a.Text,{size:"sm",children:t})})}),r&&n(a.Tooltip,{label:"Edit",position:"right",withinPortal:!0,children:n(a.ActionIcon,{onClick:i,variant:"light",color:"blue",sx:{position:"absolute",top:0,bottom:0,height:"100%",right:0,zIndex:0,borderRadius:0},children:n(O.IconAdjustments,{size:16})})})]})}const Zx=T.observer(()=>{const e=ce(),t=R(),r=m.useCallback(s=>()=>t.views.setIDOfVIE(s),[t]),i=s=>{e.editor.open(["_VIEWS_",s])};return c(a.Box,{sx:{position:"relative"},children:[t.views.options.map(s=>n(Xx,{active:t.views.idOfVIE===s.value,name:s.label,onClick:r(s.value),openSettings:()=>i(s.value)},s.value)),n(a.Divider,{variant:"dashed"}),n(a.Button,{variant:"subtle",rightIcon:n(O.IconPlus,{size:14}),size:"sm",px:"xs",color:"blue",onClick:t.views.addARandomNewView,sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"space-between"}},children:"Add a View"})]})}),Kx=T.observer(()=>{const e=ce(),t=R(),r=()=>{if(!t.queries.firstID){e.editor.open(["_QUERIES_",""]);return}e.editor.open(["_QUERIES_",t.queries.firstID])},i=()=>{if(!t.filters.firstID){e.editor.open(["_FILTERS_",""]);return}e.editor.open(["_FILTERS_",t.filters.firstID])},[s,o]=m.useState(!1),u=()=>o(!0),l=()=>o(!1);return c(a.Navbar,{p:0,width:{base:200,xs:200,sm:200,md:220,lg:240,xl:260},zIndex:299,children:[c(a.Navbar.Section,{children:[c(a.Group,{grow:!0,spacing:0,sx:{...Ux,button:{borderWidth:0,borderBottomWidth:1,borderColor:"#e9ecef"}},children:[n(a.Tooltip,{label:"Filters",withinPortal:!0,children:n(a.ActionIcon,{variant:"default",radius:0,size:"md",sx:{height:"30px"},onClick:i,children:n(O.IconFilter,{size:20})})}),n(a.Tooltip,{label:"Queries",withinPortal:!0,children:n(a.ActionIcon,{variant:"default",radius:0,size:"md",sx:{height:"30px"},onClick:r,children:n(O.IconDatabase,{size:20})})}),n(a.Tooltip,{label:"Interactions Viewer",withinPortal:!0,children:n(a.ActionIcon,{variant:"default",radius:0,size:"md",sx:{height:"30px"},onClick:u,children:n(O.IconLink,{size:20})})})]}),n(Qx,{opened:s,close:l})]}),n(a.Navbar.Section,{py:5,sx:{borderBottom:"1px solid #eee"},children:n(a.Text,{align:"center",sx:{userSelect:"none",cursor:"default"},children:"Views"})}),n(a.Navbar.Section,{grow:!0,sx:{overflow:"auto"},children:n(Zx,{})}),n(a.Navbar.Section,{children:n(a.Group,{grow:!0,p:"md",pt:"sm",sx:{borderTop:"1px solid #eee"},children:n(a.Button,{size:"xs",leftIcon:n(O.IconSettings,{size:20}),onClick:()=>e.editor.open([]),children:"Settings"})})})]})}),Jx=T.observer(function({config:t}){return c(B,{children:[n(a.Checkbox,{checked:t.default_value,onChange:r=>t.setDefaultValue(r.currentTarget.checked),label:"Default Checked"}),n(jn,{label:"Description",value:t.description,onChange:t.setDescription,styles:{root:{flexGrow:1,minHeight:"400px"}}})]})}),Hx=[{label:"2022",value:"YYYY"},{label:"202201",value:"YYYYMM"},{label:"20220101",value:"YYYYMMDD"},{label:"2022-01",value:"YYYY-MM"},{label:"2022-01-01",value:"YYYY-MM-DD"}],e0=T.observer(function({config:t}){return c(B,{children:[c(a.Group,{children:[n(a.Checkbox,{checked:t.required,onChange:r=>t.setRequired(r.currentTarget.checked),label:"Required"}),n(a.Checkbox,{checked:t.clearable,onChange:r=>t.setClearable(r.currentTarget.checked),disabled:t.max_days>0,label:"Clearable"}),n(a.Checkbox,{checked:t.allowSingleDateInRange,onChange:r=>t.setAllowSingleDateInRange(r.currentTarget.checked),label:"Allow choosing 1 day"})]}),n(a.Select,{data:Hx,label:"Display Format",value:t.inputFormat,onChange:t.setInputFormat}),n(Bi,{label:"Default Value",config:t,value:t.default_value,onChange:t.setDefaultValue}),n(a.NumberInput,{label:"Max Days",description:c(a.Group,{position:"apart",children:[n(a.Text,{children:"Set 0 to disable."}),c(a.Group,{spacing:4,children:[n(a.Text,{children:"This feature requires"}),n(a.Text,{color:"blue",children:"Clearable"}),n(a.Text,{children:"to be checked"})]})]}),min:0,value:t.max_days,onChange:t.setMaxDays,hideControls:!0})]})}),Cr=T.observer(({value:e,onChange:t})=>{const r=R(),i=m.useMemo(()=>r.queries.options,[r.queries.current]),s=i.length===0;return n(a.Select,{label:"Pick a query",data:i,value:e,onChange:t,allowDeselect:!1,clearable:!0,sx:{flexGrow:1},disabled:s,error:s?"You need to add a query in Data Settings":void 0})}),t0=`
 // row
 {
   label: string;
   value: string;
   description?: string; // optional
 }
-`,Bs=()=>{const[e,t]=m.useState(!1);return c(B,{children:[n(a.Button,{variant:"subtle",compact:!0,onClick:()=>t(r=>!r),children:e?"Close":"Click to see expected data structure"}),n(a.Collapse,{in:e,children:n(ot.Prism,{language:"typescript",noCopy:!0,colorScheme:"dark",children:e0})})]})},t0=T.observer(function({config:t}){const r=()=>{t.addStaticOption({label:"",value:""})},i=t.static_options,s=[...i];return c(B,{children:[n(a.TextInput,{label:"Width",description:"At least 160px",value:t.min_width,onChange:o=>t.setMinWidth(o.currentTarget.value),placeholder:"default: 200px"}),n(a.Divider,{label:"Configure options",labelPosition:"center"}),c(a.Stack,{spacing:10,sx:{position:"relative",minHeight:"50px"},children:[t.usingQuery&&c(B,{children:[n(a.Overlay,{opacity:.8,color:"#000",sx:{left:"-5px",right:"-5px",top:"-5px",bottom:"-5px"}}),n(a.Center,{sx:{position:"absolute",top:0,left:0,zIndex:200,height:"100%",width:"100%"},children:n(a.Text,{color:"white",size:16,children:"Using query"})})]}),i.length>0&&n(a.MultiSelect,{label:"Default Selection",data:s,value:[...t.default_value],onChange:t.setDefaultValue}),i.map((o,u)=>c(a.Flex,{gap:10,sx:{position:"relative"},pr:"40px",children:[n(a.TextInput,{label:"Label",required:!0,value:t.static_options[u].label,onChange:l=>{t.static_options[u].setLabel(l.currentTarget.value)},sx:{flexGrow:1}}),n(a.TextInput,{label:"Value",required:!0,value:t.static_options[u].value,onChange:l=>{t.static_options[u].setValue(l.currentTarget.value)},sx:{flexGrow:1}}),n(a.ActionIcon,{color:"red",variant:"subtle",onClick:()=>t.removeStaticOption(u),sx:{position:"absolute",top:28,right:5},children:n(k.Trash,{size:16})})]},u)),n(a.Button,{mt:10,size:"xs",color:"blue",leftIcon:n(k.PlaylistAdd,{size:20}),onClick:r,sx:{width:"50%"},mx:"auto",children:"Add an Option"})]}),n(a.Divider,{label:"Or fetch options from database",labelPosition:"center"}),n(a.NumberInput,{value:t.default_selection_count,onChange:t.setDefaultSelectionCount,label:"Select first N options by default"}),n(Cr,{value:t.options_query_id,onChange:t.setOptionsQueryID}),n(Bs,{})]})}),n0=T.observer(function({config:t}){const r=()=>{t.addStaticOption({label:"",value:""})},i=t.static_options,s=[{label:"No default selection",value:""},...i];return c(B,{children:[n(a.Checkbox,{checked:t.required,onChange:o=>t.setRequired(o.currentTarget.checked),label:"Required"}),n(a.TextInput,{label:"Width",value:t.width,onChange:o=>t.setWidth(o.currentTarget.value),placeholder:"200px"}),n(a.Divider,{label:"Configure options",labelPosition:"center"}),c(a.Stack,{spacing:10,sx:{position:"relative",minHeight:"50px"},children:[t.usingQuery&&c(B,{children:[n(a.Overlay,{opacity:.8,color:"#000",sx:{left:"-5px",right:"-5px",top:"-5px",bottom:"-5px"}}),n(a.Center,{sx:{position:"absolute",top:0,left:0,zIndex:200,height:"100%",width:"100%"},children:n(a.Text,{color:"white",size:16,children:"Using query"})})]}),i.length>0&&n(a.Select,{label:"Default Selection",data:s,value:t.default_value,onChange:t.setDefaultValue}),i.map((o,u)=>c(a.Flex,{gap:10,sx:{position:"relative"},pr:"40px",children:[n(a.TextInput,{label:"Label",required:!0,value:t.static_options[u].label,onChange:l=>{t.static_options[u].setLabel(l.currentTarget.value)},sx:{flexGrow:1}}),n(a.TextInput,{label:"Value",required:!0,value:t.static_options[u].value,onChange:l=>{t.static_options[u].setValue(l.currentTarget.value)},sx:{flexGrow:1}}),n(a.ActionIcon,{color:"red",variant:"subtle",onClick:()=>t.removeStaticOption(u),sx:{position:"absolute",top:28,right:5},children:n(k.Trash,{size:16})})]},u)),n(a.Button,{size:"xs",color:"blue",leftIcon:n(k.PlaylistAdd,{size:20}),onClick:r,sx:{width:"50%"},mx:"auto",children:"Add an Option"})]}),n(a.Divider,{label:"Or fetch options from database",labelPosition:"center"}),n(a.Checkbox,{checked:t.default_selection_count===1,onChange:o=>t.setDefaultSelectionCount(o.currentTarget.checked?1:0),label:"Select the first option by default"}),n(Cr,{value:t.options_query_id,onChange:t.setOptionsQueryID}),n(Bs,{})]})}),r0=T.observer(function({config:t}){return c(B,{children:[n(a.TextInput,{label:"Default Value",value:t.default_value,onChange:r=>{t.setDefaultValue(r.currentTarget.value)}}),n(a.Checkbox,{checked:t.required,onChange:r=>t.setRequired(r.currentTarget.checked),label:"Required"})]})}),i0=`
+`,Ns=()=>{const[e,t]=m.useState(!1);return c(B,{children:[n(a.Button,{variant:"subtle",compact:!0,onClick:()=>t(r=>!r),children:e?"Close":"Click to see expected data structure"}),n(a.Collapse,{in:e,children:n(ot.Prism,{language:"typescript",noCopy:!0,colorScheme:"dark",children:t0})})]})},n0=T.observer(function({config:t}){const r=()=>{t.addStaticOption({label:"",value:""})},i=t.static_options,s=[...i];return c(B,{children:[n(a.TextInput,{label:"Width",description:"At least 160px",value:t.min_width,onChange:o=>t.setMinWidth(o.currentTarget.value),placeholder:"default: 200px"}),n(a.Divider,{label:"Configure options",labelPosition:"center"}),c(a.Stack,{spacing:10,sx:{position:"relative",minHeight:"50px"},children:[t.usingQuery&&c(B,{children:[n(a.Overlay,{opacity:.8,color:"#000",sx:{left:"-5px",right:"-5px",top:"-5px",bottom:"-5px"}}),n(a.Center,{sx:{position:"absolute",top:0,left:0,zIndex:200,height:"100%",width:"100%"},children:n(a.Text,{color:"white",size:16,children:"Using query"})})]}),i.length>0&&n(a.MultiSelect,{label:"Default Selection",data:s,value:[...t.default_value],onChange:t.setDefaultValue}),i.map((o,u)=>c(a.Flex,{gap:10,sx:{position:"relative"},pr:"40px",children:[n(a.TextInput,{label:"Label",required:!0,value:t.static_options[u].label,onChange:l=>{t.static_options[u].setLabel(l.currentTarget.value)},sx:{flexGrow:1}}),n(a.TextInput,{label:"Value",required:!0,value:t.static_options[u].value,onChange:l=>{t.static_options[u].setValue(l.currentTarget.value)},sx:{flexGrow:1}}),n(a.ActionIcon,{color:"red",variant:"subtle",onClick:()=>t.removeStaticOption(u),sx:{position:"absolute",top:28,right:5},children:n(k.Trash,{size:16})})]},u)),n(a.Button,{mt:10,size:"xs",color:"blue",leftIcon:n(k.PlaylistAdd,{size:20}),onClick:r,sx:{width:"50%"},mx:"auto",children:"Add an Option"})]}),n(a.Divider,{label:"Or fetch options from database",labelPosition:"center"}),n(a.NumberInput,{value:t.default_selection_count,onChange:t.setDefaultSelectionCount,label:"Select first N options by default"}),n(Cr,{value:t.options_query_id,onChange:t.setOptionsQueryID}),n(Ns,{})]})}),r0=T.observer(function({config:t}){const r=()=>{t.addStaticOption({label:"",value:""})},i=t.static_options,s=[{label:"No default selection",value:""},...i];return c(B,{children:[n(a.Checkbox,{checked:t.required,onChange:o=>t.setRequired(o.currentTarget.checked),label:"Required"}),n(a.TextInput,{label:"Width",value:t.width,onChange:o=>t.setWidth(o.currentTarget.value),placeholder:"200px"}),n(a.Divider,{label:"Configure options",labelPosition:"center"}),c(a.Stack,{spacing:10,sx:{position:"relative",minHeight:"50px"},children:[t.usingQuery&&c(B,{children:[n(a.Overlay,{opacity:.8,color:"#000",sx:{left:"-5px",right:"-5px",top:"-5px",bottom:"-5px"}}),n(a.Center,{sx:{position:"absolute",top:0,left:0,zIndex:200,height:"100%",width:"100%"},children:n(a.Text,{color:"white",size:16,children:"Using query"})})]}),i.length>0&&n(a.Select,{label:"Default Selection",data:s,value:t.default_value,onChange:t.setDefaultValue}),i.map((o,u)=>c(a.Flex,{gap:10,sx:{position:"relative"},pr:"40px",children:[n(a.TextInput,{label:"Label",required:!0,value:t.static_options[u].label,onChange:l=>{t.static_options[u].setLabel(l.currentTarget.value)},sx:{flexGrow:1}}),n(a.TextInput,{label:"Value",required:!0,value:t.static_options[u].value,onChange:l=>{t.static_options[u].setValue(l.currentTarget.value)},sx:{flexGrow:1}}),n(a.ActionIcon,{color:"red",variant:"subtle",onClick:()=>t.removeStaticOption(u),sx:{position:"absolute",top:28,right:5},children:n(k.Trash,{size:16})})]},u)),n(a.Button,{size:"xs",color:"blue",leftIcon:n(k.PlaylistAdd,{size:20}),onClick:r,sx:{width:"50%"},mx:"auto",children:"Add an Option"})]}),n(a.Divider,{label:"Or fetch options from database",labelPosition:"center"}),n(a.Checkbox,{checked:t.default_selection_count===1,onChange:o=>t.setDefaultSelectionCount(o.currentTarget.checked?1:0),label:"Select the first option by default"}),n(Cr,{value:t.options_query_id,onChange:t.setOptionsQueryID}),n(Ns,{})]})}),i0=T.observer(function({config:t}){return c(B,{children:[n(a.TextInput,{label:"Default Value",value:t.default_value,onChange:r=>{t.setDefaultValue(r.currentTarget.value)}}),n(a.Checkbox,{checked:t.required,onChange:r=>t.setRequired(r.currentTarget.checked),label:"Required"})]})}),a0=`
 // row
 {
   label: string;
@@ -477,7 +477,7 @@ Check the top-level render call using <`+E+">.")}return I}}function ao(_,I){{if(
   parent_value: string;
   description?: string;
 }
-`,a0=()=>{const[e,t]=m.useState(!1);return c(B,{children:[n(a.Button,{variant:"subtle",compact:!0,onClick:()=>t(r=>!r),children:e?"Close":"Click to see expected data structure"}),n(a.Collapse,{in:e,children:n(ot.Prism,{language:"typescript",noCopy:!0,colorScheme:"dark",children:i0})})]})},s0=T.observer(function({config:t}){return c(B,{children:[n(a.TextInput,{label:"Min-width",value:t.min_width,onChange:r=>t.setMinWidth(r.currentTarget.value),placeholder:"200px"}),n(a.Divider,{label:"Fetch options from database",labelPosition:"center"}),n(a.NumberInput,{value:t.default_selection_count,onChange:t.setDefaultSelectionCount,label:"Select first N options by default"}),n(Cr,{value:t.options_query_id,onChange:t.setOptionsQueryID}),n(a0,{})]})}),o0=T.observer(function({filter:t}){const[r,i]=m.useState(t.plainDefaultValue);return m.useEffect(()=>{i(t.plainDefaultValue)},[t]),c(a.Box,{sx:{maxWidth:"480px"},children:[n(a.Text,{pb:"md",color:"gray",children:"Preview"}),n(Ni,{filter:t,value:r,onChange:i}),n(a.Text,{pt:"lg",pb:"md",color:"gray",children:"Config"}),n(ot.Prism,{language:"json",colorScheme:"dark",noCopy:!0,children:JSON.stringify(t,null,4)})]})}),l0={select:n0,"multi-select":t0,"tree-select":s0,"text-input":r0,checkbox:Kx,"date-range":Hx},u0=[{label:"Select",value:"select"},{label:"Multi Select",value:"multi-select"},{label:"Tree Select",value:"tree-select"},{label:"Text Input",value:"text-input"},{label:"Checkbox",value:"checkbox"},{label:"Date Range",value:"date-range"}],d0=T.observer(function({filter:t}){const r=Y(),i=m.useMemo(()=>l0[t.type],[t.type]);return c(a.Group,{grow:!0,spacing:20,align:"top",children:[c(a.Box,{sx:{maxWidth:"600px"},children:[n(a.Text,{pb:"md",color:"gray",children:"Edit"}),c(a.Stack,{children:[c(a.Group,{noWrap:!0,children:[n(a.NumberInput,{label:"Placement Order",required:!0,value:t.order,onChange:t.setOrder,hideControls:!0,sx:{flexGrow:"1 !important"}}),t.auto_submit_supported&&n(a.Checkbox,{label:"Submit automatically",checked:t.auto_submit,onChange:s=>t.setAutoSubmit(s.currentTarget.checked),mt:22})]}),n(a.MultiSelect,{label:"Visible in...",data:r.views.options,value:[...t.visibleInViewsIDs],onChange:t.setVisibleInViewsIDs}),n(a.TextInput,{label:"Key",placeholder:"A unique key to refer",required:!0,value:t.key,onChange:s=>{t.setKey(s.currentTarget.value)}}),n(a.TextInput,{label:"Label",placeholder:"Label for this field",required:!0,value:t.label,onChange:s=>{t.setLabel(s.currentTarget.value)}}),n(a.Select,{label:"Widget",data:u0,required:!0,value:t.type,onChange:t.setType}),n(i,{config:t.config})]})]}),n(o0,{filter:t})]})}),c0=T.observer(({id:e})=>{const t=Le.useModals(),r=ce(),i=Y();if(e==="")return null;const s=i.filters.findByID(e);if(!s)return c(a.Text,{size:14,children:["Filter by ID[",e,"] is not found"]});const o=()=>{r.editor.setPath(["_FILTERS_",""])},u=()=>{t.openConfirmModal({title:"Delete this filter?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>{i.filters.removeByID(e),o()},confirmProps:{color:"red"},zIndex:320})};return c(a.Stack,{sx:{maxWidth:"1100px",height:"100vh"},spacing:"sm",pb:30,children:[n(a.Group,{position:"right",pt:10,children:n(a.Button,{size:"xs",color:"red",leftIcon:n(k.Trash,{size:16}),onClick:u,children:"Delete this filter"})}),n(a.Box,{sx:{flexGrow:1,maxHeight:"calc(100% - 52px)",overflow:"auto"},children:n(d0,{filter:s})})]})}),p0=T.observer(()=>{const e=Y(),[t,r]=m.useState(()=>JSON.stringify(e.mock_context.current,null,4)),i=()=>{try{e.mock_context.replace(JSON.parse(t))}catch(o){Vt.showNotification({title:"Failed",message:o.message,color:"red"})}},s=m.useMemo(()=>{try{return JSON.stringify(JSON.parse(t))!==JSON.stringify(e.mock_context.current)}catch{return!1}},[t,e.mock_context.current]);return c(a.Stack,{sx:{border:"1px solid #eee",borderLeft:"none",borderRight:"none",flexGrow:1,maxWidth:"unset"},children:[n(a.Group,{position:"left",pl:"md",py:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef",flexGrow:0},children:n(a.Text,{weight:500,children:"Mock Context"})}),c(a.Group,{grow:!0,px:"md",pb:"md",pt:0,sx:{flexGrow:1,position:"relative",alignItems:"flex-start"},children:[c(a.Stack,{spacing:10,sx:{maxWidth:"unset !important"},children:[n(a.Text,{children:"A valid json string is required"}),n(a.JsonInput,{validationError:"Invalid json",formatOnBlur:!0,autosize:!0,minRows:30,value:t,onChange:r,sx:{flexGrow:1}})]}),n(a.ActionIcon,{mr:5,variant:"filled",color:"blue",sx:{position:"absolute",right:12,top:0},disabled:!s,onClick:i,children:n(k.DeviceFloppy,{size:20})})]})]})}),h0=T.observer(()=>{const{panel:e}=Ce();return n(jn,{label:"Description",value:e.description,onChange:e.setDescription,styles:{root:{flexGrow:1}}})}),f0=T.observer(()=>{const{panel:e}=Ce(),{style:t}=e;return n(B,{children:n(a.Switch,{label:"Border",checked:t.border.enabled,onChange:r=>t.border.setEnabled(r.currentTarget.checked)})})}),g0=T.observer(()=>{const{panel:e}=Ce(),{title:t,setTitle:r}=e,[i,s]=ve.useInputState(t),o=t!==i,u=m.useCallback(()=>{o&&r(i)},[o,i]);return m.useEffect(()=>{s(t)},[t]),n(a.TextInput,{value:i,onChange:s,label:c(a.Group,{children:[n(a.Text,{children:"Panel Title"}),n(a.ActionIcon,{variant:"subtle",color:"blue",disabled:!o,onClick:u,children:n(k.DeviceFloppy,{size:20})})]}),styles:{label:{display:"block",paddingBottom:"4px"}}})});function m0(){return c(a.Stack,{sx:{height:"100%"},children:[n(a.Divider,{label:"Style",labelPosition:"center",variant:"dashed"}),n(f0,{}),n(a.Divider,{label:"Info",labelPosition:"center",variant:"dashed"}),n(g0,{}),n(h0,{})]})}const b0=({queryID:e})=>{const t=Y(),{state:r,error:i}=t.getDataStuffByID(e),s=m.useMemo(()=>t.queries.findByID(e),[t,e]);return r==="loading"?null:i?n(a.Text,{color:"red",size:"md",align:"center",sx:{fontFamily:"monospace"},children:i}):s!=null&&s.stateMessage?n(a.Text,{color:"gray",align:"center",children:s.stateMessage}):null},y0={width:"fit-content",minWidth:"100%",tableLayout:"fixed",tr:{width:"fit-content"},th:{position:"relative"},".resizer":{position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",cursor:"col-resize",userSelect:"none",touchAction:"none"},".resizer.isResizing":{color:"#228be6",opacity:"1"},"@media (hover: hover)":{".resizer":{opacity:"0"},"*:hover > .resizer":{color:"#228be6",opacity:"1"}}};function Ns({data:e}){const t=m.useMemo(()=>{if(!Array.isArray(e)||e.length===0)return[];const i=Pe.createColumnHelper();return Object.keys(e[0]).map(s=>i.accessor(s,{cell:o=>o.getValue()}))},[e]),r=Pe.useReactTable({data:e,columns:t,columnResizeMode:"onChange",getCoreRowModel:Pe.getCoreRowModel()});return e.length===0?n(a.Box,{sx:{height:"5em"}}):n(ke,{children:c(a.Table,{sx:y0,children:[n("thead",{children:r.getHeaderGroups().map(i=>n("tr",{children:i.headers.map(s=>c("th",{style:{width:s.getSize()},children:[s.isPlaceholder?null:Pe.flexRender(s.column.columnDef.header,s.getContext()),n(a.ActionIcon,{onMouseDown:s.getResizeHandler(),onTouchStart:s.getResizeHandler(),className:`resizer ${s.column.getIsResizing()?"isResizing":""}`,children:n(k.ArrowBarToRight,{})})]},s.id))},i.id))}),n("tbody",{children:r.getRowModel().rows.map(i=>n("tr",{children:i.getVisibleCells().map(s=>n("td",{children:n(ke,{children:Pe.flexRender(s.column.columnDef.cell,s.getContext())})},s.id))},i.id))})]})})}const Gs=T.observer(function({id:t}){const r=Y(),{data:i,state:s}=r.getDataStuffByID(t),o=s==="loading",u=()=>{r.queries.refetchDataByQueryID(t)},l=()=>{r.queries.downloadDataByQueryID(t)},d=m.useMemo(()=>Array.isArray(i)?i.slice(0,10):[],[i]),p=!Array.isArray(i)||i.length===0;return c(a.Stack,{sx:{border:"1px solid #eee"},children:[c(a.Group,{position:"apart",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[c(a.Group,{position:"left",children:[n(a.Text,{weight:500,children:"Preview Data"}),i.length>10&&c(a.Text,{size:"sm",color:"gray",children:["Showing 10 rows of ",i.length]})]}),c(a.Group,{pr:15,children:[n(a.ActionIcon,{variant:"subtle",color:"blue",disabled:o,onClick:u,children:n(k.Refresh,{size:15})}),n(a.ActionIcon,{variant:"subtle",color:"blue",disabled:o||p,onClick:l,children:n(k.Download,{size:15})})]})]}),c(a.Box,{sx:{position:"relative",overflow:"auto"},children:[n(a.LoadingOverlay,{visible:o}),n(b0,{queryID:t}),n(Ns,{data:d})]})]})}),v0=T.observer(function(){const t=ce(),r=Y(),{panel:{queryID:i,setQueryID:s}}=Ce(),o=()=>{t.editor.setPath(["_QUERIES_",i])};return c(a.Stack,{children:[c(a.Group,{position:"left",sx:{maxWidth:"600px",alignItems:"baseline"},children:[n(a.Text,{children:"Use query"}),n(a.Select,{data:r.queries.options,value:i,onChange:s,allowDeselect:!1,clearable:!1,sx:{flexGrow:"1 !important"},maxDropdownHeight:300,rightSection:i&&n(a.Tooltip,{label:"Open this query",children:n(a.ActionIcon,{variant:"subtle",color:"blue",onClick:o,children:n(V.IconArrowCurveRight,{size:16})})})})]}),n(Gs,{id:i})]})}),x0=T.observer(({height:e})=>{const t=Y(),{data:r,loading:i,error:s,panel:{viz:o,queryID:u}}=Ce(),l=t.queries.findByID(u);return n(Ka,{viz:o,data:r,loading:i,error:s,query:l,height:e})}),C0=T.observer(()=>{const{panel:{title:e,style:{border:t}}}=Ce();return n(ke,{children:n(a.Box,{sx:{height:"100%",flexGrow:0,flexShrink:0,width:"600px"},children:c(a.Stack,{mt:24,spacing:5,sx:{width:"600px",height:"450px",background:"transparent",borderRadius:"5px",border:"1px solid #e9ecef",borderWidth:t.enabled?"1px":"0px"},children:[c(a.Group,{position:"apart",noWrap:!0,sx:{flexGrow:0,flexShrink:0},children:[n(a.Group,{children:n(qi,{})}),n(a.Group,{grow:!0,position:"center",children:n(a.Text,{lineClamp:1,weight:"bold",children:e})}),n(a.Group,{position:"right",spacing:0,sx:{height:"28px"}})]}),n(a.Group,{px:5,pb:5,sx:{flexGrow:1},children:n(x0,{height:"410px"})})]})})})}),wr={name:"new_var",size:"1rem",weight:"initial",color:{type:"static",staticColor:"Red"},data_field:"",aggregation:{type:"sum",config:{}},formatter:{output:"number",mantissa:0,trimMantissa:!1,average:!1}};class w0{constructor(t){O(this,"panel");O(this,"selected");this.panel=t,se.makeAutoObservable(this,{},{deep:!1,autoBind:!0})}get variables(){return this.panel.variables}addNew(){const t=this.panel.variables.filter(r=>r.name.startsWith(wr.name)).length;this.panel.addVariable(v.cloneDeep({...wr,name:`${wr.name}${t||""}`})),this.selected=v.last(this.panel.variables)}select(t){this.selected=t}remove(t){this.selected===t&&(this.selected=void 0);const r=this.panel.variables.indexOf(t);if(this.panel.removeVariable(t),!this.selected&&!v.isEmpty(this.panel.variables)){const i=Math.min(this.panel.variables.length-1,r);this.selected=this.panel.variables[i]}}}function _0(){const{panel:e}=Ce();return Z.useCreation(()=>new w0(e),[e])}const S0=m.forwardRef(function({value:t,onChange:r,data:i,withStyle:s=!0},o){const u=(l,d)=>{const p=v.cloneDeep(t);v.set(p,l,d),r(p)};return c(a.Box,{px:"sm",py:"md",ref:o,children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(a.TextInput,{label:"Name",required:!0,value:t.name,onChange:l=>u("name",l.currentTarget.value)}),n(W,{label:"Data Field",required:!0,data:i,value:t.data_field,onChange:l=>u("data_field",l)})]}),n(jt,{label:"Aggregation",value:t.aggregation,onChange:l=>u("aggregation",l)}),n(a.Divider,{my:"xs",label:"Format",labelPosition:"center"}),n(Oe,{value:t.formatter,onChange:l=>u("formatter",l)}),s&&n(aa,{value:t,onChange:r})]})}),qs=a.createStyles(e=>({root:{height:"100%",overflow:"hidden",".var-list-container":{"& > *":{height:"100%"},width:250,height:"100%"},".var-list-actions":{height:"fit-content",flexShrink:0,width:"100%"},".var-list":{flex:"1 1 auto",overflow:"auto",minHeight:0,"& > *":{flex:"0 0 auto"}}},config:{height:"100%",overflow:"auto",paddingRight:10}})),T0=e=>{const{uiModel:t}=e;return n(a.Stack,{className:"var-list",children:t.variables.map(r=>n(a.Button,{variant:t.selected===r?"filled":"subtle",color:"gray",onClick:()=>t.select(r),children:r.name},r.name))})},k0=T.observer(T0),D0=({variable:e,data:t})=>n(a.Group,{style:{minHeight:0,height:"calc(100% - 68px)"},children:n(a.Paper,{withBorder:!0,p:"md",children:sa(e,t)})}),I0=T.observer(D0),M0=e=>{const t=Z.useCreation(()=>sx(e.variable),[e.variable]),{classes:r}=qs(),{data:i}=Ce();return c(a.Group,{style:{height:"100%"},align:"start",children:[c(a.Stack,{"data-testid":"variable-editor",align:"stretch",className:r.config,children:[c(a.Group,{position:"right",children:[n(a.ActionIcon,{variant:"filled",disabled:!t.changed,color:"primary",onClick:t.commit,children:n(V.IconDeviceFloppy,{size:18})}),n(a.ActionIcon,{color:"red",onClick:()=>e.uiModel.remove(e.variable),children:n(V.IconTrash,{size:18})})]}),n(S0,{value:y.getSnapshot(t.copy),onChange:t.update,data:i})]}),n(I0,{variable:y.getSnapshot(t.copy),data:i})]})},A0=T.observer(M0),$0=()=>{const e=_0(),{classes:t}=qs();return c(a.Group,{className:t.root,noWrap:!0,align:"start",children:[n(a.Paper,{withBorder:!0,p:"md",className:"var-list-container",children:c(a.Stack,{justify:"space-between",children:[n(a.Box,{className:"var-list-actions",children:n(a.Button,{variant:"light",size:"sm",onClick:e.addNew,fullWidth:!0,children:"Add Variable"})}),n(k0,{uiModel:e})]})}),e.selected?n(B,{children:n(A0,{uiModel:e,variable:e.selected})}):n("span",{children:"Select or create a new variable on right side"})]})},z0=T.observer($0);function E0(){const{vizManager:e}=m.useContext(qe);return m.useMemo(()=>{const t=e.availableVizList.map(r=>({value:r.name,label:r.displayName??r.name,group:r.displayGroup??""}));return v.orderBy(t,[r=>r.group,r=>r.label],["asc","asc"])},[e])}const L0=T.observer(({value:e,submit:t})=>{const[r,i]=ve.useInputState(e);m.useEffect(()=>{i(e)},[e]);const s=E0(),o=e!==r;return n(a.Select,{label:"Visualization",value:r,searchable:!0,onChange:i,data:s,rightSection:n(a.ActionIcon,{disabled:!o,onClick:()=>t(r),children:n(k.DeviceFloppy,{size:20})}),maxDropdownHeight:600})}),Fs=[];function P0(e,t){try{return e.resolveComponent(t).createConfig()}catch{return null}}function O0(){const{data:e,panel:{variables:t,viz:r,title:i,queryID:s,description:o,setDescription:u,setTitle:l,setQueryID:d,id:p}}=Ce(),{vizManager:f}=m.useContext(qe),g={title:i,description:o,viz:r,queryID:s,id:p},h={setDescription:u,setQueryID:d,setTitle:l},b=Ua(g);try{return f.resolveComponent(g.viz.type),n(Gt,{configure:b,children:n(Fy,{variables:t,setVizConf:r.setConf,panel:g,panelInfoEditor:h,vizManager:f,data:e})})}catch(w){return console.info(v.get(w,"message")),null}}const V0=T.observer(()=>{const{data:e,panel:{viz:t}}=Ce(),{vizManager:r}=m.useContext(qe),i=m.useCallback(p=>{if(p===t.type)return;const f=P0(r,p);t.setType(p),t.setConf(f||{})},[t.type]),s=p=>{try{t.setConf(JSON.parse(p))}catch(f){console.error(f)}},o=m.useMemo(()=>{var p;return(p=Fs.find(f=>f.value===t.type))==null?void 0:p.Panel},[t.type,Fs]),u=O0(),l=o?m.createElement(o,{data:e,conf:t.conf,setConf:t.setConf}):null,d=u||l;return c(a.Stack,{align:"stretch",sx:{height:"100%",overflow:"hidden"},children:[n(L0,{submit:i,value:t.type}),c(ke,{children:[n(a.Stack,{pb:10,sx:{flexGrow:1,maxHeight:"100%",overflow:"auto"},children:d}),!d&&n(a.JsonInput,{minRows:20,label:"Config",value:JSON.stringify(t.conf,null,2),onChange:s})]})]})}),B0=T.observer(({panel:e,sourceViewID:t})=>{const r=Y(),[i,s]=m.useState(t);m.useEffect(()=>{s(t)},[t]);const[o,{open:u,close:l}]=ve.useDisclosure(!1),d=()=>{e.moveToView(t,i),l()};return c(B,{children:[n(a.Button,{size:"xs",variant:"subtle",color:"blue",onClick:u,leftIcon:n(V.IconBoxMultiple,{size:14}),children:"Move into Another View"}),n(a.Modal,{opened:o,onClose:l,title:"Move panel into another view",zIndex:320,overflow:"inside",children:c(a.Stack,{sx:{maxHeight:"calc(100vh - 185px)",overflow:"hidden"},children:[n(a.Radio.Group,{value:i,onChange:s,pb:10,sx:{flexGrow:1,maxHeight:"calc(100vh - 185px - 30px)",overflow:"auto"},children:n(a.Stack,{spacing:"xs",children:r.views.options.map(p=>n(a.Radio,{value:p.value,label:p.label},p.value))})}),c(a.Group,{noWrap:!0,position:"apart",sx:{flexGrow:0,flexShrink:0},children:[n(a.Button,{size:"xs",color:"red",leftIcon:n(V.IconX,{size:14}),onClick:l,children:"Cancel"}),n(a.Button,{size:"xs",color:"blue",leftIcon:n(V.IconDeviceFloppy,{size:14}),onClick:d,disabled:i===t,children:"Confirm"})]})]})})]})}),N0={root:{flexGrow:1,width:"100%",overflow:"hidden"},panel:{width:"100%",height:"calc(100% - 44px)",padding:10,overflow:"scroll"}},Ws=({children:e})=>c(a.Group,{noWrap:!0,grow:!0,position:"left",spacing:20,sx:{width:"100%",height:"100%"},children:[n(a.Box,{sx:{maxWidth:"calc(100% - 610px - 10px)",height:"100%",overflow:"auto"},children:e}),n(C0,{})]});function G0(e){return!["richText","button"].includes(e)}const q0=T.observer(({panel:e})=>{const t=Le.useModals(),r=ce(),i=Y(),[s,o]=m.useState("Data"),{data:u,state:l,error:d}=i.getDataStuffByID(e.queryID),p=i.queries.findByID(e.queryID),g=G0(e.viz.type)&&l==="loading",h=g||d||!p||!!p.stateMessage,b=r.editor.path[1];m.useEffect(()=>{o(S=>h&&S==="Visualization"?"Data":S)},[e.id,h]);const w=()=>{r.editor.setPath(["_VIEWS_",b])},C=()=>t.openConfirmModal({title:"Delete this panel?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>{i.removePanelByID(e.id,b),w()},confirmProps:{color:"red"},zIndex:320});return c(Cn,{value:{panel:e,data:u,loading:g,error:d},children:[c(a.Group,{px:16,position:"apart",sx:{borderBottom:"1px solid #eee"},children:[c(a.Text,{pt:9,pb:8,children:[e.title?e.title:e.viz.type," "]}),c(a.Group,{position:"right",noWrap:!0,children:[n(B0,{panel:e,sourceViewID:b}),n(a.Button,{size:"xs",variant:"subtle",color:"red",onClick:C,leftIcon:n(V.IconTrash,{size:14}),children:"Delete This Panel"})]})]}),c(a.Tabs,{value:s,onTabChange:o,keepMounted:!1,styles:N0,children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"Data",disabled:g,children:"Data"}),n(a.Tabs.Tab,{value:"Panel",children:"Panel"}),n(a.Tabs.Tab,{value:"Variables",disabled:h,children:n(a.Tooltip,{label:"Requires data",disabled:!h,withinPortal:!0,zIndex:310,children:n(a.Text,{children:"Variables"})})}),n(a.Tabs.Tab,{value:"Visualization",disabled:h,children:n(a.Tooltip,{label:"Requires data",disabled:!h,withinPortal:!0,zIndex:310,children:n(a.Text,{children:"Visualization"})})}),n(a.Tabs.Tab,{value:"Interactions",children:"Interactions"})]}),c(a.Tabs.Panel,{value:"Data",children:[n(a.LoadingOverlay,{visible:g,exitTransitionDuration:0}),n(v0,{})]}),n(a.Tabs.Panel,{value:"Panel",children:n(Ws,{children:n(m0,{})})}),n(a.Tabs.Panel,{value:"Variables",children:n(z0,{})}),n(a.Tabs.Panel,{value:"Visualization",children:n(ke,{children:n(Ws,{children:n(V0,{})})})}),n(a.Tabs.Panel,{value:"Interactions",children:n(ke,{children:n(Gy,{})})})]})]})}),F0=T.observer(({viewID:e,panelID:t})=>{const r=Y();if(!r.views.findByID(e))return c(a.Text,{size:14,children:["View by ID[",e,"] is not found"]});const s=r.panels.findByID(t);return s?n(q0,{panel:s}):c(a.Text,{size:14,children:["Panel by ID[",t,"] is not found"]})}),js=({width:e="calc(100% - 32px)",lastWidth:t="50%",height:r,count:i,spacing:s=16,pl:o=0})=>c(a.Stack,{spacing:s,mt:6,pl:o,children:[Array.from(new Array(i-1),(u,l)=>n(a.Skeleton,{width:e,height:r,radius:"xs"},l)),n(a.Skeleton,{width:t,height:r,radius:"xs"})]}),At=({value:e})=>e===null||e===""?null:n(a.Tooltip,{label:e,disabled:!e,multiline:!0,children:n(a.ActionIcon,{children:n(V.IconInfoCircle,{size:14})})}),W0=({column:e})=>{const{column_key:t,column_key_text:r}=e;return t?n(a.Tooltip,{label:r,disabled:!r,children:n(a.Badge,{children:t})}):null},j0=T.observer(({dataSource:e})=>{const{columns:t}=e;return t.loading?n(js,{height:"24px",width:"100%",lastWidth:"100%",count:20,pl:6}):t.empty?null:c(a.Table,{highlightOnHover:!0,fontSize:14,sx:{width:"auto",minWidth:"1000px",alignSelf:"flex-start",flexGrow:0,tableLayout:"fixed",tbody:{fontFamily:"monospace"}},children:[c("colgroup",{children:[n("col",{style:{width:50}}),n("col",{style:{minWidth:300}}),n("col",{style:{width:30}}),n("col",{style:{width:70}}),n("col",{style:{minWidth:300}}),n("col",{style:{minWidth:80,width:80}}),n("col",{style:{minWidth:120,width:120}})]}),n("thead",{children:c("tr",{children:[n("th",{children:"#"}),n("th",{children:"Column Name"}),n("th",{}),n("th",{}),n("th",{children:"Type"}),n("th",{children:"Nullable"}),n("th",{children:"Default Value"})]})}),n("tbody",{children:t.data.map(r=>c("tr",{children:[n("td",{children:r.ordinal_position}),n("td",{children:r.column_name}),n("td",{children:n(At,{value:r.column_comment})}),n("td",{children:n(W0,{column:r})}),n("td",{children:r.column_type}),n("td",{children:r.is_nullable}),n("td",{children:n(At,{value:r.column_default})})]},r.column_name))})]})}),Y0=T.observer(({dataSource:e})=>{const{indexes:t}=e,r=t.data;return c(a.Table,{highlightOnHover:!0,fontSize:14,sx:{width:"auto",minWidth:"950px",alignSelf:"flex-start",flexGrow:0,tableLayout:"fixed",tbody:{fontFamily:"monospace"}},children:[c("colgroup",{children:[n("col",{style:{width:100}}),n("col",{style:{minWidth:300}}),n("col",{style:{width:150}}),n("col",{style:{width:150}}),n("col",{style:{width:250}})]}),n("thead",{children:c("tr",{children:[n("th",{children:"Index Length"}),n("th",{children:"Index Name"}),n("th",{children:"Index Algorithm"}),n("th",{children:"Unique"}),n("th",{children:"Column Name"})]})}),n("tbody",{children:r.map(i=>c("tr",{children:[n("td",{children:i.index_length}),n("td",{children:i.index_name}),n("td",{children:i.index_algorithm}),n("td",{children:i.is_unique?"YES":"NO"}),n("td",{children:i.column_name})]},i.index_name))})]})}),R0=T.observer(({dataSource:e})=>{const{indexes:t}=e,r=t.data;return c(a.Table,{highlightOnHover:!0,fontSize:14,sx:{width:"auto",minWidth:"850px",alignSelf:"flex-start",flexGrow:0,tableLayout:"fixed",tbody:{fontFamily:"monospace"}},children:[c("colgroup",{children:[n("col",{style:{minWidth:300}}),n("col",{style:{width:150}}),n("col",{style:{width:100}}),n("col",{style:{width:100}}),n("col",{style:{width:100}}),n("col",{style:{width:100}})]}),n("thead",{children:c("tr",{children:[n("th",{children:"Index Name"}),n("th",{children:"Index Algorithm"}),n("th",{children:"Unique"}),n("th",{children:"Definition"}),n("th",{children:"Condition"}),n("th",{children:"Comment"})]})}),n("tbody",{children:r.map(i=>c("tr",{children:[n("td",{children:i.index_name}),n("td",{children:i.index_algorithm}),n("td",{children:i.is_unique?"YES":"NO"}),n("td",{children:n(At,{value:i.index_definition})}),n("td",{children:n(At,{value:i.condition})}),n("td",{children:n(At,{value:i.comment})})]},i.index_name))})]})}),Q0=T.observer(({dataSource:e})=>{const{indexes:t}=e;return t.loading||t.empty?null:e.type===pe.MySQL?n(Y0,{dataSource:e}):e.type===pe.Postgresql?n(R0,{dataSource:e}):null}),U0=T.observer(({dataSource:e})=>c(a.Stack,{spacing:40,pt:10,sx:{flexGrow:1,overflow:"auto",position:"relative"},children:[n(ke,{children:n(j0,{dataSource:e})}),n(ke,{children:n(Q0,{dataSource:e})})]}));function X0({table_type:e}){return e==="VIEW"?n(V.IconEye,{size:14}):e==="BASE TABLE"?n(V.IconTable,{size:14}):null}const Z0=T.observer(({dataSource:e})=>{const{tables:t}=e;return t.loading?n(js,{height:"24px",lastWidth:"50%",count:15}):n(a.Box,{h:"100%",sx:{overflow:"auto",".mantine-NavLink-label":{fontFamily:"monospace"}},children:Object.entries(t.data).map(([r,i])=>n(a.NavLink,{label:r,icon:n(V.IconDatabase,{size:14}),defaultOpened:e.table_schema===r,pl:0,childrenOffset:14,children:i.map(s=>n(a.NavLink,{label:s.table_name,icon:n(X0,{table_type:s.table_type}),onClick:()=>{e.setKeywords(r,s.table_name)},active:e.table_name===s.table_name},s.table_name))},r))})}),K0=({visible:e})=>n(a.Box,{py:10,sx:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:n(a.LoadingOverlay,{visible:e})}),J0=[{label:"10",value:"10"},{label:"20",value:"20"},{label:"50",value:"50"},{label:"100",value:"100"}],H0={icon:{width:"50px",textAlign:"center"},input:{"&.mantine-Input-withIcon":{paddingLeft:"50px"}}},eC=T.observer(({dataSource:e})=>{const{tableData:t}=e;return c(a.Group,{pt:10,px:10,position:"apart",children:[c(a.Group,{position:"left",children:[t.maxPage>1&&n(a.Pagination,{size:"sm",page:t.page,onChange:t.setPage,total:t.maxPage,withEdges:t.maxPage>7,styles:{item:{height:"30px"}}}),n(a.Select,{icon:n(a.Text,{ta:"center",color:"dimmed",size:14,children:"Limit"}),size:"xs",styles:H0,data:J0,value:String(t.limit),onChange:r=>t.setLimit(Number(r))})]}),n(a.Group,{position:"right",children:c(a.Text,{color:"dimmed",my:0,size:14,children:["Total ",t.total," rows"]})})]})}),tC=T.observer(({dataSource:e})=>{const t=e.tableData;return t.maxPage===0?n(a.Text,{mt:20,color:"red",size:"md",align:"center",sx:{fontFamily:"monospace"},children:"This table is empty"}):t.error?n(a.Text,{mt:20,color:"red",size:"md",align:"center",sx:{fontFamily:"monospace"},children:t.error}):t.page===1&&t.loading?n(K0,{visible:!0}):c(ke,{children:[n(eC,{dataSource:e}),c(a.Box,{py:10,sx:{width:"100%",height:"calc(100% - 42px)",overflow:"auto",position:"relative"},children:[n(a.LoadingOverlay,{visible:t.loading,overlayBlur:2}),n(Ns,{data:t.data})]})]})}),nC={root:{flexGrow:1,overflow:"auto",borderLeft:"1px solid #efefef"},tabsList:{borderBottom:"1px solid #efefef"},tab:{minWidth:120}},rC=T.observer(({dataSource:e})=>(m.useEffect(()=>{e.loadTablesIfEmpty()},[e]),e.tables.error?n(a.Text,{color:"red",size:"md",align:"center",sx:{fontFamily:"monospace"},children:e.tables.error}):c(a.Flex,{sx:{height:"100%"},children:[n(a.Box,{w:300,sx:{flexGrow:0,flexShrink:0,position:"relative"},children:n(ke,{children:n(Z0,{dataSource:e})})}),c(a.Tabs,{defaultValue:"structure",styles:nC,children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"structure",icon:n(V.IconColumns,{size:14}),children:"Structure"}),n(a.Tabs.Tab,{value:"data",icon:n(V.IconDatabase,{size:14}),children:"Data"})]}),n(a.Tabs.Panel,{value:"structure",children:n(U0,{dataSource:e})}),n(a.Tabs.Panel,{value:"data",sx:{width:"100%",height:"calc(100% - 36px)",overflow:"hidden"},children:n(tC,{dataSource:e})})]})]}))),iC={modal:{paddingLeft:"0px !important",paddingRight:"0px !important"},header:{marginBottom:0,padding:"0 20px 10px",borderBottom:"1px solid #efefef"},title:{flexGrow:1},body:{padding:"0 0 0 20px"}},Ys=T.observer(({dataSource:e,triggerButtonProps:t={}})=>{const[r,i]=m.useState(!1);return e.type==="http"?null:c(B,{children:[n(a.Modal,{opened:r,onClose:()=>i(!1),title:c(a.Group,{position:"apart",sx:{flexGrow:1},children:[n(a.Text,{fw:500,children:"Explorer Data Source"}),c(a.Group,{spacing:7,children:[n(a.Badge,{variant:"gradient",gradient:{from:"indigo",to:"cyan"},children:e.key}),n(a.Badge,{variant:"gradient",gradient:{from:"orange",to:"red"},children:e.type})]})]}),zIndex:320,size:"96vw",overflow:"inside",styles:iC,children:n(a.Box,{sx:{height:"calc(100vh - 220px)"},children:n(rC,{dataSource:e})})}),n(a.Button,{variant:"subtle",onClick:()=>i(!0),px:16,styles:{inner:{justifyContent:"flex-start"}},...t,children:"See Table Structure"})]})}),aC=m.forwardRef(({label:e,type:t,...r},i)=>c(a.Group,{position:"apart",ref:i,...r,children:[n(a.Text,{children:e}),n(a.Text,{children:t})]})),sC=T.observer(({value:e,onChange:t})=>{const r=ce(),{data:i=[],loading:s}=Z.useRequest(hr,{refreshDeps:[]},[]),o=m.useMemo(()=>i.map(p=>({label:p.key,value:p.key,type:p.type})),[i]),u=m.useMemo(()=>o.reduce((p,f)=>(p[f.value]=f.type,p),{}),[o]),l=p=>{p!==null&&t({key:p,type:u[p]})},d=m.useMemo(()=>r.datasources.find(e),[r,e]);return n(a.Select,{data:o,label:c(a.Group,{position:"apart",children:[n(a.Box,{children:"Data Source"}),d&&n(Ys,{dataSource:d,triggerButtonProps:{compact:!0,size:"xs",px:10}})]}),itemComponent:aC,rightSection:d?n(a.Text,{size:"xs",color:"dimmed",children:d.type}):void 0,rightSectionWidth:85,maxDropdownHeight:280,styles:{root:{flex:1},label:{display:"block"},rightSection:{pointerEvents:"none",justifyContent:"flex-end",paddingRight:"10px",".mantine-Text-root":{userSelect:"none"}}},disabled:s,value:e.key,onChange:l})}),oC=e=>{const{queryModel:t}=e,r=ce(),i=Y(),o=i.findQueryUsage(t.id).length>0,u=Le.useModals(),l=()=>{u.openConfirmModal({title:"Delete this query?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>{i.queries.removeQuery(t.id),r.editor.setPath(["_QUERIES_",""])},confirmProps:{color:"red"},zIndex:320})};return o?n(a.Tooltip,{label:"Can't delete this query for it's being used, check out Usage tab for details",withArrow:!0,events:{hover:!0,focus:!1,touch:!1},withinPortal:!0,children:n(a.Button,{color:"gray",size:"xs",leftIcon:n(V.IconTrash,{size:16}),sx:{alignSelf:"flex-end"},children:"Delete this Query"})}):n(a.Button,{color:"red",size:"xs",onClick:l,leftIcon:n(V.IconTrash,{size:16}),sx:{alignSelf:"flex-end"},children:"Delete this Query"})},lC=T.observer(oC),uC=T.observer(({queryModel:e})=>n(a.Center,{ml:20,mt:20,sx:{maxWidth:"600px"},children:c(a.Stack,{spacing:10,sx:{width:"100%"},children:[n(a.Divider,{mb:-10,variant:"dashed",label:"Basics",labelPosition:"center"}),n(a.TextInput,{placeholder:"A unique name",label:"Name",required:!0,sx:{flex:1},value:e.name,onChange:t=>{e.setName(t.currentTarget.value)}}),n(sC,{value:{type:e.type,key:e.key},onChange:({type:t,key:r})=>{e.setKey(r),e.setType(t)}}),n(a.Divider,{mt:10,mb:-10,variant:"dashed",label:"Conditions",labelPosition:"center"}),n(a.MultiSelect,{label:"Run query when these are truthy",data:e.conditionOptions,value:[...e.run_by],onChange:e.setRunBy}),n(a.Divider,{mt:20,mb:10,variant:"dashed"}),n(lC,{queryModel:e})]})}));function dC(){const[e,{open:t,close:r}]=ve.useDisclosure(!1);return c(B,{children:[n(a.Modal,{opened:e,onClose:r,title:"About FunctionUtils",zIndex:320,children:n(qt,{value:Ov,styles:{root:{border:"none"},content:{padding:0,table:{marginBottom:0}}}})}),n(a.Button,{variant:"light",color:"violet",size:"xs",onClick:t,leftIcon:n(V.IconInfoCircle,{size:16}),children:"About parameter 'utils'"})]})}const cC=({value:e,onChange:t})=>{const r=i=>{i&&t(i)};return n(a.Box,{sx:{position:"relative",flexGrow:1},children:n(_e,{className:"function-editor",height:"100%",defaultLanguage:"javascript",value:e,onChange:r,theme:"vs-dark",options:{lineNumbers:"off",folding:!1,lineDecorationsWidth:20,lineNumbersMinChars:0,wordWrap:"on",minimap:{enabled:!1}}})})},dn=m.forwardRef(({value:e,onChange:t,label:r,defaultValue:i},s)=>{const[o,u]=m.useState(e),l=()=>{t(o)},d=()=>{u(e)},p=()=>{u(i)};m.useEffect(()=>{u(e)},[e]);const f=o!==e;return c(a.Stack,{spacing:4,sx:{height:"100%"},children:[c(a.Group,{mb:6,position:"apart",sx:{flexShrink:0,flexGrow:0},children:[n(a.Group,{position:"left",children:n(dC,{})}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,size:"xs",variant:"default",leftIcon:n(V.IconPlayerSkipBack,{size:16}),children:"Reset to default"}),n(a.Button,{onClick:d,color:"red",size:"xs",disabled:!f,leftIcon:n(V.IconRecycle,{size:16}),children:"Revert Changes"}),n(a.Button,{size:"xs",onClick:l,disabled:!f,leftIcon:n(V.IconDeviceFloppy,{size:16}),children:"Confirm Changes"})]})]}),n(a.Text,{size:14,children:r}),n(cC,{value:o,onChange:u})]})}),pC=`
+`,s0=()=>{const[e,t]=m.useState(!1);return c(B,{children:[n(a.Button,{variant:"subtle",compact:!0,onClick:()=>t(r=>!r),children:e?"Close":"Click to see expected data structure"}),n(a.Collapse,{in:e,children:n(ot.Prism,{language:"typescript",noCopy:!0,colorScheme:"dark",children:a0})})]})},o0=T.observer(function({config:t}){return c(B,{children:[n(a.TextInput,{label:"Min-width",value:t.min_width,onChange:r=>t.setMinWidth(r.currentTarget.value),placeholder:"200px"}),n(a.Divider,{label:"Fetch options from database",labelPosition:"center"}),n(a.NumberInput,{value:t.default_selection_count,onChange:t.setDefaultSelectionCount,label:"Select first N options by default"}),n(Cr,{value:t.options_query_id,onChange:t.setOptionsQueryID}),n(s0,{})]})}),l0=T.observer(function({filter:t}){const[r,i]=m.useState(t.plainDefaultValue);return m.useEffect(()=>{i(t.plainDefaultValue)},[t]),c(a.Box,{sx:{maxWidth:"480px"},children:[n(a.Text,{pb:"md",color:"gray",children:"Preview"}),n(Gi,{filter:t,value:r,onChange:i}),n(a.Text,{pt:"lg",pb:"md",color:"gray",children:"Config"}),n(ot.Prism,{language:"json",colorScheme:"dark",noCopy:!0,children:JSON.stringify(t,null,4)})]})}),u0={select:r0,"multi-select":n0,"tree-select":o0,"text-input":i0,checkbox:Jx,"date-range":e0},d0=[{label:"Select",value:"select"},{label:"Multi Select",value:"multi-select"},{label:"Tree Select",value:"tree-select"},{label:"Text Input",value:"text-input"},{label:"Checkbox",value:"checkbox"},{label:"Date Range",value:"date-range"}],c0=T.observer(function({filter:t}){const r=R(),i=m.useMemo(()=>u0[t.type],[t.type]);return c(a.Group,{grow:!0,spacing:20,align:"top",children:[c(a.Box,{sx:{maxWidth:"600px"},children:[n(a.Text,{pb:"md",color:"gray",children:"Edit"}),c(a.Stack,{children:[c(a.Group,{noWrap:!0,children:[n(a.NumberInput,{label:"Placement Order",required:!0,value:t.order,onChange:t.setOrder,hideControls:!0,sx:{flexGrow:"1 !important"}}),t.auto_submit_supported&&n(a.Checkbox,{label:"Submit automatically",checked:t.auto_submit,onChange:s=>t.setAutoSubmit(s.currentTarget.checked),mt:22})]}),n(a.MultiSelect,{label:"Visible in...",data:r.views.options,value:[...t.visibleInViewsIDs],onChange:t.setVisibleInViewsIDs}),n(a.TextInput,{label:"Key",placeholder:"A unique key to refer",required:!0,value:t.key,onChange:s=>{t.setKey(s.currentTarget.value)}}),n(a.TextInput,{label:"Label",placeholder:"Label for this field",required:!0,value:t.label,onChange:s=>{t.setLabel(s.currentTarget.value)}}),n(a.Select,{label:"Widget",data:d0,required:!0,value:t.type,onChange:t.setType}),n(i,{config:t.config})]})]}),n(l0,{filter:t})]})}),p0=T.observer(({id:e})=>{const t=Le.useModals(),r=ce(),i=R();if(e==="")return null;const s=i.filters.findByID(e);if(!s)return c(a.Text,{size:14,children:["Filter by ID[",e,"] is not found"]});const o=()=>{r.editor.setPath(["_FILTERS_",""])},u=()=>{t.openConfirmModal({title:"Delete this filter?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>{i.filters.removeByID(e),o()},confirmProps:{color:"red"},zIndex:320})};return c(a.Stack,{sx:{maxWidth:"1100px",height:"100vh"},spacing:"sm",pb:30,children:[n(a.Group,{position:"right",pt:10,children:n(a.Button,{size:"xs",color:"red",leftIcon:n(k.Trash,{size:16}),onClick:u,children:"Delete this filter"})}),n(a.Box,{sx:{flexGrow:1,maxHeight:"calc(100% - 52px)",overflow:"auto"},children:n(c0,{filter:s})})]})}),h0=T.observer(()=>{const e=R(),[t,r]=m.useState(()=>JSON.stringify(e.mock_context.current,null,4)),i=()=>{try{e.mock_context.replace(JSON.parse(t))}catch(o){Vt.showNotification({title:"Failed",message:o.message,color:"red"})}},s=m.useMemo(()=>{try{return JSON.stringify(JSON.parse(t))!==JSON.stringify(e.mock_context.current)}catch{return!1}},[t,e.mock_context.current]);return c(a.Stack,{sx:{border:"1px solid #eee",borderLeft:"none",borderRight:"none",flexGrow:1,maxWidth:"unset"},children:[n(a.Group,{position:"left",pl:"md",py:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef",flexGrow:0},children:n(a.Text,{weight:500,children:"Mock Context"})}),c(a.Group,{grow:!0,px:"md",pb:"md",pt:0,sx:{flexGrow:1,position:"relative",alignItems:"flex-start"},children:[c(a.Stack,{spacing:10,sx:{maxWidth:"unset !important"},children:[n(a.Text,{children:"A valid json string is required"}),n(a.JsonInput,{validationError:"Invalid json",formatOnBlur:!0,autosize:!0,minRows:30,value:t,onChange:r,sx:{flexGrow:1}})]}),n(a.ActionIcon,{mr:5,variant:"filled",color:"blue",sx:{position:"absolute",right:12,top:0},disabled:!s,onClick:i,children:n(k.DeviceFloppy,{size:20})})]})]})}),f0=T.observer(()=>{const{panel:e}=Ce();return n(jn,{label:"Description",value:e.description,onChange:e.setDescription,styles:{root:{flexGrow:1}}})}),g0=T.observer(()=>{const{panel:e}=Ce(),{style:t}=e;return n(B,{children:n(a.Switch,{label:"Border",checked:t.border.enabled,onChange:r=>t.border.setEnabled(r.currentTarget.checked)})})}),m0=T.observer(()=>{const{panel:e}=Ce(),{title:t,setTitle:r}=e,[i,s]=ve.useInputState(t),o=t!==i,u=m.useCallback(()=>{o&&r(i)},[o,i]);return m.useEffect(()=>{s(t)},[t]),n(a.TextInput,{value:i,onChange:s,label:c(a.Group,{children:[n(a.Text,{children:"Panel Title"}),n(a.ActionIcon,{variant:"subtle",color:"blue",disabled:!o,onClick:u,children:n(k.DeviceFloppy,{size:20})})]}),styles:{label:{display:"block",paddingBottom:"4px"}}})});function b0(){return c(a.Stack,{sx:{height:"100%"},children:[n(a.Divider,{label:"Style",labelPosition:"center",variant:"dashed"}),n(g0,{}),n(a.Divider,{label:"Info",labelPosition:"center",variant:"dashed"}),n(m0,{}),n(f0,{})]})}const y0=({queryID:e})=>{const t=R(),{state:r,error:i}=t.getDataStuffByID(e),s=m.useMemo(()=>t.queries.findByID(e),[t,e]);return r==="loading"?null:i?n(a.Text,{color:"red",size:"md",align:"center",sx:{fontFamily:"monospace"},children:i}):s!=null&&s.stateMessage?n(a.Text,{color:"gray",align:"center",children:s.stateMessage}):null},v0={width:"fit-content",minWidth:"100%",tableLayout:"fixed",tr:{width:"fit-content"},th:{position:"relative"},".resizer":{position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",cursor:"col-resize",userSelect:"none",touchAction:"none"},".resizer.isResizing":{color:"#228be6",opacity:"1"},"@media (hover: hover)":{".resizer":{opacity:"0"},"*:hover > .resizer":{color:"#228be6",opacity:"1"}}};function Gs({data:e}){const t=m.useMemo(()=>{if(!Array.isArray(e)||e.length===0)return[];const i=Pe.createColumnHelper();return Object.keys(e[0]).map(s=>i.accessor(s,{cell:o=>o.getValue()}))},[e]),r=Pe.useReactTable({data:e,columns:t,columnResizeMode:"onChange",getCoreRowModel:Pe.getCoreRowModel()});return e.length===0?n(a.Box,{sx:{height:"5em"}}):n(ke,{children:c(a.Table,{sx:v0,children:[n("thead",{children:r.getHeaderGroups().map(i=>n("tr",{children:i.headers.map(s=>c("th",{style:{width:s.getSize()},children:[s.isPlaceholder?null:Pe.flexRender(s.column.columnDef.header,s.getContext()),n(a.ActionIcon,{onMouseDown:s.getResizeHandler(),onTouchStart:s.getResizeHandler(),className:`resizer ${s.column.getIsResizing()?"isResizing":""}`,children:n(k.ArrowBarToRight,{})})]},s.id))},i.id))}),n("tbody",{children:r.getRowModel().rows.map(i=>n("tr",{children:i.getVisibleCells().map(s=>n("td",{children:n(ke,{children:Pe.flexRender(s.column.columnDef.cell,s.getContext())})},s.id))},i.id))})]})})}const qs=T.observer(function({id:t}){const r=R(),{data:i,state:s}=r.getDataStuffByID(t),o=s==="loading",u=()=>{r.queries.refetchDataByQueryID(t)},l=()=>{r.queries.downloadDataByQueryID(t)},d=m.useMemo(()=>Array.isArray(i)?i.slice(0,10):[],[i]),p=!Array.isArray(i)||i.length===0;return c(a.Stack,{sx:{border:"1px solid #eee"},children:[c(a.Group,{position:"apart",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef"},children:[c(a.Group,{position:"left",children:[n(a.Text,{weight:500,children:"Preview Data"}),i.length>10&&c(a.Text,{size:"sm",color:"gray",children:["Showing 10 rows of ",i.length]})]}),c(a.Group,{pr:15,children:[n(a.ActionIcon,{variant:"subtle",color:"blue",disabled:o,onClick:u,children:n(k.Refresh,{size:15})}),n(a.ActionIcon,{variant:"subtle",color:"blue",disabled:o||p,onClick:l,children:n(k.Download,{size:15})})]})]}),c(a.Box,{sx:{position:"relative",overflow:"auto"},children:[n(a.LoadingOverlay,{visible:o}),n(y0,{queryID:t}),n(Gs,{data:d})]})]})}),x0=T.observer(function(){const t=ce(),r=R(),{panel:{queryID:i,setQueryID:s}}=Ce(),o=()=>{t.editor.setPath(["_QUERIES_",i])};return c(a.Stack,{children:[c(a.Group,{position:"left",sx:{maxWidth:"600px",alignItems:"baseline"},children:[n(a.Text,{children:"Use query"}),n(a.Select,{data:r.queries.options,value:i,onChange:s,allowDeselect:!1,clearable:!1,sx:{flexGrow:"1 !important"},maxDropdownHeight:300,rightSection:i&&n(a.Tooltip,{label:"Open this query",children:n(a.ActionIcon,{variant:"subtle",color:"blue",onClick:o,children:n(O.IconArrowCurveRight,{size:16})})})})]}),n(qs,{id:i})]})}),C0=T.observer(({height:e})=>{const t=R(),{data:r,loading:i,error:s,panel:{viz:o,queryID:u}}=Ce(),l=t.queries.findByID(u);return n(Ja,{viz:o,data:r,loading:i,error:s,query:l,height:e})}),w0=T.observer(()=>{const{panel:{title:e,style:{border:t}}}=Ce();return n(ke,{children:n(a.Box,{sx:{height:"100%",flexGrow:0,flexShrink:0,width:"600px"},children:c(a.Stack,{mt:24,spacing:5,sx:{width:"600px",height:"450px",background:"transparent",borderRadius:"5px",border:"1px solid #e9ecef",borderWidth:t.enabled?"1px":"0px"},children:[c(a.Group,{position:"apart",noWrap:!0,sx:{flexGrow:0,flexShrink:0},children:[n(a.Group,{children:n(Fi,{})}),n(a.Group,{grow:!0,position:"center",children:n(a.Text,{lineClamp:1,weight:"bold",children:e})}),n(a.Group,{position:"right",spacing:0,sx:{height:"28px"}})]}),n(a.Group,{px:5,pb:5,sx:{flexGrow:1},children:n(C0,{height:"410px"})})]})})})}),wr={name:"new_var",size:"1rem",weight:"initial",color:{type:"static",staticColor:"Red"},data_field:"",aggregation:{type:"sum",config:{}},formatter:{output:"number",mantissa:0,trimMantissa:!1,average:!1}};class _0{constructor(t){P(this,"panel");P(this,"selected");this.panel=t,se.makeAutoObservable(this,{},{deep:!1,autoBind:!0})}get variables(){return this.panel.variables}addNew(){const t=this.panel.variables.filter(r=>r.name.startsWith(wr.name)).length;this.panel.addVariable(v.cloneDeep({...wr,name:`${wr.name}${t||""}`})),this.selected=v.last(this.panel.variables)}select(t){this.selected=t}remove(t){this.selected===t&&(this.selected=void 0);const r=this.panel.variables.indexOf(t);if(this.panel.removeVariable(t),!this.selected&&!v.isEmpty(this.panel.variables)){const i=Math.min(this.panel.variables.length-1,r);this.selected=this.panel.variables[i]}}}function S0(){const{panel:e}=Ce();return Z.useCreation(()=>new _0(e),[e])}const T0=m.forwardRef(function({value:t,onChange:r,data:i,withStyle:s=!0},o){const u=(l,d)=>{const p=v.cloneDeep(t);v.set(p,l,d),r(p)};return c(a.Box,{px:"sm",py:"md",ref:o,children:[c(a.Group,{grow:!0,noWrap:!0,children:[n(a.TextInput,{label:"Name",required:!0,value:t.name,onChange:l=>u("name",l.currentTarget.value)}),n(W,{label:"Data Field",required:!0,data:i,value:t.data_field,onChange:l=>u("data_field",l)})]}),n(jt,{label:"Aggregation",value:t.aggregation,onChange:l=>u("aggregation",l)}),n(a.Divider,{my:"xs",label:"Format",labelPosition:"center"}),n(Oe,{value:t.formatter,onChange:l=>u("formatter",l)}),s&&n(sa,{value:t,onChange:r})]})}),Fs=a.createStyles(e=>({root:{height:"100%",overflow:"hidden",".var-list-container":{"& > *":{height:"100%"},width:250,height:"100%"},".var-list-actions":{height:"fit-content",flexShrink:0,width:"100%"},".var-list":{flex:"1 1 auto",overflow:"auto",minHeight:0,"& > *":{flex:"0 0 auto"}}},config:{height:"100%",overflow:"auto",paddingRight:10}})),k0=e=>{const{uiModel:t}=e;return n(a.Stack,{className:"var-list",children:t.variables.map(r=>n(a.Button,{variant:t.selected===r?"filled":"subtle",color:"gray",onClick:()=>t.select(r),children:r.name},r.name))})},D0=T.observer(k0),I0=({variable:e,data:t})=>n(a.Group,{style:{minHeight:0,height:"calc(100% - 68px)"},children:n(a.Paper,{withBorder:!0,p:"md",children:oa(e,t)})}),M0=T.observer(I0),A0=e=>{const t=Z.useCreation(()=>ox(e.variable),[e.variable]),{classes:r}=Fs(),{data:i}=Ce();return c(a.Group,{style:{height:"100%"},align:"start",children:[c(a.Stack,{"data-testid":"variable-editor",align:"stretch",className:r.config,children:[c(a.Group,{position:"right",children:[n(a.ActionIcon,{variant:"filled",disabled:!t.changed,color:"primary",onClick:t.commit,children:n(O.IconDeviceFloppy,{size:18})}),n(a.ActionIcon,{color:"red",onClick:()=>e.uiModel.remove(e.variable),children:n(O.IconTrash,{size:18})})]}),n(T0,{value:y.getSnapshot(t.copy),onChange:t.update,data:i})]}),n(M0,{variable:y.getSnapshot(t.copy),data:i})]})},$0=T.observer(A0),z0=()=>{const e=S0(),{classes:t}=Fs();return c(a.Group,{className:t.root,noWrap:!0,align:"start",children:[n(a.Paper,{withBorder:!0,p:"md",className:"var-list-container",children:c(a.Stack,{justify:"space-between",children:[n(a.Box,{className:"var-list-actions",children:n(a.Button,{variant:"light",size:"sm",onClick:e.addNew,fullWidth:!0,children:"Add Variable"})}),n(D0,{uiModel:e})]})}),e.selected?n(B,{children:n($0,{uiModel:e,variable:e.selected})}):n("span",{children:"Select or create a new variable on right side"})]})},E0=T.observer(z0);function L0(){const{vizManager:e}=m.useContext(qe);return m.useMemo(()=>{const t=e.availableVizList.map(r=>({value:r.name,label:r.displayName??r.name,group:r.displayGroup??""}));return v.orderBy(t,[r=>r.group,r=>r.label],["asc","asc"])},[e])}const P0=T.observer(({value:e,submit:t})=>{const[r,i]=ve.useInputState(e);m.useEffect(()=>{i(e)},[e]);const s=L0(),o=e!==r;return n(a.Select,{label:"Visualization",value:r,searchable:!0,onChange:i,data:s,rightSection:n(a.ActionIcon,{disabled:!o,onClick:()=>t(r),children:n(k.DeviceFloppy,{size:20})}),maxDropdownHeight:600})}),Ws=[];function O0(e,t){try{return e.resolveComponent(t).createConfig()}catch{return null}}function V0(){const{data:e,panel:{variables:t,viz:r,title:i,queryID:s,description:o,setDescription:u,setTitle:l,setQueryID:d,id:p}}=Ce(),{vizManager:f}=m.useContext(qe),g={title:i,description:o,viz:r,queryID:s,id:p},h={setDescription:u,setQueryID:d,setTitle:l},b=Xa(g);try{return f.resolveComponent(g.viz.type),n(Gt,{configure:b,children:n(Wy,{variables:t,setVizConf:r.setConf,panel:g,panelInfoEditor:h,vizManager:f,data:e})})}catch(w){return console.info(v.get(w,"message")),null}}const B0=T.observer(()=>{const{data:e,panel:{viz:t}}=Ce(),{vizManager:r}=m.useContext(qe),i=m.useCallback(p=>{if(p===t.type)return;const f=O0(r,p);t.setType(p),t.setConf(f||{})},[t.type]),s=p=>{try{t.setConf(JSON.parse(p))}catch(f){console.error(f)}},o=m.useMemo(()=>{var p;return(p=Ws.find(f=>f.value===t.type))==null?void 0:p.Panel},[t.type,Ws]),u=V0(),l=o?m.createElement(o,{data:e,conf:t.conf,setConf:t.setConf}):null,d=u||l;return c(a.Stack,{align:"stretch",sx:{height:"100%",overflow:"hidden"},children:[n(P0,{submit:i,value:t.type}),c(ke,{children:[n(a.Stack,{pb:10,sx:{flexGrow:1,maxHeight:"100%",overflow:"auto"},children:d}),!d&&n(a.JsonInput,{minRows:20,label:"Config",value:JSON.stringify(t.conf,null,2),onChange:s})]})]})}),N0=T.observer(({panel:e,sourceViewID:t})=>{const r=R(),[i,s]=m.useState(t);m.useEffect(()=>{s(t)},[t]);const[o,{open:u,close:l}]=ve.useDisclosure(!1),d=()=>{e.moveToView(t,i),l()};return c(B,{children:[n(a.Button,{size:"xs",variant:"subtle",color:"blue",onClick:u,leftIcon:n(O.IconBoxMultiple,{size:14}),children:"Move into Another View"}),n(a.Modal,{opened:o,onClose:l,title:"Move panel into another view",zIndex:320,overflow:"inside",children:c(a.Stack,{sx:{maxHeight:"calc(100vh - 185px)",overflow:"hidden"},children:[n(a.Radio.Group,{value:i,onChange:s,pb:10,sx:{flexGrow:1,maxHeight:"calc(100vh - 185px - 30px)",overflow:"auto"},children:n(a.Stack,{spacing:"xs",children:r.views.options.map(p=>n(a.Radio,{value:p.value,label:p.label},p.value))})}),c(a.Group,{noWrap:!0,position:"apart",sx:{flexGrow:0,flexShrink:0},children:[n(a.Button,{size:"xs",color:"red",leftIcon:n(O.IconX,{size:14}),onClick:l,children:"Cancel"}),n(a.Button,{size:"xs",color:"blue",leftIcon:n(O.IconDeviceFloppy,{size:14}),onClick:d,disabled:i===t,children:"Confirm"})]})]})})]})}),G0={root:{flexGrow:1,width:"100%",overflow:"hidden"},panel:{width:"100%",height:"calc(100% - 44px)",padding:10,overflow:"scroll"}},js=({children:e})=>c(a.Group,{noWrap:!0,grow:!0,position:"left",spacing:20,sx:{width:"100%",height:"100%"},children:[n(a.Box,{sx:{maxWidth:"calc(100% - 610px - 10px)",height:"100%",overflow:"auto"},children:e}),n(w0,{})]});function q0(e){return!["richText","button"].includes(e)}const F0=T.observer(({panel:e})=>{const t=Le.useModals(),r=ce(),i=R(),[s,o]=m.useState("Data"),{data:u,state:l,error:d}=i.getDataStuffByID(e.queryID),p=i.queries.findByID(e.queryID),g=q0(e.viz.type)&&l==="loading",h=g||d||!p||!!p.stateMessage,b=r.editor.path[1];m.useEffect(()=>{o(S=>h&&S==="Visualization"?"Data":S)},[e.id,h]);const w=()=>{r.editor.setPath(["_VIEWS_",b])},C=()=>t.openConfirmModal({title:"Delete this panel?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>{i.removePanelByID(e.id,b),w()},confirmProps:{color:"red"},zIndex:320});return c(Cn,{value:{panel:e,data:u,loading:g,error:d},children:[c(a.Group,{px:16,position:"apart",sx:{borderBottom:"1px solid #eee"},children:[c(a.Text,{pt:9,pb:8,children:[e.title?e.title:e.viz.type," "]}),c(a.Group,{position:"right",noWrap:!0,children:[n(N0,{panel:e,sourceViewID:b}),n(a.Button,{size:"xs",variant:"subtle",color:"red",onClick:C,leftIcon:n(O.IconTrash,{size:14}),children:"Delete This Panel"})]})]}),c(a.Tabs,{value:s,onTabChange:o,keepMounted:!1,styles:G0,children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"Data",disabled:g,children:"Data"}),n(a.Tabs.Tab,{value:"Panel",children:"Panel"}),n(a.Tabs.Tab,{value:"Variables",disabled:h,children:n(a.Tooltip,{label:"Requires data",disabled:!h,withinPortal:!0,zIndex:310,children:n(a.Text,{children:"Variables"})})}),n(a.Tabs.Tab,{value:"Visualization",disabled:h,children:n(a.Tooltip,{label:"Requires data",disabled:!h,withinPortal:!0,zIndex:310,children:n(a.Text,{children:"Visualization"})})}),n(a.Tabs.Tab,{value:"Interactions",children:"Interactions"})]}),c(a.Tabs.Panel,{value:"Data",children:[n(a.LoadingOverlay,{visible:g,exitTransitionDuration:0}),n(x0,{})]}),n(a.Tabs.Panel,{value:"Panel",children:n(js,{children:n(b0,{})})}),n(a.Tabs.Panel,{value:"Variables",children:n(E0,{})}),n(a.Tabs.Panel,{value:"Visualization",children:n(ke,{children:n(js,{children:n(B0,{})})})}),n(a.Tabs.Panel,{value:"Interactions",children:n(ke,{children:n(qy,{})})})]})]})}),W0=T.observer(({viewID:e,panelID:t})=>{const r=R();if(!r.views.findByID(e))return c(a.Text,{size:14,children:["View by ID[",e,"] is not found"]});const s=r.panels.findByID(t);return s?n(F0,{panel:s}):c(a.Text,{size:14,children:["Panel by ID[",t,"] is not found"]})}),Rs=({width:e="calc(100% - 32px)",lastWidth:t="50%",height:r,count:i,spacing:s=16,pl:o=0})=>c(a.Stack,{spacing:s,mt:6,pl:o,children:[Array.from(new Array(i-1),(u,l)=>n(a.Skeleton,{width:e,height:r,radius:"xs"},l)),n(a.Skeleton,{width:t,height:r,radius:"xs"})]}),At=({value:e})=>e===null||e===""?null:n(a.Tooltip,{label:e,disabled:!e,multiline:!0,children:n(a.ActionIcon,{children:n(O.IconInfoCircle,{size:14})})}),j0=({column:e})=>{const{column_key:t,column_key_text:r}=e;return t?n(a.Tooltip,{label:r,disabled:!r,children:n(a.Badge,{children:t})}):null},R0=T.observer(({dataSource:e})=>{const{columns:t}=e;return t.loading?n(Rs,{height:"24px",width:"100%",lastWidth:"100%",count:20,pl:6}):t.empty?null:c(a.Table,{highlightOnHover:!0,fontSize:14,sx:{width:"auto",minWidth:"1000px",alignSelf:"flex-start",flexGrow:0,tableLayout:"fixed",tbody:{fontFamily:"monospace"}},children:[c("colgroup",{children:[n("col",{style:{width:50}}),n("col",{style:{minWidth:300}}),n("col",{style:{width:30}}),n("col",{style:{width:70}}),n("col",{style:{minWidth:300}}),n("col",{style:{minWidth:80,width:80}}),n("col",{style:{minWidth:120,width:120}})]}),n("thead",{children:c("tr",{children:[n("th",{children:"#"}),n("th",{children:"Column Name"}),n("th",{}),n("th",{}),n("th",{children:"Type"}),n("th",{children:"Nullable"}),n("th",{children:"Default Value"})]})}),n("tbody",{children:t.data.map(r=>c("tr",{children:[n("td",{children:r.ordinal_position}),n("td",{children:r.column_name}),n("td",{children:n(At,{value:r.column_comment})}),n("td",{children:n(j0,{column:r})}),n("td",{children:r.column_type}),n("td",{children:r.is_nullable}),n("td",{children:n(At,{value:r.column_default})})]},r.column_name))})]})}),Y0=T.observer(({dataSource:e})=>{const{indexes:t}=e,r=t.data;return c(a.Table,{highlightOnHover:!0,fontSize:14,sx:{width:"auto",minWidth:"950px",alignSelf:"flex-start",flexGrow:0,tableLayout:"fixed",tbody:{fontFamily:"monospace"}},children:[c("colgroup",{children:[n("col",{style:{width:100}}),n("col",{style:{minWidth:300}}),n("col",{style:{width:150}}),n("col",{style:{width:150}}),n("col",{style:{width:250}})]}),n("thead",{children:c("tr",{children:[n("th",{children:"Index Length"}),n("th",{children:"Index Name"}),n("th",{children:"Index Algorithm"}),n("th",{children:"Unique"}),n("th",{children:"Column Name"})]})}),n("tbody",{children:r.map(i=>c("tr",{children:[n("td",{children:i.index_length}),n("td",{children:i.index_name}),n("td",{children:i.index_algorithm}),n("td",{children:i.is_unique?"YES":"NO"}),n("td",{children:i.column_name})]},i.index_name))})]})}),Q0=T.observer(({dataSource:e})=>{const{indexes:t}=e,r=t.data;return c(a.Table,{highlightOnHover:!0,fontSize:14,sx:{width:"auto",minWidth:"850px",alignSelf:"flex-start",flexGrow:0,tableLayout:"fixed",tbody:{fontFamily:"monospace"}},children:[c("colgroup",{children:[n("col",{style:{minWidth:300}}),n("col",{style:{width:150}}),n("col",{style:{width:100}}),n("col",{style:{width:100}}),n("col",{style:{width:100}}),n("col",{style:{width:100}})]}),n("thead",{children:c("tr",{children:[n("th",{children:"Index Name"}),n("th",{children:"Index Algorithm"}),n("th",{children:"Unique"}),n("th",{children:"Definition"}),n("th",{children:"Condition"}),n("th",{children:"Comment"})]})}),n("tbody",{children:r.map(i=>c("tr",{children:[n("td",{children:i.index_name}),n("td",{children:i.index_algorithm}),n("td",{children:i.is_unique?"YES":"NO"}),n("td",{children:n(At,{value:i.index_definition})}),n("td",{children:n(At,{value:i.condition})}),n("td",{children:n(At,{value:i.comment})})]},i.index_name))})]})}),U0=T.observer(({dataSource:e})=>{const{indexes:t}=e;return t.loading||t.empty?null:e.type===pe.MySQL?n(Y0,{dataSource:e}):e.type===pe.Postgresql?n(Q0,{dataSource:e}):null}),X0=T.observer(({dataSource:e})=>c(a.Stack,{spacing:40,pt:10,sx:{flexGrow:1,overflow:"auto",position:"relative"},children:[n(ke,{children:n(R0,{dataSource:e})}),n(ke,{children:n(U0,{dataSource:e})})]}));function Z0({table_type:e}){return e==="VIEW"?n(O.IconEye,{size:14}):e==="BASE TABLE"?n(O.IconTable,{size:14}):null}const K0=T.observer(({dataSource:e})=>{const{tables:t}=e;return t.loading?n(Rs,{height:"24px",lastWidth:"50%",count:15}):n(a.Box,{h:"100%",sx:{overflow:"auto",".mantine-NavLink-label":{fontFamily:"monospace"}},children:Object.entries(t.data).map(([r,i])=>n(a.NavLink,{label:r,icon:n(O.IconDatabase,{size:14}),defaultOpened:e.table_schema===r,pl:0,childrenOffset:14,children:i.map(s=>n(a.NavLink,{label:s.table_name,icon:n(Z0,{table_type:s.table_type}),onClick:()=>{e.setKeywords(r,s.table_name)},active:e.table_name===s.table_name},s.table_name))},r))})}),J0=({visible:e})=>n(a.Box,{py:10,sx:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:n(a.LoadingOverlay,{visible:e})}),H0=[{label:"10",value:"10"},{label:"20",value:"20"},{label:"50",value:"50"},{label:"100",value:"100"}],eC={icon:{width:"50px",textAlign:"center"},input:{"&.mantine-Input-withIcon":{paddingLeft:"50px"}}},tC=T.observer(({dataSource:e})=>{const{tableData:t}=e;return c(a.Group,{pt:10,px:10,position:"apart",children:[c(a.Group,{position:"left",children:[t.maxPage>1&&n(a.Pagination,{size:"sm",page:t.page,onChange:t.setPage,total:t.maxPage,withEdges:t.maxPage>7,styles:{item:{height:"30px"}}}),n(a.Select,{icon:n(a.Text,{ta:"center",color:"dimmed",size:14,children:"Limit"}),size:"xs",styles:eC,data:H0,value:String(t.limit),onChange:r=>t.setLimit(Number(r))})]}),n(a.Group,{position:"right",children:c(a.Text,{color:"dimmed",my:0,size:14,children:["Total ",t.total," rows"]})})]})}),nC=T.observer(({dataSource:e})=>{const t=e.tableData;return t.maxPage===0?n(a.Text,{mt:20,color:"red",size:"md",align:"center",sx:{fontFamily:"monospace"},children:"This table is empty"}):t.error?n(a.Text,{mt:20,color:"red",size:"md",align:"center",sx:{fontFamily:"monospace"},children:t.error}):t.page===1&&t.loading?n(J0,{visible:!0}):c(ke,{children:[n(tC,{dataSource:e}),c(a.Box,{py:10,sx:{width:"100%",height:"calc(100% - 42px)",overflow:"auto",position:"relative"},children:[n(a.LoadingOverlay,{visible:t.loading,overlayBlur:2}),n(Gs,{data:t.data})]})]})}),rC={root:{flexGrow:1,overflow:"auto",borderLeft:"1px solid #efefef"},tabsList:{borderBottom:"1px solid #efefef"},tab:{minWidth:120}},iC=T.observer(({dataSource:e})=>(m.useEffect(()=>{e.loadTablesIfEmpty()},[e]),e.tables.error?n(a.Text,{color:"red",size:"md",align:"center",sx:{fontFamily:"monospace"},children:e.tables.error}):c(a.Flex,{sx:{height:"100%"},children:[n(a.Box,{w:300,sx:{flexGrow:0,flexShrink:0,position:"relative"},children:n(ke,{children:n(K0,{dataSource:e})})}),c(a.Tabs,{defaultValue:"structure",styles:rC,children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"structure",icon:n(O.IconColumns,{size:14}),children:"Structure"}),n(a.Tabs.Tab,{value:"data",icon:n(O.IconDatabase,{size:14}),children:"Data"})]}),n(a.Tabs.Panel,{value:"structure",children:n(X0,{dataSource:e})}),n(a.Tabs.Panel,{value:"data",sx:{width:"100%",height:"calc(100% - 36px)",overflow:"hidden"},children:n(nC,{dataSource:e})})]})]}))),aC={modal:{paddingLeft:"0px !important",paddingRight:"0px !important"},header:{marginBottom:0,padding:"0 20px 10px",borderBottom:"1px solid #efefef"},title:{flexGrow:1},body:{padding:"0 0 0 20px"}},Ys=T.observer(({dataSource:e,triggerButtonProps:t={}})=>{const[r,i]=m.useState(!1);return e.type==="http"?null:c(B,{children:[n(a.Modal,{opened:r,onClose:()=>i(!1),title:c(a.Group,{position:"apart",sx:{flexGrow:1},children:[n(a.Text,{fw:500,children:"Explorer Data Source"}),c(a.Group,{spacing:7,children:[n(a.Badge,{variant:"gradient",gradient:{from:"indigo",to:"cyan"},children:e.key}),n(a.Badge,{variant:"gradient",gradient:{from:"orange",to:"red"},children:e.type})]})]}),zIndex:320,size:"96vw",overflow:"inside",styles:aC,children:n(a.Box,{sx:{height:"calc(100vh - 220px)"},children:n(iC,{dataSource:e})})}),n(a.Button,{variant:"subtle",onClick:()=>i(!0),px:16,styles:{inner:{justifyContent:"flex-start"}},...t,children:"See Table Structure"})]})}),sC=m.forwardRef(({label:e,type:t,...r},i)=>c(a.Group,{position:"apart",ref:i,...r,children:[n(a.Text,{children:e}),n(a.Text,{children:t})]})),oC=T.observer(({value:e,onChange:t})=>{const r=ce(),{data:i=[],loading:s}=Z.useRequest(hr,{refreshDeps:[]},[]),o=m.useMemo(()=>i.map(p=>({label:p.key,value:p.key,type:p.type})),[i]),u=m.useMemo(()=>o.reduce((p,f)=>(p[f.value]=f.type,p),{}),[o]),l=p=>{p!==null&&t({key:p,type:u[p]})},d=m.useMemo(()=>r.datasources.find(e),[r,e]);return n(a.Select,{data:o,label:c(a.Group,{position:"apart",children:[n(a.Box,{children:"Data Source"}),d&&n(Ys,{dataSource:d,triggerButtonProps:{compact:!0,size:"xs",px:10}})]}),itemComponent:sC,rightSection:d?n(a.Text,{size:"xs",color:"dimmed",children:d.type}):void 0,rightSectionWidth:85,maxDropdownHeight:280,styles:{root:{flex:1},label:{display:"block"},rightSection:{pointerEvents:"none",justifyContent:"flex-end",paddingRight:"10px",".mantine-Text-root":{userSelect:"none"}}},disabled:s,value:e.key,onChange:l})}),lC=e=>{const{queryModel:t}=e,r=ce(),i=R(),o=i.findQueryUsage(t.id).length>0,u=Le.useModals(),l=()=>{u.openConfirmModal({title:"Delete this query?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>{i.queries.removeQuery(t.id),r.editor.setPath(["_QUERIES_",""])},confirmProps:{color:"red"},zIndex:320})};return o?n(a.Tooltip,{label:"Can't delete this query for it's being used, check out Usage tab for details",withArrow:!0,events:{hover:!0,focus:!1,touch:!1},withinPortal:!0,children:n(a.Button,{color:"gray",size:"xs",leftIcon:n(O.IconTrash,{size:16}),sx:{alignSelf:"flex-end"},children:"Delete this Query"})}):n(a.Button,{color:"red",size:"xs",onClick:l,leftIcon:n(O.IconTrash,{size:16}),sx:{alignSelf:"flex-end"},children:"Delete this Query"})},uC=T.observer(lC),dC=T.observer(({queryModel:e})=>n(a.Center,{ml:20,mt:20,sx:{maxWidth:"600px"},children:c(a.Stack,{spacing:10,sx:{width:"100%"},children:[n(a.Divider,{mb:-10,variant:"dashed",label:"Basics",labelPosition:"center"}),n(a.TextInput,{placeholder:"A unique name",label:"Name",required:!0,sx:{flex:1},value:e.name,onChange:t=>{e.setName(t.currentTarget.value)}}),n(oC,{value:{type:e.type,key:e.key},onChange:({type:t,key:r})=>{e.setKey(r),e.setType(t)}}),n(a.Divider,{mt:10,mb:-10,variant:"dashed",label:"Conditions",labelPosition:"center"}),n(a.MultiSelect,{label:"Run query when these are truthy",placeholder:"Always run this query on load",data:e.conditionOptions,value:[...e.run_by],onChange:e.setRunBy}),e.typedAsHTTP&&n(a.MultiSelect,{label:"Re-run query when these changed",placeholder:"Leave it empty to never re-run this query",data:e.conditionOptions,value:[...e.react_to],onChange:e.setReactTo}),n(a.Divider,{mt:20,mb:10,variant:"dashed"}),n(uC,{queryModel:e})]})}));function cC(){const[e,{open:t,close:r}]=ve.useDisclosure(!1);return c(B,{children:[n(a.Modal,{opened:e,onClose:r,title:"About FunctionUtils",zIndex:320,children:n(qt,{value:Vv,styles:{root:{border:"none"},content:{padding:0,table:{marginBottom:0}}}})}),n(a.Button,{variant:"light",color:"violet",size:"xs",onClick:t,leftIcon:n(O.IconInfoCircle,{size:16}),children:"About parameter 'utils'"})]})}const pC=({value:e,onChange:t})=>{const r=i=>{i&&t(i)};return n(a.Box,{sx:{position:"relative",flexGrow:1},children:n(_e,{className:"function-editor",height:"100%",defaultLanguage:"javascript",value:e,onChange:r,theme:"vs-dark",options:{lineNumbers:"off",folding:!1,lineDecorationsWidth:20,lineNumbersMinChars:0,wordWrap:"on",minimap:{enabled:!1}}})})},dn=m.forwardRef(({value:e,onChange:t,label:r,defaultValue:i},s)=>{const[o,u]=m.useState(e),l=()=>{t(o)},d=()=>{u(e)},p=()=>{u(i)};m.useEffect(()=>{u(e)},[e]);const f=o!==e;return c(a.Stack,{spacing:4,sx:{height:"100%"},children:[c(a.Group,{mb:6,position:"apart",sx:{flexShrink:0,flexGrow:0},children:[n(a.Group,{position:"left",children:n(cC,{})}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,size:"xs",variant:"default",leftIcon:n(O.IconPlayerSkipBack,{size:16}),children:"Reset to default"}),n(a.Button,{onClick:d,color:"red",size:"xs",disabled:!f,leftIcon:n(O.IconRecycle,{size:16}),children:"Revert Changes"}),n(a.Button,{size:"xs",onClick:l,disabled:!f,leftIcon:n(O.IconDeviceFloppy,{size:16}),children:"Confirm Changes"})]})]}),n(a.Text,{size:14,children:r}),n(pC,{value:o,onChange:u})]})}),hC=`
 -- You may reference global variables in SQL or VizConfig.
 SELECT *
 FROM commit
@@ -489,8 +489,8 @@ WHERE
   -- SQL snippets
   AND \${sql_snippets.author_email_condition}
   \${sql_snippets.order_by_clause}
-`,Rs=T.observer(function({showSQLSnippets:t=!0,sx:r={}}){const i=ce(),s=Y(),o=i.context.current,u=(()=>{const l={context:{...s.mock_context.current,...o},filters:s.filters.previewValues};return t&&(l.sql_snippets=s.sqlSnippets.record),JSON.stringify(l,null,2)})();return n(a.Stack,{sx:{overflow:"hidden",...r},children:c(a.Stack,{sx:{width:"100%"},children:[n(a.Text,{weight:500,sx:{flexGrow:0},children:"Guide"}),n(ot.Prism,{language:"sql",sx:{width:"100%"},noCopy:!0,colorScheme:"dark",children:pC}),n(a.Text,{weight:500,sx:{flexGrow:0},children:"Current Values"}),n(ot.Prism,{language:"json",sx:{width:"100%"},noCopy:!0,colorScheme:"dark",children:u})]})})}),_r=T.observer(()=>{const[e,t]=m.useState(!1);return c(B,{children:[n(a.Modal,{opened:e,onClose:()=>t(!1),title:"Global Variables",zIndex:320,size:"800px",children:n(Rs,{})}),n(a.Button,{variant:"subtle",onClick:()=>t(!0),px:16,styles:{inner:{justifyContent:"flex-start"}},children:"See Global Variables"})]})}),Qs={pre:["function build_request({ context, filters }, utils) {","    // build the quest","    return { method: 'POST', url: '/', params: {}, headers: {}, data: {} }","}"].join(`
+`,Qs=T.observer(function({showSQLSnippets:t=!0,sx:r={}}){const i=ce(),s=R(),o=i.context.current,u=(()=>{const l={context:{...s.mock_context.current,...o},filters:s.filters.previewValues};return t&&(l.sql_snippets=s.sqlSnippets.record),JSON.stringify(l,null,2)})();return n(a.Stack,{sx:{overflow:"hidden",...r},children:c(a.Stack,{sx:{width:"100%"},children:[n(a.Text,{weight:500,sx:{flexGrow:0},children:"Guide"}),n(ot.Prism,{language:"sql",sx:{width:"100%"},noCopy:!0,colorScheme:"dark",children:hC}),n(a.Text,{weight:500,sx:{flexGrow:0},children:"Current Values"}),n(ot.Prism,{language:"json",sx:{width:"100%"},noCopy:!0,colorScheme:"dark",children:u})]})})}),_r=T.observer(()=>{const[e,t]=m.useState(!1);return c(B,{children:[n(a.Modal,{opened:e,onClose:()=>t(!1),title:"Global Variables",zIndex:320,size:"800px",children:n(Qs,{})}),n(a.Button,{variant:"subtle",onClick:()=>t(!0),px:16,styles:{inner:{justifyContent:"flex-start"}},children:"See Global Variables"})]})}),Us={pre:["function build_request({ context, filters }, utils) {","    // build the quest","    return { method: 'POST', url: '/', params: {}, headers: {}, data: {} }","}"].join(`
 `),post:["function process_result(res, utils) {","    // your code goes here","    return data","}"].join(`
-`)},hC=T.observer(({queryModel:e})=>e.typedAsHTTP?c(a.Tabs,{defaultValue:"pre_process",orientation:"vertical",sx:{flexGrow:1},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"pre_process",children:"Build Request"}),n(a.Tabs.Tab,{value:"post_process",children:"Process Result"}),n(_r,{})]}),n(a.Tabs.Panel,{value:"pre_process",sx:{position:"relative"},p:"sm",children:n(dn,{label:"",value:e.pre_process,onChange:e.setPreProcess,defaultValue:Qs.pre})}),n(a.Tabs.Panel,{value:"post_process",p:"sm",children:n(dn,{label:"",value:e.post_process,onChange:e.setPostProcess,defaultValue:Qs.post})})]}):null),fC=T.observer(({queryID:e,usage:t})=>{const r=ce().editor,i=o=>{if(o.type==="filter"){r.setPath(["_FILTERS_",o.id]);return}if(o.type==="panel"){const u=o.views[0].id;r.setPath(["_VIEWS_",u,"_PANELS_",o.id]);return}},s=o=>{r.setPath(["_VIEWS_",o])};return n(a.Stack,{py:"sm",px:"md",children:c(a.Table,{highlightOnHover:!0,sx:{tableLayout:"fixed"},children:[n("thead",{children:c("tr",{children:[n("th",{style:{width:100},children:"Type"}),n("th",{style:{width:"calc(50% - 50px)"},children:"Name"}),n("th",{children:"In View(s)"})]})}),n("tbody",{children:t.map(o=>c("tr",{children:[n("td",{children:v.capitalize(o.type)}),n("td",{children:n(a.Anchor,{component:"button",type:"button",onClick:()=>i(o),children:o.label})}),n("td",{children:c(a.Stack,{align:"flex-start",justify:"flex-start",spacing:2,children:[o.views.map(u=>n(a.Anchor,{component:"button",type:"button",onClick:()=>s(u.id),children:n(a.Box,{children:u.label})})),o.views.length===0&&n(a.Box,{children:"--"})]})})]},o.id))})]})})}),Sr=({value:e,onChange:t,height:r="200px",defaultLanguage:i="sql"})=>{const s=u=>{console.log("changing"),t==null||t(u??"")},o=!t;return n(_e,{className:"minimal-monaco-editor",height:r,defaultLanguage:i,value:e,onChange:o?void 0:s,theme:"vs-dark",options:{lineNumbers:"off",folding:!1,lineDecorationsWidth:20,lineNumbersMinChars:0,wordWrap:"on",minimap:{enabled:!1},readOnly:o||!t}})},gC=({value:e,height:t="200px",defaultLanguage:r="sql"})=>n(_e,{className:"preview-sql-in-monaco-editor",height:t,defaultLanguage:r,value:e,onChange:void 0,theme:"vs-light",options:{lineNumbers:"on",folding:!0,lineDecorationsWidth:20,wordWrap:"on",minimap:{enabled:!1},readOnly:!0}}),mC=T.observer(({value:e})=>{const r=Y().payloadForSQL,i=m.useMemo(()=>{const{context:s,mock_context:o,sqlSnippets:u,filterValues:l}=r;return bs(e,s,o,u,l)},[e,r]);return n(gC,{height:"100%",value:i})}),Us={pre:["function process_request({ context, filters, sql }, utils) {","    // modify and return sql","    return sql","}"].join(`
+`)},fC=T.observer(({queryModel:e})=>e.typedAsHTTP?c(a.Tabs,{defaultValue:"pre_process",orientation:"vertical",sx:{flexGrow:1},children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"pre_process",children:"Build Request"}),n(a.Tabs.Tab,{value:"post_process",children:"Process Result"}),n(_r,{})]}),n(a.Tabs.Panel,{value:"pre_process",sx:{position:"relative"},p:"sm",children:n(dn,{label:"",value:e.pre_process,onChange:e.setPreProcess,defaultValue:Us.pre})}),n(a.Tabs.Panel,{value:"post_process",p:"sm",children:n(dn,{label:"",value:e.post_process,onChange:e.setPostProcess,defaultValue:Us.post})})]}):null),gC=T.observer(({queryID:e,usage:t})=>{const r=ce().editor,i=o=>{if(o.type==="filter"){r.setPath(["_FILTERS_",o.id]);return}if(o.type==="panel"){const u=o.views[0].id;r.setPath(["_VIEWS_",u,"_PANELS_",o.id]);return}},s=o=>{r.setPath(["_VIEWS_",o])};return n(a.Stack,{py:"sm",px:"md",children:c(a.Table,{highlightOnHover:!0,sx:{tableLayout:"fixed"},children:[n("thead",{children:c("tr",{children:[n("th",{style:{width:100},children:"Type"}),n("th",{style:{width:"calc(50% - 50px)"},children:"Name"}),n("th",{children:"In View(s)"})]})}),n("tbody",{children:t.map(o=>c("tr",{children:[n("td",{children:v.capitalize(o.type)}),n("td",{children:n(a.Anchor,{component:"button",type:"button",onClick:()=>i(o),children:o.label})}),n("td",{children:c(a.Stack,{align:"flex-start",justify:"flex-start",spacing:2,children:[o.views.map(u=>n(a.Anchor,{component:"button",type:"button",onClick:()=>s(u.id),children:n(a.Box,{children:u.label})})),o.views.length===0&&n(a.Box,{children:"--"})]})})]},o.id))})]})})}),Sr=({value:e,onChange:t,height:r="200px",defaultLanguage:i="sql"})=>{const s=u=>{console.log("changing"),t==null||t(u??"")},o=!t;return n(_e,{className:"minimal-monaco-editor",height:r,defaultLanguage:i,value:e,onChange:o?void 0:s,theme:"vs-dark",options:{lineNumbers:"off",folding:!1,lineDecorationsWidth:20,lineNumbersMinChars:0,wordWrap:"on",minimap:{enabled:!1},readOnly:o||!t}})},mC=({value:e,height:t="200px",defaultLanguage:r="sql"})=>n(_e,{className:"preview-sql-in-monaco-editor",height:t,defaultLanguage:r,value:e,onChange:void 0,theme:"vs-light",options:{lineNumbers:"on",folding:!0,lineDecorationsWidth:20,wordWrap:"on",minimap:{enabled:!1},readOnly:!0}}),bC=T.observer(({value:e})=>{const r=R().payloadForSQL,i=m.useMemo(()=>{const{context:s,mock_context:o,sqlSnippets:u,filterValues:l}=r;return ys(e,s,o,u,l)},[e,r]);return n(mC,{height:"100%",value:i})}),Xs={pre:["function process_request({ context, filters, sql }, utils) {","    // modify and return sql","    return sql","}"].join(`
 `),post:["function process_result(data, utils) {","    // process data and return the result","    return data","}"].join(`
-`)},bC=T.observer(({queryModel:e})=>{const[t,r]=m.useState(e.sql);m.useEffect(()=>{r(o=>o!==e.sql?e.sql:o)},[e.sql]);const i=t!==e.sql,s=()=>{e.setSQL(t)};return e.typedAsSQL?c(a.Tabs,{defaultValue:"Edit",orientation:"vertical",sx:{flexGrow:1},styles:{tabLabel:{width:"100%",height:"28px",lineHeight:"28px"}},keepMounted:!1,children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"Edit",children:c(a.Group,{spacing:14,position:"apart",children:["Edit SQL",n(a.ActionIcon,{mr:5,variant:"filled",color:"blue",disabled:!i,onClick:s,children:n(k.DeviceFloppy,{size:20})})]})}),n(a.Tabs.Tab,{value:"Preview",children:"Preview SQL"}),n(a.Tabs.Tab,{value:"pre_process",children:"Process Request"}),n(a.Tabs.Tab,{value:"post_process",children:"Process Result"}),n(_r,{}),e.datasource&&n(Ys,{dataSource:e.datasource})]}),n(a.Tabs.Panel,{value:"Edit",sx:{position:"relative"},p:"sm",children:n(Sr,{height:"100%",value:t,onChange:r})}),n(a.Tabs.Panel,{value:"Preview",p:0,pl:4,children:n(mC,{value:e.sql})}),n(a.Tabs.Panel,{value:"pre_process",sx:{position:"relative"},p:"sm",children:n(dn,{label:"",value:e.pre_process,onChange:e.setPreProcess,defaultValue:Us.pre})}),n(a.Tabs.Panel,{value:"post_process",p:"sm",children:n(dn,{label:"",value:e.post_process,onChange:e.setPostProcess,defaultValue:Us.post})})]}):null}),cn={height:"calc(100% - 44px)",padding:0},yC=T.observer(({queryModel:e})=>{const t=Y(),r=m.useMemo(()=>e.datasource?e.typedAsHTTP?"HTTP":"SQL":"Configurations",[e.datasource,e.typedAsHTTP]),[i,s]=m.useState(r);m.useEffect(()=>{s(l=>l!=="Configurations"&&r==="Configurations"?"Configurations":l)},[r]);const o=t.findQueryUsage(e.id),u=o.length===0;return n(a.Stack,{sx:{flexGrow:1},my:0,p:0,children:c(a.Tabs,{value:i,onTabChange:s,defaultValue:r,orientation:"horizontal",keepMounted:!1,sx:{flexGrow:1},children:[c(a.Tabs.List,{grow:!0,children:[n(a.Tabs.Tab,{value:"Configurations",children:"Configurations"}),e.typedAsSQL&&n(a.Tabs.Tab,{value:"SQL",children:"Request"}),e.typedAsHTTP&&n(a.Tabs.Tab,{value:"HTTP",children:"Request"}),n(a.Tabs.Tab,{value:"Data",disabled:!e.datasource,children:n(a.Tooltip,{label:"Need to pick a Data Source first",disabled:e.datasource,withinPortal:!0,children:n(a.Text,{children:"Data"})})}),n(a.Tabs.Tab,{value:"Usage",disabled:u,children:n(a.Tooltip,{label:"This query is not used for any filter or panel",disabled:!u,withinPortal:!0,children:n(a.Text,{children:"Usage"})})})]}),n(a.Tabs.Panel,{value:"Configurations",pt:0,p:0,children:n(uC,{queryModel:e})}),e.typedAsSQL&&n(a.Tabs.Panel,{value:"SQL",sx:cn,children:n(a.Stack,{sx:{height:"100%"},children:n(bC,{queryModel:e})})}),e.typedAsHTTP&&n(a.Tabs.Panel,{value:"HTTP",sx:cn,children:n(a.Stack,{sx:{height:"100%"},children:n(hC,{queryModel:e})})}),n(a.Tabs.Panel,{value:"Data",sx:{...cn,overflow:"hidden"},children:n(Gs,{id:e.id})}),n(a.Tabs.Panel,{value:"Usage",sx:{...cn,overflow:"hidden"},children:n(fC,{queryID:e.id,usage:o})})]})})}),vC=T.observer(({id:e})=>{const r=Y().queries.findByID(e);return e===""?null:r?n(a.Stack,{sx:{height:"100%"},spacing:"sm",children:n(yC,{queryModel:r})}):n(a.Text,{size:14,color:"red",children:"Invalid Query ID"})}),xC=T.observer(({value:e})=>{const t=Y(),{context:r,mock_context:i,filterValues:s}=t.payloadForSQL,o=Wv(e,r,i,s);return n(Sr,{height:"100%",value:o})}),CC=T.observer(({item:e,remove:t,onKeyChanged:r})=>{const[i,s]=m.useState("SQL"),[o,u]=m.useState(e.key),l=()=>{e.setKey(o),r(o)},d=o!==e.key,p=e.isADuplicatedKey(o),[f,g]=m.useState(e.value),h=()=>{e.setValue(f)};m.useEffect(()=>{u(e.key),g(e.value)},[e]);const b=f!==e.value,w=Le.useModals(),C=()=>{w.openConfirmModal({title:"Delete this SQL snippet?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:t,confirmProps:{color:"red"},zIndex:320})};return c(a.Stack,{p:20,sx:{maxWidth:"1100px",height:"100vh"},spacing:"sm",children:[c(a.Group,{sx:{alignItems:"end"},spacing:40,children:[n(a.TextInput,{label:p?"This key is occupied by another snippet":"Key",value:o,onChange:S=>{u(S.currentTarget.value)},sx:{flexGrow:"1 !important"},rightSection:n(a.ActionIcon,{color:"blue",variant:"subtle",onClick:l,disabled:!d||p,children:n(k.DeviceFloppy,{size:16})}),error:p}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:C,children:"Delete this SQL Snippet"})]}),c(a.Tabs,{value:i,onTabChange:s,sx:{flexGrow:1},styles:{panel:{height:"calc(100% - 50px)"}},children:[c(a.Tabs.List,{sx:{position:"relative"},children:[n(a.Tabs.Tab,{value:"SQL",children:"SQL"}),n(a.Tabs.Tab,{value:"Preview",children:"Preview"}),n(_r,{}),n(a.ActionIcon,{color:"blue",variant:"filled",onClick:h,disabled:!b,sx:{position:"absolute",top:0,right:10},children:n(k.DeviceFloppy,{size:18})})]}),n(a.Tabs.Panel,{value:"SQL",pt:"sm",children:n(Sr,{height:"100%",value:f,onChange:g})}),n(a.Tabs.Panel,{value:"Preview",pt:"sm",children:n(xC,{value:f})})]})]})}),wC=T.observer(({id:e})=>{const t=ce(),r=Y(),i=m.useMemo(()=>r.sqlSnippets.findByKey(e),[e]);if(!e)return null;if(!i)return c(a.Text,{size:14,children:["SQL Snippet by key[",e,"] is not found"]});const s=()=>{t.editor.setPath(["_SQL_SNIPPETS_",""])};return n(CC,{item:i,remove:()=>{r.sqlSnippets.removeByKey(e),s()},onKeyChanged:l=>{t.editor.setPath(["_SQL_SNIPPETS_",l])}})}),_C=T.observer(({view:e})=>!e||e.type!==K.Division?null:c(a.Stack,{children:[n(a.Divider,{mt:8,mb:0,label:"Division settings",labelPosition:"center"}),n(a.Text,{align:"center",size:"xs",color:"dimmed",children:"Under construction"})]})),SC=[{value:"default",label:"Default"},{value:"outline",label:"Outline"},{value:"pills",label:"Pills"}],TC=[{value:"horizontal",label:"Horizontal"},{value:"vertical",label:"Vertical"}],kC=T.observer(({view:e})=>{if(!e||e.type!==K.Tabs)return null;const t=e.config;return c(a.Stack,{children:[n(a.Divider,{mt:8,mb:0,label:"Tabs settings",labelPosition:"center"}),n(a.Select,{label:"Variant",value:t.variant,onChange:t.setVariant,data:SC}),n(a.Select,{label:"Orientation",value:t.orientation,onChange:t.setOrientation,data:TC}),n(a.Switch,{label:"Grow Tabs",checked:t.grow,onChange:r=>t.setGrow(r.currentTarget.checked)})]})}),DC=({disabled:e,value:t,onChange:r})=>{const i=s=>{s&&r(s)};return c(a.Box,{sx:{position:"relative"},children:[e&&n(a.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),n(_e,{height:"500px",defaultLanguage:"javascript",value:t,onChange:i,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})},IC=({value:e,onChange:t})=>{const[r,{setTrue:i,setFalse:s}]=Z.useBoolean(),[o,u]=m.useState(e??fr),l=h=>{u({...o,enabled:h})},d=()=>{s();const{enabled:h,func_content:b}=o,w={enabled:h,func_content:b};u(w),t(w)},p=()=>{s(),u(e)},f=h=>{u(b=>({...b,func_content:h}))},g=()=>{f(fr.func_content)};return c(B,{children:[n(a.ActionIcon,{size:"lg",color:"blue",variant:"filled",mt:26,onClick:i,sx:{flexGrow:0},children:n(k.Settings,{size:14})}),n(a.Modal,{size:800,title:"Customize modal title",opened:r,onClose:s,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:r&&c(a.Stack,{children:[n(a.Checkbox,{mt:10,label:"Enabled",checked:o.enabled,onChange:h=>l(h.currentTarget.checked)}),n(DC,{value:o.func_content,onChange:f,disabled:!o.enabled}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:g,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})},MC=T.observer(({view:e})=>{if(!e||e.type!==K.Modal)return null;const t=e.config,r=t.custom_modal_title.value;return c(a.Stack,{children:[n(a.Divider,{mt:8,label:"Modal settings",labelPosition:"center"}),c(a.Flex,{gap:10,children:[n(a.TextInput,{label:"Modal Title",value:r,onChange:v.noop,disabled:!0,sx:{flexGrow:1}}),n(IC,{value:t.custom_modal_title,onChange:t.custom_modal_title.replace})]}),c(a.Group,{grow:!0,children:[n(a.TextInput,{label:"Width",value:t.width,onChange:i=>t.setWidth(i.currentTarget.value),placeholder:"600px / 50vw"}),n(a.TextInput,{label:"Height",value:t.height,onChange:i=>t.setHeight(i.currentTarget.value),placeholder:"600px / 50vw"})]})]})}),AC=T.observer(({view:e})=>c(B,{children:[n(_C,{view:e}),n(MC,{view:e}),n(kC,{view:e})]})),$C=[{label:"Division",value:K.Division},{label:"Modal",value:K.Modal},{label:"Tabs",value:K.Tabs}],zC=T.observer(({view:e})=>e?c(a.Stack,{sx:{position:"relative"},children:[n(a.TextInput,{label:"Name",value:e.name,onChange:t=>{e.setName(t.currentTarget.value)}}),n(a.Select,{label:"Type",withinPortal:!0,value:e.type,onChange:e.setType,data:$C}),n(AC,{view:e})]}):null),EC=T.observer(({id:e})=>{const t=Le.useModals(),r=ce(),i=Y();if(e==="")return null;const s=i.views.findByID(e);if(!s)return c(a.Text,{size:14,children:["View by ID[",e,"] is not found"]});const o=()=>{r.editor.setPath(["_VIEWS_",""])},u=()=>{t.openConfirmModal({title:"Delete this view?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>{i.views.removeByID(e),o()},zIndex:320})};return c(a.Stack,{sx:{maxWidth:"600px",height:"100%"},spacing:"sm",children:[n(a.Group,{position:"right",pt:10,children:n(a.Button,{size:"xs",color:"red",leftIcon:n(k.Trash,{size:16}),onClick:u,children:"Delete this view"})}),n(a.Box,{sx:{flexGrow:1,maxHeight:"calc(100% - 52px)",overflow:"auto"},children:n(zC,{view:s})})]})});function LC(e){return e.length===1&&e[0]==="_GLOBAL_VARS_"}function PC(e){return e.length===1&&e[0]==="_MOCK_CONTEXT_"}function OC(e){return e.length===2&&e[0]==="_FILTERS_"}function VC(e){return e.length===2&&e[0]==="_SQL_SNIPPETS_"}function BC(e){return e.length===2&&e[0]==="_QUERIES_"}function NC(e){return e.length===2&&e[0]==="_VIEWS_"}function GC(e){return e.length===4&&e[0]==="_VIEWS_"&&e[2]==="_PANELS_"}const qC=T.observer(()=>n(a.Stack,{sx:{height:"100%"},p:"sm",children:n(Rs,{})})),FC=T.observer(()=>{const e=ce().editor,t=e.path;return LC(t)?n(qC,{}):PC(t)?n(p0,{}):OC(t)?n(a.Box,{p:"xs",pl:20,children:n(c0,{id:t[1]})}):VC(t)?n(wC,{id:t[1]}):BC(t)?n(vC,{id:t[1]}):NC(t)?n(a.Box,{p:"xs",pl:20,children:n(EC,{id:t[1]})}):GC(t)?n(F0,{viewID:t[1],panelID:t[3]}):n(a.Box,{children:e.path})}),WC=T.observer(()=>n(FC,{})),jC=T.observer(()=>{const e=ce(),t=()=>{const r=new Date().getTime().toString(),i={id:r,key:r,label:r,order:e.content.filters.current.length+1,type:lr.TextInput,config:ds(),visibleInViewsIDs:["Main"],auto_submit:!1};e.content.filters.append(i),e.editor.setPath(["_FILTERS_",r])};return n(a.Button,{variant:"subtle",leftIcon:n(V.IconPlus,{size:14}),size:"sm",px:"xs",mb:10,color:"blue",onClick:t,sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"flex-start"}},children:"Add a Filter"})}),YC=T.observer(({parentID:e})=>{const t=Y();if(!e)return null;const r=t.views.findByID(e);return r?n(a.Button,{variant:"subtle",leftIcon:n(V.IconPlus,{size:14}),size:"sm",px:"xs",mb:10,color:"blue",onClick:()=>t.addANewPanel(r.id),sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"flex-start"}},children:"Add a Panel"}):null}),RC=T.observer(()=>{const e=ce(),t=()=>{const r=new Date().getTime().toString(),i={id:r,name:r,type:pe.Postgresql,key:"",sql:""};e.content.queries.append(i),e.editor.setPath(["_QUERIES_",r])};return n(a.Button,{variant:"subtle",leftIcon:n(V.IconPlus,{size:14}),size:"sm",px:"xs",mb:10,color:"blue",onClick:t,sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"flex-start"}},children:"Add a Query"})}),QC=T.observer(()=>{const e=ce(),t=()=>{const r=new Date().getTime().toString(),i={key:r,value:""};e.content.sqlSnippets.append(i),e.editor.setPath(["_SQL_SNIPPETS_",r])};return n(a.Button,{variant:"subtle",leftIcon:n(V.IconPlus,{size:14}),size:"sm",px:"xs",mb:10,color:"blue",onClick:t,sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"flex-start"}},children:"Add a SQL Snippet"})}),UC=T.observer(()=>{const e=Y();return n(a.Button,{variant:"subtle",leftIcon:n(V.IconPlus,{size:14}),size:"sm",px:"xs",mb:10,color:"blue",onClick:e.views.addARandomNewView,sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"flex-start"}},children:"Add a View"})}),XC=T.observer(({action_type:e,parentID:t})=>(Y(),e==="_Add_A_Filter_"?n(jC,{}):e==="_Add_A_SQL_SNIPPET_"?n(QC,{}):e==="_Add_A_QUERY_"?n(RC,{}):e==="_Add_A_VIEW_"?n(UC,{}):e==="_Add_A_PANEL_"?n(YC,{parentID:t}):null)),Xs=T.observer(({option:e})=>{var p;const t=ce().editor,r=t.isOptionActive,i=r(t.path,e),s=t.isOptionOpened,o=t.navigate,u=s(e),[l,d]=m.useState(u);return m.useEffect(()=>{d(u)},[u]),n(a.NavLink,{active:i,defaultOpened:u,opened:l,onChange:d,label:e.label,onClick:()=>o(e),icon:e.Icon?n(e.Icon,{size:18}):null,children:(p=e.children)==null?void 0:p.map(f=>f._type==="ACTION"?n(XC,{action_type:f._action_type,parentID:f.parentID},`_ADD_${f.value}_`):n(Xs,{option:f},f.value))},e.label)}),ZC=T.observer(()=>{const e=ce();return n(a.Box,{sx:{position:"relative"},children:e.editor.navOptions.map(t=>n(Xs,{option:t},t.value))})}),KC=T.observer(()=>{const e=ce();return c(a.Navbar,{p:0,width:{base:200,xs:200,sm:220,md:240,lg:280,xl:300},sx:{height:"100vh - 60px - 60px"},children:[n(a.Navbar.Section,{pt:9,pb:8,sx:{borderBottom:"1px solid #eee"},children:n(a.Text,{align:"center",sx:{userSelect:"none",cursor:"default"},children:"Settings"})}),n(a.Navbar.Section,{grow:!0,sx:{overflow:"auto"},children:n(ZC,{})}),n(a.Navbar.Section,{children:n(a.Group,{grow:!0,p:"md",pt:"sm",sx:{borderTop:"1px solid #eee"},children:n(a.Button,{size:"xs",color:"red",leftIcon:n(V.IconX,{size:18}),onClick:()=>e.editor.close(),children:"Close"})})})]})}),JC={root:{height:"100vh",display:"flex",flexDirection:"column",overflow:"hidden"},body:{flexGrow:1,nav:{top:0,height:"100vh"}},main:{flexGrow:1,display:"flex",flexDirection:"column",paddingTop:0,height:"100vh"}},HC=T.observer(()=>{const e=ce().editor;return n(a.Modal,{onClose:()=>e.setSettingsOpen(!1),closeOnEscape:!1,closeOnClickOutside:!1,opened:e.settings_open,fullScreen:!0,title:null,transitionDuration:0,withCloseButton:!1,withinPortal:!0,zIndex:300,styles:{modal:{padding:"0 !important"}},children:n(a.AppShell,{padding:0,navbar:n(KC,{}),styles:JC,children:n(WC,{})})})}),ew=e=>e.replace(/([^:])(\/\/+)/g,"$1/");function tw(e){m.useEffect(()=>{if(_e.loader.__getMonacoInstance())return;console.log("loading monaco for @devtable/dashboard");const r=ew(e);_e.loader.config({paths:{vs:r}}),_e.loader.init().then(i=>console.log("monaco instance:",i))},[])}ma();const nw={root:{height:"100vh",display:"flex",flexDirection:"column",overflow:"hidden"},body:{flexGrow:1},main:{flexGrow:1,display:"flex",flexDirection:"column",paddingTop:60+30,height:"100vh"}},rw=({context:e,dashboard:t,content:r,update:i,className:s="dashboard",config:o,onChange:u,headerSlot:l,headerMenuItems:d},p)=>{tw(o.monacoPath),ns(o);const{data:f=[]}=Z.useRequest(hr),[g,h]=m.useState(!1),b=m.useMemo(()=>mr(t,r,f,e),[t,r]);m.useImperativeHandle(p,()=>b,[b]),zi(b.content,!0),m.useEffect(()=>{b.context.replace(e)},[e]),m.useEffect(()=>{b.datasources.replace(f)},[f]),m.useEffect(()=>se.reaction(()=>se.toJS(b.json),M=>{u==null||u(M)}),[b]);const w=async()=>{await i(b.json,b.content.json)},C=Z.useCreation(sr,[]),S=br(C);return n(Le.ModalsProvider,{children:n(vn,{value:b,children:n(xn,{value:b.content,children:n(Ke.Provider,{value:{layoutFrozen:g,freezeLayout:h,inEditMode:!0},children:n(qe.Provider,{value:C,children:c(Gt,{configure:S,children:[n(a.AppShell,{padding:0,header:n(_x,{saveDashboardChanges:w,headerSlot:l,headerMenuItems:d}),navbar:n(Zx,{}),styles:nw,children:n(a.Box,{className:`${s} dashboard-root`,sx:{position:"relative"},children:b.content.views.visibleViews.map(M=>n(ts,{view:M},M.id))})}),n(HC,{})]})})})})})})},iw=T.observer(m.forwardRef(rw)),e_="";ma();const aw=T.observer(({context:e,dashboard:t,content:r,className:i="dashboard",config:s,fullScreenPanelID:o,setFullScreenPanelID:u})=>{ns(s);const{data:l=[]}=Z.useRequest(hr),d=m.useMemo(()=>mr(t,r,l,e),[t,r]);zi(d.content,!1),m.useEffect(()=>{d.context.replace(e)},[e]),m.useEffect(()=>{d.datasources.replace(l)},[l]);const p=Z.useCreation(sr,[]),f=br(p);return n(Le.ModalsProvider,{children:n(vn,{value:d,children:n(xn,{value:d.content,children:n(wn.Provider,{value:{fullScreenPanelID:o,setFullScreenPanelID:u},children:n(Ke.Provider,{value:{layoutFrozen:!0,freezeLayout:v.noop,inEditMode:!1},children:n(a.Box,{className:`${i} dashboard-root`,children:n(qe.Provider,{value:p,children:n(Gt,{configure:f,children:d.content.views.visibleViews.map(g=>n(an,{view:g},g.id))})})})})})})})})});var Tr={},sw={get exports(){return Tr},set exports(e){Tr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o=i.prototype,u=o.format;s.en.ordinal=function(l){var d=["th","st","nd","rd"],p=l%100;return"["+l+(d[(p-20)%10]||d[p]||d[0])+"]"},o.format=function(l){var d=this,p=this.$locale();if(!this.isValid())return u.bind(this)(l);var f=this.$utils(),g=(l||"YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g,function(h){switch(h){case"Q":return Math.ceil((d.$M+1)/3);case"Do":return p.ordinal(d.$D);case"gggg":return d.weekYear();case"GGGG":return d.isoWeekYear();case"wo":return p.ordinal(d.week(),"W");case"w":case"ww":return f.s(d.week(),h==="w"?1:2,"0");case"W":case"WW":return f.s(d.isoWeek(),h==="W"?1:2,"0");case"k":case"kk":return f.s(String(d.$H===0?24:d.$H),h==="k"?1:2,"0");case"X":return Math.floor(d.$d.getTime()/1e3);case"x":return d.$d.getTime();case"z":return"["+d.offsetName()+"]";case"zzz":return"["+d.offsetName("long")+"]";default:return h}});return u.bind(this)(g)}}})})(sw);const ow=Tr;var kr={},lw={get exports(){return kr},set exports(e){kr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o=i.prototype,u=function(d){var p=d.date,f=d.utc;return Array.isArray(p)?f?p.length?new Date(Date.UTC.apply(null,p)):new Date:p.length===1?s(String(p[0])).toDate():new(Function.prototype.bind.apply(Date,[null].concat(p))):p},l=o.parse;o.parse=function(d){d.date=u.bind(this)(d),l.bind(this)(d)}}})})(lw);const uw=kr;var Dr={},dw={get exports(){return Dr},set exports(e){Dr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){var s=i.prototype;s.$g=function(h,b,w){return this.$utils().u(h)?this[b]:this.$set(w,h)},s.set=function(h,b){return this.$set(h,b)};var o=s.startOf;s.startOf=function(h,b){return this.$d=o.bind(this)(h,b).toDate(),this.init(),this};var u=s.add;s.add=function(h,b){return this.$d=u.bind(this)(h,b).toDate(),this.init(),this};var l=s.locale;s.locale=function(h,b){return h?(this.$L=l.bind(this)(h,b).$L,this):this.$L};var d=s.daysInMonth;s.daysInMonth=function(){return d.bind(this.clone())()};var p=s.isSame;s.isSame=function(h,b){return p.bind(this.clone())(h,b)};var f=s.isBefore;s.isBefore=function(h,b){return f.bind(this.clone())(h,b)};var g=s.isAfter;s.isAfter=function(h,b){return g.bind(this.clone())(h,b)}}})})(dw);const cw=Dr;var Ir={},pw={get exports(){return Ir},set exports(e){Ir=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){var s=i.prototype,o=s.format;s.format=function(u){var l=this,d=(u||"YYYY-MM-DDTHH:mm:ssZ").replace(/(\[[^\]]+])|BBBB|BB/g,function(p,f){var g,h=String(l.$y+543),b=p==="BB"?[h.slice(-2),2]:[h,4];return f||(g=l.$utils()).s.apply(g,b.concat(["0"]))});return o.bind(this)(d)}}})})(pw);const hw=Ir;var Mr={},fw={get exports(){return Mr},set exports(e){Mr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o="h:mm A",u={lastDay:"[Yesterday at] "+o,sameDay:"[Today at] "+o,nextDay:"[Tomorrow at] "+o,nextWeek:"dddd [at] "+o,lastWeek:"[Last] dddd [at] "+o,sameElse:"MM/DD/YYYY"};i.prototype.calendar=function(l,d){var p=d||this.$locale().calendar||u,f=s(l||void 0).startOf("d"),g=this.diff(f,"d",!0),h="sameElse",b=g<-6?h:g<-1?"lastWeek":g<0?"lastDay":g<1?"sameDay":g<2?"nextDay":g<7?"nextWeek":h,w=p[b]||u[b];return typeof w=="function"?w.call(this,s()):this.format(w)}}})})(fw);const gw=Mr;var Ar={},mw={get exports(){return Ar},set exports(e){Ar=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},i=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,s=/\d\d/,o=/\d\d?/,u=/\d*[^-_:/,()\s\d]+/,l={},d=function(C){return(C=+C)+(C>68?1900:2e3)},p=function(C){return function(S){this[C]=+S}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(C){(this.zone||(this.zone={})).offset=function(S){if(!S||S==="Z")return 0;var M=S.match(/([+-]|\d\d)/g),$=60*M[1]+(+M[2]||0);return $===0?0:M[0]==="+"?-$:$}(C)}],g=function(C){var S=l[C];return S&&(S.indexOf?S:S.s.concat(S.f))},h=function(C,S){var M,$=l.meridiem;if($){for(var P=1;P<=24;P+=1)if(C.indexOf($(P,0,S))>-1){M=P>12;break}}else M=C===(S?"pm":"PM");return M},b={A:[u,function(C){this.afternoon=h(C,!1)}],a:[u,function(C){this.afternoon=h(C,!0)}],S:[/\d/,function(C){this.milliseconds=100*+C}],SS:[s,function(C){this.milliseconds=10*+C}],SSS:[/\d{3}/,function(C){this.milliseconds=+C}],s:[o,p("seconds")],ss:[o,p("seconds")],m:[o,p("minutes")],mm:[o,p("minutes")],H:[o,p("hours")],h:[o,p("hours")],HH:[o,p("hours")],hh:[o,p("hours")],D:[o,p("day")],DD:[s,p("day")],Do:[u,function(C){var S=l.ordinal,M=C.match(/\d+/);if(this.day=M[0],S)for(var $=1;$<=31;$+=1)S($).replace(/\[|\]/g,"")===C&&(this.day=$)}],M:[o,p("month")],MM:[s,p("month")],MMM:[u,function(C){var S=g("months"),M=(g("monthsShort")||S.map(function($){return $.slice(0,3)})).indexOf(C)+1;if(M<1)throw new Error;this.month=M%12||M}],MMMM:[u,function(C){var S=g("months").indexOf(C)+1;if(S<1)throw new Error;this.month=S%12||S}],Y:[/[+-]?\d+/,p("year")],YY:[s,function(C){this.year=d(C)}],YYYY:[/\d{4}/,p("year")],Z:f,ZZ:f};function w(C){var S,M;S=C,M=l&&l.formats;for(var $=(C=S.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(U,Q,ne){var ie=ne&&ne.toUpperCase();return Q||M[ne]||r[ne]||M[ie].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(oe,re,he){return re||he.slice(1)})})).match(i),P=$.length,q=0;q<P;q+=1){var L=$[q],z=b[L],A=z&&z[0],G=z&&z[1];$[q]=G?{regex:A,parser:G}:L.replace(/^\[|\]$/g,"")}return function(U){for(var Q={},ne=0,ie=0;ne<P;ne+=1){var oe=$[ne];if(typeof oe=="string")ie+=oe.length;else{var re=oe.regex,he=oe.parser,ge=U.slice(ie),Te=re.exec(ge)[0];he.call(Q,Te),U=U.replace(Te,"")}}return function(We){var $e=We.afternoon;if($e!==void 0){var Qe=We.hours;$e?Qe<12&&(We.hours+=12):Qe===12&&(We.hours=0),delete We.afternoon}}(Q),Q}}return function(C,S,M){M.p.customParseFormat=!0,C&&C.parseTwoDigitYear&&(d=C.parseTwoDigitYear);var $=S.prototype,P=$.parse;$.parse=function(q){var L=q.date,z=q.utc,A=q.args;this.$u=z;var G=A[1];if(typeof G=="string"){var U=A[2]===!0,Q=A[3]===!0,ne=U||Q,ie=A[2];Q&&(ie=A[2]),l=this.$locale(),!U&&ie&&(l=M.Ls[ie]),this.$d=function(ge,Te,We){try{if(["x","X"].indexOf(Te)>-1)return new Date((Te==="X"?1e3:1)*ge);var $e=w(Te)(ge),Qe=$e.year,it=$e.month,pn=$e.day,hn=$e.hours,ai=$e.minutes,si=$e.seconds,$t=$e.milliseconds,ft=$e.zone,tt=new Date,at=pn||(Qe||it?1:tt.getDate()),nt=Qe||tt.getFullYear(),gt=0;Qe&&!it||(gt=it>0?it-1:tt.getMonth());var mt=hn||0,zt=ai||0,Et=si||0,rt=$t||0;return ft?new Date(Date.UTC(nt,gt,at,mt,zt,Et,rt+60*ft.offset*1e3)):We?new Date(Date.UTC(nt,gt,at,mt,zt,Et,rt)):new Date(nt,gt,at,mt,zt,Et,rt)}catch{return new Date("")}}(L,G,z),this.init(),ie&&ie!==!0&&(this.$L=this.locale(ie).$L),ne&&L!=this.format(G)&&(this.$d=new Date("")),l={}}else if(G instanceof Array)for(var oe=G.length,re=1;re<=oe;re+=1){A[1]=G[re-1];var he=M.apply(this,A);if(he.isValid()){this.$d=he.$d,this.$L=he.$L,this.init();break}re===oe&&(this.$d=new Date(""))}else P.call(this,q)}}})})(mw);const bw=Ar;var $r={},yw={get exports(){return $r},set exports(e){$r=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){i.prototype.dayOfYear=function(o){var u=Math.round((s(this).startOf("day")-s(this).startOf("year"))/864e5)+1;return o==null?u:this.add(o-u,"day")}}})})(yw);const vw=$r;var zr={},xw={get exports(){return zr},set exports(e){zr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r,i,s=1e3,o=6e4,u=36e5,l=864e5,d=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,p=31536e6,f=2592e6,g=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/,h={years:p,months:f,days:l,hours:u,minutes:o,seconds:s,milliseconds:1,weeks:6048e5},b=function(L){return L instanceof q},w=function(L,z,A){return new q(L,A,z.$l)},C=function(L){return i.p(L)+"s"},S=function(L){return L<0},M=function(L){return S(L)?Math.ceil(L):Math.floor(L)},$=function(L){return Math.abs(L)},P=function(L,z){return L?S(L)?{negative:!0,format:""+$(L)+z}:{negative:!1,format:""+L+z}:{negative:!1,format:""}},q=function(){function L(A,G,U){var Q=this;if(this.$d={},this.$l=U,A===void 0&&(this.$ms=0,this.parseFromMilliseconds()),G)return w(A*h[C(G)],this);if(typeof A=="number")return this.$ms=A,this.parseFromMilliseconds(),this;if(typeof A=="object")return Object.keys(A).forEach(function(oe){Q.$d[C(oe)]=A[oe]}),this.calMilliseconds(),this;if(typeof A=="string"){var ne=A.match(g);if(ne){var ie=ne.slice(2).map(function(oe){return oe!=null?Number(oe):0});return this.$d.years=ie[0],this.$d.months=ie[1],this.$d.weeks=ie[2],this.$d.days=ie[3],this.$d.hours=ie[4],this.$d.minutes=ie[5],this.$d.seconds=ie[6],this.calMilliseconds(),this}}return this}var z=L.prototype;return z.calMilliseconds=function(){var A=this;this.$ms=Object.keys(this.$d).reduce(function(G,U){return G+(A.$d[U]||0)*h[U]},0)},z.parseFromMilliseconds=function(){var A=this.$ms;this.$d.years=M(A/p),A%=p,this.$d.months=M(A/f),A%=f,this.$d.days=M(A/l),A%=l,this.$d.hours=M(A/u),A%=u,this.$d.minutes=M(A/o),A%=o,this.$d.seconds=M(A/s),A%=s,this.$d.milliseconds=A},z.toISOString=function(){var A=P(this.$d.years,"Y"),G=P(this.$d.months,"M"),U=+this.$d.days||0;this.$d.weeks&&(U+=7*this.$d.weeks);var Q=P(U,"D"),ne=P(this.$d.hours,"H"),ie=P(this.$d.minutes,"M"),oe=this.$d.seconds||0;this.$d.milliseconds&&(oe+=this.$d.milliseconds/1e3);var re=P(oe,"S"),he=A.negative||G.negative||Q.negative||ne.negative||ie.negative||re.negative,ge=ne.format||ie.format||re.format?"T":"",Te=(he?"-":"")+"P"+A.format+G.format+Q.format+ge+ne.format+ie.format+re.format;return Te==="P"||Te==="-P"?"P0D":Te},z.toJSON=function(){return this.toISOString()},z.format=function(A){var G=A||"YYYY-MM-DDTHH:mm:ss",U={Y:this.$d.years,YY:i.s(this.$d.years,2,"0"),YYYY:i.s(this.$d.years,4,"0"),M:this.$d.months,MM:i.s(this.$d.months,2,"0"),D:this.$d.days,DD:i.s(this.$d.days,2,"0"),H:this.$d.hours,HH:i.s(this.$d.hours,2,"0"),m:this.$d.minutes,mm:i.s(this.$d.minutes,2,"0"),s:this.$d.seconds,ss:i.s(this.$d.seconds,2,"0"),SSS:i.s(this.$d.milliseconds,3,"0")};return G.replace(d,function(Q,ne){return ne||String(U[Q])})},z.as=function(A){return this.$ms/h[C(A)]},z.get=function(A){var G=this.$ms,U=C(A);return U==="milliseconds"?G%=1e3:G=U==="weeks"?M(G/h[U]):this.$d[U],G===0?0:G},z.add=function(A,G,U){var Q;return Q=G?A*h[C(G)]:b(A)?A.$ms:w(A,this).$ms,w(this.$ms+Q*(U?-1:1),this)},z.subtract=function(A,G){return this.add(A,G,!0)},z.locale=function(A){var G=this.clone();return G.$l=A,G},z.clone=function(){return w(this.$ms,this)},z.humanize=function(A){return r().add(this.$ms,"ms").locale(this.$l).fromNow(!A)},z.milliseconds=function(){return this.get("milliseconds")},z.asMilliseconds=function(){return this.as("milliseconds")},z.seconds=function(){return this.get("seconds")},z.asSeconds=function(){return this.as("seconds")},z.minutes=function(){return this.get("minutes")},z.asMinutes=function(){return this.as("minutes")},z.hours=function(){return this.get("hours")},z.asHours=function(){return this.as("hours")},z.days=function(){return this.get("days")},z.asDays=function(){return this.as("days")},z.weeks=function(){return this.get("weeks")},z.asWeeks=function(){return this.as("weeks")},z.months=function(){return this.get("months")},z.asMonths=function(){return this.as("months")},z.years=function(){return this.get("years")},z.asYears=function(){return this.as("years")},L}();return function(L,z,A){r=A,i=A().$utils(),A.duration=function(Q,ne){var ie=A.locale();return w(Q,{$l:ie},ne)},A.isDuration=b;var G=z.prototype.add,U=z.prototype.subtract;z.prototype.add=function(Q,ne){return b(Q)&&(Q=Q.asMilliseconds()),G.bind(this)(Q,ne)},z.prototype.subtract=function(Q,ne){return b(Q)&&(Q=Q.asMilliseconds()),U.bind(this)(Q,ne)}}})})(xw);const Cw=zr;var Er={},ww={get exports(){return Er},set exports(e){Er=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){i.prototype.isBetween=function(o,u,l,d){var p=s(o),f=s(u),g=(d=d||"()")[0]==="(",h=d[1]===")";return(g?this.isAfter(p,l):!this.isBefore(p,l))&&(h?this.isBefore(f,l):!this.isAfter(f,l))||(g?this.isBefore(p,l):!this.isAfter(p,l))&&(h?this.isAfter(f,l):!this.isBefore(f,l))}}})})(ww);const _w=Er;var Lr={},Sw={get exports(){return Lr},set exports(e){Lr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.isLeapYear=function(){return this.$y%4==0&&this.$y%100!=0||this.$y%400==0}}})})(Sw);const Tw=Lr;var Pr={},kw={get exports(){return Pr},set exports(e){Pr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){s.isMoment=function(o){return s.isDayjs(o)}}})})(kw);const Dw=Pr;var Or={},Iw={get exports(){return Or},set exports(e){Or=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r="day";return function(i,s,o){var u=function(p){return p.add(4-p.isoWeekday(),r)},l=s.prototype;l.isoWeekYear=function(){return u(this).year()},l.isoWeek=function(p){if(!this.$utils().u(p))return this.add(7*(p-this.isoWeek()),r);var f,g,h,b,w=u(this),C=(f=this.isoWeekYear(),g=this.$u,h=(g?o.utc:o)().year(f).startOf("year"),b=4-h.isoWeekday(),h.isoWeekday()>4&&(b+=7),h.add(b,r));return w.diff(C,"week")+1},l.isoWeekday=function(p){return this.$utils().u(p)?this.day()||7:this.day(this.day()%7?p:p-7)};var d=l.startOf;l.startOf=function(p,f){var g=this.$utils(),h=!!g.u(f)||f;return g.p(p)==="isoweek"?h?this.date(this.date()-(this.isoWeekday()-1)).startOf("day"):this.date(this.date()-1-(this.isoWeekday()-1)+7).endOf("day"):d.bind(this)(p,f)}}})})(Iw);const Mw=Or;var Vr={},Aw={get exports(){return Vr},set exports(e){Vr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.isoWeeksInYear=function(){var s=this.isLeapYear(),o=this.endOf("y").day();return o===4||s&&o===5?53:52}}})})(Aw);const $w=Vr;var Br={},zw={get exports(){return Br},set exports(e){Br=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.isSameOrAfter=function(s,o){return this.isSame(s,o)||this.isAfter(s,o)}}})})(zw);const Ew=Br;var Nr={},Lw={get exports(){return Nr},set exports(e){Nr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.isSameOrBefore=function(s,o){return this.isSame(s,o)||this.isBefore(s,o)}}})})(Lw);const Pw=Nr;var Gr={},Ow={get exports(){return Gr},set exports(e){Gr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){i.prototype.isToday=function(){var o="YYYY-MM-DD",u=s();return this.format(o)===u.format(o)}}})})(Ow);const Vw=Gr;var qr={},Bw={get exports(){return qr},set exports(e){qr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){i.prototype.isTomorrow=function(){var o="YYYY-MM-DD",u=s().add(1,"day");return this.format(o)===u.format(o)}}})})(Bw);const Nw=qr;var Fr={},Gw={get exports(){return Fr},set exports(e){Fr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){i.prototype.isYesterday=function(){var o="YYYY-MM-DD",u=s().subtract(1,"day");return this.format(o)===u.format(o)}}})})(Gw);const qw=Fr;var Wr={},Fw={get exports(){return Wr},set exports(e){Wr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o=i.prototype,u=function(g){return g&&(g.indexOf?g:g.s)},l=function(g,h,b,w,C){var S=g.name?g:g.$locale(),M=u(S[h]),$=u(S[b]),P=M||$.map(function(L){return L.slice(0,w)});if(!C)return P;var q=S.weekStart;return P.map(function(L,z){return P[(z+(q||0))%7]})},d=function(){return s.Ls[s.locale()]},p=function(g,h){return g.formats[h]||function(b){return b.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(w,C,S){return C||S.slice(1)})}(g.formats[h.toUpperCase()])},f=function(){var g=this;return{months:function(h){return h?h.format("MMMM"):l(g,"months")},monthsShort:function(h){return h?h.format("MMM"):l(g,"monthsShort","months",3)},firstDayOfWeek:function(){return g.$locale().weekStart||0},weekdays:function(h){return h?h.format("dddd"):l(g,"weekdays")},weekdaysMin:function(h){return h?h.format("dd"):l(g,"weekdaysMin","weekdays",2)},weekdaysShort:function(h){return h?h.format("ddd"):l(g,"weekdaysShort","weekdays",3)},longDateFormat:function(h){return p(g.$locale(),h)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};o.localeData=function(){return f.bind(this)()},s.localeData=function(){var g=d();return{firstDayOfWeek:function(){return g.weekStart||0},weekdays:function(){return s.weekdays()},weekdaysShort:function(){return s.weekdaysShort()},weekdaysMin:function(){return s.weekdaysMin()},months:function(){return s.months()},monthsShort:function(){return s.monthsShort()},longDateFormat:function(h){return p(g,h)},meridiem:g.meridiem,ordinal:g.ordinal}},s.months=function(){return l(d(),"months")},s.monthsShort=function(){return l(d(),"monthsShort","months",3)},s.weekdays=function(g){return l(d(),"weekdays",null,null,g)},s.weekdaysShort=function(g){return l(d(),"weekdaysShort","weekdays",3,g)},s.weekdaysMin=function(g){return l(d(),"weekdaysMin","weekdays",2,g)}}})})(Fw);const Ww=Wr;var jr={},jw={get exports(){return jr},set exports(e){jr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(i,s,o){var u=s.prototype,l=u.format;o.en.formats=r,u.format=function(d){d===void 0&&(d="YYYY-MM-DDTHH:mm:ssZ");var p=this.$locale().formats,f=function(g,h){return g.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(b,w,C){var S=C&&C.toUpperCase();return w||h[C]||r[C]||h[S].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(M,$,P){return $||P.slice(1)})})}(d,p===void 0?{}:p);return l.call(this,f)}}})})(jw);const Yw=jr;var Yr={},Rw={get exports(){return Yr},set exports(e){Yr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o=function(u,l){if(!l||!l.length||!l[0]||l.length===1&&!l[0].length)return null;var d;l.length===1&&l[0].length>0&&(l=l[0]),d=l[0];for(var p=1;p<l.length;p+=1)l[p].isValid()&&!l[p][u](d)||(d=l[p]);return d};s.max=function(){var u=[].slice.call(arguments,0);return o("isAfter",u)},s.min=function(){var u=[].slice.call(arguments,0);return o("isBefore",u)}}})})(Rw);const Qw=Yr;var Rr={},Uw={get exports(){return Rr},set exports(e){Rr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o=i.prototype,u=function(g){var h,b=g.date,w=g.utc,C={};if(!((h=b)instanceof Date)&&!(h instanceof Array)&&h instanceof Object){if(!Object.keys(b).length)return new Date;var S=w?s.utc():s();Object.keys(b).forEach(function(G){var U,Q;C[U=G,Q=o.$utils().p(U),Q==="date"?"day":Q]=b[G]});var M=C.day||(C.year||C.month>=0?1:S.date()),$=C.year||S.year(),P=C.month>=0?C.month:C.year||C.day?0:S.month(),q=C.hour||0,L=C.minute||0,z=C.second||0,A=C.millisecond||0;return w?new Date(Date.UTC($,P,M,q,L,z,A)):new Date($,P,M,q,L,z,A)}return b},l=o.parse;o.parse=function(g){g.date=u.bind(this)(g),l.bind(this)(g)};var d=o.set,p=o.add,f=function(g,h,b,w){if(w===void 0&&(w=1),h instanceof Object){var C=Object.keys(h),S=this;return C.forEach(function(M){S=g.bind(S)(h[M]*w,M)}),S}return g.bind(this)(h*w,b)};o.set=function(g,h){return h=h===void 0?g:h,f.bind(this)(function(b,w){return d.bind(this)(w,b)},h,g)},o.add=function(g,h){return f.bind(this)(p,g,h)},o.subtract=function(g,h){return f.bind(this)(p,g,h,-1)}}})})(Uw);const Xw=Rr;var Qr={},Zw={get exports(){return Qr},set exports(e){Qr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){var s=i.prototype;["milliseconds","seconds","minutes","hours","days","weeks","isoWeeks","months","quarters","years","dates"].forEach(function(o){s[o]=s[o.replace(/s$/,"")]})}})})(Zw);const Kw=Qr;var Ur={},Jw={get exports(){return Ur},set exports(e){Ur=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){var s=i.prototype.parse;i.prototype.parse=function(l){if(typeof l.date=="string"){var d=this.$locale();l.date=d&&d.preparse?d.preparse(l.date):l.date}return s.bind(this)(l)};var o=i.prototype.format;i.prototype.format=function(){for(var l=arguments.length,d=new Array(l),p=0;p<l;p++)d[p]=arguments[p];var f=o.call.apply(o,[this].concat(d)),g=this.$locale();return g&&g.postformat?g.postformat(f):f};var u=i.prototype.fromToBase;u&&(i.prototype.fromToBase=function(l,d,p,f){var g=this.$locale()||p.$locale();return u.call(this,l,d,p,f,g&&g.postformat)})}})})(Jw);const Hw=Ur;var Xr={},e1={get exports(){return Xr},set exports(e){Xr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r="month",i="quarter";return function(s,o){var u=o.prototype;u.quarter=function(p){return this.$utils().u(p)?Math.ceil((this.month()+1)/3):this.month(this.month()%3+3*(p-1))};var l=u.add;u.add=function(p,f){return p=Number(p),this.$utils().p(f)===i?this.add(3*p,r):l.bind(this)(p,f)};var d=u.startOf;u.startOf=function(p,f){var g=this.$utils(),h=!!g.u(f)||f;if(g.p(p)===i){var b=this.quarter()-1;return h?this.month(3*b).startOf(r).startOf("day"):this.month(3*b+2).endOf(r).endOf("day")}return d.bind(this)(p,f)}}})})(e1);const t1=Xr;var Zr={},n1={get exports(){return Zr},set exports(e){Zr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){r=r||{};var o=i.prototype,u={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function l(p,f,g,h){return o.fromToBase(p,f,g,h)}s.en.relativeTime=u,o.fromToBase=function(p,f,g,h,b){for(var w,C,S,M=g.$locale().relativeTime||u,$=r.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],P=$.length,q=0;q<P;q+=1){var L=$[q];L.d&&(w=h?s(p).diff(g,L.d,!0):g.diff(p,L.d,!0));var z=(r.rounding||Math.round)(Math.abs(w));if(S=w>0,z<=L.r||!L.r){z<=1&&q>0&&(L=$[q-1]);var A=M[L.l];b&&(z=b(""+z)),C=typeof A=="string"?A.replace("%d",z):A(z,f,L.l,S);break}}if(f)return C;var G=S?M.future:M.past;return typeof G=="function"?G(C):G.replace("%s",C)},o.to=function(p,f){return l(p,f,this,!0)},o.from=function(p,f){return l(p,f,this)};var d=function(p){return p.$u?s.utc():s()};o.toNow=function(p){return this.to(d(this),p)},o.fromNow=function(p){return this.from(d(this),p)}}})})(n1);const r1=Zr;var Kr={},i1={get exports(){return Kr},set exports(e){Kr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r={year:0,month:1,day:2,hour:3,minute:4,second:5},i={};return function(s,o,u){var l,d=function(h,b,w){w===void 0&&(w={});var C=new Date(h),S=function(M,$){$===void 0&&($={});var P=$.timeZoneName||"short",q=M+"|"+P,L=i[q];return L||(L=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:M,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:P}),i[q]=L),L}(b,w);return S.formatToParts(C)},p=function(h,b){for(var w=d(h,b),C=[],S=0;S<w.length;S+=1){var M=w[S],$=M.type,P=M.value,q=r[$];q>=0&&(C[q]=parseInt(P,10))}var L=C[3],z=L===24?0:L,A=C[0]+"-"+C[1]+"-"+C[2]+" "+z+":"+C[4]+":"+C[5]+":000",G=+h;return(u.utc(A).valueOf()-(G-=G%1e3))/6e4},f=o.prototype;f.tz=function(h,b){h===void 0&&(h=l);var w=this.utcOffset(),C=this.toDate(),S=C.toLocaleString("en-US",{timeZone:h}),M=Math.round((C-new Date(S))/1e3/60),$=u(S).$set("millisecond",this.$ms).utcOffset(15*-Math.round(C.getTimezoneOffset()/15)-M,!0);if(b){var P=$.utcOffset();$=$.add(w-P,"minute")}return $.$x.$timezone=h,$},f.offsetName=function(h){var b=this.$x.$timezone||u.tz.guess(),w=d(this.valueOf(),b,{timeZoneName:h}).find(function(C){return C.type.toLowerCase()==="timezonename"});return w&&w.value};var g=f.startOf;f.startOf=function(h,b){if(!this.$x||!this.$x.$timezone)return g.call(this,h,b);var w=u(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return g.call(w,h,b).tz(this.$x.$timezone,!0)},u.tz=function(h,b,w){var C=w&&b,S=w||b||l,M=p(+u(),S);if(typeof h!="string")return u(h).tz(S);var $=function(z,A,G){var U=z-60*A*1e3,Q=p(U,G);if(A===Q)return[U,A];var ne=p(U-=60*(Q-A)*1e3,G);return Q===ne?[U,Q]:[z-60*Math.min(Q,ne)*1e3,Math.max(Q,ne)]}(u.utc(h,C).valueOf(),M,S),P=$[0],q=$[1],L=u(P).utcOffset(q);return L.$x.$timezone=S,L},u.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},u.tz.setDefault=function(h){l=h}}})})(i1);const a1=Kr;var Jr={},s1={get exports(){return Jr},set exports(e){Jr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.toArray=function(){return[this.$y,this.$M,this.$D,this.$H,this.$m,this.$s,this.$ms]}}})})(s1);const o1=Jr;var Hr={},l1={get exports(){return Hr},set exports(e){Hr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.toObject=function(){return{years:this.$y,months:this.$M,date:this.$D,hours:this.$H,minutes:this.$m,seconds:this.$s,milliseconds:this.$ms}}}})})(l1);const u1=Hr;var ei={},d1={get exports(){return ei},set exports(e){ei=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){s.updateLocale=function(o,u){var l=s.Ls[o];if(l)return(u?Object.keys(u):[]).forEach(function(d){l[d]=u[d]}),l}}})})(d1);const c1=ei;var ti={},p1={get exports(){return ti},set exports(e){ti=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r="minute",i=/[+-]\d\d(?::?\d\d)?/g,s=/([+-]|\d\d)/g;return function(o,u,l){var d=u.prototype;l.utc=function(C){var S={date:C,utc:!0,args:arguments};return new u(S)},d.utc=function(C){var S=l(this.toDate(),{locale:this.$L,utc:!0});return C?S.add(this.utcOffset(),r):S},d.local=function(){return l(this.toDate(),{locale:this.$L,utc:!1})};var p=d.parse;d.parse=function(C){C.utc&&(this.$u=!0),this.$utils().u(C.$offset)||(this.$offset=C.$offset),p.call(this,C)};var f=d.init;d.init=function(){if(this.$u){var C=this.$d;this.$y=C.getUTCFullYear(),this.$M=C.getUTCMonth(),this.$D=C.getUTCDate(),this.$W=C.getUTCDay(),this.$H=C.getUTCHours(),this.$m=C.getUTCMinutes(),this.$s=C.getUTCSeconds(),this.$ms=C.getUTCMilliseconds()}else f.call(this)};var g=d.utcOffset;d.utcOffset=function(C,S){var M=this.$utils().u;if(M(C))return this.$u?0:M(this.$offset)?g.call(this):this.$offset;if(typeof C=="string"&&(C=function(L){L===void 0&&(L="");var z=L.match(i);if(!z)return null;var A=(""+z[0]).match(s)||["-",0,0],G=A[0],U=60*+A[1]+ +A[2];return U===0?0:G==="+"?U:-U}(C),C===null))return this;var $=Math.abs(C)<=16?60*C:C,P=this;if(S)return P.$offset=$,P.$u=C===0,P;if(C!==0){var q=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(P=this.local().add($+q,r)).$offset=$,P.$x.$localOffset=q}else P=this.utc();return P};var h=d.format;d.format=function(C){var S=C||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,S)},d.valueOf=function(){var C=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*C},d.isUTC=function(){return!!this.$u},d.toISOString=function(){return this.toDate().toISOString()},d.toString=function(){return this.toDate().toUTCString()};var b=d.toDate;d.toDate=function(C){return C==="s"&&this.$offset?l(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():b.call(this)};var w=d.diff;d.diff=function(C,S,M){if(C&&this.$u===C.$u)return w.call(this,C,S,M);var $=this.local(),P=l(C).local();return w.call($,P,S,M)}}})})(p1);const h1=ti;var ni={},f1={get exports(){return ni},set exports(e){ni=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.weekday=function(s){var o=this.$locale().weekStart||0,u=this.$W,l=(u<o?u+7:u)-o;return this.$utils().u(s)?l:this.subtract(l,"day").add(s,"day")}}})})(f1);const g1=ni;var ri={},m1={get exports(){return ri},set exports(e){ri=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r="week",i="year";return function(s,o,u){var l=o.prototype;l.week=function(d){if(d===void 0&&(d=null),d!==null)return this.add(7*(d-this.week()),"day");var p=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var f=u(this).startOf(i).add(1,i).date(p),g=u(this).endOf(r);if(f.isBefore(g))return 1}var h=u(this).startOf(i).date(p).startOf(r).subtract(1,"millisecond"),b=this.diff(h,r,!0);return b<0?u(this).startOf("week").week():Math.ceil(b)},l.weeks=function(d){return d===void 0&&(d=null),this.week(d)}}})})(m1);const b1=ri;var ii={},y1={get exports(){return ii},set exports(e){ii=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.weekYear=function(){var s=this.month(),o=this.week(),u=this.year();return o===1&&s===11?u+1:s===0&&o>=52?u-1:u}}})})(y1);const v1=ii;j.extend(ow),j.extend(uw),j.extend(cw),j.extend(hw),j.extend(gw),j.extend(bw),j.extend(vw),j.extend(Cw),j.extend(_w),j.extend(Tw),j.extend(Dw),j.extend(Ew),j.extend(Pw),j.extend(Vw),j.extend(Nw),j.extend(qw),j.extend(Mw),j.extend($w),j.extend(Ww),j.extend(Yw),j.extend(Qw),j.extend(Xw),j.extend(Kw),j.extend(Hw),j.extend(t1),j.extend(r1),j.extend(a1),j.extend(o1),j.extend(u1),j.extend(c1),j.extend(h1),j.extend(b1),j.extend(v1),j.extend(g1),j.tz.setDefault("UTC");const x1=()=>Promise.resolve().then(()=>nl).then(({version:e})=>(console.log(`[@devtable/dashboard] version: ${e}`),e));D.ContentModel=Mt,D.ContentModelContextProvider=xn,D.ContextModel=ws,D.DashboardEditor=iw,D.DashboardFilterType=lr,D.DashboardMode=Ha,D.DashboardModel=zs,D.DashboardViewEditor=ts,D.DashboardViewRender=an,D.EViewComponentType=K,D.FilterModel=dr,D.FiltersModel=ps,D.FullScreenPanelContext=wn,D.LayoutStateContext=Ke,D.ModelContextProvider=vn,D.Panel=rn,D.PanelContextProvider=Cn,D.PanelModel=_s,D.PanelsModel=Ts,D.QueriesModel=vs,D.QueryModel=ys,D.ReadOnlyDashboard=aw,D.SQLSnippetModel=xs,D.SQLSnippetsModel=Cs,D.ViewComponentTypeBackground=es,D.ViewComponentTypeColor=nv,D.ViewComponentTypeName=tv,D.ViewModel=Ms,D.ViewsModel=As,D.applyPartialDashboard=bx,D.createContentModel=$s,D.createDashboardModel=mr,D.createDashboardViewsModel=gr,D.getInitialFiltersPayload=hs,D.getNewPanel=Ss,D.getVersion=x1,D.initialDashboardContent=rv,D.useContentModelContext=Y,D.useFullScreenPanelContext=Vi,D.useModelContext=ce,D.usePanelContext=Ce,D.useTopLevelServices=br,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"})});
+`)},yC=T.observer(({queryModel:e})=>{const[t,r]=m.useState(e.sql);m.useEffect(()=>{r(o=>o!==e.sql?e.sql:o)},[e.sql]);const i=t!==e.sql,s=()=>{e.setSQL(t)};return e.typedAsSQL?c(a.Tabs,{defaultValue:"Edit",orientation:"vertical",sx:{flexGrow:1},styles:{tabLabel:{width:"100%",height:"28px",lineHeight:"28px"}},keepMounted:!1,children:[c(a.Tabs.List,{children:[n(a.Tabs.Tab,{value:"Edit",children:c(a.Group,{spacing:14,position:"apart",children:["Edit SQL",n(a.ActionIcon,{mr:5,variant:"filled",color:"blue",disabled:!i,onClick:s,children:n(k.DeviceFloppy,{size:20})})]})}),n(a.Tabs.Tab,{value:"Preview",children:"Preview SQL"}),n(a.Tabs.Tab,{value:"pre_process",children:"Process Request"}),n(a.Tabs.Tab,{value:"post_process",children:"Process Result"}),n(_r,{}),e.datasource&&n(Ys,{dataSource:e.datasource})]}),n(a.Tabs.Panel,{value:"Edit",sx:{position:"relative"},p:"sm",children:n(Sr,{height:"100%",value:t,onChange:r})}),n(a.Tabs.Panel,{value:"Preview",p:0,pl:4,children:n(bC,{value:e.sql})}),n(a.Tabs.Panel,{value:"pre_process",sx:{position:"relative"},p:"sm",children:n(dn,{label:"",value:e.pre_process,onChange:e.setPreProcess,defaultValue:Xs.pre})}),n(a.Tabs.Panel,{value:"post_process",p:"sm",children:n(dn,{label:"",value:e.post_process,onChange:e.setPostProcess,defaultValue:Xs.post})})]}):null}),cn={height:"calc(100% - 44px)",padding:0},vC=T.observer(({queryModel:e})=>{const t=R(),r=m.useMemo(()=>e.datasource?e.typedAsHTTP?"HTTP":"SQL":"Configurations",[e.datasource,e.typedAsHTTP]),[i,s]=m.useState(r);m.useEffect(()=>{s(l=>l!=="Configurations"&&r==="Configurations"?"Configurations":l)},[r]);const o=t.findQueryUsage(e.id),u=o.length===0;return n(a.Stack,{sx:{flexGrow:1},my:0,p:0,children:c(a.Tabs,{value:i,onTabChange:s,defaultValue:r,orientation:"horizontal",keepMounted:!1,sx:{flexGrow:1},children:[c(a.Tabs.List,{grow:!0,children:[n(a.Tabs.Tab,{value:"Configurations",children:"Configurations"}),e.typedAsSQL&&n(a.Tabs.Tab,{value:"SQL",children:"Request"}),e.typedAsHTTP&&n(a.Tabs.Tab,{value:"HTTP",children:"Request"}),n(a.Tabs.Tab,{value:"Data",disabled:!e.datasource,children:n(a.Tooltip,{label:"Need to pick a Data Source first",disabled:e.datasource,withinPortal:!0,children:n(a.Text,{children:"Data"})})}),n(a.Tabs.Tab,{value:"Usage",disabled:u,children:n(a.Tooltip,{label:"This query is not used for any filter or panel",disabled:!u,withinPortal:!0,children:n(a.Text,{children:"Usage"})})})]}),n(a.Tabs.Panel,{value:"Configurations",pt:0,p:0,children:n(dC,{queryModel:e})}),e.typedAsSQL&&n(a.Tabs.Panel,{value:"SQL",sx:cn,children:n(a.Stack,{sx:{height:"100%"},children:n(yC,{queryModel:e})})}),e.typedAsHTTP&&n(a.Tabs.Panel,{value:"HTTP",sx:cn,children:n(a.Stack,{sx:{height:"100%"},children:n(fC,{queryModel:e})})}),n(a.Tabs.Panel,{value:"Data",sx:{...cn,overflow:"hidden"},children:n(qs,{id:e.id})}),n(a.Tabs.Panel,{value:"Usage",sx:{...cn,overflow:"hidden"},children:n(gC,{queryID:e.id,usage:o})})]})})}),xC=T.observer(({id:e})=>{const r=R().queries.findByID(e);return e===""?null:r?n(a.Stack,{sx:{height:"100%"},spacing:"sm",children:n(vC,{queryModel:r})}):n(a.Text,{size:14,color:"red",children:"Invalid Query ID"})}),CC=T.observer(({value:e})=>{const t=R(),{context:r,mock_context:i,filterValues:s}=t.payloadForSQL,o=Bv(e,r,i,s);return n(Sr,{height:"100%",value:o})}),wC=T.observer(({item:e,remove:t,onKeyChanged:r})=>{const[i,s]=m.useState("SQL"),[o,u]=m.useState(e.key),l=()=>{e.setKey(o),r(o)},d=o!==e.key,p=e.isADuplicatedKey(o),[f,g]=m.useState(e.value),h=()=>{e.setValue(f)};m.useEffect(()=>{u(e.key),g(e.value)},[e]);const b=f!==e.value,w=Le.useModals(),C=()=>{w.openConfirmModal({title:"Delete this SQL snippet?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:t,confirmProps:{color:"red"},zIndex:320})};return c(a.Stack,{p:20,sx:{maxWidth:"1100px",height:"100vh"},spacing:"sm",children:[c(a.Group,{sx:{alignItems:"end"},spacing:40,children:[n(a.TextInput,{label:p?"This key is occupied by another snippet":"Key",value:o,onChange:S=>{u(S.currentTarget.value)},sx:{flexGrow:"1 !important"},rightSection:n(a.ActionIcon,{color:"blue",variant:"subtle",onClick:l,disabled:!d||p,children:n(k.DeviceFloppy,{size:16})}),error:p}),n(a.Button,{leftIcon:n(k.Trash,{size:16}),color:"red",variant:"light",onClick:C,children:"Delete this SQL Snippet"})]}),c(a.Tabs,{value:i,onTabChange:s,sx:{flexGrow:1},styles:{panel:{height:"calc(100% - 50px)"}},children:[c(a.Tabs.List,{sx:{position:"relative"},children:[n(a.Tabs.Tab,{value:"SQL",children:"SQL"}),n(a.Tabs.Tab,{value:"Preview",children:"Preview"}),n(_r,{}),n(a.ActionIcon,{color:"blue",variant:"filled",onClick:h,disabled:!b,sx:{position:"absolute",top:0,right:10},children:n(k.DeviceFloppy,{size:18})})]}),n(a.Tabs.Panel,{value:"SQL",pt:"sm",children:n(Sr,{height:"100%",value:f,onChange:g})}),n(a.Tabs.Panel,{value:"Preview",pt:"sm",children:n(CC,{value:f})})]})]})}),_C=T.observer(({id:e})=>{const t=ce(),r=R(),i=m.useMemo(()=>r.sqlSnippets.findByKey(e),[e]);if(!e)return null;if(!i)return c(a.Text,{size:14,children:["SQL Snippet by key[",e,"] is not found"]});const s=()=>{t.editor.setPath(["_SQL_SNIPPETS_",""])};return n(wC,{item:i,remove:()=>{r.sqlSnippets.removeByKey(e),s()},onKeyChanged:l=>{t.editor.setPath(["_SQL_SNIPPETS_",l])}})}),SC=T.observer(({view:e})=>!e||e.type!==K.Division?null:c(a.Stack,{children:[n(a.Divider,{mt:8,mb:0,label:"Division settings",labelPosition:"center"}),n(a.Text,{align:"center",size:"xs",color:"dimmed",children:"Under construction"})]})),TC=[{value:"default",label:"Default"},{value:"outline",label:"Outline"},{value:"pills",label:"Pills"}],kC=[{value:"horizontal",label:"Horizontal"},{value:"vertical",label:"Vertical"}],DC=T.observer(({view:e})=>{if(!e||e.type!==K.Tabs)return null;const t=e.config;return c(a.Stack,{children:[n(a.Divider,{mt:8,mb:0,label:"Tabs settings",labelPosition:"center"}),n(a.Select,{label:"Variant",value:t.variant,onChange:t.setVariant,data:TC}),n(a.Select,{label:"Orientation",value:t.orientation,onChange:t.setOrientation,data:kC}),n(a.Switch,{label:"Grow Tabs",checked:t.grow,onChange:r=>t.setGrow(r.currentTarget.checked)})]})}),IC=({disabled:e,value:t,onChange:r})=>{const i=s=>{s&&r(s)};return c(a.Box,{sx:{position:"relative"},children:[e&&n(a.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),n(_e,{height:"500px",defaultLanguage:"javascript",value:t,onChange:i,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})},MC=({value:e,onChange:t})=>{const[r,{setTrue:i,setFalse:s}]=Z.useBoolean(),[o,u]=m.useState(e??fr),l=h=>{u({...o,enabled:h})},d=()=>{s();const{enabled:h,func_content:b}=o,w={enabled:h,func_content:b};u(w),t(w)},p=()=>{s(),u(e)},f=h=>{u(b=>({...b,func_content:h}))},g=()=>{f(fr.func_content)};return c(B,{children:[n(a.ActionIcon,{size:"lg",color:"blue",variant:"filled",mt:26,onClick:i,sx:{flexGrow:0},children:n(k.Settings,{size:14})}),n(a.Modal,{size:800,title:"Customize modal title",opened:r,onClose:s,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:r&&c(a.Stack,{children:[n(a.Checkbox,{mt:10,label:"Enabled",checked:o.enabled,onChange:h=>l(h.currentTarget.checked)}),n(IC,{value:o.func_content,onChange:f,disabled:!o.enabled}),c(a.Group,{position:"apart",children:[n(a.Button,{onClick:g,color:"red",leftIcon:n(k.Recycle,{size:20}),children:"Rest"}),c(a.Group,{position:"right",children:[n(a.Button,{onClick:p,variant:"subtle",children:"Cancel"}),n(a.Button,{onClick:d,children:"OK"})]})]})]})})]})},AC=T.observer(({view:e})=>{if(!e||e.type!==K.Modal)return null;const t=e.config,r=t.custom_modal_title.value;return c(a.Stack,{children:[n(a.Divider,{mt:8,label:"Modal settings",labelPosition:"center"}),c(a.Flex,{gap:10,children:[n(a.TextInput,{label:"Modal Title",value:r,onChange:v.noop,disabled:!0,sx:{flexGrow:1}}),n(MC,{value:t.custom_modal_title,onChange:t.custom_modal_title.replace})]}),c(a.Group,{grow:!0,children:[n(a.TextInput,{label:"Width",value:t.width,onChange:i=>t.setWidth(i.currentTarget.value),placeholder:"600px / 50vw"}),n(a.TextInput,{label:"Height",value:t.height,onChange:i=>t.setHeight(i.currentTarget.value),placeholder:"600px / 50vw"})]})]})}),$C=T.observer(({view:e})=>c(B,{children:[n(SC,{view:e}),n(AC,{view:e}),n(DC,{view:e})]})),zC=[{label:"Division",value:K.Division},{label:"Modal",value:K.Modal},{label:"Tabs",value:K.Tabs}],EC=T.observer(({view:e})=>e?c(a.Stack,{sx:{position:"relative"},children:[n(a.TextInput,{label:"Name",value:e.name,onChange:t=>{e.setName(t.currentTarget.value)}}),n(a.Select,{label:"Type",withinPortal:!0,value:e.type,onChange:e.setType,data:zC}),n($C,{view:e})]}):null),LC=T.observer(({id:e})=>{const t=Le.useModals(),r=ce(),i=R();if(e==="")return null;const s=i.views.findByID(e);if(!s)return c(a.Text,{size:14,children:["View by ID[",e,"] is not found"]});const o=()=>{r.editor.setPath(["_VIEWS_",""])},u=()=>{t.openConfirmModal({title:"Delete this view?",labels:{confirm:"Confirm",cancel:"Cancel"},onCancel:()=>console.log("Cancel"),onConfirm:()=>{i.views.removeByID(e),o()},zIndex:320})};return c(a.Stack,{sx:{maxWidth:"600px",height:"100%"},spacing:"sm",children:[n(a.Group,{position:"right",pt:10,children:n(a.Button,{size:"xs",color:"red",leftIcon:n(k.Trash,{size:16}),onClick:u,children:"Delete this view"})}),n(a.Box,{sx:{flexGrow:1,maxHeight:"calc(100% - 52px)",overflow:"auto"},children:n(EC,{view:s})})]})});function PC(e){return e.length===1&&e[0]==="_GLOBAL_VARS_"}function OC(e){return e.length===1&&e[0]==="_MOCK_CONTEXT_"}function VC(e){return e.length===2&&e[0]==="_FILTERS_"}function BC(e){return e.length===2&&e[0]==="_SQL_SNIPPETS_"}function NC(e){return e.length===2&&e[0]==="_QUERIES_"}function GC(e){return e.length===2&&e[0]==="_VIEWS_"}function qC(e){return e.length===4&&e[0]==="_VIEWS_"&&e[2]==="_PANELS_"}const FC=T.observer(()=>n(a.Stack,{sx:{height:"100%"},p:"sm",children:n(Qs,{})})),WC=T.observer(()=>{const e=ce().editor,t=e.path;return PC(t)?n(FC,{}):OC(t)?n(h0,{}):VC(t)?n(a.Box,{p:"xs",pl:20,children:n(p0,{id:t[1]})}):BC(t)?n(_C,{id:t[1]}):NC(t)?n(xC,{id:t[1]}):GC(t)?n(a.Box,{p:"xs",pl:20,children:n(LC,{id:t[1]})}):qC(t)?n(W0,{viewID:t[1],panelID:t[3]}):n(a.Box,{children:e.path})}),jC=T.observer(()=>n(WC,{})),RC=T.observer(()=>{const e=ce(),t=()=>{const r=new Date().getTime().toString(),i={id:r,key:r,label:r,order:e.content.filters.current.length+1,type:lr.TextInput,config:cs(),visibleInViewsIDs:["Main"],auto_submit:!1};e.content.filters.append(i),e.editor.setPath(["_FILTERS_",r])};return n(a.Button,{variant:"subtle",leftIcon:n(O.IconPlus,{size:14}),size:"sm",px:"xs",mb:10,color:"blue",onClick:t,sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"flex-start"}},children:"Add a Filter"})}),YC=T.observer(({parentID:e})=>{const t=R();if(!e)return null;const r=t.views.findByID(e);return r?n(a.Button,{variant:"subtle",leftIcon:n(O.IconPlus,{size:14}),size:"sm",px:"xs",mb:10,color:"blue",onClick:()=>t.addANewPanel(r.id),sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"flex-start"}},children:"Add a Panel"}):null}),QC=T.observer(()=>{const e=ce(),t=()=>{const r=new Date().getTime().toString(),i={id:r,name:r,type:pe.Postgresql,key:"",sql:""};e.content.queries.append(i),e.editor.setPath(["_QUERIES_",r])};return n(a.Button,{variant:"subtle",leftIcon:n(O.IconPlus,{size:14}),size:"sm",px:"xs",mb:10,color:"blue",onClick:t,sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"flex-start"}},children:"Add a Query"})}),UC=T.observer(()=>{const e=ce(),t=()=>{const r=new Date().getTime().toString(),i={key:r,value:""};e.content.sqlSnippets.append(i),e.editor.setPath(["_SQL_SNIPPETS_",r])};return n(a.Button,{variant:"subtle",leftIcon:n(O.IconPlus,{size:14}),size:"sm",px:"xs",mb:10,color:"blue",onClick:t,sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"flex-start"}},children:"Add a SQL Snippet"})}),XC=T.observer(()=>{const e=R();return n(a.Button,{variant:"subtle",leftIcon:n(O.IconPlus,{size:14}),size:"sm",px:"xs",mb:10,color:"blue",onClick:e.views.addARandomNewView,sx:{width:"100%",borderRadius:0},styles:{inner:{justifyContent:"flex-start"}},children:"Add a View"})}),ZC=T.observer(({action_type:e,parentID:t})=>(R(),e==="_Add_A_Filter_"?n(RC,{}):e==="_Add_A_SQL_SNIPPET_"?n(UC,{}):e==="_Add_A_QUERY_"?n(QC,{}):e==="_Add_A_VIEW_"?n(XC,{}):e==="_Add_A_PANEL_"?n(YC,{parentID:t}):null)),Zs=T.observer(({option:e})=>{var p;const t=ce().editor,r=t.isOptionActive,i=r(t.path,e),s=t.isOptionOpened,o=t.navigate,u=s(e),[l,d]=m.useState(u);return m.useEffect(()=>{d(u)},[u]),n(a.NavLink,{active:i,defaultOpened:u,opened:l,onChange:d,label:e.label,onClick:()=>o(e),icon:e.Icon?n(e.Icon,{size:18}):null,children:(p=e.children)==null?void 0:p.map(f=>f._type==="ACTION"?n(ZC,{action_type:f._action_type,parentID:f.parentID},`_ADD_${f.value}_`):n(Zs,{option:f},f.value))},e.label)}),KC=T.observer(()=>{const e=ce();return n(a.Box,{sx:{position:"relative"},children:e.editor.navOptions.map(t=>n(Zs,{option:t},t.value))})}),JC=T.observer(()=>{const e=ce();return c(a.Navbar,{p:0,width:{base:200,xs:200,sm:220,md:240,lg:280,xl:300},sx:{height:"100vh - 60px - 60px"},children:[n(a.Navbar.Section,{pt:9,pb:8,sx:{borderBottom:"1px solid #eee"},children:n(a.Text,{align:"center",sx:{userSelect:"none",cursor:"default"},children:"Settings"})}),n(a.Navbar.Section,{grow:!0,sx:{overflow:"auto"},children:n(KC,{})}),n(a.Navbar.Section,{children:n(a.Group,{grow:!0,p:"md",pt:"sm",sx:{borderTop:"1px solid #eee"},children:n(a.Button,{size:"xs",color:"red",leftIcon:n(O.IconX,{size:18}),onClick:()=>e.editor.close(),children:"Close"})})})]})}),HC={root:{height:"100vh",display:"flex",flexDirection:"column",overflow:"hidden"},body:{flexGrow:1,nav:{top:0,height:"100vh"}},main:{flexGrow:1,display:"flex",flexDirection:"column",paddingTop:0,height:"100vh"}},ew=T.observer(()=>{const e=ce().editor;return n(a.Modal,{onClose:()=>e.setSettingsOpen(!1),closeOnEscape:!1,closeOnClickOutside:!1,opened:e.settings_open,fullScreen:!0,title:null,transitionDuration:0,withCloseButton:!1,withinPortal:!0,zIndex:300,styles:{modal:{padding:"0 !important"}},children:n(a.AppShell,{padding:0,navbar:n(JC,{}),styles:HC,children:n(jC,{})})})}),tw=e=>e.replace(/([^:])(\/\/+)/g,"$1/");function nw(e){m.useEffect(()=>{if(_e.loader.__getMonacoInstance())return;console.log("loading monaco for @devtable/dashboard");const r=tw(e);_e.loader.config({paths:{vs:r}}),_e.loader.init().then(i=>console.log("monaco instance:",i))},[])}ba();const rw={root:{height:"100vh",display:"flex",flexDirection:"column",overflow:"hidden"},body:{flexGrow:1},main:{flexGrow:1,display:"flex",flexDirection:"column",paddingTop:60+30,height:"100vh"}},iw=({context:e,dashboard:t,content:r,update:i,className:s="dashboard",config:o,onChange:u,headerSlot:l,headerMenuItems:d},p)=>{nw(o.monacoPath),rs(o);const{data:f=[]}=Z.useRequest(hr),[g,h]=m.useState(!1),b=m.useMemo(()=>mr(t,r,f,e),[t,r]);m.useImperativeHandle(p,()=>b,[b]),zi(b.content,!0),m.useEffect(()=>{b.context.replace(e)},[e]),m.useEffect(()=>{b.datasources.replace(f)},[f]),m.useEffect(()=>se.reaction(()=>se.toJS(b.json),I=>{u==null||u(I)}),[b]);const w=async()=>{await i(b.json,b.content.json)},C=Z.useCreation(sr,[]),S=br(C);return n(Le.ModalsProvider,{children:n(vn,{value:b,children:n(xn,{value:b.content,children:n(Ke.Provider,{value:{layoutFrozen:g,freezeLayout:h,inEditMode:!0},children:n(qe.Provider,{value:C,children:c(Gt,{configure:S,children:[n(a.AppShell,{padding:0,header:n(Sx,{saveDashboardChanges:w,headerSlot:l,headerMenuItems:d}),navbar:n(Kx,{}),styles:rw,children:n(a.Box,{className:`${s} dashboard-root`,sx:{position:"relative"},children:b.content.views.visibleViews.map(I=>n(ns,{view:I},I.id))})}),n(ew,{})]})})})})})})},aw=T.observer(m.forwardRef(iw)),t_="";ba();const sw=T.observer(({context:e,dashboard:t,content:r,className:i="dashboard",config:s,fullScreenPanelID:o,setFullScreenPanelID:u})=>{rs(s);const{data:l=[]}=Z.useRequest(hr),d=m.useMemo(()=>mr(t,r,l,e),[t,r]);zi(d.content,!1),m.useEffect(()=>{d.context.replace(e)},[e]),m.useEffect(()=>{d.datasources.replace(l)},[l]);const p=Z.useCreation(sr,[]),f=br(p);return n(Le.ModalsProvider,{children:n(vn,{value:d,children:n(xn,{value:d.content,children:n(wn.Provider,{value:{fullScreenPanelID:o,setFullScreenPanelID:u},children:n(Ke.Provider,{value:{layoutFrozen:!0,freezeLayout:v.noop,inEditMode:!1},children:n(a.Box,{className:`${i} dashboard-root`,children:n(qe.Provider,{value:p,children:n(Gt,{configure:f,children:d.content.views.visibleViews.map(g=>n(an,{view:g},g.id))})})})})})})})})});var Tr={},ow={get exports(){return Tr},set exports(e){Tr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o=i.prototype,u=o.format;s.en.ordinal=function(l){var d=["th","st","nd","rd"],p=l%100;return"["+l+(d[(p-20)%10]||d[p]||d[0])+"]"},o.format=function(l){var d=this,p=this.$locale();if(!this.isValid())return u.bind(this)(l);var f=this.$utils(),g=(l||"YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g,function(h){switch(h){case"Q":return Math.ceil((d.$M+1)/3);case"Do":return p.ordinal(d.$D);case"gggg":return d.weekYear();case"GGGG":return d.isoWeekYear();case"wo":return p.ordinal(d.week(),"W");case"w":case"ww":return f.s(d.week(),h==="w"?1:2,"0");case"W":case"WW":return f.s(d.isoWeek(),h==="W"?1:2,"0");case"k":case"kk":return f.s(String(d.$H===0?24:d.$H),h==="k"?1:2,"0");case"X":return Math.floor(d.$d.getTime()/1e3);case"x":return d.$d.getTime();case"z":return"["+d.offsetName()+"]";case"zzz":return"["+d.offsetName("long")+"]";default:return h}});return u.bind(this)(g)}}})})(ow);const lw=Tr;var kr={},uw={get exports(){return kr},set exports(e){kr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o=i.prototype,u=function(d){var p=d.date,f=d.utc;return Array.isArray(p)?f?p.length?new Date(Date.UTC.apply(null,p)):new Date:p.length===1?s(String(p[0])).toDate():new(Function.prototype.bind.apply(Date,[null].concat(p))):p},l=o.parse;o.parse=function(d){d.date=u.bind(this)(d),l.bind(this)(d)}}})})(uw);const dw=kr;var Dr={},cw={get exports(){return Dr},set exports(e){Dr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){var s=i.prototype;s.$g=function(h,b,w){return this.$utils().u(h)?this[b]:this.$set(w,h)},s.set=function(h,b){return this.$set(h,b)};var o=s.startOf;s.startOf=function(h,b){return this.$d=o.bind(this)(h,b).toDate(),this.init(),this};var u=s.add;s.add=function(h,b){return this.$d=u.bind(this)(h,b).toDate(),this.init(),this};var l=s.locale;s.locale=function(h,b){return h?(this.$L=l.bind(this)(h,b).$L,this):this.$L};var d=s.daysInMonth;s.daysInMonth=function(){return d.bind(this.clone())()};var p=s.isSame;s.isSame=function(h,b){return p.bind(this.clone())(h,b)};var f=s.isBefore;s.isBefore=function(h,b){return f.bind(this.clone())(h,b)};var g=s.isAfter;s.isAfter=function(h,b){return g.bind(this.clone())(h,b)}}})})(cw);const pw=Dr;var Ir={},hw={get exports(){return Ir},set exports(e){Ir=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){var s=i.prototype,o=s.format;s.format=function(u){var l=this,d=(u||"YYYY-MM-DDTHH:mm:ssZ").replace(/(\[[^\]]+])|BBBB|BB/g,function(p,f){var g,h=String(l.$y+543),b=p==="BB"?[h.slice(-2),2]:[h,4];return f||(g=l.$utils()).s.apply(g,b.concat(["0"]))});return o.bind(this)(d)}}})})(hw);const fw=Ir;var Mr={},gw={get exports(){return Mr},set exports(e){Mr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o="h:mm A",u={lastDay:"[Yesterday at] "+o,sameDay:"[Today at] "+o,nextDay:"[Tomorrow at] "+o,nextWeek:"dddd [at] "+o,lastWeek:"[Last] dddd [at] "+o,sameElse:"MM/DD/YYYY"};i.prototype.calendar=function(l,d){var p=d||this.$locale().calendar||u,f=s(l||void 0).startOf("d"),g=this.diff(f,"d",!0),h="sameElse",b=g<-6?h:g<-1?"lastWeek":g<0?"lastDay":g<1?"sameDay":g<2?"nextDay":g<7?"nextWeek":h,w=p[b]||u[b];return typeof w=="function"?w.call(this,s()):this.format(w)}}})})(gw);const mw=Mr;var Ar={},bw={get exports(){return Ar},set exports(e){Ar=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},i=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,s=/\d\d/,o=/\d\d?/,u=/\d*[^-_:/,()\s\d]+/,l={},d=function(C){return(C=+C)+(C>68?1900:2e3)},p=function(C){return function(S){this[C]=+S}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(C){(this.zone||(this.zone={})).offset=function(S){if(!S||S==="Z")return 0;var I=S.match(/([+-]|\d\d)/g),$=60*I[1]+(+I[2]||0);return $===0?0:I[0]==="+"?-$:$}(C)}],g=function(C){var S=l[C];return S&&(S.indexOf?S:S.s.concat(S.f))},h=function(C,S){var I,$=l.meridiem;if($){for(var G=1;G<=24;G+=1)if(C.indexOf($(G,0,S))>-1){I=G>12;break}}else I=C===(S?"pm":"PM");return I},b={A:[u,function(C){this.afternoon=h(C,!1)}],a:[u,function(C){this.afternoon=h(C,!0)}],S:[/\d/,function(C){this.milliseconds=100*+C}],SS:[s,function(C){this.milliseconds=10*+C}],SSS:[/\d{3}/,function(C){this.milliseconds=+C}],s:[o,p("seconds")],ss:[o,p("seconds")],m:[o,p("minutes")],mm:[o,p("minutes")],H:[o,p("hours")],h:[o,p("hours")],HH:[o,p("hours")],hh:[o,p("hours")],D:[o,p("day")],DD:[s,p("day")],Do:[u,function(C){var S=l.ordinal,I=C.match(/\d+/);if(this.day=I[0],S)for(var $=1;$<=31;$+=1)S($).replace(/\[|\]/g,"")===C&&(this.day=$)}],M:[o,p("month")],MM:[s,p("month")],MMM:[u,function(C){var S=g("months"),I=(g("monthsShort")||S.map(function($){return $.slice(0,3)})).indexOf(C)+1;if(I<1)throw new Error;this.month=I%12||I}],MMMM:[u,function(C){var S=g("months").indexOf(C)+1;if(S<1)throw new Error;this.month=S%12||S}],Y:[/[+-]?\d+/,p("year")],YY:[s,function(C){this.year=d(C)}],YYYY:[/\d{4}/,p("year")],Z:f,ZZ:f};function w(C){var S,I;S=C,I=l&&l.formats;for(var $=(C=S.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(U,Q,ne){var ie=ne&&ne.toUpperCase();return Q||I[ne]||r[ne]||I[ie].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(oe,re,he){return re||he.slice(1)})})).match(i),G=$.length,V=0;V<G;V+=1){var L=$[V],z=b[L],A=z&&z[0],q=z&&z[1];$[V]=q?{regex:A,parser:q}:L.replace(/^\[|\]$/g,"")}return function(U){for(var Q={},ne=0,ie=0;ne<G;ne+=1){var oe=$[ne];if(typeof oe=="string")ie+=oe.length;else{var re=oe.regex,he=oe.parser,ge=U.slice(ie),Te=re.exec(ge)[0];he.call(Q,Te),U=U.replace(Te,"")}}return function(We){var $e=We.afternoon;if($e!==void 0){var Qe=We.hours;$e?Qe<12&&(We.hours+=12):Qe===12&&(We.hours=0),delete We.afternoon}}(Q),Q}}return function(C,S,I){I.p.customParseFormat=!0,C&&C.parseTwoDigitYear&&(d=C.parseTwoDigitYear);var $=S.prototype,G=$.parse;$.parse=function(V){var L=V.date,z=V.utc,A=V.args;this.$u=z;var q=A[1];if(typeof q=="string"){var U=A[2]===!0,Q=A[3]===!0,ne=U||Q,ie=A[2];Q&&(ie=A[2]),l=this.$locale(),!U&&ie&&(l=I.Ls[ie]),this.$d=function(ge,Te,We){try{if(["x","X"].indexOf(Te)>-1)return new Date((Te==="X"?1e3:1)*ge);var $e=w(Te)(ge),Qe=$e.year,it=$e.month,pn=$e.day,hn=$e.hours,ai=$e.minutes,si=$e.seconds,$t=$e.milliseconds,ft=$e.zone,tt=new Date,at=pn||(Qe||it?1:tt.getDate()),nt=Qe||tt.getFullYear(),gt=0;Qe&&!it||(gt=it>0?it-1:tt.getMonth());var mt=hn||0,zt=ai||0,Et=si||0,rt=$t||0;return ft?new Date(Date.UTC(nt,gt,at,mt,zt,Et,rt+60*ft.offset*1e3)):We?new Date(Date.UTC(nt,gt,at,mt,zt,Et,rt)):new Date(nt,gt,at,mt,zt,Et,rt)}catch{return new Date("")}}(L,q,z),this.init(),ie&&ie!==!0&&(this.$L=this.locale(ie).$L),ne&&L!=this.format(q)&&(this.$d=new Date("")),l={}}else if(q instanceof Array)for(var oe=q.length,re=1;re<=oe;re+=1){A[1]=q[re-1];var he=I.apply(this,A);if(he.isValid()){this.$d=he.$d,this.$L=he.$L,this.init();break}re===oe&&(this.$d=new Date(""))}else G.call(this,V)}}})})(bw);const yw=Ar;var $r={},vw={get exports(){return $r},set exports(e){$r=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){i.prototype.dayOfYear=function(o){var u=Math.round((s(this).startOf("day")-s(this).startOf("year"))/864e5)+1;return o==null?u:this.add(o-u,"day")}}})})(vw);const xw=$r;var zr={},Cw={get exports(){return zr},set exports(e){zr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r,i,s=1e3,o=6e4,u=36e5,l=864e5,d=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,p=31536e6,f=2592e6,g=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/,h={years:p,months:f,days:l,hours:u,minutes:o,seconds:s,milliseconds:1,weeks:6048e5},b=function(L){return L instanceof V},w=function(L,z,A){return new V(L,A,z.$l)},C=function(L){return i.p(L)+"s"},S=function(L){return L<0},I=function(L){return S(L)?Math.ceil(L):Math.floor(L)},$=function(L){return Math.abs(L)},G=function(L,z){return L?S(L)?{negative:!0,format:""+$(L)+z}:{negative:!1,format:""+L+z}:{negative:!1,format:""}},V=function(){function L(A,q,U){var Q=this;if(this.$d={},this.$l=U,A===void 0&&(this.$ms=0,this.parseFromMilliseconds()),q)return w(A*h[C(q)],this);if(typeof A=="number")return this.$ms=A,this.parseFromMilliseconds(),this;if(typeof A=="object")return Object.keys(A).forEach(function(oe){Q.$d[C(oe)]=A[oe]}),this.calMilliseconds(),this;if(typeof A=="string"){var ne=A.match(g);if(ne){var ie=ne.slice(2).map(function(oe){return oe!=null?Number(oe):0});return this.$d.years=ie[0],this.$d.months=ie[1],this.$d.weeks=ie[2],this.$d.days=ie[3],this.$d.hours=ie[4],this.$d.minutes=ie[5],this.$d.seconds=ie[6],this.calMilliseconds(),this}}return this}var z=L.prototype;return z.calMilliseconds=function(){var A=this;this.$ms=Object.keys(this.$d).reduce(function(q,U){return q+(A.$d[U]||0)*h[U]},0)},z.parseFromMilliseconds=function(){var A=this.$ms;this.$d.years=I(A/p),A%=p,this.$d.months=I(A/f),A%=f,this.$d.days=I(A/l),A%=l,this.$d.hours=I(A/u),A%=u,this.$d.minutes=I(A/o),A%=o,this.$d.seconds=I(A/s),A%=s,this.$d.milliseconds=A},z.toISOString=function(){var A=G(this.$d.years,"Y"),q=G(this.$d.months,"M"),U=+this.$d.days||0;this.$d.weeks&&(U+=7*this.$d.weeks);var Q=G(U,"D"),ne=G(this.$d.hours,"H"),ie=G(this.$d.minutes,"M"),oe=this.$d.seconds||0;this.$d.milliseconds&&(oe+=this.$d.milliseconds/1e3);var re=G(oe,"S"),he=A.negative||q.negative||Q.negative||ne.negative||ie.negative||re.negative,ge=ne.format||ie.format||re.format?"T":"",Te=(he?"-":"")+"P"+A.format+q.format+Q.format+ge+ne.format+ie.format+re.format;return Te==="P"||Te==="-P"?"P0D":Te},z.toJSON=function(){return this.toISOString()},z.format=function(A){var q=A||"YYYY-MM-DDTHH:mm:ss",U={Y:this.$d.years,YY:i.s(this.$d.years,2,"0"),YYYY:i.s(this.$d.years,4,"0"),M:this.$d.months,MM:i.s(this.$d.months,2,"0"),D:this.$d.days,DD:i.s(this.$d.days,2,"0"),H:this.$d.hours,HH:i.s(this.$d.hours,2,"0"),m:this.$d.minutes,mm:i.s(this.$d.minutes,2,"0"),s:this.$d.seconds,ss:i.s(this.$d.seconds,2,"0"),SSS:i.s(this.$d.milliseconds,3,"0")};return q.replace(d,function(Q,ne){return ne||String(U[Q])})},z.as=function(A){return this.$ms/h[C(A)]},z.get=function(A){var q=this.$ms,U=C(A);return U==="milliseconds"?q%=1e3:q=U==="weeks"?I(q/h[U]):this.$d[U],q===0?0:q},z.add=function(A,q,U){var Q;return Q=q?A*h[C(q)]:b(A)?A.$ms:w(A,this).$ms,w(this.$ms+Q*(U?-1:1),this)},z.subtract=function(A,q){return this.add(A,q,!0)},z.locale=function(A){var q=this.clone();return q.$l=A,q},z.clone=function(){return w(this.$ms,this)},z.humanize=function(A){return r().add(this.$ms,"ms").locale(this.$l).fromNow(!A)},z.milliseconds=function(){return this.get("milliseconds")},z.asMilliseconds=function(){return this.as("milliseconds")},z.seconds=function(){return this.get("seconds")},z.asSeconds=function(){return this.as("seconds")},z.minutes=function(){return this.get("minutes")},z.asMinutes=function(){return this.as("minutes")},z.hours=function(){return this.get("hours")},z.asHours=function(){return this.as("hours")},z.days=function(){return this.get("days")},z.asDays=function(){return this.as("days")},z.weeks=function(){return this.get("weeks")},z.asWeeks=function(){return this.as("weeks")},z.months=function(){return this.get("months")},z.asMonths=function(){return this.as("months")},z.years=function(){return this.get("years")},z.asYears=function(){return this.as("years")},L}();return function(L,z,A){r=A,i=A().$utils(),A.duration=function(Q,ne){var ie=A.locale();return w(Q,{$l:ie},ne)},A.isDuration=b;var q=z.prototype.add,U=z.prototype.subtract;z.prototype.add=function(Q,ne){return b(Q)&&(Q=Q.asMilliseconds()),q.bind(this)(Q,ne)},z.prototype.subtract=function(Q,ne){return b(Q)&&(Q=Q.asMilliseconds()),U.bind(this)(Q,ne)}}})})(Cw);const ww=zr;var Er={},_w={get exports(){return Er},set exports(e){Er=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){i.prototype.isBetween=function(o,u,l,d){var p=s(o),f=s(u),g=(d=d||"()")[0]==="(",h=d[1]===")";return(g?this.isAfter(p,l):!this.isBefore(p,l))&&(h?this.isBefore(f,l):!this.isAfter(f,l))||(g?this.isBefore(p,l):!this.isAfter(p,l))&&(h?this.isAfter(f,l):!this.isBefore(f,l))}}})})(_w);const Sw=Er;var Lr={},Tw={get exports(){return Lr},set exports(e){Lr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.isLeapYear=function(){return this.$y%4==0&&this.$y%100!=0||this.$y%400==0}}})})(Tw);const kw=Lr;var Pr={},Dw={get exports(){return Pr},set exports(e){Pr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){s.isMoment=function(o){return s.isDayjs(o)}}})})(Dw);const Iw=Pr;var Or={},Mw={get exports(){return Or},set exports(e){Or=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r="day";return function(i,s,o){var u=function(p){return p.add(4-p.isoWeekday(),r)},l=s.prototype;l.isoWeekYear=function(){return u(this).year()},l.isoWeek=function(p){if(!this.$utils().u(p))return this.add(7*(p-this.isoWeek()),r);var f,g,h,b,w=u(this),C=(f=this.isoWeekYear(),g=this.$u,h=(g?o.utc:o)().year(f).startOf("year"),b=4-h.isoWeekday(),h.isoWeekday()>4&&(b+=7),h.add(b,r));return w.diff(C,"week")+1},l.isoWeekday=function(p){return this.$utils().u(p)?this.day()||7:this.day(this.day()%7?p:p-7)};var d=l.startOf;l.startOf=function(p,f){var g=this.$utils(),h=!!g.u(f)||f;return g.p(p)==="isoweek"?h?this.date(this.date()-(this.isoWeekday()-1)).startOf("day"):this.date(this.date()-1-(this.isoWeekday()-1)+7).endOf("day"):d.bind(this)(p,f)}}})})(Mw);const Aw=Or;var Vr={},$w={get exports(){return Vr},set exports(e){Vr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.isoWeeksInYear=function(){var s=this.isLeapYear(),o=this.endOf("y").day();return o===4||s&&o===5?53:52}}})})($w);const zw=Vr;var Br={},Ew={get exports(){return Br},set exports(e){Br=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.isSameOrAfter=function(s,o){return this.isSame(s,o)||this.isAfter(s,o)}}})})(Ew);const Lw=Br;var Nr={},Pw={get exports(){return Nr},set exports(e){Nr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.isSameOrBefore=function(s,o){return this.isSame(s,o)||this.isBefore(s,o)}}})})(Pw);const Ow=Nr;var Gr={},Vw={get exports(){return Gr},set exports(e){Gr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){i.prototype.isToday=function(){var o="YYYY-MM-DD",u=s();return this.format(o)===u.format(o)}}})})(Vw);const Bw=Gr;var qr={},Nw={get exports(){return qr},set exports(e){qr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){i.prototype.isTomorrow=function(){var o="YYYY-MM-DD",u=s().add(1,"day");return this.format(o)===u.format(o)}}})})(Nw);const Gw=qr;var Fr={},qw={get exports(){return Fr},set exports(e){Fr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){i.prototype.isYesterday=function(){var o="YYYY-MM-DD",u=s().subtract(1,"day");return this.format(o)===u.format(o)}}})})(qw);const Fw=Fr;var Wr={},Ww={get exports(){return Wr},set exports(e){Wr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o=i.prototype,u=function(g){return g&&(g.indexOf?g:g.s)},l=function(g,h,b,w,C){var S=g.name?g:g.$locale(),I=u(S[h]),$=u(S[b]),G=I||$.map(function(L){return L.slice(0,w)});if(!C)return G;var V=S.weekStart;return G.map(function(L,z){return G[(z+(V||0))%7]})},d=function(){return s.Ls[s.locale()]},p=function(g,h){return g.formats[h]||function(b){return b.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(w,C,S){return C||S.slice(1)})}(g.formats[h.toUpperCase()])},f=function(){var g=this;return{months:function(h){return h?h.format("MMMM"):l(g,"months")},monthsShort:function(h){return h?h.format("MMM"):l(g,"monthsShort","months",3)},firstDayOfWeek:function(){return g.$locale().weekStart||0},weekdays:function(h){return h?h.format("dddd"):l(g,"weekdays")},weekdaysMin:function(h){return h?h.format("dd"):l(g,"weekdaysMin","weekdays",2)},weekdaysShort:function(h){return h?h.format("ddd"):l(g,"weekdaysShort","weekdays",3)},longDateFormat:function(h){return p(g.$locale(),h)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};o.localeData=function(){return f.bind(this)()},s.localeData=function(){var g=d();return{firstDayOfWeek:function(){return g.weekStart||0},weekdays:function(){return s.weekdays()},weekdaysShort:function(){return s.weekdaysShort()},weekdaysMin:function(){return s.weekdaysMin()},months:function(){return s.months()},monthsShort:function(){return s.monthsShort()},longDateFormat:function(h){return p(g,h)},meridiem:g.meridiem,ordinal:g.ordinal}},s.months=function(){return l(d(),"months")},s.monthsShort=function(){return l(d(),"monthsShort","months",3)},s.weekdays=function(g){return l(d(),"weekdays",null,null,g)},s.weekdaysShort=function(g){return l(d(),"weekdaysShort","weekdays",3,g)},s.weekdaysMin=function(g){return l(d(),"weekdaysMin","weekdays",2,g)}}})})(Ww);const jw=Wr;var jr={},Rw={get exports(){return jr},set exports(e){jr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(i,s,o){var u=s.prototype,l=u.format;o.en.formats=r,u.format=function(d){d===void 0&&(d="YYYY-MM-DDTHH:mm:ssZ");var p=this.$locale().formats,f=function(g,h){return g.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(b,w,C){var S=C&&C.toUpperCase();return w||h[C]||r[C]||h[S].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(I,$,G){return $||G.slice(1)})})}(d,p===void 0?{}:p);return l.call(this,f)}}})})(Rw);const Yw=jr;var Rr={},Qw={get exports(){return Rr},set exports(e){Rr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o=function(u,l){if(!l||!l.length||!l[0]||l.length===1&&!l[0].length)return null;var d;l.length===1&&l[0].length>0&&(l=l[0]),d=l[0];for(var p=1;p<l.length;p+=1)l[p].isValid()&&!l[p][u](d)||(d=l[p]);return d};s.max=function(){var u=[].slice.call(arguments,0);return o("isAfter",u)},s.min=function(){var u=[].slice.call(arguments,0);return o("isBefore",u)}}})})(Qw);const Uw=Rr;var Yr={},Xw={get exports(){return Yr},set exports(e){Yr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){var o=i.prototype,u=function(g){var h,b=g.date,w=g.utc,C={};if(!((h=b)instanceof Date)&&!(h instanceof Array)&&h instanceof Object){if(!Object.keys(b).length)return new Date;var S=w?s.utc():s();Object.keys(b).forEach(function(q){var U,Q;C[U=q,Q=o.$utils().p(U),Q==="date"?"day":Q]=b[q]});var I=C.day||(C.year||C.month>=0?1:S.date()),$=C.year||S.year(),G=C.month>=0?C.month:C.year||C.day?0:S.month(),V=C.hour||0,L=C.minute||0,z=C.second||0,A=C.millisecond||0;return w?new Date(Date.UTC($,G,I,V,L,z,A)):new Date($,G,I,V,L,z,A)}return b},l=o.parse;o.parse=function(g){g.date=u.bind(this)(g),l.bind(this)(g)};var d=o.set,p=o.add,f=function(g,h,b,w){if(w===void 0&&(w=1),h instanceof Object){var C=Object.keys(h),S=this;return C.forEach(function(I){S=g.bind(S)(h[I]*w,I)}),S}return g.bind(this)(h*w,b)};o.set=function(g,h){return h=h===void 0?g:h,f.bind(this)(function(b,w){return d.bind(this)(w,b)},h,g)},o.add=function(g,h){return f.bind(this)(p,g,h)},o.subtract=function(g,h){return f.bind(this)(p,g,h,-1)}}})})(Xw);const Zw=Yr;var Qr={},Kw={get exports(){return Qr},set exports(e){Qr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){var s=i.prototype;["milliseconds","seconds","minutes","hours","days","weeks","isoWeeks","months","quarters","years","dates"].forEach(function(o){s[o]=s[o.replace(/s$/,"")]})}})})(Kw);const Jw=Qr;var Ur={},Hw={get exports(){return Ur},set exports(e){Ur=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){var s=i.prototype.parse;i.prototype.parse=function(l){if(typeof l.date=="string"){var d=this.$locale();l.date=d&&d.preparse?d.preparse(l.date):l.date}return s.bind(this)(l)};var o=i.prototype.format;i.prototype.format=function(){for(var l=arguments.length,d=new Array(l),p=0;p<l;p++)d[p]=arguments[p];var f=o.call.apply(o,[this].concat(d)),g=this.$locale();return g&&g.postformat?g.postformat(f):f};var u=i.prototype.fromToBase;u&&(i.prototype.fromToBase=function(l,d,p,f){var g=this.$locale()||p.$locale();return u.call(this,l,d,p,f,g&&g.postformat)})}})})(Hw);const e1=Ur;var Xr={},t1={get exports(){return Xr},set exports(e){Xr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r="month",i="quarter";return function(s,o){var u=o.prototype;u.quarter=function(p){return this.$utils().u(p)?Math.ceil((this.month()+1)/3):this.month(this.month()%3+3*(p-1))};var l=u.add;u.add=function(p,f){return p=Number(p),this.$utils().p(f)===i?this.add(3*p,r):l.bind(this)(p,f)};var d=u.startOf;u.startOf=function(p,f){var g=this.$utils(),h=!!g.u(f)||f;if(g.p(p)===i){var b=this.quarter()-1;return h?this.month(3*b).startOf(r).startOf("day"):this.month(3*b+2).endOf(r).endOf("day")}return d.bind(this)(p,f)}}})})(t1);const n1=Xr;var Zr={},r1={get exports(){return Zr},set exports(e){Zr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){r=r||{};var o=i.prototype,u={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function l(p,f,g,h){return o.fromToBase(p,f,g,h)}s.en.relativeTime=u,o.fromToBase=function(p,f,g,h,b){for(var w,C,S,I=g.$locale().relativeTime||u,$=r.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],G=$.length,V=0;V<G;V+=1){var L=$[V];L.d&&(w=h?s(p).diff(g,L.d,!0):g.diff(p,L.d,!0));var z=(r.rounding||Math.round)(Math.abs(w));if(S=w>0,z<=L.r||!L.r){z<=1&&V>0&&(L=$[V-1]);var A=I[L.l];b&&(z=b(""+z)),C=typeof A=="string"?A.replace("%d",z):A(z,f,L.l,S);break}}if(f)return C;var q=S?I.future:I.past;return typeof q=="function"?q(C):q.replace("%s",C)},o.to=function(p,f){return l(p,f,this,!0)},o.from=function(p,f){return l(p,f,this)};var d=function(p){return p.$u?s.utc():s()};o.toNow=function(p){return this.to(d(this),p)},o.fromNow=function(p){return this.from(d(this),p)}}})})(r1);const i1=Zr;var Kr={},a1={get exports(){return Kr},set exports(e){Kr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r={year:0,month:1,day:2,hour:3,minute:4,second:5},i={};return function(s,o,u){var l,d=function(h,b,w){w===void 0&&(w={});var C=new Date(h),S=function(I,$){$===void 0&&($={});var G=$.timeZoneName||"short",V=I+"|"+G,L=i[V];return L||(L=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:I,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:G}),i[V]=L),L}(b,w);return S.formatToParts(C)},p=function(h,b){for(var w=d(h,b),C=[],S=0;S<w.length;S+=1){var I=w[S],$=I.type,G=I.value,V=r[$];V>=0&&(C[V]=parseInt(G,10))}var L=C[3],z=L===24?0:L,A=C[0]+"-"+C[1]+"-"+C[2]+" "+z+":"+C[4]+":"+C[5]+":000",q=+h;return(u.utc(A).valueOf()-(q-=q%1e3))/6e4},f=o.prototype;f.tz=function(h,b){h===void 0&&(h=l);var w=this.utcOffset(),C=this.toDate(),S=C.toLocaleString("en-US",{timeZone:h}),I=Math.round((C-new Date(S))/1e3/60),$=u(S).$set("millisecond",this.$ms).utcOffset(15*-Math.round(C.getTimezoneOffset()/15)-I,!0);if(b){var G=$.utcOffset();$=$.add(w-G,"minute")}return $.$x.$timezone=h,$},f.offsetName=function(h){var b=this.$x.$timezone||u.tz.guess(),w=d(this.valueOf(),b,{timeZoneName:h}).find(function(C){return C.type.toLowerCase()==="timezonename"});return w&&w.value};var g=f.startOf;f.startOf=function(h,b){if(!this.$x||!this.$x.$timezone)return g.call(this,h,b);var w=u(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return g.call(w,h,b).tz(this.$x.$timezone,!0)},u.tz=function(h,b,w){var C=w&&b,S=w||b||l,I=p(+u(),S);if(typeof h!="string")return u(h).tz(S);var $=function(z,A,q){var U=z-60*A*1e3,Q=p(U,q);if(A===Q)return[U,A];var ne=p(U-=60*(Q-A)*1e3,q);return Q===ne?[U,Q]:[z-60*Math.min(Q,ne)*1e3,Math.max(Q,ne)]}(u.utc(h,C).valueOf(),I,S),G=$[0],V=$[1],L=u(G).utcOffset(V);return L.$x.$timezone=S,L},u.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},u.tz.setDefault=function(h){l=h}}})})(a1);const s1=Kr;var Jr={},o1={get exports(){return Jr},set exports(e){Jr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.toArray=function(){return[this.$y,this.$M,this.$D,this.$H,this.$m,this.$s,this.$ms]}}})})(o1);const l1=Jr;var Hr={},u1={get exports(){return Hr},set exports(e){Hr=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.toObject=function(){return{years:this.$y,months:this.$M,date:this.$D,hours:this.$H,minutes:this.$m,seconds:this.$s,milliseconds:this.$ms}}}})})(u1);const d1=Hr;var ei={},c1={get exports(){return ei},set exports(e){ei=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i,s){s.updateLocale=function(o,u){var l=s.Ls[o];if(l)return(u?Object.keys(u):[]).forEach(function(d){l[d]=u[d]}),l}}})})(c1);const p1=ei;var ti={},h1={get exports(){return ti},set exports(e){ti=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r="minute",i=/[+-]\d\d(?::?\d\d)?/g,s=/([+-]|\d\d)/g;return function(o,u,l){var d=u.prototype;l.utc=function(C){var S={date:C,utc:!0,args:arguments};return new u(S)},d.utc=function(C){var S=l(this.toDate(),{locale:this.$L,utc:!0});return C?S.add(this.utcOffset(),r):S},d.local=function(){return l(this.toDate(),{locale:this.$L,utc:!1})};var p=d.parse;d.parse=function(C){C.utc&&(this.$u=!0),this.$utils().u(C.$offset)||(this.$offset=C.$offset),p.call(this,C)};var f=d.init;d.init=function(){if(this.$u){var C=this.$d;this.$y=C.getUTCFullYear(),this.$M=C.getUTCMonth(),this.$D=C.getUTCDate(),this.$W=C.getUTCDay(),this.$H=C.getUTCHours(),this.$m=C.getUTCMinutes(),this.$s=C.getUTCSeconds(),this.$ms=C.getUTCMilliseconds()}else f.call(this)};var g=d.utcOffset;d.utcOffset=function(C,S){var I=this.$utils().u;if(I(C))return this.$u?0:I(this.$offset)?g.call(this):this.$offset;if(typeof C=="string"&&(C=function(L){L===void 0&&(L="");var z=L.match(i);if(!z)return null;var A=(""+z[0]).match(s)||["-",0,0],q=A[0],U=60*+A[1]+ +A[2];return U===0?0:q==="+"?U:-U}(C),C===null))return this;var $=Math.abs(C)<=16?60*C:C,G=this;if(S)return G.$offset=$,G.$u=C===0,G;if(C!==0){var V=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(G=this.local().add($+V,r)).$offset=$,G.$x.$localOffset=V}else G=this.utc();return G};var h=d.format;d.format=function(C){var S=C||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,S)},d.valueOf=function(){var C=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*C},d.isUTC=function(){return!!this.$u},d.toISOString=function(){return this.toDate().toISOString()},d.toString=function(){return this.toDate().toUTCString()};var b=d.toDate;d.toDate=function(C){return C==="s"&&this.$offset?l(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():b.call(this)};var w=d.diff;d.diff=function(C,S,I){if(C&&this.$u===C.$u)return w.call(this,C,S,I);var $=this.local(),G=l(C).local();return w.call($,G,S,I)}}})})(h1);const f1=ti;var ni={},g1={get exports(){return ni},set exports(e){ni=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.weekday=function(s){var o=this.$locale().weekStart||0,u=this.$W,l=(u<o?u+7:u)-o;return this.$utils().u(s)?l:this.subtract(l,"day").add(s,"day")}}})})(g1);const m1=ni;var ri={},b1={get exports(){return ri},set exports(e){ri=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){var r="week",i="year";return function(s,o,u){var l=o.prototype;l.week=function(d){if(d===void 0&&(d=null),d!==null)return this.add(7*(d-this.week()),"day");var p=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var f=u(this).startOf(i).add(1,i).date(p),g=u(this).endOf(r);if(f.isBefore(g))return 1}var h=u(this).startOf(i).date(p).startOf(r).subtract(1,"millisecond"),b=this.diff(h,r,!0);return b<0?u(this).startOf("week").week():Math.ceil(b)},l.weeks=function(d){return d===void 0&&(d=null),this.week(d)}}})})(b1);const y1=ri;var ii={},v1={get exports(){return ii},set exports(e){ii=e}};(function(e,t){(function(r,i){e.exports=i()})(H,function(){return function(r,i){i.prototype.weekYear=function(){var s=this.month(),o=this.week(),u=this.year();return o===1&&s===11?u+1:s===0&&o>=52?u-1:u}}})})(v1);const x1=ii;j.extend(lw),j.extend(dw),j.extend(pw),j.extend(fw),j.extend(mw),j.extend(yw),j.extend(xw),j.extend(ww),j.extend(Sw),j.extend(kw),j.extend(Iw),j.extend(Lw),j.extend(Ow),j.extend(Bw),j.extend(Gw),j.extend(Fw),j.extend(Aw),j.extend(zw),j.extend(jw),j.extend(Yw),j.extend(Uw),j.extend(Zw),j.extend(Jw),j.extend(e1),j.extend(n1),j.extend(i1),j.extend(s1),j.extend(l1),j.extend(d1),j.extend(p1),j.extend(f1),j.extend(y1),j.extend(x1),j.extend(m1),j.tz.setDefault("UTC");const C1=()=>Promise.resolve().then(()=>rl).then(({version:e})=>(console.log(`[@devtable/dashboard] version: ${e}`),e));D.ContentModel=Mt,D.ContentModelContextProvider=xn,D.ContextModel=_s,D.DashboardEditor=aw,D.DashboardFilterType=lr,D.DashboardMode=es,D.DashboardModel=Es,D.DashboardViewEditor=ns,D.DashboardViewRender=an,D.EViewComponentType=K,D.FilterModel=dr,D.FiltersModel=hs,D.FullScreenPanelContext=wn,D.LayoutStateContext=Ke,D.ModelContextProvider=vn,D.Panel=rn,D.PanelContextProvider=Cn,D.PanelModel=Ss,D.PanelsModel=ks,D.QueriesModel=xs,D.QueryModel=vs,D.ReadOnlyDashboard=sw,D.SQLSnippetModel=Cs,D.SQLSnippetsModel=ws,D.ViewComponentTypeBackground=ts,D.ViewComponentTypeColor=rv,D.ViewComponentTypeName=nv,D.ViewModel=As,D.ViewsModel=$s,D.applyPartialDashboard=yx,D.createContentModel=zs,D.createDashboardModel=mr,D.createDashboardViewsModel=gr,D.getInitialFiltersPayload=fs,D.getNewPanel=Ts,D.getVersion=C1,D.initialDashboardContent=iv,D.useContentModelContext=R,D.useFullScreenPanelContext=Vi,D.useModelContext=ce,D.usePanelContext=Ce,D.useTopLevelServices=br,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"})});