@milaboratories/graph-maker 1.2.5 → 1.2.7

package/dist/forms/LayersForm/Layer/heatmap/Heatmap.vue2.js

@@ -1,5 +1,127 @@
-import f from "./Heatmap.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Heatmap.vue2.js.map
+import { PALETTE_MAP as e } from "../../../../constantsAesthetic.js";
+import { createContinuousMappingFromPalette as t } from "../../../../dataBindAes.js";
+import { AGGREGATION_METHOD_OPTIONS as n } from "../../../../constantsCommon.js";
+import r from "../../../../components/AesSettings/FormWrapper.js";
+import i from "../../../../components/AesSettings/PalettesForm.js";
+import a from "../../../../components/MultiselectButton.js";
+import { useStore as o } from "../../../../store.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, openBlock as h, ref as g, unref as _, withCtx as v } from "vue";
+import { PlBtnGroup as y, PlCheckbox as b, PlNumberField as x } from "@platforma-sdk/ui-vue";
+var S = { class: "button-group-item" }, C = { class: "button-group-item" }, w = { class: "checkbox-item" }, T = { class: "checkbox-item" }, E = { class: "button-group-item" }, D = {
+	class: "button-group-item",
+	style: {
+		display: "flex",
+		alignItems: "end"
+	}
+}, O = "heatmap", k = /* @__PURE__ */ m({
+	__name: "Heatmap",
+	setup(m) {
+		let k = o(), A = c(() => k.value.reactive.layersSettings[O]), j = c(() => k.value.reactive.optionsState), M = c(() => k.value.inputGuide.value), N = c(() => j.value.components.value.selectorStates[0]?.selectedSource), P = c(() => N.value ? k.value.reactive.dataBindAes[N.value]?.palette : void 0), F = g(!1), I = g(P.value ?? k.value.defaultPalette.continuous);
+		function L(e) {
+			I.value = e, F.value = !1, N.value && (k.value.reactive.dataBindAes[N.value] = t(e));
+		}
+		let R = [
+			{
+				label: "None",
+				value: null
+			},
+			{
+				label: "Columns",
+				value: "column"
+			},
+			{
+				label: "Rows",
+				value: "row"
+			}
+		], z = [{
+			label: "z-score",
+			value: "standardScaling"
+		}, {
+			label: "Min-max",
+			value: "meanNormalization"
+		}], B = [{
+			label: "empty",
+			value: null
+		}, {
+			label: "Special value",
+			value: "custom"
+		}], V = n, H = g(A.value.NAValueAs === null ? null : "custom"), U = g(A.value.NAValueAs ?? 0);
+		return (t, n) => (h(), d(s, null, [
+			p(a, {
+				label: "Color Palette ",
+				title: _(e)[I.value].title,
+				palette: I.value,
+				onButtonClick: n[0] ||= (e) => {
+					F.value = !0;
+				}
+			}, null, 8, ["title", "palette"]),
+			F.value ? (h(), l(r, {
+				key: 0,
+				title: "Color Palette",
+				"back-title": "Color mapping",
+				"onForm:close": n[1] ||= (e) => F.value = !1
+			}, {
+				default: v(() => [p(i, {
+					selected: I.value,
+					categorical: N.value ? M.value.getSourceInfo(N.value).type === "String" : !1,
+					onSelect: L
+				}, null, 8, ["selected", "categorical"])]),
+				_: 1
+			})) : u("", !0),
+			f("div", S, [p(_(y), {
+				modelValue: A.value.normalizationDirection,
+				"onUpdate:modelValue": n[2] ||= (e) => A.value.normalizationDirection = e,
+				label: "Normalize by",
+				options: R,
+				compact: !0
+			}, null, 8, ["modelValue"])]),
+			f("div", C, [p(_(y), {
+				modelValue: A.value.normalizationMethod,
+				"onUpdate:modelValue": n[3] ||= (e) => A.value.normalizationMethod = e,
+				label: "Normalization method",
+				options: z,
+				compact: !0
+			}, null, 8, ["modelValue"])]),
+			f("div", w, [p(_(b), {
+				modelValue: A.value.aggregateByX,
+				"onUpdate:modelValue": n[4] ||= (e) => A.value.aggregateByX = e
+			}, null, 8, ["modelValue"]), n[11] ||= f("span", null, "Aggregate X groups", -1)]),
+			f("div", T, [p(_(b), {
+				modelValue: A.value.aggregateByY,
+				"onUpdate:modelValue": n[5] ||= (e) => A.value.aggregateByY = e
+			}, null, 8, ["modelValue"]), n[12] ||= f("span", null, "Aggregate Y groups", -1)]),
+			f("div", E, [p(_(y), {
+				modelValue: A.value.aggregationMethod,
+				"onUpdate:modelValue": n[6] ||= (e) => A.value.aggregationMethod = e,
+				label: "Aggregation method",
+				options: _(V),
+				compact: !0
+			}, null, 8, ["modelValue", "options"])]),
+			f("div", D, [p(_(y), {
+				modelValue: H.value,
+				"onUpdate:modelValue": [n[7] ||= (e) => H.value = e, n[8] ||= (e) => {
+					e === "custom" ? A.value.NAValueAs = U.value : A.value.NAValueAs = e;
+				}],
+				label: "Treat NA value as:",
+				options: B,
+				compact: !0
+			}, null, 8, ["modelValue"]), p(_(x), {
+				modelValue: U.value,
+				"onUpdate:modelValue": [n[9] ||= (e) => U.value = e, n[10] ||= (e) => {
+					e !== void 0 && (A.value.NAValueAs = e);
+				}],
+				style: {
+					height: "33px",
+					marginLeft: "16px",
+					width: "75px"
+				},
+				disabled: H.value !== "custom",
+				label: "NA value",
+				useIncrementButtons: !1
+			}, null, 8, ["modelValue", "disabled"])])
+		], 64));
+	}
+});
+export { k as default };
+
+//# sourceMappingURL=Heatmap.vue2.js.map

