@milaboratories/graph-maker 1.2.5 → 1.2.7

package/dist/forms/LayersForm/Layer/scatterplot/Scatter.js

@@ -0,0 +1,5 @@
+import e from "./Scatter.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=Scatter.js.map

package/dist/forms/LayersForm/Layer/scatterplot/Scatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/scatterplot/Scatter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport { DEFAULT_BLACK, DEFAULT_DOT_SHAPE } from '../../../../constantsAesthetic';\nimport type {\n  AestheticMappingCategorical,\n  AestheticMappingContinuous } from '../../../../dataBindAes';\nimport {\n  DEFAULT_DOT_RANGE,\n  DEFAULT_DOT_SIZE, isAestheticMapping,\n} from '../../../../dataBindAes';\nimport type { AesMappingOption, AesOption, DotShape } from '../../../../components/AesSettings/types';\nimport type { ContinuousDataMappingSize, MappingLink } from '../../../../constantsCommon';\nimport { isContinuousDataMapping } from '../../../../constantsCommon';\nimport DotSizeSelector from '../../DotSizeSelector.vue';\nimport type { InputGuide, ScatterplotUIState } from '@milaboratories/pf-plots';\nimport { Annotation, readAnnotation } from '@platforma-sdk/model';\n\nconst store = useStore();\nconst layer = 'dots';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\nconst inputGuide = computed(\n  () => store.value.inputGuide.value,\n) as unknown as Ref<InputGuide<ScatterplotUIState>>;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction isMapping(value: MappingLink | string | null): value is MappingLink {\n  return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst dotFill = computed(() => {\n  const value = settings.value.dotFill;\n  const columns = state.components.grouping.selectorStates.map((s) => s.selectedSource);\n  if (isMapping(value) && columns.length) {\n    return columns.includes(value.value as string) ? value : { type: 'grouping', value: columns[0] };\n  }\n  return columns.length ? { type: 'grouping', value: columns[0] } : isMapping(value) ? DEFAULT_BLACK : value ?? DEFAULT_BLACK;\n});\n\nconst dotShape = computed(() => {\n  const value = settings.value.dotShape;\n  const columns = state.components.shape.selectorStates.map((s) => s.selectedSource);\n  if (isMapping(value) && columns.length) {\n    return value.value === columns[0] ? value : { type: 'shape', value: columns[0] };\n  }\n  return columns.length ? { type: 'shape', value: columns[0] } : isMapping(value) ? DEFAULT_DOT_SHAPE : value ?? DEFAULT_DOT_SHAPE;\n});\n\nconst dotSize = computed(() => {\n  const value = settings.value.dotSize;\n  const columns = state.components.size.selectorStates.map((s) => s.selectedSource);\n\n  if (columns.length) {\n    return { column: columns[0], range: isContinuousDataMapping(value) ? value.range : DEFAULT_DOT_RANGE };\n  }\n  return isContinuousDataMapping(value) ? DEFAULT_DOT_SIZE : value ?? DEFAULT_DOT_SIZE;\n});\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical | AestheticMappingContinuous,\n  colorOption: AesOption,\n  field: 'dotFill',\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical' || colorOption.type === 'dataContinuous') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: 'grouping',\n      value: colorOption.selectedSource,\n    };\n  }\n  if (isAestheticMapping(value) && colorOption.type !== 'fix') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nfunction onUpdateDot(\n  value: DotShape | AestheticMappingCategorical,\n  colorOption: AesMappingOption,\n  field: 'dotShape',\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: 'grouping',\n      value: colorOption.selectedSource,\n    };\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value !== 'string') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nfunction onUpdateDotSize(value: number | ContinuousDataMappingSize) {\n  store.value.reactive.layersSettings[layer].dotSize = value;\n}\n\nconst disabledColor = computed(() => {\n  if (state.components.grouping.selectorStates.length) {\n    const groupingSource = state.components.grouping.selectorStates[0].selectedSource;\n    const spec = inputGuide.value.getSourceInfo(groupingSource).spec;\n    if (readAnnotation(spec, Annotation.Graph.Palette)) {\n      return true;\n    }\n  }\n  return false;\n});\n</script>\n\n<template>\n  <AesSelector\n    label=\"Dot color\"\n    form-title=\"Dot color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"dotFill\"\n    :possible-aes-source-inputs=\"['grouping']\"\n    :disabled=\"disabledColor\"\n    :withoutFixed=\"typeof dotFill === 'object'\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'dotFill')\"\n  />\n  <AesSelector\n    label=\"Dot shape\"\n    form-title=\"Dot shape Settings\"\n    form-back-title=\"Layers\"\n    type=\"dotShape\"\n    :possible-aes-source-inputs=\"['shape']\"\n    :selected=\"dotShape\"\n    :withoutFixed=\"typeof dotShape === 'object'\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\n  />\n  <DotSizeSelector :selected=\"dotSize\" @aes-update=\"onUpdateDotSize\" />\n</template>\n"],"mappings":""}

package/dist/forms/LayersForm/Layer/scatterplot/Scatter.vue2.js

@@ -1,5 +1,98 @@
-import f from "./Scatter.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Scatter.vue2.js.map
+import { DEFAULT_BLACK as e } from "../../../../constantsAesthetic.js";
+import { DEFAULT_DOT_RANGE as t, isAestheticMapping as n } from "../../../../dataBindAes.js";
+import { isContinuousDataMapping as r } from "../../../../constantsCommon.js";
+import i from "../../AesSelector.js";
+import a from "../../DotSizeSelector.js";
+import { useStore as o } from "../../../../store.js";
+import { Fragment as s, computed as c, createElementBlock as l, createVNode as u, defineComponent as d, openBlock as f } from "vue";
+import { Annotation as p, readAnnotation as m } from "@platforma-sdk/model";
+var h = "dots", g = /* @__PURE__ */ d({
+	__name: "Scatter",
+	setup(d) {
+		let g = o(), _ = g.value.reactive.optionsState, v = c(() => g.value.inputGuide.value), y = c(() => g.value.reactive.layersSettings[h]);
+		function b(e) {
+			return typeof e == "object" && !!e && "type" in e;
+		}
+		let x = c(() => {
+			let t = y.value.dotFill, n = _.components.grouping.selectorStates.map((e) => e.selectedSource);
+			return b(t) && n.length ? n.includes(t.value) ? t : {
+				type: "grouping",
+				value: n[0]
+			} : n.length ? {
+				type: "grouping",
+				value: n[0]
+			} : b(t) ? e : t ?? "#110529";
+		}), S = c(() => {
+			let e = y.value.dotShape, t = _.components.shape.selectorStates.map((e) => e.selectedSource);
+			return b(e) && t.length ? e.value === t[0] ? e : {
+				type: "shape",
+				value: t[0]
+			} : t.length ? {
+				type: "shape",
+				value: t[0]
+			} : b(e) ? "21" : e ?? "21";
+		}), C = c(() => {
+			let e = y.value.dotSize, n = _.components.size.selectorStates.map((e) => e.selectedSource);
+			return n.length ? {
+				column: n[0],
+				range: r(e) ? e.range : t
+			} : r(e) ? 3 : e ?? 3;
+		});
+		function w(e, t, r) {
+			typeof e == "string" ? g.value.reactive.layersSettings[h][r] = e : (t.type === "dataCategorical" || t.type === "dataContinuous") && (g.value.reactive.layersSettings[h][r] = {
+				type: "grouping",
+				value: t.selectedSource
+			}), n(e) && t.type !== "fix" && (g.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		function T(e, t, n) {
+			typeof e == "string" ? g.value.reactive.layersSettings[h][n] = e : t.type === "dataCategorical" && (g.value.reactive.layersSettings[h][n] = {
+				type: "grouping",
+				value: t.selectedSource
+			}), t.type === "dataCategorical" && typeof e != "string" && (g.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		function E(e) {
+			g.value.reactive.layersSettings[h].dotSize = e;
+		}
+		let D = c(() => {
+			if (_.components.grouping.selectorStates.length) {
+				let e = _.components.grouping.selectorStates[0].selectedSource, t = v.value.getSourceInfo(e).spec;
+				if (m(t, p.Graph.Palette)) return !0;
+			}
+			return !1;
+		});
+		return (e, t) => (f(), l(s, null, [
+			u(i, {
+				label: "Dot color",
+				"form-title": "Dot color Settings",
+				"form-back-title": "Layers",
+				type: "fill",
+				selected: x.value,
+				"possible-aes-source-inputs": ["grouping"],
+				disabled: D.value,
+				withoutFixed: typeof x.value == "object",
+				onAesUpdate: t[0] ||= (e, t) => w(e, t, "dotFill")
+			}, null, 8, [
+				"selected",
+				"disabled",
+				"withoutFixed"
+			]),
+			u(i, {
+				label: "Dot shape",
+				"form-title": "Dot shape Settings",
+				"form-back-title": "Layers",
+				type: "dotShape",
+				"possible-aes-source-inputs": ["shape"],
+				selected: S.value,
+				withoutFixed: typeof S.value == "object",
+				onAesUpdate: t[1] ||= (e, t) => T(e, t, "dotShape")
+			}, null, 8, ["selected", "withoutFixed"]),
+			u(a, {
+				selected: C.value,
+				onAesUpdate: E
+			}, null, 8, ["selected"])
+		], 64));
+	}
+});
+export { g as default };
+
+//# sourceMappingURL=Scatter.vue2.js.map

package/dist/forms/LayersForm/Layer/scatterplot/Scatter.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scatter.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Scatter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/scatterplot/Scatter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport { DEFAULT_BLACK, DEFAULT_DOT_SHAPE } from '../../../../constantsAesthetic';\nimport type {\n  AestheticMappingCategorical,\n  AestheticMappingContinuous } from '../../../../dataBindAes';\nimport {\n  DEFAULT_DOT_RANGE,\n  DEFAULT_DOT_SIZE, isAestheticMapping,\n} from '../../../../dataBindAes';\nimport type { AesMappingOption, AesOption, DotShape } from '../../../../components/AesSettings/types';\nimport type { ContinuousDataMappingSize, MappingLink } from '../../../../constantsCommon';\nimport { isContinuousDataMapping } from '../../../../constantsCommon';\nimport DotSizeSelector from '../../DotSizeSelector.vue';\nimport type { InputGuide, ScatterplotUIState } from '@milaboratories/pf-plots';\nimport { Annotation, readAnnotation } from '@platforma-sdk/model';\n\nconst store = useStore();\nconst layer = 'dots';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\nconst inputGuide = computed(\n  () => store.value.inputGuide.value,\n) as unknown as Ref<InputGuide<ScatterplotUIState>>;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction isMapping(value: MappingLink | string | null): value is MappingLink {\n  return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst dotFill = computed(() => {\n  const value = settings.value.dotFill;\n  const columns = state.components.grouping.selectorStates.map((s) => s.selectedSource);\n  if (isMapping(value) && columns.length) {\n    return columns.includes(value.value as string) ? value : { type: 'grouping', value: columns[0] };\n  }\n  return columns.length ? { type: 'grouping', value: columns[0] } : isMapping(value) ? DEFAULT_BLACK : value ?? DEFAULT_BLACK;\n});\n\nconst dotShape = computed(() => {\n  const value = settings.value.dotShape;\n  const columns = state.components.shape.selectorStates.map((s) => s.selectedSource);\n  if (isMapping(value) && columns.length) {\n    return value.value === columns[0] ? value : { type: 'shape', value: columns[0] };\n  }\n  return columns.length ? { type: 'shape', value: columns[0] } : isMapping(value) ? DEFAULT_DOT_SHAPE : value ?? DEFAULT_DOT_SHAPE;\n});\n\nconst dotSize = computed(() => {\n  const value = settings.value.dotSize;\n  const columns = state.components.size.selectorStates.map((s) => s.selectedSource);\n\n  if (columns.length) {\n    return { column: columns[0], range: isContinuousDataMapping(value) ? value.range : DEFAULT_DOT_RANGE };\n  }\n  return isContinuousDataMapping(value) ? DEFAULT_DOT_SIZE : value ?? DEFAULT_DOT_SIZE;\n});\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical | AestheticMappingContinuous,\n  colorOption: AesOption,\n  field: 'dotFill',\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical' || colorOption.type === 'dataContinuous') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: 'grouping',\n      value: colorOption.selectedSource,\n    };\n  }\n  if (isAestheticMapping(value) && colorOption.type !== 'fix') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nfunction onUpdateDot(\n  value: DotShape | AestheticMappingCategorical,\n  colorOption: AesMappingOption,\n  field: 'dotShape',\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: 'grouping',\n      value: colorOption.selectedSource,\n    };\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value !== 'string') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nfunction onUpdateDotSize(value: number | ContinuousDataMappingSize) {\n  store.value.reactive.layersSettings[layer].dotSize = value;\n}\n\nconst disabledColor = computed(() => {\n  if (state.components.grouping.selectorStates.length) {\n    const groupingSource = state.components.grouping.selectorStates[0].selectedSource;\n    const spec = inputGuide.value.getSourceInfo(groupingSource).spec;\n    if (readAnnotation(spec, Annotation.Graph.Palette)) {\n      return true;\n    }\n  }\n  return false;\n});\n</script>\n\n<template>\n  <AesSelector\n    label=\"Dot color\"\n    form-title=\"Dot color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"dotFill\"\n    :possible-aes-source-inputs=\"['grouping']\"\n    :disabled=\"disabledColor\"\n    :withoutFixed=\"typeof dotFill === 'object'\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'dotFill')\"\n  />\n  <AesSelector\n    label=\"Dot shape\"\n    form-title=\"Dot shape Settings\"\n    form-back-title=\"Layers\"\n    type=\"dotShape\"\n    :possible-aes-source-inputs=\"['shape']\"\n    :selected=\"dotShape\"\n    :withoutFixed=\"typeof dotShape === 'object'\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\n  />\n  <DotSizeSelector :selected=\"dotSize\" @aes-update=\"onUpdateDotSize\" />\n</template>\n"],"mappings":"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"}

package/dist/forms/LayersForm/Layer/scatterplot-umap/Scatter.js

@@ -0,0 +1,5 @@
+import e from "./Scatter.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=Scatter.js.map

package/dist/forms/LayersForm/Layer/scatterplot-umap/Scatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport type {\n  AestheticMappingCategorical } from '../../../../dataBindAes';\nimport {\n  DEFAULT_DOT_RANGE, DEFAULT_DOT_SIZE_CANVAS,\n  isAestheticMapping,\n} from '../../../../dataBindAes';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type {\n  ContinuousDataMappingSize,\n  MappingLink,\n} from '../../../../constantsCommon';\nimport {\n  isContinuousDataMapping,\n} from '../../../../constantsCommon';\nimport type { InputGuide, ScatterplotUIState } from '@milaboratories/pf-plots';\nimport DotSizeSelector from '../../DotSizeSelector.vue';\nimport { Annotation, readAnnotation } from '@platforma-sdk/model';\n\nconst store = useStore();\nconst layer = 'dots';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\nconst inputGuide = computed(\n  () => store.value.inputGuide.value,\n) as unknown as Ref<InputGuide<ScatterplotUIState>>;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction isMapping(value: MappingLink | string | null): value is MappingLink {\n  return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst dotFill = computed(() => {\n  const value = settings.value.dotFill;\n  const columns = state.components.grouping.selectorStates.map((s) => s.selectedSource);\n  if (isMapping(value) && columns.length) {\n    return columns.includes(value.value as string) ? value : { type: 'grouping', value: columns[0] };\n  }\n  return columns.length ? { type: 'grouping', value: columns[0] } : isMapping(value) ? DEFAULT_BLACK : value ?? DEFAULT_BLACK;\n});\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'dotFill',\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical' || colorOption.type === 'dataContinuous') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: 'grouping',\n      value: colorOption.selectedSource,\n    };\n  }\n  if (isAestheticMapping(value) && colorOption.type !== 'fix') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst disabledColor = computed(() => {\n  if (state.components.grouping.selectorStates.length) {\n    const groupingSource = state.components.grouping.selectorStates[0].selectedSource;\n    const spec = inputGuide.value.getSourceInfo(groupingSource).spec;\n    if (readAnnotation(spec, Annotation.Graph.Palette)) {\n      return true;\n    }\n  }\n  return false;\n});\n\nconst dotSize = computed(() => {\n  const value = settings.value.dotSize;\n  const columns = state.components.size.selectorStates.map((s) => s.selectedSource);\n\n  if (columns.length) {\n    return { column: columns[0], range: isContinuousDataMapping(value) ? value.range : DEFAULT_DOT_RANGE };\n  }\n  return isContinuousDataMapping(value) ? DEFAULT_DOT_SIZE_CANVAS : value ?? DEFAULT_DOT_SIZE_CANVAS;\n});\n\nfunction onUpdateDotSize(value: number | ContinuousDataMappingSize) {\n  store.value.reactive.layersSettings[layer].dotSize = value;\n}\n</script>\n\n<template>\n  <AesSelector\n    label=\"Dot color\"\n    form-title=\"Dot color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"dotFill\"\n    :possible-aes-source-inputs=\"['grouping']\"\n    :disabled=\"disabledColor\"\n    :withoutFixed=\"typeof dotFill === 'object'\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'dotFill')\"\n  />\n  <DotSizeSelector :selected=\"dotSize\" :min=\"2\" @aes-update=\"onUpdateDotSize\" />\n</template>\n"],"mappings":""}

package/dist/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue2.js

@@ -1,5 +1,71 @@
-import f from "./Scatter.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Scatter.vue2.js.map
+import { DEFAULT_BLACK as e } from "../../../../constantsAesthetic.js";
+import { DEFAULT_DOT_RANGE as t, isAestheticMapping as n } from "../../../../dataBindAes.js";
+import { isContinuousDataMapping as r } from "../../../../constantsCommon.js";
+import i from "../../AesSelector.js";
+import a from "../../DotSizeSelector.js";
+import { useStore as o } from "../../../../store.js";
+import { Fragment as s, computed as c, createElementBlock as l, createVNode as u, defineComponent as d, openBlock as f } from "vue";
+import { Annotation as p, readAnnotation as m } from "@platforma-sdk/model";
+var h = "dots", g = /* @__PURE__ */ d({
+	__name: "Scatter",
+	setup(d) {
+		let g = o(), _ = g.value.reactive.optionsState, v = c(() => g.value.inputGuide.value), y = c(() => g.value.reactive.layersSettings[h]);
+		function b(e) {
+			return typeof e == "object" && !!e && "type" in e;
+		}
+		let x = c(() => {
+			let t = y.value.dotFill, n = _.components.grouping.selectorStates.map((e) => e.selectedSource);
+			return b(t) && n.length ? n.includes(t.value) ? t : {
+				type: "grouping",
+				value: n[0]
+			} : n.length ? {
+				type: "grouping",
+				value: n[0]
+			} : b(t) ? e : t ?? "#110529";
+		});
+		function S(e, t, r) {
+			typeof e == "string" ? g.value.reactive.layersSettings[h][r] = e : (t.type === "dataCategorical" || t.type === "dataContinuous") && (g.value.reactive.layersSettings[h][r] = {
+				type: "grouping",
+				value: t.selectedSource
+			}), n(e) && t.type !== "fix" && (g.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		let C = c(() => {
+			if (_.components.grouping.selectorStates.length) {
+				let e = _.components.grouping.selectorStates[0].selectedSource, t = v.value.getSourceInfo(e).spec;
+				if (m(t, p.Graph.Palette)) return !0;
+			}
+			return !1;
+		}), w = c(() => {
+			let e = y.value.dotSize, n = _.components.size.selectorStates.map((e) => e.selectedSource);
+			return n.length ? {
+				column: n[0],
+				range: r(e) ? e.range : t
+			} : r(e) ? 2 : e ?? 2;
+		});
+		function T(e) {
+			g.value.reactive.layersSettings[h].dotSize = e;
+		}
+		return (e, t) => (f(), l(s, null, [u(i, {
+			label: "Dot color",
+			"form-title": "Dot color Settings",
+			"form-back-title": "Layers",
+			type: "fill",
+			selected: x.value,
+			"possible-aes-source-inputs": ["grouping"],
+			disabled: C.value,
+			withoutFixed: typeof x.value == "object",
+			onAesUpdate: t[0] ||= (e, t) => S(e, t, "dotFill")
+		}, null, 8, [
+			"selected",
+			"disabled",
+			"withoutFixed"
+		]), u(a, {
+			selected: w.value,
+			min: 2,
+			onAesUpdate: T
+		}, null, 8, ["selected"])], 64));
+	}
+});
+export { g as default };
+
+//# sourceMappingURL=Scatter.vue2.js.map

package/dist/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scatter.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Scatter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport type {\n  AestheticMappingCategorical } from '../../../../dataBindAes';\nimport {\n  DEFAULT_DOT_RANGE, DEFAULT_DOT_SIZE_CANVAS,\n  isAestheticMapping,\n} from '../../../../dataBindAes';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type {\n  ContinuousDataMappingSize,\n  MappingLink,\n} from '../../../../constantsCommon';\nimport {\n  isContinuousDataMapping,\n} from '../../../../constantsCommon';\nimport type { InputGuide, ScatterplotUIState } from '@milaboratories/pf-plots';\nimport DotSizeSelector from '../../DotSizeSelector.vue';\nimport { Annotation, readAnnotation } from '@platforma-sdk/model';\n\nconst store = useStore();\nconst layer = 'dots';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\nconst inputGuide = computed(\n  () => store.value.inputGuide.value,\n) as unknown as Ref<InputGuide<ScatterplotUIState>>;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction isMapping(value: MappingLink | string | null): value is MappingLink {\n  return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst dotFill = computed(() => {\n  const value = settings.value.dotFill;\n  const columns = state.components.grouping.selectorStates.map((s) => s.selectedSource);\n  if (isMapping(value) && columns.length) {\n    return columns.includes(value.value as string) ? value : { type: 'grouping', value: columns[0] };\n  }\n  return columns.length ? { type: 'grouping', value: columns[0] } : isMapping(value) ? DEFAULT_BLACK : value ?? DEFAULT_BLACK;\n});\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'dotFill',\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical' || colorOption.type === 'dataContinuous') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: 'grouping',\n      value: colorOption.selectedSource,\n    };\n  }\n  if (isAestheticMapping(value) && colorOption.type !== 'fix') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst disabledColor = computed(() => {\n  if (state.components.grouping.selectorStates.length) {\n    const groupingSource = state.components.grouping.selectorStates[0].selectedSource;\n    const spec = inputGuide.value.getSourceInfo(groupingSource).spec;\n    if (readAnnotation(spec, Annotation.Graph.Palette)) {\n      return true;\n    }\n  }\n  return false;\n});\n\nconst dotSize = computed(() => {\n  const value = settings.value.dotSize;\n  const columns = state.components.size.selectorStates.map((s) => s.selectedSource);\n\n  if (columns.length) {\n    return { column: columns[0], range: isContinuousDataMapping(value) ? value.range : DEFAULT_DOT_RANGE };\n  }\n  return isContinuousDataMapping(value) ? DEFAULT_DOT_SIZE_CANVAS : value ?? DEFAULT_DOT_SIZE_CANVAS;\n});\n\nfunction onUpdateDotSize(value: number | ContinuousDataMappingSize) {\n  store.value.reactive.layersSettings[layer].dotSize = value;\n}\n</script>\n\n<template>\n  <AesSelector\n    label=\"Dot color\"\n    form-title=\"Dot color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"dotFill\"\n    :possible-aes-source-inputs=\"['grouping']\"\n    :disabled=\"disabledColor\"\n    :withoutFixed=\"typeof dotFill === 'object'\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'dotFill')\"\n  />\n  <DotSizeSelector :selected=\"dotSize\" :min=\"2\" @aes-update=\"onUpdateDotSize\" />\n</template>\n"],"mappings":";;;;;;;;AAyBA,IAAM,IAAQ;;;EADd,IAAM,IAAQ,GAAU,EAElB,IAAQ,EAAM,MAAM,SAAS,cAC7B,IAAa,QACX,EAAM,MAAM,WAAW,MAC9B,EAEK,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO;EAE3E,SAAS,EAAU,GAA0D;AAC3E,UAAyB,OAAO,KAAU,cAAnC,KAA+C,UAAU;;EAElE,IAAM,IAAU,QAAe;GAC7B,IAAM,IAAQ,EAAS,MAAM,SACvB,IAAU,EAAM,WAAW,SAAS,eAAe,KAAK,MAAM,EAAE,eAAe;AAIrF,UAHI,EAAU,EAAM,IAAI,EAAQ,SACvB,EAAQ,SAAS,EAAM,MAAgB,GAAG,IAAQ;IAAE,MAAM;IAAY,OAAO,EAAQ;IAAI,GAE3F,EAAQ,SAAS;IAAE,MAAM;IAAY,OAAO,EAAQ;IAAI,GAAG,EAAU,EAAM,GAAG,IAAgB,KAAA;IACrG;EAEF,SAAS,EACP,GACA,GACA,GACA;AASA,GARI,OAAO,KAAU,WACnB,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,KAC3C,EAAY,SAAS,qBAAqB,EAAY,SAAS,sBACxE,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS;IAClD,MAAM;IACN,OAAO,EAAY;IACpB,GAEC,EAAmB,EAAM,IAAI,EAAY,SAAS,UACpD,EAAM,MAAM,SAAS,YAAY,EAAY,kBAAkB;;EAInE,IAAM,IAAgB,QAAe;AACnC,OAAI,EAAM,WAAW,SAAS,eAAe,QAAQ;IACnD,IAAM,IAAiB,EAAM,WAAW,SAAS,eAAe,GAAG,gBAC7D,IAAO,EAAW,MAAM,cAAc,EAAe,CAAC;AAC5D,QAAI,EAAe,GAAM,EAAW,MAAM,QAAQ,CAChD,QAAO;;AAGX,UAAO;IACP,EAEI,IAAU,QAAe;GAC7B,IAAM,IAAQ,EAAS,MAAM,SACvB,IAAU,EAAM,WAAW,KAAK,eAAe,KAAK,MAAM,EAAE,eAAe;AAKjF,UAHI,EAAQ,SACH;IAAE,QAAQ,EAAQ;IAAI,OAAO,EAAwB,EAAM,GAAG,EAAM,QAAQ;IAAmB,GAEjG,EAAwB,EAAM,GAAA,IAA6B,KAAA;IAClE;EAEF,SAAS,EAAgB,GAA2C;AAClE,KAAM,MAAM,SAAS,eAAe,GAAO,UAAU;;qCAKrD,EAUE,GAAA;GATA,OAAM;GACN,cAAW;GACX,mBAAgB;GAChB,MAAK;GACJ,UAAU,EAAA;GACV,8BAA4B,CAAA,WAAY;GACxC,UAAU,EAAA;GACV,cAAY,OAAS,EAAA,SAAO;GAC5B,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,UAAA;;;;;MAEtC,EAA8E,GAAA;GAA5D,UAAU,EAAA;GAAU,KAAK;GAAI,aAAY"}

package/dist/forms/LayersForm/index.js

@@ -0,0 +1,5 @@
+import e from "./index.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=index.js.map

package/dist/forms/LayersForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/forms/LayersForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport {\n  DISCRETE_TEMPLATES_MAP,\n  HEATMAP_TEMPLATES_MAP,\n  LAYER_ICONS,\n  LAYER_TITLES,\n  SCATTERPLOT_TEMPLATES_MAP, SCATTERPLOT_UMAP_TEMPLATES_MAP,\n} from '../../constantsCommon';\nimport type { Component } from 'vue';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Boxplot from './Layer/discrete/Boxplot.vue';\nimport BinnedDots from './Layer/discrete/BinnedDots.vue';\nimport JitteredDots from './Layer/discrete/JitteredDots.vue';\nimport Violin from './Layer/discrete/Violin.vue';\nimport Bar from './Layer/discrete/Bar.vue';\nimport StackedBar from './Layer/discrete/StackedBar.vue';\nimport StackedArea from './Layer/discrete/StackedArea.vue';\nimport Line from './Layer/discrete/Line.vue';\nimport Errorbar from './Layer/discrete/Errorbar.vue';\nimport Sina from './Layer/discrete/Sina.vue';\nimport Logo from './Layer/discrete/Logo.vue';\nimport Heatmap from './Layer/heatmap/Heatmap.vue';\nimport Dendro from './Layer/Dendro.vue';\nimport Scatterplot from './Layer/scatterplot/Scatter.vue';\nimport ScatterplotUmap from './Layer/scatterplot-umap/Scatter.vue';\nimport Curve from './Layer/scatterplot/Curve.vue';\nimport type {\n  DiscreteLayer,\n  DiscreteLayersTemplate,\n  HeatmapLayer, HeatmapLayerTemplate,\n  ScatterplotLayer,\n  ScatterplotLayersTemplate,\n} from '../../types';\nimport HeatmapClustered from './Layer/heatmap/HeatmapClustered.vue';\nimport HeatmapAnnotations from './Layer/heatmap/HeatmapAnnotations.vue';\nimport HeatmapAnnotationIcon from '../../icons/HeatmapAnnotation.vue';\nimport Bins from './Layer/histogram/Bins.vue';\nimport Bubble from './Layer/Bubble.vue';\n\nconst store = useStore();\nconst DISCRETE_LAYERS_FORMS: Record<DiscreteLayer, Component> = {\n  box: Boxplot,\n  binnedDots: BinnedDots,\n  jitteredDots: JitteredDots,\n  violin: Violin,\n  bar: Bar,\n  stackedBar: StackedBar,\n  stackedArea: StackedArea,\n  line: Line,\n  errorbar: Errorbar,\n  sina: Sina,\n  logo: Logo,\n};\nconst SCATTERPLOT_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n  dots: Scatterplot,\n  curve: Curve,\n};\nconst SCATTERPLOT_UMAP_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n  dots: ScatterplotUmap,\n  curve: Curve,\n};\nconst HEATMAP_LAYER_FORMS: Record<HeatmapLayer, Component> = {\n  heatmap: Heatmap,\n  heatmapClustered: HeatmapClustered,\n};\n\n</script>\n\n<template>\n  <div id=\"layers-form\" class=\"layers-form\">\n    <div class=\"layers-title\">\n      <h3>\n        Layers\n      </h3>\n    </div>\n    <div class=\"layers-list\">\n      <template v-if=\"store.reactive.chartType === 'discrete'\">\n        <template\n          v-for=\"layer of DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate]\"\n          :key=\"layer\"\n        >\n          <CollapsableBlock\n            :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n            :settings=\"{ defaultState: DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate].length > 1 ? 'close' : 'open' }\"\n          >\n            <component :is=\"DISCRETE_LAYERS_FORMS[layer]\" />\n          </CollapsableBlock>\n        </template>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'scatterplot'\">\n        <template\n          v-for=\"layer of SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\"\n          :key=\"layer\"\n        >\n          <CollapsableBlock\n            :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n            :settings=\"{ defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open' }\"\n          >\n            <component :is=\"SCATTERPLOT_LAYER_FORMS[layer]\" />\n          </CollapsableBlock>\n        </template>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'scatterplot-umap'\">\n        <template\n          v-for=\"layer of SCATTERPLOT_UMAP_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\"\n          :key=\"layer\"\n        >\n          <CollapsableBlock\n            :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n            :settings=\"{ defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open' }\"\n          >\n            <component :is=\"SCATTERPLOT_UMAP_LAYER_FORMS[layer]\" />\n          </CollapsableBlock>\n        </template>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'heatmap'\">\n        <template v-for=\"layer of HEATMAP_TEMPLATES_MAP[store.reactive.template as HeatmapLayerTemplate]\" :key=\"layer\">\n          <CollapsableBlock\n            :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n            :settings=\"{ defaultState: 'open' }\"\n          >\n            <component :is=\"HEATMAP_LAYER_FORMS[layer]\" />\n          </CollapsableBlock>\n        </template>\n      </template>\n\n      <!-- Not a layer - part of aesthetic mapping for heatmap annotations -->\n      <template v-if=\"store.reactive.chartType === 'heatmap'\">\n        <CollapsableBlock :icon=\"HeatmapAnnotationIcon\" title=\"Annotations\" :settings=\"{ defaultState: 'open' }\">\n          <component :is=\"HeatmapAnnotations\" />\n        </CollapsableBlock>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'dendro'\">\n        <CollapsableBlock :icon=\"LAYER_ICONS.dendro\" :title=\"LAYER_TITLES.dendro\" :settings=\"{ defaultState: 'open' }\">\n          <Dendro />\n        </CollapsableBlock>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'histogram'\">\n        <CollapsableBlock :icon=\"LAYER_ICONS.bins\" :title=\"LAYER_TITLES.bins\" :settings=\"{ defaultState: 'open' }\">\n          <Bins />\n        </CollapsableBlock>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'bubble'\">\n        <CollapsableBlock :icon=\"LAYER_ICONS.bubble\" :title=\"LAYER_TITLES.bubble\" :settings=\"{ defaultState: 'open' }\">\n          <Bubble />\n        </CollapsableBlock>\n      </template>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/forms/LayersForm/index.vue2.js

@@ -1,5 +1,144 @@
-import f from "./index.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=index.vue2.js.map
+import { DISCRETE_TEMPLATES_MAP as e, HEATMAP_TEMPLATES_MAP as t, LAYER_ICONS as n, LAYER_TITLES as r, SCATTERPLOT_TEMPLATES_MAP as i, SCATTERPLOT_UMAP_TEMPLATES_MAP as a } from "../../constantsCommon.js";
+import o from "../../components/CollapsableBlock.js";
+import s from "./Layer/discrete/Boxplot.js";
+import c from "./Layer/discrete/BinnedDots.js";
+import l from "./Layer/discrete/JitteredDots.js";
+import u from "./Layer/discrete/Violin.js";
+import d from "./Layer/discrete/Bar.js";
+import f from "./Layer/discrete/StackedBar.js";
+import p from "./Layer/discrete/StackedArea.js";
+import m from "./Layer/discrete/Line.js";
+import h from "./Layer/discrete/Errorbar.js";
+import g from "./Layer/discrete/Sina.js";
+import _ from "./Layer/discrete/Logo.js";
+import v from "./Layer/heatmap/Heatmap.js";
+import y from "./Layer/Dendro.js";
+import b from "./Layer/scatterplot/Scatter.js";
+import x from "./Layer/scatterplot-umap/Scatter.js";
+import S from "./Layer/scatterplot/Curve.js";
+import C from "./Layer/heatmap/HeatmapClustered.js";
+import w from "./Layer/heatmap/HeatmapAnnotations.js";
+import T from "../../icons/HeatmapAnnotation.js";
+import E from "./Layer/histogram/Bins.js";
+import D from "./Layer/Bubble.js";
+import { useStore as O } from "../../store.js";
+import { Fragment as k, createBlock as A, createCommentVNode as j, createElementBlock as M, createElementVNode as N, createVNode as P, defineComponent as F, openBlock as I, renderList as L, resolveDynamicComponent as R, unref as z, withCtx as B } from "vue";
+var V = {
+	id: "layers-form",
+	class: "layers-form"
+}, H = { class: "layers-list" }, U = /* @__PURE__ */ F({
+	__name: "index",
+	setup(F) {
+		let U = O(), W = {
+			box: s,
+			binnedDots: c,
+			jitteredDots: l,
+			violin: u,
+			bar: d,
+			stackedBar: f,
+			stackedArea: p,
+			line: m,
+			errorbar: h,
+			sina: g,
+			logo: _
+		}, G = {
+			dots: b,
+			curve: S
+		}, K = {
+			dots: x,
+			curve: S
+		}, q = {
+			heatmap: v,
+			heatmapClustered: C
+		};
+		return (s, c) => (I(), M("div", V, [c[0] ||= N("div", { class: "layers-title" }, [N("h3", null, " Layers ")], -1), N("div", H, [
+			z(U).reactive.chartType === "discrete" ? (I(!0), M(k, { key: 0 }, L(z(e)[z(U).reactive.template], (t) => (I(), A(o, {
+				key: t,
+				icon: z(n)[t],
+				title: z(r)[t],
+				settings: { defaultState: z(e)[z(U).reactive.template].length > 1 ? "close" : "open" }
+			}, {
+				default: B(() => [(I(), A(R(W[t])))]),
+				_: 2
+			}, 1032, [
+				"icon",
+				"title",
+				"settings"
+			]))), 128)) : j("", !0),
+			z(U).reactive.chartType === "scatterplot" ? (I(!0), M(k, { key: 1 }, L(z(i)[z(U).reactive.template], (e) => (I(), A(o, {
+				key: e,
+				icon: z(n)[e],
+				title: z(r)[e],
+				settings: { defaultState: z(i)[z(U).reactive.template].length > 1 ? "close" : "open" }
+			}, {
+				default: B(() => [(I(), A(R(G[e])))]),
+				_: 2
+			}, 1032, [
+				"icon",
+				"title",
+				"settings"
+			]))), 128)) : j("", !0),
+			z(U).reactive.chartType === "scatterplot-umap" ? (I(!0), M(k, { key: 2 }, L(z(a)[z(U).reactive.template], (e) => (I(), A(o, {
+				key: e,
+				icon: z(n)[e],
+				title: z(r)[e],
+				settings: { defaultState: z(i)[z(U).reactive.template].length > 1 ? "close" : "open" }
+			}, {
+				default: B(() => [(I(), A(R(K[e])))]),
+				_: 2
+			}, 1032, [
+				"icon",
+				"title",
+				"settings"
+			]))), 128)) : j("", !0),
+			z(U).reactive.chartType === "heatmap" ? (I(!0), M(k, { key: 3 }, L(z(t)[z(U).reactive.template], (e) => (I(), A(o, {
+				key: e,
+				icon: z(n)[e],
+				title: z(r)[e],
+				settings: { defaultState: "open" }
+			}, {
+				default: B(() => [(I(), A(R(q[e])))]),
+				_: 2
+			}, 1032, ["icon", "title"]))), 128)) : j("", !0),
+			z(U).reactive.chartType === "heatmap" ? (I(), A(o, {
+				key: 4,
+				icon: T,
+				title: "Annotations",
+				settings: { defaultState: "open" }
+			}, {
+				default: B(() => [(I(), A(R(w)))]),
+				_: 1
+			})) : j("", !0),
+			z(U).reactive.chartType === "dendro" ? (I(), A(o, {
+				key: 5,
+				icon: z(n).dendro,
+				title: z(r).dendro,
+				settings: { defaultState: "open" }
+			}, {
+				default: B(() => [P(y)]),
+				_: 1
+			}, 8, ["icon", "title"])) : j("", !0),
+			z(U).reactive.chartType === "histogram" ? (I(), A(o, {
+				key: 6,
+				icon: z(n).bins,
+				title: z(r).bins,
+				settings: { defaultState: "open" }
+			}, {
+				default: B(() => [P(E)]),
+				_: 1
+			}, 8, ["icon", "title"])) : j("", !0),
+			z(U).reactive.chartType === "bubble" ? (I(), A(o, {
+				key: 7,
+				icon: z(n).bubble,
+				title: z(r).bubble,
+				settings: { defaultState: "open" }
+			}, {
+				default: B(() => [P(D)]),
+				_: 1
+			}, 8, ["icon", "title"])) : j("", !0)
+		])]));
+	}
+});
+export { U as default };
+
+//# sourceMappingURL=index.vue2.js.map

package/dist/forms/LayersForm/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/forms/LayersForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport {\n  DISCRETE_TEMPLATES_MAP,\n  HEATMAP_TEMPLATES_MAP,\n  LAYER_ICONS,\n  LAYER_TITLES,\n  SCATTERPLOT_TEMPLATES_MAP, SCATTERPLOT_UMAP_TEMPLATES_MAP,\n} from '../../constantsCommon';\nimport type { Component } from 'vue';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Boxplot from './Layer/discrete/Boxplot.vue';\nimport BinnedDots from './Layer/discrete/BinnedDots.vue';\nimport JitteredDots from './Layer/discrete/JitteredDots.vue';\nimport Violin from './Layer/discrete/Violin.vue';\nimport Bar from './Layer/discrete/Bar.vue';\nimport StackedBar from './Layer/discrete/StackedBar.vue';\nimport StackedArea from './Layer/discrete/StackedArea.vue';\nimport Line from './Layer/discrete/Line.vue';\nimport Errorbar from './Layer/discrete/Errorbar.vue';\nimport Sina from './Layer/discrete/Sina.vue';\nimport Logo from './Layer/discrete/Logo.vue';\nimport Heatmap from './Layer/heatmap/Heatmap.vue';\nimport Dendro from './Layer/Dendro.vue';\nimport Scatterplot from './Layer/scatterplot/Scatter.vue';\nimport ScatterplotUmap from './Layer/scatterplot-umap/Scatter.vue';\nimport Curve from './Layer/scatterplot/Curve.vue';\nimport type {\n  DiscreteLayer,\n  DiscreteLayersTemplate,\n  HeatmapLayer, HeatmapLayerTemplate,\n  ScatterplotLayer,\n  ScatterplotLayersTemplate,\n} from '../../types';\nimport HeatmapClustered from './Layer/heatmap/HeatmapClustered.vue';\nimport HeatmapAnnotations from './Layer/heatmap/HeatmapAnnotations.vue';\nimport HeatmapAnnotationIcon from '../../icons/HeatmapAnnotation.vue';\nimport Bins from './Layer/histogram/Bins.vue';\nimport Bubble from './Layer/Bubble.vue';\n\nconst store = useStore();\nconst DISCRETE_LAYERS_FORMS: Record<DiscreteLayer, Component> = {\n  box: Boxplot,\n  binnedDots: BinnedDots,\n  jitteredDots: JitteredDots,\n  violin: Violin,\n  bar: Bar,\n  stackedBar: StackedBar,\n  stackedArea: StackedArea,\n  line: Line,\n  errorbar: Errorbar,\n  sina: Sina,\n  logo: Logo,\n};\nconst SCATTERPLOT_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n  dots: Scatterplot,\n  curve: Curve,\n};\nconst SCATTERPLOT_UMAP_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n  dots: ScatterplotUmap,\n  curve: Curve,\n};\nconst HEATMAP_LAYER_FORMS: Record<HeatmapLayer, Component> = {\n  heatmap: Heatmap,\n  heatmapClustered: HeatmapClustered,\n};\n\n</script>\n\n<template>\n  <div id=\"layers-form\" class=\"layers-form\">\n    <div class=\"layers-title\">\n      <h3>\n        Layers\n      </h3>\n    </div>\n    <div class=\"layers-list\">\n      <template v-if=\"store.reactive.chartType === 'discrete'\">\n        <template\n          v-for=\"layer of DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate]\"\n          :key=\"layer\"\n        >\n          <CollapsableBlock\n            :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n            :settings=\"{ defaultState: DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate].length > 1 ? 'close' : 'open' }\"\n          >\n            <component :is=\"DISCRETE_LAYERS_FORMS[layer]\" />\n          </CollapsableBlock>\n        </template>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'scatterplot'\">\n        <template\n          v-for=\"layer of SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\"\n          :key=\"layer\"\n        >\n          <CollapsableBlock\n            :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n            :settings=\"{ defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open' }\"\n          >\n            <component :is=\"SCATTERPLOT_LAYER_FORMS[layer]\" />\n          </CollapsableBlock>\n        </template>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'scatterplot-umap'\">\n        <template\n          v-for=\"layer of SCATTERPLOT_UMAP_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\"\n          :key=\"layer\"\n        >\n          <CollapsableBlock\n            :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n            :settings=\"{ defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open' }\"\n          >\n            <component :is=\"SCATTERPLOT_UMAP_LAYER_FORMS[layer]\" />\n          </CollapsableBlock>\n        </template>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'heatmap'\">\n        <template v-for=\"layer of HEATMAP_TEMPLATES_MAP[store.reactive.template as HeatmapLayerTemplate]\" :key=\"layer\">\n          <CollapsableBlock\n            :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n            :settings=\"{ defaultState: 'open' }\"\n          >\n            <component :is=\"HEATMAP_LAYER_FORMS[layer]\" />\n          </CollapsableBlock>\n        </template>\n      </template>\n\n      <!-- Not a layer - part of aesthetic mapping for heatmap annotations -->\n      <template v-if=\"store.reactive.chartType === 'heatmap'\">\n        <CollapsableBlock :icon=\"HeatmapAnnotationIcon\" title=\"Annotations\" :settings=\"{ defaultState: 'open' }\">\n          <component :is=\"HeatmapAnnotations\" />\n        </CollapsableBlock>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'dendro'\">\n        <CollapsableBlock :icon=\"LAYER_ICONS.dendro\" :title=\"LAYER_TITLES.dendro\" :settings=\"{ defaultState: 'open' }\">\n          <Dendro />\n        </CollapsableBlock>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'histogram'\">\n        <CollapsableBlock :icon=\"LAYER_ICONS.bins\" :title=\"LAYER_TITLES.bins\" :settings=\"{ defaultState: 'open' }\">\n          <Bins />\n        </CollapsableBlock>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'bubble'\">\n        <CollapsableBlock :icon=\"LAYER_ICONS.bubble\" :title=\"LAYER_TITLES.bubble\" :settings=\"{ defaultState: 'open' }\">\n          <Bubble />\n        </CollapsableBlock>\n      </template>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/forms/LogForm.js

@@ -0,0 +1,13 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r, renderSlot as i } from "vue";
+var a = {}, o = { class: "settings-list" };
+function s(e, a) {
+	return r(), t("div", {
+		class: "settings-form",
+		onClick: a[0] ||= (e) => e.stopPropagation()
+	}, [a[1] ||= n("div", { class: "settings-title" }, [n("h3", null, " Log ")], -1), n("div", o, [i(e.$slots, "default"), i(e.$slots, "logSlot")])]);
+}
+var c = /* @__PURE__ */ e(a, [["render", s]]);
+export { c as default };
+
+//# sourceMappingURL=LogForm.js.map

package/dist/forms/LogForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogForm.js","names":[],"sources":["../../src/forms/LogForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\n</script>\n\n<template v-slot=\"slotProps\">\n  <div class=\"settings-form\" @click=\"(e) => e.stopPropagation()\">\n    <div class=\"settings-title\">\n      <h3>\n        Log\n      </h3>\n    </div>\n    <div class=\"settings-list\">\n      <slot/>\n      <slot name=\"logSlot\"/>\n    </div>\n  </div>\n</template>\n"],"mappings":";;kBAWS,OAAM,iBAAe;;aAN5B,EAUM,OAAA;EAVD,OAAM;EAAiB,SAAK,AAAA,EAAA,QAAG,MAAM,EAAE,iBAAe;cACzD,EAIM,OAAA,EAJD,OAAM,kBAAgB,EAAA,CACzB,EAEK,MAAA,MAFD,QAEJ,CAAA,EAAA,GAAA,EAEF,EAGM,OAHN,GAGM,CAFJ,EAAO,EAAA,QAAA,UAAA,EACP,EAAsB,EAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/forms/SettingsForm.js

@@ -0,0 +1,13 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r, renderSlot as i } from "vue";
+var a = {}, o = { class: "settings-list" };
+function s(e, a) {
+	return r(), t("div", {
+		class: "settings-form",
+		onClick: a[0] ||= (e) => e.stopPropagation()
+	}, [a[1] ||= n("div", { class: "settings-title" }, [n("h3", null, " Settings ")], -1), n("div", o, [i(e.$slots, "default"), i(e.$slots, "settingsSlot")])]);
+}
+var c = /* @__PURE__ */ e(a, [["render", s]]);
+export { c as default };
+
+//# sourceMappingURL=SettingsForm.js.map

package/dist/forms/SettingsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsForm.js","names":[],"sources":["../../src/forms/SettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\n</script>\n\n<template>\n  <div class=\"settings-form\" @click=\"(e) => e.stopPropagation()\">\n    <div class=\"settings-title\">\n      <h3>\n        Settings\n      </h3>\n    </div>\n    <div class=\"settings-list\">\n      <slot/>\n      <slot name=\"settingsSlot\"/>\n    </div>\n  </div>\n</template>\n"],"mappings":";;kBAWS,OAAM,iBAAe;;aAN5B,EAUM,OAAA;EAVD,OAAM;EAAiB,SAAK,AAAA,EAAA,QAAG,MAAM,EAAE,iBAAe;cACzD,EAIM,OAAA,EAJD,OAAM,kBAAgB,EAAA,CACzB,EAEK,MAAA,MAFD,aAEJ,CAAA,EAAA,GAAA,EAEF,EAGM,OAHN,GAGM,CAFJ,EAAO,EAAA,QAAA,UAAA,EACP,EAA2B,EAAA,QAAA,eAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/forms/StatisticsForm/DiscreteStatisticsForm.js

@@ -0,0 +1,5 @@
+import e from "./DiscreteStatisticsForm.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=DiscreteStatisticsForm.js.map

package/dist/forms/StatisticsForm/DiscreteStatisticsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscreteStatisticsForm.js","names":[],"sources":["../../../src/forms/StatisticsForm/DiscreteStatisticsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown, PlBtnGroup, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { computed, watch } from 'vue';\nimport type {\n  DiscreteStatisticsState } from '../../constantsCommon';\nimport {\n  FORMAT_P_VALUE_OPTIONS,\n  STAT_CORRECTION_METHOD,\n  STAT_TEST_METHOD,\n} from '../../constantsCommon';\nimport { checkStatisticsInputsValidity, getOverallTestMethodOptions, getReferenceGroupOptions } from '../../utils';\n\nconst store = useStore();\nconst settings = computed(() => store.value.reactive.statisticsSettings as DiscreteStatisticsState);\n\nconst primaryGroups = computed(() => store.value.commonHelpersData.primaryGroups.value);\n\nconst referenceGroupOptions = computed(() => getReferenceGroupOptions(primaryGroups.value));\n\nconst overallTestMethodOptions = computed(() => getOverallTestMethodOptions(primaryGroups.value));\n\nconst withUndefined = (data: Record<string, string | null | boolean>, field: string) => {\n  return computed({\n    get() {\n      return data[field] ?? undefined;\n    },\n    set(newValue: string | undefined) {\n      data[field] = newValue ?? null;\n    },\n  });\n};\nconst overallTestMethod = withUndefined(settings.value.overall.data, 'testMethod');\n\nconst referenceGroupMethod = withUndefined(settings.value.referenceGroup.data, 'testMethod');\nconst referenceGroup = withUndefined(settings.value.referenceGroup.data, 'referenceGroup');\nconst referenceGroupCorrection = withUndefined(settings.value.referenceGroup.data, 'correctionMethod');\n\nconst pairwise = withUndefined(settings.value.pairwise.data, 'testMethod');\nconst pairwiseCorrection = withUndefined(settings.value.pairwise.data, 'correctionMethod');\n\ncheckStatisticsInputsValidity(store)();\nwatch([\n  () => settings.value.overall.data.testMethod,\n  () => settings.value.referenceGroup.data.referenceGroup,\n], checkStatisticsInputsValidity(store));\n</script>\n<template>\n  <h3>\n    Statistics\n  </h3>\n  <!--Overall p-value settings-->\n  <div class=\"section-title\"><span>overall p-value</span></div>\n  <div class=\"input-item\">\n    <PlDropdown\n      v-model=\"overallTestMethod\"\n      label=\"Method\"\n      clearable\n      placeholder=\"Choose\"\n      :options=\"overallTestMethodOptions\"\n      :error=\"settings.overall.validity.testMethod ? '' : ' '\"\n    />\n  </div>\n  <!--Reference group p-value settings-->\n  <div class=\"section-title\"><span>reference group</span></div>\n  <div class=\"input-item\">\n    <PlDropdown\n      v-model=\"referenceGroup\"\n      label=\"Reference from...\"\n      clearable\n      placeholder=\"Choose\"\n      :options=\"referenceGroupOptions\"\n      :error=\"settings.referenceGroup.validity.referenceGroup ? '' : ' '\"\n    />\n  </div>\n  <div class=\"input-item\">\n    <PlDropdown\n      v-model=\"referenceGroupMethod\"\n      label=\"Method\"\n      clearable\n      placeholder=\"Choose\"\n      :options=\"STAT_TEST_METHOD\"\n    />\n  </div>\n  <div class=\"input-item\">\n    <PlDropdown\n      v-model=\"referenceGroupCorrection\"\n      label=\"Correction method\"\n      placeholder=\"Choose\"\n      :options=\"STAT_CORRECTION_METHOD\"\n    />\n  </div>\n  <div class=\"input-item\" style=\"z-index: 0\">\n    <PlBtnGroup\n      v-model=\"settings.referenceGroup.data.format\"\n      label=\"Show\"\n      :options=\"FORMAT_P_VALUE_OPTIONS\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.referenceGroup.data.ns\"/>\n    <span>Non-significant</span>\n  </div>\n  <!--pairwise.data p-value settings-->\n  <div class=\"section-title\"><span>pairwise p-value</span></div>\n  <div class=\"input-item\">\n    <PlDropdown\n      v-model=\"pairwise\"\n      label=\"Method\"\n      clearable\n      placeholder=\"Choose\"\n      :options=\"STAT_TEST_METHOD\"\n    />\n  </div>\n  <div class=\"input-item\">\n    <PlDropdown\n      v-model=\"pairwiseCorrection\"\n      label=\"Correction method\"\n      placeholder=\"Choose\"\n      :options=\"STAT_CORRECTION_METHOD\"\n    />\n  </div>\n  <div class=\"input-item\" style=\"z-index: 0\">\n    <PlBtnGroup\n      v-model=\"settings.pairwise.data.format\"\n      label=\"Show\"\n      :options=\"FORMAT_P_VALUE_OPTIONS\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.pairwise.data.ns\"/>\n    <span>Non-significant</span>\n  </div>\n</template>\n"],"mappings":""}