@milaboratories/graph-maker 1.1.227 → 1.2.1

package/dist/index.vue.js

@@ -1,28 +1,23 @@
-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 D, 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 { defineComponent as se, mergeModels as Z, useModel as q, ref as p, watch as s, toRaw as u, computed as f, shallowRef as J, onMounted as ce, onUnmounted as ve, useSlots as de, createElementBlock as pe, openBlock as D, createElementVNode as me, createVNode as N, createBlock as O, createCommentVNode as y, withCtx as P, renderSlot as B, unref as c, resolveDynamicComponent as fe } from "vue";
 import { MiPlots as ge } from "@milaboratories/miplots4";
-import { DemoDataStore as fe } from "@milaboratories/pf-plots";
+import { DemoDataStore as he } from "@milaboratories/pf-plots";
 import { watchDebounced as g } from "@vueuse/core";
-/* empty css               */
-import he from "./components/Chart.vue.js";
-import Se from "./components/PanelModal.vue.js";
-import ye from "./components/SettingsTabs/index.vue.js";
+import './components/TransitionSlidePanel.css';import './assets/ui.css';/* empty css               */
+import Se from "./components/Chart.vue.js";
+import ye from "./components/PanelModal.vue.js";
+import Te from "./components/SettingsTabs/index.vue.js";
 import be from "./components/TransitionSlidePanel.vue.js";
 /* empty css                                     */
-import Te from "./components/ChartErrorNotificationAlert.vue.js";
+import we 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 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 "@milaboratories/helpers";
+import { provideStore as ke, createReactiveState as xe } from "./store.js";
+import { copyJSON as T } from "./utils/copyJSON.js";
 import Fe from "./components/GraphStatusScreen.vue.js";
