@milaboratories/graph-maker 1.2.5 → 1.2.7

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ScatterplotUmapForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ScatterplotUmapForm.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;;;;;;;;;;;;EAcA,IAAM,IAAQ,GAAU,EAalB,EACJ,cACA,gBACA,oBACA,yBACA,aACA,oBACA,mBACE,EACF,GACA,CAAC,KAAK,IAAI,EACV;GAAC;GAAW;GAAS;GAAY,EACjC;GAAC;GAAY;GAAQ;GAAkB;GAAQ,EAvBpB;GAAC;GAAW;GAAa;GAAY;GAAQ;GAAS;GAAkB;GAAQ,EAC5D;GAC/C,SAAS;GACT,WAAW;GACX,UAAU;GACV,MAAM;GACN,OAAO;GACP,gBAAgB;GAChB,OAAO;GACR,CAiBA,EAEK,IAAY,QAAe,EAAM,MAAM,gBAAgB,SAAS,IAAI,IAAI,GAAM,EAC9E,IAAY,QAAe,EAAM,MAAM,gBAAgB,SAAS,IAAI,IAAI,GAAM,EAE9E,IAAS,EAAS;GACtB,WAAW,EAAgB,MAAM,EAAE;GACnC,MAAM,MAA8B;AAClC,MAAgB,MAAM,EAAE,QAAQ;;GAEnC,CAAC,EAEI,IAAS,EAAS;GACtB,WAAW,EAAgB,MAAM,EAAE;GACnC,MAAM,MAA8B;AAClC,MAAgB,MAAM,EAAE,QAAQ;;GAEnC,CAAC;yBAKA,EA4Ca,GAAA,MAAA;GA3CA,YAAU,QASb,CARN,EAQM,OARN,GAQM,CAPJ,EAME,EAAA,EAAA,EAAA;gBALS,EAAA;6CAAM,QAAA;IACf,OAAM;IACN,WAAA;IACC,SAAS,EAAA,EAAW,CAAC;IACrB,UAAU,EAAA;;;;;SAGf,EAQM,OARN,GAQM,CAPJ,EAME,EAAA,EAAA,EAAA;gBALS,EAAA;6CAAM,QAAA;IACf,OAAM;IACN,WAAA;IACC,SAAS,EAAA,EAAW,CAAC;IACrB,UAAU,EAAA;;;;;;GAIN,kBAAgB,QAKvB,CAJF,EAIE,GAAA;IAHC,SAAS,EAAA,EAAoB;IAC7B,UAAU,EAAA,EAAQ;IAClB,mBAAiB,AAAA,EAAA,QAAA,MAAE,EAAA,QAAY;;GAGzB,iBAAe,QAKtB,CAJF,EAIE,GAAA;IAHC,SAAS,EAAA,EAAe;IACxB,UAAU,EAAA,EAAQ;IAClB,mBAAiB,AAAA,EAAA,QAAA,MAAE,EAAA,QAAY;;GAGzB,UAAQ,QAEkB,EAAA,EAAA,GAAA,EADnC,EAMM,GAAA,MAAA,EALiB,EAAA,EAAW,GAAzB,YADT,EAMM,OAAA;IAJH,KAAK,EAAW;IACjB,OAAM;OAEN,EAA6D,GAA7D,EAA6D,EAAA,SAAA,IAAA,EAA1C,GAAY,EAAM,EAAW,UAAS,CAAA,EAAA,MAAA,GAAA,CAAA,CAAA"}