package/dist/forms/LayersForm/Layer/heatmap/Heatmap.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heatmap.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Heatmap.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/heatmap/Heatmap.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport { computed, ref } from 'vue';\nimport {\n  PALETTE_MAP,\n} from '../../../../constantsAesthetic';\nimport type { ContinuousPalette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\nimport type { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlDropdown, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmap';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.value]?.palette : undefined);\n\nconst palettesOpen = ref(false);\nconst palette = ref<ContinuousPalette>(savedDataValuePalette.value as ContinuousPalette ?? store.value.defaultPalette.continuous);\n\nfunction onPaletteSelect(value: ContinuousPalette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  if (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.value] = createContinuousMappingFromPalette(value);\n  }\n}\n\nconst NORMALIZATION_DIRECTION: SimpleOption[] = [\n  { label: 'None', value: null },\n  { label: 'Columns', value: 'column' },\n  { label: 'Rows', value: 'row' },\n];\nconst NORMALIZATION_METHOD: SimpleOption[] = [\n  { label: 'z-score', value: 'standardScaling' },\n  { label: 'Min-max', value: 'meanNormalization' },\n];\nconst NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' },\n];\nconst AGGREGATION_METHOD = AGGREGATION_METHOD_OPTIONS;\n\nconst NAValueOption = ref(settings.value.NAValueAs === null ? null : 'custom');\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <MultiselectButton\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <FormWrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <PalettesForm\n      :selected=\"palette\"\n      :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\"\n      @select=\"onPaletteSelect\"\n    />\n  </FormWrapper>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationDirection\"\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationMethod\"\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.aggregationMethod\"\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <PlBtnGroup\n      v-model=\"NAValueOption\"\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value === 'custom') {\n          settings.NAValueAs = customNA;\n        } else {\n          settings.NAValueAs = value as number|null;\n        }\n      }\"\n    />\n    <PlNumberField\n      v-model=\"customNA\"\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.js

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

package/dist/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapAnnotations.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed, reactive, ref } from 'vue';\nimport { PALETTE_MAP } from '../../../../constantsAesthetic';\nimport type { ContinuousPalette, Palette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\nimport type { AxisData, ColumnData, HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\n\nconst store = useStore();\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(\n  () => store.value.inputGuide.value as InputGuide<HeatmapUIState>,\n);\n\nconst annotationSources = computed(() => {\n  const x = optionsState.value.components.annotationsX.selectorStates.map((s) => s.selectedSource);\n  const y = optionsState.value.components.annotationsY.selectorStates.map((s) => s.selectedSource);\n  return [...x, ...y];\n});\n\nconst annotationsInfo = computed(() => annotationSources.value.reduce((res: Record<string, AxisData | ColumnData>, source) => {\n  res[source] = inputGuide.value.getSourceInfo(source);\n  return res;\n}, {}));\n\nconst palettes = reactive(annotationSources.value.reduce((res: Record<string, Palette>, source) => {\n  const valueType = annotationsInfo.value[source]?.type;\n  const defaultPalette = valueType === 'String' ? store.value.defaultPalette.categorical : store.value.defaultPalette.continuous;\n  res[source] = store.value.reactive.dataBindAes[source]?.palette ?? defaultPalette;\n  return res;\n}, {}));\n\nconst palettesOpen = ref<string | null>(null);\nconst currentSource = ref<string | null>(null); // use the same palette form for all the annotations; current is last clicked\nfunction onPaletteSelect(value: Palette) {\n  const source = currentSource.value;\n  if (source) {\n    palettes[source] = value;\n    // TODO: categorical mapping, detailed continuous mapping (with range), log continuous mapping\n    store.value.reactive.dataBindAes[source] = createContinuousMappingFromPalette(value as ContinuousPalette);\n  }\n  palettesOpen.value = source;\n}\n</script>\n\n<template>\n  <template v-for=\"source of annotationSources\" :key=\"source\">\n    <div class=\"section-title\"><span>{{ annotationsInfo[source].label }}</span></div>\n    <MultiselectButton\n      label=\"Color Palette \"\n      :title=\"PALETTE_MAP[palettes[source]].title\"\n      :palette=\"palettes[source]\"\n      :style=\"{marginBottom:'24px'}\"\n      @button-click=\"palettesOpen = source; currentSource = source;\"\n    />\n    <FormWrapper\n      v-if=\"palettesOpen === source\"\n      title=\"Color Palette\"\n      back-title=\"Color mapping\"\n      @form:close=\"palettesOpen = null\"\n    >\n      <PalettesForm\n        :selected=\"palettes[source]\" :categorical=\"annotationsInfo[source].type === 'String'\"\n        @select=\"onPaletteSelect\"\n      />\n    </FormWrapper>\n  </template>\n</template>\n"],"mappings":""}

package/dist/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.vue2.js

@@ -1,5 +1,55 @@
-import f from "./HeatmapAnnotations.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=HeatmapAnnotations.vue2.js.map
+import { PALETTE_MAP as e } from "../../../../constantsAesthetic.js";
+import { createContinuousMappingFromPalette as t } from "../../../../dataBindAes.js";
+import n from "../../../../components/AesSettings/FormWrapper.js";
+import r from "../../../../components/AesSettings/PalettesForm.js";
+import i from "../../../../components/MultiselectButton.js";
+import { useStore as a } from "../../../../store.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, openBlock as m, reactive as h, ref as g, renderList as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+var x = { class: "section-title" }, S = /* @__PURE__ */ p({
+	__name: "HeatmapAnnotations",
+	setup(p) {
+		let S = a(), C = s(() => S.value.reactive.optionsState), w = s(() => S.value.inputGuide.value), T = s(() => {
+			let e = C.value.components.annotationsX.selectorStates.map((e) => e.selectedSource), t = C.value.components.annotationsY.selectorStates.map((e) => e.selectedSource);
+			return [...e, ...t];
+		}), E = s(() => T.value.reduce((e, t) => (e[t] = w.value.getSourceInfo(t), e), {})), D = h(T.value.reduce((e, t) => {
+			let n = E.value[t]?.type === "String" ? S.value.defaultPalette.categorical : S.value.defaultPalette.continuous;
+			return e[t] = S.value.reactive.dataBindAes[t]?.palette ?? n, e;
+		}, {})), O = g(null), k = g(null);
+		function A(e) {
+			let n = k.value;
+			n && (D[n] = e, S.value.reactive.dataBindAes[n] = t(e)), O.value = n;
+		}
+		return (t, a) => (m(!0), u(o, null, _(T.value, (t) => (m(), u(o, { key: t }, [
+			d("div", x, [d("span", null, v(E.value[t].label), 1)]),
+			f(i, {
+				label: "Color Palette ",
+				title: y(e)[D[t]].title,
+				palette: D[t],
+				style: { marginBottom: "24px" },
+				onButtonClick: (e) => {
+					O.value = t, k.value = t;
+				}
+			}, null, 8, [
+				"title",
+				"palette",
+				"onButtonClick"
+			]),
+			O.value === t ? (m(), c(n, {
+				key: 0,
+				title: "Color Palette",
+				"back-title": "Color mapping",
+				"onForm:close": a[0] ||= (e) => O.value = null
+			}, {
+				default: b(() => [f(r, {
+					selected: D[t],
+					categorical: E.value[t].type === "String",
+					onSelect: A
+				}, null, 8, ["selected", "categorical"])]),
+				_: 2
+			}, 1024)) : l("", !0)
+		], 64))), 128));
+	}
+});
+export { S as default };
+
+//# sourceMappingURL=HeatmapAnnotations.vue2.js.map

