@milaboratories/graph-maker 1.1.132 → 1.1.134

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

@@ -0,0 +1,48 @@
+import { defineComponent as c, computed as i, ref as f, createElementBlock as d, createCommentVNode as _, openBlock as l, createElementVNode as s, toDisplayString as g, createVNode as v, unref as h, Fragment as k, renderList as V, createBlock as y } from "vue";
+import C from "../../../components/DragAndDrop/DndChip.vue.js";
+import { PlSearchField as L } from "@platforma-sdk/ui-vue";
+const $ = {
+  key: 0,
+  class: "metadata-block"
+}, b = { class: "title" }, B = { class: "metadata-block__search" }, D = { class: "metadata-block__items" }, E = /* @__PURE__ */ c({
+  __name: "OptionsList",
+  props: {
+    options: {},
+    chipInfo: {},
+    title: { default: "Metadata" }
+  },
+  emits: ["dragged-id-update"],
+  setup(m, { emit: F }) {
+    const a = m, u = i(() => a.options.length === 0), r = f(), p = i(() => {
+      var e;
+      const t = ((e = r.value) == null ? void 0 : e.toLowerCase()) ?? "";
+      return a.options.filter((o) => {
+        const n = a.chipInfo[o.id].title ?? "";
+        return n == null ? void 0 : n.toLowerCase().includes(t);
+      });
+    });
+    return (t, e) => u.value ? _("", !0) : (l(), d("div", $, [
+      s("div", b, g(t.title), 1),
+      s("div", B, [
+        v(h(L), {
+          modelValue: r.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (o) => r.value = o),
+          placeholder: "Find...",
+          clearable: ""
+        }, null, 8, ["modelValue"])
+      ]),
+      s("div", D, [
+        (l(!0), d(k, null, V(p.value, ({ id: o }) => (l(), y(C, {
+          key: o,
+          info: t.chipInfo[o],
+          onDragstart: e[1] || (e[1] = (n) => t.$emit("dragged-id-update", n)),
+          onDragend: e[2] || (e[2] = (n) => t.$emit("dragged-id-update", null))
+        }, null, 8, ["info"]))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=OptionsList.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsList.vue.js","sources":["../../../../../src/GraphMaker/forms/DataMappingForm/Layout/OptionsList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChipInfo } from '../../../components/DragAndDrop/types';\nimport { AxisData, ColumnData } from '@milaboratories/pf-plots';\nimport { computed, ref } from 'vue';\nimport DndChip from '../../../components/DragAndDrop/DndChip.vue';\nimport { PlSearchField } from '@platforma-sdk/ui-vue';\n\nconst props = withDefaults(defineProps<{\n    options: {id:string, info:AxisData | ColumnData}[]\n    chipInfo: Record<string, ChipInfo>,\n    title?: string\n}>(), {title: 'Metadata'});\n\nconst emit = defineEmits(['dragged-id-update']);\n\nconst empty = computed(() => props.options.length  === 0);\n\nconst searchModel = ref();\n\nconst optionsRendered = computed(() => {\n  const searchValue = searchModel.value?.toLowerCase() ?? '';\n  return props.options.filter((el) => {\n    const label = props.chipInfo[el.id].title ?? '';\n    return label?.toLowerCase().includes(searchValue);\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"!empty\" class=\"metadata-block\">\n    <div class=\"title\">{{ title }}</div>\n    <div class=\"metadata-block__search\">\n      <PlSearchField v-model=\"searchModel\" placeholder=\"Find...\" clearable />\n    </div>\n    <div class=\"metadata-block__items\">\n        <DndChip\n          v-for=\"{ id } in optionsRendered\"\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","searchModel","ref","optionsRendered","searchValue","_a","el","label"],"mappings":";;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAQRC,IAAQC,EAAS,MAAMH,EAAM,QAAQ,WAAY,CAAC,GAElDI,IAAcC,EAAA,GAEdC,IAAkBH,EAAS,MAAM;;AACrC,YAAMI,MAAcC,IAAAJ,EAAY,UAAZ,gBAAAI,EAAmB,kBAAiB;AACxD,aAAOR,EAAM,QAAQ,OAAO,CAACS,MAAO;AAClC,cAAMC,IAAQV,EAAM,SAASS,EAAG,EAAE,EAAE,SAAS;AAC7C,eAAOC,KAAA,gBAAAA,EAAO,cAAc,SAASH;AAAA,MACvC,CAAC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

package/dist/GraphMaker/forms/DataMappingForm/ScatterplotForm.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=ScatterplotForm.vue.d.ts.map

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

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

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

@@ -0,0 +1,99 @@
+import { defineComponent as v, computed as u, createBlock as x, openBlock as s, withCtx as i, createElementBlock as f, Fragment as S, renderList as C, unref as t, createVNode as l, mergeProps as E, toHandlers as O, createElementVNode as c } from "vue";
+import { useStore as k } from "../../store.js";
+import { PlDropdown as g } from "@platforma-sdk/ui-vue";
+import z from "../../components/DragAndDrop/DndBasket.vue.js";
+import D from "./Layout/FormLayout.vue.js";
+import F 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" }, $ = {
+  class: "data-form-input-item",
+  style: { "margin-top": "10px" }
+}, j = /* @__PURE__ */ v({
+  __name: "ScatterplotForm",
+  setup(A) {
+    const r = k(), y = ["filters", "highlight", "grouping", "size", "shape", "tooltipContent", "label", "tabBy", "facetBy"], b = {
+      filters: "Filter",
+      highlight: "Highlight",
+      grouping: "Grouping / Color",
+      size: "Size",
+      shape: "Shape",
+      tooltipContent: "Tooltip",
+      label: "Label",
+      tabBy: "Tab by",
+      facetBy: "Facet by"
+    }, {
+      draggedId: p,
+      basketsData: h,
+      freeMetaOptions: _,
+      freeMandatoryOptions: B,
+      chipInfo: d,
+      dataStateValues: n,
+      dataOptions: m
+    } = T(
+      r,
+      ["x", "y"],
+      ["filters", "tabBy", "highlight"],
+      ["grouping", "size", "shape", "tooltipContent", "label", "facetBy"],
+      y,
+      b
+    ), I = u(() => {
+      var a;
+      return ((a = r.value.readonlyInputs) == null ? void 0 : a.includes("x")) ?? !1;
+    }), V = u(() => {
+      var a;
+      return ((a = r.value.readonlyInputs) == null ? void 0 : a.includes("y")) ?? !1;
+    });
+    return (a, o) => (s(), x(D, null, {
+      dataInputs: i(() => [
+        c("div", U, [
+          l(t(g), {
+            label: "X:",
+            clearable: "",
+            modelValue: t(n).x,
+            "onUpdate:modelValue": o[0] || (o[0] = (e) => t(n).x = e),
+            options: t(m).x,
+            disabled: I.value
+          }, null, 8, ["modelValue", "options", "disabled"])
+        ]),
+        c("div", $, [
+          l(t(g), {
+            label: "Y:",
+            clearable: "",
+            modelValue: t(n).y,
+            "onUpdate:modelValue": o[1] || (o[1] = (e) => t(n).y = e),
+            options: t(m).y,
+            disabled: V.value
+          }, null, 8, ["modelValue", "options", "disabled"])
+        ])
+      ]),
+      mandatoryOptions: i(() => [
+        l(L, {
+          options: t(B),
+          chipInfo: t(d),
+          onDraggedIdUpdate: o[2] || (o[2] = (e) => p.value = e)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      metadataOptions: i(() => [
+        l(F, {
+          options: t(_),
+          chipInfo: t(d),
+          onDraggedIdUpdate: o[3] || (o[3] = (e) => p.value = e)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      chartVar: i(() => [
+        (s(!0), f(S, null, C(t(h), (e) => (s(), f("div", {
+          key: e.id,
+          class: "data-form-input-item"
+        }, [
+          l(z, E({ ref_for: !0 }, e, O(e.listeners)), null, 16)
+        ]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=ScatterplotForm.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterplotForm.vue.js","sources":["../../../../src/GraphMaker/forms/DataMappingForm/ScatterplotForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport { ScatterplotUIState } from '@milaboratories/pf-plots';\nimport { computed } from 'vue';\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\ntype BasketIds = Exclude<keyof ScatterplotUIState['components'], 'x' | 'y'>;\ntype DataIds = keyof ScatterplotUIState['components'] & ('x' | 'y');\n\nconst store = useStore();\n\nconst BASKETS:BasketIds[] = ['filters', 'highlight', 'grouping', 'size', 'shape', 'tooltipContent', 'label', 'tabBy', 'facetBy'];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  highlight: 'Highlight',\n  grouping: 'Grouping / Color',\n  size: 'Size',\n  shape: 'Shape',\n  tooltipContent: 'Tooltip',\n  label: 'Label',\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<ScatterplotUIState, BasketIds, DataIds>(\n  store,\n  ['x', 'y'],\n  ['filters', 'tabBy', 'highlight'],\n  ['grouping', 'size', 'shape', 'tooltipContent', 'label', 'facetBy'],\n  BASKETS,\n  BASKET_LABELS\n);\n\nconst readonlyX = computed(() => store.value.readonlyInputs?.includes('x') ?? false);\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          label=\"X:\"\n          clearable\n          v-model=\"dataStateValues.x\"\n          :options=\"dataOptions.x\"\n          :disabled=\"readonlyX\"\n        />\n      </div>\n      <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n        <pl-dropdown\n          label=\"Y:\"\n          clearable\n          v-model=\"dataStateValues.y\"\n          :options=\"dataOptions.y\"\n          :disabled=\"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","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyX","computed","_a","readonlyY"],"mappings":";;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,EAAA,GAERC,IAAsB,CAAC,WAAW,aAAa,YAAY,QAAQ,SAAS,kBAAkB,SAAS,SAAS,SAAS,GACzHC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,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,KAAK,GAAG;AAAA,MACT,CAAC,WAAW,SAAS,WAAW;AAAA,MAChC,CAAC,YAAY,QAAQ,SAAS,kBAAkB,SAAS,SAAS;AAAA,MAClEE;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAYC,EAAS,MAAA;;AAAM,eAAAC,IAAAd,EAAM,MAAM,mBAAZ,gBAAAc,EAA4B,SAAS,SAAQ;AAAA,KAAK,GAC7EC,IAAYF,EAAS,MAAA;;AAAM,eAAAC,IAAAd,EAAM,MAAM,mBAAZ,gBAAAc,EAA4B,SAAS,SAAQ;AAAA,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

package/dist/GraphMaker/forms/DataMappingForm/ScatterplotUmapForm.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=ScatterplotUmapForm.vue.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterplotUmapForm.vue.js","sources":["../../../../src/GraphMaker/forms/DataMappingForm/ScatterplotUmapForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport { ScatterplotUmapUIState } from '@milaboratories/pf-plots';\nimport { computed  } from 'vue';\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\ntype BasketIds = Exclude<keyof ScatterplotUmapUIState['components'], 'x' | 'y' | 'facetBy'>;\ntype DataIds = keyof ScatterplotUmapUIState['components'] & ('x' | 'y');\n\nconst store = useStore();\n\nconst BASKETS:BasketIds[] = ['filters', 'highlight', 'grouping', 'size', 'tabBy', 'tooltipContent', 'label'];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  highlight: 'Highlight',\n  grouping: 'Grouping / Color',\n  size: 'Size',\n  tabBy: 'Tab by',\n  tooltipContent: 'Tooltip',\n  label: 'Label',\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions\n} = useBaskets<ScatterplotUmapUIState, BasketIds, DataIds>(\n  store,\n  ['x', 'y'],\n  ['filters', 'tabBy', 'highlight'],\n  ['grouping', 'size', 'tooltipContent', 'label'],\n  BASKETS,\n  BASKET_LABELS\n);\n\nconst readonlyX = computed(() => store.value.readonlyInputs?.includes('x') ?? false);\nconst readonlyY = computed(() => store.value.readonlyInputs?.includes('y') ?? false);\n\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=\"X:\"\n          clearable\n          v-model=\"dataStateValues.x\"\n          :options=\"dataOptions.x\"\n          :disabled=\"readonlyX\"\n        />\n      </div>\n      <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n        <pl-dropdown\n          label=\"Y:\"\n          clearable\n          v-model=\"dataStateValues.y\"\n          :options=\"dataOptions.y\"\n          :disabled=\"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","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyX","computed","_a","readonlyY"],"mappings":";;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,EAAA,GAERC,IAAsB,CAAC,WAAW,aAAa,YAAY,QAAQ,SAAS,kBAAkB,OAAO,GACrGC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,OAAO;AAAA,IAAA,GAGH;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,KAAK,GAAG;AAAA,MACT,CAAC,WAAW,SAAS,WAAW;AAAA,MAChC,CAAC,YAAY,QAAQ,kBAAkB,OAAO;AAAA,MAC9CE;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAYC,EAAS,MAAA;;AAAM,eAAAC,IAAAd,EAAM,MAAM,mBAAZ,gBAAAc,EAA4B,SAAS,SAAQ;AAAA,KAAK,GAC7EC,IAAYF,EAAS,MAAA;;AAAM,eAAAC,IAAAd,EAAM,MAAM,mBAAZ,gBAAAc,EAA4B,SAAS,SAAQ;AAAA,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

package/dist/GraphMaker/forms/DataMappingForm/index.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>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

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

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

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

@@ -0,0 +1,28 @@
+import { defineComponent as c, createElementBlock as m, openBlock as e, createBlock as r, createCommentVNode as o, unref as a } from "vue";
+import { useStore as i } from "../../store.js";
+import p from "./DiscreteForm.vue.js";
+import _ from "./ScatterplotForm.vue.js";
+import n from "./ScatterplotUmapForm.vue.js";
+import s from "./HeatmapForm.vue.js";
+import f from "./DendroForm.vue.js";
+import u from "./HistogramForm.vue.js";
+import y from "./BubbleForm.vue.js";
+const h = { class: "data-form" }, N = /* @__PURE__ */ c({
+  __name: "index",
+  setup(d) {
+    const t = i();
+    return (k, l) => (e(), m("div", h, [
+      a(t).reactive.chartType === "discrete" ? (e(), r(p, { key: 0 })) : o("", !0),
+      a(t).reactive.chartType === "scatterplot" ? (e(), r(_, { key: 1 })) : o("", !0),
+      a(t).reactive.chartType === "scatterplot-umap" ? (e(), r(n, { key: 2 })) : o("", !0),
+      a(t).reactive.chartType === "heatmap" ? (e(), r(s, { key: 3 })) : o("", !0),
+      a(t).reactive.chartType === "dendro" ? (e(), r(f, { key: 4 })) : o("", !0),
+      a(t).reactive.chartType === "histogram" ? (e(), r(u, { key: 5 })) : o("", !0),
+      a(t).reactive.chartType === "bubble" ? (e(), r(y, { key: 6 })) : o("", !0)
+    ]));
+  }
+});
+export {
+  N as default
+};
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../src/GraphMaker/forms/DataMappingForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {useStore} from '../../store';\nimport DiscreteForm from './DiscreteForm.vue';\nimport ScatterplotForm from './ScatterplotForm.vue';\nimport ScatterplotUmapForm from './ScatterplotUmapForm.vue';\nimport HeatmapForm from './HeatmapForm.vue';\nimport DendroForm from './DendroForm.vue';\nimport HistogramForm from './HistogramForm.vue';\nimport BubbleForm from './BubbleForm.vue';\n\nconst store = useStore();\n</script>\n\n<template>\n  <div class=\"data-form\">\n    <discrete-form v-if=\"store.reactive.chartType === 'discrete'\"/>\n    <scatterplot-form v-if=\"store.reactive.chartType === 'scatterplot'\"/>\n    <scatterplot-umap-form v-if=\"store.reactive.chartType === 'scatterplot-umap'\"/>\n    <heatmap-form v-if=\"store.reactive.chartType === 'heatmap'\"/>\n    <dendro-form v-if=\"store.reactive.chartType === 'dendro'\"/>\n    <histogram-form v-if=\"store.reactive.chartType === 'histogram'\"/>\n    <bubble-form v-if=\"store.reactive.chartType === 'bubble'\"/>\n  </div>\n</template>\n"],"names":["store","useStore"],"mappings":";;;;;;;;;;;;AAUA,UAAMA,IAAQC,EAAA;;;;;;;;;;;;"}

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

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

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

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

package/dist/GraphMaker/forms/DataMappingForm/useBaskets.d.ts

@@ -1,21 +1,21 @@
+import { ChartType, InputNamesByChartType, InputState } from '@milaboratories/pf-plots';
 import { Ref } from 'vue';
-import { InputState, ChartType, InputNamesByChartType } from '@milaboratories/pf-plots';
-import { BasketProps, ChipInfo } from '../../components/DragAndDrop/types.ts';
-import { Store } from '../../store';
-
-export declare function useBaskets<T extends InputState, BasketIds extends keyof T['components'] & InputNamesByChartType[ChartType], DataIds extends keyof T['components'] & InputNamesByChartType[ChartType]>(store: Store, dataKeys: DataIds[], filterBasketKeys: BasketIds[], simpleBasketKeys: BasketIds[], BASKETS: BasketIds[], BASKET_LABELS: Record<BasketIds, string>): {
+import { BasketProps, ChipInfo } from '../../components/DragAndDrop/types';
+import { ComputedStore } from '../../store';
+export declare function useBaskets<T extends InputState, BasketIds extends keyof T['components'] & InputNamesByChartType[ChartType], DataIds extends keyof T['components'] & InputNamesByChartType[ChartType]>(store: ComputedStore, dataKeys: DataIds[], filterBasketKeys: BasketIds[], simpleBasketKeys: BasketIds[], BASKETS: BasketIds[], BASKET_LABELS: Record<BasketIds, string>): {
     draggedId: Ref<string | null, string | null>;
     cleanDraggedId: () => void;
     basketsData: import('vue').ComputedRef<BasketProps[]>;
     freeMetaOptions: import('vue').ComputedRef<{
         id: string;
-        info: import('@milaboratories/pf-plots').ColumnData | import('@milaboratories/pf-plots').AxisData;
+        info: import('@milaboratories/pf-plots').AxisData | import('@milaboratories/pf-plots').ColumnData;
     }[]>;
     freeMandatoryOptions: import('vue').ComputedRef<{
         id: string;
-        info: import('@milaboratories/pf-plots').ColumnData | import('@milaboratories/pf-plots').AxisData;
+        info: import('@milaboratories/pf-plots').AxisData | import('@milaboratories/pf-plots').ColumnData;
     }[]>;
     chipInfo: import('vue').ComputedRef<Record<string, ChipInfo>>;
     dataStateValues: [Record<DataIds, Ref<string | undefined, string | undefined>>] extends [Ref<any, any>] ? import('@vue/shared').IfAny<Ref<any, any> & Record<DataIds, Ref<string | undefined, string | undefined>>, Ref<Ref<any, any> & Record<DataIds, Ref<string | undefined, string | undefined>>, Ref<any, any> & Record<DataIds, Ref<string | undefined, string | undefined>>>, Ref<any, any> & Record<DataIds, Ref<string | undefined, string | undefined>>> : Ref<import('vue').UnwrapRef<Record<DataIds, Ref<string | undefined, string | undefined>>>, Record<DataIds, Ref<string | undefined, string | undefined>> | import('vue').UnwrapRef<Record<DataIds, Ref<string | undefined, string | undefined>>>>;
-    dataOptions: import('vue').ComputedRef<import('./utils.ts').AllStateOptions<InputState>>;
+    dataOptions: import('vue').ComputedRef<import('./utils').AllStateOptions<InputState>>;
 };
+//# sourceMappingURL=useBaskets.d.ts.map

package/dist/GraphMaker/forms/DataMappingForm/useBaskets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaskets.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/DataMappingForm/useBaskets.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,qBAAqB,EACrB,UAAU,EAGX,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAiB,GAAG,EAAS,MAAM,KAAK,CAAC;AAChD,OAAO,EACL,WAAW,EACX,QAAQ,EAIT,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQ5C,wBAAgB,UAAU,CACxB,CAAC,SAAS,UAAU,EACpB,SAAS,SAAS,MAAM,CAAC,CAAC,YAAY,CAAC,GAAG,qBAAqB,CAAC,SAAS,CAAC,EAC1E,OAAO,SAAS,MAAM,CAAC,CAAC,YAAY,CAAC,GAAG,qBAAqB,CAAC,SAAS,CAAC,EAExE,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,OAAO,EAAE,EACnB,gBAAgB,EAAE,SAAS,EAAE,EAC7B,gBAAgB,EAAE,SAAS,EAAE,EAC7B,OAAO,EAAE,SAAS,EAAE,EACpB,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;EAuQzC"}

package/dist/GraphMaker/forms/DataMappingForm/useBaskets.js

@@ -0,0 +1,179 @@
+import { toRef as z, computed as d, ref as I } from "vue";
+import { MAX_SEARCH_OPTIONS_LIST_LENGTH as h } from "../../constantsCommon.js";
+import { getAllInputsOptions as J, getFreeMetaOptions as Q, getFreeMandatoryOptions as Y, getChipInfo as Z, toSimpleSingle as $, toSimpleMulti as K, toFiltersMulti as ee } from "./utils.js";
+function ne(o, b, O, D, p, y) {
+  const s = o.value.reactive.optionsState, f = z(o.value.reactive, "optionsState"), u = d(() => o.value.inputGuide.value);
+  function R(e) {
+    return $(
+      f,
+      e,
+      o.value.controller,
+      o.value.columnsDataStore
+    );
+  }
+  function A(e) {
+    return K(
+      f,
+      e,
+      o.value.controller,
+      o.value.columnsDataStore,
+      u
+    );
+  }
+  function M(e) {
+    return ee(
+      f,
+      e,
+      o.value.controller,
+      o.value.columnsDataStore,
+      u
+    );
+  }
+  const q = I({
+    ...b.reduce((e, t) => (e[t] = R(t), e), {})
+  }), c = I({
+    ...O.reduce((e, t) => (e[t] = M(t), e), {}),
+    ...D.reduce((e, t) => (e[t] = A(t), e), {})
+  }), g = d(() => J(s, u)), w = d(
+    () => Q(u, p)
+  ), C = d(
+    () => Y(u, p)
+  ), i = I(null), m = d(() => {
+    const e = /* @__PURE__ */ new Set();
+    return p.forEach((t) => {
+      g.value[t].forEach((l) => {
+        e.add(l.value);
+      }), s.components[t].selectorStates.forEach((l) => {
+        e.add(l.selectedSource);
+      });
+    }), Z(u.value, o.value.uniqueValuesData.value, [...e]);
+  });
+  function L(e) {
+    return s.components[e].selectorStates.reduce(
+      (t, l) => (l.type !== "range" && (t[l.selectedSource] = l.selectedFilterValue), t),
+      {}
+    );
+  }
+  function P(e) {
+    return s.components[e].selectorStates.reduce(
+      (t, l) => (t[l.selectedSource] = l.selectedFilterRange ? [l.selectedFilterRange.min, l.selectedFilterRange.max] : l.selectedFilterValue ? [Number(l.selectedFilterValue), Number(l.selectedFilterValue)] : [0, 0], t),
+      {}
+    );
+  }
+  function N(e) {
+    return s.components[e].selectorStates.reduce(
+      (t, l) => {
+        const r = u.value.getSourceInfo(l.selectedSource);
+        return r.kind === "axis" || (t[l.selectedSource] = r.axesToBeFixed.reduce(
+          (v, n) => {
+            var a;
+            return v[n] = ((a = l.fixedAxes) == null ? void 0 : a.find((x) => x.axisSource === n)) ?? {
+              axisSource: n,
+              axisValue: void 0,
+              axisIdx: r.axesToBeFixedIndexes[n]
+            }, v;
+          },
+          {}
+        ) ?? {}), t;
+      },
+      {}
+    );
+  }
+  function _(e) {
+    c.value[e.id] = [
+      ...c.value[e.id],
+      e.draggedId
+    ], i.value = null;
+  }
+  function k(e) {
+    c.value[e.basketId] = c.value[e.basketId].filter((t) => t !== e.chipId);
+  }
+  function E(e, t) {
+    c.value[t] = e;
+  }
+  function G(e) {
+    return new Set(
+      u.value.components[e].options.map((t) => t.value)
+    );
+  }
+  function H(e) {
+    return u.value.components[e].stateConsistency;
+  }
+  function U(e) {
+    return !u.value.readyData || g.value[e].length === 0 || i.value !== null && !m.value[i.value].availableBasketIds.has(e);
+  }
+  async function W(e, t) {
+    return o.value.columnsDataStore ? (await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, u.value, e, h, t || void 0)).values : Promise.resolve([]);
+  }
+  async function j(e, t) {
+    return o.value.columnsDataStore ? (await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, u.value, e, 1, void 0, t)).values : Promise.resolve([]);
+  }
+  async function T(e) {
+    if (!o.value.columnsDataStore)
+      return Promise.resolve([]);
+    const t = await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, u.value, e, h);
+    return t.overflow ? null : t.values;
+  }
+  const B = d(
+    () => p.map((e) => {
+      var v;
+      const t = u.value.components[e], l = e === "filters" || e === "highlight", r = {
+        id: e,
+        title: y[e],
+        isFilter: l,
+        sortable: e === "tooltipContent",
+        multiple: t.multipleSelectors,
+        required: t.required,
+        disabled: U(e),
+        readonly: ((v = o.value.readonlyInputs) == null ? void 0 : v.includes(e)) ?? !1,
+        consistency: H(e),
+        draggedId: i.value,
+        availableIds: G(e),
+        droppedIds: c.value[e],
+        info: m.value,
+        fixedAxes: N(e),
+        searchFn: W,
+        searchSelectedValueFn: j,
+        loadOptionsFn: T,
+        listeners: {
+          "drop-item": _,
+          "remove-item": k,
+          reorder: (n) => E(n, e),
+          "select-fixed-axis-value": (n) => {
+            const a = s.components[e].selectorStates[n.idx];
+            a.fixedAxes = Object.values(n.v);
+            for (const x of Object.values(s.components))
+              for (const S of x.selectorStates)
+                a.fixedAxes.forEach((V) => {
+                  S.fixedAxes && (S.fixedAxes = S.fixedAxes.map((F) => ({ ...F, axisValue: V.axisSource === F.axisSource ? V.axisValue : F.axisValue })));
+                });
+          }
+        }
+      };
+      return l && (r.selectedFilters = L(e), r.selectedRanges = P(e), r.listeners["select-filter-value"] = (n) => {
+        const a = s.components[e].selectorStates[n.idx];
+        a.type = "equals", a.selectedFilterValue = n.v;
+      }, r.listeners["select-filter-range"] = (n) => {
+        const a = s.components[e].selectorStates[n.idx];
+        a.type = "range", a.selectedFilterRange = n.v;
+      }), r;
+    })
+  );
+  function X() {
+    i.value = null;
+  }
+  return {
+    draggedId: i,
+    cleanDraggedId: X,
+    basketsData: B,
+    freeMetaOptions: w,
+    freeMandatoryOptions: C,
+    chipInfo: m,
+    dataStateValues: q,
+    dataOptions: g
+  };
+}
+export {
+  ne as useBaskets
+};
+//# sourceMappingURL=useBaskets.js.map