@milaboratories/graph-maker 1.2.5 → 1.2.6

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

@@ -1,5 +1,56 @@
-import f from "./BinnedDots.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=BinnedDots.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, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, openBlock as d, unref as f } from "vue";
+import { PlCheckbox as p, Slider as m } from "@platforma-sdk/ui-vue";
+var h = { class: "checkbox-item" }, g = "binnedDots", _ = /* @__PURE__ */ u({
+	__name: "BinnedDots",
+	setup(u) {
+		let _ = i(), v = o(() => _.value.reactive.layersSettings[g]), y = o(() => _.value.reactive.optionsState), b = o(() => n(v.value.fillColor, y.value, t)), x = o(() => n(v.value.lineColor, y.value, e));
+		function S(e, t, n) {
+			t.type === "dataCategorical" ? _.value.reactive.layersSettings[g][n] = { type: t.inputName } : _.value.reactive.layersSettings[g][n] = e, t.type === "dataCategorical" && typeof e != "string" && (_.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		let C = o({
+			get: () => v.value.opacity * 100,
+			set: (e) => {
+				v.value.opacity = e / 100;
+			}
+		});
+		return (e, t) => (d(), s(a, null, [
+			l(r, {
+				label: "Fill color",
+				"form-title": "Fill Color Settings",
+				"form-back-title": "Layers",
+				type: "fill",
+				selected: b.value,
+				onAesUpdate: t[0] ||= (e, t) => S(e, t, "fillColor")
+			}, null, 8, ["selected"]),
+			l(r, {
+				label: "Stroke color",
+				"form-title": "Stroke Color Settings",
+				"form-back-title": "Layers",
+				type: "stroke",
+				selected: x.value,
+				onAesUpdate: t[1] ||= (e, t) => S(e, t, "lineColor")
+			}, null, 8, ["selected"]),
+			l(f(m), {
+				modelValue: C.value,
+				"onUpdate:modelValue": t[2] ||= (e) => C.value = e,
+				label: "Opacity",
+				min: 0,
+				max: 100,
+				step: 1,
+				breakpoints: !1,
+				measure: "%"
+			}, null, 8, ["modelValue"]),
+			c("div", h, [l(f(p), {
+				modelValue: v.value.showOutliers,
+				"onUpdate:modelValue": t[3] ||= (e) => v.value.showOutliers = e
+			}, null, 8, ["modelValue"]), t[4] ||= c("span", null, "Show outliers", -1)])
+		], 64));
+	}
+});
+export { _ as default };
+
+//# sourceMappingURL=BinnedDots.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BinnedDots.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"BinnedDots.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/BinnedDots.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';\n\nconst store = useStore();\nconst layer = 'binnedDots';\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] = { 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    @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  <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.showOutliers\" />\n    <span>Show outliers</span>\n  </div>\n</template>\n"],"mappings":";;;;;;oCAeM,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;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;;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,EAAA,EAAA,EAAA;gBAPS,EAAA;6CAAO,QAAA;IAChB,OAAM;IACL,KAAK;IACL,KAAK;IACL,MAAM;IACN,aAAa;IACd,SAAQ;;GAEV,EAGM,OAHN,GAGM,CAFJ,EAA8C,EAAA,EAAA,EAAA;gBAAzB,EAAA,MAAS;6CAAT,MAAS,eAAY;yCAC1C,EAA0B,QAAA,MAApB,iBAAa,GAAA,CAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Boxplot.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Boxplot.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { PlCheckbox, Slider } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { AesOption, DotShape, LineType } 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';\n\nconst store = useStore();\nconst layer = 'box';\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 outliersShape = computed(() => settings.value.dotShape);\nconst lineType = computed(() => settings.value.lineType);\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] = { 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\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] = { type: colorOption.inputName };\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}\nfunction onUpdateLineType(\n  value: LineType | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineType',\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 === '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  <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.showOutliers\" />\n    <span>Show outliers</span>\n  </div>\n  <AesSelector\n    v-if=\"settings.showOutliers\"\n    label=\"Outlier shape\"\n    form-title=\"Outlier Shape Settings\"\n    form-back-title=\"Layers\"\n    type=\"dotShape\"\n    :possible-aes-source-inputs=\"[]\"\n    :selected=\"outliersShape\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\n  />\n</template>\n"],"mappings":""}

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

@@ -1,5 +1,81 @@
-import f from "./Boxplot.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Boxplot.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, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, openBlock as p, unref as m } from "vue";
+import { PlCheckbox as h, Slider as g } from "@platforma-sdk/ui-vue";
+var _ = { class: "checkbox-item" }, v = "box", y = /* @__PURE__ */ f({
+	__name: "Boxplot",
+	setup(f) {
+		let y = i(), b = o(() => y.value.reactive.layersSettings[v]), x = o(() => y.value.reactive.optionsState), S = o(() => n(b.value.fillColor, x.value, t)), C = o(() => n(b.value.lineColor, x.value, e)), w = o(() => b.value.dotShape), T = o(() => b.value.lineType);
+		function E(e, t, n) {
+			t.type === "dataCategorical" ? y.value.reactive.layersSettings[v][n] = { type: t.inputName } : y.value.reactive.layersSettings[v][n] = e, t.type === "dataCategorical" && typeof e != "string" && (y.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		function D(e, t, n) {
+			t.type === "dataCategorical" ? y.value.reactive.layersSettings[v][n] = { type: t.inputName } : y.value.reactive.layersSettings[v][n] = e, t.type === "dataCategorical" && typeof e == "object" && (y.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		function O(e, t, n) {
+			t.type === "dataCategorical" ? y.value.reactive.layersSettings[v][n] = { type: t.inputName } : y.value.reactive.layersSettings[v][n] = e, t.type === "dataCategorical" && typeof e == "object" && (y.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		let k = o({
+			get: () => b.value.opacity * 100,
+			set: (e) => {
+				b.value.opacity = e / 100;
+			}
+		});
+		return (e, t) => (p(), l(a, null, [
+			d(r, {
+				label: "Fill color",
+				"form-title": "Fill Color Settings",
+				"form-back-title": "Layers",
+				type: "fill",
+				selected: S.value,
+				onAesUpdate: t[0] ||= (e, t) => E(e, t, "fillColor")
+			}, null, 8, ["selected"]),
+			d(r, {
+				label: "Stroke color",
+				"form-title": "Stroke Color Settings",
+				"form-back-title": "Layers",
+				type: "stroke",
+				selected: C.value,
+				onAesUpdate: t[1] ||= (e, t) => E(e, t, "lineColor")
+			}, null, 8, ["selected"]),
+			d(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) => O(e, t, "lineType")
+			}, null, 8, ["selected"]),
+			d(m(g), {
+				modelValue: k.value,
+				"onUpdate:modelValue": t[3] ||= (e) => k.value = e,
+				label: "Opacity",
+				min: 0,
+				max: 100,
+				step: 1,
+				breakpoints: !1,
+				measure: "%"
+			}, null, 8, ["modelValue"]),
+			u("div", _, [d(m(h), {
+				modelValue: b.value.showOutliers,
+				"onUpdate:modelValue": t[4] ||= (e) => b.value.showOutliers = e
+			}, null, 8, ["modelValue"]), t[6] ||= u("span", null, "Show outliers", -1)]),
+			b.value.showOutliers ? (p(), s(r, {
+				key: 0,
+				label: "Outlier shape",
+				"form-title": "Outlier Shape Settings",
+				"form-back-title": "Layers",
+				type: "dotShape",
+				"possible-aes-source-inputs": [],
+				selected: w.value,
+				onAesUpdate: t[5] ||= (e, t) => D(e, t, "dotShape")
+			}, null, 8, ["selected"])) : c("", !0)
+		], 64));
+	}
+});
+export { y as default };
+
+//# sourceMappingURL=Boxplot.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Boxplot.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Boxplot.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Boxplot.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { PlCheckbox, Slider } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { AesOption, DotShape, LineType } 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';\n\nconst store = useStore();\nconst layer = 'box';\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 outliersShape = computed(() => settings.value.dotShape);\nconst lineType = computed(() => settings.value.lineType);\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] = { 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\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] = { type: colorOption.inputName };\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}\nfunction onUpdateLineType(\n  value: LineType | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineType',\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 === '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  <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.showOutliers\" />\n    <span>Show outliers</span>\n  </div>\n  <AesSelector\n    v-if=\"settings.showOutliers\"\n    label=\"Outlier shape\"\n    form-title=\"Outlier Shape Settings\"\n    form-back-title=\"Layers\"\n    type=\"dotShape\"\n    :possible-aes-source-inputs=\"[]\"\n    :selected=\"outliersShape\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\n  />\n</template>\n"],"mappings":";;;;;;oCAeM,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,IAAgB,QAAe,EAAS,MAAM,SAAS,EACvD,IAAW,QAAe,EAAS,MAAM,SAAS;EAExD,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,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;;EAGnE,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;;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,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,EAA8C,EAAA,EAAA,EAAA;gBAAzB,EAAA,MAAS;6CAAT,MAAS,eAAY;yCAC1C,EAA0B,QAAA,MAApB,iBAAa,GAAA,CAAA,CAAA;GAGb,EAAA,MAAS,gBAAA,GAAA,EADjB,EASE,GAAA;;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,8BAA4B,EAAE;IAC9B,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAY,GAAG,GAAC,WAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Errorbar.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Errorbar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { PlDropdown, Slider } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { AesOption, DotShape } 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 { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer = 'errorbar';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\nconst lineColor = computed(() =>\n  useDefaultAes(\n    settings.value.lineColor,\n    optionsState.value,\n    DEFAULT_BLACK,\n    true,\n  ),\n);\nconst dotFill = computed(() => useDefaultAes(\n  settings.value.dotFill,\n  optionsState.value,\n  DEFAULT_BLACK,\n  true,\n),\n);\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineColor' | 'dotFill',\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}\nfunction onUpdateDot(\n  value: DotShape | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'dotShape' | 'dotFill',\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 === 'object') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst ERROR_OPTIONS: { text: string; value: string }[] = [\n  { text: 'Standard deviation', value: 'sd' },\n  { text: 'Standard error', value: 'se' },\n  { text: 'Confident interval', value: 'ci' },\n];\n\nconst POINT_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=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    :possible-aes-source-inputs=\"['secondaryGrouping']\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <AesSelector\n    label=\"Dot fill\"\n    form-title=\"Dot Fill Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"dotFill\"\n    :possible-aes-source-inputs=\"['secondaryGrouping']\"\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    :possible-aes-source-inputs=\"['secondaryGrouping']\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\n  />\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.pointsValues\"\n      label=\"Point value\"\n      :options=\"POINT_OPTIONS\"\n    />\n  </div>\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.interval\"\n      label=\"Interval\"\n      :options=\"ERROR_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</template>\n"],"mappings":""}

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

@@ -1,5 +1,98 @@
-import f from "./Errorbar.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Errorbar.vue2.js.map
+import { DEFAULT_BLACK as e } from "../../../../constantsAesthetic.js";
+import { AGGREGATION_METHOD_OPTIONS as t } from "../../../../constantsCommon.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, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, openBlock as d, unref as f, withModifiers as p } from "vue";
+import { PlDropdown as m, Slider as h } from "@platforma-sdk/ui-vue";
+var g = "errorbar", _ = /* @__PURE__ */ u({
+	__name: "Errorbar",
+	setup(u) {
+		let _ = i(), v = o(() => _.value.reactive.layersSettings[g]), y = o(() => _.value.reactive.optionsState), b = o(() => n(v.value.lineColor, y.value, e, !0)), x = o(() => n(v.value.dotFill, y.value, e, !0));
+		function S(e, t, n) {
+			t.type === "dataCategorical" ? _.value.reactive.layersSettings[g][n] = { type: t.inputName } : _.value.reactive.layersSettings[g][n] = e, t.type === "dataCategorical" && typeof e != "string" && (_.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		function C(e, t, n) {
+			t.type === "dataCategorical" ? _.value.reactive.layersSettings[g][n] = { type: t.inputName } : _.value.reactive.layersSettings[g][n] = e, t.type === "dataCategorical" && typeof e == "object" && (_.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		let w = [
+			{
+				text: "Standard deviation",
+				value: "sd"
+			},
+			{
+				text: "Standard error",
+				value: "se"
+			},
+			{
+				text: "Confident interval",
+				value: "ci"
+			}
+		], T = t, E = o({
+			get: () => v.value.opacity * 100,
+			set: (e) => {
+				v.value.opacity = e / 100;
+			}
+		});
+		return (e, t) => (d(), s(a, null, [
+			l(r, {
+				label: "Stroke color",
+				"form-title": "Stroke Color Settings",
+				"form-back-title": "Layers",
+				type: "stroke",
+				selected: b.value,
+				"possible-aes-source-inputs": ["secondaryGrouping"],
+				onAesUpdate: t[0] ||= (e, t) => S(e, t, "lineColor")
+			}, null, 8, ["selected"]),
+			l(r, {
+				label: "Dot fill",
+				"form-title": "Dot Fill Settings",
+				"form-back-title": "Layers",
+				type: "fill",
+				selected: x.value,
+				"possible-aes-source-inputs": ["secondaryGrouping"],
+				onAesUpdate: t[1] ||= (e, t) => S(e, t, "dotFill")
+			}, null, 8, ["selected"]),
+			l(r, {
+				label: "Dot shape",
+				"form-title": "Dot Shape Settings",
+				"form-back-title": "Layers",
+				type: "dotShape",
+				selected: v.value.dotShape,
+				"possible-aes-source-inputs": ["secondaryGrouping"],
+				onAesUpdate: t[2] ||= (e, t) => C(e, t, "dotShape")
+			}, null, 8, ["selected"]),
+			c("div", {
+				class: "input-item",
+				onClick: t[4] ||= p(() => {}, ["stop"])
+			}, [l(f(m), {
+				modelValue: v.value.pointsValues,
+				"onUpdate:modelValue": t[3] ||= (e) => v.value.pointsValues = e,
+				label: "Point value",
+				options: f(T)
+			}, null, 8, ["modelValue", "options"])]),
+			c("div", {
+				class: "input-item",
+				onClick: t[6] ||= p(() => {}, ["stop"])
+			}, [l(f(m), {
+				modelValue: v.value.interval,
+				"onUpdate:modelValue": t[5] ||= (e) => v.value.interval = e,
+				label: "Interval",
+				options: w
+			}, null, 8, ["modelValue"])]),
+			l(f(h), {
+				modelValue: E.value,
+				"onUpdate:modelValue": t[7] ||= (e) => E.value = e,
+				label: "Opacity",
+				min: 0,
+				max: 100,
+				step: 1,
+				breakpoints: !1,
+				measure: "%"
+			}, null, 8, ["modelValue"])
+		], 64));
+	}
+});
+export { _ as default };
+
+//# sourceMappingURL=Errorbar.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Errorbar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Errorbar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Errorbar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { PlDropdown, Slider } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { AesOption, DotShape } 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 { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer = 'errorbar';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\nconst lineColor = computed(() =>\n  useDefaultAes(\n    settings.value.lineColor,\n    optionsState.value,\n    DEFAULT_BLACK,\n    true,\n  ),\n);\nconst dotFill = computed(() => useDefaultAes(\n  settings.value.dotFill,\n  optionsState.value,\n  DEFAULT_BLACK,\n  true,\n),\n);\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineColor' | 'dotFill',\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}\nfunction onUpdateDot(\n  value: DotShape | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'dotShape' | 'dotFill',\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 === 'object') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst ERROR_OPTIONS: { text: string; value: string }[] = [\n  { text: 'Standard deviation', value: 'sd' },\n  { text: 'Standard error', value: 'se' },\n  { text: 'Confident interval', value: 'ci' },\n];\n\nconst POINT_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=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    :possible-aes-source-inputs=\"['secondaryGrouping']\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <AesSelector\n    label=\"Dot fill\"\n    form-title=\"Dot Fill Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"dotFill\"\n    :possible-aes-source-inputs=\"['secondaryGrouping']\"\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    :possible-aes-source-inputs=\"['secondaryGrouping']\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\n  />\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.pointsValues\"\n      label=\"Point value\"\n      :options=\"POINT_OPTIONS\"\n    />\n  </div>\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.interval\"\n      label=\"Interval\"\n      :options=\"ERROR_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</template>\n"],"mappings":";;;;;;;AAaA,IAAM,IAAQ;;;EADd,IAAM,IAAQ,GAAU,EAElB,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO,EACrE,IAAe,QACb,EAAM,MAAM,SAAS,aAC5B,EACK,IAAY,QAChB,EACE,EAAS,MAAM,WACf,EAAa,OACb,GACA,GACD,CACF,EACK,IAAU,QAAe,EAC7B,EAAS,MAAM,SACf,EAAa,OACb,GACA,GACD,CACA;EACD,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;;EAGnE,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,IAAmD;GACvD;IAAE,MAAM;IAAsB,OAAO;IAAM;GAC3C;IAAE,MAAM;IAAkB,OAAO;IAAM;GACvC;IAAE,MAAM;IAAsB,OAAO;IAAM;GAC5C,EAEK,IAAgB,GAEhB,IAAU,EAAS;GACvB,WAAW,EAAS,MAAM,UAAU;GACpC,MAAM,MAAqB;AACzB,MAAS,MAAM,UAAU,IAAW;;GAEvC,CAAC;;GAIA,EAQE,GAAA;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,8BAA4B,CAAA,oBAAqB;IACjD,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,YAAA;;GAEtC,EAQE,GAAA;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,8BAA4B,CAAA,oBAAqB;IACjD,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,UAAA;;GAEtC,EAQE,GAAA;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA,MAAS;IACnB,8BAA4B,CAAA,oBAAqB;IACjD,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAY,GAAG,GAAC,WAAA;;GAEzC,EAMM,OAAA;IAND,OAAM;IAAc,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;OACjC,EAIE,EAAA,EAAA,EAAA;gBAHS,EAAA,MAAS;6CAAT,MAAS,eAAY;IAC9B,OAAM;IACL,SAAS,EAAA,EAAa;;GAG3B,EAMM,OAAA;IAND,OAAM;IAAc,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;OACjC,EAIE,EAAA,EAAA,EAAA;gBAHS,EAAA,MAAS;6CAAT,MAAS,WAAQ;IAC1B,OAAM;IACL,SAAS;;GAGd,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/JitteredDots.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"JitteredDots.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/JitteredDots.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, DotShape } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport {\n  useDefaultAes,\n} from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\n\nconst store = useStore();\nconst layer = 'jitteredDots';\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] = { 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}\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] = { type: colorOption.inputName };\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}\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  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.showOutliers\" />\n    <span>Show outliers</span>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,5 +1,59 @@
-import f from "./JitteredDots.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=JitteredDots.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, createElementVNode as s, createVNode as c, defineComponent as l, openBlock as u, unref as d } from "vue";
+import { PlCheckbox as f, Slider as p } from "@platforma-sdk/ui-vue";
+var m = { class: "checkbox-item" }, h = "jitteredDots", g = /* @__PURE__ */ l({
+	__name: "JitteredDots",
+	setup(l) {
+		let g = r(), _ = a(() => g.value.reactive.layersSettings[h]), v = a(() => g.value.reactive.optionsState), y = a(() => t(_.value.dotFill, v.value, e));
+		function b(e, t, n) {
+			t.type === "dataCategorical" ? g.value.reactive.layersSettings[h][n] = { type: t.inputName } : g.value.reactive.layersSettings[h][n] = e, t.type === "dataCategorical" && typeof e != "string" && (g.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		function x(e, t, n) {
+			t.type === "dataCategorical" ? g.value.reactive.layersSettings[h][n] = { type: t.inputName } : g.value.reactive.layersSettings[h][n] = e, t.type === "dataCategorical" && typeof e == "object" && (g.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		let S = a({
+			get: () => _.value.opacity * 100,
+			set: (e) => {
+				_.value.opacity = e / 100;
+			}
+		});
+		return (e, t) => (u(), o(i, null, [
+			c(n, {
+				label: "Fill color",
+				"form-title": "Fill Color Settings",
+				"form-back-title": "Layers",
+				type: "fill",
+				selected: y.value,
+				onAesUpdate: t[0] ||= (e, t) => b(e, t, "dotFill")
+			}, null, 8, ["selected"]),
+			c(n, {
+				label: "Dot shape",
+				"form-title": "Dot Shape Settings",
+				"form-back-title": "Layers",
+				type: "dotShape",
+				selected: _.value.dotShape,
+				onAesUpdate: t[1] ||= (e, t) => x(e, t, "dotShape")
+			}, null, 8, ["selected"]),
+			c(d(p), {
+				modelValue: S.value,
+				"onUpdate:modelValue": t[2] ||= (e) => S.value = e,
+				label: "Opacity",
+				min: 0,
+				max: 100,
+				step: 1,
+				breakpoints: !1,
+				measure: "%"
+			}, null, 8, ["modelValue"]),
+			s("div", m, [c(d(f), {
+				modelValue: _.value.showOutliers,
+				"onUpdate:modelValue": t[3] ||= (e) => _.value.showOutliers = e
+			}, null, 8, ["modelValue"]), t[4] ||= s("span", null, "Show outliers", -1)])
+		], 64));
+	}
+});
+export { g as default };
+
+//# sourceMappingURL=JitteredDots.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"JitteredDots.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"JitteredDots.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/JitteredDots.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, DotShape } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport {\n  useDefaultAes,\n} from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\n\nconst store = useStore();\nconst layer = 'jitteredDots';\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] = { 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}\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] = { type: colorOption.inputName };\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}\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  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.showOutliers\" />\n    <span>Show outliers</span>\n  </div>\n</template>\n"],"mappings":";;;;;;oCAcM,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;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;;EAGnE,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;;EAGnE,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;;GAEV,EAGM,OAHN,GAGM,CAFJ,EAA8C,EAAA,EAAA,EAAA;gBAAzB,EAAA,MAAS;6CAAT,MAAS,eAAY;yCAC1C,EAA0B,QAAA,MAApB,iBAAa,GAAA,CAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Line.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { PlDropdown, Slider, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type {\n  AesOption,\n  DotShape,\n} from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\n\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport type { LineType } from '../../../../components/AesSettings/types';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer = 'line';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\nconst lineColor = computed(() =>\n  useDefaultAes(\n    settings.value.lineColor,\n    optionsState.value,\n    DEFAULT_BLACK,\n    true,\n  ),\n);\nconst dotFill = computed(() => useDefaultAes(\n  settings.value.dotFill,\n  optionsState.value,\n  DEFAULT_BLACK,\n  true,\n),\n);\nconst lineType = computed(() => settings.value.lineType);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineColor' | 'dotFill',\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\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] = { type: colorOption.inputName };\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\nfunction onUpdateLineType(\n  value: LineType | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineType',\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 === 'object') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst POINT_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=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    :possible-aes-source-inputs=\"['secondaryGrouping']\"\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=\"['secondaryGrouping']\"\n    :selected=\"lineType\"\n    @aes-update=\"(v, c) => onUpdateLineType(v, c, 'lineType')\"\n  />\n  <AesSelector\n    label=\"Dot fill\"\n    form-title=\"Dot Fill Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"dotFill\"\n    :possible-aes-source-inputs=\"['secondaryGrouping']\"\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    :possible-aes-source-inputs=\"['secondaryGrouping']\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\n  />\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.pointsValues\"\n      label=\"Point value\"\n      :options=\"POINT_OPTIONS\"\n    />\n  </div>\n  <div class=\"input-item\" @click.stop>\n    <PlNumberField\n      v-model=\"settings.emptyGroupValue\"\n      label=\"Empty group value\"\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/Line.vue2.js

@@ -1,5 +1,96 @@
-import f from "./Line.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Line.vue2.js.map
+import { DEFAULT_BLACK as e } from "../../../../constantsAesthetic.js";
+import { AGGREGATION_METHOD_OPTIONS as t } from "../../../../constantsCommon.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, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, openBlock as d, unref as f, withModifiers as p } from "vue";
+import { PlDropdown as m, PlNumberField as h, Slider as g } from "@platforma-sdk/ui-vue";
+var _ = "line", v = /* @__PURE__ */ u({
+	__name: "Line",
+	setup(u) {
+		let v = i(), y = o(() => v.value.reactive.layersSettings[_]), b = o(() => v.value.reactive.optionsState), x = o(() => n(y.value.lineColor, b.value, e, !0)), S = o(() => n(y.value.dotFill, b.value, e, !0)), C = o(() => y.value.lineType);
+		function w(e, t, n) {
+			t.type === "dataCategorical" ? v.value.reactive.layersSettings[_][n] = { type: t.inputName } : v.value.reactive.layersSettings[_][n] = e, t.type === "dataCategorical" && typeof e != "string" && (v.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		function T(e, t, n) {
+			t.type === "dataCategorical" ? v.value.reactive.layersSettings[_][n] = { type: t.inputName } : v.value.reactive.layersSettings[_][n] = e, t.type === "dataCategorical" && typeof e == "object" && (v.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		function E(e, t, n) {
+			t.type === "dataCategorical" ? v.value.reactive.layersSettings[_][n] = { type: t.inputName } : v.value.reactive.layersSettings[_][n] = e, t.type === "dataCategorical" && typeof e == "object" && (v.value.reactive.dataBindAes[t.selectedSource] = e);
+		}
+		let D = t, O = o({
+			get: () => y.value.opacity * 100,
+			set: (e) => {
+				y.value.opacity = e / 100;
+			}
+		});
+		return (e, t) => (d(), s(a, null, [
+			l(r, {
+				label: "Stroke color",
+				"form-title": "Stroke Color Settings",
+				"form-back-title": "Layers",
+				type: "stroke",
+				selected: x.value,
+				"possible-aes-source-inputs": ["secondaryGrouping"],
+				onAesUpdate: t[0] ||= (e, t) => w(e, t, "lineColor")
+			}, null, 8, ["selected"]),
+			l(r, {
+				label: "Line Type",
+				"form-title": "Line Type Settings",
+				"form-back-title": "Layers",
+				type: "lineType",
+				"possible-aes-source-inputs": ["secondaryGrouping"],
+				selected: C.value,
+				onAesUpdate: t[1] ||= (e, t) => E(e, t, "lineType")
+			}, null, 8, ["selected"]),
+			l(r, {
+				label: "Dot fill",
+				"form-title": "Dot Fill Settings",
+				"form-back-title": "Layers",
+				type: "fill",
+				selected: S.value,
+				"possible-aes-source-inputs": ["secondaryGrouping"],
+				onAesUpdate: t[2] ||= (e, t) => w(e, t, "dotFill")
+			}, null, 8, ["selected"]),
+			l(r, {
+				label: "Dot shape",
+				"form-title": "Dot Shape Settings",
+				"form-back-title": "Layers",
+				type: "dotShape",
+				selected: y.value.dotShape,
+				"possible-aes-source-inputs": ["secondaryGrouping"],
+				onAesUpdate: t[3] ||= (e, t) => T(e, t, "dotShape")
+			}, null, 8, ["selected"]),
+			c("div", {
+				class: "input-item",
+				onClick: t[5] ||= p(() => {}, ["stop"])
+			}, [l(f(m), {
+				modelValue: y.value.pointsValues,
+				"onUpdate:modelValue": t[4] ||= (e) => y.value.pointsValues = e,
+				label: "Point value",
+				options: f(D)
+			}, null, 8, ["modelValue", "options"])]),
+			c("div", {
+				class: "input-item",
+				onClick: t[7] ||= p(() => {}, ["stop"])
+			}, [l(f(h), {
+				modelValue: y.value.emptyGroupValue,
+				"onUpdate:modelValue": t[6] ||= (e) => y.value.emptyGroupValue = e,
+				label: "Empty group value"
+			}, null, 8, ["modelValue"])]),
+			l(f(g), {
+				modelValue: O.value,
+				"onUpdate:modelValue": t[8] ||= (e) => O.value = e,
+				label: "Opacity",
+				min: 0,
+				max: 100,
+				step: 1,
+				breakpoints: !1,
+				measure: "%"
+			}, null, 8, ["modelValue"])
+		], 64));
+	}
+});
+export { v as default };
+
+//# sourceMappingURL=Line.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Line.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Line.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/discrete/Line.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { PlDropdown, Slider, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type {\n  AesOption,\n  DotShape,\n} from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\n\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport type { LineType } from '../../../../components/AesSettings/types';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer = 'line';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\nconst lineColor = computed(() =>\n  useDefaultAes(\n    settings.value.lineColor,\n    optionsState.value,\n    DEFAULT_BLACK,\n    true,\n  ),\n);\nconst dotFill = computed(() => useDefaultAes(\n  settings.value.dotFill,\n  optionsState.value,\n  DEFAULT_BLACK,\n  true,\n),\n);\nconst lineType = computed(() => settings.value.lineType);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineColor' | 'dotFill',\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\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] = { type: colorOption.inputName };\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\nfunction onUpdateLineType(\n  value: LineType | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineType',\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 === 'object') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst POINT_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=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    :possible-aes-source-inputs=\"['secondaryGrouping']\"\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=\"['secondaryGrouping']\"\n    :selected=\"lineType\"\n    @aes-update=\"(v, c) => onUpdateLineType(v, c, 'lineType')\"\n  />\n  <AesSelector\n    label=\"Dot fill\"\n    form-title=\"Dot Fill Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"dotFill\"\n    :possible-aes-source-inputs=\"['secondaryGrouping']\"\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    :possible-aes-source-inputs=\"['secondaryGrouping']\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\n  />\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.pointsValues\"\n      label=\"Point value\"\n      :options=\"POINT_OPTIONS\"\n    />\n  </div>\n  <div class=\"input-item\" @click.stop>\n    <PlNumberField\n      v-model=\"settings.emptyGroupValue\"\n      label=\"Empty group value\"\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":";;;;;;;AAkBA,IAAM,IAAQ;;;EADd,IAAM,IAAQ,GAAU,EAElB,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO,EACrE,IAAe,QACb,EAAM,MAAM,SAAS,aAC5B,EACK,IAAY,QAChB,EACE,EAAS,MAAM,WACf,EAAa,OACb,GACA,GACD,CACF,EACK,IAAU,QAAe,EAC7B,EAAS,MAAM,SACf,EAAa,OACb,GACA,GACD,CACA,EACK,IAAW,QAAe,EAAS,MAAM,SAAS;EAExD,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,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,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,IAAgB,GAEhB,IAAU,EAAS;GACvB,WAAW,EAAS,MAAM,UAAU;GACpC,MAAM,MAAqB;AACzB,MAAS,MAAM,UAAU,IAAW;;GAEvC,CAAC;;GAIA,EAQE,GAAA;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,8BAA4B,CAAA,oBAAqB;IACjD,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,YAAA;;GAEtC,EAQE,GAAA;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,8BAA4B,CAAA,oBAAqB;IACjD,UAAU,EAAA;IACV,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAiB,GAAG,GAAC,WAAA;;GAE9C,EAQE,GAAA;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA;IACV,8BAA4B,CAAA,oBAAqB;IACjD,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAS,GAAG,GAAC,UAAA;;GAEtC,EAQE,GAAA;IAPA,OAAM;IACN,cAAW;IACX,mBAAgB;IAChB,MAAK;IACJ,UAAU,EAAA,MAAS;IACnB,8BAA4B,CAAA,oBAAqB;IACjD,aAAU,AAAA,EAAA,QAAG,GAAG,MAAM,EAAY,GAAG,GAAC,WAAA;;GAEzC,EAMM,OAAA;IAND,OAAM;IAAc,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;OACjC,EAIE,EAAA,EAAA,EAAA;gBAHS,EAAA,MAAS;6CAAT,MAAS,eAAY;IAC9B,OAAM;IACL,SAAS,EAAA,EAAa;;GAG3B,EAKM,OAAA;IALD,OAAM;IAAc,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;OACjC,EAGE,EAAA,EAAA,EAAA;gBAFS,EAAA,MAAS;6CAAT,MAAS,kBAAe;IACjC,OAAM;;GAGV,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/Logo.js

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

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

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