@milaboratories/graph-maker 1.1.181 → 1.1.183

package/dist/components/Chart.vue.js

@@ -1,23 +1,23 @@
-import { defineComponent as _, ref as S, watch as g, computed as p, createElementBlock as T, openBlock as i, createElementVNode as y, createVNode as $, createCommentVNode as s, createBlock as c, withKeys as j, resolveDynamicComponent as K, renderSlot as z, unref as r, withCtx as b, createTextVNode as C, normalizeClass as G, toDisplayString as X, withModifiers as P } from "vue";
-import { PlNotificationAlert as J, PlDropdown as Q, PlAutocomplete as Y, PlBtnGhost as E } from "@platforma-sdk/ui-vue";
-import Z from "./DendroTable.vue.js";
-import ee from "./DendroTooltip.vue.js";
-import te from "./LassoControls/index.vue.js";
-import oe from "./Loading.vue.js";
-import ae from "./Zoom/index.vue.js";
-import { MAX_SEARCH_OPTIONS_LIST_LENGTH as M } from "../constantsCommon.js";
-import re from "../icons/EditIcon.vue.js";
-import { useStore as ne } from "../store.js";
-const le = { class: "chart_container" }, ie = { class: "chart_header" }, ue = ["value"], se = { class: "chart_titleLineSlot" }, ce = {
+import { defineComponent as K, ref as S, watch as g, computed as p, createElementBlock as T, openBlock as s, createElementVNode as y, createVNode as I, createCommentVNode as d, createBlock as v, withKeys as z, resolveDynamicComponent as X, renderSlot as J, unref as n, withCtx as C, createTextVNode as B, normalizeClass as E, toDisplayString as Q, withModifiers as M } from "vue";
+import { PlNotificationAlert as Y, PlDropdown as Z, PlAutocomplete as ee, PlBtnGhost as H } from "@platforma-sdk/ui-vue";
+import te from "./DendroTable.vue.js";
+import oe from "./DendroTooltip.vue.js";
+import ae from "./LassoControls/index.vue.js";
+import re from "./Loading.vue.js";
+import ne from "./Zoom/index.vue.js";
+import { MAX_SEARCH_OPTIONS_LIST_LENGTH as L } from "../constantsCommon.js";
+import le from "../icons/EditIcon.vue.js";
+import { useStore as ie } from "../store.js";
+const se = { class: "chart_container" }, ue = { class: "chart_header" }, ce = ["value"], de = { class: "chart_titleLineSlot" }, ve = {
   key: 0,
   class: "chart_tabBy"
-}, de = {
+}, me = {
   key: 1,
   class: "chart_errorMessage"
-}, ve = {
+}, fe = {
   key: 1,
   class: "chart_controls"
-}, be = /* @__PURE__ */ _({
+}, Ce = /* @__PURE__ */ K({
   __name: "Chart",
   props: {
     graphStatus: {},
@@ -28,241 +28,258 @@ const le = { class: "chart_container" }, ie = { class: "chart_header" }, ue = ["
     errorInfo: {}
   },
   emits: ["graph-title-update", "dendro-node-select", "dendro-tooltip-btn-click"],
-  setup(n, { emit: H }) {
-    const V = H, o = ne(), u = n, k = S(u.graphTitle);
+  setup(l, { emit: R }) {
+    const D = R, a = ie(), u = l, w = S(u.graphTitle);
     g(() => u.graphTitle, (t) => {
-      k.value = t;
+      w.value = t;
     });
-    const B = p(() => {
+    const x = p(() => {
       var t;
-      return (t = o.value.reactive.optionsState.components.tabBy) == null ? void 0 : t.selectorStates[0];
-    }), d = p(() => {
+      return (t = a.value.reactive.optionsState.components.tabBy) == null ? void 0 : t.selectorStates[0];
+    }), m = p(() => {
       var t;
-      return (t = B.value) == null ? void 0 : t.selectedSource;
-    }), D = p(() => {
+      return (t = x.value) == null ? void 0 : t.selectedSource;
+    }), $ = p(() => {
       var t, e;
-      return (e = (t = B.value) == null ? void 0 : t.selectedFilterValues) == null ? void 0 : e[0];
-    }), v = S(D.value);
-    g(() => d.value, (t, e) => {
-      t !== e && (v.value = D.value);
+      return (e = (t = x.value) == null ? void 0 : t.selectedFilterValues) == null ? void 0 : e[0];
+    }), P = p(() => {
+      var t;
+      return (t = a.value.reactive.optionsState.components.filters) == null ? void 0 : t.selectorStates;
+    }), f = S($.value);
+    g(() => m.value, (t, e) => {
+      t !== e && (f.value = $.value);
     }, { immediate: !0 });
-    async function R(t) {
-      if (!o.value.columnsDataStore)
+    async function N(t) {
+      var o;
+      if (!a.value.columnsDataStore)
         return Promise.resolve([]);
-      const e = await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, o.value.inputGuide.value, t, M);
-      return e.overflow ? null : e.values;
+      const e = P.value.find((i) => i.selectedSource === t);
+      if (e && (((o = e.selectedFilterValues) == null ? void 0 : o.length) ?? 0) > 0) {
+        const i = e.selectedFilterValues ?? [];
+        return Promise.all(i.map((c) => V(t, c)));
+      }
+      const r = await a.value.controller.getUniqueSourceValuesWithLabels(a.value.columnsDataStore, a.value.inputGuide.value, t, L);
+      return r.overflow ? null : r.values;
     }
-    const f = S();
+    const h = S();
     g([
-      () => d.value,
-      () => o.value.loading.inputGuide
+      () => m.value,
+      () => a.value.loading.inputGuide
     ], async ([t, e]) => {
-      t === void 0 || e || !o.value.columnsDataStore || (f.value = await R(t));
-    }, { immediate: !0 }), g(() => f.value, async (t) => {
-      if (d.value === void 0 || v.value !== void 0 || t === void 0)
+      t === void 0 || e || !a.value.columnsDataStore || (h.value = await N(t));
+    }, { immediate: !0 }), g(() => h.value, async (t) => {
+      if (m.value === void 0 || f.value !== void 0 || t === void 0)
         return;
       let e = t;
-      if (t === null && (e = await I(d.value, "")), e != null && e.length) {
-        const l = e[0].value;
-        v.value = l, w(l);
+      if (t === null && (e = await G(m.value, "")), e != null && e.length) {
+        const r = e[0].value;
+        f.value = r, k(r);
       }
     }, { immediate: !0 });
-    function w(t) {
-      const e = o.value.reactive.optionsState.components.tabBy.selectorStates;
-      e.length && (o.value.reactive.optionsState.components.tabBy.selectorStates = [{
+    function k(t) {
+      const e = a.value.reactive.optionsState.components.tabBy.selectorStates;
+      e.length && (a.value.reactive.optionsState.components.tabBy.selectorStates = [{
         ...e[0],
         type: "equals",
         selectedFilterValues: [t]
       }]);
     }
-    function N(t) {
+    function O(t) {
       const e = t.currentTarget;
-      k.value = e.value, V("graph-title-update", e.value);
+      w.value = e.value, D("graph-title-update", e.value);
     }
-    function O(t) {
-      V("dendro-node-select", t);
+    function U(t) {
+      D("dendro-node-select", t);
     }
-    async function I(t, e) {
-      return o.value.columnsDataStore ? (await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, o.value.inputGuide.value, t, M, e || void 0)).values : Promise.resolve([]);
+    async function G(t, e) {
+      var o;
+      if (!a.value.columnsDataStore)
+        return Promise.resolve([]);
+      const r = P.value.find((i) => i.selectedSource === t);
+      if (r && (((o = r.selectedFilterValues) == null ? void 0 : o.length) ?? 0) > 0) {
+        const i = r.selectedFilterValues ?? [], c = await Promise.all(i.map((b) => V(t, b)));
+        return e ? c.filter((b) => b.label.toLowerCase().includes(e.toLowerCase())) : c;
+      }
+      return (await a.value.controller.getUniqueSourceValuesWithLabels(a.value.columnsDataStore, a.value.inputGuide.value, t, L, e || void 0)).values;
     }
-    async function F(t, e) {
-      return o.value.columnsDataStore ? await o.value.controller.getUniqueSourceValuesWithLabels(
-        o.value.columnsDataStore,
-        o.value.inputGuide.value,
+    async function V(t, e) {
+      return a.value.columnsDataStore ? await a.value.controller.getUniqueSourceValuesWithLabels(
+        a.value.columnsDataStore,
+        a.value.inputGuide.value,
         t,
         1,
         void 0,
         e
-      ).then((a) => a.values[0]) : Promise.resolve({ value: e, label: " " });
+      ).then((o) => o.values[0]) : Promise.resolve({ value: e, label: " " });
     }
-    const x = S(), L = p(() => {
+    const F = S(), A = p(() => {
       var e;
-      if (o.value.reactive.chartType !== "discrete")
+      if (a.value.reactive.chartType !== "discrete")
         return !1;
-      const t = o.value.reactive.optionsState.components;
+      const t = a.value.reactive.optionsState.components;
       if ((e = t.primaryGrouping) != null && e.selectorStates.length) {
-        const l = t.primaryGrouping.selectorStates[0].selectedSource, a = o.value.reactive.dataBindAes[l];
-        if ((a == null ? void 0 : a.type) === "categorical" && a.hidden)
-          return Object.values(a.hidden).length > 0 && a.order.some((m) => {
-            var h;
-            return (h = a.hidden) == null ? void 0 : h[m];
+        const r = t.primaryGrouping.selectorStates[0].selectedSource, o = a.value.reactive.dataBindAes[r];
+        if ((o == null ? void 0 : o.type) === "categorical" && o.hidden)
+          return Object.values(o.hidden).length > 0 && o.order.some((i) => {
+            var c;
+            return (c = o.hidden) == null ? void 0 : c[i];
           });
       }
       return !1;
-    }), U = p(() => {
+    }), W = p(() => {
       var e;
-      if (o.value.reactive.chartType !== "discrete")
+      if (a.value.reactive.chartType !== "discrete")
         return !1;
-      const t = o.value.reactive.optionsState.components;
+      const t = a.value.reactive.optionsState.components;
       if ((e = t.secondaryGrouping) != null && e.selectorStates.length) {
-        const l = t.secondaryGrouping.selectorStates[0].selectedSource, a = o.value.reactive.dataBindAes[l];
-        if ((a == null ? void 0 : a.type) === "categorical" && a.hidden)
-          return Object.values(a.hidden).length > 0 && a.order.some((m) => {
-            var h;
-            return (h = a.hidden) == null ? void 0 : h[m];
+        const r = t.secondaryGrouping.selectorStates[0].selectedSource, o = a.value.reactive.dataBindAes[r];
+        if ((o == null ? void 0 : o.type) === "categorical" && o.hidden)
+          return Object.values(o.hidden).length > 0 && o.order.some((i) => {
+            var c;
+            return (c = o.hidden) == null ? void 0 : c[i];
           });
       }
       return !1;
     });
-    function A() {
-      o.value.reactive.tabDefaultState.axes.reorderPrimaryOpen = !0, o.value.reactive.currentTab = "axes";
-    }
     function q() {
-      o.value.reactive.tabDefaultState.axes.reorderSecondaryOpen = !0, o.value.reactive.currentTab = "axes";
+      a.value.reactive.tabDefaultState.axes.reorderPrimaryOpen = !0, a.value.reactive.currentTab = "axes";
+    }
+    function _() {
+      a.value.reactive.tabDefaultState.axes.reorderSecondaryOpen = !0, a.value.reactive.currentTab = "axes";
     }
-    const W = p(() => {
-      var t, e, l;
+    const j = p(() => {
+      var t, e, r;
       return ((t = u.errorInfo) == null ? void 0 : t.type) === "tooManyFacets" ? `Too many facets (${u.errorInfo.info.count}).
 Maximum count is ${u.errorInfo.info.maxCount}.
 Try to filter the data.` : ((e = u.errorInfo) == null ? void 0 : e.type) === "tooManyPrimaryGroups" ? `Too many primary groups (${u.errorInfo.info.count}).
 Maximum count is ${u.errorInfo.info.maxCount}.
-Try to filter the data.` : ((l = u.errorInfo) == null ? void 0 : l.type) === "tooManySecondaryGroups" ? `Too many secondary groups (${u.errorInfo.info.count}).
+Try to filter the data.` : ((r = u.errorInfo) == null ? void 0 : r.type) === "tooManySecondaryGroups" ? `Too many secondary groups (${u.errorInfo.info.count}).
 Maximum count is ${u.errorInfo.info.maxCount}.
 Try to filter the data.` : "";
     });
     return (t, e) => {
-      var l;
-      return i(), T("div", le, [
-        y("div", ie, [
+      var r;
+      return s(), T("div", se, [
+        y("div", ue, [
           y("input", {
             class: "chart_title",
-            value: k.value,
-            onChange: N,
-            onKeyup: e[0] || (e[0] = j((a) => {
-              var m;
-              (m = a.target) == null || m.blur();
+            value: w.value,
+            onChange: O,
+            onKeyup: e[0] || (e[0] = z((o) => {
+              var i;
+              (i = o.target) == null || i.blur();
             }, ["enter"]))
-          }, null, 40, ue),
-          (i(), c(K(re), { class: "chart_titleEdit" })),
-          y("div", se, [
-            z(t.$slots, "default")
+          }, null, 40, ce),
+          (s(), v(X(le), { class: "chart_titleEdit" })),
+          y("div", de, [
+            J(t.$slots, "default")
           ])
         ]),
-        $(r(J), {
-          modelValue: r(o).reactive.showTooltipHint,
-          "onUpdate:modelValue": e[1] || (e[1] = (a) => r(o).reactive.showTooltipHint = a),
+        I(n(Y), {
+          modelValue: n(a).reactive.showTooltipHint,
+          "onUpdate:modelValue": e[1] || (e[1] = (o) => n(a).reactive.showTooltipHint = o),
           type: "success",
           class: "chart_tooltipHint",
           width: "170px"
         }, {
-          default: b(() => [...e[10] || (e[10] = [
-            C(" Hit enter to pin tooltip ", -1)
+          default: C(() => [...e[10] || (e[10] = [
+            B(" Hit enter to pin tooltip ", -1)
           ])]),
           _: 1
         }, 8, ["modelValue"]),
-        d.value ? (i(), T("div", ce, [
-          f.value || f.value === void 0 && r(o).loading.inputGuide ? (i(), c(r(Q), {
+        m.value ? (s(), T("div", ve, [
+          h.value || h.value === void 0 && n(a).loading.inputGuide ? (s(), v(n(Z), {
             key: 0,
-            modelValue: v.value,
+            modelValue: f.value,
             "onUpdate:modelValue": [
-              e[2] || (e[2] = (a) => v.value = a),
-              e[3] || (e[3] = (a) => w(a))
+              e[2] || (e[2] = (o) => f.value = o),
+              e[3] || (e[3] = (o) => k(o))
             ],
             label: "Show for",
-            options: f.value
-          }, null, 8, ["modelValue", "options"])) : (i(), c(r(Y), {
+            options: h.value
+          }, null, 8, ["modelValue", "options"])) : (s(), v(n(ee), {
             key: 1,
-            modelValue: v.value,
+            modelValue: f.value,
             "onUpdate:modelValue": [
-              e[4] || (e[4] = (a) => v.value = a),
-              e[5] || (e[5] = (a) => w(a))
+              e[4] || (e[4] = (o) => f.value = o),
+              e[5] || (e[5] = (o) => k(o))
             ],
             label: "Show for",
-            "options-search": (a) => I(d.value, a),
-            "model-search": (a) => F(d.value, a)
+            "options-search": (o) => G(m.value, o),
+            "model-search": (o) => V(m.value, o)
           }, null, 8, ["modelValue", "options-search", "model-search"]))
-        ])) : s("", !0),
+        ])) : d("", !0),
         y("div", {
           ref_key: "chartContainerRef",
-          ref: x,
-          class: G(["chart_main-content", [{ "chart_main-content__dendro": r(o).reactive.chartType === "dendro" }, "pl-scrollable"]])
+          ref: F,
+          class: E(["chart_main-content", [{ "chart_main-content__dendro": n(a).reactive.chartType === "dendro" }, "pl-scrollable"]])
         }, [
           y("div", {
             id: "chartSvgContainer",
-            class: G({
-              chart_loading: n.graphStatus === "loading",
-              chart_noDataMapping: n.graphStatus === "notReady",
-              chart_emptyData: n.graphStatus === "empty",
-              chart_inconsistent: n.graphStatus === "inconsistent",
-              chart_knownError: n.graphStatus === "knownError",
-              chart_unknownError: n.graphStatus === "unknownError",
-              chart_activeLassoSelection: ((l = r(o).reactive.lassoControlsState) == null ? void 0 : l.mode) === "selection"
+            class: E({
+              chart_loading: l.graphStatus === "loading",
+              chart_noDataMapping: l.graphStatus === "notReady",
+              chart_emptyData: l.graphStatus === "empty",
+              chart_inconsistent: l.graphStatus === "inconsistent",
+              chart_knownError: l.graphStatus === "knownError",
+              chart_unknownError: l.graphStatus === "unknownError",
+              chart_activeLassoSelection: ((r = n(a).reactive.lassoControlsState) == null ? void 0 : r.mode) === "selection"
             })
           }, [
-            n.graphStatus === "loading" ? (i(), c(oe, {
+            l.graphStatus === "loading" ? (s(), v(re, {
               key: 0,
               top: 10
-            })) : s("", !0),
-            n.graphStatus === "knownError" ? (i(), T("div", de, X(W.value), 1)) : s("", !0)
+            })) : d("", !0),
+            l.graphStatus === "knownError" ? (s(), T("div", me, Q(j.value), 1)) : d("", !0)
           ], 2),
-          r(o).reactive.chartType === "dendro" && n.chartData && r(o).reactive.layersSettings.dendro.showTable ? (i(), c(Z, {
+          n(a).reactive.chartType === "dendro" && l.chartData && n(a).reactive.layersSettings.dendro.showTable ? (s(), v(te, {
             key: 0,
-            chartData: n.chartData,
-            onRowSelect: O
-          }, null, 8, ["chartData"])) : s("", !0),
-          r(o).reactive.dendroInfoByClick ? (i(), c(ee, {
+            chartData: l.chartData,
+            onRowSelect: U
+          }, null, 8, ["chartData"])) : d("", !0),
+          n(a).reactive.dendroInfoByClick ? (s(), v(oe, {
             key: 1,
-            info: r(o).reactive.dendroInfoByClick,
-            containerRef: x.value,
-            tooltipBtn: n.dendroTooltipButton,
-            onTooltipBtnClick: e[6] || (e[6] = (a) => t.$emit("dendro-tooltip-btn-click", a)),
-            onClose: e[7] || (e[7] = (a) => {
-              r(o).reactive.dendroInfoByClick = null, t.$emit("dendro-node-select", null);
+            info: n(a).reactive.dendroInfoByClick,
+            containerRef: F.value,
+            tooltipBtn: l.dendroTooltipButton,
+            onTooltipBtnClick: e[6] || (e[6] = (o) => t.$emit("dendro-tooltip-btn-click", o)),
+            onClose: e[7] || (e[7] = (o) => {
+              n(a).reactive.dendroInfoByClick = null, t.$emit("dendro-node-select", null);
             })
-          }, null, 8, ["info", "containerRef", "tooltipBtn"])) : s("", !0)
+          }, null, 8, ["info", "containerRef", "tooltipBtn"])) : d("", !0)
         ], 2),
-        n.graphStatus !== "empty" ? (i(), T("div", ve, [
-          $(ae),
-          r(o).reactive.chartType === "scatterplot-umap" ? (i(), c(te, {
+        l.graphStatus !== "empty" ? (s(), T("div", fe, [
+          I(ne),
+          n(a).reactive.chartType === "scatterplot-umap" ? (s(), v(ae, {
             key: 0,
-            "chart-ref": n.chartRef
-          }, null, 8, ["chart-ref"])) : s("", !0),
-          L.value ? (i(), c(r(E), {
+            "chart-ref": l.chartRef
+          }, null, 8, ["chart-ref"])) : d("", !0),
+          A.value ? (s(), v(n(H), {
             key: 1,
             icon: "view-hide",
-            onClick: e[8] || (e[8] = P(() => A(), ["stop"]))
+            onClick: e[8] || (e[8] = M(() => q(), ["stop"]))
           }, {
-            default: b(() => [...e[11] || (e[11] = [
-              C(" Hidden (primary) ", -1)
+            default: C(() => [...e[11] || (e[11] = [
+              B(" Hidden (primary) ", -1)
             ])]),
             _: 1
-          })) : s("", !0),
-          U.value ? (i(), c(r(E), {
+          })) : d("", !0),
+          W.value ? (s(), v(n(H), {
             key: 2,
             icon: "view-hide",
-            onClick: e[9] || (e[9] = P(() => q(), ["stop"]))
+            onClick: e[9] || (e[9] = M(() => _(), ["stop"]))
           }, {
-            default: b(() => [...e[12] || (e[12] = [
-              C(" Hidden (secondary) ", -1)
+            default: C(() => [...e[12] || (e[12] = [
+              B(" Hidden (secondary) ", -1)
             ])]),
             _: 1
-          })) : s("", !0)
-        ])) : s("", !0)
+          })) : d("", !0)
+        ])) : d("", !0)
       ]);
     };
   }
 });
 export {
-  be as default
+  Ce as default
 };
 //# sourceMappingURL=Chart.vue.js.map

package/dist/components/Chart.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.vue.js","sources":["../../src/components/Chart.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChartInterface, ErrorInfo } from '@milaboratories/miplots4';\nimport type { SelectorStateFilter } from '@milaboratories/pf-plots';\nimport type { ListOption } from '@platforma-sdk/ui-vue';\nimport { PlAutocomplete, PlBtnGhost, PlDropdown, PlNotificationAlert } from '@platforma-sdk/ui-vue';\nimport { computed, ref, watch } from 'vue';\nimport DendroTable from '../components/DendroTable.vue';\nimport DendroTooltip from '../components/DendroTooltip.vue';\nimport LassoControls from '../components/LassoControls/index.vue';\nimport Loading from '../components/Loading.vue';\nimport Zoom from '../components/Zoom/index.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../constantsCommon.ts';\nimport EditIcon from '../icons/EditIcon.vue';\nimport { useStore } from '../store.ts';\nimport type { GraphStatus } from '../types.ts';\n\nconst emit = defineEmits(['graph-title-update', 'dendro-node-select', 'dendro-tooltip-btn-click']);\n\nconst store = useStore();\n\nconst props = defineProps<{\n  graphStatus: GraphStatus;\n  graphTitle: string;\n  dendroTooltipButton?: string;\n  chartData: Record<string, unknown> | null;\n  chartRef: ChartInterface | null;\n  errorInfo: ErrorInfo | null;\n}>();\n\nconst title = ref(props.graphTitle);\n// title can be updated from graph-maker settings\nwatch(() => props.graphTitle, (graphTitle) => {\n  title.value = graphTitle;\n});\n\nconst tabByState = computed(() => store.value.reactive.optionsState.components.tabBy?.selectorStates[0] as SelectorStateFilter | undefined);\nconst tabBySource = computed(() => tabByState.value?.selectedSource);\nconst tabByFilterValue = computed(() => tabByState.value?.selectedFilterValues?.[0]);\n\nconst tabByLocalValue = ref(tabByFilterValue.value);\nwatch(() => tabBySource.value, (value, prevValue) => { // tabBy column changed, needs to update selected value\n  if (value !== prevValue) {\n    tabByLocalValue.value = tabByFilterValue.value;\n  }\n}, { immediate: true });\n\nasync function loadOptions(sourceId: string) {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  const response = await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n  return response.overflow ? null : response.values;\n}\nconst preloadedOptions = ref<ListOption[] | null | undefined>();\nwatch([\n  () => tabBySource.value,\n  () => store.value.loading.inputGuide,\n], async ([v, loading]) => {\n  if (v === undefined || loading || !store.value.columnsDataStore) {\n    return undefined;\n  }\n  preloadedOptions.value = await loadOptions(v);\n}, { immediate: true });\n\nwatch(() => preloadedOptions.value, async (opts) => {\n  if (\n    tabBySource.value === undefined // no tabBy selected\n    || tabByLocalValue.value !== undefined // tabBy selected and has selected value\n    || opts === undefined // options not loaded yet\n  ) {\n    return;\n  }\n  let availableOptions = opts;\n  if (opts === null) { // options loaded but too many unique values\n    availableOptions = await searchFilterOptions(tabBySource.value, '');\n  }\n  if (availableOptions?.length) {\n    const nextFilterValue = availableOptions[0].value as string;\n    tabByLocalValue.value = nextFilterValue;\n    onFilterValueUpdate(nextFilterValue);\n  }\n}, { immediate: true });\n\nfunction onFilterValueUpdate(value: string) {\n  const prevSelectorStates = store.value.reactive.optionsState.components.tabBy.selectorStates;\n  if (prevSelectorStates.length) {\n    store.value.reactive.optionsState.components.tabBy.selectorStates = [{\n      ...prevSelectorStates[0],\n      type: 'equals',\n      selectedFilterValues: [value],\n    }];\n  }\n}\n\nfunction onTitleChange(e: Event) {\n  const target = e.currentTarget as HTMLInputElement;\n  title.value = target.value;\n  emit('graph-title-update', target.value);\n}\n\nfunction onTableRowSelect(id: number) {\n  emit('dendro-node-select', id);\n}\n\nasync function searchFilterOptions(sourceId: string, searchStr: string): Promise<ListOption[]> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr || undefined)).values;\n}\n\nasync function searchSelectedFilterValueOptions(sourceId: string, selectedValue: string): Promise<ListOption> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve({ value: selectedValue, label: ' ' }); // don't show non-human-readable value\n  }\n  const value = await store.value.controller.getUniqueSourceValuesWithLabels(\n    store.value.columnsDataStore, store.value.inputGuide.value,\n    sourceId, 1, undefined, selectedValue).then((v) => v.values[0]);\n  return value;\n}\n\nconst chartContainerRef = ref();\n\nconst hasPrimaryHidden = computed(() => {\n  if (store.value.reactive.chartType !== 'discrete') {\n    return false;\n  }\n  const optionsState = store.value.reactive.optionsState.components;\n  if (optionsState.primaryGrouping?.selectorStates.length) {\n    const columnName = optionsState.primaryGrouping.selectorStates[0].selectedSource;\n    const dataBindAes = store.value.reactive.dataBindAes[columnName];\n    if (dataBindAes?.type === 'categorical' && dataBindAes.hidden) {\n      return Object.values(dataBindAes.hidden).length > 0 && dataBindAes.order.some((v) => dataBindAes.hidden?.[v]);\n    }\n  }\n  return false;\n});\nconst hasSecondaryHidden = computed(() => {\n  if (store.value.reactive.chartType !== 'discrete') {\n    return false;\n  }\n  const optionsState = store.value.reactive.optionsState.components;\n  if (optionsState.secondaryGrouping?.selectorStates.length) {\n    const columnName = optionsState.secondaryGrouping.selectorStates[0].selectedSource;\n    const dataBindAes = store.value.reactive.dataBindAes[columnName];\n    if (dataBindAes?.type === 'categorical' && dataBindAes.hidden) {\n      return Object.values(dataBindAes.hidden).length > 0 && dataBindAes.order.some((v) => dataBindAes.hidden?.[v]);\n    }\n  }\n  return false;\n});\nfunction openAxesSettingsPrimary() {\n  store.value.reactive.tabDefaultState['axes'].reorderPrimaryOpen = true;\n  store.value.reactive.currentTab = 'axes';\n}\nfunction openAxesSettingsSecondary() {\n  store.value.reactive.tabDefaultState['axes'].reorderSecondaryOpen = true;\n  store.value.reactive.currentTab = 'axes';\n}\n\nconst errorMessage = computed(() => {\n  if (props.errorInfo?.type === 'tooManyFacets') {\n    return `Too many facets (${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyPrimaryGroups') {\n    return `Too many primary groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManySecondaryGroups') {\n    return `Too many secondary groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  return '';\n});\n\n</script>\n\n<template>\n  <div class=\"chart_container\">\n    <div class=\"chart_header\">\n      <input\n        class=\"chart_title\" :value=\"title\" @change=\"onTitleChange\"\n        @keyup.enter=\"(e) => {(e.target as HTMLInputElement)?.blur()}\"\n      />\n      <component :is=\"EditIcon\" class=\"chart_titleEdit\" />\n      <div class=\"chart_titleLineSlot\">\n        <slot/>\n      </div>\n    </div>\n    <PlNotificationAlert\n      v-model=\"store.reactive.showTooltipHint\"\n      type=\"success\"\n      class=\"chart_tooltipHint\"\n      width=\"170px\"\n    >\n      Hit enter to pin tooltip\n    </PlNotificationAlert>\n    <div v-if=\"tabBySource\" class=\"chart_tabBy\">\n      <PlDropdown\n        v-if=\"preloadedOptions || (preloadedOptions === undefined && store.loading.inputGuide)\"\n        v-model=\"tabByLocalValue\"\n        label=\"Show for\"\n        :options=\"preloadedOptions\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n      />\n      <PlAutocomplete\n        v-else\n        v-model=\"tabByLocalValue\"\n        label=\"Show for\"\n        :options-search=\"(str) => searchFilterOptions(tabBySource as string, str)\"\n        :model-search=\"(v) => searchSelectedFilterValueOptions(tabBySource as string, v as string)\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n      />\n    </div>\n    <div\n      ref=\"chartContainerRef\" class=\"chart_main-content\"\n      :class=\"[{'chart_main-content__dendro': store.reactive.chartType === 'dendro'}, 'pl-scrollable']\"\n    >\n      <div\n        id=\"chartSvgContainer\"\n        :class=\"{\n          'chart_loading': graphStatus === 'loading',\n          'chart_noDataMapping': graphStatus === 'notReady',\n          'chart_emptyData': graphStatus === 'empty',\n          'chart_inconsistent': graphStatus === 'inconsistent',\n          'chart_knownError': graphStatus === 'knownError',\n          'chart_unknownError': graphStatus === 'unknownError',\n          'chart_activeLassoSelection': store.reactive.lassoControlsState?.mode === 'selection'\n        }\"\n      >\n        <Loading v-if=\"graphStatus === 'loading'\" :top=\"10\"/>\n        <div v-if=\"graphStatus === 'knownError'\" class=\"chart_errorMessage\">\n          {{ errorMessage }}\n        </div>\n      </div>\n      <DendroTable\n        v-if=\"store.reactive.chartType === 'dendro' && chartData && store.reactive.layersSettings.dendro.showTable\"\n        :chartData=\"chartData\"\n        @row-select=\"onTableRowSelect\"\n      />\n      <DendroTooltip\n        v-if=\"store.reactive.dendroInfoByClick\"\n        :info=\"store.reactive.dendroInfoByClick\"\n        :containerRef=\"chartContainerRef\"\n        :tooltipBtn=\"dendroTooltipButton\"\n        @tooltip-btn-click=\"(id:string) => $emit('dendro-tooltip-btn-click', id)\"\n        @close=\"\n          store.reactive.dendroInfoByClick = null;\n          $emit('dendro-node-select', null);\n        \"\n      />\n    </div>\n    <div v-if=\"graphStatus !== 'empty'\" class=\"chart_controls\">\n      <Zoom />\n      <LassoControls v-if=\"store.reactive.chartType === 'scatterplot-umap'\" :chart-ref=\"chartRef\"/>\n      <PlBtnGhost v-if=\"hasPrimaryHidden\" icon=\"view-hide\" @click.stop=\"() => openAxesSettingsPrimary()\">\n        Hidden (primary)\n      </PlBtnGhost>\n      <PlBtnGhost v-if=\"hasSecondaryHidden\" icon=\"view-hide\" @click.stop=\"() => openAxesSettingsSecondary()\">\n        Hidden (secondary)\n      </PlBtnGhost>\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit","store","useStore","props","__props","title","ref","watch","graphTitle","tabByState","computed","_a","tabBySource","tabByFilterValue","_b","tabByLocalValue","value","prevValue","loadOptions","sourceId","response","MAX_SEARCH_OPTIONS_LIST_LENGTH","preloadedOptions","v","loading","opts","availableOptions","searchFilterOptions","nextFilterValue","onFilterValueUpdate","prevSelectorStates","onTitleChange","e","target","onTableRowSelect","id","searchStr","searchSelectedFilterValueOptions","selectedValue","chartContainerRef","hasPrimaryHidden","optionsState","columnName","dataBindAes","hasSecondaryHidden","openAxesSettingsPrimary","openAxesSettingsSecondary","errorMessage","_c","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createBlock","_resolveDynamicComponent","EditIcon","_hoisted_4","_renderSlot","_ctx","_createVNode","_unref","PlNotificationAlert","$event","_cache","_hoisted_5","PlDropdown","PlAutocomplete","str","_normalizeClass","Loading","_hoisted_6","_toDisplayString","DendroTable","DendroTooltip","$emit","_hoisted_7","Zoom","LassoControls","PlBtnGhost"],"mappings":"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"}
+{"version":3,"file":"Chart.vue.js","sources":["../../src/components/Chart.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChartInterface, ErrorInfo } from '@milaboratories/miplots4';\nimport type { SelectorStateFilter } from '@milaboratories/pf-plots';\nimport type { ListOption } from '@platforma-sdk/ui-vue';\nimport { PlAutocomplete, PlBtnGhost, PlDropdown, PlNotificationAlert } from '@platforma-sdk/ui-vue';\nimport { computed, ref, watch } from 'vue';\nimport DendroTable from '../components/DendroTable.vue';\nimport DendroTooltip from '../components/DendroTooltip.vue';\nimport LassoControls from '../components/LassoControls/index.vue';\nimport Loading from '../components/Loading.vue';\nimport Zoom from '../components/Zoom/index.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../constantsCommon.ts';\nimport EditIcon from '../icons/EditIcon.vue';\nimport { useStore } from '../store.ts';\nimport type { GraphStatus } from '../types.ts';\n\nconst emit = defineEmits(['graph-title-update', 'dendro-node-select', 'dendro-tooltip-btn-click']);\n\nconst store = useStore();\n\nconst props = defineProps<{\n  graphStatus: GraphStatus;\n  graphTitle: string;\n  dendroTooltipButton?: string;\n  chartData: Record<string, unknown> | null;\n  chartRef: ChartInterface | null;\n  errorInfo: ErrorInfo | null;\n}>();\n\nconst title = ref(props.graphTitle);\n// title can be updated from graph-maker settings\nwatch(() => props.graphTitle, (graphTitle) => {\n  title.value = graphTitle;\n});\n\nconst tabByState = computed(() => store.value.reactive.optionsState.components.tabBy?.selectorStates[0] as SelectorStateFilter | undefined);\nconst tabBySource = computed(() => tabByState.value?.selectedSource);\nconst tabByFilterValue = computed(() => tabByState.value?.selectedFilterValues?.[0]);\nconst filtersStates = computed(() => store.value.reactive.optionsState.components.filters?.selectorStates as SelectorStateFilter[]);\n\nconst tabByLocalValue = ref(tabByFilterValue.value);\nwatch(() => tabBySource.value, (value, prevValue) => { // tabBy column changed, needs to update selected value\n  if (value !== prevValue) {\n    tabByLocalValue.value = tabByFilterValue.value;\n  }\n}, { immediate: true });\n\nasync function loadOptions(sourceId: string) {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  // if the same source is selected in filters, return only selected values;\n  const filtersStateWithTheSameSource = filtersStates.value.find((state) => state.selectedSource === sourceId) as SelectorStateFilter | undefined;\n  if (filtersStateWithTheSameSource && (filtersStateWithTheSameSource.selectedFilterValues?.length ?? 0) > 0) {\n    const selectedValues = filtersStateWithTheSameSource.selectedFilterValues ?? [];\n    return Promise.all(selectedValues.map((selectedValue) => searchSelectedFilterValueOptions(sourceId, selectedValue)));\n  }\n  const response = await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n  return response.overflow ? null : response.values;\n}\nconst preloadedOptions = ref<ListOption[] | null | undefined>();\nwatch([\n  () => tabBySource.value,\n  () => store.value.loading.inputGuide,\n], async ([v, loading]) => {\n  if (v === undefined || loading || !store.value.columnsDataStore) {\n    return undefined;\n  }\n  preloadedOptions.value = await loadOptions(v);\n}, { immediate: true });\n\nwatch(() => preloadedOptions.value, async (opts) => {\n  if (\n    tabBySource.value === undefined // no tabBy selected\n    || tabByLocalValue.value !== undefined // tabBy selected and has selected value\n    || opts === undefined // options not loaded yet\n  ) {\n    return;\n  }\n  let availableOptions = opts;\n  if (opts === null) { // options loaded but too many unique values\n    availableOptions = await searchFilterOptions(tabBySource.value, '');\n  }\n  if (availableOptions?.length) {\n    const nextFilterValue = availableOptions[0].value as string;\n    tabByLocalValue.value = nextFilterValue;\n    onFilterValueUpdate(nextFilterValue);\n  }\n}, { immediate: true });\n\nfunction onFilterValueUpdate(value: string) {\n  const prevSelectorStates = store.value.reactive.optionsState.components.tabBy.selectorStates;\n  if (prevSelectorStates.length) {\n    store.value.reactive.optionsState.components.tabBy.selectorStates = [{\n      ...prevSelectorStates[0],\n      type: 'equals',\n      selectedFilterValues: [value],\n    }];\n  }\n}\n\nfunction onTitleChange(e: Event) {\n  const target = e.currentTarget as HTMLInputElement;\n  title.value = target.value;\n  emit('graph-title-update', target.value);\n}\n\nfunction onTableRowSelect(id: number) {\n  emit('dendro-node-select', id);\n}\n\nasync function searchFilterOptions(sourceId: string, searchStr: string) {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  // if the same source is selected in filters, return only selected values;\n  const filtersStateWithTheSameSource = filtersStates.value.find((state) => state.selectedSource === sourceId) as SelectorStateFilter | undefined;\n  if (filtersStateWithTheSameSource && (filtersStateWithTheSameSource.selectedFilterValues?.length ?? 0) > 0) {\n    const selectedValues = filtersStateWithTheSameSource.selectedFilterValues ?? [];\n    const results = await Promise.all(selectedValues.map((selectedValue) => searchSelectedFilterValueOptions(sourceId, selectedValue)));\n    return searchStr ? results.filter((v) => v.label.toLowerCase().includes(searchStr.toLowerCase())) : results;\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr || undefined)).values;\n}\n\nasync function searchSelectedFilterValueOptions(sourceId: string, selectedValue: string) {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve({ value: selectedValue, label: ' ' }); // don't show non-human-readable value\n  }\n  const value = await store.value.controller.getUniqueSourceValuesWithLabels(\n    store.value.columnsDataStore, store.value.inputGuide.value,\n    sourceId, 1, undefined, selectedValue).then((v) => v.values[0]);\n  return value;\n}\n\nconst chartContainerRef = ref();\n\nconst hasPrimaryHidden = computed(() => {\n  if (store.value.reactive.chartType !== 'discrete') {\n    return false;\n  }\n  const optionsState = store.value.reactive.optionsState.components;\n  if (optionsState.primaryGrouping?.selectorStates.length) {\n    const columnName = optionsState.primaryGrouping.selectorStates[0].selectedSource;\n    const dataBindAes = store.value.reactive.dataBindAes[columnName];\n    if (dataBindAes?.type === 'categorical' && dataBindAes.hidden) {\n      return Object.values(dataBindAes.hidden).length > 0 && dataBindAes.order.some((v) => dataBindAes.hidden?.[v]);\n    }\n  }\n  return false;\n});\nconst hasSecondaryHidden = computed(() => {\n  if (store.value.reactive.chartType !== 'discrete') {\n    return false;\n  }\n  const optionsState = store.value.reactive.optionsState.components;\n  if (optionsState.secondaryGrouping?.selectorStates.length) {\n    const columnName = optionsState.secondaryGrouping.selectorStates[0].selectedSource;\n    const dataBindAes = store.value.reactive.dataBindAes[columnName];\n    if (dataBindAes?.type === 'categorical' && dataBindAes.hidden) {\n      return Object.values(dataBindAes.hidden).length > 0 && dataBindAes.order.some((v) => dataBindAes.hidden?.[v]);\n    }\n  }\n  return false;\n});\nfunction openAxesSettingsPrimary() {\n  store.value.reactive.tabDefaultState['axes'].reorderPrimaryOpen = true;\n  store.value.reactive.currentTab = 'axes';\n}\nfunction openAxesSettingsSecondary() {\n  store.value.reactive.tabDefaultState['axes'].reorderSecondaryOpen = true;\n  store.value.reactive.currentTab = 'axes';\n}\n\nconst errorMessage = computed(() => {\n  if (props.errorInfo?.type === 'tooManyFacets') {\n    return `Too many facets (${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyPrimaryGroups') {\n    return `Too many primary groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManySecondaryGroups') {\n    return `Too many secondary groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  return '';\n});\n\n</script>\n\n<template>\n  <div class=\"chart_container\">\n    <div class=\"chart_header\">\n      <input\n        class=\"chart_title\" :value=\"title\" @change=\"onTitleChange\"\n        @keyup.enter=\"(e) => { (e.target as HTMLInputElement)?.blur() }\"\n      />\n      <component :is=\"EditIcon\" class=\"chart_titleEdit\" />\n      <div class=\"chart_titleLineSlot\">\n        <slot />\n      </div>\n    </div>\n    <PlNotificationAlert\n      v-model=\"store.reactive.showTooltipHint\" type=\"success\" class=\"chart_tooltipHint\"\n      width=\"170px\"\n    >\n      Hit enter to pin tooltip\n    </PlNotificationAlert>\n    <div v-if=\"tabBySource\" class=\"chart_tabBy\">\n      <PlDropdown\n        v-if=\"preloadedOptions || (preloadedOptions === undefined && store.loading.inputGuide)\"\n        v-model=\"tabByLocalValue\" label=\"Show for\" :options=\"preloadedOptions\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n      />\n      <PlAutocomplete\n        v-else v-model=\"tabByLocalValue\" label=\"Show for\"\n        :options-search=\"(str) => searchFilterOptions(tabBySource as string, str)\"\n        :model-search=\"(v) => searchSelectedFilterValueOptions(tabBySource as string, v as string)\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n      />\n    </div>\n    <div\n      ref=\"chartContainerRef\" class=\"chart_main-content\"\n      :class=\"[{ 'chart_main-content__dendro': store.reactive.chartType === 'dendro' }, 'pl-scrollable']\"\n    >\n      <div\n        id=\"chartSvgContainer\" :class=\"{\n          'chart_loading': graphStatus === 'loading',\n          'chart_noDataMapping': graphStatus === 'notReady',\n          'chart_emptyData': graphStatus === 'empty',\n          'chart_inconsistent': graphStatus === 'inconsistent',\n          'chart_knownError': graphStatus === 'knownError',\n          'chart_unknownError': graphStatus === 'unknownError',\n          'chart_activeLassoSelection': store.reactive.lassoControlsState?.mode === 'selection'\n        }\"\n      >\n        <Loading v-if=\"graphStatus === 'loading'\" :top=\"10\" />\n        <div v-if=\"graphStatus === 'knownError'\" class=\"chart_errorMessage\">\n          {{ errorMessage }}\n        </div>\n      </div>\n      <DendroTable\n        v-if=\"store.reactive.chartType === 'dendro' && chartData && store.reactive.layersSettings.dendro.showTable\"\n        :chartData=\"chartData\" @row-select=\"onTableRowSelect\"\n      />\n      <DendroTooltip\n        v-if=\"store.reactive.dendroInfoByClick\" :info=\"store.reactive.dendroInfoByClick\"\n        :containerRef=\"chartContainerRef\" :tooltipBtn=\"dendroTooltipButton\"\n        @tooltip-btn-click=\"(id: string) => $emit('dendro-tooltip-btn-click', id)\" @close=\"\n          store.reactive.dendroInfoByClick = null;\n          $emit('dendro-node-select', null);\n        \"\n      />\n    </div>\n    <div v-if=\"graphStatus !== 'empty'\" class=\"chart_controls\">\n      <Zoom />\n      <LassoControls v-if=\"store.reactive.chartType === 'scatterplot-umap'\" :chart-ref=\"chartRef\" />\n      <PlBtnGhost v-if=\"hasPrimaryHidden\" icon=\"view-hide\" @click.stop=\"() => openAxesSettingsPrimary()\">\n        Hidden (primary)\n      </PlBtnGhost>\n      <PlBtnGhost v-if=\"hasSecondaryHidden\" icon=\"view-hide\" @click.stop=\"() => openAxesSettingsSecondary()\">\n        Hidden (secondary)\n      </PlBtnGhost>\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit","store","useStore","props","__props","title","ref","watch","graphTitle","tabByState","computed","_a","tabBySource","tabByFilterValue","_b","filtersStates","tabByLocalValue","value","prevValue","loadOptions","sourceId","filtersStateWithTheSameSource","state","selectedValues","selectedValue","searchSelectedFilterValueOptions","response","MAX_SEARCH_OPTIONS_LIST_LENGTH","preloadedOptions","v","loading","opts","availableOptions","searchFilterOptions","nextFilterValue","onFilterValueUpdate","prevSelectorStates","onTitleChange","e","target","onTableRowSelect","id","searchStr","results","chartContainerRef","hasPrimaryHidden","optionsState","columnName","dataBindAes","hasSecondaryHidden","openAxesSettingsPrimary","openAxesSettingsSecondary","errorMessage","_c","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createBlock","_resolveDynamicComponent","EditIcon","_hoisted_4","_renderSlot","_ctx","_createVNode","_unref","PlNotificationAlert","$event","_cache","_hoisted_5","PlDropdown","PlAutocomplete","str","_normalizeClass","Loading","_hoisted_6","_toDisplayString","DendroTable","DendroTooltip","$emit","_hoisted_7","Zoom","LassoControls","PlBtnGhost"],"mappings":"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"}

package/dist/components/ReorderForm.vue.d.ts

@@ -8,7 +8,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    optionsListRef: HTMLDivElement;
-}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/ReorderForm.vue.js

@@ -1,46 +1,10 @@
-import { defineComponent as c, mergeModels as p, useModel as _, computed as v, ref as f, createElementBlock as r, openBlock as t, createElementVNode as l, Fragment as g, renderList as h, createBlock as k, resolveDynamicComponent as V, toDisplayString as x } from "vue";
-import { useSortable as y } from "@platforma-sdk/ui-vue";
-import L from "../icons/Reorder.vue.js";
-const R = { class: "aes-mapping-block" }, b = { class: "column-value__reorder-icon" }, B = { class: "column-value__title" }, w = /* @__PURE__ */ c({
-  __name: "ReorderForm",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ p(["update:modelValue"], ["update:modelValue"]),
-  setup(u, { emit: i }) {
-    const s = _(u, "modelValue"), d = i, m = v(
-      () => s.value.map((e) => ({
-        text: e.label,
-        value: e.value
-      }))
-    ), a = f();
-    return y(a, {
-      handle: ".column-value__reorder-icon",
-      onChange(e) {
-        d("update:modelValue", e.map((o) => s.value[o]));
-      }
-    }), (e, o) => (t(), r("div", R, [
-      o[0] || (o[0] = l("div", { class: "aes-settings-hint" }, " Drag the rows to reorder ", -1)),
-      l("div", {
-        ref_key: "optionsListRef",
-        ref: a,
-        class: "column-values-list"
-      }, [
-        (t(!0), r(g, null, h(m.value, (n) => (t(), r("div", {
-          key: n.value,
-          class: "column-value column-value__with-reorder"
-        }, [
-          l("div", b, [
-            (t(), k(V(L)))
-          ]),
-          l("div", B, x(n.text), 1)
-        ]))), 128))
-      ], 512)
-    ]));
-  }
-});
+import o from "./ReorderForm.vue2.js";
+import s from "./ReorderForm.vue3.js";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const t = {
+  $style: s
+}, f = /* @__PURE__ */ r(o, [["__cssModules", t]]);
 export {
-  w as default
+  f as default
 };
 //# sourceMappingURL=ReorderForm.vue.js.map

package/dist/components/ReorderForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderForm.vue.js","sources":["../../src/components/ReorderForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useSortable } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport Reorder from '../icons/Reorder.vue';\n\nconst model = defineModel<{ value: string; label: string }[]>({ required: true });\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst optionsList = computed(() => model.value.map((v) => ({\n  text: v.label,\n  value: v.value,\n})),\n);\n\nconst optionsListRef = ref();\nuseSortable(optionsListRef, {\n  handle: '.column-value__reorder-icon',\n  onChange(indices) {\n    emit('update:modelValue', indices.map((idx) => model.value[idx]));\n  },\n});\n\n</script>\n\n<template>\n  <div class=\"aes-mapping-block\">\n    <div class=\"aes-settings-hint\">\n      Drag the rows to reorder\n    </div>\n    <div ref=\"optionsListRef\" class=\"column-values-list\">\n      <div v-for=\"item of optionsList\" :key=\"item.value\" class=\"column-value column-value__with-reorder\">\n        <div class=\"column-value__reorder-icon\">\n          <component :is=\"Reorder\" />\n        </div>\n        <div class=\"column-value__title\">{{ item.text }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["model","_useModel","__props","emit","__emit","optionsList","computed","v","optionsListRef","ref","useSortable","indices","idx","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_Fragment","_renderList","item","_hoisted_2","_createBlock","_resolveDynamicComponent","Reorder","_hoisted_3","_toDisplayString"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,EAA+CC,GAAA,YAAmB,GAE1EC,IAAOC,GAEPC,IAAcC;AAAA,MAAS,MAAMN,EAAM,MAAM,IAAI,CAACO,OAAO;AAAA,QACzD,MAAMA,EAAE;AAAA,QACR,OAAOA,EAAE;AAAA,MAAA,EACT;AAAA,IAAA,GAGIC,IAAiBC,EAAA;AACvB,WAAAC,EAAYF,GAAgB;AAAA,MAC1B,QAAQ;AAAA,MACR,SAASG,GAAS;AAChB,QAAAR,EAAK,qBAAqBQ,EAAQ,IAAI,CAACC,MAAQZ,EAAM,MAAMY,CAAG,CAAC,CAAC;AAAA,MAClE;AAAA,IAAA,CACD,cAKCC,EAAA,GAAAC,EAYM,OAZNC,GAYM;AAAA,MAXJC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAEM,OAAA,EAFD,OAAM,oBAAA,GAAoB,8BAE/B,EAAA;AAAA,MACAA,EAOM,OAAA;AAAA,iBAPG;AAAA,QAAJ,KAAIT;AAAA,QAAiB,OAAM;AAAA,MAAA;gBAC9BM,EAKMI,GAAA,MAAAC,EALcd,EAAA,OAAW,CAAnBe,YAAZN,EAKM,OAAA;AAAA,UAL4B,KAAKM,EAAK;AAAA,UAAO,OAAM;AAAA,QAAA;UACvDH,EAEM,OAFNI,GAEM;AAAA,aADJR,KAAAS,EAA2BC,EAAXC,CAAO,CAAA;AAAA,UAAA;UAEzBP,EAAsD,OAAtDQ,GAAsDC,EAAlBN,EAAK,IAAI,GAAA,CAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"ReorderForm.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}