@milaboratories/graph-maker 1.1.175 → 1.1.177

package/dist/components/Chart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.vue.js","sources":["../../src/components/Chart.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChartInterface } from '@milaboratories/miplots4';\nimport { SelectorStateFilter } from '@milaboratories/pf-plots';\nimport { ListOption, PlAutocomplete, PlBtnGhost, PlDropdown, PlNotificationAlert } from '@platforma-sdk/ui-vue';\nimport { computed, ref, watch } from 'vue';\nimport DendroTable from '../components/DendroTable.vue';\nimport DendroTooltip from '../components/DendroTooltip.vue';\nimport LassoControls from '../components/LassoControls/index.vue';\nimport Loading from '../components/Loading.vue';\nimport Zoom from '../components/Zoom/index.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../constantsCommon.ts';\nimport EditIcon from '../icons/EditIcon.vue';\nimport { useStore } from '../store.ts';\nimport { GraphStatus } from '../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?.selectedFilterValues?.[0]);\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([\n  () => tabBySource.value,\n  () => store.value.loading.inputGuide\n], async ([v, loading]) => {\n  if (v === undefined || loading || !store.value.columnsDataStore) {\n    return undefined;\n  }\n  preloadedOptions.value = await loadOptions(v);\n}, {immediate: true});\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      selectedFilterValues: [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: ' '}); // don't show non-human-readable value\n  }\n  const value = await store.value.controller.getUniqueSourceValuesWithLabels(\n    store.value.columnsDataStore, store.value.inputGuide.value,\n    sourceId, 1, undefined, selectedValue).then(v => v.values[0]);\n  return value;\n}\n\nconst chartContainerRef = ref();\n\nconst hasPrimaryHidden = computed(() => {\n  if (store.value.reactive.chartType !== 'discrete') {\n    return false;\n  }\n  const optionsState = store.value.reactive.optionsState.components;\n  if (optionsState.primaryGrouping?.selectorStates.length) {\n    const columnName = optionsState.primaryGrouping.selectorStates[0].selectedSource;\n    const dataBindAes = store.value.reactive.dataBindAes[columnName];\n    if (dataBindAes?.type === 'categorical' && dataBindAes.hidden) {\n      return Object.values(dataBindAes.hidden).length > 0 && dataBindAes.order.some(v => dataBindAes.hidden?.[v]);\n    }\n  }\n  return false;\n});\nconst hasSecondaryHidden = computed(() => {\n  if (store.value.reactive.chartType !== 'discrete') {\n    return false;\n  }\n  const optionsState = store.value.reactive.optionsState.components;\n  if (optionsState.secondaryGrouping?.selectorStates.length) {\n    const columnName = optionsState.secondaryGrouping.selectorStates[0].selectedSource;\n    const dataBindAes = store.value.reactive.dataBindAes[columnName];\n    if (dataBindAes?.type === 'categorical' && dataBindAes.hidden) {\n      return Object.values(dataBindAes.hidden).length > 0 && dataBindAes.order.some(v => dataBindAes.hidden?.[v]);\n    }\n  }\n  return false;\n});\nfunction openAxesSettingsPrimary() {\n  store.value.reactive.tabDefaultState['axes'].reorderPrimaryOpen = true;\n  store.value.reactive.currentTab = 'axes';\n}\nfunction openAxesSettingsSecondary() {\n  store.value.reactive.tabDefaultState['axes'].reorderSecondaryOpen = true;\n  store.value.reactive.currentTab = 'axes';\n}\n\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 || (preloadedOptions === undefined && store.loading.inputGuide)\"\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        label=\"Show for\"\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'}, 'pl-scrollable']\">\n      <div\n        id=\"chartSvgContainer\"\n        :class=\"{\n          'chart_loading': graphStatus === 'loading',\n          'chart_noDataMapping': graphStatus === 'notReady',\n          'chart_emptyData': graphStatus === 'empty',\n          'chart_inconsistent': graphStatus === 'inconsistent',\n          'chart_error': graphStatus === 'error',\n          'chart_activeLassoSelection': store.reactive.lassoControlsState?.mode === 'selection'\n        }\"\n      >\n        <loading v-if=\"graphStatus === 'loading'\" :top=\"10\"/>\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    <div class=\"chart_controls\" v-if=\"graphStatus !== 'empty'\">\n      <zoom />\n      <lasso-controls v-if=\"store.reactive.chartType === 'scatterplot-umap'\" :chart-ref=\"chartRef\"/>\n      <PlBtnGhost v-if=\"hasPrimaryHidden\" icon=\"view-hide\" @click.stop=\"() => openAxesSettingsPrimary()\">\n        Hidden (primary)\n      </PlBtnGhost>\n      <PlBtnGhost v-if=\"hasSecondaryHidden\" icon=\"view-hide\" @click.stop=\"() => openAxesSettingsSecondary()\">\n        Hidden (secondary)\n      </PlBtnGhost>\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit","store","useStore","props","__props","title","ref","watch","graphTitle","tabByState","computed","_a","tabBySource","tabByFilterValue","_b","tabByLocalValue","value","prevValue","loadOptions","sourceId","response","MAX_SEARCH_OPTIONS_LIST_LENGTH","preloadedOptions","v","loading","opts","availableOptions","searchFilterOptions","nextFilterValue","onFilterValueUpdate","prevSelectorStates","onTitleChange","e","target","onTableRowSelect","id","searchStr","searchSelectedFilterValueOptions","selectedValue","chartContainerRef","hasPrimaryHidden","optionsState","columnName","dataBindAes","hasSecondaryHidden","openAxesSettingsPrimary","openAxesSettingsSecondary","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createBlock","_resolveDynamicComponent","EditIcon","_hoisted_4","_renderSlot","_ctx","_createVNode","_unref","PlNotificationAlert","$event","_cache","_hoisted_5","PlDropdown","PlAutocomplete","str","_normalizeClass","Loading","DendroTable","DendroTooltip","$emit","_hoisted_6","Zoom","LassoControls","PlBtnGhost"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+import { Component } from 'vue';
+type __VLS_Props = {
+    iconOpen?: Component;
+    icon?: Component;
+    title: string;
+    settings?: {
+        defaultState?: 'open' | 'close';
+        height?: number;
+        horizontalPadding?: number;
+    };
+};
+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;
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsableBlock.vue.js","sources":["../../src/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","_createElementBlock","_normalizeClass","_createElementVNode","_cache","$event","_openBlock","_createBlock","_resolveDynamicComponent","_toDisplayString","_hoisted_1","_renderSlot","_ctx"],"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,uBAM9DC,EAQM,OAAA;AAAA,MARD,OAAKC,EAAA,CAAC,+BAA6B,EAAA,WAAqBV,EAAA,mBAAuBA,EAAA,MAAA,CAAS,CAAA;AAAA,MAAI,OAAOI;AAAA,IAAA;MACtGO,EAGM,OAAA;AAAA,QAHD,OAAM;AAAA,QAA2B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEb,EAAA,QAAS,CAAIA,EAAA;AAAA,QAAY,OAAOG;AAAA,MAAA;QAC1DL,EAAM,QAAvBgB,EAAA,GAAAC,EAA+FC,EAAA,CAA5DhB,EAAA,SAAaF,EAAM,WAAWA,EAAM,WAAWA,EAAM,IAAI,GAAA,EAAA,KAAA,GAAA;QAC5Fa,EAA4B,QAAA,MAAAM,EAApBnB,EAAM,KAAK,GAAA,CAAA;AAAA,MAAA;MAErBa,EAEM,OAFNO,GAEM;AAAA,QADJC,EAAOC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    chartData: Record<string, unknown> | null;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "row-select": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onRow-select"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"DendroTable.vue.js","sources":["../../src/components/DendroTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Column, GridApi, IRowNode } from '@ag-grid-community/core';\nimport {\n  DendroUIState,\n  PValue\n} from '@milaboratories/pf-plots';\nimport { AgGridTheme } from '@platforma-sdk/ui-vue';\nimport { AgGridVue } from 'ag-grid-vue3';\nimport type { HierarchyNode } from 'd3-hierarchy';\nimport { computed, ref, shallowRef, watch } from 'vue';\nimport { useStore } from '../store.ts';\n\nconst emit = defineEmits(['row-select']);\n\nconst store = useStore();\n\nconst props = defineProps<{\n  chartData: Record<string, unknown> | null,\n}>();\n\nconst width = ref(100); // table width\nconst gridApi = shallowRef();\n\nconst columnKeys = computed(() => [\n  'id',\n  ...(store.value.reactive.optionsState as DendroUIState).components.tableContent.selectorStates.map((s) => s.selectedSource)\n]);\n\nconst rowKeys = ref<string[]>([]);\nwatch(() => props.chartData?.hierarchy as HierarchyNode<{ data: Record<string, PValue> }>, (hierarchy) => {\n  if (hierarchy) {\n    const newLeaves = hierarchy.leaves().map(l => (l.data as unknown as {\n      rawData: Record<string, PValue>\n    })['rawData']['id']) as string[];\n    if (newLeaves.length !== rowKeys.value.length || newLeaves.some((l, idx) => l !== rowKeys.value[idx])) {\n      rowKeys.value = newLeaves;\n    }\n  } else {\n    rowKeys.value = [];\n  }\n}, { immediate: true });\n\nconst rowData = ref<Record<string, PValue>[]>([]);\nconst colDefs = ref<{ field: string, sortable: false, resizable: false }[]>([]);\n\nwatch([\n  () => rowKeys.value,\n  () => columnKeys.value,\n  () => store.value.commonHelpersData.dendroTableData.value\n], ([rowKeysValue, columnKeysValue, tableData]) => {\n  if (tableData === null) {\n    colDefs.value = [];\n    rowData.value = [];\n    return;\n  }\n  if (columnKeysValue.some((key) => !tableData[key])) {\n    return;\n  }\n  const rowsByKey = tableData['id'].data.reduce((resultByColumnId: Record<string, Record<string, PValue>>, nodeId, idx) => {\n    const id = nodeId as string;\n    if (resultByColumnId[id]) {\n      console.warn(`More than 1 value for node id ${id} in dendro table`);\n    }\n    resultByColumnId[id] = columnKeysValue.reduce((rowDataByColumns: Record<string, PValue>, columnKey) => {\n      const columnData = tableData[columnKey];\n      if (columnData) {\n        rowDataByColumns[columnKey] = columnData.data[idx];\n      }\n      return rowDataByColumns;\n    }, {});\n    return resultByColumnId;\n  }, {});\n\n  colDefs.value = columnKeysValue.map((key) => ({\n    headerName: tableData[key].label,\n    field: key,\n    sortable: false,\n    resizable: false\n  }));\n  rowData.value = rowKeysValue.map((key) => rowsByKey[key] ?? null);\n  updateContainerWidth();\n}, { immediate: true });\n\n\nconst leafSize = computed(() => {\n  const height = (props.chartData?.chartSizes as { treeHeight: number })?.treeHeight;\n  return rowKeys.value.length ? height / rowKeys.value.length : 0;\n});\n\nconst onGridReady = (params: { api: GridApi }) => {\n  gridApi.value = params.api;\n  updateContainerWidth();\n};\n\nfunction updateContainerWidth() {\n  if (gridApi.value && !gridApi.value.isDestroyed()) {\n    gridApi.value.autoSizeAllColumns();\n    const columns = gridApi.value.getColumns();\n    if (columns) {\n      width.value = columns.reduce((res: number, column: Column) => {\n        return res + column.getActualWidth();\n      }, 2);\n    }\n  }\n}\n\nwatch(() => store.value.reactive.dendroSelectedNodeId, (id) => {\n  if (gridApi.value) {\n    if (id === null) {\n      gridApi.value.deselectAll();\n    } else {\n      gridApi.value.forEachNode((node: IRowNode) => {\n        if (node.data.id === id) {\n          node.setSelected(true, true);\n        }\n      });\n    }\n  }\n});\n\n</script>\n\n<template>\n  <div class=\"dendro-table\" :style=\"{width: width + 'px'}\">\n    <AgGridVue\n      :theme=\"AgGridTheme\"\n      :gridApi=\"gridApi\"\n      :onGridReady=\"onGridReady\"\n      :defaultColDef=\"{ suppressHeaderMenuButton: true }\"\n      :rowData=\"rowData\"\n      :columnDefs=\"colDefs\"\n      :rowHeight=\"leafSize\"\n      :autoSizeStrategy=\"{type: 'fitCellContents'}\"\n      @gridColumnsChanged=\"() => {\n        updateContainerWidth();\n      }\"\n      domLayout=\"autoHeight\"\n    />\n  </div>\n</template>\n"],"names":["store","useStore","props","__props","width","ref","gridApi","shallowRef","columnKeys","computed","s","rowKeys","watch","_a","hierarchy","newLeaves","l","idx","rowData","colDefs","rowKeysValue","columnKeysValue","tableData","key","rowsByKey","resultByColumnId","nodeId","id","rowDataByColumns","columnKey","columnData","updateContainerWidth","leafSize","height","_b","onGridReady","params","columns","res","column","node","_createElementBlock","_createVNode","_unref","AgGridVue","AgGridTheme","_cache"],"mappings":";;;;;;;;;;;AAcA,UAAMA,IAAQC,EAAA,GAERC,IAAQC,GAIRC,IAAQC,EAAI,GAAG,GACfC,IAAUC,EAAA,GAEVC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAIT,EAAM,MAAM,SAAS,aAA+B,WAAW,aAAa,eAAe,IAAI,CAACU,MAAMA,EAAE,cAAc;AAAA,IAAA,CAC3H,GAEKC,IAAUN,EAAc,EAAE;AAChC,IAAAO,EAAM,MAAA;;AAAM,cAAAC,IAAAX,EAAM,cAAN,gBAAAW,EAAiB;AAAA,OAA8D,CAACC,MAAc;AACxG,UAAIA,GAAW;AACb,cAAMC,IAAYD,EAAU,OAAA,EAAS,IAAI,CAAAE,MAAMA,EAAE,KAE9C,QAAW,EAAK;AACnB,SAAID,EAAU,WAAWJ,EAAQ,MAAM,UAAUI,EAAU,KAAK,CAACC,GAAGC,MAAQD,MAAML,EAAQ,MAAMM,CAAG,CAAC,OAClGN,EAAQ,QAAQI;AAAA,MAEpB;AACE,QAAAJ,EAAQ,QAAQ,CAAA;AAAA,IAEpB,GAAG,EAAE,WAAW,IAAM;AAEtB,UAAMO,IAAUb,EAA8B,EAAE,GAC1Cc,IAAUd,EAA4D,EAAE;AAE9E,IAAAO,EAAM;AAAA,MACJ,MAAMD,EAAQ;AAAA,MACd,MAAMH,EAAW;AAAA,MACjB,MAAMR,EAAM,MAAM,kBAAkB,gBAAgB;AAAA,IAAA,GACnD,CAAC,CAACoB,GAAcC,GAAiBC,CAAS,MAAM;AACjD,UAAIA,MAAc,MAAM;AACtB,QAAAH,EAAQ,QAAQ,CAAA,GAChBD,EAAQ,QAAQ,CAAA;AAChB;AAAA,MACF;AACA,UAAIG,EAAgB,KAAK,CAACE,MAAQ,CAACD,EAAUC,CAAG,CAAC;AAC/C;AAEF,YAAMC,IAAYF,EAAU,GAAM,KAAK,OAAO,CAACG,GAA0DC,GAAQT,MAAQ;AACvH,cAAMU,IAAKD;AACX,eAAID,EAAiBE,CAAE,KACrB,QAAQ,KAAK,iCAAiCA,CAAE,kBAAkB,GAEpEF,EAAiBE,CAAE,IAAIN,EAAgB,OAAO,CAACO,GAA0CC,MAAc;AACrG,gBAAMC,IAAaR,EAAUO,CAAS;AACtC,iBAAIC,MACFF,EAAiBC,CAAS,IAAIC,EAAW,KAAKb,CAAG,IAE5CW;AAAA,QACT,GAAG,CAAA,CAAE,GACEH;AAAA,MACT,GAAG,CAAA,CAAE;AAEL,MAAAN,EAAQ,QAAQE,EAAgB,IAAI,CAACE,OAAS;AAAA,QAC5C,YAAYD,EAAUC,CAAG,EAAE;AAAA,QAC3B,OAAOA;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA,EACX,GACFL,EAAQ,QAAQE,EAAa,IAAI,CAACG,MAAQC,EAAUD,CAAG,KAAK,IAAI,GAChEQ,EAAA;AAAA,IACF,GAAG,EAAE,WAAW,IAAM;AAGtB,UAAMC,IAAWvB,EAAS,MAAM;;AAC9B,YAAMwB,KAAUC,KAAArB,IAAAX,EAAM,cAAN,gBAAAW,EAAiB,eAAjB,gBAAAqB,EAAwD;AACxE,aAAOvB,EAAQ,MAAM,SAASsB,IAAStB,EAAQ,MAAM,SAAS;AAAA,IAChE,CAAC,GAEKwB,IAAc,CAACC,MAA6B;AAChD,MAAA9B,EAAQ,QAAQ8B,EAAO,KACvBL,EAAA;AAAA,IACF;AAEA,aAASA,IAAuB;AAC9B,UAAIzB,EAAQ,SAAS,CAACA,EAAQ,MAAM,eAAe;AACjD,QAAAA,EAAQ,MAAM,mBAAA;AACd,cAAM+B,IAAU/B,EAAQ,MAAM,WAAA;AAC9B,QAAI+B,MACFjC,EAAM,QAAQiC,EAAQ,OAAO,CAACC,GAAaC,MAClCD,IAAMC,EAAO,eAAA,GACnB,CAAC;AAAA,MAER;AAAA,IACF;AAEA,WAAA3B,EAAM,MAAMZ,EAAM,MAAM,SAAS,sBAAsB,CAAC2B,MAAO;AAC7D,MAAIrB,EAAQ,UACNqB,MAAO,OACTrB,EAAQ,MAAM,YAAA,IAEdA,EAAQ,MAAM,YAAY,CAACkC,MAAmB;AAC5C,QAAIA,EAAK,KAAK,OAAOb,KACnBa,EAAK,YAAY,IAAM,EAAI;AAAA,MAE/B,CAAC;AAAA,IAGP,CAAC,mBAKCC,EAeM,OAAA;AAAA,MAfD,OAAM;AAAA,MAAgB,kBAAerC,EAAA,QAAK,MAAA;AAAA,IAAA;MAC7CsC,EAaEC,EAAAC,CAAA,GAAA;AAAA,QAZC,OAAOD,EAAAE,CAAA;AAAA,QACP,SAASvC,EAAA;AAAA,QACT,aAAA6B;AAAA,QACA,eAAe,EAAA,0BAAA,GAAA;AAAA,QACf,SAASjB,EAAA;AAAA,QACT,YAAYC,EAAA;AAAA,QACZ,WAAWa,EAAA;AAAA,QACX,kBAAkB,EAAA,MAAA,kBAAA;AAAA,QAClB,sBAAkBc,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,MAAA;AAAkB,UAAAf,EAAA;AAAA;QAGrC,WAAU;AAAA,MAAA;;;;"}

