@milaboratories/graph-maker 1.2.4 → 1.2.6

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeatmapForm.vue.js","sources":["../../../src/forms/DataMappingForm/HeatmapForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { 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\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\nconst valueValue = computed({\n  get: () => dataStateValues.value.value.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.value.value = value;\n  },\n});\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"valueValue\"\n          label=\"Data source:\"\n          clearable\n          :options=\"dataOptions.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', store.inputGuide.value)\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #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  </FormLayout>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyValue","computed","_a","valueValue","value","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"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,GAGV;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,GAErFC,IAAaF,EAAS;AAAA,MAC1B,KAAK,MAAMJ,EAAgB,MAAM,MAAM;AAAA,MACvC,KAAK,CAACO,MAA8B;AAClC,QAAAP,EAAgB,MAAM,MAAM,QAAQO;AAAA,MACtC;AAAA,IAAA,CACD;2BAICC,EAoCaC,GAAA,MAAA;AAAA,MAnCA,cACT,MASM;AAAA,QATNC,EASM,OATNC,GASM;AAAA,UARJC,EAOEC,EAAAC,CAAA,GAAA;AAAA,wBANSR,EAAA;AAAA,0DAAAA,EAAU,QAAAS;AAAA,YACnB,OAAM;AAAA,YACN,WAAA;AAAA,YACC,SAASF,EAAAZ,CAAA,EAAY;AAAA,YACrB,UAAUE,EAAA;AAAA,YACV,OAAOU,EAAAG,CAAA,EAAqB,SAAUH,KAAM,WAAW,KAAK;AAAA,UAAA;;;MAIxD,oBACT,MAIE;AAAA,QAJFD,EAIEK,GAAA;AAAA,UAHC,SAASJ,EAAAf,CAAA;AAAA,UACT,UAAUe,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGzB,mBACT,MAIE;AAAA,QAJFH,EAIEO,GAAA;AAAA,UAHC,SAASN,EAAAhB,CAAA;AAAA,UACT,UAAUgB,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGzB,YAEP,MAAiC;AAAA,gBADnCK,EAMMC,GAAA,MAAAC,EALiBT,EAAAjB,CAAA,GAAW,CAAzB2B,YADTH,EAMM,OAAA;AAAA,UAJH,KAAKG,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAENX,EAA6DY,GAA7DC,EAA6D,EAAA,SAAA,GAAA,GAA1CF,GAAYG,EAA2BH,EAAV,SAAS,CAAA,GAAA,MAAA,EAAA;AAAA,QAAA;;;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"HistogramForm.vue.js","sources":["../../../src/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 type { 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\nconst valueValue = computed({\n  get: () => dataStateValues.value.value.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.value.value = value;\n  },\n});\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"valueValue\"\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 #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #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  </FormLayout>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyValue","computed","_a","valueValue","value","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"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,GAErFC,IAAaF,EAAS;AAAA,MAC1B,KAAK,MAAMJ,EAAgB,MAAM,MAAM;AAAA,MACvC,KAAK,CAACO,MAA8B;AAClC,QAAAP,EAAgB,MAAM,MAAM,QAAQO;AAAA,MACtC;AAAA,IAAA,CACD;2BAICC,EAoCaC,GAAA,MAAA;AAAA,MAnCA,cACT,MASM;AAAA,QATNC,EASM,OATNC,GASM;AAAA,UARJC,EAOEC,EAAAC,CAAA,GAAA;AAAA,wBANSR,EAAA;AAAA,0DAAAA,EAAU,QAAAS;AAAA,YAClB,SAASF,EAAAZ,CAAA,EAAY;AAAA,YACrB,UAAUE,EAAA;AAAA,YACV,OAAOU,EAAAG,CAAA,EAAqB,SAAUH,KAAM,WAAW,KAAK;AAAA,YAC7D,OAAM;AAAA,YACL,YAAYV,EAAA;AAAA,UAAA;;;MAIR,oBACT,MAIE;AAAA,QAJFS,EAIEK,GAAA;AAAA,UAHC,SAASJ,EAAAf,CAAA;AAAA,UACT,UAAUe,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGzB,mBACT,MAIE;AAAA,QAJFH,EAIEO,GAAA;AAAA,UAHC,SAASN,EAAAhB,CAAA;AAAA,UACT,UAAUgB,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGzB,YAEP,MAAiC;AAAA,gBADnCK,EAMMC,GAAA,MAAAC,EALiBT,EAAAjB,CAAA,GAAW,CAAzB2B,YADTH,EAMM,OAAA;AAAA,UAJH,KAAKG,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAENX,EAA6DY,GAA7DC,EAA6D,EAAA,SAAA,GAAA,GAA1CF,GAAYG,EAA2BH,EAAV,SAAS,CAAA,GAAA,MAAA,EAAA;AAAA,QAAA;;;;;;"}

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

@@ -1,38 +0,0 @@
-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/forms/DataMappingForm/Layout/FormLayout.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormLayout.vue.js","sources":["../../../../src/forms/DataMappingForm/Layout/FormLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16 } from '@platforma-sdk/ui-vue';\n\n</script>\n\n<template>\n  <div class=\"left-block\" @click=\"(e) => e.stopPropagation()\">\n    <h3>\n      Data Mapping\n    </h3>\n    <div class=\"inputs-block\">\n      <slot name=\"dataInputs\"/>\n      <slot name=\"mandatoryOptions\"/>\n      <slot name=\"metadataOptions\"/>\n    </div>\n  </div>\n  <div class=\"separator\">\n    <div class=\"arrow-circle\">\n      <PlIcon16 name=\"arrow-right\"/>\n    </div>\n  </div>\n  <div class=\"right-block\" @click=\"(e) => e.stopPropagation()\">\n    <h3>\n      Chart variables\n    </h3>\n    <div class=\"inputs-block\">\n      <slot name=\"chartVar\"/>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementVNode","_cache","e","_hoisted_1","_renderSlot","_ctx","_hoisted_2","_hoisted_3","_createVNode","_unref","PlIcon16","_hoisted_4"],"mappings":";;;;;;MAMEA,EASM,OAAA;AAAA,QATD,OAAM;AAAA,QAAc,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAA;AAAA,MAAe;QACtDD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAD,EAEK,YAFD,kBAEJ,EAAA;AAAA,QACAA,EAIM,OAJNG,GAIM;AAAA,UAHJC,EAAyBC,EAAA,QAAA,YAAA;AAAA,UACzBD,EAA+BC,EAAA,QAAA,kBAAA;AAAA,UAC/BD,EAA8BC,EAAA,QAAA,iBAAA;AAAA,QAAA;;MAGlCL,EAIM,OAJNM,GAIM;AAAA,QAHJN,EAEM,OAFNO,GAEM;AAAA,UADJC,EAA8BC,EAAAC,CAAA,GAAA,EAApB,MAAK,eAAa;AAAA,QAAA;;MAGhCV,EAOM,OAAA;AAAA,QAPD,OAAM;AAAA,QAAe,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAA;AAAA,MAAe;QACvDD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAD,EAEK,YAFD,qBAEJ,EAAA;AAAA,QACAA,EAEM,OAFNW,GAEM;AAAA,UADJP,EAAuBC,EAAA,QAAA,UAAA;AAAA,QAAA;;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MandatoryOptions.vue.js","sources":["../../../../src/forms/DataMappingForm/Layout/MandatoryOptions.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChipInfo } from '../../../components/DragAndDrop/types';\nimport type { 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","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3","_Fragment","_renderList","id","_createBlock","DndChip","_cache","draggedId","$emit"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAQRC,IAAQC,EAAS,MAAMH,EAAM,QAAQ,WAAW,CAAC;qBAIzCE,EAAA,qBAAZE,KAAAC,EAWM,OAXNC,GAWM;AAAA,MAVJC,EAAoC,OAApCC,GAAoCC,EAAdR,EAAA,KAAK,GAAA,CAAA;AAAA,MAC3BM,EAQM,OARNG,GAQM;AAAA,gBAPJL,EAMEM,GAAA,MAAAC,EALiBX,EAAA,SAAO,CAAA,EAAf,IAAAY,EAAA,YADXC,EAMEC,GAAA;AAAA,UAJC,KAAKF;AAAA,UACL,MAAMZ,EAAA,SAASY,CAAE;AAAA,UACjB,aAASG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAcC,EAAAA,2BAA2BD,CAAS;AAAA,UAC9D,kCAASC,EAAAA,MAAK,qBAAA,IAAA;AAAA,QAAA;;;;;"}

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

@@ -1,10 +0,0 @@
-import s from "./OptionsList.vue2.js";
-import o from "./OptionsList.vue3.js";
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};
-//# sourceMappingURL=OptionsList.vue.js.map

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

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

