@milaboratories/graph-maker 1.1.172 → 1.1.174
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -16,7 +16,7 @@ import { provideStore as ye, createReactiveState as V } from "./store.js";
|
|
|
16
16
|
import "./constantsAesthetic.js";
|
|
17
17
|
import { composeChartSettings as A } from "./utils/createChartSettingsForRender/composeChartSettings.js";
|
|
18
18
|
import { saveToFile as be } from "./utils/saveToFile.js";
|
|
19
|
-
import { copyJSON as
|
|
19
|
+
import { copyJSON as v } from "./utils/copyJSON.js";
|
|
20
20
|
import "../node_modules/@milaboratories/pl-model-common/dist/bmodel/code.js";
|
|
21
21
|
import "../node_modules/@milaboratories/pl-model-common/dist/drivers/blob.js";
|
|
22
22
|
import "../node_modules/@milaboratories/pl-model-common/dist/drivers/pframe/spec/spec.js";
|
|
@@ -25,7 +25,7 @@ import "../node_modules/@milaboratories/pl-model-common/dist/ref.js";
|
|
|
25
25
|
import "../node_modules/@platforma-sdk/model/dist/render/util/label.js";
|
|
26
26
|
import "../node_modules/@milaboratories/pl-error-like/dist/error_like_shape.js";
|
|
27
27
|
import { DemoDataStore as De } from "../node_modules/@milaboratories/pf-plots/dist/demoStore.js";
|
|
28
|
-
import { debouncedWatch as
|
|
28
|
+
import { debouncedWatch as p } from "../node_modules/@vueuse/shared/index.js";
|
|
29
29
|
const Te = { class: "graph-maker" }, Ce = { class: "graph-maker__main-pane" }, Xe = /* @__PURE__ */ ie({
|
|
30
30
|
__name: "index",
|
|
31
31
|
props: /* @__PURE__ */ _({
|
|
@@ -113,7 +113,7 @@ const Te = { class: "graph-maker" }, Ce = { class: "graph-maker__main-pane" }, X
|
|
|
113
113
|
const N = g(() => t.value.reactive.dataStateKey);
|
|
114
114
|
u(() => ve(o.dataStateKey), (e) => {
|
|
115
115
|
if ((e !== void 0 || N.value !== void 0) && N.value !== e) {
|
|
116
|
-
i.value.optionsState =
|
|
116
|
+
i.value.optionsState = v(de(o.chartType));
|
|
117
117
|
const a = V(n(i.value), o.chartType);
|
|
118
118
|
Object.assign(t.value.reactive, a), Object.assign(t.value.loading, {
|
|
119
119
|
initialInputGuide: !0,
|
|
@@ -125,16 +125,16 @@ const Te = { class: "graph-maker" }, Ce = { class: "graph-maker__main-pane" }, X
|
|
|
125
125
|
}
|
|
126
126
|
t.value.reactive.dataStateKey = e;
|
|
127
127
|
}, { deep: !0, immediate: !0 });
|
|
128
|
-
const z = g(() => Se(t.value.reactive.currentTab)), r = E(null), L = f(null), $ = f(!1), O = g(() => {
|
|
129
|
-
var
|
|
130
|
-
const
|
|
131
|
-
return
|
|
128
|
+
const z = g(() => Se(t.value.reactive.currentTab)), r = E(null), L = f(null), $ = f(!1), O = g((e) => {
|
|
129
|
+
var c;
|
|
130
|
+
const a = t.value.inputGuide.value, l = t.value.chartData.value;
|
|
131
|
+
return a.consistent ? a.ready ? l && ((c = Object.values(l.data.byColumns.values)[0]) == null ? void 0 : c.length) === 0 ? "empty" : $.value ? "error" : t.value.loading.initialCharts || e !== "ready" && t.value.loading.chartData ? "loading" : "ready" : "notReady" : "inconsistent";
|
|
132
132
|
});
|
|
133
133
|
function W(e) {
|
|
134
134
|
var a;
|
|
135
135
|
t.value.reactive.dendroSelectedNodeId = (a = e == null ? void 0 : e.info[0]) == null ? void 0 : a.id, t.value.reactive.dendroInfoByClick = e;
|
|
136
136
|
}
|
|
137
|
-
function
|
|
137
|
+
function d(e) {
|
|
138
138
|
t.value.reactive.showTooltipHint = e;
|
|
139
139
|
}
|
|
140
140
|
function F(e, a) {
|
|
@@ -148,10 +148,10 @@ const Te = { class: "graph-maker" }, Ce = { class: "graph-maker__main-pane" }, X
|
|
|
148
148
|
k.value = { axesSpec: [], selectedKeys: [] };
|
|
149
149
|
return;
|
|
150
150
|
}
|
|
151
|
-
const
|
|
151
|
+
const c = Object.keys(l), b = t.value.inputGuide.value;
|
|
152
152
|
k.value = {
|
|
153
|
-
axesSpec:
|
|
154
|
-
selectedKeys: e.map((B) =>
|
|
153
|
+
axesSpec: c.map((B) => b.getSourceInfo(B).spec),
|
|
154
|
+
selectedKeys: e.map((B) => c.map((ae) => l[ae][B]))
|
|
155
155
|
};
|
|
156
156
|
}
|
|
157
157
|
function M(e) {
|
|
@@ -161,21 +161,21 @@ const Te = { class: "graph-maker" }, Ce = { class: "graph-maker__main-pane" }, X
|
|
|
161
161
|
dendro: [W],
|
|
162
162
|
"scatterplot-umap": {
|
|
163
163
|
onPolygonUpdate: F,
|
|
164
|
-
onTooltipHintSwitch:
|
|
164
|
+
onTooltipHintSwitch: d,
|
|
165
165
|
onLassoControlsStateUpdate: M
|
|
166
166
|
},
|
|
167
|
-
discrete: [
|
|
167
|
+
discrete: [d],
|
|
168
168
|
scatterplot: {
|
|
169
169
|
onPolygonUpdate: F,
|
|
170
|
-
onTooltipHintSwitch:
|
|
170
|
+
onTooltipHintSwitch: d,
|
|
171
171
|
onLassoControlsStateUpdate: M
|
|
172
172
|
},
|
|
173
|
-
histogram: [
|
|
174
|
-
heatmap: [
|
|
175
|
-
bubble: [
|
|
173
|
+
histogram: [d],
|
|
174
|
+
heatmap: [d],
|
|
175
|
+
bubble: [d]
|
|
176
176
|
};
|
|
177
177
|
function P(e) {
|
|
178
|
-
var a, l,
|
|
178
|
+
var a, l, c, b;
|
|
179
179
|
if (e && ((a = Object.values(e.data.values)[0]) == null ? void 0 : a.length) > 0) {
|
|
180
180
|
if (r.value)
|
|
181
181
|
r.value.updateSettingsAndData(n(e.data), n(e.settings));
|
|
@@ -183,7 +183,7 @@ const Te = { class: "graph-maker" }, Ce = { class: "graph-maker__main-pane" }, X
|
|
|
183
183
|
const m = document.getElementById("chartSvgContainer");
|
|
184
184
|
m && (r.value = ce.newPlot(n(e.data), n(e.settings), Q[e.settings.type]), e.settings.type === "scatterplot-umap" && r.value.updateChartState("polygon", i.value.selectedPolygons ?? []), r.value.mount(m));
|
|
185
185
|
}
|
|
186
|
-
L.value = (l = r.value) != null && l.calculatedData ? { ...r.value.calculatedData } : null, $.value = ((
|
|
186
|
+
L.value = (l = r.value) != null && l.calculatedData ? { ...r.value.calculatedData } : null, $.value = ((c = r.value) == null ? void 0 : c.hasError) ?? !1;
|
|
187
187
|
} else
|
|
188
188
|
(b = r.value) == null || b.unmount(), r.value = null;
|
|
189
189
|
}
|
|
@@ -224,32 +224,32 @@ const Te = { class: "graph-maker" }, Ce = { class: "graph-maker__main-pane" }, X
|
|
|
224
224
|
}), oe(() => {
|
|
225
225
|
var e;
|
|
226
226
|
(e = r.value) == null || e.unmount();
|
|
227
|
-
}),
|
|
227
|
+
}), p(() => t.value.reactive.optionsState, (e) => {
|
|
228
228
|
i.value = {
|
|
229
229
|
...i.value,
|
|
230
|
-
optionsState:
|
|
230
|
+
optionsState: v(e)
|
|
231
231
|
};
|
|
232
|
-
}, { deep: !0, debounce: 1e3 }),
|
|
232
|
+
}, { deep: !0, debounce: 1e3 }), p(() => t.value.reactive.statisticsSettings, (e) => {
|
|
233
233
|
i.value = {
|
|
234
234
|
...i.value,
|
|
235
|
-
statisticsSettings:
|
|
235
|
+
statisticsSettings: v(e)
|
|
236
236
|
};
|
|
237
|
-
}, { deep: !0, debounce: 1e3 }),
|
|
237
|
+
}, { deep: !0, debounce: 1e3 }), p(() => t.value.reactive.axesSettings, (e) => {
|
|
238
238
|
i.value = {
|
|
239
239
|
...i.value,
|
|
240
|
-
axesSettings:
|
|
240
|
+
axesSettings: v(e)
|
|
241
241
|
};
|
|
242
|
-
}, { deep: !0, debounce: 1e3 }),
|
|
242
|
+
}, { deep: !0, debounce: 1e3 }), p(() => t.value.reactive.layersSettings, (e) => {
|
|
243
243
|
i.value = {
|
|
244
244
|
...i.value,
|
|
245
|
-
layersSettings:
|
|
245
|
+
layersSettings: v(e)
|
|
246
246
|
};
|
|
247
|
-
}, { deep: !0, debounce: 1e3 }),
|
|
247
|
+
}, { deep: !0, debounce: 1e3 }), p(() => t.value.reactive.dataBindAes, (e) => {
|
|
248
248
|
i.value = {
|
|
249
249
|
...i.value,
|
|
250
|
-
dataBindAes:
|
|
250
|
+
dataBindAes: v(e)
|
|
251
251
|
};
|
|
252
|
-
}, { deep: !0, debounce: 1e3 }),
|
|
252
|
+
}, { deep: !0, debounce: 1e3 }), p([
|
|
253
253
|
() => t.value.reactive.chartScale,
|
|
254
254
|
() => t.value.reactive.template,
|
|
255
255
|
() => t.value.reactive.currentTab
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue.js","sources":["../../src/GraphMaker/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n ChartInterface,\n DataByColumns,\n LassoControlsState,\n MiPlots,\n Settings\n} from '@milaboratories/miplots4';\nimport {\n ChartType,\n DemoDataStore, getInitialStateByType,\n PlotDataAndSettings\n} from '@milaboratories/pf-plots';\nimport type { AxisSpec, PFrameDriver, PlSelectionModel, PTableKey } from '@platforma-sdk/model';\nimport { watchDebounced } from '@vueuse/core';\nimport canonicalize from 'canonicalize';\nimport { computed, onMounted, onUnmounted, ref, shallowRef, toRaw, useSlots, watch } from 'vue';\nimport './assets/ui.scss';\nimport Chart from './components/Chart.vue';\nimport Loading from './components/Loading.vue';\nimport PanelModal from './components/PanelModal.vue';\nimport VTabs from './components/SettingsTabs/index.vue';\nimport TransitionSlidePanel from './components/TransitionSlidePanel.vue';\nimport { useSettingsForm } from './forms';\nimport { createReactiveState, provideStore } from './store';\nimport type { GraphMakerState, GraphStatus } from './types';\nimport { DendroNodeInfo, GraphMakerProps } from './types';\nimport { composeChartSettings, saveToFile } from './utils';\nimport { copyJSON } from './utils/copyJSON';\n\nconst emit = defineEmits(['delete-this-graph', 'tooltip-btn-click']);\n\nconst graphMakerState = defineModel<GraphMakerState>({ required: true });\nconst selectionState = defineModel<PlSelectionModel>('selection');\n\nconst props = defineProps<GraphMakerProps>();\n\ndefineExpose({\n /**\n reset() will update data-mapping, axis-settings, layers-settings with the state that is in v-model at the moment.\n In other cases editing of v-model fields doesn't make any impact to graphs and interface.\n Besides, after reset default-options will be applied again. You can use reset to apply new default-options.\n */\n reset,\n /**\n Apply new defaults without resetting all the state\n */\n resetDefaults\n});\n\nconst dataStore = ref<DemoDataStore | null>(null);\n\nwatch(() => props.pFrame, (pframeValue) => {\n if (!pframeValue) {\n return;\n }\n const driver = ('platforma' in window) ? window.platforma?.pFrameDriver as PFrameDriver : props.driver;\n if (!driver) {\n throw new Error('PFrame driver is missing');\n }\n dataStore.value = new DemoDataStore(\n pframeValue,\n driver,\n props.labelsModifier\n );\n}, { immediate: true });\n\n\n//fixed options can be updated outside, other settings only inside from chart settings interface, so we don't watching other settings\nconst fixedOptions = ref<typeof props.fixedOptions>(props.fixedOptions ?? []);\nwatch(() => props.fixedOptions, (value, oldValue) => {\n if (\n value && oldValue && JSON.stringify(value) !== JSON.stringify(oldValue) ||\n value && !oldValue ||\n oldValue && !value\n ) {\n fixedOptions.value = value;\n }\n}, { deep: true });\nconst defaultOptions = ref<typeof props.defaultOptions>(props.defaultOptions);\n\nconst state = provideStore(\n toRaw(graphMakerState.value),\n dataStore,\n props.chartType,\n defaultOptions,\n fixedOptions,\n props.dataColumnPredicate,\n props.readonlyInputs\n);\n\nfunction reset() {\n const nextReactiveState = createReactiveState(\n toRaw(graphMakerState.value),\n props.chartType\n );\n Object.assign(state.value.reactive, nextReactiveState);\n Object.assign(state.value.loading, {\n initialInputGuide: true,\n initialCharts: true,\n initialDefaults: true,\n inputGuide: false,\n chartData: false,\n });\n defaultOptions.value = props.defaultOptions;\n}\n\nfunction resetDefaults() {\n Object.assign(state.value.loading, {\n initialInputGuide: true,\n initialCharts: true,\n initialDefaults: true,\n inputGuide: false,\n chartData: false,\n });\n defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : [];\n}\n\nconst prevDataKey = computed(() => state.value.reactive.dataStateKey);\nwatch(() => canonicalize(props.dataStateKey), (keyValue) => {\n if ((keyValue !== undefined || prevDataKey.value !== undefined) && prevDataKey.value !== keyValue) {\n graphMakerState.value.optionsState = copyJSON(getInitialStateByType(props.chartType));\n const nextReactiveState = createReactiveState(toRaw(graphMakerState.value), props.chartType);\n Object.assign(state.value.reactive, nextReactiveState);\n Object.assign(state.value.loading, {\n initialInputGuide: true,\n initialCharts: true,\n initialDefaults: true,\n inputGuide: false,\n chartData: false,\n });\n defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : []; // to trigger watch on defaults\n }\n state.value.reactive.dataStateKey = keyValue;\n}, { deep: true, immediate: true });\n\nconst currentForm = computed(() => useSettingsForm(state.value.reactive.currentTab));\n\nconst chartRef = shallowRef<ChartInterface | null>(null);\nconst chartCalculatedDataRef = ref<Record<string, unknown> | null>(null);\nconst chartError = ref(false);\n\nconst graphStatus = computed<GraphStatus>(() => {\n const inputGuide = state.value.inputGuide.value;\n const chartData = state.value.chartData.value;\n if (!inputGuide.consistent) {\n return 'inconsistent';\n }\n if (!inputGuide.ready) {\n return 'notReady';\n }\n if (chartData && Object.values(chartData.data.byColumns.values)[0]?.length === 0) {\n return 'empty';\n }\n if (chartError.value) {\n return 'error';\n }\n if ((state.value.loading.initialCharts || state.value.loading.chartData)) {\n return 'loading';\n }\n return 'ready';\n});\nfunction onTreeNodeClick(d: DendroNodeInfo) {\n state.value.reactive.dendroSelectedNodeId = d?.info[0]?.id as number;\n state.value.reactive.dendroInfoByClick = d;\n}\n\nfunction onTooltipHintSwitch(v: boolean) {\n state.value.reactive.showTooltipHint = v;\n}\n\nfunction onLassoPolygonUpdate(dotIndexes: number[], polygons: { points: [number, number][], closed: boolean }[]) {\n graphMakerState.value = {\n ...graphMakerState.value,\n selectedPolygons: polygons\n };\n\n const axesData = state.value.chartData.value?.data?.axesData;\n if (dotIndexes.length === 0 || !axesData) {\n selectionState.value = { axesSpec: [], selectedKeys: [] };\n return;\n }\n\n const axisKeys = Object.keys(axesData);\n const inputGuide = state.value.inputGuide.value;\n selectionState.value = {\n axesSpec: axisKeys.map(axisKey => inputGuide.getSourceInfo(axisKey).spec as AxisSpec),\n selectedKeys: dotIndexes.map((idx) => axisKeys.map((axisKey) => axesData[axisKey][idx]) as PTableKey)\n };\n}\n\nfunction onLassoStateChange(v: LassoControlsState) {\n state.value.reactive.lassoControlsState = v;\n}\nconst graphEventHandlers: Record<ChartType, unknown> = {\n dendro: [onTreeNodeClick],\n 'scatterplot-umap': {\n onPolygonUpdate: onLassoPolygonUpdate,\n onTooltipHintSwitch,\n onLassoControlsStateUpdate: onLassoStateChange\n },\n discrete: [onTooltipHintSwitch],\n scatterplot: {\n onPolygonUpdate: onLassoPolygonUpdate,\n onTooltipHintSwitch,\n onLassoControlsStateUpdate: onLassoStateChange\n },\n histogram: [onTooltipHintSwitch],\n heatmap: [onTooltipHintSwitch],\n bubble: [onTooltipHintSwitch]\n}\nfunction updateChart(value: { data: PlotDataAndSettings['data']['byColumns'], settings: PlotDataAndSettings['settings'] } | null) {\n // if dataByColumns exists but columns has no data - show empty chart\n if (value && Object.values(value.data.values)[0]?.length > 0) {\n // console.log('value.dataByColumns', toRaw(value.data));\n // console.log('value.settings', toRaw(value.settings));\n if (chartRef.value) {\n chartRef.value.updateSettingsAndData(toRaw(value.data), toRaw(value.settings) as Settings);\n } else {\n const htmlNode = document.getElementById('chartSvgContainer');\n if (htmlNode) {\n chartRef.value = MiPlots.newPlot(toRaw(value.data), toRaw(value.settings) as Settings, graphEventHandlers[value.settings.type as ChartType]);\n if (value.settings.type === 'scatterplot-umap') {\n // set default polygons (from props)\n chartRef.value.updateChartState('polygon', graphMakerState.value.selectedPolygons ?? []);\n }\n chartRef.value.mount(htmlNode);\n }\n }\n // calculated by chart renderer data, tree hierarchy for example\n chartCalculatedDataRef.value = chartRef.value?.calculatedData ? { ...chartRef.value.calculatedData } : null;\n chartError.value = chartRef.value?.hasError ?? false;\n } else {\n chartRef.value?.unmount();\n chartRef.value = null;\n }\n}\n\nwatch(() => graphStatus.value, (v) => {\n if (v === 'notReady') {\n chartRef.value?.unmount();\n chartRef.value = null;\n }\n});\n\nconst chartDataForRender = shallowRef<{ settings: Settings, data: DataByColumns } | null>(null);\nwatch([\n () => state.value.chartData.value\n], ([chartData]) => {\n chartDataForRender.value = composeChartSettings(\n toRaw(chartData),\n toRaw(state.value.inputGuide.value),\n toRaw(state.value.uniqueValuesData.value),\n toRaw(state.value.filterLabelsInfo.value),\n toRaw(state.value.reactive)\n );\n});\nwatch([\n () => state.value.reactive.template,\n () => state.value.reactive.layersSettings,\n () => state.value.reactive.axesSettings,\n () => state.value.reactive.statisticsSettings,\n () => state.value.reactive.dataBindAes,\n () => state.value.reactive.chartScale,\n], () => {\n chartDataForRender.value = composeChartSettings(\n toRaw(state.value.chartData.value),\n toRaw(state.value.inputGuide.value),\n toRaw(state.value.uniqueValuesData.value),\n toRaw(state.value.filterLabelsInfo.value),\n toRaw(state.value.reactive),\n );\n}, { deep: true });\n\nwatch(() => chartDataForRender.value, (chartData) => {\n updateChart(chartData);\n});\nonMounted(() => {\n updateChart(null);\n});\nonUnmounted(() => {\n chartRef.value?.unmount();\n});\n\nwatchDebounced(() => state.value.reactive.optionsState, (v) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n optionsState: copyJSON(v)\n }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.statisticsSettings, (v) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n statisticsSettings: copyJSON(v)\n }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.axesSettings, (v) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n axesSettings: copyJSON(v)\n }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.layersSettings, (v) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n layersSettings: copyJSON(v)\n }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.dataBindAes, (v) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n dataBindAes: copyJSON(v)\n }\n}, { deep: true, debounce: 1000 });\n\nwatchDebounced([\n () => state.value.reactive.chartScale,\n () => state.value.reactive.template,\n () => state.value.reactive.currentTab\n], ([zoomState, template, currentTab]) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n zoomState,\n template,\n currentTab\n }\n}, { debounce: 1000 });\n\nwatch(() => state.value.reactive.dataStateKey, (dataStateKey) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n dataStateKey\n }\n}, { immediate: true });\n\nwatch(() => graphMakerState.value.currentTab, (v) => {\n state.value.reactive.currentTab = v === undefined ? 'dataMapping' : v;\n});\n\nwatch(() => graphMakerState.value?.layersSettings?.dendro?.showTable, (v) => {\n state.value.reactive.layersSettings.dendro.showTable = v ?? false;\n});\n\nfunction onExport() {\n saveToFile(\n new Blob([\n chartRef.value?.export() ?? ''\n ]),\n 'chart.svg'\n );\n}\n\nfunction updateGraphTitle(nextTitle: string) {\n graphMakerState.value = {\n ...graphMakerState.value,\n title: nextTitle\n };\n}\n\nfunction selectTreeNode(id: number | null) {\n state.value.reactive.dendroSelectedNodeId = id;\n chartRef.value?.updateChartState('selectedNode', id);\n}\n\nconst slots = useSlots();\n\nconst hasSettingsSlot = computed(() => Boolean(slots.settingsSlot));\nconst hasLogSlot = computed(() => Boolean(slots.logSlot));\n\n</script>\n\n<template>\n <div class=\"graph-maker\">\n <div class=\"graph-maker__main-pane\">\n <chart :graph-status=\"graphStatus\" :graphTitle=\"graphMakerState.title\" :chartData=\"chartCalculatedDataRef\"\n :chart-ref=\"chartRef\" :dendroTooltipButton=\"tooltipButton\" @graph-title-update=\"updateGraphTitle\"\n @dendro-node-select=\"selectTreeNode\" @dendro-tooltip-btn-click=\"(id: string) => $emit('tooltip-btn-click', id)\">\n <slot name=\"titleLineSlot\"></slot>\n </chart>\n <loading v-if=\"state.loading.initialInputGuide\" :top=\"67\" :left=\"12\" :right=\"12\" :bottom=\"12\" />\n <TransitionSlidePanel id=\"graph-settings-modal\" v-if=\"!state.loading.initialInputGuide\">\n <panel-modal v-if=\"state.reactive.currentTab\" @close=\"state.reactive.currentTab = null\">\n <component :is=\"currentForm.value\">\n <slot v-if=\"state.reactive.currentTab === 'settings'\" name=\"settingsSlot\"></slot>\n <slot v-if=\"state.reactive.currentTab === 'log'\" name=\"logSlot\"></slot>\n </component>\n </panel-modal>\n </TransitionSlidePanel>\n </div>\n <v-tabs :chart-type=\"state.reactive.chartType\" :graph-status=\"graphStatus\" :allowDeleting=\"allowChartDeleting\"\n :hasSettingsSlot=\"hasSettingsSlot\" :hasLogSlot=\"hasLogSlot\" :initialLoading=\"state.loading.initialInputGuide\"\n v-model=\"state.reactive.currentTab\" @export=\"onExport\" @delete=\"$emit('delete-this-graph')\" />\n </div>\n</template>\n"],"names":["graphMakerState","_useModel","selectionState","__props","props","__expose","reset","resetDefaults","dataStore","ref","watch","pframeValue","driver","_a","DemoDataStore","fixedOptions","value","oldValue","defaultOptions","state","provideStore","toRaw","nextReactiveState","createReactiveState","prevDataKey","computed","canonicalize","keyValue","copyJSON","getInitialStateByType","currentForm","useSettingsForm","chartRef","shallowRef","chartCalculatedDataRef","chartError","graphStatus","inputGuide","chartData","onTreeNodeClick","d","onTooltipHintSwitch","v","onLassoPolygonUpdate","dotIndexes","polygons","axesData","_b","axisKeys","axisKey","idx","onLassoStateChange","graphEventHandlers","updateChart","htmlNode","MiPlots","_c","_d","chartDataForRender","composeChartSettings","onMounted","onUnmounted","watchDebounced","zoomState","template","currentTab","dataStateKey","onExport","saveToFile","updateGraphTitle","nextTitle","selectTreeNode","id","slots","useSlots","hasSettingsSlot","hasLogSlot"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.vue.js","sources":["../../src/GraphMaker/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n ChartInterface,\n DataByColumns,\n LassoControlsState,\n MiPlots,\n Settings\n} from '@milaboratories/miplots4';\nimport {\n ChartType,\n DemoDataStore, getInitialStateByType,\n PlotDataAndSettings\n} from '@milaboratories/pf-plots';\nimport type { AxisSpec, PFrameDriver, PlSelectionModel, PTableKey } from '@platforma-sdk/model';\nimport { watchDebounced } from '@vueuse/core';\nimport canonicalize from 'canonicalize';\nimport { computed, onMounted, onUnmounted, ref, shallowRef, toRaw, useSlots, watch } from 'vue';\nimport './assets/ui.scss';\nimport Chart from './components/Chart.vue';\nimport Loading from './components/Loading.vue';\nimport PanelModal from './components/PanelModal.vue';\nimport VTabs from './components/SettingsTabs/index.vue';\nimport TransitionSlidePanel from './components/TransitionSlidePanel.vue';\nimport { useSettingsForm } from './forms';\nimport { createReactiveState, provideStore } from './store';\nimport type { GraphMakerState, GraphStatus } from './types';\nimport { DendroNodeInfo, GraphMakerProps } from './types';\nimport { composeChartSettings, saveToFile } from './utils';\nimport { copyJSON } from './utils/copyJSON';\n\nconst emit = defineEmits(['delete-this-graph', 'tooltip-btn-click']);\n\nconst graphMakerState = defineModel<GraphMakerState>({ required: true });\nconst selectionState = defineModel<PlSelectionModel>('selection');\n\nconst props = defineProps<GraphMakerProps>();\n\ndefineExpose({\n /**\n reset() will update data-mapping, axis-settings, layers-settings with the state that is in v-model at the moment.\n In other cases editing of v-model fields doesn't make any impact to graphs and interface.\n Besides, after reset default-options will be applied again. You can use reset to apply new default-options.\n */\n reset,\n /**\n Apply new defaults without resetting all the state\n */\n resetDefaults\n});\n\nconst dataStore = ref<DemoDataStore | null>(null);\n\nwatch(() => props.pFrame, (pframeValue) => {\n if (!pframeValue) {\n return;\n }\n const driver = ('platforma' in window) ? window.platforma?.pFrameDriver as PFrameDriver : props.driver;\n if (!driver) {\n throw new Error('PFrame driver is missing');\n }\n dataStore.value = new DemoDataStore(\n pframeValue,\n driver,\n props.labelsModifier\n );\n}, { immediate: true });\n\n\n//fixed options can be updated outside, other settings only inside from chart settings interface, so we don't watching other settings\nconst fixedOptions = ref<typeof props.fixedOptions>(props.fixedOptions ?? []);\nwatch(() => props.fixedOptions, (value, oldValue) => {\n if (\n value && oldValue && JSON.stringify(value) !== JSON.stringify(oldValue) ||\n value && !oldValue ||\n oldValue && !value\n ) {\n fixedOptions.value = value;\n }\n}, { deep: true });\nconst defaultOptions = ref<typeof props.defaultOptions>(props.defaultOptions);\n\nconst state = provideStore(\n toRaw(graphMakerState.value),\n dataStore,\n props.chartType,\n defaultOptions,\n fixedOptions,\n props.dataColumnPredicate,\n props.readonlyInputs\n);\n\nfunction reset() {\n const nextReactiveState = createReactiveState(\n toRaw(graphMakerState.value),\n props.chartType\n );\n Object.assign(state.value.reactive, nextReactiveState);\n Object.assign(state.value.loading, {\n initialInputGuide: true,\n initialCharts: true,\n initialDefaults: true,\n inputGuide: false,\n chartData: false,\n });\n defaultOptions.value = props.defaultOptions;\n}\n\nfunction resetDefaults() {\n Object.assign(state.value.loading, {\n initialInputGuide: true,\n initialCharts: true,\n initialDefaults: true,\n inputGuide: false,\n chartData: false,\n });\n defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : [];\n}\n\nconst prevDataKey = computed(() => state.value.reactive.dataStateKey);\nwatch(() => canonicalize(props.dataStateKey), (keyValue) => {\n if ((keyValue !== undefined || prevDataKey.value !== undefined) && prevDataKey.value !== keyValue) {\n graphMakerState.value.optionsState = copyJSON(getInitialStateByType(props.chartType));\n const nextReactiveState = createReactiveState(toRaw(graphMakerState.value), props.chartType);\n Object.assign(state.value.reactive, nextReactiveState);\n Object.assign(state.value.loading, {\n initialInputGuide: true,\n initialCharts: true,\n initialDefaults: true,\n inputGuide: false,\n chartData: false,\n });\n defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : []; // to trigger watch on defaults\n }\n state.value.reactive.dataStateKey = keyValue;\n}, { deep: true, immediate: true });\n\nconst currentForm = computed(() => useSettingsForm(state.value.reactive.currentTab));\n\nconst chartRef = shallowRef<ChartInterface | null>(null);\nconst chartCalculatedDataRef = ref<Record<string, unknown> | null>(null);\nconst chartError = ref(false);\n\nconst graphStatus = computed<GraphStatus>((previuosStatus) => {\n const inputGuide = state.value.inputGuide.value;\n const chartData = state.value.chartData.value;\n if (!inputGuide.consistent) {\n return 'inconsistent';\n }\n if (!inputGuide.ready) {\n return 'notReady';\n }\n if (chartData && Object.values(chartData.data.byColumns.values)[0]?.length === 0) {\n return 'empty';\n }\n if (chartError.value) {\n return 'error';\n }\n if ((state.value.loading.initialCharts || (previuosStatus !== 'ready' && state.value.loading.chartData))) {\n return 'loading';\n }\n return 'ready';\n});\nfunction onTreeNodeClick(d: DendroNodeInfo) {\n state.value.reactive.dendroSelectedNodeId = d?.info[0]?.id as number;\n state.value.reactive.dendroInfoByClick = d;\n}\n\nfunction onTooltipHintSwitch(v: boolean) {\n state.value.reactive.showTooltipHint = v;\n}\n\nfunction onLassoPolygonUpdate(dotIndexes: number[], polygons: { points: [number, number][], closed: boolean }[]) {\n graphMakerState.value = {\n ...graphMakerState.value,\n selectedPolygons: polygons\n };\n\n const axesData = state.value.chartData.value?.data?.axesData;\n if (dotIndexes.length === 0 || !axesData) {\n selectionState.value = { axesSpec: [], selectedKeys: [] };\n return;\n }\n\n const axisKeys = Object.keys(axesData);\n const inputGuide = state.value.inputGuide.value;\n selectionState.value = {\n axesSpec: axisKeys.map(axisKey => inputGuide.getSourceInfo(axisKey).spec as AxisSpec),\n selectedKeys: dotIndexes.map((idx) => axisKeys.map((axisKey) => axesData[axisKey][idx]) as PTableKey)\n };\n}\n\nfunction onLassoStateChange(v: LassoControlsState) {\n state.value.reactive.lassoControlsState = v;\n}\nconst graphEventHandlers: Record<ChartType, unknown> = {\n dendro: [onTreeNodeClick],\n 'scatterplot-umap': {\n onPolygonUpdate: onLassoPolygonUpdate,\n onTooltipHintSwitch,\n onLassoControlsStateUpdate: onLassoStateChange\n },\n discrete: [onTooltipHintSwitch],\n scatterplot: {\n onPolygonUpdate: onLassoPolygonUpdate,\n onTooltipHintSwitch,\n onLassoControlsStateUpdate: onLassoStateChange\n },\n histogram: [onTooltipHintSwitch],\n heatmap: [onTooltipHintSwitch],\n bubble: [onTooltipHintSwitch]\n}\nfunction updateChart(value: { data: PlotDataAndSettings['data']['byColumns'], settings: PlotDataAndSettings['settings'] } | null) {\n // if dataByColumns exists but columns has no data - show empty chart\n if (value && Object.values(value.data.values)[0]?.length > 0) {\n // console.log('value.dataByColumns', toRaw(value.data));\n // console.log('value.settings', toRaw(value.settings));\n if (chartRef.value) {\n chartRef.value.updateSettingsAndData(toRaw(value.data), toRaw(value.settings) as Settings);\n } else {\n const htmlNode = document.getElementById('chartSvgContainer');\n if (htmlNode) {\n chartRef.value = MiPlots.newPlot(toRaw(value.data), toRaw(value.settings) as Settings, graphEventHandlers[value.settings.type as ChartType]);\n if (value.settings.type === 'scatterplot-umap') {\n // set default polygons (from props)\n chartRef.value.updateChartState('polygon', graphMakerState.value.selectedPolygons ?? []);\n }\n chartRef.value.mount(htmlNode);\n }\n }\n // calculated by chart renderer data, tree hierarchy for example\n chartCalculatedDataRef.value = chartRef.value?.calculatedData ? { ...chartRef.value.calculatedData } : null;\n chartError.value = chartRef.value?.hasError ?? false;\n } else {\n chartRef.value?.unmount();\n chartRef.value = null;\n }\n}\n\nwatch(() => graphStatus.value, (v) => {\n if (v === 'notReady') {\n chartRef.value?.unmount();\n chartRef.value = null;\n }\n});\n\nconst chartDataForRender = shallowRef<{ settings: Settings, data: DataByColumns } | null>(null);\nwatch([\n () => state.value.chartData.value\n], ([chartData]) => {\n chartDataForRender.value = composeChartSettings(\n toRaw(chartData),\n toRaw(state.value.inputGuide.value),\n toRaw(state.value.uniqueValuesData.value),\n toRaw(state.value.filterLabelsInfo.value),\n toRaw(state.value.reactive)\n );\n});\nwatch([\n () => state.value.reactive.template,\n () => state.value.reactive.layersSettings,\n () => state.value.reactive.axesSettings,\n () => state.value.reactive.statisticsSettings,\n () => state.value.reactive.dataBindAes,\n () => state.value.reactive.chartScale,\n], () => {\n chartDataForRender.value = composeChartSettings(\n toRaw(state.value.chartData.value),\n toRaw(state.value.inputGuide.value),\n toRaw(state.value.uniqueValuesData.value),\n toRaw(state.value.filterLabelsInfo.value),\n toRaw(state.value.reactive),\n );\n}, { deep: true });\n\nwatch(() => chartDataForRender.value, (chartData) => {\n updateChart(chartData);\n});\nonMounted(() => {\n updateChart(null);\n});\nonUnmounted(() => {\n chartRef.value?.unmount();\n});\n\nwatchDebounced(() => state.value.reactive.optionsState, (v) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n optionsState: copyJSON(v)\n }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.statisticsSettings, (v) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n statisticsSettings: copyJSON(v)\n }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.axesSettings, (v) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n axesSettings: copyJSON(v)\n }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.layersSettings, (v) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n layersSettings: copyJSON(v)\n }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.dataBindAes, (v) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n dataBindAes: copyJSON(v)\n }\n}, { deep: true, debounce: 1000 });\n\nwatchDebounced([\n () => state.value.reactive.chartScale,\n () => state.value.reactive.template,\n () => state.value.reactive.currentTab\n], ([zoomState, template, currentTab]) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n zoomState,\n template,\n currentTab\n }\n}, { debounce: 1000 });\n\nwatch(() => state.value.reactive.dataStateKey, (dataStateKey) => {\n graphMakerState.value = {\n ...graphMakerState.value,\n dataStateKey\n }\n}, { immediate: true });\n\nwatch(() => graphMakerState.value.currentTab, (v) => {\n state.value.reactive.currentTab = v === undefined ? 'dataMapping' : v;\n});\n\nwatch(() => graphMakerState.value?.layersSettings?.dendro?.showTable, (v) => {\n state.value.reactive.layersSettings.dendro.showTable = v ?? false;\n});\n\nfunction onExport() {\n saveToFile(\n new Blob([\n chartRef.value?.export() ?? ''\n ]),\n 'chart.svg'\n );\n}\n\nfunction updateGraphTitle(nextTitle: string) {\n graphMakerState.value = {\n ...graphMakerState.value,\n title: nextTitle\n };\n}\n\nfunction selectTreeNode(id: number | null) {\n state.value.reactive.dendroSelectedNodeId = id;\n chartRef.value?.updateChartState('selectedNode', id);\n}\n\nconst slots = useSlots();\n\nconst hasSettingsSlot = computed(() => Boolean(slots.settingsSlot));\nconst hasLogSlot = computed(() => Boolean(slots.logSlot));\n\n</script>\n\n<template>\n <div class=\"graph-maker\">\n <div class=\"graph-maker__main-pane\">\n <chart :graph-status=\"graphStatus\" :graphTitle=\"graphMakerState.title\" :chartData=\"chartCalculatedDataRef\"\n :chart-ref=\"chartRef\" :dendroTooltipButton=\"tooltipButton\" @graph-title-update=\"updateGraphTitle\"\n @dendro-node-select=\"selectTreeNode\" @dendro-tooltip-btn-click=\"(id: string) => $emit('tooltip-btn-click', id)\">\n <slot name=\"titleLineSlot\"></slot>\n </chart>\n <loading v-if=\"state.loading.initialInputGuide\" :top=\"67\" :left=\"12\" :right=\"12\" :bottom=\"12\" />\n <TransitionSlidePanel id=\"graph-settings-modal\" v-if=\"!state.loading.initialInputGuide\">\n <panel-modal v-if=\"state.reactive.currentTab\" @close=\"state.reactive.currentTab = null\">\n <component :is=\"currentForm.value\">\n <slot v-if=\"state.reactive.currentTab === 'settings'\" name=\"settingsSlot\"></slot>\n <slot v-if=\"state.reactive.currentTab === 'log'\" name=\"logSlot\"></slot>\n </component>\n </panel-modal>\n </TransitionSlidePanel>\n </div>\n <v-tabs :chart-type=\"state.reactive.chartType\" :graph-status=\"graphStatus\" :allowDeleting=\"allowChartDeleting\"\n :hasSettingsSlot=\"hasSettingsSlot\" :hasLogSlot=\"hasLogSlot\" :initialLoading=\"state.loading.initialInputGuide\"\n v-model=\"state.reactive.currentTab\" @export=\"onExport\" @delete=\"$emit('delete-this-graph')\" />\n </div>\n</template>\n"],"names":["graphMakerState","_useModel","selectionState","__props","props","__expose","reset","resetDefaults","dataStore","ref","watch","pframeValue","driver","_a","DemoDataStore","fixedOptions","value","oldValue","defaultOptions","state","provideStore","toRaw","nextReactiveState","createReactiveState","prevDataKey","computed","canonicalize","keyValue","copyJSON","getInitialStateByType","currentForm","useSettingsForm","chartRef","shallowRef","chartCalculatedDataRef","chartError","graphStatus","previuosStatus","inputGuide","chartData","onTreeNodeClick","d","onTooltipHintSwitch","v","onLassoPolygonUpdate","dotIndexes","polygons","axesData","_b","axisKeys","axisKey","idx","onLassoStateChange","graphEventHandlers","updateChart","htmlNode","MiPlots","_c","_d","chartDataForRender","composeChartSettings","onMounted","onUnmounted","watchDebounced","zoomState","template","currentTab","dataStateKey","onExport","saveToFile","updateGraphTitle","nextTitle","selectTreeNode","id","slots","useSlots","hasSettingsSlot","hasLogSlot"],"mappings":"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"}
|
|
@@ -1,129 +1,138 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { BLACK as
|
|
1
|
+
import { j as e } from "../node_modules/react/jsx-runtime.js";
|
|
2
|
+
import { BLACK as o } from "../constants.js";
|
|
3
3
|
import { exhaustive as h } from "./index.js";
|
|
4
|
-
import
|
|
5
|
-
function a
|
|
6
|
-
return
|
|
4
|
+
import p from "../node_modules/d3-scale/src/linear.js";
|
|
5
|
+
function l(a) {
|
|
6
|
+
return p().domain([0, 1]).range([a, o])(0.25);
|
|
7
7
|
}
|
|
8
|
-
const
|
|
9
|
-
function
|
|
10
|
-
switch (
|
|
8
|
+
const M = 1.4;
|
|
9
|
+
function u(a, t = 6, s = o, n = null) {
|
|
10
|
+
switch (a) {
|
|
11
11
|
case null:
|
|
12
12
|
return "";
|
|
13
13
|
case "0":
|
|
14
|
-
return /* @__PURE__ */
|
|
14
|
+
return /* @__PURE__ */ e.jsx(
|
|
15
15
|
"path",
|
|
16
16
|
{
|
|
17
17
|
d: `M -${t},-${t} l ${t * 2},0 l 0,${t * 2} l -${t * 2},0 l 0,-${t * 2}z`,
|
|
18
|
-
fill: "
|
|
18
|
+
fill: "transparent",
|
|
19
19
|
stroke: s
|
|
20
20
|
}
|
|
21
21
|
);
|
|
22
22
|
case "1":
|
|
23
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ e.jsx(
|
|
24
24
|
"path",
|
|
25
25
|
{
|
|
26
26
|
d: `M -${t},0 a ${t},${t} 0 1,0 ${t * 2},0 a ${t},${t} 0 1,0 -${t * 2},0z`,
|
|
27
|
-
fill: "
|
|
27
|
+
fill: "transparent",
|
|
28
28
|
stroke: s
|
|
29
29
|
}
|
|
30
30
|
);
|
|
31
31
|
case "2":
|
|
32
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ e.jsx(
|
|
33
33
|
"path",
|
|
34
34
|
{
|
|
35
35
|
d: `M0,-${t}L ${2 * t * Math.tan(Math.PI / 6)},${t}L ${-2 * t * Math.tan(Math.PI / 6)},${t}z`,
|
|
36
|
-
fill: "
|
|
36
|
+
fill: "transparent",
|
|
37
37
|
stroke: s
|
|
38
38
|
}
|
|
39
39
|
);
|
|
40
40
|
case "3":
|
|
41
|
-
return /* @__PURE__ */
|
|
41
|
+
return /* @__PURE__ */ e.jsxs("g", { children: [
|
|
42
|
+
/* @__PURE__ */ e.jsx("circle", { r: t, fill: "transparent", stroke: "none" }),
|
|
43
|
+
/* @__PURE__ */ e.jsx("path", { d: `M0,-${t}L 0,${t} M -${t},0 L ${t},0`, fill: "none", stroke: s })
|
|
44
|
+
] });
|
|
42
45
|
case "4":
|
|
43
|
-
return /* @__PURE__ */
|
|
44
|
-
"
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
46
|
+
return /* @__PURE__ */ e.jsxs("g", { children: [
|
|
47
|
+
/* @__PURE__ */ e.jsx("circle", { r: t, fill: "transparent", stroke: "none" }),
|
|
48
|
+
/* @__PURE__ */ e.jsx(
|
|
49
|
+
"path",
|
|
50
|
+
{
|
|
51
|
+
d: `M-${t},-${t}L ${t},${t} M ${t},-${t} L -${t},${t}`,
|
|
52
|
+
fill: "transparent",
|
|
53
|
+
stroke: s
|
|
54
|
+
}
|
|
55
|
+
)
|
|
56
|
+
] });
|
|
51
57
|
case "5": {
|
|
52
|
-
const
|
|
53
|
-
return /* @__PURE__ */
|
|
58
|
+
const r = t * M;
|
|
59
|
+
return /* @__PURE__ */ e.jsx("path", { d: `M0,-${r}L ${r},0 L 0,${r} L -${r},0z`, fill: "transparent", stroke: s });
|
|
54
60
|
}
|
|
55
61
|
case "6":
|
|
56
|
-
return /* @__PURE__ */
|
|
62
|
+
return /* @__PURE__ */ e.jsx(
|
|
57
63
|
"path",
|
|
58
64
|
{
|
|
59
65
|
d: `M${-2 * t * Math.tan(Math.PI / 6)},-${t}L ${2 * t * Math.tan(Math.PI / 6)},-${t}L0,${t}z`,
|
|
60
|
-
fill: "
|
|
66
|
+
fill: "transparent",
|
|
61
67
|
stroke: s
|
|
62
68
|
}
|
|
63
69
|
);
|
|
64
70
|
case "7":
|
|
65
|
-
return /* @__PURE__ */
|
|
71
|
+
return /* @__PURE__ */ e.jsx(
|
|
66
72
|
"path",
|
|
67
73
|
{
|
|
68
74
|
d: `M -${t},-${t} l ${t * 2},0 l 0,${t * 2} l -${t * 2},0 l 0,-${t * 2}z M-${t},-${t}L ${t},${t} M ${t},-${t} L -${t},${t}`,
|
|
69
|
-
fill: "
|
|
75
|
+
fill: "transparent",
|
|
70
76
|
stroke: s
|
|
71
77
|
}
|
|
72
78
|
);
|
|
73
79
|
case "8": {
|
|
74
|
-
const
|
|
75
|
-
return /* @__PURE__ */
|
|
76
|
-
"
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
80
|
+
const r = t * 2 * Math.cos(Math.PI / 4);
|
|
81
|
+
return /* @__PURE__ */ e.jsxs("g", { children: [
|
|
82
|
+
/* @__PURE__ */ e.jsx("circle", { r: t, fill: "transparent", stroke: "none" }),
|
|
83
|
+
/* @__PURE__ */ e.jsx(
|
|
84
|
+
"path",
|
|
85
|
+
{
|
|
86
|
+
d: `M0,-${r}L 0,${r} M -${r},0 L ${r},0 M-${t},-${t}L ${t},${t} M ${t},-${t} L -${t},${t}`,
|
|
87
|
+
fill: "transparent",
|
|
88
|
+
stroke: s
|
|
89
|
+
}
|
|
90
|
+
)
|
|
91
|
+
] });
|
|
83
92
|
}
|
|
84
93
|
case "9": {
|
|
85
|
-
const
|
|
86
|
-
return /* @__PURE__ */
|
|
94
|
+
const r = t * M;
|
|
95
|
+
return /* @__PURE__ */ e.jsx(
|
|
87
96
|
"path",
|
|
88
97
|
{
|
|
89
|
-
d: `M0,-${
|
|
90
|
-
fill: "
|
|
98
|
+
d: `M0,-${r}L ${r},0 L 0,${r} L -${r},0z M0,-${r}L 0,${r} M -${r},0 L ${r},0`,
|
|
99
|
+
fill: "transparent",
|
|
91
100
|
stroke: s
|
|
92
101
|
}
|
|
93
102
|
);
|
|
94
103
|
}
|
|
95
104
|
case "10":
|
|
96
|
-
return /* @__PURE__ */
|
|
105
|
+
return /* @__PURE__ */ e.jsx(
|
|
97
106
|
"path",
|
|
98
107
|
{
|
|
99
108
|
d: `M -${t},0 a ${t},${t} 0 1,0 ${t * 2},0 a ${t},${t} 0 1,0 -${t * 2},0z M0,-${t}L 0,${t} M -${t},0 L ${t},0`,
|
|
100
|
-
fill: "
|
|
109
|
+
fill: "transparent",
|
|
101
110
|
stroke: s
|
|
102
111
|
}
|
|
103
112
|
);
|
|
104
113
|
case "11": {
|
|
105
|
-
const
|
|
106
|
-
return /* @__PURE__ */
|
|
114
|
+
const r = 2 * t * Math.tan(Math.PI / 6);
|
|
115
|
+
return /* @__PURE__ */ e.jsx(
|
|
107
116
|
"path",
|
|
108
117
|
{
|
|
109
|
-
d: `M-${
|
|
110
|
-
M-${
|
|
111
|
-
fill: "
|
|
118
|
+
d: `M-${r},-${t}L${r},-${t}L0,${-t + 2 * r}z
|
|
119
|
+
M-${r},${t}L0,${t - 2 * r}L${r},${t}z`,
|
|
120
|
+
fill: "transparent",
|
|
112
121
|
stroke: s
|
|
113
122
|
}
|
|
114
123
|
);
|
|
115
124
|
}
|
|
116
125
|
case "12":
|
|
117
|
-
return /* @__PURE__ */
|
|
126
|
+
return /* @__PURE__ */ e.jsx(
|
|
118
127
|
"path",
|
|
119
128
|
{
|
|
120
129
|
d: `M -${t},-${t} l ${t * 2},0 l 0,${t * 2} l -${t * 2},0 l 0,-${t * 2}z M0,-${t}L 0,${t} M -${t},0 L ${t},0`,
|
|
121
|
-
fill: "
|
|
130
|
+
fill: "transparent",
|
|
122
131
|
stroke: s
|
|
123
132
|
}
|
|
124
133
|
);
|
|
125
134
|
case "13":
|
|
126
|
-
return /* @__PURE__ */
|
|
135
|
+
return /* @__PURE__ */ e.jsx(
|
|
127
136
|
"path",
|
|
128
137
|
{
|
|
129
138
|
d: `M -${t},0 a ${t},${t} 0 1,0 ${t * 2},0 a ${t},${t} 0 1,0 -${t * 2},0z M-${t},-${t}L ${t},${t} M ${t},-${t} L -${t},${t}`,
|
|
@@ -132,16 +141,16 @@ function f(n, t = 6, s = M, l = null) {
|
|
|
132
141
|
}
|
|
133
142
|
);
|
|
134
143
|
case "14":
|
|
135
|
-
return /* @__PURE__ */
|
|
144
|
+
return /* @__PURE__ */ e.jsx(
|
|
136
145
|
"path",
|
|
137
146
|
{
|
|
138
147
|
d: `M -${t},-${t} l ${t * 2},0 l 0,${t * 2} l -${t * 2},0 l 0,-${t * 2}z M-${t},${t}L0,${-t}L${t},${t}`,
|
|
139
|
-
fill: "
|
|
148
|
+
fill: "transparent",
|
|
140
149
|
stroke: s
|
|
141
150
|
}
|
|
142
151
|
);
|
|
143
152
|
case "15":
|
|
144
|
-
return /* @__PURE__ */
|
|
153
|
+
return /* @__PURE__ */ e.jsx(
|
|
145
154
|
"path",
|
|
146
155
|
{
|
|
147
156
|
d: `M -${t},-${t} l ${t * 2},0 l 0,${t * 2} l -${t * 2},0 l 0,-${t * 2}z`,
|
|
@@ -150,7 +159,7 @@ function f(n, t = 6, s = M, l = null) {
|
|
|
150
159
|
}
|
|
151
160
|
);
|
|
152
161
|
case "16":
|
|
153
|
-
return /* @__PURE__ */
|
|
162
|
+
return /* @__PURE__ */ e.jsx(
|
|
154
163
|
"path",
|
|
155
164
|
{
|
|
156
165
|
d: `M -${t},0 a ${t},${t} 0 1,0 ${t * 2},0 a ${t},${t} 0 1,0 -${t * 2},0z`,
|
|
@@ -159,7 +168,7 @@ function f(n, t = 6, s = M, l = null) {
|
|
|
159
168
|
}
|
|
160
169
|
);
|
|
161
170
|
case "17":
|
|
162
|
-
return /* @__PURE__ */
|
|
171
|
+
return /* @__PURE__ */ e.jsx(
|
|
163
172
|
"path",
|
|
164
173
|
{
|
|
165
174
|
d: `M0,-${t}L ${2 * t * Math.tan(Math.PI / 6)},${t}L ${-2 * t * Math.tan(Math.PI / 6)},${t}z`,
|
|
@@ -168,65 +177,65 @@ function f(n, t = 6, s = M, l = null) {
|
|
|
168
177
|
}
|
|
169
178
|
);
|
|
170
179
|
case "18": {
|
|
171
|
-
const
|
|
172
|
-
return /* @__PURE__ */
|
|
180
|
+
const r = t * M;
|
|
181
|
+
return /* @__PURE__ */ e.jsx("path", { d: `M0,-${r}L ${r},0 L 0,${r} L -${r},0z`, fill: s, stroke: s });
|
|
173
182
|
}
|
|
174
183
|
case "20": {
|
|
175
|
-
const
|
|
176
|
-
return /* @__PURE__ */
|
|
184
|
+
const r = t * 2 / 3;
|
|
185
|
+
return /* @__PURE__ */ e.jsx(
|
|
177
186
|
"path",
|
|
178
187
|
{
|
|
179
|
-
d: `M -${
|
|
188
|
+
d: `M -${r},0 a ${r},${r} 0 1,0 ${r * 2},0 a ${r},${r} 0 1,0 -${r * 2},0z`,
|
|
180
189
|
fill: s,
|
|
181
190
|
stroke: s
|
|
182
191
|
}
|
|
183
192
|
);
|
|
184
193
|
}
|
|
185
194
|
case "22":
|
|
186
|
-
return /* @__PURE__ */
|
|
195
|
+
return /* @__PURE__ */ e.jsx(
|
|
187
196
|
"path",
|
|
188
197
|
{
|
|
189
198
|
d: `M -${t},-${t} l ${t * 2},0 l 0,${t * 2} l -${t * 2},0 l 0,-${t * 2}z`,
|
|
190
199
|
fill: s,
|
|
191
|
-
stroke:
|
|
200
|
+
stroke: n ?? l(s)
|
|
192
201
|
}
|
|
193
202
|
);
|
|
194
203
|
case "21":
|
|
195
|
-
return /* @__PURE__ */
|
|
204
|
+
return /* @__PURE__ */ e.jsx(
|
|
196
205
|
"path",
|
|
197
206
|
{
|
|
198
207
|
d: `M -${t},0 a ${t},${t} 0 1,0 ${t * 2},0 a ${t},${t} 0 1,0 -${t * 2},0z`,
|
|
199
208
|
fill: s,
|
|
200
|
-
stroke:
|
|
209
|
+
stroke: n ?? l(s)
|
|
201
210
|
}
|
|
202
211
|
);
|
|
203
212
|
case "24":
|
|
204
|
-
return /* @__PURE__ */
|
|
213
|
+
return /* @__PURE__ */ e.jsx(
|
|
205
214
|
"path",
|
|
206
215
|
{
|
|
207
216
|
d: `M0,-${t}L ${2 * t * Math.tan(Math.PI / 6)},${t}L ${-2 * t * Math.tan(Math.PI / 6)},${t}z`,
|
|
208
217
|
fill: s,
|
|
209
|
-
stroke:
|
|
218
|
+
stroke: n ?? l(s)
|
|
210
219
|
}
|
|
211
220
|
);
|
|
212
221
|
case "23": {
|
|
213
|
-
const
|
|
214
|
-
return /* @__PURE__ */
|
|
222
|
+
const r = t * M;
|
|
223
|
+
return /* @__PURE__ */ e.jsx("path", { d: `M0,-${r}L ${r},0 L 0,${r} L -${r},0z`, fill: s, stroke: n ?? l(s) });
|
|
215
224
|
}
|
|
216
225
|
case "25":
|
|
217
|
-
return /* @__PURE__ */
|
|
226
|
+
return /* @__PURE__ */ e.jsx(
|
|
218
227
|
"path",
|
|
219
228
|
{
|
|
220
229
|
d: `M${-2 * t * Math.tan(Math.PI / 6)},-${t}L ${2 * t * Math.tan(Math.PI / 6)},-${t}L0,${t}z`,
|
|
221
230
|
fill: s,
|
|
222
|
-
stroke:
|
|
231
|
+
stroke: n ?? l(s)
|
|
223
232
|
}
|
|
224
233
|
);
|
|
225
234
|
default:
|
|
226
|
-
h(
|
|
235
|
+
h(a, `Unknown point shape ${a}`);
|
|
227
236
|
}
|
|
228
237
|
}
|
|
229
238
|
export {
|
|
230
|
-
|
|
239
|
+
u as getPointShape
|
|
231
240
|
};
|
|
232
241
|
//# sourceMappingURL=getPointShape.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getPointShape.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/utils/getPointShape.tsx"],"sourcesContent":["import {BLACK} from '../constants';\nimport {exhaustive} from './index';\nimport {scaleLinear} from 'd3-scale';\nimport React from 'react';\nimport type {PointShape} from '../types';\n\nfunction darker (color:string) {\n const scale = scaleLinear<string>().domain([0,1]).range([color, BLACK]);\n return scale(0.25);\n}\n\nconst DIAMOND_COEF = 1.4;\nexport function getPointShape(shape: PointShape | null, size = 6, fillColor = BLACK, strokeColor:string|null = null) {\n switch (shape) {\n case null:\n return '';\n // empty square\n case '0':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${size * 2}z`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // empty circle\n case '1':\n return (\n <path\n d={`M -${size},0 a ${size},${size} 0 1,0 ${size * 2},0 a ${size},${size} 0 1,0 -${size * 2},0z`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // empty triangle up\n case '2':\n return (\n <path\n d={`M0,-${size}L ${2 * size * Math.tan(Math.PI / 6)},${size}L ${-2 * size * Math.tan((Math.PI) / 6)},${size}z`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // 'plus' cross\n case '3':\n return <path d={`M0,-${size}L 0,${size} M -${size},0 L ${size},0`} fill=\"none\" stroke={fillColor} />;\n // 'close' cross\n case '4':\n return (\n <path\n d={`M-${size},-${size}L ${size},${size} M ${size},-${size} L -${size},${size}`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // empty diamond\n case '5': {\n const a = size * DIAMOND_COEF;\n return <path d={`M0,-${a}L ${a},0 L 0,${a} L -${a},0z`} fill=\"none\" stroke={fillColor} />;\n }\n // empty triangle down\n case '6':\n return (\n <path\n d={`M${-2 * size * Math.tan(Math.PI / 6)},-${size}L ${2 * size * Math.tan(Math.PI / 6)},-${size}L0,${size}z`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // empty square and 'close' cross\n case '7':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${\n size * 2\n }z M-${size},-${size}L ${size},${size} M ${size},-${size} L -${size},${size}`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // snowflake\n case '8': {\n const a = size * 2 * Math.cos(Math.PI / 4);\n return (\n <path\n d={`M0,-${a}L 0,${a} M -${a},0 L ${a},0 M-${size},-${size}L ${size},${size} M ${size},-${size} L -${size},${size}`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n }\n // empty diamond and 'plus' cross\n case '9': {\n const a = size * DIAMOND_COEF;\n return (\n <path\n d={`M0,-${a}L ${a},0 L 0,${a} L -${a},0z M0,-${a}L 0,${a} M -${a},0 L ${a},0`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n }\n // empty circle and 'plus' cross\n case '10':\n return (\n <path\n d={`M -${size},0 a ${size},${size} 0 1,0 ${size * 2},0 a ${size},${size} 0 1,0 -${\n size * 2\n },0z M0,-${size}L 0,${size} M -${size},0 L ${size},0`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // two empty triangles up and down\n case '11': {\n const a = 2 * size * Math.tan(Math.PI / 6);\n return (\n <path\n d={`M-${a},-${size}L${a},-${size}L0,${-size + 2 * a}z\n M-${a},${size}L0,${size - 2 * a}L${a},${size}z`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n }\n // empty square and 'plus' cross\n case '12':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${\n size * 2\n }z M0,-${size}L 0,${size} M -${size},0 L ${size},0`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // empty circle and 'close' cross\n case '13':\n return (\n <path\n d={`M -${size},0 a ${size},${size} 0 1,0 ${size * 2},0 a ${size},${size} 0 1,0 -${\n size * 2\n },0z M-${size},-${size}L ${size},${size} M ${size},-${size} L -${size},${size}`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // empty square and empty triangle up\n case '14':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${\n size * 2\n }z M-${size},${size}L0,${-size}L${size},${size}`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // black square\n case '15':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${size * 2}z`}\n fill={fillColor}\n stroke={fillColor}\n />\n );\n // black circle\n case '16':\n return (\n <path\n d={`M -${size},0 a ${size},${size} 0 1,0 ${size * 2},0 a ${size},${size} 0 1,0 -${size * 2},0z`}\n fill={fillColor}\n stroke={fillColor}\n />\n );\n // black triangle\n case '17':\n return (\n <path\n d={`M0,-${size}L ${2 * size * Math.tan(Math.PI / 6)},${size}L ${-2 * size * Math.tan((Math.PI) / 6)},${size}z`}\n fill={fillColor}\n stroke={fillColor}\n />\n );\n // black diamond\n case '18': {\n const a = size * DIAMOND_COEF;\n return <path d={`M0,-${a}L ${a},0 L 0,${a} L -${a},0z`} fill={fillColor} stroke={fillColor} />;\n }\n // small black circle\n case '20': {\n const a = (size * 2) / 3;\n return (\n <path\n d={`M -${a},0 a ${a},${a} 0 1,0 ${a * 2},0 a ${a},${a} 0 1,0 -${a * 2},0z`}\n fill={fillColor}\n stroke={fillColor}\n />\n );\n }\n // colored square\n case '22':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${size * 2}z`}\n fill={fillColor}\n stroke={strokeColor ?? darker(fillColor)}\n />\n );\n // colored circle\n case '21':\n return (\n <path\n d={`M -${size},0 a ${size},${size} 0 1,0 ${size * 2},0 a ${size},${size} 0 1,0 -${size * 2},0z`}\n fill={fillColor}\n stroke={strokeColor ?? darker(fillColor)}\n />\n );\n // colored triangle up\n case '24':\n return (\n <path\n d={`M0,-${size}L ${2 * size * Math.tan(Math.PI / 6)},${size}L ${-2 * size * Math.tan((Math.PI) / 6)},${size}z`}\n fill={fillColor}\n stroke={strokeColor ?? darker(fillColor)}\n />\n );\n // colored diamond\n case '23': {\n const a = size * DIAMOND_COEF;\n return <path d={`M0,-${a}L ${a},0 L 0,${a} L -${a},0z`} fill={fillColor} stroke={strokeColor ?? darker(fillColor)} />;\n }\n // colored triangle down\n case '25':\n return (\n <path\n d={`M${-2 * size * Math.tan(Math.PI / 6)},-${size}L ${2 * size * Math.tan(Math.PI / 6)},-${size}L0,${size}z`}\n fill={fillColor}\n stroke={strokeColor ?? darker(fillColor)}\n />\n );\n default:\n exhaustive(shape, `Unknown point shape ${shape}`);\n }\n}\n"],"names":["darker","color","scaleLinear","BLACK","DIAMOND_COEF","getPointShape","shape","size","fillColor","strokeColor","jsx","a","n","exhaustive"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"getPointShape.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/utils/getPointShape.tsx"],"sourcesContent":["import { BLACK } from '../constants';\nimport { exhaustive } from './index';\nimport { scaleLinear } from 'd3-scale';\nimport React from 'react';\nimport type { PointShape } from '../types';\n\nfunction darker(color: string) {\n const scale = scaleLinear<string>().domain([0, 1]).range([color, BLACK]);\n return scale(0.25);\n}\n\nconst DIAMOND_COEF = 1.4;\nexport function getPointShape(shape: PointShape | null, size = 6, fillColor = BLACK, strokeColor: string | null = null) {\n switch (shape) {\n case null:\n return '';\n // empty square\n case '0':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${size * 2}z`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n );\n // empty circle\n case '1':\n return (\n <path\n d={`M -${size},0 a ${size},${size} 0 1,0 ${size * 2},0 a ${size},${size} 0 1,0 -${size * 2},0z`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n );\n // empty triangle up\n case '2':\n return (\n <path\n d={`M0,-${size}L ${2 * size * Math.tan(Math.PI / 6)},${size}L ${-2 * size * Math.tan((Math.PI) / 6)},${size}z`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n );\n // 'plus' cross\n case '3':\n return (\n <g>\n <circle r={size} fill=\"transparent\" stroke=\"none\" />\n <path d={`M0,-${size}L 0,${size} M -${size},0 L ${size},0`} fill=\"none\" stroke={fillColor} />\n </g>);\n // 'close' cross\n case '4':\n return (\n <g>\n <circle r={size} fill=\"transparent\" stroke=\"none\" />\n <path\n d={`M-${size},-${size}L ${size},${size} M ${size},-${size} L -${size},${size}`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n </g>\n );\n // empty diamond\n case '5': {\n const a = size * DIAMOND_COEF;\n return <path d={`M0,-${a}L ${a},0 L 0,${a} L -${a},0z`} fill=\"transparent\" stroke={fillColor} />;\n }\n // empty triangle down\n case '6':\n return (\n <path\n d={`M${-2 * size * Math.tan(Math.PI / 6)},-${size}L ${2 * size * Math.tan(Math.PI / 6)},-${size}L0,${size}z`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n );\n // empty square and 'close' cross\n case '7':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${size * 2\n }z M-${size},-${size}L ${size},${size} M ${size},-${size} L -${size},${size}`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n );\n // snowflake\n case '8': {\n const a = size * 2 * Math.cos(Math.PI / 4);\n return (\n <g>\n <circle r={size} fill=\"transparent\" stroke=\"none\" />\n <path\n d={`M0,-${a}L 0,${a} M -${a},0 L ${a},0 M-${size},-${size}L ${size},${size} M ${size},-${size} L -${size},${size}`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n </g>\n );\n }\n // empty diamond and 'plus' cross\n case '9': {\n const a = size * DIAMOND_COEF;\n return (\n <path\n d={`M0,-${a}L ${a},0 L 0,${a} L -${a},0z M0,-${a}L 0,${a} M -${a},0 L ${a},0`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n );\n }\n // empty circle and 'plus' cross\n case '10':\n return (\n <path\n d={`M -${size},0 a ${size},${size} 0 1,0 ${size * 2},0 a ${size},${size} 0 1,0 -${size * 2\n },0z M0,-${size}L 0,${size} M -${size},0 L ${size},0`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n );\n // two empty triangles up and down\n case '11': {\n const a = 2 * size * Math.tan(Math.PI / 6);\n return (\n <path\n d={`M-${a},-${size}L${a},-${size}L0,${-size + 2 * a}z\n M-${a},${size}L0,${size - 2 * a}L${a},${size}z`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n );\n }\n // empty square and 'plus' cross\n case '12':\n return (\n\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${size * 2\n }z M0,-${size}L 0,${size} M -${size},0 L ${size},0`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n );\n // empty circle and 'close' cross\n case '13':\n return (\n <path\n d={`M -${size},0 a ${size},${size} 0 1,0 ${size * 2},0 a ${size},${size} 0 1,0 -${size * 2\n },0z M-${size},-${size}L ${size},${size} M ${size},-${size} L -${size},${size}`}\n fill=\"none\"\n stroke={fillColor}\n />\n );\n // empty square and empty triangle up\n case '14':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${size * 2\n }z M-${size},${size}L0,${-size}L${size},${size}`}\n fill=\"transparent\"\n stroke={fillColor}\n />\n );\n // black square\n case '15':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${size * 2}z`}\n fill={fillColor}\n stroke={fillColor}\n />\n );\n // black circle\n case '16':\n return (\n <path\n d={`M -${size},0 a ${size},${size} 0 1,0 ${size * 2},0 a ${size},${size} 0 1,0 -${size * 2},0z`}\n fill={fillColor}\n stroke={fillColor}\n />\n );\n // black triangle\n case '17':\n return (\n <path\n d={`M0,-${size}L ${2 * size * Math.tan(Math.PI / 6)},${size}L ${-2 * size * Math.tan((Math.PI) / 6)},${size}z`}\n fill={fillColor}\n stroke={fillColor}\n />\n );\n // black diamond\n case '18': {\n const a = size * DIAMOND_COEF;\n return <path d={`M0,-${a}L ${a},0 L 0,${a} L -${a},0z`} fill={fillColor} stroke={fillColor} />;\n }\n // small black circle\n case '20': {\n const a = (size * 2) / 3;\n return (\n <path\n d={`M -${a},0 a ${a},${a} 0 1,0 ${a * 2},0 a ${a},${a} 0 1,0 -${a * 2},0z`}\n fill={fillColor}\n stroke={fillColor}\n />\n );\n }\n // colored square\n case '22':\n return (\n <path\n d={`M -${size},-${size} l ${size * 2},0 l 0,${size * 2} l -${size * 2},0 l 0,-${size * 2}z`}\n fill={fillColor}\n stroke={strokeColor ?? darker(fillColor)}\n />\n );\n // colored circle\n case '21':\n return (\n <path\n d={`M -${size},0 a ${size},${size} 0 1,0 ${size * 2},0 a ${size},${size} 0 1,0 -${size * 2},0z`}\n fill={fillColor}\n stroke={strokeColor ?? darker(fillColor)}\n />\n );\n // colored triangle up\n case '24':\n return (\n <path\n d={`M0,-${size}L ${2 * size * Math.tan(Math.PI / 6)},${size}L ${-2 * size * Math.tan((Math.PI) / 6)},${size}z`}\n fill={fillColor}\n stroke={strokeColor ?? darker(fillColor)}\n />\n );\n // colored diamond\n case '23': {\n const a = size * DIAMOND_COEF;\n return <path d={`M0,-${a}L ${a},0 L 0,${a} L -${a},0z`} fill={fillColor} stroke={strokeColor ?? darker(fillColor)} />;\n }\n // colored triangle down\n case '25':\n return (\n <path\n d={`M${-2 * size * Math.tan(Math.PI / 6)},-${size}L ${2 * size * Math.tan(Math.PI / 6)},-${size}L0,${size}z`}\n fill={fillColor}\n stroke={strokeColor ?? darker(fillColor)}\n />\n );\n default:\n exhaustive(shape, `Unknown point shape ${shape}`);\n }\n}\n"],"names":["darker","color","scaleLinear","BLACK","DIAMOND_COEF","getPointShape","shape","size","fillColor","strokeColor","jsx","n","a","exhaustive"],"mappings":"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","x_google_ignoreList":[0]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@milaboratories/graph-maker",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.174",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/lib.js",
|
|
6
6
|
"types": "dist/lib.d.ts",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@ag-grid-community/core": "^32.3.3",
|
|
39
39
|
"@milaboratories/helpers": "^1.6.15",
|
|
40
|
-
"@milaboratories/miplots4": "^1.0.
|
|
40
|
+
"@milaboratories/miplots4": "^1.0.155",
|
|
41
41
|
"@milaboratories/pf-plots": "^1.1.41",
|
|
42
42
|
"@platforma-sdk/model": "^1.43.29",
|
|
43
43
|
"@platforma-sdk/ui-vue": "^1.44.15",
|