@milaboratories/graph-maker 1.1.137 → 1.1.139

package/README.md

@@ -1,54 +1,150 @@
 Vue-component including graph settings interface and resulting rendered graph.
+For using graph only (creating picture without user interface) use [miplots4](https://github.com/milaboratory/miplots4).
 
-How to use:
+# How to connect
+Basic usage in a page of block's ui (discrete boxplot graph in example):
 
 ```
 <script setup lang="ts">
-import { computed, ref } from 'vue';
+import { ref } from 'vue';
 import { useApp } from './app';
-import { platforma } from '@platforma-open/milaboratories.graph-maker.model';
-import { GraphMakerSettings } from '@milaboratories/graph-maker/dist/GraphMaker/types';
-import { GraphMaker } from '@milaboratories/graph-maker';
+import { GraphMakerState, GraphMaker } from '@milaboratories/graph-maker';
+import '@milaboratories/graph-maker/styles';
 
 const app = useApp();
-const frameRef = app.model.outputs.pFrame;
-
 const state = ref<GraphMakerSettings>({ 
   template: 'box',
   title: 'My graph'
 });
 
-const defaultOptions:PredefinedGraphOption<'discrete'>[] = [{
-    inputName: 'y',
-    selectedSource: {
-        kind: 'PColumn',
-        axesSpec: [...],
-        valueType: 'Int',
-        name: 'columnNameOfSomeYColumn',
-    }
+</script>
+
+<template>
+    <graph-maker
+      v-model="state"
+      chartType="discrete"
+      :pFrame="app.model.outputs.pFrame"
+    />
+</template>
+```
+Necessary properties are: `chartType`, graph's state (`v-model`)  and `pFrame`.
+
+`chartType` must be one of: 'discrete', 'scatterplot', 'scatterplot-umap', 'heatmap', 'bubble', 'histogram', 'dendro'. Chart type defines graph structure and available settings set. Once set chart type can't be changed.
+
+State (`v-model`) must satisfy [GraphMakerState](./src/GraphMaker/types.ts). Necessary fields – `title` (goes to big editable title above the chart) and `template` ('box', 'violin' for discrete, 'dots', 'curve' for scatterplot' etc.)
+Other fields of state Graph-maker uses to save/load changes in interface.
+Any of them can be predefined, fully ot partially.
+
+`pFrame` must be created in a model part of a block as an output. Use [createPFrameForGraphs](https://github.com/milaboratory/platforma/blob/main/sdk/model/src/components/PFrameForGraphs.ts) or `ctx.createPFrame(columns)`.
+
+# Other abilities
+
+## Slots
+
+\#titleLine - slot in horizontal line with main title
+
+\#settingsSlot - if used creates additional 'Settings' tab with its content in right panel 
+
+\#logSlot - if used creates additional 'Log' tab with its content in right panel 
+
+## Available properties
+
+### defaultOptions
+Defines default state of data-mapping tab. User changes have higher priority, default state applies only if nothing from user changes conflicts with them. To set use column/axis specs([description](https://github.com/milaboratory/platforma/blob/main/docs/pcolumn.md), [types](https://github.com/milaboratory/platforma/blob/main/lib/model/common/src/drivers/pframe/spec/spec.ts)) from pFrame and names of inputs ('x', 'y', 'primaryGrouping', 'filters' etc):
+
+```
+const defaultOptions:PredefinedGraphOption<'discrete'> = [{
+  inputName: 'y'
+  selectedSource: {
+    kind: 'PColumn',
+    name: 'FractionOfReads',
+    valueType: 'Double',
+    domain: {...},
+    axesSpec: [...]
+  }, // AxisSpec | PColumnSpec from '@sdk/model'
+}, {
+  inputName: 'filters'
+  selectedSource: {
+    kind: 'PColumn',
+    name: 'Chain',
+    valueType: 'String',
+    axesSpec: [...]
+  },
+  filterType: 'equals'
+  selectedFilterValue: 'Heavy'
+}, {
+  inputName: 'filters'
+  selectedSource: {
+    kind: 'PColumn',
+    name: 'FractionOfReads',
+    valueType: 'Double',
+    axesSpec: [...]
+  },
+  filterType: 'range'
+  selectedFilterValue: {min: 0}
 }];
+</script>
 
-const graphMakerRef = useTemplateRef('graphMaker');
-function reset() {
-    state.value = {...} // new graph state, empty or not;
-    graphMakerRef.value?.reset();
-}
+<template>
+    <graph-maker
+      v-model="state"
+      chartType="discrete"
+      :pFrame="app.model.outputs.pFrame"
+      :defaultOptions="defaultOptions"
+    />
+</template>
+```
+Every input can be mentioned more than one time. 
 
+
+### allowChartDeleting
+If true there is a button with trash bin icon on the right panel. On click it fires `@delete-this-graph`:
+```
+function removeSection() {
+  ... // code to delete current graph from block's state
+}
 </script>
 
 <template>
     <graph-maker
-      ref="graphMaker"
       v-model="state"
       chartType="discrete"
       :pFrame="app.model.outputs.pFrame"
-      :default-options="defaultOptions"
+      :allowChartDeleting="true"
+      @delete-this-graph="removeSection"
     />
 </template>
 ```
 
-How to build locally:
+### dataStateKey
+
+If changes graph reapplies options state and default options. (For example, use if you need to reset data-mapping when block's data was recalculated). 
+
+### dataColumnPredicate
+
+Function which filter columns available for data-inputs ('x', 'y', 'Data source', 'Data value'...). By default it filters out columns with 'metadata' in name.
+To make available all the columns:
+
+```
+<graph-maker
+  v-model="state"
+  chartType="discrete"
+  :pFrame="app.model.outputs.pFrame"
+  :dataColumnPredicate="() => true"
+/>
+```
+
+# How to build locally:
 ```
 npm install
 npm run build
-```
+```
+To link graph-maker local build to local block's build use `npm run build && npm run do-pack`, it creates package.tgz with local build. Then write in block's root package.json:
+```
+"pnpm": {
+  "overrides": {
+    "@milaboratories/graph-maker": "/path/to/graph-maker/package.tgz"
+  }
+}
+```
+and run `pnpm install && pnpm build` in block.

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

@@ -1,9 +1,9 @@
 import { defineComponent as R, computed as P, onMounted as _, onUnmounted as x, createElementBlock as L, openBlock as M, createElementVNode as a, createVNode as r, unref as i, normalizeClass as h, withCtx as T } from "vue";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/lodash/lodash.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-hierarchy/src/hierarchy/index.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/react-dom/server.browser.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/zod/lib/index.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/react/jsx-runtime.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/react-dom/client.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/common.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/discrete.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/scatterplot.js";
@@ -12,7 +12,7 @@ import "../../../node_modules/@milaboratories/miplots4/dist/types/dendro.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/histogram.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/bubble.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/utils/getLegendWidth.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/react-dom/client.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/utils/TextMeasurer/TextMeasurer.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/_virtual/index.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/react-dom/index.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-interpolate/src/rgb.js";
@@ -20,8 +20,11 @@ import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-colo
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-array/src/bisect.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-format/src/formatSpecifier.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-format/src/defaultLocale.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/common/ErrorBoundary.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-hierarchy/src/hierarchy/index.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/DataFrame.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/common/useDataFrame.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/utils/arrangeLegendParts.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/common/ErrorBoundary.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-shape/src/curve/linear.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-shape/src/curve/basis.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@stdlib/stats-anova1/lib/main.js";
@@ -50,23 +53,22 @@ import "../../../node_modules/@milaboratories/miplots4/dist/heatmap/utils/calcul
 import "../../../node_modules/@milaboratories/miplots4/dist/scatterplot/components/Chart.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartTooltip.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@stdlib/stats-base-dists-f-cdf/lib/index.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/LowerSVG.js";
-import { SCATTERPLOT_LASSO_EVENTS as s } from "../../../node_modules/@milaboratories/miplots4/dist/scatterplot-umap/constants.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-selection/src/selection/index.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-drag/src/event.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-dispatch/src/dispatch.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-element/index.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-chart/src/css.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-webgl/src/scale/scaleMapper.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-transition/src/selection/index.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-transition/src/transition/schedule.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-zoom/src/transform.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-dispatch/src/dispatch.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-interpolate/src/zoom.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-element/index.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-chart/src/css.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-webgl/src/scale/scaleMapper.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-quadtree/src/quadtree.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/LowerSVG.js";
+import { SCATTERPLOT_LASSO_EVENTS as s } from "../../../node_modules/@milaboratories/miplots4/dist/scatterplot-umap/constants.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-drag/src/event.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/scatterplot-umap.js";
 import { PlBtnGhost as m, PlMaskIcon24 as z } from "@platforma-sdk/ui-vue";
 import { useStore as B } from "../../store.js";
-const N = { class: "lasso-controls-container" }, O = { class: "lasso-buttons-group" }, Xt = /* @__PURE__ */ R({
+const N = { class: "lasso-controls-container" }, O = { class: "lasso-buttons-group" }, Zt = /* @__PURE__ */ R({
   __name: "index",
   props: {
     chartRef: {}
@@ -153,6 +155,6 @@ const N = { class: "lasso-controls-container" }, O = { class: "lasso-buttons-gro
   }
 });
 export {
-  Xt as default
+  Zt as default
 };
 //# sourceMappingURL=index.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../src/GraphMaker/components/LassoControls/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChartInterface, SCATTERPLOT_LASSO_EVENTS } from '@milaboratories/miplots4';\nimport { PlBtnGhost, PlMaskIcon24 } from '@platforma-sdk/ui-vue';\nimport { computed, onMounted, onUnmounted } from 'vue';\nimport { useStore } from '../../../GraphMaker/store.ts';\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      <pl-btn-ghost\n        @click=\"setPen\"\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      />\n      <pl-btn-ghost\n        @click=\"setSelection\"\n        :class=\"{\n        'lasso-button-selected': controlsState?.mode === 'selection',\n        'lasso-button-not-selected': controlsState?.mode !== 'selection',\n      }\"\n        icon=\"pen-tool\"\n      />\n      <div class=\"lasso-controls-separator\"/>\n      <pl-btn-ghost\n        :disabled=\"!controlsState?.backEnabled\"\n        icon=\"arrow-left-curved\"\n        @click=\"back\"\n      />\n      <pl-btn-ghost\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      </pl-btn-ghost>\n      <div class=\"lasso-controls-separator\"/>\n      <pl-btn-ghost\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","e","_b","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GACRC,IAAgBC,EAAS,MAAMH,EAAM,MAAM,SAAS,kBAAkB;AAE5E,aAASI,IAAS;;AAChB,OAAAC,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,YAAY;AAAA,IACxE;AACA,aAASC,IAAe;;AACtB,OAAAF,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,YAAY;AAAA,IACxE;AACA,aAASE,IAAO;;AACd,OAAAH,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,MAAM;AAAA,IAClE;AACA,aAASG,IAAU;;AACjB,OAAAJ,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,SAAS;AAAA,IACrE;AACA,aAASI,IAAgB;;AACvB,OAAAL,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,QAAQ;AAAA,IACpE;AAEA,aAASK,EAAUC,GAAiB;;AAClC,MAAIA,EAAE,QAAQ,OACZR,EAAA,GAEEQ,EAAE,QAAQ,OACZL,EAAA,IAEEF,IAAAH,EAAc,UAAd,QAAAG,EAAqB,eAAeO,EAAE,QAAQ,QAAQA,EAAE,WAAWA,EAAE,YAAY,CAACA,EAAE,YACtFJ,EAAA,IAEEK,IAAAX,EAAc,UAAd,QAAAW,EAAqB,kBAAkBD,EAAE,QAAQ,QAAQA,EAAE,WAAWA,EAAE,YAAYA,EAAE,YACxFH,EAAA;AAAA,IAEJ;AACA,WAAAK,EAAU,MAAM;AACd,eAAS,iBAAiB,WAAWH,CAAS;AAAA,IAChD,CAAC,GACDI,EAAY,MAAM;AAChB,eAAS,oBAAoB,WAAWJ,CAAS;AAAA,IACnD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../src/GraphMaker/components/LassoControls/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChartInterface, SCATTERPLOT_LASSO_EVENTS } from '@milaboratories/miplots4';\nimport { PlBtnGhost, PlMaskIcon24 } from '@platforma-sdk/ui-vue';\nimport { computed, onMounted, onUnmounted } from 'vue';\nimport { useStore } from '../../../GraphMaker/store.ts';\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      <pl-btn-ghost\n        @click=\"setPen\"\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      />\n      <pl-btn-ghost\n        @click=\"setSelection\"\n        :class=\"{\n        'lasso-button-selected': controlsState?.mode === 'selection',\n        'lasso-button-not-selected': controlsState?.mode !== 'selection',\n      }\"\n        icon=\"pen-tool\"\n      />\n      <div class=\"lasso-controls-separator\"/>\n      <pl-btn-ghost\n        :disabled=\"!controlsState?.backEnabled\"\n        icon=\"arrow-left-curved\"\n        @click=\"back\"\n      />\n      <pl-btn-ghost\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      </pl-btn-ghost>\n      <div class=\"lasso-controls-separator\"/>\n      <pl-btn-ghost\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","e","_b","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GACRC,IAAgBC,EAAS,MAAMH,EAAM,MAAM,SAAS,kBAAkB;AAE5E,aAASI,IAAS;;AAChB,OAAAC,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,YAAY;AAAA,IACxE;AACA,aAASC,IAAe;;AACtB,OAAAF,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,YAAY;AAAA,IACxE;AACA,aAASE,IAAO;;AACd,OAAAH,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,MAAM;AAAA,IAClE;AACA,aAASG,IAAU;;AACjB,OAAAJ,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,SAAS;AAAA,IACrE;AACA,aAASI,IAAgB;;AACvB,OAAAL,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,QAAQ;AAAA,IACpE;AAEA,aAASK,EAAUC,GAAiB;;AAClC,MAAIA,EAAE,QAAQ,OACZR,EAAA,GAEEQ,EAAE,QAAQ,OACZL,EAAA,IAEEF,IAAAH,EAAc,UAAd,QAAAG,EAAqB,eAAeO,EAAE,QAAQ,QAAQA,EAAE,WAAWA,EAAE,YAAY,CAACA,EAAE,YACtFJ,EAAA,IAEEK,IAAAX,EAAc,UAAd,QAAAW,EAAqB,kBAAkBD,EAAE,QAAQ,QAAQA,EAAE,WAAWA,EAAE,YAAYA,EAAE,YACxFH,EAAA;AAAA,IAEJ;AACA,WAAAK,EAAU,MAAM;AACd,eAAS,iBAAiB,WAAWH,CAAS;AAAA,IAChD,CAAC,GACDI,EAAY,MAAM;AAChB,eAAS,oBAAoB,WAAWJ,CAAS;AAAA,IACnD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/SettingsTabs/icons/AxesIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxesIcon.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/AxesIcon.vue"],"names":[],"mappings":";AA2DA,wBAMG"}

package/dist/GraphMaker/{icons → components/SettingsTabs/icons}/AxesIcon.vue.js

@@ -1,5 +1,5 @@
 import { createElementBlock as V, openBlock as o, createElementVNode as l } from "vue";
-import H from "../../_virtual/_plugin-vue_export-helper.js";
+import H from "../../../../_virtual/_plugin-vue_export-helper.js";
 const n = {}, t = {
   width: "48",
   height: "48",

package/dist/GraphMaker/components/SettingsTabs/icons/AxesIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxesIcon.vue.js","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/AxesIcon.vue"],"sourcesContent":["<template>\n  <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.25 17.75V14H24.75V17.75H26V19.25H24.75V23.25H28.75V22H30.25V23.25H34V24.75H30.25V26H28.75V24.75H24.75V28.75H26V30.25H24.75V34H23.25V30.25H22V28.75H23.25V24.75H19.25V26H17.75V24.75H14V23.25H17.75V22H19.25V23.25H23.25V19.25H22V17.75H23.25Z\" fill=\"#110529\"/>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.4697 15.5303L17.7501 17.8107V20H19.2501V17.8107L21.5304 15.5303L20.4697 14.4697L18.5001 16.4393L16.5304 14.4697L15.4697 15.5303ZM27.4697 28.5303L29.4394 30.5L27.4697 32.4697L28.5304 33.5303L30.5001 31.5607L32.4697 33.5303L33.5304 32.4697L31.5607 30.5L33.5304 28.5303L32.4697 27.4697L30.5001 29.4393L28.5304 27.4697L27.4697 28.5303Z\" fill=\"#07AD3E\"/>\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode"],"mappings":";;;EACO,OAAM;AAAA,EAAK,QAAO;AAAA,EAAK,SAAQ;AAAA,EAAY,MAAK;AAAA,EAAO,OAAM;;;AAAlE,SAAAA,EAAA,GAAAC,EAGM,OAHNC,GAGMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAFJC,EAAoT,QAAA;AAAA,MAA9S,aAAU;AAAA,MAAU,aAAU;AAAA,MAAU,GAAE;AAAA,MAAoP,MAAK;AAAA;IACzSA,EAAkZ,QAAA;AAAA,MAA5Y,aAAU;AAAA,MAAU,aAAU;AAAA,MAAU,GAAE;AAAA,MAAkV,MAAK;AAAA;;;;"}

package/dist/GraphMaker/components/SettingsTabs/icons/DeleteChartIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteChartIcon.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/DeleteChartIcon.vue"],"names":[],"mappings":";AA0EA,wBAMG"}

package/dist/GraphMaker/{icons → components/SettingsTabs/icons}/DeleteChartIcon.vue.js

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as l, createStaticVNode as o } from "vue";
-import r from "../../_virtual/_plugin-vue_export-helper.js";
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
 const d = {}, i = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",

package/dist/GraphMaker/components/SettingsTabs/icons/DeleteChartIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteChartIcon.vue.js","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/DeleteChartIcon.vue"],"sourcesContent":["<template>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.5 3.75002C7.5 3.05967 8.05964 2.50002 8.75 2.50002L15.25 2.5C15.9404 2.5 16.5 3.05964 16.5 3.75V5.50004L20.5 5.50006V7.00006L19 7.00006H17.5L6.5 7.00004H5L3.5 7V5.5L7.5 5.50006V3.75002ZM9 5.50006L15 5.50004V4L9 4.00002V5.50006Z\" fill=\"#110529\"/>\n    <path d=\"M17.5 7.00006V12.5H19V7.00006H17.5Z\" fill=\"#110529\"/>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.5 17.75C6.5 18.9926 7.50736 20 8.75 20H12V21.5H8.75C6.67893 21.5 5 19.8211 5 17.75V8.50006H6.5V17.75Z\" fill=\"#110529\"/>\n    <path d=\"M6.5 7.00004H5V8.50006H6.5V7.00004Z\" fill=\"#110529\"/>\n    <path d=\"M14.75 14.5L18.25 18M21.75 21.5L18.25 18M18.25 18L21.75 14.5M18.25 18L14.75 21.5\" stroke=\"#07AD3E\" stroke-width=\"1.5\"/>\n  </svg>\n</template>"],"names":["_openBlock","_createElementBlock","_hoisted_1","_cache","_createStaticVNode"],"mappings":";;;EACO,OAAM;AAAA,EAA6B,OAAM;AAAA,EAAK,QAAO;AAAA,EAAK,SAAQ;AAAA,EAAY,MAAK;;;AAAxF,SAAAA,EAAA,GAAAC,EAMM,OANNC,GAMMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAPRC,EAAA,kvBAAA,CAAA;AAAA;;;"}

package/dist/GraphMaker/components/SettingsTabs/icons/ExportIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportIcon.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/ExportIcon.vue"],"names":[],"mappings":";AAkEA,wBAMG"}

package/dist/GraphMaker/{icons → components/SettingsTabs/icons}/ExportIcon.vue.js

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as r, createElementVNode as t } from "vue";
-import n from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
 const c = {}, s = {
   class: "export-icon",
   width: "24",

package/dist/GraphMaker/components/SettingsTabs/icons/ExportIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportIcon.vue.js","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/ExportIcon.vue"],"sourcesContent":["<template>\n  <svg class=\"export-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g id=\"Icon\">\n      <path id=\"Rectangle 4179\" d=\"M3 17V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V17\" stroke=\"#07AD3E\" stroke-width=\"1.5\"/>\n      <path id=\"Vector 1335\" d=\"M18 10L12 16M12 16L6 10M12 16L12 2\" stroke=\"black\" stroke-width=\"1.5\"/>\n    </g>\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode"],"mappings":";;;EACO,OAAM;AAAA,EAAc,OAAM;AAAA,EAAK,QAAO;AAAA,EAAK,SAAQ;AAAA,EAAY,MAAK;AAAA,EAAO,OAAM;;;AAAtF,SAAAA,EAAA,GAAAC,EAKM,OALNC,GAKMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAJJC,EAGI,KAAA,EAHD,IAAG,OAAM,GAAA;AAAA,MACVA,EAAwI,QAAA;AAAA,QAAlI,IAAG;AAAA,QAAiB,GAAE;AAAA,QAAuE,QAAO;AAAA,QAAU,gBAAa;AAAA;MACjIA,EAAiG,QAAA;AAAA,QAA3F,IAAG;AAAA,QAAc,GAAE;AAAA,QAAqC,QAAO;AAAA,QAAQ,gBAAa;AAAA;;;;;"}

package/dist/GraphMaker/components/SettingsTabs/icons/LayersIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayersIcon.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/LayersIcon.vue"],"names":[],"mappings":";AAoEA,wBAMG"}

package/dist/GraphMaker/{icons → components/SettingsTabs/icons}/LayersIcon.vue.js

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as e } from "vue";
-import n from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
 const r = {}, L = {
   class: "layers-icon",
   width: "24",

package/dist/GraphMaker/components/SettingsTabs/icons/LayersIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayersIcon.vue.js","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/LayersIcon.vue"],"sourcesContent":["<template>\n  <svg class=\"layers-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g id=\"24: layers\">\n      <path id=\"Subtract\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.37549 15.1251L12.0003 21.25L21.6255 15.1249L21.6749 15.1563C22.2924 15.5493 22.2924 16.4507 21.6749 16.8436L12.5375 22.6583C12.21 22.8668 11.7913 22.8668 11.4638 22.6583L2.32641 16.8436C1.70891 16.4507 1.70891 15.5493 2.32641 15.1563L2.37549 15.1251Z\" fill=\"#07AD3E\"/>\n      <path id=\"Union\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.32641 7.15633C1.70891 7.54929 1.70891 8.4507 2.32641 8.84366L11.4638 14.6583C11.7913 14.8668 12.21 14.8668 12.5375 14.6583L21.6749 8.84365C22.2924 8.4507 22.2924 7.54929 21.6749 7.15633L12.5375 1.34164C12.21 1.13319 11.7913 1.13319 11.4638 1.34164L2.32641 7.15633ZM3.75 7.99997L12 13.25L20.25 7.99997L12 2.74997L3.75 7.99997ZM12.0003 17.25L2.37549 11.1251L2.32641 11.1563C1.70891 11.5493 1.70891 12.4507 2.32641 12.8436L11.4638 18.6583C11.7913 18.8668 12.21 18.8668 12.5375 18.6583L21.6749 12.8436C22.2924 12.4507 22.2924 11.5493 21.6749 11.1563L21.6255 11.1249L12.0003 17.25Z\" fill=\"#110529\"/>\n    </g>\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode"],"mappings":";;;EACO,OAAM;AAAA,EAAc,OAAM;AAAA,EAAK,QAAO;AAAA,EAAK,SAAQ;AAAA,EAAY,MAAK;AAAA,EAAO,OAAM;;;AAAtF,SAAAA,EAAA,GAAAC,EAKM,OALNC,GAKMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAJJC,EAGI,KAAA,EAHD,IAAG,aAAY,GAAA;AAAA,MAChBA,EAA8U,QAAA;AAAA,QAAxU,IAAG;AAAA,QAAW,aAAU;AAAA,QAAU,aAAU;AAAA,QAAU,GAAE;AAAA,QAAgQ,MAAK;AAAA;MACnUA,EAAipB,QAAA;AAAA,QAA3oB,IAAG;AAAA,QAAQ,aAAU;AAAA,QAAU,aAAU;AAAA,QAAU,GAAE;AAAA,QAAskB,MAAK;AAAA;;;;;"}

package/dist/GraphMaker/components/SettingsTabs/icons/LinkIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkIcon.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/LinkIcon.vue"],"names":[],"mappings":";AA+EA,wBAMG"}

package/dist/GraphMaker/{icons → components/SettingsTabs/icons}/LinkIcon.vue.js

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as l, createStaticVNode as i } from "vue";
-import o from "../../_virtual/_plugin-vue_export-helper.js";
+import o from "../../../../_virtual/_plugin-vue_export-helper.js";
 const r = {}, c = {
   width: "24",
   height: "24",

package/dist/GraphMaker/components/SettingsTabs/icons/LinkIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkIcon.vue.js","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/LinkIcon.vue"],"sourcesContent":["<template>\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_8849_14901)\">\n      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.2214 15.2215L13.5701 12.8728C15.2298 11.2131 15.2298 8.5221 13.5701 6.86237C11.9104 5.20264 9.21943 5.20264 7.5597 6.86237L3.31706 11.105C1.65733 12.7647 1.65733 15.4557 3.31706 17.1154C4.38616 18.1845 5.88312 18.565 7.25674 18.2568L8.45258 19.4526C6.38303 20.2767 3.93151 19.8512 2.2564 18.1761C0.0108876 15.9306 0.0108879 12.2899 2.2564 10.0444L6.49904 5.80171C8.74456 3.5562 12.3853 3.5562 14.6308 5.80171C16.8763 8.04723 16.8763 11.6879 14.6308 13.9334L12.2821 16.2821L11.2214 15.2215Z\" fill=\"#110529\"/>\n      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.4594 18.1761C15.2139 20.4216 11.5732 20.4216 9.32769 18.1761C7.08218 15.9306 7.08218 12.2899 9.32769 10.0444L11.686 7.68604L12.7467 8.7467L10.3884 11.105C8.72862 12.7647 8.72862 15.4557 10.3884 17.1154C12.0481 18.7751 14.739 18.7751 16.3988 17.1154L20.6414 12.8728C22.3011 11.2131 22.3011 8.5221 20.6414 6.86237C19.5764 5.79737 18.0868 5.41575 16.7175 5.71752L15.5197 4.51971C17.5863 3.70299 20.0307 4.13032 21.7021 5.80171C23.9476 8.04723 23.9476 11.6879 21.7021 13.9334L17.4594 18.1761Z\" fill=\"#07AD3E\"/>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_8849_14901\">\n        <rect width=\"24\" height=\"24\" fill=\"white\"/>\n      </clipPath>\n    </defs>\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_cache","_createStaticVNode"],"mappings":";;;EACO,OAAM;AAAA,EAAK,QAAO;AAAA,EAAK,SAAQ;AAAA,EAAY,MAAK;AAAA,EAAO,OAAM;;;AAAlE,SAAAA,EAAA,GAAAC,EAUM,OAVNC,GAUMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAXRC,EAAA,kwCAAA,CAAA;AAAA;;;"}

package/dist/GraphMaker/components/SettingsTabs/icons/LogIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;
+//# sourceMappingURL=LogIcon.vue.d.ts.map

package/dist/GraphMaker/components/SettingsTabs/icons/LogIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogIcon.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/LogIcon.vue"],"names":[],"mappings":";AAuDA,wBAMG"}

package/dist/GraphMaker/components/SettingsTabs/icons/LogIcon.vue.js

@@ -0,0 +1,12 @@
+import { defineComponent as e, createBlock as o, openBlock as r, unref as n } from "vue";
+import { PlIcon24 as t } from "@platforma-sdk/ui-vue";
+const s = /* @__PURE__ */ e({
+  __name: "LogIcon",
+  setup(c) {
+    return (p, m) => (r(), o(n(t), { name: "progress" }));
+  }
+});
+export {
+  s as default
+};
+//# sourceMappingURL=LogIcon.vue.js.map

package/dist/GraphMaker/components/SettingsTabs/icons/LogIcon.vue.js.map

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

package/dist/GraphMaker/components/SettingsTabs/icons/LogIcon.vue2.js

@@ -0,0 +1,5 @@
+import f from "./LogIcon.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=LogIcon.vue2.js.map

package/dist/GraphMaker/components/SettingsTabs/icons/LogIcon.vue2.js.map

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

package/dist/GraphMaker/components/SettingsTabs/icons/SettingsIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIcon.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/components/SettingsTabs/icons/SettingsIcon.vue"],"names":[],"mappings":";AAuDA,wBAMG"}

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

@@ -6,6 +6,8 @@ type __VLS_Props = {
     graphStatus: GraphStatus;
     allowDeleting?: boolean;
     hasSettingsSlot?: boolean;
+    hasLogSlot?: boolean;
+    initialLoading: boolean;
     modelValue: FormKey | null;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/SettingsTabs/index.vue"],"names":[],"mappings":"AA8DA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI1C,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,UAAU,EAAE,OAAO,GAAG,IAAI,CAAA;CAC3B,CAAC;;;;;;;;;;AAmHF,wBAQG"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/SettingsTabs/index.vue"],"names":[],"mappings":"AAmEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI1C,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,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,GAAG,IAAI,CAAA;CAC3B,CAAC;;;;;;;;;;AAwHF,wBAQG"}

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

@@ -1,31 +1,33 @@
-import { defineComponent as f, computed as h, createElementBlock as a, openBlock as l, Fragment as y, renderList as g, createBlock as i, unref as s, normalizeClass as v, withCtx as r, resolveDynamicComponent as S, createElementVNode as V, toDisplayString as C } from "vue";
-import { PlTooltip as T } from "@platforma-sdk/ui-vue";
-import { tabKeys as B, resolveIcon as _, resolveTitle as b } from "../../forms/index.js";
-const k = { class: "settings-tabs" }, D = { style: { "font-family": "var(--font-family-base)" } }, $ = /* @__PURE__ */ f({
+import { defineComponent as g, computed as h, createElementBlock as i, openBlock as l, Fragment as y, renderList as f, createBlock as s, unref as a, normalizeClass as S, withCtx as r, resolveDynamicComponent as v, createElementVNode as B, toDisplayString as V } from "vue";
+import { PlTooltip as C } from "@platforma-sdk/ui-vue";
+import { tabKeys as T, resolveIcon as L, resolveTitle as b } from "../../forms/index.js";
+const D = { class: "settings-tabs" }, _ = { style: { "font-family": "var(--font-family-base)" } }, M = /* @__PURE__ */ g({
   __name: "index",
   props: {
     chartType: {},
     graphStatus: {},
     allowDeleting: { type: Boolean },
     hasSettingsSlot: { type: Boolean },
+    hasLogSlot: { type: Boolean },
+    initialLoading: { type: Boolean },
     modelValue: {}
   },
   emits: ["update:modelValue", "export", "delete"],
-  setup(n, { emit: p }) {
-    const c = p, o = n, d = h(() => B().filter(
-      (e) => !(e === "settings" && !o.hasSettingsSlot) && !(e === "statistics" && o.chartType !== "discrete" && o.chartType !== "scatterplot") && !(e === "delete" && o.allowDeleting)
+  setup(p, { emit: n }) {
+    const d = n, o = p, c = h(() => T().filter(
+      (e) => !(e === "settings" && !o.hasSettingsSlot) && !(e === "log" && !o.hasLogSlot) && !(e === "statistics" && o.chartType !== "discrete" && o.chartType !== "scatterplot") && !(e === "delete" && o.allowDeleting)
     ));
     function u(e) {
-      c("update:modelValue", e === o.modelValue ? null : e);
+      d("update:modelValue", e === o.modelValue ? null : e);
     }
-    return (e, w) => (l(), a("div", k, [
-      (l(!0), a(y, null, g(d.value, (t) => (l(), i(s(T), {
+    return (e, k) => (l(), i("div", D, [
+      (l(!0), i(y, null, f(c.value, (t) => (l(), s(a(C), {
         key: t,
         "open-delay": 100,
         "close-delay": 100,
-        class: v(["has-inline-icon", {
+        class: S(["has-inline-icon", {
           active: e.modelValue === t,
-          "temp-inactive": t === "export" && (e.graphStatus !== "ready" || e.chartType === "scatterplot-umap"),
+          "temp-inactive": t === "export" && (e.graphStatus !== "ready" || e.chartType === "scatterplot-umap") || e.initialLoading && (t === "template" || t === "dataMapping" || t === "axes" || t === "statistics" || t === "layers"),
           [t]: !0
         }]),
         position: "left",
@@ -35,10 +37,10 @@ const k = { class: "settings-tabs" }, D = { style: { "font-family": "var(--font-
         }
       }, {
         tooltip: r(() => [
-          V("span", D, C(s(b)(t)), 1)
+          B("span", _, V(a(b)(t)), 1)
         ]),
         default: r(() => [
-          (l(), i(S(s(_)(t))))
+          (l(), s(v(a(L)(t))))
         ]),
         _: 2
       }, 1032, ["class", "hide", "onClick"]))), 128))
@@ -46,6 +48,6 @@ const k = { class: "settings-tabs" }, D = { style: { "font-family": "var(--font-
   }
 });
 export {
-  $ as default
+  M as default
 };
 //# sourceMappingURL=index.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../src/GraphMaker/components/SettingsTabs/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChartType } from '@milaboratories/pf-plots';\nimport { PlTooltip } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { FormKey } from '../../forms';\nimport { resolveIcon, resolveTitle, tabKeys } from '../../forms';\nimport { GraphStatus } from '../../types';\n\nconst emit = defineEmits(['update:modelValue', 'export', 'delete']);\n\nconst props = defineProps<{\n  chartType: ChartType,\n  graphStatus: GraphStatus,\n  allowDeleting?: boolean,\n  hasSettingsSlot?: boolean,\n  modelValue: FormKey | null\n}>();\n\nconst tabs = computed(() => tabKeys().filter((key) =>\n    !(key === 'settings' && !props.hasSettingsSlot) &&\n    !(key === 'statistics' && props.chartType !== 'discrete' && props.chartType !== 'scatterplot') &&\n    !(key === 'delete' && props.allowDeleting)\n));\n\nfunction updateModel(v: string) {\n  emit('update:modelValue', v === props.modelValue ? null : v);\n}\n</script>\n\n<template>\n  <div class=\"settings-tabs\">\n    <pl-tooltip\n      v-for=\"(name) in tabs\"\n      :key=\"name\"\n      :open-delay=\"100\"\n      :close-delay=\"100\"\n      class=\"has-inline-icon\"\n      :class=\"{\n        'active': modelValue === name,\n        'temp-inactive': name === 'export' && (graphStatus !== 'ready' || chartType === 'scatterplot-umap'),\n        [name]: true\n      }\"\n      position=\"left\"\n      :hide=\"modelValue === name\"\n      @click=\"(e:Event) => {\n        e.stopPropagation();\n        name === 'export' ? $emit('export') :\n        name === 'delete' ? $emit('delete') :\n        updateModel(name)\n      }\"\n    >\n      <component :is=\"resolveIcon(name)\"/>\n      <template #tooltip>\n        <span style=\"font-family: var(--font-family-base);\">\n          {{ resolveTitle(name) }}\n        </span>\n      </template>\n    </pl-tooltip>\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","tabs","computed","tabKeys","key","updateModel","v"],"mappings":";;;;;;;;;;;;;;AAQA,UAAMA,IAAOC,GAEPC,IAAQC,GAQRC,IAAOC,EAAS,MAAMC,EAAA,EAAU;AAAA,MAAO,CAACC,MAC1C,EAAEA,MAAQ,cAAc,CAACL,EAAM,oBAC/B,EAAEK,MAAQ,gBAAgBL,EAAM,cAAc,cAAcA,EAAM,cAAc,kBAChF,EAAEK,MAAQ,YAAYL,EAAM;AAAA,IAAA,CAC/B;AAED,aAASM,EAAYC,GAAW;AAC9B,MAAAT,EAAK,qBAAqBS,MAAMP,EAAM,aAAa,OAAOO,CAAC;AAAA,IAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../src/GraphMaker/components/SettingsTabs/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChartType } from '@milaboratories/pf-plots';\nimport { PlTooltip } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { FormKey } from '../../forms';\nimport { resolveIcon, resolveTitle, tabKeys } from '../../forms';\nimport { GraphStatus } from '../../types';\n\nconst emit = defineEmits(['update:modelValue', 'export', 'delete']);\n\nconst props = defineProps<{\n  chartType: ChartType,\n  graphStatus: GraphStatus,\n  allowDeleting?: boolean,\n  hasSettingsSlot?: boolean,\n  hasLogSlot?: boolean,\n  initialLoading: boolean,\n  modelValue: FormKey | null\n}>();\n\nconst tabs = computed(() => tabKeys().filter((key) =>\n    !(key === 'settings' && !props.hasSettingsSlot) &&\n    !(key === 'log' && !props.hasLogSlot) &&\n    !(key === 'statistics' && props.chartType !== 'discrete' && props.chartType !== 'scatterplot') &&\n    !(key === 'delete' && props.allowDeleting)\n));\n\nfunction updateModel(v: string) {\n  emit('update:modelValue', v === props.modelValue ? null : v);\n}\n</script>\n\n<template>\n  <div class=\"settings-tabs\">\n    <pl-tooltip\n      v-for=\"(name) in tabs\"\n      :key=\"name\"\n      :open-delay=\"100\"\n      :close-delay=\"100\"\n      class=\"has-inline-icon\"\n      :class=\"{\n        'active': modelValue === name,\n        'temp-inactive':\n          name === 'export' && (graphStatus !== 'ready' || chartType === 'scatterplot-umap') ||\n          initialLoading && (name === 'template' || name === 'dataMapping' || name === 'axes' || name === 'statistics' || name === 'layers'),\n        [name]: true\n      }\"\n      position=\"left\"\n      :hide=\"modelValue === name\"\n      @click=\"(e:Event) => {\n        e.stopPropagation();\n        name === 'export' ? $emit('export') :\n        name === 'delete' ? $emit('delete') :\n        updateModel(name)\n      }\"\n    >\n      <component :is=\"resolveIcon(name)\"/>\n      <template #tooltip>\n        <span style=\"font-family: var(--font-family-base);\">\n          {{ resolveTitle(name) }}\n        </span>\n      </template>\n    </pl-tooltip>\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","tabs","computed","tabKeys","key","updateModel","v"],"mappings":";;;;;;;;;;;;;;;;AAQA,UAAMA,IAAOC,GAEPC,IAAQC,GAURC,IAAOC,EAAS,MAAMC,EAAA,EAAU;AAAA,MAAO,CAACC,MAC1C,EAAEA,MAAQ,cAAc,CAACL,EAAM,oBAC/B,EAAEK,MAAQ,SAAS,CAACL,EAAM,eAC1B,EAAEK,MAAQ,gBAAgBL,EAAM,cAAc,cAAcA,EAAM,cAAc,kBAChF,EAAEK,MAAQ,YAAYL,EAAM;AAAA,IAAA,CAC/B;AAED,aAASM,EAAYC,GAAW;AAC9B,MAAAT,EAAK,qBAAqBS,MAAMP,EAAM,aAAa,OAAOO,CAAC;AAAA,IAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/LogForm.vue.d.ts

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        logSlot?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=LogForm.vue.d.ts.map

package/dist/GraphMaker/forms/LogForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogForm.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/forms/LogForm.vue"],"names":[],"mappings":"AAuBA,iBAAS,cAAc;WAoCT,OAAO,IAA6B;;yBAXrB,GAAG;yBACH,GAAG;;;;EAe/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/GraphMaker/forms/LogForm.vue.js

@@ -0,0 +1,22 @@
+import { createElementBlock as n, openBlock as r, createElementVNode as o, renderSlot as e } from "vue";
+import i from "../../_virtual/_plugin-vue_export-helper.js";
+const d = {}, f = { class: "settings-list" };
+function m(s, t) {
+  return r(), n("div", {
+    class: "settings-form",
+    onClick: t[0] || (t[0] = (l) => l.stopPropagation())
+  }, [
+    t[1] || (t[1] = o("div", { class: "settings-title" }, [
+      o("h3", null, " Log ")
+    ], -1)),
+    o("div", f, [
+      e(s.$slots, "default"),
+      e(s.$slots, "logSlot")
+    ])
+  ]);
+}
+const g = /* @__PURE__ */ i(d, [["render", m]]);
+export {
+  g as default
+};
+//# sourceMappingURL=LogForm.vue.js.map

package/dist/GraphMaker/forms/LogForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogForm.vue.js","sources":["../../../src/GraphMaker/forms/LogForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\n</script>\n\n<template v-slot=\"slotProps\">\n  <div class=\"settings-form\" @click=\"(e) => e.stopPropagation()\">\n    <div class=\"settings-title\">\n      <h3>\n        Log\n      </h3>\n    </div>\n    <div class=\"settings-list\">\n        <slot></slot>\n        <slot name=\"logSlot\"></slot>\n    </div>\n  </div>\n</template>\n"],"names":["_hoisted_1","_createElementBlock","_cache","e","_createElementVNode","_renderSlot","_ctx"],"mappings":";;cAWSA,IAAA,EAAA,OAAM,gBAAe;;cAN5BC,EAUM,OAAA;AAAA,IAVD,OAAM;AAAA,IAAiB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAe;AAAA;oBACzDC,EAIM,OAAA,EAJD,OAAM,oBAAgB;AAAA,MACzBA,EAEK,YAFD,OAEJ;AAAA;IAEFA,EAGM,OAHNJ,GAGM;AAAA,MAFFK,EAAaC,EAAA,QAAA,SAAA;AAAA,MACbD,EAA4BC,EAAA,QAAA,SAAA;AAAA;;;;"}

package/dist/GraphMaker/forms/index.d.ts

@@ -23,6 +23,28 @@ declare const forms: {
         });
         title: string;
     };
+    log: {
+        icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+        component: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): any;
+                logSlot?(_: {}): any;
+            };
+        });
+        title: string;
+    };
     template: {
         icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
         component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/dist/GraphMaker/forms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/forms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAkBhC,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCV,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,KAAK,CAAC;AAEzC,wBAAgB,OAAO,IACQ,OAAO,EAAE,CACvC;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,CAEpD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,UAEzC;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,6HAK5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/forms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAmBhC,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CV,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,KAAK,CAAC;AAEzC,wBAAgB,OAAO,IACQ,OAAO,EAAE,CACvC;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,CAEpD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,UAEzC;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,6HAK5D"}