@milaboratories/graph-maker 1.2.5 → 1.2.6

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

@@ -1 +1 @@
-{"version":3,"file":"ChartErrorNotificationAlert.vue2.js","sources":["../../src/components/ChartErrorNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary, PlDialogModal, PlNotificationAlert, PlSpacer, PlLogView } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { ErrorInfoUnknown } from '@milaboratories/miplots4';\n\nconst props = defineProps<{ errorInfo: ErrorInfoUnknown }>();\n\nconst isModalOpen = ref(false);\nconst isAlertOpen = ref(true);\n\nfunction showErrors() {\n  isModalOpen.value = true;\n}\nconst errorMessage = computed(() => props.errorInfo.info?.stack);\n</script>\n<template>\n  <div :class=\"$style.alert\">\n    <PlDialogModal v-model=\"isModalOpen\" width=\"720px\" style=\"max-height: 100vh\">\n      <template #title> Errors </template>\n      <div :class=\"$style.alertContent\">\n        <div :class=\"$style.alertItem\">\n          <div :class=\"$style.alertTitle\">Chart error</div>\n          <PlLogView\n            :value=\"errorMessage\"\n            :valueToCopy=\"errorMessage\"\n            download-filename=\"chart-error-log.txt\"\n          />\n        </div>\n      </div>\n    </PlDialogModal>\n\n    <PlNotificationAlert v-model=\"isAlertOpen\" type=\"error\" closable>\n      The chart has errors.\n      <template #actions>\n        <PlBtnPrimary icon=\"arrow-right\" @click=\"showErrors\">See errors</PlBtnPrimary>\n        <PlSpacer />\n      </template>\n    </PlNotificationAlert>\n  </div>\n</template>\n<style module>\n.alert {\n    position: fixed;\n    bottom: 12px;\n    right: 12px;\n    width: 256px;\n    height: auto;\n    z-index: 1;\n}\n.alertContent {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    max-height: 100%;\n}\n.alertItem {\n    position: relative;\n}\n.alertTitle {\n    color: var(--txt-01);\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 20px;\n    margin-bottom: 6px;\n}\n</style>\n"],"names":["props","__props","isModalOpen","ref","isAlertOpen","showErrors","errorMessage","computed","_a","_createElementBlock","_normalizeClass","$style","_createVNode","_unref","PlDialogModal","$event","_cache","_createElementVNode","PlLogView","PlNotificationAlert","PlBtnPrimary","PlSpacer"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAERC,IAAcC,EAAI,EAAK,GACvBC,IAAcD,EAAI,EAAI;AAE5B,aAASE,IAAa;AACpB,MAAAH,EAAY,QAAQ;AAAA,IACtB;AACA,UAAMI,IAAeC,EAAS,MAAA;;AAAM,cAAAC,IAAAR,EAAM,UAAU,SAAhB,gBAAAQ,EAAsB;AAAA,KAAK;2BAG7DC,EAsBM,OAAA;AAAA,MAtBA,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,IAAA;MACvBC,EAYgBC,EAAAC,CAAA,GAAA;AAAA,oBAZQZ,EAAA;AAAA,sDAAAA,EAAW,QAAAa;AAAA,QAAE,OAAM;AAAA,QAAQ,OAAA,EAAA,cAAA,QAAA;AAAA,MAAA;QACtC,SAAM,MAAQ,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,YAAR,YAAQ,EAAA;AAAA,QAAA;mBACzB,MASM;AAAA,UATNC,EASM,OAAA;AAAA,YATA,OAAKP,EAAEC,EAAAA,OAAO,YAAY;AAAA,UAAA;YAC9BM,EAOM,OAAA;AAAA,cAPA,OAAKP,EAAEC,EAAAA,OAAO,SAAS;AAAA,YAAA;cAC3BM,EAAiD,OAAA;AAAA,gBAA3C,OAAKP,EAAEC,EAAAA,OAAO,UAAU;AAAA,cAAA,GAAE,eAAW,CAAA;AAAA,cAC3CC,EAIEC,EAAAK,CAAA,GAAA;AAAA,gBAHC,OAAOZ,EAAA;AAAA,gBACP,aAAaA,EAAA;AAAA,gBACd,qBAAkB;AAAA,cAAA;;;;;;MAM1BM,EAMsBC,EAAAM,CAAA,GAAA;AAAA,oBANQf,EAAA;AAAA,sDAAAA,EAAW,QAAAW;AAAA,QAAE,MAAK;AAAA,QAAQ,UAAA;AAAA,MAAA;QAE3C,WACT,MAA8E;AAAA,UAA9EH,EAA8EC,EAAAO,CAAA,GAAA;AAAA,YAAhE,MAAK;AAAA,YAAe,SAAOf;AAAA,UAAA;uBAAY,MAAU,CAAA,GAAAW,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAAV,cAAU,EAAA;AAAA,YAAA;;;UAC/DJ,EAAYC,EAAAQ,CAAA,CAAA;AAAA,QAAA;mBAJiD,MAE/D;AAAA,4BAF+D,2BAE/D,EAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"ChartErrorNotificationAlert.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../src/components/ChartErrorNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary, PlDialogModal, PlNotificationAlert, PlSpacer, PlLogView } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { ErrorInfoUnknown } from '@milaboratories/miplots4';\n\nconst props = defineProps<{ errorInfo: ErrorInfoUnknown }>();\n\nconst isModalOpen = ref(false);\nconst isAlertOpen = ref(true);\n\nfunction showErrors() {\n  isModalOpen.value = true;\n}\nconst errorMessage = computed(() => props.errorInfo.info?.stack);\n</script>\n<template>\n  <div :class=\"$style.alert\">\n    <PlDialogModal v-model=\"isModalOpen\" width=\"720px\" style=\"max-height: 100vh\">\n      <template #title> Errors </template>\n      <div :class=\"$style.alertContent\">\n        <div :class=\"$style.alertItem\">\n          <div :class=\"$style.alertTitle\">Chart error</div>\n          <PlLogView\n            :value=\"errorMessage\"\n            :valueToCopy=\"errorMessage\"\n            download-filename=\"chart-error-log.txt\"\n          />\n        </div>\n      </div>\n    </PlDialogModal>\n\n    <PlNotificationAlert v-model=\"isAlertOpen\" type=\"error\" closable>\n      The chart has errors.\n      <template #actions>\n        <PlBtnPrimary icon=\"arrow-right\" @click=\"showErrors\">See errors</PlBtnPrimary>\n        <PlSpacer />\n      </template>\n    </PlNotificationAlert>\n  </div>\n</template>\n<style module>\n.alert {\n    position: fixed;\n    bottom: 12px;\n    right: 12px;\n    width: 256px;\n    height: auto;\n    z-index: 1;\n}\n.alertContent {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    max-height: 100%;\n}\n.alertItem {\n    position: relative;\n}\n.alertTitle {\n    color: var(--txt-01);\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 20px;\n    margin-bottom: 6px;\n}\n</style>\n"],"mappings":";;;;;;EAKA,IAAM,IAAQ,GAER,IAAc,EAAI,GAAM,EACxB,IAAc,EAAI,GAAK;EAE7B,SAAS,IAAa;AACpB,KAAY,QAAQ;;EAEtB,IAAM,IAAe,QAAe,EAAM,UAAU,MAAM,MAAM;yBAG9D,EAsBM,OAAA,EAtBA,OAAK,EAAEA,EAAAA,OAAO,MAAK,EAAA,EAAA,CACvB,EAYgB,EAAA,EAAA,EAAA;eAZQ,EAAA;4CAAW,QAAA;GAAE,OAAM;GAAQ,OAAA,EAAA,cAAA,SAAyB;;GAC/D,OAAK,QAAS,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAR,YAAQ,GAAA,CAAA,CAAA,CAAA;oBAUnB,CATN,EASM,OAAA,EATA,OAAK,EAAEA,EAAAA,OAAO,aAAY,EAAA,EAAA,CAC9B,EAOM,OAAA,EAPA,OAAK,EAAEA,EAAAA,OAAO,UAAS,EAAA,EAAA,CAC3B,EAAiD,OAAA,EAA3C,OAAK,EAAEA,EAAAA,OAAO,WAAU,EAAA,EAAE,eAAW,EAAA,EAC3C,EAIE,EAAA,EAAA,EAAA;IAHC,OAAO,EAAA;IACP,aAAa,EAAA;IACd,qBAAkB;;;yBAM1B,EAMsB,EAAA,EAAA,EAAA;eANQ,EAAA;4CAAW,QAAA;GAAE,MAAK;GAAQ,UAAA;;GAE3C,SAAO,QAC8D,CAA9E,EAA8E,EAAA,EAAA,EAAA;IAAhE,MAAK;IAAe,SAAO;;qBAAsB,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAV,cAAU,GAAA,CAAA,CAAA,CAAA;;OAC/D,EAAY,EAAA,EAAA,CAAA,CAAA,CAAA;oBAFd,CAAA,AAAA,EAAA,OAAA,EAF+D,2BAE/D,GAAA,CAAA,CAAA"}

