@milaboratories/graph-maker 1.1.132 → 1.1.133

package/dist/GraphMaker/components/PanelModal.vue.d.ts

@@ -1,17 +1,28 @@
 declare function __VLS_template(): {
-    default?(_: {
-        ref: string;
-    }): any;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            ref: string;
+        }): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    rootRef: HTMLDivElement;
+}, 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=PanelModal.vue.d.ts.map

package/dist/GraphMaker/components/PanelModal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelModal.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/PanelModal.vue"],"names":[],"mappings":"AA8BA,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;;;YAXrB,GAAG;;;;;;EAgB/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kBAQnB,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/components/PanelModal.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent as r, ref as s, createElementBlock as a, openBlock as c, createVNode as f, renderSlot as m, unref as d } from "vue";
+import { useClickOutside as i, PlCloseModalBtn as p } from "@platforma-sdk/ui-vue";
+const B = /* @__PURE__ */ r({
+  __name: "PanelModal",
+  emits: ["close"],
+  setup(u, { emit: l }) {
+    const e = l, o = s();
+    return i([o], () => e("close")), (n, t) => (c(), a("div", {
+      ref_key: "rootRef",
+      ref: o,
+      class: "panel-modal"
+    }, [
+      f(d(p), {
+        class: "close-panel-modal",
+        onClick: t[0] || (t[0] = (_) => e("close"))
+      }),
+      m(n.$slots, "default", { ref: "contentRef" })
+    ], 512));
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=PanelModal.vue.js.map

package/dist/GraphMaker/components/PanelModal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelModal.vue.js","sources":["../../../src/GraphMaker/components/PanelModal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {PlCloseModalBtn, useClickOutside} from '@platforma-sdk/ui-vue';\nimport {ref} from 'vue';\n\nconst $emit = defineEmits(['close']);\n\nconst rootRef = ref();\n\nuseClickOutside([rootRef],() => $emit('close'));\n</script>\n\n<template>\n  <div ref=\"rootRef\" class=\"panel-modal\">\n    <PlCloseModalBtn class=\"close-panel-modal\" @click=\"$emit('close')\"/>\n    <slot ref=\"contentRef\"/>\n  </div>\n</template>\n"],"names":["$emit","__emit","rootRef","ref","useClickOutside"],"mappings":";;;;;;AAIA,UAAMA,IAAQC,GAERC,IAAUC,EAAA;AAEhB,WAAAC,EAAgB,CAACF,CAAO,GAAE,MAAMF,EAAM,OAAO,CAAC;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/PanelModal.vue2.js

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

package/dist/GraphMaker/components/PanelModal.vue2.js.map

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

package/dist/GraphMaker/components/PlColorSlider.vue.d.ts

@@ -4,26 +4,20 @@ type PropsType = {
     getColorForPercent: (percent: number) => string;
     active: number | null;
 };
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PropsType>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (v: number[]) => void;
+declare const _default: import('vue').DefineComponent<PropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: number[]) => any;
     active: (v: {
         index: number;
         status: boolean;
-    }) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PropsType>>> & Readonly<{
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<PropsType> & Readonly<{
     "onUpdate:modelValue"?: ((v: number[]) => any) | undefined;
     onActive?: ((v: {
         index: number;
         status: boolean;
     }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    barRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
+//# sourceMappingURL=PlColorSlider.vue.d.ts.map

package/dist/GraphMaker/components/PlColorSlider.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlColorSlider.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/PlColorSlider.vue"],"names":[],"mappings":"AA6BA;AAgGA,KAAK,SAAS,GAAG;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;;;;eAM0B,MAAM;gBAAU,OAAO;;;;;eAAvB,MAAM;gBAAU,OAAO;;;;;AAqJnD,wBASG"}

package/dist/GraphMaker/components/PlColorSlider.vue.js

@@ -0,0 +1,74 @@
+import { defineComponent as k, ref as m, reactive as y, watch as p, computed as i, onMounted as C, createElementBlock as v, openBlock as u, createElementVNode as n, normalizeStyle as $, createCommentVNode as w, Fragment as B, renderList as F, createBlock as E } from "vue";
+import M from "./PlColorSliderThumb.vue.js";
+const P = { class: "pl-color-slider" }, R = { class: "pl-color-slider__wrapper" }, j = { class: "pl-color-slider__thumbs-contaier" }, S = /* @__PURE__ */ k({
+  __name: "PlColorSlider",
+  props: {
+    colors: {},
+    modelValue: {},
+    getColorForPercent: { type: Function },
+    active: {}
+  },
+  emits: ["update:modelValue", "active"],
+  setup(_, { emit: f }) {
+    const r = _, g = f, a = m(), c = y({}), t = m(-1);
+    p(
+      () => r.modelValue,
+      () => {
+        r.modelValue.forEach((e, l) => c[l] = e);
+      },
+      { immediate: !0 }
+    );
+    const h = i(
+      () => Math.floor(t.value !== -1 ? 0 - t.value : 0)
+    ), V = i(
+      () => Math.floor(t.value !== -1 ? 100 + t.value : 100)
+    );
+    p(
+      () => c,
+      (e) => {
+        g("update:modelValue", Object.values(e));
+      },
+      { deep: !0 }
+    );
+    const b = i(() => {
+      const e = 100 / (r.colors.length - 1);
+      return `linear-gradient(to right, ${r.colors.map((d, o) => `${d} ${e * o}%`).join(", ")})`;
+    });
+    return C(() => {
+      let e = 16, l = a.value.getBoundingClientRect().width - e * 2;
+      t.value = e / l * 100;
+    }), (e, l) => (u(), v("div", P, [
+      n("div", R, [
+        n("div", {
+          ref_key: "barRef",
+          ref: a,
+          class: "pl-color-slider__color-contaier"
+        }, [
+          n("div", {
+            style: $({ background: b.value }),
+            class: "pl-color-slider__gradient"
+          }, null, 4)
+        ], 512),
+        n("div", j, [
+          a.value ? (u(!0), v(B, { key: 0 }, F(e.modelValue, (d, o) => (u(), E(M, {
+            modelValue: c[o],
+            "onUpdate:modelValue": (s) => c[o] = s,
+            "is-active": e.active === o,
+            key: o,
+            min: h.value,
+            max: V.value,
+            "bar-ref": a.value,
+            "get-color-for-percent": e.getColorForPercent,
+            class: "pl-color-slider__thumb",
+            tabindex: "0",
+            onActive: (s) => e.$emit("active", { index: o, status: s })
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "is-active", "min", "max", "bar-ref", "get-color-for-percent", "onActive"]))), 128)) : w("", !0)
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  S as default
+};
+//# sourceMappingURL=PlColorSlider.vue.js.map

package/dist/GraphMaker/components/PlColorSlider.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlColorSlider.vue.js","sources":["../../../src/GraphMaker/components/PlColorSlider.vue"],"sourcesContent":["<template>\n  <div class=\"pl-color-slider\">\n    <div class=\"pl-color-slider__wrapper\">\n      <div ref=\"barRef\" class=\"pl-color-slider__color-contaier\">\n        <div\n          :style=\"{ background: gradient }\"\n          class=\"pl-color-slider__gradient\"\n        />\n      </div>\n      <div class=\"pl-color-slider__thumbs-contaier\">\n        <template v-if=\"barRef\">\n          <PlColorSliderThumb\n            v-for=\"(val, index) in modelValue\"\n            v-model=\"models[index]\"\n            :is-active=\"active === index\"\n            :key=\"index\"\n            :min=\"min\"\n            :max=\"max\"\n            :bar-ref=\"barRef\"\n            :get-color-for-percent=\"getColorForPercent\"\n            class=\"pl-color-slider__thumb\"\n            tabindex=\"0\"\n            @active=\"$emit('active', { index: index, status: $event })\"\n          />\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch, onMounted } from 'vue';\nimport PlColorSliderThumb from './PlColorSliderThumb.vue';\n\ntype PropsType = {\n  colors: string[];\n  modelValue: number[];\n  getColorForPercent: (percent: number) => string;\n  active: number | null;\n};\n\nconst props = defineProps<PropsType>();\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: PropsType['modelValue']): void;\n  (e: 'active', v: { index: number; status: boolean }): void;\n}>();\nconst barRef = ref<HTMLElement>();\nconst models = reactive<{ [key: string]: number }>({});\nconst paddingDelta = ref(-1);\n\nwatch(\n  () => props.modelValue,\n  () => {\n    props.modelValue.forEach((value, index) => (models[index] = value));\n  },\n  { immediate: true },\n);\n\nconst min = computed(() =>\n  Math.floor(paddingDelta.value !== -1 ? 0 - paddingDelta.value : 0),\n);\n\nconst max = computed(() =>\n  Math.floor(paddingDelta.value !== -1 ? 100 + paddingDelta.value : 100),\n);\nwatch(\n  () => models,\n  (val) => {\n    emit('update:modelValue', Object.values(val));\n  },\n  { deep: true },\n);\n\nconst gradient = computed(() => {\n  const portion = 100 / (props.colors.length - 1);\n  const result = props.colors\n    .map((color, index) => {\n      return `${color} ${portion * index}%`;\n    })\n    .join(', ');\n\n  return `linear-gradient(to right, ${result})`;\n});\n\nonMounted(() => {\n  let padding = 16;\n  let w =\n    (barRef.value as HTMLElement).getBoundingClientRect().width - padding * 2;\n  paddingDelta.value = (padding / w) * 100;\n});\n</script>\n"],"names":["props","__props","emit","__emit","barRef","ref","models","reactive","paddingDelta","watch","value","index","min","computed","max","val","gradient","portion","color","onMounted","padding","w"],"mappings":";;;;;;;;;;;;AAyCA,UAAMA,IAAQC,GACRC,IAAOC,GAIPC,IAASC,EAAA,GACTC,IAASC,EAAoC,EAAE,GAC/CC,IAAeH,EAAI,EAAE;AAE3B,IAAAI;AAAA,MACE,MAAMT,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAA,EAAM,WAAW,QAAQ,CAACU,GAAOC,MAAWL,EAAOK,CAAK,IAAID,CAAM;AAAA,MACpE;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAME,IAAMC;AAAA,MAAS,MACnB,KAAK,MAAML,EAAa,UAAU,KAAK,IAAIA,EAAa,QAAQ,CAAC;AAAA,IAAA,GAG7DM,IAAMD;AAAA,MAAS,MACnB,KAAK,MAAML,EAAa,UAAU,KAAK,MAAMA,EAAa,QAAQ,GAAG;AAAA,IAAA;AAEvE,IAAAC;AAAA,MACE,MAAMH;AAAA,MACN,CAACS,MAAQ;AACP,QAAAb,EAAK,qBAAqB,OAAO,OAAOa,CAAG,CAAC;AAAA,MAC9C;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK;AAGf,UAAMC,IAAWH,EAAS,MAAM;AAC9B,YAAMI,IAAU,OAAOjB,EAAM,OAAO,SAAS;AAO7C,aAAO,6BANQA,EAAM,OAClB,IAAI,CAACkB,GAAOP,MACJ,GAAGO,CAAK,IAAID,IAAUN,CAAK,GACnC,EACA,KAAK,IAAI,CAE8B;AAAA,IAC5C,CAAC;AAED,WAAAQ,EAAU,MAAM;AACd,UAAIC,IAAU,IACVC,IACDjB,EAAO,MAAsB,sBAAA,EAAwB,QAAQgB,IAAU;AAC1E,MAAAZ,EAAa,QAASY,IAAUC,IAAK;AAAA,IACvC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/PlColorSlider.vue2.js

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

package/dist/GraphMaker/components/PlColorSlider.vue2.js.map

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

package/dist/GraphMaker/components/PlColorSliderThumb.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     barRef: HTMLElement;
     modelValue: number;
     min: number;
@@ -6,48 +6,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     getColorForPercent: (percent: number) => string;
     padding?: number;
     isActive: boolean;
-}>, {
-    min: number;
-    max: number;
-    padding: number;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: number) => void;
-    active: (v: boolean) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    barRef: HTMLElement;
-    modelValue: number;
-    min: number;
-    max: number;
-    getColorForPercent: (percent: number) => string;
-    padding?: number;
-    isActive: boolean;
-}>, {
-    min: number;
-    max: number;
-    padding: number;
-}>>> & Readonly<{
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: number) => any;
+    active: (v: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
     onActive?: ((v: boolean) => any) | undefined;
 }>, {
+    padding: number;
     min: number;
     max: number;
-    padding: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapper: HTMLDivElement;
+    thumb: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
+//# sourceMappingURL=PlColorSliderThumb.vue.d.ts.map

package/dist/GraphMaker/components/PlColorSliderThumb.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlColorSliderThumb.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/PlColorSliderThumb.vue"],"names":[],"mappings":"AA+IA,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;;;;;;;;aAFU,MAAM;SAHX,MAAM;SACN,MAAM;;;;;AA2Lf,wBAUG"}

package/dist/GraphMaker/components/PlColorSliderThumb.vue.js

@@ -0,0 +1,81 @@
+import { defineComponent as $, ref as d, computed as g, unref as k, createElementBlock as B, openBlock as S, normalizeClass as y, normalizeStyle as A, createElementVNode as C } from "vue";
+import { utils as u } from "../../node_modules/@milaboratories/helpers/dist/index.js";
+import { useMouseCapture as F } from "@platforma-sdk/ui-vue";
+const c = 1, I = /* @__PURE__ */ $({
+  __name: "PlColorSliderThumb",
+  props: {
+    barRef: {},
+    modelValue: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    getColorForPercent: {},
+    padding: { default: 16 },
+    isActive: { type: Boolean }
+  },
+  emits: ["update:modelValue", "active"],
+  setup(L, { emit: M }) {
+    const l = L, a = M, b = d(), m = d(), i = d(!1), n = l.min, r = l.max;
+    let p = d(0);
+    const w = r - n, V = l.padding / l.barRef.getBoundingClientRect().width * 100 / 2, f = g(() => u.clamp(
+      (l.modelValue ?? 0) + p.value,
+      Math.ceil(n + V),
+      Math.ceil(r - V)
+    )), x = g(() => ({
+      right: `calc(${Math.ceil((1 - E.value) * 100)}%) `
+    })), E = g(() => (f.value - n) / w);
+    function R(e) {
+      const t = u.clamp(e, n, r);
+      return Math.round((t + Number.EPSILON) * (1 / c)) / (1 / c);
+    }
+    function s() {
+      i.value = !1;
+    }
+    function v(e) {
+      e ? (document.addEventListener("mouseup", s), document.addEventListener("focusout", s)) : (document.removeEventListener("mouseup", s), document.removeEventListener("focusout", s)), i.value = e, a("active", e);
+    }
+    F(b, (e) => {
+      var t;
+      u.tapIf((t = k(l.barRef)) == null ? void 0 : t.getBoundingClientRect(), (o) => {
+        const { dx: _ } = e;
+        p.value = _ / o.width * w, e.stop && (a("update:modelValue", R(f.value)), p.value = 0);
+      });
+    });
+    function P(e) {
+      ["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "Enter"].includes(
+        e.code
+      ) && e.preventDefault(), e.code === "ArrowLeft" && a("update:modelValue", u.clamp(l.modelValue - c, n, r)), e.code === "ArrowRight" && a("update:modelValue", u.clamp(l.modelValue + c, n, r));
+    }
+    function h(e) {
+      var t, o;
+      e ? (t = m.value) == null || t.classList.add("pl-color-slider__top-index") : (o = m.value) == null || o.classList.remove("pl-color-slider__top-index");
+    }
+    return (e, t) => (S(), B("div", {
+      ref_key: "wrapper",
+      ref: m,
+      style: A(x.value),
+      class: y([{ "active-thumb": i.value || e.isActive }, "pl-color-slider__thumb"]),
+      tabindex: "0",
+      onMousedown: t[2] || (t[2] = (o) => v(!0)),
+      onMouseup: t[3] || (t[3] = (o) => v(!1)),
+      onKeydown: P,
+      onFocus: t[4] || (t[4] = (o) => v(!0))
+    }, [
+      C("div", {
+        ref_key: "thumb",
+        ref: b,
+        class: y([{ active: i.value }, "pl-color-slider__thumb-roof"]),
+        onMouseover: t[0] || (t[0] = (o) => h(!0)),
+        onMouseout: t[1] || (t[1] = (o) => h(!1))
+      }, [
+        C("div", {
+          class: "pl-color-slider__thumb-color-indicator",
+          style: A({ backgroundColor: e.getColorForPercent(f.value) })
+        }, null, 4)
+      ], 34)
+    ], 38));
+  }
+});
+export {
+  I as default
+};
+//# sourceMappingURL=PlColorSliderThumb.vue.js.map

package/dist/GraphMaker/components/PlColorSliderThumb.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlColorSliderThumb.vue.js","sources":["../../../src/GraphMaker/components/PlColorSliderThumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { utils } from '@milaboratories/helpers';\nimport { useMouseCapture } from '@platforma-sdk/ui-vue';\nimport { computed, ref, unref } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    barRef: HTMLElement;\n    modelValue: number;\n    min: number;\n    max: number;\n    getColorForPercent: (percent: number) => string;\n    padding?: number;\n    isActive: boolean;\n  }>(),\n  { min: 0, max: 100, padding: 16 }\n);\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number): void;\n  (e: 'active', v: boolean): void;\n}>();\n\nconst thumb = ref<HTMLElement>();\nconst wrapper = ref<HTMLElement>();\nconst active = ref(false);\nconst min = props.min;\nconst max = props.max;\nconst step = 1;\nlet deltaValue = ref(0);\nconst range = max - min;\n\nconst onePerc =\n  ((props.padding / props.barRef.getBoundingClientRect().width) * 100) / 2;\n\nconst localValue = computed(() => {\n  return utils.clamp(\n    (props.modelValue ?? 0) + deltaValue.value,\n    Math.ceil(min + onePerc),\n    Math.ceil(max - onePerc)\n  );\n});\n\nconst thumbStyle = computed(() => {\n  let value = Math.ceil((1 - position.value) * 100);\n  return {\n    right: `calc(${value}%) `\n  };\n});\n\nconst position = computed(() => {\n  return (localValue.value - min) / range;\n});\n\nfunction round(value: number) {\n  const v = utils.clamp(value, min, max);\n  return Math.round((v + Number.EPSILON) * (1 / step)) / (1 / step);\n}\n\nfunction upHandler() {\n  active.value = false;\n}\n\nfunction emitActive(val: boolean) {\n  if (val) {\n    document.addEventListener('mouseup', upHandler);\n    document.addEventListener('focusout', upHandler);\n  } else {\n    document.removeEventListener('mouseup', upHandler);\n    document.removeEventListener('focusout', upHandler);\n  }\n  active.value = val;\n  emit('active', val);\n}\n\nuseMouseCapture(thumb, (ev) => {\n  utils.tapIf(unref(props.barRef)?.getBoundingClientRect(), (rect: DOMRect) => {\n    const { dx } = ev;\n    deltaValue.value = (dx / rect.width) * range;\n    if (ev.stop) {\n      emit('update:modelValue', round(localValue.value));\n      deltaValue.value = 0;\n    }\n  });\n});\n\nfunction handleKeyPress(e: KeyboardEvent) {\n  if (\n    ['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Enter'].includes(\n      e.code\n    )\n  ) {\n    e.preventDefault();\n  }\n\n  if (e.code === 'ArrowLeft') {\n    emit('update:modelValue', utils.clamp(props.modelValue - step, min, max));\n  }\n  if (e.code === 'ArrowRight') {\n    emit('update:modelValue', utils.clamp(props.modelValue + step, min, max));\n  }\n}\n\nfunction toggleZindex(mode: boolean) {\n  if (mode) {\n    wrapper.value?.classList.add('pl-color-slider__top-index');\n  } else {\n    wrapper.value?.classList.remove('pl-color-slider__top-index');\n  }\n}\n</script>\n<template>\n  <div\n    ref=\"wrapper\"\n    :style=\"thumbStyle\"\n    :class=\"{ 'active-thumb': active || isActive }\"\n    class=\"pl-color-slider__thumb\"\n    tabindex=\"0\"\n    @mousedown=\"emitActive(true)\"\n    @mouseup=\"emitActive(false)\"\n    @keydown=\"handleKeyPress\"\n    @focus=\"emitActive(true)\"\n  >\n    <div\n      ref=\"thumb\"\n      :class=\"{ active: active }\"\n      class=\"pl-color-slider__thumb-roof\"\n      @mouseover=\"toggleZindex(true)\"\n      @mouseout=\"toggleZindex(false)\"\n    >\n      <div\n        class=\"pl-color-slider__thumb-color-indicator\"\n        :style=\"{ backgroundColor: getColorForPercent(localValue) }\"\n      ></div>\n    </div>\n  </div>\n</template>\n"],"names":["step","props","__props","emit","__emit","thumb","ref","wrapper","active","min","max","deltaValue","range","onePerc","localValue","computed","utils","thumbStyle","position","round","value","v","upHandler","emitActive","val","useMouseCapture","ev","_a","unref","rect","dx","handleKeyPress","toggleZindex","mode","_b"],"mappings":";;;AA4BA,MAAMA,IAAO;;;;;;;;;;;;;AAvBb,UAAMC,IAAQC,GAaRC,IAAOC,GAKPC,IAAQC,EAAA,GACRC,IAAUD,EAAA,GACVE,IAASF,EAAI,EAAK,GAClBG,IAAMR,EAAM,KACZS,IAAMT,EAAM;AAElB,QAAIU,IAAaL,EAAI,CAAC;AACtB,UAAMM,IAAQF,IAAMD,GAEdI,IACFZ,EAAM,UAAUA,EAAM,OAAO,sBAAA,EAAwB,QAAS,MAAO,GAEnEa,IAAaC,EAAS,MACnBC,EAAM;AAAA,OACVf,EAAM,cAAc,KAAKU,EAAW;AAAA,MACrC,KAAK,KAAKF,IAAMI,CAAO;AAAA,MACvB,KAAK,KAAKH,IAAMG,CAAO;AAAA,IAAA,CAE1B,GAEKI,IAAaF,EAAS,OAEnB;AAAA,MACL,OAAO,QAFG,KAAK,MAAM,IAAIG,EAAS,SAAS,GAAG,CAE1B;AAAA,IAAA,EAEvB,GAEKA,IAAWH,EAAS,OAChBD,EAAW,QAAQL,KAAOG,CACnC;AAED,aAASO,EAAMC,GAAe;AAC5B,YAAMC,IAAIL,EAAM,MAAMI,GAAOX,GAAKC,CAAG;AACrC,aAAO,KAAK,OAAOW,IAAI,OAAO,YAAY,IAAIrB,EAAK,KAAK,IAAIA;AAAA,IAC9D;AAEA,aAASsB,IAAY;AACnB,MAAAd,EAAO,QAAQ;AAAA,IACjB;AAEA,aAASe,EAAWC,GAAc;AAChC,MAAIA,KACF,SAAS,iBAAiB,WAAWF,CAAS,GAC9C,SAAS,iBAAiB,YAAYA,CAAS,MAE/C,SAAS,oBAAoB,WAAWA,CAAS,GACjD,SAAS,oBAAoB,YAAYA,CAAS,IAEpDd,EAAO,QAAQgB,GACfrB,EAAK,UAAUqB,CAAG;AAAA,IACpB;AAEA,IAAAC,EAAgBpB,GAAO,CAACqB,MAAO;;AAC7BV,MAAAA,EAAM,OAAMW,IAAAC,EAAM3B,EAAM,MAAM,MAAlB,gBAAA0B,EAAqB,yBAAyB,CAACE,MAAkB;AAC3E,cAAM,EAAE,IAAAC,MAAOJ;AACf,QAAAf,EAAW,QAASmB,IAAKD,EAAK,QAASjB,GACnCc,EAAG,SACLvB,EAAK,qBAAqBgB,EAAML,EAAW,KAAK,CAAC,GACjDH,EAAW,QAAQ;AAAA,MAEvB,CAAC;AAAA,IACH,CAAC;AAED,aAASoB,EAAe,GAAkB;AACxC,MACE,CAAC,aAAa,WAAW,cAAc,aAAa,OAAO,EAAE;AAAA,QAC3D,EAAE;AAAA,MAAA,KAGJ,EAAE,eAAA,GAGA,EAAE,SAAS,eACb5B,EAAK,qBAAqBa,EAAM,MAAMf,EAAM,aAAaD,GAAMS,GAAKC,CAAG,CAAC,GAEtE,EAAE,SAAS,gBACbP,EAAK,qBAAqBa,EAAM,MAAMf,EAAM,aAAaD,GAAMS,GAAKC,CAAG,CAAC;AAAA,IAE5E;AAEA,aAASsB,EAAaC,GAAe;;AACnC,MAAIA,KACFN,IAAApB,EAAQ,UAAR,QAAAoB,EAAe,UAAU,IAAI,iCAE7BO,IAAA3B,EAAQ,UAAR,QAAA2B,EAAe,UAAU,OAAO;AAAA,IAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/PlColorSliderThumb.vue2.js

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

package/dist/GraphMaker/components/PlColorSliderThumb.vue2.js.map

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

package/dist/GraphMaker/components/Popup.vue.d.ts

@@ -1,51 +1,35 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     gap?: number;
     targetRef?: HTMLElement;
     width?: number;
     height?: number;
-}>, {
-    gap: number;
-    width: number;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        popup: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "popup:close": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    gap?: number;
-    targetRef?: HTMLElement;
-    width?: number;
-    height?: number;
-}>, {
-    gap: number;
-    width: number;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onPopup:close"?: ((...args: any[]) => any) | undefined;
 }>, {
     width: number;
     gap: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    popup: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+//# sourceMappingURL=Popup.vue.d.ts.map

package/dist/GraphMaker/components/Popup.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/Popup.vue"],"names":[],"mappings":"AAoGA,KAAK,WAAW,GAAG;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA0DJ,iBAAS,cAAc;WAgET,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAhJT,MAAM;SAFR,MAAM;;;OA4Jd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/GraphMaker/components/Popup.vue.js

@@ -0,0 +1,70 @@
+import { defineComponent as $, ref as l, createBlock as k, openBlock as g, Teleport as H, createElementVNode as i, normalizeStyle as h, normalizeClass as Y, createElementBlock as P, renderSlot as B } from "vue";
+import { useClickOutside as C, usePosition as E } from "@platforma-sdk/ui-vue";
+const _ = /* @__PURE__ */ $({
+  __name: "Popup",
+  props: {
+    gap: { default: 8 },
+    targetRef: {},
+    width: { default: 258 },
+    height: {}
+  },
+  emits: ["popup:close"],
+  setup(m, { emit: d }) {
+    const v = d, o = m;
+    function x() {
+      v("popup:close");
+    }
+    const a = l(), r = l(o.targetRef), n = l("bottom"), s = l(""), p = l("");
+    function w(u, e = 8) {
+      E(u, (t) => {
+        if (o.height && t.offsetY + t.height + 3 * e + o.height > t.clientHeight) {
+          const c = t.right - t.width - e;
+          if (t.clientHeight - t.offsetY > o.height + e) {
+            const f = t.offsetY;
+            s.value = `left: ${c}px; top: ${f}px;`, p.value = "top: 16px;", n.value = "left-bottom";
+          } else {
+            const f = t.clientHeight - o.height - 2 * e;
+            s.value = `left: ${c}px; top: ${f}px;`;
+            const b = t.offsetY + 2 * Math.floor(t.height / 2), y = t.clientHeight - b;
+            p.value = `bottom: ${y}px;`, n.value = "left-bottom";
+          }
+        } else
+          s.value = `left: ${t.right}px; top: ${t.offsetY + t.height + e}px;`, p.value = "", n.value = "bottom";
+      });
+    }
+    return w(r, o.gap), C([r, a], () => x()), (u, e) => (g(), k(H, { to: "body" }, [
+      i("div", {
+        class: "popup",
+        style: h(s.value),
+        onClick: e[0] || (e[0] = (t) => t.stopPropagation())
+      }, [
+        i("div", {
+          ref_key: "popup",
+          ref: a,
+          class: Y(["popup__content", n.value]),
+          style: h({ width: `${u.width}px` })
+        }, [
+          i("div", null, [
+            B(u.$slots, "default")
+          ]),
+          (g(), P("svg", {
+            style: h(p.value),
+            class: "beak",
+            width: "5",
+            height: "9",
+            viewBox: "0 0 3 8",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, e[1] || (e[1] = [
+            i("path", { d: "M4 8L0 4L4 0L4 8 Z" }, null, -1),
+            i("polyline", { points: "4,8 0,4 4,0" }, null, -1)
+          ]), 4))
+        ], 6)
+      ], 4)
+    ]));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=Popup.vue.js.map

package/dist/GraphMaker/components/Popup.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.vue.js","sources":["../../../src/GraphMaker/components/Popup.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Ref } from \"vue\";\nimport { ref } from \"vue\";\nimport { useClickOutside, usePosition } from \"@platforma-sdk/ui-vue\";\n\nconst emit = defineEmits([\"popup:close\"]);\n\nconst props = withDefaults(\n  defineProps<{\n    gap?: number;\n    targetRef?: HTMLElement;\n    width?: number;\n    height?: number;\n  }>(),\n  {\n    gap: 8,\n    width: 258,\n  },\n);\n\nfunction closeTooltip() {\n  emit(\"popup:close\");\n}\n\nconst popup = ref<HTMLElement | undefined>();\nconst root = ref<HTMLElement | undefined>(props.targetRef);\n\nconst position = ref<\"left-bottom\" | \"bottom\">(\"bottom\");\n\nconst style = ref(\"\");\nconst beakStyle = ref(\"\");\n\nfunction usePopupPosition(el: Ref<HTMLElement | undefined>, gap = 8) {\n  usePosition(el, (pos) => {\n    const notEnoughHeight =\n      props.height &&\n        (pos.offsetY + pos.height + 3 * gap + props.height > pos.clientHeight);\n    if (notEnoughHeight) {\n      const left = pos.right - pos.width - gap;\n      if (pos.clientHeight - pos.offsetY > props.height + gap) {\n        const top = pos.offsetY\n        style.value = `left: ${left}px; top: ${top}px;`;\n        beakStyle.value = \"top: 16px;\";\n        position.value = \"left-bottom\";\n      } else {\n        const top = pos.clientHeight - props.height - 2 * gap;\n        style.value = `left: ${left}px; top: ${top}px;`;\n        const offsetMiddleY = pos.offsetY + 2 * Math.floor(pos.height / 2);\n        const bottom = pos.clientHeight - offsetMiddleY;\n        beakStyle.value = `bottom: ${bottom}px;`;\n        position.value = \"left-bottom\";\n      }\n    } else {\n      style.value = `left: ${pos.right}px; top: ${pos.offsetY + pos.height + gap}px;`;\n      beakStyle.value = '';\n      position.value = \"bottom\";\n    }\n  });\n}\n\nusePopupPosition(root, props.gap);\nuseClickOutside([root, popup], () => closeTooltip());\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"popup\" :style=\"style\" @click=\"(e) => e.stopPropagation()\">\n      <div\n        ref=\"popup\"\n        class=\"popup__content\"\n        :class=\"position\"\n        :style=\"{ width: `${width}px` }\"\n      >\n        <div>\n          <slot />\n        </div>\n        <svg\n          :style=\"beakStyle\"\n          class=\"beak\"\n          width=\"5\"\n          height=\"9\"\n          viewBox=\"0 0 3 8\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M4 8L0 4L4 0L4 8 Z\" />\n          <polyline points=\"4,8 0,4 4,0\" />\n        </svg>\n      </div>\n    </div>\n  </Teleport>\n</template>\n"],"names":["emit","__emit","props","__props","closeTooltip","popup","ref","root","position","style","beakStyle","usePopupPosition","el","gap","usePosition","pos","left","top","offsetMiddleY","bottom","useClickOutside"],"mappings":";;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC;AAad,aAASC,IAAe;AACtB,MAAAJ,EAAK,aAAa;AAAA,IACpB;AAEA,UAAMK,IAAQC,EAAA,GACRC,IAAOD,EAA6BJ,EAAM,SAAS,GAEnDM,IAAWF,EAA8B,QAAQ,GAEjDG,IAAQH,EAAI,EAAE,GACdI,IAAYJ,EAAI,EAAE;AAExB,aAASK,EAAiBC,GAAkCC,IAAM,GAAG;AACnE,MAAAC,EAAYF,GAAI,CAACG,MAAQ;AAIvB,YAFEb,EAAM,UACHa,EAAI,UAAUA,EAAI,SAAS,IAAIF,IAAMX,EAAM,SAASa,EAAI,cACxC;AACnB,gBAAMC,IAAOD,EAAI,QAAQA,EAAI,QAAQF;AACrC,cAAIE,EAAI,eAAeA,EAAI,UAAUb,EAAM,SAASW,GAAK;AACvD,kBAAMI,IAAMF,EAAI;AAChB,YAAAN,EAAM,QAAQ,SAASO,CAAI,YAAYC,CAAG,OAC1CP,EAAU,QAAQ,cAClBF,EAAS,QAAQ;AAAA,UACnB,OAAO;AACL,kBAAMS,IAAMF,EAAI,eAAeb,EAAM,SAAS,IAAIW;AAClD,YAAAJ,EAAM,QAAQ,SAASO,CAAI,YAAYC,CAAG;AAC1C,kBAAMC,IAAgBH,EAAI,UAAU,IAAI,KAAK,MAAMA,EAAI,SAAS,CAAC,GAC3DI,IAASJ,EAAI,eAAeG;AAClC,YAAAR,EAAU,QAAQ,WAAWS,CAAM,OACnCX,EAAS,QAAQ;AAAA,UACnB;AAAA,QACF;AACE,UAAAC,EAAM,QAAQ,SAASM,EAAI,KAAK,YAAYA,EAAI,UAAUA,EAAI,SAASF,CAAG,OAC1EH,EAAU,QAAQ,IAClBF,EAAS,QAAQ;AAAA,MAErB,CAAC;AAAA,IACH;AAEA,WAAAG,EAAiBJ,GAAML,EAAM,GAAG,GAChCkB,EAAgB,CAACb,GAAMF,CAAK,GAAG,MAAMD,GAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/Popup.vue2.js

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

package/dist/GraphMaker/components/Popup.vue2.js.map

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

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

@@ -1,35 +1,21 @@
-import { FormKey } from '../../forms';
 import { ChartType } from '@milaboratories/pf-plots';
-import { GraphStatus } from '../../types.ts';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+import { FormKey } from '../../forms';
+import { GraphStatus } from '../../types';
+type __VLS_Props = {
     chartType: ChartType;
     graphStatus: GraphStatus;
     allowDeleting?: boolean;
     hasSettingsSlot?: boolean;
     modelValue: FormKey | null;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     delete: (...args: any[]) => void;
     export: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    chartType: ChartType;
-    graphStatus: GraphStatus;
-    allowDeleting?: boolean;
-    hasSettingsSlot?: boolean;
-    modelValue: FormKey | null;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
     onExport?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +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"}