@milaboratories/graph-maker 1.1.179 → 1.1.181

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

@@ -1,4 +1,4 @@
-import { ChartInterface } from '@milaboratories/miplots4';
+import { ChartInterface, ErrorInfo } from '@milaboratories/miplots4';
 import { GraphStatus } from '../types.ts';
 type __VLS_Props = {
     graphStatus: GraphStatus;
@@ -6,6 +6,7 @@ type __VLS_Props = {
     dendroTooltipButton?: string;
     chartData: Record<string, unknown> | null;
     chartRef: ChartInterface | null;
+    errorInfo: ErrorInfo | null;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/Chart.vue.js

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

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 } 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}>();\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\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_error': graphStatus === 'error',\n          'chart_activeLassoSelection': store.reactive.lassoControlsState?.mode === 'selection'\n        }\"\n      >\n        <Loading v-if=\"graphStatus === 'loading'\" :top=\"10\"/>\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","_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","DendroTable","DendroTooltip","$emit","_hoisted_6","Zoom","LassoControls","PlBtnGhost"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAMA,IAAOC,GAEPC,IAAQC,GAAA,GAERC,IAAQC,GAQRC,IAAQC,EAAIH,EAAM,UAAU;AAElC,IAAAI,EAAM,MAAMJ,EAAM,YAAY,CAACK,MAAe;AAC5C,MAAAH,EAAM,QAAQG;AAAA,IAChB,CAAC;AAED,UAAMC,IAAaC,EAAS,MAAA;;AAAM,cAAAC,IAAAV,EAAM,MAAM,SAAS,aAAa,WAAW,UAA7C,gBAAAU,EAAoD,eAAe;AAAA,KAAqC,GACpIC,IAAcF,EAAS,MAAA;;AAAM,cAAAC,IAAAF,EAAW,UAAX,gBAAAE,EAAkB;AAAA,KAAc,GAC7DE,IAAmBH,EAAS,MAAA;;AAAM,cAAAI,KAAAH,IAAAF,EAAW,UAAX,gBAAAE,EAAkB,yBAAlB,gBAAAG,EAAyC;AAAA,KAAE,GAE7EC,IAAkBT,EAAIO,EAAiB,KAAK;AAClD,IAAAN,EAAM,MAAMK,EAAY,OAAO,CAACI,GAAOC,MAAc;AACnD,MAAID,MAAUC,MACZF,EAAgB,QAAQF,EAAiB;AAAA,IAE7C,GAAG,EAAE,WAAW,IAAM;AAEtB,mBAAeK,EAAYC,GAAkB;AAC3C,UAAI,CAAClB,EAAM,MAAM;AACf,eAAO,QAAQ,QAAQ,EAAE;AAE3B,YAAMmB,IAAW,MAAMnB,EAAM,MAAM,WAAW,gCAAgCA,EAAM,MAAM,kBAAkBA,EAAM,MAAM,WAAW,OAAOkB,GAAUE,CAA8B;AAClL,aAAOD,EAAS,WAAW,OAAOA,EAAS;AAAA,IAC7C;AACA,UAAME,IAAmBhB,EAAA;AACzB,IAAAC,EAAM;AAAA,MACJ,MAAMK,EAAY;AAAA,MAClB,MAAMX,EAAM,MAAM,QAAQ;AAAA,IAAA,GACzB,OAAO,CAACsB,GAAGC,CAAO,MAAM;AACzB,MAAID,MAAM,UAAaC,KAAW,CAACvB,EAAM,MAAM,qBAG/CqB,EAAiB,QAAQ,MAAMJ,EAAYK,CAAC;AAAA,IAC9C,GAAG,EAAE,WAAW,IAAM,GAEtBhB,EAAM,MAAMe,EAAiB,OAAO,OAAOG,MAAS;AAClD,UACEb,EAAY,UAAU,UACnBG,EAAgB,UAAU,UAC1BU,MAAS;AAEZ;AAEF,UAAIC,IAAmBD;AAIvB,UAHIA,MAAS,SACXC,IAAmB,MAAMC,EAAoBf,EAAY,OAAO,EAAE,IAEhEc,KAAA,QAAAA,EAAkB,QAAQ;AAC5B,cAAME,IAAkBF,EAAiB,CAAC,EAAE;AAC5C,QAAAX,EAAgB,QAAQa,GACxBC,EAAoBD,CAAe;AAAA,MACrC;AAAA,IACF,GAAG,EAAE,WAAW,IAAM;AAEtB,aAASC,EAAoBb,GAAe;AAC1C,YAAMc,IAAqB7B,EAAM,MAAM,SAAS,aAAa,WAAW,MAAM;AAC9E,MAAI6B,EAAmB,WACrB7B,EAAM,MAAM,SAAS,aAAa,WAAW,MAAM,iBAAiB,CAAC;AAAA,QACnE,GAAG6B,EAAmB,CAAC;AAAA,QACvB,MAAM;AAAA,QACN,sBAAsB,CAACd,CAAK;AAAA,MAAA,CAC7B;AAAA,IAEL;AAEA,aAASe,EAAcC,GAAU;AAC/B,YAAMC,IAASD,EAAE;AACjB,MAAA3B,EAAM,QAAQ4B,EAAO,OACrBlC,EAAK,sBAAsBkC,EAAO,KAAK;AAAA,IACzC;AAEA,aAASC,EAAiBC,GAAY;AACpC,MAAApC,EAAK,sBAAsBoC,CAAE;AAAA,IAC/B;AAEA,mBAAeR,EAAoBR,GAAkBiB,GAA0C;AAC7F,aAAKnC,EAAM,MAAM,oBAGT,MAAMA,EAAM,MAAM,WAAW,gCAAgCA,EAAM,MAAM,kBAAkBA,EAAM,MAAM,WAAW,OAAOkB,GAAUE,GAAgCe,KAAa,MAAS,GAAG,SAF3L,QAAQ,QAAQ,EAAE;AAAA,IAG7B;AAEA,mBAAeC,EAAiClB,GAAkBmB,GAA4C;AAC5G,aAAKrC,EAAM,MAAM,mBAGH,MAAMA,EAAM,MAAM,WAAW;AAAA,QACzCA,EAAM,MAAM;AAAA,QAAkBA,EAAM,MAAM,WAAW;AAAA,QACrDkB;AAAA,QAAU;AAAA,QAAG;AAAA,QAAWmB;AAAA,MAAA,EAAe,KAAK,CAACf,MAAMA,EAAE,OAAO,CAAC,CAAC,IAJvD,QAAQ,QAAQ,EAAE,OAAOe,GAAe,OAAO,KAAK;AAAA,IAM/D;AAEA,UAAMC,IAAoBjC,EAAA,GAEpBkC,IAAmB9B,EAAS,MAAM;;AACtC,UAAIT,EAAM,MAAM,SAAS,cAAc;AACrC,eAAO;AAET,YAAMwC,IAAexC,EAAM,MAAM,SAAS,aAAa;AACvD,WAAIU,IAAA8B,EAAa,oBAAb,QAAA9B,EAA8B,eAAe,QAAQ;AACvD,cAAM+B,IAAaD,EAAa,gBAAgB,eAAe,CAAC,EAAE,gBAC5DE,IAAc1C,EAAM,MAAM,SAAS,YAAYyC,CAAU;AAC/D,aAAIC,KAAA,gBAAAA,EAAa,UAAS,iBAAiBA,EAAY;AACrD,iBAAO,OAAO,OAAOA,EAAY,MAAM,EAAE,SAAS,KAAKA,EAAY,MAAM,KAAK,CAAC,MAAA;;AAAM,oBAAAhC,IAAAgC,EAAY,WAAZ,gBAAAhC,EAAqB;AAAA,WAAE;AAAA,MAEhH;AACA,aAAO;AAAA,IACT,CAAC,GACKiC,IAAqBlC,EAAS,MAAM;;AACxC,UAAIT,EAAM,MAAM,SAAS,cAAc;AACrC,eAAO;AAET,YAAMwC,IAAexC,EAAM,MAAM,SAAS,aAAa;AACvD,WAAIU,IAAA8B,EAAa,sBAAb,QAAA9B,EAAgC,eAAe,QAAQ;AACzD,cAAM+B,IAAaD,EAAa,kBAAkB,eAAe,CAAC,EAAE,gBAC9DE,IAAc1C,EAAM,MAAM,SAAS,YAAYyC,CAAU;AAC/D,aAAIC,KAAA,gBAAAA,EAAa,UAAS,iBAAiBA,EAAY;AACrD,iBAAO,OAAO,OAAOA,EAAY,MAAM,EAAE,SAAS,KAAKA,EAAY,MAAM,KAAK,CAAC,MAAA;;AAAM,oBAAAhC,IAAAgC,EAAY,WAAZ,gBAAAhC,EAAqB;AAAA,WAAE;AAAA,MAEhH;AACA,aAAO;AAAA,IACT,CAAC;AACD,aAASkC,IAA0B;AACjC,MAAA5C,EAAM,MAAM,SAAS,gBAAgB,KAAQ,qBAAqB,IAClEA,EAAM,MAAM,SAAS,aAAa;AAAA,IACpC;AACA,aAAS6C,IAA4B;AACnC,MAAA7C,EAAM,MAAM,SAAS,gBAAgB,KAAQ,uBAAuB,IACpEA,EAAM,MAAM,SAAS,aAAa;AAAA,IACpC;;;AAKE,aAAA8C,EAAA,GAAAC,EAgFM,OAhFNC,IAgFM;AAAA,QA/EJC,EASM,OATNC,IASM;AAAA,UARJD,EAGE,SAAA;AAAA,YAFA,OAAM;AAAA,YAAe,OAAO7C,EAAA;AAAA,YAAQ,UAAQ0B;AAAA,YAC3C,4BAAcC,MAAC;;AAAO,eAAArB,IAAAqB,EAAE,WAAF,QAAArB,EAA+B;AAAA,YAAI,GAAA,CAAA,OAAA,CAAA;AAAA,UAAA;WAE5DoC,EAAA,GAAAK,EAAoDC,EAApCC,EAAQ,GAAA,EAAE,OAAM,mBAAiB;AAAA,UACjDJ,EAEM,OAFNK,IAEM;AAAA,YADJC,EAAOC,EAAA,QAAA,SAAA;AAAA,UAAA;;QAGXC,EAOsBC,EAAAC,CAAA,GAAA;AAAA,sBANXD,EAAA1D,CAAA,EAAM,SAAS;AAAA,wDAAf0D,EAAA1D,CAAA,EAAM,SAAS,kBAAe4D;AAAA,UACvC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAM;AAAA,QAAA;qBACP,MAED,CAAA,GAAAC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,cAFC,8BAED,EAAA;AAAA,UAAA;;;QACWlD,EAAA,SAAXmC,EAAA,GAAAC,EAgBM,OAhBNe,IAgBM;AAAA,UAdIzC,EAAA,SAAqBA,YAAqB,UAAaqC,EAAA1D,CAAA,EAAM,QAAQ,mBAD7EmD,EAMEO,EAAAK,CAAA,GAAA;AAAA;wBAJSjD,EAAA;AAAA;qCAAAA,EAAe,QAAA8C;AAAA,+BAGHtC,MAAMM,EAAoBN,CAAC;AAAA,YAAA;AAAA,YAFhD,OAAM;AAAA,YACL,SAASD,EAAA;AAAA,UAAA,gDAGZ8B,EAOEO,EAAAM,CAAA,GAAA;AAAA;wBALSlD,EAAA;AAAA;qCAAAA,EAAe,QAAA8C;AAAA,+BAIHtC,MAAMM,EAAoBN,CAAC;AAAA,YAAA;AAAA,YAHhD,OAAM;AAAA,YACL,mBAAiB2C,MAAQvC,EAAoBf,EAAA,OAAuBsD,CAAG;AAAA,YACvE,iBAAe3C,MAAMc,EAAiCzB,EAAA,OAAuBW,CAAC;AAAA,UAAA;;QAInF2B,EAiCM,OAAA;AAAA,mBAhCA;AAAA,UAAJ,KAAIX;AAAA,UAAoB,UAAM,sBAAoB,CAAA,EAAA,8BACVoB,KAAM,SAAS,cAAS,SAAA,GAAA,eAAA,CAAA,CAAA;AAAA,QAAA;UAEhET,EAYM,OAAA;AAAA,YAXJ,IAAG;AAAA,YACF,OAAKiB,EAAA;AAAA,6BAA+B/D,EAAA,gBAAW;AAAA,mCAAiDA,EAAA,gBAAW;AAAA,+BAA8CA,EAAA,gBAAW;AAAA,kCAA8CA,EAAA,gBAAW;AAAA,2BAA8CA,EAAA,gBAAW;AAAA,cAAsD,8BAAAuD,IAAAA,EAAA1D,CAAA,EAAM,SAAS,uBAAf0D,gBAAAA,EAAmC,UAAI;AAAA,YAAA;;YASrWvD,EAAA,gBAAW,kBAA1BgD,EAAqDgB,IAAA;AAAA;cAAV,KAAK;AAAA,YAAA;;UAG1CT,EAAA1D,CAAA,EAAM,SAAS,0BAA0BG,EAAA,aAAauD,EAAA1D,CAAA,EAAM,SAAS,eAAe,OAAO,kBADnGmD,EAIEiB,GAAA;AAAA;YAFC,WAAWjE,EAAA;AAAA,YACX,aAAY8B;AAAA,UAAA;UAGPyB,EAAA1D,CAAA,EAAM,SAAS,0BADvBmD,EAUEkB,GAAA;AAAA;YARC,MAAMX,EAAA1D,CAAA,EAAM,SAAS;AAAA,YACrB,cAAcsC,EAAA;AAAA,YACd,YAAYnC,EAAA;AAAA,YACZ,mBAAiB0D,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAG3B,MAAcoC,EAAAA,kCAAkCpC,CAAE;AAAA,YACtE,SAAK2B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAD,MAAA;AAAaF,cAAAA,EAAA1D,CAAA,EAAM,SAAS,oBAAiB,MAAmBsE,EAAAA,MAAK,sBAAA,IAAA;AAAA;;;QAMpEnE,EAAA,gBAAW,WAAtB2C,KAAAC,EASM,OATNwB,IASM;AAAA,UARJd,EAAQe,EAAA;AAAA,UACad,EAAA1D,CAAA,EAAM,SAAS,cAAS,2BAA7CmD,EAA6FsB,GAAA;AAAA;YAAtB,aAAWtE,EAAA;AAAA,UAAA;UAChEoC,EAAA,cAAlBY,EAEaO,EAAAgB,CAAA,GAAA;AAAA;YAFuB,MAAK;AAAA,YAAa,iCAAkB9B,KAAuB,CAAA,MAAA,CAAA;AAAA,UAAA;uBAAI,MAEnG,CAAA,GAAAiB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,gBAFmG,sBAEnG,EAAA;AAAA,YAAA;;;UACkBlB,EAAA,cAAlBQ,EAEaO,EAAAgB,CAAA,GAAA;AAAA;YAFyB,MAAK;AAAA,YAAa,iCAAkB7B,KAAyB,CAAA,MAAA,CAAA;AAAA,UAAA;uBAAI,MAEvG,CAAA,GAAAgB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,gBAFuG,wBAEvG,EAAA;AAAA,YAAA;;;;;;;;"}
+{"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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"}

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