package/dist/components/ChartTruncationWarningAlert.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./ChartTruncationWarningAlert.vue2.js";
+import n from "./ChartTruncationWarningAlert.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=ChartTruncationWarningAlert.js.map

package/dist/components/ChartTruncationWarningAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTruncationWarningAlert.js","names":[],"sources":["../../src/components/ChartTruncationWarningAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary, PlNotificationAlert, PlSpacer } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { ChartTruncationWarning } from '../utils/createChartSettingsForRender/composeChartSettings';\nimport { formatTruncationTotal } from '../utils/createChartSettingsForRender/composeChartSettings';\nimport { useStore } from '../store';\n\nconst props = defineProps<{ truncationWarning: ChartTruncationWarning }>();\n\nconst store = useStore();\nconst isAlertOpen = ref(true);\n\nconst message = computed(() => {\n  const w = props.truncationWarning;\n  const intro: string[] = [];\n  if (w.groups) intro.push('Some groups are hidden');\n  if (w.facets) intro.push('Some facets are hidden');\n  const lead = intro.join('. ');\n  const countParts: string[] = [];\n  if (w.groups && w.groupsVisible != null && w.groupsTotal != null) {\n    countParts.push(`${w.groupsVisible} of ${formatTruncationTotal(w.groupsTotal)} groups`);\n  }\n  if (w.facets && w.facetsVisible != null && w.facetsTotal != null) {\n    countParts.push(`${w.facetsVisible} of ${formatTruncationTotal(w.facetsTotal)} facets`);\n  }\n  const countText = countParts.length ? ` Showing ${countParts.join('; ')}.` : '';\n  const end = 'Limits can be changed in Axes settings.';\n  return `${lead}.${countText} ${end}`;\n});\n\nfunction openAxesSettings() {\n  store.value.reactive.currentTab = 'axes';\n  store.value.reactive.tabDefaultState.axes.scrollToBottom = true;\n}\n</script>\n<template>\n  <div :class=\"$style.alert\">\n    <PlNotificationAlert v-model=\"isAlertOpen\" type=\"warning\" closable>\n      {{ message }}\n      <template #actions>\n        <PlBtnPrimary icon=\"arrow-right\" @click.stop=\"() => openAxesSettings()\">Open Axes settings</PlBtnPrimary>\n        <PlSpacer />\n      </template>\n    </PlNotificationAlert>\n  </div>\n</template>\n<style module>\n.alert {\n  position: fixed;\n  bottom: 12px;\n  right: 12px;\n  width: 256px;\n  height: auto;\n  z-index: 1;\n}\n</style>\n"],"mappings":""}