package/dist/components/DendroTooltip.vue.d.ts

@@ -0,0 +1,16 @@
+import { DendroNodeInfo } from '../types';
+type __VLS_Props = {
+    info: DendroNodeInfo;
+    tooltipBtn?: string;
+    containerRef: Element;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "tooltip-btn-click": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onTooltip-btn-click"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/DendroTooltip.vue.js

@@ -0,0 +1,118 @@
+import { defineComponent as B, ref as H, computed as n, createElementBlock as i, openBlock as l, normalizeStyle as y, createElementVNode as c, createVNode as f, createCommentVNode as C, unref as v, Fragment as O, renderList as N, normalizeClass as D, toDisplayString as p, withCtx as I, createTextVNode as w } from "vue";
+import { useClickOutside as z, PlMaskIcon24 as P, PlMaskIcon16 as V, PlBtnSecondary as W } from "@platforma-sdk/ui-vue";
+import { useStore as $ } from "../store.js";
+const K = { class: "graph-info-tooltip-title" }, L = ["title"], M = {
+  key: 1,
+  class: "graph-info-tooltip-sequence-row"
+}, U = ["title"], Q = {
+  key: 0,
+  class: "graph-info-tooltip-icon"
+}, j = {
+  key: 0,
+  "data-theme": "dark",
+  class: "graph-info-tooltip-button"
+}, A = 48, G = 62.5, J = 26, X = 16, b = 24, Y = 20, ot = /* @__PURE__ */ B({
+  __name: "DendroTooltip",
+  props: {
+    info: {},
+    tooltipBtn: {},
+    containerRef: {}
+  },
+  emits: ["close", "tooltip-btn-click"],
+  setup(u, { emit: x }) {
+    const s = u, m = $(), d = x, g = H();
+    z([g], () => d("close"));
+    const T = n(() => {
+      const o = (a) => m.value.reactive.optionsState.components[a].selectorStates.map((r) => r.selectedSource), e = ["tableContent", "labels", "nodeColor", "nodeSize", "nodeShape", "lineColor"], t = ["id"];
+      return e.forEach((a) => {
+        o(a).forEach((k) => {
+          t.includes(k) || t.push(k);
+        });
+      }), t;
+    }), E = n(() => s.info.info[0]), h = n(() => {
+      var o;
+      return (o = E.value) == null ? void 0 : o.id;
+    }), S = n(() => {
+      const o = m.value.commonHelpersData.dendroTableData.value;
+      if (!o)
+        return [];
+      const e = o.id.data.findIndex((t) => String(t) === String(h.value));
+      return e !== -1 ? T.value.map((t) => {
+        var a, r;
+        return {
+          label: o[t].label,
+          value: o[t].data[e],
+          isSequence: ((r = (a = o[t].spec) == null ? void 0 : a.annotations) == null ? void 0 : r["pl7.app/type"]) === "sequence"
+        };
+      }) : [];
+    }), _ = n(() => S.value.reduce((o, e) => o + (e.isSequence ? G : J), 0) + X * 2 + (s.tooltipBtn ? A : 0)), F = n(() => ({
+      left: s.info.x + Y + "px",
+      top: s.info.y + b + "px"
+    })), R = n(() => {
+      const o = s.containerRef.scrollHeight, e = _.value / 2, t = s.info.y + b;
+      return t < e ? -t : o - e < t ? -(_.value - (o - t)) : -e;
+    });
+    function q(o) {
+      var e;
+      (e = window == null ? void 0 : window.navigator) == null || e.clipboard.writeText(o);
+    }
+    return (o, e) => (l(), i("div", {
+      class: "graph-info-tooltip__container",
+      ref: "",
+      style: y(F.value)
+    }, [
+      e[3] || (e[3] = c("div", { class: "graph-info-tooltip__tail" }, null, -1)),
+      c("div", {
+        class: "graph-info-tooltip",
+        ref_key: "rootRef",
+        ref: g,
+        style: y({ transform: `translate(0,${R.value}px)` }),
+        onClick: e[2] || (e[2] = (t) => t.stopPropagation())
+      }, [
+        f(v(P), {
+          class: "graph-info-tooltip-close",
+          name: "close",
+          onClick: e[0] || (e[0] = (t) => d("close"))
+        }),
+        (l(!0), i(O, null, N(S.value, (t) => (l(), i("div", {
+          class: D(["graph-info-tooltip-row", { "graph-info-tooltip-row__sequence": t.isSequence }])
+        }, [
+          c("div", K, p(t.label + ":"), 1),
+          t.isSequence ? (l(), i("div", M, [
+            c("div", {
+              class: "graph-info-tooltip-value",
+              title: String(t.value)
+            }, p(t.value), 9, U),
+            t.isSequence ? (l(), i("div", Q, [
+              f(v(V), {
+                class: "graph-info-tooltip-clipboard",
+                name: "clipboard",
+                onClick: () => q(String(t.value))
+              }, null, 8, ["onClick"])
+            ])) : C("", !0)
+          ])) : (l(), i("div", {
+            key: 0,
+            class: "graph-info-tooltip-value",
+            title: String(t.value)
+          }, p(t.value), 9, L))
+        ], 2))), 256)),
+        u.tooltipBtn ? (l(), i("div", j, [
+          f(v(W), {
+            icon: "arrow-right",
+            size: "small",
+            onClick: e[1] || (e[1] = () => d("tooltip-btn-click", h.value))
+          }, {
+            default: I(() => [
+              w(p(u.tooltipBtn), 1)
+            ]),
+            _: 1
+          })
+        ])) : C("", !0)
+      ], 4)
+    ], 4));
+  }
+});
+export {
+  ot as default
+};
+//# sourceMappingURL=DendroTooltip.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DendroTooltip.vue.js","sources":["../../src/components/DendroTooltip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { DendroUIState } from '@milaboratories/pf-plots';\nimport { PlBtnSecondary, PlMaskIcon16, PlMaskIcon24, useClickOutside } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { useStore } from '../store';\nimport { DendroNodeInfo } from '../types';\n\nconst props = defineProps<{\n  info: DendroNodeInfo,\n  tooltipBtn?: string,\n  containerRef: Element\n}>();\nconst store = useStore();\n\nconst $emit = defineEmits(['close', 'tooltip-btn-click']);\n\nconst rootRef = ref();\nuseClickOutside([rootRef], () => $emit('close'));\n\nconst columnKeys = computed(() => {\n  const getColumnKeysFromInput = (inputName: keyof DendroUIState['components']) => {\n    return (store.value.reactive.optionsState as DendroUIState).components[inputName].selectorStates.map((s) => s.selectedSource);\n  };\n  const inputs: (keyof DendroUIState['components'])[] = ['tableContent', 'labels', 'nodeColor', 'nodeSize', 'nodeShape', 'lineColor'];\n  const keys = ['id'];\n  inputs.forEach(inputName => {\n    const newKeys = getColumnKeysFromInput(inputName);\n    newKeys.forEach(key => {\n      if (!keys.includes(key)) {\n        keys.push(key);\n      }\n    });\n  });\n  return keys;\n});\n\nconst firstRowFromNode = computed(() => props.info.info[0]);\nconst id = computed(() => firstRowFromNode.value?.id);\nconst infoList = computed(() => {\n  const tableData = store.value.commonHelpersData.dendroTableData.value;\n  if (!tableData) {\n    return [];\n  }\n  const rowIdx = tableData['id'].data.findIndex(v => String(v) === String(id.value));\n  if (rowIdx !== -1) {\n    return columnKeys.value.map((columnKey) => ({\n      label: tableData[columnKey].label,\n      value: tableData[columnKey].data[rowIdx],\n      isSequence: tableData[columnKey].spec?.annotations?.['pl7.app/type'] === 'sequence'\n    }));\n  }\n  return [];\n});\n\nconst BTN_H = 48;\nconst SEQ_ROW_H = 62.5;\nconst ROW_H = 26;\nconst OFFSET = 16;\nconst height = computed(() => {\n  return infoList.value.reduce((sum, row) => sum + (row.isSequence ? SEQ_ROW_H : ROW_H), 0) + OFFSET * 2 + (props.tooltipBtn ? BTN_H : 0);\n});\n\nconst OUTER_OFFSET_H = 24;\nconst OUTER_OFFSET_W = 20;\n\nconst position = computed(() => {\n  return {\n    left: props.info.x + OUTER_OFFSET_W + 'px',\n    top: props.info.y + OUTER_OFFSET_H + 'px'\n  };\n});\n\nconst verticalShift = computed(() => {\n  const parentHeight = props.containerRef.scrollHeight;\n  const halfHeight = height.value / 2;\n  const y = props.info.y + OUTER_OFFSET_H;\n  if (y < halfHeight) {\n    return -y;\n  }\n  if (parentHeight - halfHeight < y) {\n    return -(height.value - (parentHeight - y));\n  }\n  return -halfHeight;\n});\n\nfunction copyToClipboard(text: string) {\n  window?.navigator?.clipboard.writeText(text);\n}\n\n</script>\n\n<template>\n  <div class=\"graph-info-tooltip__container\" ref=\"\" :style=\"position\">\n    <div class=\"graph-info-tooltip__tail\" />\n    <div class=\"graph-info-tooltip\" ref=\"rootRef\" :style=\"{transform: `translate(0,${verticalShift}px)`}\"\n         @click=\"(e) => e.stopPropagation()\">\n      <PlMaskIcon24 class=\"graph-info-tooltip-close\" name=\"close\" @click=\"$emit('close')\" />\n      <div v-for=\"row in infoList\" class=\"graph-info-tooltip-row\"\n           :class=\"{'graph-info-tooltip-row__sequence': row.isSequence}\">\n        <div class=\"graph-info-tooltip-title\">{{ row.label + ':' }}</div>\n        <div v-if=\"!row.isSequence\" class=\"graph-info-tooltip-value\" :title=\"String(row.value)\">\n          {{ row.value }}\n        </div>\n        <div v-else class=\"graph-info-tooltip-sequence-row\">\n          <div class=\"graph-info-tooltip-value\" :title=\"String(row.value)\">\n            {{ row.value }}\n          </div>\n          <div v-if=\"row.isSequence\" class=\"graph-info-tooltip-icon\">\n            <PlMaskIcon16\n              class=\"graph-info-tooltip-clipboard\"\n              name=\"clipboard\"\n              @click=\"() => copyToClipboard(String(row.value))\"\n            />\n          </div>\n        </div>\n      </div>\n      <div v-if=\"tooltipBtn\" data-theme=\"dark\" class=\"graph-info-tooltip-button\">\n        <PlBtnSecondary\n          icon=\"arrow-right\"\n          size=\"small\"\n          @click=\"() => $emit('tooltip-btn-click', id)\"\n        >{{ tooltipBtn }}\n        </PlBtnSecondary>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["BTN_H","SEQ_ROW_H","ROW_H","OFFSET","OUTER_OFFSET_H","OUTER_OFFSET_W","props","__props","store","useStore","$emit","__emit","rootRef","ref","useClickOutside","columnKeys","computed","getColumnKeysFromInput","inputName","s","inputs","keys","key","firstRowFromNode","id","_a","infoList","tableData","rowIdx","v","columnKey","_b","height","sum","row","position","verticalShift","parentHeight","halfHeight","y","copyToClipboard","text","_createElementBlock","_createElementVNode","_cache","e","_createVNode","_unref","PlMaskIcon24","_Fragment","_renderList","_normalizeClass","_hoisted_1","_toDisplayString","_openBlock","_hoisted_3","_hoisted_4","_hoisted_5","PlMaskIcon16","_hoisted_2","_hoisted_6","PlBtnSecondary"],"mappings":"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"}

package/dist/components/DoubleContourTemp.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DoubleContourTemp.vue.js

@@ -0,0 +1,16 @@
+import o from "./DoubleContourTemp.vue2.js";
+import { createElementBlock as r, openBlock as t, createElementVNode as s, normalizeProps as n, guardReactiveProps as a, renderSlot as c } from "vue";
+import p from "../_virtual/_plugin-vue_export-helper.js";
+const d = { class: "double-contour-temp" };
+function l(e, i, m, u, f, _) {
+  return t(), r("div", d, [
+    s("div", n(a(e.$attrs)), [
+      c(e.$slots, "default")
+    ], 16)
+  ]);
+}
+const h = /* @__PURE__ */ p(o, [["render", l]]);
+export {
+  h as default
+};
+//# sourceMappingURL=DoubleContourTemp.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleContourTemp.vue.js","sources":["../../src/components/DoubleContourTemp.vue"],"sourcesContent":["<script lang=\"ts\" setup></script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n// TODO: this is a copy of DoubleContour from pl-uikit. It should be exported, or components with using it should go to uikit\n</script>\n\n<template>\n  <div class=\"double-contour-temp\">\n    <div v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createElementVNode","_ctx","_renderSlot"],"mappings":";;;AAUO,MAAAA,IAAA,EAAA,OAAM,sBAAA;;AAAX,SAAAC,EAAA,GAAAC,EAIM,OAJNF,GAIM;AAAA,IAHJG,EAEM,WAFOC,EAAA,MAAM,CAAA,GAAA;AAAA,MACjBC,EAAQD,EAAA,QAAA,SAAA;AAAA,IAAA,GAAA,EAAA;AAAA;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleContourTemp.vue2.js","sources":["../../src/components/DoubleContourTemp.vue"],"sourcesContent":["<script lang=\"ts\" setup></script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n// TODO: this is a copy of DoubleContour from pl-uikit. It should be exported, or components with using it should go to uikit\n</script>\n\n<template>\n  <div class=\"double-contour-temp\">\n    <div v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["_sfc_main"],"mappings":"AAGA,MAAAA,IAAe;AAAA,EACb,cAAc;AAChB;"}

package/dist/components/DragAndDrop/DnDBasketChip.vue.d.ts

@@ -0,0 +1,14 @@
+import { ChipInfo } from './types.ts';
+type __VLS_Props = {
+    error: boolean;
+    info: ChipInfo;
+    sortable?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "close-chip": (item: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClose-chip"?: ((item: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    chipRoot: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/DragAndDrop/DnDBasketChip.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent as b, ref as p, computed as y, createElementBlock as i, openBlock as t, createElementVNode as n, normalizeClass as s, createCommentVNode as a, createVNode as v, createBlock as d, unref as o, toDisplayString as m } from "vue";
+import { PlIcon16 as l } from "@platforma-sdk/ui-vue";
+import _ from "../../assets/drag-and-drop/img/chip-close.svg.js";
+const C = {
+  key: 0,
+  class: "dnd-basket-chip__handler"
+}, g = { class: "dnd-basket-chip__title-wrapper" }, B = ["title"], V = ["title"], x = ["innerHTML"], w = /* @__PURE__ */ b({
+  __name: "DnDBasketChip",
+  props: {
+    error: { type: Boolean },
+    info: {},
+    sortable: { type: Boolean }
+  },
+  emits: ["close-chip"],
+  setup(e, { emit: u }) {
+    const c = e, h = u, f = p(), r = y(
+      () => c.info.uniqueValues.join("/")
+    );
+    function k() {
+      h("close-chip", c.info.id);
+    }
+    return (D, H) => (t(), i("div", {
+      ref_key: "chipRoot",
+      ref: f,
+      class: "dnd-basket-chip__group"
+    }, [
+      n("div", {
+        class: s([{ error: e.error, sortable: e.sortable }, "dnd-basket-chip"])
+      }, [
+        n("div", {
+          class: s(["dnd-basket-chip__icon", { error: e.error }])
+        }, [
+          e.error ? (t(), d(o(l), {
+            key: 0,
+            name: "warning",
+            class: s({ error: e.error })
+          }, null, 8, ["class"])) : (t(), d(o(l), {
+            key: 1,
+            name: e.info.isSubsetFilter ? "cell-type-subset" : e.info.type === "String" ? "cell-type-txt" : "cell-type-num"
+          }, null, 8, ["name"]))
+        ], 2),
+        e.sortable ? (t(), i("div", C)) : a("", !0),
+        v(o(l), { name: "drag-dots" }),
+        n("div", g, [
+          n("div", {
+            class: "dnd-basket-chip__title",
+            title: e.info.title
+          }, m(e.info.title), 9, B),
+          e.info.nonHomogenous ? (t(), i("div", {
+            key: 0,
+            class: "dnd-basket-chip__sub-title",
+            title: r.value
+          }, m(r.value), 9, V)) : a("", !0)
+        ]),
+        n("div", {
+          innerHTML: o(_),
+          class: "dnd-basket-chip__icon-close",
+          onClick: k
+        }, null, 8, x)
+      ], 2)
+    ], 512));
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=DnDBasketChip.vue.js.map