@milaboratories/graph-maker 1.1.132 → 1.1.134

package/dist/GraphMaker/forms/DataMappingForm/DiscreteForm.vue.js

@@ -0,0 +1,95 @@
+import { defineComponent as I, watch as b, computed as v, createBlock as G, openBlock as s, withCtx as a, createElementBlock as u, Fragment as S, renderList as V, unref as r, createVNode as n, mergeProps as D, toHandlers as E, createElementVNode as h } from "vue";
+import { PlDropdown as k } from "@platforma-sdk/ui-vue";
+import { useStore as F } from "../../store.js";
+import { getErrorForPlDropdown as O } from "./utils.js";
+import "../../constantsAesthetic.js";
+import "../../../node_modules/@milaboratories/pf-plots/dist/index.js";
+import { checkStatisticsInputsValidity as w } from "../../utils/getStatisticsOptions.js";
+import $ from "../../components/DragAndDrop/DndBasket.vue.js";
+import x from "./Layout/FormLayout.vue.js";
+import A from "./Layout/OptionsList.vue.js";
+import L from "./Layout/MandatoryOptions.vue.js";
+import { useBaskets as T } from "./useBaskets.js";
+const U = { class: "data-form-input-item" }, W = /* @__PURE__ */ I({
+  __name: "DiscreteForm",
+  setup(C) {
+    const t = F();
+    b(
+      () => t.value.commonHelpersData.primaryGroups.value,
+      w(t)
+    );
+    const c = [
+      "filters",
+      "primaryGrouping",
+      "secondaryGrouping",
+      "tabBy",
+      "facetBy"
+    ], f = {
+      filters: "Filter",
+      primaryGrouping: "Primary grouping",
+      secondaryGrouping: "Secondary grouping",
+      tabBy: "Tab by",
+      facetBy: "Facet by"
+    }, {
+      draggedId: p,
+      basketsData: y,
+      freeMetaOptions: g,
+      freeMandatoryOptions: _,
+      chipInfo: l,
+      dataStateValues: m,
+      dataOptions: B
+    } = T(
+      t,
+      ["y"],
+      ["filters", "tabBy"],
+      ["primaryGrouping", "secondaryGrouping", "facetBy"],
+      c,
+      f
+    ), d = v(() => {
+      var i;
+      return ((i = t.value.readonlyInputs) == null ? void 0 : i.includes("y")) ?? !1;
+    });
+    return (i, e) => (s(), G(x, null, {
+      dataInputs: a(() => [
+        h("div", U, [
+          n(r(k), {
+            modelValue: r(m).y,
+            "onUpdate:modelValue": e[0] || (e[0] = (o) => r(m).y = o),
+            options: r(B).y,
+            disabled: d.value,
+            error: r(O)("y", r(t).inputGuide.value),
+            label: "Y:",
+            clearable: !d.value
+          }, null, 8, ["modelValue", "options", "disabled", "error", "clearable"])
+        ])
+      ]),
+      mandatoryOptions: a(() => [
+        n(L, {
+          options: r(_),
+          chipInfo: r(l),
+          onDraggedIdUpdate: e[1] || (e[1] = (o) => p.value = o)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      metadataOptions: a(() => [
+        n(A, {
+          options: r(g),
+          chipInfo: r(l),
+          onDraggedIdUpdate: e[2] || (e[2] = (o) => p.value = o)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      chartVar: a(() => [
+        (s(!0), u(S, null, V(r(y), (o) => (s(), u("div", {
+          key: o.id,
+          class: "data-form-input-item"
+        }, [
+          n($, D({ ref_for: !0 }, o, E(o.listeners)), null, 16)
+        ]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  W as default
+};
+//# sourceMappingURL=DiscreteForm.vue.js.map

package/dist/GraphMaker/forms/DataMappingForm/DiscreteForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscreteForm.vue.js","sources":["../../../../src/GraphMaker/forms/DataMappingForm/DiscreteForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { computed, watch} from 'vue';\nimport { useStore } from '../../store';\nimport { getErrorForPlDropdown } from './utils';\nimport { checkStatisticsInputsValidity } from '../../utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { useBaskets } from './useBaskets';\n\nconst store = useStore();\n\nwatch(\n  () => store.value.commonHelpersData.primaryGroups.value,\n  checkStatisticsInputsValidity(store)\n);\n\ntype BasketIds = Exclude<keyof DiscreteUIState['components'], 'y'>;\ntype DataIds = keyof DiscreteUIState['components'] & 'y'\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'primaryGrouping',\n  'secondaryGrouping',\n  'tabBy',\n  'facetBy'\n];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  primaryGrouping: 'Primary grouping',\n  secondaryGrouping: 'Secondary grouping',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by'\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions\n} = useBaskets<DiscreteUIState, BasketIds, DataIds>(\n  store,\n  ['y'],\n  ['filters', 'tabBy'],\n  ['primaryGrouping', 'secondaryGrouping', 'facetBy'],\n  BASKETS,\n  BASKET_LABELS\n);\n\nconst readonlyY = computed(() => store.value.readonlyInputs?.includes('y') ?? false);\n</script>\n\n<template>\n  <form-layout>\n    <template v-slot:dataInputs>\n      <div class=\"data-form-input-item\">\n        <pl-dropdown\n          v-model=\"dataStateValues.y\"\n          :options=\"dataOptions.y\"\n          :disabled=\"readonlyY\"\n          :error=\"getErrorForPlDropdown('y', store.inputGuide.value)\"\n          label=\"Y:\"\n          :clearable=\"!readonlyY\"\n        />\n      </div>\n    </template>\n    <template v-slot:mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </form-layout>\n</template>\n"],"names":["store","useStore","watch","checkStatisticsInputsValidity","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyY","computed","_a"],"mappings":";;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,EAAA;AAEd,IAAAC;AAAA,MACE,MAAMF,EAAM,MAAM,kBAAkB,cAAc;AAAA,MAClDG,EAA8BH,CAAK;AAAA,IAAA;AAMrC,UAAMI,IAAuB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAEIC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,GAGL;AAAA,MACJ,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACEC;AAAA,MACFb;AAAA,MACA,CAAC,GAAG;AAAA,MACJ,CAAC,WAAW,OAAO;AAAA,MACnB,CAAC,mBAAmB,qBAAqB,SAAS;AAAA,MAClDI;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAYC,EAAS,MAAA;;AAAM,eAAAC,IAAAhB,EAAM,MAAM,mBAAZ,gBAAAgB,EAA4B,SAAS,SAAQ;AAAA,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/DataMappingForm/DiscreteForm.vue2.js

@@ -0,0 +1,5 @@
+import f from "./DiscreteForm.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=DiscreteForm.vue2.js.map

package/dist/GraphMaker/forms/DataMappingForm/DiscreteForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscreteForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/forms/DataMappingForm/HeatmapForm.vue.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+//# sourceMappingURL=HeatmapForm.vue.d.ts.map

package/dist/GraphMaker/forms/DataMappingForm/HeatmapForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/DataMappingForm/HeatmapForm.vue"],"names":[],"mappings":";AA0UA,wBAMG"}

package/dist/GraphMaker/forms/DataMappingForm/HeatmapForm.vue.js

@@ -0,0 +1,97 @@
+import { defineComponent as g, computed as I, createBlock as b, openBlock as l, withCtx as n, createElementBlock as d, Fragment as x, renderList as V, unref as t, createVNode as a, mergeProps as G, toHandlers as D, createElementVNode as E } from "vue";
+import { useStore as S } from "../../store.js";
+import { PlDropdown as X } from "@platforma-sdk/ui-vue";
+import Y from "./Layout/FormLayout.vue.js";
+import A from "./Layout/OptionsList.vue.js";
+import C from "./Layout/MandatoryOptions.vue.js";
+import { getErrorForPlDropdown as F } from "./utils.js";
+import O from "../../components/DragAndDrop/DndBasket.vue.js";
+import { useBaskets as k } from "./useBaskets.js";
+const T = { class: "data-form-input-item" }, j = /* @__PURE__ */ g({
+  __name: "HeatmapForm",
+  setup($) {
+    const r = S(), m = [
+      "filters",
+      "x",
+      "y",
+      "xGroupBy",
+      "yGroupBy",
+      "tooltipContent",
+      "tabBy",
+      "facetBy",
+      "annotationsX",
+      "annotationsY"
+    ], f = {
+      filters: "Filter",
+      x: "X",
+      y: "Y",
+      xGroupBy: "X group",
+      yGroupBy: "Y group",
+      tooltipContent: "Tooltip",
+      tabBy: "Tab by",
+      facetBy: "Facet by",
+      annotationsX: "Annotations X",
+      annotationsY: "Annotations Y"
+    }, {
+      draggedId: s,
+      basketsData: c,
+      freeMetaOptions: y,
+      freeMandatoryOptions: B,
+      chipInfo: p,
+      dataStateValues: u,
+      dataOptions: _
+    } = k(
+      r,
+      ["value"],
+      ["filters", "tabBy"],
+      ["x", "y", "xGroupBy", "yGroupBy", "tooltipContent", "facetBy", "annotationsX", "annotationsY"],
+      m,
+      f
+    ), v = I(() => {
+      var i;
+      return ((i = r.value.readonlyInputs) == null ? void 0 : i.includes("value")) ?? !1;
+    });
+    return (i, e) => (l(), b(Y, null, {
+      dataInputs: n(() => [
+        E("div", T, [
+          a(t(X), {
+            label: "Data source:",
+            clearable: "",
+            modelValue: t(u).value,
+            "onUpdate:modelValue": e[0] || (e[0] = (o) => t(u).value = o),
+            options: t(_).value,
+            disabled: v.value,
+            error: t(F)("value", t(r).inputGuide.value)
+          }, null, 8, ["modelValue", "options", "disabled", "error"])
+        ])
+      ]),
+      mandatoryOptions: n(() => [
+        a(C, {
+          options: t(B),
+          chipInfo: t(p),
+          onDraggedIdUpdate: e[1] || (e[1] = (o) => s.value = o)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      metadataOptions: n(() => [
+        a(A, {
+          options: t(y),
+          chipInfo: t(p),
+          onDraggedIdUpdate: e[2] || (e[2] = (o) => s.value = o)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      chartVar: n(() => [
+        (l(!0), d(x, null, V(t(c), (o) => (l(), d("div", {
+          key: o.id,
+          class: "data-form-input-item"
+        }, [
+          a(O, G({ ref_for: !0 }, o, D(o.listeners)), null, 16)
+        ]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=HeatmapForm.vue.js.map

package/dist/GraphMaker/forms/DataMappingForm/HeatmapForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapForm.vue.js","sources":["../../../../src/GraphMaker/forms/DataMappingForm/HeatmapForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport { HeatmapUIState } from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { computed } from 'vue';\nimport { getErrorForPlDropdown } from './utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { useBaskets } from './useBaskets';\n\nconst store = useStore();\n\ntype BasketIds = Exclude<keyof HeatmapUIState['components'], 'value'>;\ntype DataIds = keyof HeatmapUIState['components'] & 'value';\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'x',\n  'y',\n  'xGroupBy',\n  'yGroupBy',\n  'tooltipContent',\n  'tabBy',\n  'facetBy',\n  'annotationsX',\n  'annotationsY'\n];\n\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  x: 'X',\n  y: 'Y',\n  xGroupBy: 'X group',\n  yGroupBy: 'Y group',\n  tooltipContent: 'Tooltip',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by',\n  annotationsX: 'Annotations X',\n  annotationsY: 'Annotations Y'\n};\n\nfunction cleanDraggedId() {\n  draggedId.value = null;\n}\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions\n} = useBaskets<HeatmapUIState, BasketIds, DataIds>(\n  store,\n  ['value'],\n  ['filters', 'tabBy'],\n  ['x', 'y', 'xGroupBy', 'yGroupBy', 'tooltipContent', 'facetBy', 'annotationsX', 'annotationsY'],\n  BASKETS,\n  BASKET_LABELS\n);\n\nconst readonlyValue = computed(() => store.value.readonlyInputs?.includes('value') ?? false);\n</script>\n\n<template>\n  <form-layout>\n    <template v-slot:dataInputs>\n      <div class=\"data-form-input-item\">\n        <pl-dropdown\n          label=\"Data source:\"\n          clearable\n          v-model=\"dataStateValues.value\"\n          :options=\"dataOptions.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', store.inputGuide.value)\"\n        />\n      </div>\n    </template>\n    <template v-slot:mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </form-layout>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyValue","computed","_a"],"mappings":";;;;;;;;;;;;AAYA,UAAMA,IAAQC,EAAA,GAKRC,IAAuB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAGIC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,UAAU;AAAA,MACV,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,cAAc;AAAA,IAAA,GAOV;AAAA,MACJ,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACEC;AAAA,MACFX;AAAA,MACA,CAAC,OAAO;AAAA,MACR,CAAC,WAAW,OAAO;AAAA,MACnB,CAAC,KAAK,KAAK,YAAY,YAAY,kBAAkB,WAAW,gBAAgB,cAAc;AAAA,MAC9FE;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAgBC,EAAS,MAAA;;AAAM,eAAAC,IAAAd,EAAM,MAAM,mBAAZ,gBAAAc,EAA4B,SAAS,aAAY;AAAA,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/DataMappingForm/HeatmapForm.vue2.js

@@ -0,0 +1,5 @@
+import f from "./HeatmapForm.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=HeatmapForm.vue2.js.map

package/dist/GraphMaker/forms/DataMappingForm/HeatmapForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/forms/DataMappingForm/HistogramForm.vue.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+//# sourceMappingURL=HistogramForm.vue.d.ts.map

package/dist/GraphMaker/forms/DataMappingForm/HistogramForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/DataMappingForm/HistogramForm.vue"],"names":[],"mappings":";AAwSA,wBAMG"}

package/dist/GraphMaker/forms/DataMappingForm/HistogramForm.vue.js

@@ -0,0 +1,85 @@
+import { defineComponent as B, computed as b, createBlock as I, openBlock as i, withCtx as a, createElementBlock as m, Fragment as V, renderList as D, unref as e, createVNode as r, mergeProps as E, toHandlers as S, createElementVNode as F } from "vue";
+import { PlDropdown as O } from "@platforma-sdk/ui-vue";
+import k from "./Layout/FormLayout.vue.js";
+import { useStore as $ } from "../../store.js";
+import { getErrorForPlDropdown as h } from "./utils.js";
+import w from "../../components/DragAndDrop/DndBasket.vue.js";
+import { useBaskets as x } from "./useBaskets.js";
+import A from "./Layout/MandatoryOptions.vue.js";
+import L from "./Layout/OptionsList.vue.js";
+const T = { class: "data-form-input-item" }, z = /* @__PURE__ */ B({
+  __name: "HistogramForm",
+  setup(U) {
+    const n = $(), f = [
+      "filters",
+      "grouping",
+      "tabBy",
+      "facetBy"
+    ], c = {
+      filters: "Filter",
+      grouping: "Grouping",
+      tabBy: "Tab by",
+      facetBy: "Facet by"
+    }, {
+      draggedId: s,
+      basketsData: g,
+      freeMetaOptions: v,
+      freeMandatoryOptions: _,
+      chipInfo: u,
+      dataStateValues: p,
+      dataOptions: y
+    } = x(
+      n,
+      ["value"],
+      ["filters", "tabBy"],
+      ["facetBy", "grouping"],
+      f,
+      c
+    ), d = b(() => {
+      var l;
+      return ((l = n.value.readonlyInputs) == null ? void 0 : l.includes("value")) ?? !1;
+    });
+    return (l, o) => (i(), I(k, null, {
+      dataInputs: a(() => [
+        F("div", T, [
+          r(e(O), {
+            modelValue: e(p).value,
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => e(p).value = t),
+            options: e(y).value,
+            disabled: d.value,
+            error: e(h)("value", e(n).inputGuide.value),
+            label: "Data value:",
+            clearable: !d.value
+          }, null, 8, ["modelValue", "options", "disabled", "error", "clearable"])
+        ])
+      ]),
+      mandatoryOptions: a(() => [
+        r(A, {
+          options: e(_),
+          chipInfo: e(u),
+          onDraggedIdUpdate: o[1] || (o[1] = (t) => s.value = t)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      metadataOptions: a(() => [
+        r(L, {
+          options: e(v),
+          chipInfo: e(u),
+          onDraggedIdUpdate: o[2] || (o[2] = (t) => s.value = t)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      chartVar: a(() => [
+        (i(!0), m(V, null, D(e(g), (t) => (i(), m("div", {
+          key: t.id,
+          class: "data-form-input-item"
+        }, [
+          r(w, E({ ref_for: !0 }, t, S(t.listeners)), null, 16)
+        ]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=HistogramForm.vue.js.map

package/dist/GraphMaker/forms/DataMappingForm/HistogramForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramForm.vue.js","sources":["../../../../src/GraphMaker/forms/DataMappingForm/HistogramForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport FormLayout from './Layout/FormLayout.vue';\nimport { computed } from 'vue';\nimport { useStore } from '../../store';\nimport { getErrorForPlDropdown } from './utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { HistogramUIState } from '@milaboratories/pf-plots';\nimport { useBaskets } from './useBaskets';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport OptionsList from './Layout/OptionsList.vue';\n\ntype BasketIds = Exclude<keyof HistogramUIState['components'], 'value'>;\ntype DataIds = keyof HistogramUIState['components'] & 'value';\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'grouping',\n  'tabBy',\n  'facetBy'\n];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  grouping: 'Grouping',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by'\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions\n} = useBaskets<HistogramUIState, BasketIds, DataIds>(\n  store,\n  ['value'],\n  ['filters', 'tabBy'],\n  ['facetBy', 'grouping'],\n  BASKETS,\n  BASKET_LABELS\n);\n\nconst readonlyValue = computed(() => store.value.readonlyInputs?.includes('value') ?? false);\n</script>\n\n<template>\n  <form-layout>\n    <template v-slot:dataInputs>\n      <div class=\"data-form-input-item\">\n        <pl-dropdown\n          v-model=\"dataStateValues.value\"\n          :options=\"dataOptions.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', store.inputGuide.value)\"\n          label=\"Data value:\"\n          :clearable=\"!readonlyValue\"\n        />\n      </div>\n    </template>\n    <template v-slot:mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </form-layout>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyValue","computed","_a"],"mappings":";;;;;;;;;;;;AAeA,UAAMA,IAAQC,EAAA,GAERC,IAAuB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAEIC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,GAGL;AAAA,MACJ,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACEC;AAAA,MACFX;AAAA,MACA,CAAC,OAAO;AAAA,MACR,CAAC,WAAW,OAAO;AAAA,MACnB,CAAC,WAAW,UAAU;AAAA,MACtBE;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAgBC,EAAS,MAAA;;AAAM,eAAAC,IAAAd,EAAM,MAAM,mBAAZ,gBAAAc,EAA4B,SAAS,aAAY;AAAA,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/DataMappingForm/HistogramForm.vue2.js

@@ -0,0 +1,5 @@
+import f from "./HistogramForm.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=HistogramForm.vue2.js.map

package/dist/GraphMaker/forms/DataMappingForm/HistogramForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/forms/DataMappingForm/Layout/FormLayout.vue.d.ts

@@ -1,14 +1,21 @@
 declare function __VLS_template(): {
-    dataInputs?(_: {}): any;
-    mandatoryOptions?(_: {}): any;
-    metadataOptions?(_: {}): any;
-    chartVar?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: {
+        dataInputs?(_: {}): any;
+        mandatoryOptions?(_: {}): any;
+        metadataOptions?(_: {}): any;
+        chartVar?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+//# sourceMappingURL=FormLayout.vue.d.ts.map

package/dist/GraphMaker/forms/DataMappingForm/Layout/FormLayout.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/forms/DataMappingForm/Layout/FormLayout.vue"],"names":[],"mappings":"AAqCA,iBAAS,cAAc;WA+DT,OAAO,IAA6B;;4BAblB,GAAG;kCACG,GAAG;iCACJ,GAAG;0BACV,GAAG;;;;EAehC;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/GraphMaker/forms/DataMappingForm/Layout/FormLayout.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as a, createElementBlock as l, openBlock as e, Fragment as i, createElementVNode as t, renderSlot as n, createVNode as p, unref as d } from "vue";
+import { PlIcon16 as m } from "@platforma-sdk/ui-vue";
+const u = { class: "inputs-block" }, c = { class: "separator" }, k = { class: "arrow-circle" }, f = { class: "inputs-block" }, C = /* @__PURE__ */ a({
+  __name: "FormLayout",
+  setup(v) {
+    return (s, o) => (e(), l(i, null, [
+      t("div", {
+        class: "left-block",
+        onClick: o[0] || (o[0] = (r) => r.stopPropagation())
+      }, [
+        o[2] || (o[2] = t("h3", null, " Data Mapping ", -1)),
+        t("div", u, [
+          n(s.$slots, "dataInputs"),
+          n(s.$slots, "mandatoryOptions"),
+          n(s.$slots, "metadataOptions")
+        ])
+      ]),
+      t("div", c, [
+        t("div", k, [
+          p(d(m), { name: "arrow-right" })
+        ])
+      ]),
+      t("div", {
+        class: "right-block",
+        onClick: o[1] || (o[1] = (r) => r.stopPropagation())
+      }, [
+        o[3] || (o[3] = t("h3", null, " Chart variables ", -1)),
+        t("div", f, [
+          n(s.$slots, "chartVar")
+        ])
+      ])
+    ], 64));
+  }
+});
+export {
+  C as default
+};
+//# sourceMappingURL=FormLayout.vue.js.map

package/dist/GraphMaker/forms/DataMappingForm/Layout/FormLayout.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/DataMappingForm/Layout/FormLayout.vue2.js

@@ -0,0 +1,5 @@
+import f from "./FormLayout.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=FormLayout.vue2.js.map

package/dist/GraphMaker/forms/DataMappingForm/Layout/FormLayout.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/forms/DataMappingForm/Layout/MandatoryOptions.vue.d.ts

@@ -1,46 +1,19 @@
 import { ChipInfo } from '../../../components/DragAndDrop/types';
 import { AxisData, ColumnData } from '@milaboratories/pf-plots';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     options: {
         id: string;
         info: AxisData | ColumnData;
     }[];
     chipInfo: Record<string, ChipInfo>;
     title?: string;
-}>, {
-    title: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "dragged-id-update": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    options: {
-        id: string;
-        info: AxisData | ColumnData;
-    }[];
-    chipInfo: Record<string, ChipInfo>;
-    title?: string;
-}>, {
-    title: string;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onDragged-id-update"?: ((...args: any[]) => any) | undefined;
 }>, {
     title: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
+//# sourceMappingURL=MandatoryOptions.vue.d.ts.map

package/dist/GraphMaker/forms/DataMappingForm/Layout/MandatoryOptions.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandatoryOptions.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/forms/DataMappingForm/Layout/MandatoryOptions.vue"],"names":[],"mappings":"AAiCA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAIhE,KAAK,WAAW,GAAG;IACf,OAAO,EAAE;QAAC,EAAE,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,QAAQ,GAAG,UAAU,CAAA;KAAC,EAAE,CAAA;IAClD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB,CAAC;;;;;;WADU,MAAM;;AAwFlB,wBAQG"}

package/dist/GraphMaker/forms/DataMappingForm/Layout/MandatoryOptions.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as m, computed as p, createElementBlock as r, createCommentVNode as u, openBlock as o, createElementVNode as a, toDisplayString as c, Fragment as f, renderList as g, createBlock as _ } from "vue";
+import k from "../../../components/DragAndDrop/DndChip.vue.js";
+const h = {
+  key: 0,
+  class: "metadata-block",
+  style: { flexShrink: 0 }
+}, y = { class: "title" }, v = { class: "metadata-block__items" }, B = /* @__PURE__ */ m({
+  __name: "MandatoryOptions",
+  props: {
+    options: {},
+    chipInfo: {},
+    title: { default: "Drag to build the chart" }
+  },
+  emits: ["dragged-id-update"],
+  setup(s, { emit: D }) {
+    const d = s, l = p(() => d.options.length === 0);
+    return (t, e) => l.value ? u("", !0) : (o(), r("div", h, [
+      a("div", y, c(t.title), 1),
+      a("div", v, [
+        (o(!0), r(f, null, g(t.options, ({ id: n }) => (o(), _(k, {
+          key: n,
+          info: t.chipInfo[n],
+          onDragstart: e[0] || (e[0] = (i) => t.$emit("dragged-id-update", i)),
+          onDragend: e[1] || (e[1] = (i) => t.$emit("dragged-id-update", null))
+        }, null, 8, ["info"]))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=MandatoryOptions.vue.js.map

package/dist/GraphMaker/forms/DataMappingForm/Layout/MandatoryOptions.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandatoryOptions.vue.js","sources":["../../../../../src/GraphMaker/forms/DataMappingForm/Layout/MandatoryOptions.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChipInfo } from '../../../components/DragAndDrop/types';\nimport { AxisData, ColumnData } from '@milaboratories/pf-plots';\nimport { computed } from 'vue';\nimport DndChip from '../../../components/DragAndDrop/DndChip.vue';\n\nconst props = withDefaults(defineProps<{\n    options: {id:string, info:AxisData | ColumnData}[]\n    chipInfo: Record<string, ChipInfo>,\n    title?: string\n}>(), {title: 'Drag to build the chart'});\n\nconst emit = defineEmits(['dragged-id-update']);\n\nconst empty = computed(() => props.options.length  === 0);\n</script>\n\n<template>\n  <div v-if=\"!empty\" class=\"metadata-block\" :style=\"{flexShrink: 0}\">\n    <div class=\"title\">{{ title }}</div>\n    <div class=\"metadata-block__items\">\n        <DndChip\n          v-for=\"{ id } in options\"\n          :key=\"id\"\n          :info=\"chipInfo[id]\"\n          @dragstart=\"(draggedId) => $emit('dragged-id-update', draggedId)\"\n          @dragend=\"$emit('dragged-id-update', null)\"\n        />\n    </div>\n    </div>\n</template>\n"],"names":["props","__props","empty","computed"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAQRC,IAAQC,EAAS,MAAMH,EAAM,QAAQ,WAAY,CAAC;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/DataMappingForm/Layout/MandatoryOptions.vue2.js

@@ -0,0 +1,5 @@
+import f from "./MandatoryOptions.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=MandatoryOptions.vue2.js.map

package/dist/GraphMaker/forms/DataMappingForm/Layout/MandatoryOptions.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandatoryOptions.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/forms/DataMappingForm/Layout/OptionsList.vue.d.ts

@@ -1,46 +1,19 @@
 import { ChipInfo } from '../../../components/DragAndDrop/types';
 import { AxisData, ColumnData } from '@milaboratories/pf-plots';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     options: {
         id: string;
         info: AxisData | ColumnData;
     }[];
     chipInfo: Record<string, ChipInfo>;
     title?: string;
-}>, {
-    title: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "dragged-id-update": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    options: {
-        id: string;
-        info: AxisData | ColumnData;
-    }[];
-    chipInfo: Record<string, ChipInfo>;
-    title?: string;
-}>, {
-    title: string;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onDragged-id-update"?: ((...args: any[]) => any) | undefined;
 }>, {
     title: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
+//# sourceMappingURL=OptionsList.vue.d.ts.map

package/dist/GraphMaker/forms/DataMappingForm/Layout/OptionsList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsList.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/forms/DataMappingForm/Layout/OptionsList.vue"],"names":[],"mappings":"AA+CA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAKhE,KAAK,WAAW,GAAG;IACf,OAAO,EAAE;QAAC,EAAE,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,QAAQ,GAAG,UAAU,CAAA;KAAC,EAAE,CAAA;IAClD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB,CAAC;;;;;;WADU,MAAM;;AAoHlB,wBAQG"}