package/dist/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapAnnotations.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"HeatmapAnnotations.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed, reactive, ref } from 'vue';\nimport { PALETTE_MAP } from '../../../../constantsAesthetic';\nimport type { ContinuousPalette, Palette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\nimport type { AxisData, ColumnData, HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\n\nconst store = useStore();\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(\n  () => store.value.inputGuide.value as InputGuide<HeatmapUIState>,\n);\n\nconst annotationSources = computed(() => {\n  const x = optionsState.value.components.annotationsX.selectorStates.map((s) => s.selectedSource);\n  const y = optionsState.value.components.annotationsY.selectorStates.map((s) => s.selectedSource);\n  return [...x, ...y];\n});\n\nconst annotationsInfo = computed(() => annotationSources.value.reduce((res: Record<string, AxisData | ColumnData>, source) => {\n  res[source] = inputGuide.value.getSourceInfo(source);\n  return res;\n}, {}));\n\nconst palettes = reactive(annotationSources.value.reduce((res: Record<string, Palette>, source) => {\n  const valueType = annotationsInfo.value[source]?.type;\n  const defaultPalette = valueType === 'String' ? store.value.defaultPalette.categorical : store.value.defaultPalette.continuous;\n  res[source] = store.value.reactive.dataBindAes[source]?.palette ?? defaultPalette;\n  return res;\n}, {}));\n\nconst palettesOpen = ref<string | null>(null);\nconst currentSource = ref<string | null>(null); // use the same palette form for all the annotations; current is last clicked\nfunction onPaletteSelect(value: Palette) {\n  const source = currentSource.value;\n  if (source) {\n    palettes[source] = value;\n    // TODO: categorical mapping, detailed continuous mapping (with range), log continuous mapping\n    store.value.reactive.dataBindAes[source] = createContinuousMappingFromPalette(value as ContinuousPalette);\n  }\n  palettesOpen.value = source;\n}\n</script>\n\n<template>\n  <template v-for=\"source of annotationSources\" :key=\"source\">\n    <div class=\"section-title\"><span>{{ annotationsInfo[source].label }}</span></div>\n    <MultiselectButton\n      label=\"Color Palette \"\n      :title=\"PALETTE_MAP[palettes[source]].title\"\n      :palette=\"palettes[source]\"\n      :style=\"{marginBottom:'24px'}\"\n      @button-click=\"palettesOpen = source; currentSource = source;\"\n    />\n    <FormWrapper\n      v-if=\"palettesOpen === source\"\n      title=\"Color Palette\"\n      back-title=\"Color mapping\"\n      @form:close=\"palettesOpen = null\"\n    >\n      <PalettesForm\n        :selected=\"palettes[source]\" :categorical=\"annotationsInfo[source].type === 'String'\"\n        @select=\"onPaletteSelect\"\n      />\n    </FormWrapper>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;EAWA,IAAM,IAAQ,GAAU,EAClB,IAAe,QAAe,EAAM,MAAM,SAAS,aAA+B,EAClF,IAAa,QACX,EAAM,MAAM,WAAW,MAC9B,EAEK,IAAoB,QAAe;GACvC,IAAM,IAAI,EAAa,MAAM,WAAW,aAAa,eAAe,KAAK,MAAM,EAAE,eAAe,EAC1F,IAAI,EAAa,MAAM,WAAW,aAAa,eAAe,KAAK,MAAM,EAAE,eAAe;AAChG,UAAO,CAAC,GAAG,GAAG,GAAG,EAAE;IACnB,EAEI,IAAkB,QAAe,EAAkB,MAAM,QAAQ,GAA4C,OACjH,EAAI,KAAU,EAAW,MAAM,cAAc,EAAO,EAC7C,IACN,EAAE,CAAC,CAAC,EAED,IAAW,EAAS,EAAkB,MAAM,QAAQ,GAA8B,MAAW;GAEjG,IAAM,IADY,EAAgB,MAAM,IAAS,SACZ,WAAW,EAAM,MAAM,eAAe,cAAc,EAAM,MAAM,eAAe;AAEpH,UADA,EAAI,KAAU,EAAM,MAAM,SAAS,YAAY,IAAS,WAAW,GAC5D;KACN,EAAE,CAAC,CAAC,EAED,IAAe,EAAmB,KAAK,EACvC,IAAgB,EAAmB,KAAK;EAC9C,SAAS,EAAgB,GAAgB;GACvC,IAAM,IAAS,EAAc;AAM7B,GALI,MACF,EAAS,KAAU,GAEnB,EAAM,MAAM,SAAS,YAAY,KAAU,EAAmC,EAA2B,GAE3G,EAAa,QAAQ;;2BAKrB,EAoBW,GAAA,MAAA,EApBgB,EAAA,QAAV,wBAAmC,GAAM,EAAA;GACxD,EAAiF,OAAjF,GAAiF,CAAtD,EAAgD,QAAA,MAAA,EAAvC,EAAA,MAAgB,GAAQ,MAAK,EAAA,EAAA,CAAA,CAAA;GACjE,EAME,GAAA;IALA,OAAM;IACL,OAAO,EAAA,EAAW,CAAC,EAAS,IAAS;IACrC,SAAS,EAAS;IAClB,OAAO,EAAA,cAAA,QAAqB;IAC5B,gBAAY,MAAA;AAAyB,KAAvB,EAAA,QAAe,GAAQ,EAAA,QAAgB;;;;;;;GAGhD,EAAA,UAAiB,KAAA,GAAA,EADzB,EAUc,GAAA;;IARZ,OAAM;IACN,cAAW;IACV,gBAAU,AAAA,EAAA,QAAA,MAAE,EAAA,QAAY;;qBAKvB,CAHF,EAGE,GAAA;KAFC,UAAU,EAAS;KAAU,aAAa,EAAA,MAAgB,GAAQ,SAAI;KACtE,UAAQ"}

