@milaboratories/graph-maker 1.1.132 → 1.1.133

package/dist/GraphMaker/components/AesSettings/types.d.ts

@@ -1,6 +1,5 @@
 import { ColumnOrAxisData } from '@milaboratories/pf-plots';
-import { AestheticMappingCategorical, AestheticMappingContinuous } from '../../dataBindAes.ts';
-
+import { AestheticMappingCategorical, AestheticMappingContinuous } from '../../dataBindAes';
 export type PaletteData = string[];
 export type PaletteInfo = {
     title: string;
@@ -42,3 +41,4 @@ export type LineType = "solid" | "dashed" | "dotted" | "dotdash" | "longdash" |
 export type LineTypeInfo = {
     title: string;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/GraphMaker/components/AesSettings/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAE5F,MAAM,MAAM,WAAW,GAAG,MAAM,EAAE,CAAC;AACnC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,CAAC;AACd,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,GACV,QAAQ,GACR,oBAAoB,CAAC;AACzB,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,eAAe,CAAC;AACpB,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AACrE,MAAM,MAAM,OAAO,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAE7D,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,2BAA2B,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,kBAAkB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,0BAA0B,CAAC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,kBAAkB,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC7C,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,2BAA2B,GAAG,0BAA0B,CAAC;AACxF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,gBAAgB,CAAC;AAE1D,MAAM,MAAM,QAAQ,GAChB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,UAAU,GACV,SAAS,CAAC;AACd,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}

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

@@ -1,31 +1,16 @@
 import { Component } from 'vue';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     modelValue: unknown;
     options: {
         value: string | number;
         icon: Component;
     }[];
     disabled?: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: unknown;
-    options: {
-        value: string | number;
-        icon: Component;
-    }[];
-    disabled?: boolean;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "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=BtnIconGroup.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BtnIconGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/BtnIconGroup.vue"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAC;AASnC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE;QAAC,KAAK,EAAC,MAAM,GAAC,MAAM,CAAC;QAAC,IAAI,EAAC,SAAS,CAAA;KAAC,EAAE,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;AA+DF,wBAQG"}

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

@@ -0,0 +1,31 @@
+import { defineComponent as u, useSlots as m, createElementBlock as l, openBlock as n, normalizeClass as t, Fragment as c, renderList as p, withKeys as v, createBlock as b, resolveDynamicComponent as _ } from "vue";
+const k = ["tabindex", "onKeydown", "onClick"], V = /* @__PURE__ */ u({
+  __name: "BtnIconGroup",
+  props: {
+    modelValue: {},
+    options: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(y, { emit: i }) {
+    m();
+    const s = i, a = (e) => s("update:modelValue", e);
+    return (e, B) => (n(), l("div", {
+      class: t(["btn-icon-group", { disabled: e.disabled }])
+    }, [
+      (n(!0), l(c, null, p(e.options, (o, d) => (n(), l("div", {
+        key: o.value + ":" + d,
+        class: t(["btn-icon-group__option", { active: e.modelValue === o.value }]),
+        tabindex: e.modelValue === o.value || e.disabled ? void 0 : 0,
+        onKeydown: v((r) => a(o.value), ["enter"]),
+        onClick: (r) => a(o.value)
+      }, [
+        (n(), b(_(o.icon)))
+      ], 42, k))), 128))
+    ], 2));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=BtnIconGroup.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BtnIconGroup.vue.js","sources":["../../../src/GraphMaker/components/BtnIconGroup.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {Component} from 'vue';\nimport {useSlots} from 'vue';\n\nconst slots = useSlots();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst emitModel = (v: unknown) => emit('update:modelValue', v);\n\ndefineProps<{\n  modelValue: unknown;\n  options: {value:string|number, icon:Component}[];\n  disabled?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"btn-icon-group\" :class=\"{ disabled }\">\n      <div\n          v-for=\"(opt, i) in options\"\n          :key=\"opt.value + ':' + i\"\n          class=\"btn-icon-group__option\"\n          :tabindex=\"modelValue === opt.value || disabled ? undefined : 0\"\n          :class=\"{ active: modelValue === opt.value }\"\n          @keydown.enter=\"emitModel(opt.value)\"\n          @click=\"emitModel(opt.value)\"\n      >\n        <component :is=\"opt.icon\"/>\n      </div>\n  </div>\n</template>\n"],"names":["useSlots","emit","__emit","emitModel","v"],"mappings":";;;;;;;;;;AAIc,IAAAA,EAAA;AAEd,UAAMC,IAAOC,GAEPC,IAAY,CAACC,MAAeH,EAAK,qBAAqBG,CAAC;;;;;;;;;;;;;;;;"}

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

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

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

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

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

@@ -1,43 +1,39 @@
-import { GraphStatus } from '../types.ts';
 import { ChartInterface } from '@milaboratories/miplots4';
-
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+import { GraphStatus } from '../../GraphMaker/types.ts';
+type __VLS_Props = {
     graphStatus: GraphStatus;
     graphTitle: string;
     dendroTooltipButton?: string;
     chartData: Record<string, unknown> | null;
     chartRef: ChartInterface | null;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        chartContainerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "graph-title-update": (...args: any[]) => void;
     "dendro-node-select": (...args: any[]) => void;
     "dendro-tooltip-btn-click": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    graphStatus: GraphStatus;
-    graphTitle: string;
-    dendroTooltipButton?: string;
-    chartData: Record<string, unknown> | null;
-    chartRef: ChartInterface | null;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onGraph-title-update"?: ((...args: any[]) => any) | undefined;
     "onDendro-node-select"?: ((...args: any[]) => any) | undefined;
     "onDendro-tooltip-btn-click"?: ((...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, false, {
+    chartContainerRef: HTMLDivElement;
+}, HTMLDivElement>;
+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_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+//# sourceMappingURL=Chart.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/Chart.vue"],"names":[],"mappings":"AA6LA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAY1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAMxD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1C,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;CAChC,CAAC;AA+FF,iBAAS,cAAc;WAmNT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,180 @@
+import { defineComponent as P, ref as v, watch as m, computed as y, createElementBlock as b, openBlock as r, createElementVNode as d, createVNode as U, createCommentVNode as c, createBlock as n, withKeys as E, resolveDynamicComponent as H, renderSlot as I, unref as l, withCtx as O, createTextVNode as q, normalizeClass as w } from "vue";
+import { PlNotificationAlert as A, PlDropdown as G, PlAutocomplete as W } from "@platforma-sdk/ui-vue";
+import K from "./DendroTable.vue.js";
+import M from "./DendroTooltip.vue.js";
+import z from "./LassoControls/index.vue.js";
+import X from "./Loading.vue.js";
+import j from "./Zoom/index.vue.js";
+import { MAX_SEARCH_OPTIONS_LIST_LENGTH as _ } from "../constantsCommon.js";
+import J from "../icons/EditIcon.vue.js";
+import { useStore as Q } from "../store.js";
+const Y = { class: "chart_container" }, Z = { class: "chart_header" }, x = ["value"], ee = { class: "chart_titleLineSlot" }, te = {
+  key: 0,
+  class: "chart_tabBy"
+}, pe = /* @__PURE__ */ P({
+  __name: "Chart",
+  props: {
+    graphStatus: {},
+    graphTitle: {},
+    dendroTooltipButton: {},
+    chartData: {},
+    chartRef: {}
+  },
+  emits: ["graph-title-update", "dendro-node-select", "dendro-tooltip-btn-click"],
+  setup(D, { emit: R }) {
+    const S = R, a = Q(), g = D, h = v(g.graphTitle);
+    m(() => g.graphTitle, (e) => {
+      h.value = e;
+    });
+    const V = y(() => {
+      var e;
+      return (e = a.value.reactive.optionsState.components.tabBy) == null ? void 0 : e.selectorStates[0];
+    }), i = y(() => {
+      var e;
+      return (e = V.value) == null ? void 0 : e.selectedSource;
+    }), C = y(() => {
+      var e;
+      return (e = V.value) == null ? void 0 : e.selectedFilterValue;
+    }), u = v(C.value);
+    m(() => i.value, (e, t) => {
+      e !== t && (u.value = C.value);
+    }, { immediate: !0 });
+    async function $(e) {
+      if (!a.value.columnsDataStore)
+        return Promise.resolve([]);
+      const t = await a.value.controller.getUniqueSourceValuesWithLabels(a.value.columnsDataStore, a.value.inputGuide.value, e, _);
+      return t.overflow ? null : t.values;
+    }
+    const p = v();
+    m(() => i.value, async (e) => {
+      e !== void 0 && (p.value = await $(e));
+    }), m(() => p.value, async (e) => {
+      if (i.value === void 0 || // no tabBy selected
+      u.value !== void 0 || // tabBy selected and has selected value
+      e === void 0)
+        return;
+      let t = e;
+      if (e === null && (t = await T(i.value, "")), t != null && t.length) {
+        const s = t[0].value;
+        u.value = s, f(s);
+      }
+    }, { immediate: !0 });
+    function f(e) {
+      const t = a.value.reactive.optionsState.components.tabBy.selectorStates;
+      t.length && (a.value.reactive.optionsState.components.tabBy.selectorStates = [{
+        ...t[0],
+        type: "equals",
+        selectedFilterValue: e
+      }]);
+    }
+    function L(e) {
+      const t = e.currentTarget;
+      h.value = t.value, S("graph-title-update", t.value);
+    }
+    function F(e) {
+      S("dendro-node-select", e);
+    }
+    async function T(e, t) {
+      return a.value.columnsDataStore ? (await a.value.controller.getUniqueSourceValuesWithLabels(a.value.columnsDataStore, a.value.inputGuide.value, e, _, t || void 0)).values : Promise.resolve([]);
+    }
+    async function N(e, t) {
+      return a.value.columnsDataStore ? (await a.value.controller.getUniqueSourceValuesWithLabels(a.value.columnsDataStore, a.value.inputGuide.value, e, 1, void 0, t)).values[0] : Promise.resolve({ value: t, label: t });
+    }
+    const B = v();
+    return (e, t) => {
+      var s;
+      return r(), b("div", Y, [
+        d("div", Z, [
+          d("input", {
+            class: "chart_title",
+            value: h.value,
+            onChange: L,
+            onKeyup: t[0] || (t[0] = E((o) => {
+              var k;
+              (k = o.target) == null || k.blur();
+            }, ["enter"]))
+          }, null, 40, x),
+          (r(), n(H(J), { class: "chart_titleEdit" })),
+          d("div", ee, [
+            I(e.$slots, "default")
+          ])
+        ]),
+        U(l(A), {
+          type: "success",
+          modelValue: l(a).reactive.showTooltipHint,
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => l(a).reactive.showTooltipHint = o),
+          class: "chart_tooltipHint",
+          width: "170px"
+        }, {
+          default: O(() => t[8] || (t[8] = [
+            q(" Hit enter to pin tooltip ")
+          ])),
+          _: 1
+        }, 8, ["modelValue"]),
+        i.value ? (r(), b("div", te, [
+          p.value ? (r(), n(l(G), {
+            key: 0,
+            label: "Show for",
+            modelValue: u.value,
+            "onUpdate:modelValue": [
+              t[2] || (t[2] = (o) => u.value = o),
+              t[3] || (t[3] = (o) => f(o))
+            ],
+            options: p.value
+          }, null, 8, ["modelValue", "options"])) : (r(), n(l(W), {
+            key: 1,
+            modelValue: u.value,
+            "onUpdate:modelValue": [
+              t[4] || (t[4] = (o) => u.value = o),
+              t[5] || (t[5] = (o) => f(o))
+            ],
+            "options-search": (o) => T(i.value, o),
+            "model-search": (o) => N(i.value, o)
+          }, null, 8, ["modelValue", "options-search", "model-search"]))
+        ])) : c("", !0),
+        d("div", {
+          class: w(["chart_main-content", { "chart_main-content__dendro": l(a).reactive.chartType === "dendro" }]),
+          ref_key: "chartContainerRef",
+          ref: B
+        }, [
+          d("div", {
+            id: "chartSvgContainer",
+            class: w({
+              chart_loading: l(a).loading.initialCharts && e.graphStatus === "ready",
+              chart_noDataMapping: e.graphStatus === "notReady",
+              chart_emptyData: e.graphStatus === "empty",
+              chart_inconsistent: e.graphStatus === "inconsistent",
+              chart_activeLassoSelection: ((s = l(a).reactive.lassoControlsState) == null ? void 0 : s.mode) === "selection"
+            })
+          }, [
+            l(a).loading.initialCharts && e.graphStatus === "ready" ? (r(), n(X, { key: 0 })) : c("", !0)
+          ], 2),
+          l(a).reactive.chartType === "dendro" && e.chartData && l(a).reactive.layersSettings.dendro.showTable ? (r(), n(K, {
+            key: 0,
+            chartData: e.chartData,
+            onRowSelect: F
+          }, null, 8, ["chartData"])) : c("", !0),
+          l(a).reactive.dendroInfoByClick ? (r(), n(M, {
+            key: 1,
+            info: l(a).reactive.dendroInfoByClick,
+            containerRef: B.value,
+            tooltipBtn: e.dendroTooltipButton,
+            onTooltipBtnClick: t[6] || (t[6] = (o) => e.$emit("dendro-tooltip-btn-click", o)),
+            onClose: t[7] || (t[7] = (o) => {
+              l(a).reactive.dendroInfoByClick = null, e.$emit("dendro-node-select", null);
+            })
+          }, null, 8, ["info", "containerRef", "tooltipBtn"])) : c("", !0)
+        ], 2),
+        e.graphStatus !== "empty" && l(a).reactive.chartType !== "scatterplot-umap" ? (r(), n(j, { key: 1 })) : c("", !0),
+        e.graphStatus !== "empty" && l(a).reactive.chartType === "scatterplot-umap" ? (r(), n(z, {
+          key: 2,
+          "chart-ref": e.chartRef
+        }, null, 8, ["chart-ref"])) : c("", !0)
+      ]);
+    };
+  }
+});
+export {
+  pe as default
+};
+//# sourceMappingURL=Chart.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.vue.js","sources":["../../../src/GraphMaker/components/Chart.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChartInterface } from '@milaboratories/miplots4';\nimport { SelectorStateFilter } from '@milaboratories/pf-plots';\nimport { ListOption, PlAutocomplete, PlDropdown, PlNotificationAlert } from '@platforma-sdk/ui-vue';\nimport { computed, ref, watch } from 'vue';\nimport DendroTable from '../../GraphMaker/components/DendroTable.vue';\nimport DendroTooltip from '../../GraphMaker/components/DendroTooltip.vue';\nimport LassoControls from '../../GraphMaker/components/LassoControls/index.vue';\nimport Loading from '../../GraphMaker/components/Loading.vue';\nimport Zoom from '../../GraphMaker/components/Zoom/index.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../GraphMaker/constantsCommon.ts';\nimport EditIcon from '../../GraphMaker/icons/EditIcon.vue';\nimport { useStore } from '../../GraphMaker/store.ts';\nimport { GraphStatus } from '../../GraphMaker/types.ts';\n\nconst emit = defineEmits(['graph-title-update', 'dendro-node-select', 'dendro-tooltip-btn-click']);\n\nconst store = useStore();\n\nconst props = defineProps<{\n  graphStatus: GraphStatus,\n  graphTitle: string,\n  dendroTooltipButton?: string,\n  chartData: Record<string, unknown> | null,\n  chartRef: ChartInterface | null\n}>();\n\nconst title = ref(props.graphTitle);\n// title can be updated from graph-maker settings\nwatch(() => props.graphTitle, (graphTitle) => {\n  title.value = graphTitle;\n});\n\nconst tabByState = computed(() => store.value.reactive.optionsState.components.tabBy?.selectorStates[0] as SelectorStateFilter | undefined);\nconst tabBySource = computed(() => tabByState.value?.selectedSource);\nconst tabByFilterValue = computed(() => tabByState.value?.selectedFilterValue);\n\nconst tabByLocalValue = ref(tabByFilterValue.value);\nwatch(() => tabBySource.value, (value, prevValue) => { // tabBy column changed, needs to update selected value\n  if (value !== prevValue) {\n    tabByLocalValue.value = tabByFilterValue.value;\n  }\n}, { immediate: true });\n\nasync function loadOptions(sourceId:string) {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  const response = await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n  return response.overflow ? null : response.values;\n}\nconst preloadedOptions = ref<ListOption[]|null|undefined>();\nwatch(() => tabBySource.value, async (v) => {\n  if (v === undefined) {\n    return undefined;\n  }\n  preloadedOptions.value = await loadOptions(v);\n});\n\nwatch(() => preloadedOptions.value, async (opts) => {\n  if (\n    tabBySource.value === undefined || // no tabBy selected\n    tabByLocalValue.value !== undefined || // tabBy selected and has selected value\n    opts === undefined // options not loaded yet\n  ) {\n    return;\n  }\n  let availableOptions = opts;\n  if (opts === null) { // options loaded but too many unique values\n    availableOptions = await searchFilterOptions(tabBySource.value, '');\n  }\n  if (availableOptions?.length) {\n    const nextFilterValue = availableOptions[0].value as string;\n    tabByLocalValue.value = nextFilterValue;\n    onFilterValueUpdate(nextFilterValue);\n  }\n}, { immediate: true });\n\n\nfunction onFilterValueUpdate(value:string) {\n  const prevSelectorStates = store.value.reactive.optionsState.components.tabBy.selectorStates;\n  if (prevSelectorStates.length) {\n    store.value.reactive.optionsState.components.tabBy.selectorStates = [{\n      ...prevSelectorStates[0],\n      type: 'equals',\n      selectedFilterValue: value\n    }];\n  }\n}\n\nfunction onTitleChange(e: Event) {\n  const target = e.currentTarget as HTMLInputElement;\n  title.value = target.value;\n  emit('graph-title-update', target.value);\n}\n\nfunction onTableRowSelect(id: number) {\n  emit('dendro-node-select', id);\n}\n\nasync function searchFilterOptions(sourceId:string, searchStr:string):Promise<ListOption[]> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr || undefined)).values;\n}\n\nasync function searchSelectedFilterValueOptions(sourceId:string, selectedValue:string):Promise<ListOption> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve({ value: selectedValue, label: selectedValue });\n  }\n  const r = (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n  return r[0];\n}\n\nconst chartContainerRef = ref();\n</script>\n\n<template>\n  <div class=\"chart_container\">\n    <div class=\"chart_header\">\n      <input class=\"chart_title\" :value=\"title\" @change=\"onTitleChange\"\n             @keyup.enter=\"(e) => {(e.target as HTMLInputElement)?.blur()}\" />\n      <component class=\"chart_titleEdit\" :is=\"EditIcon\" />\n      <div class=\"chart_titleLineSlot\">\n        <slot></slot>\n      </div>\n    </div>\n    <PlNotificationAlert\n      type=\"success\"\n      v-model=\"store.reactive.showTooltipHint\"\n      class=\"chart_tooltipHint\"\n      width=\"170px\"\n    >\n      Hit enter to pin tooltip\n    </PlNotificationAlert>\n    <div class=\"chart_tabBy\" v-if=\"tabBySource\">\n      <pl-dropdown\n        v-if=\"preloadedOptions\"\n        label=\"Show for\"\n        v-model=\"tabByLocalValue\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n        :options=\"preloadedOptions\"\n      />\n      <pl-autocomplete\n        v-else\n        v-model=\"tabByLocalValue\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n        :options-search=\"(str) => searchFilterOptions(tabBySource as string, str)\"\n        :model-search=\"(v) => searchSelectedFilterValueOptions(tabBySource as string, v as string)\"\n      />\n    </div>\n    <div class=\"chart_main-content\" ref=\"chartContainerRef\"\n         :class=\"{'chart_main-content__dendro': store.reactive.chartType === 'dendro'}\">\n      <div\n        id=\"chartSvgContainer\"\n        :class=\"{\n          'chart_loading': store.loading.initialCharts && graphStatus === 'ready',\n          'chart_noDataMapping': graphStatus === 'notReady',\n          'chart_emptyData': graphStatus === 'empty',\n          'chart_inconsistent': graphStatus === 'inconsistent',\n          'chart_activeLassoSelection': store.reactive.lassoControlsState?.mode === 'selection'\n        }\"\n      >\n        <loading v-if=\"store.loading.initialCharts && graphStatus === 'ready'\" />\n      </div>\n      <dendro-table\n        v-if=\"store.reactive.chartType === 'dendro' && chartData && store.reactive.layersSettings.dendro.showTable\"\n        :chartData=\"chartData\"\n        @row-select=\"onTableRowSelect\"\n      />\n      <dendro-tooltip\n        v-if=\"store.reactive.dendroInfoByClick\"\n        :info=\"store.reactive.dendroInfoByClick\"\n        :containerRef=\"chartContainerRef\"\n        :tooltipBtn=\"dendroTooltipButton\"\n        @tooltip-btn-click=\"(id:string) => $emit('dendro-tooltip-btn-click', id)\"\n        @close=\"\n          store.reactive.dendroInfoByClick = null;\n          $emit('dendro-node-select', null);\n        \"\n      />\n    </div>\n    <zoom v-if=\"graphStatus !== 'empty' && store.reactive.chartType !== 'scatterplot-umap'\" />\n    <lasso-controls v-if=\"graphStatus !== 'empty' && store.reactive.chartType === 'scatterplot-umap'\" :chart-ref=\"chartRef\"/>\n  </div>\n</template>\n"],"names":["emit","__emit","store","useStore","props","__props","title","ref","watch","graphTitle","tabByState","computed","_a","tabBySource","tabByFilterValue","tabByLocalValue","value","prevValue","loadOptions","sourceId","response","MAX_SEARCH_OPTIONS_LIST_LENGTH","preloadedOptions","v","opts","availableOptions","searchFilterOptions","nextFilterValue","onFilterValueUpdate","prevSelectorStates","onTitleChange","target","onTableRowSelect","id","searchStr","searchSelectedFilterValueOptions","selectedValue","chartContainerRef"],"mappings":"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"}

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

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

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

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

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

@@ -1,40 +1,29 @@
 import { Component } from 'vue';
-
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     iconOpen?: Component;
     icon?: Component;
     title: string;
     settings?: {
-        defaultState?: "open" | "close";
+        defaultState?: 'open' | 'close';
         height?: number;
         horizontalPadding?: number;
     };
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    iconOpen?: Component;
-    icon?: Component;
-    title: string;
-    settings?: {
-        defaultState?: "open" | "close";
-        height?: number;
-        horizontalPadding?: number;
-    };
-}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-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;
+};
+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<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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=CollapsableBlock.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsableBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/CollapsableBlock.vue"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAC;AAGnC,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE;QACT,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;QAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAC3B,CAAA;CACF,CAAC;AAgBF,iBAAS,cAAc;WA+CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,34 @@
+import { defineComponent as u, ref as v, createElementBlock as f, openBlock as d, normalizeClass as k, createElementVNode as n, createBlock as h, createCommentVNode as b, resolveDynamicComponent as y, toDisplayString as z, renderSlot as C } from "vue";
+const S = { class: "collapsable-block-content" }, B = /* @__PURE__ */ u({
+  __name: "CollapsableBlock",
+  props: {
+    iconOpen: {},
+    icon: {},
+    title: {},
+    settings: {}
+  },
+  setup(m) {
+    var i, s, a, c, r;
+    const e = m, t = v(((i = e.settings) == null ? void 0 : i.defaultState) !== "open"), l = {}, o = {};
+    return (s = e.settings) != null && s.height && (o["--title-height"] = `${(a = e.settings) == null ? void 0 : a.height}px`), (c = e.settings) != null && c.horizontalPadding && (l.padding = `0 ${(r = e.settings) == null ? void 0 : r.horizontalPadding}px`), (g, p) => (d(), f("div", {
+      class: k(["collapsable-block-container", { minimized: t.value, maximized: !t.value }]),
+      style: o
+    }, [
+      n("div", {
+        class: "collapsable-block-title",
+        onClick: p[0] || (p[0] = (_) => t.value = !t.value),
+        style: l
+      }, [
+        e.icon ? (d(), h(y(!t.value && e.iconOpen ? e.iconOpen : e.icon), { key: 0 })) : b("", !0),
+        n("span", null, z(e.title), 1)
+      ]),
+      n("div", S, [
+        C(g.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=CollapsableBlock.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsableBlock.vue.js","sources":["../../../src/GraphMaker/components/CollapsableBlock.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {Component} from \"vue\";\nimport {ref} from \"vue\";\n\nconst props = defineProps<{\n  iconOpen?: Component\n  icon?: Component\n  title: string\n  settings?: {\n    defaultState?: 'open' | 'close'\n    height?: number\n    horizontalPadding?: number\n  }\n}>();\n\nconst minimized = ref(props.settings?.defaultState !== 'open');\nconst titleStyle:Record<string, string> = {};\nconst containerStyle:Record<string, string> = {};\nif (props.settings?.height) {\n  containerStyle['--title-height'] = `${props.settings?.height}px`;\n}\nif (props.settings?.horizontalPadding) {\n  titleStyle['padding'] = `0 ${props.settings?.horizontalPadding}px`;\n}\n\n</script>\n\n<template>\n  <div class=\"collapsable-block-container\" :class=\"{minimized: minimized, maximized: !minimized}\" :style=\"containerStyle\">\n    <div class=\"collapsable-block-title\" @click=\"minimized = !minimized\" :style=\"titleStyle\">\n      <component v-if=\"props.icon\" :is=\"!minimized && props.iconOpen ? props.iconOpen : props.icon\"/>\n      <span>{{props.title}}</span>\n    </div>\n    <div class=\"collapsable-block-content\">\n      <slot/>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","minimized","ref","_a","titleStyle","containerStyle","_b","_c","_d","_e"],"mappings":";;;;;;;;;;;AAIA,UAAMA,IAAQC,GAWRC,IAAYC,IAAIC,IAAAJ,EAAM,aAAN,gBAAAI,EAAgB,kBAAiB,MAAM,GACvDC,IAAoC,CAAA,GACpCC,IAAwC,CAAA;AAC9C,YAAIC,IAAAP,EAAM,aAAN,QAAAO,EAAgB,WAClBD,EAAe,gBAAgB,IAAI,IAAGE,IAAAR,EAAM,aAAN,gBAAAQ,EAAgB,MAAM,QAE1DC,IAAAT,EAAM,aAAN,QAAAS,EAAgB,sBAClBJ,EAAW,UAAa,MAAKK,IAAAV,EAAM,aAAN,gBAAAU,EAAgB,iBAAiB;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

@@ -1,19 +1,10 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     chartData: Record<string, unknown> | null;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "row-select": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    chartData: Record<string, unknown> | null;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onRow-select"?: ((...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=DendroTable.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DendroTable.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/DendroTable.vue"],"names":[],"mappings":"AA6JA,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CAC3C,CAAC;;;;;;AA2LF,wBAQG"}

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

@@ -0,0 +1,94 @@
+import { defineComponent as y, ref as n, shallowRef as G, computed as S, watch as v, createElementBlock as N, openBlock as x, normalizeStyle as T, createVNode as E, unref as D } from "vue";
+import { AgGridTheme as L } from "@platforma-sdk/ui-vue";
+import { AgGridVue as M } from "ag-grid-vue3";
+import { useStore as R } from "../store.js";
+const q = /* @__PURE__ */ y({
+  __name: "DendroTable",
+  props: {
+    chartData: {}
+  },
+  emits: ["row-select"],
+  setup(A, { emit: W }) {
+    const u = R(), f = A, p = n(100), r = G(), C = S(() => [
+      "id",
+      ...u.value.reactive.optionsState.components.tableContent.selectorStates.map((e) => e.selectedSource)
+    ]), l = n([]);
+    v(() => {
+      var e;
+      return (e = f.chartData) == null ? void 0 : e.hierarchy;
+    }, (e) => {
+      if (e) {
+        const t = e.leaves().map((a) => a.data.rawData.id);
+        (t.length !== l.value.length || t.some((a, c) => a !== l.value[c])) && (l.value = t);
+      } else
+        l.value = [];
+    }, { immediate: !0 });
+    const i = n([]), s = n([]);
+    v([
+      () => l.value,
+      () => C.value,
+      () => u.value.commonHelpersData.dendroTableData.value
+    ], ([e, t, a]) => {
+      if (a === null) {
+        s.value = [], i.value = [];
+        return;
+      }
+      if (t.some((o) => !a[o]))
+        return;
+      const c = a.id.data.reduce((o, _, b) => {
+        const m = _;
+        return o[m] && console.warn(`More than 1 value for node id ${m} in dendro table`), o[m] = t.reduce((h, g) => {
+          const w = a[g];
+          return w && (h[g] = w.data[b]), h;
+        }, {}), o;
+      }, {});
+      s.value = t.map((o) => ({
+        headerName: a[o].label,
+        field: o,
+        sortable: !1,
+        resizable: !1
+      })), i.value = e.map((o) => c[o] ?? null), d();
+    }, { immediate: !0 });
+    const z = S(() => {
+      var t, a;
+      const e = (a = (t = f.chartData) == null ? void 0 : t.chartSizes) == null ? void 0 : a.treeHeight;
+      return l.value.length ? e / l.value.length : 0;
+    }), H = (e) => {
+      r.value = e.api, d();
+    };
+    function d() {
+      if (r.value && !r.value.isDestroyed()) {
+        r.value.autoSizeAllColumns();
+        const e = r.value.getColumns();
+        e && (p.value = e.reduce((t, a) => t + a.getActualWidth(), 2));
+      }
+    }
+    return v(() => u.value.reactive.dendroSelectedNodeId, (e) => {
+      r.value && (e === null ? r.value.deselectAll() : r.value.forEachNode((t) => {
+        t.data.id === e && t.setSelected(!0, !0);
+      }));
+    }), (e, t) => (x(), N("div", {
+      class: "dendro-table",
+      style: T({ width: p.value + "px" })
+    }, [
+      E(D(M), {
+        theme: D(L),
+        gridApi: r.value,
+        onGridReady: H,
+        defaultColDef: { suppressHeaderMenuButton: !0 },
+        rowData: i.value,
+        columnDefs: s.value,
+        rowHeight: z.value,
+        autoSizeStrategy: { type: "fitCellContents" },
+        onGridColumnsChanged: t[0] || (t[0] = () => {
+          d();
+        }),
+        domLayout: "autoHeight"
+      }, null, 8, ["theme", "gridApi", "rowData", "columnDefs", "rowHeight"])
+    ], 4));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=DendroTable.vue.js.map