@milaboratories/graph-maker 1.1.207 → 1.1.209

package/dist/components/{Loading.vue.d.ts → GraphStatusScreen.vue.d.ts}

@@ -1,19 +1,21 @@
-import { StatusTextData } from '../types';
+import { GraphStatus, StatusTextData } from '../types';
+import { ErrorInfo } from '@milaboratories/miplots4';
 type __VLS_Props = {
+    graphStatus: GraphStatus;
+    customStatusText?: Partial<StatusTextData>;
+    errorInfo?: ErrorInfo | null;
     top?: number;
     left?: number;
     right?: number;
     bottom?: number;
-    variant?: 'loading' | 'running';
-    customStatusText?: Partial<StatusTextData>;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     bottom: number;
     left: number;
     right: number;
     top: number;
-    variant: "loading" | "running";
     customStatusText: Partial<StatusTextData>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    errorInfo: ErrorInfo | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-//# sourceMappingURL=Loading.vue.d.ts.map
+//# sourceMappingURL=GraphStatusScreen.vue.d.ts.map

package/dist/components/GraphStatusScreen.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphStatusScreen.vue.d.ts","sourceRoot":"","sources":["../../src/components/GraphStatusScreen.vue"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;;YADS,MAAM;UAFR,MAAM;WACL,MAAM;SAFR,MAAM;sBAFO,OAAO,CAAC,cAAc,CAAC;eAC9B,SAAS,GAAG,IAAI;;AAuK9B,wBAOG"}

package/dist/components/GraphStatusScreen.vue.js

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

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

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

