@milaboratories/graph-maker 1.1.178 → 1.1.180

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

@@ -6,17 +6,18 @@ type __VLS_Props = {
     graphStatus: GraphStatus;
     allowDeleting?: boolean;
     hasSettingsSlot?: boolean;
+    hasAnnotationsSlot?: boolean;
     hasLogSlot?: boolean;
     initialLoading: boolean;
     modelValue: FormKey | null;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    delete: (...args: any[]) => void;
     export: (...args: any[]) => void;
+    delete: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDelete?: ((...args: any[]) => any) | undefined;
     onExport?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,46 +1,47 @@
-import { defineComponent as g, computed as h, createElementBlock as s, openBlock as a, Fragment as y, renderList as f, createBlock as n, unref as i, normalizeClass as S, withCtx as r, resolveDynamicComponent as v, createElementVNode as x, toDisplayString as B } from "vue";
+import { defineComponent as m, computed as g, createElementBlock as s, openBlock as a, Fragment as y, renderList as f, 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)" } }, P = /* @__PURE__ */ g({
+const b = { class: "settings-tabs" }, D = { style: { "font-family": "var(--font-family-base)" } }, M = /* @__PURE__ */ m({
   __name: "index",
   props: {
     chartType: {},
     graphStatus: {},
     allowDeleting: { type: Boolean },
     hasSettingsSlot: { type: Boolean },
+    hasAnnotationsSlot: { type: Boolean },
     hasLogSlot: { type: Boolean },
     initialLoading: { type: Boolean },
     modelValue: {}
   },
   emits: ["update:modelValue", "export", "delete"],
-  setup(o, { emit: c }) {
-    const p = c, l = o, d = h(() => C().filter(
-      (e) => !(e === "settings" && !l.hasSettingsSlot) && !(e === "log" && !l.hasLogSlot) && !(e === "statistics" && l.chartType !== "discrete" && l.chartType !== "scatterplot") && !(e === "delete" && l.allowDeleting)
+  setup(l, { emit: c }) {
+    const p = c, o = l, d = g(() => C().filter(
+      (e) => !(e === "annotations" && !o.hasAnnotationsSlot) && !(e === "settings" && !o.hasSettingsSlot) && !(e === "log" && !o.hasLogSlot) && !(e === "statistics" && o.chartType !== "discrete" && o.chartType !== "scatterplot") && !(e === "delete" && o.allowDeleting)
     ));
     function u(e) {
-      p("update:modelValue", e === l.modelValue ? null : e);
+      p("update:modelValue", e === o.modelValue ? null : e);
     }
-    return (e, k) => (a(), s("div", b, [
+    return (e, w) => (a(), s("div", b, [
       (a(!0), s(y, null, f(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"),
+          active: l.modelValue === t,
+          "temp-inactive": t === "export" && (l.graphStatus !== "ready" || l.chartType === "scatterplot-umap") || l.initialLoading && (t === "template" || t === "dataMapping" || t === "axes" || t === "statistics" || t === "layers"),
           [t]: !0
         }]),
         position: "left",
-        hide: o.modelValue === t,
-        onClick: (m) => {
-          m.stopPropagation(), t === "export" ? e.$emit("export") : t === "delete" ? e.$emit("delete") : u(t);
+        hide: l.modelValue === t,
+        onClick: (h) => {
+          h.stopPropagation(), t === "export" ? e.$emit("export") : t === "delete" ? e.$emit("delete") : u(t);
         }
       }, {
         tooltip: r(() => [
-          x("span", D, B(i(L)(t)), 1)
+          v("span", D, x(i(L)(t)), 1)
         ]),
         default: r(() => [
-          (a(), n(v(i(T)(t))))
+          (a(), n(B(i(T)(t))))
         ]),
         _: 2
       }, 1032, ["class", "hide", "onClick"]))), 128))
@@ -48,6 +49,6 @@ const b = { class: "settings-tabs" }, D = { style: { "font-family": "var(--font-
   }
 });
 export {
-  P as default
+  M as default
 };
 //# sourceMappingURL=index.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../src/components/SettingsTabs/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { 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 type { 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    <PlTooltip\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    </PlTooltip>\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","tabs","computed","tabKeys","key","updateModel","v","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","name","_createBlock","_unref","PlTooltip","e","$emit","_createElementVNode","_hoisted_2","_toDisplayString","resolveTitle","_resolveDynamicComponent","resolveIcon"],"mappings":";;;;;;;;;;;;;;;;AAQA,UAAMA,IAAOC,GAEPC,IAAQC,GAURC,IAAOC,EAAS,MAAMC,EAAA,EAAU;AAAA,MAAO,CAACC,MAC5C,EAAEA,MAAQ,cAAc,CAACL,EAAM,oBAC5B,EAAEK,MAAQ,SAAS,CAACL,EAAM,eAC1B,EAAEK,MAAQ,gBAAgBL,EAAM,cAAc,cAAcA,EAAM,cAAc,kBAChF,EAAEK,MAAQ,YAAYL,EAAM;AAAA,IAAA,CAChC;AAED,aAASM,EAAYC,GAAW;AAC9B,MAAAT,EAAK,qBAAqBS,MAAMP,EAAM,aAAa,OAAOO,CAAC;AAAA,IAC7D;sBAIEC,EAAA,GAAAC,EA8BM,OA9BNC,GA8BM;AAAA,cA7BJD,EA4BYE,GAAA,MAAAC,EA3BOV,EAAA,OAAI,CAAbW,YADVC,EA4BYC,EAAAC,CAAA,GAAA;AAAA,QA1BT,KAAKH;AAAA,QACL,cAAY;AAAA,QACZ,eAAa;AAAA,QACd,UAAM,mBAAiB;AAAA,UACK,QAAAZ,EAAA,eAAeY;AAAA,2BAAyCA,MAAI,aAAkBZ,EAAA,gBAAW,WAAgBA,EAAA,cAAS,uBAAsCA,EAAA,mBAAmBY,MAAI,cAAmBA,uBAA0BA,MAAI,UAAeA,MAAI,gBAAqBA,MAAI;AAAA,WAAyBA,CAAI,GAAA;AAAA,QAAA;QAOrU,UAAS;AAAA,QACR,MAAMZ,EAAA,eAAeY;AAAA,QACrB,UAAQI,MAAO;AAAe,UAAAA,EAAE,gBAAA,GAA2BJ,iBAAoBK,EAAAA,MAAK,QAAA,IAAqBL,iBAAoBK,EAAAA,MAAK,QAAA,IAAqBZ,EAAYO,CAAI;AAAA;;QAQ7J,WACT,MAEO;AAAA,UAFPM,EAEO,QAFPC,GAEOC,EADFN,EAAAO,CAAA,EAAaT,CAAI,CAAA,GAAA,CAAA;AAAA,QAAA;mBAHxB,MAAoC;AAAA,gBAApCC,EAAoCS,EAApBR,EAAAS,CAAA,EAAYX,CAAI,CAAA,CAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../src/components/SettingsTabs/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { 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 type { 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  hasAnnotationsSlot?: boolean;\n  hasLogSlot?: boolean;\n  initialLoading: boolean;\n  modelValue: FormKey | null;\n}>();\n\nconst tabs = computed(() => tabKeys().filter((key) =>\n  !(key === 'annotations' && !props.hasAnnotationsSlot)\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    <PlTooltip\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    </PlTooltip>\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","tabs","computed","tabKeys","key","updateModel","v","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","name","_createBlock","_unref","PlTooltip","e","$emit","_createElementVNode","_hoisted_2","_toDisplayString","resolveTitle","_resolveDynamicComponent","resolveIcon"],"mappings":";;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAOC,GAEPC,IAAQC,GAWRC,IAAOC,EAAS,MAAMC,EAAA,EAAU;AAAA,MAAO,CAACC,MAC5C,EAAEA,MAAQ,iBAAiB,CAACL,EAAM,uBAC/B,EAAEK,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,CAChC;AAED,aAASM,EAAYC,GAAW;AAC9B,MAAAT,EAAK,qBAAqBS,MAAMP,EAAM,aAAa,OAAOO,CAAC;AAAA,IAC7D;sBAIEC,EAAA,GAAAC,EA8BM,OA9BNC,GA8BM;AAAA,cA7BJD,EA4BYE,GAAA,MAAAC,EA3BOV,EAAA,OAAI,CAAbW,YADVC,EA4BYC,EAAAC,CAAA,GAAA;AAAA,QA1BT,KAAKH;AAAA,QACL,cAAY;AAAA,QACZ,eAAa;AAAA,QACd,UAAM,mBAAiB;AAAA,UACK,QAAAZ,EAAA,eAAeY;AAAA,2BAAyCA,MAAI,aAAkBZ,EAAA,gBAAW,WAAgBA,EAAA,cAAS,uBAAsCA,EAAA,mBAAmBY,MAAI,cAAmBA,uBAA0BA,MAAI,UAAeA,MAAI,gBAAqBA,MAAI;AAAA,WAAyBA,CAAI,GAAA;AAAA,QAAA;QAOrU,UAAS;AAAA,QACR,MAAMZ,EAAA,eAAeY;AAAA,QACrB,UAAQI,MAAO;AAAe,UAAAA,EAAE,gBAAA,GAA2BJ,iBAAoBK,EAAAA,MAAK,QAAA,IAAqBL,iBAAoBK,EAAAA,MAAK,QAAA,IAAqBZ,EAAYO,CAAI;AAAA;;QAQ7J,WACT,MAEO;AAAA,UAFPM,EAEO,QAFPC,GAEOC,EADFN,EAAAO,CAAA,EAAaT,CAAI,CAAA,GAAA,CAAA;AAAA,QAAA;mBAHxB,MAAoC;AAAA,gBAApCC,EAAoCS,EAApBR,EAAAS,CAAA,EAAYX,CAAI,CAAA,CAAA;AAAA,QAAA;;;;;;"}

package/dist/forms/AnnotationsForm.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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;
+    };
+};

package/dist/forms/AnnotationsForm.vue.js

@@ -0,0 +1,16 @@
+import { createElementBlock as r, openBlock as e, renderSlot as s } from "vue";
+import a from "../_virtual/_plugin-vue_export-helper.js";
+const c = {};
+function f(t, o) {
+  return e(), r("div", {
+    class: "annotations-form",
+    onClick: o[0] || (o[0] = (n) => n.stopPropagation())
+  }, [
+    s(t.$slots, "default")
+  ]);
+}
+const m = /* @__PURE__ */ a(c, [["render", f]]);
+export {
+  m as default
+};
+//# sourceMappingURL=AnnotationsForm.vue.js.map

package/dist/forms/AnnotationsForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationsForm.vue.js","sources":["../../src/forms/AnnotationsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\n</script>\n\n<template>\n  <div class=\"annotations-form\" @click=\"(e) => e.stopPropagation()\">\n    <slot/>\n  </div>\n</template>\n"],"names":["_createElementBlock","_cache","e","_renderSlot","_ctx"],"mappings":";;;;cAKEA,EAEM,OAAA;AAAA,IAFD,OAAM;AAAA,IAAoB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAe;AAAA;IAC5DC,EAAOC,EAAA,QAAA,SAAA;AAAA;;;"}

package/dist/forms/index.d.ts

@@ -70,6 +70,27 @@ declare const forms: {
         component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
         title: string;
     };
+    annotations: {
+        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;
+            };
+        });
+        title: string;
+    };
     delete: {
         icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
         component: null;

package/dist/forms/index.js

@@ -1,85 +1,92 @@
-import { objects as m } from "@milaboratories/helpers";
-import { useComponent as c } from "../composition/useComponent.js";
-import p from "../components/SettingsTabs/icons/AxesIcon.vue.js";
-import s from "../components/SettingsTabs/icons/DeleteChartIcon.vue.js";
-import f from "../components/SettingsTabs/icons/ExportIcon.vue.js";
-import a from "../components/SettingsTabs/icons/LayersIcon.vue.js";
-import l from "../components/SettingsTabs/icons/LinkIcon.vue.js";
-import u from "../components/SettingsTabs/icons/SettingsIcon.vue.js";
-import _ from "../components/SettingsTabs/icons/LogIcon.vue.js";
-import g from "../icons/StatisticsIcon.vue.js";
-import I from "../icons/TemplateIcon.vue.js";
-import x from "./AxesSettingsForm/index.vue.js";
-import $ from "./DataMappingForm/index.vue.js";
-import y from "./LayersForm/index.vue.js";
-import L from "./SettingsForm.vue.js";
-import S from "./LogForm.vue.js";
-import b from "./StatisticsForm/index.vue.js";
+import { objects as r } from "@milaboratories/helpers";
+import c from "../components/SettingsTabs/icons/AxesIcon.vue.js";
+import p from "../components/SettingsTabs/icons/DeleteChartIcon.vue.js";
+import s from "../components/SettingsTabs/icons/ExportIcon.vue.js";
+import f from "../components/SettingsTabs/icons/LayersIcon.vue.js";
+import a from "../components/SettingsTabs/icons/LinkIcon.vue.js";
+import l from "../components/SettingsTabs/icons/LogIcon.vue.js";
+import _ from "../components/SettingsTabs/icons/SettingsIcon.vue.js";
+import { useComponent as u } from "../composition/useComponent.js";
+import g from "../icons/Annotation.vue.js";
+import I from "../icons/StatisticsIcon.vue.js";
+import x from "../icons/TemplateIcon.vue.js";
+import $ from "./AnnotationsForm.vue.js";
+import y from "./AxesSettingsForm/index.vue.js";
+import L from "./DataMappingForm/index.vue.js";
+import S from "./LayersForm/index.vue.js";
+import b from "./LogForm.vue.js";
+import A from "./SettingsForm.vue.js";
+import F from "./StatisticsForm/index.vue.js";
 import d from "./TemplateForm.vue.js";
-const o = {
+const t = {
   settings: {
-    icon: u,
-    component: L,
+    icon: _,
+    component: A,
     title: "Settings"
   },
   log: {
-    icon: _,
-    component: S,
+    icon: l,
+    component: b,
     title: "Log"
   },
   template: {
-    icon: I,
+    icon: x,
     component: d,
     title: "Template"
   },
   dataMapping: {
-    icon: l,
-    component: $,
+    icon: a,
+    component: L,
     title: "Data mapping"
   },
   axes: {
-    icon: p,
-    component: x,
+    icon: c,
+    component: y,
     title: "Axes settings"
   },
   statistics: {
-    icon: g,
-    component: b,
+    icon: I,
+    component: F,
     title: "Statistics"
   },
   layers: {
-    icon: a,
-    component: y,
+    icon: f,
+    component: S,
     title: "Layers"
   },
+  annotations: {
+    icon: g,
+    component: $,
+    title: "Annotations"
+  },
   delete: {
-    icon: s,
+    icon: p,
     component: null,
     title: "Delete graph"
   },
   export: {
-    icon: f,
+    icon: s,
     component: null,
     title: "Export"
   }
 };
-function G() {
-  return Object.keys(o);
+function Q() {
+  return Object.keys(t);
 }
-function H(t) {
-  return o[t].icon ?? "";
+function R(o) {
+  return t[o].icon ?? "";
 }
-function J(t) {
-  return o[t].title ?? "";
+function U(o) {
+  return t[o].title ?? "";
 }
-function N(t) {
-  const n = Object.entries(o).reduce((e, [i, r]) => m.setProp(e, i, r.component), {});
-  return c(n, t);
+function V(o) {
+  const n = Object.entries(t).reduce((i, [e, m]) => r.setProp(i, e, m.component), {});
+  return u(n, o);
 }
 export {
-  H as resolveIcon,
-  J as resolveTitle,
-  G as tabKeys,
-  N as useSettingsForm
+  R as resolveIcon,
+  U as resolveTitle,
+  Q as tabKeys,
+  V as useSettingsForm
 };
 //# sourceMappingURL=index.js.map

package/dist/forms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/forms/index.ts"],"sourcesContent":["import { objects } from '@milaboratories/helpers';\nimport type { MaybeRef } from '@platforma-sdk/ui-vue';\nimport type { Component } from 'vue';\nimport { useComponent } from '../composition/useComponent';\nimport AxisIcon from '../components/SettingsTabs/icons/AxesIcon.vue';\nimport DeleteChartIcon from '../components/SettingsTabs/icons/DeleteChartIcon.vue';\nimport ExportIcon from '../components/SettingsTabs/icons/ExportIcon.vue';\nimport LayersIcon from '../components/SettingsTabs/icons/LayersIcon.vue';\nimport LinkIcon from '../components/SettingsTabs/icons/LinkIcon.vue';\nimport SettingsIcon from '../components/SettingsTabs/icons/SettingsIcon.vue';\nimport LogIcon from '../components/SettingsTabs/icons/LogIcon.vue';\nimport StatisticsIcon from '../icons/StatisticsIcon.vue';\nimport TemplateIcon from '../icons/TemplateIcon.vue';\nimport AxesSettingsForm from './AxesSettingsForm/index.vue';\nimport DataMappingForm from './DataMappingForm/index.vue';\nimport LayersForm from './LayersForm/index.vue';\nimport SettingsForm from './SettingsForm.vue';\nimport LogForm from './LogForm.vue';\nimport StatisticsForm from './StatisticsForm/index.vue';\nimport TemplateForm from './TemplateForm.vue';\n\nconst forms = {\n  settings: {\n    icon: SettingsIcon,\n    component: SettingsForm,\n    title: 'Settings',\n  },\n  log: {\n    icon: LogIcon,\n    component: LogForm,\n    title: 'Log',\n  },\n  template: {\n    icon: TemplateIcon,\n    component: TemplateForm,\n    title: 'Template',\n  },\n  dataMapping: {\n    icon: LinkIcon,\n    component: DataMappingForm,\n    title: 'Data mapping',\n  },\n  axes: {\n    icon: AxisIcon,\n    component: AxesSettingsForm,\n    title: 'Axes settings',\n  },\n  statistics: {\n    icon: StatisticsIcon,\n    component: StatisticsForm,\n    title: 'Statistics',\n  },\n  layers: {\n    icon: LayersIcon,\n    component: LayersForm,\n    title: 'Layers',\n  },\n  delete: {\n    icon: DeleteChartIcon,\n    component: null,\n    title: 'Delete graph',\n  },\n  export: {\n    icon: ExportIcon,\n    component: null,\n    title: 'Export',\n  },\n};\n\nexport type FormKey = keyof typeof forms;\n\nexport function tabKeys() {\n  return Object.keys(forms) as FormKey[];\n}\n\nexport function resolveIcon(name: FormKey): Component {\n  return forms[name].icon ?? '';\n}\n\nexport function resolveTitle(name: FormKey) {\n  return forms[name].title ?? '';\n}\n\nexport function useSettingsForm(tab: MaybeRef<FormKey | null>) {\n  const components = Object.entries(forms).reduce((dict, [name, v]) => {\n    return objects.setProp(dict, name as FormKey, v.component);\n  }, {} as Record<FormKey, Component | null>);\n  return useComponent(components, tab);\n}\n"],"names":["forms","SettingsIcon","SettingsForm","LogIcon","LogForm","TemplateIcon","TemplateForm","LinkIcon","DataMappingForm","AxisIcon","AxesSettingsForm","StatisticsIcon","StatisticsForm","LayersIcon","LayersForm","DeleteChartIcon","ExportIcon","tabKeys","resolveIcon","name","resolveTitle","useSettingsForm","tab","components","dict","v","objects","useComponent"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,MAAMA,IAAQ;AAAA,EACZ,UAAU;AAAA,IACR,MAAMC;AAAAA,IACN,WAAWC;AAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,KAAK;AAAA,IACH,MAAMC;AAAAA,IACN,WAAWC;AAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,UAAU;AAAA,IACR,MAAMC;AAAA,IACN,WAAWC;AAAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,MAAMC;AAAA,IACN,WAAWC;AAAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,MAAMC;AAAA,IACN,WAAWC;AAAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,YAAY;AAAA,IACV,MAAMC;AAAA,IACN,WAAWC;AAAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,MAAMC;AAAA,IACN,WAAWC;AAAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,MAAMC;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,MAAMC;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,EAAA;AAEX;AAIO,SAASC,IAAU;AACxB,SAAO,OAAO,KAAKjB,CAAK;AAC1B;AAEO,SAASkB,EAAYC,GAA0B;AACpD,SAAOnB,EAAMmB,CAAI,EAAE,QAAQ;AAC7B;AAEO,SAASC,EAAaD,GAAe;AAC1C,SAAOnB,EAAMmB,CAAI,EAAE,SAAS;AAC9B;AAEO,SAASE,EAAgBC,GAA+B;AAC7D,QAAMC,IAAa,OAAO,QAAQvB,CAAK,EAAE,OAAO,CAACwB,GAAM,CAACL,GAAMM,CAAC,MACtDC,EAAQ,QAAQF,GAAML,GAAiBM,EAAE,SAAS,GACxD,CAAA,CAAuC;AAC1C,SAAOE,EAAaJ,GAAYD,CAAG;AACrC;"}
+{"version":3,"file":"index.js","sources":["../../src/forms/index.ts"],"sourcesContent":["import { objects } from '@milaboratories/helpers';\nimport type { MaybeRef } from '@platforma-sdk/ui-vue';\nimport type { Component } from 'vue';\nimport AxisIcon from '../components/SettingsTabs/icons/AxesIcon.vue';\nimport DeleteChartIcon from '../components/SettingsTabs/icons/DeleteChartIcon.vue';\nimport ExportIcon from '../components/SettingsTabs/icons/ExportIcon.vue';\nimport LayersIcon from '../components/SettingsTabs/icons/LayersIcon.vue';\nimport LinkIcon from '../components/SettingsTabs/icons/LinkIcon.vue';\nimport LogIcon from '../components/SettingsTabs/icons/LogIcon.vue';\nimport SettingsIcon from '../components/SettingsTabs/icons/SettingsIcon.vue';\nimport { useComponent } from '../composition/useComponent';\nimport AnnotationIcon from '../icons/Annotation.vue';\nimport StatisticsIcon from '../icons/StatisticsIcon.vue';\nimport TemplateIcon from '../icons/TemplateIcon.vue';\nimport AnnotationsForm from './AnnotationsForm.vue';\nimport AxesSettingsForm from './AxesSettingsForm/index.vue';\nimport DataMappingForm from './DataMappingForm/index.vue';\nimport LayersForm from './LayersForm/index.vue';\nimport LogForm from './LogForm.vue';\nimport SettingsForm from './SettingsForm.vue';\nimport StatisticsForm from './StatisticsForm/index.vue';\nimport TemplateForm from './TemplateForm.vue';\n\nconst forms = {\n  settings: {\n    icon: SettingsIcon,\n    component: SettingsForm,\n    title: 'Settings',\n  },\n  log: {\n    icon: LogIcon,\n    component: LogForm,\n    title: 'Log',\n  },\n  template: {\n    icon: TemplateIcon,\n    component: TemplateForm,\n    title: 'Template',\n  },\n  dataMapping: {\n    icon: LinkIcon,\n    component: DataMappingForm,\n    title: 'Data mapping',\n  },\n  axes: {\n    icon: AxisIcon,\n    component: AxesSettingsForm,\n    title: 'Axes settings',\n  },\n  statistics: {\n    icon: StatisticsIcon,\n    component: StatisticsForm,\n    title: 'Statistics',\n  },\n  layers: {\n    icon: LayersIcon,\n    component: LayersForm,\n    title: 'Layers',\n  },\n  annotations: {\n    icon: AnnotationIcon,\n    component: AnnotationsForm,\n    title: 'Annotations',\n  },\n  delete: {\n    icon: DeleteChartIcon,\n    component: null,\n    title: 'Delete graph',\n  },\n  export: {\n    icon: ExportIcon,\n    component: null,\n    title: 'Export',\n  },\n};\n\nexport type FormKey = keyof typeof forms;\n\nexport function tabKeys() {\n  return Object.keys(forms) as FormKey[];\n}\n\nexport function resolveIcon(name: FormKey): Component {\n  return forms[name].icon ?? '';\n}\n\nexport function resolveTitle(name: FormKey) {\n  return forms[name].title ?? '';\n}\n\nexport function useSettingsForm(tab: MaybeRef<FormKey | null>) {\n  const components = Object.entries(forms).reduce((dict, [name, v]) => {\n    return objects.setProp(dict, name as FormKey, v.component);\n  }, {} as Record<FormKey, Component | null>);\n  return useComponent(components, tab);\n}\n"],"names":["forms","SettingsIcon","SettingsForm","LogIcon","LogForm","TemplateIcon","TemplateForm","LinkIcon","DataMappingForm","AxisIcon","AxesSettingsForm","StatisticsIcon","StatisticsForm","LayersIcon","LayersForm","AnnotationIcon","AnnotationsForm","DeleteChartIcon","ExportIcon","tabKeys","resolveIcon","name","resolveTitle","useSettingsForm","tab","components","dict","v","objects","useComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,IAAQ;AAAA,EACZ,UAAU;AAAA,IACR,MAAMC;AAAAA,IACN,WAAWC;AAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,KAAK;AAAA,IACH,MAAMC;AAAAA,IACN,WAAWC;AAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,UAAU;AAAA,IACR,MAAMC;AAAA,IACN,WAAWC;AAAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,MAAMC;AAAA,IACN,WAAWC;AAAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,MAAMC;AAAA,IACN,WAAWC;AAAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,YAAY;AAAA,IACV,MAAMC;AAAA,IACN,WAAWC;AAAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,MAAMC;AAAA,IACN,WAAWC;AAAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,MAAMC;AAAAA,IACN,WAAWC;AAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,MAAMC;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,MAAMC;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,EAAA;AAEX;AAIO,SAASC,IAAU;AACxB,SAAO,OAAO,KAAKnB,CAAK;AAC1B;AAEO,SAASoB,EAAYC,GAA0B;AACpD,SAAOrB,EAAMqB,CAAI,EAAE,QAAQ;AAC7B;AAEO,SAASC,EAAaD,GAAe;AAC1C,SAAOrB,EAAMqB,CAAI,EAAE,SAAS;AAC9B;AAEO,SAASE,EAAgBC,GAA+B;AAC7D,QAAMC,IAAa,OAAO,QAAQzB,CAAK,EAAE,OAAO,CAAC0B,GAAM,CAACL,GAAMM,CAAC,MACtDC,EAAQ,QAAQF,GAAML,GAAiBM,EAAE,SAAS,GACxD,CAAA,CAAuC;AAC1C,SAAOE,EAAaJ,GAAYD,CAAG;AACrC;"}

package/dist/icons/Annotation.vue.d.ts

@@ -0,0 +1,2 @@
+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;

package/dist/icons/Annotation.vue.js

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

package/dist/icons/Annotation.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Annotation.vue.js","sources":["../../src/icons/Annotation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon24 } from '@platforma-sdk/ui-vue';\n\n</script>\n<template>\n  <PlIcon24 name=\"annotate\"/>\n</template>\n"],"names":["_createBlock","_unref","PlIcon24"],"mappings":";;;;;2BAKEA,EAA2BC,EAAAC,CAAA,GAAA,EAAjB,MAAK,YAAU;AAAA;;"}

package/dist/icons/Annotation.vue2.js

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

package/dist/icons/Annotation.vue2.js.map

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

package/dist/index.vue.d.ts

@@ -6,6 +6,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         titleLineSlot?(_: {}): any;
+        annotationsSlot?(_: {}): any;
         settingsSlot?(_: {}): any;
         logSlot?(_: {}): any;
     };