@milaboratories/graph-maker 1.2.5 → 1.2.6

package/dist/forms/LayersForm/Layer/Dendro.vue.js

@@ -1,122 +0,0 @@
-import { defineComponent as N, computed as n, ref as h, createElementBlock as w, openBlock as m, Fragment as U, createVNode as i, createElementVNode as d, createBlock as b, unref as p } from "vue";
-import { useStore as A } from "../../../store.js";
-import v from "../AesSelector.vue.js";
-import { SliderRange as B, Slider as F, PlCheckbox as C } from "@platforma-sdk/ui-vue";
-import { isNumberRange as x } from "../../../constantsCommon.js";
-const M = { class: "checkbox-item" }, R = { class: "checkbox-item" }, r = "dendro", q = /* @__PURE__ */ N({
-  __name: "Dendro",
-  setup(D) {
-    const a = A(), o = n(() => a.value.reactive.layersSettings[r]), u = n(
-      () => a.value.reactive.optionsState
-    ), V = n(() => o.value.dotFill), k = n(() => o.value.dotShape), z = n(() => o.value.lineColor);
-    function S(l, e, t) {
-      typeof l == "string" ? a.value.reactive.layersSettings[r][t] = l : e.type === "dataCategorical" && (a.value.reactive.layersSettings[r][t] = {
-        type: e.inputName,
-        value: e.selectedSource
-      }), e.type === "dataCategorical" && typeof l != "string" && (a.value.reactive.dataBindAes[e.selectedSource] = l);
-    }
-    function L(l, e, t) {
-      typeof l == "string" ? a.value.reactive.layersSettings[r][t] = l : e.type === "dataCategorical" && (a.value.reactive.layersSettings[r][t] = {
-        type: e.inputName,
-        value: e.selectedSource
-      }), e.type === "dataCategorical" && typeof l != "string" && (a.value.reactive.dataBindAes[e.selectedSource] = l);
-    }
-    const g = h(o.value.leavesMode === "alignLeavesToLine"), f = n({
-      get() {
-        return o.value.showLegend ?? !0;
-      },
-      set(l) {
-        o.value.showLegend = l;
-      }
-    }), c = n({
-      get() {
-        return x(o.value.dotSize) ? [o.value.dotSize.min, o.value.dotSize.max] : [3, 10];
-      },
-      set([l, e]) {
-        o.value.dotSize = { min: l, max: e };
-      }
-    }), y = n({
-      get() {
-        return x(o.value.dotSize) ? 3 : o.value.dotSize;
-      },
-      set(l) {
-        o.value.dotSize = l;
-      }
-    });
-    return (l, e) => (m(), w(U, null, [
-      i(v, {
-        label: "Node color",
-        "form-title": "Node Color Settings",
-        "form-back-title": "Layers",
-        type: "fill",
-        selected: V.value,
-        "possible-aes-source-inputs": ["nodeColor"],
-        "without-fixed": u.value.components.nodeColor.selectorStates.length > 0,
-        onAesUpdate: e[0] || (e[0] = (t, s) => S(t, s, "dotFill"))
-      }, null, 8, ["selected", "without-fixed"]),
-      i(v, {
-        label: "Node shape",
-        "form-title": "Node Shape Settings",
-        "form-back-title": "Layers",
-        type: "dotShape",
-        selected: k.value,
-        "possible-aes-source-inputs": ["nodeShape"],
-        "without-fixed": u.value.components.nodeShape.selectorStates.length > 0,
-        onAesUpdate: e[1] || (e[1] = (t, s) => L(t, s, "dotShape"))
-      }, null, 8, ["selected", "without-fixed"]),
-      i(v, {
-        label: "Line color",
-        "form-title": "Line Color Settings",
-        "form-back-title": "Layers",
-        type: "fill",
-        selected: z.value,
-        "possible-aes-source-inputs": ["lineColor"],
-        "without-fixed": u.value.components.lineColor.selectorStates.length > 0,
-        onAesUpdate: e[2] || (e[2] = (t, s) => S(t, s, "lineColor"))
-      }, null, 8, ["selected", "without-fixed"]),
-      d("div", null, [
-        u.value.components.nodeSize.selectorStates.length > 0 ? (m(), b(p(B), {
-          key: 0,
-          modelValue: c.value,
-          "onUpdate:modelValue": e[3] || (e[3] = (t) => c.value = t),
-          min: 3,
-          max: 10,
-          breakpoints: !0,
-          label: "Node size range"
-        }, null, 8, ["modelValue"])) : (m(), b(p(F), {
-          key: 1,
-          modelValue: y.value,
-          "onUpdate:modelValue": e[4] || (e[4] = (t) => y.value = t),
-          min: 3,
-          max: 10,
-          step: 1,
-          breakpoints: !0,
-          label: "Node size"
-        }, null, 8, ["modelValue"]))
-      ]),
-      d("div", M, [
-        i(p(C), {
-          modelValue: g.value,
-          "onUpdate:modelValue": [
-            e[5] || (e[5] = (t) => g.value = t),
-            e[6] || (e[6] = (t) => {
-              o.value.leavesMode = t ? "alignLeavesToLine" : "normal";
-            })
-          ]
-        }, null, 8, ["modelValue"]),
-        e[8] || (e[8] = d("span", null, "Move leaves to the right", -1))
-      ]),
-      d("div", R, [
-        i(p(C), {
-          modelValue: f.value,
-          "onUpdate:modelValue": e[7] || (e[7] = (t) => f.value = t)
-        }, null, 8, ["modelValue"]),
-        e[9] || (e[9] = d("span", null, "Show legend", -1))
-      ])
-    ], 64));
-  }
-});
-export {
-  q as default
-};
-//# sourceMappingURL=Dendro.vue.js.map

