@milaboratories/graph-maker 1.2.5 → 1.2.6

package/dist/forms/LayersForm/Layer/discrete/Logo.vue2.js

@@ -1,5 +1,30 @@
-import f from "./Logo.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Logo.vue2.js.map
+import { useStore as e } from "../../../../store.js";
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, openBlock as s, unref as c } from "vue";
+import { PlCheckbox as l, Slider as u } from "@platforma-sdk/ui-vue";
+var d = { class: "checkbox-item" }, f = "logo", p = /* @__PURE__ */ o({
+	__name: "Logo",
+	setup(o) {
+		let p = e(), m = n(() => p.value.reactive.layersSettings[f]), h = n({
+			get: () => m.value.opacity * 100,
+			set: (e) => {
+				m.value.opacity = e / 100;
+			}
+		});
+		return (e, n) => (s(), r(t, null, [a(c(u), {
+			modelValue: h.value,
+			"onUpdate:modelValue": n[0] ||= (e) => h.value = e,
+			label: "Opacity",
+			min: 0,
+			max: 100,
+			step: 1,
+			breakpoints: !1,
+			measure: "%"
+		}, null, 8, ["modelValue"]), i("div", d, [a(c(l), {
+			modelValue: m.value.normalize,
+			"onUpdate:modelValue": n[1] ||= (e) => m.value.normalize = e
+		}, null, 8, ["modelValue"]), n[2] ||= i("span", null, "Normalize", -1)])], 64));
+	}
+});
+export { p as default };
+
+//# sourceMappingURL=Logo.vue2.js.map

package/dist/forms/LayersForm/Layer/discrete/Logo.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Logo.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Logo.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed } from 'vue';\nimport { PlCheckbox, Slider } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer = 'logo';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\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  <Slider\n    v-model=\"opacity\"\n    label=\"Opacity\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n  />\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.normalize\" />\n    <span>Normalize</span>\n  </div>\n</template>\n"],"mappings":";;;oCAMM,IAAQ;;;EADd,IAAM,IAAQ,GAAU,EAElB,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO,EAErE,IAAU,EAAS;GACvB,WAAW,EAAS,MAAM,UAAU;GACpC,MAAM,MAAqB;AACzB,MAAS,MAAM,UAAU,IAAW;;GAEvC,CAAC;qCAIA,EAQE,EAAA,EAAA,EAAA;eAPS,EAAA;4CAAO,QAAA;GAChB,OAAM;GACL,KAAK;GACL,KAAK;GACL,MAAM;GACN,aAAa;GACd,SAAQ;+BAEV,EAGM,OAHN,GAGM,CAFJ,EAA2C,EAAA,EAAA,EAAA;eAAtB,EAAA,MAAS;4CAAT,MAAS,YAAS;wCACvC,EAAsB,QAAA,MAAhB,aAAS,GAAA,CAAA,CAAA,CAAA,EAAA,GAAA"}

package/dist/forms/LayersForm/Layer/discrete/Sina.js

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

package/dist/forms/LayersForm/Layer/discrete/Sina.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sina.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Sina.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed } from 'vue';\nimport type {\n  AesOption,\n  DotShape,\n} from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport { Slider } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer = 'sina';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst dotFill = computed(() =>\n  useDefaultAes(settings.value.dotFill, optionsState.value, DEFAULT_BLACK),\n);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'dotFill',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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\nfunction onUpdateDot(\n  value: DotShape | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'dotShape',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\n  } else {\n    store.value.reactive.layersSettings[layer][field] = value;\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value === 'object') {\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=\"dotFill\"\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    :selected=\"settings.dotShape\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\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/discrete/Sina.vue2.js

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

package/dist/forms/LayersForm/Layer/discrete/Sina.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sina.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Sina.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Sina.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed } from 'vue';\nimport type {\n  AesOption,\n  DotShape,\n} from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport { Slider } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer = 'sina';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst dotFill = computed(() =>\n  useDefaultAes(settings.value.dotFill, optionsState.value, DEFAULT_BLACK),\n);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'dotFill',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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\nfunction onUpdateDot(\n  value: DotShape | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'dotShape',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\n  } else {\n    store.value.reactive.layersSettings[layer][field] = value;\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value === 'object') {\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=\"dotFill\"\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    :selected=\"settings.dotShape\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\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":";;;;;;AAeA,IAAM,IAAQ;;;EADd,IAAM,IAAQ,GAAU,EAElB,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO,EACrE,IAAe,QACb,EAAM,MAAM,SAAS,aAC5B,EAEK,IAAU,QACd,EAAc,EAAS,MAAM,SAAS,EAAa,OAAO,EAAc,CACzE;EAED,SAAS,EACP,GACA,GACA,GACA;AAQA,GAPI,EAAY,SAAS,oBACvB,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,EAClD,MAAM,EAAY,WACnB,GAED,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,GAElD,EAAY,SAAS,qBAAqB,OAAO,KAAU,aAC7D,EAAM,MAAM,SAAS,YAAY,EAAY,kBAAkB;;EAInE,SAAS,EACP,GACA,GACA,GACA;AAQA,GAPI,EAAY,SAAS,oBACvB,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,EAClD,MAAM,EAAY,WACnB,GAED,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;;GAIA,EAOE,GAAA;IANA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,UAAA;;GAEtC,EAOE,GAAA;IANA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA,MAAS;IACnB,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAY,GAAG,GAAC,WAAA;;GAEzC,EAQE,EAAA,EAAA,EAAA;gBAPS,EAAA;6CAAO,QAAA;IAChB,OAAM;IACL,KAAK;IACL,KAAK;IACL,MAAM;IACN,aAAa;IACd,SAAQ"}