-const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _e = /* @__PURE__ */ ue({
+import { composeChartSettings as K } from "./utils/createChartSettingsForRender/composeChartSettings.js";
+import { saveToFile as Oe } from "./utils/saveToFile.js";
+const Pe = { class: "graph-maker" }, Be = { class: "graph-maker__main-pane" }, ze = /* @__PURE__ */ se({
   __name: "index",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     pFrame: {},
     chartType: {},
     defaultOptions: {},
@@ -43,55 +38,55 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
     selection: {},
     selectionModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["delete-this-graph", "tooltip-btn-click"], ["update:modelValue", "update:selection"]),
-  setup(d, { expose: W, emit: Be }) {
-    const l = H(d, "modelValue"), R = H(d, "selection"), n = d;
-    W({
+  emits: /* @__PURE__ */ Z(["delete-this-graph", "tooltip-btn-click"], ["update:modelValue", "update:selection"]),
+  setup(v, { expose: z, emit: Ee }) {
+    const l = q(v, "modelValue"), $ = q(v, "selection"), o = v;
+    z({
       /**
        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.
        */
-      reset: z
+      reset: Q
     });
-    const w = p(null);
-    c(() => n.pFrame, (e) => {
-      var o;
+    const k = p(null);
+    s(() => o.pFrame, (e) => {
+      var n;
       if (!e.ok || !e.value) {
-        w.value = null;
+        k.value = null;
         return;
       }
-      const a = "platforma" in window ? (o = window.platforma) == null ? void 0 : o.pFrameDriver : n.driver;
+      const a = "platforma" in window ? (n = window.platforma) == null ? void 0 : n.pFrameDriver : o.driver;
       if (!a)
         throw new Error("PFrame driver is missing");
-      w.value = new fe(
+      k.value = new he(
         e.value,
         a,
-        n.labelsModifier
+        o.labelsModifier
       );
     }, { immediate: !0, deep: !0 });
-    const $ = p(n.fixedOptions ?? []);
-    c(() => n.fixedOptions, (e, a) => {
-      (e && a && JSON.stringify(e) !== JSON.stringify(a) || e && !a || a && !e) && ($.value = e);
+    const H = p(o.fixedOptions ?? []);
+    s(() => o.fixedOptions, (e, a) => {
+      (e && a && JSON.stringify(e) !== JSON.stringify(a) || e && !a || a && !e) && (H.value = e);
     }, { deep: !0 });
-    const k = p(n.defaultOptions);
-    c(() => n.defaultOptions, (e) => {
-      k.value = e;
+    const x = p(o.defaultOptions);
+    s(() => o.defaultOptions, (e) => {
+      x.value = e;
     }, { deep: !0 });
-    const t = we(
-      i(l.value),
-      w,
-      n.chartType,
+    const t = ke(
+      u(l.value),
       k,
-      $,
-      n.dataColumnPredicate,
-      n.metaColumnPredicate,
-      n.readonlyInputs,
-      n.defaultPalette
+      o.chartType,
+      x,
+      H,
+      o.dataColumnPredicate,
+      o.metaColumnPredicate,
+      o.readonlyInputs,
+      o.defaultPalette
     );
-    function z() {
-      const e = ke(
-        i(l.value),
-        n.chartType
+    function Q() {
+      const e = xe(
+        u(l.value),
+        o.chartType
       );
       Object.assign(t.value.reactive, e), Object.assign(t.value.loading, {
         initialInputGuide: !0,
@@ -99,108 +94,116 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
         initialDefaults: !0,
         inputGuide: !1,
         chartData: !1
-      }), k.value = n.defaultOptions;
+      }), x.value = o.defaultOptions;
     }
-    const Q = m(() => Ce(t.value.reactive.currentTab)), r = J(null), M = p(null), A = p(!1), f = p(null), b = 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;
+    const X = f(() => Ce(t.value.reactive.currentTab)), i = J(null), M = p(null), A = p(!1), h = p(null), b = f(
+      () => o.pFrame.ok && !o.pFrame.value && !o.pFrame.stable
+    ), E = f(
+      () => t.value.loading.initialInputGuide && F.value === "loading"
+    ), F = f((e) => {
+      var r, m;
       if (b.value)
         return "running";
-      if (n.pFrame.ok && n.pFrame.stable && !n.pFrame.value)
+      if (o.pFrame.ok && o.pFrame.stable && !o.pFrame.value)
         return "noPframe";
-      if (!n.pFrame.ok)
+      if (!o.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 ? ((v = f.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" : k.value === null || t.value.loading.defaults || t.value.loading.initialInputGuide ? "loading" : "notReady" : "inconsistent";
+      const a = t.value.inputGuide.value, n = t.value.chartData.value;
+      return a.consistent ? a.ready ? n && ((r = Object.values(n.data.byColumns.values)[0]) == null ? void 0 : r.length) === 0 ? "empty" : A.value ? ((m = h.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" : x.value === null || t.value.loading.defaults || t.value.loading.initialInputGuide ? "loading" : "notReady" : "inconsistent";
     });
-    function X(e) {
+    function Y(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;
     }
-    function h(e) {
-      t.value.reactive.showTooltipHint = e;
+    const d = p(null);
+    function S(e) {
+      const a = t.value.reactive;
+      if (e) {
+        if (a.tooltipHintWasShown) return;
+        d.value && (clearTimeout(d.value), d.value = null), a.showTooltipHint = !0, d.value = setTimeout(() => {
+          a.showTooltipHint = !1, a.tooltipHintWasShown = !0, d.value = null;
+        }, 3e3);
+      } else
+        a.showTooltipHint = !1;
     }
     function U(e, a) {
-      var T, C;
+      var w, C;
       l.value = {
         ...l.value,
         selectedPolygons: a
       };
-      const o = (C = (T = t.value.chartData.value) == null ? void 0 : T.data) == null ? void 0 : C.axesData;
-      if (e.length === 0 || !o) {
-        R.value = { axesSpec: [], selectedKeys: [] };
+      const n = (C = (w = t.value.chartData.value) == null ? void 0 : w.data) == null ? void 0 : C.axesData;
+      if (e.length === 0 || !n) {
+        $.value = { axesSpec: [], selectedKeys: [] };
         return;
       }
-      const u = Object.keys(o), v = t.value.inputGuide.value;
-      R.value = {
-        axesSpec: u.map((L) => v.getSourceInfo(L).spec),
-        selectedKeys: e.map((L) => u.map((ie) => o[ie][L]))
+      const r = Object.keys(n), m = t.value.inputGuide.value;
+      $.value = {
+        axesSpec: r.map((R) => m.getSourceInfo(R).spec),
+        selectedKeys: e.map((R) => r.map((re) => n[re][R]))
       };
     }
     function V(e) {
       t.value.reactive.lassoControlsState = e;
     }
-    let E = null;
-    function Y(e) {
-      e ? E = setTimeout(() => {
+    let I = null;
+    function _(e) {
+      e ? I = setTimeout(() => {
         t.value.loading.chartRendering = !0;
-      }, 1e3) : (E && clearTimeout(E), t.value.loading.chartRendering = !1);
+      }, 1e3) : (I && clearTimeout(I), t.value.loading.chartRendering = !1);
     }
     const j = p(!1);
-    function _(e) {
+    function ee(e) {
       j.value = e;
     }
-    const ee = {
-      dendro: [X],
+    const te = {
+      dendro: [Y],
       "scatterplot-umap": {
         onPolygonUpdate: U,
-        onTooltipHintSwitch: h,
+        onTooltipHintSwitch: S,
         onLassoControlsStateUpdate: V,
-        onZoomChange: _
+        onZoomChange: ee
       },
-      discrete: [h],
+      discrete: [S],
       scatterplot: {
         onPolygonUpdate: U,
-        onTooltipHintSwitch: h,
+        onTooltipHintSwitch: S,
         onLassoControlsStateUpdate: V
       },
-      histogram: [h],
-      heatmap: { onTooltipHintSwitch: h, onLoadingChange: Y },
-      bubble: [h]
+      histogram: [S],
+      heatmap: { onTooltipHintSwitch: S, onLoadingChange: _ },
+      bubble: [S]
     };
-    function Z(e) {
-      var a, o, u, v, T;
+    function W(e) {
+      var a, n, r, m, w;
       if (e && ((a = Object.values(e.data.values)[0]) == null ? void 0 : a.length) > 0) {
-        if (r.value)
-          r.value.updateSettingsAndData({ ...i(e.data), id: e.data.id + (n.pFrame.ok ? n.pFrame.value : "") }, i(e.settings));
+        if (i.value)
+          i.value.updateSettingsAndData({ ...u(e.data), id: e.data.id + (o.pFrame.ok ? o.pFrame.value : "") }, u(e.settings));
         else {
           const C = document.getElementById("chartSvgContainer");
-          C && (r.value = ge.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(C));
+          C && (i.value = ge.newPlot(u(e.data), u(e.settings), te[e.settings.type]), e.settings.type === "scatterplot-umap" && i.value.updateChartState("polygon", l.value.selectedPolygons ?? []), i.value.mount(C));
         }
-        M.value = (o = r.value) != null && o.calculatedData ? { ...r.value.calculatedData } : null, A.value = ((u = r.value) == null ? void 0 : u.hasError) ?? !1, f.value = ((v = r.value) == null ? void 0 : v.errorInfo) ?? null;
+        M.value = (n = i.value) != null && n.calculatedData ? { ...i.value.calculatedData } : null, A.value = ((r = i.value) == null ? void 0 : r.hasError) ?? !1, h.value = ((m = i.value) == null ? void 0 : m.errorInfo) ?? null;
       } else
-        (T = r.value) == null || T.unmount(), r.value = null, f.value = null;
+        (w = i.value) == null || w.unmount(), i.value = null, h.value = null;
     }
-    c(() => x.value, (e) => {
+    s(() => F.value, (e) => {
       var a;
-      (e === "notReady" || e === "noPframe" || w.value === null) && ((a = r.value) == null || a.unmount(), r.value = null);
+      (e === "notReady" || e === "noPframe" || k.value === null) && ((a = i.value) == null || a.unmount(), i.value = null);
     });
-    const I = J(null);
-    c([
+    const G = J(null);
+    s([
       () => t.value.chartData.value
     ], ([e]) => {
-      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)
+      G.value = K(
+        u(e),
+        u(t.value.inputGuide.value),
+        u(t.value.uniqueValuesData.value),
+        u(t.value.filterLabelsInfo.value),
+        u(t.value.reactive),
+        u(t.value.defaultPalette)
       );
-    }), c([
+    }), s([
       () => t.value.reactive.template,
       () => t.value.reactive.layersSettings,
       () => t.value.reactive.axesSettings,
@@ -208,166 +211,168 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
       () => t.value.reactive.dataBindAes,
       () => t.value.reactive.chartScale
     ], () => {
-      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)
+      G.value = K(
+        u(t.value.chartData.value),
+        u(t.value.inputGuide.value),
+        u(t.value.uniqueValuesData.value),
+        u(t.value.filterLabelsInfo.value),
+        u(t.value.reactive),
+        u(t.value.defaultPalette)
       );
-    }, { deep: !0 }), c(() => I.value, (e) => {
-      Z(e);
-    }), se(() => {
-      Z(null);
+    }, { deep: !0 }), s(() => G.value, (e) => {
+      W(e);
     }), ce(() => {
+      W(null);
+    }), ve(() => {
       var e;
-      (e = r.value) == null || e.unmount();
+      d.value && (clearTimeout(d.value), d.value = null), (e = i.value) == null || e.unmount();
     }), g(() => t.value.reactive.optionsState, (e) => {
       l.value = {
         ...l.value,
-        optionsState: y(e)
+        optionsState: T(e)
       };
     }, { deep: !0, debounce: 1e3 }), g(() => t.value.reactive.usedDefaultOptions, (e) => {
       l.value = {
         ...l.value,
-        usedDefaultOptions: y(e)
+        usedDefaultOptions: T(e)
       };
     }, { deep: !0, debounce: 1e3 }), g(() => t.value.reactive.statisticsSettings, (e) => {
       l.value = {
         ...l.value,
-        statisticsSettings: y(e)
+        statisticsSettings: T(e)
       };
     }, { deep: !0, debounce: 1e3 }), g(() => t.value.reactive.axesSettings, (e) => {
       l.value = {
         ...l.value,
-        axesSettings: y(e)
+        axesSettings: T(e)
       };
     }, { deep: !0, debounce: 1e3 }), g(() => t.value.reactive.layersSettings, (e) => {
       l.value = {
         ...l.value,
-        layersSettings: y(e)
+        layersSettings: T(e)
       };
     }, { deep: !0, debounce: 1e3 }), g(() => t.value.reactive.dataBindAes, (e) => {
       l.value = {
         ...l.value,
-        dataBindAes: y(e)
+        dataBindAes: T(e)
       };
     }, { deep: !0, debounce: 1e3 }), g([
       () => t.value.reactive.chartScale,
       () => t.value.reactive.template,
       () => t.value.reactive.currentTab
-    ], ([e, a, o]) => {
+    ], ([e, a, n]) => {
       l.value = {
         ...l.value,
         zoomState: e,
         template: a,
-        currentTab: o
+        currentTab: n
       };
-    }, { debounce: 1e3 }), c(() => l.value.currentTab, (e) => {
+    }, { debounce: 1e3 }), s(() => t.value.reactive.tooltipHintWasShown, (e) => {
+      e && (l.value = { ...l.value, tooltipHintWasShown: !0 });
+    }), s(() => l.value.currentTab, (e) => {
       t.value.reactive.currentTab = e === void 0 ? "dataMapping" : e;
-    }), c(() => {
-      var e, a, o;
-      return (o = (a = (e = l.value) == null ? void 0 : e.layersSettings) == null ? void 0 : a.dendro) == null ? void 0 : o.showTable;
+    }), s(() => {
+      var e, a, n;
+      return (n = (a = (e = l.value) == null ? void 0 : e.layersSettings) == null ? void 0 : a.dendro) == null ? void 0 : n.showTable;
     }, (e) => {
       t.value.reactive.layersSettings.dendro.showTable = e ?? !1;
     });
-    function te() {
+    function ae() {
       var e;
-      xe(
+      Oe(
         new Blob([
-          ((e = r.value) == null ? void 0 : e.export()) ?? ""
+          ((e = i.value) == null ? void 0 : e.export()) ?? ""
         ]),
         "chart.svg"
       );
     }
-    function ae(e) {
+    function le(e) {
       l.value = {
         ...l.value,
         title: e
       };
     }
-    function le(e) {
+    function oe(e) {
       var a;
-      t.value.reactive.dendroSelectedNodeId = e, (a = r.value) == null || a.updateChartState("selectedNode", e);
+      t.value.reactive.dendroSelectedNodeId = e, (a = i.value) == null || a.updateChartState("selectedNode", e);
     }
-    const G = de(), ne = m(() => !!G.annotationsSlot), oe = m(() => !!G.settingsSlot), re = m(() => !!G.logSlot);
+    const L = de(), ne = f(() => !!L.annotationsSlot), ie = f(() => !!L.settingsSlot), ue = f(() => !!L.logSlot);
     return (e, a) => {
-      var o;
-      return D(), ve("div", Oe, [
-        pe("div", Pe, [
-          N(he, {
-            "graph-status": x.value,
+      var n;
+      return D(), pe("div", Pe, [
+        me("div", Be, [
+          N(Se, {
+            "graph-status": F.value,
             graphTitle: l.value.title,
             chartData: M.value,
-            "chart-ref": r.value,
-            "error-info": f.value,
-            dendroTooltipButton: d.tooltipButton,
-            "custom-status-text": d.statusText,
-            "allow-title-editing": d.allowTitleEditing,
+            "chart-ref": i.value,
+            "error-info": h.value,
+            dendroTooltipButton: v.tooltipButton,
+            "custom-status-text": v.statusText,
+            "allow-title-editing": v.allowTitleEditing,
             isScatterplotZoomChanged: j.value,
-            onGraphTitleUpdate: ae,
-            onDendroNodeSelect: le,
-            onDendroTooltipBtnClick: a[0] || (a[0] = (u) => e.$emit("tooltip-btn-click", u))
+            onGraphTitleUpdate: le,
+            onDendroNodeSelect: oe,
+            onDendroTooltipBtnClick: a[0] || (a[0] = (r) => e.$emit("tooltip-btn-click", r))
           }, {
-            default: O(() => [
-              P(e.$slots, "titleLineSlot")
+            default: P(() => [
+              B(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 ? (D(), F(Fe, {
+          E.value || b.value ? (D(), O(Fe, {
             key: 0,
             graphStatus: b.value ? "running" : "loading",
             top: 67,
             left: 12,
             right: 12,
             bottom: 12,
-            customStatusText: d.statusText
-          }, null, 8, ["graphStatus", "customStatusText"])) : S("", !0),
+            customStatusText: v.statusText
+          }, null, 8, ["graphStatus", "customStatusText"])) : y("", !0),
           N(be, { id: "graph-settings-modal" }, {
-            default: O(() => [
-              s(t).reactive.currentTab && !((B.value || b.value) && s(De)(s(t).reactive.currentTab)) ? (D(), F(Se, {
+            default: P(() => [
+              c(t).reactive.currentTab && !((E.value || b.value) && c(De)(c(t).reactive.currentTab)) ? (D(), O(ye, {
                 key: 0,
-                onClose: a[1] || (a[1] = (u) => s(t).reactive.currentTab = null)
+                onClose: a[1] || (a[1] = (r) => c(t).reactive.currentTab = null)
               }, {
-                default: O(() => [
-                  (D(), 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)
+                default: P(() => [
+                  (D(), O(fe(X.value.value), null, {
+                    default: P(() => [
+                      c(t).reactive.currentTab === "annotations" ? B(e.$slots, "annotationsSlot", { key: 0 }) : y("", !0),
+                      c(t).reactive.currentTab === "settings" ? B(e.$slots, "settingsSlot", { key: 1 }) : y("", !0),
+                      c(t).reactive.currentTab === "log" ? B(e.$slots, "logSlot", { key: 2 }) : y("", !0)
                     ]),
                     _: 3
                   }))
                 ]),
                 _: 3
-              })) : S("", !0)
+              })) : y("", !0)
             ]),
             _: 3
           })
         ]),
-        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,
+        N(Te, {
+          modelValue: c(t).reactive.currentTab,
+          "onUpdate:modelValue": a[2] || (a[2] = (r) => c(t).reactive.currentTab = r),
+          "chart-type": c(t).reactive.chartType,
+          "graph-status": F.value,
+          allowDeleting: v.allowChartDeleting,
           hasAnnotationsSlot: ne.value,
-          hasSettingsSlot: oe.value,
-          hasLogSlot: re.value,
-          initialLoading: B.value || b.value,
-          onExport: te,
-          onDelete: a[3] || (a[3] = (u) => e.$emit("delete-this-graph"))
+          hasSettingsSlot: ie.value,
+          hasLogSlot: ue.value,
+          initialLoading: E.value || b.value,
+          onExport: ae,
+          onDelete: a[3] || (a[3] = (r) => e.$emit("delete-this-graph"))
         }, null, 8, ["modelValue", "chart-type", "graph-status", "allowDeleting", "hasAnnotationsSlot", "hasSettingsSlot", "hasLogSlot", "initialLoading"]),
-        ((o = f.value) == null ? void 0 : o.type) === "unknownError" ? (D(), F(Te, {
+        ((n = h.value) == null ? void 0 : n.type) === "unknownError" ? (D(), O(we, {
           key: 0,
-          errorInfo: f.value
-        }, null, 8, ["errorInfo"])) : S("", !0)
+          errorInfo: h.value
+        }, null, 8, ["errorInfo"])) : y("", !0)
       ]);
     };
   }
 });
 export {
-  _e as default
+  ze as default
 };
 //# sourceMappingURL=index.vue.js.map