package/dist/forms/LayersForm/Layer/heatmap/HeatmapClustered.js

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

package/dist/forms/LayersForm/Layer/heatmap/HeatmapClustered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapClustered.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { PALETTE_MAP } from '../../../../constantsAesthetic';\nimport type { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { ContinuousPalette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmapClustered';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.value]?.palette : undefined);\n\nconst palettesOpen = ref(false);\nconst palette = ref<ContinuousPalette>(savedDataValuePalette.value as ContinuousPalette ?? store.value.defaultPalette.continuous);\n\nfunction onPaletteSelect(value: ContinuousPalette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  if (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.value] = createContinuousMappingFromPalette(value);\n  }\n}\nconst NORMALIZATION_DIRECTION: SimpleOption[] = [\n  { label: 'None', value: null },\n  { label: 'Columns', value: 'column' },\n  { label: 'Rows', value: 'row' },\n];\nconst NORMALIZATION_METHOD: SimpleOption[] = [\n  { label: 'z-score', value: 'standardScaling' },\n  { label: 'Min-max', value: 'meanNormalization' },\n];\nconst NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' },\n];\nconst AGGREGATION_METHOD = AGGREGATION_METHOD_OPTIONS;\n\nconst NAValueOption = ref(settings.value.NAValueAs !== null ? 'custom' : settings.value.NAValueAs);\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <MultiselectButton\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <FormWrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <PalettesForm :selected=\"palette\" :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\" @select=\"onPaletteSelect\" />\n  </FormWrapper>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.disableClusteringX\"/>\n    <span>Disable clustering for X axis</span>\n  </div>\n  <div v-if=\"!settings.disableClusteringX\" class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.dendrogramX\" />\n    <span>Show dendrogram for X axis</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.disableClusteringY\"/>\n    <span>Disable clustering for Y axis</span>\n  </div>\n  <div v-if=\"!settings.disableClusteringY\" class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.dendrogramY\"/>\n    <span>Show dendrogram for Y axis</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationDirection\"\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationMethod\"\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.aggregationMethod\"\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <PlBtnGroup\n      v-model=\"NAValueOption\"\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value === 'custom') {\n          settings.NAValueAs = customNA;\n        } else {\n          settings.NAValueAs = value as number|null;\n        }\n      }\"\n    />\n    <PlNumberField\n      v-model=\"customNA\"\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue2.js