package/dist/components/GraphStatusScreen.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent as x, computed as e, watch as T, createElementBlock as I, createCommentVNode as g, openBlock as u, normalizeStyle as v, normalizeClass as $, createBlock as s, unref as i } from "vue";
+import { PlPlaceholder as M, PlAgOverlayLoading as k, PlAgOverlayNoRows as C } from "@platforma-sdk/ui-vue";
+import { DEFAULT_STATUS_TEXT as h } from "../constantsCommon.js";
+const E = /* @__PURE__ */ x({
+  __name: "GraphStatusScreen",
+  props: {
+    graphStatus: {},
+    customStatusText: { default: void 0 },
+    errorInfo: { default: null },
+    top: { default: 0 },
+    left: { default: 0 },
+    right: { default: 0 },
+    bottom: { default: 0 }
+  },
+  setup(n) {
+    const t = n, d = e(() => {
+      var r, o, m, p, c, y;
+      return ((r = t.errorInfo) == null ? void 0 : r.type) === "tooManyFacets" ? `Too many facets (${t.errorInfo.info.count}).
+Maximum count is ${t.errorInfo.info.maxCount}.
+Try to filter the data.` : ((o = t.errorInfo) == null ? void 0 : o.type) === "tooManyPrimaryGroups" ? `Too many primary groups (${t.errorInfo.info.count}).
+Maximum count is ${t.errorInfo.info.maxCount}.
+Try to filter the data.` : ((m = t.errorInfo) == null ? void 0 : m.type) === "tooManySecondaryGroups" ? `Too many secondary groups (${t.errorInfo.info.count}).
+Maximum count is ${t.errorInfo.info.maxCount}.
+Try to filter the data.` : ((p = t.errorInfo) == null ? void 0 : p.type) === "tooManyScatterplotGroupsX" ? `Too many categories on X axis (${t.errorInfo.info.count}).
+Maximum count is ${t.errorInfo.info.maxCount}.
+Try to filter the data.` : ((c = t.errorInfo) == null ? void 0 : c.type) === "tooManyScatterplotGroupsY" ? `Too many categories on Y axis (${t.errorInfo.info.count}).
+Maximum count is ${t.errorInfo.info.maxCount}.
+Try to filter the data.` : ((y = t.errorInfo) == null ? void 0 : y.type) === "tooManyHistogramGroups" ? `Too many groups (${t.errorInfo.info.count}).
+Maximum count is ${t.errorInfo.info.maxCount}.
+Try to filter the data.` : "";
+    }), l = e(() => t.graphStatus === "noPframe" || t.graphStatus === "empty"), f = e(() => t.graphStatus === "notReady" || t.graphStatus === "inconsistent" || t.graphStatus === "knownError" || t.graphStatus === "unknownError"), a = e(() => {
+      var r, o;
+      return t.graphStatus === "knownError" ? d.value : ((o = (r = t.customStatusText) == null ? void 0 : r[t.graphStatus]) == null ? void 0 : o.title) ?? h[t.graphStatus].title;
+    }), S = e(() => {
+      var r, o;
+      return t.graphStatus !== "loading" && t.graphStatus !== "running" ? "" : ((o = (r = t.customStatusText) == null ? void 0 : r[t.graphStatus]) == null ? void 0 : o.subtitle) ?? h[t.graphStatus].subtitle;
+    });
+    return T(() => t.graphStatus, (r) => {
+      console.log("screen", r, a.value);
+    }, { immediate: !0 }), (r, o) => n.graphStatus !== "ready" ? (u(), I("div", {
+      key: 0,
+      class: $(["graph-maker__loading", [r.$style.loaderContainer, { [r.$style.withBorder]: l.value || f.value }]]),
+      style: v({
+        top: `${t.top}px`,
+        bottom: `${t.bottom}px`,
+        right: `${t.right}px`,
+        left: `${t.left}px`
+      })
+    }, [
+      n.graphStatus === "loading" || n.graphStatus === "running" ? (u(), s(i(M), {
+        key: 0,
+        variant: "graph",
+        title: a.value,
+        subtitle: S.value
+      }, null, 8, ["title", "subtitle"])) : l.value ? (u(), s(i(k), {
+        key: a.value + "catInBag",
+        params: { variant: "not-ready", notReadyText: a.value }
+      }, null, 8, ["params"])) : f.value ? (u(), s(i(C), {
+        key: a.value + "catNoData",
+        params: { text: a.value }
+      }, null, 8, ["params"])) : g("", !0)
+    ], 6)) : g("", !0);
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=GraphStatusScreen.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphStatusScreen.vue2.js","sources":["../../src/components/GraphStatusScreen.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlPlaceholder, PlAgOverlayLoading, PlAgOverlayNoRows } from '@platforma-sdk/ui-vue';\nimport { computed, watch } from 'vue';\nimport { DEFAULT_STATUS_TEXT } from '../constantsCommon';\nimport type { GraphStatus, StatusTextData } from '../types';\nimport type { ErrorInfo } from '@milaboratories/miplots4';\n\nconst props = withDefaults(defineProps<{\n  graphStatus: GraphStatus;\n  customStatusText?: Partial<StatusTextData>;\n  errorInfo?: ErrorInfo | null;\n  top?: number;\n  left?: number;\n  right?: number;\n  bottom?: number;\n}>(), {\n  customStatusText: undefined,\n  errorInfo: null,\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n});\n\nconst errorMessage = computed(() => {\n  if (props.errorInfo?.type === 'tooManyFacets') {\n    return `Too many facets (${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyPrimaryGroups') {\n    return `Too many primary groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManySecondaryGroups') {\n    return `Too many secondary groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyScatterplotGroupsX') {\n    return `Too many categories on X axis\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyScatterplotGroupsY') {\n    return `Too many categories on Y axis\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyHistogramGroups') {\n    return `Too many groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  return '';\n});\n\nconst catInBagStatus = computed(() => props.graphStatus === 'noPframe' || props.graphStatus === 'empty');\nconst catNoDataStatus = computed(() => props.graphStatus === 'notReady' || props.graphStatus === 'inconsistent' || props.graphStatus === 'knownError' || props.graphStatus === 'unknownError');\n\nconst statusText = computed(() => {\n  if (props.graphStatus === 'knownError') {\n    return errorMessage.value;\n  }\n  return props.customStatusText?.[props.graphStatus]?.title ?? DEFAULT_STATUS_TEXT[props.graphStatus].title;\n});\n\nconst subtitle = computed(() => {\n  if (props.graphStatus !== 'loading' && props.graphStatus !== 'running') {\n    return '';\n  }\n  return props.customStatusText?.[props.graphStatus]?.subtitle ?? DEFAULT_STATUS_TEXT[props.graphStatus].subtitle;\n});\n\nwatch(() => props.graphStatus, (s) => {\n  console.log('screen', s, statusText.value);\n}, { immediate: true });\n\n</script>\n<template>\n  <div\n    v-if=\"graphStatus !== 'ready'\"\n    class=\"graph-maker__loading\"\n    :class=\"[$style.loaderContainer, {[$style.withBorder]: catInBagStatus || catNoDataStatus}]\"\n    :style=\"{\n      top: `${props.top}px`,\n      bottom: `${props.bottom}px`,\n      right: `${props.right}px`,\n      left: `${props.left}px`\n    }\"\n  >\n    <PlPlaceholder v-if=\"graphStatus === 'loading' || graphStatus === 'running'\" variant=\"graph\" :title=\"statusText\" :subtitle=\"subtitle\" />\n    <PlAgOverlayLoading v-else-if=\"catInBagStatus\" :key=\"statusText + 'catInBag'\" :params=\"{variant: 'not-ready', notReadyText: statusText}\"/>\n    <PlAgOverlayNoRows v-else-if=\"catNoDataStatus\" :key=\"statusText + 'catNoData'\" :params=\"{text: statusText}\"/>\n  </div>\n</template>\n<style module>\n.loaderContainer {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.withBorder {\n    border: 1px solid #E1E3EB;\n    border-radius: 8px;\n    overflow: 'hidden';\n}\n</style>\n"],"names":["props","__props","errorMessage","computed","_a","_b","_c","_d","_e","_f","catInBagStatus","catNoDataStatus","statusText","DEFAULT_STATUS_TEXT","subtitle","watch","s","_createElementBlock","_normalizeClass","$style","_normalizeStyle","_createBlock","_unref","PlPlaceholder","PlAgOverlayLoading","PlAgOverlayNoRows"],"mappings":"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"}

package/dist/components/GraphStatusScreen.vue3.js

@@ -0,0 +1,11 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._loaderContainer_1yfb4_2{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:center;align-items:center}._withBorder_1yfb4_12{border:1px solid #E1E3EB;border-radius:8px;overflow:"hidden"}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+const o = "_loaderContainer_1yfb4_2", r = "_withBorder_1yfb4_12", e = {
+  loaderContainer: o,
+  withBorder: r
+};
+export {
+  e as default,
+  o as loaderContainer,
+  r as withBorder
+};
+//# sourceMappingURL=GraphStatusScreen.vue3.js.map

package/dist/components/GraphStatusScreen.vue3.js.map

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

package/dist/components/LassoControls/index.vue.d.ts

@@ -1,6 +1,7 @@
 import { ChartInterface } from '@milaboratories/miplots4';
 type __VLS_Props = {
     chartRef: ChartInterface | null;
+    isScatterplotZoomChanged?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/LassoControls/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/LassoControls/index.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM/D,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;CACjC,CAAC;;AAiOF,wBAOG"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/LassoControls/index.vue"],"names":[],"mappings":"AAgKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM/D,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;;AA6RF,wBAOG"}

package/dist/components/LassoControls/index.vue.js

@@ -1,94 +1,10 @@
-import { defineComponent as R, computed as P, onMounted as _, onUnmounted as x, createElementBlock as L, openBlock as M, createElementVNode as r, createVNode as l, unref as n, normalizeClass as h, withCtx as T } from "vue";
-import { SCATTERPLOT_LASSO_EVENTS as d } from "@milaboratories/miplots4";
-import { PlBtnGhost as c, PlMaskIcon24 as z } from "@platforma-sdk/ui-vue";
-import { useStore as B } from "../../store.js";
-const N = { class: "lasso-controls-container" }, V = { class: "lasso-buttons-group" }, G = /* @__PURE__ */ R({
-  __name: "index",
-  props: {
-    chartRef: {}
-  },
-  setup(E) {
-    const a = E, w = B(), t = P(() => w.value.reactive.lassoControlsState);
-    function i() {
-      var e;
-      (e = a.chartRef) == null || e.updateChartState(d.selectMode, "pen");
-    }
-    function u() {
-      var e;
-      (e = a.chartRef) == null || e.updateChartState(d.selectMode, "selection");
-    }
-    function f() {
-      var e;
-      (e = a.chartRef) == null || e.updateChartState(d.back, null);
-    }
-    function m() {
-      var e;
-      (e = a.chartRef) == null || e.updateChartState(d.forward, null);
-    }
-    function K() {
-      var e;
-      (e = a.chartRef) == null || e.updateChartState(d.delete, null);
-    }
-    function p(e) {
-      var o, s;
-      e.key === "p" && i(), e.key === "v" && u(), (o = t.value) != null && o.backEnabled && e.key === "z" && (e.ctrlKey || e.metaKey) && !e.shiftKey && f(), (s = t.value) != null && s.forwardEnabled && e.key === "z" && (e.ctrlKey || e.metaKey) && e.shiftKey && m();
-    }
-    return _(() => {
-      document.addEventListener("keydown", p);
-    }), x(() => {
-      document.removeEventListener("keydown", p);
-    }), (e, o) => {
-      var s, v, b, k, C, y, S;
-      return M(), L("div", N, [
-        r("div", V, [
-          o[0] || (o[0] = r("div", { class: "lasso-controls-border" }, null, -1)),
-          l(n(c), {
-            class: h({
-              "lasso-button-selected": ((s = t.value) == null ? void 0 : s.mode) === "pen" || !t.value,
-              "lasso-button-not-selected": ((v = t.value) == null ? void 0 : v.mode) !== "pen" && t.value
-            }),
-            icon: "cursor-pointer",
-            onClick: i
-          }, null, 8, ["class"]),
-          l(n(c), {
-            class: h({
-              "lasso-button-selected": ((b = t.value) == null ? void 0 : b.mode) === "selection",
-              "lasso-button-not-selected": ((k = t.value) == null ? void 0 : k.mode) !== "selection"
-            }),
-            icon: "pen-tool",
-            onClick: u
-          }, null, 8, ["class"]),
-          o[1] || (o[1] = r("div", { class: "lasso-controls-separator" }, null, -1)),
-          l(n(c), {
-            disabled: !((C = t.value) != null && C.backEnabled),
-            icon: "arrow-left-curved",
-            onClick: f
-          }, null, 8, ["disabled"]),
-          l(n(c), {
-            disabled: !((y = t.value) != null && y.forwardEnabled),
-            onClick: m
-          }, {
-            icon: T(() => [
-              l(n(z), {
-                name: "arrow-left-curved",
-                style: { transform: "scale(-1, 1)" }
-              })
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          o[2] || (o[2] = r("div", { class: "lasso-controls-separator" }, null, -1)),
-          l(n(c), {
-            disabled: !((S = t.value) != null && S.deleteEnabled),
-            icon: "delete-bin",
-            onClick: K
-          }, null, 8, ["disabled"])
-        ]),
-        o[3] || (o[3] = r("div", { class: "lasso-hint" }, " Hold Cmd/Ctrl and left-click to pan the canvas ", -1))
-      ]);
-    };
-  }
-});
+import s from "./index.vue2.js";
+import o from "./index.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
 export {
-  G as default
+  f as default
 };
 //# sourceMappingURL=index.vue.js.map

package/dist/components/LassoControls/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../src/components/LassoControls/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChartInterface } from '@milaboratories/miplots4';\nimport { SCATTERPLOT_LASSO_EVENTS } from '@milaboratories/miplots4';\nimport { PlBtnGhost, PlMaskIcon24 } from '@platforma-sdk/ui-vue';\nimport { computed, onMounted, onUnmounted } from 'vue';\nimport { useStore } from '../../store';\n\nconst props = defineProps<{\n  chartRef: ChartInterface | null;\n}>();\n\nconst store = useStore();\nconst controlsState = computed(() => store.value.reactive.lassoControlsState);\n\nfunction setPen() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.selectMode, 'pen');\n}\nfunction setSelection() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.selectMode, 'selection');\n}\nfunction back() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.back, null);\n}\nfunction forward() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.forward, null);\n}\nfunction deletePolygon() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.delete, null);\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if (e.key === 'p') {\n    setPen();\n  }\n  if (e.key === 'v') {\n    setSelection();\n  }\n  if (controlsState.value?.backEnabled && e.key === 'z' && (e.ctrlKey || e.metaKey) && !e.shiftKey) {\n    back();\n  }\n  if (controlsState.value?.forwardEnabled && e.key === 'z' && (e.ctrlKey || e.metaKey) && e.shiftKey) {\n    forward();\n  }\n}\nonMounted(() => {\n  document.addEventListener('keydown', onKeyDown);\n});\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeyDown);\n});\n\n</script>\n<template>\n  <div class=\"lasso-controls-container\">\n    <div class=\"lasso-buttons-group\">\n      <div class=\"lasso-controls-border\"/>\n      <PlBtnGhost\n        :class=\"{\n          'lasso-button-selected': controlsState?.mode === 'pen' || !controlsState,\n          'lasso-button-not-selected': controlsState?.mode !== 'pen' && controlsState,\n        }\"\n        icon=\"cursor-pointer\"\n        @click=\"setPen\"\n      />\n      <PlBtnGhost\n        :class=\"{\n          'lasso-button-selected': controlsState?.mode === 'selection',\n          'lasso-button-not-selected': controlsState?.mode !== 'selection',\n        }\"\n        icon=\"pen-tool\"\n        @click=\"setSelection\"\n      />\n      <div class=\"lasso-controls-separator\"/>\n      <PlBtnGhost\n        :disabled=\"!controlsState?.backEnabled\"\n        icon=\"arrow-left-curved\"\n        @click=\"back\"\n      />\n      <PlBtnGhost\n        :disabled=\"!controlsState?.forwardEnabled\"\n        @click=\"forward\"\n      >\n        <template #icon>\n          <PlMaskIcon24 name=\"arrow-left-curved\" :style=\"{transform: 'scale(-1, 1)'}\"/>\n        </template>\n      </PlBtnGhost>\n      <div class=\"lasso-controls-separator\"/>\n      <PlBtnGhost\n        :disabled=\"!controlsState?.deleteEnabled\"\n        icon=\"delete-bin\"\n        @click=\"deletePolygon\"\n      />\n    </div>\n    <div class=\"lasso-hint\">\n      Hold Cmd/Ctrl and left-click to pan the canvas\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","store","useStore","controlsState","computed","setPen","_a","SCATTERPLOT_LASSO_EVENTS","setSelection","back","forward","deletePolygon","onKeyDown","_b","onMounted","onUnmounted","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_unref","PlBtnGhost","_normalizeClass","_c","_d","_e","_f","PlMaskIcon24","_g","_cache"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/LassoControls/index.vue2.js

