@milaboratories/graph-maker 1.1.221 → 1.1.223

package/dist/index.vue.js

@@ -1,31 +1,30 @@
-import { defineComponent as de, mergeModels as q, useModel as H, ref as f, watch as s, toRaw as r, computed as v, shallowRef as J, onMounted as ce, onUnmounted as ve, useSlots as pe, createElementBlock as me, openBlock as C, createElementVNode as fe, createVNode as N, createBlock as x, createCommentVNode as S, withCtx as F, renderSlot as P, unref as d, resolveDynamicComponent as ge } from "vue";
-import { MiPlots as he } from "@milaboratories/miplots4";
-import { DemoDataStore as Se } from "@milaboratories/pf-plots";
-import { watchDebounced as y } from "@vueuse/core";
-import ye from "canonicalize";
+import { defineComponent as ue, mergeModels as q, useModel as H, ref as p, watch as c, toRaw as i, computed as m, shallowRef as J, onMounted as se, onUnmounted as ce, useSlots as de, createElementBlock as ve, openBlock as w, createElementVNode as pe, createVNode as N, createBlock as F, createCommentVNode as S, withCtx as O, renderSlot as P, unref as s, resolveDynamicComponent as me } from "vue";
+import { MiPlots as fe } from "@milaboratories/miplots4";
+import { DemoDataStore as ge } from "@milaboratories/pf-plots";
+import { watchDebounced as f } from "@vueuse/core";
 /* empty css               */
-import be from "./components/Chart.vue.js";
-import Te from "./components/PanelModal.vue.js";
-import De from "./components/SettingsTabs/index.vue.js";
-import Ce from "./components/TransitionSlidePanel.vue.js";
+import he from "./components/Chart.vue.js";
+import Se from "./components/PanelModal.vue.js";
+import ye from "./components/SettingsTabs/index.vue.js";
+import be from "./components/TransitionSlidePanel.vue.js";
 /* empty css                                     */
-import we from "./components/ChartErrorNotificationAlert.vue.js";
-import { useSettingsForm as ke, isOwnGraphMakerTab as Oe } from "./forms/index.js";
-import { provideStore as xe, createReactiveState as Fe } from "./store.js";
+import Te from "./components/ChartErrorNotificationAlert.vue.js";
+import { useSettingsForm as Ce, isOwnGraphMakerTab as De } from "./forms/index.js";
+import { provideStore as we, createReactiveState as ke } from "./store.js";
 import "./constantsCommon.js";
 import "./constantsAesthetic.js";
 import "d3-scale";
-import { composeChartSettings as z } from "./utils/createChartSettingsForRender/composeChartSettings.js";
-import { saveToFile as Pe } from "./utils/saveToFile.js";
-import { copyJSON as w } from "./utils/copyJSON.js";
+import { composeChartSettings as K } from "./utils/createChartSettingsForRender/composeChartSettings.js";
+import { saveToFile as xe } from "./utils/saveToFile.js";
+import { copyJSON as y } from "./utils/copyJSON.js";
 import "@platforma-sdk/model";