package/dist/forms/DataMappingForm/Layout/OptionsList.vue3.js

@@ -1,8 +0,0 @@
-import './OptionsList.css';const o = "_showMoreButton_ydz3i_2", t = {
-  showMoreButton: o
-};
-export {
-  t as default,
-  o as showMoreButton
-};
-//# sourceMappingURL=OptionsList.vue3.js.map

package/dist/forms/DataMappingForm/Layout/OptionsList.vue3.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScatterplotForm.vue.js","sources":["../../../src/forms/DataMappingForm/ScatterplotForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { 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\nconst xValue = computed({\n  get: () => dataStateValues.value.x.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.x.value = value;\n  },\n});\n\nconst yValue = computed({\n  get: () => dataStateValues.value.y.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.y.value = value;\n  },\n});\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"xValue\"\n          label=\"X:\"\n          clearable\n          :options=\"dataOptions.x\"\n          :disabled=\"readonlyX\"\n        />\n      </div>\n      <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n        <PlDropdown\n          v-model=\"yValue\"\n          label=\"Y:\"\n          clearable\n          :options=\"dataOptions.y\"\n          :disabled=\"readonlyY\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #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  </FormLayout>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyX","computed","_a","readonlyY","xValue","value","yValue","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","_hoisted_2","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScatterplotUmapForm.vue.js","sources":["../../../src/forms/DataMappingForm/ScatterplotUmapForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { 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\nconst xValue = computed({\n  get: () => dataStateValues.value.x.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.x.value = value;\n  },\n});\n\nconst yValue = computed({\n  get: () => dataStateValues.value.y.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.y.value = value;\n  },\n});\n\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"xValue\"\n          label=\"X:\"\n          clearable\n          :options=\"dataOptions.x\"\n          :disabled=\"readonlyX\"\n        />\n      </div>\n      <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n        <PlDropdown\n          v-model=\"yValue\"\n          label=\"Y:\"\n          clearable\n          :options=\"dataOptions.y\"\n          :disabled=\"readonlyY\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #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  </FormLayout>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyX","computed","_a","readonlyY","xValue","value","yValue","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","_hoisted_2","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":";;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,EAAA,GAERC,IAAuB,CAAC,WAAW,aAAa,YAAY,QAAQ,SAAS,kBAAkB,OAAO,GACtGC,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,GAE7EE,IAASH,EAAS;AAAA,MACtB,KAAK,MAAMJ,EAAgB,MAAM,EAAE;AAAA,MACnC,KAAK,CAACQ,MAA8B;AAClC,QAAAR,EAAgB,MAAM,EAAE,QAAQQ;AAAA,MAClC;AAAA,IAAA,CACD,GAEKC,IAASL,EAAS;AAAA,MACtB,KAAK,MAAMJ,EAAgB,MAAM,EAAE;AAAA,MACnC,KAAK,CAACQ,MAA8B;AAClC,QAAAR,EAAgB,MAAM,EAAE,QAAQQ;AAAA,MAClC;AAAA,IAAA,CACD;2BAKCE,EA4CaC,GAAA,MAAA;AAAA,MA3CA,cACT,MAQM;AAAA,QARNC,EAQM,OARNC,GAQM;AAAA,UAPJC,EAMEC,EAAAC,CAAA,GAAA;AAAA,wBALST,EAAA;AAAA,0DAAAA,EAAM,QAAAU;AAAA,YACf,OAAM;AAAA,YACN,WAAA;AAAA,YACC,SAASF,EAAAd,CAAA,EAAY;AAAA,YACrB,UAAUE,EAAA;AAAA,UAAA;;QAGfS,EAQM,OARNM,GAQM;AAAA,UAPJJ,EAMEC,EAAAC,CAAA,GAAA;AAAA,wBALSP,EAAA;AAAA,0DAAAA,EAAM,QAAAQ;AAAA,YACf,OAAM;AAAA,YACN,WAAA;AAAA,YACC,SAASF,EAAAd,CAAA,EAAY;AAAA,YACrB,UAAUK,EAAA;AAAA,UAAA;;;MAIN,oBACT,MAIE;AAAA,QAJFQ,EAIEK,GAAA;AAAA,UAHC,SAASJ,EAAAjB,CAAA;AAAA,UACT,UAAUiB,EAAAhB,CAAA;AAAA,UACV,mBAAiBqB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEtB,EAAA,QAAYsB;AAAA,QAAA;;MAGzB,mBACT,MAIE;AAAA,QAJFH,EAIEO,GAAA;AAAA,UAHC,SAASN,EAAAlB,CAAA;AAAA,UACT,UAAUkB,EAAAhB,CAAA;AAAA,UACV,mBAAiBqB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEtB,EAAA,QAAYsB;AAAA,QAAA;;MAGzB,YAEP,MAAiC;AAAA,gBADnCK,EAMMC,GAAA,MAAAC,EALiBT,EAAAnB,CAAA,GAAW,CAAzB6B,YADTH,EAMM,OAAA;AAAA,UAJH,KAAKG,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAENX,EAA6DY,GAA7DC,EAA6D,EAAA,SAAA,GAAA,GAA1CF,GAAYG,EAA2BH,EAAV,SAAS,CAAA,GAAA,MAAA,EAAA;AAAA,QAAA;;;;;;"}

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

