@devtable/dashboard 13.27.9-beta.1 → 13.27.11

package/dist/dashboard.umd.js

@@ -78,7 +78,7 @@ Check the top-level render call using <`+q+">.")}return A}}function Dg(C,A){{if(
       ${Object.entries(t).map(([s,i])=>`const ${s} = '${i}';`).join(`
 `)}
       return ${e};
-    `)(n)}catch(s){return console.error(s),console.log(e),e}}function yu(e,t,n,s){const i=Qy(t,s);return e.replaceAll(/(\{\{([^{\}]+(?=}))\}\})/g,(...l)=>{const c=l[2];if(!c)return c;const u=i[c];if(u)return u;const d=Uy(c);return Yy(d,i,n)})}function Ky(e,t){const n=dc.decode(t);n!==e&&(console.error("Inconsistent sql"),console.groupCollapsed("Inconsistent sql"),console.table({before:e,after:t,v:n}),console.groupEnd())}async function Xy({query:e,name:t,payload:n,additionals:s},i){if(!e.sql)return[];const{type:a,key:l,sql:c,pre_process:u,post_process:d}=e,h=ki(c,n),p=Im({sql:h,pre_process:u}),f=dc.encode(p);Ky(p,f);let m=await Qt.query(i)({type:a,key:l,query:f,...s},{params:{name:t}});return m=zm(d,m,Hi(n)),m}async function Jy({type:e,key:t,configString:n,name:s,additionals:i},a){try{return await Qt.httpDataSourceQuery(a)({type:e,key:t,query:n,...i},{params:{name:s}})}catch(l){if(Gt.isCancel(l))throw l;return console.error(l),l}}async function ea(){try{return(await Qt.post()("/datasource/list",{filter:{},sort:[{field:"create_time",order:"ASC"}],pagination:{page:1,pagesize:100}},{})).data}catch(e){return console.error(e),[]}}async function bu(){try{return(await Qt.post()("/sql_snippet/list",{filter:{},sort:[{field:"id",order:"ASC"}],pagination:{page:1,pagesize:1e3}},{})).data}catch(e){return console.error(e),[]}}class vu{constructor(t){N(this,"rootRef");this.rootRef=ae.observable({current:t})}async deleteItem(t){ae.runInAction(()=>{v.unset(this.rootRef.current,[t])})}getItem(t){const n=this.getValueFromRoot(t);return Promise.resolve(n)}getValueFromRoot(t){return t===null?ae.toJS(this.rootRef.current):v.get(this.rootRef.current,[t])}setItem(t,n){if(t===null)if(v.isObject(n))ae.runInAction(()=>{this.rootRef.current=n});else throw new Error("Cannot set root value to non-object");else ae.runInAction(()=>{v.set(this.rootRef.current,[t],n)});return Promise.resolve(this.getItem(t))}watchItem(t,n,s){return ae.reaction(()=>this.getValueFromRoot(t),(i,a)=>{n(i,a)},{requiresObservable:!0,fireImmediately:v.get(s,"fireImmediately",!1)})}}class Zy{constructor(){N(this,"channels",new Map);N(this,"globalChannel",new hc)}getChannel(t){const n=this.channels.get(t);if(n)return n;const s=new hc;return this.channels.set(t,s),s}}class Hy{constructor(t){N(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 n=this.instances.get(t.id);if(n)return n;const s={id:t.id,name:t.viz.type,type:t.viz.type,messageChannels:new Zy,instanceData:new vu(t.viz.conf)};return this.instances.set(t.id,s),s}}function _u(e,t,n,s){return{vizManager:n,locale:"zh",msgChannels:e.messageChannels,instanceData:e.instanceData,pluginData:new vu({}),colorPalette:{getColor(){return()=>""}},data:t,variables:s}}const eb=e=>{const{panel:t,measure:n,vizManager:s,data:i,variables:a}=e,l=s.resolveComponent(t.viz.type),c=s.getOrCreateInstance(t),u={..._u(c,i,s,a),viewport:{width:n.w,height:n.h}},d=l.viewRender;return r.jsx(d,{context:u,instance:c,...v.omit(e,["panel","vizManager","data"])})},tb=e=>{const{vizManager:t,panel:n,data:s,variables:i}=e,a=t.resolveComponent(n.viz.type),l=t.getOrCreateInstance(n),c={..._u(l,s,t,i)},u=a.configRender;return r.jsx(u,{context:c,instance:l,...v.omit(e,["panel","vizManager","data"])})},ju=(e,t)=>{const n=Rt.bezier(e),s=Rt.bezier(t);return function(i){return i<50?n(i*2/100).hex():s((i-50)*2/100).hex()}},ks=e=>{const t=Rt.bezier(e);return function(n){return t(n/100).hex()}},nb={type:"interpolation",displayName:"style.color.interpolation.palette.red_green",getColor:ju(["darkred","deeppink","lightyellow"],["lightyellow","lightgreen","teal"]),name:"red-green",category:"diverging"},rb={type:"interpolation",displayName:"style.color.interpolation.palette.yellow_blue",getColor:ju(["#8f531d","#ffd347","#e3efe3"],["#eefaee","#4ecbbf","#003f94"]),name:"yellow-blue",category:"diverging"},sb={type:"interpolation",displayName:"style.color.interpolation.palette.red",getColor:ks(["#fff7f1","darkred"]),name:"red",category:"sequential"},ib={type:"interpolation",displayName:"style.color.interpolation.palette.green",getColor:ks(["#f0ffed","darkgreen"]),name:"green",category:"sequential"},ab={type:"interpolation",displayName:"style.color.interpolation.palette.blue",getColor:ks(["#f9fcff","#48b3e9","darkblue"]),name:"blue",category:"sequential"},ob={type:"interpolation",displayName:"style.color.interpolation.palette.orange",getColor:ks(["#fff7f1","darkorange","#b60000"]),name:"orange",category:"sequential"};class lb{constructor(t){N(this,"symbol");this.symbol=Symbol(t)}}function an(e){return new lb(e)}class ta{constructor(){N(this,"parent");N(this,"factoryRegistry",new Map);N(this,"instanceRegistry",new Map)}createScoped(){const t=new ta;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 n=this.factoryRegistry.get(t.symbol);if(n){const s=n(this);return this.instanceRegistry.set(t.symbol,s),s}if(this.parent)return this.parent.get(t)}provideFactory(t,n){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,n),this}provideValue(t,n){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,()=>n),this}dispose(){this.instanceRegistry.forEach(t=>{const n=v.get(t,"dispose");v.isFunction(n)&&n.bind(t)()}),this.instanceRegistry.clear(),this.factoryRegistry.clear()}}const wu="13.27.9-beta.1",cb=Object.freeze(Object.defineProperty({__proto__:null,version:wu},Symbol.toStringTag,{value:"Module"}));class ub{constructor(t){N(this,"staticColors",new Map);N(this,"interpolations",new Map);t.installedPlugins.forEach(n=>{n.manifest.color.forEach(s=>{this.register(s)})})}getStaticColors(){return Array.from(this.staticColors.values())}register(t){const n=this.encodeColor(t);t.type==="single"?(this.staticColors.has(n)&&console.warn(`the color '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`),this.staticColors.set(n,t)):t.type==="interpolation"&&(this.interpolations.has(n)&&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(n,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 db{constructor(){N(this,"plugins",new Map);N(this,"vizComponents",new Map);N(this,"factory",{viz:t=>{const n=this.vizComponents.get(t);if(n)return n;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 n of t.manifest.viz){if(this.vizComponents.has(n.name))throw new Error(`Viz Component (${n.name}) has been installed before`);this.vizComponents.set(n.name,n)}}get installedPlugins(){return Array.from(this.plugins.values())}}class hb{constructor(){N(this,"migrations",[])}version(t,n){return this.migrations.push({version:t,handler:n}),this}run(t,n,s){var l;if(t.from===t.to)return n;if(t.from>t.to)throw new Error(`Can not downgrade from version '${t.from}' to (${t.to})`);const i=this.migrations.filter(c=>c.version>t.from&&c.version<=t.to),a=v.orderBy(i,"version","asc");if(((l=v.last(a))==null?void 0:l.version)!==t.to)throw new Error(`Migration to version ${t.to} not found`);return a.reduce((c,u)=>u.handler(c,s),n)}}class Me extends hb{constructor(){super(),this.configVersions()}version(t,n){return super.version(t,(s,i)=>({version:t,...n(s,i)}))}async migrate({configData:t,panelModel:n}){const s=await t.getItem(null),i=v.get(s,"version",0),a=this.run({from:i,to:this.VERSION},s,{panelModel:n});await t.setItem(null,a)}async needMigration({configData:t}){const n=await t.getItem(null);return v.get(n,"version",0)<this.VERSION}}const Q=(e,t)=>{const[n,{setFalse:s}]=Z.useBoolean(!0),[i,a]=g.useState();g.useEffect(()=>(e.getItem(t).then(c=>{a(c),s()}),e.watchItem(t,c=>{a(c)})));const l=g.useCallback(async c=>{await e.setItem(t,c),a(c)},[e,t]);return{loading:n,value:i,set:l}},it={top:16,right:16,bottom:16,left:16},Pt=e=>Math.max(0,e-it.left-it.right),Lt=e=>Math.max(0,e-it.top-it.bottom),Dr=(e,t)=>({width:Pt(e),height:Lt(t)}),at=({width:e,height:t,children:n})=>r.jsx(o.Box,{pt:it.top,pr:it.right,pb:it.bottom,pl:it.left,sx:{width:e,height:t,overflow:"hidden",position:"relative"},children:n}),na={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"}};function pb({context:e}){const{value:t}=Q(e.instanceData,"config"),n=e.data,{width:s,height:i}=e.viewport,{x_axis_data_key:a,y_axis_data_key:l,z_axis_data_key:c,xAxis3D:u,yAxis3D:d,zAxis3D:h}=v.defaults({},t,na),p=g.useMemo(()=>as(n,a),[n,a]),{x:f,y:m,z:y}=g.useMemo(()=>({x:O(a),y:O(l),z:O(c)}),[a,l,c]),{min:_,max:k}=g.useMemo(()=>{const T=v.minBy(p,z=>z[y.columnKey]),I=v.maxBy(p,z=>z[y.columnKey]);return{min:v.get(T,y.columnKey),max:v.get(I,y.columnKey)}},[p,y]),S={tooltip:{},backgroundColor:"#fff",visualMap:{show:!0,dimension:2,min:_,max:k,inRange:{color:["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},xAxis3D:u,yAxis3D:d,zAxis3D:h,grid3D:{viewControl:{projection:"orthographic",autoRotate:!1},light:{main:{shadow:!0,quality:"ultra",intensity:1.5}}},series:[{type:"bar3D",wireframe:{},data:p.map(T=>[T[f.columnKey],T[m.columnKey],T[y.columnKey]])}]};return t?r.jsx(at,{width:s,height:i,children:r.jsx(Ye,{echarts:Ue,option:S,style:Dr(s,i),notMerge:!0,theme:"merico-light"})}):null}const Cu=g.createContext(null),ra=Cu.Provider;function sa(){const e=g.useContext(Cu);if(!e)throw new Error("Please use DashboardModelContextProvider");return e}const le=()=>sa(),Su=()=>sa(),ku=g.createContext({searchButtonProps:{}}),ia=ku.Provider;function Tu(){return g.useContext(ku)}const Du=g.createContext(null),aa=Du.Provider;function Mu(){const e=g.useContext(Du);if(!e)throw new Error("Please use ContentModelContextProvider");return e}const se=()=>Mu(),Pe=()=>Mu(),fb={inEditMode:!1},Ts=g.createContext(fb),Iu=g.createContext({panel:null,data:{},loading:!1,errors:[],downloadPanelScreenshot:()=>{}}),oa=Iu.Provider;function zu(){const e=g.useContext(Iu);if(!e.panel)throw new Error("Please use PanelContextProvider");return e}const Ot=()=>zu(),nt=()=>zu(),gb={fullScreenPanelID:"",setFullScreenPanelID:v.noop},la=g.createContext(gb);function Eu(){const e=g.useContext(la);if(!e)throw new Error("Please use FullScreenPanelContext.Provider");return e}const mb={en:"en",zh:"zh-cn"};function ca({children:e}){const{i18n:t}=j.useTranslation(),n=g.useMemo(()=>{const s=t.language;return mb[s]??"en"},[t.language]);return r.jsx(pc.DatesProvider,{settings:{locale:n,firstDayOfWeek:1},children:e})}const U=D.observer(g.forwardRef(({label:e,required:t,description:n,value:s,onChange:i,queryID:a,clearable:l=!1,sx:c,...u},d)=>{const{panel:h}=nt(),p=g.useMemo(()=>h.dataFieldOptions(s,l,a),[s,l,a]);if(p.length===0){const f=h.explainDataKey(s);return r.jsxs(o.HoverCard,{shadow:"md",position:"bottom-start",withinPortal:!0,zIndex:320,children:[r.jsx(o.HoverCard.Target,{children:r.jsx(o.Box,{children:r.jsx(o.TextInput,{label:e,required:t,defaultValue:f.columnKey,readOnly:!0,disabled:!0})})}),r.jsx(o.HoverCard.Dropdown,{children:r.jsxs(o.Group,{position:"left",spacing:0,children:[r.jsx(o.Text,{size:"xs",color:f.queryName?"black":"red",sx:{fontFamily:"monospace"},children:f.queryName??f.queryID}),r.jsx(o.Text,{size:"xs",color:"black",sx:{fontFamily:"monospace"},children:"."}),r.jsx(o.Text,{size:"xs",color:"red",sx:{fontFamily:"monospace"},children:f.columnKey})]})})]})}return r.jsx(o.Select,{ref:d,label:e,description:n,data:p,value:s,onChange:i,required:t,sx:c,maxDropdownHeight:500,...u})}));function xb({context:e}){const{value:t,set:n}=Q(e.instanceData,"config"),s=v.defaults({},t,na),{control:i,handleSubmit:a,reset:l}=b.useForm({defaultValues:s});return g.useEffect(()=>{l(s)},[t]),t?r.jsx(o.Stack,{spacing:"xs",children:r.jsxs("form",{onSubmit:a(n),children:[r.jsx(o.Text,{children:"X Axis"}),r.jsxs(o.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[r.jsx(b.Controller,{name:"x_axis_data_key",control:i,render:({field:c})=>r.jsx(U,{label:"Data Field",required:!0,...c})}),r.jsx(b.Controller,{name:"xAxis3D.name",control:i,render:({field:c})=>r.jsx(o.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...c})})]}),r.jsx(o.Text,{mt:"lg",children:"Y Axis"}),r.jsxs(o.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[r.jsx(b.Controller,{name:"y_axis_data_key",control:i,render:({field:c})=>r.jsx(U,{label:"Data Field",required:!0,...c})}),r.jsx(b.Controller,{name:"yAxis3D.name",control:i,render:({field:c})=>r.jsx(o.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...c})})]}),r.jsx(o.Text,{mt:"lg",children:"Z Axis"}),r.jsxs(o.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[r.jsx(b.Controller,{name:"z_axis_data_key",control:i,render:({field:c})=>r.jsx(U,{label:"Data Field",required:!0,...c})}),r.jsx(b.Controller,{name:"zAxis3D.name",control:i,render:({field:c})=>r.jsx(o.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...c})})]}),r.jsx(o.Group,{position:"center",mt:"xl",grow:!0,sx:{width:"60%"},mx:"auto",children:r.jsxs(o.Button,{color:"blue",type:"submit",children:[r.jsx(R.DeviceFloppy,{size:20}),r.jsx(o.Text,{ml:"md",children:"Save"})]})})]})}):null}const yb=[{lang:"en",resources:{bar_chart_3d:{viz_name:"Bar Chart(3D)"}}},{lang:"zh",resources:{bar_chart_3d:{viz_name:"柱图（3D）"}}}];function bb(e,{panelModel:t}){try{const n=t.queryIDs[0];if(!n)throw new Error("cannot migrate when queryID is empty");const s=u=>u&&`${n}.${u}`,{x_axis_data_key:i,y_axis_data_key:a,z_axis_data_key:l,...c}=e;return{...c,x_axis_data_key:s(i),y_axis_data_key:s(a),z_axis_data_key:s(l)}}catch(n){throw console.error("[Migration failed]",n),n}}class vb extends Me{constructor(){super(...arguments);N(this,"VERSION",2)}configVersions(){this.version(1,n=>({version:1,config:n})),this.version(2,(n,s)=>{const{config:i}=n;return{...n,version:2,config:bb(i,s)}})}}const _b={displayName:"viz.bar_chart_3d.viz_name",displayGroup:"chart.groups.echarts_based_charts",migrator:new vb,name:"bar-3d",viewRender:pb,configRender:xb,createConfig(){return{version:2,config:v.cloneDeep(na)}},translation:yb},jb=({disabled:e,value:t,onChange:n})=>{const s=i=>{i&&n(i)};return r.jsxs(o.Box,{sx:{position:"relative"},children:[e&&r.jsx(o.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),r.jsx(ft,{height:"500px",defaultLanguage:"javascript",value:t,onChange:s,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})};function ot({enabled:e,func_content:t}){return(n,s)=>{if(!e)return n;try{return new Function(`return ${t}`)()(n,s)}catch(i){return console.error(`[getEchartsXAxisLabel] failed parsing custom function, error: ${i.message}`),n}}}function Xe(){return{enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
+    `)(n)}catch(s){return console.error(s),console.log(e),e}}function yu(e,t,n,s){const i=Qy(t,s);return e.replaceAll(/(\{\{([^{\}]+(?=}))\}\})/g,(...l)=>{const c=l[2];if(!c)return c;const u=i[c];if(u)return u;const d=Uy(c);return Yy(d,i,n)})}function Ky(e,t){const n=dc.decode(t);n!==e&&(console.error("Inconsistent sql"),console.groupCollapsed("Inconsistent sql"),console.table({before:e,after:t,v:n}),console.groupEnd())}async function Xy({query:e,name:t,payload:n,additionals:s},i){if(!e.sql)return[];const{type:a,key:l,sql:c,pre_process:u,post_process:d}=e,h=ki(c,n),p=Im({sql:h,pre_process:u}),f=dc.encode(p);Ky(p,f);let m=await Qt.query(i)({type:a,key:l,query:f,...s},{params:{name:t}});return m=zm(d,m,Hi(n)),m}async function Jy({type:e,key:t,configString:n,name:s,additionals:i},a){try{return await Qt.httpDataSourceQuery(a)({type:e,key:t,query:n,...i},{params:{name:s}})}catch(l){if(Gt.isCancel(l))throw l;return console.error(l),l}}async function ea(){try{return(await Qt.post()("/datasource/list",{filter:{},sort:[{field:"create_time",order:"ASC"}],pagination:{page:1,pagesize:100}},{})).data}catch(e){return console.error(e),[]}}async function bu(){try{return(await Qt.post()("/sql_snippet/list",{filter:{},sort:[{field:"id",order:"ASC"}],pagination:{page:1,pagesize:1e3}},{})).data}catch(e){return console.error(e),[]}}class vu{constructor(t){N(this,"rootRef");this.rootRef=ae.observable({current:t})}async deleteItem(t){ae.runInAction(()=>{v.unset(this.rootRef.current,[t])})}getItem(t){const n=this.getValueFromRoot(t);return Promise.resolve(n)}getValueFromRoot(t){return t===null?ae.toJS(this.rootRef.current):v.get(this.rootRef.current,[t])}setItem(t,n){if(t===null)if(v.isObject(n))ae.runInAction(()=>{this.rootRef.current=n});else throw new Error("Cannot set root value to non-object");else ae.runInAction(()=>{v.set(this.rootRef.current,[t],n)});return Promise.resolve(this.getItem(t))}watchItem(t,n,s){return ae.reaction(()=>this.getValueFromRoot(t),(i,a)=>{n(i,a)},{requiresObservable:!0,fireImmediately:v.get(s,"fireImmediately",!1)})}}class Zy{constructor(){N(this,"channels",new Map);N(this,"globalChannel",new hc)}getChannel(t){const n=this.channels.get(t);if(n)return n;const s=new hc;return this.channels.set(t,s),s}}class Hy{constructor(t){N(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 n=this.instances.get(t.id);if(n)return n;const s={id:t.id,name:t.viz.type,type:t.viz.type,messageChannels:new Zy,instanceData:new vu(t.viz.conf)};return this.instances.set(t.id,s),s}}function _u(e,t,n,s){return{vizManager:n,locale:"zh",msgChannels:e.messageChannels,instanceData:e.instanceData,pluginData:new vu({}),colorPalette:{getColor(){return()=>""}},data:t,variables:s}}const eb=e=>{const{panel:t,measure:n,vizManager:s,data:i,variables:a}=e,l=s.resolveComponent(t.viz.type),c=s.getOrCreateInstance(t),u={..._u(c,i,s,a),viewport:{width:n.w,height:n.h}},d=l.viewRender;return r.jsx(d,{context:u,instance:c,...v.omit(e,["panel","vizManager","data"])})},tb=e=>{const{vizManager:t,panel:n,data:s,variables:i}=e,a=t.resolveComponent(n.viz.type),l=t.getOrCreateInstance(n),c={..._u(l,s,t,i)},u=a.configRender;return r.jsx(u,{context:c,instance:l,...v.omit(e,["panel","vizManager","data"])})},ju=(e,t)=>{const n=Rt.bezier(e),s=Rt.bezier(t);return function(i){return i<50?n(i*2/100).hex():s((i-50)*2/100).hex()}},ks=e=>{const t=Rt.bezier(e);return function(n){return t(n/100).hex()}},nb={type:"interpolation",displayName:"style.color.interpolation.palette.red_green",getColor:ju(["darkred","deeppink","lightyellow"],["lightyellow","lightgreen","teal"]),name:"red-green",category:"diverging"},rb={type:"interpolation",displayName:"style.color.interpolation.palette.yellow_blue",getColor:ju(["#8f531d","#ffd347","#e3efe3"],["#eefaee","#4ecbbf","#003f94"]),name:"yellow-blue",category:"diverging"},sb={type:"interpolation",displayName:"style.color.interpolation.palette.red",getColor:ks(["#fff7f1","darkred"]),name:"red",category:"sequential"},ib={type:"interpolation",displayName:"style.color.interpolation.palette.green",getColor:ks(["#f0ffed","darkgreen"]),name:"green",category:"sequential"},ab={type:"interpolation",displayName:"style.color.interpolation.palette.blue",getColor:ks(["#f9fcff","#48b3e9","darkblue"]),name:"blue",category:"sequential"},ob={type:"interpolation",displayName:"style.color.interpolation.palette.orange",getColor:ks(["#fff7f1","darkorange","#b60000"]),name:"orange",category:"sequential"};class lb{constructor(t){N(this,"symbol");this.symbol=Symbol(t)}}function an(e){return new lb(e)}class ta{constructor(){N(this,"parent");N(this,"factoryRegistry",new Map);N(this,"instanceRegistry",new Map)}createScoped(){const t=new ta;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 n=this.factoryRegistry.get(t.symbol);if(n){const s=n(this);return this.instanceRegistry.set(t.symbol,s),s}if(this.parent)return this.parent.get(t)}provideFactory(t,n){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,n),this}provideValue(t,n){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,()=>n),this}dispose(){this.instanceRegistry.forEach(t=>{const n=v.get(t,"dispose");v.isFunction(n)&&n.bind(t)()}),this.instanceRegistry.clear(),this.factoryRegistry.clear()}}const wu="13.27.11",cb=Object.freeze(Object.defineProperty({__proto__:null,version:wu},Symbol.toStringTag,{value:"Module"}));class ub{constructor(t){N(this,"staticColors",new Map);N(this,"interpolations",new Map);t.installedPlugins.forEach(n=>{n.manifest.color.forEach(s=>{this.register(s)})})}getStaticColors(){return Array.from(this.staticColors.values())}register(t){const n=this.encodeColor(t);t.type==="single"?(this.staticColors.has(n)&&console.warn(`the color '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`),this.staticColors.set(n,t)):t.type==="interpolation"&&(this.interpolations.has(n)&&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(n,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 db{constructor(){N(this,"plugins",new Map);N(this,"vizComponents",new Map);N(this,"factory",{viz:t=>{const n=this.vizComponents.get(t);if(n)return n;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 n of t.manifest.viz){if(this.vizComponents.has(n.name))throw new Error(`Viz Component (${n.name}) has been installed before`);this.vizComponents.set(n.name,n)}}get installedPlugins(){return Array.from(this.plugins.values())}}class hb{constructor(){N(this,"migrations",[])}version(t,n){return this.migrations.push({version:t,handler:n}),this}run(t,n,s){var l;if(t.from===t.to)return n;if(t.from>t.to)throw new Error(`Can not downgrade from version '${t.from}' to (${t.to})`);const i=this.migrations.filter(c=>c.version>t.from&&c.version<=t.to),a=v.orderBy(i,"version","asc");if(((l=v.last(a))==null?void 0:l.version)!==t.to)throw new Error(`Migration to version ${t.to} not found`);return a.reduce((c,u)=>u.handler(c,s),n)}}class Me extends hb{constructor(){super(),this.configVersions()}version(t,n){return super.version(t,(s,i)=>({version:t,...n(s,i)}))}async migrate({configData:t,panelModel:n}){const s=await t.getItem(null),i=v.get(s,"version",0),a=this.run({from:i,to:this.VERSION},s,{panelModel:n});await t.setItem(null,a)}async needMigration({configData:t}){const n=await t.getItem(null);return v.get(n,"version",0)<this.VERSION}}const Q=(e,t)=>{const[n,{setFalse:s}]=Z.useBoolean(!0),[i,a]=g.useState();g.useEffect(()=>(e.getItem(t).then(c=>{a(c),s()}),e.watchItem(t,c=>{a(c)})));const l=g.useCallback(async c=>{await e.setItem(t,c),a(c)},[e,t]);return{loading:n,value:i,set:l}},it={top:16,right:16,bottom:16,left:16},Pt=e=>Math.max(0,e-it.left-it.right),Lt=e=>Math.max(0,e-it.top-it.bottom),Dr=(e,t)=>({width:Pt(e),height:Lt(t)}),at=({width:e,height:t,children:n})=>r.jsx(o.Box,{pt:it.top,pr:it.right,pb:it.bottom,pl:it.left,sx:{width:e,height:t,overflow:"hidden",position:"relative"},children:n}),na={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"}};function pb({context:e}){const{value:t}=Q(e.instanceData,"config"),n=e.data,{width:s,height:i}=e.viewport,{x_axis_data_key:a,y_axis_data_key:l,z_axis_data_key:c,xAxis3D:u,yAxis3D:d,zAxis3D:h}=v.defaults({},t,na),p=g.useMemo(()=>as(n,a),[n,a]),{x:f,y:m,z:y}=g.useMemo(()=>({x:O(a),y:O(l),z:O(c)}),[a,l,c]),{min:_,max:k}=g.useMemo(()=>{const T=v.minBy(p,z=>z[y.columnKey]),I=v.maxBy(p,z=>z[y.columnKey]);return{min:v.get(T,y.columnKey),max:v.get(I,y.columnKey)}},[p,y]),S={tooltip:{},backgroundColor:"#fff",visualMap:{show:!0,dimension:2,min:_,max:k,inRange:{color:["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},xAxis3D:u,yAxis3D:d,zAxis3D:h,grid3D:{viewControl:{projection:"orthographic",autoRotate:!1},light:{main:{shadow:!0,quality:"ultra",intensity:1.5}}},series:[{type:"bar3D",wireframe:{},data:p.map(T=>[T[f.columnKey],T[m.columnKey],T[y.columnKey]])}]};return t?r.jsx(at,{width:s,height:i,children:r.jsx(Ye,{echarts:Ue,option:S,style:Dr(s,i),notMerge:!0,theme:"merico-light"})}):null}const Cu=g.createContext(null),ra=Cu.Provider;function sa(){const e=g.useContext(Cu);if(!e)throw new Error("Please use DashboardModelContextProvider");return e}const le=()=>sa(),Su=()=>sa(),ku=g.createContext({searchButtonProps:{}}),ia=ku.Provider;function Tu(){return g.useContext(ku)}const Du=g.createContext(null),aa=Du.Provider;function Mu(){const e=g.useContext(Du);if(!e)throw new Error("Please use ContentModelContextProvider");return e}const se=()=>Mu(),Pe=()=>Mu(),fb={inEditMode:!1},Ts=g.createContext(fb),Iu=g.createContext({panel:null,data:{},loading:!1,errors:[],downloadPanelScreenshot:()=>{}}),oa=Iu.Provider;function zu(){const e=g.useContext(Iu);if(!e.panel)throw new Error("Please use PanelContextProvider");return e}const Ot=()=>zu(),nt=()=>zu(),gb={fullScreenPanelID:"",setFullScreenPanelID:v.noop},la=g.createContext(gb);function Eu(){const e=g.useContext(la);if(!e)throw new Error("Please use FullScreenPanelContext.Provider");return e}const mb={en:"en",zh:"zh-cn"};function ca({children:e}){const{i18n:t}=j.useTranslation(),n=g.useMemo(()=>{const s=t.language;return mb[s]??"en"},[t.language]);return r.jsx(pc.DatesProvider,{settings:{locale:n,firstDayOfWeek:1},children:e})}const U=D.observer(g.forwardRef(({label:e,required:t,description:n,value:s,onChange:i,queryID:a,clearable:l=!1,sx:c,...u},d)=>{const{panel:h}=nt(),p=g.useMemo(()=>h.dataFieldOptions(s,l,a),[s,l,a]);if(p.length===0){const f=h.explainDataKey(s);return r.jsxs(o.HoverCard,{shadow:"md",position:"bottom-start",withinPortal:!0,zIndex:320,children:[r.jsx(o.HoverCard.Target,{children:r.jsx(o.Box,{children:r.jsx(o.TextInput,{label:e,required:t,defaultValue:f.columnKey,readOnly:!0,disabled:!0})})}),r.jsx(o.HoverCard.Dropdown,{children:r.jsxs(o.Group,{position:"left",spacing:0,children:[r.jsx(o.Text,{size:"xs",color:f.queryName?"black":"red",sx:{fontFamily:"monospace"},children:f.queryName??f.queryID}),r.jsx(o.Text,{size:"xs",color:"black",sx:{fontFamily:"monospace"},children:"."}),r.jsx(o.Text,{size:"xs",color:"red",sx:{fontFamily:"monospace"},children:f.columnKey})]})})]})}return r.jsx(o.Select,{ref:d,label:e,description:n,data:p,value:s,onChange:i,required:t,sx:c,maxDropdownHeight:500,...u})}));function xb({context:e}){const{value:t,set:n}=Q(e.instanceData,"config"),s=v.defaults({},t,na),{control:i,handleSubmit:a,reset:l}=b.useForm({defaultValues:s});return g.useEffect(()=>{l(s)},[t]),t?r.jsx(o.Stack,{spacing:"xs",children:r.jsxs("form",{onSubmit:a(n),children:[r.jsx(o.Text,{children:"X Axis"}),r.jsxs(o.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[r.jsx(b.Controller,{name:"x_axis_data_key",control:i,render:({field:c})=>r.jsx(U,{label:"Data Field",required:!0,...c})}),r.jsx(b.Controller,{name:"xAxis3D.name",control:i,render:({field:c})=>r.jsx(o.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...c})})]}),r.jsx(o.Text,{mt:"lg",children:"Y Axis"}),r.jsxs(o.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[r.jsx(b.Controller,{name:"y_axis_data_key",control:i,render:({field:c})=>r.jsx(U,{label:"Data Field",required:!0,...c})}),r.jsx(b.Controller,{name:"yAxis3D.name",control:i,render:({field:c})=>r.jsx(o.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...c})})]}),r.jsx(o.Text,{mt:"lg",children:"Z Axis"}),r.jsxs(o.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[r.jsx(b.Controller,{name:"z_axis_data_key",control:i,render:({field:c})=>r.jsx(U,{label:"Data Field",required:!0,...c})}),r.jsx(b.Controller,{name:"zAxis3D.name",control:i,render:({field:c})=>r.jsx(o.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...c})})]}),r.jsx(o.Group,{position:"center",mt:"xl",grow:!0,sx:{width:"60%"},mx:"auto",children:r.jsxs(o.Button,{color:"blue",type:"submit",children:[r.jsx(R.DeviceFloppy,{size:20}),r.jsx(o.Text,{ml:"md",children:"Save"})]})})]})}):null}const yb=[{lang:"en",resources:{bar_chart_3d:{viz_name:"Bar Chart(3D)"}}},{lang:"zh",resources:{bar_chart_3d:{viz_name:"柱图（3D）"}}}];function bb(e,{panelModel:t}){try{const n=t.queryIDs[0];if(!n)throw new Error("cannot migrate when queryID is empty");const s=u=>u&&`${n}.${u}`,{x_axis_data_key:i,y_axis_data_key:a,z_axis_data_key:l,...c}=e;return{...c,x_axis_data_key:s(i),y_axis_data_key:s(a),z_axis_data_key:s(l)}}catch(n){throw console.error("[Migration failed]",n),n}}class vb extends Me{constructor(){super(...arguments);N(this,"VERSION",2)}configVersions(){this.version(1,n=>({version:1,config:n})),this.version(2,(n,s)=>{const{config:i}=n;return{...n,version:2,config:bb(i,s)}})}}const _b={displayName:"viz.bar_chart_3d.viz_name",displayGroup:"chart.groups.echarts_based_charts",migrator:new vb,name:"bar-3d",viewRender:pb,configRender:xb,createConfig(){return{version:2,config:v.cloneDeep(na)}},translation:yb},jb=({disabled:e,value:t,onChange:n})=>{const s=i=>{i&&n(i)};return r.jsxs(o.Box,{sx:{position:"relative"},children:[e&&r.jsx(o.Overlay,{opacity:.6,color:"#fff",zIndex:5,blur:2}),r.jsx(ft,{height:"500px",defaultLanguage:"javascript",value:t,onChange:s,theme:"vs-dark",options:{minimap:{enabled:!1},readOnly:e}})]})};function ot({enabled:e,func_content:t}){return(n,s)=>{if(!e)return n;try{return new Function(`return ${t}`)()(n,s)}catch(i){return console.error(`[getEchartsXAxisLabel] failed parsing custom function, error: ${i.message}`),n}}}function Xe(){return{enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
 `)}}const Bt=g.forwardRef(({value:e,onChange:t,triggerButtonText:n},s)=>{const{t:i}=j.useTranslation(),[a,{setTrue:l,setFalse:c}]=Z.useBoolean(),[u,d]=g.useState(e);g.useEffect(()=>{d(e)},[e]);const h=k=>{d({...u,enabled:k})},p=()=>{c();const{enabled:k,func_content:S}=u,T={enabled:k,func_content:S};d(T),t(T)},f=()=>{c(),d(e)},m=k=>{d(S=>({...S,func_content:k}))},y=()=>{m(Xe().func_content)},_=n??i("chart.axis.customize_label");return r.jsxs(r.Fragment,{children:[r.jsx(o.Button,{variant:"filled",color:"grape",leftIcon:r.jsx(M.IconMathFunction,{size:16}),mt:24,onClick:l,sx:{flexGrow:0},children:_}),r.jsx(o.Modal,{size:800,title:_,opened:a,onClose:c,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:a&&r.jsxs(o.Stack,{children:[r.jsx(o.Checkbox,{mt:10,label:i("common.enabled"),checked:u.enabled,onChange:k=>h(k.currentTarget.checked)}),r.jsx(jb,{value:u.func_content,onChange:m,disabled:!u.enabled}),r.jsxs(o.Group,{position:"apart",children:[r.jsx(o.Button,{onClick:y,color:"red",leftIcon:r.jsx(R.Recycle,{size:20}),children:i("common.actions.reset_to_default")}),r.jsxs(o.Group,{position:"right",children:[r.jsx(o.Button,{onClick:f,variant:"subtle",children:i("common.actions.cancel")}),r.jsx(o.Button,{color:"green",leftIcon:r.jsx(M.IconDeviceFloppy,{size:16}),onClick:p,children:i("common.actions.save")})]})]})]})})]})}),On={x_axis_scroll:!1,y_axis_scroll:!1,x_axis_slider:!1,y_axis_slider:!1};function Au(){return v.cloneDeep(On)}const wb=[{lang:"en",resources:{boxplot:{viz_name:"Boxplot Chart",box:"Box",outlier:"Outlier",scatter:"Scatter",click_series:{label:"Click box, scatter or outlier"}}}},{lang:"zh",resources:{boxplot:{viz_name:"箱线图",box:"箱体",outlier:"异常点",scatter:"散点",click_series:{label:"点击箱体、散点或异常点"}}}}],Pu={id:"builtin:echarts:click-echart:series",displayName:"viz.boxplot.click_series.label",nameRender:Sb,configRender:Cb,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 Cb(e){return r.jsx(r.Fragment,{})}function Sb(e){const{t}=j.useTranslation();return r.jsx(o.Text,{children:t("viz.boxplot.click_series.label")})}const Ds=g.forwardRef(({sectionTitle:e,value:t,onChange:n},s)=>{const{t:i,i18n:a}=j.useTranslation(),l=u=>d=>{const h=v.cloneDeep(t);v.set(h,u,d),n(h)},c=g.useMemo(()=>[{label:i("chart.axis.overflow.truncate"),value:"truncate"},{label:i("chart.axis.overflow.break_line"),value:"break"},{label:i("chart.axis.overflow.break_word"),value:"breakAll"}],[a.language]);return r.jsxs(o.Stack,{spacing:0,children:[e&&r.jsx(o.Divider,{mb:-5,mt:5,variant:"dotted",label:e,labelPosition:"right",labelProps:{color:"dimmed"}}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(o.NumberInput,{label:i("chart.axis.overflow.max_width"),hideControls:!0,value:t.width,onChange:l("width")}),r.jsx(o.Select,{label:i("chart.axis.overflow.label"),data:c,value:t.overflow,onChange:l("overflow")}),r.jsx(o.TextInput,{label:i("chart.axis.overflow.ellipsis"),value:t.ellipsis,disabled:!0})]})]})}),Vt=g.forwardRef(({value:e,onChange:t},n)=>{const{t:s}=j.useTranslation(),i=l=>{t({...e,on_axis:l})},a=l=>{t({...e,in_tooltip:l})};return r.jsxs(o.Stack,{ref:n,spacing:0,children:[r.jsx(Ds,{sectionTitle:s("chart.axis.overflow.section_title.on_axis"),value:e.on_axis,onChange:i}),r.jsx(Ds,{sectionTitle:s("chart.axis.overflow.section_title.in_tooltip"),value:e.in_tooltip,onChange:a})]})});function lt(){return{on_axis:{width:80,overflow:"truncate",ellipsis:"..."},in_tooltip:{width:200,overflow:"break",ellipsis:"..."}}}function wt({overflow:e,width:t}){const n={truncate:"initial",break:"break-all",breakAll:"break-word"}[e],s=e==="truncate"?"nowrap":"initial",i={truncate:"ellipsis",break:"clip",breakAll:"clip"}[e];return`
     max-width: ${t}px;
     word-break: ${n};
@@ -273,7 +273,7 @@ Check the top-level render call using <`+q+">.")}return A}}function Dg(C,A){{if(
             </tr>
           </tbody>
         </table>
-      `}})}function Pk(e){const{overflow:t,format:n,formatter:s,...i}=e.x_axis.axisLabel,a=Ct(t.on_axis);return ge.getXAxis({type:"value",name:e.x_axis.name??"",nameLocation:"middle",nameGap:25,axisLabel:{...i,...a,formatter:(l,c)=>{let u=l;try{u=re(l,n)}catch{}return ot(s)(u,c)}}})}const Lk={tooltip:{trigger:"axis"},grid:{top:50,left:5,right:10,bottom:20,containLabel:!0},dataZoom:[{type:"inside",xAxisIndex:[0]},{type:"inside",yAxisIndex:[0]}]};function Ok(e,t){const n=zk(e,t),s=Dk(e,n),i={xAxis:Pk(e),yAxis:ge.getYAxis({name:e.y_axis.name??"",nameLocation:"end",nameTextStyle:{align:"left"},nameGap:5}),series:[...n,...s],tooltip:Ak(e),legend:{show:!0,type:"scroll",orient:"horizontal",align:"left",right:0,top:0,left:"auto",itemGap:20,padding:[4,8,0,140],data:n.map(a=>a.name)}};return v.defaultsDeep({},i,Lk)}const ap={output:"number",mantissa:2,trimMantissa:!0,absolute:!1};function si(e,t,n){return 1-(1-e)*(t-1)/(t-n-1)}function Bk(e,t,n,s){const{x_axis:i,y_axis:a}=s,l=xn.regressionLinear()(n),{a:c,b:u,rSquared:d}=l;return{name:e,expression:r.jsxs(o.Group,{position:"center",noWrap:!0,spacing:10,children:[r.jsx(o.Text,{children:a.name}),r.jsx(o.Text,{children:"="}),r.jsx(o.Text,{weight:"bold",color:"red",children:re(u,ap)}),r.jsx(o.Text,{children:"+"}),r.jsx(o.Text,{weight:"bold",color:"red",children:re(c,ap)}),r.jsx(o.Text,{children:"×"}),r.jsx(o.Text,{children:i.name})]}),rSquared:d,adjustedRSquared:si(d,t.length,1)}}function Vk(e,t,n,s){const{x_axis:i,y_axis:a}=s,{a:l,b:c,rSquared:u}=xn.regressionExp()(n);return{name:e,expression:r.jsxs(o.Group,{position:"center",noWrap:!0,spacing:10,children:[r.jsx(o.Text,{children:a.name}),r.jsx(o.Text,{children:"="}),r.jsx(o.Text,{weight:"bold",color:"gray",children:l}),r.jsx(o.Text,{children:"×"}),r.jsxs(o.Group,{position:"left",noWrap:!0,spacing:2,children:[r.jsx(o.Text,{children:"Math.exp("}),r.jsx(o.Text,{weight:"bold",color:"gray",children:c}),r.jsx(o.Text,{children:"×"}),r.jsx(o.Text,{children:i.name}),r.jsx(o.Text,{children:")"})]})]}),rSquared:u,adjustedRSquared:si(u,t.length,1)}}function qk(e,t,n,s){const{x_axis:i,y_axis:a}=s,{a:l,b:c,rSquared:u}=xn.regressionLog()(n);return{name:e,expression:r.jsxs(o.Group,{position:"center",noWrap:!0,spacing:10,children:[r.jsx(o.Text,{children:a.name}),r.jsx(o.Text,{children:"="}),r.jsx(o.Text,{weight:"bold",color:"gray",children:l}),r.jsx(o.Text,{children:"×"}),r.jsxs(o.Group,{position:"left",noWrap:!0,spacing:2,children:[r.jsx(o.Text,{children:"Math.log("}),r.jsx(o.Text,{children:i.name}),r.jsx(o.Text,{children:")"}),r.jsx(o.Text,{children:"+"}),r.jsx(o.Text,{weight:"bold",color:"gray",children:c})]})]}),rSquared:u,adjustedRSquared:si(u,t.length,1)}}function Nk(e,t,n,s){const{x_axis:i,y_axis:a,regression:l}=s,c=xn.regressionPoly().order(l.transform.config.order)(n),{rSquared:u}=c;return console.log(c),{name:e,expression:"",rSquared:u,adjustedRSquared:si(u,t.length,1)}}function op(e,t,n){const{regression:s,x_axis:i}=n,a=O(i.data_key),l=O(s.y_axis_data_key),c=t.map(u=>[u[a.columnKey],u[l.columnKey]]);return s.transform.config.method==="linear"?Bk(e,t,c,n):s.transform.config.method==="exponential"?Vk(e,t,c,n):s.transform.config.method==="logistic"?qk(e,t,c,n):s.transform.config.method==="polynomial"?Nk(e,t,c,n):{name:e,expression:"",rSquared:0,adjustedRSquared:0}}function $k(e,t){if(!t)return[{name:"",expression:"",rSquared:0,adjustedRSquared:0}];if(!t.regression.group_by_key)return[op("",e,t)];const n=O(t.regression.group_by_key),s=v.groupBy(e,n.columnKey);return Object.entries(s).map(([i,a])=>op(i,a,t))}const Fk={marginTop:"10px","tbody th, tbody td":{padding:"7px 10px"},"tbody tr:not(:first-of-type) th":{borderTop:"1px solid #dee2e6"}};function lp({desc:e}){const{t}=j.useTranslation(),{expression:n,rSquared:s,adjustedRSquared:i}=e;return n?r.jsx(o.Table,{fontSize:14,sx:Fk,children:r.jsxs("tbody",{children:[r.jsx("tr",{children:r.jsx("td",{colSpan:2,children:r.jsx(o.Text,{align:"center",children:n})})}),r.jsxs("tr",{children:[r.jsx("td",{children:t("viz.regression_chart.r_sq")}),r.jsx("td",{style:{textAlign:"right"},children:re(s,{output:"percent",mantissa:1,absolute:!1})})]}),r.jsxs("tr",{children:[r.jsx("td",{children:t("viz.regression_chart.r_sq_adjusted")}),r.jsx("td",{style:{textAlign:"right"},children:re(i,{output:"percent",mantissa:1,absolute:!1})})]})]})}):r.jsx(o.Text,{children:"Unavailable for this regression method"})}function Gk({conf:e,queryData:t}){var s;const n=g.useMemo(()=>$k(t,e),[e,t]);return e.regression.group_by_key?(console.log(n),r.jsxs(o.Tabs,{defaultValue:(s=n[0])==null?void 0:s.name,color:"gray",children:[r.jsx(o.Tabs.List,{grow:!0,children:n.map(i=>r.jsx(o.Tabs.Tab,{value:i.name,children:i.name},i.name))}),n.map(i=>r.jsx(o.Tabs.Panel,{value:i.name,children:r.jsx(lp,{desc:i})},i.name))]})):r.jsx(lp,{desc:n[0]})}function Wk({conf:e,queryData:t}){const{t:n}=j.useTranslation();return r.jsxs(o.HoverCard,{shadow:"md",withinPortal:!0,zIndex:320,children:[r.jsx(o.HoverCard.Target,{children:r.jsx(o.Button,{size:"xs",variant:"subtle",compact:!0,leftIcon:r.jsx(M.IconInfoCircle,{size:14}),children:n("viz.regression_chart.regression_info")})}),r.jsx(o.HoverCard.Dropdown,{children:r.jsx(We,{children:r.jsx(Gk,{conf:e,queryData:t})})})]})}function Rk(e){return r.jsx(o.Group,{position:"apart",sx:{position:"absolute",top:0,left:it.left,right:it.right,height:"22px",zIndex:1},children:r.jsx(Wk,{...e})})}const Ao={x_axis:{name:"X Axis",data_key:"",axisLabel:{rotate:0,format:Ge,overflow:lt(),formatter:Xe()}},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"}};function Qk({context:e}){const{value:t}=Q(e.instanceData,"config"),{width:n,height:s}=e.viewport,i=g.useMemo(()=>{var m;const u=e.data,d=t==null?void 0:t.x_axis.data_key,h=(m=t==null?void 0:t.regression)==null?void 0:m.y_axis_data_key;if(!d||!h)return[];const p=O(d),f=O(h);return u[p.queryID].map(y=>typeof y[f.columnKey]=="number"?y:{...y,[f.columnKey]:Number(y[f.columnKey])})},[e.data,t==null?void 0:t.regression.y_axis_data_key]),a=g.useMemo(()=>Ok(v.defaultsDeep({},t,Ao),i),[t,i]),l=g.useRef(null),c=u=>{l.current=u};return!n||!s||!t?null:r.jsxs(at,{width:n,height:s,children:[r.jsx(Rk,{conf:t,queryData:i}),r.jsx(Ye,{echarts:Ue,onChartReady:c,option:a,style:Dr(n,s),notMerge:!0,theme:"merico-light"})]})}function Uk({control:e,watch:t}){const{t:n,i18n:s}=j.useTranslation();t("regression");const i=t("regression.transform.config.method"),a=t("regression.group_by_key"),l=g.useMemo(()=>[{label:n("chart.regression_line.method.linear"),value:"linear"},{label:n("chart.regression_line.method.exponential"),value:"exponential"},{label:n("chart.regression_line.method.logistic"),value:"logistic"},{label:n("chart.regression_line.method.polynomial"),value:"polynomial"}],[s.language]);return r.jsxs(o.Stack,{children:[r.jsx(o.Group,{grow:!0,noWrap:!0,children:r.jsx(b.Controller,{name:"regression.name",control:e,render:({field:c})=>r.jsx(o.TextInput,{label:n("common.name"),sx:{flex:1},...c})})}),r.jsx(b.Controller,{name:"regression.group_by_key",control:e,render:({field:c})=>r.jsx(U,{label:n("chart.series.group_by.label"),clearable:!0,sx:{flex:1},...c})}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"regression.transform.config.method",control:e,render:({field:c})=>r.jsx(o.Select,{label:n("chart.regression_line.method.label"),data:l,sx:{flex:1},...c})}),i==="polynomial"&&r.jsx(b.Controller,{name:"regression.transform.config.order",control:e,render:({field:c})=>r.jsx(o.NumberInput,{label:n("chart.regression_line.method.polynomial_order"),sx:{flex:1},...c})})]}),!a&&r.jsxs(o.Stack,{spacing:4,children:[r.jsx(o.Text,{size:"sm",children:n("chart.color.label")}),r.jsx(b.Controller,{name:"regression.plot.color",control:e,render:({field:c})=>r.jsx(Je,{...c})})]})]})}function Yk({control:e,watch:t}){return t(["x_axis"]),r.jsxs(o.Stack,{children:[r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"x_axis.name",control:e,render:({field:n})=>r.jsx(o.TextInput,{label:"X轴名称",sx:{flex:1},...n})}),r.jsx(b.Controller,{name:"x_axis.data_key",control:e,render:({field:n})=>r.jsx(U,{label:"X轴数据字段",required:!0,sx:{flex:1},...n})})]}),r.jsx(o.Divider,{variant:"dashed",labelPosition:"center",label:"格式化数据"}),r.jsx(o.Stack,{children:r.jsx(b.Controller,{name:"x_axis.axisLabel.format",control:e,render:({field:n})=>r.jsx(Dt,{...n})})}),r.jsx(o.Divider,{variant:"dashed",labelPosition:"center",label:"标签文案样式"}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"x_axis.axisLabel.rotate",control:e,render:({field:n})=>r.jsx(o.NumberInput,{label:"旋转",hideControls:!0,min:-90,max:90,rightSection:r.jsx(o.Text,{color:"dimmed",children:"度"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...n})}),r.jsx(b.Controller,{name:"x_axis.axisLabel.formatter",control:e,render:({field:n})=>r.jsx(Bt,{triggerButtonText:"自定义标签文案内容",...n})})]}),r.jsx(b.Controller,{name:"x_axis.axisLabel.overflow",control:e,render:({field:n})=>r.jsx(Vt,{...n})})]})}function Kk({control:e,watch:t}){return t(["y_axis","regression.y_axis_data_key"]),r.jsx(o.Stack,{children:r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"y_axis.name",control:e,render:({field:n})=>r.jsx(o.TextInput,{label:"Y轴名称",sx:{flex:1},...n})}),r.jsx(b.Controller,{name:"regression.y_axis_data_key",control:e,render:({field:n})=>r.jsx(U,{label:"Y轴数据字段",required:!0,sx:{flex:1},...n})})]})})}function Xk({context:e}){const{value:t,set:n}=Q(e.instanceData,"config"),s=g.useMemo(()=>v.defaults({},t,Ao),[t]),{control:i,handleSubmit:a,watch:l,getValues:c,reset:u}=b.useForm({defaultValues:s});g.useEffect(()=>{u(s)},[s]),l(["x_axis","y_axis","regression"]);const d=c(),h=g.useMemo(()=>!v.isEqual(d,t),[d,t]);return r.jsx(o.Stack,{spacing:"xs",children:r.jsxs("form",{onSubmit:a(n),children:[r.jsx(qe,{canSubmit:h}),r.jsxs(o.Tabs,{defaultValue:"X轴",orientation:"vertical",styles:{panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[r.jsxs(o.Tabs.List,{children:[r.jsx(o.Tabs.Tab,{value:"X轴",children:"X轴"}),r.jsx(o.Tabs.Tab,{value:"Y轴",children:"Y轴"}),r.jsx(o.Tabs.Tab,{value:"回归",children:"回归"})]}),r.jsx(o.Tabs.Panel,{value:"X轴",children:r.jsx(Yk,{watch:l,control:i})}),r.jsx(o.Tabs.Panel,{value:"Y轴",children:r.jsx(Kk,{watch:l,control:i})}),r.jsx(o.Tabs.Panel,{value:"回归",children:r.jsx(Uk,{control:i,watch:l})})]})]})})}function Jk(e){const t={x_axis:{axisLabel:{rotate:0,format:Ge,overflow:lt(),formatter:Xe()}},regression:{group_by_key:""}};return v.defaultsDeep(t,e)}function Zk(e,{panelModel:t}){try{const n=t.queryIDs[0];if(!n)throw new Error("cannot migrate when queryID is empty");const s=c=>c&&`${n}.${c}`,{x_axis:i,regression:a,...l}=e;return{...l,x_axis:{...i,data_key:s(i.data_key)},regression:{...a,group_by_key:s(a.group_by_key),y_axis_data_key:s(a.y_axis_data_key)}}}catch(n){throw console.error("[Migration failed]",n),n}}const Hk=[{lang:"en",resources:{regression_chart:{viz_name:"Regression Chart",regression_info:"Regression Info",r_sq:"R-Sq",r_sq_adjusted:"R-Sq(Adjusted)"}}},{lang:"zh",resources:{regression_chart:{viz_name:"回归分析图",regression_info:"回归信息",r_sq:"R方",r_sq_adjusted:"R方（调整）"}}}];class eT extends Me{constructor(){super(...arguments);N(this,"VERSION",3)}configVersions(){this.version(1,n=>({version:1,config:n})),this.version(2,n=>({...n,version:2,config:Jk(n.config)})),this.version(3,(n,s)=>{const{config:i}=n;return{...n,version:3,config:Zk(i,s)}})}}const tT={displayName:"viz.regression_chart.viz_name",displayGroup:"chart.groups.merico_suite",migrator:new eT,name:"regressionChart",viewRender:Qk,configRender:Xk,createConfig(){return{version:3,config:v.cloneDeep(Ao)}},translation:Hk},ii={content:""},nT=D.observer(({context:e})=>{const t=Pe(),{panel:n}=Ot(),{value:s}=Q(e.instanceData,"config"),{variables:i,data:a}=e,l=g.useMemo(()=>{const c=v.defaults({},s,ii);return c.content?yu(c.content,i,t.payloadForViz,a):""},[s,i,t.payloadForViz]);return l?r.jsx(kr,{value:l,styles:{root:{border:"none",height:"100%"},content:{padding:0}},dashboardState:t.dashboardState,variableAggValueMap:n.variableAggValueMap}):null});function rT({context:e}){const{t}=j.useTranslation(),{value:n,set:s}=Q(e.instanceData,"config"),i=g.useMemo(()=>v.defaults({},n,ii),[n]),{control:a,handleSubmit:l,watch:c,reset:u}=b.useForm({defaultValues:i});c("content"),g.useEffect(()=>{u(i)},[i]);const d=g.useRef(null),h=()=>{var p;return(p=d.current)==null?void 0:p.click()};return r.jsx("form",{onSubmit:l(s),style:{flexGrow:1,display:"flex",flexDirection:"column"},children:r.jsxs(o.Stack,{spacing:"xs",sx:{flexGrow:1},children:[r.jsxs(o.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef",display:"none"},children:[r.jsx(o.Text,{children:t("rich_text.content.label")}),r.jsx(o.ActionIcon,{ref:d,type:"submit",mr:5,variant:"filled",color:"green",children:r.jsx(R.DeviceFloppy,{size:20})})]}),r.jsx(b.Controller,{name:"content",control:a,render:({field:p})=>r.jsx(ws,{...p,styles:{root:{flexGrow:1}},label:t("rich_text.content.label"),onSubmit:h})})]})})}const sT=[{lang:"en",resources:{rich_text:{viz_name:"Rich Text"}}},{lang:"zh",resources:{rich_text:{viz_name:"富文本"}}}];class iT extends Me{constructor(){super(...arguments);N(this,"VERSION",1)}fixMalformedConfig(n){return v.defaults({},n,ii)}configVersions(){this.version(1,n=>({version:1,config:this.fixMalformedConfig(n)}))}}const aT={displayName:"viz.rich_text.viz_name",displayGroup:"chart.groups.others",migrator:new iT,name:"richText",viewRender:nT,configRender:rT,createConfig(){return{version:1,config:v.cloneDeep(ii)}},translation:sT},Kr={static:{type:"static",color:Rt.random().css()},dynamic:{type:"dynamic",func_content:["function getColor({ rowData, params, variables }, { lodash, interpolate }) {","    // your code goes here",'    // return "blue"',"}"].join(`
+      `}})}function Pk(e){const{overflow:t,format:n,formatter:s,...i}=e.x_axis.axisLabel,a=Ct(t.on_axis);return ge.getXAxis({type:"value",name:e.x_axis.name??"",nameLocation:"middle",nameGap:25,axisLabel:{...i,...a,formatter:(l,c)=>{let u=l;try{u=re(l,n)}catch{}return ot(s)(u,c)}}})}const Lk={tooltip:{trigger:"axis"},grid:{top:50,left:5,right:10,bottom:20,containLabel:!0},dataZoom:[{type:"inside",xAxisIndex:[0]},{type:"inside",yAxisIndex:[0]}]};function Ok(e,t){const n=zk(e,t),s=Dk(e,n),i={xAxis:Pk(e),yAxis:ge.getYAxis({name:e.y_axis.name??"",nameLocation:"end",nameTextStyle:{align:"left"},nameGap:5}),series:[...n,...s],tooltip:Ak(e),legend:{show:!0,type:"scroll",orient:"horizontal",align:"left",right:0,top:0,left:"auto",itemGap:20,padding:[4,8,0,140],data:n.map(a=>a.name)}};return v.defaultsDeep({},i,Lk)}const ap={output:"number",mantissa:2,trimMantissa:!0,absolute:!1};function si(e,t,n){return 1-(1-e)*(t-1)/(t-n-1)}function Bk(e,t,n,s){const{x_axis:i,y_axis:a}=s,l=xn.regressionLinear()(n),{a:c,b:u,rSquared:d}=l;return{name:e,expression:r.jsxs(o.Group,{position:"center",noWrap:!0,spacing:10,children:[r.jsx(o.Text,{children:a.name}),r.jsx(o.Text,{children:"="}),r.jsx(o.Text,{weight:"bold",color:"red",children:re(u,ap)}),r.jsx(o.Text,{children:"+"}),r.jsx(o.Text,{weight:"bold",color:"red",children:re(c,ap)}),r.jsx(o.Text,{children:"×"}),r.jsx(o.Text,{children:i.name})]}),rSquared:d,adjustedRSquared:si(d,t.length,1)}}function Vk(e,t,n,s){const{x_axis:i,y_axis:a}=s,{a:l,b:c,rSquared:u}=xn.regressionExp()(n);return{name:e,expression:r.jsxs(o.Group,{position:"center",noWrap:!0,spacing:10,children:[r.jsx(o.Text,{children:a.name}),r.jsx(o.Text,{children:"="}),r.jsx(o.Text,{weight:"bold",color:"gray",children:l}),r.jsx(o.Text,{children:"×"}),r.jsxs(o.Group,{position:"left",noWrap:!0,spacing:2,children:[r.jsx(o.Text,{children:"Math.exp("}),r.jsx(o.Text,{weight:"bold",color:"gray",children:c}),r.jsx(o.Text,{children:"×"}),r.jsx(o.Text,{children:i.name}),r.jsx(o.Text,{children:")"})]})]}),rSquared:u,adjustedRSquared:si(u,t.length,1)}}function qk(e,t,n,s){const{x_axis:i,y_axis:a}=s,{a:l,b:c,rSquared:u}=xn.regressionLog()(n);return{name:e,expression:r.jsxs(o.Group,{position:"center",noWrap:!0,spacing:10,children:[r.jsx(o.Text,{children:a.name}),r.jsx(o.Text,{children:"="}),r.jsx(o.Text,{weight:"bold",color:"gray",children:l}),r.jsx(o.Text,{children:"×"}),r.jsxs(o.Group,{position:"left",noWrap:!0,spacing:2,children:[r.jsx(o.Text,{children:"Math.log("}),r.jsx(o.Text,{children:i.name}),r.jsx(o.Text,{children:")"}),r.jsx(o.Text,{children:"+"}),r.jsx(o.Text,{weight:"bold",color:"gray",children:c})]})]}),rSquared:u,adjustedRSquared:si(u,t.length,1)}}function Nk(e,t,n,s){const{x_axis:i,y_axis:a,regression:l}=s,c=xn.regressionPoly().order(l.transform.config.order)(n),{rSquared:u}=c;return console.log(c),{name:e,expression:"",rSquared:u,adjustedRSquared:si(u,t.length,1)}}function op(e,t,n){const{regression:s,x_axis:i}=n,a=O(i.data_key),l=O(s.y_axis_data_key),c=t.map(u=>[u[a.columnKey],u[l.columnKey]]);return s.transform.config.method==="linear"?Bk(e,t,c,n):s.transform.config.method==="exponential"?Vk(e,t,c,n):s.transform.config.method==="logistic"?qk(e,t,c,n):s.transform.config.method==="polynomial"?Nk(e,t,c,n):{name:e,expression:"",rSquared:0,adjustedRSquared:0}}function $k(e,t){if(!t)return[{name:"",expression:"",rSquared:0,adjustedRSquared:0}];if(!t.regression.group_by_key)return[op("",e,t)];const n=O(t.regression.group_by_key),s=v.groupBy(e,n.columnKey);return Object.entries(s).map(([i,a])=>op(i,a,t))}const Fk={marginTop:"10px","tbody th, tbody td":{padding:"7px 10px"},"tbody tr:not(:first-of-type) th":{borderTop:"1px solid #dee2e6"}};function lp({desc:e}){const{t}=j.useTranslation(),{expression:n,rSquared:s,adjustedRSquared:i}=e;return n?r.jsx(o.Table,{fontSize:14,sx:Fk,children:r.jsxs("tbody",{children:[r.jsx("tr",{children:r.jsx("td",{colSpan:2,children:r.jsx(o.Text,{align:"center",children:n})})}),r.jsxs("tr",{children:[r.jsx("td",{children:t("viz.regression_chart.r_sq")}),r.jsx("td",{style:{textAlign:"right"},children:re(s,{output:"percent",mantissa:1,absolute:!1})})]}),r.jsxs("tr",{children:[r.jsx("td",{children:t("viz.regression_chart.r_sq_adjusted")}),r.jsx("td",{style:{textAlign:"right"},children:re(i,{output:"percent",mantissa:1,absolute:!1})})]})]})}):r.jsx(o.Text,{children:"Unavailable for this regression method"})}function Gk({conf:e,queryData:t}){var s;const n=g.useMemo(()=>$k(t,e),[e,t]);return e.regression.group_by_key?(console.log(n),r.jsxs(o.Tabs,{defaultValue:(s=n[0])==null?void 0:s.name,color:"gray",children:[r.jsx(o.Tabs.List,{grow:!0,children:n.map(i=>r.jsx(o.Tabs.Tab,{value:i.name,children:i.name},i.name))}),n.map(i=>r.jsx(o.Tabs.Panel,{value:i.name,children:r.jsx(lp,{desc:i})},i.name))]})):r.jsx(lp,{desc:n[0]})}function Wk({conf:e,queryData:t}){const{t:n}=j.useTranslation();return r.jsxs(o.HoverCard,{shadow:"md",withinPortal:!0,zIndex:320,children:[r.jsx(o.HoverCard.Target,{children:r.jsx(o.Button,{size:"xs",variant:"subtle",compact:!0,leftIcon:r.jsx(M.IconInfoCircle,{size:14}),children:n("viz.regression_chart.regression_info")})}),r.jsx(o.HoverCard.Dropdown,{children:r.jsx(We,{children:r.jsx(Gk,{conf:e,queryData:t})})})]})}function Rk(e){return r.jsx(o.Group,{position:"apart",sx:{position:"absolute",top:0,left:it.left,right:it.right,height:"22px",zIndex:1},children:r.jsx(Wk,{...e})})}const Ao={x_axis:{name:"X Axis",data_key:"",axisLabel:{rotate:0,format:Ge,overflow:lt(),formatter:Xe()}},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"}};function Qk({context:e}){const{value:t}=Q(e.instanceData,"config"),{width:n,height:s}=e.viewport,i=g.useMemo(()=>{var m;const u=e.data,d=t==null?void 0:t.x_axis.data_key,h=(m=t==null?void 0:t.regression)==null?void 0:m.y_axis_data_key;if(!d||!h)return[];const p=O(d),f=O(h);return u[p.queryID].map(y=>typeof y[f.columnKey]=="number"?y:{...y,[f.columnKey]:Number(y[f.columnKey])})},[e.data,t==null?void 0:t.regression.y_axis_data_key]),a=g.useMemo(()=>Ok(v.defaultsDeep({},t,Ao),i),[t,i]),l=g.useRef(null),c=u=>{l.current=u};return!n||!s||!t?null:r.jsxs(at,{width:n,height:s,children:[r.jsx(Rk,{conf:t,queryData:i}),r.jsx(Ye,{echarts:Ue,onChartReady:c,option:a,style:Dr(n,s),notMerge:!0,theme:"merico-light"})]})}function Uk({control:e,watch:t}){const{t:n,i18n:s}=j.useTranslation();t("regression");const i=t("regression.transform.config.method"),a=t("regression.group_by_key"),l=g.useMemo(()=>[{label:n("chart.regression_line.method.linear"),value:"linear"},{label:n("chart.regression_line.method.exponential"),value:"exponential"},{label:n("chart.regression_line.method.logistic"),value:"logistic"},{label:n("chart.regression_line.method.polynomial"),value:"polynomial"}],[s.language]);return r.jsxs(o.Stack,{children:[r.jsx(o.Group,{grow:!0,noWrap:!0,children:r.jsx(b.Controller,{name:"regression.name",control:e,render:({field:c})=>r.jsx(o.TextInput,{label:n("common.name"),sx:{flex:1},...c})})}),r.jsx(b.Controller,{name:"regression.group_by_key",control:e,render:({field:c})=>r.jsx(U,{label:n("chart.series.group_by.label"),clearable:!0,sx:{flex:1},...c})}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"regression.transform.config.method",control:e,render:({field:c})=>r.jsx(o.Select,{label:n("chart.regression_line.method.label"),data:l,sx:{flex:1},...c})}),i==="polynomial"&&r.jsx(b.Controller,{name:"regression.transform.config.order",control:e,render:({field:c})=>r.jsx(o.NumberInput,{label:n("chart.regression_line.method.polynomial_order"),sx:{flex:1},...c})})]}),!a&&r.jsxs(o.Stack,{spacing:4,children:[r.jsx(o.Text,{size:"sm",children:n("chart.color.label")}),r.jsx(b.Controller,{name:"regression.plot.color",control:e,render:({field:c})=>r.jsx(Je,{...c})})]})]})}function Yk({control:e,watch:t}){return t(["x_axis"]),r.jsxs(o.Stack,{children:[r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"x_axis.name",control:e,render:({field:n})=>r.jsx(o.TextInput,{label:"X轴名称",sx:{flex:1},...n})}),r.jsx(b.Controller,{name:"x_axis.data_key",control:e,render:({field:n})=>r.jsx(U,{label:"X轴数据字段",required:!0,sx:{flex:1},...n})})]}),r.jsx(o.Divider,{variant:"dashed",labelPosition:"center",label:"格式化数据"}),r.jsx(o.Stack,{children:r.jsx(b.Controller,{name:"x_axis.axisLabel.format",control:e,render:({field:n})=>r.jsx(Dt,{...n})})}),r.jsx(o.Divider,{variant:"dashed",labelPosition:"center",label:"标签文案样式"}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"x_axis.axisLabel.rotate",control:e,render:({field:n})=>r.jsx(o.NumberInput,{label:"旋转",hideControls:!0,min:-90,max:90,rightSection:r.jsx(o.Text,{color:"dimmed",children:"度"}),sx:{width:"48%"},styles:{rightSection:{width:"4em",justifyContent:"flex-end",paddingRight:"6px"}},...n})}),r.jsx(b.Controller,{name:"x_axis.axisLabel.formatter",control:e,render:({field:n})=>r.jsx(Bt,{triggerButtonText:"自定义标签文案内容",...n})})]}),r.jsx(b.Controller,{name:"x_axis.axisLabel.overflow",control:e,render:({field:n})=>r.jsx(Vt,{...n})})]})}function Kk({control:e,watch:t}){return t(["y_axis","regression.y_axis_data_key"]),r.jsx(o.Stack,{children:r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"y_axis.name",control:e,render:({field:n})=>r.jsx(o.TextInput,{label:"Y轴名称",sx:{flex:1},...n})}),r.jsx(b.Controller,{name:"regression.y_axis_data_key",control:e,render:({field:n})=>r.jsx(U,{label:"Y轴数据字段",required:!0,sx:{flex:1},...n})})]})})}function Xk({context:e}){const{value:t,set:n}=Q(e.instanceData,"config"),s=g.useMemo(()=>v.defaults({},t,Ao),[t]),{control:i,handleSubmit:a,watch:l,getValues:c,reset:u}=b.useForm({defaultValues:s});g.useEffect(()=>{u(s)},[s]),l(["x_axis","y_axis","regression"]);const d=c(),h=g.useMemo(()=>!v.isEqual(d,t),[d,t]);return r.jsx(o.Stack,{spacing:"xs",children:r.jsxs("form",{onSubmit:a(n),children:[r.jsx(qe,{canSubmit:h}),r.jsxs(o.Tabs,{defaultValue:"X轴",orientation:"vertical",styles:{panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[r.jsxs(o.Tabs.List,{children:[r.jsx(o.Tabs.Tab,{value:"X轴",children:"X轴"}),r.jsx(o.Tabs.Tab,{value:"Y轴",children:"Y轴"}),r.jsx(o.Tabs.Tab,{value:"回归",children:"回归"})]}),r.jsx(o.Tabs.Panel,{value:"X轴",children:r.jsx(Yk,{watch:l,control:i})}),r.jsx(o.Tabs.Panel,{value:"Y轴",children:r.jsx(Kk,{watch:l,control:i})}),r.jsx(o.Tabs.Panel,{value:"回归",children:r.jsx(Uk,{control:i,watch:l})})]})]})})}function Jk(e){const t={x_axis:{axisLabel:{rotate:0,format:Ge,overflow:lt(),formatter:Xe()}},regression:{group_by_key:""}};return v.defaultsDeep(t,e)}function Zk(e,{panelModel:t}){try{const n=t.queryIDs[0];if(!n)throw new Error("cannot migrate when queryID is empty");const s=c=>c&&`${n}.${c}`,{x_axis:i,regression:a,...l}=e;return{...l,x_axis:{...i,data_key:s(i.data_key)},regression:{...a,group_by_key:s(a.group_by_key),y_axis_data_key:s(a.y_axis_data_key)}}}catch(n){throw console.error("[Migration failed]",n),n}}const Hk=[{lang:"en",resources:{regression_chart:{viz_name:"Regression Chart",regression_info:"Regression Info",r_sq:"R-Sq",r_sq_adjusted:"R-Sq(Adjusted)"}}},{lang:"zh",resources:{regression_chart:{viz_name:"回归分析图",regression_info:"回归信息",r_sq:"R方",r_sq_adjusted:"R方（调整）"}}}];class eT extends Me{constructor(){super(...arguments);N(this,"VERSION",3)}configVersions(){this.version(1,n=>({version:1,config:n})),this.version(2,n=>({...n,version:2,config:Jk(n.config)})),this.version(3,(n,s)=>{const{config:i}=n;return{...n,version:3,config:Zk(i,s)}})}}const tT={displayName:"viz.regression_chart.viz_name",displayGroup:"chart.groups.merico_suite",migrator:new eT,name:"regressionChart",viewRender:Qk,configRender:Xk,createConfig(){return{version:3,config:v.cloneDeep(Ao)}},translation:Hk},ii={content:""},nT=D.observer(({context:e})=>{const t=Pe(),{panel:n}=Ot(),{value:s}=Q(e.instanceData,"config"),{variables:i,data:a}=e,l=g.useMemo(()=>{const c=v.defaults({},s,ii);return c.content?yu(c.content,i,t.payloadForViz,a):""},[a,s,i,t.payloadForViz]);return l?r.jsx(kr,{value:l,styles:{root:{border:"none",height:"100%"},content:{padding:0}},dashboardState:t.dashboardState,variableAggValueMap:n.variableAggValueMap}):null});function rT({context:e}){const{t}=j.useTranslation(),{value:n,set:s}=Q(e.instanceData,"config"),i=g.useMemo(()=>v.defaults({},n,ii),[n]),{control:a,handleSubmit:l,watch:c,reset:u}=b.useForm({defaultValues:i});c("content"),g.useEffect(()=>{u(i)},[i]);const d=g.useRef(null),h=()=>{var p;return(p=d.current)==null?void 0:p.click()};return r.jsx("form",{onSubmit:l(s),style:{flexGrow:1,display:"flex",flexDirection:"column"},children:r.jsxs(o.Stack,{spacing:"xs",sx:{flexGrow:1},children:[r.jsxs(o.Group,{position:"left",py:"md",pl:"md",sx:{borderBottom:"1px solid #eee",background:"#efefef",display:"none"},children:[r.jsx(o.Text,{children:t("rich_text.content.label")}),r.jsx(o.ActionIcon,{ref:d,type:"submit",mr:5,variant:"filled",color:"green",children:r.jsx(R.DeviceFloppy,{size:20})})]}),r.jsx(b.Controller,{name:"content",control:a,render:({field:p})=>r.jsx(ws,{...p,styles:{root:{flexGrow:1}},label:t("rich_text.content.label"),onSubmit:h})})]})})}const sT=[{lang:"en",resources:{rich_text:{viz_name:"Rich Text"}}},{lang:"zh",resources:{rich_text:{viz_name:"富文本"}}}];class iT extends Me{constructor(){super(...arguments);N(this,"VERSION",1)}fixMalformedConfig(n){return v.defaults({},n,ii)}configVersions(){this.version(1,n=>({version:1,config:this.fixMalformedConfig(n)}))}}const aT={displayName:"viz.rich_text.viz_name",displayGroup:"chart.groups.others",migrator:new iT,name:"richText",viewRender:nT,configRender:rT,createConfig(){return{version:1,config:v.cloneDeep(ii)}},translation:sT},Kr={static:{type:"static",color:Rt.random().css()},dynamic:{type:"dynamic",func_content:["function getColor({ rowData, params, variables }, { lodash, interpolate }) {","    // your code goes here",'    // return "blue"',"}"].join(`
 `)}},cp={id:"builtin:echarts:click-scatter-chart:series",displayName:"viz.scatter_chart.click_scatter.trigger",nameRender:lT,configRender:oT,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 oT(e){return r.jsx(r.Fragment,{})}function lT(e){const{t}=j.useTranslation();return r.jsx(o.Text,{children:t("viz.scatter_chart.click_scatter.trigger")})}function up(){const{on_axis:e,in_tooltip:t}=lt();return{label:e,tooltip:t}}const Po={scatter:{y_data_key:"",name_data_key:"",symbolSize:{type:"static",size:10},color:Kr.static,label_position:"right",label_overflow:up()},stats:{templates:{top:"",bottom:""}},x_axis:{name:"",data_key:"",axisLabel:{rotate:0,formatter:Xe(),overflow:lt()}},y_axes:[{name:"Y Axis",position:"left",nameAlignment:"center",label_formatter:Ge,min:"",max:"",show:!0}],tooltip:{trigger:"item",metrics:[]},reference_lines:[],reference_areas:[],dataZoom:On};function cT(e,t){if(!e.x_axis.data_key)return[];const n=O(e.x_axis.data_key);return[{source:t[n.queryID]}]}function uT(e){const t=e.y_axes.some(i=>!!i.name);let n=15;t&&(n+=20),e.dataZoom.x_axis_slider&&(n+=20);let s=5;return e.x_axis.name&&(s+=15),{top:n,bottom:s}}function dT(){return{show:!1,bottom:0,left:"center",type:"scroll"}}function ai(e,t){if(e)return t[e]??void 0}function hT({reference_areas:e,variableValueMap:t}){const n=e.map(s=>[{name:s.content.text,value:s.content.text,itemStyle:s.itemStyle,label:s.label,xAxis:ai(s.leftBottomPoint.x_data_key,t),yAxis:ai(s.leftBottomPoint.y_data_key,t)},{xAxis:ai(s.rightTopPoint.x_data_key,t),yAxis:ai(s.rightTopPoint.y_data_key,t)}]);return{type:"scatter",name:"ref_areas",silent:!0,data:[],markArea:{data:n}}}function pT({type:e,...t},n){if(!e)return 10;if(e==="static"){const{size:i}=t;return i}const{func_content:s}=t;return(i,a)=>{const l=a.data;try{return new Function(`return ${s}`)()({rowData:l,params:a,variables:n},{lodash:v,interpolate:pn.interpolate})}catch(c){return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${c.message}`),10}}}function fT({type:e,...t},n){if(!e)return Kr.static.color;if(e==="static"){const{color:i}=t;return i}const{func_content:s}=t;return({value:i})=>{try{return new Function(`return ${s}`)()({rowData:i,variables:n},{lodash:v,interpolate:pn.interpolate})}catch(a){return console.error(`[getSeriesColor] failed parsing custom function, error: ${a.message}`),10}}}function gT(e,t,n,s){return e.map(i=>{const a=i.orientation==="horizontal",l=a?"yAxis":"xAxis",c=a?"insideEndTop":"end";return{name:i.name,type:"line",hide_in_legend:!i.show_in_legend,yAxisIndex:i.yAxisIndex,data:[],lineStyle:i.lineStyle,markLine:{data:[{name:i.name,[l]:Number(n[i.variable_key])}],silent:!0,symbol:["none","none"],lineStyle:i.lineStyle,label:{formatter:function(){return i.template?Tr(i.template,t,s):""},position:c}}}})}function mT({x_axis:e,scatter:t},n){const s=O(e.data_key),i=O(t.y_data_key),a=O(t.name_data_key);return{label:{show:!!t.label_position,position:t.label_position,...Ct(t.label_overflow.label),formatter:({value:l})=>l[a.columnKey]},type:"scatter",name:"",xAxisId:"main-x-axis",yAxisIndex:0,datasetIndex:0,itemStyle:{color:fT(t.color,n)},symbolSize:pT(t.symbolSize,n),encode:{x:s.columnKey,y:i.columnKey}}}function xT(e,t,n,s){return[mT(e,s)].concat(gT(e.reference_lines,n,s,t)).concat(hT({reference_areas:e.reference_areas,variableValueMap:s}))}function dp(e,t,n){const{x_axis:s}=n;return s.axisLabel.formatter.enabled?ot(s.axisLabel.formatter)(e,t):e}function yT(e,t){const{x_axis:n,tooltip:s}=t;if(s.trigger==="item"){const c=os(e[0].data,n.data_key);return dp(c,0,t)}const i=e.find(c=>c.axisDim==="x"&&c.axisId==="main-x-axis");if(!i)return"";const{axisValue:a,axisIndex:l}=i;return dp(a,l,t)}const bT=e=>re(e,{output:"number",trimMantissa:!0,mantissa:2,absolute:!1});function vT(e,t){const{scatter:n,tooltip:s}=e;return ge.getTooltip({trigger:s.trigger,formatter:function(i){const a=t[0]??t.default,l=Array.isArray(i)?i:[i];if(l.length===0)return"";const c=yT(l,e),u=wt(e.scatter.label_overflow.tooltip),d=l.map(({value:y})=>`
           <th style="text-align: right; padding-right: 1em">
             <div style="${u}">${os(y,n.name_data_key)}</div>
@@ -295,7 +295,7 @@ Check the top-level render call using <`+q+">.")}return A}}function Dg(C,A){{if(
         <thead><tr>${d.join("")}</tr></thead>
         <tbody>${p.join("")}</tbody>
       </table>
-      `}})}function _T(e,t){const n=t.every(c=>!Number.isNaN(Number(c))),{overflow:s,...i}=e.x_axis.axisLabel,a=Ct(s.on_axis),l=t.length===0;return[ge.getXAxis({data:t,name:e.x_axis.name??"",nameGap:l?5:void 0,id:"main-x-axis",type:n?"value":"category",axisLabel:{...i,...a,formatter:ot(i.formatter)}})]}function jT(e,t){return e.y_axes.map(({nameAlignment:n,min:s,max:i,...a},l)=>{let c=a.position;return c||(c=l>0?"right":"left"),ge.getYAxis({...a,minInterval:1,min:s||void 0,max:i||void 0,position:c,axisLine:{show:!0},axisLabel:{show:!0,formatter:t[l]??t.default},nameTextStyle:{align:n},nameLocation:"end",nameGap:15,splitLine:{show:!1}})})}const wT={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 CT(e,t,n){const s=n.reduce((u,d)=>{const h=Xt(d,t);return u[d.name]=xt(d,h),u},{}),i=e.y_axes.reduce((u,{label_formatter:d},h)=>(u[h]=function(f){let m=f;if(typeof f=="object"&&(Array.isArray(f.value)&&f.value.length===2?m=f.value[1]:m=f.value),!d)return m;try{return re(m,d)}catch(y){return console.error(y),m}},u),{default:({value:u})=>u}),a=v.uniq(Et(t,e.x_axis.data_key)),l=xT(e,t,n,s),c={xAxis:_T(e,a),yAxis:jT(e,i),series:l,dataset:cT(e,t),tooltip:vT(e,i),grid:uT(e),legend:dT(),dataZoom:Is(e.dataZoom)};return v.defaultsDeep({},c,wT)}function hp(e){return e.trim().length>0}function ST({conf:e,data:t,width:n,height:s,interactionManager:i,variables:a}){const l=Bn(t,e.x_axis.data_key),c=yt(i.triggerManager,cp.id),u=g.useCallback(p=>{const f=p.data;c.forEach(m=>{i.runInteraction(m.id,{...p,rowData:f})})},[l,c,i]),d=g.useMemo(()=>({click:u}),[u]),h=g.useMemo(()=>CT(e,t,a),[e,t]);return r.jsx(Ye,{echarts:Ue,option:h,style:{width:n,height:s},onEvents:d,notMerge:!0,theme:"merico-light"})}function kT({context:e,instance:t}){const n=bt({vizManager:e.vizManager,instance:t}),{value:s}=Q(e.instanceData,"config"),{variables:i}=e,a=g.useMemo(()=>v.defaults({},s,Po),[s]),l=e.data,{width:c,height:u}=e.viewport,{ref:d,height:h}=Te.useElementSize(),{ref:p,height:f}=Te.useElementSize(),m=g.useMemo(()=>{const{stats:{templates:_}}=a;return{top:Cs(_.top,i,l),bottom:Cs(_.bottom,i,l)}},[a,l]),y=Math.max(0,Lt(u)-h-f);return!c||!u?null:r.jsxs(at,{width:c,height:u,children:[r.jsx(o.Text,{ref:d,align:"left",size:"xs",pl:"sm",sx:{display:hp(a.stats.templates.top)?"block":"none"},children:Object.values(m.top).map(_=>_)}),r.jsx(ST,{variables:i,width:Pt(c),height:y,data:l,conf:a,interactionManager:n}),r.jsx(o.Text,{ref:p,align:"left",size:"xs",pl:"sm",sx:{display:hp(a.stats.templates.bottom)?"block":"none"},children:Object.values(m.bottom).map(_=>_)})]})}const TT=g.forwardRef(({value:e,onChange:t,xAxisOptions:n,yAxisOptions:s,variableOptions:i},a)=>{const{t:l,i18n:c}=j.useTranslation(),u=(d,h)=>{const p=v.cloneDeep(e);v.set(p,d,h),t(p)};return r.jsxs(o.Stack,{children:[r.jsx(o.Divider,{mb:-15,variant:"dashed",label:l("chart.reference_area.content.label"),labelPosition:"right"}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(o.TextInput,{label:l("chart.reference_area.content.content_text"),value:e.content.text,onChange:d=>u("content.text",d.currentTarget.value)}),r.jsx(cr,{label:l("chart.reference_area.content.text_position"),value:e.label.position,onChange:d=>u("label.position",d)})]}),r.jsx(o.Divider,{mb:-15,variant:"dashed",label:l("chart.reference_area.endpoint.labels"),labelPosition:"right"}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[n&&r.jsx(o.Select,{label:l("chart.x_axis.label"),data:n,value:e.xAxisIndex,onChange:d=>u("xAxisIndex",d)}),s&&r.jsx(o.Select,{label:l("chart.y_axis.label"),data:s,value:e.yAxisIndex,onChange:d=>u("xAxisIndex",d)})]}),r.jsxs(o.Stack,{spacing:0,children:[r.jsx(o.Text,{size:14,color:"#212529",fw:500,children:l("chart.reference_area.endpoint.left_bottom_point")}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(o.Select,{icon:r.jsx(o.Text,{children:"x"}),data:i,value:e.leftBottomPoint.x_data_key,onChange:d=>u("leftBottomPoint.x_data_key",d??""),clearable:!0}),r.jsx(o.Select,{icon:r.jsx(o.Text,{children:"y"}),data:i,value:e.leftBottomPoint.y_data_key,onChange:d=>u("leftBottomPoint.y_data_key",d??""),clearable:!0})]})]}),r.jsxs(o.Stack,{spacing:0,children:[r.jsx(o.Text,{size:14,color:"#212529",fw:500,children:l("chart.reference_area.endpoint.right_top_point")}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(o.Select,{icon:r.jsx(o.Text,{children:"x"}),data:i,value:e.rightTopPoint.x_data_key,onChange:d=>u("rightTopPoint.x_data_key",d??""),clearable:!0}),r.jsx(o.Select,{icon:r.jsx(o.Text,{children:"y"}),data:i,value:e.rightTopPoint.y_data_key,onChange:d=>u("rightTopPoint.y_data_key",d??""),clearable:!0})]})]}),r.jsx(o.Divider,{mb:-15,variant:"dashed",label:l("chart.style.label"),labelPosition:"right"}),r.jsxs(o.Stack,{spacing:4,children:[r.jsx(o.Text,{size:14,children:l("chart.color.background_color")}),r.jsx(Je,{value:e.itemStyle.color,onChange:d=>u("itemStyle.color",d)})]}),r.jsxs(o.Stack,{spacing:4,children:[r.jsx(o.Text,{size:14,children:l("chart.color.text_color")}),r.jsx(Je,{value:e.label.color,onChange:d=>u("label.color",d)})]})]})});function DT(){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 MT({control:e,watch:t,variables:n}){const{t:s}=j.useTranslation(),i=()=>DT(),a=g.useMemo(()=>n.map(d=>({label:d.name,value:d.name})),[n]),l=t("y_axes"),c=g.useMemo(()=>l.map(({name:d},h)=>({label:d,value:h.toString()})),[l]),u=(d,h)=>h+1;return r.jsx(ke,{control:e,watch:t,name:"reference_areas",getItem:i,addButtonText:s("chart.reference_area.add"),deleteButtonText:s("chart.reference_area.delete"),renderTabName:u,children:({field:d,index:h})=>r.jsx(b.Controller,{name:`reference_areas.${h}`,control:e,render:({field:p})=>r.jsx(o.Stack,{children:r.jsx(TT,{variableOptions:a,yAxisOptions:c,...p})})})})}function IT({control:e,index:t,watch:n,variableOptions:s,yAxisOptions:i}){const{t:a}=j.useTranslation(),l=n(`reference_lines.${t}.orientation`);return r.jsxs(o.Stack,{my:0,p:0,sx:{position:"relative"},children:[r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:c})=>r.jsx(o.TextInput,{label:a("common.name"),placeholder:a("chart.reference_line.name_placeholder"),required:!0,sx:{flex:1},...c})}),r.jsx(b.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:c})=>r.jsx(o.Select,{label:a("common.data_field"),required:!0,data:s,sx:{flex:1},...c})})]}),r.jsx(b.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:c})=>r.jsx(o.TextInput,{label:a("chart.content_template.label"),placeholder:a("chart.content_template.hint"),sx:{flex:1},...c})}),r.jsxs(o.Group,{grow:!0,children:[r.jsxs(o.Stack,{children:[r.jsx(b.Controller,{name:`reference_lines.${t}.orientation`,control:e,render:({field:c})=>r.jsx(Dn,{sx:{flex:1},...c})}),l==="vertical"&&r.jsx(o.Text,{mt:-10,color:"dimmed",size:12,children:a("chart.reference_line.orientation.vertical_hint")})]}),l==="horizontal"&&r.jsx(b.Controller,{name:`reference_lines.${t}.yAxisIndex`,control:e,render:({field:{value:c,onChange:u,...d}})=>r.jsx(o.Select,{label:"Y Axis",data:i,disabled:i.length===0,...d,value:(c==null?void 0:c.toString())??"",onChange:h=>{if(!h){u(0);return}u(Number(h))},sx:{flex:1}})})]}),r.jsx(o.Divider,{mb:-10,mt:10,variant:"dashed",label:a("chart.style.label"),labelPosition:"center"}),r.jsxs(o.Group,{grow:!0,children:[r.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.type`,control:e,render:({field:c})=>r.jsx(lr,{sx:{flexGrow:1},...c})}),r.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.width`,control:e,render:({field:c})=>r.jsx(o.NumberInput,{label:a("chart.series.line.line_width"),min:1,max:10,sx:{flexGrow:1},...c})})]}),r.jsxs(o.Stack,{spacing:4,children:[r.jsx(o.Text,{size:"sm",children:a("chart.color.label")}),r.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.color`,control:e,render:({field:c})=>r.jsx(Je,{...c})})]})]})}function zT({control:e,watch:t,variables:n}){const{t:s}=j.useTranslation(),i=()=>({name:"",template:"",variable_key:"",orientation:"horizontal",lineStyle:{type:"dashed",width:1,color:Rt.random().css()},show_in_legend:!1,yAxisIndex:0}),a=g.useMemo(()=>n.map(d=>({label:d.name,value:d.name})),[n]),l=t("y_axes"),c=g.useMemo(()=>l.map(({name:d},h)=>({label:d,value:h.toString()})),[l]),u=(d,h)=>{const p=d.name.trim();return p||h+1};return r.jsx(ke,{control:e,watch:t,name:"reference_lines",getItem:i,addButtonText:s("chart.reference_line.add"),deleteButtonText:s("chart.reference_line.delete"),renderTabName:u,children:({field:d,index:h})=>r.jsx(IT,{control:e,index:h,watch:t,variableOptions:a,yAxisOptions:c})})}const ET=({value:e,onChange:t})=>{const n=s=>{s&&t(s)};return r.jsx(o.Box,{children:r.jsx(ft,{height:"500px",defaultLanguage:"javascript",value:e,onChange:n,theme:"vs-dark",options:{minimap:{enabled:!1}}})})},AT=({value:e,onChange:t})=>{const{t:n}=j.useTranslation(),[s,{setTrue:i,setFalse:a}]=Z.useBoolean(),[l,c]=g.useState(e),u=()=>{a();const{type:f,func_content:m}=l,y={type:f,func_content:m};c(y),t(y)},d=()=>{a(),c(e)},h=f=>{c(m=>({...m,func_content:f}))},p=()=>{h(Kr.dynamic.func_content)};return r.jsxs(r.Fragment,{children:[r.jsx(o.Box,{sx:{width:"50%"},children:r.jsx(o.Button,{color:"grape",variant:"filled",leftIcon:r.jsx(M.IconMathFunction,{size:16}),mt:24,onClick:i,sx:{flexGrow:0},children:n("viz.scatter_chart.color.dynamic.setup")})}),r.jsx(o.Modal,{size:800,title:n("viz.scatter_chart.color.dynamic.setup_title"),opened:s,onClose:a,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:s&&r.jsxs(o.Stack,{children:[r.jsx(ET,{value:l.func_content,onChange:h}),r.jsxs(o.Group,{position:"apart",children:[r.jsx(o.Button,{onClick:p,color:"red",leftIcon:r.jsx(R.Recycle,{size:20}),children:n("common.actions.reset_to_default")}),r.jsxs(o.Group,{position:"right",children:[r.jsx(o.Button,{onClick:d,variant:"subtle",children:n("common.actions.cancel")}),r.jsx(o.Button,{color:"green",leftIcon:r.jsx(M.IconDeviceFloppy,{size:16}),onClick:u,children:n("common.actions.save")})]})]})]})})]})},PT=({value:e,onChange:t})=>e.type!=="dynamic"?null:r.jsx(AT,{value:e,onChange:t}),LT=({value:e,onChange:t})=>{if(e.type!=="static")return null;const n=s=>{t({...e,color:s})};return r.jsx(o.ColorInput,{label:" ",format:"rgb",value:e.color,onChange:n})},OT=g.forwardRef(({label:e="Color",value:t,onChange:n},s)=>{const{t:i,i18n:a}=j.useTranslation(),l=g.useMemo(()=>[{label:i("viz.scatter_chart.color.type.static"),value:"static"},{label:i("viz.scatter_chart.color.type.dynamic"),value:"dynamic"}],[a.language]),c=u=>{n({...Kr[u]})};return r.jsxs(o.SimpleGrid,{cols:2,children:[r.jsx(o.Select,{ref:s,label:e,data:l,value:t.type,onChange:c,sx:{flexGrow:1}}),r.jsx(LT,{value:t,onChange:n}),r.jsx(PT,{value:t,onChange:n})]})}),BT=g.forwardRef(({value:e,onChange:t},n)=>{const{t:s}=j.useTranslation(),i=l=>{t({...e,label:l})},a=l=>{t({...e,tooltip:l})};return r.jsxs(o.Stack,{ref:n,spacing:0,children:[r.jsx(Ds,{sectionTitle:s("chart.axis.overflow.section_title.on_axis"),value:e.label,onChange:i}),r.jsx(Ds,{sectionTitle:s("chart.axis.overflow.section_title.in_tooltip"),value:e.tooltip,onChange:a})]})});function VT({control:e,watch:t}){const{t:n}=j.useTranslation();return t(["scatter"]),r.jsxs(o.Stack,{children:[r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"scatter.name_data_key",control:e,render:({field:s})=>r.jsx(U,{label:n("common.name_data_field"),required:!0,sx:{flex:1},...s})}),r.jsx(b.Controller,{name:"scatter.y_data_key",control:e,render:({field:s})=>r.jsx(U,{label:n("common.value_data_field"),required:!0,sx:{flex:1},...s})})]}),r.jsx(o.Divider,{mb:-15,label:n("chart.style.label"),labelPosition:"center"}),r.jsx(b.Controller,{name:"scatter.symbolSize",control:e,render:({field:s})=>r.jsx(So,{...s})}),r.jsx(b.Controller,{name:"scatter.color",control:e,render:({field:s})=>r.jsx(OT,{...s})}),r.jsx(o.Divider,{mb:-15,label:n("chart.label.label"),labelPosition:"center"}),r.jsx(o.Group,{grow:!0,noWrap:!0,children:r.jsx(b.Controller,{name:"scatter.label_position",control:e,render:({field:s})=>r.jsx(cr,{label:n("chart.label_position.label"),withOffOption:!0,...s,onChange:i=>{i&&s.onChange(i)}})})}),r.jsx(b.Controller,{name:"scatter.label_overflow",control:e,render:({field:s})=>r.jsx(BT,{...s})})]})}function qT({control:e,watch:t}){const{t:n}=j.useTranslation();return t("stats"),r.jsx(o.Stack,{children:r.jsxs(o.Stack,{spacing:0,children:[r.jsx(b.Controller,{name:"stats.templates.top",control:e,render:({field:s})=>r.jsx(is,{label:n("chart.stats.template.above_chart"),py:"md",sx:{flexGrow:1},...s})}),r.jsx(b.Controller,{name:"stats.templates.bottom",control:e,render:({field:s})=>r.jsx(is,{label:n("chart.stats.template.under_chart"),py:"md",sx:{flexGrow:1},...s})})]})})}const NT=({control:e,index:t})=>{const{t:n}=j.useTranslation();return r.jsx(o.Stack,{children:r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:`tooltip.metrics.${t}.name`,control:e,render:({field:s})=>r.jsx(o.TextInput,{label:n("common.name"),required:!0,sx:{flex:1},...s})}),r.jsx(b.Controller,{name:`tooltip.metrics.${t}.data_key`,control:e,render:({field:s})=>r.jsx(U,{label:n("common.data_field"),required:!0,sx:{flex:1},...s})})]})})},$T=({control:e,watch:t})=>{const{t:n}=j.useTranslation(),s=()=>({id:Date.now().toString(),data_key:"",name:""}),i=(a,l)=>{const c=a.name.trim();return c||l+1};return r.jsxs(r.Fragment,{children:[r.jsxs(o.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[r.jsx(R.InfoCircle,{size:14,color:"#888"}),r.jsx(o.Text,{size:14,color:"#888",children:n("chart.tooltip.additional_metrics.description")})]}),r.jsx(ke,{control:e,watch:t,name:"tooltip.metrics",getItem:s,addButtonText:n("chart.tooltip.additional_metrics.add"),deleteButtonText:n("chart.tooltip.additional_metrics.delete"),renderTabName:i,children:({field:a,index:l})=>r.jsx(NT,{control:e,index:l})})]})};function FT({control:e,watch:t}){const{t:n,i18n:s}=j.useTranslation();t("tooltip.trigger");const i=g.useMemo(()=>[{label:n("chart.tooltip.trigger.scatter_point"),value:"item"},{label:n("chart.tooltip.trigger.x_axis"),value:"axis"}],[s.language]);return r.jsxs(o.Stack,{children:[r.jsx(b.Controller,{name:"tooltip.trigger",control:e,render:({field:a})=>r.jsx(o.Select,{label:n("chart.tooltip.trigger.label"),data:i,sx:{flexGrow:1},...a})}),r.jsx(o.Divider,{variant:"dashed"}),r.jsx($T,{control:e,watch:t})]})}function GT({control:e,watch:t}){const{t:n}=j.useTranslation();return t(["x_axis"]),r.jsxs(o.Stack,{children:[r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"x_axis.data_key",control:e,render:({field:s})=>r.jsx(U,{label:n("common.data_field"),required:!0,sx:{flex:1},...s})}),r.jsx(b.Controller,{name:"x_axis.name",control:e,render:({field:s})=>r.jsx(o.TextInput,{label:n("common.name"),sx:{flex:1},...s})})]}),r.jsx(o.Divider,{mb:-15,label:n("chart.axis.tick_label"),labelPosition:"center"}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"x_axis.axisLabel.rotate",control:e,render:({field:s})=>r.jsx(cn,{sx:{width:"48%"},...s})}),r.jsx(b.Controller,{name:"x_axis.axisLabel.formatter",control:e,render:({field:s})=>r.jsx(Bt,{...s})})]}),r.jsx(b.Controller,{name:"x_axis.axisLabel.overflow",control:e,render:({field:s})=>r.jsx(Vt,{...s})})]})}function WT({control:e,index:t}){const{t:n}=j.useTranslation();return r.jsxs(o.Stack,{my:0,p:"0",sx:{position:"relative"},children:[r.jsx(o.Divider,{mb:-15,mt:15,variant:"dashed",label:n("chart.y_axis.y_axis_name"),labelPosition:"center"}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:`y_axes.${t}.name`,control:e,render:({field:s})=>r.jsx(o.TextInput,{label:n("common.name"),required:!0,sx:{flex:1},...s})}),r.jsx(b.Controller,{name:`y_axes.${t}.nameAlignment`,control:e,render:({field:s})=>r.jsx(Mn,{sx:{flex:1},...s})})]}),r.jsx(o.Divider,{mb:-15,variant:"dashed",label:n("chart.y_axis.layout"),labelPosition:"center"}),r.jsx(o.Group,{grow:!0,noWrap:!0,children:r.jsx(b.Controller,{name:`y_axes.${t}.position`,control:e,render:({field:s})=>r.jsx(Fh,{sx:{flex:1},...s})})}),r.jsxs(o.Stack,{children:[r.jsx(o.Divider,{mb:-15,variant:"dashed",label:n("chart.y_axis.label_format"),labelPosition:"center"}),r.jsx(b.Controller,{name:`y_axes.${t}.label_formatter`,control:e,render:({field:s})=>r.jsx(Dt,{...s})})]}),r.jsxs(o.Stack,{children:[r.jsx(o.Divider,{mb:-15,variant:"dashed",label:n("chart.y_axis.value_range"),labelPosition:"center"}),r.jsxs(o.Group,{grow:!0,children:[r.jsx(b.Controller,{name:`y_axes.${t}.min`,control:e,render:({field:s})=>r.jsx(o.TextInput,{label:n("chart.y_axis.value_min"),...s})}),r.jsx(b.Controller,{name:`y_axes.${t}.max`,control:e,render:({field:s})=>r.jsx(o.TextInput,{label:n("chart.y_axis.value_max"),...s})})]})]})]})}function RT({control:e,watch:t}){const{t:n}=j.useTranslation(),s=()=>({name:"",label_formatter:Ge,min:"",max:"",show:!0,position:"right",nameAlignment:"right"}),i=(l,c)=>{const u=l.name.trim();return u||c+1},a=({field:l,index:c,fields:u})=>u.length<=1;return r.jsx(ke,{control:e,watch:t,name:"y_axes",getItem:s,addButtonText:n("chart.y_axis.add"),deleteButtonText:n("chart.y_axis.delete"),renderTabName:i,deleteDisalbed:a,children:({field:l,index:c})=>r.jsx(WT,{control:e,index:c})})}function QT(e){return e||{templates:{top:"",bottom:""}}}function UT({reference_lines:e=[],stats:t,...n}){return{reference_lines:e,stats:QT(t),...n}}function YT({context:e}){const{t}=j.useTranslation(),{value:n,set:s}=Q(e.instanceData,"config"),{variables:i}=e,a=g.useMemo(()=>v.defaultsDeep({},n,Po),[n]),l=g.useMemo(()=>UT(a),[a]);g.useEffect(()=>{!v.isEqual(a,l)&&(console.log("config malformed, resetting to defaults",a,l),s(l))},[a,l]);const{control:c,handleSubmit:u,watch:d,getValues:h,reset:p}=b.useForm({defaultValues:l});g.useEffect(()=>{p(l)},[l]);const f=h(),m=g.useMemo(()=>!v.isEqual(f,a),[f,a]);return d(["dataZoom"]),r.jsx(o.Stack,{spacing:"xs",children:r.jsxs("form",{onSubmit:u(s),children:[r.jsx(qe,{canSubmit:m}),r.jsxs(o.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[r.jsxs(o.Tabs.List,{children:[r.jsx(o.Tabs.Tab,{value:"X Axis",children:t("chart.x_axis.label")}),r.jsx(o.Tabs.Tab,{value:"Y Axes",children:t("chart.y_axis.labels")}),r.jsx(o.Tabs.Tab,{value:"Scatter",children:t("chart.series.scatter.label")}),r.jsx(o.Tabs.Tab,{value:"Tooltip",children:t("chart.tooltip.label")}),r.jsx(o.Tabs.Tab,{value:"Stats",children:t("chart.stats.label")}),r.jsx(o.Tabs.Tab,{value:"Reference Lines",children:t("chart.reference_line.labels")}),r.jsx(o.Tabs.Tab,{value:"Reference Areas",children:t("chart.reference_area.labels")}),r.jsx(o.Tabs.Tab,{value:"Zooming",children:t("chart.zooming.label")})]}),r.jsx(o.Tabs.Panel,{value:"X Axis",children:r.jsx(GT,{control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Y Axes",children:r.jsx(RT,{control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Scatter",children:r.jsx(VT,{control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Tooltip",children:r.jsx(FT,{control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Stats",children:r.jsx(qT,{control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Reference Lines",children:r.jsx(zT,{variables:i,control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Reference Areas",children:r.jsx(MT,{variables:i,control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Zooming",children:r.jsx(b.Controller,{name:"dataZoom",control:c,render:({field:y})=>r.jsx(Zs,{...y})})})]})]})})}const KT=[{lang:"en",resources:{scatter_chart:{viz_name:"Scatter Chart",color:{type:{static:"Static",dynamic:"Dynamic"},dynamic:{setup:"Setup",setup_title:"Setup dynamic color"}},click_scatter:{trigger:"Click Scatter"}}}},{lang:"zh",resources:{scatter_chart:{viz_name:"散点图",color:{type:{static:"具体颜色",dynamic:"动态计算颜色"},dynamic:{setup:"设置",setup_title:"设置动态计算颜色的逻辑"}},click_scatter:{trigger:"点击散点"}}}}];function XT(e){const{dataZoom:t=On,...n}=e;return{...n,dataZoom:t}}function JT(e){const t={scatter:{label_overflow:up()}};return v.defaultsDeep(t,e)}function ZT(e){const{color:t}=e.scatter;return typeof t=="string"?{...e,scatter:{...e.scatter,color:{...Kr.static,color:t}}}:e}function HT(e){const t=e.reference_lines.map(n=>{const{lineStyle:s={type:"dashed",width:1,color:Rt.random().css()},show_in_legend:i=!1,yAxisIndex:a=0}=n;return{...n,lineStyle:s,show_in_legend:i,yAxisIndex:a}});return{...e,reference_lines:t}}function eD(e){const t={tooltip:{trigger:"item"}};return v.defaultsDeep({},e,t)}function tD(e,{panelModel:t}){try{const n=t.queryIDs[0];if(!n)throw new Error("cannot migrate when queryID is empty");const s=u=>u&&`${n}.${u}`,{x_axis:i,scatter:a,tooltip:l,...c}=e;return{...c,x_axis:{...i,data_key:s(i.data_key)},scatter:{...a,y_data_key:s(a.y_data_key),name_data_key:s(a.name_data_key)},tooltip:{...l,metrics:l.metrics.map(u=>({...u,data_key:s(u.data_key)}))}}}catch(n){throw console.error("[Migration failed]",n),n}}function nD(e){const t={x_axis:{axisLabel:{overflow:lt()}}};return v.defaultsDeep(t,e)}class rD extends Me{constructor(){super(...arguments);N(this,"VERSION",10)}configVersions(){this.version(1,n=>({version:1,config:n})),this.version(2,n=>{const{tooltip:s={metrics:[]},...i}=n.config;return{...n,version:2,config:{...i,tooltip:s}}}),this.version(3,n=>({...n,version:3,config:XT(n.config)})),this.version(4,n=>{const{config:s}=n;return{...n,version:5,config:JT(s)}}),this.version(6,n=>{const{config:s}=n;return{...n,version:6,config:ZT(s)}}),this.version(7,n=>{const{config:s}=n;return{...n,version:7,config:HT(s)}}),this.version(8,n=>{const{config:s}=n;return{...n,version:8,config:eD(s)}}),this.version(9,(n,s)=>{const{config:i}=n;return{...n,version:9,config:tD(i,s)}}),this.version(10,(n,s)=>{const{config:i}=n;return{...n,version:10,config:nD(i)}})}}const sD={displayName:"viz.scatter_chart.viz_name",displayGroup:"chart.groups.echarts_based_charts",migrator:new rD,name:"scatterChart",viewRender:kT,configRender:YT,createConfig(){return{version:10,config:v.cloneDeep(Po)}},triggers:[cp],translation:KT},Lo={content:"Use double curly brackets to wrap js code: {{ new Date().getTime() }}",vertical_align:"center"};function iD(e){if("variables"in e)return e;const{align:t,size:n,weight:s,color:i,content:{prefix:a="",data_field:l="value",formatter:c={output:"number",mantissa:0},postfix:u=""}={}}=e;return{align:t,template:`${a} \${value} ${u}`,variables:[{name:"value",data_field:l,aggregation:{type:"none",config:{}},formatter:c,color:i,weight:s,size:n}]}}function aD(e){return v.omit(e,["variables"])}function oD(e){const{align:t,...n}=e;return{horizontal_align:t,vertical_align:"center",...n}}function lD(e){const t=v.cloneDeep(e),n=v.get(t,"color.valueRange");return n!==void 0&&v.set(t,"color.valueRange",n.map(s=>Number(s))),t}function cD(e,t){return!t||t==="left"?e:`<p style="text-align: ${t}">${e}</p>`}function uD(e,t){const{horizontal_align:n,template:s,...i}=e;let a=pu(s,t);return a=cD(a,n),{content:a,...i}}function dD(e,t){const{content:n,...s}=e;return{content:pu(n,t),...s}}class hD extends Me{constructor(){super(...arguments);N(this,"VERSION",5)}configVersions(){this.version(1,n=>({version:1,config:iD(n)})),this.version(2,(n,{panelModel:s})=>{const{config:i}=n;return(i.variables||[]).forEach(l=>{s.variables.find(c=>c.name===l.name)||s.addVariable(lD(l))}),{...n,version:2,config:aD(i)}}),this.version(3,n=>{const{config:s}=n;return{...n,version:3,config:oD(s)}}),this.version(4,(n,{panelModel:s})=>{const{config:i}=n;return{...n,version:4,config:uD(i,s)}}),this.version(5,(n,{panelModel:s})=>{const{config:i}=n;return{...n,version:5,config:dD(i,s)}})}}const pp={id:"builtin:stats:click-stats",displayName:"viz.stats.click_stats.trigger",nameRender:fD,configRender:pD,payload:[{name:"variables",description:"Panel variables",valueType:"object"}]};function pD(e){return r.jsx(r.Fragment,{})}function fD(e){const{t}=j.useTranslation();return r.jsx(o.Text,{children:t("viz.stats.click_stats.trigger")})}const gD={top:"flex-start",center:"center",bottom:"flex-end"};function mD(e){const t={flexGrow:1};return e>0&&(t.cursor="pointer",t["&:hover"]={textDecoration:"underline"}),t}const xD=D.observer(({context:e,instance:t})=>{const n=bt({vizManager:e.vizManager,instance:t}),s=yt(n.triggerManager,pp.id),i=Pe(),{value:a=Lo}=Q(e.instanceData,"config"),{panel:l}=Ot(),{data:c,variables:u}=e,{width:d,height:h}=e.viewport,p=g.useMemo(()=>{const m=v.defaults({},a,Lo);return m.content?yu(m.content,u,i.payloadForViz,c):""},[a,u,i.payloadForViz]),f=g.useCallback(()=>{s.forEach(m=>{n.runInteraction(m.id,{variables:l.variableValueMap})})},[l.variableValueMap,s,n]);return r.jsx(o.Flex,{className:"viz-stats",sx:{width:d,height:h},align:gD[a.vertical_align],direction:"row",children:r.jsx(o.Box,{className:"viz-stats--clickable-wrapper",sx:mD(s.length),onClick:f,children:r.jsx(kr,{value:p,styles:{root:{border:"none",maxWidth:d,maxHeight:h,"&.mantine-RichTextEditor-root":{overflow:"auto !important"}},content:{"&.mantine-RichTextEditor-content .ProseMirror":{padding:0}}},dashboardState:i.dashboardState,variableAggValueMap:l.variableAggValueMap})})})});function yD({conf:e,setConf:t}){const{t:n}=j.useTranslation(),s=g.useMemo(()=>v.defaults({},e),[e]),{control:i,handleSubmit:a,watch:l,getValues:c,reset:u}=b.useForm({defaultValues:s});g.useEffect(()=>{u(s)},[s]),l(["content","vertical_align"]);const d=c(),h=g.useMemo(()=>!v.isEqual(d,e),[d,e]);return r.jsx("form",{onSubmit:a(t),children:r.jsxs(o.Stack,{spacing:"xs",children:[r.jsx(qe,{canSubmit:h}),r.jsx(b.Controller,{control:i,name:"vertical_align",render:({field:p})=>r.jsx($u,{...p})}),r.jsx(b.Controller,{name:"content",control:i,render:({field:p})=>r.jsx(ws,{...p,styles:{root:{flexGrow:1,minHeight:"240px"}},label:n("rich_text.content.label"),autoSubmit:!0})})]})})}function bD(e){const{value:t,set:n}=Q(e.context.instanceData,"config");return t?r.jsx(yD,{conf:t,setConf:n}):null}const vD=[{lang:"en",resources:{stats:{viz_name:"Stats",click_stats:{trigger:"Click stats text"}}}},{lang:"zh",resources:{stats:{viz_name:"数据指标",click_stats:{trigger:"点击文字"}}}}],_D={createConfig(){return{version:5,config:Lo}},displayName:"viz.stats.viz_name",displayGroup:"chart.groups.others",migrator:new hD,name:"stats",viewRender:xD,configRender:bD,triggers:[pp],translation:vD},Oo={label_key:"",value_key:"",group_key:"",levels:[]};function jD(e){const t=new Set(e.map(s=>s.parent_id)),n=new Set(e.map(s=>s.id));return t.forEach(s=>{s===null||n.has(s)||e.push({id:s,name:s,parent_id:null})}),e}function wD(e){const t=jD(e).map(i=>({...i,children:[]})),n=v.keyBy(t,i=>i.id),s=[];return t.forEach(i=>{if(!i.parent_id||!n[i.parent_id]){s.push(i);return}n[i.parent_id].children.push(i)}),s}function CD(e,t){const{label_key:n,value_key:s,group_key:i}=e;if(!n||!s)return[];const a=O(n),l=O(s),c=O(i),u=t[a.queryID].map(d=>({...d,id:d[a.columnKey],parent_id:d[c.columnKey],name:d[a.columnKey],value:d[l.columnKey]?Number(d[l.columnKey]):d[l.columnKey]}));return i?wD(u):u}const SD=e=>({treePathInfo:t,name:n,value:s})=>{if(t.length===1||!e)return n;try{const i=t[t.length-2].value;if(s/i<e)return" "}catch{return n}};function kD(e){const{levels:t}=e;return t.map(n=>{const{show_label_tolerance:s,...i}=n.label;return{...n,label:{...i,formatter:SD(s)}}})}function TD(){return({treePathInfo:e,name:t,value:n,color:s,marker:i,...a})=>{const l=e.slice(0,e.length-1),c=[`<tr>
+      `}})}function _T(e,t){const n=t.every(c=>!Number.isNaN(Number(c))),{overflow:s,...i}=e.x_axis.axisLabel,a=Ct(s.on_axis),l=t.length===0;return[ge.getXAxis({data:t,name:e.x_axis.name??"",nameGap:l?5:void 0,id:"main-x-axis",type:n?"value":"category",axisLabel:{...i,...a,formatter:ot(i.formatter)}})]}function jT(e,t){return e.y_axes.map(({nameAlignment:n,min:s,max:i,...a},l)=>{let c=a.position;return c||(c=l>0?"right":"left"),ge.getYAxis({...a,minInterval:1,min:s||void 0,max:i||void 0,position:c,axisLine:{show:!0},axisLabel:{show:!0,formatter:t[l]??t.default},nameTextStyle:{align:n},nameLocation:"end",nameGap:15,splitLine:{show:!1}})})}const wT={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 CT(e,t,n){const s=n.reduce((u,d)=>{const h=Xt(d,t);return u[d.name]=xt(d,h),u},{}),i=e.y_axes.reduce((u,{label_formatter:d},h)=>(u[h]=function(f){let m=f;if(typeof f=="object"&&(Array.isArray(f.value)&&f.value.length===2?m=f.value[1]:m=f.value),!d)return m;try{return re(m,d)}catch(y){return console.error(y),m}},u),{default:({value:u})=>u}),a=v.uniq(Et(t,e.x_axis.data_key)),l=xT(e,t,n,s),c={xAxis:_T(e,a),yAxis:jT(e,i),series:l,dataset:cT(e,t),tooltip:vT(e,i),grid:uT(e),legend:dT(),dataZoom:Is(e.dataZoom)};return v.defaultsDeep({},c,wT)}function hp(e){return e.trim().length>0}function ST({conf:e,data:t,width:n,height:s,interactionManager:i,variables:a}){const l=Bn(t,e.x_axis.data_key),c=yt(i.triggerManager,cp.id),u=g.useCallback(p=>{const f=p.data;c.forEach(m=>{i.runInteraction(m.id,{...p,rowData:f})})},[l,c,i]),d=g.useMemo(()=>({click:u}),[u]),h=g.useMemo(()=>CT(e,t,a),[e,t]);return r.jsx(Ye,{echarts:Ue,option:h,style:{width:n,height:s},onEvents:d,notMerge:!0,theme:"merico-light"})}function kT({context:e,instance:t}){const n=bt({vizManager:e.vizManager,instance:t}),{value:s}=Q(e.instanceData,"config"),{variables:i}=e,a=g.useMemo(()=>v.defaults({},s,Po),[s]),l=e.data,{width:c,height:u}=e.viewport,{ref:d,height:h}=Te.useElementSize(),{ref:p,height:f}=Te.useElementSize(),m=g.useMemo(()=>{const{stats:{templates:_}}=a;return{top:Cs(_.top,i,l),bottom:Cs(_.bottom,i,l)}},[a,l]),y=Math.max(0,Lt(u)-h-f);return!c||!u?null:r.jsxs(at,{width:c,height:u,children:[r.jsx(o.Text,{ref:d,align:"left",size:"xs",pl:"sm",sx:{display:hp(a.stats.templates.top)?"block":"none"},children:Object.values(m.top).map(_=>_)}),r.jsx(ST,{variables:i,width:Pt(c),height:y,data:l,conf:a,interactionManager:n}),r.jsx(o.Text,{ref:p,align:"left",size:"xs",pl:"sm",sx:{display:hp(a.stats.templates.bottom)?"block":"none"},children:Object.values(m.bottom).map(_=>_)})]})}const TT=g.forwardRef(({value:e,onChange:t,xAxisOptions:n,yAxisOptions:s,variableOptions:i},a)=>{const{t:l,i18n:c}=j.useTranslation(),u=(d,h)=>{const p=v.cloneDeep(e);v.set(p,d,h),t(p)};return r.jsxs(o.Stack,{children:[r.jsx(o.Divider,{mb:-15,variant:"dashed",label:l("chart.reference_area.content.label"),labelPosition:"right"}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(o.TextInput,{label:l("chart.reference_area.content.content_text"),value:e.content.text,onChange:d=>u("content.text",d.currentTarget.value)}),r.jsx(cr,{label:l("chart.reference_area.content.text_position"),value:e.label.position,onChange:d=>u("label.position",d)})]}),r.jsx(o.Divider,{mb:-15,variant:"dashed",label:l("chart.reference_area.endpoint.labels"),labelPosition:"right"}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[n&&r.jsx(o.Select,{label:l("chart.x_axis.label"),data:n,value:e.xAxisIndex,onChange:d=>u("xAxisIndex",d)}),s&&r.jsx(o.Select,{label:l("chart.y_axis.label"),data:s,value:e.yAxisIndex,onChange:d=>u("xAxisIndex",d)})]}),r.jsxs(o.Stack,{spacing:0,children:[r.jsx(o.Text,{size:14,color:"#212529",fw:500,children:l("chart.reference_area.endpoint.left_bottom_point")}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(o.Select,{icon:r.jsx(o.Text,{children:"x"}),data:i,value:e.leftBottomPoint.x_data_key,onChange:d=>u("leftBottomPoint.x_data_key",d??""),clearable:!0}),r.jsx(o.Select,{icon:r.jsx(o.Text,{children:"y"}),data:i,value:e.leftBottomPoint.y_data_key,onChange:d=>u("leftBottomPoint.y_data_key",d??""),clearable:!0})]})]}),r.jsxs(o.Stack,{spacing:0,children:[r.jsx(o.Text,{size:14,color:"#212529",fw:500,children:l("chart.reference_area.endpoint.right_top_point")}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(o.Select,{icon:r.jsx(o.Text,{children:"x"}),data:i,value:e.rightTopPoint.x_data_key,onChange:d=>u("rightTopPoint.x_data_key",d??""),clearable:!0}),r.jsx(o.Select,{icon:r.jsx(o.Text,{children:"y"}),data:i,value:e.rightTopPoint.y_data_key,onChange:d=>u("rightTopPoint.y_data_key",d??""),clearable:!0})]})]}),r.jsx(o.Divider,{mb:-15,variant:"dashed",label:l("chart.style.label"),labelPosition:"right"}),r.jsxs(o.Stack,{spacing:4,children:[r.jsx(o.Text,{size:14,children:l("chart.color.background_color")}),r.jsx(Je,{value:e.itemStyle.color,onChange:d=>u("itemStyle.color",d)})]}),r.jsxs(o.Stack,{spacing:4,children:[r.jsx(o.Text,{size:14,children:l("chart.color.text_color")}),r.jsx(Je,{value:e.label.color,onChange:d=>u("label.color",d)})]})]})});function DT(){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 MT({control:e,watch:t,variables:n}){const{t:s}=j.useTranslation(),i=()=>DT(),a=g.useMemo(()=>n.map(d=>({label:d.name,value:d.name})),[n]),l=t("y_axes"),c=g.useMemo(()=>l.map(({name:d},h)=>({label:d,value:h.toString()})),[l]),u=(d,h)=>h+1;return r.jsx(ke,{control:e,watch:t,name:"reference_areas",getItem:i,addButtonText:s("chart.reference_area.add"),deleteButtonText:s("chart.reference_area.delete"),renderTabName:u,children:({field:d,index:h})=>r.jsx(b.Controller,{name:`reference_areas.${h}`,control:e,render:({field:p})=>r.jsx(o.Stack,{children:r.jsx(TT,{variableOptions:a,yAxisOptions:c,...p})})})})}function IT({control:e,index:t,watch:n,variableOptions:s,yAxisOptions:i}){const{t:a}=j.useTranslation(),l=n(`reference_lines.${t}.orientation`);return r.jsxs(o.Stack,{my:0,p:0,sx:{position:"relative"},children:[r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:c})=>r.jsx(o.TextInput,{label:a("common.name"),placeholder:a("chart.reference_line.name_placeholder"),required:!0,sx:{flex:1},...c})}),r.jsx(b.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:c})=>r.jsx(o.Select,{label:a("common.data_field"),required:!0,data:s,sx:{flex:1},...c})})]}),r.jsx(b.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:c})=>r.jsx(o.TextInput,{label:a("chart.content_template.label"),placeholder:a("chart.content_template.hint"),sx:{flex:1},...c})}),r.jsxs(o.Group,{grow:!0,children:[r.jsxs(o.Stack,{children:[r.jsx(b.Controller,{name:`reference_lines.${t}.orientation`,control:e,render:({field:c})=>r.jsx(Dn,{sx:{flex:1},...c})}),l==="vertical"&&r.jsx(o.Text,{mt:-10,color:"dimmed",size:12,children:a("chart.reference_line.orientation.vertical_hint")})]}),l==="horizontal"&&r.jsx(b.Controller,{name:`reference_lines.${t}.yAxisIndex`,control:e,render:({field:{value:c,onChange:u,...d}})=>r.jsx(o.Select,{label:"Y Axis",data:i,disabled:i.length===0,...d,value:(c==null?void 0:c.toString())??"",onChange:h=>{if(!h){u(0);return}u(Number(h))},sx:{flex:1}})})]}),r.jsx(o.Divider,{mb:-10,mt:10,variant:"dashed",label:a("chart.style.label"),labelPosition:"center"}),r.jsxs(o.Group,{grow:!0,children:[r.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.type`,control:e,render:({field:c})=>r.jsx(lr,{sx:{flexGrow:1},...c})}),r.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.width`,control:e,render:({field:c})=>r.jsx(o.NumberInput,{label:a("chart.series.line.line_width"),min:1,max:10,sx:{flexGrow:1},...c})})]}),r.jsxs(o.Stack,{spacing:4,children:[r.jsx(o.Text,{size:"sm",children:a("chart.color.label")}),r.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.color`,control:e,render:({field:c})=>r.jsx(Je,{...c})})]})]})}function zT({control:e,watch:t,variables:n}){const{t:s}=j.useTranslation(),i=()=>({name:"",template:"",variable_key:"",orientation:"horizontal",lineStyle:{type:"dashed",width:1,color:Rt.random().css()},show_in_legend:!1,yAxisIndex:0}),a=g.useMemo(()=>n.map(d=>({label:d.name,value:d.name})),[n]),l=t("y_axes"),c=g.useMemo(()=>l.map(({name:d},h)=>({label:d,value:h.toString()})),[l]),u=(d,h)=>{const p=d.name.trim();return p||h+1};return r.jsx(ke,{control:e,watch:t,name:"reference_lines",getItem:i,addButtonText:s("chart.reference_line.add"),deleteButtonText:s("chart.reference_line.delete"),renderTabName:u,children:({field:d,index:h})=>r.jsx(IT,{control:e,index:h,watch:t,variableOptions:a,yAxisOptions:c})})}const ET=({value:e,onChange:t})=>{const n=s=>{s&&t(s)};return r.jsx(o.Box,{children:r.jsx(ft,{height:"500px",defaultLanguage:"javascript",value:e,onChange:n,theme:"vs-dark",options:{minimap:{enabled:!1}}})})},AT=({value:e,onChange:t})=>{const{t:n}=j.useTranslation(),[s,{setTrue:i,setFalse:a}]=Z.useBoolean(),[l,c]=g.useState(e),u=()=>{a();const{type:f,func_content:m}=l,y={type:f,func_content:m};c(y),t(y)},d=()=>{a(),c(e)},h=f=>{c(m=>({...m,func_content:f}))},p=()=>{h(Kr.dynamic.func_content)};return r.jsxs(r.Fragment,{children:[r.jsx(o.Box,{sx:{width:"50%"},children:r.jsx(o.Button,{color:"grape",variant:"filled",leftIcon:r.jsx(M.IconMathFunction,{size:16}),mt:24,onClick:i,sx:{flexGrow:0},children:n("viz.scatter_chart.color.dynamic.setup")})}),r.jsx(o.Modal,{size:800,title:n("viz.scatter_chart.color.dynamic.setup_title"),opened:s,onClose:a,closeOnClickOutside:!1,withCloseButton:!1,zIndex:320,children:s&&r.jsxs(o.Stack,{children:[r.jsx(ET,{value:l.func_content,onChange:h}),r.jsxs(o.Group,{position:"apart",children:[r.jsx(o.Button,{onClick:p,color:"red",leftIcon:r.jsx(R.Recycle,{size:20}),children:n("common.actions.reset_to_default")}),r.jsxs(o.Group,{position:"right",children:[r.jsx(o.Button,{onClick:d,variant:"subtle",children:n("common.actions.cancel")}),r.jsx(o.Button,{color:"green",leftIcon:r.jsx(M.IconDeviceFloppy,{size:16}),onClick:u,children:n("common.actions.save")})]})]})]})})]})},PT=({value:e,onChange:t})=>e.type!=="dynamic"?null:r.jsx(AT,{value:e,onChange:t}),LT=({value:e,onChange:t})=>{if(e.type!=="static")return null;const n=s=>{t({...e,color:s})};return r.jsx(o.ColorInput,{label:" ",format:"rgb",value:e.color,onChange:n})},OT=g.forwardRef(({label:e="Color",value:t,onChange:n},s)=>{const{t:i,i18n:a}=j.useTranslation(),l=g.useMemo(()=>[{label:i("viz.scatter_chart.color.type.static"),value:"static"},{label:i("viz.scatter_chart.color.type.dynamic"),value:"dynamic"}],[a.language]),c=u=>{n({...Kr[u]})};return r.jsxs(o.SimpleGrid,{cols:2,children:[r.jsx(o.Select,{ref:s,label:e,data:l,value:t.type,onChange:c,sx:{flexGrow:1}}),r.jsx(LT,{value:t,onChange:n}),r.jsx(PT,{value:t,onChange:n})]})}),BT=g.forwardRef(({value:e,onChange:t},n)=>{const{t:s}=j.useTranslation(),i=l=>{t({...e,label:l})},a=l=>{t({...e,tooltip:l})};return r.jsxs(o.Stack,{ref:n,spacing:0,children:[r.jsx(Ds,{sectionTitle:s("chart.axis.overflow.section_title.on_axis"),value:e.label,onChange:i}),r.jsx(Ds,{sectionTitle:s("chart.axis.overflow.section_title.in_tooltip"),value:e.tooltip,onChange:a})]})});function VT({control:e,watch:t}){const{t:n}=j.useTranslation();return t(["scatter"]),r.jsxs(o.Stack,{children:[r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"scatter.name_data_key",control:e,render:({field:s})=>r.jsx(U,{label:n("common.name_data_field"),required:!0,sx:{flex:1},...s})}),r.jsx(b.Controller,{name:"scatter.y_data_key",control:e,render:({field:s})=>r.jsx(U,{label:n("common.value_data_field"),required:!0,sx:{flex:1},...s})})]}),r.jsx(o.Divider,{mb:-15,label:n("chart.style.label"),labelPosition:"center"}),r.jsx(b.Controller,{name:"scatter.symbolSize",control:e,render:({field:s})=>r.jsx(So,{...s})}),r.jsx(b.Controller,{name:"scatter.color",control:e,render:({field:s})=>r.jsx(OT,{...s})}),r.jsx(o.Divider,{mb:-15,label:n("chart.label.label"),labelPosition:"center"}),r.jsx(o.Group,{grow:!0,noWrap:!0,children:r.jsx(b.Controller,{name:"scatter.label_position",control:e,render:({field:s})=>r.jsx(cr,{label:n("chart.label_position.label"),withOffOption:!0,...s,onChange:i=>{i&&s.onChange(i)}})})}),r.jsx(b.Controller,{name:"scatter.label_overflow",control:e,render:({field:s})=>r.jsx(BT,{...s})})]})}function qT({control:e,watch:t}){const{t:n}=j.useTranslation();return t("stats"),r.jsx(o.Stack,{children:r.jsxs(o.Stack,{spacing:0,children:[r.jsx(b.Controller,{name:"stats.templates.top",control:e,render:({field:s})=>r.jsx(is,{label:n("chart.stats.template.above_chart"),py:"md",sx:{flexGrow:1},...s})}),r.jsx(b.Controller,{name:"stats.templates.bottom",control:e,render:({field:s})=>r.jsx(is,{label:n("chart.stats.template.under_chart"),py:"md",sx:{flexGrow:1},...s})})]})})}const NT=({control:e,index:t})=>{const{t:n}=j.useTranslation();return r.jsx(o.Stack,{children:r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:`tooltip.metrics.${t}.name`,control:e,render:({field:s})=>r.jsx(o.TextInput,{label:n("common.name"),required:!0,sx:{flex:1},...s})}),r.jsx(b.Controller,{name:`tooltip.metrics.${t}.data_key`,control:e,render:({field:s})=>r.jsx(U,{label:n("common.data_field"),required:!0,sx:{flex:1},...s})})]})})},$T=({control:e,watch:t})=>{const{t:n}=j.useTranslation(),s=()=>({id:Date.now().toString(),data_key:"",name:""}),i=(a,l)=>{const c=a.name.trim();return c||l+1};return r.jsxs(r.Fragment,{children:[r.jsxs(o.Group,{spacing:2,sx:{cursor:"default",userSelect:"none"},children:[r.jsx(R.InfoCircle,{size:14,color:"#888"}),r.jsx(o.Text,{size:14,color:"#888",children:n("chart.tooltip.additional_metrics.description")})]}),r.jsx(ke,{control:e,watch:t,name:"tooltip.metrics",getItem:s,addButtonText:n("chart.tooltip.additional_metrics.add"),deleteButtonText:n("chart.tooltip.additional_metrics.delete"),renderTabName:i,children:({field:a,index:l})=>r.jsx(NT,{control:e,index:l})})]})};function FT({control:e,watch:t}){const{t:n,i18n:s}=j.useTranslation();t("tooltip.trigger");const i=g.useMemo(()=>[{label:n("chart.tooltip.trigger.scatter_point"),value:"item"},{label:n("chart.tooltip.trigger.x_axis"),value:"axis"}],[s.language]);return r.jsxs(o.Stack,{children:[r.jsx(b.Controller,{name:"tooltip.trigger",control:e,render:({field:a})=>r.jsx(o.Select,{label:n("chart.tooltip.trigger.label"),data:i,sx:{flexGrow:1},...a})}),r.jsx(o.Divider,{variant:"dashed"}),r.jsx($T,{control:e,watch:t})]})}function GT({control:e,watch:t}){const{t:n}=j.useTranslation();return t(["x_axis"]),r.jsxs(o.Stack,{children:[r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"x_axis.data_key",control:e,render:({field:s})=>r.jsx(U,{label:n("common.data_field"),required:!0,sx:{flex:1},...s})}),r.jsx(b.Controller,{name:"x_axis.name",control:e,render:({field:s})=>r.jsx(o.TextInput,{label:n("common.name"),sx:{flex:1},...s})})]}),r.jsx(o.Divider,{mb:-15,label:n("chart.axis.tick_label"),labelPosition:"center"}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:"x_axis.axisLabel.rotate",control:e,render:({field:s})=>r.jsx(cn,{sx:{width:"48%"},...s})}),r.jsx(b.Controller,{name:"x_axis.axisLabel.formatter",control:e,render:({field:s})=>r.jsx(Bt,{...s})})]}),r.jsx(b.Controller,{name:"x_axis.axisLabel.overflow",control:e,render:({field:s})=>r.jsx(Vt,{...s})})]})}function WT({control:e,index:t}){const{t:n}=j.useTranslation();return r.jsxs(o.Stack,{my:0,p:"0",sx:{position:"relative"},children:[r.jsx(o.Divider,{mb:-15,mt:15,variant:"dashed",label:n("chart.y_axis.y_axis_name"),labelPosition:"center"}),r.jsxs(o.Group,{grow:!0,noWrap:!0,children:[r.jsx(b.Controller,{name:`y_axes.${t}.name`,control:e,render:({field:s})=>r.jsx(o.TextInput,{label:n("common.name"),required:!0,sx:{flex:1},...s})}),r.jsx(b.Controller,{name:`y_axes.${t}.nameAlignment`,control:e,render:({field:s})=>r.jsx(Mn,{sx:{flex:1},...s})})]}),r.jsx(o.Divider,{mb:-15,variant:"dashed",label:n("chart.y_axis.layout"),labelPosition:"center"}),r.jsx(o.Group,{grow:!0,noWrap:!0,children:r.jsx(b.Controller,{name:`y_axes.${t}.position`,control:e,render:({field:s})=>r.jsx(Fh,{sx:{flex:1},...s})})}),r.jsxs(o.Stack,{children:[r.jsx(o.Divider,{mb:-15,variant:"dashed",label:n("chart.y_axis.label_format"),labelPosition:"center"}),r.jsx(b.Controller,{name:`y_axes.${t}.label_formatter`,control:e,render:({field:s})=>r.jsx(Dt,{...s})})]}),r.jsxs(o.Stack,{children:[r.jsx(o.Divider,{mb:-15,variant:"dashed",label:n("chart.y_axis.value_range"),labelPosition:"center"}),r.jsxs(o.Group,{grow:!0,children:[r.jsx(b.Controller,{name:`y_axes.${t}.min`,control:e,render:({field:s})=>r.jsx(o.TextInput,{label:n("chart.y_axis.value_min"),...s})}),r.jsx(b.Controller,{name:`y_axes.${t}.max`,control:e,render:({field:s})=>r.jsx(o.TextInput,{label:n("chart.y_axis.value_max"),...s})})]})]})]})}function RT({control:e,watch:t}){const{t:n}=j.useTranslation(),s=()=>({name:"",label_formatter:Ge,min:"",max:"",show:!0,position:"right",nameAlignment:"right"}),i=(l,c)=>{const u=l.name.trim();return u||c+1},a=({field:l,index:c,fields:u})=>u.length<=1;return r.jsx(ke,{control:e,watch:t,name:"y_axes",getItem:s,addButtonText:n("chart.y_axis.add"),deleteButtonText:n("chart.y_axis.delete"),renderTabName:i,deleteDisalbed:a,children:({field:l,index:c})=>r.jsx(WT,{control:e,index:c})})}function QT(e){return e||{templates:{top:"",bottom:""}}}function UT({reference_lines:e=[],stats:t,...n}){return{reference_lines:e,stats:QT(t),...n}}function YT({context:e}){const{t}=j.useTranslation(),{value:n,set:s}=Q(e.instanceData,"config"),{variables:i}=e,a=g.useMemo(()=>v.defaultsDeep({},n,Po),[n]),l=g.useMemo(()=>UT(a),[a]);g.useEffect(()=>{!v.isEqual(a,l)&&(console.log("config malformed, resetting to defaults",a,l),s(l))},[a,l]);const{control:c,handleSubmit:u,watch:d,getValues:h,reset:p}=b.useForm({defaultValues:l});g.useEffect(()=>{p(l)},[l]);const f=h(),m=g.useMemo(()=>!v.isEqual(f,a),[f,a]);return d(["dataZoom"]),r.jsx(o.Stack,{spacing:"xs",children:r.jsxs("form",{onSubmit:u(s),children:[r.jsx(qe,{canSubmit:m}),r.jsxs(o.Tabs,{defaultValue:"X Axis",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[r.jsxs(o.Tabs.List,{children:[r.jsx(o.Tabs.Tab,{value:"X Axis",children:t("chart.x_axis.label")}),r.jsx(o.Tabs.Tab,{value:"Y Axes",children:t("chart.y_axis.labels")}),r.jsx(o.Tabs.Tab,{value:"Scatter",children:t("chart.series.scatter.label")}),r.jsx(o.Tabs.Tab,{value:"Tooltip",children:t("chart.tooltip.label")}),r.jsx(o.Tabs.Tab,{value:"Stats",children:t("chart.stats.label")}),r.jsx(o.Tabs.Tab,{value:"Reference Lines",children:t("chart.reference_line.labels")}),r.jsx(o.Tabs.Tab,{value:"Reference Areas",children:t("chart.reference_area.labels")}),r.jsx(o.Tabs.Tab,{value:"Zooming",children:t("chart.zooming.label")})]}),r.jsx(o.Tabs.Panel,{value:"X Axis",children:r.jsx(GT,{control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Y Axes",children:r.jsx(RT,{control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Scatter",children:r.jsx(VT,{control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Tooltip",children:r.jsx(FT,{control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Stats",children:r.jsx(qT,{control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Reference Lines",children:r.jsx(zT,{variables:i,control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Reference Areas",children:r.jsx(MT,{variables:i,control:c,watch:d})}),r.jsx(o.Tabs.Panel,{value:"Zooming",children:r.jsx(b.Controller,{name:"dataZoom",control:c,render:({field:y})=>r.jsx(Zs,{...y})})})]})]})})}const KT=[{lang:"en",resources:{scatter_chart:{viz_name:"Scatter Chart",color:{type:{static:"Static",dynamic:"Dynamic"},dynamic:{setup:"Setup",setup_title:"Setup dynamic color"}},click_scatter:{trigger:"Click Scatter"}}}},{lang:"zh",resources:{scatter_chart:{viz_name:"散点图",color:{type:{static:"具体颜色",dynamic:"动态计算颜色"},dynamic:{setup:"设置",setup_title:"设置动态计算颜色的逻辑"}},click_scatter:{trigger:"点击散点"}}}}];function XT(e){const{dataZoom:t=On,...n}=e;return{...n,dataZoom:t}}function JT(e){const t={scatter:{label_overflow:up()}};return v.defaultsDeep(t,e)}function ZT(e){const{color:t}=e.scatter;return typeof t=="string"?{...e,scatter:{...e.scatter,color:{...Kr.static,color:t}}}:e}function HT(e){const t=e.reference_lines.map(n=>{const{lineStyle:s={type:"dashed",width:1,color:Rt.random().css()},show_in_legend:i=!1,yAxisIndex:a=0}=n;return{...n,lineStyle:s,show_in_legend:i,yAxisIndex:a}});return{...e,reference_lines:t}}function eD(e){const t={tooltip:{trigger:"item"}};return v.defaultsDeep({},e,t)}function tD(e,{panelModel:t}){try{const n=t.queryIDs[0];if(!n)throw new Error("cannot migrate when queryID is empty");const s=u=>u&&`${n}.${u}`,{x_axis:i,scatter:a,tooltip:l,...c}=e;return{...c,x_axis:{...i,data_key:s(i.data_key)},scatter:{...a,y_data_key:s(a.y_data_key),name_data_key:s(a.name_data_key)},tooltip:{...l,metrics:l.metrics.map(u=>({...u,data_key:s(u.data_key)}))}}}catch(n){throw console.error("[Migration failed]",n),n}}function nD(e){const t={x_axis:{axisLabel:{overflow:lt()}}};return v.defaultsDeep(t,e)}class rD extends Me{constructor(){super(...arguments);N(this,"VERSION",10)}configVersions(){this.version(1,n=>({version:1,config:n})),this.version(2,n=>{const{tooltip:s={metrics:[]},...i}=n.config;return{...n,version:2,config:{...i,tooltip:s}}}),this.version(3,n=>({...n,version:3,config:XT(n.config)})),this.version(4,n=>{const{config:s}=n;return{...n,version:5,config:JT(s)}}),this.version(6,n=>{const{config:s}=n;return{...n,version:6,config:ZT(s)}}),this.version(7,n=>{const{config:s}=n;return{...n,version:7,config:HT(s)}}),this.version(8,n=>{const{config:s}=n;return{...n,version:8,config:eD(s)}}),this.version(9,(n,s)=>{const{config:i}=n;return{...n,version:9,config:tD(i,s)}}),this.version(10,(n,s)=>{const{config:i}=n;return{...n,version:10,config:nD(i)}})}}const sD={displayName:"viz.scatter_chart.viz_name",displayGroup:"chart.groups.echarts_based_charts",migrator:new rD,name:"scatterChart",viewRender:kT,configRender:YT,createConfig(){return{version:10,config:v.cloneDeep(Po)}},triggers:[cp],translation:KT},Lo={content:"Use double curly brackets to wrap js code: {{ new Date().getTime() }}",vertical_align:"center"};function iD(e){if("variables"in e)return e;const{align:t,size:n,weight:s,color:i,content:{prefix:a="",data_field:l="value",formatter:c={output:"number",mantissa:0},postfix:u=""}={}}=e;return{align:t,template:`${a} \${value} ${u}`,variables:[{name:"value",data_field:l,aggregation:{type:"none",config:{}},formatter:c,color:i,weight:s,size:n}]}}function aD(e){return v.omit(e,["variables"])}function oD(e){const{align:t,...n}=e;return{horizontal_align:t,vertical_align:"center",...n}}function lD(e){const t=v.cloneDeep(e),n=v.get(t,"color.valueRange");return n!==void 0&&v.set(t,"color.valueRange",n.map(s=>Number(s))),t}function cD(e,t){return!t||t==="left"?e:`<p style="text-align: ${t}">${e}</p>`}function uD(e,t){const{horizontal_align:n,template:s,...i}=e;let a=pu(s,t);return a=cD(a,n),{content:a,...i}}function dD(e,t){const{content:n,...s}=e;return{content:pu(n,t),...s}}class hD extends Me{constructor(){super(...arguments);N(this,"VERSION",5)}configVersions(){this.version(1,n=>({version:1,config:iD(n)})),this.version(2,(n,{panelModel:s})=>{const{config:i}=n;return(i.variables||[]).forEach(l=>{s.variables.find(c=>c.name===l.name)||s.addVariable(lD(l))}),{...n,version:2,config:aD(i)}}),this.version(3,n=>{const{config:s}=n;return{...n,version:3,config:oD(s)}}),this.version(4,(n,{panelModel:s})=>{const{config:i}=n;return{...n,version:4,config:uD(i,s)}}),this.version(5,(n,{panelModel:s})=>{const{config:i}=n;return{...n,version:5,config:dD(i,s)}})}}const pp={id:"builtin:stats:click-stats",displayName:"viz.stats.click_stats.trigger",nameRender:fD,configRender:pD,payload:[{name:"variables",description:"Panel variables",valueType:"object"}]};function pD(e){return r.jsx(r.Fragment,{})}function fD(e){const{t}=j.useTranslation();return r.jsx(o.Text,{children:t("viz.stats.click_stats.trigger")})}const gD={top:"flex-start",center:"center",bottom:"flex-end"};function mD(e){const t={flexGrow:1};return e>0&&(t.cursor="pointer",t["&:hover"]={textDecoration:"underline"}),t}const xD=D.observer(({context:e,instance:t})=>{const n=bt({vizManager:e.vizManager,instance:t}),s=yt(n.triggerManager,pp.id),i=Pe(),{value:a=Lo}=Q(e.instanceData,"config"),{panel:l}=Ot(),{data:c,variables:u}=e,{width:d,height:h}=e.viewport,p=g.useMemo(()=>{const m=v.defaults({},a,Lo);return m.content?yu(m.content,u,i.payloadForViz,c):""},[c,a,u,i.payloadForViz]),f=g.useCallback(()=>{s.forEach(m=>{n.runInteraction(m.id,{variables:l.variableValueMap})})},[l.variableValueMap,s,n]);return r.jsx(o.Flex,{className:"viz-stats",sx:{width:d,height:h},align:gD[a.vertical_align],direction:"row",children:r.jsx(o.Box,{className:"viz-stats--clickable-wrapper",sx:mD(s.length),onClick:f,children:r.jsx(kr,{value:p,styles:{root:{border:"none",maxWidth:d,maxHeight:h,"&.mantine-RichTextEditor-root":{overflow:"auto !important"}},content:{"&.mantine-RichTextEditor-content .ProseMirror":{padding:0}}},dashboardState:i.dashboardState,variableAggValueMap:l.variableAggValueMap})})})});function yD({conf:e,setConf:t}){const{t:n}=j.useTranslation(),s=g.useMemo(()=>v.defaults({},e),[e]),{control:i,handleSubmit:a,watch:l,getValues:c,reset:u}=b.useForm({defaultValues:s});g.useEffect(()=>{u(s)},[s]),l(["content","vertical_align"]);const d=c(),h=g.useMemo(()=>!v.isEqual(d,e),[d,e]);return r.jsx("form",{onSubmit:a(t),children:r.jsxs(o.Stack,{spacing:"xs",children:[r.jsx(qe,{canSubmit:h}),r.jsx(b.Controller,{control:i,name:"vertical_align",render:({field:p})=>r.jsx($u,{...p})}),r.jsx(b.Controller,{name:"content",control:i,render:({field:p})=>r.jsx(ws,{...p,styles:{root:{flexGrow:1,minHeight:"240px"}},label:n("rich_text.content.label"),autoSubmit:!0})})]})})}function bD(e){const{value:t,set:n}=Q(e.context.instanceData,"config");return t?r.jsx(yD,{conf:t,setConf:n}):null}const vD=[{lang:"en",resources:{stats:{viz_name:"Stats",click_stats:{trigger:"Click stats text"}}}},{lang:"zh",resources:{stats:{viz_name:"数据指标",click_stats:{trigger:"点击文字"}}}}],_D={createConfig(){return{version:5,config:Lo}},displayName:"viz.stats.viz_name",displayGroup:"chart.groups.others",migrator:new hD,name:"stats",viewRender:xD,configRender:bD,triggers:[pp],translation:vD},Oo={label_key:"",value_key:"",group_key:"",levels:[]};function jD(e){const t=new Set(e.map(s=>s.parent_id)),n=new Set(e.map(s=>s.id));return t.forEach(s=>{s===null||n.has(s)||e.push({id:s,name:s,parent_id:null})}),e}function wD(e){const t=jD(e).map(i=>({...i,children:[]})),n=v.keyBy(t,i=>i.id),s=[];return t.forEach(i=>{if(!i.parent_id||!n[i.parent_id]){s.push(i);return}n[i.parent_id].children.push(i)}),s}function CD(e,t){const{label_key:n,value_key:s,group_key:i}=e;if(!n||!s)return[];const a=O(n),l=O(s),c=O(i),u=t[a.queryID].map(d=>({...d,id:d[a.columnKey],parent_id:d[c.columnKey],name:d[a.columnKey],value:d[l.columnKey]?Number(d[l.columnKey]):d[l.columnKey]}));return i?wD(u):u}const SD=e=>({treePathInfo:t,name:n,value:s})=>{if(t.length===1||!e)return n;try{const i=t[t.length-2].value;if(s/i<e)return" "}catch{return n}};function kD(e){const{levels:t}=e;return t.map(n=>{const{show_label_tolerance:s,...i}=n.label;return{...n,label:{...i,formatter:SD(s)}}})}function TD(){return({treePathInfo:e,name:t,value:n,color:s,marker:i,...a})=>{const l=e.slice(0,e.length-1),c=[`<tr>
         <th style="text-align: right; padding: 0 1em;">Value</th>
         <td style="text-align: left; padding: 0 1em;">${n}</td>
         </tr>
@@ -456,7 +456,7 @@ Check the top-level render call using <`+q+">.")}return A}}function Dg(C,A){{if(
           </thead>
           <tbody>${f.join("")}</tbody>
         </table>
-      `}})}function dz(e,t,n){const{overflow:s,rotate:i}=e.x_axis.axisLabel,a=Ct(s.on_axis);return ge.getXAxis({id:"main-x-axis",type:"category",data:t,name:e.x_axis.name??"",align:"center",axisTick:{show:!0,alignWithLabel:!0},axisLabel:{rotate:i,...a,formatter:n},splitArea:{show:!1,areaStyle:{color:"#E7E7E9"}},splitLine:{show:!1},nameLocation:"center",nameGap:25,nameTextStyle:{fontWeight:"bold",align:"center"},z:3})}function hz(e,t,n){const{nameAlignment:s,data_key:i,...a}=e.y_axis,{overflow:l,rotate:c}=e.y_axis.axisLabel,u=Ct(l.on_axis);return ge.getYAxis({...a,type:"category",data:t,axisLabel:{rotate:c,...u,formatter:n},axisLine:{show:!0,lineStyle:{width:3}},axisTick:{show:!0,alignWithLabel:!0},splitArea:{show:!1,areaStyle:{color:"#E7E7E9"}},splitLine:{show:!1},nameTextStyle:{fontWeight:"bold",align:s},nameLocation:"end",nameGap:15,z:3})}function pz(e,t,n){if(!e.x_axis.data_key||!e.y_axis.data_key||!e.heat_block.data_key)return{};const s=n.reduce((k,S)=>{const T=Xt(S,t);return k[S.name]=xt(S,T),k},{}),i=sz(e),a=iz(e),l=ti(e.visualMap,s),{min:c,max:u}=l,d=O(e.x_axis.data_key),h=O(e.y_axis.data_key),p=O(e.heat_block.data_key),f=v.uniq(t[d.queryID].map(k=>k[d.columnKey])),m=v.uniq(t[d.queryID].map(k=>k[h.columnKey])),y=t[d.queryID].map(k=>{const S=v.get(k,d.columnKey),T=v.get(k,h.columnKey),I=v.get(k,p.columnKey),z={value:[S,T,I]},{followVisualMap:E,color:W}=Do(I,c,u,e.visualMap);return E||(z.visualMap=!1,z.itemStyle={color:W}),z});return{xAxis:dz(e,f,i.x_axis),yAxis:hz(e,m,i.y_axis),series:oz(e,y),tooltip:uz(e,t,i,a),grid:az(e),visualMap:l}}function fz({conf:e,data:t,width:n,height:s,interactionManager:i,variables:a}){const l=g.useMemo(()=>{const p=O(e.x_axis.data_key),f=O(e.y_axis.data_key);return v.keyBy(t[p.queryID],m=>`${m[p.columnKey]}---${m[f.columnKey]}`)},[t,e.x_axis.data_key,e.y_axis.data_key]),c=yt(i.triggerManager,Pp.id),u=g.useCallback(p=>{const[f,m]=p.value,y=v.get(l,`${f}---${m}`,{error:"rowData is not found"});c.forEach(_=>{i.runInteraction(_.id,{...p,rowData:y})})},[l,c,i]),d=g.useMemo(()=>({click:u}),[u]),h=g.useMemo(()=>pz(e,t,a),[e,t]);return r.jsx(Ye,{echarts:Ue,option:h,style:{width:n,height:s},onEvents:d,notMerge:!0,theme:"merico-light"})}function gz({context:e,instance:t}){const n=bt({vizManager:e.vizManager,instance:t}),{value:s}=Q(e.instanceData,"config"),{variables:i}=e,a=g.useMemo(()=>v.defaults({},s,Yo),[s]),l=e.data,{width:c,height:u}=e.viewport;return!c||!u?null:r.jsx(at,{width:c,height:u,children:r.jsx(fz,{variables:i,width:Pt(c),height:Lt(u),data:l,conf:a,interactionManager:n})})}const mz=[{lang:"en",resources:{merico_heatmap:{viz_name:"Merico Heatmap",click_heatmap:{heatblock:{label:"Click heat block"}}}}},{lang:"zh",resources:{merico_heatmap:{viz_name:"思码逸热力图",click_heatmap:{heatblock:{label:"点击热力块"}}}}}];function xz(e){const{visualMap:t=un(),heat_block:{min:n,max:s,...i},...a}=e;return{...a,heat_block:i,visualMap:{...un(),min:n,max:s}}}class yz extends Me{constructor(){super(...arguments);N(this,"VERSION",2)}configVersions(){this.version(1,n=>({version:1,config:n})),this.version(2,n=>({...n,version:2,config:xz(n.config)}))}}const bz={displayName:"viz.merico_heatmap.viz_name",displayGroup:"chart.groups.merico_suite",migrator:new yz,name:"merico-heatmap",viewRender:gz,configRender:tz,createConfig:()=>({version:2,config:Yo}),triggers:[Pp],translation:mz},vz=[{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"})),_z=[nb,rb,ab,ib,sb,ob],Lp=[qo,_D,B1,aT,FD,tk,rI,_b,xw,gC,oS,_M,GS,X0,sD,Tk,tT,Q1,OI,bz,YI,Dw],Op=()=>({id:"dashboard",version:wu,manifest:{viz:Lp,color:[...vz,..._z]}}),Xr=new db,Le={pluginManager:an("pluginManager"),vizManager:an("vizManager"),colorManager:an("colorManager"),instanceScope:{panelModel:an("panelModel"),vizInstance:an("vizInstance"),interactionManager:an("interactionManager"),migrator:an("migrator"),operationManager:an("operationManager"),triggerManager:an("triggerManager")}},Ko=()=>{try{Xr.install(Op())}catch{}const e=new Hy(Xr),t=new ub(Xr);return{pluginManager:Xr,vizManager:e,colorManager:t}},en=g.createContext(Ko());try{Xr.install(Op())}catch{}const Xo=g.createContext(null);function ci(e){const t=g.useContext(Xo),n=Z.useCreation(()=>e.configure(t||new ta),[e.configure]),s=Z.usePrevious(n);return s&&s!==n&&s.dispose(),r.jsx(Xo.Provider,{value:n,children:e.children})}function Bp(){return g.useContext(Xo)}const jz=({description:e,isDescriptionEmpty:t})=>t?null:r.jsx(o.Tooltip,{color:"white",label:r.jsx(kr,{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:r.jsx(o.Box,{sx:{height:"16px",alignSelf:"center"},children:r.jsx(M.IconInfoCircle,{size:16,color:"gray"})})}),wz=D.observer(({label:e,config:{default_value:t,description:n,isDescriptionEmpty:s,...i},value:a,onChange:l})=>r.jsxs(o.Box,{children:[r.jsx(o.Text,{children:" "}),r.jsx(o.Checkbox,{label:r.jsxs(o.Group,{noWrap:!0,position:"apart",align:"middle",spacing:6,children:[r.jsx(o.Box,{sx:{flexGrow:1},children:e}),r.jsx(jz,{description:n,isDescriptionEmpty:s})]}),checked:a||!1,onChange:c=>l(c.currentTarget.checked),...i,pt:".4em",styles:{input:{borderColor:"#e9ecef"}}})]})),Cz=({value:e,onChange:t,close:n,max_days:s,allowSingleDateInRange:i})=>{const{i18n:a}=j.useTranslation(),[l,c]=e,u=g.useMemo(()=>l||new Date,[l]),d=g.useMemo(()=>{if(l&&!c)return l},[l,c]),h=g.useMemo(()=>{if(l&&!c&&s>0)return P(l).add(s-1,"days").toDate()},[l,c,s]),p=f=>{const[m,y]=f;t(f),m&&y&&n()};return r.jsx(pc.DatePicker,{defaultDate:u,numberOfColumns:2,type:"range",value:e,onChange:p,onNextMonth:console.log,minDate:d,maxDate:h,allowSingleDateInRange:i,locale:a.language})},Sz=({begin:e,end:t})=>{const{t:n}=j.useTranslation(),s=g.useMemo(()=>P(t).diff(P(e),"days")+1,[e,t]);if(Number.isNaN(s))return r.jsx("span",{style:{userSelect:"none",opacity:0,visibility:"hidden"},children:"."});const i=s===1?n("filter.widget.date_range.one_day"):n("filter.widget.date_range.x_days",{count:s});return r.jsx(o.Tooltip,{label:i,children:r.jsx(o.Badge,{size:"sm",children:s})})},kz=({max_days:e})=>{const{t}=j.useTranslation();return e?r.jsxs(r.Fragment,{children:[r.jsx(o.Group,{position:"right",children:r.jsx(o.Badge,{size:"xs",children:t("filter.widget.date_range.x_max_days",{max_days:e})})}),r.jsx(o.Divider,{variant:"dashed",my:10})]}):null},Jo=()=>[{key:"d",value:"yesterday",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(1,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"w",value:"last week",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(1,"week").startOf("week").toDate(),P(e).subtract(1,"week").endOf("week").toDate()]}},{key:"m",value:"last month",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(1,"month").startOf("month").toDate(),P(e).subtract(1,"month").endOf("month").toDate()]}},{key:"m2",value:"last 2 months",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(2,"month").startOf("month").toDate(),P(e).subtract(1,"month").endOf("month").toDate()]}},{key:"m3",value:"last 3 months",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(3,"month").startOf("month").toDate(),P(e).subtract(1,"month").endOf("month").toDate()]}},{key:"y",value:"last year",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(1,"year").startOf("year").toDate(),P(e).subtract(1,"year").endOf("year").toDate()]}},{key:"d7",value:"recent 7 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(7,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d30",value:"recent 30 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(30,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d60",value:"recent 60 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(60,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d90",value:"recent 90 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(90,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d180",value:"recent 180 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(180,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d365",value:"recent 365 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(365,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d",value:"today",group:"this",getRange:()=>{const e=Date.now();return[P(e).startOf("day").toDate(),P(e).endOf("day").toDate()]}},{key:"w",value:"this week",group:"this",getRange:()=>{const e=Date.now();return[P(e).startOf("week").toDate(),P(e).endOf("week").toDate()]}},{key:"m",value:"this month",group:"this",getRange:()=>{const e=Date.now();return[P(e).startOf("month").toDate(),P(e).endOf("month").toDate()]}},{key:"y",value:"this year",group:"this",getRange:()=>{const e=Date.now();return[P(e).startOf("year").toDate(),P(e).endOf("year").toDate()]}},{key:"w",value:"this week so far",group:"this_so_far",getRange:()=>{const e=Date.now();return[P(e).startOf("week").toDate(),P(e).toDate()]}},{key:"m",value:"this month so far",group:"this_so_far",getRange:()=>{const e=Date.now();return[P(e).startOf("month").toDate(),P(e).toDate()]}},{key:"y",value:"this year so far",group:"this_so_far",getRange:()=>{const e=Date.now();return[P(e).startOf("year").toDate(),P(e).toDate()]}}];function Vp(e){const n=Jo().find(s=>s.value===e);return n?n.getRange():null}const Tz=({onChange:e})=>{const{t,i18n:n}=j.useTranslation(),s=l=>()=>{const c=l();e(c)},i=g.useMemo(()=>v.groupBy(Jo(),"group"),[]),a=n.language==="zh";return r.jsxs(r.Fragment,{children:[r.jsx(o.Divider,{variant:"dashed",my:10}),r.jsx(o.Table,{withBorder:!1,sx:{"tbody > tr > th, tbody > tr > td":{borderTop:"none",padding:"2px 6px"},"tbody > tr > th":{cursor:"default",userSelect:"none"},td:{paddingLeft:"1px"}},children:r.jsx("tbody",{children:Object.entries(i).map(([l,c])=>r.jsxs("tr",{children:[r.jsx("th",{children:r.jsx(o.Text,{size:"xs",color:"#555",children:t(`filter.widget.date_range.shortcut.${l}.label`)})}),c.map(({key:u,value:d,getRange:h})=>r.jsx("td",{children:r.jsx(o.Button,{compact:!0,size:"xs",variant:"subtle",onClick:s(h),children:t(`filter.widget.date_range.shortcut.${l}.${a?"full.":""}${u}`)})},u))]},l))})})]})},qp=e=>({label:{display:"block",height:"21.7px"},input:{borderColor:e?"#228be6":"#e9ecef"}}),Dz=({label:e,required:t,value:n,onChange:s,max_days:i,allowSingleDateInRange:a,inputFormat:l})=>{const{t:c}=j.useTranslation(),[u,{open:d,close:h}]=Te.useDisclosure(!1),[p,f]=n,m=p?P(p).format(l):"",y=f?P(f).format(l):"";return r.jsxs(o.Popover,{opened:u,onClose:h,position:"bottom-start",shadow:"md",children:[r.jsxs(o.Group,{position:"left",grow:!0,noWrap:!0,spacing:0,w:"288px",sx:{marginTop:"3px"},children:[r.jsx(o.Popover.Target,{children:r.jsx(o.TextInput,{label:e,labelProps:{title:e},required:t,icon:r.jsx(M.IconCalendar,{size:16}),placeholder:c("filter.widget.date_range.start_date"),readOnly:!0,value:m,onFocus:d,styles:qp(u),sx:{".mantine-TextInput-label":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",width:"calc(240px)",position:"relative",zIndex:1},".mantine-Input-input":{borderRight:"none",borderTopRightRadius:0,borderBottomRightRadius:0}}})}),r.jsx(o.TextInput,{label:r.jsx(o.Group,{position:"right",children:r.jsx(Sz,{begin:p,end:f})}),icon:r.jsx(M.IconMinus,{size:16}),placeholder:c("filter.widget.date_range.end_date"),readOnly:!0,disabled:!p,value:y,onFocus:d,styles:qp(u),sx:{".mantine-Input-icon":{transform:"translateX(-22px)"},".mantine-Input-input":{borderLeft:"none",borderTopLeftRadius:0,borderBottomLeftRadius:0},".mantine-Input-input[data-disabled]":{backgroundColor:"transparent",backgroundImage:"linear-gradient(to right, #fff 0%, #f1f3f5 30%)",opacity:1},".mantine-Input-input[data-disabled]::placeholder":{opacity:.6}}})]}),r.jsxs(o.Popover.Dropdown,{p:"sm",children:[r.jsx(kz,{max_days:i}),r.jsx(Cz,{value:n,onChange:s,close:h,allowSingleDateInRange:a,max_days:i}),r.jsx(Tz,{onChange:s})]})]})},Np=D.observer(({label:e,config:t,value:n=[null,null],onChange:s})=>{const{inputFormat:i,required:a,max_days:l,allowSingleDateInRange:c}=t,u=Array.isArray(n)?n.map(h=>h?P(h).toDate():null):[null,null],d=h=>{s(h.map(p=>p&&P(p).format(i)))};return r.jsx(Dz,{label:e,value:u,onChange:d,inputFormat:i,allowSingleDateInRange:c,max_days:l,required:a})}),Mz=o.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"},required:{color:"#fa5252",paddingLeft:"3px"},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":{width:"calc(100% - 30px)",overflow:"hidden",'div[data-role="label"]':{overflowWrap:"break-word"}}},".rc-virtual-list-holder-inner":{alignItems:"flex-start"}}})),Zo=({errorMessage:e})=>{const{t}=j.useTranslation();return e?r.jsx(o.Text,{color:"red",size:12,children:e}):r.jsx(o.Text,{color:"dimmed",size:12,children:t("filter.widget.common.selector_option_empty")})},Iz=({disabled:e,classNames:t,styles:n,unstyled:s,radius:i,style:a,label:l,value:c,onChange:u,options:d,errorMessage:h,required:p})=>{const{t:f}=j.useTranslation(),{classes:m,cx:y}=Mz({radius:i},{name:"MultiSelectWidget",classNames:t,styles:n,unstyled:s}),[_,k]=g.useState(!1),S=W=>{k(W)},T=_&&(c==null?void 0:c.length)>0,[I,z]=g.useState(""),E=g.useMemo(()=>{if(!I)return d;const W=I.toLowerCase(),K=ye=>{var xe;return((xe=ye.description)==null?void 0:xe.toLowerCase().includes(W))||ye.label.toLowerCase().includes(W)};return d.filter(K)},[I,d]);return r.jsxs(o.Stack,{spacing:3,children:[r.jsxs(o.Group,{position:"apart",children:[r.jsxs(o.Text,{className:m.label,children:[l,p&&r.jsx("span",{className:m.required,"aria-hidden":"true",children:"*"})]}),T&&r.jsx(o.Tooltip,{label:f("filter.widget.common.x_selected",{count:c.length}),children:r.jsx(o.Badge,{children:c.length})})]}),r.jsx(fc,{disabled:e,allowClear:!0,className:y(m.root,"check-select"),dropdownClassName:y(m.dropdown,""),onDropdownVisibleChange:S,transitionName:"rc-select-dropdown-slide-up",choiceTransitionName:"rc-select-selection__choice-zoom",style:a,clearIcon:()=>r.jsx(o.CloseButton,{}),value:c,onChange:u,onSelect:console.log,mode:"multiple",maxTagCount:0,notFoundContent:r.jsx(Zo,{errorMessage:h}),maxTagTextLength:10,maxTagPlaceholder:W=>f("filter.widget.common.x_selected",{count:W.length}),searchValue:I,onSearch:z,filterOption:!1,children:E.map(W=>r.jsxs(fc.Option,{title:W.label,children:[r.jsx(o.Text,{size:"sm","data-role":"label",children:W.label}),W.description&&r.jsx(o.Text,{size:"xs",color:"dimmed","data-role":"description",children:W.description})]},W.value))})]})},zz=D.observer(({label:e,config:t,value:n,onChange:s})=>{const i=Pe(),a=!!t.options_query_id,{state:l,error:c}=i.getDataStuffByID(t.options_query_id),u=l==="loading",d=t.min_width?t.min_width:"200px",h=a?u:!1,p=f=>s(f,!1);return r.jsx(Iz,{label:e,options:t.options,style:{minWidth:"160px",width:d,maxWidth:h?d:"unset",borderColor:"#e9ecef"},disabled:h,value:n,onChange:p,errorMessage:c,required:t.required})}),Ez=g.forwardRef(({label:e,description:t,...n},s)=>r.jsx("div",{ref:s,...n,children:r.jsx(o.Group,{noWrap:!0,children:r.jsxs("div",{children:[r.jsx(o.Text,{size:"sm","data-role":"label",children:e}),r.jsx(o.Text,{size:"xs",color:"dimmed","data-role":"description",children:t})]})})})),Az=D.observer(({label:e,config:t,value:n,onChange:s})=>{const i=Pe(),a=!!t.options_query_id,{state:l,error:c}=i.getDataStuffByID(t.options_query_id),u=l==="loading";return r.jsx(o.Select,{label:e,data:t.options,disabled:a?u:!1,value:n,onChange:s,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)"},".mantine-Select-nothingFound":{fontSize:"0.75rem",textAlign:"left",padding:"4px 10px"}},itemComponent:Ez,searchable:!c,nothingFound:r.jsx(Zo,{errorMessage:c}),clearable:t.clearable})});function Pz({label:e,config:t,value:n,onChange:s}){return r.jsx(o.TextInput,{label:e,value:n||"",onChange:i=>s(i.currentTarget.value),...t,styles:{input:{borderColor:"#e9ecef"}}})}const Lz=({rotate:e,onClick:t})=>r.jsx("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:r.jsx("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"})}),Oz=({expanded:e,isLeaf:t,value:n,onClick:s,...i})=>(n==="0-0-value"&&console.log(i),t?r.jsx("span",{style:{width:"14px",display:"inline-block"}}):r.jsx(Lz,{rotate:e?"0":"-90",onClick:s,...i})),Bz=({onClick:e})=>r.jsxs("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:[r.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),r.jsx("rect",{className:"border",x:"4",y:"4",width:"16",height:"16",rx:"2"}),r.jsx("rect",{className:"checkmark-indeterminate",x:"8",y:"8",width:"8",height:"8",rx:"2",stroke:"none"}),r.jsx("path",{className:"checkmark-checked",d:"M9 12l2 2l4 -4"})]}),Vz=({onClick:e,...t})=>r.jsx(Bz,{onClick:e,...t}),qz=o.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"},required:{color:"#fa5252",paddingLeft:"3px"},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"}}}})),Nz=({disabled:e,classNames:t,styles:n,unstyled:s,radius:i,style:a,label:l,value:c,onChange:u,treeData:d,errorMessage:h,required:p,treeCheckStrictly:f})=>{const{t:m}=j.useTranslation(),{classes:y,cx:_}=qz({radius:i},{name:"FilterTreeSelectWidget",classNames:t,styles:n,unstyled:s}),[k,S]=g.useState(!1),T=z=>{S(z)},I=k&&(c==null?void 0:c.length)>0;return r.jsxs(o.Stack,{spacing:3,children:[r.jsxs(o.Group,{position:"apart",children:[r.jsxs(o.Text,{className:y.label,children:[l,p&&r.jsx("span",{className:y.required,"aria-hidden":"true",children:"*"})]}),I&&r.jsx(o.Tooltip,{label:m("filter.widget.common.x_selected",{count:c.length}),children:r.jsx(o.Badge,{children:c.length})})]}),r.jsx(gc,{disabled:e,allowClear:!0,treeCheckStrictly:f,labelInValue:!0,className:_(y.root,"check-select"),dropdownClassName:_(y.dropdown,""),onDropdownVisibleChange:T,transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",style:a,listHeight:510,treeLine:!0,clearIcon:()=>r.jsx(o.CloseButton,{}),switcherIcon:Oz,treeIcon:Vz,maxTagTextLength:10,value:c,treeData:d,notFoundContent:r.jsx(Zo,{errorMessage:h}),treeNodeFilterProp:"filterBasis",treeCheckable:!0,showCheckedStrategy:gc.SHOW_PARENT,onChange:u,onSelect:console.log,maxTagCount:0,maxTagPlaceholder:()=>m("filter.widget.common.x_selected",{count:c.length})})]})},$z=D.observer(({label:e,config:t,value:n,onChange:s})=>{const{treeData:i,treeDataLoading:a,errorMessage:l}=t,c=f=>{const m=f.map(y=>y.value);s(m,!1)},u=g.useMemo(()=>t.initialSelection(n),[n,t.initialSelection]),d=t.min_width?t.min_width:"200px",p=!!t.options_query_id?a:!1;return r.jsx(Nz,{disabled:p,style:{minWidth:"160px",width:d,maxWidth:p?d:"unset",borderColor:"#e9ecef"},value:[...u],onChange:c,treeData:i,errorMessage:l,label:e,required:t.required,treeCheckStrictly:t.treeCheckStrictly})}),Fz=D.observer(({filter:{type:e,config:t,key:n,...s},formFieldProps:i})=>{switch(e){case"select":return r.jsx(Az,{...s,...i,config:t});case"multi-select":return r.jsx(zz,{...s,...i,config:t});case"tree-select":return r.jsx($z,{...s,...i,config:t});case"text-input":return r.jsx(Pz,{...s,...i,config:t});case"date-range":return r.jsx(Np,{...s,...i,config:t});case"checkbox":return r.jsx(wz,{...s,...i,config:t});default:return null}}),Gz=D.observer(g.forwardRef(({filter:e,...t},n)=>r.jsx("div",{className:"filter-root",ref:n,children:r.jsx(We,{children:r.jsx(Fz,{filter:e,formFieldProps:t})})}))),Wz=({disabled:e})=>{const{searchButtonProps:t}=Tu(),{children:n="Search",type:s,...i}=t;return r.jsx(o.Button,{color:"blue",size:"sm",type:"submit",...i,disabled:e||i.disabled,children:n})};function Rz(e){const t=se();g.useEffect(()=>{var n,s;(s=(n=t.filters).updatePreviewValues)==null||s.call(n,e)},[e])}const Qz=({opened:e,toggle:t})=>{const{t:n}=j.useTranslation();return r.jsx(o.Group,{position:"right",ml:-4,mt:-4,mb:e?4:0,children:r.jsx(o.Button,{size:"xs",compact:!0,variant:"subtle",color:e?"gray":"blue",leftIcon:e?r.jsx(M.IconChevronsUp,{size:14}):r.jsx(M.IconChevronsDown,{size:14}),onClick:t,children:n(e?"filter.hide_filters":"filter.show_filters")})})},$p=D.observer(function({view:t}){const[n,{toggle:s}]=Te.useDisclosure(!0),i=Pe(),{control:a,handleSubmit:l,reset:c}=b.useForm({defaultValues:i.filters.values,reValidateMode:"onBlur"}),u=b.useWatch({control:a});g.useEffect(()=>{c(i.filters.values)},[i.filters.values,c]),Rz(u);const d=i.filters.visibleInView(t.id),h=g.useMemo(()=>d.every(y=>y.should_auto_submit),[d]),p=g.useMemo(()=>d.filter(y=>v.get(y,"config.required",!1)),[d]),f=g.useMemo(()=>p.length===0?!1:p.some(y=>!y.requiredAndPass(u[y.key])),[u,p]);if(d.length===0)return null;const m=(y,_)=>(k,S)=>{_(k),(y.should_auto_submit||S)&&i.filters.setValueByKey(y.key,k)};return r.jsxs("form",{onSubmit:l(i.filters.setValues),children:[r.jsx(Qz,{opened:n,toggle:s}),r.jsx(o.Collapse,{in:n,children:r.jsxs(o.Group,{className:"dashboard-filters",position:"apart",noWrap:!0,sx:h?{}:{border:"1px solid #e9ecef",borderRadius:"4px",padding:"16px"},children:[r.jsx(o.Group,{align:"flex-start",children:d.map(y=>r.jsx(b.Controller,{name:y.key,control:a,render:({field:_})=>r.jsx(Gz,{filter:y,value:_.value,onChange:m(y,_.onChange)})},y.id))}),!h&&r.jsx(o.Group,{sx:{alignSelf:"flex-end"},children:r.jsx(Wz,{disabled:f})})]})})]})}),Uz={viewPanelInFullScreen:v.noop,inFullScreen:!1},ui=g.createContext(Uz),Ho=x.types.model("MockContextMeta",{current:x.types.optional(x.types.frozen(),{})}).views(e=>({get keys(){return Object.keys(e.current)},get keySet(){return new Set(this.keys)},get entries(){return Object.entries(e.current)}})).actions(e=>({replace(t){e.current=t},defaults(t){e.current={...t,...e.current}},get(t){return e.current[t]},set(t,n){e.current[t]=n}}));function el(e){return{current:e}}const Yz=x.types.model("PanelStyleBorderMeta",{enabled:x.types.boolean}).views(e=>({get json(){const{enabled:t}=e;return{enabled:t}}})).actions(e=>({setEnabled(t){e.enabled=t}})),Fp=x.types.model("PanelStyleMeta",{border:Yz}).views(e=>({get json(){const{border:t}=e;return{border:t.json}}})).actions(e=>({})),Gp=x.types.model("PanelTitleMeta",{show:x.types.optional(x.types.boolean,!0)}).views(e=>({get json(){const{show:t}=e;return{show:t}}})).actions(e=>({setShow(t){e.show=t}})),Wp=x.types.model("VariableMeta",{name:x.types.string,size:x.types.string,weight:x.types.string,color:x.types.union(x.types.model({type:x.types.literal("static"),staticColor:x.types.string}),x.types.model({type:x.types.literal("continuous"),valueRange:x.types.array(x.types.number),colorRange:x.types.array(x.types.string)}),x.types.model({type:x.types.literal("piecewise")})),formatter:x.types.model({output:x.types.enumeration("Output",["number","percent"]),average:x.types.optional(x.types.boolean,!1),mantissa:x.types.number,trimMantissa:x.types.optional(x.types.boolean,!1),absolute:x.types.optional(x.types.boolean,!1)}),data_field:x.types.string,aggregation:x.types.union(x.types.model({type:x.types.enumeration(["none","sum","mean","median","min","max","CV","std"]),config:x.types.frozen(),fallback:x.types.optional(x.types.string,"0")}),x.types.model({type:x.types.literal("quantile"),config:x.types.model({p:x.types.number}),fallback:x.types.optional(x.types.string,"0")}),x.types.model({type:x.types.literal("pick_record"),config:x.types.model({method:x.types.enumeration("Pick Record Method",["first","last"])}),fallback:x.types.optional(x.types.string,"0")}),x.types.model({type:x.types.literal("custom"),config:x.types.model({func:x.types.string}),fallback:x.types.optional(x.types.string,"0")}))}).views(e=>({get json(){const{name:t,size:n,weight:s,color:i,formatter:a,data_field:l,aggregation:c}=e;return v.cloneDeep({name:t,size:n,color:i,weight:s,formatter:a,data_field:l,aggregation:c})}})),Rp=x.types.model("PanelVizMeta",{type:x.types.string,conf:x.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}})),Qp=x.types.model({id:x.types.string,name:x.types.optional(x.types.string,""),title:Gp,description:x.types.string,queryIDs:x.types.array(x.types.string),viz:Rp,style:Fp,variables:x.types.optional(x.types.array(Wp),[])}).views(e=>({get json(){const{id:t,name:n,title:s,description:i,queryIDs:a}=e;return{id:t,viz:e.viz.json,name:n,style:e.style.json,title:s.json,queryIDs:[...a],variables:e.variables.map(l=>l.json),description:i}},get queryIDSet(){return new Set(e.queryIDs)}})).actions(e=>({setID(t){e.id=t},setName(t){e.name=t},setDescription(t){e.description=t},addQueryID(t){e.queryIDSet.has(t)||e.queryIDs.push(t)},removeQueryID(t){if(!e.queryIDSet.has(t))return;const n=new Set(e.queryIDSet);n.delete(t),e.queryIDs=x.cast(Array.from(n))},setQueryIDs(t){e.queryIDs=x.cast(t)},addVariable(t){e.variables.push(t)},removeVariable(t){e.variables.remove(t)}}));var Ee=(e=>(e.Postgresql="postgresql",e.MySQL="mysql",e.HTTP="http",e.Transform="transform",e))(Ee||{});const Up=x.types.model("QueryMeta",{id:x.types.string,name:x.types.string,type:x.types.enumeration("DataSourceType",[Ee.Postgresql,Ee.MySQL,Ee.HTTP,Ee.Transform]),key:x.types.string,sql:x.types.string,pre_process:x.types.optional(x.types.string,""),post_process:x.types.optional(x.types.string,""),run_by:x.types.optional(x.types.array(x.types.string),[]),react_to:x.types.optional(x.types.array(x.types.string),[]),dep_query_ids:x.types.optional(x.types.array(x.types.string),[])}).views(e=>({get valid(){return e.id&&e.type&&e.key&&e.name?e.type===Ee.HTTP?!!e.pre_process:!!e.sql:!1},get json(){const{id:t,name:n,type:s,key:i,sql:a,run_by:l,react_to:c,pre_process:u,post_process:d,dep_query_ids:h}=e;return Yn({id:t,key:i,sql:a,name:n,type:s,run_by:l,react_to:c,pre_process:u,post_process:d,dep_query_ids:h})}})).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},setDependantQueryIDs(t){e.dep_query_ids.length=0,e.dep_query_ids.push(...t)}})),Yp=x.types.model("LayoutItemMeta",{id:x.types.identifier,panelID:x.types.string,x:x.types.number,y:x.types.maybeNull(x.types.number),w:x.types.number,h:x.types.number,moved:x.types.optional(x.types.boolean,!1),static:x.types.optional(x.types.boolean,!1)}).views(e=>({get json(){const{id:t,panelID:n,x:s,y:i,w:a,h:l,moved:c}=e;return{h:l,w:a,x:s,y:i===null?0:i,id:t,moved:c,static:e.static,panelID:n}},get contentModel(){return x.getRoot(e).content},get panel(){const{panelID:t}=e;return this.contentModel.panels.findByID(t)},get layoutProperies(){const{id:t,x:n,y:s,w:i,h:a,moved:l}=e;return{id:t,i:t,x:n,y:s===null?1/0:s,w:i,h:a,moved:l,static:e.static}}})).actions(e=>({set(t){const{isDraggable:n,x:s,y:i,w:a,h:l,moved:c}=t;e.x=s,e.y=i,e.w=a,e.h=l,e.moved=!!c,e.static=!!t.static},setWidth(t){e.w=t},setHeight(t){e.h=t}})),Kp=x.types.model("LayoutSetMeta",{id:x.types.identifier,name:x.types.string,breakpoint:x.types.number,list:x.types.optional(x.types.array(Yp),[])}).views(e=>({get json(){const{id:t,name:n,breakpoint:s,list:i}=e;return{id:t,name:n,breakpoint:s,list:i.map(a=>Yn(a.json))}},jsonByPanelIDSet(t){const{id:n,name:s,breakpoint:i,list:a}=e;return{id:n,name:s,breakpoint:i,list:a.filter(l=>t.has(l.panelID)).map(l=>Yn(l.json))}},findByID(t){return e.list.find(n=>n.id===t)},findByPanelID(t){return e.list.find(n=>n.panelID===t)}})).actions(e=>({setName(t){e.name=t},setBreakpoint(t){e.breakpoint=t},addLayout(t){e.list.push(t)},addNewLayout(t){e.list.push({id:rn.v4(),panelID:t,x:0,y:1/0,w:18,h:300,static:!1,moved:!1})},removeByPanelID(t){const n=e.list.findIndex(s=>s.panelID===t);n>=0&&e.list.splice(n,1)},updateLayoutItem(t){const n=e.list.find(s=>s.id===t.i);if(!n){console.error("Trying to update a layout that doesn't exist"),console.log({strangeLayoutItem:t});return}n.set(t)}})),Xp=x.types.model("SQLSnippetMeta",{key:x.types.string,value:x.types.string}).views(e=>({get json(){const{key:t,value:n}=e;return{key:t,value:n}}})).actions(e=>({setKey(t){e.key=t},setValue(t){e.value=t}}));var Ce=(e=>(e.Select="select",e.MultiSelect="multi-select",e.TreeSelect="tree-select",e.TextInput="text-input",e.Checkbox="checkbox",e.DateRange="date-range",e))(Ce||{});const tl=x.types.model("FilterCheckboxConfigMeta",{_name:x.types.literal("checkbox"),description:x.types.optional(x.types.string,""),default_value:x.types.boolean}).views(e=>({get json(){const{_name:t,description:n,default_value:s}=e;return{_name:t,description:n,default_value:s}},get isDescriptionEmpty(){const{description:t}=e;return t===""||t==="<p></p>"}})).actions(e=>({setDefaultValue(t){e.default_value=t},setDescription(t){e.description=t}})),Jp=()=>tl.create({_name:"checkbox",description:"",default_value:!1});function Zp(e,t){return e.map(n=>{try{return n?P.tz(n,"UTC").format(t):null}catch{return console.log(`[date-range] failed parsing ${n}`),null}})}const Kz=x.types.model("FilterDateRangeConfigMeta",{_name:x.types.literal("date-range"),required:x.types.boolean,inputFormat:x.types.enumeration("DateRangeInputFormat",["YYYY","YYYYMM","YYYYMMDD","YYYY-MM","YYYY-MM-DD"]),default_value:x.types.optional(x.types.array(x.types.union(x.types.string,x.types.null)),[null,null]),default_shortcut:x.types.optional(x.types.string,""),clearable:x.types.boolean,max_days:x.types.optional(x.types.number,0),allowSingleDateInRange:x.types.optional(x.types.boolean,!1)}).views(e=>({get json(){const{_name:t,max_days:n,required:s,clearable:i,inputFormat:a,default_value:l,default_shortcut:c,allowSingleDateInRange:u}=e;return{_name:t,max_days:n,required:s,clearable:i,inputFormat:a,default_value:Zp(l,a),default_shortcut:c,allowSingleDateInRange:u}},truthy(t){return Array.isArray(t)&&t.length===2&&t.every(n=>!!n)}})).actions(e=>({setFilterValue(t){try{const n=x.getParent(e);x.getParent(n,2).setValueByKey(n.key,t)}catch(n){console.error(n)}}})).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)},setDefaultShortcut(t){if(e.default_shortcut=t,!t)return;const n=Vp(e.default_shortcut);if(console.log(n),n){const s=n.map(i=>P(i).format(e.inputFormat));e.setFilterValue(s)}},setMaxDays(t){e.max_days=t,t>0&&(e.clearable=!0)},setAllowSingleDateInRange(t){e.allowSingleDateInRange=t}})),nl=x.types.snapshotProcessor(Kz,{preProcessor({default_value:e,...t}){return{...t,default_value:e.map(n=>n===null?null:P.tz(n,"UTC").toISOString())}},postProcessor(e){const{default_value:t,...n}=e;return{...n,default_value:Zp(t,n.inputFormat)}}}),Hp=()=>nl.create({_name:"date-range",required:!1,inputFormat:"YYYY-MM-DD",clearable:!1,default_value:[null,null]}),Xz=x.types.model({label:x.types.string,value:x.types.string}).actions(e=>({setLabel(t){e.label=t},setValue(t){e.value=t}})),rl=x.types.model("FilterConfigModel_BaseSelect",{static_options:x.types.optional(x.types.array(Xz),[]),options_query_id:x.types.optional(x.types.string,""),default_selection_count:x.types.optional(x.types.number,0),required:x.types.optional(x.types.boolean,!1)}).views(e=>({get contentModel(){return x.getRoot(e).content},get filter(){return x.getParent(e)},get usingQuery(){return!!e.options_query_id}})).views(e=>({get options(){if(!e.usingQuery)return e.static_options;const{data:t,state:n}=e.contentModel.getDataStuffByID(e.options_query_id);return n==="error"?[]:Array.isArray(t)?t.filter(s=>"label"in s&&"value"in s):[]}})).actions(e=>({setRequired(t){e.required=t},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??""}})),sl=x.types.compose("FilterMultiSelectConfigMeta",x.types.model({_name:x.types.literal("multi-select"),min_width:x.types.optional(x.types.string,""),default_value:x.types.optional(x.types.array(x.types.string),[])}),rl).views(e=>({get json(){const{_name:t,default_value:n,required:s,min_width:i,static_options:a,options_query_id:l,default_selection_count:c}=e;return Yn({_name:t,required:!!s,min_width:i,default_value:n,static_options:a,options_query_id:l,default_selection_count:c})},get default_selection(){return e.usingQuery?e.options.slice(0,e.default_selection_count).map(t=>t.value):e.filter.formattedDefaultValue},truthy(t){return Array.isArray(t)&&t.length>0}})).actions(e=>({setDefaultValue(t){e.default_value=x.cast(t)},setMinWidth(t){e.min_width=t},setDefaultSelection(){const t=x.getRoot(e).content.filters,n=x.getParent(e).key,s=new Set(e.options.map(a=>a.value)),i=(t.values[n]??[]).filter(a=>s.has(a));i.length>0?t.setValueByKey(n,i):t.setValueByKey(n,e.default_selection)}})).actions(e=>({afterCreate(){x.addDisposer(e,ae.reaction(()=>ae.toJS(e.default_selection),e.setDefaultSelection,{fireImmediately:!0,delay:0}))}})),ef=()=>sl.create({_name:"multi-select",default_value:[],static_options:[],options_query_id:"",default_selection_count:0}),il=x.types.compose("FilterConfigModel_Select",x.types.model({_name:x.types.literal("select"),default_value:x.types.string,width:x.types.optional(x.types.string,""),clearable:x.types.optional(x.types.boolean,!1)}),rl).views(e=>({get json(){const{_name:t,clearable:n,default_value:s,required:i,width:a,static_options:l,options_query_id:c,default_selection_count:u}=e;return Yn({_name:t,width:a,required:i,clearable:n,default_value:s,static_options:l,options_query_id:c,default_selection_count:u})},truthy(t){return!!t},getSelectOption(t){return e.options.find(n=>n.value===t)},get default_selection(){return e.usingQuery?e.default_selection_count>0&&e.options.length>0?e.options[0].value:"":e.filter.formattedDefaultValue}})).actions(e=>({setDefaultValue(t){e.default_value=t},setWidth(t){e.width=t},setClearable(t){e.clearable=t},setDefaultSelection(){var a;const t=x.getRoot(e).content.filters,n=x.getParent(e).key,s=t.values[n],i=(a=e.options.find(l=>l.value===s))==null?void 0:a.value;i?t.setValueByKey(n,i):t.setValueByKey(n,e.default_selection)}})).actions(e=>({afterCreate(){x.addDisposer(e,ae.reaction(()=>ae.toJS(e.default_selection),e.setDefaultSelection,{fireImmediately:!1,delay:0}))}})),tf=()=>il.create({_name:"select",required:!1,default_value:"",static_options:[],options_query_id:"",default_selection_count:0}),al=x.types.model("FilterTextInputConfigMeta",{_name:x.types.literal("text-input"),required:x.types.boolean,default_value:x.types.string}).views(e=>({get json(){const{_name:t,required:n,default_value:s}=e;return{_name:t,required:n,default_value:s}},truthy(t){return typeof t!="string"?!1:!!t.trim()}})).actions(e=>({setRequired(t){e.required=t},setDefaultValue(t){e.default_value=t}})),ol=()=>al.create({_name:"text-input",required:!1,default_value:""});function Jz(e){return qg.arrayToTree(e,{id:"value",parentId:"parent_value",childrenField:"children",dataField:null})}function Zz(e){return e.map(t=>{const{label:n,description:s,...i}=t,a={...i,filterBasis:`${n}___${s??""}`,description:s,label:n};return s&&(a.label=g.createElement("div",{},[g.createElement(o.Text,{key:0,title:t.label},t.label),g.createElement(o.Text,{key:1,className:"rc-tree-select-tree-title-desc",color:"dimmed",title:t.description},t.description)])),a})}const ll=x.types.compose("FilterTreeSelectConfigMeta",x.types.model({_name:x.types.literal("tree-select"),min_width:x.types.optional(x.types.string,""),default_value:x.types.optional(x.types.array(x.types.string),[]),treeCheckStrictly:x.types.optional(x.types.boolean,!1)}),rl).views(e=>({get json(){const{_name:t,default_value:n,required:s,min_width:i,static_options:a,options_query_id:l,default_selection_count:c,treeCheckStrictly:u}=e;return{_name:t,required:!!s,min_width:i,default_value:n,static_options:a,options_query_id:l,treeCheckStrictly:u,default_selection_count:c}},get plainData(){const{data:t}=e.contentModel.getDataStuffByID(e.options_query_id);return t},get treeData(){const t=this.plainData,n=Zz(t);return Jz(n)},get errorMessage(){const{error:t}=e.contentModel.getDataStuffByID(e.options_query_id);return t},get treeDataLoading(){const{state:t}=e.contentModel.getDataStuffByID(e.options_query_id);return t==="loading"},get defaultSelection(){const t=e.filter.formattedDefaultValue;if(Array.isArray(t)&&t.length>0)return t;const{default_selection_count:n}=e;return n?this.treeData.slice(0,n).map(i=>i.value):[]},valueObjects(t){const n=new Set(t);return this.plainData.filter(s=>n.has(s.value))},initialSelection(t){return t?this.valueObjects(t):this.valueObjects(this.defaultSelection)},truthy(t){return Array.isArray(t)&&t.length>0}})).actions(e=>({setDefaultValue(t){e.default_value=x.cast(t)},setMinWidth(t){e.min_width=t},setTreeCheckStrictly(t){e.treeCheckStrictly=t},applyDefaultSelection(){const t=x.getParent(e,1).key,n=e.contentModel.filters,s=n.values[t],i=new Set(e.plainData.map(l=>l.value)),a=(s??[]).filter(l=>i.has(l));a.length>0?n.setValueByKey(t,a):n.setValueByKey(t,e.defaultSelection)},afterCreate(){x.addDisposer(e,ae.reaction(()=>JSON.stringify(e.defaultSelection),this.applyDefaultSelection,{fireImmediately:!0,delay:0}))}})),nf=()=>ll.create({_name:"tree-select",default_value:[],static_options:[],options_query_id:"",default_selection_count:0}),cl=x.types.model("FilterMeta",{id:x.types.identifier,key:x.types.string,label:x.types.string,order:x.types.number,visibleInViewsIDs:x.types.array(x.types.string),auto_submit:x.types.optional(x.types.boolean,!1),default_value_func:x.types.optional(x.types.string,""),type:x.types.enumeration("DashboardFilterType",[Ce.Select,Ce.MultiSelect,Ce.TreeSelect,Ce.TextInput,Ce.Checkbox,Ce.DateRange]),config:x.types.union(il,sl,ll,al,tl,nl)}).views(e=>({get contentModel(){return x.getRoot(e).content},get filters(){return this.contentModel.filters},get plainDefaultValue(){const t=e.config.default_value;return Array.isArray(t)?[...t]:t},get usingDefaultValue(){return e.type!==Ce.TreeSelect},get usingDefaultValueFunc(){return!!e.default_value_func},get formattedDefaultValue(){return this.filters.formattedDefaultValues[e.key]},get auto_submit_supported(){return[Ce.Select,Ce.Checkbox,Ce.DateRange].includes(e.type)}})).views(e=>({get json(){const{id:t,key:n,label:s,order:i,visibleInViewsIDs:a,default_value_func:l,auto_submit:c,type:u,config:d}=e;return{id:t,key:n,type:u,label:s,order:i,config:d.json,auto_submit:c,visibleInViewsIDs:ae.toJS(a),default_value_func:l}},get visibleInViewsIDSet(){return new Set(e.visibleInViewsIDs)},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 Ce.Select:e.config=tf();break;case Ce.MultiSelect:e.config=ef();break;case Ce.TreeSelect:e.config=nf();break;case Ce.TextInput:e.config=ol();break;case Ce.Checkbox:e.config=Jp();break;case Ce.DateRange:e.config=Hp();break}e.type=t},setVisibleInViewsIDs(t){e.visibleInViewsIDs.length=0,e.visibleInViewsIDs.push(...t)},setAutoSubmit(t){e.auto_submit=e.auto_submit_supported&&t},setDefaultValueFunc(t){e.default_value_func=t}}));var G=(e=>(e.Division="div",e.Modal="modal",e.Tabs="tabs",e))(G||{});const ul=x.types.model("ViewDivisionConfig",{_name:x.types.literal(G.Division)}).views(e=>({get json(){const{_name:t}=e;return{_name:t}}})),rf=()=>ul.create({_name:G.Division}),Hz=x.types.model("CustomModalTitleModel",{enabled:x.types.optional(x.types.boolean,!1),func_content:x.types.optional(x.types.string,"")}).views(e=>({get json(){const{enabled:t,func_content:n}=e;return{enabled:t,func_content:n}},get value(){const{enabled:t,func_content:n}=e,s=x.getParent(e,2),i=x.getRoot(e);if(!t)return s.name;try{const a={filters:i.content.filters.values,context:i.context.current};return new Function(`return ${n}`)()(a)}catch(a){return console.error(a),s.name}}})).actions(e=>({setEnabled(t){e.enabled=t},setFuncContent(t){e.func_content=t},replace({enabled:t,func_content:n}){e.enabled=t,e.func_content=n}})),di={enabled:!1,func_content:["function text({ filters, context}) {","    // your code goes here",'    return "text"',"}"].join(`
+      `}})}function dz(e,t,n){const{overflow:s,rotate:i}=e.x_axis.axisLabel,a=Ct(s.on_axis);return ge.getXAxis({id:"main-x-axis",type:"category",data:t,name:e.x_axis.name??"",align:"center",axisTick:{show:!0,alignWithLabel:!0},axisLabel:{rotate:i,...a,formatter:n},splitArea:{show:!1,areaStyle:{color:"#E7E7E9"}},splitLine:{show:!1},nameLocation:"center",nameGap:25,nameTextStyle:{fontWeight:"bold",align:"center"},z:3})}function hz(e,t,n){const{nameAlignment:s,data_key:i,...a}=e.y_axis,{overflow:l,rotate:c}=e.y_axis.axisLabel,u=Ct(l.on_axis);return ge.getYAxis({...a,type:"category",data:t,axisLabel:{rotate:c,...u,formatter:n},axisLine:{show:!0,lineStyle:{width:3}},axisTick:{show:!0,alignWithLabel:!0},splitArea:{show:!1,areaStyle:{color:"#E7E7E9"}},splitLine:{show:!1},nameTextStyle:{fontWeight:"bold",align:s},nameLocation:"end",nameGap:15,z:3})}function pz(e,t,n){if(!e.x_axis.data_key||!e.y_axis.data_key||!e.heat_block.data_key)return{};const s=n.reduce((k,S)=>{const T=Xt(S,t);return k[S.name]=xt(S,T),k},{}),i=sz(e),a=iz(e),l=ti(e.visualMap,s),{min:c,max:u}=l,d=O(e.x_axis.data_key),h=O(e.y_axis.data_key),p=O(e.heat_block.data_key),f=v.uniq(t[d.queryID].map(k=>k[d.columnKey])),m=v.uniq(t[d.queryID].map(k=>k[h.columnKey])),y=t[d.queryID].map(k=>{const S=v.get(k,d.columnKey),T=v.get(k,h.columnKey),I=v.get(k,p.columnKey),z={value:[S,T,I]},{followVisualMap:E,color:W}=Do(I,c,u,e.visualMap);return E||(z.visualMap=!1,z.itemStyle={color:W}),z});return{xAxis:dz(e,f,i.x_axis),yAxis:hz(e,m,i.y_axis),series:oz(e,y),tooltip:uz(e,t,i,a),grid:az(e),visualMap:l}}function fz({conf:e,data:t,width:n,height:s,interactionManager:i,variables:a}){const l=g.useMemo(()=>{const p=O(e.x_axis.data_key),f=O(e.y_axis.data_key);return v.keyBy(t[p.queryID],m=>`${m[p.columnKey]}---${m[f.columnKey]}`)},[t,e.x_axis.data_key,e.y_axis.data_key]),c=yt(i.triggerManager,Pp.id),u=g.useCallback(p=>{const[f,m]=p.value,y=v.get(l,`${f}---${m}`,{error:"rowData is not found"});c.forEach(_=>{i.runInteraction(_.id,{...p,rowData:y})})},[l,c,i]),d=g.useMemo(()=>({click:u}),[u]),h=g.useMemo(()=>pz(e,t,a),[e,t]);return r.jsx(Ye,{echarts:Ue,option:h,style:{width:n,height:s},onEvents:d,notMerge:!0,theme:"merico-light"})}function gz({context:e,instance:t}){const n=bt({vizManager:e.vizManager,instance:t}),{value:s}=Q(e.instanceData,"config"),{variables:i}=e,a=g.useMemo(()=>v.defaults({},s,Yo),[s]),l=e.data,{width:c,height:u}=e.viewport;return!c||!u?null:r.jsx(at,{width:c,height:u,children:r.jsx(fz,{variables:i,width:Pt(c),height:Lt(u),data:l,conf:a,interactionManager:n})})}const mz=[{lang:"en",resources:{merico_heatmap:{viz_name:"Merico Heatmap",click_heatmap:{heatblock:{label:"Click heat block"}}}}},{lang:"zh",resources:{merico_heatmap:{viz_name:"思码逸热力图",click_heatmap:{heatblock:{label:"点击热力块"}}}}}];function xz(e){const{visualMap:t=un(),heat_block:{min:n,max:s,...i},...a}=e;return{...a,heat_block:i,visualMap:{...un(),min:n,max:s}}}class yz extends Me{constructor(){super(...arguments);N(this,"VERSION",2)}configVersions(){this.version(1,n=>({version:1,config:n})),this.version(2,n=>({...n,version:2,config:xz(n.config)}))}}const bz={displayName:"viz.merico_heatmap.viz_name",displayGroup:"chart.groups.merico_suite",migrator:new yz,name:"merico-heatmap",viewRender:gz,configRender:tz,createConfig:()=>({version:2,config:Yo}),triggers:[Pp],translation:mz},vz=[{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"})),_z=[nb,rb,ab,ib,sb,ob],Lp=[qo,_D,B1,aT,FD,tk,rI,_b,xw,gC,oS,_M,GS,X0,sD,Tk,tT,Q1,OI,bz,YI,Dw],Op=()=>({id:"dashboard",version:wu,manifest:{viz:Lp,color:[...vz,..._z]}}),Xr=new db,Le={pluginManager:an("pluginManager"),vizManager:an("vizManager"),colorManager:an("colorManager"),instanceScope:{panelModel:an("panelModel"),vizInstance:an("vizInstance"),interactionManager:an("interactionManager"),migrator:an("migrator"),operationManager:an("operationManager"),triggerManager:an("triggerManager")}},Ko=()=>{try{Xr.install(Op())}catch{}const e=new Hy(Xr),t=new ub(Xr);return{pluginManager:Xr,vizManager:e,colorManager:t}},en=g.createContext(Ko());try{Xr.install(Op())}catch{}const Xo=g.createContext(null);function ci(e){const t=g.useContext(Xo),n=Z.useCreation(()=>e.configure(t||new ta),[e.configure]),s=Z.usePrevious(n);return s&&s!==n&&s.dispose(),r.jsx(Xo.Provider,{value:n,children:e.children})}function Bp(){return g.useContext(Xo)}const jz=({description:e,isDescriptionEmpty:t})=>t?null:r.jsx(o.Tooltip,{color:"white",label:r.jsx(kr,{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:r.jsx(o.Box,{sx:{height:"16px",alignSelf:"center"},children:r.jsx(M.IconInfoCircle,{size:16,color:"gray"})})}),wz=D.observer(({label:e,config:{default_value:t,description:n,isDescriptionEmpty:s,...i},value:a,onChange:l})=>r.jsxs(o.Box,{children:[r.jsx(o.Text,{children:" "}),r.jsx(o.Checkbox,{label:r.jsxs(o.Group,{noWrap:!0,position:"apart",align:"middle",spacing:6,children:[r.jsx(o.Box,{sx:{flexGrow:1},children:e}),r.jsx(jz,{description:n,isDescriptionEmpty:s})]}),checked:a||!1,onChange:c=>l(c.currentTarget.checked),...i,pt:".4em",styles:{input:{borderColor:"#e9ecef"}}})]})),Cz=({value:e,onChange:t,close:n,max_days:s,allowSingleDateInRange:i})=>{const{i18n:a}=j.useTranslation(),[l,c]=e,u=g.useMemo(()=>l||new Date,[l]),d=g.useMemo(()=>{if(l&&!c)return l},[l,c]),h=g.useMemo(()=>{if(l&&!c&&s>0)return P(l).add(s-1,"days").toDate()},[l,c,s]),p=f=>{const[m,y]=f;t(f),m&&y&&n()};return r.jsx(pc.DatePicker,{defaultDate:u,numberOfColumns:2,type:"range",value:e,onChange:p,onNextMonth:console.log,minDate:d,maxDate:h,allowSingleDateInRange:i,locale:a.language})},Sz=({begin:e,end:t})=>{const{t:n}=j.useTranslation(),s=g.useMemo(()=>P(t).diff(P(e),"days")+1,[e,t]);if(Number.isNaN(s))return r.jsx("span",{style:{userSelect:"none",opacity:0,visibility:"hidden"},children:"."});const i=s===1?n("filter.widget.date_range.one_day"):n("filter.widget.date_range.x_days",{count:s});return r.jsx(o.Tooltip,{label:i,children:r.jsx(o.Badge,{size:"sm",children:s})})},kz=({max_days:e})=>{const{t}=j.useTranslation();return e?r.jsxs(r.Fragment,{children:[r.jsx(o.Group,{position:"right",children:r.jsx(o.Badge,{size:"xs",children:t("filter.widget.date_range.x_max_days",{max_days:e})})}),r.jsx(o.Divider,{variant:"dashed",my:10})]}):null},Jo=()=>[{key:"d",value:"yesterday",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(1,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"w",value:"last week",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(1,"week").startOf("week").toDate(),P(e).subtract(1,"week").endOf("week").toDate()]}},{key:"m",value:"last month",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(1,"month").startOf("month").toDate(),P(e).subtract(1,"month").endOf("month").toDate()]}},{key:"m2",value:"last 2 months",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(2,"month").startOf("month").toDate(),P(e).subtract(1,"month").endOf("month").toDate()]}},{key:"m3",value:"last 3 months",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(3,"month").startOf("month").toDate(),P(e).subtract(1,"month").endOf("month").toDate()]}},{key:"y",value:"last year",group:"last",getRange:()=>{const e=Date.now();return[P(e).subtract(1,"year").startOf("year").toDate(),P(e).subtract(1,"year").endOf("year").toDate()]}},{key:"d7",value:"recent 7 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(7,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d30",value:"recent 30 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(30,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d60",value:"recent 60 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(60,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d90",value:"recent 90 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(90,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d180",value:"recent 180 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(180,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d365",value:"recent 365 days",group:"recent",getRange:()=>{const e=Date.now();return[P(e).subtract(365,"day").startOf("day").toDate(),P(e).subtract(1,"day").endOf("day").toDate()]}},{key:"d",value:"today",group:"this",getRange:()=>{const e=Date.now();return[P(e).startOf("day").toDate(),P(e).endOf("day").toDate()]}},{key:"w",value:"this week",group:"this",getRange:()=>{const e=Date.now();return[P(e).startOf("week").toDate(),P(e).endOf("week").toDate()]}},{key:"m",value:"this month",group:"this",getRange:()=>{const e=Date.now();return[P(e).startOf("month").toDate(),P(e).endOf("month").toDate()]}},{key:"y",value:"this year",group:"this",getRange:()=>{const e=Date.now();return[P(e).startOf("year").toDate(),P(e).endOf("year").toDate()]}},{key:"w",value:"this week so far",group:"this_so_far",getRange:()=>{const e=Date.now();return[P(e).startOf("week").toDate(),P(e).toDate()]}},{key:"m",value:"this month so far",group:"this_so_far",getRange:()=>{const e=Date.now();return[P(e).startOf("month").toDate(),P(e).toDate()]}},{key:"y",value:"this year so far",group:"this_so_far",getRange:()=>{const e=Date.now();return[P(e).startOf("year").toDate(),P(e).toDate()]}}];function Vp(e){const n=Jo().find(s=>s.value===e);return n?n.getRange():null}const Tz=({onChange:e})=>{const{t,i18n:n}=j.useTranslation(),s=l=>()=>{const c=l();e(c)},i=g.useMemo(()=>v.groupBy(Jo(),"group"),[]),a=n.language==="zh";return r.jsxs(r.Fragment,{children:[r.jsx(o.Divider,{variant:"dashed",my:10}),r.jsx(o.Table,{withBorder:!1,sx:{"tbody > tr > th, tbody > tr > td":{borderTop:"none",padding:"2px 6px"},"tbody > tr > th":{cursor:"default",userSelect:"none"},td:{paddingLeft:"1px"}},children:r.jsx("tbody",{children:Object.entries(i).map(([l,c])=>r.jsxs("tr",{children:[r.jsx("th",{children:r.jsx(o.Text,{size:"xs",color:"#555",children:t(`filter.widget.date_range.shortcut.${l}.label`)})}),c.map(({key:u,value:d,getRange:h})=>r.jsx("td",{children:r.jsx(o.Button,{compact:!0,size:"xs",variant:"subtle",onClick:s(h),children:t(`filter.widget.date_range.shortcut.${l}.${a?"full.":""}${u}`)})},u))]},l))})})]})},qp=e=>({label:{display:"block",height:"21.7px"},input:{borderColor:e?"#228be6":"#e9ecef"}}),Dz=({label:e,required:t,value:n,onChange:s,max_days:i,allowSingleDateInRange:a,inputFormat:l})=>{const{t:c}=j.useTranslation(),[u,{open:d,close:h}]=Te.useDisclosure(!1),[p,f]=n,m=p?P(p).format(l):"",y=f?P(f).format(l):"";return r.jsxs(o.Popover,{opened:u,onClose:h,position:"bottom-start",shadow:"md",children:[r.jsxs(o.Group,{position:"left",grow:!0,noWrap:!0,spacing:0,w:"288px",sx:{marginTop:"3px"},children:[r.jsx(o.Popover.Target,{children:r.jsx(o.TextInput,{label:e,labelProps:{title:e},required:t,icon:r.jsx(M.IconCalendar,{size:16}),placeholder:c("filter.widget.date_range.start_date"),readOnly:!0,value:m,onFocus:d,styles:qp(u),sx:{".mantine-TextInput-label":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",width:"calc(240px)",position:"relative",zIndex:1},".mantine-Input-input":{borderRight:"none",borderTopRightRadius:0,borderBottomRightRadius:0}}})}),r.jsx(o.TextInput,{label:r.jsx(o.Group,{position:"right",children:r.jsx(Sz,{begin:p,end:f})}),icon:r.jsx(M.IconMinus,{size:16}),placeholder:c("filter.widget.date_range.end_date"),readOnly:!0,disabled:!p,value:y,onFocus:d,styles:qp(u),sx:{".mantine-Input-icon":{transform:"translateX(-22px)"},".mantine-Input-input":{borderLeft:"none",borderTopLeftRadius:0,borderBottomLeftRadius:0},".mantine-Input-input[data-disabled]":{backgroundColor:"transparent",backgroundImage:"linear-gradient(to right, #fff 0%, #f1f3f5 30%)",opacity:1},".mantine-Input-input[data-disabled]::placeholder":{opacity:.6}}})]}),r.jsxs(o.Popover.Dropdown,{p:"sm",children:[r.jsx(kz,{max_days:i}),r.jsx(Cz,{value:n,onChange:s,close:h,allowSingleDateInRange:a,max_days:i}),r.jsx(Tz,{onChange:s})]})]})},Np=D.observer(({label:e,config:t,value:n=[null,null],onChange:s})=>{const{inputFormat:i,required:a,max_days:l,allowSingleDateInRange:c}=t,u=Array.isArray(n)?n.map(h=>h?P(h).toDate():null):[null,null],d=h=>{s(h.map(p=>p&&P(p).format(i)))};return r.jsx(Dz,{label:e,value:u,onChange:d,inputFormat:i,allowSingleDateInRange:c,max_days:l,required:a})}),Mz=o.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"},required:{color:"#fa5252",paddingLeft:"3px"},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":{width:"calc(100% - 30px)",overflow:"hidden",'div[data-role="label"]':{overflowWrap:"break-word"}}},".rc-virtual-list-holder-inner":{alignItems:"flex-start"}}})),Zo=({errorMessage:e})=>{const{t}=j.useTranslation();return e?r.jsx(o.Text,{color:"red",size:12,children:e}):r.jsx(o.Text,{color:"dimmed",size:12,children:t("filter.widget.common.selector_option_empty")})},Iz=({disabled:e,classNames:t,styles:n,unstyled:s,radius:i,style:a,label:l,value:c,onChange:u,options:d,errorMessage:h,required:p})=>{const{t:f}=j.useTranslation(),{classes:m,cx:y}=Mz({radius:i},{name:"MultiSelectWidget",classNames:t,styles:n,unstyled:s}),[_,k]=g.useState(!1),S=W=>{k(W)},T=_&&(c==null?void 0:c.length)>0,[I,z]=g.useState(""),E=g.useMemo(()=>{if(!I)return d;const W=I.toLowerCase(),K=ye=>{var xe;return((xe=ye.description)==null?void 0:xe.toLowerCase().includes(W))||ye.label.toLowerCase().includes(W)};return d.filter(K)},[I,d]);return r.jsxs(o.Stack,{spacing:3,children:[r.jsxs(o.Group,{position:"apart",children:[r.jsxs(o.Text,{className:m.label,children:[l,p&&r.jsx("span",{className:m.required,"aria-hidden":"true",children:"*"})]}),T&&r.jsx(o.Tooltip,{label:f("filter.widget.common.x_selected",{count:c.length}),children:r.jsx(o.Badge,{children:c.length})})]}),r.jsx(fc,{disabled:e,allowClear:!0,className:y(m.root,"check-select"),dropdownClassName:y(m.dropdown,""),onDropdownVisibleChange:S,transitionName:"rc-select-dropdown-slide-up",choiceTransitionName:"rc-select-selection__choice-zoom",style:a,clearIcon:()=>r.jsx(o.CloseButton,{}),value:c,onChange:u,onSelect:console.log,mode:"multiple",maxTagCount:0,notFoundContent:r.jsx(Zo,{errorMessage:h}),maxTagTextLength:10,maxTagPlaceholder:W=>f("filter.widget.common.x_selected",{count:W.length}),searchValue:I,onSearch:z,filterOption:!1,children:E.map(W=>r.jsxs(fc.Option,{title:W.label,children:[r.jsx(o.Text,{size:"sm","data-role":"label",children:W.label}),W.description&&r.jsx(o.Text,{size:"xs",color:"dimmed","data-role":"description",children:W.description})]},W.value))})]})},zz=D.observer(({label:e,config:t,value:n,onChange:s})=>{const i=Pe(),a=!!t.options_query_id,{state:l,error:c}=i.getDataStuffByID(t.options_query_id),u=l==="loading",d=t.min_width?t.min_width:"200px",h=a?u:!1,p=f=>s(f,!1);return r.jsx(Iz,{label:e,options:t.options,style:{minWidth:"160px",width:d,maxWidth:h?d:"unset",borderColor:"#e9ecef"},disabled:h,value:n,onChange:p,errorMessage:c,required:t.required})}),Ez=g.forwardRef(({label:e,description:t,...n},s)=>r.jsx("div",{ref:s,...n,children:r.jsx(o.Group,{noWrap:!0,children:r.jsxs("div",{children:[r.jsx(o.Text,{size:"sm","data-role":"label",children:e}),r.jsx(o.Text,{size:"xs",color:"dimmed","data-role":"description",children:t})]})})})),Az=D.observer(({label:e,config:t,value:n,onChange:s})=>{const i=Pe(),a=!!t.options_query_id,{state:l,error:c}=i.getDataStuffByID(t.options_query_id),u=l==="loading";return r.jsx(o.Select,{label:e,data:t.options,disabled:a?u:!1,value:n,onChange:s,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)"},".mantine-Select-nothingFound":{fontSize:"0.75rem",textAlign:"left",padding:"4px 10px"}},itemComponent:Ez,searchable:!c,nothingFound:r.jsx(Zo,{errorMessage:c}),clearable:t.clearable})});function Pz({label:e,config:t,value:n,onChange:s}){return r.jsx(o.TextInput,{label:e,value:n||"",onChange:i=>s(i.currentTarget.value),...t,styles:{input:{borderColor:"#e9ecef"}}})}const Lz=({rotate:e,onClick:t})=>r.jsx("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:r.jsx("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"})}),Oz=({expanded:e,isLeaf:t,value:n,onClick:s,...i})=>(n==="0-0-value"&&console.log(i),t?r.jsx("span",{style:{width:"14px",display:"inline-block"}}):r.jsx(Lz,{rotate:e?"0":"-90",onClick:s,...i})),Bz=({onClick:e})=>r.jsxs("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:[r.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),r.jsx("rect",{className:"border",x:"4",y:"4",width:"16",height:"16",rx:"2"}),r.jsx("rect",{className:"checkmark-indeterminate",x:"8",y:"8",width:"8",height:"8",rx:"2",stroke:"none"}),r.jsx("path",{className:"checkmark-checked",d:"M9 12l2 2l4 -4"})]}),Vz=({onClick:e,...t})=>r.jsx(Bz,{onClick:e,...t}),qz=o.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"},required:{color:"#fa5252",paddingLeft:"3px"},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"}}}})),Nz=({disabled:e,classNames:t,styles:n,unstyled:s,radius:i,style:a,label:l,value:c,onChange:u,treeData:d,errorMessage:h,required:p,treeCheckStrictly:f})=>{const{t:m}=j.useTranslation(),{classes:y,cx:_}=qz({radius:i},{name:"FilterTreeSelectWidget",classNames:t,styles:n,unstyled:s}),[k,S]=g.useState(!1),T=z=>{S(z)},I=k&&(c==null?void 0:c.length)>0;return r.jsxs(o.Stack,{spacing:3,children:[r.jsxs(o.Group,{position:"apart",children:[r.jsxs(o.Text,{className:y.label,children:[l,p&&r.jsx("span",{className:y.required,"aria-hidden":"true",children:"*"})]}),I&&r.jsx(o.Tooltip,{label:m("filter.widget.common.x_selected",{count:c.length}),children:r.jsx(o.Badge,{children:c.length})})]}),r.jsx(gc,{disabled:e,allowClear:!0,treeCheckStrictly:f,labelInValue:!0,className:_(y.root,"check-select"),dropdownClassName:_(y.dropdown,""),onDropdownVisibleChange:T,transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",style:a,listHeight:510,treeLine:!0,clearIcon:()=>r.jsx(o.CloseButton,{}),switcherIcon:Oz,treeIcon:Vz,maxTagTextLength:10,value:c,treeData:d,notFoundContent:r.jsx(Zo,{errorMessage:h}),treeNodeFilterProp:"filterBasis",treeCheckable:!0,showCheckedStrategy:gc.SHOW_PARENT,onChange:u,onSelect:console.log,maxTagCount:0,maxTagPlaceholder:()=>m("filter.widget.common.x_selected",{count:c.length})})]})},$z=D.observer(({label:e,config:t,value:n,onChange:s})=>{const{treeData:i,treeDataLoading:a,errorMessage:l}=t,c=f=>{const m=f.map(y=>y.value);s(m,!1)},u=g.useMemo(()=>t.initialSelection(n),[n,t.initialSelection]),d=t.min_width?t.min_width:"200px",p=!!t.options_query_id?a:!1;return r.jsx(Nz,{disabled:p,style:{minWidth:"160px",width:d,maxWidth:p?d:"unset",borderColor:"#e9ecef"},value:[...u],onChange:c,treeData:i,errorMessage:l,label:e,required:t.required,treeCheckStrictly:t.treeCheckStrictly})}),Fz=D.observer(({filter:{type:e,config:t,key:n,...s},formFieldProps:i})=>{switch(e){case"select":return r.jsx(Az,{...s,...i,config:t});case"multi-select":return r.jsx(zz,{...s,...i,config:t});case"tree-select":return r.jsx($z,{...s,...i,config:t});case"text-input":return r.jsx(Pz,{...s,...i,config:t});case"date-range":return r.jsx(Np,{...s,...i,config:t});case"checkbox":return r.jsx(wz,{...s,...i,config:t});default:return null}}),Gz=D.observer(g.forwardRef(({filter:e,...t},n)=>r.jsx("div",{className:"filter-root",ref:n,children:r.jsx(We,{children:r.jsx(Fz,{filter:e,formFieldProps:t})})}))),Wz=({disabled:e})=>{const{searchButtonProps:t}=Tu(),{children:n="Search",type:s,...i}=t;return r.jsx(o.Button,{color:"blue",size:"sm",type:"submit",...i,disabled:e||i.disabled,children:n})};function Rz(e){const t=se();g.useEffect(()=>{var n,s;(s=(n=t.filters).updatePreviewValues)==null||s.call(n,e)},[e])}const Qz=({opened:e,toggle:t})=>{const{t:n}=j.useTranslation();return r.jsx(o.Group,{position:"right",ml:-4,mt:-4,mb:e?4:0,children:r.jsx(o.Button,{size:"xs",compact:!0,variant:"subtle",color:e?"gray":"blue",leftIcon:e?r.jsx(M.IconChevronsUp,{size:14}):r.jsx(M.IconChevronsDown,{size:14}),onClick:t,children:n(e?"filter.hide_filters":"filter.show_filters")})})},$p=D.observer(function({view:t}){const[n,{toggle:s}]=Te.useDisclosure(!0),i=Pe(),{control:a,handleSubmit:l,reset:c}=b.useForm({defaultValues:i.filters.values,reValidateMode:"onBlur"}),u=b.useWatch({control:a});g.useEffect(()=>{c(i.filters.values)},[i.filters.values,c]),Rz(u);const d=i.filters.visibleInView(t.id),h=g.useMemo(()=>d.every(y=>y.should_auto_submit),[d]),p=g.useMemo(()=>d.filter(y=>v.get(y,"config.required",!1)),[d]),f=g.useMemo(()=>p.length===0?!1:p.some(y=>!y.requiredAndPass(u[y.key])),[u,p]);if(d.length===0)return null;const m=(y,_)=>(k,S)=>{_(k),(y.should_auto_submit||S)&&i.filters.setValueByKey(y.key,k)};return r.jsxs("form",{onSubmit:l(i.filters.setValues),children:[r.jsx(Qz,{opened:n,toggle:s}),r.jsx(o.Collapse,{in:n,children:r.jsxs(o.Group,{className:"dashboard-filters",position:"apart",noWrap:!0,sx:h?{}:{border:"1px solid #e9ecef",borderRadius:"4px",padding:"16px"},children:[r.jsx(o.Group,{align:"flex-start",children:d.map(y=>r.jsx(b.Controller,{name:y.key,control:a,render:({field:_})=>r.jsx(Gz,{filter:y,value:_.value,onChange:m(y,_.onChange)})},y.id))}),!h&&r.jsx(o.Group,{sx:{alignSelf:"flex-end"},children:r.jsx(Wz,{disabled:f})})]})})]})}),Uz={viewPanelInFullScreen:v.noop,inFullScreen:!1},ui=g.createContext(Uz),Ho=x.types.model("MockContextMeta",{current:x.types.optional(x.types.frozen(),{})}).views(e=>({get keys(){return Object.keys(e.current)},get keySet(){return new Set(this.keys)},get entries(){return Object.entries(e.current)}})).actions(e=>({replace(t){e.current=t},defaults(t){e.current={...t,...e.current}},get(t){return e.current[t]},set(t,n){e.current[t]=n}}));function el(e){return{current:e}}const Yz=x.types.model("PanelStyleBorderMeta",{enabled:x.types.boolean}).views(e=>({get json(){const{enabled:t}=e;return{enabled:t}}})).actions(e=>({setEnabled(t){e.enabled=t}})),Fp=x.types.model("PanelStyleMeta",{border:Yz}).views(e=>({get json(){const{border:t}=e;return{border:t.json}}})).actions(e=>({})),Gp=x.types.model("PanelTitleMeta",{show:x.types.optional(x.types.boolean,!0)}).views(e=>({get json(){const{show:t}=e;return{show:t}}})).actions(e=>({setShow(t){e.show=t}})),Wp=x.types.model("VariableMeta",{name:x.types.string,size:x.types.string,weight:x.types.string,color:x.types.union(x.types.model({type:x.types.literal("static"),staticColor:x.types.string}),x.types.model({type:x.types.literal("continuous"),valueRange:x.types.array(x.types.number),colorRange:x.types.array(x.types.string)}),x.types.model({type:x.types.literal("piecewise")})),formatter:x.types.model({output:x.types.enumeration("Output",["number","percent"]),average:x.types.optional(x.types.boolean,!1),mantissa:x.types.number,trimMantissa:x.types.optional(x.types.boolean,!1),absolute:x.types.optional(x.types.boolean,!1)}),data_field:x.types.string,aggregation:x.types.union(x.types.model({type:x.types.enumeration(["none","sum","mean","median","min","max","CV","std"]),config:x.types.frozen(),fallback:x.types.optional(x.types.string,"0")}),x.types.model({type:x.types.literal("quantile"),config:x.types.model({p:x.types.number}),fallback:x.types.optional(x.types.string,"0")}),x.types.model({type:x.types.literal("pick_record"),config:x.types.model({method:x.types.enumeration("Pick Record Method",["first","last"])}),fallback:x.types.optional(x.types.string,"0")}),x.types.model({type:x.types.literal("custom"),config:x.types.model({func:x.types.string}),fallback:x.types.optional(x.types.string,"0")}))}).views(e=>({get json(){const{name:t,size:n,weight:s,color:i,formatter:a,data_field:l,aggregation:c}=e;return v.cloneDeep({name:t,size:n,color:i,weight:s,formatter:a,data_field:l,aggregation:c})}})),Rp=x.types.model("PanelVizMeta",{type:x.types.string,conf:x.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}})),Qp=x.types.model({id:x.types.string,name:x.types.optional(x.types.string,""),title:Gp,description:x.types.string,queryIDs:x.types.array(x.types.string),viz:Rp,style:Fp,variables:x.types.optional(x.types.array(Wp),[])}).views(e=>({get json(){const{id:t,name:n,title:s,description:i,queryIDs:a}=e;return{id:t,viz:e.viz.json,name:n,style:e.style.json,title:s.json,queryIDs:[...a],variables:e.variables.map(l=>l.json),description:i}},get queryIDSet(){return new Set(e.queryIDs)}})).actions(e=>({setID(t){e.id=t},setName(t){e.name=t},setDescription(t){e.description=t},addQueryID(t){e.queryIDSet.has(t)||e.queryIDs.push(t)},removeQueryID(t){if(!e.queryIDSet.has(t))return;const n=new Set(e.queryIDSet);n.delete(t),e.queryIDs=x.cast(Array.from(n))},setQueryIDs(t){e.queryIDs=x.cast(t)},addVariable(t){e.variables.push(t)},removeVariable(t){e.variables.remove(t)}}));var Ee=(e=>(e.Postgresql="postgresql",e.MySQL="mysql",e.HTTP="http",e.Transform="transform",e))(Ee||{});const Up=x.types.model("QueryMeta",{id:x.types.string,name:x.types.string,type:x.types.enumeration("DataSourceType",[Ee.Postgresql,Ee.MySQL,Ee.HTTP,Ee.Transform]),key:x.types.string,sql:x.types.string,pre_process:x.types.optional(x.types.string,""),post_process:x.types.optional(x.types.string,""),run_by:x.types.optional(x.types.array(x.types.string),[]),react_to:x.types.optional(x.types.array(x.types.string),[]),dep_query_ids:x.types.optional(x.types.array(x.types.string),[])}).views(e=>({get valid(){return e.id&&e.type&&e.key&&e.name?e.type===Ee.HTTP?!!e.pre_process:!!e.sql:!1},get json(){const{id:t,name:n,type:s,key:i,sql:a,run_by:l,react_to:c,pre_process:u,post_process:d,dep_query_ids:h}=e;return Yn({id:t,key:i,sql:a,name:n,type:s,run_by:l,react_to:c,pre_process:u,post_process:d,dep_query_ids:h})}})).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},setDependantQueryIDs(t){e.dep_query_ids.length=0,e.dep_query_ids.push(...t)}})),Yp=x.types.model("LayoutItemMeta",{id:x.types.identifier,panelID:x.types.string,x:x.types.number,y:x.types.maybeNull(x.types.number),w:x.types.number,h:x.types.number,moved:x.types.optional(x.types.boolean,!1),static:x.types.optional(x.types.boolean,!1)}).views(e=>({get json(){const{id:t,panelID:n,x:s,y:i,w:a,h:l,moved:c}=e;return{h:l,w:a,x:s,y:i===null?0:i,id:t,moved:c,static:e.static,panelID:n}},get contentModel(){return x.getRoot(e).content},get panel(){const{panelID:t}=e;return this.contentModel.panels.findByID(t)},get layoutProperies(){const{id:t,x:n,y:s,w:i,h:a,moved:l}=e;return{id:t,i:t,x:n,y:s===null?1/0:s,w:i,h:a,moved:l,static:e.static}}})).actions(e=>({set(t){const{isDraggable:n,x:s,y:i,w:a,h:l,moved:c}=t;e.x=s,e.y=i,e.w=a,e.h=l,e.moved=!!c,e.static=!!t.static},setWidth(t){e.w=t},setHeight(t){e.h=t}})),Kp=x.types.model("LayoutSetMeta",{id:x.types.identifier,name:x.types.string,breakpoint:x.types.number,list:x.types.optional(x.types.array(Yp),[])}).views(e=>({get json(){const{id:t,name:n,breakpoint:s,list:i}=e;return{id:t,name:n,breakpoint:s,list:i.map(a=>Yn(a.json))}},jsonByPanelIDSet(t){const{id:n,name:s,breakpoint:i,list:a}=e;return{id:n,name:s,breakpoint:i,list:a.filter(l=>t.has(l.panelID)).map(l=>Yn(l.json))}},findByID(t){return e.list.find(n=>n.id===t)},findByPanelID(t){return e.list.find(n=>n.panelID===t)}})).actions(e=>({setName(t){e.name=t},setBreakpoint(t){e.breakpoint=t},addLayout(t){e.list.push(t)},addNewLayout(t){e.list.push({id:rn.v4(),panelID:t,x:0,y:1/0,w:18,h:300,static:!1,moved:!1})},removeByPanelID(t){const n=e.list.findIndex(s=>s.panelID===t);n>=0&&e.list.splice(n,1)},updateLayoutItem(t){const n=e.list.find(s=>s.id===t.i);if(!n){console.error("Trying to update a layout that doesn't exist"),console.log({strangeLayoutItem:t});return}n.set(t)}})),Xp=x.types.model("SQLSnippetMeta",{key:x.types.string,value:x.types.string}).views(e=>({get json(){const{key:t,value:n}=e;return{key:t,value:n}}})).actions(e=>({setKey(t){e.key=t},setValue(t){e.value=t}}));var Ce=(e=>(e.Select="select",e.MultiSelect="multi-select",e.TreeSelect="tree-select",e.TextInput="text-input",e.Checkbox="checkbox",e.DateRange="date-range",e))(Ce||{});const tl=x.types.model("FilterCheckboxConfigMeta",{_name:x.types.literal("checkbox"),description:x.types.optional(x.types.string,""),default_value:x.types.boolean}).views(e=>({get json(){const{_name:t,description:n,default_value:s}=e;return{_name:t,description:n,default_value:s}},get isDescriptionEmpty(){const{description:t}=e;return t===""||t==="<p></p>"}})).actions(e=>({setDefaultValue(t){e.default_value=t},setDescription(t){e.description=t}})),Jp=()=>tl.create({_name:"checkbox",description:"",default_value:!1});function Zp(e,t){return e.map(n=>{try{return n?P.tz(n,"UTC").format(t):null}catch{return console.log(`[date-range] failed parsing ${n}`),null}})}const Kz=x.types.model("FilterDateRangeConfigMeta",{_name:x.types.literal("date-range"),required:x.types.boolean,inputFormat:x.types.enumeration("DateRangeInputFormat",["YYYY","YYYYMM","YYYYMMDD","YYYY-MM","YYYY-MM-DD"]),default_value:x.types.optional(x.types.array(x.types.union(x.types.string,x.types.null)),[null,null]),default_shortcut:x.types.optional(x.types.string,""),clearable:x.types.boolean,max_days:x.types.optional(x.types.number,0),allowSingleDateInRange:x.types.optional(x.types.boolean,!1)}).views(e=>({get json(){const{_name:t,max_days:n,required:s,clearable:i,inputFormat:a,default_value:l,default_shortcut:c,allowSingleDateInRange:u}=e;return{_name:t,max_days:n,required:s,clearable:i,inputFormat:a,default_value:Zp(l,a),default_shortcut:c,allowSingleDateInRange:u}},truthy(t){return Array.isArray(t)&&t.length===2&&t.every(n=>!!n)}})).actions(e=>({setFilterValue(t){try{const n=x.getParent(e);x.getParent(n,2).setValueByKey(n.key,t)}catch(n){console.error(n)}}})).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)},setDefaultShortcut(t){if(e.default_shortcut=t,!t)return;const n=Vp(e.default_shortcut);if(console.log(n),n){const s=n.map(i=>P(i).format(e.inputFormat));e.setFilterValue(s)}},setMaxDays(t){e.max_days=t,t>0&&(e.clearable=!0)},setAllowSingleDateInRange(t){e.allowSingleDateInRange=t}})),nl=x.types.snapshotProcessor(Kz,{preProcessor({default_value:e,...t}){return{...t,default_value:e.map(n=>n===null?null:P.tz(n,"UTC").toISOString())}},postProcessor(e){const{default_value:t,...n}=e;return{...n,default_value:Zp(t,n.inputFormat)}}}),Hp=()=>nl.create({_name:"date-range",required:!1,inputFormat:"YYYY-MM-DD",clearable:!1,default_value:[null,null]}),Xz=x.types.model({label:x.types.string,value:x.types.string}).actions(e=>({setLabel(t){e.label=t},setValue(t){e.value=t}})),rl=x.types.model("FilterConfigModel_BaseSelect",{static_options:x.types.optional(x.types.array(Xz),[]),options_query_id:x.types.optional(x.types.string,""),default_selection_count:x.types.optional(x.types.number,0),required:x.types.optional(x.types.boolean,!1)}).views(e=>({get contentModel(){return x.getRoot(e).content},get filter(){return x.getParent(e)},get usingQuery(){return!!e.options_query_id}})).views(e=>({get optionsLoading(){if(!e.usingQuery)return!1;const{state:t}=e.contentModel.getDataStuffByID(e.options_query_id);return t==="loading"},get options(){if(!e.usingQuery)return e.static_options;const{data:t,state:n}=e.contentModel.getDataStuffByID(e.options_query_id);return n==="error"?[]:Array.isArray(t)?t.filter(s=>"label"in s&&"value"in s):[]}})).actions(e=>({setRequired(t){e.required=t},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??""}})),sl=x.types.compose("FilterMultiSelectConfigMeta",x.types.model({_name:x.types.literal("multi-select"),min_width:x.types.optional(x.types.string,""),default_value:x.types.optional(x.types.array(x.types.string),[])}),rl).views(e=>({get json(){const{_name:t,default_value:n,required:s,min_width:i,static_options:a,options_query_id:l,default_selection_count:c}=e;return Yn({_name:t,required:!!s,min_width:i,default_value:n,static_options:a,options_query_id:l,default_selection_count:c})},get default_selection(){return e.usingQuery?e.options.slice(0,e.default_selection_count).map(t=>t.value):e.filter.formattedDefaultValue},truthy(t){return Array.isArray(t)&&t.length>0}})).actions(e=>({setDefaultValue(t){e.default_value=x.cast(t)},setMinWidth(t){e.min_width=t},setDefaultSelection(){if(e.optionsLoading)return;const t=x.getRoot(e).content.filters,n=x.getParent(e).key,s=new Set(e.options.map(a=>a.value)),i=(t.values[n]??[]).filter(a=>s.has(a));i.length>0?t.setValueByKey(n,i):t.setValueByKey(n,e.default_selection)}})).actions(e=>({afterCreate(){x.addDisposer(e,ae.reaction(()=>ae.toJS(e.default_selection),e.setDefaultSelection,{fireImmediately:!0,delay:0}))}})),ef=()=>sl.create({_name:"multi-select",default_value:[],static_options:[],options_query_id:"",default_selection_count:0}),il=x.types.compose("FilterConfigModel_Select",x.types.model({_name:x.types.literal("select"),default_value:x.types.string,width:x.types.optional(x.types.string,""),clearable:x.types.optional(x.types.boolean,!1)}),rl).views(e=>({get json(){const{_name:t,clearable:n,default_value:s,required:i,width:a,static_options:l,options_query_id:c,default_selection_count:u}=e;return Yn({_name:t,width:a,required:i,clearable:n,default_value:s,static_options:l,options_query_id:c,default_selection_count:u})},truthy(t){return!!t},getSelectOption(t){return e.options.find(n=>n.value===t)},get default_selection(){return e.usingQuery?e.default_selection_count>0&&e.options.length>0?e.options[0].value:"":e.filter.formattedDefaultValue}})).actions(e=>({setDefaultValue(t){e.default_value=t},setWidth(t){e.width=t},setClearable(t){e.clearable=t},setDefaultSelection(){var a;const t=x.getRoot(e).content.filters,n=x.getParent(e).key,s=t.values[n],i=(a=e.options.find(l=>l.value===s))==null?void 0:a.value;i?t.setValueByKey(n,i):t.setValueByKey(n,e.default_selection)}})).actions(e=>({afterCreate(){x.addDisposer(e,ae.reaction(()=>ae.toJS(e.default_selection),e.setDefaultSelection,{fireImmediately:!1,delay:0}))}})),tf=()=>il.create({_name:"select",required:!1,default_value:"",static_options:[],options_query_id:"",default_selection_count:0}),al=x.types.model("FilterTextInputConfigMeta",{_name:x.types.literal("text-input"),required:x.types.boolean,default_value:x.types.string}).views(e=>({get json(){const{_name:t,required:n,default_value:s}=e;return{_name:t,required:n,default_value:s}},truthy(t){return typeof t!="string"?!1:!!t.trim()}})).actions(e=>({setRequired(t){e.required=t},setDefaultValue(t){e.default_value=t}})),ol=()=>al.create({_name:"text-input",required:!1,default_value:""});function Jz(e){return qg.arrayToTree(e,{id:"value",parentId:"parent_value",childrenField:"children",dataField:null})}function Zz(e){return e.map(t=>{const{label:n,description:s,...i}=t,a={...i,filterBasis:`${n}___${s??""}`,description:s,label:n};return s&&(a.label=g.createElement("div",{},[g.createElement(o.Text,{key:0,title:t.label},t.label),g.createElement(o.Text,{key:1,className:"rc-tree-select-tree-title-desc",color:"dimmed",title:t.description},t.description)])),a})}const ll=x.types.compose("FilterTreeSelectConfigMeta",x.types.model({_name:x.types.literal("tree-select"),min_width:x.types.optional(x.types.string,""),default_value:x.types.optional(x.types.array(x.types.string),[]),treeCheckStrictly:x.types.optional(x.types.boolean,!1)}),rl).views(e=>({get json(){const{_name:t,default_value:n,required:s,min_width:i,static_options:a,options_query_id:l,default_selection_count:c,treeCheckStrictly:u}=e;return{_name:t,required:!!s,min_width:i,default_value:n,static_options:a,options_query_id:l,treeCheckStrictly:u,default_selection_count:c}},get plainData(){const{data:t}=e.contentModel.getDataStuffByID(e.options_query_id);return t},get treeData(){const t=this.plainData,n=Zz(t);return Jz(n)},get errorMessage(){const{error:t}=e.contentModel.getDataStuffByID(e.options_query_id);return t},get treeDataLoading(){const{state:t}=e.contentModel.getDataStuffByID(e.options_query_id);return t==="loading"},get defaultSelection(){const t=e.filter.formattedDefaultValue;if(Array.isArray(t)&&t.length>0)return t;const{default_selection_count:n}=e;return n?this.treeData.slice(0,n).map(i=>i.value):[]},valueObjects(t){const n=new Set(t);return this.plainData.filter(s=>n.has(s.value))},initialSelection(t){return t?this.valueObjects(t):this.valueObjects(this.defaultSelection)},truthy(t){return Array.isArray(t)&&t.length>0}})).actions(e=>({setDefaultValue(t){e.default_value=x.cast(t)},setMinWidth(t){e.min_width=t},setTreeCheckStrictly(t){e.treeCheckStrictly=t},applyDefaultSelection(){const t=x.getParent(e,1).key,n=e.contentModel.filters,s=n.values[t],i=new Set(e.plainData.map(l=>l.value)),a=(s??[]).filter(l=>i.has(l));a.length>0?n.setValueByKey(t,a):n.setValueByKey(t,e.defaultSelection)},afterCreate(){x.addDisposer(e,ae.reaction(()=>JSON.stringify(e.defaultSelection),this.applyDefaultSelection,{fireImmediately:!0,delay:0}))}})),nf=()=>ll.create({_name:"tree-select",default_value:[],static_options:[],options_query_id:"",default_selection_count:0}),cl=x.types.model("FilterMeta",{id:x.types.identifier,key:x.types.string,label:x.types.string,order:x.types.number,visibleInViewsIDs:x.types.array(x.types.string),auto_submit:x.types.optional(x.types.boolean,!1),default_value_func:x.types.optional(x.types.string,""),type:x.types.enumeration("DashboardFilterType",[Ce.Select,Ce.MultiSelect,Ce.TreeSelect,Ce.TextInput,Ce.Checkbox,Ce.DateRange]),config:x.types.union(il,sl,ll,al,tl,nl)}).views(e=>({get contentModel(){return x.getRoot(e).content},get filters(){return this.contentModel.filters},get plainDefaultValue(){const t=e.config.default_value;return Array.isArray(t)?[...t]:t},get usingDefaultValue(){return e.type!==Ce.TreeSelect},get usingDefaultValueFunc(){return!!e.default_value_func},get formattedDefaultValue(){return this.filters.formattedDefaultValues[e.key]},get auto_submit_supported(){return[Ce.Select,Ce.Checkbox,Ce.DateRange].includes(e.type)}})).views(e=>({get json(){const{id:t,key:n,label:s,order:i,visibleInViewsIDs:a,default_value_func:l,auto_submit:c,type:u,config:d}=e;return{id:t,key:n,type:u,label:s,order:i,config:d.json,auto_submit:c,visibleInViewsIDs:ae.toJS(a),default_value_func:l}},get visibleInViewsIDSet(){return new Set(e.visibleInViewsIDs)},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 Ce.Select:e.config=tf();break;case Ce.MultiSelect:e.config=ef();break;case Ce.TreeSelect:e.config=nf();break;case Ce.TextInput:e.config=ol();break;case Ce.Checkbox:e.config=Jp();break;case Ce.DateRange:e.config=Hp();break}e.type=t},setVisibleInViewsIDs(t){e.visibleInViewsIDs.length=0,e.visibleInViewsIDs.push(...t)},setAutoSubmit(t){e.auto_submit=e.auto_submit_supported&&t},setDefaultValueFunc(t){e.default_value_func=t}}));var G=(e=>(e.Division="div",e.Modal="modal",e.Tabs="tabs",e))(G||{});const ul=x.types.model("ViewDivisionConfig",{_name:x.types.literal(G.Division)}).views(e=>({get json(){const{_name:t}=e;return{_name:t}}})),rf=()=>ul.create({_name:G.Division}),Hz=x.types.model("CustomModalTitleModel",{enabled:x.types.optional(x.types.boolean,!1),func_content:x.types.optional(x.types.string,"")}).views(e=>({get json(){const{enabled:t,func_content:n}=e;return{enabled:t,func_content:n}},get value(){const{enabled:t,func_content:n}=e,s=x.getParent(e,2),i=x.getRoot(e);if(!t)return s.name;try{const a={filters:i.content.filters.values,context:i.context.current};return new Function(`return ${n}`)()(a)}catch(a){return console.error(a),s.name}}})).actions(e=>({setEnabled(t){e.enabled=t},setFuncContent(t){e.func_content=t},replace({enabled:t,func_content:n}){e.enabled=t,e.func_content=n}})),di={enabled:!1,func_content:["function text({ filters, context}) {","    // your code goes here",'    return "text"',"}"].join(`
 `)},dl=x.types.model("ViewModalConfig",{_name:x.types.literal(G.Modal),width:x.types.string,height:x.types.string,custom_modal_title:x.types.optional(Hz,di)}).views(e=>({get json(){const{_name:t,width:n,height:s,custom_modal_title:i}=e;return{_name:t,width:n,height:s,custom_modal_title:i.json}}})).actions(e=>({setWidth(t){e.width=t},setHeight(t){e.height=t}})),sf=()=>dl.create({_name:G.Modal,width:"90vw",height:"90vh"}),eE=x.types.model("ViewTabsTabModel",{id:x.types.identifier,name:x.types.string,view_id:x.types.string,color:x.types.optional(x.types.string,""),order:x.types.optional(x.types.number,0)}).views(e=>({get json(){const{id:t,name:n,view_id:s,color:i,order:a}=e;return{id:t,name:n,color:i,order:a,view_id:s}}})).actions(e=>({setName(t){e.name=t},setViewID(t){e.view_id=t},setColor(t){e.color=t},setOrder(t){e.order=t}})),hl=x.types.model("ViewTabsConfig",{_name:x.types.literal(G.Modal),tabs:x.types.optional(x.types.array(eE),[]),variant:x.types.optional(x.types.enumeration("variant",["default","outline","pills"]),"default"),orientation:x.types.optional(x.types.enumeration("orientation",["horizontal","vertical"]),"horizontal"),grow:x.types.optional(x.types.boolean,!1)}).views(e=>({get json(){const{_name:t,variant:n,orientation:s,tabs:i,grow:a}=e;return{grow:a,tabs:i.map(l=>l.json),_name:t,variant:n,orientation:s}},get tabsInOrder(){return v.sortBy(e.tabs,"order")}})).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=x.cast(t)},addTab(){const t=Te.randomId(),n={id:t,name:t,view_id:""};e.tabs.push(n)},removeTab(t){e.tabs.splice(t,1)}})),af=()=>hl.create({_name:G.Modal,tabs:[]}),of=x.types.model({id:x.types.identifier,name:x.types.string,type:x.types.enumeration("EViewComponentType",[G.Division,G.Modal,G.Tabs]),config:x.types.union(ul,dl,hl),panelIDs:x.types.optional(x.types.array(x.types.string),[])}).views(e=>({get json(){const{id:t,name:n,type:s,config:i}=e;return{id:t,name:n,type:s,config:i.json,panelIDs:e.panelIDs.map(a=>a)}}})).actions(e=>({setName(t){e.name=t},setType(t){if(e.type!==t){switch(t){case G.Division:e.config=rf();break;case G.Modal:e.config=sf();break;case G.Tabs:e.config=af();break}e.type=t}},appendPanelID(t){e.panelIDs.push(t)},appendPanelIDs(t){e.panelIDs.push(...t)},removePanelID(t){const n=e.panelIDs.filter(s=>s!==t);e.panelIDs.length=0,e.panelIDs.push(...n)}})),dn="11.10.0",tE={definition:{sqlSnippets:[],queries:[],mock_context:{}},views:[{id:"Main",name:"Main",type:G.Division,config:{},panelIDs:[]}],panels:[],filters:[],version:dn,layouts:[{id:"basis",name:"basis",list:[],breakpoint:0}]},pl=x.types.model("DataSourceMetaModel",{id:x.types.string,type:x.types.enumeration("DataSourceType",[Ee.HTTP,Ee.MySQL,Ee.Postgresql]),key:x.types.string,config:x.types.frozen()}),lf=x.types.model("DataSourcesMetaModel",{list:x.types.optional(x.types.array(pl),[])}).views(e=>({find({type:t,key:n}){return e.list.find(s=>s.key===n&&s.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)}})),cf=x.types.model({id:x.types.string,content:x.types.string,create_time:x.types.string,update_time:x.types.string,is_preset:x.types.boolean}),fl=x.types.model("GlobalSQLSnippetsMeta",{list:x.types.optional(x.types.array(cf),[])}).views(e=>({find(t){return e.list.find(n=>n.id===t)},get options(){return e.list.map(t=>({value:t.id,label:t.id}))}})).actions(e=>({replace(t){e.list.length=0,e.list.push(...t)}})),hi=x.types.model("ContextMeta",{current:x.types.optional(x.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,n){e.current[t]=n}}));function gl(e){return hi.create({current:e})}const ml=x.types.compose("ViewRenderModel",of,x.types.model({tab:x.types.optional(x.types.string,"")})).views(e=>({get tabs(){return e.config.tabs},get tabInfo(){const t=this.tabs.find(n=>n.id===e.tab);return t?{id:t.id,name:t.name}:null},get tabView(){return e.type!==G.Tabs?null:this.tabs.find(t=>t.id===e.tab)},get tabViewID(){return this.tabView?this.tabView.view_id??"":""},get contentModel(){return x.getParent(e,3)},get panels(){if(e.type!==G.Tabs)return this.contentModel.panels.panelsByIDs(e.panelIDs);const t=this.tabViewID,n=this.contentModel.views.findByID(t);return(n==null?void 0:n.panels)??[]},get renderViewIDs(){const t=[e.id];return e.type===G.Tabs&&t.push(this.tabViewID),t},async downloadScreenshot(t){const n=t.offsetWidth*2+10,s=t.offsetHeight*2+10,i=new xc,a=new Date().getTime(),l=await mc.toBlob(t,{bgcolor:"white",width:n,height:s,style:{transformOrigin:"0 0",transform:"scale(2)"}});i.file(`${e.name}_${a}.png`,l),i.file(`dashboard_state_${a}.json`,JSON.stringify(this.contentModel.dashboardState,null,4)),i.generateAsync({type:"blob"}).then(c=>{ss.saveAs(c,`${e.name}_${a}.zip`)}).catch(c=>{console.error(c),gn.notifications.show({color:"red",title:"Failed to download screenshot with dashboard state",message:c.message})})}})).actions(e=>({setTab(t){e.tab=t??""},setTabByTabInfo(t){e.tab=t.id??""}})),xl=x.types.model("ViewsRenderModel",{current:x.types.optional(x.types.array(ml),[]),visibleViewIDs:x.types.array(x.types.string)}).views(e=>({get json(){return e.current.map(t=>Yn(t.json))},get idMap(){const t=new Map;return e.current.forEach(n=>{t.set(n.id,n)}),t},findByID(t){return e.current.find(n=>n.id===t)},get firstVisibleView(){const[t]=e.visibleViewIDs;return e.current.find(({id:n})=>n===t)},get visibleViews(){const t=new Set(e.visibleViewIDs);return e.current.filter(({id:n})=>t.has(n))},get firstVisibleTabsView(){return this.visibleViews.find(t=>t.type===G.Tabs)},get firstVisibleTabsViewActiveTab(){const t=this.firstVisibleTabsView;return t?t.tabInfo:null}})).actions(e=>({appendToVisibles(t){new Set(e.visibleViewIDs.map(s=>s)).has(t)||e.visibleViewIDs.push(t)},rmVisibleViewID(t){const n=e.visibleViewIDs.findIndex(s=>s===t);n!==-1&&e.visibleViewIDs.splice(n,1)},setFirstVisibleTabsViewActiveTab(t){if(!t)return;const n=e.firstVisibleTabsView;n==null||n.setTabByTabInfo(t)}}));function uf(e,t){const n=e.length>0?[e[0].id]:[],s=e.map(i=>{const{_name:a=i.type}=i.config,l={...i,tab:"",config:{...i.config,_name:a},panelIDs:i.panelIDs};if(i.type===G.Tabs){const c=v.minBy(i.config.tabs,u=>u.order);l.tab=(c==null?void 0:c.id)??""}return l});return t&&(s[0].tab=t.id),{current:s,visibleViewIDs:n}}const nE=new Ng.AsyncParser({withBOM:!0});async function df(e){return!Array.isArray(e)||e.length===0?"":await nE.parse(e).promise()}async function rE(e,t){const n=await df(t),s=new Blob([n],{type:"text/csv"});ss.saveAs(s,`${e}.csv`)}function hf(e){const t=new xc,n=e.map(async({id:s,data:i})=>{const a=await df(i);t.file(`${s}.csv`,a)});Promise.all(n).then(()=>{t.generateAsync({type:"blob"}).then(s=>{ss.saveAs(s,"dashboard_data.zip")})}).catch(s=>{console.error(s),gn.notifications.show({color:"red",title:"Failed to download data",message:s.message})})}function hr(e,t){const n=new Blob([t],{type:"application/json"});ss.saveAs(n,`${e}.json`)}const yl=Qp.views(e=>({get contentModel(){return x.getRoot(e).content}})).views(e=>({get queries(){return e.contentModel.queries.findByIDSet(e.queryIDSet)},get firstQuery(){return this.queries.length>0?this.queries[0]:null},get firstQueryData(){return this.firstQuery?this.firstQuery.data:[]},queryByID(t){return this.queries.find(n=>n.id===t)},get data(){return this.queries.reduce((t,n)=>(t[n.id]=n.data,t),{})},get variableStrings(){return gu(e.variables,this.data)},get variableAggValueMap(){const t={},n=this.data;return e.variables.reduce((s,i)=>(s[i.name]=Xt(i,n),s),t),t},get variableValueMap(){const t={},n=this.variableAggValueMap;return e.variables.reduce((s,i)=>(s[i.name]=xt(i,n[i.name]),s),t),t},get variableStyleMap(){const t=this.variableValueMap,n={};return e.variables.reduce((s,i)=>{const a=Ey(i.color,t[i.name]);return s[i.name]={color:a,"font-size":i.size,"font-weight":i.weight,variable:i},s},n),n},get dataLoading(){return this.queries.some(t=>t.state==="loading")},get queryStateMessages(){const t=this.queries.filter(a=>!a.runByConditionsMet);if(t.length===0)return"";const n=new Set,s=new Set;t.forEach(a=>{const l=a.conditionNames;l.context.forEach(c=>n.add(c)),l.filters.forEach(c=>s.add(c))});const i=[];return n.size>0&&(console.log(n),i.push(`context: ${Array.from(n).join(", ")}`)),s.size>0&&i.push(`filter${s.size>1?"s":""}: ${Array.from(s).join(", ")}`),i.length===2&&i.splice(1,0,"and"),i.unshift("Waiting for"),i.join(" ")},get queryErrors(){return this.queries.map(t=>t.error).filter(t=>!!t)},get canRenderViz(){return this.queryErrors.length===0&&this.queryStateMessages===""&&!this.dataLoading}})).actions(e=>({refreshData(){e.queries.forEach(t=>t.fetchData(!0))},downloadData(){e.contentModel.queries.downloadDataByQueryIDs(e.queryIDs)},getSchema(){const t=e.json;return t.viz.conf={...t.viz.conf,__INTERACTIONS:{},__OPERATIONS:{},__TRIGGERS:{}},{panel:t,queries:e.queries.map(n=>n.json),layouts:e.contentModel.layouts.jsonByPanelIDSet(new Set([e.id]))}},downloadSchema(){const{panel:t,queries:n,layouts:s}=this.getSchema(),a=JSON.stringify({panels:[t],definition:{queries:n},layouts:s,version:dn},null,2),l=e.name;hr(l,a)}}));function pf(e){return{id:e,name:"Panel",title:{show:!0},description:"<p></p>",queryIDs:[],viz:{type:qo.name,conf:qo.createConfig()},style:{border:{enabled:!0}}}}const bl=x.types.model("PanelsRenderModel",{list:x.types.optional(x.types.array(yl),[])}).views(e=>({get json(){return e.list.map(t=>t.json)},findByID(t){return e.list.find(n=>n.id===t)},get idMap(){const t=new Map;return e.list.forEach(n=>{t.set(n.id,n)}),t}})).views(e=>({panelsByIDs(t){const n=[];return t.forEach(s=>{const i=e.idMap.get(s);i?n.push(i):console.warn(`Panel is not found, id:${s}`)}),n}}));function ff(e){const t=e.config,n=t.default_value;if(n===void 0)return n;if(t._name==="date-range")try{if(t.default_shortcut){const i=Vp(t.default_shortcut);if(i)return i.map(a=>P(a).format(t.inputFormat))}const[...s]=n;return s.map(i=>i===null?i:P.tz(i,"UTC").format(t.inputFormat)??i)}catch(s){return console.error(s),n}return n}function sE(e,t){const n=e.default_value_func;try{return new Function(`return ${n}`)()(e,zt,t)}catch(s){return console.error(s),ff(e)}}function gf(e,t){var n;return(n=e.default_value_func)!=null&&n.trim()?sE(e,t):ff(e)}function mf(e,t){return e.reduce((n,s)=>(n[s.key]=gf(s,t),n),{})}const vl=x.types.model("FiltersRenderModel",{current:x.types.optional(x.types.array(cl),[]),values:x.types.optional(x.types.frozen(),{})}).views(e=>({get json(){return e.current.map(t=>t.json)},get valuesString(){return JSON.stringify(e.values)},get contentModel(){return x.getRoot(e).content},get context(){return this.contentModel.payloadForSQL.context},get initialValuesDep(){return JSON.stringify({filters:e.current.map(({default_value_func:t,config:n})=>({default_value_func:t,config:n})),context:this.contentModel.payloadForSQL.context})},get formattedDefaultValues(){return mf(this.json,this.contentModel.context)},get firstID(){if(e.current.length!==0)return e.current[0].id},findByID(t){return e.current.find(n=>n.id===t)},findByIDSet(t){return e.current.filter(n=>t.has(n.id))},get inOrder(){return v.sortBy(e.current,"order")},get empty(){return e.current.length===0},visibleInView(t){return v.sortBy(e.current.filter(n=>n.visibleInViewsIDSet.has(t)),"order")},get firstFilterValueKey(){return Object.keys(e.values)[0]??""},get keySet(){return new Set(e.current.map(t=>t.key))},get keyLabelMap(){return e.current.reduce((t,n)=>(t[n.key]=n.label,t),{})},getSelectOption(t){const n=this.findByID(t);if(!n||!("getSelectOption"in n.config))return null;const s=e.values[n.key];return n.config.getSelectOption(s)}})).actions(e=>({setValues(t){e.values=t},patchValues(t){e.values=v.defaults({},t,e.values)},setValueByKey(t,n){e.values={...e.values,[t]:n}},applyValuesPatch(t){e.values={...e.values,...t}},getValueByKey(t){return e.values[t]},getSchema(t,n){return{filters:e.findByIDSet(new Set(t)).map(a=>({...a.json,visibleInViewsIDs:n?a.json.visibleInViewsIDs:[]})),version:dn}},downloadSchema(t){const n=JSON.stringify(this.getSchema(t,!1),null,2);hr("Filters",n)}}));function _l(e,t,n,s){const i=v.defaults({},s,mf(e,{...n,...t}));return{current:e,values:i}}const xf=Up.views(e=>({get rootModel(){return x.getRoot(e)},get contentModel(){return this.rootModel.content},get conditionOptions(){if(!x.isAlive(e))return[];const{context:t}=this.contentModel.payloadForSQL,n=Object.keys(t).map(l=>({group:"Context",label:l,value:`context.${l}`,description:void 0})),s=this.contentModel.filters.keyLabelOptions.map(l=>({group:"Filters",label:l.label,value:`filters.${l.value}`,description:l.value})),i=[...n,...s],a=new Set(i.map(l=>l.value));return e.run_by.forEach(l=>{a.has(l)||i.push({group:"Invalid",label:l,value:l})}),i},get unmetRunByConditions(){if(!x.isAlive(e))return[];const{run_by:t}=e;if(t.length===0)return[];const n=this.contentModel.payloadForSQL;return t.filter(s=>{const i=v.get(n,s);return Array.isArray(i)?i.length===0:typeof i=="number"?Number.isNaN(i):!i})}})).views(e=>({get payload(){return e.contentModel.payloadForSQL},get formattedSQL(){return Ti(e.sql,this.payload)},get httpConfigString(){const{context:t,filters:n}=this.payload,{name:s,pre_process:i}=e.json,a=Fy(i,t,n);return console.groupCollapsed(`Request config for: ${s}`),console.log(a),console.groupEnd(),JSON.stringify(a)},get typedAsSQL(){return[Ee.Postgresql,Ee.MySQL].includes(e.type)},get typedAsHTTP(){return[Ee.HTTP].includes(e.type)},get isTransform(){return e.type===Ee.Transform},get reQueryKey(){const{react_to:t=[]}=e;if(t.length===0)return"";const n=e.contentModel.payloadForSQL,s=[...t].reduce((i,a)=>(i[a]=v.get(n,a),i),{});return JSON.stringify(s)},get runByConditionsMet(){return e.unmetRunByConditions.length===0},get conditionNames(){if(e.unmetRunByConditions.length===0)return{context:[],filters:[]};const{keyLabelMap:t}=e.contentModel.filters,n=e.unmetRunByConditions.filter(i=>i.startsWith("context.")).map(i=>i.replace("context.","")),s=e.unmetRunByConditions.filter(i=>i.startsWith("filters.")).map(i=>v.get({filters:t},i,i.replace("filters.",""))).filter(i=>!!i);return{context:n,filters:s}},get queries(){return x.getParent(e,2)},get inUse(){return this.queries.isQueryInUse(e.id)},get dependencies(){if(!this.typedAsSQL)return[];const t=v.uniq(e.sql.match(Ss.sqlSnippet)),n=v.uniq(e.sql.match(Ss.filter)),s=v.uniq(e.sql.match(Ss.context)),i=[];return t.forEach(a=>{i.push({type:"sql_snippet",key:a,valid:e.contentModel.sqlSnippets.keySet.has(a)})}),n.forEach(a=>{i.push({type:"filter",key:a,valid:e.contentModel.filters.keySet.has(a)})}),s.forEach(a=>{i.push({type:"context",key:a,valid:e.contentModel.mock_context.keySet.has(a)})}),i}})),jl=x.types.compose("QueryRenderModel",xf,x.types.model({state:x.types.optional(x.types.enumeration(["idle","loading","error"]),"idle"),data:x.types.optional(x.types.frozen([]),[]),error:x.types.frozen()})).views(e=>({get datasource(){const{key:t,type:n}=e;return e.rootModel.datasources.find({type:n,key:t})},get additionalQueryInfo(){return e.contentModel.getAdditionalQueryInfo(e.id)},get depQueryModels(){return e.contentModel.queries.findByIDSet(new Set(e.dep_query_ids))},get depQueryModelStates(){return this.depQueryModels.map(t=>t.state)},get depQueryModelStatesString(){return this.depQueryModelStates.toString()}})).views(e=>({get stateMessage(){if(e.state!=="idle")return"";if(!e.runByConditionsMet){const{context:t,filters:n}=e.conditionNames;if(t.length===0&&n.length===0)return"Waiting";const s=[];return t.length>0&&s.push(`context: ${t.join(", ")}`),n.length>0&&s.push(`filter${n.length>1?"s":""}: ${n.join(", ")}`),s.length===2&&s.splice(1,0,"and"),s.unshift("Waiting for"),s.join(" ")}return e.data.length>0?"":"Empty Data"}})).volatile(()=>({controller:new AbortController})).actions(e=>({runSQL:x.flow(function*(){var t;if(e.valid&&((t=e.controller)==null||t.abort(),!!e.runByConditionsMet)){e.controller=new AbortController,e.state="loading";try{const n=e.payload;e.data=yield*x.toGenerator(Xy({payload:n,name:e.name,query:e.json,additionals:e.additionalQueryInfo},e.controller.signal)),e.state="idle",e.error=null}catch(n){if(!Gt.isCancel(n)){e.data=[];const s=v.get(n,"message","unkown error");e.error=v.get(n,"response.data.detail.message",s),e.state="error"}}}}),runHTTP:x.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:n,key:s,post_process:i}=e.json;let a=JSON.parse(e.httpConfigString);a=Gy(e.datasource,a);const l=yield*x.toGenerator(Jy({type:n,key:s,configString:JSON.stringify(a),name:e.name,additionals:e.additionalQueryInfo},e.controller.signal)),c=Wy(e.datasource,l),u=Ry(i,c,e.contentModel.dashboardState);e.data=u,e.state="idle",e.error=null}catch(n){if(console.error(n),!Gt.isCancel(n)){e.data=[];const s=v.get(n,"message","unkown error");e.error=v.get(n,"response.data.detail.message",s),e.state="error"}}}}),runTransformation(){e.state="loading";try{const n=e.contentModel.queries.findByIDSet(new Set(e.dep_query_ids)).map(l=>({id:l.id,name:l.name,data:v.cloneDeep(l.data)})),s=e.contentModel.dashboardState,i=e.pre_process,a=new Function(`return ${i}`)()(n,s,zt);e.data=a,e.state="idle",e.error=null}catch(t){e.data=[],e.error=t.message,e.state="error"}}})).actions(e=>({fetchData:t=>{if(!e.inUse&&!t){console.debug(`🟡 Skipping query[${e.name}]`);return}return console.debug(`🔵 Running query[${e.name}]`),e.isTransform?e.runTransformation():e.typedAsHTTP?e.runHTTP():e.runSQL()},beforeDestroy(){var t;(t=e.controller)==null||t.abort()}})).actions(e=>({afterCreate(){x.addDisposer(e,ae.reaction(()=>{var n;return e.isTransform?[e.inUse,e.id,e.key,e.dep_query_ids.toString(),e.pre_process,e.depQueryModelStatesString].join("--"):e.typedAsHTTP?`${e.inUse}--${e.id}--${e.key}--${e.reQueryKey}--${(n=e.datasource)==null?void 0:n.id}`:[e.inUse,e.id,e.key,e.formattedSQL,e.pre_process,e.post_process].join("--")},()=>e.fetchData(!1),{fireImmediately:!0,delay:0}))}})),wl=x.types.model("QueriesRenderModel",{current:x.types.optional(x.types.array(jl),[])}).views(e=>({get idSet(){return new Set(e.current.map(t=>t.id))},get firstID(){if(e.current.length!==0)return e.current[0].id},findByID(t){return e.current.find(n=>n.id===t)},findByIDSet(t){return e.current.filter(n=>t.has(n.id))},get json(){return e.current.filter(t=>t.id&&t.key).map(t=>t.json)},get contentModel(){return x.getParent(e,1)},get visibleQueryIDSet(){const{views:t,filters:n,queries:s}=this.contentModel,i=[];t.visibleViews.forEach(c=>{c.panels.forEach(u=>{i.push(...u.queryIDs)})});const a=v.uniq(t.visibleViews.map(c=>c.renderViewIDs).flat());n.current.forEach(c=>{const u=v.get(c,"config.options_query_id");if(!u)return;a.some(h=>c.visibleInViewsIDSet.has(h))&&i.push(u)}),s.findByIDSet(new Set(i)).forEach(c=>{!c.isTransform||c.dep_query_ids.length===0||i.push(...c.dep_query_ids)});const l=new Set(i);return console.debug("QueryIDs:",l),l},isQueryInUse(t){return this.visibleQueryIDSet.has(t)}})).actions(e=>({downloadAllData(){const t=e.current.map(({name:n,data:s})=>({id:n,data:s}));hf(t)},downloadDataByQueryIDs(t){const n=new Set(t),s=e.current.filter(i=>n.has(i.id)).map(({name:i,data:a})=>({id:i,data:a}));hf(s)},downloadDataByQueryID(t){const n=e.findByID(t);if(!n){console.log("[downloadDataByQueryID] query not found");return}const{name:s,data:i}=n;rE(s,i)},refetchDataByQueryID(t){const n=e.findByID(t);if(!n){console.error(new Error(`[downloadDataByQueryID] query by ID[${t}] not found`));return}return n.fetchData(!0)},getSchema(t){return{definition:{queries:e.findByIDSet(new Set(t)).map(i=>i.json)},version:dn}},downloadSchema(t){const n=JSON.stringify(this.getSchema(t),null,2);hr("Queries",n)}}));function yf(e){return{current:e}}function bf({min:e,max:t}){const n=`${e}px`,s=Number.isFinite(t)?`${t}px`:"∞";return`[${n}, ${s})`}const Cl=x.types.model("LayoutsRenderModel",{list:x.types.array(Kp),currentBreakpoint:x.types.string}).views(e=>({get json(){return e.list.map(t=>t.json)},jsonByPanelIDSet(t){return e.list.map(n=>n.jsonByPanelIDSet(t))},get root(){return x.getRoot(e)},get contentModel(){return this.root.content},get basisLayoutSet(){return e.list.find(t=>t.id==="basis")},get currentLayoutSet(){return e.list.find(t=>t.id===e.currentBreakpoint)},get currentLayoutRange(){return this.breakpointRanges.find(t=>t.id===e.currentBreakpoint)},get currentRangeText(){const t=this.currentLayoutRange;return bf(t)},get cols(){const t={};return e.list.forEach(n=>{t[n.id]=36}),t},get breakpoints(){const t={};return e.list.forEach(n=>{t[n.id]=n.breakpoint}),t},get breakpointNameRecord(){const t={};return e.list.forEach(n=>{t[n.name]=n.breakpoint}),t},get breakpointRanges(){const t=e.list.map(n=>({id:n.id,name:n.name,min:n.breakpoint,max:1/0,text:""}));return t.sort((n,s)=>n.min-s.min).forEach((n,s)=>{s!==t.length-1&&(n.max=t[s+1].min)}),t.forEach(n=>{n.text=bf(n)}),t},get breakpointsInfo(){return e.list.map(t=>({id:t.id,name:t.name,breakpoint:t.breakpoint})).sort((t,n)=>t.breakpoint-n.breakpoint)},get currentBreakpointRange(){return this.breakpointRanges.find(t=>t.id===e.currentBreakpoint)},get currentLayoutPreviewWidth(){const t=this.currentBreakpointRange;if(t)return t.max===1/0?t.min===0?void 0:t.min+1:t.max},items(t){const n=new Set(t);return this.currentLayoutSet.list.filter(i=>n.has(i.panelID))},gridLayouts(t){const n=new Set(t),s={};return e.list.forEach(i=>{s[i.id]=i.list.filter(a=>n.has(a.panelID)).map(a=>a.layoutProperies)}),s},findItemByPanelID(t){return this.currentLayoutSet.findByPanelID(t)}})).actions(e=>({setCurrentBreakpoint(t){console.log("🔴 onBreakpointChange:",t),e.currentBreakpoint=t},afterCreate(){x.addDisposer(e,ae.reaction(()=>e.currentBreakpoint,()=>{setTimeout(()=>{window.dispatchEvent(new Event("resize"))},32)},{fireImmediately:!1,delay:0}))}})),vf=Xp.views(e=>({isADuplicatedKey(t){return!t||t===e.key?!1:!!x.getParent(e,2).findByKey(t)}})),Sl=x.types.model("SQLSnippetsRenderModel",{current:x.types.optional(x.types.array(vf),[])}).views(e=>({get json(){return e.current.map(t=>t.json)},get record(){return e.current.reduce((t,n)=>(t[n.key]=n.value,t),{})},get keySet(){return new Set(e.current.map(t=>t.key))},get firstKey(){if(e.current.length!==0)return e.current[0].key},findByKey(t){return e.current.find(n=>n.key===t)},findByKeySet(t){return e.current.filter(n=>t.has(n.key))}})).actions(e=>({getSchema(t){return{definition:{sqlSnippets:e.findByKeySet(new Set(t)).map(i=>i.json)},version:dn}},downloadSchema(t){const n=JSON.stringify(this.getSchema(t),null,2);hr("SQL Snippets",n)}}));function _f(e){return{current:e}}function Jr(e,t,n,s){return e.reduce((i,a)=>{try{i[a[t]]=ki(a[n],s)}catch(l){i[a[t]]=l.message}return i},{})}class jf{constructor(t){N(this,"origin");N(this,"copy");this.origin=t,this.copy=x.clone(t),ae.makeAutoObservable(this,{},{autoBind:!0,deep:!1})}get changed(){return!v.isEqual(x.getSnapshot(this.origin),x.getSnapshot(this.copy))}commit(){x.applySnapshot(this.origin,x.getSnapshot(this.copy))}reset(){x.applySnapshot(this.copy,x.getSnapshot(this.origin))}update(t){x.applySnapshot(this.copy,t)}}const wf=e=>new jf(e),iE=D.observer(()=>{const{t:e}=j.useTranslation(),t=le(),{panel:n}=nt(),s=n.realQueryOptions,i=a=>{t.editor.open(["_QUERIES_",a])};return s.length===0?null:r.jsxs(r.Fragment,{children:[r.jsx(o.Divider,{label:e(s.length>1?"query.labels":"query.label"),labelPosition:"center"}),s.map(a=>r.jsx(o.Menu.Item,{onClick:()=>i(a.value),icon:r.jsx(M.IconDatabase,{size:14}),children:a.label},a.value))]})}),aE=D.observer(({view:e,title:t})=>{const{t:n}=j.useTranslation(),s=le(),i=se(),a=_t.useModals(),{panel:l,downloadPanelScreenshot:c}=nt(),{id:u}=l,{viewPanelInFullScreen:d,inFullScreen:h}=g.useContext(ui),p=()=>{i.duplicatePanelByID(u,e.id)},f=()=>{s.editor.open(["_VIEWS_",e.id,"_PANELS_",u])},m=()=>a.openConfirmModal({title:`${n("panel.delete")}?`,labels:{confirm:n("common.actions.confirm"),cancel:n("common.actions.cancel")},onCancel:()=>console.log("Cancel"),onConfirm:()=>i.removePanelByID(u,e.id),confirmProps:{color:"red"},zIndex:320}),y=g.useCallback(()=>{d(u)},[u,d]),_=!h&&e.type!==G.Modal;return r.jsx(r.Fragment,{children:r.jsx(o.Box,{sx:{position:"absolute",top:0,left:0,right:0,zIndex:300},title:t,children:r.jsxs(o.Menu,{withinPortal:!0,children:[r.jsx(o.Menu.Target,{children:r.jsx(o.Box,{className:"panel-dropdown-target",sx:{width:"100%"}})}),r.jsxs(o.Menu.Dropdown,{children:[r.jsx(o.Menu.Item,{onClick:l.refreshData,icon:r.jsx(R.Refresh,{size:14}),children:n("common.actions.refresh")}),r.jsx(o.Menu.Item,{onClick:l.downloadData,icon:r.jsx(R.Download,{size:14}),children:n("common.actions.download_data")}),r.jsx(o.Menu.Item,{onClick:l.downloadSchema,icon:r.jsx(M.IconCode,{size:14}),children:n("common.actions.download_schema")}),r.jsx(o.Menu.Item,{onClick:c,icon:r.jsx(M.IconCamera,{size:14}),children:n("common.actions.download_screenshot")}),_&&r.jsx(o.Menu.Item,{onClick:y,icon:r.jsx(R.ArrowsMaximize,{size:14}),disabled:!0,children:n("common.actions.enter_fullscreen")}),r.jsx(iE,{}),r.jsx(o.Divider,{label:n("common.actions.edit"),labelPosition:"center"}),r.jsx(o.Menu.Item,{onClick:f,icon:r.jsx(R.Settings,{size:14}),children:n("common.titles.settings")}),r.jsx(o.Menu.Item,{onClick:p,icon:r.jsx(R.Copy,{size:14}),children:n("common.actions.duplicate")}),r.jsx(o.Menu.Item,{color:"red",onClick:m,icon:r.jsx(R.Trash,{size:14}),children:n("common.actions.delete")})]})]})})})});function oE(e){return e?["<p><br></p>","<p></p>"].includes(e):!0}const kl=D.observer(()=>{const{t:e}=j.useTranslation(),[t,n]=g.useState(!1),{panel:s}=Ot();return oE(s.description)?null:r.jsxs(r.Fragment,{children:[r.jsx(o.Modal,{opened:t,onClose:()=>n(!1),title:s.title.show?s.name:"",withCloseButton:!1,withinPortal:!0,zIndex:310,children:r.jsx(kr,{value:s.description,styles:{root:{border:"none"},content:{padding:0}},sx:{".mantine-RichTextEditor-content .ProseMirror":{padding:"0 !important"}}})}),r.jsx(o.Tooltip,{label:e("panel.panel_description_click"),position:"top-start",withinPortal:!0,children:r.jsx(o.ActionIcon,{variant:"subtle",color:"blue",onClick:()=>n(i=>!i),sx:{verticalAlign:"baseline",cursor:"pointer"},children:r.jsx(R.InfoCircle,{size:20})})})]})}),X2="",lE=D.observer(function(){const{panel:t}=Ot(),{name:n,title:s}=t;return s.show?r.jsx(o.Group,{grow:!0,position:"center",className:"panel-title-wrapper",sx:{flexGrow:1},children:r.jsx(o.Text,{align:"center",lineClamp:1,className:"panel-title-text",children:n})}):null});function cE(e){const t=g.useRef(null);return{ref:t,downloadPanelScreenshot:()=>{const s=t.current;if(!s)return;const i=s.offsetWidth*2,a=s.offsetHeight*2;mc.toBlob(t.current,{bgcolor:"white",width:i,height:a,style:{border:"none",borderRadius:0,transformOrigin:"0 0",transform:"scale(2)"}}).then(l=>{window.saveAs(l,`${e.name?e.name:e.viz.type}.png`)})}}}var Cf=(e=>(e.migrated="migrated",e.nothingToMigrate="nothingToMigrate",e.checkFailed="checkFailed",e.migrationFailed="migrationFailed",e))(Cf||{}),pi=(e=>(e.notStarted="notStarted",e.inProgress="inProgress",e.done="done",e))(pi||{});class uE{constructor(t){N(this,"vizInstance");N(this,"operationManager");N(this,"triggerManager");N(this,"vizManager");N(this,"runningMigration");N(this,"panelModel");N(this,"status","notStarted");this.panelModel=t.getRequired(Le.instanceScope.panelModel),this.vizInstance=t.getRequired(Le.instanceScope.vizInstance),this.operationManager=t.getRequired(Le.instanceScope.operationManager),this.triggerManager=t.getRequired(Le.instanceScope.triggerManager),this.vizManager=t.getRequired(Le.vizManager)}async createMigrationTask(){const t=[];try{await this.instanceNeedMigration()&&t.push(()=>this.runInstanceMigration()),await this.interactionNeedMigration()&&t.push(()=>this.runInteractionMigration())}catch(n){return console.warn("check migration failed",n),"checkFailed"}if(t.length===0)return"nothingToMigrate";try{return await Promise.all(t.map(n=>n())),"migrated"}catch(n){return console.warn("migration failed",n),"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),n={configData:this.vizInstance.instanceData,panelModel:this.panelModel};await t.migrator.migrate(n)}async instanceNeedMigration(){const t=this.vizManager.resolveComponent(this.vizInstance.type),n={configData:this.vizInstance.instanceData};return t.migrator.needMigration(n)}async interactionNeedMigration(){return await this.operationManager.needMigration()||await this.triggerManager.needMigration()}}function Sf(e){const{panel:t}=Ot();return g.useCallback(n=>{const s=n.getRequired(Le.vizManager),i=s.resolveComponent(e.viz.type);return n.createScoped().provideFactory(Le.instanceScope.vizInstance,()=>s.getOrCreateInstance(e)).provideFactory(Le.instanceScope.interactionManager,a=>{const l=a.getRequired(Le.instanceScope.vizInstance);return new ha(l,i,Ms)}).provideFactory(Le.instanceScope.operationManager,a=>a.getRequired(Le.instanceScope.interactionManager).operationManager).provideFactory(Le.instanceScope.triggerManager,a=>a.getRequired(Le.instanceScope.interactionManager).triggerManager).provideValue(Le.instanceScope.panelModel,t).provideFactory(Le.instanceScope.migrator,a=>new uE(a))},[e.viz.type,e.viz.conf])}function kf(e){const[t,n]=g.useState(!1),s=Bp().getRequired(Le.instanceScope.migrator);return Z.useAsyncEffect(async()=>{const i=s.status===pi.notStarted;n(s.status===pi.done),s.status===pi.notStarted&&s.runMigration().then(a=>{a===Cf.migrated&&i&&(e==null||e())}).finally(()=>{n(!0)})},[s]),t}function Tf(e,t){const n=Bp().getRequired(Le.instanceScope.vizInstance);return g.useEffect(()=>(n.instanceData.setItem(null,t.viz.conf),n.instanceData.watchItem(null,s=>{e(s)})),[e,t.viz.type]),n}function dE({setVizConf:e,...t}){const{panel:n}=t,s=Tf(e,n),i=kf(()=>{gn.showNotification({title:`${n.name} - Updated`,message:"Your plugin configuration has been migrated to the latest version"})});return Z.useAsyncEffect(async()=>{await s.instanceData.setItem(null,n.viz.conf)},[s,n.viz.type]),i?r.jsx(tb,{...t}):r.jsx(o.Text,{children:"Checking update..."})}function hE(e){const{panel:t,setVizConf:n}=e;Tf(n,t);const{inEditMode:s}=g.useContext(Ts);return kf(()=>{s&&gn.showNotification({title:`${t.name} - Updated`,message:"Your plugin configuration has been migrated to the latest version"})})?r.jsx(eb,{...e}):r.jsx(o.Text,{children:"Checking update"})}const J2="";function pE(e,t){const{vizManager:n}=g.useContext(en),{panel:{viz:s,title:i,id:a,name:l,description:c,queryIDs:u,variables:d}}=Ot(),h={id:a,name:l,title:i,description:c,queryIDs:u,viz:s},p=Sf(h);try{return n.resolveComponent(s.type),r.jsx(ci,{configure:p,children:r.jsx(hE,{setVizConf:s.setConf,panel:h,measure:t,data:e,variables:d,vizManager:n})})}catch(f){return console.info(v.get(f,"message")),null}}const Df=D.observer(function({data:t}){const{ref:n,width:s,height:i}=Te.useElementSize(),a=pE(t,{w:s,h:i}),l=s>0&&i>0;return r.jsx("div",{className:"viz-root",ref:n,children:r.jsx(o.Box,{sx:{width:s,height:i,overflow:"hidden"},children:l&&r.jsx(We,{children:a})})})}),Mf=D.observer(({panel:e})=>r.jsxs(o.Stack,{children:[e.queryErrors.map((t,n)=>r.jsx(o.Text,{color:"red",size:"sm",align:"center",sx:{fontFamily:"monospace"},children:t},`${n}-${t}`)),r.jsx(o.Text,{color:"gray",align:"center",size:"sm",children:e.queryStateMessages})]})),Tl=D.observer(({panel:e})=>r.jsxs(o.Flex,{className:"panel-viz-section",direction:"column",sx:{position:"relative",width:"100%"},children:[r.jsx(o.LoadingOverlay,{visible:e.dataLoading,exitTransitionDuration:0}),!e.canRenderViz&&r.jsx(Mf,{panel:e}),e.canRenderViz&&r.jsx(Df,{data:e.data})]})),fE={border:"1px solid #e9ecef"},If=D.observer(({panel:e,panelStyle:t,dropdownContent:n})=>{const{ref:s,downloadPanelScreenshot:i}=cE(e);return e.title.show,r.jsx(oa,{value:{panel:e,data:e.data,loading:e.dataLoading,errors:e.queryErrors,downloadPanelScreenshot:i},children:r.jsxs(o.Box,{className:`panel-root ${e.title.show?"panel-root--show-title":""}`,ref:s,p:0,sx:{...fE,...t},children:[r.jsx(o.Box,{className:"panel-description-popover-wrapper",children:r.jsx(kl,{})}),n,r.jsx(lE,{}),r.jsx(Tl,{panel:e})]})})}),gE={border:"1px dashed transparent",transition:"border-color 300ms ease","&:hover":{borderColor:"#e9ecef"}};function mE(e){return e.style.border.enabled?{}:gE}const zf=D.observer(function({panel:t,view:n}){const s=mE(t);return r.jsx(If,{panel:t,panelStyle:s,dropdownContent:r.jsx(aE,{view:n,title:t.name})})});function xE(e){return!["richText","button"].includes(e)}const yE=D.observer(({view:e,title:t})=>{const{t:n}=j.useTranslation(),{panel:s,downloadPanelScreenshot:i}=Ot(),{id:a}=s,{viewPanelInFullScreen:l,inFullScreen:c}=g.useContext(ui),u=g.useCallback(()=>{l(a)},[a,l]),d=!c&&e.type!==G.Modal;return xE(s.viz.type)?r.jsx(o.Box,{sx:{position:"absolute",top:0,left:0,right:0,zIndex:300},title:t,children:r.jsxs(o.Menu,{withinPortal:!0,children:[r.jsx(o.Menu.Target,{children:r.jsx(o.Box,{className:"panel-dropdown-target"})}),r.jsxs(o.Menu.Dropdown,{children:[r.jsx(o.Menu.Item,{onClick:s.refreshData,icon:r.jsx(R.Refresh,{size:14}),children:n("common.actions.refresh")}),r.jsx(o.Menu.Item,{onClick:s.downloadData,icon:r.jsx(R.Download,{size:14}),children:n("common.actions.download_data")}),r.jsx(o.Menu.Item,{onClick:i,icon:r.jsx(M.IconCamera,{size:14}),children:n("common.actions.download_screenshot")}),d&&r.jsx(o.Menu.Item,{onClick:u,icon:r.jsx(R.ArrowsMaximize,{size:14}),children:n("common.actions.enter_fullscreen")})]})]})}):null});function bE(e){return e.style.border.enabled?{}:{border:"1px dashed transparent"}}const Dl=D.observer(({panel:e,view:t})=>{const n=bE(e);return r.jsx(If,{panel:e,panelStyle:n,dropdownContent:r.jsx(yE,{title:e.name,view:t})})}),vE={modal:{display:"flex",flexDirection:"column",flexWrap:"nowrap"},body:{display:"flex",height:"calc(100vh - 88px)"}},Ef=D.observer(function({view:t,panel:n,exitFullScreen:s}){return r.jsx(o.Modal,{opened:!0,fullScreen:!0,onClose:s,title:r.jsx(o.Button,{color:"blue",size:"xs",onClick:s,leftIcon:r.jsx(R.ArrowLeft,{size:20}),children:"Exit fullscreen"}),styles:vE,children:r.jsx(o.Group,{grow:!0,sx:{flexGrow:1,flexShrink:0},children:r.jsx(Dl,{view:t,panel:n})})})});function Af(e,t,n){const{panels:s}=Pe(),i=e.id==="Main",[a,l]=g.useState(()=>i&&s.findByID(t)?t:null),c=g.useCallback(p=>{l(p),i&&n(p)},[i,n]),u=g.useCallback(()=>{l(null),i&&n("")},[i,n]),d=a?s.findByID(a):null;return{viewPanelInFullScreen:c,exitFullScreen:u,inFullScreen:!!d,fullScreenPanel:d}}const Z2="",_E=g.forwardRef(({h:e},t)=>r.jsx(o.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:r.jsx(R.ArrowsMove,{size:16})})),jE=g.forwardRef(({handleAxis:e,...t},n)=>r.jsx(o.ActionIcon,{ref:n,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:r.jsx(R.ChevronDownRight,{size:16})})),wE=rs.WidthProvider(rs.Responsive),CE=D.observer(({view:e,className:t="layout"})=>{const s=se().layouts,i=s.items(e.panelIDs),a=s.gridLayouts(e.panelIDs),l=(d,h,p,f)=>{console.log("🔴 onResize",d),p.h<30&&(p.h=30,f.h=30),p.w<4&&(p.w=4,f.w=4)},c=(d,h,p)=>{console.log("🔴 onResizeStop",{layouts:d,oldItem:h,newItem:p}),s.updateCurrentLayoutItem(p)},u=(d,h,p)=>{console.log("🔴 onDragStop",{layouts:d,oldItem:h,newItem:p}),s.updateCurrentLayoutItems(d)};return r.jsx(wE,{className:`dashboard-layout ${t}`,rowHeight:1,margin:[0,0],isBounded:!0,isDraggable:!0,isResizable:!0,cols:s.cols,layouts:a,draggableHandle:".react-grid-customDragHandle",resizeHandle:r.jsx(jE,{}),onResize:l,breakpoints:s.breakpoints,onBreakpointChange:s.setCurrentBreakpoint,onResizeStop:c,onDragStop:u,width:s.currentLayoutPreviewWidth,children:i.map(d=>r.jsxs("div",{"data-grid":d.layoutProperies,className:"panel-grid-item",children:[r.jsx(_E,{h:d.h}),r.jsx(zf,{view:e,panel:d.panel})]},d.id))})}),SE=rs.WidthProvider(rs.Responsive),kE=D.observer(({view:e,className:t="layout"})=>{const n=Pe(),s=n.layouts.items(e.panelIDs),i=n.layouts.gridLayouts(e.panelIDs);return r.jsx(SE,{className:`dashboard-layout ${t}`,rowHeight:1,margin:[0,0],isDraggable:!1,isResizable:!1,cols:n.layouts.cols,layouts:i,breakpoints:n.layouts.breakpoints,onBreakpointChange:n.layouts.setCurrentBreakpoint,children:s.map(a=>r.jsx("div",{"data-grid":a.layoutProperies,className:"panel-grid-item",children:r.jsx(Dl,{view:e,panel:a.panel})},a.id))})});function Ml(e){const t=g.useRef(null);return{ref:t,downloadScreenshot:()=>{var i;const s=(i=t.current)==null?void 0:i.querySelector(".react-grid-layout");s&&e.downloadScreenshot(s)}}}const TE=D.observer(({downloadScreenshot:e})=>{const{t}=j.useTranslation(),[n,{setTrue:s,setFalse:i}]=Z.useBoolean(!1),a=Su(),l=Pe(),c=()=>{const u=JSON.stringify(l.contentJSON,null,2),d=`${a.name}__${l.name}`;hr(d,u)};return r.jsxs(o.Menu,{shadow:"md",width:200,trigger:"hover",openDelay:200,closeDelay:400,withinPortal:!0,position:"bottom-end",children:[r.jsx(o.Menu.Target,{children:r.jsx(o.Affix,{position:{bottom:"20px",right:"10px"},zIndex:1,children:r.jsx(o.ActionIcon,{size:"md",variant:"gradient",gradient:{from:"indigo",to:"cyan"},onMouseEnter:s,onMouseLeave:i,sx:{opacity:n?1:.6,transform:`translateX(${n?0:"2px"})`,transition:"all ease 300ms",borderRadius:"50%"},children:r.jsx(M.IconShare3,{size:"1rem"})})})}),r.jsxs(o.Menu.Dropdown,{children:[r.jsx(o.Menu.Item,{icon:r.jsx(M.IconCamera,{size:14}),onClick:e,children:t("common.actions.download_screenshot")}),r.jsx(o.Menu.Divider,{}),r.jsx(o.Menu.Item,{icon:r.jsx(M.IconDownload,{size:14}),onClick:l.queries.downloadAllData,children:t("common.actions.download_data")}),r.jsx(o.Menu.Item,{icon:r.jsx(M.IconCode,{size:14}),onClick:c,children:t("common.actions.download_schema")})]})]})}),Pf=D.observer(({children:e,view:t,sx:n={}})=>{const{ref:s,downloadScreenshot:i}=Ml(t);return r.jsxs(r.Fragment,{children:[r.jsx(o.Box,{ref:s,pt:10,pb:10,sx:n,children:e}),r.jsx(TE,{downloadScreenshot:i})]})}),Lf=D.observer(({downloadScreenshot:e})=>r.jsx(o.ActionIcon,{className:"download-screenshot-button",color:"blue",onClick:e,children:r.jsx(M.IconCamera,{size:14})})),DE=D.observer(({children:e,view:t})=>{const n=Pe(),s=t.config,i=n.views.visibleViewIDs.includes(t.id),a=()=>n.views.rmVisibleViewID(t.id),{ref:l,downloadScreenshot:c}=Ml(t);return r.jsx(o.Modal,{size:s.width,centered:!0,opened:i,onClose:a,withCloseButton:!1,title:r.jsxs(o.Group,{position:"apart",px:"1rem",h:"48px",children:[r.jsx(o.Box,{children:s.custom_modal_title.value}),r.jsx(Lf,{downloadScreenshot:c})]}),trapFocus:!0,onDragStart:u=>{u.stopPropagation()},styles:{root:{position:"fixed",zIndex:200,inset:0},overlay:{zIndex:"unset"},inner:{zIndex:"unset",padding:"0 !important"},content:{border:"1px solid #efefef",maxHeight:"unset !important",overflow:"hidden"},body:{maxHeight:s.height,overflow:"auto",position:"relative",paddingBottom:10},header:{padding:0},title:{flexGrow:1}},transitionProps:{duration:0},children:r.jsx(o.Box,{ref:l,children:e})})}),ME=e=>e.color?{"&[data-active], &[data-active]:hover":{borderColor:e.color?e.color:"..."}}:{},IE=D.observer(({view:e})=>{const t=Pe(),n=e.config;return r.jsxs(o.Tabs,{className:"render-view-tabs",variant:n.variant,orientation:n.orientation,value:e.tab,onTabChange:e.setTab,styles:{root:{height:"100%",overflow:n.orientation==="horizontal"?"hidden":"auto"},panel:{padding:n.orientation==="horizontal"?"0px 0px 36px":"0",height:"100%",overflow:"auto"}},keepMounted:!1,children:[r.jsx(o.Tabs.List,{grow:n.grow,children:n.tabsInOrder.map(s=>r.jsx(o.Tabs.Tab,{value:s.id,sx:ME(s),disabled:!s.view_id,children:s.name??s.id},s.id))}),n.tabsInOrder.map(s=>{const i=t.views.findByID(s.view_id);return i?r.jsx(o.Tabs.Panel,{value:s.id,children:r.jsx(fi,{view:i})},s.id):null})]})}),zE=D.observer(({view:e,children:t})=>{switch(e.type){case G.Modal:return r.jsx(DE,{view:e,children:t});case G.Tabs:return r.jsx(IE,{view:e});case G.Division:default:return r.jsx(Pf,{view:e,children:t})}}),EE=D.observer(({children:e,view:t})=>{const s=se().layouts,[i,a]=Te.useResizeObserver();return g.useEffect(()=>{s.setCurrentLayoutWrapperWidth(a.width)},[a.width]),r.jsx(o.Box,{sx:{height:"100%"},ref:i,children:r.jsx(o.Box,{sx:{paddingBottom:"100px",background:"white",margin:"0 auto",width:s.currentLayoutPreviewWidth??"100%",transform:`scale(${s.divisionPreviewScale})`,transformOrigin:"0 0"},children:r.jsx(Pf,{view:t,sx:{paddingTop:"0px !important",".dashboard-sticky-area > form":{paddingBottom:"5px"},".dashboard-layout":{marginTop:0,marginBottom:0}},children:e})})})});function Of(e){return e.replace(/(vw|vh)/,"%")}const AE=D.observer(({children:e,view:t})=>{const n=t.config,{width:s,height:i}=g.useMemo(()=>({width:Of(n.width),height:Of(n.height)}),[n.width,n.height]),{ref:a,downloadScreenshot:l}=Ml(t);return r.jsx(o.Box,{sx:{height:"100%","> div:not(.mantine-Modal-root)":{height:"100%"}},children:r.jsx(o.Modal,{size:n.width,opened:!0,onClose:v.noop,withCloseButton:!1,title:r.jsxs(o.Group,{position:"apart",px:"1rem",h:"48px",children:[r.jsx(o.Box,{children:n.custom_modal_title.value}),r.jsx(Lf,{downloadScreenshot:l})]}),trapFocus:!0,onDragStart:c=>{c.stopPropagation()},styles:{root:{position:"relative",height:"100%"},overlay:{position:"absolute !important"},inner:{position:"relative",top:"50%",left:"50%",right:"unset",bottom:"unset",transform:"translate(-50%, -50%)",padding:"0 !important",width:s,height:i,maxHeight:i},content:{border:"1px solid #efefef",height:"100%"},body:{maxHeight:"calc(100% - 48px)",overflow:"auto"},header:{padding:0},title:{flexGrow:1}},withinPortal:!1,transitionProps:{duration:0},children:r.jsx(o.Box,{ref:a,children:e})})})}),PE=({variant:e,orientation:t})=>{const n={root:{height:"100%",overflow:"hidden"},tabsList:{backgroundColor:"white"},tab:{},panel:{padding:"16px"}};return e==="pills"&&t==="horizontal"&&(n.tab.paddingTop="6px",n.tab.paddingBottom="6px"),t==="vertical"&&(n.tab["&.add-a-tab"]={paddingTop:"1px",paddingBottom:"1px"},n.tab["&.add-a-tab .mantine-Tabs-tabLabel"]={marginLeft:"auto",marginRight:"auto"}),n},LE=e=>e.color?{"&[data-active], &[data-active]:hover":{borderColor:e.color?e.color:"..."}}:{},OE=D.observer(({view:e})=>{const{t}=j.useTranslation(),n=_t.useModals(),s=se(),i=g.useMemo(()=>s.views.options.filter(u=>u.type===G.Division),[e.id,s.views.options]),a=e.config,l=u=>n.openConfirmModal({title:`${t("view.component.tabs.tab.delete")}?`,labels:{confirm:t("common.actions.confirm"),cancel:t("common.actions.cancel")},onCancel:()=>console.log("Cancel"),onConfirm:()=>{a.removeTab(u)},confirmProps:{color:"red"},zIndex:320}),c=a.tabs.length===0;return r.jsxs(o.Tabs,{className:"preview-view-tabs",variant:a.variant,orientation:a.orientation,value:e.tab,onTabChange:e.setTab,styles:PE(a),children:[r.jsxs(o.Tabs.List,{grow:a.grow,children:[a.tabsInOrder.map(u=>r.jsx(o.Tabs.Tab,{value:u.id,sx:LE(u),children:u.name??u.id},u.id)),r.jsx(o.Tabs.Tab,{onClick:a.addTab,value:"add",className:"add-a-tab",children:r.jsx(R.Plus,{size:18,color:"#228be6"})})]}),a.tabsInOrder.map((u,d)=>{const h=s.views.findByID(u.view_id);return r.jsxs(o.Tabs.Panel,{value:u.id,sx:{position:"relative"},children:[r.jsxs(o.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:200},children:[r.jsx(o.Overlay,{opacity:.8,color:"#FFF",blur:10,zIndex:100}),r.jsxs(o.Stack,{mx:"auto",mt:100,sx:{width:"300px",position:"relative",zIndex:200},children:[r.jsx(o.TextInput,{label:t("view.component.tabs.tab.name"),required:!0,value:u.name,onChange:p=>u.setName(p.currentTarget.value)}),r.jsx(o.Select,{label:"View",value:u.view_id,onChange:u.setViewID,data:i}),r.jsx(o.NumberInput,{label:t("view.component.tabs.tab.order"),required:!0,value:u.order,onChange:p=>u.setOrder(p||0),min:0,max:1e3,step:1}),r.jsx(o.ColorInput,{label:t("view.component.tabs.tab.color"),value:u.color,onChange:u.setColor,disabled:a.variant!=="default"}),h&&r.jsx(o.Button,{mt:20,variant:"gradient",leftIcon:r.jsx(M.IconArrowsLeftRight,{size:18}),gradient:{from:"cyan",to:"indigo"},onClick:()=>s.views.setIDOfVIE(h.id),children:t("view.component.tabs.tab.switch_to_view",{name:h.name})}),r.jsx(o.Button,{mt:20,variant:"subtle",color:"red",onClick:()=>l(d),disabled:c,leftIcon:r.jsx(M.IconTrash,{size:14}),children:t("view.component.tabs.tab.delete")})]})]}),h&&r.jsx(fi,{view:h})]},u.id)})]})}),BE=D.observer(({view:e,children:t})=>{switch(e.type){case G.Modal:return r.jsx(AE,{view:e,children:t});case G.Tabs:return r.jsx(OE,{view:e});case G.Division:default:return r.jsx(EE,{view:e,children:t})}}),Bf=D.observer(function({view:t}){const s=se().layouts.divisionPreviewScale!==1;return r.jsx(ui.Provider,{value:{viewPanelInFullScreen:v.noop,inFullScreen:!1},children:r.jsx(o.Box,{className:"dashboard-view","data-enable-scrollbar":!0,sx:{background:s?"transparent":"#efefef"},children:r.jsx(BE,{view:t,children:r.jsxs(o.Box,{sx:{position:"relative"},children:[r.jsx(o.Box,{className:"dashboard-sticky-area",sx:{position:"sticky",top:"0px"},children:r.jsx($p,{view:t})}),r.jsx(CE,{view:t})]})})})})}),fi=D.observer(function({view:t}){const{fullScreenPanelID:n,setFullScreenPanelID:s}=Eu(),{viewPanelInFullScreen:i,exitFullScreen:a,inFullScreen:l,fullScreenPanel:c}=Af(t,n,s);return r.jsx(ui.Provider,{value:{viewPanelInFullScreen:i,inFullScreen:l},children:r.jsxs(o.Box,{className:"dashboard-view","data-enable-scrollbar":!0,sx:{height:t.type===G.Modal?"0 !important":"100%"},children:[l&&r.jsx(Ef,{view:t,panel:c,exitFullScreen:a}),r.jsx(zE,{view:t,children:r.jsxs(o.Box,{sx:{position:"relative"},children:[!l&&r.jsx(o.Box,{className:"dashboard-sticky-area",sx:{position:"sticky",top:"0px"},children:r.jsx($p,{view:t})}),!l&&r.jsx(kE,{view:t})]})})]})})});var Vf=(e=>(e.Use="use",e.Edit="edit",e))(Vf||{});const VE={[G.Division]:"Division",[G.Tabs]:"Tabs",[G.Modal]:"Modal"},qf={[G.Division]:"rgba(255, 0, 0, 0.2)",[G.Modal]:"rgba(0, 0, 0, 0.2)",[G.Tabs]:"rgba(255, 200, 100, 0.4)"},qE={[G.Division]:"#ff4000",[G.Modal]:"#000",[G.Tabs]:"#ffad18"};function NE(e,t,n){x.addDisposer(e,x.addMiddleware(e,(s,i)=>{i(s,()=>{x.getType(s.context)===t&&s.type==="action"&&n(s.name,s.context)})}))}const Nf=x.types.compose("FiltersModel",vl,x.types.model("FiltersModel",{previewValues:x.types.optional(x.types.frozen(),{})})).views(e=>({get idSet(){return new Set(e.current.map(t=>t.id))},get keySet(){return new Set(e.current.map(t=>t.key))},get options(){return e.current.map(t=>({label:t.label??t.id,value:t.id,_type:"filter"}))},get selects(){return e.current.filter(t=>t.type===Ce.Select).map(t=>({label:t.label??t.id,value:t.id}))},get keyLabelOptions(){return e.current.map(t=>({label:t.label??t.key,value:t.key}))},get sortedList(){return v.sortBy(e.current,t=>t.label.toLowerCase())}})).actions(e=>({replace(t){e.current=x.cast(t)},append(t){e.current.push(t)},appendMultiple(t){if(t.length===0)return;const n=t.filter(s=>!e.idSet.has(s.id));e.current.push(...n)},remove(t){e.current.splice(t,1)},removeByID(t){const n=e.current.findIndex(s=>s.id===t);n>=0&&e.current.splice(n,1)},updatePreviewValues(t){e.previewValues=t}})).actions(e=>{function t(){NE(e.current,cl,(n,s)=>{if(n==="setType"){const i=gf(s.config.default_value,s.config);e.setValueByKey(s.key,i),e.updatePreviewValues({...e.previewValues,[s.key]:i})}})}return{afterCreate(){t()}}}),$f=jl.views(e=>({get canPreviewData(){return e.isTransform?e.dep_query_ids.length>0&&!!e.pre_process:!!e.datasource},get guideToPreviewData(){return e.isTransform?"Need to complete settings in Transform tab":"Need to pick a Data Source first"}})),Ff=x.types.compose("QueriesModel",wl,x.types.model({current:x.types.optional(x.types.array($f),[])})).views(e=>({get options(){const t=e.current.map(n=>({value:n.id,label:n.name,_type:"query"}));return v.sortBy(t,n=>n.label.toLowerCase())},get optionsWithoutTransform(){const t=e.current.filter(n=>n.type!==Ee.Transform).map(n=>({value:n.id,label:n.name,_type:"query"}));return v.sortBy(t,n=>n.label.toLowerCase())},get sortedList(){return v.sortBy(e.current,t=>t.name.toLowerCase())}})).actions(e=>({replace(t){e.current=x.cast(t)},append(t){e.current.push(t)},appendMultiple(t){if(t.length===0)return;const n=t.filter(s=>!e.idSet.has(s.id));e.current.push(...n)},remove(t){e.current.splice(t,1)},replaceByIndex(t,n){e.current.splice(t,1,n)},removeQuery(t){const n=e.current.find(s=>s.id===t);n&&(x.detach(n),e.current.remove(n))},removeQueries(t){const n=new Set(t);e.current.forEach(i=>{n.has(i.id)&&x.detach(i)});const s=[...e.current];v.remove(s,i=>n.has(i.id)),e.current=x.cast(s)}})),Gf=Sl.views(e=>({get sortedList(){return v.sortBy(e.current,t=>t.key.toLowerCase())},get options(){const t=e.current.map(n=>({label:n.key,value:n.key,_type:"sql_snippet"}));return v.sortBy(t,n=>n.label.toLowerCase())}})).actions(e=>({replace(t){e.current=x.cast(t)},append(t){e.current.push(t)},appendMultiple(t){if(t.length===0)return;const n=t.filter(s=>!e.keySet.has(s.key));e.current.push(...n)},remove(t){e.current.splice(t,1)},removeByKey(t){const n=e.current.findIndex(s=>s.key===t);n>=0&&e.current.splice(n,1)},removeByKeys(t){const n=new Set(t);e.current.forEach(i=>{n.has(i.key)&&x.detach(i)});const s=[...e.current];v.remove(s,i=>n.has(i.key)),e.current=x.cast(s)},replaceByIndex(t,n){e.current.splice(t,1,n)}})),$E=x.types.model({data:x.types.optional(x.types.frozen(),[]),state:x.types.optional(x.types.enumeration(["idle","loading","error"]),"idle"),error:x.types.frozen()}).views(e=>({get loading(){return e.state==="loading"},get empty(){return e.data.length===0}})),FE=x.types.model({data:x.types.optional(x.types.frozen(),[]),state:x.types.optional(x.types.enumeration(["idle","loading","error"]),"idle"),error:x.types.frozen()}).views(e=>({get loading(){return e.state==="loading"},get empty(){return e.data.length===0}})),GE=x.types.model({page:x.types.optional(x.types.number,1),limit:x.types.optional(x.types.number,20),data:x.types.optional(x.types.frozen(),[]),total:x.types.optional(x.types.number,0),state:x.types.optional(x.types.enumeration(["idle","loading","error"]),"idle"),error:x.types.frozen()}).views(e=>({get keywords(){return x.getParent(e,1)},get keywordString(){const{table_name:t,table_schema:n}=x.getParent(e,1);return`${n}||${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 offset(){return(e.page-1)*e.limit},get countSql(){const{table_name:t,table_schema:n}=e.keywords;return`
         SELECT count(*) AS total
         FROM ${n}.${t}