@@ -1,5 +1,139 @@
-import f from "./index.vue.js";
+import { defineComponent as V, computed as K, onMounted as g, onUnmounted as P, watch as z, createElementBlock as L, openBlock as $, normalizeClass as l, createElementVNode as i, createBlock as M, createCommentVNode as Z, createVNode as s, unref as o, withCtx as u, createTextVNode as D } from "vue";
+import { SCATTERPLOT_CONTROLS_EVENTS as r } from "@milaboratories/miplots4";
+import { PlBtnGhost as c, PlMaskIcon24 as B, PlTooltip as H } from "@platforma-sdk/ui-vue";
+import { useStore as I } from "../../store.js";
+const U = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    chartRef: {},
+    isScatterplotZoomChanged: { type: Boolean }
+  },
+  setup(p) {
+    const n = p, f = I(), t = K(() => f.value.reactive.lassoControlsState);
+    function E() {
+      var e;
+      (e = n.chartRef) == null || e.updateChartState(r.lassoSelectMode, "pen");
+    }
+    function R() {
+      var e;
+      (e = n.chartRef) == null || e.updateChartState(r.lassoSelectMode, "selection");
+    }
+    function m() {
+      var e;
+      (e = n.chartRef) == null || e.updateChartState(r.lassoBack, null);
+    }
+    function C() {
+      var e;
+      (e = n.chartRef) == null || e.updateChartState(r.lassoForward, null);
+    }
+    function N() {
+      var e;
+      (e = n.chartRef) == null || e.updateChartState(r.lassoDelete, null);
+    }
+    function y(e) {
+      var a, d;
+      (a = t.value) != null && a.backEnabled && e.key === "z" && (e.ctrlKey || e.metaKey) && !e.shiftKey && m(), (d = t.value) != null && d.forwardEnabled && e.key === "z" && (e.ctrlKey || e.metaKey) && e.shiftKey && C();
+    }
+    g(() => {
+      document.addEventListener("keydown", y);
+    }), P(() => {
+      document.removeEventListener("keydown", y);
+    });
+    function T() {
+      var e;
+      (e = n.chartRef) == null || e.updateChartState(r.resetViewport, null);
+    }
+    return z(() => {
+      var e, a;
+      return (a = (e = n.chartRef) == null ? void 0 : e.calculatedData) == null ? void 0 : a.isZoomChanged;
+    }, (e) => {
+      console.log("isZoomChanged", e);
+    }), (e, a) => {
+      var d, v, h, S, k, b, w;
+      return $(), L("div", {
+        class: l(e.$style.lassoControlsContainer)
+      }, [
+        i("div", {
+          class: l(e.$style.lassoButtonsGroup)
+        }, [
+          i("div", {
+            class: l(e.$style.lassoControlsBorder)
+          }, null, 2),
+          s(o(c), {
+            class: l({
+              [e.$style.lassoButtonSelected]: ((d = t.value) == null ? void 0 : d.mode) === "pen" || !t.value,
+              [e.$style.lassoButtonNotSelected]: ((v = t.value) == null ? void 0 : v.mode) !== "pen" && t.value
+            }),
+            icon: "cursor-pointer",
+            onClick: E
+          }, null, 8, ["class"]),
+          s(o(c), {
+            class: l({
+              [e.$style.lassoButtonSelected]: ((h = t.value) == null ? void 0 : h.mode) === "selection",
+              [e.$style.lassoButtonNotSelected]: ((S = t.value) == null ? void 0 : S.mode) !== "selection"
+            }),
+            icon: "pen-tool",
+            onClick: R
+          }, null, 8, ["class"]),
+          i("div", {
+            class: l(e.$style.lassoControlsSeparator)
+          }, null, 2),
+          s(o(c), {
+            disabled: !((k = t.value) != null && k.backEnabled),
+            icon: "arrow-left-curved",
+            onClick: m
+          }, null, 8, ["disabled"]),
+          s(o(c), {
+            disabled: !((b = t.value) != null && b.forwardEnabled),
+            onClick: C
+          }, {
+            icon: u(() => [
+              s(o(B), {
+                name: "arrow-left-curved",
+                style: { transform: "scale(-1, 1)" }
+              })
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          i("div", {
+            class: l(e.$style.lassoControlsSeparator)
+          }, null, 2),
+          s(o(c), {
+            disabled: !((w = t.value) != null && w.deleteEnabled),
+            icon: "delete-bin",
+            onClick: N
+          }, null, 8, ["disabled"])
+        ], 2),
+        o(f).reactive.chartType === "scatterplot-umap" ? ($(), M(o(c), {
+          key: 0,
+          class: l(e.$style.resetViewport),
+          disabled: !p.isScatterplotZoomChanged,
+          onClick: T
+        }, {
+          default: u(() => [
+            s(o(B), {
+              name: "restart",
+              class: l(e.$style.resetIcon)
+            }, null, 8, ["class"]),
+            s(o(H), {
+              class: l(["info", e.$style.resetHintIcon])
+            }, {
+              tooltip: u(() => [...a[0] || (a[0] = [
+                D(" Return to default pan & zoom ", -1)
+              ])]),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        }, 8, ["class", "disabled"])) : Z("", !0),
+        i("div", {
+          class: l(e.$style.lassoHint)
+        }, " Hold Cmd/Ctrl and left-click to pan the canvas ", 2)
+      ], 2);
+    };
+  }
+});
 export {
-  f as default
+  U as default
 };
 //# sourceMappingURL=index.vue2.js.map

package/dist/components/LassoControls/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.vue2.js","sources":["../../../src/components/LassoControls/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChartInterface } from '@milaboratories/miplots4';\nimport { SCATTERPLOT_CONTROLS_EVENTS } from '@milaboratories/miplots4';\nimport { PlBtnGhost, PlMaskIcon24, PlTooltip } from '@platforma-sdk/ui-vue';\nimport { computed, onMounted, onUnmounted, watch } from 'vue';\nimport { useStore } from '../../store';\n\nconst props = defineProps<{\n  chartRef: ChartInterface | null;\n  isScatterplotZoomChanged?: boolean;\n}>();\n\nconst store = useStore();\nconst controlsState = computed(() => store.value.reactive.lassoControlsState);\n\nfunction setPen() {\n  props.chartRef?.updateChartState(SCATTERPLOT_CONTROLS_EVENTS.lassoSelectMode, 'pen');\n}\nfunction setSelection() {\n  props.chartRef?.updateChartState(SCATTERPLOT_CONTROLS_EVENTS.lassoSelectMode, 'selection');\n}\nfunction back() {\n  props.chartRef?.updateChartState(SCATTERPLOT_CONTROLS_EVENTS.lassoBack, null);\n}\nfunction forward() {\n  props.chartRef?.updateChartState(SCATTERPLOT_CONTROLS_EVENTS.lassoForward, null);\n}\nfunction deletePolygon() {\n  props.chartRef?.updateChartState(SCATTERPLOT_CONTROLS_EVENTS.lassoDelete, null);\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if (controlsState.value?.backEnabled && e.key === 'z' && (e.ctrlKey || e.metaKey) && !e.shiftKey) {\n    back();\n  }\n  if (controlsState.value?.forwardEnabled && e.key === 'z' && (e.ctrlKey || e.metaKey) && e.shiftKey) {\n    forward();\n  }\n}\nonMounted(() => {\n  document.addEventListener('keydown', onKeyDown);\n});\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeyDown);\n});\n\nfunction resetViewport() {\n  props.chartRef?.updateChartState(SCATTERPLOT_CONTROLS_EVENTS.resetViewport, null);\n}\n\nwatch(() => props.chartRef?.calculatedData?.isZoomChanged, (v) => {\n  console.log('isZoomChanged', v);\n});\n\n</script>\n<template>\n  <div :class=\"$style.lassoControlsContainer\">\n    <div :class=\"$style.lassoButtonsGroup\">\n      <div :class=\"$style.lassoControlsBorder\"/>\n      <PlBtnGhost\n        :class=\"{\n          [$style.lassoButtonSelected]: controlsState?.mode === 'pen' || !controlsState,\n          [$style.lassoButtonNotSelected]: controlsState?.mode !== 'pen' && controlsState,\n        }\"\n        icon=\"cursor-pointer\"\n        @click=\"setPen\"\n      />\n      <PlBtnGhost\n        :class=\"{\n          [$style.lassoButtonSelected]: controlsState?.mode === 'selection',\n          [$style.lassoButtonNotSelected]: controlsState?.mode !== 'selection',\n        }\"\n        icon=\"pen-tool\"\n        @click=\"setSelection\"\n      />\n      <div :class=\"$style.lassoControlsSeparator\"/>\n      <PlBtnGhost\n        :disabled=\"!controlsState?.backEnabled\"\n        icon=\"arrow-left-curved\"\n        @click=\"back\"\n      />\n      <PlBtnGhost\n        :disabled=\"!controlsState?.forwardEnabled\"\n        @click=\"forward\"\n      >\n        <template #icon>\n          <PlMaskIcon24 name=\"arrow-left-curved\" :style=\"{transform: 'scale(-1, 1)'}\"/>\n        </template>\n      </PlBtnGhost>\n      <div :class=\"$style.lassoControlsSeparator\"/>\n      <PlBtnGhost\n        :disabled=\"!controlsState?.deleteEnabled\"\n        icon=\"delete-bin\"\n        @click=\"deletePolygon\"\n      />\n    </div>\n    <PlBtnGhost v-if=\"store.reactive.chartType === 'scatterplot-umap'\" :class=\"$style.resetViewport\" :disabled=\"!isScatterplotZoomChanged\" @click=\"resetViewport\" >\n      <PlMaskIcon24 name=\"restart\" :class=\"$style.resetIcon\"/>\n      <PlTooltip class=\"info\" :class=\"$style.resetHintIcon\">\n        <template #tooltip>\n          Return to default pan & zoom\n        </template>\n      </PlTooltip>\n    </PlBtnGhost>\n    <div :class=\"$style.lassoHint\">\n      Hold Cmd/Ctrl and left-click to pan the canvas\n    </div>\n  </div>\n</template>\n<style module>\n.lassoControlsContainer {\n  display: flex;\n  align-items: baseline;\n}\n.lassoButtonsGroup {\n  background: white;\n  display: flex;\n  position: relative;\n}\n.lassoControlsBorder {\n    position: absolute;\n    border: 1px solid var(--color-div-grey);\n    border-radius: var(--border-radius-control);\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}\n.lassoButtonSelected {\n  border: 2px solid var(--border-color-focus);\n}\n.lassoButtonNotSelected {\n  border: 2px solid transparent;\n}\n.lassoControlsSeparator {\n  width: 1px;\n  height: 32px;\n  background-color: var(--color-div-grey);\n  margin: 4px;\n}\n.lassoHint {\n  color: var(--txt-03);\n  font-size: 14px;\n  margin-left: 8px;\n}\n.resetViewport {\n  width: 58px;\n  min-width: 58px;\n  margin-left: 24px;\n  border: 1px solid var(--color-div-grey);\n}\n.resetIcon {\n  margin-left: -6px;\n}\n.resetHintIcon {\n  align-self: center;\n}\n</style>\n"],"names":["props","__props","store","useStore","controlsState","computed","setPen","_a","SCATTERPLOT_CONTROLS_EVENTS","setSelection","back","forward","deletePolygon","onKeyDown","_b","onMounted","onUnmounted","resetViewport","watch","v","_createElementBlock","_normalizeClass","$style","_createElementVNode","_createVNode","_unref","PlBtnGhost","_c","_d","_e","_f","PlMaskIcon24","_g","_createBlock","PlTooltip","_cache"],"mappings":";;;;;;;;;;;AAOA,UAAMA,IAAQC,GAKRC,IAAQC,EAAA,GACRC,IAAgBC,EAAS,MAAMH,EAAM,MAAM,SAAS,kBAAkB;AAE5E,aAASI,IAAS;;AAChB,OAAAC,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAA4B,iBAAiB;AAAA,IAChF;AACA,aAASC,IAAe;;AACtB,OAAAF,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAA4B,iBAAiB;AAAA,IAChF;AACA,aAASE,IAAO;;AACd,OAAAH,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAA4B,WAAW;AAAA,IAC1E;AACA,aAASG,IAAU;;AACjB,OAAAJ,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAA4B,cAAc;AAAA,IAC7E;AACA,aAASI,IAAgB;;AACvB,OAAAL,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAA4B,aAAa;AAAA,IAC5E;AAEA,aAASK,EAAU,GAAkB;;AACnC,OAAIN,IAAAH,EAAc,UAAd,QAAAG,EAAqB,eAAe,EAAE,QAAQ,QAAQ,EAAE,WAAW,EAAE,YAAY,CAAC,EAAE,YACtFG,EAAA,IAEEI,IAAAV,EAAc,UAAd,QAAAU,EAAqB,kBAAkB,EAAE,QAAQ,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,YACxFH,EAAA;AAAA,IAEJ;AACA,IAAAI,EAAU,MAAM;AACd,eAAS,iBAAiB,WAAWF,CAAS;AAAA,IAChD,CAAC,GACDG,EAAY,MAAM;AAChB,eAAS,oBAAoB,WAAWH,CAAS;AAAA,IACnD,CAAC;AAED,aAASI,IAAgB;;AACvB,OAAAV,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAA4B,eAAe;AAAA,IAC9E;AAEA,WAAAU,EAAM,MAAA;;AAAM,cAAAJ,KAAAP,IAAAP,EAAM,aAAN,gBAAAO,EAAgB,mBAAhB,gBAAAO,EAAgC;AAAA,OAAe,CAACK,MAAM;AAChE,cAAQ,IAAI,iBAAiBA,CAAC;AAAA,IAChC,CAAC;;kBAICC,EAmDM,OAAA;AAAA,QAnDA,OAAKC,EAAEC,EAAAA,OAAO,sBAAsB;AAAA,MAAA;QACxCC,EAsCM,OAAA;AAAA,UAtCA,OAAKF,EAAEC,EAAAA,OAAO,iBAAiB;AAAA,QAAA;UACnCC,EAA0C,OAAA;AAAA,YAApC,OAAKF,EAAEC,EAAAA,OAAO,mBAAmB;AAAA,UAAA;UACvCE,EAOEC,EAAAC,CAAA,GAAA;AAAA,YANC,OAAKL,EAAA;AAAA,cAAeC,CAAAA,EAAAA,OAAO,mBAAmB,KAAGf,IAAAH,YAAA,gBAAAG,EAAe,oBAAmBH,EAAA;AAAA,cAA0BkB,CAAAA,EAAAA,OAAO,sBAAsB,KAAGR,IAAAV,YAAA,gBAAAU,EAAe,mBAAkBV,EAAA;AAAA,YAAA;YAI/K,MAAK;AAAA,YACJ,SAAOE;AAAA,UAAA;UAEVkB,EAOEC,EAAAC,CAAA,GAAA;AAAA,YANC,OAAKL,EAAA;AAAA,cAAeC,CAAAA,EAAAA,OAAO,mBAAmB,KAAGK,IAAAvB,EAAA,UAAA,gBAAAuB,EAAe,UAAI;AAAA,cAA6BL,CAAAA,EAAAA,OAAO,sBAAsB,KAAGM,IAAAxB,EAAA,UAAA,gBAAAwB,EAAe,UAAI;AAAA,YAAA;YAIrJ,MAAK;AAAA,YACJ,SAAOnB;AAAA,UAAA;UAEVc,EAA6C,OAAA;AAAA,YAAvC,OAAKF,EAAEC,EAAAA,OAAO,sBAAsB;AAAA,UAAA;UAC1CE,EAIEC,EAAAC,CAAA,GAAA;AAAA,YAHC,UAAQ,GAAGG,IAAAzB,EAAA,UAAA,QAAAyB,EAAe;AAAA,YAC3B,MAAK;AAAA,YACJ,SAAOnB;AAAA,UAAA;UAEVc,EAOaC,EAAAC,CAAA,GAAA;AAAA,YANV,UAAQ,GAAGI,IAAA1B,EAAA,UAAA,QAAA0B,EAAe;AAAA,YAC1B,SAAOnB;AAAA,UAAA;YAEG,QACT,MAA6E;AAAA,cAA7Ea,EAA6EC,EAAAM,CAAA,GAAA;AAAA,gBAA/D,MAAK;AAAA,gBAAqB,OAAO,EAAA,WAAA,eAAA;AAAA,cAAA;;;;UAGnDR,EAA6C,OAAA;AAAA,YAAvC,OAAKF,EAAEC,EAAAA,OAAO,sBAAsB;AAAA,UAAA;UAC1CE,EAIEC,EAAAC,CAAA,GAAA;AAAA,YAHC,UAAQ,GAAGM,IAAA5B,EAAA,UAAA,QAAA4B,EAAe;AAAA,YAC3B,MAAK;AAAA,YACJ,SAAOpB;AAAA,UAAA;;QAGMa,EAAAvB,CAAA,EAAM,SAAS,cAAS,2BAA1C+B,EAOaR,EAAAC,CAAA,GAAA;AAAA;UAPuD,OAAKL,EAAEC,EAAAA,OAAO,aAAa;AAAA,UAAG,WAAWrB,EAAA;AAAA,UAA2B,SAAOgB;AAAA,QAAA;qBAC7I,MAAwD;AAAA,YAAxDO,EAAwDC,EAAAM,CAAA,GAAA;AAAA,cAA1C,MAAK;AAAA,cAAW,OAAKV,EAAEC,EAAAA,OAAO,SAAS;AAAA,YAAA;YACrDE,EAIYC,EAAAS,CAAA,GAAA;AAAA,cAJD,OAAKb,EAAA,CAAC,QAAeC,EAAAA,OAAO,aAAa,CAAA;AAAA,YAAA;cACvC,WAAQ,MAEnB,CAAA,GAAAa,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,kBAFmB,kCAEnB,EAAA;AAAA,cAAA;;;;;;QAGJZ,EAEM,OAAA;AAAA,UAFA,OAAKF,EAAEC,EAAAA,OAAO,SAAS;AAAA,QAAA,GAAE,oDAE/B,CAAA;AAAA,MAAA;;;;"}

