@milaboratories/graph-maker 1.1.108 → 1.1.109

package/dist/graph-maker.js

@@ -100103,7 +100103,7 @@ const QSt = { class: "graph-maker" }, VSt = { class: "graph-maker__main-pane" },
     }
     const h = je(() => f.value.reactive.dataStateKey);
     Kn(() => Yp(i.dataStateKey), (q) => {
-      if (q !== void 0 && h.value !== void 0 && h.value !== q) {
+      if ((q !== void 0 || h.value !== void 0) && h.value !== q) {
         r.value.optionsState = H0(pX(i.chartType));
         const V = dP(Vp(r.value), i.chartType);
         Object.assign(f.value.reactive, V), Object.assign(f.value.loading, {

package/dist/graph-maker.umd.cjs

@@ -23798,4 +23798,4 @@ void main() {
     * See the License for the specific language governing permissions and
     * limitations under the License.
     *)
-  */typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const VZ=()=>{};function aCt(e,t){function n(...r){return new Promise((a,i)=>{Promise.resolve(e(()=>t.apply(this,r),{fn:t,thisArg:this,args:r})).then(a).catch(i)})}return n}const iCt=e=>e();function oCt(e,t={}){let n,r,a=VZ;const i=c=>{clearTimeout(c),a(),a=VZ};let o;return c=>{const f=d.toValue(e),A=d.toValue(t.maxWait);return n&&i(n),f<=0||A!==void 0&&A<=0?(r&&(i(r),r=null),Promise.resolve(c())):new Promise((p,v)=>{a=t.rejectOnCancel?v:p,o=c,A&&!r&&(r=setTimeout(()=>{n&&i(n),r=null,p(o())},A)),n=setTimeout(()=>{r&&i(r),r=null,p(c())},f)})}}function lCt(e,t,n={}){const{eventFilter:r=iCt,...a}=n;return d.watch(e,aCt(r,t),a)}function T2(e,t,n={}){const{debounce:r=0,maxWait:a=void 0,...i}=n;return lCt(e,t,{...i,eventFilter:oCt(r,{maxWait:a})})}const sCt={class:"graph-maker"},uCt={class:"graph-maker__main-pane"},cCt=d.defineComponent({__name:"index",props:d.mergeModels({pFrame:{},chartType:{},dataStateKey:{},defaultOptions:{},fixedOptions:{},allowChartDeleting:{type:Boolean},driver:{},tooltipButton:{},labelsModifier:{type:Function},dataColumnPredicate:{type:Function},readonlyInputs:{}},{modelValue:{required:!0},modelModifiers:{},selection:{},selectionModifiers:{}}),emits:d.mergeModels(["delete-this-graph","tooltip-btn-click"],["update:modelValue","update:selection"]),setup(e,{expose:t,emit:n}){const r=d.useModel(e,"modelValue"),a=d.useModel(e,"selection"),i=e;t({reset:A,resetDefaults:p});const o=d.ref(null);d.watch(()=>i.pFrame,ee=>{var U;if(!ee)return;const z="platforma"in window?(U=window.platforma)==null?void 0:U.pFrameDriver:i.driver;if(!z)throw new Error("PFrame driver is missing");o.value=new One(ee,z,i.labelsModifier)},{immediate:!0});const s=d.ref(i.fixedOptions??[]);d.watch(()=>i.fixedOptions,(ee,z)=>{(ee&&z&&JSON.stringify(ee)!==JSON.stringify(z)||ee&&!z||z&&!ee)&&(s.value=ee)},{deep:!0});const c=d.ref(i.defaultOptions),f=Xse(d.toRaw(r.value),o,i.chartType,c,s,i.dataColumnPredicate,i.readonlyInputs);function A(){const ee=$S(d.toRaw(r.value),i.chartType);Object.assign(f.value.reactive,ee),Object.assign(f.value.loading,{initialInputGuide:!0,initialCharts:!0,initialDefaults:!0,inputGuide:!1,chartData:!1}),c.value=i.defaultOptions}function p(){Object.assign(f.value.loading,{initialInputGuide:!0,initialCharts:!0,initialDefaults:!0,inputGuide:!1,chartData:!1}),c.value=i.defaultOptions?[...i.defaultOptions]:[]}const v=d.computed(()=>f.value.reactive.dataStateKey);d.watch(()=>DA(i.dataStateKey),ee=>{if(ee!==void 0&&v.value!==void 0&&v.value!==ee){r.value.optionsState=Hp(lR(i.chartType));const z=$S(d.toRaw(r.value),i.chartType);Object.assign(f.value.reactive,z),Object.assign(f.value.loading,{initialInputGuide:!0,initialCharts:!0,initialDefaults:!0,inputGuide:!1,chartData:!1}),c.value=i.defaultOptions?[...i.defaultOptions]:[]}f.value.reactive.dataStateKey=ee},{deep:!0,immediate:!0});const g=d.computed(()=>fye(f.value.reactive.currentTab)),b=d.shallowRef(null),C=d.ref(null),x=d.computed(()=>{var U;const ee=f.value.inputGuide.value,z=f.value.chartData.value;return ee.consistent?ee.ready?z&&((U=Object.values(z.dataByColumns.values)[0])==null?void 0:U.length)===0?"empty":"ready":"notReady":"inconsistent"});function k(ee){var z;f.value.reactive.dendroSelectedNodeId=(z=ee==null?void 0:ee.info[0])==null?void 0:z.id,f.value.reactive.dendroInfoByClick=ee}function _(ee){const z=ee.map(j=>JSON.parse(j));if(z.length===0){a.value={axesSpec:[],selectedKeys:[]};return}const U=Object.keys(z[0]),W=f.value.inputGuide.value;a.value={axesSpec:U.map(j=>W.getSourceInfo(j).spec),selectedKeys:z.map(j=>U.map(X=>j[X]))}}const D={dendro:[k],"scatterplot-umap":[_],discrete:[],scatterplot:[],histogram:[],heatmap:[],bubble:[]};function V(ee){var z,U,W;if(ee&&((z=Object.values(ee.dataByColumns.values)[0])==null?void 0:z.length)>0){if(b.value)b.value.updateSettingsAndData(d.toRaw(ee.dataByColumns),d.toRaw(ee.settings));else{const j=document.getElementById("chartSvgContainer");j&&(b.value=rCt.newPlot(d.toRaw(ee.dataByColumns),d.toRaw(ee.settings),D[ee.settings.type]),b.value.mount(j))}C.value=(U=b.value)!=null&&U.calculatedData?{...b.value.calculatedData}:null}else(W=b.value)==null||W.unmount(),b.value=null}d.watch(()=>f.value.chartData.value,ee=>{V(ee)}),d.onMounted(()=>{V(f.value.chartData.value)}),d.onUnmounted(()=>{var ee;(ee=b.value)==null||ee.unmount()}),T2(()=>f.value.reactive.optionsState,ee=>{r.value={...r.value,optionsState:Hp(ee)}},{deep:!0,debounce:1e3}),T2(()=>f.value.reactive.statisticsSettings,ee=>{r.value={...r.value,statisticsSettings:Hp(ee)}},{deep:!0,debounce:1e3}),T2(()=>f.value.reactive.axesSettings,ee=>{r.value={...r.value,axesSettings:Hp(ee)}},{deep:!0,debounce:1e3}),T2(()=>f.value.reactive.layersSettings,ee=>{r.value={...r.value,layersSettings:Hp(ee)}},{deep:!0,debounce:1e3}),T2(()=>f.value.reactive.dataBindAes,ee=>{r.value={...r.value,dataBindAes:Hp(ee)}},{deep:!0,debounce:1e3}),T2([()=>f.value.reactive.chartScale,()=>f.value.reactive.template,()=>f.value.reactive.currentTab],([ee,z,U])=>{r.value={...r.value,zoomState:ee,template:z,currentTab:U}},{debounce:1e3}),d.watch(()=>f.value.reactive.dataStateKey,ee=>{r.value={...r.value,dataStateKey:ee}},{immediate:!0}),d.watch(()=>r.value.currentTab,ee=>{f.value.reactive.currentTab=ee===void 0?"dataMapping":ee}),d.watch(()=>{var ee,z,U;return(U=(z=(ee=r.value)==null?void 0:ee.layersSettings)==null?void 0:z.dendro)==null?void 0:U.showTable},ee=>{f.value.reactive.layersSettings.dendro.showTable=ee??!1});function I(){var ee;qle(new Blob([((ee=b.value)==null?void 0:ee.export())??""]),"chart.svg")}function $(ee){r.value={...r.value,title:ee}}function Q(ee){var z;f.value.reactive.dendroSelectedNodeId=ee,(z=b.value)==null||z.updateChartState("selectedNode",ee)}const J=d.useSlots(),te=d.computed(()=>!!J.settingsSlot);return(ee,z)=>(d.openBlock(),d.createElementBlock("div",sCt,[d.createElementVNode("div",uCt,[d.createVNode(e2e,{"graph-status":x.value,graphTitle:r.value.title,chartData:C.value,dendroTooltipButton:ee.tooltipButton,onGraphTitleUpdate:$,onDendroNodeSelect:Q,onDendroTooltipBtnClick:z[0]||(z[0]=U=>ee.$emit("tooltip-btn-click",U))},{default:d.withCtx(()=>[d.renderSlot(ee.$slots,"titleLineSlot")]),_:3},8,["graph-status","graphTitle","chartData","dendroTooltipButton"]),d.unref(f).loading.initialInputGuide?d.createCommentVNode("",!0):(d.openBlock(),d.createBlock(hye,{key:0,id:"graph-settings-modal"},{default:d.withCtx(()=>[d.unref(f).reactive.currentTab?(d.openBlock(),d.createBlock(vye,{key:0,onClose:z[1]||(z[1]=U=>d.unref(f).reactive.currentTab=null)},{default:d.withCtx(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(g.value.value),null,{default:d.withCtx(()=>[d.renderSlot(ee.$slots,"settingsSlot")]),_:3}))]),_:3})):d.createCommentVNode("",!0)]),_:3}))]),d.unref(f).loading.initialInputGuide?d.createCommentVNode("",!0):(d.openBlock(),d.createBlock(pye,{key:0,"chart-type":d.unref(f).reactive.chartType,"graph-status":x.value,allowDeleting:ee.allowChartDeleting,hasSettingsSlot:te.value,modelValue:d.unref(f).reactive.currentTab,"onUpdate:modelValue":z[2]||(z[2]=U=>d.unref(f).reactive.currentTab=U),onExport:I,onDelete:z[3]||(z[3]=U=>ee.$emit("delete-this-graph"))},null,8,["chart-type","graph-status","allowDeleting","hasSettingsSlot","modelValue"])),d.unref(f).loading.initialInputGuide?(d.openBlock(),d.createBlock(k$,{key:1,top:80,left:12,right:12,bottom:12})):d.createCommentVNode("",!0)]))}});bf.GraphMaker=cCt,Object.defineProperty(bf,Symbol.toStringTag,{value:"Module"})});
+  */typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const VZ=()=>{};function aCt(e,t){function n(...r){return new Promise((a,i)=>{Promise.resolve(e(()=>t.apply(this,r),{fn:t,thisArg:this,args:r})).then(a).catch(i)})}return n}const iCt=e=>e();function oCt(e,t={}){let n,r,a=VZ;const i=c=>{clearTimeout(c),a(),a=VZ};let o;return c=>{const f=d.toValue(e),A=d.toValue(t.maxWait);return n&&i(n),f<=0||A!==void 0&&A<=0?(r&&(i(r),r=null),Promise.resolve(c())):new Promise((p,v)=>{a=t.rejectOnCancel?v:p,o=c,A&&!r&&(r=setTimeout(()=>{n&&i(n),r=null,p(o())},A)),n=setTimeout(()=>{r&&i(r),r=null,p(c())},f)})}}function lCt(e,t,n={}){const{eventFilter:r=iCt,...a}=n;return d.watch(e,aCt(r,t),a)}function T2(e,t,n={}){const{debounce:r=0,maxWait:a=void 0,...i}=n;return lCt(e,t,{...i,eventFilter:oCt(r,{maxWait:a})})}const sCt={class:"graph-maker"},uCt={class:"graph-maker__main-pane"},cCt=d.defineComponent({__name:"index",props:d.mergeModels({pFrame:{},chartType:{},dataStateKey:{},defaultOptions:{},fixedOptions:{},allowChartDeleting:{type:Boolean},driver:{},tooltipButton:{},labelsModifier:{type:Function},dataColumnPredicate:{type:Function},readonlyInputs:{}},{modelValue:{required:!0},modelModifiers:{},selection:{},selectionModifiers:{}}),emits:d.mergeModels(["delete-this-graph","tooltip-btn-click"],["update:modelValue","update:selection"]),setup(e,{expose:t,emit:n}){const r=d.useModel(e,"modelValue"),a=d.useModel(e,"selection"),i=e;t({reset:A,resetDefaults:p});const o=d.ref(null);d.watch(()=>i.pFrame,ee=>{var U;if(!ee)return;const z="platforma"in window?(U=window.platforma)==null?void 0:U.pFrameDriver:i.driver;if(!z)throw new Error("PFrame driver is missing");o.value=new One(ee,z,i.labelsModifier)},{immediate:!0});const s=d.ref(i.fixedOptions??[]);d.watch(()=>i.fixedOptions,(ee,z)=>{(ee&&z&&JSON.stringify(ee)!==JSON.stringify(z)||ee&&!z||z&&!ee)&&(s.value=ee)},{deep:!0});const c=d.ref(i.defaultOptions),f=Xse(d.toRaw(r.value),o,i.chartType,c,s,i.dataColumnPredicate,i.readonlyInputs);function A(){const ee=$S(d.toRaw(r.value),i.chartType);Object.assign(f.value.reactive,ee),Object.assign(f.value.loading,{initialInputGuide:!0,initialCharts:!0,initialDefaults:!0,inputGuide:!1,chartData:!1}),c.value=i.defaultOptions}function p(){Object.assign(f.value.loading,{initialInputGuide:!0,initialCharts:!0,initialDefaults:!0,inputGuide:!1,chartData:!1}),c.value=i.defaultOptions?[...i.defaultOptions]:[]}const v=d.computed(()=>f.value.reactive.dataStateKey);d.watch(()=>DA(i.dataStateKey),ee=>{if((ee!==void 0||v.value!==void 0)&&v.value!==ee){r.value.optionsState=Hp(lR(i.chartType));const z=$S(d.toRaw(r.value),i.chartType);Object.assign(f.value.reactive,z),Object.assign(f.value.loading,{initialInputGuide:!0,initialCharts:!0,initialDefaults:!0,inputGuide:!1,chartData:!1}),c.value=i.defaultOptions?[...i.defaultOptions]:[]}f.value.reactive.dataStateKey=ee},{deep:!0,immediate:!0});const g=d.computed(()=>fye(f.value.reactive.currentTab)),b=d.shallowRef(null),C=d.ref(null),x=d.computed(()=>{var U;const ee=f.value.inputGuide.value,z=f.value.chartData.value;return ee.consistent?ee.ready?z&&((U=Object.values(z.dataByColumns.values)[0])==null?void 0:U.length)===0?"empty":"ready":"notReady":"inconsistent"});function k(ee){var z;f.value.reactive.dendroSelectedNodeId=(z=ee==null?void 0:ee.info[0])==null?void 0:z.id,f.value.reactive.dendroInfoByClick=ee}function _(ee){const z=ee.map(j=>JSON.parse(j));if(z.length===0){a.value={axesSpec:[],selectedKeys:[]};return}const U=Object.keys(z[0]),W=f.value.inputGuide.value;a.value={axesSpec:U.map(j=>W.getSourceInfo(j).spec),selectedKeys:z.map(j=>U.map(X=>j[X]))}}const D={dendro:[k],"scatterplot-umap":[_],discrete:[],scatterplot:[],histogram:[],heatmap:[],bubble:[]};function V(ee){var z,U,W;if(ee&&((z=Object.values(ee.dataByColumns.values)[0])==null?void 0:z.length)>0){if(b.value)b.value.updateSettingsAndData(d.toRaw(ee.dataByColumns),d.toRaw(ee.settings));else{const j=document.getElementById("chartSvgContainer");j&&(b.value=rCt.newPlot(d.toRaw(ee.dataByColumns),d.toRaw(ee.settings),D[ee.settings.type]),b.value.mount(j))}C.value=(U=b.value)!=null&&U.calculatedData?{...b.value.calculatedData}:null}else(W=b.value)==null||W.unmount(),b.value=null}d.watch(()=>f.value.chartData.value,ee=>{V(ee)}),d.onMounted(()=>{V(f.value.chartData.value)}),d.onUnmounted(()=>{var ee;(ee=b.value)==null||ee.unmount()}),T2(()=>f.value.reactive.optionsState,ee=>{r.value={...r.value,optionsState:Hp(ee)}},{deep:!0,debounce:1e3}),T2(()=>f.value.reactive.statisticsSettings,ee=>{r.value={...r.value,statisticsSettings:Hp(ee)}},{deep:!0,debounce:1e3}),T2(()=>f.value.reactive.axesSettings,ee=>{r.value={...r.value,axesSettings:Hp(ee)}},{deep:!0,debounce:1e3}),T2(()=>f.value.reactive.layersSettings,ee=>{r.value={...r.value,layersSettings:Hp(ee)}},{deep:!0,debounce:1e3}),T2(()=>f.value.reactive.dataBindAes,ee=>{r.value={...r.value,dataBindAes:Hp(ee)}},{deep:!0,debounce:1e3}),T2([()=>f.value.reactive.chartScale,()=>f.value.reactive.template,()=>f.value.reactive.currentTab],([ee,z,U])=>{r.value={...r.value,zoomState:ee,template:z,currentTab:U}},{debounce:1e3}),d.watch(()=>f.value.reactive.dataStateKey,ee=>{r.value={...r.value,dataStateKey:ee}},{immediate:!0}),d.watch(()=>r.value.currentTab,ee=>{f.value.reactive.currentTab=ee===void 0?"dataMapping":ee}),d.watch(()=>{var ee,z,U;return(U=(z=(ee=r.value)==null?void 0:ee.layersSettings)==null?void 0:z.dendro)==null?void 0:U.showTable},ee=>{f.value.reactive.layersSettings.dendro.showTable=ee??!1});function I(){var ee;qle(new Blob([((ee=b.value)==null?void 0:ee.export())??""]),"chart.svg")}function $(ee){r.value={...r.value,title:ee}}function Q(ee){var z;f.value.reactive.dendroSelectedNodeId=ee,(z=b.value)==null||z.updateChartState("selectedNode",ee)}const J=d.useSlots(),te=d.computed(()=>!!J.settingsSlot);return(ee,z)=>(d.openBlock(),d.createElementBlock("div",sCt,[d.createElementVNode("div",uCt,[d.createVNode(e2e,{"graph-status":x.value,graphTitle:r.value.title,chartData:C.value,dendroTooltipButton:ee.tooltipButton,onGraphTitleUpdate:$,onDendroNodeSelect:Q,onDendroTooltipBtnClick:z[0]||(z[0]=U=>ee.$emit("tooltip-btn-click",U))},{default:d.withCtx(()=>[d.renderSlot(ee.$slots,"titleLineSlot")]),_:3},8,["graph-status","graphTitle","chartData","dendroTooltipButton"]),d.unref(f).loading.initialInputGuide?d.createCommentVNode("",!0):(d.openBlock(),d.createBlock(hye,{key:0,id:"graph-settings-modal"},{default:d.withCtx(()=>[d.unref(f).reactive.currentTab?(d.openBlock(),d.createBlock(vye,{key:0,onClose:z[1]||(z[1]=U=>d.unref(f).reactive.currentTab=null)},{default:d.withCtx(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(g.value.value),null,{default:d.withCtx(()=>[d.renderSlot(ee.$slots,"settingsSlot")]),_:3}))]),_:3})):d.createCommentVNode("",!0)]),_:3}))]),d.unref(f).loading.initialInputGuide?d.createCommentVNode("",!0):(d.openBlock(),d.createBlock(pye,{key:0,"chart-type":d.unref(f).reactive.chartType,"graph-status":x.value,allowDeleting:ee.allowChartDeleting,hasSettingsSlot:te.value,modelValue:d.unref(f).reactive.currentTab,"onUpdate:modelValue":z[2]||(z[2]=U=>d.unref(f).reactive.currentTab=U),onExport:I,onDelete:z[3]||(z[3]=U=>ee.$emit("delete-this-graph"))},null,8,["chart-type","graph-status","allowDeleting","hasSettingsSlot","modelValue"])),d.unref(f).loading.initialInputGuide?(d.openBlock(),d.createBlock(k$,{key:1,top:80,left:12,right:12,bottom:12})):d.createCommentVNode("",!0)]))}});bf.GraphMaker=cCt,Object.defineProperty(bf,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/graph-maker",
-  "version": "1.1.108",
+  "version": "1.1.109",
   "type": "module",
   "main": "dist/graph-maker.umd.cjs",
   "module": "dist/graph-maker.js",