-import Be from "./components/GraphStatusScreen.vue.js";
-const Ge = { class: "graph-maker" }, Ie = { class: "graph-maker__main-pane" }, at = /* @__PURE__ */ de({
+import "@milaboratories/helpers";
+import Fe from "./components/GraphStatusScreen.vue.js";
+const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _e = /* @__PURE__ */ ue({
   __name: "index",
   props: /* @__PURE__ */ q({
     pFrame: {},
     chartType: {},
-    dataStateKey: {},
     defaultOptions: {},
     defaultPalette: {},
     fixedOptions: {},
@@ -45,59 +44,54 @@ const Ge = { class: "graph-maker" }, Ie = { class: "graph-maker__main-pane" }, a
     selectionModifiers: {}
   }),
   emits: /* @__PURE__ */ q(["delete-this-graph", "tooltip-btn-click"], ["update:modelValue", "update:selection"]),
-  setup(c, { expose: W, emit: Ee }) {
-    const n = H(c, "modelValue"), R = H(c, "selection"), l = c;
+  setup(d, { expose: W, emit: Be }) {
+    const l = H(d, "modelValue"), R = H(d, "selection"), n = d;
     W({
       /**
        reset() will update data-mapping, axis-settings, layers-settings with the state that is in v-model at the moment.
        In other cases editing of v-model fields doesn't make any impact to graphs and interface.
-       Besides, after reset default-options will be applied again. You can use reset to apply new default-options.
        */
-      reset: Q,
-      /**
-       Apply new defaults without resetting all the state
-       */
-      resetDefaults: X
+      reset: z
     });
-    const k = f(null);
-    s(() => l.pFrame, (e) => {
+    const k = p(null);
+    c(() => n.pFrame, (e) => {
       var o;
       if (!e.ok || !e.value) {
         k.value = null;
         return;
       }
-      const a = "platforma" in window ? (o = window.platforma) == null ? void 0 : o.pFrameDriver : l.driver;
+      const a = "platforma" in window ? (o = window.platforma) == null ? void 0 : o.pFrameDriver : n.driver;
       if (!a)
         throw new Error("PFrame driver is missing");
-      k.value = new Se(
+      k.value = new ge(
         e.value,
         a,
-        l.labelsModifier
+        n.labelsModifier
       );
     }, { immediate: !0, deep: !0 });
-    const $ = f(l.fixedOptions ?? []);
-    s(() => l.fixedOptions, (e, a) => {
+    const $ = p(n.fixedOptions ?? []);
+    c(() => n.fixedOptions, (e, a) => {
       (e && a && JSON.stringify(e) !== JSON.stringify(a) || e && !a || a && !e) && ($.value = e);
     }, { deep: !0 });
-    const p = f(l.defaultOptions);
-    s(() => l.defaultOptions, (e) => {
-      e && !p.value && (p.value = e);
-    });
-    const t = xe(
-      r(n.value),
+    const b = p(n.defaultOptions);
+    c(() => n.defaultOptions, (e) => {
+      e && !b.value && (b.value = e);
+    }, { deep: !0 });
+    const t = we(
+      i(l.value),
       k,
-      l.chartType,
-      p,
+      n.chartType,
+      b,
       $,
-      l.dataColumnPredicate,
-      l.metaColumnPredicate,
-      l.readonlyInputs,
-      l.defaultPalette
+      n.dataColumnPredicate,
+      n.metaColumnPredicate,
+      n.readonlyInputs,
+      n.defaultPalette
     );
-    function Q() {
-      const e = Fe(
-        r(n.value),
-        l.chartType
+    function z() {
+      const e = ke(
+        i(l.value),
+        n.chartType
       );
       Object.assign(t.value.reactive, e), Object.assign(t.value.loading, {
         initialInputGuide: !0,
@@ -105,43 +99,24 @@ const Ge = { class: "graph-maker" }, Ie = { class: "graph-maker__main-pane" }, a
         initialDefaults: !0,
         inputGuide: !1,
         chartData: !1
-      }), p.value = l.defaultOptions;
+      }), b.value = n.defaultOptions;
     }
-    function X() {
-      Object.assign(t.value.loading, {
-        initialInputGuide: !0,
-        initialCharts: !0,
-        initialDefaults: !0,
-        inputGuide: !1,
-        chartData: !1
-      }), p.value = l.defaultOptions ? [...l.defaultOptions] : [];
-    }
-    const M = v(() => t.value.reactive.dataStateKey);
-    s(() => ye(l.dataStateKey), (e) => {
-      (e !== void 0 || M.value !== void 0) && M.value !== e && (Object.assign(t.value.loading, {
-        initialInputGuide: !0,
-        initialCharts: !0,
-        initialDefaults: !0,
-        inputGuide: !1,
-        chartData: !1
-      }), p.value = l.defaultOptions ? [...l.defaultOptions] : []), t.value.reactive.dataStateKey = e;
-    }, { deep: !0, immediate: !0 });
-    const Y = v(() => ke(t.value.reactive.currentTab)), i = J(null), K = f(null), A = f(!1), g = f(null), b = v(
-      () => l.pFrame.ok && !l.pFrame.value && !l.pFrame.stable
-    ), B = v(
-      () => t.value.loading.initialInputGuide && O.value === "loading"
-    ), O = v((e) => {
-      var u, m;
-      if (b.value)
+    const Q = m(() => Ce(t.value.reactive.currentTab)), r = J(null), M = p(null), A = p(!1), g = p(null), T = m(
+      () => n.pFrame.ok && !n.pFrame.value && !n.pFrame.stable
+    ), B = m(
+      () => t.value.loading.initialInputGuide && x.value === "loading"
+    ), x = m((e) => {
+      var u, v;
+      if (T.value)
         return "running";
-      if (l.pFrame.ok && l.pFrame.stable && !l.pFrame.value)
+      if (n.pFrame.ok && n.pFrame.stable && !n.pFrame.value)
         return "noPframe";
-      if (!l.pFrame.ok)
+      if (!n.pFrame.ok)
         return "noPframeWithError";
       const a = t.value.inputGuide.value, o = t.value.chartData.value;
-      return a.consistent ? a.ready ? o && ((u = Object.values(o.data.byColumns.values)[0]) == null ? void 0 : u.length) === 0 ? "empty" : A.value ? ((m = g.value) == null ? void 0 : m.type) === "unknownError" ? "unknownError" : "knownError" : t.value.loading.initialCharts || e !== "ready" && t.value.loading.chartData || t.value.loading.chartRendering || i.value === null && (t.value.loading.inputGuide || t.value.loading.chartData) ? "loading" : "ready" : p.value === null || t.value.loading.defaults || t.value.loading.initialInputGuide ? "loading" : "notReady" : "inconsistent";
+      return a.consistent ? a.ready ? o && ((u = Object.values(o.data.byColumns.values)[0]) == null ? void 0 : u.length) === 0 ? "empty" : A.value ? ((v = g.value) == null ? void 0 : v.type) === "unknownError" ? "unknownError" : "knownError" : t.value.loading.initialCharts || e !== "ready" && t.value.loading.chartData || t.value.loading.chartRendering || r.value === null && (t.value.loading.inputGuide || t.value.loading.chartData) ? "loading" : "ready" : b.value === null || t.value.loading.defaults || t.value.loading.initialInputGuide ? "loading" : "notReady" : "inconsistent";
     });
-    function _(e) {
+    function X(e) {
       var a;
       t.value.reactive.dendroSelectedNodeId = (a = e == null ? void 0 : e.info[0]) == null ? void 0 : a.id, t.value.reactive.dendroInfoByClick = e;
     }
@@ -149,83 +124,83 @@ const Ge = { class: "graph-maker" }, Ie = { class: "graph-maker__main-pane" }, a
       t.value.reactive.showTooltipHint = e;
     }
     function U(e, a) {
-      var T, D;
-      n.value = {
-        ...n.value,
+      var C, D;
+      l.value = {
+        ...l.value,
         selectedPolygons: a
       };
-      const o = (D = (T = t.value.chartData.value) == null ? void 0 : T.data) == null ? void 0 : D.axesData;
+      const o = (D = (C = t.value.chartData.value) == null ? void 0 : C.data) == null ? void 0 : D.axesData;
       if (e.length === 0 || !o) {
         R.value = { axesSpec: [], selectedKeys: [] };
         return;
       }
-      const u = Object.keys(o), m = t.value.inputGuide.value;
+      const u = Object.keys(o), v = t.value.inputGuide.value;
       R.value = {
-        axesSpec: u.map((L) => m.getSourceInfo(L).spec),
-        selectedKeys: e.map((L) => u.map((se) => o[se][L]))
+        axesSpec: u.map((L) => v.getSourceInfo(L).spec),
+        selectedKeys: e.map((L) => u.map((ie) => o[ie][L]))
       };
     }
-    function j(e) {
+    function V(e) {
       t.value.reactive.lassoControlsState = e;
     }
-    let G = null;
-    function ee(e) {
-      e ? G = setTimeout(() => {
+    let E = null;
+    function Y(e) {
+      e ? E = setTimeout(() => {
         t.value.loading.chartRendering = !0;
-      }, 1e3) : (G && clearTimeout(G), t.value.loading.chartRendering = !1);
+      }, 1e3) : (E && clearTimeout(E), t.value.loading.chartRendering = !1);
     }
-    const V = f(!1);
-    function te(e) {
-      V.value = e;
+    const j = p(!1);
+    function _(e) {
+      j.value = e;
     }
-    const ae = {
-      dendro: [_],
+    const ee = {
+      dendro: [X],
       "scatterplot-umap": {
         onPolygonUpdate: U,
         onTooltipHintSwitch: h,
-        onLassoControlsStateUpdate: j,
-        onZoomChange: te
+        onLassoControlsStateUpdate: V,
+        onZoomChange: _
       },
       discrete: [h],
       scatterplot: {
         onPolygonUpdate: U,
         onTooltipHintSwitch: h,
-        onLassoControlsStateUpdate: j
+        onLassoControlsStateUpdate: V
       },
       histogram: [h],
-      heatmap: { onTooltipHintSwitch: h, onLoadingChange: ee },
+      heatmap: { onTooltipHintSwitch: h, onLoadingChange: Y },
       bubble: [h]
     };
     function Z(e) {
-      var a, o, u, m, T;
+      var a, o, u, v, C;
       if (e && ((a = Object.values(e.data.values)[0]) == null ? void 0 : a.length) > 0) {
-        if (i.value)
-          i.value.updateSettingsAndData({ ...r(e.data), id: e.data.id + (l.pFrame.ok ? l.pFrame.value : "") }, r(e.settings));
+        if (r.value)
+          r.value.updateSettingsAndData({ ...i(e.data), id: e.data.id + (n.pFrame.ok ? n.pFrame.value : "") }, i(e.settings));
         else {
           const D = document.getElementById("chartSvgContainer");
-          D && (i.value = he.newPlot(r(e.data), r(e.settings), ae[e.settings.type]), e.settings.type === "scatterplot-umap" && i.value.updateChartState("polygon", n.value.selectedPolygons ?? []), i.value.mount(D));
+          D && (r.value = fe.newPlot(i(e.data), i(e.settings), ee[e.settings.type]), e.settings.type === "scatterplot-umap" && r.value.updateChartState("polygon", l.value.selectedPolygons ?? []), r.value.mount(D));
         }
-        K.value = (o = i.value) != null && o.calculatedData ? { ...i.value.calculatedData } : null, A.value = ((u = i.value) == null ? void 0 : u.hasError) ?? !1, g.value = ((m = i.value) == null ? void 0 : m.errorInfo) ?? null;
+        M.value = (o = r.value) != null && o.calculatedData ? { ...r.value.calculatedData } : null, A.value = ((u = r.value) == null ? void 0 : u.hasError) ?? !1, g.value = ((v = r.value) == null ? void 0 : v.errorInfo) ?? null;
       } else
-        (T = i.value) == null || T.unmount(), i.value = null, g.value = null;
+        (C = r.value) == null || C.unmount(), r.value = null, g.value = null;
     }
-    s(() => O.value, (e) => {
+    c(() => x.value, (e) => {
       var a;
-      (e === "notReady" || e === "noPframe" || k.value === null) && ((a = i.value) == null || a.unmount(), i.value = null);
+      (e === "notReady" || e === "noPframe" || k.value === null) && ((a = r.value) == null || a.unmount(), r.value = null);
     });
     const I = J(null);
-    s([
+    c([
       () => t.value.chartData.value
     ], ([e]) => {
-      I.value = z(
-        r(e),
-        r(t.value.inputGuide.value),
-        r(t.value.uniqueValuesData.value),
-        r(t.value.filterLabelsInfo.value),
-        r(t.value.reactive),
-        r(t.value.defaultPalette)
+      I.value = K(
+        i(e),
+        i(t.value.inputGuide.value),
+        i(t.value.uniqueValuesData.value),
+        i(t.value.filterLabelsInfo.value),
+        i(t.value.reactive),
+        i(t.value.defaultPalette)
       );
-    }), s([
+    }), c([
       () => t.value.reactive.template,
       () => t.value.reactive.layersSettings,
       () => t.value.reactive.axesSettings,
@@ -233,134 +208,134 @@ const Ge = { class: "graph-maker" }, Ie = { class: "graph-maker__main-pane" }, a
       () => t.value.reactive.dataBindAes,
       () => t.value.reactive.chartScale
     ], () => {
-      I.value = z(
-        r(t.value.chartData.value),
-        r(t.value.inputGuide.value),
-        r(t.value.uniqueValuesData.value),
-        r(t.value.filterLabelsInfo.value),
-        r(t.value.reactive),
-        r(t.value.defaultPalette)
+      I.value = K(
+        i(t.value.chartData.value),
+        i(t.value.inputGuide.value),
+        i(t.value.uniqueValuesData.value),
+        i(t.value.filterLabelsInfo.value),
+        i(t.value.reactive),
+        i(t.value.defaultPalette)
       );
-    }, { deep: !0 }), s(() => I.value, (e) => {
+    }, { deep: !0 }), c(() => I.value, (e) => {
       Z(e);
-    }), ce(() => {
+    }), se(() => {
       Z(null);
-    }), ve(() => {
+    }), ce(() => {
       var e;
-      (e = i.value) == null || e.unmount();
-    }), y(() => t.value.reactive.optionsState, (e) => {
-      n.value = {
-        ...n.value,
-        optionsState: w(e)
+      (e = r.value) == null || e.unmount();
+    }), f(() => t.value.reactive.optionsState, (e) => {
+      l.value = {
+        ...l.value,
+        optionsState: y(e)
       };
-    }, { deep: !0, debounce: 1e3 }), y(() => t.value.reactive.statisticsSettings, (e) => {
-      n.value = {
-        ...n.value,
-        statisticsSettings: w(e)
+    }, { deep: !0, debounce: 1e3 }), f(() => t.value.reactive.usedDefaultOptions, (e) => {
+      l.value = {
+        ...l.value,
+        usedDefaultOptions: y(e)
       };
-    }, { deep: !0, debounce: 1e3 }), y(() => t.value.reactive.axesSettings, (e) => {
-      n.value = {
-        ...n.value,
-        axesSettings: w(e)
+    }, { deep: !0, debounce: 1e3 }), f(() => t.value.reactive.statisticsSettings, (e) => {
+      l.value = {
+        ...l.value,
+        statisticsSettings: y(e)
       };
-    }, { deep: !0, debounce: 1e3 }), y(() => t.value.reactive.layersSettings, (e) => {
-      n.value = {
-        ...n.value,
-        layersSettings: w(e)
+    }, { deep: !0, debounce: 1e3 }), f(() => t.value.reactive.axesSettings, (e) => {
+      l.value = {
+        ...l.value,
+        axesSettings: y(e)
       };
-    }, { deep: !0, debounce: 1e3 }), y(() => t.value.reactive.dataBindAes, (e) => {
-      n.value = {
-        ...n.value,
-        dataBindAes: w(e)
+    }, { deep: !0, debounce: 1e3 }), f(() => t.value.reactive.layersSettings, (e) => {
+      l.value = {
+        ...l.value,
+        layersSettings: y(e)
       };
-    }, { deep: !0, debounce: 1e3 }), y([
+    }, { deep: !0, debounce: 1e3 }), f(() => t.value.reactive.dataBindAes, (e) => {
+      l.value = {
+        ...l.value,
+        dataBindAes: y(e)
+      };
+    }, { deep: !0, debounce: 1e3 }), f([
       () => t.value.reactive.chartScale,
       () => t.value.reactive.template,
       () => t.value.reactive.currentTab
     ], ([e, a, o]) => {
-      n.value = {
-        ...n.value,
+      l.value = {
+        ...l.value,
         zoomState: e,
         template: a,
         currentTab: o
       };
-    }, { debounce: 1e3 }), s(() => t.value.reactive.dataStateKey, (e) => {
-      n.value = {
-        ...n.value,
-        dataStateKey: e
-      };
-    }, { immediate: !0 }), s(() => n.value.currentTab, (e) => {
+    }, { debounce: 1e3 }), c(() => l.value.currentTab, (e) => {
       t.value.reactive.currentTab = e === void 0 ? "dataMapping" : e;
-    }), s(() => {
+    }), c(() => {
       var e, a, o;
-      return (o = (a = (e = n.value) == null ? void 0 : e.layersSettings) == null ? void 0 : a.dendro) == null ? void 0 : o.showTable;
+      return (o = (a = (e = l.value) == null ? void 0 : e.layersSettings) == null ? void 0 : a.dendro) == null ? void 0 : o.showTable;
     }, (e) => {
       t.value.reactive.layersSettings.dendro.showTable = e ?? !1;
     });
-    function le() {
+    function te() {
       var e;
-      Pe(
+      xe(
         new Blob([
-          ((e = i.value) == null ? void 0 : e.export()) ?? ""
+          ((e = r.value) == null ? void 0 : e.export()) ?? ""
         ]),
         "chart.svg"
       );
     }
-    function ne(e) {
-      n.value = {
-        ...n.value,
+    function ae(e) {
+      l.value = {
+        ...l.value,
         title: e
       };
     }
-    function oe(e) {
+    function le(e) {
       var a;
-      t.value.reactive.dendroSelectedNodeId = e, (a = i.value) == null || a.updateChartState("selectedNode", e);
+      t.value.reactive.dendroSelectedNodeId = e, (a = r.value) == null || a.updateChartState("selectedNode", e);
     }
-    const E = pe(), ie = v(() => !!E.annotationsSlot), re = v(() => !!E.settingsSlot), ue = v(() => !!E.logSlot);
+    const G = de(), ne = m(() => !!G.annotationsSlot), oe = m(() => !!G.settingsSlot), re = m(() => !!G.logSlot);
     return (e, a) => {
       var o;
-      return C(), me("div", Ge, [
-        fe("div", Ie, [
-          N(be, {
-            "graph-status": O.value,
-            graphTitle: n.value.title,
-            chartData: K.value,
-            "chart-ref": i.value,
+      return w(), ve("div", Oe, [
+        pe("div", Pe, [
+          N(he, {
+            "graph-status": x.value,
+            graphTitle: l.value.title,
+            chartData: M.value,
+            "chart-ref": r.value,
             "error-info": g.value,
-            dendroTooltipButton: c.tooltipButton,
-            "custom-status-text": c.statusText,
-            "allow-title-editing": c.allowTitleEditing,
-            isScatterplotZoomChanged: V.value,
-            onGraphTitleUpdate: ne,
-            onDendroNodeSelect: oe,
+            dendroTooltipButton: d.tooltipButton,
+            "custom-status-text": d.statusText,
+            "allow-title-editing": d.allowTitleEditing,
+            isScatterplotZoomChanged: j.value,
+            onGraphTitleUpdate: ae,
+            onDendroNodeSelect: le,
             onDendroTooltipBtnClick: a[0] || (a[0] = (u) => e.$emit("tooltip-btn-click", u))
           }, {
-            default: F(() => [
+            default: O(() => [
               P(e.$slots, "titleLineSlot")
             ]),
             _: 3
           }, 8, ["graph-status", "graphTitle", "chartData", "chart-ref", "error-info", "dendroTooltipButton", "custom-status-text", "allow-title-editing", "isScatterplotZoomChanged"]),
-          B.value || b.value ? (C(), x(Be, {
+          B.value || T.value ? (w(), F(Fe, {
             key: 0,
-            graphStatus: b.value ? "running" : "loading",
+            graphStatus: T.value ? "running" : "loading",
             top: 67,
             left: 12,
             right: 12,
             bottom: 12,
-            customStatusText: c.statusText
+            customStatusText: d.statusText
           }, null, 8, ["graphStatus", "customStatusText"])) : S("", !0),
-          N(Ce, { id: "graph-settings-modal" }, {
-            default: F(() => [
-              d(t).reactive.currentTab && !((B.value || b.value) && d(Oe)(d(t).reactive.currentTab)) ? (C(), x(Te, {
+          N(be, { id: "graph-settings-modal" }, {
+            default: O(() => [
+              s(t).reactive.currentTab && !((B.value || T.value) && s(De)(s(t).reactive.currentTab)) ? (w(), F(Se, {
                 key: 0,
-                onClose: a[1] || (a[1] = (u) => d(t).reactive.currentTab = null)
+                onClose: a[1] || (a[1] = (u) => s(t).reactive.currentTab = null)
               }, {
-                default: F(() => [
-                  (C(), x(ge(Y.value.value), null, {
-                    default: F(() => [
-                      d(t).reactive.currentTab === "annotations" ? P(e.$slots, "annotationsSlot", { key: 0 }) : S("", !0),
-                      d(t).reactive.currentTab === "settings" ? P(e.$slots, "settingsSlot", { key: 1 }) : S("", !0),
-                      d(t).reactive.currentTab === "log" ? P(e.$slots, "logSlot", { key: 2 }) : S("", !0)
+                default: O(() => [
+                  (w(), F(me(Q.value.value), null, {
+                    default: O(() => [
+                      s(t).reactive.currentTab === "annotations" ? P(e.$slots, "annotationsSlot", { key: 0 }) : S("", !0),
+                      s(t).reactive.currentTab === "settings" ? P(e.$slots, "settingsSlot", { key: 1 }) : S("", !0),
+                      s(t).reactive.currentTab === "log" ? P(e.$slots, "logSlot", { key: 2 }) : S("", !0)
                     ]),
                     _: 3
                   }))
@@ -371,20 +346,20 @@ const Ge = { class: "graph-maker" }, Ie = { class: "graph-maker__main-pane" }, a
             _: 3
           })
         ]),
-        N(De, {
-          modelValue: d(t).reactive.currentTab,
-          "onUpdate:modelValue": a[2] || (a[2] = (u) => d(t).reactive.currentTab = u),
-          "chart-type": d(t).reactive.chartType,
-          "graph-status": O.value,
-          allowDeleting: c.allowChartDeleting,
-          hasAnnotationsSlot: ie.value,
-          hasSettingsSlot: re.value,
-          hasLogSlot: ue.value,
-          initialLoading: B.value || b.value,
-          onExport: le,
+        N(ye, {
+          modelValue: s(t).reactive.currentTab,
+          "onUpdate:modelValue": a[2] || (a[2] = (u) => s(t).reactive.currentTab = u),
+          "chart-type": s(t).reactive.chartType,
+          "graph-status": x.value,
+          allowDeleting: d.allowChartDeleting,
+          hasAnnotationsSlot: ne.value,
+          hasSettingsSlot: oe.value,
+          hasLogSlot: re.value,
+          initialLoading: B.value || T.value,
+          onExport: te,
           onDelete: a[3] || (a[3] = (u) => e.$emit("delete-this-graph"))
         }, null, 8, ["modelValue", "chart-type", "graph-status", "allowDeleting", "hasAnnotationsSlot", "hasSettingsSlot", "hasLogSlot", "initialLoading"]),
-        ((o = g.value) == null ? void 0 : o.type) === "unknownError" ? (C(), x(we, {
+        ((o = g.value) == null ? void 0 : o.type) === "unknownError" ? (w(), F(Te, {
           key: 0,
           errorInfo: g.value
         }, null, 8, ["errorInfo"])) : S("", !0)
@@ -393,6 +368,6 @@ const Ge = { class: "graph-maker" }, Ie = { class: "graph-maker__main-pane" }, a
   }
 });
 export {
-  at as default
+  _e as default
 };
 //# sourceMappingURL=index.vue.js.map