@@ -1,5 +1,149 @@
-import f from "./HeatmapClustered.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=HeatmapClustered.vue2.js.map
+import { PALETTE_MAP as e } from "../../../../constantsAesthetic.js";
+import { createContinuousMappingFromPalette as t } from "../../../../dataBindAes.js";
+import { AGGREGATION_METHOD_OPTIONS as n } from "../../../../constantsCommon.js";
+import r from "../../../../components/AesSettings/FormWrapper.js";
+import i from "../../../../components/AesSettings/PalettesForm.js";
+import a from "../../../../components/MultiselectButton.js";
+import { useStore as o } from "../../../../store.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, openBlock as h, ref as g, unref as _, withCtx as v } from "vue";
+import { PlBtnGroup as y, PlCheckbox as b, PlNumberField as x } from "@platforma-sdk/ui-vue";
+var S = { class: "checkbox-item" }, C = {
+	key: 1,
+	class: "checkbox-item"
+}, w = { class: "checkbox-item" }, T = {
+	key: 2,
+	class: "checkbox-item"
+}, E = { class: "button-group-item" }, D = { class: "button-group-item" }, O = { class: "checkbox-item" }, k = { class: "checkbox-item" }, A = { class: "button-group-item" }, j = {
+	class: "button-group-item",
+	style: {
+		display: "flex",
+		alignItems: "end"
+	}
+}, M = "heatmapClustered", N = /* @__PURE__ */ m({
+	__name: "HeatmapClustered",
+	setup(m) {
+		let N = o(), P = c(() => N.value.reactive.layersSettings[M]), F = c(() => N.value.reactive.optionsState), I = c(() => N.value.inputGuide.value), L = c(() => F.value.components.value.selectorStates[0]?.selectedSource), R = c(() => L.value ? N.value.reactive.dataBindAes[L.value]?.palette : void 0), z = g(!1), B = g(R.value ?? N.value.defaultPalette.continuous);
+		function V(e) {
+			B.value = e, z.value = !1, L.value && (N.value.reactive.dataBindAes[L.value] = t(e));
+		}
+		let H = [
+			{
+				label: "None",
+				value: null
+			},
+			{
+				label: "Columns",
+				value: "column"
+			},
+			{
+				label: "Rows",
+				value: "row"
+			}
+		], U = [{
+			label: "z-score",
+			value: "standardScaling"
+		}, {
+			label: "Min-max",
+			value: "meanNormalization"
+		}], W = [{
+			label: "empty",
+			value: null
+		}, {
+			label: "Special value",
+			value: "custom"
+		}], G = n, K = g(P.value.NAValueAs === null ? P.value.NAValueAs : "custom"), q = g(P.value.NAValueAs ?? 0);
+		return (t, n) => (h(), d(s, null, [
+			p(a, {
+				label: "Color Palette ",
+				title: _(e)[B.value].title,
+				palette: B.value,
+				onButtonClick: n[0] ||= (e) => {
+					z.value = !0;
+				}
+			}, null, 8, ["title", "palette"]),
+			z.value ? (h(), l(r, {
+				key: 0,
+				title: "Color Palette",
+				"back-title": "Color mapping",
+				"onForm:close": n[1] ||= (e) => z.value = !1
+			}, {
+				default: v(() => [p(i, {
+					selected: B.value,
+					categorical: L.value ? I.value.getSourceInfo(L.value).type === "String" : !1,
+					onSelect: V
+				}, null, 8, ["selected", "categorical"])]),
+				_: 1
+			})) : u("", !0),
+			f("div", S, [p(_(b), {
+				modelValue: P.value.disableClusteringX,
+				"onUpdate:modelValue": n[2] ||= (e) => P.value.disableClusteringX = e
+			}, null, 8, ["modelValue"]), n[15] ||= f("span", null, "Disable clustering for X axis", -1)]),
+			P.value.disableClusteringX ? u("", !0) : (h(), d("div", C, [p(_(b), {
+				modelValue: P.value.dendrogramX,
+				"onUpdate:modelValue": n[3] ||= (e) => P.value.dendrogramX = e
+			}, null, 8, ["modelValue"]), n[16] ||= f("span", null, "Show dendrogram for X axis", -1)])),
+			f("div", w, [p(_(b), {
+				modelValue: P.value.disableClusteringY,
+				"onUpdate:modelValue": n[4] ||= (e) => P.value.disableClusteringY = e
+			}, null, 8, ["modelValue"]), n[17] ||= f("span", null, "Disable clustering for Y axis", -1)]),
+			P.value.disableClusteringY ? u("", !0) : (h(), d("div", T, [p(_(b), {
+				modelValue: P.value.dendrogramY,
+				"onUpdate:modelValue": n[5] ||= (e) => P.value.dendrogramY = e
+			}, null, 8, ["modelValue"]), n[18] ||= f("span", null, "Show dendrogram for Y axis", -1)])),
+			f("div", E, [p(_(y), {
+				modelValue: P.value.normalizationDirection,
+				"onUpdate:modelValue": n[6] ||= (e) => P.value.normalizationDirection = e,
+				label: "Normalize by",
+				options: H,
+				compact: !0
+			}, null, 8, ["modelValue"])]),
+			f("div", D, [p(_(y), {
+				modelValue: P.value.normalizationMethod,
+				"onUpdate:modelValue": n[7] ||= (e) => P.value.normalizationMethod = e,
+				label: "Normalization method",
+				options: U,
+				compact: !0
+			}, null, 8, ["modelValue"])]),
+			f("div", O, [p(_(b), {
+				modelValue: P.value.aggregateByX,
+				"onUpdate:modelValue": n[8] ||= (e) => P.value.aggregateByX = e
+			}, null, 8, ["modelValue"]), n[19] ||= f("span", null, "Aggregate X groups", -1)]),
+			f("div", k, [p(_(b), {
+				modelValue: P.value.aggregateByY,
+				"onUpdate:modelValue": n[9] ||= (e) => P.value.aggregateByY = e
+			}, null, 8, ["modelValue"]), n[20] ||= f("span", null, "Aggregate Y groups", -1)]),
+			f("div", A, [p(_(y), {
+				modelValue: P.value.aggregationMethod,
+				"onUpdate:modelValue": n[10] ||= (e) => P.value.aggregationMethod = e,
+				label: "Aggregation method",
+				options: _(G),
+				compact: !0
+			}, null, 8, ["modelValue", "options"])]),
+			f("div", j, [p(_(y), {
+				modelValue: K.value,
+				"onUpdate:modelValue": [n[11] ||= (e) => K.value = e, n[12] ||= (e) => {
+					e === "custom" ? P.value.NAValueAs = q.value : P.value.NAValueAs = e;
+				}],
+				label: "Treat NA value as:",
+				options: W,
+				compact: !0
+			}, null, 8, ["modelValue"]), p(_(x), {
+				modelValue: q.value,
+				"onUpdate:modelValue": [n[13] ||= (e) => q.value = e, n[14] ||= (e) => {
+					e !== void 0 && (P.value.NAValueAs = e);
+				}],
+				style: {
+					height: "33px",
+					marginLeft: "16px",
+					width: "75px"
+				},
+				disabled: K.value !== "custom",
+				label: "NA value",
+				useIncrementButtons: !1
+			}, null, 8, ["modelValue", "disabled"])])
+		], 64));
+	}
+});
+export { N as default };
+
+//# sourceMappingURL=HeatmapClustered.vue2.js.map