@@ -0,0 +1,6 @@
+import { ErrorInfoUnknown } from '@milaboratories/miplots4';
+type __VLS_Props = {
+    errorInfo: ErrorInfoUnknown;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ChartErrorNotificationAlert.vue.js

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

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

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

package/dist/components/ChartErrorNotificationAlert.vue2.js

@@ -0,0 +1,78 @@
+import { defineComponent as y, ref as p, computed as C, createElementBlock as c, openBlock as g, normalizeClass as a, createVNode as l, unref as o, withCtx as t, createElementVNode as i, createTextVNode as u } from "vue";
+import { PlDialogModal as w, PlLogView as P, PlNotificationAlert as E, PlBtnPrimary as N, PlSpacer as T } from "@platforma-sdk/ui-vue";
+const $ = /* @__PURE__ */ y({
+  __name: "ChartErrorNotificationAlert",
+  props: {
+    errorInfo: {}
+  },
+  setup(f) {
+    const v = f, s = p(!1), d = p(!0);
+    function V() {
+      s.value = !0;
+    }
+    const m = C(() => {
+      var r;
+      return (r = v.errorInfo.info) == null ? void 0 : r.stack;
+    });
+    return (r, e) => (g(), c("div", {
+      class: a(r.$style.alert)
+    }, [
+      l(o(w), {
+        modelValue: s.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (n) => s.value = n),
+        width: "720px",
+        style: { "max-height": "100vh" }
+      }, {
+        title: t(() => [...e[2] || (e[2] = [
+          u(" Errors ", -1)
+        ])]),
+        default: t(() => [
+          i("div", {
+            class: a(r.$style.alertContent)
+          }, [
+            i("div", {
+              class: a(r.$style.alertItem)
+            }, [
+              i("div", {
+                class: a(r.$style.alertTitle)
+              }, "Chart error", 2),
+              l(o(P), {
+                value: m.value,
+                valueToCopy: m.value,
+                "download-filename": "chart-error-log.txt"
+              }, null, 8, ["value", "valueToCopy"])
+            ], 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      l(o(E), {
+        modelValue: d.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (n) => d.value = n),
+        type: "error",
+        closable: ""
+      }, {
+        actions: t(() => [
+          l(o(N), {
+            icon: "arrow-right",
+            onClick: V
+          }, {
+            default: t(() => [...e[3] || (e[3] = [
+              u("See errors", -1)
+            ])]),
+            _: 1
+          }),
+          l(o(T))
+        ]),
+        default: t(() => [
+          e[4] || (e[4] = u(" The chart has errors. ", -1))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ], 2));
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=ChartErrorNotificationAlert.vue2.js.map

package/dist/components/ChartErrorNotificationAlert.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartErrorNotificationAlert.vue2.js","sources":["../../src/components/ChartErrorNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary, PlDialogModal, PlNotificationAlert, PlSpacer, PlLogView } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { ErrorInfoUnknown } from '@milaboratories/miplots4';\n\nconst props = defineProps<{ errorInfo: ErrorInfoUnknown }>();\n\nconst isModalOpen = ref(false);\nconst isAlertOpen = ref(true);\n\nfunction showErrors() {\n  isModalOpen.value = true;\n}\nconst errorMessage = computed(() => props.errorInfo.info?.stack);\n</script>\n<template>\n  <div :class=\"$style.alert\">\n    <PlDialogModal v-model=\"isModalOpen\" width=\"720px\" style=\"max-height: 100vh\">\n      <template #title> Errors </template>\n      <div :class=\"$style.alertContent\">\n        <div :class=\"$style.alertItem\">\n          <div :class=\"$style.alertTitle\">Chart error</div>\n          <PlLogView\n            :value=\"errorMessage\"\n            :valueToCopy=\"errorMessage\"\n            download-filename=\"chart-error-log.txt\"\n          />\n        </div>\n      </div>\n    </PlDialogModal>\n\n    <PlNotificationAlert v-model=\"isAlertOpen\" type=\"error\" closable>\n      The chart has errors.\n      <template #actions>\n        <PlBtnPrimary icon=\"arrow-right\" @click=\"showErrors\">See errors</PlBtnPrimary>\n        <PlSpacer />\n      </template>\n    </PlNotificationAlert>\n  </div>\n</template>\n<style module>\n.alert {\n    position: fixed;\n    bottom: 12px;\n    right: 12px;\n    width: 256px;\n    height: auto;\n    z-index: 1;\n}\n.alertContent {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    max-height: 100%;\n}\n.alertItem {\n    position: relative;\n}\n.alertTitle {\n    color: var(--txt-01);\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 20px;\n    margin-bottom: 6px;\n}\n</style>\n"],"names":["props","__props","isModalOpen","ref","isAlertOpen","showErrors","errorMessage","computed","_a","_createElementBlock","_normalizeClass","$style","_createVNode","_unref","PlDialogModal","$event","_cache","_createElementVNode","PlLogView","PlNotificationAlert","PlBtnPrimary","PlSpacer"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAERC,IAAcC,EAAI,EAAK,GACvBC,IAAcD,EAAI,EAAI;AAE5B,aAASE,IAAa;AACpB,MAAAH,EAAY,QAAQ;AAAA,IACtB;AACA,UAAMI,IAAeC,EAAS,MAAA;;AAAM,cAAAC,IAAAR,EAAM,UAAU,SAAhB,gBAAAQ,EAAsB;AAAA,KAAK;2BAG7DC,EAsBM,OAAA;AAAA,MAtBA,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,IAAA;MACvBC,EAYgBC,EAAAC,CAAA,GAAA;AAAA,oBAZQZ,EAAA;AAAA,sDAAAA,EAAW,QAAAa;AAAA,QAAE,OAAM;AAAA,QAAQ,OAAA,EAAA,cAAA,QAAA;AAAA,MAAA;QACtC,SAAM,MAAQ,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,YAAR,YAAQ,EAAA;AAAA,QAAA;mBACzB,MASM;AAAA,UATNC,EASM,OAAA;AAAA,YATA,OAAKP,EAAEC,EAAAA,OAAO,YAAY;AAAA,UAAA;YAC9BM,EAOM,OAAA;AAAA,cAPA,OAAKP,EAAEC,EAAAA,OAAO,SAAS;AAAA,YAAA;cAC3BM,EAAiD,OAAA;AAAA,gBAA3C,OAAKP,EAAEC,EAAAA,OAAO,UAAU;AAAA,cAAA,GAAE,eAAW,CAAA;AAAA,cAC3CC,EAIEC,EAAAK,CAAA,GAAA;AAAA,gBAHC,OAAOZ,EAAA;AAAA,gBACP,aAAaA,EAAA;AAAA,gBACd,qBAAkB;AAAA,cAAA;;;;;;MAM1BM,EAMsBC,EAAAM,CAAA,GAAA;AAAA,oBANQf,EAAA;AAAA,sDAAAA,EAAW,QAAAW;AAAA,QAAE,MAAK;AAAA,QAAQ,UAAA;AAAA,MAAA;QAE3C,WACT,MAA8E;AAAA,UAA9EH,EAA8EC,EAAAO,CAAA,GAAA;AAAA,YAAhE,MAAK;AAAA,YAAe,SAAOf;AAAA,UAAA;uBAAY,MAAU,CAAA,GAAAW,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAAV,cAAU,EAAA;AAAA,YAAA;;;UAC/DJ,EAAYC,EAAAQ,CAAA,CAAA;AAAA,QAAA;mBAJiD,MAE/D;AAAA,4BAF+D,2BAE/D,EAAA;AAAA,QAAA;;;;;;"}