package/dist/components/ChartTruncationWarningAlert.style.js

@@ -0,0 +1,4 @@
+import './ChartTruncationWarningAlert.vue.css';var e = { alert: "_alert_1fz73_2" };
+export { e as default };
+
+//# sourceMappingURL=ChartTruncationWarningAlert.style.js.map

package/dist/components/ChartTruncationWarningAlert.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTruncationWarningAlert.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../src/components/ChartTruncationWarningAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary, PlNotificationAlert, PlSpacer } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { ChartTruncationWarning } from '../utils/createChartSettingsForRender/composeChartSettings';\nimport { formatTruncationTotal } from '../utils/createChartSettingsForRender/composeChartSettings';\nimport { useStore } from '../store';\n\nconst props = defineProps<{ truncationWarning: ChartTruncationWarning }>();\n\nconst store = useStore();\nconst isAlertOpen = ref(true);\n\nconst message = computed(() => {\n  const w = props.truncationWarning;\n  const intro: string[] = [];\n  if (w.groups) intro.push('Some groups are hidden');\n  if (w.facets) intro.push('Some facets are hidden');\n  const lead = intro.join('. ');\n  const countParts: string[] = [];\n  if (w.groups && w.groupsVisible != null && w.groupsTotal != null) {\n    countParts.push(`${w.groupsVisible} of ${formatTruncationTotal(w.groupsTotal)} groups`);\n  }\n  if (w.facets && w.facetsVisible != null && w.facetsTotal != null) {\n    countParts.push(`${w.facetsVisible} of ${formatTruncationTotal(w.facetsTotal)} facets`);\n  }\n  const countText = countParts.length ? ` Showing ${countParts.join('; ')}.` : '';\n  const end = 'Limits can be changed in Axes settings.';\n  return `${lead}.${countText} ${end}`;\n});\n\nfunction openAxesSettings() {\n  store.value.reactive.currentTab = 'axes';\n  store.value.reactive.tabDefaultState.axes.scrollToBottom = true;\n}\n</script>\n<template>\n  <div :class=\"$style.alert\">\n    <PlNotificationAlert v-model=\"isAlertOpen\" type=\"warning\" closable>\n      {{ message }}\n      <template #actions>\n        <PlBtnPrimary icon=\"arrow-right\" @click.stop=\"() => openAxesSettings()\">Open Axes settings</PlBtnPrimary>\n        <PlSpacer />\n      </template>\n    </PlNotificationAlert>\n  </div>\n</template>\n<style module>\n.alert {\n  position: fixed;\n  bottom: 12px;\n  right: 12px;\n  width: 256px;\n  height: auto;\n  z-index: 1;\n}\n</style>\n"],"mappings":""}

package/dist/components/ChartTruncationWarningAlert.vue.css

@@ -0,0 +1 @@
+._alert_1fz73_2{z-index:1;width:256px;height:auto;position:fixed;bottom:12px;right:12px}

package/dist/components/ChartTruncationWarningAlert.vue2.js

