@milaboratories/graph-maker 1.1.180 → 1.1.182

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,69 +1,82 @@
-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 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"
-}, se = {
+}, me = {
+  key: 1,
+  class: "chart_errorMessage"
+}, fe = {
   key: 1,
   class: "chart_controls"
-}, be = /* @__PURE__ */ W({
+}, Ce = /* @__PURE__ */ K({
   __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(l, { emit: R }) {
+    const D = R, a = ie(), u = l, w = S(u.graphTitle);
+    g(() => u.graphTitle, (t) => {
+      w.value = t;
     });
-    const C = f(() => {
+    const x = p(() => {
       var t;
       return (t = a.value.reactive.optionsState.components.tabBy) == null ? void 0 : t.selectorStates[0];
-    }), c = f(() => {
+    }), m = p(() => {
       var t;
-      return (t = C.value) == null ? void 0 : t.selectedSource;
-    }), D = f(() => {
+      return (t = x.value) == null ? void 0 : t.selectedSource;
+    }), $ = 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 = 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 L(t) {
+    async function N(t) {
+      var o;
       if (!a.value.columnsDataStore)
         return Promise.resolve([]);
-      const e = await a.value.controller.getUniqueSourceValuesWithLabels(a.value.columnsDataStore, a.value.inputGuide.value, t, O);
-      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 m = S();
-    y([
-      () => c.value,
+    const h = S();
+    g([
+      () => m.value,
       () => a.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 || !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 G(c.value, "")), e != null && e.length) {
-        const i = e[0].value;
-        d.value = i, b(i);
+      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 b(t) {
+    function k(t) {
       const e = a.value.reactive.optionsState.components.tabBy.selectorStates;
       e.length && (a.value.reactive.optionsState.components.tabBy.selectorStates = [{
         ...e[0],
@@ -71,17 +84,25 @@ const re = { class: "chart_container" }, ne = { class: "chart_header" }, le = ["
         selectedFilterValues: [t]
       }]);
     }
-    function F(t) {
+    function O(t) {
       const e = t.currentTarget;
-      g.value = e.value, w("graph-title-update", e.value);
+      w.value = e.value, D("graph-title-update", e.value);
     }
     function U(t) {
-      w("dendro-node-select", t);
+      D("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([]);
+      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 A(t, e) {
+    async function V(t, e) {
       return a.value.columnsDataStore ? await a.value.controller.getUniqueSourceValuesWithLabels(
         a.value.columnsDataStore,
         a.value.inputGuide.value,
@@ -91,31 +112,31 @@ const re = { class: "chart_container" }, ne = { class: "chart_header" }, le = ["
         e
       ).then((o) => o.values[0]) : Promise.resolve({ value: e, label: " " });
     }
-    const P = S(), E = f(() => {
+    const F = S(), A = p(() => {
       var e;
       if (a.value.reactive.chartType !== "discrete")
         return !1;
       const t = a.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];
+        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((v) => {
-            var p;
-            return (p = o.hidden) == null ? void 0 : p[v];
+          return Object.values(o.hidden).length > 0 && o.order.some((i) => {
+            var c;
+            return (c = o.hidden) == null ? void 0 : c[i];
           });
       }
       return !1;
-    }), I = f(() => {
+    }), W = p(() => {
       var e;
       if (a.value.reactive.chartType !== "discrete")
         return !1;
       const t = a.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];
+        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((v) => {
-            var p;
-            return (p = o.hidden) == null ? void 0 : p[v];
+          return Object.values(o.hidden).length > 0 && o.order.some((i) => {
+            var c;
+            return (c = o.hidden) == null ? void 0 : c[i];
           });
       }
       return !1;
@@ -123,130 +144,142 @@ const re = { class: "chart_container" }, ne = { class: "chart_header" }, le = ["
     function q() {
       a.value.reactive.tabDefaultState.axes.reorderPrimaryOpen = !0, a.value.reactive.currentTab = "axes";
     }
-    function M() {
+    function _() {
       a.value.reactive.tabDefaultState.axes.reorderSecondaryOpen = !0, a.value.reactive.currentTab = "axes";
     }
+    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.` : ((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 i;
-      return l(), T("div", re, [
-        h("div", ne, [
-          h("input", {
+      var r;
+      return s(), T("div", se, [
+        y("div", ue, [
+          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: w.value,
+            onChange: O,
+            onKeyup: e[0] || (e[0] = z((o) => {
+              var i;
+              (i = o.target) == null || i.blur();
             }, ["enter"]))
-          }, null, 40, le),
-          (l(), u(j(ae), { class: "chart_titleEdit" })),
-          h("div", ie, [
-            K(t.$slots, "default")
+          }, null, 40, ce),
+          (s(), v(X(le), { class: "chart_titleEdit" })),
+          y("div", de, [
+            J(t.$slots, "default")
           ])
         ]),
-        H(r(z), {
-          modelValue: r(a).reactive.showTooltipHint,
-          "onUpdate:modelValue": e[1] || (e[1] = (o) => r(a).reactive.showTooltipHint = o),
+        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: k(() => [...e[10] || (e[10] = [
-            V(" Hit enter to pin tooltip ", -1)
+          default: C(() => [...e[10] || (e[10] = [
+            B(" 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), {
+        m.value ? (s(), T("div", ve, [
+          h.value || h.value === void 0 && n(a).loading.inputGuide ? (s(), v(n(Z), {
             key: 0,
-            modelValue: d.value,
+            modelValue: f.value,
             "onUpdate:modelValue": [
-              e[2] || (e[2] = (o) => d.value = o),
-              e[3] || (e[3] = (o) => b(o))
+              e[2] || (e[2] = (o) => f.value = o),
+              e[3] || (e[3] = (o) => k(o))
             ],
             label: "Show for",
-            options: m.value
-          }, null, 8, ["modelValue", "options"])) : (l(), u(r(J), {
+            options: h.value
+          }, null, 8, ["modelValue", "options"])) : (s(), v(n(ee), {
             key: 1,
-            modelValue: d.value,
+            modelValue: f.value,
             "onUpdate:modelValue": [
-              e[4] || (e[4] = (o) => d.value = o),
-              e[5] || (e[5] = (o) => b(o))
+              e[4] || (e[4] = (o) => f.value = o),
+              e[5] || (e[5] = (o) => k(o))
             ],
             label: "Show for",
-            "options-search": (o) => G(c.value, o),
-            "model-search": (o) => A(c.value, o)
+            "options-search": (o) => G(m.value, o),
+            "model-search": (o) => V(m.value, o)
           }, null, 8, ["modelValue", "options-search", "model-search"]))
-        ])) : s("", !0),
-        h("div", {
+        ])) : d("", !0),
+        y("div", {
           ref_key: "chartContainerRef",
-          ref: P,
-          class: R(["chart_main-content", [{ "chart_main-content__dendro": r(a).reactive.chartType === "dendro" }, "pl-scrollable"]])
+          ref: F,
+          class: E(["chart_main-content", [{ "chart_main-content__dendro": n(a).reactive.chartType === "dendro" }, "pl-scrollable"]])
         }, [
-          h("div", {
+          y("div", {
             id: "chartSvgContainer",
-            class: R({
-              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"
+            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" ? (l(), u(ee, {
+            l.graphStatus === "loading" ? (s(), v(re, {
               key: 0,
               top: 10
-            })) : s("", !0)
+            })) : d("", !0),
+            l.graphStatus === "knownError" ? (s(), T("div", me, Q(j.value), 1)) : d("", !0)
           ], 2),
-          r(a).reactive.chartType === "dendro" && n.chartData && r(a).reactive.layersSettings.dendro.showTable ? (l(), u(Q, {
+          n(a).reactive.chartType === "dendro" && l.chartData && n(a).reactive.layersSettings.dendro.showTable ? (s(), v(te, {
             key: 0,
-            chartData: n.chartData,
+            chartData: l.chartData,
             onRowSelect: U
-          }, null, 8, ["chartData"])) : s("", !0),
-          r(a).reactive.dendroInfoByClick ? (l(), u(Y, {
+          }, null, 8, ["chartData"])) : d("", !0),
+          n(a).reactive.dendroInfoByClick ? (s(), v(oe, {
             key: 1,
-            info: r(a).reactive.dendroInfoByClick,
-            containerRef: P.value,
-            tooltipBtn: n.dendroTooltipButton,
+            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) => {
-              r(a).reactive.dendroInfoByClick = null, t.$emit("dendro-node-select", null);
+              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" ? (l(), T("div", se, [
-          H(te),
-          r(a).reactive.chartType === "scatterplot-umap" ? (l(), u(Z, {
+        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),
-          E.value ? (l(), u(r(N), {
+            "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] = x(() => q(), ["stop"]))
+            onClick: e[8] || (e[8] = M(() => q(), ["stop"]))
           }, {
-            default: k(() => [...e[11] || (e[11] = [
-              V(" Hidden (primary) ", -1)
+            default: C(() => [...e[11] || (e[11] = [
+              B(" Hidden (primary) ", -1)
             ])]),
             _: 1
-          })) : s("", !0),
-          I.value ? (l(), u(r(N), {
+          })) : d("", !0),
+          W.value ? (s(), v(n(H), {
             key: 2,
             icon: "view-hide",
-            onClick: e[9] || (e[9] = x(() => M(), ["stop"]))
+            onClick: e[9] || (e[9] = M(() => _(), ["stop"]))
           }, {
-            default: k(() => [...e[12] || (e[12] = [
-              V(" 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 } 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]);\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAMA,IAAOC,GAEPC,IAAQC,GAAA,GAERC,IAAQC,GASRC,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,GAC7EC,IAAgBL,EAAS,MAAA;;AAAM,cAAAC,IAAAV,EAAM,MAAM,SAAS,aAAa,WAAW,YAA7C,gBAAAU,EAAsD;AAAA,KAAuC,GAE5HK,IAAkBV,EAAIO,EAAiB,KAAK;AAClD,IAAAN,EAAM,MAAMK,EAAY,OAAO,CAACK,GAAOC,MAAc;AACnD,MAAID,MAAUC,MACZF,EAAgB,QAAQH,EAAiB;AAAA,IAE7C,GAAG,EAAE,WAAW,IAAM;AAEtB,mBAAeM,EAAYC,GAAkB;;AAC3C,UAAI,CAACnB,EAAM,MAAM;AACf,eAAO,QAAQ,QAAQ,EAAE;AAG3B,YAAMoB,IAAgCN,EAAc,MAAM,KAAK,CAACO,MAAUA,EAAM,mBAAmBF,CAAQ;AAC3G,UAAIC,QAAkCV,IAAAU,EAA8B,yBAA9B,gBAAAV,EAAoD,WAAU,KAAK,GAAG;AAC1G,cAAMY,IAAiBF,EAA8B,wBAAwB,CAAA;AAC7E,eAAO,QAAQ,IAAIE,EAAe,IAAI,CAACC,MAAkBC,EAAiCL,GAAUI,CAAa,CAAC,CAAC;AAAA,MACrH;AACA,YAAME,IAAW,MAAMzB,EAAM,MAAM,WAAW,gCAAgCA,EAAM,MAAM,kBAAkBA,EAAM,MAAM,WAAW,OAAOmB,GAAUO,CAA8B;AAClL,aAAOD,EAAS,WAAW,OAAOA,EAAS;AAAA,IAC7C;AACA,UAAME,IAAmBtB,EAAA;AACzB,IAAAC,EAAM;AAAA,MACJ,MAAMK,EAAY;AAAA,MAClB,MAAMX,EAAM,MAAM,QAAQ;AAAA,IAAA,GACzB,OAAO,CAAC4B,GAAGC,CAAO,MAAM;AACzB,MAAID,MAAM,UAAaC,KAAW,CAAC7B,EAAM,MAAM,qBAG/C2B,EAAiB,QAAQ,MAAMT,EAAYU,CAAC;AAAA,IAC9C,GAAG,EAAE,WAAW,IAAM,GAEtBtB,EAAM,MAAMqB,EAAiB,OAAO,OAAOG,MAAS;AAClD,UACEnB,EAAY,UAAU,UACnBI,EAAgB,UAAU,UAC1Be,MAAS;AAEZ;AAEF,UAAIC,IAAmBD;AAIvB,UAHIA,MAAS,SACXC,IAAmB,MAAMC,EAAoBrB,EAAY,OAAO,EAAE,IAEhEoB,KAAA,QAAAA,EAAkB,QAAQ;AAC5B,cAAME,IAAkBF,EAAiB,CAAC,EAAE;AAC5C,QAAAhB,EAAgB,QAAQkB,GACxBC,EAAoBD,CAAe;AAAA,MACrC;AAAA,IACF,GAAG,EAAE,WAAW,IAAM;AAEtB,aAASC,EAAoBlB,GAAe;AAC1C,YAAMmB,IAAqBnC,EAAM,MAAM,SAAS,aAAa,WAAW,MAAM;AAC9E,MAAImC,EAAmB,WACrBnC,EAAM,MAAM,SAAS,aAAa,WAAW,MAAM,iBAAiB,CAAC;AAAA,QACnE,GAAGmC,EAAmB,CAAC;AAAA,QACvB,MAAM;AAAA,QACN,sBAAsB,CAACnB,CAAK;AAAA,MAAA,CAC7B;AAAA,IAEL;AAEA,aAASoB,EAAcC,GAAU;AAC/B,YAAMC,IAASD,EAAE;AACjB,MAAAjC,EAAM,QAAQkC,EAAO,OACrBxC,EAAK,sBAAsBwC,EAAO,KAAK;AAAA,IACzC;AAEA,aAASC,EAAiBC,GAAY;AACpC,MAAA1C,EAAK,sBAAsB0C,CAAE;AAAA,IAC/B;AAEA,mBAAeR,EAAoBb,GAAkBsB,GAAmB;;AACtE,UAAI,CAACzC,EAAM,MAAM;AACf,eAAO,QAAQ,QAAQ,EAAE;AAG3B,YAAMoB,IAAgCN,EAAc,MAAM,KAAK,CAACO,MAAUA,EAAM,mBAAmBF,CAAQ;AAC3G,UAAIC,QAAkCV,IAAAU,EAA8B,yBAA9B,gBAAAV,EAAoD,WAAU,KAAK,GAAG;AAC1G,cAAMY,IAAiBF,EAA8B,wBAAwB,CAAA,GACvEsB,IAAU,MAAM,QAAQ,IAAIpB,EAAe,IAAI,CAACC,MAAkBC,EAAiCL,GAAUI,CAAa,CAAC,CAAC;AAClI,eAAOkB,IAAYC,EAAQ,OAAO,CAACd,MAAMA,EAAE,MAAM,YAAA,EAAc,SAASa,EAAU,YAAA,CAAa,CAAC,IAAIC;AAAA,MACtG;AACA,cAAQ,MAAM1C,EAAM,MAAM,WAAW,gCAAgCA,EAAM,MAAM,kBAAkBA,EAAM,MAAM,WAAW,OAAOmB,GAAUO,GAAgCe,KAAa,MAAS,GAAG;AAAA,IACtM;AAEA,mBAAejB,EAAiCL,GAAkBI,GAAuB;AACvF,aAAKvB,EAAM,MAAM,mBAGH,MAAMA,EAAM,MAAM,WAAW;AAAA,QACzCA,EAAM,MAAM;AAAA,QAAkBA,EAAM,MAAM,WAAW;AAAA,QACrDmB;AAAA,QAAU;AAAA,QAAG;AAAA,QAAWI;AAAA,MAAA,EAAe,KAAK,CAACK,MAAMA,EAAE,OAAO,CAAC,CAAC,IAJvD,QAAQ,QAAQ,EAAE,OAAOL,GAAe,OAAO,KAAK;AAAA,IAM/D;AAEA,UAAMoB,IAAoBtC,EAAA,GAEpBuC,IAAmBnC,EAAS,MAAM;;AACtC,UAAIT,EAAM,MAAM,SAAS,cAAc;AACrC,eAAO;AAET,YAAM6C,IAAe7C,EAAM,MAAM,SAAS,aAAa;AACvD,WAAIU,IAAAmC,EAAa,oBAAb,QAAAnC,EAA8B,eAAe,QAAQ;AACvD,cAAMoC,IAAaD,EAAa,gBAAgB,eAAe,CAAC,EAAE,gBAC5DE,IAAc/C,EAAM,MAAM,SAAS,YAAY8C,CAAU;AAC/D,aAAIC,KAAA,gBAAAA,EAAa,UAAS,iBAAiBA,EAAY;AACrD,iBAAO,OAAO,OAAOA,EAAY,MAAM,EAAE,SAAS,KAAKA,EAAY,MAAM,KAAK,CAACnB,MAAA;;AAAM,oBAAAlB,IAAAqC,EAAY,WAAZ,gBAAArC,EAAqBkB;AAAA,WAAE;AAAA,MAEhH;AACA,aAAO;AAAA,IACT,CAAC,GACKoB,IAAqBvC,EAAS,MAAM;;AACxC,UAAIT,EAAM,MAAM,SAAS,cAAc;AACrC,eAAO;AAET,YAAM6C,IAAe7C,EAAM,MAAM,SAAS,aAAa;AACvD,WAAIU,IAAAmC,EAAa,sBAAb,QAAAnC,EAAgC,eAAe,QAAQ;AACzD,cAAMoC,IAAaD,EAAa,kBAAkB,eAAe,CAAC,EAAE,gBAC9DE,IAAc/C,EAAM,MAAM,SAAS,YAAY8C,CAAU;AAC/D,aAAIC,KAAA,gBAAAA,EAAa,UAAS,iBAAiBA,EAAY;AACrD,iBAAO,OAAO,OAAOA,EAAY,MAAM,EAAE,SAAS,KAAKA,EAAY,MAAM,KAAK,CAACnB,MAAA;;AAAM,oBAAAlB,IAAAqC,EAAY,WAAZ,gBAAArC,EAAqBkB;AAAA,WAAE;AAAA,MAEhH;AACA,aAAO;AAAA,IACT,CAAC;AACD,aAASqB,IAA0B;AACjC,MAAAjD,EAAM,MAAM,SAAS,gBAAgB,KAAQ,qBAAqB,IAClEA,EAAM,MAAM,SAAS,aAAa;AAAA,IACpC;AACA,aAASkD,IAA4B;AACnC,MAAAlD,EAAM,MAAM,SAAS,gBAAgB,KAAQ,uBAAuB,IACpEA,EAAM,MAAM,SAAS,aAAa;AAAA,IACpC;AAEA,UAAMmD,IAAe1C,EAAS,MAAM;;AAClC,eAAIC,IAAAR,EAAM,cAAN,gBAAAQ,EAAiB,UAAS,kBACrB,oBAAoBR,EAAM,UAAU,KAAK,KAAK;AAAA,mBAA6BA,EAAM,UAAU,KAAK,QAAQ;AAAA,6BAE7GW,IAAAX,EAAM,cAAN,gBAAAW,EAAiB,UAAS,yBACrB,4BAAiCX,EAAM,UAAU,KAAK,KAAK;AAAA,mBAA6BA,EAAM,UAAU,KAAK,QAAQ;AAAA,6BAE1HkD,IAAAlD,EAAM,cAAN,gBAAAkD,EAAiB,UAAS,2BACrB,8BAAmClD,EAAM,UAAU,KAAK,KAAK;AAAA,mBAA6BA,EAAM,UAAU,KAAK,QAAQ;AAAA,2BAEzH;AAAA,IACT,CAAC;;;AAKC,aAAAmD,EAAA,GAAAC,EAyEM,OAzENC,IAyEM;AAAA,QAxEJC,EASM,OATNC,IASM;AAAA,UARJD,EAGE,SAAA;AAAA,YAFA,OAAM;AAAA,YAAe,OAAOpD,EAAA;AAAA,YAAQ,UAAQgC;AAAA,YAC3C,4BAAcC,MAAC;;AAAQ,eAAA3B,IAAA2B,EAAE,WAAF,QAAA3B,EAA+B;AAAA,YAAI,GAAA,CAAA,OAAA,CAAA;AAAA,UAAA;WAE7D2C,EAAA,GAAAK,EAAoDC,EAApCC,EAAQ,GAAA,EAAE,OAAM,mBAAiB;AAAA,UACjDJ,EAEM,OAFNK,IAEM;AAAA,YADJC,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;QAGZC,EAKsBC,EAAAC,CAAA,GAAA;AAAA,sBAJXD,EAAAjE,CAAA,EAAM,SAAS;AAAA,wDAAfiE,EAAAjE,CAAA,EAAM,SAAS,kBAAemE;AAAA,UAAE,MAAK;AAAA,UAAU,OAAM;AAAA,UAC9D,OAAM;AAAA,QAAA;qBACP,MAED,CAAA,GAAAC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,cAFC,8BAED,EAAA;AAAA,UAAA;;;QACWzD,EAAA,SAAX0C,EAAA,GAAAC,EAYM,OAZNe,IAYM;AAAA,UAVI1C,EAAA,SAAqBA,YAAqB,UAAasC,EAAAjE,CAAA,EAAM,QAAQ,mBAD7E0D,EAIEO,EAAAK,CAAA,GAAA;AAAA;wBAFSvD,EAAA;AAAA;qCAAAA,EAAe,QAAAoD;AAAA,+BACHvC,MAAMM,EAAoBN,CAAC;AAAA,YAAA;AAAA,YADtB,OAAM;AAAA,YAAY,SAASD,EAAA;AAAA,UAAA,gDAGvD+B,EAKEO,EAAAM,EAAA,GAAA;AAAA;wBAJgBxD,EAAA;AAAA;qCAAAA,EAAe,QAAAoD;AAAA,+BAGVvC,MAAMM,EAAoBN,CAAC;AAAA,YAAA;AAAA,YAHf,OAAM;AAAA,YACtC,mBAAiB4C,MAAQxC,EAAoBrB,EAAA,OAAuB6D,CAAG;AAAA,YACvE,iBAAe5C,MAAMJ,EAAiCb,EAAA,OAAuBiB,CAAC;AAAA,UAAA;;QAInF4B,EAgCM,OAAA;AAAA,mBA/BA;AAAA,UAAJ,KAAIb;AAAA,UAAoB,UAAM,sBAAoB,CAAA,EAAA,8BACTsB,KAAM,SAAS,cAAS,SAAA,GAAA,eAAA,CAAA,CAAA;AAAA,QAAA;UAEjET,EAeM,OAAA;AAAA,YAdJ,IAAG;AAAA,YAAqB,OAAKiB,EAAA;AAAA,6BAA+BtE,EAAA,gBAAW;AAAA,mCAAiDA,EAAA,gBAAW;AAAA,+BAA8CA,EAAA,gBAAW;AAAA,kCAA8CA,EAAA,gBAAW;AAAA,gCAAmDA,EAAA,gBAAW;AAAA,kCAAmDA,EAAA,gBAAW;AAAA,cAA6D,8BAAA8D,IAAAA,EAAAjE,CAAA,EAAM,SAAS,uBAAfiE,gBAAAA,EAAmC,UAAI;AAAA,YAAA;;YAUtc9D,EAAA,gBAAW,kBAA1BuD,EAAsDgB,IAAA;AAAA;cAAX,KAAK;AAAA,YAAA;YACrCvE,EAAA,gBAAW,qBAAtBmD,EAEM,OAFNqB,IAEMC,EADDzB,EAAA,KAAY,GAAA,CAAA;;UAIXc,EAAAjE,CAAA,EAAM,SAAS,0BAA0BG,EAAA,aAAa8D,EAAAjE,CAAA,EAAM,SAAS,eAAe,OAAO,kBADnG0D,EAGEmB,IAAA;AAAA;YADC,WAAW1E,EAAA;AAAA,YAAY,aAAYoC;AAAA,UAAA;UAG9B0B,EAAAjE,CAAA,EAAM,SAAS,0BADvB0D,EAOEoB,IAAA;AAAA;YANyC,MAAMb,EAAAjE,CAAA,EAAM,SAAS;AAAA,YAC7D,cAAc2C,EAAA;AAAA,YAAoB,YAAYxC,EAAA;AAAA,YAC9C,mBAAiBiE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAG5B,MAAeuC,EAAAA,kCAAkCvC,CAAE;AAAA,YAAI,SAAK4B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAD,MAAA;AAAaF,cAAAA,EAAAjE,CAAA,EAAM,SAAS,oBAAiB,MAAmB+E,EAAAA,MAAK,sBAAA,IAAA;AAAA;;;QAM/I5E,EAAA,gBAAW,WAAtBkD,KAAAC,EASM,OATN0B,IASM;AAAA,UARJhB,EAAQiB,EAAA;AAAA,UACahB,EAAAjE,CAAA,EAAM,SAAS,cAAS,2BAA7C0D,EAA8FwB,IAAA;AAAA;YAAvB,aAAW/E,EAAA;AAAA,UAAA;UAChEyC,EAAA,cAAlBc,EAEaO,EAAAkB,CAAA,GAAA;AAAA;YAFuB,MAAK;AAAA,YAAa,iCAAkBlC,KAAuB,CAAA,MAAA,CAAA;AAAA,UAAA;uBAAI,MAEnG,CAAA,GAAAmB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,gBAFmG,sBAEnG,EAAA;AAAA,YAAA;;;UACkBpB,EAAA,cAAlBU,EAEaO,EAAAkB,CAAA,GAAA;AAAA;YAFyB,MAAK;AAAA,YAAa,iCAAkBjC,KAAyB,CAAA,MAAA,CAAA;AAAA,UAAA;uBAAI,MAEvG,CAAA,GAAAkB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,gBAFuG,wBAEvG,EAAA;AAAA,YAAA;;;;;;;;"}

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