@milaboratories/graph-maker 1.1.132 → 1.1.133

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

@@ -0,0 +1 @@
+{"version":3,"file":"DendroTable.vue.js","sources":["../../../src/GraphMaker/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"],"mappings":"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"}

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

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

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

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

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

@@ -1,27 +1,17 @@
-import { DendroNodeInfo } from '../types.ts';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+import { DendroNodeInfo } from '../types';
+type __VLS_Props = {
     info: DendroNodeInfo;
     tooltipBtn?: string;
     containerRef: Element;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+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<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    info: DendroNodeInfo;
-    tooltipBtn?: string;
-    containerRef: Element;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     "onTooltip-btn-click"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: 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=DendroTooltip.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DendroTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/DendroTooltip.vue"],"names":[],"mappings":"AAqIA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,cAAc,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,OAAO,CAAA;CACtB,CAAC;;;;;;;;;;AAmPF,wBASG"}

package/dist/GraphMaker/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 k, createElementVNode as c, createVNode as d, createCommentVNode as y, unref as f, 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, C = 24, Y = 20, ot = /* @__PURE__ */ B({
+  __name: "DendroTooltip",
+  props: {
+    info: {},
+    tooltipBtn: {},
+    containerRef: {}
+  },
+  emits: ["close", "tooltip-btn-click"],
+  setup(b, { emit: T }) {
+    const s = b, v = $(), u = T, m = H();
+    z([m], () => u("close"));
+    const E = n(() => {
+      const o = (a) => v.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((_) => {
+          t.includes(_) || t.push(_);
+        });
+      }), t;
+    }), x = n(() => s.info.info[0]), g = n(() => {
+      var o;
+      return (o = x.value) == null ? void 0 : o.id;
+    }), h = n(() => {
+      const o = v.value.commonHelpersData.dendroTableData.value;
+      if (!o)
+        return [];
+      const e = o.id.data.findIndex((t) => String(t) === String(g.value));
+      return e !== -1 ? E.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"
+        };
+      }) : [];
+    }), S = n(() => h.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 + C + "px"
+    })), R = n(() => {
+      const o = s.containerRef.scrollHeight, e = S.value / 2, t = s.info.y + C;
+      return t < e ? -t : o - e < t ? -(S.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: k(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: m,
+        style: k({ transform: `translate(0,${R.value}px)` }),
+        onClick: e[2] || (e[2] = (t) => t.stopPropagation())
+      }, [
+        d(f(P), {
+          class: "graph-info-tooltip-close",
+          name: "close",
+          onClick: e[0] || (e[0] = (t) => u("close"))
+        }),
+        (l(!0), i(O, null, N(h.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, [
+              d(f(V), {
+                class: "graph-info-tooltip-clipboard",
+                name: "clipboard",
+                onClick: () => q(String(t.value))
+              }, null, 8, ["onClick"])
+            ])) : y("", !0)
+          ])) : (l(), i("div", {
+            key: 0,
+            class: "graph-info-tooltip-value",
+            title: String(t.value)
+          }, p(t.value), 9, L))
+        ], 2))), 256)),
+        o.tooltipBtn ? (l(), i("div", j, [
+          d(f(W), {
+            icon: "arrow-right",
+            size: "small",
+            onClick: e[1] || (e[1] = () => u("tooltip-btn-click", g.value))
+          }, {
+            default: I(() => [
+              w(p(o.tooltipBtn), 1)
+            ]),
+            _: 1
+          })
+        ])) : y("", !0)
+      ], 4)
+    ], 4));
+  }
+});
+export {
+  ot as default
+};
+//# sourceMappingURL=DendroTooltip.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DendroTooltip.vue.js","sources":["../../../src/GraphMaker/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"],"mappings":";;;;;;;;;;;;;GAsDMA,IAAQ,IACRC,IAAY,MACZC,IAAQ,IACRC,IAAS,IAKTC,IAAiB,IACjBC,IAAiB;;;;;;;;;AAxDvB,UAAMC,IAAQC,GAKRC,IAAQC,EAAA,GAERC,IAAQC,GAERC,IAAUC,EAAA;AAChB,IAAAC,EAAgB,CAACF,CAAO,GAAG,MAAMF,EAAM,OAAO,CAAC;AAE/C,UAAMK,IAAaC,EAAS,MAAM;AAChC,YAAMC,IAAyB,CAACC,MACtBV,EAAM,MAAM,SAAS,aAA+B,WAAWU,CAAS,EAAE,eAAe,IAAI,CAACC,MAAMA,EAAE,cAAc,GAExHC,IAAgD,CAAC,gBAAgB,UAAU,aAAa,YAAY,aAAa,WAAW,GAC5HC,IAAO,CAAC,IAAI;AAClB,aAAAD,EAAO,QAAQ,CAAAF,MAAa;AAE1B,QADgBD,EAAuBC,CAAS,EACxC,QAAQ,CAAAI,MAAO;AACrB,UAAKD,EAAK,SAASC,CAAG,KACpBD,EAAK,KAAKC,CAAG;AAAA,QAEjB,CAAC;AAAA,MACH,CAAC,GACMD;AAAA,IACT,CAAC,GAEKE,IAAmBP,EAAS,MAAMV,EAAM,KAAK,KAAK,CAAC,CAAC,GACpDkB,IAAKR,EAAS,MAAA;;AAAM,cAAAS,IAAAF,EAAiB,UAAjB,gBAAAE,EAAwB;AAAA,KAAE,GAC9CC,IAAWV,EAAS,MAAM;AAC9B,YAAMW,IAAYnB,EAAM,MAAM,kBAAkB,gBAAgB;AAChE,UAAI,CAACmB;AACH,eAAO,CAAA;AAET,YAAMC,IAASD,EAAU,GAAM,KAAK,UAAU,CAAAE,MAAK,OAAOA,CAAC,MAAM,OAAOL,EAAG,KAAK,CAAC;AACjF,aAAII,MAAW,KACNb,EAAW,MAAM,IAAI,CAACe,MAAA;;AAAe;AAAA,UAC1C,OAAOH,EAAUG,CAAS,EAAE;AAAA,UAC5B,OAAOH,EAAUG,CAAS,EAAE,KAAKF,CAAM;AAAA,UACvC,cAAYG,KAAAN,IAAAE,EAAUG,CAAS,EAAE,SAArB,gBAAAL,EAA2B,gBAA3B,gBAAAM,EAAyC,qBAAoB;AAAA,QAAA;AAAA,OACzE,IAEG,CAAA;AAAA,IACT,CAAC,GAMKC,IAAShB,EAAS,MACfU,EAAS,MAAM,OAAO,CAACO,GAAKC,MAAQD,KAAOC,EAAI,aAAajC,IAAYC,IAAQ,CAAC,IAAIC,IAAS,KAAKG,EAAM,aAAaN,IAAQ,EACtI,GAKKmC,IAAWnB,EAAS,OACjB;AAAA,MACL,MAAMV,EAAM,KAAK,IAAID,IAAiB;AAAA,MACtC,KAAKC,EAAM,KAAK,IAAIF,IAAiB;AAAA,IAAA,EAExC,GAEKgC,IAAgBpB,EAAS,MAAM;AACnC,YAAMqB,IAAe/B,EAAM,aAAa,cAClCgC,IAAaN,EAAO,QAAQ,GAC5BO,IAAIjC,EAAM,KAAK,IAAIF;AACzB,aAAImC,IAAID,IACC,CAACC,IAENF,IAAeC,IAAaC,IACvB,EAAEP,EAAO,SAASK,IAAeE,MAEnC,CAACD;AAAA,IACV,CAAC;AAED,aAASE,EAAgBC,GAAc;;AACrC,OAAAhB,IAAA,iCAAQ,cAAR,QAAAA,EAAmB,UAAU,UAAUgB;AAAA,IACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