package/dist/forms/LayersForm/Layer/Dendro.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dendro.vue.js","sources":["../../../../src/forms/LayersForm/Layer/Dendro.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../store';\nimport { computed, ref } from 'vue';\nimport AesSelector from '../AesSelector.vue';\nimport type { AestheticMappingCategorical } from '../../../dataBindAes';\nimport type {\n  AesMappingOption,\n  AesOption,\n  DotShape,\n} from '../../../components/AesSettings/types';\nimport type { DendroUIState } from '@milaboratories/pf-plots';\nimport { PlCheckbox, SliderRange, Slider } from '@platforma-sdk/ui-vue';\nimport { isNumberRange } from '../../../constantsCommon';\n\nconst store = useStore();\nconst layer = 'dendro';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DendroUIState,\n);\n\nconst nodeColor = computed(() => settings.value.dotFill);\nconst nodeShape = computed(() => settings.value.dotShape);\nconst lineColor = computed(() => settings.value.lineColor);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'dotFill' | 'lineColor',\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n      value: colorOption.selectedSource,\n    };\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value !== 'string') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nfunction onUpdateDot(\n  value: DotShape | AestheticMappingCategorical,\n  colorOption: AesMappingOption,\n  field: 'dotShape',\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n      value: colorOption.selectedSource,\n    };\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value !== 'string') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\n// Tree mode 'useAllNodesAsLeaves' - align tree special way to be able to set table line opposite every node\n// const treeAlign = ref(settings.value.mode === 'useAllNodesAsLeaves');\nconst leavesAlign = ref(settings.value.leavesMode === 'alignLeavesToLine');\n\nconst showLegend = computed({\n  get() { return settings.value.showLegend ?? true; },\n  set(v) {\n    settings.value.showLegend = v;\n  },\n});\nconst nodeSizeRange = computed<[number, number]>({\n  get() { return isNumberRange(settings.value.dotSize) ? [settings.value.dotSize.min, settings.value.dotSize.max] : [3, 10]; },\n  set([min, max]: [number, number]) {\n    settings.value.dotSize = { min, max };\n  },\n});\nconst nodeSize = computed<number>({\n  get() { return isNumberRange(settings.value.dotSize) ? 3 : settings.value.dotSize; },\n  set(v: number) {\n    settings.value.dotSize = v;\n  },\n});\n\n</script>\n\n<template>\n  <AesSelector\n    label=\"Node color\"\n    form-title=\"Node Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"nodeColor\"\n    :possible-aes-source-inputs=\"['nodeColor']\"\n    :without-fixed=\"\n      optionsState.components.nodeColor.selectorStates.length > 0\n    \"\n    @aes-update=\"(v:string|AestheticMappingCategorical, c:AesOption) => onUpdate(v, c, 'dotFill')\"\n  />\n  <AesSelector\n    label=\"Node shape\"\n    form-title=\"Node Shape Settings\"\n    form-back-title=\"Layers\"\n    type=\"dotShape\"\n    :selected=\"nodeShape\"\n    :possible-aes-source-inputs=\"['nodeShape']\"\n    :without-fixed=\"\n      optionsState.components.nodeShape.selectorStates.length > 0\n    \"\n    @aes-update=\"(v:DotShape|AestheticMappingCategorical, c:AesMappingOption) => onUpdateDot(v, c, 'dotShape')\"\n  />\n  <AesSelector\n    label=\"Line color\"\n    form-title=\"Line Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"lineColor\"\n    :possible-aes-source-inputs=\"['lineColor']\"\n    :without-fixed=\"\n      optionsState.components.lineColor.selectorStates.length > 0\n    \"\n    @aes-update=\"(v:string|AestheticMappingCategorical, c:AesOption) => onUpdate(v, c, 'lineColor')\"\n  />\n  <!--  <div class=\"checkbox-item\">-->\n  <!--    <pl-checkbox v-model=\"treeAlign\" @update:modelValue=\"(v) => {-->\n  <!--      settings.mode = v ? 'useAllNodesAsLeaves' : 'normal';-->\n  <!--    }\"/>-->\n  <!--    <span>Align every node with table</span>-->\n  <!--  </div>-->\n  <div>\n    <SliderRange\n      v-if=\"optionsState.components.nodeSize.selectorStates.length > 0\"\n      v-model=\"nodeSizeRange\"\n      :min=\"3\"\n      :max=\"10\"\n      :breakpoints=\"true\"\n      label=\"Node size range\"\n    />\n    <Slider\n      v-else\n      v-model=\"nodeSize\"\n      :min=\"3\"\n      :max=\"10\"\n      :step=\"1\"\n      :breakpoints=\"true\"\n      label=\"Node size\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox\n      v-model=\"leavesAlign\" @update:modelValue=\"(v) => {\n        settings.leavesMode = v ? 'alignLeavesToLine' : 'normal';\n      }\"\n    />\n    <span>Move leaves to the right</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"showLegend\"/>\n    <span>Show legend</span>\n  </div>\n</template>\n"],"names":["layer","store","useStore","settings","computed","optionsState","nodeColor","nodeShape","lineColor","onUpdate","value","colorOption","field","onUpdateDot","leavesAlign","ref","showLegend","v","nodeSizeRange","isNumberRange","min","max","nodeSize","_createVNode","AesSelector","_cache","c","_createElementVNode","_createBlock","_unref","SliderRange","$event","Slider","_hoisted_1","PlCheckbox","_hoisted_2"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Bar.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/discrete/Bar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { PlDropdown, Slider } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer = 'bar';\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 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</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"],"mappings":";;;;;;;AAgBA,MAAMA,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,EAAE,MAAMD,EAAY,UAAA,IAExEZ,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;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BinnedDots.vue.js","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"],"names":["layer","store","useStore","settings","computed","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","onUpdate","value","colorOption","field","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_unref","Slider","$event","_createElementVNode","_hoisted_1","PlCheckbox"],"mappings":";;;;;;sCAeMA,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,EAAE,MAAMD,EAAY,UAAA,IAExEZ,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,IAAUX,EAAS;AAAA,MACvB,KAAK,MAAMD,EAAS,MAAM,UAAU;AAAA,MACpC,KAAK,CAACa,MAAqB;AACzB,QAAAb,EAAS,MAAM,UAAUa,IAAW;AAAA,MACtC;AAAA,IAAA,CACD;;MAICC,EAOEC,GAAA;AAAA,QANA,OAAM;AAAA,QACN,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,UAAUZ,EAAA;AAAA,QACV,aAAUa,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,GAAGC,MAAMV,EAASS,GAAGC,GAAC,WAAA;AAAA,MAAA;MAEtCJ,EAOEC,GAAA;AAAA,QANA,OAAM;AAAA,QACN,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,UAAUT,EAAA;AAAA,QACV,aAAUU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,GAAGC,MAAMV,EAASS,GAAGC,GAAC,WAAA;AAAA,MAAA;MAEtCJ,EAQEK,EAAAC,CAAA,GAAA;AAAA,oBAPSR,EAAA;AAAA,sDAAAA,EAAO,QAAAS;AAAA,QAChB,OAAM;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,aAAa;AAAA,QACd,SAAQ;AAAA,MAAA;MAEVC,EAGM,OAHNC,GAGM;AAAA,QAFJT,EAA8CK,EAAAK,CAAA,GAAA;AAAA,UAAzB,YAAAxB,EAAA,MAAS;AAAA,UAAT,uBAAAgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAK,MAAArB,EAAA,MAAS,eAAYqB;AAAA,QAAA;QAC1CL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAM,EAA0B,cAApB,iBAAa,EAAA;AAAA,MAAA;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Boxplot.vue.js","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"],"names":["layer","store","useStore","settings","computed","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","outliersShape","lineType","onUpdate","value","colorOption","field","onUpdateDot","onUpdateLineType","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_unref","Slider","$event","_createElementVNode","_hoisted_1","PlCheckbox","_createBlock"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"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/JitteredDots.vue.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"JitteredDots.vue.js","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"],"names":["layer","store","useStore","settings","computed","optionsState","dotFill","useDefaultAes","DEFAULT_BLACK","onUpdate","value","colorOption","field","onUpdateDot","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_unref","Slider","$event","_createElementVNode","_hoisted_1","PlCheckbox"],"mappings":";;;;;;sCAcMA,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,IAAUF;AAAA,MAAS,MACvBG,EAAcJ,EAAS,MAAM,SAASE,EAAa,OAAOG,CAAa;AAAA,IAAA;AAGzE,aAASC,EACPC,GACAC,GACAC,GACA;AACA,MAAID,EAAY,SAAS,oBACvBV,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEY,CAAK,IAAI,EAAE,MAAMD,EAAY,UAAA,IAExEV,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEY,CAAK,IAAIF,GAElDC,EAAY,SAAS,qBAAqB,OAAOD,KAAU,aAC7DT,EAAM,MAAM,SAAS,YAAYU,EAAY,cAAc,IAAID;AAAA,IAEnE;AACA,aAASG,EACPH,GACAC,GACAC,GACA;AACA,MAAID,EAAY,SAAS,oBACvBV,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEY,CAAK,IAAI,EAAE,MAAMD,EAAY,UAAA,IAExEV,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEY,CAAK,IAAIF,GAElDC,EAAY,SAAS,qBAAqB,OAAOD,KAAU,aAC7DT,EAAM,MAAM,SAAS,YAAYU,EAAY,cAAc,IAAID;AAAA,IAEnE;AACA,UAAMI,IAAUV,EAAS;AAAA,MACvB,KAAK,MAAMD,EAAS,MAAM,UAAU;AAAA,MACpC,KAAK,CAACY,MAAqB;AACzB,QAAAZ,EAAS,MAAM,UAAUY,IAAW;AAAA,MACtC;AAAA,IAAA,CACD;;MAICC,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,MAAMX,EAASU,GAAGC,GAAC,SAAA;AAAA,MAAA;MAEtCJ,EAOEC,GAAA;AAAA,QANA,OAAM;AAAA,QACN,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,UAAUd,EAAA,MAAS;AAAA,QACnB,aAAUe,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,GAAGC,MAAMP,EAAYM,GAAGC,GAAC,UAAA;AAAA,MAAA;MAEzCJ,EAQEK,EAAAC,CAAA,GAAA;AAAA,oBAPSR,EAAA;AAAA,sDAAAA,EAAO,QAAAS;AAAA,QAChB,OAAM;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,aAAa;AAAA,QACd,SAAQ;AAAA,MAAA;MAEVC,EAGM,OAHNC,GAGM;AAAA,QAFJT,EAA8CK,EAAAK,CAAA,GAAA;AAAA,UAAzB,YAAAvB,EAAA,MAAS;AAAA,UAAT,uBAAAe,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAK,MAAApB,EAAA,MAAS,eAAYoB;AAAA,QAAA;QAC1CL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAM,EAA0B,cAApB,iBAAa,EAAA;AAAA,MAAA;;;;"}