package/dist/forms/LayersForm/Layer/discrete/StackedArea.js

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

package/dist/forms/LayersForm/Layer/discrete/StackedArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedArea.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/StackedArea.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed } from 'vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport { PlCheckbox, Slider, PlDropdown } from '@platforma-sdk/ui-vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer = 'stackedArea';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'fillColor' | 'lineColor',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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 HEIGHT_OPTIONS = AGGREGATION_METHOD_OPTIONS;\n\nconst barOpacity = computed({\n  get: () => settings.value.barsOpacity * 100,\n  set: (newValue: number) => {\n    settings.value.barsOpacity = newValue / 100;\n  },\n});\nconst areaOpacity = computed({\n  get: () => settings.value.areaOpacity * 100,\n  set: (newValue: number) => {\n    settings.value.areaOpacity = 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    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <AesSelector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.height\"\n      label=\"Height\"\n      :options=\"HEIGHT_OPTIONS\"\n    />\n  </div>\n  <Slider\n    v-model=\"barOpacity\"\n    label=\"Opacity of bars\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n  />\n  <Slider\n    v-model=\"areaOpacity\"\n    label=\"Opacity of areas\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n  />\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.normalize\" />\n    <span>Normalize</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.showBars\" />\n    <span>Show bars</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/forms/LayersForm/Layer/discrete/StackedArea.vue2.js

@@ -1,5 +1,85 @@
-import f from "./StackedArea.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=StackedArea.vue2.js.map
+import { DEFAULT_BLACK as e, DEFAULT_WHITE as t } from "../../../../constantsAesthetic.js";
+import { AGGREGATION_METHOD_OPTIONS as n } from "../../../../constantsCommon.js";
+import { useDefaultAes as r } from "./utils.js";
+import i from "../../AesSelector.js";
+import { useStore as a } from "../../../../store.js";
+import { Fragment as o, computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, openBlock as f, unref as p, withModifiers as m } from "vue";
+import { PlCheckbox as h, PlDropdown as g, Slider as _ } from "@platforma-sdk/ui-vue";
+var v = { class: "checkbox-item" }, y = { class: "checkbox-item" }, b = "stackedArea", x = /* @__PURE__ */ d({
+	__name: "StackedArea",
+	setup(d) {
+		let x = a(), S = s(() => x.value.reactive.layersSettings[b]), C = s(() => x.value.reactive.optionsState), w = s(() => r(S.value.fillColor, C.value, t)), T = s(() => r(S.value.lineColor, C.value, e));
+		function E(e, t, n) {
+			t.type === "dataCategorical" ? x.value.reactive.layersSettings[b][n] = { type: t.inputName } : x.value.reactive.layersSettings[b][n] = e, t.type === "dataCategorical" && typeof e != "string" && (x.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		let D = n, O = s({
+			get: () => S.value.barsOpacity * 100,
+			set: (e) => {
+				S.value.barsOpacity = e / 100;
+			}
+		}), k = s({
+			get: () => S.value.areaOpacity * 100,
+			set: (e) => {
+				S.value.areaOpacity = e / 100;
+			}
+		});
+		return (e, t) => (f(), c(o, null, [
+			u(i, {
+				label: "Fill color",
+				"form-title": "Fill Color Settings",
+				"form-back-title": "Layers",
+				type: "fill",
+				selected: w.value,
+				onAesUpdate: t[0] ||= (e, t) => E(e, t, "fillColor")
+			}, null, 8, ["selected"]),
+			u(i, {
+				label: "Stroke color",
+				"form-title": "Stroke Color Settings",
+				"form-back-title": "Layers",
+				type: "stroke",
+				selected: T.value,
+				onAesUpdate: t[1] ||= (e, t) => E(e, t, "lineColor")
+			}, null, 8, ["selected"]),
+			l("div", {
+				class: "input-item",
+				onClick: t[3] ||= m(() => {}, ["stop"])
+			}, [u(p(g), {
+				modelValue: S.value.height,
+				"onUpdate:modelValue": t[2] ||= (e) => S.value.height = e,
+				label: "Height",
+				options: p(D)
+			}, null, 8, ["modelValue", "options"])]),
+			u(p(_), {
+				modelValue: O.value,
+				"onUpdate:modelValue": t[4] ||= (e) => O.value = e,
+				label: "Opacity of bars",
+				min: 0,
+				max: 100,
+				step: 1,
+				breakpoints: !1,
+				measure: "%"
+			}, null, 8, ["modelValue"]),
+			u(p(_), {
+				modelValue: k.value,
+				"onUpdate:modelValue": t[5] ||= (e) => k.value = e,
+				label: "Opacity of areas",
+				min: 0,
+				max: 100,
+				step: 1,
+				breakpoints: !1,
+				measure: "%"
+			}, null, 8, ["modelValue"]),
+			l("div", v, [u(p(h), {
+				modelValue: S.value.normalize,
+				"onUpdate:modelValue": t[6] ||= (e) => S.value.normalize = e
+			}, null, 8, ["modelValue"]), t[8] ||= l("span", null, "Normalize", -1)]),
+			l("div", y, [u(p(h), {
+				modelValue: S.value.showBars,
+				"onUpdate:modelValue": t[7] ||= (e) => S.value.showBars = e
+			}, null, 8, ["modelValue"]), t[9] ||= l("span", null, "Show bars", -1)])
+		], 64));
+	}
+});
+export { x as default };
+
+//# sourceMappingURL=StackedArea.vue2.js.map

package/dist/forms/LayersForm/Layer/discrete/StackedArea.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedArea.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"StackedArea.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/StackedArea.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed } from 'vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport { PlCheckbox, Slider, PlDropdown } from '@platforma-sdk/ui-vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer = 'stackedArea';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'fillColor' | 'lineColor',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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 HEIGHT_OPTIONS = AGGREGATION_METHOD_OPTIONS;\n\nconst barOpacity = computed({\n  get: () => settings.value.barsOpacity * 100,\n  set: (newValue: number) => {\n    settings.value.barsOpacity = newValue / 100;\n  },\n});\nconst areaOpacity = computed({\n  get: () => settings.value.areaOpacity * 100,\n  set: (newValue: number) => {\n    settings.value.areaOpacity = 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    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <AesSelector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.height\"\n      label=\"Height\"\n      :options=\"HEIGHT_OPTIONS\"\n    />\n  </div>\n  <Slider\n    v-model=\"barOpacity\"\n    label=\"Opacity of bars\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n  />\n  <Slider\n    v-model=\"areaOpacity\"\n    label=\"Opacity of areas\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n  />\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.normalize\" />\n    <span>Normalize</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.showBars\" />\n    <span>Show bars</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;oEAgBM,IAAQ;;;EADd,IAAM,IAAQ,GAAU,EAElB,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO,EACrE,IAAe,QACb,EAAM,MAAM,SAAS,aAC5B,EAEK,IAAY,QAChB,EAAc,EAAS,MAAM,WAAW,EAAa,OAAO,EAAc,CAC3E,EACK,IAAY,QAChB,EAAc,EAAS,MAAM,WAAW,EAAa,OAAO,EAAc,CAC3E;EAED,SAAS,EACP,GACA,GACA,GACA;AAQA,GAPI,EAAY,SAAS,oBACvB,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,EAClD,MAAM,EAAY,WACnB,GAED,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,GAElD,EAAY,SAAS,qBAAqB,OAAO,KAAU,aAC7D,EAAM,MAAM,SAAS,YAAY,EAAY,kBAAkB;;EAInE,IAAM,IAAiB,GAEjB,IAAa,EAAS;GAC1B,WAAW,EAAS,MAAM,cAAc;GACxC,MAAM,MAAqB;AACzB,MAAS,MAAM,cAAc,IAAW;;GAE3C,CAAC,EACI,IAAc,EAAS;GAC3B,WAAW,EAAS,MAAM,cAAc;GACxC,MAAM,MAAqB;AACzB,MAAS,MAAM,cAAc,IAAW;;GAE3C,CAAC;;GAIA,EAOE,GAAA;IANA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,YAAA;;GAEtC,EAOE,GAAA;IANA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,YAAA;;GAEtC,EAMM,OAAA;IAND,OAAM;IAAc,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;OACjC,EAIE,EAAA,EAAA,EAAA;gBAHS,EAAA,MAAS;6CAAT,MAAS,SAAM;IACxB,OAAM;IACL,SAAS,EAAA,EAAc;;GAG5B,EAQE,EAAA,EAAA,EAAA;gBAPS,EAAA;6CAAU,QAAA;IACnB,OAAM;IACL,KAAK;IACL,KAAK;IACL,MAAM;IACN,aAAa;IACd,SAAQ;;GAEV,EAQE,EAAA,EAAA,EAAA;gBAPS,EAAA;6CAAW,QAAA;IACpB,OAAM;IACL,KAAK;IACL,KAAK;IACL,MAAM;IACN,aAAa;IACd,SAAQ;;GAEV,EAGM,OAHN,GAGM,CAFJ,EAA2C,EAAA,EAAA,EAAA;gBAAtB,EAAA,MAAS;6CAAT,MAAS,YAAS;yCACvC,EAAsB,QAAA,MAAhB,aAAS,GAAA,CAAA,CAAA;GAEjB,EAGM,OAHN,GAGM,CAFJ,EAA0C,EAAA,EAAA,EAAA;gBAArB,EAAA,MAAS;6CAAT,MAAS,WAAQ;yCACtC,EAAsB,QAAA,MAAhB,aAAS,GAAA,CAAA,CAAA"}

package/dist/forms/LayersForm/Layer/discrete/StackedBar.js

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

package/dist/forms/LayersForm/Layer/discrete/StackedBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedBar.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/StackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed } from 'vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport { PlCheckbox, Slider, PlDropdown } from '@platforma-sdk/ui-vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer = 'stackedBar';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'fillColor' | 'lineColor',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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 HEIGHT_OPTIONS = AGGREGATION_METHOD_OPTIONS;\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    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <AesSelector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.height\"\n      label=\"Height\"\n      :options=\"HEIGHT_OPTIONS\"\n    />\n  </div>\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  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.normalize\" />\n    <span>Normalize</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/forms/LayersForm/Layer/discrete/StackedBar.vue2.js

@@ -1,5 +1,66 @@
-import f from "./StackedBar.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=StackedBar.vue2.js.map
+import { DEFAULT_BLACK as e, DEFAULT_WHITE as t } from "../../../../constantsAesthetic.js";
+import { AGGREGATION_METHOD_OPTIONS as n } from "../../../../constantsCommon.js";
+import { useDefaultAes as r } from "./utils.js";
+import i from "../../AesSelector.js";
+import { useStore as a } from "../../../../store.js";
+import { Fragment as o, computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, openBlock as f, unref as p, withModifiers as m } from "vue";
+import { PlCheckbox as h, PlDropdown as g, Slider as _ } from "@platforma-sdk/ui-vue";
+var v = { class: "checkbox-item" }, y = "stackedBar", b = /* @__PURE__ */ d({
+	__name: "StackedBar",
+	setup(d) {
+		let b = a(), x = s(() => b.value.reactive.layersSettings[y]), S = s(() => b.value.reactive.optionsState), C = s(() => r(x.value.fillColor, S.value, t)), w = s(() => r(x.value.lineColor, S.value, e));
+		function T(e, t, n) {
+			t.type === "dataCategorical" ? b.value.reactive.layersSettings[y][n] = { type: t.inputName } : b.value.reactive.layersSettings[y][n] = e, t.type === "dataCategorical" && typeof e != "string" && (b.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		let E = n, D = s({
+			get: () => x.value.opacity * 100,
+			set: (e) => {
+				x.value.opacity = e / 100;
+			}
+		});
+		return (e, t) => (f(), c(o, null, [
+			u(i, {
+				label: "Fill color",
+				"form-title": "Fill Color Settings",
+				"form-back-title": "Layers",
+				type: "fill",
+				selected: C.value,
+				onAesUpdate: t[0] ||= (e, t) => T(e, t, "fillColor")
+			}, null, 8, ["selected"]),
+			u(i, {
+				label: "Stroke color",
+				"form-title": "Stroke Color Settings",
+				"form-back-title": "Layers",
+				type: "stroke",
+				selected: w.value,
+				onAesUpdate: t[1] ||= (e, t) => T(e, t, "lineColor")
+			}, null, 8, ["selected"]),
+			l("div", {
+				class: "input-item",
+				onClick: t[3] ||= m(() => {}, ["stop"])
+			}, [u(p(g), {
+				modelValue: x.value.height,
+				"onUpdate:modelValue": t[2] ||= (e) => x.value.height = e,
+				label: "Height",
+				options: p(E)
+			}, null, 8, ["modelValue", "options"])]),
+			u(p(_), {
+				modelValue: D.value,
+				"onUpdate:modelValue": t[4] ||= (e) => D.value = e,
+				label: "Opacity",
+				min: 0,
+				max: 100,
+				step: 1,
+				breakpoints: !1,
+				measure: "%"
+			}, null, 8, ["modelValue"]),
+			l("div", v, [u(p(h), {
+				modelValue: x.value.normalize,
+				"onUpdate:modelValue": t[5] ||= (e) => x.value.normalize = e
+			}, null, 8, ["modelValue"]), t[6] ||= l("span", null, "Normalize", -1)])
+		], 64));
+	}
+});
+export { b as default };
+
+//# sourceMappingURL=StackedBar.vue2.js.map

package/dist/forms/LayersForm/Layer/discrete/StackedBar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"StackedBar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/StackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed } from 'vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport { PlCheckbox, Slider, PlDropdown } from '@platforma-sdk/ui-vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer = 'stackedBar';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'fillColor' | 'lineColor',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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 HEIGHT_OPTIONS = AGGREGATION_METHOD_OPTIONS;\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    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <AesSelector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.height\"\n      label=\"Height\"\n      :options=\"HEIGHT_OPTIONS\"\n    />\n  </div>\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  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.normalize\" />\n    <span>Normalize</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;oCAgBM,IAAQ;;;EADd,IAAM,IAAQ,GAAU,EAElB,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO,EACrE,IAAe,QACb,EAAM,MAAM,SAAS,aAC5B,EAEK,IAAY,QAChB,EAAc,EAAS,MAAM,WAAW,EAAa,OAAO,EAAc,CAC3E,EACK,IAAY,QAChB,EAAc,EAAS,MAAM,WAAW,EAAa,OAAO,EAAc,CAC3E;EAED,SAAS,EACP,GACA,GACA,GACA;AAQA,GAPI,EAAY,SAAS,oBACvB,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,EAClD,MAAM,EAAY,WACnB,GAED,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,GAElD,EAAY,SAAS,qBAAqB,OAAO,KAAU,aAC7D,EAAM,MAAM,SAAS,YAAY,EAAY,kBAAkB;;EAInE,IAAM,IAAiB,GAEjB,IAAU,EAAS;GACvB,WAAW,EAAS,MAAM,UAAU;GACpC,MAAM,MAAqB;AACzB,MAAS,MAAM,UAAU,IAAW;;GAEvC,CAAC;;GAIA,EAOE,GAAA;IANA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,YAAA;;GAEtC,EAOE,GAAA;IANA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,YAAA;;GAEtC,EAMM,OAAA;IAND,OAAM;IAAc,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;OACjC,EAIE,EAAA,EAAA,EAAA;gBAHS,EAAA,MAAS;6CAAT,MAAS,SAAM;IACxB,OAAM;IACL,SAAS,EAAA,EAAc;;GAG5B,EAQE,EAAA,EAAA,EAAA;gBAPS,EAAA;6CAAO,QAAA;IAChB,OAAM;IACL,KAAK;IACL,KAAK;IACL,MAAM;IACN,aAAa;IACd,SAAQ;;GAEV,EAGM,OAHN,GAGM,CAFJ,EAA2C,EAAA,EAAA,EAAA;gBAAtB,EAAA,MAAS;6CAAT,MAAS,YAAS;yCACvC,EAAsB,QAAA,MAAhB,aAAS,GAAA,CAAA,CAAA"}

package/dist/forms/LayersForm/Layer/discrete/Violin.js

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

package/dist/forms/LayersForm/Layer/discrete/Violin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Violin.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Violin.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { Slider, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport type { LineType } from '../../../../components/AesSettings/types';\n\nconst store = useStore();\nconst layer = 'violin';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\nconst lineType = computed(() => settings.value.lineType);\nconst medianLineType = computed(() => settings.value.medianLineStyle);\nconst quartilesLineType = computed(() => settings.value.quartilesLineStyle);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'fillColor' | 'lineColor',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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}\nfunction onUpdateLineType(\n  value: LineType | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineType',\n) {\n  store.value.reactive.layersSettings[layer][field]\n      = typeof value === 'object' ? { type: colorOption.value } : value;\n  if (colorOption.type === 'dataCategorical' && typeof value === 'object') {\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    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <AesSelector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <AesSelector\n    label=\"Line Type\"\n    form-title=\"Line Type Settings\"\n    form-back-title=\"Layers\"\n    type=\"lineType\"\n    :possible-aes-source-inputs=\"[]\"\n    :selected=\"lineType\"\n    @aes-update=\"(v, c) => onUpdateLineType(v, c, 'lineType')\"\n  />\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.trim\" />\n    <span>Trim</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.showQuartiles\" />\n    <span>Show median and quartiles</span>\n  </div>\n  <div v-if=\"settings.showQuartiles\">\n    <AesSelector\n      label=\"Madian Line Type\"\n      form-title=\"Line Type Settings\"\n      form-back-title=\"Layers\"\n      type=\"lineType\"\n      :possible-aes-source-inputs=\"[]\"\n      :selected=\"medianLineType\"\n      @aes-update=\"(v) => store.reactive.layersSettings[layer].medianLineStyle = v\"\n    />\n    <AesSelector\n      label=\"Quartiles Line Type\"\n      form-title=\"Line Type Settings\"\n      form-back-title=\"Layers\"\n      type=\"lineType\"\n      :possible-aes-source-inputs=\"[]\"\n      :selected=\"quartilesLineType\"\n      @aes-update=\"(v) => store.reactive.layersSettings[layer].quartilesLineStyle = v\"\n    />\n  </div>\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/discrete/Violin.vue2.js

@@ -1,5 +1,89 @@
-import f from "./Violin.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Violin.vue2.js.map
+import { DEFAULT_BLACK as e, DEFAULT_WHITE as t } from "../../../../constantsAesthetic.js";
+import { useDefaultAes as n } from "./utils.js";
+import r from "../../AesSelector.js";
+import { useStore as i } from "../../../../store.js";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, openBlock as f, unref as p } from "vue";
+import { PlCheckbox as m, Slider as h } from "@platforma-sdk/ui-vue";
+var g = { class: "checkbox-item" }, _ = { class: "checkbox-item" }, v = { key: 0 }, y = "violin", b = /* @__PURE__ */ d({
+	__name: "Violin",
+	setup(d) {
+		let b = i(), x = o(() => b.value.reactive.layersSettings[y]), S = o(() => b.value.reactive.optionsState), C = o(() => n(x.value.fillColor, S.value, t)), w = o(() => n(x.value.lineColor, S.value, e)), T = o(() => x.value.lineType), E = o(() => x.value.medianLineStyle), D = o(() => x.value.quartilesLineStyle);
+		function O(e, t, n) {
+			t.type === "dataCategorical" ? b.value.reactive.layersSettings[y][n] = { type: t.inputName } : b.value.reactive.layersSettings[y][n] = e, t.type === "dataCategorical" && typeof e != "string" && (b.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		function k(e, t, n) {
+			b.value.reactive.layersSettings[y][n] = typeof e == "object" ? { type: t.value } : e, t.type === "dataCategorical" && typeof e == "object" && (b.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		let A = o({
+			get: () => x.value.opacity * 100,
+			set: (e) => {
+				x.value.opacity = e / 100;
+			}
+		});
+		return (e, t) => (f(), c(a, null, [
+			u(r, {
+				label: "Fill color",
+				"form-title": "Fill Color Settings",
+				"form-back-title": "Layers",
+				type: "fill",
+				selected: C.value,
+				onAesUpdate: t[0] ||= (e, t) => O(e, t, "fillColor")
+			}, null, 8, ["selected"]),
+			u(r, {
+				label: "Stroke color",
+				"form-title": "Stroke Color Settings",
+				"form-back-title": "Layers",
+				type: "stroke",
+				selected: w.value,
+				onAesUpdate: t[1] ||= (e, t) => O(e, t, "lineColor")
+			}, null, 8, ["selected"]),
+			u(r, {
+				label: "Line Type",
+				"form-title": "Line Type Settings",
+				"form-back-title": "Layers",
+				type: "lineType",
+				"possible-aes-source-inputs": [],
+				selected: T.value,
+				onAesUpdate: t[2] ||= (e, t) => k(e, t, "lineType")
+			}, null, 8, ["selected"]),
+			l("div", g, [u(p(m), {
+				modelValue: x.value.trim,
+				"onUpdate:modelValue": t[3] ||= (e) => x.value.trim = e
+			}, null, 8, ["modelValue"]), t[8] ||= l("span", null, "Trim", -1)]),
+			l("div", _, [u(p(m), {
+				modelValue: x.value.showQuartiles,
+				"onUpdate:modelValue": t[4] ||= (e) => x.value.showQuartiles = e
+			}, null, 8, ["modelValue"]), t[9] ||= l("span", null, "Show median and quartiles", -1)]),
+			x.value.showQuartiles ? (f(), c("div", v, [u(r, {
+				label: "Madian Line Type",
+				"form-title": "Line Type Settings",
+				"form-back-title": "Layers",
+				type: "lineType",
+				"possible-aes-source-inputs": [],
+				selected: E.value,
+				onAesUpdate: t[5] ||= (e) => p(b).reactive.layersSettings[y].medianLineStyle = e
+			}, null, 8, ["selected"]), u(r, {
+				label: "Quartiles Line Type",
+				"form-title": "Line Type Settings",
+				"form-back-title": "Layers",
+				type: "lineType",
+				"possible-aes-source-inputs": [],
+				selected: D.value,
+				onAesUpdate: t[6] ||= (e) => p(b).reactive.layersSettings[y].quartilesLineStyle = e
+			}, null, 8, ["selected"])])) : s("", !0),
+			u(p(h), {
+				modelValue: A.value,
+				"onUpdate:modelValue": t[7] ||= (e) => A.value = e,
+				label: "Opacity",
+				min: 0,
+				max: 100,
+				step: 1,
+				breakpoints: !1,
+				measure: "%"
+			}, null, 8, ["modelValue"])
+		], 64));
+	}
+});
+export { b as default };
+
+//# sourceMappingURL=Violin.vue2.js.map

package/dist/forms/LayersForm/Layer/discrete/Violin.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Violin.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Violin.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Violin.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { Slider, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport type { LineType } from '../../../../components/AesSettings/types';\n\nconst store = useStore();\nconst layer = 'violin';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\nconst lineType = computed(() => settings.value.lineType);\nconst medianLineType = computed(() => settings.value.medianLineStyle);\nconst quartilesLineType = computed(() => settings.value.quartilesLineStyle);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'fillColor' | 'lineColor',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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}\nfunction onUpdateLineType(\n  value: LineType | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineType',\n) {\n  store.value.reactive.layersSettings[layer][field]\n      = typeof value === 'object' ? { type: colorOption.value } : value;\n  if (colorOption.type === 'dataCategorical' && typeof value === 'object') {\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    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <AesSelector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <AesSelector\n    label=\"Line Type\"\n    form-title=\"Line Type Settings\"\n    form-back-title=\"Layers\"\n    type=\"lineType\"\n    :possible-aes-source-inputs=\"[]\"\n    :selected=\"lineType\"\n    @aes-update=\"(v, c) => onUpdateLineType(v, c, 'lineType')\"\n  />\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.trim\" />\n    <span>Trim</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.showQuartiles\" />\n    <span>Show median and quartiles</span>\n  </div>\n  <div v-if=\"settings.showQuartiles\">\n    <AesSelector\n      label=\"Madian Line Type\"\n      form-title=\"Line Type Settings\"\n      form-back-title=\"Layers\"\n      type=\"lineType\"\n      :possible-aes-source-inputs=\"[]\"\n      :selected=\"medianLineType\"\n      @aes-update=\"(v) => store.reactive.layersSettings[layer].medianLineStyle = v\"\n    />\n    <AesSelector\n      label=\"Quartiles Line Type\"\n      form-title=\"Line Type Settings\"\n      form-back-title=\"Layers\"\n      type=\"lineType\"\n      :possible-aes-source-inputs=\"[]\"\n      :selected=\"quartilesLineType\"\n      @aes-update=\"(v) => store.reactive.layersSettings[layer].quartilesLineStyle = v\"\n    />\n  </div>\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":";;;;;;oFAgBM,IAAQ;;;EADd,IAAM,IAAQ,GAAU,EAElB,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO,EACrE,IAAe,QACb,EAAM,MAAM,SAAS,aAC5B,EAEK,IAAY,QAChB,EAAc,EAAS,MAAM,WAAW,EAAa,OAAO,EAAc,CAC3E,EACK,IAAY,QAChB,EAAc,EAAS,MAAM,WAAW,EAAa,OAAO,EAAc,CAC3E,EACK,IAAW,QAAe,EAAS,MAAM,SAAS,EAClD,IAAiB,QAAe,EAAS,MAAM,gBAAgB,EAC/D,IAAoB,QAAe,EAAS,MAAM,mBAAmB;EAE3E,SAAS,EACP,GACA,GACA,GACA;AAQA,GAPI,EAAY,SAAS,oBACvB,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,EAClD,MAAM,EAAY,WACnB,GAED,EAAM,MAAM,SAAS,eAAe,GAAO,KAAS,GAElD,EAAY,SAAS,qBAAqB,OAAO,KAAU,aAC7D,EAAM,MAAM,SAAS,YAAY,EAAY,kBAAkB;;EAGnE,SAAS,EACP,GACA,GACA,GACA;AAGA,GAFA,EAAM,MAAM,SAAS,eAAe,GAAO,KACrC,OAAO,KAAU,WAAW,EAAE,MAAM,EAAY,OAAO,GAAG,GAC5D,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;;GAIA,EAOE,GAAA;IANA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,YAAA;;GAEtC,EAOE,GAAA;IANA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,YAAA;;GAEtC,EAQE,GAAA;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,8BAA4B,EAAE;IAC9B,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAiB,GAAG,GAAC,WAAA;;GAE9C,EAGM,OAHN,GAGM,CAFJ,EAAsC,EAAA,EAAA,EAAA;gBAAjB,EAAA,MAAS;6CAAT,MAAS,OAAI;yCAClC,EAAiB,QAAA,MAAX,QAAI,GAAA,CAAA,CAAA;GAEZ,EAGM,OAHN,GAGM,CAFJ,EAA+C,EAAA,EAAA,EAAA;gBAA1B,EAAA,MAAS;6CAAT,MAAS,gBAAa;yCAC3C,EAAsC,QAAA,MAAhC,6BAAyB,GAAA,CAAA,CAAA;GAEtB,EAAA,MAAS,iBAAA,GAAA,EAApB,EAmBM,OAAA,GAAA,CAlBJ,EAQE,GAAA;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,8BAA4B,EAAE;IAC9B,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,MAAM,EAAA,EAAK,CAAC,SAAS,eAAe,GAAO,kBAAkB;8BAE7E,EAQE,GAAA;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,8BAA4B,EAAE;IAC9B,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,MAAM,EAAA,EAAK,CAAC,SAAS,eAAe,GAAO,qBAAqB;;GAGlF,EAQE,EAAA,EAAA,EAAA;gBAPS,EAAA;6CAAO,QAAA;IAChB,OAAM;IACL,KAAK;IACL,KAAK;IACL,MAAM;IACN,aAAa;IACd,SAAQ"}

package/dist/forms/LayersForm/Layer/discrete/utils.js

@@ -1,8 +1,7 @@
-function u(r, n, e, t = !1) {
-  const o = n.components.primaryGrouping.selectorStates.length > 0, s = n.components.secondaryGrouping.selectorStates.length > 0;
-  return r === null ? s ? { type: "secondaryGrouping" } : o && !t ? { type: "primaryGrouping" } : e : r;
+function e(e, t, n, r = !1) {
+	let i = t.components.primaryGrouping.selectorStates.length > 0, a = t.components.secondaryGrouping.selectorStates.length > 0;
+	return e === null ? a ? { type: "secondaryGrouping" } : i && !r ? { type: "primaryGrouping" } : n : e;
 }
-export {
-  u as useDefaultAes
-};
-//# sourceMappingURL=utils.js.map
+export { e as useDefaultAes };
+
+//# sourceMappingURL=utils.js.map

package/dist/forms/LayersForm/Layer/discrete/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/forms/LayersForm/Layer/discrete/utils.ts"],"sourcesContent":["import type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport type { FixedOrMappedAes } from '../../../../constantsCommon';\n\nexport function useDefaultAes<T extends FixedOrMappedAes>(\n  value: T | null,\n  optionsState: DiscreteUIState,\n  defaultValue: T,\n  onlySecondaryAvailable = false,\n): T {\n  const hasPrimaryGrouping\n    = optionsState.components.primaryGrouping.selectorStates.length > 0;\n  const hasSecondaryGrouping\n    = optionsState.components.secondaryGrouping.selectorStates.length > 0;\n  if (value === null) {\n    // not selected by user\n    if (hasSecondaryGrouping) {\n      return { type: 'secondaryGrouping' } as T;\n    }\n    if (hasPrimaryGrouping && !onlySecondaryAvailable) {\n      return { type: 'primaryGrouping' } as T;\n    }\n    return defaultValue;\n  }\n  return value;\n}\n"],"names":["useDefaultAes","value","optionsState","defaultValue","onlySecondaryAvailable","hasPrimaryGrouping","hasSecondaryGrouping"],"mappings":"AAGO,SAASA,EACdC,GACAC,GACAC,GACAC,IAAyB,IACtB;AACH,QAAMC,IACFH,EAAa,WAAW,gBAAgB,eAAe,SAAS,GAC9DI,IACFJ,EAAa,WAAW,kBAAkB,eAAe,SAAS;AACtE,SAAID,MAAU,OAERK,IACK,EAAE,MAAM,oBAAA,IAEbD,KAAsB,CAACD,IAClB,EAAE,MAAM,kBAAA,IAEVD,IAEFF;AACT;"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/utils.ts"],"sourcesContent":["import type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport type { FixedOrMappedAes } from '../../../../constantsCommon';\n\nexport function useDefaultAes<T extends FixedOrMappedAes>(\n  value: T | null,\n  optionsState: DiscreteUIState,\n  defaultValue: T,\n  onlySecondaryAvailable = false,\n): T {\n  const hasPrimaryGrouping\n    = optionsState.components.primaryGrouping.selectorStates.length > 0;\n  const hasSecondaryGrouping\n    = optionsState.components.secondaryGrouping.selectorStates.length > 0;\n  if (value === null) {\n    // not selected by user\n    if (hasSecondaryGrouping) {\n      return { type: 'secondaryGrouping' } as T;\n    }\n    if (hasPrimaryGrouping && !onlySecondaryAvailable) {\n      return { type: 'primaryGrouping' } as T;\n    }\n    return defaultValue;\n  }\n  return value;\n}\n"],"mappings":"AAGA,SAAgB,EACd,GACA,GACA,GACA,IAAyB,IACtB;CACH,IAAM,IACF,EAAa,WAAW,gBAAgB,eAAe,SAAS,GAC9D,IACF,EAAa,WAAW,kBAAkB,eAAe,SAAS;AAWtE,QAVI,MAAU,OAER,IACK,EAAE,MAAM,qBAAqB,GAElC,KAAsB,CAAC,IAClB,EAAE,MAAM,mBAAmB,GAE7B,IAEF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heatmap.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":""}