package/dist/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapClustered.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"HeatmapClustered.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { PALETTE_MAP } from '../../../../constantsAesthetic';\nimport type { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { ContinuousPalette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmapClustered';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.value]?.palette : undefined);\n\nconst palettesOpen = ref(false);\nconst palette = ref<ContinuousPalette>(savedDataValuePalette.value as ContinuousPalette ?? store.value.defaultPalette.continuous);\n\nfunction onPaletteSelect(value: ContinuousPalette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  if (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.value] = createContinuousMappingFromPalette(value);\n  }\n}\nconst NORMALIZATION_DIRECTION: SimpleOption[] = [\n  { label: 'None', value: null },\n  { label: 'Columns', value: 'column' },\n  { label: 'Rows', value: 'row' },\n];\nconst NORMALIZATION_METHOD: SimpleOption[] = [\n  { label: 'z-score', value: 'standardScaling' },\n  { label: 'Min-max', value: 'meanNormalization' },\n];\nconst NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' },\n];\nconst AGGREGATION_METHOD = AGGREGATION_METHOD_OPTIONS;\n\nconst NAValueOption = ref(settings.value.NAValueAs !== null ? 'custom' : settings.value.NAValueAs);\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <MultiselectButton\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <FormWrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <PalettesForm :selected=\"palette\" :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\" @select=\"onPaletteSelect\" />\n  </FormWrapper>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.disableClusteringX\"/>\n    <span>Disable clustering for X axis</span>\n  </div>\n  <div v-if=\"!settings.disableClusteringX\" class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.dendrogramX\" />\n    <span>Show dendrogram for X axis</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.disableClusteringY\"/>\n    <span>Disable clustering for Y axis</span>\n  </div>\n  <div v-if=\"!settings.disableClusteringY\" class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.dendrogramY\"/>\n    <span>Show dendrogram for Y axis</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationDirection\"\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationMethod\"\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.aggregationMethod\"\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <PlBtnGroup\n      v-model=\"NAValueOption\"\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value === 'custom') {\n          settings.NAValueAs = customNA;\n        } else {\n          settings.NAValueAs = value as number|null;\n        }\n      }\"\n    />\n    <PlNumberField\n      v-model=\"customNA\"\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/forms/LayersForm/Layer/histogram/Bins.js

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