package/dist/components/LassoControls/index.vue3.js

@@ -0,0 +1,27 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._lassoControlsContainer_1w3e4_2{display:flex;align-items:baseline}._lassoButtonsGroup_1w3e4_6{background:#fff;display:flex;position:relative}._lassoControlsBorder_1w3e4_11{position:absolute;border:1px solid var(--color-div-grey);border-radius:var(--border-radius-control);top:0;left:0;right:0;bottom:0}._lassoButtonSelected_1w3e4_20{border:2px solid var(--border-color-focus)}._lassoButtonNotSelected_1w3e4_23{border:2px solid transparent}._lassoControlsSeparator_1w3e4_26{width:1px;height:32px;background-color:var(--color-div-grey);margin:4px}._lassoHint_1w3e4_32{color:var(--txt-03);font-size:14px;margin-left:8px}._resetViewport_1w3e4_37{width:58px;min-width:58px;margin-left:24px;border:1px solid var(--color-div-grey)}._resetIcon_1w3e4_43{margin-left:-6px}._resetHintIcon_1w3e4_46{align-self:center}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+const o = "_lassoControlsContainer_1w3e4_2", s = "_lassoButtonsGroup_1w3e4_6", t = "_lassoControlsBorder_1w3e4_11", e = "_lassoButtonSelected_1w3e4_20", n = "_lassoButtonNotSelected_1w3e4_23", r = "_lassoControlsSeparator_1w3e4_26", l = "_lassoHint_1w3e4_32", a = "_resetViewport_1w3e4_37", _ = "_resetIcon_1w3e4_43", c = "_resetHintIcon_1w3e4_46", u = {
+  lassoControlsContainer: o,
+  lassoButtonsGroup: s,
+  lassoControlsBorder: t,
+  lassoButtonSelected: e,
+  lassoButtonNotSelected: n,
+  lassoControlsSeparator: r,
+  lassoHint: l,
+  resetViewport: a,
+  resetIcon: _,
+  resetHintIcon: c
+};
+export {
+  u as default,
+  n as lassoButtonNotSelected,
+  e as lassoButtonSelected,
+  s as lassoButtonsGroup,
+  t as lassoControlsBorder,
+  o as lassoControlsContainer,
+  r as lassoControlsSeparator,
+  l as lassoHint,
+  c as resetHintIcon,
+  _ as resetIcon,
+  a as resetViewport
+};
+//# sourceMappingURL=index.vue3.js.map