@@ -7,3 +7,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+//# sourceMappingURL=DoubleContourTemp.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleContourTemp.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/DoubleContourTemp.vue"],"names":[],"mappings":";qBAsC6B,GAAG;;AApBhC,wBAuDK;AAIL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/GraphMaker/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/GraphMaker/components/DoubleContourTemp.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleContourTemp.vue.js","sources":["../../../src/GraphMaker/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","_normalizeProps","_guardReactiveProps","_ctx","_renderSlot"],"mappings":";;;AAUO,MAAAA,IAAA,EAAA,OAAM,sBAAA;;AAAX,SAAAC,EAAA,GAAAC,EAIM,OAJNF,GAIM;AAAA,IAHJG,EAEM,OAbVC,EAAAC,EAWiBC,EAAA,MAAM,CAAA,GAAA;AAAA,MACjBC,EAAQD,EAAA,QAAA,SAAA;AAAA,IAAA,GAAA,EAAA;AAAA;;;"}

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

@@ -0,0 +1,7 @@
+const t = {
+  inheritAttrs: !1
+};
+export {
+  t as default
+};
+//# sourceMappingURL=DoubleContourTemp.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleContourTemp.vue2.js","sources":["../../../src/GraphMaker/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/GraphMaker/components/DragAndDrop/DnDBasketChip.vue.d.ts

