@milaboratories/graph-maker 1.1.153 → 1.1.155

package/dist/GraphMaker/components/AesSettings/FormWrapper.vue.d.ts

@@ -15,8 +15,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "form:close": (...args: any[]) => void;
+    "form:open": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onForm:close"?: ((...args: any[]) => any) | undefined;
+    "onForm:open"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
 }, any>;

package/dist/GraphMaker/components/AesSettings/FormWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/FormWrapper.vue"],"names":[],"mappings":"AAgCA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAQF,iBAAS,cAAc;WA2DT,OAAO,IAA6B;;yBAXpB,GAAG;;;;;;EAgBhC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FormWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/FormWrapper.vue"],"names":[],"mappings":"AAqCA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAWF,iBAAS,cAAc;WA2DT,OAAO,IAA6B;;yBAXpB,GAAG;;;;;;EAgBhC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/GraphMaker/components/AesSettings/FormWrapper.vue.js

@@ -1,35 +1,37 @@
-import { defineComponent as a, createBlock as r, openBlock as i, Teleport as m, createElementVNode as e, renderSlot as c, withModifiers as p, createTextVNode as d, resolveDynamicComponent as f, toDisplayString as n } from "vue";
-import _ from "../../icons/ArrowLeft.vue.js";
-const k = {
+import { defineComponent as c, onMounted as p, createBlock as s, openBlock as n, Teleport as d, createElementVNode as e, renderSlot as f, withModifiers as k, createTextVNode as _, resolveDynamicComponent as u, toDisplayString as i } from "vue";
+import g from "../../icons/ArrowLeft.vue.js";
+const h = {
   ref: "root",
   class: "aes-settings-form"
-}, u = { class: "aes-settings-form__header" }, $ = /* @__PURE__ */ a({
+}, v = { class: "aes-settings-form__header" }, B = /* @__PURE__ */ c({
   __name: "FormWrapper",
   props: {
     title: {},
     backTitle: {}
   },
-  emits: ["form:close"],
-  setup(l, { emit: g }) {
-    const t = l;
-    return (o, s) => (i(), r(m, { to: "#graph-settings-modal" }, [
-      e("div", k, [
-        e("div", u, [
+  emits: ["form:close", "form:open"],
+  setup(l, { emit: a }) {
+    const o = l, m = a;
+    return p(() => {
+      m("form:open");
+    }), (t, r) => (n(), s(d, { to: "#graph-settings-modal" }, [
+      e("div", h, [
+        e("div", v, [
           e("div", {
-            onClick: s[0] || (s[0] = p((h) => o.$emit("form:close"), ["stop"])),
+            onClick: r[0] || (r[0] = k((T) => t.$emit("form:close"), ["stop"])),
             class: "back-link"
           }, [
-            (i(), r(f(_))),
-            d(" " + n(`Back to ${t.backTitle}`), 1)
+            (n(), s(u(g))),
+            _(" " + i(`Back to ${o.backTitle}`), 1)
           ]),
-          e("h3", null, n(t.title), 1)
+          e("h3", null, i(o.title), 1)
         ]),
-        c(o.$slots, "default")
+        f(t.$slots, "default")
       ], 512)
     ]));
   }
 });
 export {
-  $ as default
+  B as default
 };
 //# sourceMappingURL=FormWrapper.vue.js.map

package/dist/GraphMaker/components/AesSettings/FormWrapper.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormWrapper.vue.js","sources":["../../../../src/GraphMaker/components/AesSettings/FormWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ArrowLeft from \"../../icons/ArrowLeft.vue\";\n\nconst props = defineProps<{\n  title: string;\n  backTitle: string;\n}>();\n\nconst emit = defineEmits([\"form:close\"]);\n\n</script>\n\n<template>\n  <Teleport to=\"#graph-settings-modal\">\n    <div ref=\"root\" class=\"aes-settings-form\">\n      <div class=\"aes-settings-form__header\">\n        <div @click.stop=\"$emit('form:close')\" class=\"back-link\">\n          <component :is=\"ArrowLeft\" />\n          {{ `Back to ${props.backTitle}` }}\n        </div>\n        <h3>\n          {{ props.title }}\n        </h3>\n        </div>\n      <slot/>\n    </div>\n  </Teleport>\n</template>\n"],"names":["props","__props"],"mappings":";;;;;;;;;;;;;AAGA,UAAMA,IAAQC;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormWrapper.vue.js","sources":["../../../../src/GraphMaker/components/AesSettings/FormWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted } from \"vue\";\nimport ArrowLeft from \"../../icons/ArrowLeft.vue\";\n\nconst props = defineProps<{\n  title: string;\n  backTitle: string;\n}>();\n\nconst emit = defineEmits([\"form:close\", \"form:open\"]);\nonMounted(() => {\n  emit(\"form:open\");\n});\n\n</script>\n\n<template>\n  <Teleport to=\"#graph-settings-modal\">\n    <div ref=\"root\" class=\"aes-settings-form\">\n      <div class=\"aes-settings-form__header\">\n        <div @click.stop=\"$emit('form:close')\" class=\"back-link\">\n          <component :is=\"ArrowLeft\" />\n          {{ `Back to ${props.backTitle}` }}\n        </div>\n        <h3>\n          {{ props.title }}\n        </h3>\n        </div>\n      <slot/>\n    </div>\n  </Teleport>\n</template>\n"],"names":["props","__props","emit","__emit","onMounted"],"mappings":";;;;;;;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAOC;AACb,WAAAC,EAAU,MAAM;AACd,MAAAF,EAAK,WAAW;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/Chart.vue"],"names":[],"mappings":"AAgMA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAY1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAMxD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1C,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;CAChC,CAAC;AA+FF,iBAAS,cAAc;WAuNT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Chart.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/Chart.vue"],"names":[],"mappings":"AA2OA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAY1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAMxD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1C,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;CAChC,CAAC;AAoIF,iBAAS,cAAc;WA+PT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.vue.js","sources":["../../../src/GraphMaker/components/Chart.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChartInterface } from '@milaboratories/miplots4';\nimport { SelectorStateFilter } from '@milaboratories/pf-plots';\nimport { ListOption, PlAutocomplete, PlDropdown, PlNotificationAlert } from '@platforma-sdk/ui-vue';\nimport { computed, ref, watch } from 'vue';\nimport DendroTable from '../../GraphMaker/components/DendroTable.vue';\nimport DendroTooltip from '../../GraphMaker/components/DendroTooltip.vue';\nimport LassoControls from '../../GraphMaker/components/LassoControls/index.vue';\nimport Loading from '../../GraphMaker/components/Loading.vue';\nimport Zoom from '../../GraphMaker/components/Zoom/index.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../GraphMaker/constantsCommon.ts';\nimport EditIcon from '../../GraphMaker/icons/EditIcon.vue';\nimport { useStore } from '../../GraphMaker/store.ts';\nimport { GraphStatus } from '../../GraphMaker/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(() => tabBySource.value, async (v) => {\n  if (v === undefined) {\n    return undefined;\n  }\n  preloadedOptions.value = await loadOptions(v);\n});\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\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: selectedValue });\n  }\n  const r = (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n  return r[0];\n}\n\nconst chartContainerRef = ref();\n</script>\n\n<template>\n  <div class=\"chart_container\">\n    <div class=\"chart_header\">\n      <input class=\"chart_title\" :value=\"title\" @change=\"onTitleChange\"\n             @keyup.enter=\"(e) => {(e.target as HTMLInputElement)?.blur()}\" />\n      <component class=\"chart_titleEdit\" :is=\"EditIcon\" />\n      <div class=\"chart_titleLineSlot\">\n        <slot></slot>\n      </div>\n    </div>\n    <PlNotificationAlert\n      type=\"success\"\n      v-model=\"store.reactive.showTooltipHint\"\n      class=\"chart_tooltipHint\"\n      width=\"170px\"\n    >\n      Hit enter to pin tooltip\n    </PlNotificationAlert>\n    <div class=\"chart_tabBy\" v-if=\"tabBySource\">\n      <pl-dropdown\n        v-if=\"preloadedOptions\"\n        label=\"Show for\"\n        v-model=\"tabByLocalValue\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n        :options=\"preloadedOptions\"\n      />\n      <pl-autocomplete\n        v-else\n        v-model=\"tabByLocalValue\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n        :options-search=\"(str) => searchFilterOptions(tabBySource as string, str)\"\n        :model-search=\"(v) => searchSelectedFilterValueOptions(tabBySource as string, v as string)\"\n      />\n    </div>\n    <div class=\"chart_main-content\" ref=\"chartContainerRef\"\n         :class=\"[{'chart_main-content__dendro': store.reactive.chartType === 'dendro'}, 'pl-scrollable']\">\n      <div\n        id=\"chartSvgContainer\"\n        :class=\"{\n          'chart_loading': store.loading.initialCharts && graphStatus === 'ready',\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=\"store.loading.initialCharts && graphStatus === 'ready'\" />\n      </div>\n      <dendro-table\n        v-if=\"store.reactive.chartType === 'dendro' && chartData && store.reactive.layersSettings.dendro.showTable\"\n        :chartData=\"chartData\"\n        @row-select=\"onTableRowSelect\"\n      />\n      <dendro-tooltip\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 class=\"chart_controls\">\n      <zoom v-if=\"graphStatus !== 'empty'\" />\n      <lasso-controls v-if=\"graphStatus !== 'empty' && store.reactive.chartType === 'scatterplot-umap'\" :chart-ref=\"chartRef\"/>\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","opts","availableOptions","searchFilterOptions","nextFilterValue","onFilterValueUpdate","prevSelectorStates","onTitleChange","target","onTableRowSelect","id","searchStr","searchSelectedFilterValueOptions","selectedValue","chartContainerRef"],"mappings":"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"}
+{"version":3,"file":"Chart.vue.js","sources":["../../../src/GraphMaker/components/Chart.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChartInterface } from '@milaboratories/miplots4';\nimport { SelectorStateFilter } from '@milaboratories/pf-plots';\nimport { ListOption, PlAutocomplete, PlBtnGhost, PlDropdown, PlNotificationAlert } from '@platforma-sdk/ui-vue';\nimport { computed, ref, watch } from 'vue';\nimport DendroTable from '../../GraphMaker/components/DendroTable.vue';\nimport DendroTooltip from '../../GraphMaker/components/DendroTooltip.vue';\nimport LassoControls from '../../GraphMaker/components/LassoControls/index.vue';\nimport Loading from '../../GraphMaker/components/Loading.vue';\nimport Zoom from '../../GraphMaker/components/Zoom/index.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../GraphMaker/constantsCommon.ts';\nimport EditIcon from '../../GraphMaker/icons/EditIcon.vue';\nimport { useStore } from '../../GraphMaker/store.ts';\nimport { GraphStatus } from '../../GraphMaker/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(() => tabBySource.value, async (v) => {\n  if (v === undefined) {\n    return undefined;\n  }\n  preloadedOptions.value = await loadOptions(v);\n});\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\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: selectedValue });\n  }\n  const r = (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n  return r[0];\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</script>\n\n<template>\n  <div class=\"chart_container\">\n    <div class=\"chart_header\">\n      <input class=\"chart_title\" :value=\"title\" @change=\"onTitleChange\"\n             @keyup.enter=\"(e) => {(e.target as HTMLInputElement)?.blur()}\" />\n      <component class=\"chart_titleEdit\" :is=\"EditIcon\" />\n      <div class=\"chart_titleLineSlot\">\n        <slot></slot>\n      </div>\n    </div>\n    <PlNotificationAlert\n      type=\"success\"\n      v-model=\"store.reactive.showTooltipHint\"\n      class=\"chart_tooltipHint\"\n      width=\"170px\"\n    >\n      Hit enter to pin tooltip\n    </PlNotificationAlert>\n    <div class=\"chart_tabBy\" v-if=\"tabBySource\">\n      <pl-dropdown\n        v-if=\"preloadedOptions\"\n        label=\"Show for\"\n        v-model=\"tabByLocalValue\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n        :options=\"preloadedOptions\"\n      />\n      <pl-autocomplete\n        v-else\n        v-model=\"tabByLocalValue\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n        :options-search=\"(str) => searchFilterOptions(tabBySource as string, str)\"\n        :model-search=\"(v) => searchSelectedFilterValueOptions(tabBySource as string, v as string)\"\n      />\n    </div>\n    <div class=\"chart_main-content\" ref=\"chartContainerRef\"\n         :class=\"[{'chart_main-content__dendro': store.reactive.chartType === 'dendro'}, 'pl-scrollable']\">\n      <div\n        id=\"chartSvgContainer\"\n        :class=\"{\n          'chart_loading': store.loading.initialCharts && graphStatus === 'ready',\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=\"store.loading.initialCharts && graphStatus === 'ready'\" />\n      </div>\n      <dendro-table\n        v-if=\"store.reactive.chartType === 'dendro' && chartData && store.reactive.layersSettings.dendro.showTable\"\n        :chartData=\"chartData\"\n        @row-select=\"onTableRowSelect\"\n      />\n      <dendro-tooltip\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 class=\"chart_controls\" v-if=\"graphStatus !== 'empty'\">\n      <zoom />\n      <lasso-controls 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","opts","availableOptions","searchFilterOptions","nextFilterValue","onFilterValueUpdate","prevSelectorStates","onTitleChange","e","target","onTableRowSelect","id","searchStr","searchSelectedFilterValueOptions","selectedValue","chartContainerRef","hasPrimaryHidden","optionsState","columnName","dataBindAes","hasSecondaryHidden","openAxesSettingsPrimary","openAxesSettingsSecondary"],"mappings":"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"}

package/dist/GraphMaker/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DiscreteAxesSettingsForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue"],"names":[],"mappings":";AAuiCA,wBAMG"}
+{"version":3,"file":"DiscreteAxesSettingsForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue"],"names":[],"mappings":";AAymCA,wBAMG"}