@devtable/dashboard 10.42.1 → 10.42.2

package/dist/dashboard.es.js

@@ -1286,7 +1286,7 @@ class ga {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const wc = "10.42.1", $m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wc = "10.42.2", $m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: wc
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/dashboard.umd.js

@@ -51,7 +51,7 @@ Check the top-level render call using <`+V+">.")}return z}}function Ou(S,z){{if(
     ${tc.map(nc).join("")}
   </tbody>
 </table>
-`;function xr(e,t){const n=Object.keys(t),r=Object.values(t);try{return new Function(...n,`return \`${e}\`;`)(...r)}catch(a){throw n.length===0&&e.includes("$")?new Error("[formatSQL] insufficient payload"):a}}function wr(e,t){try{return xr(e,t)}catch(n){return console.error(n),n.message}}function ic({sql:e,pre_process:t}){if(!t.trim())return e;try{return new Function(`return ${t}`)()({sql:e},At)}catch(n){return console.error(n),e}}function ac(e,t,n){if(!e.trim())return t;try{return new Function(`return ${e}`)()(t,At,n)}catch(r){return console.error(r),t}}function sc(e){e=e||{};const t=Object.keys(e).sort(),n=[];for(let r=0;r<t.length;r++){const a=t[r];if(a!="authentication"&&e[a])n.push(t[r]+"="+(typeof e[a]=="object"?JSON.stringify(e[a]):e[a]));else{const o=Object.keys(e[a]).sort();for(let l=0;l<o.length;l++){const u=o[l];u!="sign"&&e[a][u]&&n.push(o[l]+"="+(typeof e[a][u]=="object"?JSON.stringify(e[a][u]):e[a][u]))}}}return n.sort().join("&")}function oc(e,t){let n=sc(e);return n+="&key="+t,Xu.MD5(n).toString().toUpperCase()}class is{constructor(){this.type="default_api_client",this.baseURL="http://localhost:31200",this.app_id="",this.app_secret=""}getAuthentication(t){if(!this.app_id||!this.app_secret)return;const n=new Date().getTime().toString();return{app_id:this.app_id,nonce_str:n,sign:oc({app_id:this.app_id,nonce_str:n,...t},this.app_secret)}}getRequest(t,n){return(r,a,o,l)=>{const u=this.buildHeader(o),c=this.buildAxiosConfig(t,r,a,o,u,n);return pt(c).then(d=>l?d:d.data).catch(d=>Promise.reject(d))}}get(t){return this.getRequest("GET",t)}post(t){return this.getRequest("POST",t)}put(t){return this.getRequest("PUT",t)}buildAxiosConfig(t,n,r,a,o,l){const u={baseURL:this.baseURL,method:t,url:n,params:t==="GET"?r:a.params,headers:o,signal:l};return["POST","PUT"].includes(t)&&(u.data=a.string?JSON.stringify(r):r,u.data.authentication=this.getAuthentication(u.data)),u}buildHeader(t){const n=window.localStorage.getItem("token");return{"X-Requested-With":"XMLHttpRequest","Content-Type":t.string?"application/x-www-form-urlencoded":"application/json",authorization:n?`bearer ${n}`:"",...t.headers}}}class lc{constructor(t){this.implementation=t}getRequest(t,n){return this.implementation.getRequest(t,n)}get(t){return this.getRequest("GET",t)}post(t){return this.getRequest("POST",t)}put(t){return this.getRequest("PUT",t)}}class as extends is{constructor(){super(...arguments);q(this,"makeQueryENV",null)}query(n){return async(r,a={})=>{var o;return r.env||(r.env=((o=this.makeQueryENV)==null?void 0:o.call(this))??{error:"failed to run makeQueryENV"}),this.post(n)("/query",r,a)}}httpDataSourceQuery(n){return async(r,a={})=>{var o;return r.env||(r.env=((o=this.makeQueryENV)==null?void 0:o.call(this))??{error:"failed to run makeQueryENV"}),this.getRequest("POST",n)("/query",r,a,!0)}}structure(n){return async(r,a={})=>this.post(n)("/query/structure",r,a)}}class ss{constructor(t){this.implementation=t}query(t){return this.implementation.query(t)}httpDataSourceQuery(t){return this.implementation.httpDataSourceQuery(t)}structure(t){return this.implementation.structure(t)}getRequest(t,n){return this.implementation.getRequest(t,n)}get(t){return this.getRequest("GET",t)}post(t){return this.getRequest("POST",t)}put(t){return this.getRequest("PUT",t)}}const Nt=new as;function Cr(e){Nt.baseURL!==e.apiBaseURL&&(Nt.baseURL=e.apiBaseURL),e.app_id&&(Nt.app_id=e.app_id),e.app_secret&&(Nt.app_secret=e.app_secret),e.makeQueryENV&&(Nt.makeQueryENV=e.makeQueryENV)}const os=new ss(Nt),at=os;function ls(){return{filters:{},context:{}}}function Sr(e){const t=ls();if(!e)return ls();const{filters:n=t.filters,context:r=t.context}=e;return{filters:n,context:r}}async function uc({query:e,name:t,payload:n,additionals:r},a){if(!e.sql)return[];const{type:o,key:l,sql:u,pre_process:c,post_process:d}=e,f=xr(u,n),h=ic({sql:f,pre_process:c});let g=await at.query(a)({type:o,key:l,query:h,...r},{params:{name:t}});return g=ac(d,g,Sr(n)),g}async function cc({type:e,key:t,configString:n,name:r,additionals:a},o){try{return await at.httpDataSourceQuery(o)({type:e,key:t,query:n,...a},{params:{name:r}})}catch(l){if(pt.isCancel(l))throw l;return console.error(l),l}}async function _r(){try{return(await at.post()("/datasource/list",{filter:{},sort:[{field:"create_time",order:"ASC"}],pagination:{page:1,pagesize:100}},{})).data}catch(e){return console.error(e),[]}}async function us(){try{return(await at.post()("/sql_snippet/list",{filter:{},sort:[{field:"id",order:"ASC"}],pagination:{page:1,pagesize:1e3}},{})).data}catch(e){return console.error(e),[]}}class cs{constructor(t){q(this,"rootRef");this.rootRef=te.observable({current:t})}async deleteItem(t){te.runInAction(()=>{x.unset(this.rootRef.current,[t])})}getItem(t){const n=this.getValueFromRoot(t);return Promise.resolve(n)}getValueFromRoot(t){return t===null?te.toJS(this.rootRef.current):x.get(this.rootRef.current,[t])}setItem(t,n){if(t===null)if(x.isObject(n))te.runInAction(()=>{this.rootRef.current=n});else throw new Error("Cannot set root value to non-object");else te.runInAction(()=>{x.set(this.rootRef.current,[t],n)});return Promise.resolve(this.getItem(t))}watchItem(t,n,r){return te.reaction(()=>this.getValueFromRoot(t),(a,o)=>{n(a,o)},{requiresObservable:!0,fireImmediately:x.get(r,"fireImmediately",!1)})}}class dc{constructor(){q(this,"channels",new Map);q(this,"globalChannel",new Va)}getChannel(t){const n=this.channels.get(t);if(n)return n;const r=new Va;return this.channels.set(t,r),r}}class pc{constructor(t){q(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 r={id:t.id,name:t.viz.type,type:t.viz.type,messageChannels:new dc,instanceData:new cs(t.viz.conf)};return this.instances.set(t.id,r),r}}function ds(e,t,n,r){return{vizManager:n,locale:"zh",msgChannels:e.messageChannels,instanceData:e.instanceData,pluginData:new cs({}),colorPalette:{getColor(){return()=>""}},data:t,variables:r}}const hc=e=>{const{panel:t,vizManager:n,data:r,variables:a}=e,o=n.resolveComponent(t.viz.type),l=n.getOrCreateInstance(t),u={...ds(l,r,n,a),viewport:{width:t.layout.w,height:t.layout.h}},c=o.viewRender;return i(c,{context:u,instance:l,...x.omit(e,["panel","vizManager","data"])})},fc=e=>{const{vizManager:t,panel:n,data:r,variables:a}=e,o=t.resolveComponent(n.viz.type),l=t.getOrCreateInstance(n),u={...ds(l,r,t,a)},c=o.configRender;return i(c,{context:u,instance:l,...x.omit(e,["panel","vizManager","data"])})},ps=(e,t)=>{const n=ht.bezier(e),r=ht.bezier(t);return function(a){return a<50?n(a*2/100).hex():r((a-50)*2/100).hex()}},Mn=e=>{const t=ht.bezier(e);return function(n){return t(n/100).hex()}},gc={type:"interpolation",displayName:"Red / Green",getColor:ps(["darkred","deeppink","lightyellow"],["lightyellow","lightgreen","teal"]),name:"red-green",category:"diverging"},mc={type:"interpolation",displayName:"Yellow / Blue",getColor:ps(["#8f531d","#ffd347","#e3efe3"],["#eefaee","#4ecbbf","#003f94"]),name:"yellow-blue",category:"diverging"},yc={type:"interpolation",displayName:"Red",getColor:Mn(["#fff7f1","darkred"]),name:"red",category:"sequential"},bc={type:"interpolation",displayName:"Green",getColor:Mn(["#f0ffed","darkgreen"]),name:"green",category:"sequential"},vc={type:"interpolation",displayName:"Blue",getColor:Mn(["#f9fcff","#48b3e9","darkblue"]),name:"blue",category:"sequential"},xc={type:"interpolation",displayName:"Orange",getColor:Mn(["#fff7f1","darkorange","#b60000"]),name:"orange",category:"sequential"};class wc{constructor(t){q(this,"symbol");this.symbol=Symbol(t)}}function ft(e){return new wc(e)}class kr{constructor(){q(this,"parent");q(this,"factoryRegistry",new Map);q(this,"instanceRegistry",new Map)}createScoped(){const t=new kr;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 r=n(this);return this.instanceRegistry.set(t.symbol,r),r}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=x.get(t,"dispose");x.isFunction(n)&&n.bind(t)()}),this.instanceRegistry.clear(),this.factoryRegistry.clear()}}const hs="10.42.1",Cc=Object.freeze(Object.defineProperty({__proto__:null,version:hs},Symbol.toStringTag,{value:"Module"}));class Sc{constructor(t){q(this,"staticColors",new Map);q(this,"interpolations",new Map);t.installedPlugins.forEach(n=>{n.manifest.color.forEach(r=>{this.register(r)})})}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 _c{constructor(){q(this,"plugins",new Map);q(this,"vizComponents",new Map);q(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 kc{constructor(){q(this,"migrations",[])}version(t,n){return this.migrations.push({version:t,handler:n}),this}run(t,n,r){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 a=this.migrations.filter(u=>u.version>t.from&&u.version<=t.to),o=x.orderBy(a,"version","asc");if(((l=x.last(o))==null?void 0:l.version)!==t.to)throw new Error(`Migration to version ${t.to} not found`);return o.reduce((u,c)=>c.handler(u,r),n)}}class ge extends kc{constructor(){super(),this.configVersions()}version(t,n){return super.version(t,(r,a)=>({version:t,...n(r,a)}))}async migrate({configData:t,panelModel:n}){const r=await t.getItem(null),a=x.get(r,"version",0),o=this.run({from:a,to:this.VERSION},r,{panelModel:n});await t.setItem(null,o)}async needMigration({configData:t}){const n=await t.getItem(null);return x.get(n,"version",0)<this.VERSION}}const R=(e,t)=>{const[n,{setFalse:r}]=Q.useBoolean(!0),[a,o]=m.useState();m.useEffect(()=>(e.getItem(t).then(u=>{o(u),r()}),e.watchItem(t,u=>{o(u)})));const l=m.useCallback(async u=>{await e.setItem(t,u),o(u)},[e,t]);return{loading:n,value:a,set:l}},Oe={top:16,right:16,bottom:16,left:16},tt=e=>Math.max(0,e-Oe.left-Oe.right),nt=e=>Math.max(0,e-Oe.top-Oe.bottom),on=(e,t)=>({width:tt(e),height:nt(t)}),Be=({width:e,height:t,children:n})=>i(s.Box,{pt:Oe.top,pr:Oe.right,pb:Oe.bottom,pl:Oe.left,sx:{width:e,height:t,overflow:"hidden",position:"relative"},children:n});function P(e){const[t,n]=e.split(".");return{queryID:t,columnKey:n}}function Tc(e){return e.includes(".")?P(e):{queryID:"",columnKey:e}}function gt(e,t){var a;const{queryID:n,columnKey:r}=P(t);return n?r?((a=e[n])==null?void 0:a.map(o=>o[r]))??[]:e[n]:[]}function ln(e,t){const{queryID:n}=P(t);return n?e[n]:[]}function Dc(e){return Object.values(e)[0]}function An(e,t){const{queryID:n,columnKey:r}=P(t);return e[r]}const Tr={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"}};ie.use([F.GridComponent,F.VisualMapComponent,F.LegendComponent,F.TooltipComponent,ze.CanvasRenderer]);function Ic({context:e}){const{value:t}=R(e.instanceData,"config"),n=e.data,{width:r,height:a}=e.viewport,{x_axis_data_key:o,y_axis_data_key:l,z_axis_data_key:u,xAxis3D:c,yAxis3D:d,zAxis3D:f}=x.defaults({},t,Tr),h=m.useMemo(()=>ln(n,o),[n,o]),{x:g,y,z:C}=m.useMemo(()=>({x:P(o),y:P(l),z:P(u)}),[o,l,u]),{min:w,max:_}=m.useMemo(()=>{const M=x.minBy(h,G=>G[C.columnKey]),O=x.maxBy(h,G=>G[C.columnKey]);return{min:x.get(M,C.columnKey),max:x.get(O,C.columnKey)}},[h,C]),D={tooltip:{},backgroundColor:"#fff",visualMap:{show:!0,dimension:2,min:w,max:_,inRange:{color:["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},xAxis3D:c,yAxis3D:d,zAxis3D:f,grid3D:{viewControl:{projection:"orthographic",autoRotate:!1},light:{main:{shadow:!0,quality:"ultra",intensity:1.5}}},series:[{type:"bar3D",wireframe:{},data:h.map(M=>[M[g.columnKey],M[y.columnKey],M[C.columnKey]])}]};return t?i(Be,{width:r,height:a,children:i(Ae,{echarts:ie,option:D,style:on(r,a),notMerge:!0,theme:"merico-light"})}):null}const fs=m.createContext(null),Dr=fs.Provider;function Ir(){const e=m.useContext(fs);if(!e)throw new Error("Please use DashboardModelContextProvider");return e}const ue=()=>Ir(),Mr=()=>Ir(),gs=m.createContext({searchButtonProps:{}}),Ar=gs.Provider;function ms(){return m.useContext(gs)}const ys=m.createContext(null),zr=ys.Provider;function bs(){const e=m.useContext(ys);if(!e)throw new Error("Please use ContentModelContextProvider");return e}const le=()=>bs(),ye=()=>bs(),Mc={inEditMode:!1},zn=m.createContext(Mc),vs=m.createContext({panel:null,data:{},loading:!1,errors:[],downloadPanelScreenshot:()=>{}}),Er=vs.Provider;function xs(){const e=m.useContext(vs);if(!e.panel)throw new Error("Please use PanelContextProvider");return e}const Ct=()=>xs(),Qe=()=>xs(),Ac={fullScreenPanelID:"",setFullScreenPanelID:x.noop},$r=m.createContext(Ac);function ws(){const e=m.useContext($r);if(!e)throw new Error("Please use FullScreenPanelContext.Provider");return e}const W=k.observer(m.forwardRef(({label:e,required:t,value:n,onChange:r,clearable:a=!1,sx:o,...l},u)=>{const{panel:c}=Qe(),d=m.useMemo(()=>{const f=[...c.dataFieldOptions];return a&&f.unshift({label:"unset",value:"",group:""}),f},[c.dataFieldOptions]);return i(s.Select,{ref:u,label:e,data:d,value:n,onChange:r,required:t,sx:o,maxDropdownHeight:500,...l})}));function zc({context:e}){const{value:t,set:n}=R(e.instanceData,"config"),r=x.defaults({},t,Tr),{control:a,handleSubmit:o,reset:l}=v.useForm({defaultValues:r});return m.useEffect(()=>{l(r)},[t]),t?i(s.Stack,{spacing:"xs",children:p("form",{onSubmit:o(n),children:[i(s.Text,{children:"X Axis"}),p(s.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[i(v.Controller,{name:"x_axis_data_key",control:a,render:({field:u})=>i(W,{label:"Data Field",required:!0,...u})}),i(v.Controller,{name:"xAxis3D.name",control:a,render:({field:u})=>i(s.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...u})})]}),i(s.Text,{mt:"lg",children:"Y Axis"}),p(s.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[i(v.Controller,{name:"y_axis_data_key",control:a,render:({field:u})=>i(W,{label:"Data Field",required:!0,...u})}),i(v.Controller,{name:"yAxis3D.name",control:a,render:({field:u})=>i(s.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...u})})]}),i(s.Text,{mt:"lg",children:"Z Axis"}),p(s.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[i(v.Controller,{name:"z_axis_data_key",control:a,render:({field:u})=>i(W,{label:"Data Field",required:!0,...u})}),i(v.Controller,{name:"zAxis3D.name",control:a,render:({field:u})=>i(s.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...u})})]}),i(s.Group,{position:"center",mt:"xl",grow:!0,sx:{width:"60%"},mx:"auto",children:p(s.Button,{color:"blue",type:"submit",children:[i(I.DeviceFloppy,{size:20}),i(s.Text,{ml:"md",children:"Save"})]})})]})}):null}function Ec(e,{panelModel:t}){try{const n=t.queryIDs[0];if(!n)throw new Error("cannot migrate when queryID is empty");const r=c=>c&&`${n}.${c}`,{x_axis_data_key:a,y_axis_data_key:o,z_axis_data_key:l,...u}=e;return{...u,x_axis_data_key:r(a),y_axis_data_key:r(o),z_axis_data_key:r(l)}}catch(n){throw console.error("[Migration failed]",n),n}}class $c extends ge{constructor(){super(...arguments);q(this,"VERSION",2)}configVersions(){this.version(1,n=>({version:1,config:n})),this.version(2,(n,r)=>{const{config:a}=n;return{...n,version:2,config:Ec(a,r)}})}}const Lc={displayName:"Bar Chart (3D)",displayGroup:"ECharts-based charts",migrator:new $c,name:"bar-3d",viewRender:Ic,configRender:zc,createConfig(){return{version:2,config:x.cloneDeep(Tr)}}};class Ee extends m.Component{constructor(t){super(t),this.state={error:null}}componentDidCatch(t){this.setState({error:t})}render(){var t;if(this.state.error){const n=()=>{this.setState({error:null})};return p(s.Box,{children:[i(s.Text,{size:"xs",children:(t=this.state.error)==null?void 0:t.message}),i(s.Button,{variant:"subtle",size:"xs",mx:"auto",compact:!0,sx:{display:"block"},onClick:n,children:"Retry"})]})}return this.props.children}}const De={mantissa:0,output:"number",trimMantissa:!1,average:!1};function Pc({value:e,onChange:t},n){const r=u=>{t({...e,output:u})},a=u=>{const c=u===0?!1:e.trimMantissa;t({...e,mantissa:u,trimMantissa:c})},o=u=>{t({...e,trimMantissa:u.currentTarget.checked})},l=u=>{t({...e,average:u.currentTarget.checked})};return p(s.Stack,{ref:n,children:[p(s.Group,{grow:!0,children:[i(s.Select,{label:"Format",data:[{label:"1234",value:"number"},{label:"99%",value:"percent"}],value:e.output,onChange:r,sx:{flexGrow:1}}),i(s.Switch,{label:p(s.Stack,{spacing:0,children:[i(s.Text,{children:"Average"}),i(s.Text,{size:12,color:"gray",children:"like 1.234k, 1.234m"})]}),checked:e.average,onChange:l,disabled:e.output!=="number",sx:{flexGrow:1},styles:{root:{alignSelf:"flex-end"},body:{alignItems:"center"},label:{display:"block"}}})]}),p(s.Group,{grow:!0,children:[i(s.NumberInput,{label:"Mantissa",defaultValue:0,min:0,step:1,max:4,value:e.mantissa,onChange:a}),i(s.Switch,{label:"Trim mantissa",checked:e.trimMantissa,onChange:o,disabled:e.mantissa===0,styles:{root:{alignSelf:"flex-end"},body:{alignItems:"center"}}})]}),p(s.Stack,{spacing:0,children:[i(s.Text,{weight:"bold",children:"Preview"}),i(Ee,{children:p(s.Group,{position:"apart",children:[p(s.Text,{size:12,color:"gray",children:["123456789 ",i(I.ArrowRight,{size:9})," ",Z(123456789).format(e)]}),p(s.Text,{size:12,color:"gray",children:["1234 ",i(I.ArrowRight,{size:9})," ",Z(1234).format(e)]}),p(s.Text,{size:12,color:"gray",children:["0.1234 ",i(I.ArrowRight,{size:9})," ",Z(.1234).format(e)]})]})})]})]})}const Ge=m.forwardRef(Pc),Ue={enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
+`;function xr(e,t){const n=Object.keys(t),r=Object.values(t);try{return new Function(...n,`return \`${e}\`;`)(...r)}catch(a){throw n.length===0&&e.includes("$")?new Error("[formatSQL] insufficient payload"):a}}function wr(e,t){try{return xr(e,t)}catch(n){return console.error(n),n.message}}function ic({sql:e,pre_process:t}){if(!t.trim())return e;try{return new Function(`return ${t}`)()({sql:e},At)}catch(n){return console.error(n),e}}function ac(e,t,n){if(!e.trim())return t;try{return new Function(`return ${e}`)()(t,At,n)}catch(r){return console.error(r),t}}function sc(e){e=e||{};const t=Object.keys(e).sort(),n=[];for(let r=0;r<t.length;r++){const a=t[r];if(a!="authentication"&&e[a])n.push(t[r]+"="+(typeof e[a]=="object"?JSON.stringify(e[a]):e[a]));else{const o=Object.keys(e[a]).sort();for(let l=0;l<o.length;l++){const u=o[l];u!="sign"&&e[a][u]&&n.push(o[l]+"="+(typeof e[a][u]=="object"?JSON.stringify(e[a][u]):e[a][u]))}}}return n.sort().join("&")}function oc(e,t){let n=sc(e);return n+="&key="+t,Xu.MD5(n).toString().toUpperCase()}class is{constructor(){this.type="default_api_client",this.baseURL="http://localhost:31200",this.app_id="",this.app_secret=""}getAuthentication(t){if(!this.app_id||!this.app_secret)return;const n=new Date().getTime().toString();return{app_id:this.app_id,nonce_str:n,sign:oc({app_id:this.app_id,nonce_str:n,...t},this.app_secret)}}getRequest(t,n){return(r,a,o,l)=>{const u=this.buildHeader(o),c=this.buildAxiosConfig(t,r,a,o,u,n);return pt(c).then(d=>l?d:d.data).catch(d=>Promise.reject(d))}}get(t){return this.getRequest("GET",t)}post(t){return this.getRequest("POST",t)}put(t){return this.getRequest("PUT",t)}buildAxiosConfig(t,n,r,a,o,l){const u={baseURL:this.baseURL,method:t,url:n,params:t==="GET"?r:a.params,headers:o,signal:l};return["POST","PUT"].includes(t)&&(u.data=a.string?JSON.stringify(r):r,u.data.authentication=this.getAuthentication(u.data)),u}buildHeader(t){const n=window.localStorage.getItem("token");return{"X-Requested-With":"XMLHttpRequest","Content-Type":t.string?"application/x-www-form-urlencoded":"application/json",authorization:n?`bearer ${n}`:"",...t.headers}}}class lc{constructor(t){this.implementation=t}getRequest(t,n){return this.implementation.getRequest(t,n)}get(t){return this.getRequest("GET",t)}post(t){return this.getRequest("POST",t)}put(t){return this.getRequest("PUT",t)}}class as extends is{constructor(){super(...arguments);q(this,"makeQueryENV",null)}query(n){return async(r,a={})=>{var o;return r.env||(r.env=((o=this.makeQueryENV)==null?void 0:o.call(this))??{error:"failed to run makeQueryENV"}),this.post(n)("/query",r,a)}}httpDataSourceQuery(n){return async(r,a={})=>{var o;return r.env||(r.env=((o=this.makeQueryENV)==null?void 0:o.call(this))??{error:"failed to run makeQueryENV"}),this.getRequest("POST",n)("/query",r,a,!0)}}structure(n){return async(r,a={})=>this.post(n)("/query/structure",r,a)}}class ss{constructor(t){this.implementation=t}query(t){return this.implementation.query(t)}httpDataSourceQuery(t){return this.implementation.httpDataSourceQuery(t)}structure(t){return this.implementation.structure(t)}getRequest(t,n){return this.implementation.getRequest(t,n)}get(t){return this.getRequest("GET",t)}post(t){return this.getRequest("POST",t)}put(t){return this.getRequest("PUT",t)}}const Nt=new as;function Cr(e){Nt.baseURL!==e.apiBaseURL&&(Nt.baseURL=e.apiBaseURL),e.app_id&&(Nt.app_id=e.app_id),e.app_secret&&(Nt.app_secret=e.app_secret),e.makeQueryENV&&(Nt.makeQueryENV=e.makeQueryENV)}const os=new ss(Nt),at=os;function ls(){return{filters:{},context:{}}}function Sr(e){const t=ls();if(!e)return ls();const{filters:n=t.filters,context:r=t.context}=e;return{filters:n,context:r}}async function uc({query:e,name:t,payload:n,additionals:r},a){if(!e.sql)return[];const{type:o,key:l,sql:u,pre_process:c,post_process:d}=e,f=xr(u,n),h=ic({sql:f,pre_process:c});let g=await at.query(a)({type:o,key:l,query:h,...r},{params:{name:t}});return g=ac(d,g,Sr(n)),g}async function cc({type:e,key:t,configString:n,name:r,additionals:a},o){try{return await at.httpDataSourceQuery(o)({type:e,key:t,query:n,...a},{params:{name:r}})}catch(l){if(pt.isCancel(l))throw l;return console.error(l),l}}async function _r(){try{return(await at.post()("/datasource/list",{filter:{},sort:[{field:"create_time",order:"ASC"}],pagination:{page:1,pagesize:100}},{})).data}catch(e){return console.error(e),[]}}async function us(){try{return(await at.post()("/sql_snippet/list",{filter:{},sort:[{field:"id",order:"ASC"}],pagination:{page:1,pagesize:1e3}},{})).data}catch(e){return console.error(e),[]}}class cs{constructor(t){q(this,"rootRef");this.rootRef=te.observable({current:t})}async deleteItem(t){te.runInAction(()=>{x.unset(this.rootRef.current,[t])})}getItem(t){const n=this.getValueFromRoot(t);return Promise.resolve(n)}getValueFromRoot(t){return t===null?te.toJS(this.rootRef.current):x.get(this.rootRef.current,[t])}setItem(t,n){if(t===null)if(x.isObject(n))te.runInAction(()=>{this.rootRef.current=n});else throw new Error("Cannot set root value to non-object");else te.runInAction(()=>{x.set(this.rootRef.current,[t],n)});return Promise.resolve(this.getItem(t))}watchItem(t,n,r){return te.reaction(()=>this.getValueFromRoot(t),(a,o)=>{n(a,o)},{requiresObservable:!0,fireImmediately:x.get(r,"fireImmediately",!1)})}}class dc{constructor(){q(this,"channels",new Map);q(this,"globalChannel",new Va)}getChannel(t){const n=this.channels.get(t);if(n)return n;const r=new Va;return this.channels.set(t,r),r}}class pc{constructor(t){q(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 r={id:t.id,name:t.viz.type,type:t.viz.type,messageChannels:new dc,instanceData:new cs(t.viz.conf)};return this.instances.set(t.id,r),r}}function ds(e,t,n,r){return{vizManager:n,locale:"zh",msgChannels:e.messageChannels,instanceData:e.instanceData,pluginData:new cs({}),colorPalette:{getColor(){return()=>""}},data:t,variables:r}}const hc=e=>{const{panel:t,vizManager:n,data:r,variables:a}=e,o=n.resolveComponent(t.viz.type),l=n.getOrCreateInstance(t),u={...ds(l,r,n,a),viewport:{width:t.layout.w,height:t.layout.h}},c=o.viewRender;return i(c,{context:u,instance:l,...x.omit(e,["panel","vizManager","data"])})},fc=e=>{const{vizManager:t,panel:n,data:r,variables:a}=e,o=t.resolveComponent(n.viz.type),l=t.getOrCreateInstance(n),u={...ds(l,r,t,a)},c=o.configRender;return i(c,{context:u,instance:l,...x.omit(e,["panel","vizManager","data"])})},ps=(e,t)=>{const n=ht.bezier(e),r=ht.bezier(t);return function(a){return a<50?n(a*2/100).hex():r((a-50)*2/100).hex()}},Mn=e=>{const t=ht.bezier(e);return function(n){return t(n/100).hex()}},gc={type:"interpolation",displayName:"Red / Green",getColor:ps(["darkred","deeppink","lightyellow"],["lightyellow","lightgreen","teal"]),name:"red-green",category:"diverging"},mc={type:"interpolation",displayName:"Yellow / Blue",getColor:ps(["#8f531d","#ffd347","#e3efe3"],["#eefaee","#4ecbbf","#003f94"]),name:"yellow-blue",category:"diverging"},yc={type:"interpolation",displayName:"Red",getColor:Mn(["#fff7f1","darkred"]),name:"red",category:"sequential"},bc={type:"interpolation",displayName:"Green",getColor:Mn(["#f0ffed","darkgreen"]),name:"green",category:"sequential"},vc={type:"interpolation",displayName:"Blue",getColor:Mn(["#f9fcff","#48b3e9","darkblue"]),name:"blue",category:"sequential"},xc={type:"interpolation",displayName:"Orange",getColor:Mn(["#fff7f1","darkorange","#b60000"]),name:"orange",category:"sequential"};class wc{constructor(t){q(this,"symbol");this.symbol=Symbol(t)}}function ft(e){return new wc(e)}class kr{constructor(){q(this,"parent");q(this,"factoryRegistry",new Map);q(this,"instanceRegistry",new Map)}createScoped(){const t=new kr;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 r=n(this);return this.instanceRegistry.set(t.symbol,r),r}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=x.get(t,"dispose");x.isFunction(n)&&n.bind(t)()}),this.instanceRegistry.clear(),this.factoryRegistry.clear()}}const hs="10.42.2",Cc=Object.freeze(Object.defineProperty({__proto__:null,version:hs},Symbol.toStringTag,{value:"Module"}));class Sc{constructor(t){q(this,"staticColors",new Map);q(this,"interpolations",new Map);t.installedPlugins.forEach(n=>{n.manifest.color.forEach(r=>{this.register(r)})})}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 _c{constructor(){q(this,"plugins",new Map);q(this,"vizComponents",new Map);q(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 kc{constructor(){q(this,"migrations",[])}version(t,n){return this.migrations.push({version:t,handler:n}),this}run(t,n,r){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 a=this.migrations.filter(u=>u.version>t.from&&u.version<=t.to),o=x.orderBy(a,"version","asc");if(((l=x.last(o))==null?void 0:l.version)!==t.to)throw new Error(`Migration to version ${t.to} not found`);return o.reduce((u,c)=>c.handler(u,r),n)}}class ge extends kc{constructor(){super(),this.configVersions()}version(t,n){return super.version(t,(r,a)=>({version:t,...n(r,a)}))}async migrate({configData:t,panelModel:n}){const r=await t.getItem(null),a=x.get(r,"version",0),o=this.run({from:a,to:this.VERSION},r,{panelModel:n});await t.setItem(null,o)}async needMigration({configData:t}){const n=await t.getItem(null);return x.get(n,"version",0)<this.VERSION}}const R=(e,t)=>{const[n,{setFalse:r}]=Q.useBoolean(!0),[a,o]=m.useState();m.useEffect(()=>(e.getItem(t).then(u=>{o(u),r()}),e.watchItem(t,u=>{o(u)})));const l=m.useCallback(async u=>{await e.setItem(t,u),o(u)},[e,t]);return{loading:n,value:a,set:l}},Oe={top:16,right:16,bottom:16,left:16},tt=e=>Math.max(0,e-Oe.left-Oe.right),nt=e=>Math.max(0,e-Oe.top-Oe.bottom),on=(e,t)=>({width:tt(e),height:nt(t)}),Be=({width:e,height:t,children:n})=>i(s.Box,{pt:Oe.top,pr:Oe.right,pb:Oe.bottom,pl:Oe.left,sx:{width:e,height:t,overflow:"hidden",position:"relative"},children:n});function P(e){const[t,n]=e.split(".");return{queryID:t,columnKey:n}}function Tc(e){return e.includes(".")?P(e):{queryID:"",columnKey:e}}function gt(e,t){var a;const{queryID:n,columnKey:r}=P(t);return n?r?((a=e[n])==null?void 0:a.map(o=>o[r]))??[]:e[n]:[]}function ln(e,t){const{queryID:n}=P(t);return n?e[n]:[]}function Dc(e){return Object.values(e)[0]}function An(e,t){const{queryID:n,columnKey:r}=P(t);return e[r]}const Tr={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"}};ie.use([F.GridComponent,F.VisualMapComponent,F.LegendComponent,F.TooltipComponent,ze.CanvasRenderer]);function Ic({context:e}){const{value:t}=R(e.instanceData,"config"),n=e.data,{width:r,height:a}=e.viewport,{x_axis_data_key:o,y_axis_data_key:l,z_axis_data_key:u,xAxis3D:c,yAxis3D:d,zAxis3D:f}=x.defaults({},t,Tr),h=m.useMemo(()=>ln(n,o),[n,o]),{x:g,y,z:C}=m.useMemo(()=>({x:P(o),y:P(l),z:P(u)}),[o,l,u]),{min:w,max:_}=m.useMemo(()=>{const M=x.minBy(h,G=>G[C.columnKey]),O=x.maxBy(h,G=>G[C.columnKey]);return{min:x.get(M,C.columnKey),max:x.get(O,C.columnKey)}},[h,C]),D={tooltip:{},backgroundColor:"#fff",visualMap:{show:!0,dimension:2,min:w,max:_,inRange:{color:["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},xAxis3D:c,yAxis3D:d,zAxis3D:f,grid3D:{viewControl:{projection:"orthographic",autoRotate:!1},light:{main:{shadow:!0,quality:"ultra",intensity:1.5}}},series:[{type:"bar3D",wireframe:{},data:h.map(M=>[M[g.columnKey],M[y.columnKey],M[C.columnKey]])}]};return t?i(Be,{width:r,height:a,children:i(Ae,{echarts:ie,option:D,style:on(r,a),notMerge:!0,theme:"merico-light"})}):null}const fs=m.createContext(null),Dr=fs.Provider;function Ir(){const e=m.useContext(fs);if(!e)throw new Error("Please use DashboardModelContextProvider");return e}const ue=()=>Ir(),Mr=()=>Ir(),gs=m.createContext({searchButtonProps:{}}),Ar=gs.Provider;function ms(){return m.useContext(gs)}const ys=m.createContext(null),zr=ys.Provider;function bs(){const e=m.useContext(ys);if(!e)throw new Error("Please use ContentModelContextProvider");return e}const le=()=>bs(),ye=()=>bs(),Mc={inEditMode:!1},zn=m.createContext(Mc),vs=m.createContext({panel:null,data:{},loading:!1,errors:[],downloadPanelScreenshot:()=>{}}),Er=vs.Provider;function xs(){const e=m.useContext(vs);if(!e.panel)throw new Error("Please use PanelContextProvider");return e}const Ct=()=>xs(),Qe=()=>xs(),Ac={fullScreenPanelID:"",setFullScreenPanelID:x.noop},$r=m.createContext(Ac);function ws(){const e=m.useContext($r);if(!e)throw new Error("Please use FullScreenPanelContext.Provider");return e}const W=k.observer(m.forwardRef(({label:e,required:t,value:n,onChange:r,clearable:a=!1,sx:o,...l},u)=>{const{panel:c}=Qe(),d=m.useMemo(()=>{const f=[...c.dataFieldOptions];return a&&f.unshift({label:"unset",value:"",group:""}),f},[c.dataFieldOptions]);return i(s.Select,{ref:u,label:e,data:d,value:n,onChange:r,required:t,sx:o,maxDropdownHeight:500,...l})}));function zc({context:e}){const{value:t,set:n}=R(e.instanceData,"config"),r=x.defaults({},t,Tr),{control:a,handleSubmit:o,reset:l}=v.useForm({defaultValues:r});return m.useEffect(()=>{l(r)},[t]),t?i(s.Stack,{spacing:"xs",children:p("form",{onSubmit:o(n),children:[i(s.Text,{children:"X Axis"}),p(s.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[i(v.Controller,{name:"x_axis_data_key",control:a,render:({field:u})=>i(W,{label:"Data Field",required:!0,...u})}),i(v.Controller,{name:"xAxis3D.name",control:a,render:({field:u})=>i(s.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...u})})]}),i(s.Text,{mt:"lg",children:"Y Axis"}),p(s.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[i(v.Controller,{name:"y_axis_data_key",control:a,render:({field:u})=>i(W,{label:"Data Field",required:!0,...u})}),i(v.Controller,{name:"yAxis3D.name",control:a,render:({field:u})=>i(s.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...u})})]}),i(s.Text,{mt:"lg",children:"Z Axis"}),p(s.Group,{position:"apart",grow:!0,p:"md",sx:{position:"relative",border:"1px solid #eee"},children:[i(v.Controller,{name:"z_axis_data_key",control:a,render:({field:u})=>i(W,{label:"Data Field",required:!0,...u})}),i(v.Controller,{name:"zAxis3D.name",control:a,render:({field:u})=>i(s.TextInput,{sx:{flexGrow:1},size:"md",label:"Name",...u})})]}),i(s.Group,{position:"center",mt:"xl",grow:!0,sx:{width:"60%"},mx:"auto",children:p(s.Button,{color:"blue",type:"submit",children:[i(I.DeviceFloppy,{size:20}),i(s.Text,{ml:"md",children:"Save"})]})})]})}):null}function Ec(e,{panelModel:t}){try{const n=t.queryIDs[0];if(!n)throw new Error("cannot migrate when queryID is empty");const r=c=>c&&`${n}.${c}`,{x_axis_data_key:a,y_axis_data_key:o,z_axis_data_key:l,...u}=e;return{...u,x_axis_data_key:r(a),y_axis_data_key:r(o),z_axis_data_key:r(l)}}catch(n){throw console.error("[Migration failed]",n),n}}class $c extends ge{constructor(){super(...arguments);q(this,"VERSION",2)}configVersions(){this.version(1,n=>({version:1,config:n})),this.version(2,(n,r)=>{const{config:a}=n;return{...n,version:2,config:Ec(a,r)}})}}const Lc={displayName:"Bar Chart (3D)",displayGroup:"ECharts-based charts",migrator:new $c,name:"bar-3d",viewRender:Ic,configRender:zc,createConfig(){return{version:2,config:x.cloneDeep(Tr)}}};class Ee extends m.Component{constructor(t){super(t),this.state={error:null}}componentDidCatch(t){this.setState({error:t})}render(){var t;if(this.state.error){const n=()=>{this.setState({error:null})};return p(s.Box,{children:[i(s.Text,{size:"xs",children:(t=this.state.error)==null?void 0:t.message}),i(s.Button,{variant:"subtle",size:"xs",mx:"auto",compact:!0,sx:{display:"block"},onClick:n,children:"Retry"})]})}return this.props.children}}const De={mantissa:0,output:"number",trimMantissa:!1,average:!1};function Pc({value:e,onChange:t},n){const r=u=>{t({...e,output:u})},a=u=>{const c=u===0?!1:e.trimMantissa;t({...e,mantissa:u,trimMantissa:c})},o=u=>{t({...e,trimMantissa:u.currentTarget.checked})},l=u=>{t({...e,average:u.currentTarget.checked})};return p(s.Stack,{ref:n,children:[p(s.Group,{grow:!0,children:[i(s.Select,{label:"Format",data:[{label:"1234",value:"number"},{label:"99%",value:"percent"}],value:e.output,onChange:r,sx:{flexGrow:1}}),i(s.Switch,{label:p(s.Stack,{spacing:0,children:[i(s.Text,{children:"Average"}),i(s.Text,{size:12,color:"gray",children:"like 1.234k, 1.234m"})]}),checked:e.average,onChange:l,disabled:e.output!=="number",sx:{flexGrow:1},styles:{root:{alignSelf:"flex-end"},body:{alignItems:"center"},label:{display:"block"}}})]}),p(s.Group,{grow:!0,children:[i(s.NumberInput,{label:"Mantissa",defaultValue:0,min:0,step:1,max:4,value:e.mantissa,onChange:a}),i(s.Switch,{label:"Trim mantissa",checked:e.trimMantissa,onChange:o,disabled:e.mantissa===0,styles:{root:{alignSelf:"flex-end"},body:{alignItems:"center"}}})]}),p(s.Stack,{spacing:0,children:[i(s.Text,{weight:"bold",children:"Preview"}),i(Ee,{children:p(s.Group,{position:"apart",children:[p(s.Text,{size:12,color:"gray",children:["123456789 ",i(I.ArrowRight,{size:9})," ",Z(123456789).format(e)]}),p(s.Text,{size:12,color:"gray",children:["1234 ",i(I.ArrowRight,{size:9})," ",Z(1234).format(e)]}),p(s.Text,{size:12,color:"gray",children:["0.1234 ",i(I.ArrowRight,{size:9})," ",Z(.1234).format(e)]})]})})]})]})}const Ge=m.forwardRef(Pc),Ue={enabled:!1,func_content:["function label(value, index) {","    // your code goes here","    // return value","}"].join(`
 `)},Cs={id:"builtin:echarts:click-echart:series",displayName:"Click Chart Series",nameRender:Bc,configRender:Oc,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 Oc(e){return i(B,{})}function Bc(e){return i(s.Text,{children:"Click chart's series"})}const Vc=[{label:"Truncate",value:"truncate"},{label:"Break Line",value:"break"},{label:"Break Word",value:"breakAll"}],En=m.forwardRef(({sectionTitle:e,value:t,onChange:n},r)=>{const a=o=>l=>{const u=x.cloneDeep(t);x.set(u,o,l),n(u)};return p(s.Stack,{spacing:0,children:[e&&i(s.Divider,{mb:-5,mt:5,variant:"dotted",label:e,labelPosition:"right",labelProps:{color:"dimmed"}}),p(s.Group,{grow:!0,noWrap:!0,children:[i(s.NumberInput,{label:"Max Width",hideControls:!0,value:t.width,onChange:a("width")}),i(s.Select,{label:"Overflow",data:Vc,value:t.overflow,onChange:a("overflow")}),i(s.TextInput,{label:"Ellipsis",value:t.ellipsis,disabled:!0})]})]})}),st=m.forwardRef(({value:e,onChange:t},n)=>{const r=o=>{t({...e,on_axis:o})},a=o=>{t({...e,in_tooltip:o})};return p(s.Stack,{ref:n,spacing:0,children:[i(En,{sectionTitle:"Overflow on Axis",value:e.on_axis,onChange:r}),i(En,{sectionTitle:"Overflow in Tooltip",value:e.in_tooltip,onChange:a})]})}),We={on_axis:{width:80,overflow:"truncate",ellipsis:"..."},in_tooltip:{width:200,overflow:"break",ellipsis:"..."}};function ot({overflow:e,width:t}){const n={truncate:"initial",break:"break-all",breakAll:"break-word"}[e],r=e==="truncate"?"nowrap":"initial",a={truncate:"ellipsis",break:"clip",breakAll:"clip"}[e];return`
     max-width: ${t}px;
     word-break: ${n};