package/dist/components/LassoControls/index.vue3.js.map

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

package/dist/components/SettingsTabs/index.vue.d.ts

@@ -19,6 +19,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onExport?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=index.vue.d.ts.map

package/dist/components/SettingsTabs/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsTabs/index.vue"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAG1D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B,CAAC;;;;;;;;;;AA2HF,wBAQG"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsTabs/index.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAG1D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B,CAAC;;;;;;;;;;AA8MF,wBAOG"}

package/dist/components/SettingsTabs/index.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as f, createElementBlock as s, openBlock as a, Fragment as m, renderList as y, createBlock as n, unref as i, normalizeClass as S, withCtx as r, resolveDynamicComponent as B, createElementVNode as v, toDisplayString as x } from "vue";
-import { PlTooltip as V } from "@platforma-sdk/ui-vue";
-import { tabKeys as C, resolveIcon as T, resolveTitle as L } from "../../forms/index.js";
-const b = { class: "settings-tabs" }, D = { style: { "font-family": "var(--font-family-base)" } }, E = /* @__PURE__ */ h({
+import { defineComponent as x, computed as D, ref as P, createElementBlock as c, openBlock as r, Fragment as g, createElementVNode as u, createVNode as d, renderList as T, createBlock as m, unref as n, normalizeClass as M, withCtx as o, resolveDynamicComponent as b, toDisplayString as w, withModifiers as y, createTextVNode as p } from "vue";
+import { PlTooltip as L, PlDialogModal as k, PlAlert as A, PlBtnPrimary as N, PlBtnGhost as E } from "@platforma-sdk/ui-vue";
+import { tabKeys as j, resolveIcon as z, resolveTitle as F } from "../../forms/index.js";
+const G = { class: "settings-tabs" }, I = { style: { "font-family": "var(--font-family-base)" } }, $ = /* @__PURE__ */ x({
   __name: "index",
   props: {
     chartType: {},
@@ -14,41 +14,86 @@ const b = { class: "settings-tabs" }, D = { style: { "font-family": "var(--font-
     modelValue: {}
   },
   emits: ["update:modelValue", "export", "delete"],
-  setup(o, { emit: c }) {
-    const p = c, l = o, d = f(() => C().filter(
-      (e) => !(e === "annotations" && !l.hasAnnotationsSlot) && !(e === "settings" && !l.hasSettingsSlot) && !(e === "log" && !l.hasLogSlot) && !(e === "statistics" && l.chartType !== "discrete" && l.chartType !== "scatterplot") && !(e === "delete" && !l.allowDeleting)
+  setup(a, { emit: h }) {
+    const f = h, i = a, v = D(() => j().filter(
+      (e) => !(e === "annotations" && !i.hasAnnotationsSlot) && !(e === "settings" && !i.hasSettingsSlot) && !(e === "log" && !i.hasLogSlot) && !(e === "statistics" && i.chartType !== "discrete" && i.chartType !== "scatterplot") && !(e === "delete" && !i.allowDeleting)
     ));
-    function u(e) {
-      p("update:modelValue", e === l.modelValue ? null : e);
+    function C(e) {
+      f("update:modelValue", e === i.modelValue ? null : e);
     }
-    return (e, w) => (a(), s("div", b, [
-      (a(!0), s(m, null, y(d.value, (t) => (a(), n(i(V), {
-        key: t,
-        "open-delay": 100,
-        "close-delay": 100,
-        class: S(["has-inline-icon", {
-          active: o.modelValue === t,
-          "temp-inactive": t === "export" && (o.graphStatus !== "ready" || o.chartType === "scatterplot-umap") || o.initialLoading && (t === "template" || t === "dataMapping" || t === "axes" || t === "statistics" || t === "layers") || o.graphStatus === "noPframe" && t !== "settings" && t !== "log" && t !== "delete",
-          [t]: !0
-        }]),
-        position: "left",
-        hide: o.modelValue === t,
-        onClick: (g) => {
-          g.stopPropagation(), t === "export" ? e.$emit("export") : t === "delete" ? e.$emit("delete") : u(t);
-        }
+    const s = P(!1);
+    function S() {
+      s.value = !1, f("delete");
+    }
+    function V() {
+      s.value = !1;
+    }
+    return (e, l) => (r(), c(g, null, [
+      u("div", G, [
+        (r(!0), c(g, null, T(v.value, (t) => (r(), m(n(L), {
+          key: t,
+          "open-delay": 100,
+          "close-delay": 100,
+          class: M(["has-inline-icon", {
+            active: a.modelValue === t,
+            "temp-inactive": t === "export" && (a.graphStatus !== "ready" || a.chartType === "scatterplot-umap") || a.initialLoading && (t === "template" || t === "dataMapping" || t === "axes" || t === "statistics" || t === "layers") || a.graphStatus === "noPframe" && t !== "settings" && t !== "log" && t !== "delete",
+            [t]: !0
+          }]),
+          position: "left",
+          hide: a.modelValue === t,
+          onClick: (B) => {
+            B.stopPropagation(), t === "export" ? e.$emit("export") : t === "delete" ? s.value = !0 : C(t);
+          }
+        }, {
+          tooltip: o(() => [
+            u("span", I, w(n(F)(t)), 1)
+          ]),
+          default: o(() => [
+            (r(), m(b(n(z)(t))))
+          ]),
+          _: 2
+        }, 1032, ["class", "hide", "onClick"]))), 128))
+      ]),
+      d(n(k), {
+        modelValue: s.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (t) => s.value = t)
       }, {
-        tooltip: r(() => [
-          v("span", D, x(i(L)(t)), 1)
+        title: o(() => [...l[1] || (l[1] = [
+          p("Delete chart?", -1)
+        ])]),
+        actions: o(() => [
+          d(n(N), {
+            onClick: y(S, ["stop"])
+          }, {
+            default: o(() => [...l[3] || (l[3] = [
+              p(" Delete ", -1)
+            ])]),
+            _: 1
+          }),
+          d(n(E), {
+            "justify-center": !1,
+            onClick: y(V, ["stop"])
+          }, {
+            default: o(() => [...l[4] || (l[4] = [
+              p("Cancel", -1)
+            ])]),
+            _: 1
+          })
         ]),
-        default: r(() => [
-          (a(), n(B(i(T)(t))))
+        default: o(() => [
+          d(n(A), { type: "warn" }, {
+            default: o(() => [...l[2] || (l[2] = [
+              u("strong", null, "This can't be undone!", -1)
+            ])]),
+            _: 1
+          })
         ]),
-        _: 2
-      }, 1032, ["class", "hide", "onClick"]))), 128))
-    ]));
+        _: 1
+      }, 8, ["modelValue"])
+    ], 64));
   }
 });
 export {
-  E as default
+  $ as default
 };
 //# sourceMappingURL=index.vue.js.map