package/dist/forms/DataMappingForm/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"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"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;;;;;;;;;;EAUA,IAAM,IAAQ,GAAU;yBAItB,EAQM,OARN,GAQM;GAPgB,EAAA,EAAK,CAAC,SAAS,cAAS,cAAA,GAAA,EAA5C,EAA8D,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GACvC,EAAA,EAAK,CAAC,SAAS,cAAS,iBAAA,GAAA,EAA/C,EAAoE,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GACzC,EAAA,EAAK,CAAC,SAAS,cAAS,sBAAA,GAAA,EAAnD,EAA6E,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GAC1D,EAAA,EAAK,CAAC,SAAS,cAAS,aAAA,GAAA,EAA3C,EAA4D,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GAC1C,EAAA,EAAK,CAAC,SAAS,cAAS,YAAA,GAAA,EAA1C,EAA0D,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GACrC,EAAA,EAAK,CAAC,SAAS,cAAS,eAAA,GAAA,EAA7C,EAAgE,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GAC9C,EAAA,EAAK,CAAC,SAAS,cAAS,YAAA,GAAA,EAA1C,EAA0D,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist/forms/DataMappingForm/useBaskets.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"useBaskets.js","sources":["../../../src/forms/DataMappingForm/useBaskets.ts"],"sourcesContent":["import type {\n  ChartType,\n  ComponentStateFilter,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  SelectorStateFilter,\n} from '@milaboratories/pf-plots';\nimport type { ComputedRef, Ref } from 'vue';\nimport { computed, ref, shallowRef, toRef } from 'vue';\nimport type {\n  BasketProps,\n  ChipInfo,\n  DropItemEvent,\n  RemoveItemEvent,\n} from '../../components/DragAndDrop/types';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../constantsCommon';\nimport type { ComputedStore } from '../../store';\nimport type {\n  AllStateOptions } from './utils';\nimport {\n  getAllInputsOptions, getChipInfo, getFreeMandatoryOptions, getFreeMetaOptions,\n  toFiltersMulti,\n  toSimpleMulti,\n  toSimpleSingle,\n} from './utils';\n\nexport function useBaskets<\n  T extends InputState,\n  BasketIds extends keyof T['components'] & InputNamesByChartType[ChartType],\n  DataIds extends keyof T['components'] & InputNamesByChartType[ChartType],\n>(\n  store: ComputedStore,\n  dataKeys: DataIds[],\n  filterBasketKeys: BasketIds[],\n  simpleBasketKeys: BasketIds[],\n  BASKETS: BasketIds[],\n  BASKET_LABELS: Record<BasketIds, string>,\n): {\n    draggedId: Ref<string | null>;\n    cleanDraggedId: () => void;\n    basketsData: ComputedRef<BasketProps[]>;\n    freeMetaOptions: ComputedRef<ReturnType<typeof getFreeMetaOptions<T>>>;\n    freeMandatoryOptions: ComputedRef<ReturnType<typeof getFreeMandatoryOptions<T>>>;\n    chipInfo: ComputedRef<Record<string, ChipInfo>>;\n    dataStateValues: Ref<Record<DataIds, Ref<string | undefined>>>;\n    dataOptions: ComputedRef<AllStateOptions<T>>;\n  } {\n  const state = store.value.reactive.optionsState as T;\n  const stateRef = toRef(store.value.reactive, 'optionsState');\n\n  const inputGuide = computed(() => store.value.inputGuide.value) as Ref<InputGuide<T>>;\n\n  function getSimpleSingle(inputName: keyof InputState['components']) {\n    return toSimpleSingle(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore.value,\n    );\n  }\n\n  function getSimpleMulti(inputName: keyof InputState['components']) {\n    return toSimpleMulti(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore.value,\n    );\n  }\n\n  function getFiltersMulti(inputName: keyof InputState['components']) {\n    return toFiltersMulti(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore.value,\n      inputGuide,\n    );\n  }\n\n  const dataStateValues = shallowRef({\n    ...dataKeys.reduce((res: Record<DataIds, Ref<string | undefined>>, key: DataIds) => {\n      res[key] = getSimpleSingle(key as keyof InputState['components']);\n      return res;\n    }, {} as Record<DataIds, Ref<string | undefined>>),\n  });\n\ntype InputStateValues = Record<BasketIds, Ref<string[]>>;\n\nconst inputStateValues = ref<InputStateValues>({\n  ...filterBasketKeys.reduce((res: InputStateValues, key) => {\n    res[key] = getFiltersMulti(key as keyof InputState['components']);\n    return res;\n  }, {} as InputStateValues),\n  ...simpleBasketKeys.reduce((res: InputStateValues, key) => {\n    res[key] = getSimpleMulti(key as keyof InputState['components']);\n    return res;\n  }, {} as InputStateValues),\n});\n\nconst options = computed(() => {\n  return getAllInputsOptions(state, inputGuide);\n});\n\nconst freeMetaOptions = computed(() =>\n  getFreeMetaOptions(inputGuide, BASKETS),\n);\nconst freeMandatoryOptions = computed(() =>\n  getFreeMandatoryOptions(inputGuide, BASKETS),\n);\n\nconst draggedId = ref<string | null>(null);\nconst chipInfo = computed<Record<string, ChipInfo>>(() => {\n  const freeAndSelectedIds = new Set<string>();\n  BASKETS.forEach((name) => {\n    options.value[name].forEach((option) => {\n      freeAndSelectedIds.add(option.value);\n    });\n    state.components[name].selectorStates.forEach((selectorState) => {\n      freeAndSelectedIds.add(selectorState.selectedSource);\n    });\n  });\n  return getChipInfo(inputGuide.value, state.components, store.value.uniqueValuesData.value, [...freeAndSelectedIds]);\n});\n\nfunction getFiltersValues(name: BasketIds) {\n  return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n    (res: Record<string, string[]>, filterState) => {\n      if (filterState.type !== 'range') {\n        res[filterState.selectedSource] = filterState.selectedFilterValues ?? [];\n      }\n      return res;\n    },\n    {},\n  );\n}\n\nfunction getFiltersRanges(name: BasketIds) {\n  return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n    (res: Record<string, [number, number]>, filterState) => {\n      res[filterState.selectedSource] = filterState.selectedFilterRange\n        ? [filterState.selectedFilterRange.min, filterState.selectedFilterRange.max]\n        : [0, 0];\n      return res;\n    },\n    {},\n  );\n}\n\nfunction commonDropItemHandler(event: DropItemEvent<BasketIds>) {\n  inputStateValues.value[event.id] = [\n    ...inputStateValues.value[event.id],\n    event.draggedId,\n  ];\n  draggedId.value = null;\n}\n\nfunction commonRemoveItem(event: RemoveItemEvent<BasketIds>) {\n  inputStateValues.value[event.basketId]\n      = inputStateValues.value[event.basketId].filter((op: string) => op !== event.chipId);\n}\n\nfunction commonReorder(data: ChipInfo['id'][], name: BasketIds) {\n  inputStateValues.value[name] = data;\n}\n\nfunction getConsistency(basketId: BasketIds) {\n  return inputGuide.value.components[basketId].stateConsistency;\n}\n\nfunction getDisabled(basketId: BasketIds) {\n  return (\n    !inputGuide.value.readyData\n    || options.value[basketId].length === 0\n    || (draggedId.value !== null\n      && !chipInfo.value[draggedId.value].availableBasketIds.has(basketId))\n  );\n}\n\nasync function searchFilterOptions(sourceId: string, searchStr: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr || undefined)).values;\n}\n\nasync function searchSelectedFilterValueOptions(sourceId: string, selectedValue: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n}\n\nasync function loadOptions(sourceId: string) {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve({ values: [], overflow: false });\n  }\n  return store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n}\n\nconst basketsData = computed<BasketProps[]>(() =>\n  BASKETS.map((name) => {\n    const guide = inputGuide.value.components[name];\n    const isFilter = name === 'filters' || name === 'highlight';\n\n    const basketProps: BasketProps = {\n      id: name,\n      title: BASKET_LABELS[name],\n      isFilter,\n      sortable: name === 'tooltipContent',\n      multiple: guide.multipleSelectors,\n      required: guide.required,\n      disabled: getDisabled(name),\n      readonly: store.value.readonlyInputs?.includes(name) ?? false,\n      consistency: getConsistency(name),\n      draggedId: draggedId.value,\n      droppedIds: inputStateValues.value[name],\n      info: chipInfo.value,\n\n      searchFn: searchFilterOptions,\n      searchSelectedValueFn: searchSelectedFilterValueOptions,\n      loadOptionsFn: loadOptions,\n\n      listeners: {\n        'drop-item': commonDropItemHandler,\n        'remove-item': commonRemoveItem,\n        'reorder': (data: ChipInfo['id'][]) => commonReorder(data, name),\n      },\n    };\n    if (isFilter) {\n      basketProps.selectedFilters = getFiltersValues(name);\n      basketProps.selectedRanges = getFiltersRanges(name);\n      basketProps.listeners['select-filter-value'] = (data) => {\n        const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n        selectorState.type = 'equals';\n        selectorState.selectedFilterValues = data.v as string[];\n      };\n      basketProps.listeners['select-filter-range'] = (data) => {\n        const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n        selectorState.type = 'range';\n        selectorState.selectedFilterRange = data.v as { min: number; max: number } | undefined;\n      };\n    }\n    return basketProps;\n  }),\n);\n\nfunction cleanDraggedId() {\n  draggedId.value = null;\n}\n\nreturn {\n  draggedId,\n  cleanDraggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions: options,\n};\n}\n"],"names":["useBaskets","store","dataKeys","filterBasketKeys","simpleBasketKeys","BASKETS","BASKET_LABELS","state","stateRef","toRef","inputGuide","computed","getSimpleSingle","inputName","toSimpleSingle","getSimpleMulti","toSimpleMulti","getFiltersMulti","toFiltersMulti","dataStateValues","shallowRef","res","key","inputStateValues","ref","options","getAllInputsOptions","freeMetaOptions","getFreeMetaOptions","freeMandatoryOptions","getFreeMandatoryOptions","draggedId","chipInfo","freeAndSelectedIds","name","option","selectorState","getChipInfo","getFiltersValues","filterState","getFiltersRanges","commonDropItemHandler","event","commonRemoveItem","op","commonReorder","data","getConsistency","basketId","getDisabled","searchFilterOptions","sourceId","searchStr","MAX_SEARCH_OPTIONS_LIST_LENGTH","searchSelectedFilterValueOptions","selectedValue","loadOptions","basketsData","guide","isFilter","basketProps","_a","cleanDraggedId"],"mappings":"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"}
+{"version":3,"file":"useBaskets.js","names":[],"sources":["../../../src/forms/DataMappingForm/useBaskets.ts"],"sourcesContent":["import type {\n  ChartType,\n  ComponentStateFilter,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  SelectorStateFilter,\n} from '@milaboratories/pf-plots';\nimport type { ComputedRef, Ref } from 'vue';\nimport { computed, ref, shallowRef, toRef } from 'vue';\nimport type {\n  BasketProps,\n  ChipInfo,\n  DropItemEvent,\n  RemoveItemEvent,\n} from '../../components/DragAndDrop/types';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../constantsCommon';\nimport type { ComputedStore } from '../../store';\nimport type {\n  AllStateOptions } from './utils';\nimport {\n  getAllInputsOptions, getChipInfo, getFreeMandatoryOptions, getFreeMetaOptions,\n  toFiltersMulti,\n  toSimpleMulti,\n  toSimpleSingle,\n} from './utils';\n\nexport function useBaskets<\n  T extends InputState,\n  BasketIds extends keyof T['components'] & InputNamesByChartType[ChartType],\n  DataIds extends keyof T['components'] & InputNamesByChartType[ChartType],\n>(\n  store: ComputedStore,\n  dataKeys: DataIds[],\n  filterBasketKeys: BasketIds[],\n  simpleBasketKeys: BasketIds[],\n  BASKETS: BasketIds[],\n  BASKET_LABELS: Record<BasketIds, string>,\n): {\n    draggedId: Ref<string | null>;\n    cleanDraggedId: () => void;\n    basketsData: ComputedRef<BasketProps[]>;\n    freeMetaOptions: ComputedRef<ReturnType<typeof getFreeMetaOptions<T>>>;\n    freeMandatoryOptions: ComputedRef<ReturnType<typeof getFreeMandatoryOptions<T>>>;\n    chipInfo: ComputedRef<Record<string, ChipInfo>>;\n    dataStateValues: Ref<Record<DataIds, Ref<string | undefined>>>;\n    dataOptions: ComputedRef<AllStateOptions<T>>;\n  } {\n  const state = store.value.reactive.optionsState as T;\n  const stateRef = toRef(store.value.reactive, 'optionsState');\n\n  const inputGuide = computed(() => store.value.inputGuide.value) as Ref<InputGuide<T>>;\n\n  function getSimpleSingle(inputName: keyof InputState['components']) {\n    return toSimpleSingle(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore.value,\n    );\n  }\n\n  function getSimpleMulti(inputName: keyof InputState['components']) {\n    return toSimpleMulti(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore.value,\n    );\n  }\n\n  function getFiltersMulti(inputName: keyof InputState['components']) {\n    return toFiltersMulti(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore.value,\n      inputGuide,\n    );\n  }\n\n  const dataStateValues = shallowRef({\n    ...dataKeys.reduce((res: Record<DataIds, Ref<string | undefined>>, key: DataIds) => {\n      res[key] = getSimpleSingle(key as keyof InputState['components']);\n      return res;\n    }, {} as Record<DataIds, Ref<string | undefined>>),\n  });\n\ntype InputStateValues = Record<BasketIds, Ref<string[]>>;\n\nconst inputStateValues = ref<InputStateValues>({\n  ...filterBasketKeys.reduce((res: InputStateValues, key) => {\n    res[key] = getFiltersMulti(key as keyof InputState['components']);\n    return res;\n  }, {} as InputStateValues),\n  ...simpleBasketKeys.reduce((res: InputStateValues, key) => {\n    res[key] = getSimpleMulti(key as keyof InputState['components']);\n    return res;\n  }, {} as InputStateValues),\n});\n\nconst options = computed(() => {\n  return getAllInputsOptions(state, inputGuide);\n});\n\nconst freeMetaOptions = computed(() =>\n  getFreeMetaOptions(inputGuide, BASKETS),\n);\nconst freeMandatoryOptions = computed(() =>\n  getFreeMandatoryOptions(inputGuide, BASKETS),\n);\n\nconst draggedId = ref<string | null>(null);\nconst chipInfo = computed<Record<string, ChipInfo>>(() => {\n  const freeAndSelectedIds = new Set<string>();\n  BASKETS.forEach((name) => {\n    options.value[name].forEach((option) => {\n      freeAndSelectedIds.add(option.value);\n    });\n    state.components[name].selectorStates.forEach((selectorState) => {\n      freeAndSelectedIds.add(selectorState.selectedSource);\n    });\n  });\n  return getChipInfo(inputGuide.value, state.components, store.value.uniqueValuesData.value, [...freeAndSelectedIds]);\n});\n\nfunction getFiltersValues(name: BasketIds) {\n  return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n    (res: Record<string, string[]>, filterState) => {\n      if (filterState.type !== 'range') {\n        res[filterState.selectedSource] = filterState.selectedFilterValues ?? [];\n      }\n      return res;\n    },\n    {},\n  );\n}\n\nfunction getFiltersRanges(name: BasketIds) {\n  return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n    (res: Record<string, [number, number]>, filterState) => {\n      res[filterState.selectedSource] = filterState.selectedFilterRange\n        ? [filterState.selectedFilterRange.min, filterState.selectedFilterRange.max]\n        : [0, 0];\n      return res;\n    },\n    {},\n  );\n}\n\nfunction commonDropItemHandler(event: DropItemEvent<BasketIds>) {\n  inputStateValues.value[event.id] = [\n    ...inputStateValues.value[event.id],\n    event.draggedId,\n  ];\n  draggedId.value = null;\n}\n\nfunction commonRemoveItem(event: RemoveItemEvent<BasketIds>) {\n  inputStateValues.value[event.basketId]\n      = inputStateValues.value[event.basketId].filter((op: string) => op !== event.chipId);\n}\n\nfunction commonReorder(data: ChipInfo['id'][], name: BasketIds) {\n  inputStateValues.value[name] = data;\n}\n\nfunction getConsistency(basketId: BasketIds) {\n  return inputGuide.value.components[basketId].stateConsistency;\n}\n\nfunction getDisabled(basketId: BasketIds) {\n  return (\n    !inputGuide.value.readyData\n    || options.value[basketId].length === 0\n    || (draggedId.value !== null\n      && !chipInfo.value[draggedId.value].availableBasketIds.has(basketId))\n  );\n}\n\nasync function searchFilterOptions(sourceId: string, searchStr: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr || undefined)).values;\n}\n\nasync function searchSelectedFilterValueOptions(sourceId: string, selectedValue: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n}\n\nasync function loadOptions(sourceId: string) {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve({ values: [], overflow: false });\n  }\n  return store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n}\n\nconst basketsData = computed<BasketProps[]>(() =>\n  BASKETS.map((name) => {\n    const guide = inputGuide.value.components[name];\n    const isFilter = name === 'filters' || name === 'highlight';\n\n    const basketProps: BasketProps = {\n      id: name,\n      title: BASKET_LABELS[name],\n      isFilter,\n      sortable: name === 'tooltipContent',\n      multiple: guide.multipleSelectors,\n      required: guide.required,\n      disabled: getDisabled(name),\n      readonly: store.value.readonlyInputs?.includes(name) ?? false,\n      consistency: getConsistency(name),\n      draggedId: draggedId.value,\n      droppedIds: inputStateValues.value[name],\n      info: chipInfo.value,\n\n      searchFn: searchFilterOptions,\n      searchSelectedValueFn: searchSelectedFilterValueOptions,\n      loadOptionsFn: loadOptions,\n\n      listeners: {\n        'drop-item': commonDropItemHandler,\n        'remove-item': commonRemoveItem,\n        'reorder': (data: ChipInfo['id'][]) => commonReorder(data, name),\n      },\n    };\n    if (isFilter) {\n      basketProps.selectedFilters = getFiltersValues(name);\n      basketProps.selectedRanges = getFiltersRanges(name);\n      basketProps.listeners['select-filter-value'] = (data) => {\n        const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n        selectorState.type = 'equals';\n        selectorState.selectedFilterValues = data.v as string[];\n      };\n      basketProps.listeners['select-filter-range'] = (data) => {\n        const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n        selectorState.type = 'range';\n        selectorState.selectedFilterRange = data.v as { min: number; max: number } | undefined;\n      };\n    }\n    return basketProps;\n  }),\n);\n\nfunction cleanDraggedId() {\n  draggedId.value = null;\n}\n\nreturn {\n  draggedId,\n  cleanDraggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions: options,\n};\n}\n"],"mappings":"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"}