@milaboratories/graph-maker 1.1.200 → 1.1.202

package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.js

@@ -1,38 +1,39 @@
-import { PALETTE_MAP as s } from "../../constantsAesthetic.js";
+import { PALETTE_MAP as r } from "../../constantsAesthetic.js";
+import "../../constantsCommon.js";
 import "d3-scale";
-import "vue";
 import { getAxesDataFromForms as f } from "./getAxesDataFromForms.js";
 import "@milaboratories/pf-plots";
 import "@platforma-sdk/model";
-function X(o, l, a) {
-  var d, u, p;
-  const n = {}, r = (d = l.dataBindAes[o.valueColumn.value]) == null ? void 0 : d.palette;
+import "vue";
+function Y(o, i, a) {
+  var d, p, u;
+  const n = {}, s = (d = i.dataBindAes[o.valueColumn.value]) == null ? void 0 : d.palette;
   if ((o == null ? void 0 : o.valueType) !== "discrete") {
-    if (l.template === "heatmapClustered") {
-      const i = l.layersSettings.heatmapClustered;
-      i.disableClusteringX || (o.dendrogramX = {
+    if (i.template === "heatmapClustered") {
+      const l = i.layersSettings.heatmapClustered;
+      l.disableClusteringX || (o.dendrogramX = {
         fillNA: 0,
         showNodes: !1,
-        hidden: !i.dendrogramX
-      }), i.disableClusteringY || (o.dendrogramY = {
+        hidden: !l.dendrogramX
+      }), l.disableClusteringY || (o.dendrogramY = {
         fillNA: 0,
         position: "right",
         showNodes: !1,
-        hidden: !i.dendrogramY
+        hidden: !l.dendrogramY
       });
     }
-    n.colorsList = s[r ?? a.continuous].colors;
+    n.colorsList = r[s ?? a.continuous].colors;
   } else
-    n.colorsList = s[r ?? "bright"].colors;
-  o.aes = n, (u = o.annotations) == null || u.forEach((i) => {
-    var h;
-    const x = i.valueColumn.value, c = (h = l.dataBindAes[x]) == null ? void 0 : h.palette;
-    i.colors = s[c ?? (i.type === "discrete" ? a.categorical : a.continuous)].colors;
+    n.colorsList = r[s ?? "bright"].colors;
+  o.aes = n, (p = o.annotations) == null || p.forEach((l) => {
+    var m;
+    const x = l.valueColumn.value, c = (m = i.dataBindAes[x]) == null ? void 0 : m.palette;
+    l.colors = r[c ?? (l.type === "discrete" ? a.categorical : a.continuous)].colors;
   }), Object.assign(
     o,
-    f(l.axesSettings, l.chartType)
-  ), l.axesSettings.axisX.cellSize !== null && o.size && (o.size.cellWidth = l.axesSettings.axisX.cellSize * (l.chartScale / 100)), l.axesSettings.axisY.cellSize !== null && o.size && (o.size.cellHeight = l.axesSettings.axisY.cellSize * (l.chartScale / 100)), l.template === "heatmapClustered" && (o == null ? void 0 : o.valueType) !== "discrete" && (o.facetSettings.sharedX = !1, o.facetSettings.sharedY = !1);
-  const m = l.template, e = l.layersSettings[m];
+    f(i.axesSettings, i.chartType)
+  ), i.axesSettings.axisX.cellSize !== null && o.size && (o.size.cellWidth = i.axesSettings.axisX.cellSize * (i.chartScale / 100)), i.axesSettings.axisY.cellSize !== null && o.size && (o.size.cellHeight = i.axesSettings.axisY.cellSize * (i.chartScale / 100)), i.template === "heatmapClustered" && (o == null ? void 0 : o.valueType) !== "discrete" && (o.facetSettings.sharedX = !1, o.facetSettings.sharedY = !1);
+  const h = i.template, e = i.layersSettings[h];
   return o.NAValueAs = e.NAValueAs, o.valueType === "continuous" && e.normalizationDirection && (o.normalization = {
     method: e.normalizationMethod,
     direction: e.normalizationDirection
@@ -40,11 +41,11 @@ function X(o, l, a) {
     x: e.aggregateByX && o.xGroupBy && o.xGroupBy.length > 0,
     y: e.aggregateByY && o.yGroupBy && o.yGroupBy.length > 0,
     method: e.aggregationMethod
-  }), (p = o.annotations) == null || p.forEach((i) => {
-    i.axis === "x" ? (i.titlePosition = l.axesSettings.axisX.annotationTitlePosition === "hidden" ? void 0 : l.axesSettings.axisX.annotationTitlePosition, i.showTitle = l.axesSettings.axisX.annotationTitlePosition !== "hidden") : (i.titlePosition = l.axesSettings.axisY.annotationTitlePosition === "hidden" ? void 0 : l.axesSettings.axisY.annotationTitlePosition, i.showTitle = l.axesSettings.axisY.annotationTitlePosition !== "hidden");
-  }), l.axesSettings.other.canvasRenderMode && (o.cellsRenderingMode = "canvas"), o;
+  }), (u = o.annotations) == null || u.forEach((l) => {
+    l.axis === "x" ? (l.titlePosition = i.axesSettings.axisX.annotationTitlePosition === "hidden" ? void 0 : i.axesSettings.axisX.annotationTitlePosition, l.showTitle = i.axesSettings.axisX.annotationTitlePosition !== "hidden") : (l.titlePosition = i.axesSettings.axisY.annotationTitlePosition === "hidden" ? void 0 : i.axesSettings.axisY.annotationTitlePosition, l.showTitle = i.axesSettings.axisY.annotationTitlePosition !== "hidden");
+  }), i.axesSettings.other.canvasRenderMode && (o.cellsRenderingMode = "canvas"), o;
 }
 export {
-  X as composeHeatmapSettings
+  Y as composeHeatmapSettings
 };
 //# sourceMappingURL=composeHeatmapSettings.js.map

package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeHeatmapSettings.js","sources":["../../../src/utils/createChartSettingsForRender/composeHeatmapSettings.ts"],"sourcesContent":["import type { HeatmapSettings } from '@milaboratories/miplots4';\nimport { PALETTE_MAP } from '../../constantsAesthetic';\nimport type { DefaultPalettes, HeatmapLayerTemplate, ReactiveState } from '../../types';\nimport { getAxesDataFromForms } from '../index';\n\nexport function composeHeatmapSettings(\n  settings: HeatmapSettings,\n  reactiveState: ReactiveState,\n  defaultPalette: DefaultPalettes,\n) {\n  const aes = {} as Record<string, unknown>;\n  const palette = reactiveState.dataBindAes[settings.valueColumn.value]?.palette;\n  if (settings?.valueType !== 'discrete') {\n    if (reactiveState.template === 'heatmapClustered') {\n      const layer = reactiveState.layersSettings.heatmapClustered;\n      if (!layer.disableClusteringX) {\n        settings.dendrogramX = {\n          fillNA: 0,\n          showNodes: false,\n          hidden: !layer.dendrogramX,\n        };\n      }\n      if (!layer.disableClusteringY) {\n        settings.dendrogramY = {\n          fillNA: 0,\n          position: 'right',\n          showNodes: false,\n          hidden: !layer.dendrogramY,\n        };\n      }\n    }\n    aes.colorsList = PALETTE_MAP[palette ?? defaultPalette.continuous].colors;\n  } else {\n    aes.colorsList = PALETTE_MAP[palette ?? 'bright'].colors;\n  }\n\n  settings.aes = aes;\n\n  settings.annotations?.forEach((annotationSchema) => {\n    const source = annotationSchema.valueColumn.value;\n    const palette = reactiveState.dataBindAes[source]?.palette;\n\n    annotationSchema.colors = PALETTE_MAP[palette ?? (annotationSchema.type === 'discrete' ? defaultPalette.categorical : defaultPalette.continuous)].colors;\n  });\n  Object.assign(\n    settings,\n    getAxesDataFromForms(reactiveState.axesSettings, reactiveState.chartType),\n  );\n\n  if (reactiveState.axesSettings.axisX.cellSize !== null && settings.size) {\n    settings.size.cellWidth = reactiveState.axesSettings.axisX.cellSize * (reactiveState.chartScale / 100);\n  }\n  if (reactiveState.axesSettings.axisY.cellSize !== null && settings.size) {\n    settings.size.cellHeight = reactiveState.axesSettings.axisY.cellSize * (reactiveState.chartScale / 100);\n  }\n  if (reactiveState.template === 'heatmapClustered' && settings?.valueType !== 'discrete') {\n    (settings.facetSettings as HeatmapSettings['facetSettings'])!.sharedX = false;\n    (settings.facetSettings as HeatmapSettings['facetSettings'])!.sharedY = false;\n  }\n\n  const template = reactiveState.template as HeatmapLayerTemplate;\n  const layerSettings = reactiveState.layersSettings[template];\n\n  settings.NAValueAs = layerSettings.NAValueAs;\n  if (settings.valueType === 'continuous' && layerSettings.normalizationDirection) {\n    settings.normalization = {\n      method: layerSettings.normalizationMethod,\n      direction: layerSettings.normalizationDirection,\n    };\n  }\n\n  if (settings.valueType === 'continuous' && (layerSettings.aggregateByX || layerSettings.aggregateByY)) {\n    settings.aggregation = {\n      x: layerSettings.aggregateByX && settings.xGroupBy && settings.xGroupBy.length > 0,\n      y: layerSettings.aggregateByY && settings.yGroupBy && settings.yGroupBy.length > 0,\n      method: layerSettings.aggregationMethod,\n    };\n  }\n\n  settings.annotations?.forEach((annotation) => {\n    if (annotation.axis === 'x') {\n      annotation.titlePosition = reactiveState.axesSettings.axisX.annotationTitlePosition === 'hidden' ? undefined : reactiveState.axesSettings.axisX.annotationTitlePosition;\n      annotation.showTitle = reactiveState.axesSettings.axisX.annotationTitlePosition !== 'hidden';\n    } else {\n      annotation.titlePosition = reactiveState.axesSettings.axisY.annotationTitlePosition === 'hidden' ? undefined : reactiveState.axesSettings.axisY.annotationTitlePosition;\n      annotation.showTitle = reactiveState.axesSettings.axisY.annotationTitlePosition !== 'hidden';\n    }\n  });\n\n  if (reactiveState.axesSettings.other.canvasRenderMode) {\n    settings.cellsRenderingMode = 'canvas';\n  }\n\n  return settings;\n}\n"],"names":["composeHeatmapSettings","settings","reactiveState","defaultPalette","aes","palette","_a","layer","PALETTE_MAP","_b","annotationSchema","source","getAxesDataFromForms","template","layerSettings","_c","annotation"],"mappings":";;;;;;AAKO,SAASA,EACdC,GACAC,GACAC,GACA;;AACA,QAAMC,IAAM,CAAA,GACNC,KAAUC,IAAAJ,EAAc,YAAYD,EAAS,YAAY,KAAK,MAApD,gBAAAK,EAAuD;AACvE,OAAIL,KAAA,gBAAAA,EAAU,eAAc,YAAY;AACtC,QAAIC,EAAc,aAAa,oBAAoB;AACjD,YAAMK,IAAQL,EAAc,eAAe;AAC3C,MAAKK,EAAM,uBACTN,EAAS,cAAc;AAAA,QACrB,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,QAAQ,CAACM,EAAM;AAAA,MAAA,IAGdA,EAAM,uBACTN,EAAS,cAAc;AAAA,QACrB,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,WAAW;AAAA,QACX,QAAQ,CAACM,EAAM;AAAA,MAAA;AAAA,IAGrB;AACA,IAAAH,EAAI,aAAaI,EAAYH,KAAWF,EAAe,UAAU,EAAE;AAAA,EACrE;AACE,IAAAC,EAAI,aAAaI,EAAYH,KAAW,QAAQ,EAAE;AAGpD,EAAAJ,EAAS,MAAMG,IAEfK,IAAAR,EAAS,gBAAT,QAAAQ,EAAsB,QAAQ,CAACC,MAAqB;;AAClD,UAAMC,IAASD,EAAiB,YAAY,OACtCL,KAAUC,IAAAJ,EAAc,YAAYS,CAAM,MAAhC,gBAAAL,EAAmC;AAEnD,IAAAI,EAAiB,SAASF,EAAYH,MAAYK,EAAiB,SAAS,aAAaP,EAAe,cAAcA,EAAe,WAAW,EAAE;AAAA,EACpJ,IACA,OAAO;AAAA,IACLF;AAAA,IACAW,EAAqBV,EAAc,cAAcA,EAAc,SAAS;AAAA,EAAA,GAGtEA,EAAc,aAAa,MAAM,aAAa,QAAQD,EAAS,SACjEA,EAAS,KAAK,YAAYC,EAAc,aAAa,MAAM,YAAYA,EAAc,aAAa,OAEhGA,EAAc,aAAa,MAAM,aAAa,QAAQD,EAAS,SACjEA,EAAS,KAAK,aAAaC,EAAc,aAAa,MAAM,YAAYA,EAAc,aAAa,OAEjGA,EAAc,aAAa,uBAAsBD,KAAA,gBAAAA,EAAU,eAAc,eAC1EA,EAAS,cAAoD,UAAU,IACvEA,EAAS,cAAoD,UAAU;AAG1E,QAAMY,IAAWX,EAAc,UACzBY,IAAgBZ,EAAc,eAAeW,CAAQ;AAE3D,SAAAZ,EAAS,YAAYa,EAAc,WAC/Bb,EAAS,cAAc,gBAAgBa,EAAc,2BACvDb,EAAS,gBAAgB;AAAA,IACvB,QAAQa,EAAc;AAAA,IACtB,WAAWA,EAAc;AAAA,EAAA,IAIzBb,EAAS,cAAc,iBAAiBa,EAAc,gBAAgBA,EAAc,kBACtFb,EAAS,cAAc;AAAA,IACrB,GAAGa,EAAc,gBAAgBb,EAAS,YAAYA,EAAS,SAAS,SAAS;AAAA,IACjF,GAAGa,EAAc,gBAAgBb,EAAS,YAAYA,EAAS,SAAS,SAAS;AAAA,IACjF,QAAQa,EAAc;AAAA,EAAA,KAI1BC,IAAAd,EAAS,gBAAT,QAAAc,EAAsB,QAAQ,CAACC,MAAe;AAC5C,IAAIA,EAAW,SAAS,OACtBA,EAAW,gBAAgBd,EAAc,aAAa,MAAM,4BAA4B,WAAW,SAAYA,EAAc,aAAa,MAAM,yBAChJc,EAAW,YAAYd,EAAc,aAAa,MAAM,4BAA4B,aAEpFc,EAAW,gBAAgBd,EAAc,aAAa,MAAM,4BAA4B,WAAW,SAAYA,EAAc,aAAa,MAAM,yBAChJc,EAAW,YAAYd,EAAc,aAAa,MAAM,4BAA4B;AAAA,EAExF,IAEIA,EAAc,aAAa,MAAM,qBACnCD,EAAS,qBAAqB,WAGzBA;AACT;"}
+{"version":3,"file":"composeHeatmapSettings.js","sources":["../../../src/utils/createChartSettingsForRender/composeHeatmapSettings.ts"],"sourcesContent":["import type { HeatmapSettings } from '@milaboratories/miplots4';\nimport { PALETTE_MAP } from '../../constantsAesthetic';\nimport type { DefaultPalettes, HeatmapLayerTemplate, ReactiveState } from '../../types';\nimport { getAxesDataFromForms } from '../index';\n\nexport function composeHeatmapSettings(\n  settings: HeatmapSettings,\n  reactiveState: ReactiveState,\n  defaultPalette: DefaultPalettes,\n) {\n  const aes = {} as Record<string, unknown>;\n  const palette = reactiveState.dataBindAes[settings.valueColumn.value]?.palette;\n  if (settings?.valueType !== 'discrete') {\n    if (reactiveState.template === 'heatmapClustered') {\n      const layer = reactiveState.layersSettings.heatmapClustered;\n      if (!layer.disableClusteringX) {\n        settings.dendrogramX = {\n          fillNA: 0,\n          showNodes: false,\n          hidden: !layer.dendrogramX,\n        };\n      }\n      if (!layer.disableClusteringY) {\n        settings.dendrogramY = {\n          fillNA: 0,\n          position: 'right',\n          showNodes: false,\n          hidden: !layer.dendrogramY,\n        };\n      }\n    }\n    aes.colorsList = PALETTE_MAP[palette ?? defaultPalette.continuous].colors;\n  } else {\n    aes.colorsList = PALETTE_MAP[palette ?? 'bright'].colors;\n  }\n\n  settings.aes = aes;\n\n  settings.annotations?.forEach((annotationSchema) => {\n    const source = annotationSchema.valueColumn.value;\n    const palette = reactiveState.dataBindAes[source]?.palette;\n\n    annotationSchema.colors = PALETTE_MAP[palette ?? (annotationSchema.type === 'discrete' ? defaultPalette.categorical : defaultPalette.continuous)].colors;\n  });\n  Object.assign(\n    settings,\n    getAxesDataFromForms(reactiveState.axesSettings, reactiveState.chartType),\n  );\n\n  if (reactiveState.axesSettings.axisX.cellSize !== null && settings.size) {\n    settings.size.cellWidth = reactiveState.axesSettings.axisX.cellSize * (reactiveState.chartScale / 100);\n  }\n  if (reactiveState.axesSettings.axisY.cellSize !== null && settings.size) {\n    settings.size.cellHeight = reactiveState.axesSettings.axisY.cellSize * (reactiveState.chartScale / 100);\n  }\n  if (reactiveState.template === 'heatmapClustered' && settings?.valueType !== 'discrete') {\n    (settings.facetSettings as HeatmapSettings['facetSettings'])!.sharedX = false;\n    (settings.facetSettings as HeatmapSettings['facetSettings'])!.sharedY = false;\n  }\n\n  const template = reactiveState.template as HeatmapLayerTemplate;\n  const layerSettings = reactiveState.layersSettings[template];\n\n  settings.NAValueAs = layerSettings.NAValueAs;\n  if (settings.valueType === 'continuous' && layerSettings.normalizationDirection) {\n    settings.normalization = {\n      method: layerSettings.normalizationMethod,\n      direction: layerSettings.normalizationDirection,\n    };\n  }\n\n  if (settings.valueType === 'continuous' && (layerSettings.aggregateByX || layerSettings.aggregateByY)) {\n    settings.aggregation = {\n      x: layerSettings.aggregateByX && settings.xGroupBy && settings.xGroupBy.length > 0,\n      y: layerSettings.aggregateByY && settings.yGroupBy && settings.yGroupBy.length > 0,\n      method: layerSettings.aggregationMethod,\n    };\n  }\n\n  settings.annotations?.forEach((annotation) => {\n    if (annotation.axis === 'x') {\n      annotation.titlePosition = reactiveState.axesSettings.axisX.annotationTitlePosition === 'hidden' ? undefined : reactiveState.axesSettings.axisX.annotationTitlePosition;\n      annotation.showTitle = reactiveState.axesSettings.axisX.annotationTitlePosition !== 'hidden';\n    } else {\n      annotation.titlePosition = reactiveState.axesSettings.axisY.annotationTitlePosition === 'hidden' ? undefined : reactiveState.axesSettings.axisY.annotationTitlePosition;\n      annotation.showTitle = reactiveState.axesSettings.axisY.annotationTitlePosition !== 'hidden';\n    }\n  });\n\n  if (reactiveState.axesSettings.other.canvasRenderMode) {\n    settings.cellsRenderingMode = 'canvas';\n  }\n\n  return settings;\n}\n"],"names":["composeHeatmapSettings","settings","reactiveState","defaultPalette","aes","palette","_a","layer","PALETTE_MAP","_b","annotationSchema","source","getAxesDataFromForms","template","layerSettings","_c","annotation"],"mappings":";;;;;;;AAKO,SAASA,EACdC,GACAC,GACAC,GACA;;AACA,QAAMC,IAAM,CAAA,GACNC,KAAUC,IAAAJ,EAAc,YAAYD,EAAS,YAAY,KAAK,MAApD,gBAAAK,EAAuD;AACvE,OAAIL,KAAA,gBAAAA,EAAU,eAAc,YAAY;AACtC,QAAIC,EAAc,aAAa,oBAAoB;AACjD,YAAMK,IAAQL,EAAc,eAAe;AAC3C,MAAKK,EAAM,uBACTN,EAAS,cAAc;AAAA,QACrB,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,QAAQ,CAACM,EAAM;AAAA,MAAA,IAGdA,EAAM,uBACTN,EAAS,cAAc;AAAA,QACrB,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,WAAW;AAAA,QACX,QAAQ,CAACM,EAAM;AAAA,MAAA;AAAA,IAGrB;AACA,IAAAH,EAAI,aAAaI,EAAYH,KAAWF,EAAe,UAAU,EAAE;AAAA,EACrE;AACE,IAAAC,EAAI,aAAaI,EAAYH,KAAW,QAAQ,EAAE;AAGpD,EAAAJ,EAAS,MAAMG,IAEfK,IAAAR,EAAS,gBAAT,QAAAQ,EAAsB,QAAQ,CAACC,MAAqB;;AAClD,UAAMC,IAASD,EAAiB,YAAY,OACtCL,KAAUC,IAAAJ,EAAc,YAAYS,CAAM,MAAhC,gBAAAL,EAAmC;AAEnD,IAAAI,EAAiB,SAASF,EAAYH,MAAYK,EAAiB,SAAS,aAAaP,EAAe,cAAcA,EAAe,WAAW,EAAE;AAAA,EACpJ,IACA,OAAO;AAAA,IACLF;AAAA,IACAW,EAAqBV,EAAc,cAAcA,EAAc,SAAS;AAAA,EAAA,GAGtEA,EAAc,aAAa,MAAM,aAAa,QAAQD,EAAS,SACjEA,EAAS,KAAK,YAAYC,EAAc,aAAa,MAAM,YAAYA,EAAc,aAAa,OAEhGA,EAAc,aAAa,MAAM,aAAa,QAAQD,EAAS,SACjEA,EAAS,KAAK,aAAaC,EAAc,aAAa,MAAM,YAAYA,EAAc,aAAa,OAEjGA,EAAc,aAAa,uBAAsBD,KAAA,gBAAAA,EAAU,eAAc,eAC1EA,EAAS,cAAoD,UAAU,IACvEA,EAAS,cAAoD,UAAU;AAG1E,QAAMY,IAAWX,EAAc,UACzBY,IAAgBZ,EAAc,eAAeW,CAAQ;AAE3D,SAAAZ,EAAS,YAAYa,EAAc,WAC/Bb,EAAS,cAAc,gBAAgBa,EAAc,2BACvDb,EAAS,gBAAgB;AAAA,IACvB,QAAQa,EAAc;AAAA,IACtB,WAAWA,EAAc;AAAA,EAAA,IAIzBb,EAAS,cAAc,iBAAiBa,EAAc,gBAAgBA,EAAc,kBACtFb,EAAS,cAAc;AAAA,IACrB,GAAGa,EAAc,gBAAgBb,EAAS,YAAYA,EAAS,SAAS,SAAS;AAAA,IACjF,GAAGa,EAAc,gBAAgBb,EAAS,YAAYA,EAAS,SAAS,SAAS;AAAA,IACjF,QAAQa,EAAc;AAAA,EAAA,KAI1BC,IAAAd,EAAS,gBAAT,QAAAc,EAAsB,QAAQ,CAACC,MAAe;AAC5C,IAAIA,EAAW,SAAS,OACtBA,EAAW,gBAAgBd,EAAc,aAAa,MAAM,4BAA4B,WAAW,SAAYA,EAAc,aAAa,MAAM,yBAChJc,EAAW,YAAYd,EAAc,aAAa,MAAM,4BAA4B,aAEpFc,EAAW,gBAAgBd,EAAc,aAAa,MAAM,4BAA4B,WAAW,SAAYA,EAAc,aAAa,MAAM,yBAChJc,EAAW,YAAYd,EAAc,aAAa,MAAM,4BAA4B;AAAA,EAExF,IAEIA,EAAc,aAAa,MAAM,qBACnCD,EAAS,qBAAqB,WAGzBA;AACT;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/graph-maker",
-  "version": "1.1.200",
+  "version": "1.1.202",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -38,8 +38,8 @@
     "d3-hierarchy": "^3.1.2",
     "d3-scale": "^4.0.2",
     "vue": "^3.5.24",
-    "@milaboratories/pf-plots": "1.1.55",
-    "@milaboratories/miplots4": "1.0.163"
+    "@milaboratories/miplots4": "1.0.163",
+    "@milaboratories/pf-plots": "1.1.55"
   },
   "devDependencies": {
     "@milaboratories/build-configs": "^1.0.5",