@milaboratories/graph-maker 1.1.195 → 1.1.197

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

@@ -1 +1 @@
-{"version":3,"file":"Errorbar.vue.js","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';\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: { text: string; value: string }[] = [\n  { text: 'Mean', value: 'mean' },\n  { text: 'Median', value: 'median' },\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=\"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"],"names":["layer","store","useStore","settings","computed","optionsState","lineColor","useDefaultAes","DEFAULT_BLACK","dotFill","onUpdate","value","colorOption","field","onUpdateDot","ERROR_OPTIONS","POINT_OPTIONS","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_unref","PlDropdown","$event","Slider"],"mappings":"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"}
+{"version":3,"file":"Errorbar.vue.js","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"],"names":["layer","store","useStore","settings","computed","optionsState","lineColor","useDefaultAes","DEFAULT_BLACK","dotFill","onUpdate","value","colorOption","field","onUpdateDot","ERROR_OPTIONS","POINT_OPTIONS","AGGREGATION_METHOD_OPTIONS","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_unref","PlDropdown","$event","Slider"],"mappings":"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"}

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

@@ -1,23 +1,24 @@
-import { defineComponent as A, computed as r, createElementBlock as L, openBlock as T, Fragment as D, createVNode as i, createElementVNode as v, withModifiers as c, unref as p } from "vue";
-import { useStore as N } from "../../../../store.js";
-import { PlDropdown as F, PlNumberField as B, Slider as G } from "@platforma-sdk/ui-vue";
-import { useDefaultAes as f } from "./utils.js";
+import { defineComponent as A, computed as r, createElementBlock as U, openBlock as L, Fragment as N, createVNode as i, createElementVNode as v, withModifiers as f, unref as u } from "vue";
+import { useStore as D } from "../../../../store.js";
+import { PlDropdown as G, PlNumberField as F, Slider as B } from "@platforma-sdk/ui-vue";
+import { useDefaultAes as c } from "./utils.js";
 import { DEFAULT_BLACK as g } from "../../../../constantsAesthetic.js";