@@ -1,28 +0,0 @@
-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/forms/DataMappingForm/index.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":["../../../src/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    <DiscreteForm v-if=\"store.reactive.chartType === 'discrete'\"/>\n    <ScatterplotForm v-if=\"store.reactive.chartType === 'scatterplot'\"/>\n    <ScatterplotUmapForm v-if=\"store.reactive.chartType === 'scatterplot-umap'\"/>\n    <HeatmapForm v-if=\"store.reactive.chartType === 'heatmap'\"/>\n    <DendroForm v-if=\"store.reactive.chartType === 'dendro'\"/>\n    <HistogramForm v-if=\"store.reactive.chartType === 'histogram'\"/>\n    <BubbleForm v-if=\"store.reactive.chartType === 'bubble'\"/>\n  </div>\n</template>\n"],"names":["store","useStore","_openBlock","_createElementBlock","_hoisted_1","_unref","_createBlock","DiscreteForm","ScatterplotForm","ScatterplotUmapForm","HeatmapForm","DendroForm","HistogramForm","BubbleForm"],"mappings":";;;;;;;;;;;;AAUA,UAAMA,IAAQC,EAAA;sBAIZC,EAAA,GAAAC,EAQM,OARNC,GAQM;AAAA,MAPgBC,EAAAL,CAAA,EAAM,SAAS,cAAS,mBAA5CM,EAA8DC,GAAA,EAAA,KAAA,EAAA,CAAA;MACvCF,EAAAL,CAAA,EAAM,SAAS,cAAS,sBAA/CM,EAAoEE,GAAA,EAAA,KAAA,EAAA,CAAA;MACzCH,EAAAL,CAAA,EAAM,SAAS,cAAS,2BAAnDM,EAA6EG,GAAA,EAAA,KAAA,EAAA,CAAA;MAC1DJ,EAAAL,CAAA,EAAM,SAAS,cAAS,kBAA3CM,EAA4DI,GAAA,EAAA,KAAA,EAAA,CAAA;MAC1CL,EAAAL,CAAA,EAAM,SAAS,cAAS,iBAA1CM,EAA0DK,GAAA,EAAA,KAAA,EAAA,CAAA;MACrCN,EAAAL,CAAA,EAAM,SAAS,cAAS,oBAA7CM,EAAgEM,GAAA,EAAA,KAAA,EAAA,CAAA;MAC9CP,EAAAL,CAAA,EAAM,SAAS,cAAS,iBAA1CM,EAA0DO,GAAA,EAAA,KAAA,EAAA,CAAA;;;;"}