@@ -1,61 +1,26 @@
-import { ChipInfo, FixedAxisData } from './types.ts';
 import { ListOption } from '@platforma-sdk/ui-vue';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<Record<string, FixedAxisData>>;
-    error: {
-        type: import('vue').PropType<boolean>;
-        required: true;
-    };
-    info: {
-        type: import('vue').PropType<ChipInfo>;
-        required: true;
-    };
-    sortable: {
-        type: import('vue').PropType<boolean>;
-    };
-    searchModel: {
-        type: import('vue').PropType<(sourceId: string, selectedValue: string) => Promise<ListOption<string>>>;
-        required: true;
-    };
-    searchOptions: {
-        type: import('vue').PropType<(sourceId: string, searchStr: string) => Promise<ListOption<string>[]>>;
-        required: true;
-    };
-    loadOptions: {
-        type: import('vue').PropType<(sourceId: string) => Promise<ListOption<string>[] | null>>;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "close-chip": (item: string) => void;
-    "update:modelValue": (item: Record<string, FixedAxisData>) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<Record<string, FixedAxisData>>;
-    error: {
-        type: import('vue').PropType<boolean>;
-        required: true;
-    };
-    info: {
-        type: import('vue').PropType<ChipInfo>;
-        required: true;
-    };
-    sortable: {
-        type: import('vue').PropType<boolean>;
-    };
-    searchModel: {
-        type: import('vue').PropType<(sourceId: string, selectedValue: string) => Promise<ListOption<string>>>;
-        required: true;
-    };
-    searchOptions: {
-        type: import('vue').PropType<(sourceId: string, searchStr: string) => Promise<ListOption<string>[]>>;
-        required: true;
-    };
-    loadOptions: {
-        type: import('vue').PropType<(sourceId: string) => Promise<ListOption<string>[] | null>>;
-        required: true;
-    };
-}>> & Readonly<{
+import { ChipInfo, FixedAxisData } from './types.ts';
+type __VLS_Props = {
+    error: boolean;
+    info: ChipInfo;
+    sortable?: boolean;
+    searchModel: (sourceId: string, selectedValue: string) => Promise<ListOption<string>>;
+    searchOptions: (sourceId: string, searchStr: string) => Promise<ListOption<string>[]>;
+    loadOptions: (sourceId: string) => Promise<ListOption<string>[] | null>;
+};
+type __VLS_PublicProps = {
+    modelValue?: Record<string, FixedAxisData>;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, FixedAxisData>) => any;
+} & {
+    "update:modelValue": (item: Record<string, FixedAxisData>) => any;
+    "close-chip": (item: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, FixedAxisData>) => any) | undefined;
     "onClose-chip"?: ((item: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((item: Record<string, FixedAxisData>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    chipRoot: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;
+//# sourceMappingURL=DnDBasketChip.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DnDBasketChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDBasketChip.vue"],"names":[],"mappings":"AA4HA,OAAO,EAAE,UAAU,EAAwC,MAAM,uBAAuB,CAAC;AAEzF,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIrD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACpF,aAAa,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACpF,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;CACxE,CAAC;AAkEF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;CAC1C,GAAG,WAAW,CAAC;;;;;;;;;;;;AAyLhB,wBASG"}

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

@@ -0,0 +1,117 @@
+import { defineComponent as w, mergeModels as y, useModel as C, ref as m, computed as I, onMounted as S, watch as b, createElementBlock as s, openBlock as i, createElementVNode as u, createCommentVNode as p, normalizeClass as f, createVNode as D, createBlock as c, unref as d, toDisplayString as x, Fragment as B, renderList as P } from "vue";
+import { PlIcon16 as v, PlDropdown as U, PlAutocomplete as $ } from "@platforma-sdk/ui-vue";
+import { useStore as A } from "../../store.js";
+import H from "../../assets/drag-and-drop/img/chip-close.svg.js";
+const L = {
+  key: 0,
+  class: "dnd-basket-chip__handler"
+}, N = { class: "dnd-basket-chip__title-wrapper" }, j = ["title"], E = ["title"], R = ["innerHTML"], q = {
+  key: 0,
+  class: "dnd-basket-chip__fixed-axes-block"
+}, Q = /* @__PURE__ */ w({
+  __name: "DnDBasketChip",
+  props: /* @__PURE__ */ y({
+    error: { type: Boolean },
+    info: {},
+    sortable: { type: Boolean },
+    searchModel: { type: Function },
+    searchOptions: { type: Function },
+    loadOptions: { type: Function }
+  }, {
+    modelValue: { default: {} },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ y(["close-chip", "update:modelValue"], ["update:modelValue"]),
+  setup(h, { emit: F }) {
+    const t = h, T = A(), n = C(h, "modelValue"), V = F, g = m(), k = I(
+      () => t.info.uniqueValues.join("/")
+    );
+    function _() {
+      V("close-chip", t.info.id);
+    }
+    const M = m(), r = m(t.info.axesToBeFixed.reduce((e, a) => (e[a] = void 0, e), {}));
+    return S(async () => {
+      M.value = await t.loadOptions(t.info.id);
+    }), b(() => T.value.inputGuide.value, async (e) => {
+      if (!Object.values(r.value).every((a) => a !== void 0) && t.info.axesToBeFixed.every((a) => e.axesToBeFixedSet.has(a))) {
+        const a = await Promise.all(t.info.axesToBeFixed.map((o) => t.loadOptions(o)));
+        r.value = t.info.axesToBeFixed.reduce((o, l, O) => (o[l] = a[O], o), {});
+      }
+    }, { immediate: !0 }), b(() => r.value, async (e) => {
+      for (let a = 0; a < t.info.axesToBeFixed.length; a++) {
+        const o = t.info.axesToBeFixed[a];
+        if (n.value[o].axisValue !== void 0 || e[o] === void 0)
+          continue;
+        let l = e[o];
+        e[o] === null && (l = await t.searchOptions(o, "")), l != null && l.length && (n.value[o].axisValue = l[0].value), V("update:modelValue", n.value);
+      }
+    }, { immediate: !0 }), (e, a) => (i(), s("div", {
+      ref_key: "chipRoot",
+      ref: g,
+      class: "dnd-basket-chip__group"
+    }, [
+      u("div", {
+        class: f([{ error: e.error, sortable: e.sortable }, "dnd-basket-chip"])
+      }, [
+        u("div", {
+          class: f(["dnd-basket-chip__icon", { error: e.error }])
+        }, [
+          e.error ? (i(), c(d(v), {
+            key: 0,
+            name: "warning",
+            class: f({ error: e.error })
+          }, null, 8, ["class"])) : (i(), c(d(v), {
+            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 ? (i(), s("div", L)) : p("", !0),
+        D(d(v), { name: "drag-dots" }),
+        u("div", N, [
+          u("div", {
+            class: "dnd-basket-chip__title",
+            title: e.info.title
+          }, x(e.info.title), 9, j),
+          e.info.nonHomogenous ? (i(), s("div", {
+            key: 0,
+            class: "dnd-basket-chip__sub-title",
+            title: k.value
+          }, x(k.value), 9, E)) : p("", !0)
+        ]),
+        u("div", {
+          innerHTML: d(H),
+          class: "dnd-basket-chip__icon-close",
+          onClick: _
+        }, null, 8, R)
+      ], 2),
+      e.info.axesToBeFixed.length > 0 ? (i(), s("div", q, [
+        (i(!0), s(B, null, P(e.info.axesToBeFixed, (o) => (i(), s(B, { key: o }, [
+          n.value[o] && r.value[o] !== null ? (i(), c(d(U), {
+            key: 0,
+            modelValue: n.value[o].axisValue,
+            "onUpdate:modelValue": [
+              (l) => n.value[o].axisValue = l,
+              a[0] || (a[0] = (l) => e.$emit("update:modelValue", n.value))
+            ],
+            options: r.value[o],
+            label: e.info.axesToBeFixedInfo[o].title
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "label"])) : n.value[o] ? (i(), c(d($), {
+            key: 1,
+            modelValue: n.value[o].axisValue,
+            "onUpdate:modelValue": [
+              (l) => n.value[o].axisValue = l,
+              a[1] || (a[1] = (l) => e.$emit("update:modelValue", n.value))
+            ],
+            "options-search": (l) => e.searchOptions(o, l),
+            "model-search": (l) => e.searchModel(o, l),
+            label: e.info.axesToBeFixedInfo[o].title
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "options-search", "model-search", "label"])) : p("", !0)
+        ], 64))), 128))
+      ])) : p("", !0)
+    ], 512));
+  }
+});
+export {
+  Q as default
+};
+//# sourceMappingURL=DnDBasketChip.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DnDBasketChip.vue.js","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDBasketChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ListOption, PlAutocomplete, PlDropdown, PlIcon16 } from '@platforma-sdk/ui-vue';\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { ChipInfo, FixedAxisData } from './types.ts';\nimport { useStore } from '../../store';\nimport CloseChipIcon from '../../assets/drag-and-drop/img/chip-close.svg?raw';\n\nconst props = defineProps<{\n  error: boolean;\n  info: ChipInfo;\n  sortable?: boolean;\n  searchModel: (sourceId:string, selectedValue:string) => Promise<ListOption<string>>;\n  searchOptions: (sourceId:string, searchStr:string) => Promise<ListOption<string>[]>;\n  loadOptions: (sourceId:string) => Promise<ListOption<string>[] | null>;\n}>();\n\nconst store = useStore();\n\nconst fixedAxesModel = defineModel<Record<string, FixedAxisData>>({default: {}});\n\nconst emit = defineEmits<{\n  (e: 'close-chip', item: ChipInfo['id']): void;\n  (e: 'update:modelValue', item: Record<string, FixedAxisData>): void;\n}>();\n\nconst chipRoot = ref<HTMLElement>();\n\nconst dimensionsTitle = computed(() =>\n  props.info.uniqueValues.join('/')\n);\n\nfunction closeChip() {\n  emit('close-chip', props.info['id']);\n}\n\nconst preloadedOptions = ref<ListOption[]|null|undefined>();\nconst preloadedOptionsForAxesToBeFixed = ref<Record<string, ListOption[] | null | undefined>>(props.info.axesToBeFixed.reduce((res, v) => {\n  res[v] = undefined;\n  return res;\n}, {} as Record<string, ListOption[] | null | undefined>))\nonMounted(async () => {\n  preloadedOptions.value = await props.loadOptions(props.info.id);\n});\nwatch(() => store.value.inputGuide.value, async (ig) => {\n  if (Object.values(preloadedOptionsForAxesToBeFixed.value).every(v => v !== undefined)) {\n    return;\n  }\n  if (props.info.axesToBeFixed.every((axisId) => ig.axesToBeFixedSet.has(axisId))) {\n    const axesToBeFixedOptions = await Promise.all(props.info.axesToBeFixed.map((id) => props.loadOptions(id)));\n    preloadedOptionsForAxesToBeFixed.value = props.info.axesToBeFixed.reduce((res, v, idx) => {\n      res[v] = axesToBeFixedOptions[idx];\n      return res;\n    }, {} as Record<string, ListOption[] | null | undefined>)\n  }\n}, {immediate: true});\n\nwatch(() => preloadedOptionsForAxesToBeFixed.value, async (opts) => {\n  for (let i = 0; i < props.info.axesToBeFixed.length; i++) {\n    const axisId = props.info.axesToBeFixed[i];\n    if (fixedAxesModel.value[axisId].axisValue !== undefined || opts[axisId] === undefined) {\n      continue;\n    }\n    let availableOptions = opts[axisId];\n    if (opts[axisId] === null) {\n      availableOptions = await props.searchOptions(axisId, '');\n    }\n    if (availableOptions?.length) {\n      fixedAxesModel.value[axisId].axisValue = availableOptions[0].value as string;\n    }\n    emit('update:modelValue', fixedAxesModel.value);\n  }\n}, {immediate: true});\n\n</script>\n<template>\n  <div ref=\"chipRoot\" class=\"dnd-basket-chip__group\">\n    <div :class=\"{ error, sortable }\" class=\"dnd-basket-chip\">\n      <div class=\"dnd-basket-chip__icon\" :class=\"{error}\">\n        <PlIcon16 v-if=\"error\" name=\"warning\" :class=\"{error}\" />\n        <PlIcon16 v-else :name=\"info.isSubsetFilter ? 'cell-type-subset' : info.type === 'String' ? 'cell-type-txt' : 'cell-type-num'\"/>\n      </div>\n      <div v-if=\"sortable\" class=\"dnd-basket-chip__handler\"></div>\n      <PlIcon16 name=\"drag-dots\" />\n      <div class=\"dnd-basket-chip__title-wrapper\">\n        <div class=\"dnd-basket-chip__title\" :title=\"info.title\">\n          {{ info.title }}\n        </div>\n        <div\n          v-if=\"info.nonHomogenous\"\n          class=\"dnd-basket-chip__sub-title\"\n          :title=\"dimensionsTitle\"\n        >\n          {{ dimensionsTitle }}\n        </div>\n      </div>\n      <div\n        v-html=\"CloseChipIcon\"\n        class=\"dnd-basket-chip__icon-close\"\n        @click=\"closeChip\"\n      />\n    </div>\n    <div class=\"dnd-basket-chip__fixed-axes-block\" v-if=\"info.axesToBeFixed.length > 0\">\n      <template v-for=\"id in info.axesToBeFixed\" :key=\"id\">\n        <PlDropdown\n          v-if=\"fixedAxesModel[id] && preloadedOptionsForAxesToBeFixed[id] !== null\"\n          v-model=\"fixedAxesModel[id].axisValue\"\n          @update:model-value=\"$emit('update:modelValue', fixedAxesModel)\"\n          :options=\"preloadedOptionsForAxesToBeFixed[id]\"\n          :label=\"info.axesToBeFixedInfo[id].title\"\n        />\n        <PlAutocomplete\n          v-else-if=\"fixedAxesModel[id]\"\n          v-model=\"fixedAxesModel[id].axisValue\"\n          @update:model-value=\"$emit('update:modelValue', fixedAxesModel)\"\n          :options-search=\"(str) => searchOptions(id, str)\"\n          :model-search=\"(v) => searchModel(id, v as string)\"\n          :label=\"info.axesToBeFixedInfo[id].title\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","store","useStore","fixedAxesModel","_useModel","emit","__emit","chipRoot","ref","dimensionsTitle","computed","closeChip","preloadedOptions","preloadedOptionsForAxesToBeFixed","res","v","onMounted","watch","ig","axisId","axesToBeFixedOptions","id","idx","opts","i","availableOptions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GASRC,IAAQC,EAAA,GAERC,IAAiBC,EAA0CJ,GAAA,YAAc,GAEzEK,IAAOC,GAKPC,IAAWC,EAAA,GAEXC,IAAkBC;AAAA,MAAS,MAC/BX,EAAM,KAAK,aAAa,KAAK,GAAG;AAAA,IAAA;AAGlC,aAASY,IAAY;AACnB,MAAAN,EAAK,cAAcN,EAAM,KAAK,EAAK;AAAA,IACrC;AAEA,UAAMa,IAAmBJ,EAAA,GACnBK,IAAmCL,EAAqDT,EAAM,KAAK,cAAc,OAAO,CAACe,GAAKC,OAClID,EAAIC,CAAC,IAAI,QACFD,IACN,CAAA,CAAqD,CAAC;AACzD,WAAAE,EAAU,YAAY;AACpB,MAAAJ,EAAiB,QAAQ,MAAMb,EAAM,YAAYA,EAAM,KAAK,EAAE;AAAA,IAChE,CAAC,GACDkB,EAAM,MAAMhB,EAAM,MAAM,WAAW,OAAO,OAAOiB,MAAO;AACtD,UAAI,QAAO,OAAOL,EAAiC,KAAK,EAAE,MAAM,CAAAE,MAAKA,MAAM,MAAS,KAGhFhB,EAAM,KAAK,cAAc,MAAM,CAACoB,MAAWD,EAAG,iBAAiB,IAAIC,CAAM,CAAC,GAAG;AAC/E,cAAMC,IAAuB,MAAM,QAAQ,IAAIrB,EAAM,KAAK,cAAc,IAAI,CAACsB,MAAOtB,EAAM,YAAYsB,CAAE,CAAC,CAAC;AAC1G,QAAAR,EAAiC,QAAQd,EAAM,KAAK,cAAc,OAAO,CAACe,GAAKC,GAAGO,OAChFR,EAAIC,CAAC,IAAIK,EAAqBE,CAAG,GAC1BR,IACN,CAAA,CAAqD;AAAA,MAC1D;AAAA,IACF,GAAG,EAAC,WAAW,IAAK,GAEpBG,EAAM,MAAMJ,EAAiC,OAAO,OAAOU,MAAS;AAClE,eAASC,IAAI,GAAGA,IAAIzB,EAAM,KAAK,cAAc,QAAQyB,KAAK;AACxD,cAAML,IAASpB,EAAM,KAAK,cAAcyB,CAAC;AACzC,YAAIrB,EAAe,MAAMgB,CAAM,EAAE,cAAc,UAAaI,EAAKJ,CAAM,MAAM;AAC3E;AAEF,YAAIM,IAAmBF,EAAKJ,CAAM;AAClC,QAAII,EAAKJ,CAAM,MAAM,SACnBM,IAAmB,MAAM1B,EAAM,cAAcoB,GAAQ,EAAE,IAErDM,KAAA,QAAAA,EAAkB,WACpBtB,EAAe,MAAMgB,CAAM,EAAE,YAAYM,EAAiB,CAAC,EAAE,QAE/DpB,EAAK,qBAAqBF,EAAe,KAAK;AAAA,MAChD;AAAA,IACF,GAAG,EAAC,WAAW,IAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/DragAndDrop/DnDBasketChip.vue2.js

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

package/dist/GraphMaker/components/DragAndDrop/DnDBasketChip.vue2.js.map

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

package/dist/GraphMaker/components/DragAndDrop/DnDRangeChip.vue.d.ts

@@ -1,69 +1,28 @@
 import { ChipInfo, FixedAxisData } from './types.ts';
 import { ListOption } from '@platforma-sdk/ui-vue';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    filter: {
-        required: true;
-        type: import('vue').PropType<any>;
-    };
-    fixedAxes: {
-        required: true;
-        type: import('vue').PropType<Record<string, FixedAxisData>>;
-    };
-    info: {
-        type: import('vue').PropType<ChipInfo>;
-        required: true;
-    };
-    error: {
-        type: import('vue').PropType<boolean>;
-        required: true;
-    };
-    searchModel: {
-        type: import('vue').PropType<(sourceId: string, selectedValue: string) => Promise<ListOption<string>>>;
-        required: true;
-    };
-    searchOptions: {
-        type: import('vue').PropType<(sourceId: string, searchStr: string) => Promise<ListOption<string>[]>>;
-        required: true;
-    };
-    loadOptions: {
-        type: import('vue').PropType<(sourceId: string) => Promise<ListOption<string>[] | null>>;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "close-chip": (id: string) => void;
-    "update:fixedAxes": (id: Record<string, FixedAxisData>) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    filter: {
-        required: true;
-        type: import('vue').PropType<any>;
-    };
-    fixedAxes: {
-        required: true;
-        type: import('vue').PropType<Record<string, FixedAxisData>>;
-    };
-    info: {
-        type: import('vue').PropType<ChipInfo>;
-        required: true;
-    };
-    error: {
-        type: import('vue').PropType<boolean>;
-        required: true;
-    };
-    searchModel: {
-        type: import('vue').PropType<(sourceId: string, selectedValue: string) => Promise<ListOption<string>>>;
-        required: true;
-    };
-    searchOptions: {
-        type: import('vue').PropType<(sourceId: string, searchStr: string) => Promise<ListOption<string>[]>>;
-        required: true;
-    };
-    loadOptions: {
-        type: import('vue').PropType<(sourceId: string) => Promise<ListOption<string>[] | null>>;
-        required: true;
-    };
-}>> & Readonly<{
+type __VLS_Props = {
+    info: ChipInfo;
+    error: boolean;
+    searchModel: (sourceId: string, selectedValue: string) => Promise<ListOption<string>>;
+    searchOptions: (sourceId: string, searchStr: string) => Promise<ListOption<string>[]>;
+    loadOptions: (sourceId: string) => Promise<ListOption<string>[] | null>;
+};
+type __VLS_PublicProps = {
+    'filter': any;
+    'fixedAxes': Record<string, FixedAxisData>;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:filter": (value: any) => any;
+    "update:fixedAxes": (value: Record<string, FixedAxisData>) => any;
+} & {
+    "close-chip": (id: string) => any;
+    "update:fixedAxes": (id: Record<string, FixedAxisData>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onClose-chip"?: ((id: string) => any) | undefined;
-    "onUpdate:fixedAxes"?: ((id: Record<string, FixedAxisData>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    "onUpdate:filter"?: ((value: any) => any) | undefined;
+    "onUpdate:fixedAxes"?: ((value: Record<string, FixedAxisData>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    chipRoot: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;
+//# sourceMappingURL=DnDRangeChip.vue.d.ts.map

package/dist/GraphMaker/components/DragAndDrop/DnDRangeChip.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DnDRangeChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDRangeChip.vue"],"names":[],"mappings":"AAmIA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGrD,OAAO,EAAwC,UAAU,EAAiB,MAAM,uBAAuB,CAAC;AAGxG,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACpF,aAAa,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACpF,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;CACxE,CAAC;AA8DF,KAAK,iBAAiB,GAAG;IACzB,QAAQ,EAAE,GAAG,CAAC;IACd,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;CAC1C,GAAG,WAAW,CAAC;;;;;;;;;;;;;;AAgMhB,wBASG"}