package/dist/forms/LayersForm/Layer/histogram/Bins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bins.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/histogram/Bins.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { Slider } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { DEFAULT_WHITE } from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { MappingLink } from '../../../../constantsCommon';\nimport type { HistogramUIState } from '@milaboratories/pf-plots';\n\nconst store = useStore();\nconst layer = 'bins';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction useDefaultAes<T extends string | MappingLink>(\n  value: T | null,\n  optionsState: HistogramUIState,\n  defaultValue: T,\n): T {\n  const hasGrouping = optionsState.components.grouping.selectorStates.length > 0;\n  if (value === null) {\n    // not selected by user\n    if (hasGrouping) {\n      return { type: 'grouping', value: optionsState.components.grouping.selectorStates[0].selectedSource } as T;\n    }\n    return defaultValue;\n  }\n  return value;\n}\nconst fillColor = computed(() => useDefaultAes(\n  settings.value.fillColor,\n  store.value.reactive.optionsState as HistogramUIState,\n  DEFAULT_WHITE,\n));\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'fillColor',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = { type: colorOption.inputName };\n  } else {\n    store.value.reactive.layersSettings[layer][field] = value;\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value !== 'string') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst opacity = computed({\n  get: () => settings.value.opacity * 100,\n  set: (newValue: number) => {\n    settings.value.opacity = newValue / 100;\n  },\n});\n</script>\n\n<template>\n  <AesSelector\n    label=\"Fill color\"\n    form-title=\"Fill Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"fillColor\"\n    :withoutFixed=\"typeof fillColor === 'object'\"\n    @aes-update=\"(v:any, c:any) => onUpdate(v, c, 'fillColor')\"\n  />\n  <Slider\n    v-model=\"opacity\"\n    label=\"Opacity\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n  />\n</template>\n"],"mappings":""}

package/dist/forms/LayersForm/Layer/histogram/Bins.vue2.js

@@ -1,5 +1,49 @@
-import f from "./Bins.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Bins.vue2.js.map
+import { DEFAULT_WHITE as e } from "../../../../constantsAesthetic.js";
+import t from "../../AesSelector.js";
+import { useStore as n } from "../../../../store.js";
+import { Fragment as r, computed as i, createElementBlock as a, createVNode as o, defineComponent as s, openBlock as c, unref as l } from "vue";
+import { Slider as u } from "@platforma-sdk/ui-vue";
+var d = "bins", f = /* @__PURE__ */ s({
+	__name: "Bins",
+	setup(s) {
+		let f = n(), p = i(() => f.value.reactive.layersSettings[d]);
+		function m(e, t, n) {
+			let r = t.components.grouping.selectorStates.length > 0;
+			return e === null ? r ? {
+				type: "grouping",
+				value: t.components.grouping.selectorStates[0].selectedSource
+			} : n : e;
+		}
+		let h = i(() => m(p.value.fillColor, f.value.reactive.optionsState, e));
+		function g(e, t, n) {
+			t.type === "dataCategorical" ? f.value.reactive.layersSettings[d][n] = { type: t.inputName } : f.value.reactive.layersSettings[d][n] = e, t.type === "dataCategorical" && typeof e != "string" && (f.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		let _ = i({
+			get: () => p.value.opacity * 100,
+			set: (e) => {
+				p.value.opacity = e / 100;
+			}
+		});
+		return (e, n) => (c(), a(r, null, [o(t, {
+			label: "Fill color",
+			"form-title": "Fill Color Settings",
+			"form-back-title": "Layers",
+			type: "fill",
+			selected: h.value,
+			withoutFixed: typeof h.value == "object",
+			onAesUpdate: n[0] ||= (e, t) => g(e, t, "fillColor")
+		}, null, 8, ["selected", "withoutFixed"]), o(l(u), {
+			modelValue: _.value,
+			"onUpdate:modelValue": n[1] ||= (e) => _.value = e,
+			label: "Opacity",
+			min: 0,
+			max: 100,
+			step: 1,
+			breakpoints: !1,
+			measure: "%"
+		}, null, 8, ["modelValue"])], 64));
+	}
+});
+export { f as default };
+
+//# sourceMappingURL=Bins.vue2.js.map

package/dist/forms/LayersForm/Layer/histogram/Bins.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bins.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Bins.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/histogram/Bins.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { Slider } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { DEFAULT_WHITE } from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { MappingLink } from '../../../../constantsCommon';\nimport type { HistogramUIState } from '@milaboratories/pf-plots';\n\nconst store = useStore();\nconst layer = 'bins';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction useDefaultAes<T extends string | MappingLink>(\n  value: T | null,\n  optionsState: HistogramUIState,\n  defaultValue: T,\n): T {\n  const hasGrouping = optionsState.components.grouping.selectorStates.length > 0;\n  if (value === null) {\n    // not selected by user\n    if (hasGrouping) {\n      return { type: 'grouping', value: optionsState.components.grouping.selectorStates[0].selectedSource } as T;\n    }\n    return defaultValue;\n  }\n  return value;\n}\nconst fillColor = computed(() => useDefaultAes(\n  settings.value.fillColor,\n  store.value.reactive.optionsState as HistogramUIState,\n  DEFAULT_WHITE,\n));\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'fillColor',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = { type: colorOption.inputName };\n  } else {\n    store.value.reactive.layersSettings[layer][field] = value;\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value !== 'string') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst opacity = computed({\n  get: () => settings.value.opacity * 100,\n  set: (newValue: number) => {\n    settings.value.opacity = newValue / 100;\n  },\n});\n</script>\n\n<template>\n  <AesSelector\n    label=\"Fill color\"\n    form-title=\"Fill Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"fillColor\"\n    :withoutFixed=\"typeof fillColor === 'object'\"\n    @aes-update=\"(v:any, c:any) => onUpdate(v, c, 'fillColor')\"\n  />\n  <Slider\n    v-model=\"opacity\"\n    label=\"Opacity\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n  />\n</template>\n"],"mappings":";;;;;AAYA,IAAM,IAAQ;;;EADd,IAAM,IAAQ,GAAU,EAElB,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO;EAE3E,SAAS,EACP,GACA,GACA,GACG;GACH,IAAM,IAAc,EAAa,WAAW,SAAS,eAAe,SAAS;AAQ7E,UAPI,MAAU,OAER,IACK;IAAE,MAAM;IAAY,OAAO,EAAa,WAAW,SAAS,eAAe,GAAG;IAAgB,GAEhG,IAEF;;EAET,IAAM,IAAY,QAAe,EAC/B,EAAS,MAAM,WACf,EAAM,MAAM,SAAS,cACrB,EACD,CAAC;EAEF,SAAS,EACP,GACA,GACA,GACA;AAMA,GALI,EAAY,SAAS,oBACvB,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,EAAE,MAAM,EAAY,WAAW,GAEnF,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,GAElD,EAAY,SAAS,qBAAqB,OAAO,KAAU,aAC7D,EAAM,MAAM,SAAS,YAAY,EAAY,kBAAkB;;EAInE,IAAM,IAAU,EAAS;GACvB,WAAW,EAAS,MAAM,UAAU;GACpC,MAAM,MAAqB;AACzB,MAAS,MAAM,UAAU,IAAW;;GAEvC,CAAC;qCAIA,EAQE,GAAA;GAPA,OAAM;GACN,cAAW;GACX,mBAAgB;GAChB,MAAK;GACJ,UAAU,EAAA;GACV,cAAY,OAAS,EAAA,SAAS;GAC9B,aAAU,AAAA,EAAA,QAAG,GAAO,MAAU,EAAS,GAAG,GAAC,YAAA;6CAE9C,EAQE,EAAA,EAAA,EAAA;eAPS,EAAA;4CAAO,QAAA;GAChB,OAAM;GACL,KAAK;GACL,KAAK;GACL,MAAM;GACN,aAAa;GACd,SAAQ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Curve.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/scatterplot/Curve.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport { computed } from 'vue';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { MappingLink } from '../../../../constantsCommon';\nimport type { ScatterplotUIState } from '@milaboratories/pf-plots';\n\nconst store = useStore();\nconst layer = 'curve';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nfunction isMapping(value: MappingLink | string | null): value is MappingLink {\n  return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst lineColor = computed(() => {\n  const value = settings.value.lineColor;\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});\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineColor',\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] = { type: colorOption.inputName, value: colorOption.selectedSource };\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value !== 'string') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n</script>\n\n<template>\n  <AesSelector\n    label=\"Color\"\n    form-title=\"Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    :withoutFixed=\"typeof lineColor === 'object'\"\n    :possible-aes-source-inputs=\"['grouping']\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <div class=\"input-item\" style=\"display: flex; justify-content: space-between; align-items: center\">\n    <span>Smoothing</span>\n    <PlToggleSwitch v-model=\"store.reactive.layersSettings.curve.smoothing\"/>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,5 +1,53 @@
-import f from "./Curve.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Curve.vue2.js.map
+import { DEFAULT_BLACK as e } from "../../../../constantsAesthetic.js";
+import t from "../../AesSelector.js";
+import { useStore as n } from "../../../../store.js";
+import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, openBlock as l, unref as u } from "vue";
+import { PlToggleSwitch as d } from "@platforma-sdk/ui-vue";
+var f = {
+	class: "input-item",
+	style: {
+		display: "flex",
+		"justify-content": "space-between",
+		"align-items": "center"
+	}
+}, p = "curve", m = /* @__PURE__ */ c({
+	__name: "Curve",
+	setup(c) {
+		let m = n(), h = m.value.reactive.optionsState, g = i(() => m.value.reactive.layersSettings[p]);
+		function _(e) {
+			return typeof e == "object" && !!e && "type" in e;
+		}
+		let v = i(() => {
+			let t = g.value.lineColor, n = h.components.grouping.selectorStates.map((e) => e.selectedSource);
+			return _(t) && n.length ? n.includes(t.value) ? t : {
+				type: "grouping",
+				value: n[0]
+			} : n.length ? {
+				type: "grouping",
+				value: n[0]
+			} : _(t) ? e : t ?? "#110529";
+		});
+		function y(e, t, n) {
+			typeof e == "string" ? m.value.reactive.layersSettings[p][n] = e : t.type === "dataCategorical" && (m.value.reactive.layersSettings[p][n] = {
+				type: t.inputName,
+				value: t.selectedSource
+			}), t.type === "dataCategorical" && typeof e != "string" && (m.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		return (e, n) => (l(), a(r, null, [s(t, {
+			label: "Color",
+			"form-title": "Color Settings",
+			"form-back-title": "Layers",
+			type: "stroke",
+			selected: v.value,
+			withoutFixed: typeof v.value == "object",
+			"possible-aes-source-inputs": ["grouping"],
+			onAesUpdate: n[0] ||= (e, t) => y(e, t, "lineColor")
+		}, null, 8, ["selected", "withoutFixed"]), o("div", f, [n[2] ||= o("span", null, "Smoothing", -1), s(u(d), {
+			modelValue: u(m).reactive.layersSettings.curve.smoothing,
+			"onUpdate:modelValue": n[1] ||= (e) => u(m).reactive.layersSettings.curve.smoothing = e
+		}, null, 8, ["modelValue"])])], 64));
+	}
+});
+export { m as default };
+
+//# sourceMappingURL=Curve.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Curve.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Curve.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/scatterplot/Curve.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport { computed } from 'vue';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { MappingLink } from '../../../../constantsCommon';\nimport type { ScatterplotUIState } from '@milaboratories/pf-plots';\n\nconst store = useStore();\nconst layer = 'curve';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nfunction isMapping(value: MappingLink | string | null): value is MappingLink {\n  return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst lineColor = computed(() => {\n  const value = settings.value.lineColor;\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});\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineColor',\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] = { type: colorOption.inputName, value: colorOption.selectedSource };\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value !== 'string') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n</script>\n\n<template>\n  <AesSelector\n    label=\"Color\"\n    form-title=\"Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    :withoutFixed=\"typeof lineColor === 'object'\"\n    :possible-aes-source-inputs=\"['grouping']\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <div class=\"input-item\" style=\"display: flex; justify-content: space-between; align-items: center\">\n    <span>Smoothing</span>\n    <PlToggleSwitch v-model=\"store.reactive.layersSettings.curve.smoothing\"/>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;GAYM,IAAQ;;;EADd,IAAM,IAAQ,GAAU,EAElB,IAAQ,EAAM,MAAM,SAAS,cAE7B,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO;EAC3E,SAAS,EAAU,GAA0D;AAC3E,UAAyB,OAAO,KAAU,cAAnC,KAA+C,UAAU;;EAElE,IAAM,IAAY,QAAe;GAC/B,IAAM,IAAQ,EAAS,MAAM,WACvB,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;EACF,SAAS,EACP,GACA,GACA,GACA;AAMA,GALI,OAAO,KAAU,WACnB,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,IAC3C,EAAY,SAAS,sBAC9B,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS;IAAE,MAAM,EAAY;IAAW,OAAO,EAAY;IAAgB,GAEpH,EAAY,SAAS,qBAAqB,OAAO,KAAU,aAC7D,EAAM,MAAM,SAAS,YAAY,EAAY,kBAAkB;;qCAMjE,EASE,GAAA;GARA,OAAM;GACN,cAAW;GACX,mBAAgB;GAChB,MAAK;GACJ,UAAU,EAAA;GACV,cAAY,OAAS,EAAA,SAAS;GAC9B,8BAA4B,CAAA,WAAY;GACxC,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,YAAA;6CAEtC,EAGM,OAHN,GAGM,CAAA,AAAA,EAAA,OAFJ,EAAsB,QAAA,MAAhB,aAAS,GAAA,EACf,EAAyE,EAAA,EAAA,EAAA;eAAhD,EAAA,EAAK,CAAC,SAAS,eAAe,MAAM;4CAApC,EAAK,CAAC,SAAS,eAAe,MAAM,YAAS"}