@@ -1,54 +1,38 @@
-import { defineComponent as T, ref as x, computed as V, createElementBlock as $, openBlock as b, normalizeClass as h, createVNode as s, unref as r, withCtx as a, createTextVNode as u, toDisplayString as v, withModifiers as S } from "vue";
-import { PlNotificationAlert as w, PlBtnPrimary as A, PlSpacer as C } from "@platforma-sdk/ui-vue";
-import { formatTruncationTotal as c } from "../utils/createChartSettingsForRender/composeChartSettings.js";
-import { useStore as P } from "../store.js";
-const j = /* @__PURE__ */ T({
-  __name: "ChartTruncationWarningAlert",
-  props: {
-    truncationWarning: {}
-  },
-  setup(p) {
-    const f = p, i = P(), l = x(!0), m = V(() => {
-      const t = f.truncationWarning, e = [];
-      t.groups && e.push("Some groups are hidden"), t.facets && e.push("Some facets are hidden");
-      const n = e.join(". "), o = [];
-      t.groups && t.groupsVisible != null && t.groupsTotal != null && o.push(`${t.groupsVisible} of ${c(t.groupsTotal)} groups`), t.facets && t.facetsVisible != null && t.facetsTotal != null && o.push(`${t.facetsVisible} of ${c(t.facetsTotal)} facets`);
-      const g = o.length ? ` Showing ${o.join("; ")}.` : "";
-      return `${n}.${g} Limits can be changed in Axes settings.`;
-    });
-    function d() {
-      i.value.reactive.currentTab = "axes", i.value.reactive.tabDefaultState.axes.scrollToBottom = !0;
-    }
-    return (t, e) => (b(), $("div", {
-      class: h(t.$style.alert)
-    }, [
-      s(r(w), {
-        modelValue: l.value,
-        "onUpdate:modelValue": e[1] || (e[1] = (n) => l.value = n),
-        type: "warning",
-        closable: ""
-      }, {
-        actions: a(() => [
-          s(r(A), {
-            icon: "arrow-right",
-            onClick: e[0] || (e[0] = S(() => d(), ["stop"]))
-          }, {
-            default: a(() => [...e[2] || (e[2] = [
-              u("Open Axes settings", -1)
-            ])]),
-            _: 1
-          }),
-          s(r(C))
-        ]),
-        default: a(() => [
-          u(v(m.value) + " ", 1)
-        ]),
-        _: 1
-      }, 8, ["modelValue"])
-    ], 2));
-  }
+import { formatTruncationTotal as e } from "../utils/createChartSettingsForRender/composeChartSettings.js";
+import { useStore as t } from "../store.js";
+import { computed as n, createElementBlock as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, toDisplayString as u, unref as d, withCtx as f, withModifiers as p } from "vue";
+import { PlBtnPrimary as m, PlNotificationAlert as h, PlSpacer as g } from "@platforma-sdk/ui-vue";
+var _ = /* @__PURE__ */ o({
+	__name: "ChartTruncationWarningAlert",
+	props: { truncationWarning: {} },
+	setup(o) {
+		let _ = o, v = t(), y = l(!0), b = n(() => {
+			let t = _.truncationWarning, n = [];
+			t.groups && n.push("Some groups are hidden"), t.facets && n.push("Some facets are hidden");
+			let r = n.join(". "), i = [];
+			return t.groups && t.groupsVisible != null && t.groupsTotal != null && i.push(`${t.groupsVisible} of ${e(t.groupsTotal)} groups`), t.facets && t.facetsVisible != null && t.facetsTotal != null && i.push(`${t.facetsVisible} of ${e(t.facetsTotal)} facets`), `${r}.${i.length ? ` Showing ${i.join("; ")}.` : ""} Limits can be changed in Axes settings.`;
+		});
+		function x() {
+			v.value.reactive.currentTab = "axes", v.value.reactive.tabDefaultState.axes.scrollToBottom = !0;
+		}
+		return (e, t) => (c(), r("div", { class: s(e.$style.alert) }, [a(d(h), {
+			modelValue: y.value,
+			"onUpdate:modelValue": t[1] ||= (e) => y.value = e,
+			type: "warning",
+			closable: ""
+		}, {
+			actions: f(() => [a(d(m), {
+				icon: "arrow-right",
+				onClick: t[0] ||= p(() => x(), ["stop"])
+			}, {
+				default: f(() => [...t[2] ||= [i("Open Axes settings", -1)]]),
+				_: 1
+			}), a(d(g))]),
+			default: f(() => [i(u(b.value) + " ", 1)]),
+			_: 1
+		}, 8, ["modelValue"])], 2));
+	}
 });
-export {
-  j as default
-};
-//# sourceMappingURL=ChartTruncationWarningAlert.vue2.js.map
+export { _ as default };
+
+//# sourceMappingURL=ChartTruncationWarningAlert.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartTruncationWarningAlert.vue2.js","sources":["../../src/components/ChartTruncationWarningAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary, PlNotificationAlert, PlSpacer } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { ChartTruncationWarning } from '../utils/createChartSettingsForRender/composeChartSettings';\nimport { formatTruncationTotal } from '../utils/createChartSettingsForRender/composeChartSettings';\nimport { useStore } from '../store';\n\nconst props = defineProps<{ truncationWarning: ChartTruncationWarning }>();\n\nconst store = useStore();\nconst isAlertOpen = ref(true);\n\nconst message = computed(() => {\n  const w = props.truncationWarning;\n  const intro: string[] = [];\n  if (w.groups) intro.push('Some groups are hidden');\n  if (w.facets) intro.push('Some facets are hidden');\n  const lead = intro.join('. ');\n  const countParts: string[] = [];\n  if (w.groups && w.groupsVisible != null && w.groupsTotal != null) {\n    countParts.push(`${w.groupsVisible} of ${formatTruncationTotal(w.groupsTotal)} groups`);\n  }\n  if (w.facets && w.facetsVisible != null && w.facetsTotal != null) {\n    countParts.push(`${w.facetsVisible} of ${formatTruncationTotal(w.facetsTotal)} facets`);\n  }\n  const countText = countParts.length ? ` Showing ${countParts.join('; ')}.` : '';\n  const end = 'Limits can be changed in Axes settings.';\n  return `${lead}.${countText} ${end}`;\n});\n\nfunction openAxesSettings() {\n  store.value.reactive.currentTab = 'axes';\n  store.value.reactive.tabDefaultState.axes.scrollToBottom = true;\n}\n</script>\n<template>\n  <div :class=\"$style.alert\">\n    <PlNotificationAlert v-model=\"isAlertOpen\" type=\"warning\" closable>\n      {{ message }}\n      <template #actions>\n        <PlBtnPrimary icon=\"arrow-right\" @click.stop=\"() => openAxesSettings()\">Open Axes settings</PlBtnPrimary>\n        <PlSpacer />\n      </template>\n    </PlNotificationAlert>\n  </div>\n</template>\n<style module>\n.alert {\n  position: fixed;\n  bottom: 12px;\n  right: 12px;\n  width: 256px;\n  height: auto;\n  z-index: 1;\n}\n</style>\n"],"names":["props","__props","store","useStore","isAlertOpen","ref","message","computed","w","intro","lead","countParts","formatTruncationTotal","countText","openAxesSettings","_createElementBlock","_normalizeClass","$style","_createVNode","_unref","PlNotificationAlert","$event","PlBtnPrimary","_cache","PlSpacer","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;AAOA,UAAMA,IAAQC,GAERC,IAAQC,EAAA,GACRC,IAAcC,EAAI,EAAI,GAEtBC,IAAUC,EAAS,MAAM;AAC7B,YAAMC,IAAIR,EAAM,mBACVS,IAAkB,CAAA;AACxB,MAAID,EAAE,UAAQC,EAAM,KAAK,wBAAwB,GAC7CD,EAAE,UAAQC,EAAM,KAAK,wBAAwB;AACjD,YAAMC,IAAOD,EAAM,KAAK,IAAI,GACtBE,IAAuB,CAAA;AAC7B,MAAIH,EAAE,UAAUA,EAAE,iBAAiB,QAAQA,EAAE,eAAe,QAC1DG,EAAW,KAAK,GAAGH,EAAE,aAAa,OAAOI,EAAsBJ,EAAE,WAAW,CAAC,SAAS,GAEpFA,EAAE,UAAUA,EAAE,iBAAiB,QAAQA,EAAE,eAAe,QAC1DG,EAAW,KAAK,GAAGH,EAAE,aAAa,OAAOI,EAAsBJ,EAAE,WAAW,CAAC,SAAS;AAExF,YAAMK,IAAYF,EAAW,SAAS,YAAYA,EAAW,KAAK,IAAI,CAAC,MAAM;AAE7E,aAAO,GAAGD,CAAI,IAAIG,CAAS;AAAA,IAC7B,CAAC;AAED,aAASC,IAAmB;AAC1B,MAAAZ,EAAM,MAAM,SAAS,aAAa,QAClCA,EAAM,MAAM,SAAS,gBAAgB,KAAK,iBAAiB;AAAA,IAC7D;2BAGEa,EAQM,OAAA;AAAA,MARA,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,IAAA;MACvBC,EAMsBC,EAAAC,CAAA,GAAA;AAAA,oBANQhB,EAAA;AAAA,sDAAAA,EAAW,QAAAiB;AAAA,QAAE,MAAK;AAAA,QAAU,UAAA;AAAA,MAAA;QAE7C,WACT,MAAyG;AAAA,UAAzGH,EAAyGC,EAAAG,CAAA,GAAA;AAAA,YAA3F,MAAK;AAAA,YAAe,iCAAkBR,KAAgB,CAAA,MAAA,CAAA;AAAA,UAAA;uBAAI,MAAkB,CAAA,GAAAS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAAlB,sBAAkB,EAAA;AAAA,YAAA;;;UAC1FL,EAAYC,EAAAK,CAAA,CAAA;AAAA,QAAA;mBAHd,MAAa;AAAA,UAAVC,EAAAC,EAAApB,EAAA,KAAO,IAAG,KACb,CAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"ChartTruncationWarningAlert.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../src/components/ChartTruncationWarningAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary, PlNotificationAlert, PlSpacer } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { ChartTruncationWarning } from '../utils/createChartSettingsForRender/composeChartSettings';\nimport { formatTruncationTotal } from '../utils/createChartSettingsForRender/composeChartSettings';\nimport { useStore } from '../store';\n\nconst props = defineProps<{ truncationWarning: ChartTruncationWarning }>();\n\nconst store = useStore();\nconst isAlertOpen = ref(true);\n\nconst message = computed(() => {\n  const w = props.truncationWarning;\n  const intro: string[] = [];\n  if (w.groups) intro.push('Some groups are hidden');\n  if (w.facets) intro.push('Some facets are hidden');\n  const lead = intro.join('. ');\n  const countParts: string[] = [];\n  if (w.groups && w.groupsVisible != null && w.groupsTotal != null) {\n    countParts.push(`${w.groupsVisible} of ${formatTruncationTotal(w.groupsTotal)} groups`);\n  }\n  if (w.facets && w.facetsVisible != null && w.facetsTotal != null) {\n    countParts.push(`${w.facetsVisible} of ${formatTruncationTotal(w.facetsTotal)} facets`);\n  }\n  const countText = countParts.length ? ` Showing ${countParts.join('; ')}.` : '';\n  const end = 'Limits can be changed in Axes settings.';\n  return `${lead}.${countText} ${end}`;\n});\n\nfunction openAxesSettings() {\n  store.value.reactive.currentTab = 'axes';\n  store.value.reactive.tabDefaultState.axes.scrollToBottom = true;\n}\n</script>\n<template>\n  <div :class=\"$style.alert\">\n    <PlNotificationAlert v-model=\"isAlertOpen\" type=\"warning\" closable>\n      {{ message }}\n      <template #actions>\n        <PlBtnPrimary icon=\"arrow-right\" @click.stop=\"() => openAxesSettings()\">Open Axes settings</PlBtnPrimary>\n        <PlSpacer />\n      </template>\n    </PlNotificationAlert>\n  </div>\n</template>\n<style module>\n.alert {\n  position: fixed;\n  bottom: 12px;\n  right: 12px;\n  width: 256px;\n  height: auto;\n  z-index: 1;\n}\n</style>\n"],"mappings":";;;;;;;;EAOA,IAAM,IAAQ,GAER,IAAQ,GAAU,EAClB,IAAc,EAAI,GAAK,EAEvB,IAAU,QAAe;GAC7B,IAAM,IAAI,EAAM,mBACV,IAAkB,EAAE;AAE1B,GADI,EAAE,UAAQ,EAAM,KAAK,yBAAyB,EAC9C,EAAE,UAAQ,EAAM,KAAK,yBAAyB;GAClD,IAAM,IAAO,EAAM,KAAK,KAAK,EACvB,IAAuB,EAAE;AAS/B,UARI,EAAE,UAAU,EAAE,iBAAiB,QAAQ,EAAE,eAAe,QAC1D,EAAW,KAAK,GAAG,EAAE,cAAc,MAAM,EAAsB,EAAE,YAAY,CAAC,SAAS,EAErF,EAAE,UAAU,EAAE,iBAAiB,QAAQ,EAAE,eAAe,QAC1D,EAAW,KAAK,GAAG,EAAE,cAAc,MAAM,EAAsB,EAAE,YAAY,CAAC,SAAS,EAIlF,GAAG,EAAK,GAFG,EAAW,SAAS,YAAY,EAAW,KAAK,KAAK,CAAC,KAAK,GAEjD;IAC5B;EAEF,SAAS,IAAmB;AAE1B,GADA,EAAM,MAAM,SAAS,aAAa,QAClC,EAAM,MAAM,SAAS,gBAAgB,KAAK,iBAAiB;;yBAI3D,EAQM,OAAA,EARA,OAAK,EAAEA,EAAAA,OAAO,MAAK,EAAA,EAAA,CACvB,EAMsB,EAAA,EAAA,EAAA;eANQ,EAAA;4CAAW,QAAA;GAAE,MAAK;GAAU,UAAA;;GAE7C,SAAO,QACyF,CAAzG,EAAyG,EAAA,EAAA,EAAA;IAA3F,MAAK;IAAe,SAAK,AAAA,EAAA,OAAA,QAAa,GAAgB,EAAA,CAAA,OAAA,CAAA;;qBAAsB,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAlB,sBAAkB,GAAA,CAAA,CAAA,CAAA;;OAC1F,EAAY,EAAA,EAAA,CAAA,CAAA,CAAA;oBAHD,CAAA,EAAA,EAAV,EAAA,MAAO,GAAG,KACb,EAAA,CAAA,CAAA"}

package/dist/components/CollapsableBlock.js

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

package/dist/components/CollapsableBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsableBlock.js","names":[],"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    contentPadding?: string;\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\" :style=\"titleStyle\" @click=\"minimized = !minimized\">\n      <component :is=\"!minimized && props.iconOpen ? props.iconOpen : props.icon\" v-if=\"props.icon\"/>\n      <span>{{ props.title }}</span>\n    </div>\n    <div class=\"collapsable-block-content\" :style=\"props.settings?.contentPadding !== undefined ? {padding: props.settings?.contentPadding} : {}\">\n      <slot/>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/CollapsableBlock.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsableBlock.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"CollapsableBlock.vue_vue_type_script_setup_true_lang.js","names":[],"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    contentPadding?: string;\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\" :style=\"titleStyle\" @click=\"minimized = !minimized\">\n      <component :is=\"!minimized && props.iconOpen ? props.iconOpen : props.icon\" v-if=\"props.icon\"/>\n      <span>{{ props.title }}</span>\n    </div>\n    <div class=\"collapsable-block-content\" :style=\"props.settings?.contentPadding !== undefined ? {padding: props.settings?.contentPadding} : {}\">\n      <slot/>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAIA,IAAM,IAAQ,GAYR,IAAY,EAAI,EAAM,UAAU,iBAAiB,OAAO,EACxD,IAAqC,EAAE,EACvC,IAAyC,EAAE;SAC7C,EAAM,UAAU,WAClB,EAAe,oBAAoB,GAAG,EAAM,UAAU,OAAO,MAE3D,EAAM,UAAU,sBAClB,EAAW,UAAa,KAAK,EAAM,UAAU,kBAAkB,sBAM/D,EAQM,OAAA;GARD,OAAK,EAAA,CAAC,+BAA6B;IAAA,WAAqB,EAAA;IAAS,WAAA,CAAc,EAAA;IAAS,CAAA,CAAA;GAAI,OAAO;MACtG,EAGM,OAAA;GAHD,OAAM;GAA2B,OAAO;GAAa,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAS,CAAI,EAAA;MACM,EAAM,QAAA,GAAA,EAAxF,EAA+F,EAAA,CAA9E,EAAA,SAAa,EAAM,WAAW,EAAM,WAAW,EAAM,KAAI,EAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA,EAC1E,EAA8B,QAAA,MAAA,EAArB,EAAM,MAAK,EAAA,EAAA,CAAA,CAAA,EAEtB,EAEM,OAAA;GAFD,OAAM;GAA6B,OAAK,EAAE,EAAM,UAAU,mBAAmB,KAAA,IAAoD,EAAA,GAA3C,EAAA,SAAa,EAAM,UAAU,gBAAc,CAAA;MACpI,EAAO,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/DendroTable.js

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

package/dist/components/DendroTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DendroTable.js","names":[],"sources":["../../src/components/DendroTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Column, GridApi, IRowNode } from '@ag-grid-community/core';\nimport type {\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\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      domLayout=\"autoHeight\"\n      @gridColumnsChanged=\"() => {\n        updateContainerWidth();\n      }\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/DendroTable.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DendroTable.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"DendroTable.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/DendroTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Column, GridApi, IRowNode } from '@ag-grid-community/core';\nimport type {\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\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      domLayout=\"autoHeight\"\n      @gridColumnsChanged=\"() => {\n        updateContainerWidth();\n      }\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;EAcA,IAAM,IAAQ,GAAU,EAElB,IAAQ,GAIR,IAAQ,EAAI,IAAI,EAChB,IAAU,GAAY,EAEtB,IAAa,QAAe,CAChC,MACA,GAAI,EAAM,MAAM,SAAS,aAA+B,WAAW,aAAa,eAAe,KAAK,MAAM,EAAE,eAAe,CAC5H,CAAC,EAEI,IAAU,EAAc,EAAE,CAAC;AACjC,UAAY,EAAM,WAAW,YAA+D,MAAc;AACxG,OAAI,GAAW;IACb,IAAM,IAAY,EAAU,QAAQ,CAAC,KAAK,MAAO,EAAE,KAEhD,QAAW,GAAM;AACpB,KAAI,EAAU,WAAW,EAAQ,MAAM,UAAU,EAAU,MAAM,GAAG,MAAQ,MAAM,EAAQ,MAAM,GAAK,MACnG,EAAQ,QAAQ;SAGlB,GAAQ,QAAQ,EAAE;KAEnB,EAAE,WAAW,IAAM,CAAC;EAEvB,IAAM,IAAU,EAA8B,EAAE,CAAC,EAC3C,IAAU,EAA4D,EAAE,CAAC;AAE/E,IAAM;SACE,EAAQ;SACR,EAAW;SACX,EAAM,MAAM,kBAAkB,gBAAgB;GACrD,GAAG,CAAC,GAAc,GAAiB,OAAe;AACjD,OAAI,MAAc,MAAM;AAEtB,IADA,EAAQ,QAAQ,EAAE,EAClB,EAAQ,QAAQ,EAAE;AAClB;;AAEF,OAAI,EAAgB,MAAM,MAAQ,CAAC,EAAU,GAAK,CAChD;GAEF,IAAM,IAAY,EAAU,GAAM,KAAK,QAAQ,GAA0D,GAAQ,MAAQ;IACvH,IAAM,IAAK;AAWX,WAVI,EAAiB,MACnB,QAAQ,KAAK,iCAAiC,EAAG,kBAAkB,EAErE,EAAiB,KAAM,EAAgB,QAAQ,GAA0C,MAAc;KACrG,IAAM,IAAa,EAAU;AAI7B,YAHI,MACF,EAAiB,KAAa,EAAW,KAAK,KAEzC;OACN,EAAE,CAAC,EACC;MACN,EAAE,CAAC;AASN,GAPA,EAAQ,QAAQ,EAAgB,KAAK,OAAS;IAC5C,YAAY,EAAU,GAAK;IAC3B,OAAO;IACP,UAAU;IACV,WAAW;IACZ,EAAE,EACH,EAAQ,QAAQ,EAAa,KAAK,MAAQ,EAAU,MAAQ,KAAK,EACjE,GAAsB;KACrB,EAAE,WAAW,IAAM,CAAC;EAEvB,IAAM,IAAW,QAAe;GAC9B,IAAM,IAAU,EAAM,WAAW,YAAuC;AACxE,UAAO,EAAQ,MAAM,SAAS,IAAS,EAAQ,MAAM,SAAS;IAC9D,EAEI,KAAe,MAA6B;AAEhD,GADA,EAAQ,QAAQ,EAAO,KACvB,GAAsB;;EAGxB,SAAS,IAAuB;AAC9B,OAAI,EAAQ,SAAS,CAAC,EAAQ,MAAM,aAAa,EAAE;AACjD,MAAQ,MAAM,oBAAoB;IAClC,IAAM,IAAU,EAAQ,MAAM,YAAY;AAC1C,IAAI,MACF,EAAM,QAAQ,EAAQ,QAAQ,GAAa,MAClC,IAAM,EAAO,gBAAgB,EACnC,EAAE;;;SAKX,QAAY,EAAM,MAAM,SAAS,uBAAuB,MAAO;AAC7D,GAAI,EAAQ,UACN,MAAO,OACT,EAAQ,MAAM,aAAa,GAE3B,EAAQ,MAAM,aAAa,MAAmB;AAC5C,IAAI,EAAK,KAAK,OAAO,KACnB,EAAK,YAAY,IAAM,GAAK;KAE9B;IAGN,kBAKA,EAeM,OAAA;GAfD,OAAM;GAAgB,OAAK,EAAA,EAAA,OAAU,EAAA,QAAK,MAAA,CAAA;MAC7C,EAaE,EAAA,EAAA,EAAA;GAZC,OAAO,EAAA,EAAW;GAClB,SAAS,EAAA;GACI;GACb,eAAe,EAAA,0BAAA,IAAkC;GACjD,SAAS,EAAA;GACT,YAAY,EAAA;GACZ,WAAW,EAAA;GACX,kBAAkB,EAAA,MAAA,mBAAyB;GAC5C,WAAU;GACT,sBAAkB,AAAA,EAAA,aAAA;AAAkB,OAAoB"}

package/dist/components/DendroTooltip.js

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

package/dist/components/DendroTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DendroTooltip.js","names":[],"sources":["../../src/components/DendroTooltip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { 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 type { 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 ref=\"\" class=\"graph-info-tooltip__container\" :style=\"position\">\n    <div class=\"graph-info-tooltip__tail\" />\n    <div\n      ref=\"rootRef\" class=\"graph-info-tooltip\" :style=\"{transform: `translate(0,${verticalShift}px)`}\"\n      @click=\"(e) => e.stopPropagation()\"\n    >\n      <PlMaskIcon24 class=\"graph-info-tooltip-close\" name=\"close\" @click=\"$emit('close')\" />\n      <div\n        v-for=\"row in infoList\"\n        :key=\"row.label\"\n        class=\"graph-info-tooltip-row\"\n        :class=\"{'graph-info-tooltip-row__sequence': row.isSequence}\"\n      >\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        >\n          {{ tooltipBtn }}\n        </PlBtnSecondary>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/DendroTooltip.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DendroTooltip.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"DendroTooltip.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/DendroTooltip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { 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 type { 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 ref=\"\" class=\"graph-info-tooltip__container\" :style=\"position\">\n    <div class=\"graph-info-tooltip__tail\" />\n    <div\n      ref=\"rootRef\" class=\"graph-info-tooltip\" :style=\"{transform: `translate(0,${verticalShift}px)`}\"\n      @click=\"(e) => e.stopPropagation()\"\n    >\n      <PlMaskIcon24 class=\"graph-info-tooltip-close\" name=\"close\" @click=\"$emit('close')\" />\n      <div\n        v-for=\"row in infoList\"\n        :key=\"row.label\"\n        class=\"graph-info-tooltip-row\"\n        :class=\"{'graph-info-tooltip-row__sequence': row.isSequence}\"\n      >\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        >\n          {{ tooltipBtn }}\n        </PlBtnSecondary>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;GAsDM,IAAQ,IACR,IAAY,MACZ,IAAQ,IACR,IAAS,IAKT,IAAiB,IACjB,IAAiB;;;;;;;;;EAxDvB,IAAM,IAAQ,GAKR,IAAQ,GAAU,EAElB,IAAQ,GAER,IAAU,GAAK;AACrB,IAAgB,CAAC,EAAQ,QAAQ,EAAM,QAAQ,CAAC;EAEhD,IAAM,IAAa,QAAe;GAChC,IAAM,KAA0B,MACtB,EAAM,MAAM,SAAS,aAA+B,WAAW,GAAW,eAAe,KAAK,MAAM,EAAE,eAAe,EAEzH,IAAgD;IAAC;IAAgB;IAAU;IAAa;IAAY;IAAa;IAAY,EAC7H,IAAO,CAAC,KAAK;AASnB,UARA,EAAO,SAAS,MAAc;AACZ,MAAuB,EAAU,CACzC,SAAS,MAAQ;AACvB,KAAK,EAAK,SAAS,EAAI,IACrB,EAAK,KAAK,EAAI;MAEhB;KACF,EACK;IACP,EAEI,IAAmB,QAAe,EAAM,KAAK,KAAK,GAAG,EACrD,IAAK,QAAe,EAAiB,OAAO,GAAG,EAC/C,IAAW,QAAe;GAC9B,IAAM,IAAY,EAAM,MAAM,kBAAkB,gBAAgB;AAChE,OAAI,CAAC,EACH,QAAO,EAAE;GAEX,IAAM,IAAS,EAAU,GAAM,KAAK,WAAW,MAAM,OAAO,EAAE,KAAK,OAAO,EAAG,MAAM,CAAC;AAQpF,UAPI,MAAW,KAOR,EAAE,GANA,EAAW,MAAM,KAAK,OAAe;IAC1C,OAAO,EAAU,GAAW;IAC5B,OAAO,EAAU,GAAW,KAAK;IACjC,YAAY,EAAU,GAAW,MAAM,cAAc,oBAAoB;IAC1E,EAAE;IAGL,EAMI,IAAS,QACN,EAAS,MAAM,QAAQ,GAAK,MAAQ,KAAO,EAAI,aAAa,IAAY,IAAQ,EAAE,GAAG,IAAS,KAAK,EAAM,aAAa,IAAQ,GACrI,EAKI,IAAW,SACR;GACL,MAAM,EAAM,KAAK,IAAI,IAAiB;GACtC,KAAK,EAAM,KAAK,IAAI,IAAiB;GACtC,EACD,EAEI,IAAgB,QAAe;GACnC,IAAM,IAAe,EAAM,aAAa,cAClC,IAAa,EAAO,QAAQ,GAC5B,IAAI,EAAM,KAAK,IAAI;AAOzB,UANI,IAAI,IACC,CAAC,IAEN,IAAe,IAAa,IACvB,EAAE,EAAO,SAAS,IAAe,MAEnC,CAAC;IACR;EAEF,SAAS,EAAgB,GAAc;AACrC,WAAQ,WAAW,UAAU,UAAU,EAAK;;yBAM5C,EAwCM,OAAA;GAxCD,KAAI;GAAG,OAAM;GAAiC,OAAK,EAAE,EAAA,MAAQ;eAChE,EAAwC,OAAA,EAAnC,OAAM,4BAA0B,EAAA,MAAA,GAAA,EACrC,EAqCM,OAAA;YApCA;GAAJ,KAAI;GAAU,OAAM;GAAsB,OAAK,EAAA,EAAA,WAAA,eAA6B,EAAA,MAAa,MAAA,CAAA;GACxF,SAAK,AAAA,EAAA,QAAG,MAAM,EAAE,iBAAe;;GAEhC,EAAsF,EAAA,EAAA,EAAA;IAAxE,OAAM;IAA2B,MAAK;IAAS,SAAK,AAAA,EAAA,QAAA,MAAE,EAAK,QAAA;;WACzE,EAsBM,GAAA,MAAA,EArBU,EAAA,QAAP,YADT,EAsBM,OAAA;IApBH,KAAK,EAAI;IACV,OAAK,EAAA,CAAC,0BAAwB,EAAA,oCACe,EAAI,YAAU,CAAA,CAAA;OAE3D,EAAiE,OAAjE,GAAiE,EAAxB,EAAI,QAAK,IAAA,EAAA,EAAA,EACtC,EAAI,cACF,GAAA,EAEd,EAWM,OAXN,GAWM,CAVJ,EAEM,OAAA;IAFD,OAAM;IAA4B,OAAO,OAAO,EAAI,MAAK;QACzD,EAAI,MAAK,EAAA,GAAA,EAAA,EAEH,EAAI,cAAA,GAAA,EAAf,EAMM,OANN,GAMM,CALJ,EAIE,EAAA,EAAA,EAAA;IAHA,OAAM;IACN,MAAK;IACJ,eAAa,EAAgB,OAAO,EAAI,MAAK,CAAA;iDAXpC,GAAA,EAAhB,EAEM,OAAA;;IAFsB,OAAM;IAA4B,OAAO,OAAO,EAAI,MAAK;QAChF,EAAI,MAAK,EAAA,GAAA,EAAA;GAeL,EAAA,cAAA,GAAA,EAAX,EAQM,OARN,GAQM,CAPJ,EAMiB,EAAA,EAAA,EAAA;IALf,MAAK;IACL,MAAK;IACJ,SAAK,AAAA,EAAA,aAAQ,EAAK,qBAAsB,EAAA,MAAE;;qBAE3B,CAAA,EAAA,EAAb,EAAA,WAAU,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/DoubleContourTemp.js

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

package/dist/components/DoubleContourTemp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleContourTemp.js","names":[],"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"],"mappings":";;;UAUO,OAAM,uBAAqB;;aAAhC,EAIM,OAJN,GAIM,CAHJ,EAEM,OAAA,EAAA,EAFO,EAAA,OAAM,CAAA,EAAA,CACjB,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,GAAA,CAAA,CAAA"}

package/dist/components/DoubleContourTemp.vue2.js

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

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

@@ -1 +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;"}
+{"version":3,"file":"DoubleContourTemp.vue_vue_type_script_lang.js","names":[],"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"],"mappings":"AAGA,IAAA,IAAe,EACb,cAAc,IACf"}

package/dist/components/DragAndDrop/DnDBasketChip.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DnDBasketChip.js","names":[],"sources":["../../../src/components/DragAndDrop/DnDBasketChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlIcon16 } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { ChipInfo } from './types.ts';\n\nconst props = defineProps<{\n  error: boolean;\n  info: ChipInfo;\n  sortable?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'close-chip', item: ChipInfo['id']): 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\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\"/>\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        class=\"dnd-basket-chip__icon-close\"\n        @click=\"closeChip\"\n      >\n        <PlIcon16 name=\"close\" @click=\"closeChip\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}