-import u from "../../AesSelector.vue.js";
-const n = "line", K = /* @__PURE__ */ A({
+import p from "../../AesSelector.vue.js";
+import { AGGREGATION_METHOD_OPTIONS as E } from "../../../../constantsCommon.js";
+const n = "line", R = /* @__PURE__ */ A({
   __name: "Line",
-  setup(x) {
-    const a = N(), o = r(() => a.value.reactive.layersSettings[n]), d = r(
+  setup(P) {
+    const a = D(), o = r(() => a.value.reactive.layersSettings[n]), d = r(
       () => a.value.reactive.optionsState
     ), S = r(
-      () => f(
+      () => c(
         o.value.lineColor,
         d.value,
         g,
         !0
       )
     ), b = r(
-      () => f(
+      () => c(
         o.value.dotFill,
         d.value,
         g,
@@ -30,20 +31,17 @@ const n = "line", K = /* @__PURE__ */ A({
     function C(l, e, t) {
       e.type === "dataCategorical" ? a.value.reactive.layersSettings[n][t] = { type: e.inputName } : a.value.reactive.layersSettings[n][t] = l, e.type === "dataCategorical" && typeof l == "object" && (a.value.reactive.dataBindAes[e.selectedSource] = l);
     }
-    function k(l, e, t) {
+    function T(l, e, t) {
       e.type === "dataCategorical" ? a.value.reactive.layersSettings[n][t] = { type: e.inputName } : a.value.reactive.layersSettings[n][t] = l, e.type === "dataCategorical" && typeof l == "object" && (a.value.reactive.dataBindAes[e.selectedSource] = l);
     }
-    const U = [
-      { text: "Mean", value: "mean" },
-      { text: "Median", value: "median" }
-    ], y = r({
+    const k = E, y = r({
       get: () => o.value.opacity * 100,
       set: (l) => {
         o.value.opacity = l / 100;
       }
     });
-    return (l, e) => (T(), L(D, null, [
-      i(u, {
+    return (l, e) => (L(), U(N, null, [
+      i(p, {
         label: "Stroke color",
         "form-title": "Stroke Color Settings",
         "form-back-title": "Layers",
@@ -52,16 +50,16 @@ const n = "line", K = /* @__PURE__ */ A({
         "possible-aes-source-inputs": ["secondaryGrouping"],
         onAesUpdate: e[0] || (e[0] = (t, s) => m(t, s, "lineColor"))
       }, null, 8, ["selected"]),
-      i(u, {
+      i(p, {
         label: "Line Type",
         "form-title": "Line Type Settings",
         "form-back-title": "Layers",
         type: "lineType",
         "possible-aes-source-inputs": ["secondaryGrouping"],
         selected: V.value,
-        onAesUpdate: e[1] || (e[1] = (t, s) => k(t, s, "lineType"))
+        onAesUpdate: e[1] || (e[1] = (t, s) => T(t, s, "lineType"))
       }, null, 8, ["selected"]),
-      i(u, {
+      i(p, {
         label: "Dot fill",
         "form-title": "Dot Fill Settings",
         "form-back-title": "Layers",
@@ -70,7 +68,7 @@ const n = "line", K = /* @__PURE__ */ A({
         "possible-aes-source-inputs": ["secondaryGrouping"],
         onAesUpdate: e[2] || (e[2] = (t, s) => m(t, s, "dotFill"))
       }, null, 8, ["selected"]),
-      i(u, {
+      i(p, {
         label: "Dot shape",
         "form-title": "Dot Shape Settings",
         "form-back-title": "Layers",
@@ -81,28 +79,28 @@ const n = "line", K = /* @__PURE__ */ A({
       }, null, 8, ["selected"]),
       v("div", {
         class: "input-item",
-        onClick: e[5] || (e[5] = c(() => {
+        onClick: e[5] || (e[5] = f(() => {
         }, ["stop"]))
       }, [
-        i(p(F), {
+        i(u(G), {
           modelValue: o.value.pointsValues,
           "onUpdate:modelValue": e[4] || (e[4] = (t) => o.value.pointsValues = t),
           label: "Point value",
-          options: U
-        }, null, 8, ["modelValue"])
+          options: u(k)
+        }, null, 8, ["modelValue", "options"])
       ]),
       v("div", {
         class: "input-item",
-        onClick: e[7] || (e[7] = c(() => {
+        onClick: e[7] || (e[7] = f(() => {
         }, ["stop"]))
       }, [
-        i(p(B), {
+        i(u(F), {
           modelValue: o.value.emptyGroupValue,
           "onUpdate:modelValue": e[6] || (e[6] = (t) => o.value.emptyGroupValue = t),
           label: "Empty group value"
         }, null, 8, ["modelValue"])
       ]),
-      i(p(G), {
+      i(u(B), {
         modelValue: y.value,
         "onUpdate:modelValue": e[8] || (e[8] = (t) => y.value = t),
         label: "Opacity",
@@ -116,6 +114,6 @@ const n = "line", K = /* @__PURE__ */ A({
   }
 });
 export {
-  K as default
+  R as default
 };
 //# sourceMappingURL=Line.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Line.vue.js","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';\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: { text: string; value: string }[] = [\n  { text: 'Mean', value: 'mean' },\n  { text: 'Median', value: 'median' },\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=\"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"],"names":["layer","store","useStore","settings","computed","optionsState","lineColor","useDefaultAes","DEFAULT_BLACK","dotFill","lineType","onUpdate","value","colorOption","field","onUpdateDot","onUpdateLineType","POINT_OPTIONS","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_unref","PlDropdown","$event","PlNumberField","Slider"],"mappings":"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"}
+{"version":3,"file":"Line.vue.js","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"],"names":["layer","store","useStore","settings","computed","optionsState","lineColor","useDefaultAes","DEFAULT_BLACK","dotFill","lineType","onUpdate","value","colorOption","field","onUpdateDot","onUpdateLineType","POINT_OPTIONS","AGGREGATION_METHOD_OPTIONS","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_unref","PlDropdown","$event","PlNumberField","Slider"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"StackedArea.vue.js","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';\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: { text: string; value: string }[] = [\n  { text: 'Sum', value: 'sum' },\n  { text: 'Min', value: 'min' },\n  { text: 'Max', value: 'max' },\n  { text: 'Mean', value: 'mean' },\n  { text: 'Median', value: 'median' },\n];\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"],"names":["layer","store","useStore","settings","computed","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","onUpdate","value","colorOption","field","HEIGHT_OPTIONS","barOpacity","newValue","areaOpacity","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_unref","PlDropdown","$event","Slider","_hoisted_1","PlCheckbox","_hoisted_2"],"mappings":"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"}
+{"version":3,"file":"StackedArea.vue.js","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"],"names":["layer","store","useStore","settings","computed","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","onUpdate","value","colorOption","field","HEIGHT_OPTIONS","AGGREGATION_METHOD_OPTIONS","barOpacity","newValue","areaOpacity","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_unref","PlDropdown","$event","Slider","_hoisted_1","PlCheckbox","_hoisted_2"],"mappings":"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"}

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

@@ -1,68 +1,63 @@
-import { defineComponent as C, computed as i, createElementBlock as k, openBlock as x, Fragment as V, createVNode as n, createElementVNode as s, withModifiers as b, unref as u } from "vue";
-import { useStore as U } from "../../../../store.js";
-import { useDefaultAes as f } from "./utils.js";
-import { DEFAULT_WHITE as A, DEFAULT_BLACK as B } from "../../../../constantsAesthetic.js";
+import { defineComponent as C, computed as r, createElementBlock as k, openBlock as V, Fragment as b, createVNode as i, createElementVNode as u, withModifiers as A, unref as s } from "vue";
+import { useStore as E } from "../../../../store.js";
+import { useDefaultAes as v } from "./utils.js";
+import { DEFAULT_WHITE as T, DEFAULT_BLACK as U } from "../../../../constantsAesthetic.js";
 import c from "../../AesSelector.vue.js";
-import { PlDropdown as E, Slider as F, PlCheckbox as L } from "@platforma-sdk/ui-vue";
-const M = { class: "checkbox-item" }, m = "stackedBar", w = /* @__PURE__ */ C({
+import { PlDropdown as N, Slider as B, PlCheckbox as x } from "@platforma-sdk/ui-vue";
+import { AGGREGATION_METHOD_OPTIONS as D } from "../../../../constantsCommon.js";
+const F = { class: "checkbox-item" }, m = "stackedBar", w = /* @__PURE__ */ C({
   __name: "StackedBar",
-  setup(N) {
-    const a = U(), l = i(() => a.value.reactive.layersSettings[m]), d = i(
+  setup(H) {
+    const a = E(), l = r(() => a.value.reactive.layersSettings[m]), p = r(
       () => a.value.reactive.optionsState
-    ), y = i(
-      () => f(l.value.fillColor, d.value, A)
-    ), S = i(
-      () => f(l.value.lineColor, d.value, B)
+    ), y = r(
+      () => v(l.value.fillColor, p.value, T)
+    ), S = r(
+      () => v(l.value.lineColor, p.value, U)
     );
-    function p(o, e, t) {
+    function d(o, e, t) {
       e.type === "dataCategorical" ? a.value.reactive.layersSettings[m][t] = {
         type: e.inputName
       } : a.value.reactive.layersSettings[m][t] = o, e.type === "dataCategorical" && typeof o != "string" && (a.value.reactive.dataBindAes[e.selectedSource] = o);
     }
-    const g = [
-      { text: "Sum", value: "sum" },
-      { text: "Min", value: "min" },
-      { text: "Max", value: "max" },
-      { text: "Mean", value: "mean" },
-      { text: "Median", value: "median" }
-    ], v = i({
+    const g = D, f = r({
       get: () => l.value.opacity * 100,
       set: (o) => {
         l.value.opacity = o / 100;
       }
     });
-    return (o, e) => (x(), k(V, null, [
-      n(c, {
+    return (o, e) => (V(), k(b, null, [
+      i(c, {
         label: "Fill color",
         "form-title": "Fill Color Settings",
         "form-back-title": "Layers",
         type: "fill",
         selected: y.value,
-        onAesUpdate: e[0] || (e[0] = (t, r) => p(t, r, "fillColor"))
+        onAesUpdate: e[0] || (e[0] = (t, n) => d(t, n, "fillColor"))
       }, null, 8, ["selected"]),
-      n(c, {
+      i(c, {
         label: "Stroke color",
         "form-title": "Stroke Color Settings",
         "form-back-title": "Layers",
         type: "stroke",
         selected: S.value,
-        onAesUpdate: e[1] || (e[1] = (t, r) => p(t, r, "lineColor"))
+        onAesUpdate: e[1] || (e[1] = (t, n) => d(t, n, "lineColor"))
       }, null, 8, ["selected"]),
-      s("div", {
+      u("div", {
         class: "input-item",
-        onClick: e[3] || (e[3] = b(() => {
+        onClick: e[3] || (e[3] = A(() => {
         }, ["stop"]))
       }, [
-        n(u(E), {
+        i(s(N), {
           modelValue: l.value.height,
           "onUpdate:modelValue": e[2] || (e[2] = (t) => l.value.height = t),
           label: "Height",
-          options: g
-        }, null, 8, ["modelValue"])
+          options: s(g)
+        }, null, 8, ["modelValue", "options"])
       ]),
-      n(u(F), {
-        modelValue: v.value,
-        "onUpdate:modelValue": e[4] || (e[4] = (t) => v.value = t),
+      i(s(B), {
+        modelValue: f.value,
+        "onUpdate:modelValue": e[4] || (e[4] = (t) => f.value = t),
         label: "Opacity",
         min: 0,
         max: 100,
@@ -70,12 +65,12 @@ const M = { class: "checkbox-item" }, m = "stackedBar", w = /* @__PURE__ */ C({
         breakpoints: !1,
         measure: "%"
       }, null, 8, ["modelValue"]),
-      s("div", M, [
-        n(u(L), {
+      u("div", F, [
+        i(s(x), {
           modelValue: l.value.normalize,
           "onUpdate:modelValue": e[5] || (e[5] = (t) => l.value.normalize = t)
         }, null, 8, ["modelValue"]),
-        e[6] || (e[6] = s("span", null, "Normalize", -1))
+        e[6] || (e[6] = u("span", null, "Normalize", -1))
       ])
     ], 64));
   }

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

@@ -1 +1 @@
-{"version":3,"file":"StackedBar.vue.js","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';\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: { text: string; value: string }[] = [\n  { text: 'Sum', value: 'sum' },\n  { text: 'Min', value: 'min' },\n  { text: 'Max', value: 'max' },\n  { text: 'Mean', value: 'mean' },\n  { text: 'Median', value: 'median' },\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  <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"],"names":["layer","store","useStore","settings","computed","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","onUpdate","value","colorOption","field","HEIGHT_OPTIONS","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_unref","PlDropdown","$event","Slider","_hoisted_1","PlCheckbox"],"mappings":"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"}
+{"version":3,"file":"StackedBar.vue.js","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"],"names":["layer","store","useStore","settings","computed","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","onUpdate","value","colorOption","field","HEIGHT_OPTIONS","AGGREGATION_METHOD_OPTIONS","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_unref","PlDropdown","$event","Slider","_hoisted_1","PlCheckbox"],"mappings":";;;;;;;sCAgBMA,IAAQ;;;AADd,UAAMC,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAeD,CAAK,CAAC,GACpEK,IAAeD;AAAA,MACnB,MAAMH,EAAM,MAAM,SAAS;AAAA,IAAA,GAGvBK,IAAYF;AAAA,MAAS,MACzBG,EAAcJ,EAAS,MAAM,WAAWE,EAAa,OAAOG,CAAa;AAAA,IAAA,GAErEC,IAAYL;AAAA,MAAS,MACzBG,EAAcJ,EAAS,MAAM,WAAWE,EAAa,OAAOK,CAAa;AAAA,IAAA;AAG3E,aAASC,EACPC,GACAC,GACAC,GACA;AACA,MAAID,EAAY,SAAS,oBACvBZ,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEc,CAAK,IAAI;AAAA,QAClD,MAAMD,EAAY;AAAA,MAAA,IAGpBZ,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEc,CAAK,IAAIF,GAElDC,EAAY,SAAS,qBAAqB,OAAOD,KAAU,aAC7DX,EAAM,MAAM,SAAS,YAAYY,EAAY,cAAc,IAAID;AAAA,IAEnE;AAEA,UAAMG,IAAiBC,GAEjBC,IAAUb,EAAS;AAAA,MACvB,KAAK,MAAMD,EAAS,MAAM,UAAU;AAAA,MACpC,KAAK,CAACe,MAAqB;AACzB,QAAAf,EAAS,MAAM,UAAUe,IAAW;AAAA,MACtC;AAAA,IAAA,CACD;;MAICC,EAOEC,GAAA;AAAA,QANA,OAAM;AAAA,QACN,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,UAAUd,EAAA;AAAA,QACV,aAAUe,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,GAAGC,MAAMZ,EAASW,GAAGC,GAAC,WAAA;AAAA,MAAA;MAEtCJ,EAOEC,GAAA;AAAA,QANA,OAAM;AAAA,QACN,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,UAAUX,EAAA;AAAA,QACV,aAAUY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,GAAGC,MAAMZ,EAASW,GAAGC,GAAC,WAAA;AAAA,MAAA;MAEtCC,EAMM,OAAA;AAAA,QAND,OAAM;AAAA,QAAc,2BAAD,MAAA;AAAA,QAAA,GAAW,CAAA,MAAA,CAAA;AAAA,MAAA;QACjCL,EAIEM,EAAAC,CAAA,GAAA;AAAA,UAHS,YAAAvB,EAAA,MAAS;AAAA,UAAT,uBAAAkB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAM,MAAAxB,EAAA,MAAS,SAAMwB;AAAA,UACxB,OAAM;AAAA,UACL,SAASF,EAAAV,CAAA;AAAA,QAAA;;MAGdI,EAQEM,EAAAG,CAAA,GAAA;AAAA,oBAPSX,EAAA;AAAA,sDAAAA,EAAO,QAAAU;AAAA,QAChB,OAAM;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,aAAa;AAAA,QACd,SAAQ;AAAA,MAAA;MAEVH,EAGM,OAHNK,GAGM;AAAA,QAFJV,EAA2CM,EAAAK,CAAA,GAAA;AAAA,UAAtB,YAAA3B,EAAA,MAAS;AAAA,UAAT,uBAAAkB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAM,MAAAxB,EAAA,MAAS,YAASwB;AAAA,QAAA;QACvCN,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAG,EAAsB,cAAhB,aAAS,EAAA;AAAA,MAAA;;;;"}