@platforma-sdk/ui-vue 1.44.15 → 1.45.5

package/dist/components/PlBtnExportArchive/PlBtnExportArchive.vue2.js

@@ -0,0 +1,154 @@
+import { defineComponent as W, reactive as O, computed as k, ref as V, createElementBlock as N, openBlock as f, Fragment as S, createVNode as x, createBlock as T, unref as z, withModifiers as $, normalizeClass as g, withCtx as R, renderSlot as A, Teleport as M, createCommentVNode as Z, createElementVNode as G, renderList as L } from "vue";
+import { useClickOutside as _, PlBtnGhost as j, PlIcon24 as J, PlIcon16 as K } from "@milaboratories/uikit";
+import { ZipWriter as Q } from "@zip.js/zip.js";
+import U from "./Item.vue.js";
+import { getFileNameFromHandle as X, ChunkedStreamReader as Y, getRawPlatformaInstance as ee } from "@platforma-sdk/model";
+import { uniqueId as te } from "../../lib/util/helpers/dist/strings.js";
+import se from "./Summary.vue.js";
+const ce = /* @__PURE__ */ W({
+  __name: "PlBtnExportArchive",
+  props: {
+    fileExports: {},
+    suggestedFileName: {},
+    disabled: { type: Boolean },
+    filePickerTypes: {},
+    strategy: {},
+    debugFn: { type: Function }
+  },
+  setup(B) {
+    const r = B, t = O({
+      loading: !1,
+      name: "",
+      exports: void 0,
+      showExports: !1
+    }), q = (e, s) => {
+      var o, y;
+      const a = (o = t.exports) == null ? void 0 : o.get(e);
+      a && ((y = t.exports) == null || y.set(e, { ...a, ...s }));
+    }, F = k(() => r.fileExports !== void 0 && !r.disabled), p = k(() => {
+      var e;
+      return Array.from(((e = t.exports) == null ? void 0 : e.values()) ?? []);
+    }), D = k(() => ({
+      fileName: t.name,
+      current: p.value.reduce((e, s) => e + s.current, 0),
+      size: p.value.reduce((e, s) => e + s.size, 0),
+      status: p.value.some((e) => e.status === "in-progress") ? "in-progress" : p.value.every((e) => e.status === "completed") ? "completed" : "pending",
+      hasErrors: p.value.some((e) => e.status === "error")
+    })), H = async () => {
+      var o;
+      if (t.loading) {
+        t.showExports = !0;
+        return;
+      }
+      if (!F.value || !r.fileExports)
+        return;
+      const e = `${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}_Export.zip`, s = [{
+        description: "ZIP files",
+        accept: {
+          "application/zip": [".zip"]
+        }
+      }], a = await window.showSaveFilePicker({
+        types: r.filePickerTypes || s,
+        suggestedName: r.suggestedFileName || e
+      });
+      t.loading = !0, t.name = a.name, t.showExports = !0, t.exports = /* @__PURE__ */ new Map();
+      try {
+        const y = await a.createWritable(), P = new Q(y, { keepOrder: !0, zip64: !0, bufferedWrite: !1 });
+        try {
+          const u = [];
+          for (const c of r.fileExports) {
+            const { importHandle: w, blobHandle: h, fileName: E } = c, d = E ?? X(w), { handle: m, size: n } = h, l = te();
+            (o = t.exports) == null || o.set(l, { fileName: d, current: 0, size: n, status: "pending" });
+            const v = Y.create({
+              fetchChunk: async ({ from: i, to: b }) => (r.debugFn && await r.debugFn(d), await ee().blobDriver.getContent(m, { from: i, to: b })),
+              totalSize: n,
+              onError: async (i) => (q(l, { status: "error", error: i }), await new Promise((b) => setTimeout(b, 1e3)), "continue")
+            });
+            u.push({ id: l, fileName: d, size: n, stream: v });
+          }
+          const I = async (c) => {
+            const { id: w, fileName: h, size: E, stream: d } = c, m = (n) => {
+              var v, i;
+              const l = (v = t.exports) == null ? void 0 : v.get(w);
+              l && ((i = t.exports) == null || i.set(w, { ...l, ...n }));
+            };
+            await P.add(h, d, {
+              bufferedWrite: !0,
+              onstart: () => {
+                m({ status: "in-progress" });
+              },
+              onprogress: (n) => {
+                m({ current: n, status: "in-progress" });
+              },
+              onend() {
+                m({ current: E, status: "completed" });
+              }
+            });
+          };
+          if (r.strategy === "parallel")
+            await Promise.all(u.map(I));
+          else
+            for (const c of u)
+              await I(c);
+        } finally {
+          await P.close().catch((u) => {
+            console.error("Error closing zip", u);
+          });
+        }
+      } finally {
+        t.loading = !1;
+      }
+    }, C = V();
+    return _([C], () => {
+      t.showExports = !1;
+    }), (e, s) => {
+      var a;
+      return f(), N(S, null, [
+        x(z(j), {
+          disabled: !F.value,
+          loading: t.loading,
+          class: g({ [e.$style["has-exports"]]: t.exports }),
+          onClick: $(H, ["stop"])
+        }, {
+          append: R(() => [
+            x(z(J), {
+              class: g(e.$style.icon),
+              name: "download"
+            }, null, 8, ["class"])
+          ]),
+          default: R(() => [
+            A(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["disabled", "loading", "class"]),
+        (f(), T(M, { to: "body" }, [
+          t.exports && t.showExports ? (f(), N("div", {
+            key: 0,
+            ref_key: "progressesRef",
+            ref: C,
+            class: g(e.$style.progresses)
+          }, [
+            x(z(K), {
+              class: g(e.$style.close),
+              name: "close",
+              onClick: s[0] || (s[0] = $((o) => t.showExports = !1, ["stop"]))
+            }, null, 8, ["class"]),
+            x(se, { item: D.value }, null, 8, ["item"]),
+            G("div", {
+              class: g([e.$style.itemsContainer, "pl-scrollable-y"])
+            }, [
+              (f(!0), N(S, null, L((a = t.exports) == null ? void 0 : a.values(), (o) => (f(), T(U, {
+                key: o.fileName,
+                item: o
+              }, null, 8, ["item"]))), 128))
+            ], 2)
+          ], 2)) : Z("", !0)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  ce as default
+};
+//# sourceMappingURL=PlBtnExportArchive.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnExportArchive.vue2.js","sources":["../../../src/components/PlBtnExportArchive/PlBtnExportArchive.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  PlBtnGhost,\n  PlIcon16,\n  PlIcon24,\n  useClickOutside,\n} from '@milaboratories/uikit';\nimport { ZipWriter } from '@zip.js/zip.js';\nimport { reactive, computed, ref } from 'vue';\nimport type { ExportItem, ExportsMap, FileExportEntry } from './types';\nimport Item from './Item.vue';\nimport { getFileNameFromHandle, ChunkedStreamReader } from '@platforma-sdk/model';\nimport { getRawPlatformaInstance } from '@platforma-sdk/model';\nimport { uniqueId } from '@milaboratories/helpers';\nimport Summary from './Summary.vue';\n\ntype FilePickerAcceptType = {\n  description?: string;\n  accept?: Record<string, string[]>;\n};\n\nconst props = defineProps<{\n  fileExports?: FileExportEntry[];\n  suggestedFileName?: string;\n  disabled?: boolean;\n  filePickerTypes?: FilePickerAcceptType[];\n  strategy?: 'parallel'; // default is sequential\n  debugFn?: (fileName: string) => Promise<void>;\n}>();\n\nconst defaultData = () => ({\n  loading: false,\n  name: '',\n  exports: undefined as ExportsMap | undefined,\n  showExports: false,\n});\n\nconst data = reactive(defaultData());\n\nconst updateExportsItem = (id: string, partial: Partial<ExportItem>) => {\n  const it = data.exports?.get(id);\n  if (it) {\n    data.exports?.set(id, { ...it, ...partial });\n  }\n};\n\nconst isReadyToExport = computed(() => {\n  return props.fileExports !== undefined && !props.disabled;\n});\n\nconst items = computed(() => {\n  return Array.from(data.exports?.values() ?? []);\n});\n\nconst archive = computed<ExportItem>(() => {\n  return {\n    fileName: data.name,\n    current: items.value.reduce((acc, item) => acc + item.current, 0),\n    size: items.value.reduce((acc, item) => acc + item.size, 0),\n    status: items.value.some((item) => item.status === 'in-progress') ? 'in-progress' : items.value.every((item) => item.status === 'completed') ? 'completed' : 'pending',\n    hasErrors: items.value.some((item) => item.status === 'error'),\n  };\n});\n\ntype ZipRequest = {\n  id: string;\n  fileName: string;\n  size: number;\n  stream: ReadableStream<Uint8Array>;\n};\n\nconst exportRawTsvs = async () => {\n  if (data.loading) {\n    data.showExports = true;\n    return;\n  }\n\n  if (!isReadyToExport.value || !props.fileExports) {\n    return;\n  }\n\n  const defaultFileName = `${new Date().toISOString().split('T')[0]}_Export.zip`;\n  const defaultTypes = [{\n    description: 'ZIP files',\n    accept: {\n      'application/zip': ['.zip'],\n    },\n  }];\n\n  // @ts-expect-error - type definition issue TODO: fix this\n  const newHandle = await window.showSaveFilePicker({\n    types: props.filePickerTypes || defaultTypes,\n    suggestedName: props.suggestedFileName || defaultFileName,\n  });\n\n  data.loading = true;\n  data.name = newHandle.name;\n  data.showExports = true;\n  data.exports = new Map();\n\n  try {\n    const writableStream = await newHandle.createWritable();\n    const zip = new ZipWriter(writableStream, { keepOrder: true, zip64: true, bufferedWrite: false });\n    try {\n      const requests = [] as ZipRequest[];\n\n      for (const entry of props.fileExports) {\n        const { importHandle, blobHandle, fileName: customFileName } = entry;\n        const fileName = customFileName ?? getFileNameFromHandle(importHandle);\n        const { handle, size } = blobHandle;\n\n        const id = uniqueId();\n\n        data.exports?.set(id, { fileName, current: 0, size, status: 'pending' });\n\n        const stream = ChunkedStreamReader.create({\n          fetchChunk: async ({ from, to }) => {\n            if (props.debugFn) {\n              await props.debugFn(fileName);\n            }\n\n            return await getRawPlatformaInstance().blobDriver.getContent(handle, { from, to });\n          },\n          totalSize: size,\n          onError: async (error) => {\n            updateExportsItem(id, { status: 'error', error });\n            await new Promise((resolve) => setTimeout(resolve, 1000)); // primitive for now\n            return 'continue';\n          },\n        });\n\n        // Create a chunked stream reader for efficient streaming\n        requests.push({ id, fileName, size, stream });\n      }\n\n      const processRequest = async (request: ZipRequest) => {\n        const { id, fileName, size, stream } = request;\n        const update = (partial: Partial<ExportItem>) => {\n          const it = data.exports?.get(id);\n          if (it) {\n            data.exports?.set(id, { ...it, ...partial });\n          }\n        };\n        await zip.add(fileName, stream, {\n          bufferedWrite: true,\n          onstart: () => {\n            update({ status: 'in-progress' });\n            return undefined;\n          },\n          onprogress: (current: number) => {\n            update({ current, status: 'in-progress' });\n            return undefined;\n          },\n          onend() {\n            update({ current: size, status: 'completed' });\n            return undefined;\n          },\n        });\n      };\n\n      if (props.strategy === 'parallel') {\n        await Promise.all(requests.map(processRequest));\n      } else {\n        for (const request of requests) {\n          await processRequest(request);\n        }\n      }\n    } finally {\n      await zip.close().catch((error) => {\n        console.error('Error closing zip', error);\n      });\n    }\n  } finally {\n    data.loading = false;\n  }\n};\n\nconst progressesRef = ref();\n\nuseClickOutside([progressesRef], () => {\n  data.showExports = false;\n});\n</script>\n\n<template>\n  <PlBtnGhost\n    :disabled=\"!isReadyToExport\" :loading=\"data.loading\" :class=\"{ [$style['has-exports']]: data.exports }\"\n    @click.stop=\"exportRawTsvs\"\n  >\n    <slot />\n    <template #append>\n      <PlIcon24 :class=\"$style.icon\" name=\"download\" />\n    </template>\n  </PlBtnGhost>\n  <Teleport to=\"body\">\n    <div v-if=\"data.exports && data.showExports\" ref=\"progressesRef\" :class=\"$style.progresses\">\n      <PlIcon16 :class=\"$style.close\" name=\"close\" @click.stop=\"data.showExports = false\" />\n      <Summary :item=\"archive\" />\n      <div :class=\"$style.itemsContainer\" class=\"pl-scrollable-y\">\n        <Item v-for=\"item in data.exports?.values()\" :key=\"item.fileName\" :item=\"item\" />\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style module>\n.progresses {\n  position: fixed;\n  top: 8px;\n  right: 8px;\n  width: 350px;\n  height: auto;\n  max-height: 400px;\n  overflow: auto;\n  background: rgba(0, 0, 0, 0.85);\n  border-radius: 8px;\n  padding: 20px 8px 8px 20px;\n  color: white;\n  font-size: 12px;\n  font-weight: 600;\n  z-index: 1000;\n\n  .itemsContainer {\n    max-height: 300px;\n  }\n\n  .close {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    cursor: pointer;\n    --icon-color: white;\n  }\n}\n</style>\n"],"names":["props","__props","data","reactive","updateExportsItem","id","partial","it","_a","_b","isReadyToExport","computed","items","archive","acc","item","exportRawTsvs","defaultFileName","defaultTypes","newHandle","writableStream","zip","ZipWriter","requests","entry","importHandle","blobHandle","customFileName","fileName","getFileNameFromHandle","handle","size","uniqueId","stream","ChunkedStreamReader","from","to","getRawPlatformaInstance","error","resolve","processRequest","request","update","current","progressesRef","ref","useClickOutside"],"mappings":"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"}

package/dist/components/PlBtnExportArchive/PlBtnExportArchive.vue3.js

@@ -0,0 +1,13 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._progresses_h5njb_2{position:fixed;top:8px;right:8px;width:350px;height:auto;max-height:400px;overflow:auto;background:#000000d9;border-radius:8px;padding:20px 8px 8px 20px;color:#fff;font-size:12px;font-weight:600;z-index:1000}._progresses_h5njb_2 ._itemsContainer_h5njb_18{max-height:300px}._progresses_h5njb_2 ._close_h5njb_22{position:absolute;top:8px;right:8px;cursor:pointer;--icon-color: white}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+const s = "_progresses_h5njb_2", e = "_itemsContainer_h5njb_18", o = "_close_h5njb_22", n = {
+  progresses: s,
+  itemsContainer: e,
+  close: o
+};
+export {
+  o as close,
+  n as default,
+  e as itemsContainer,
+  s as progresses
+};
+//# sourceMappingURL=PlBtnExportArchive.vue3.js.map

package/dist/components/PlBtnExportArchive/PlBtnExportArchive.vue3.js.map

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

package/dist/components/PlBtnExportArchive/Summary.vue.d.ts

@@ -0,0 +1,10 @@
+import { ExportItem } from './types';
+type __VLS_Props = {
+    item: ExportItem;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/PlBtnExportArchive/Summary.vue.js

@@ -0,0 +1,10 @@
+import s from "./Summary.vue2.js";
+import o from "./Summary.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", m]]);
+export {
+  f as default
+};
+//# sourceMappingURL=Summary.vue.js.map

package/dist/components/PlBtnExportArchive/Summary.vue.js.map

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

package/dist/components/PlBtnExportArchive/Summary.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as p, createElementBlock as i, openBlock as n, normalizeClass as s, createElementVNode as t, createTextVNode as o, createCommentVNode as d, toDisplayString as m, unref as a } from "vue";
+import { prettyBytes as r } from "../../lib/util/helpers/dist/prettyBytes.js";
+const v = /* @__PURE__ */ p({
+  __name: "Summary",
+  props: {
+    item: {}
+  },
+  emits: ["cancel"],
+  setup(u, { emit: y }) {
+    return (e, l) => (n(), i("div", {
+      class: s(e.$style.summary)
+    }, [
+      t("div", {
+        class: s(e.$style.name)
+      }, [
+        o(m(e.item.fileName), 1),
+        d("", !0)
+      ], 2),
+      e.item.status === "in-progress" ? (n(), i("div", {
+        key: 0,
+        class: s(e.$style.details)
+      }, [
+        t("span", null, m(a(r)(e.item.current, {})), 1),
+        l[1] || (l[1] = t("span", null, "/", -1)),
+        t("span", null, m(a(r)(e.item.size, {})), 1)
+      ], 2)) : e.item.status === "completed" ? (n(), i("div", {
+        key: 1,
+        class: s(e.$style.details)
+      }, [
+        l[2] || (l[2] = o(" Done ")),
+        t("span", null, m(a(r)(e.item.size, {})), 1)
+      ], 2)) : (n(), i("div", {
+        key: 2,
+        class: s(e.$style.details)
+      }, " Pending ", 2))
+    ], 2));
+  }
+});
+export {
+  v as default
+};
+//# sourceMappingURL=Summary.vue2.js.map

package/dist/components/PlBtnExportArchive/Summary.vue2.js.map

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

package/dist/components/PlBtnExportArchive/Summary.vue3.js

@@ -0,0 +1,13 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._summary_s5gm9_2{display:flex;flex-direction:column;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;--name-font-size: 14px;--details-font-size: 12px}._name_s5gm9_12{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--name-font-size);font-weight:600}._details_s5gm9_19{font-size:var(--details-font-size);font-weight:400;color:#fff9}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+const s = "_summary_s5gm9_2", m = "_name_s5gm9_12", a = "_details_s5gm9_19", t = {
+  summary: s,
+  name: m,
+  details: a
+};
+export {
+  t as default,
+  a as details,
+  m as name,
+  s as summary
+};
+//# sourceMappingURL=Summary.vue3.js.map

package/dist/components/PlBtnExportArchive/Summary.vue3.js.map

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

package/dist/components/PlBtnExportArchive/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PlBtnExportArchive } from './PlBtnExportArchive.vue';
+export type { FileExportEntry } from './types';

package/dist/components/PlBtnExportArchive/types.d.ts

@@ -0,0 +1,14 @@
+import { ImportFileHandle, RemoteBlobHandleAndSize } from '@platforma-sdk/model';
+export type FileExportEntry = {
+    importHandle: ImportFileHandle;
+    blobHandle: RemoteBlobHandleAndSize;
+    fileName?: string;
+};
+export type ExportItem = {
+    fileName: string;
+    current: number;
+    size: number;
+    status: 'pending' | 'in-progress' | 'completed' | 'error';
+    error?: unknown;
+};
+export type ExportsMap = Map<string, ExportItem>;

package/dist/index.js

@@ -5,17 +5,17 @@
 .pl-ag-chart-stacked-bar-cell{height:100%;display:flex;flex-direction:row;align-items:center}.pl-ag-chart-stacked-bar-cell__not-ready{color:var(--txt-03)!important}`)),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 
 import { default as m } from "./components/BlockLayout.vue.js";
-import { default as u, default as p } from "./components/PlAgDataTable/PlAgDataTableV2.vue.js";
+import { default as p, default as u } from "./components/PlAgDataTable/PlAgDataTableV2.vue.js";
 import { default as i } from "./components/PlAgDataTable/PlAgOverlayLoading.vue.js";
 import { default as x } from "./components/PlAgDataTable/PlAgOverlayNoRows.vue.js";
 
 import { default as A } from "./components/ValueOrErrorsComponent.vue.js";
-import { useAgGridOptions as P } from "./AgGridVue/useAgGridOptions.js";
+import { useAgGridOptions as C } from "./AgGridVue/useAgGridOptions.js";
 import { createAgGridColDef as b } from "./AgGridVue/createAgGridColDef.js";
 import { deselectAll as w, getSelectedRowsCount as R, getTotalRowsCount as S, isSelectionEnabled as T, selectAll as D } from "./AgGridVue/selection.js";
-import { default as M } from "./components/PlAgColumnHeader/PlAgColumnHeader.vue.js";
-import { default as v } from "./components/PlAgCellFile/PlAgCellFile.vue.js";
-import { default as N } from "./components/PlAgCellProgress/PlAgCellProgress.vue.js";
+import { default as v } from "./components/PlAgColumnHeader/PlAgColumnHeader.vue.js";
+import { default as O } from "./components/PlAgCellFile/PlAgCellFile.vue.js";
+import { default as G } from "./components/PlAgCellProgress/PlAgCellProgress.vue.js";
 import { default as k } from "./components/PlAgCellStatusTag/PlAgCellStatusTag.vue.js";
 
 import { default as B } from "./components/PlAgChartHistogramCell/PlAgChartHistogramCell.vue.js";
@@ -31,67 +31,71 @@ import { default as $ } from "./components/PlAgTextAndButtonCell/PlAgTextAndButt
 import { default as re } from "./components/PlAgGridColumnManager/PlAgGridColumnManager.vue.js";
 import { default as te } from "./components/PlTableFilters/PlTableFiltersV2.vue.js";
 import { default as ae } from "./components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue.js";
-import { default as me } from "./components/PlAnnotations/components/PlAnnotationsModal.vue.js";
-import { defineApp as ue, useSdkPlugin as pe } from "./defineApp.js";
-import { createModel as ie } from "./createModel.js";
-import { defineStore as xe } from "./defineStore.js";
-import { AgGridTheme as Ae, activateAgGrid as Ce } from "./aggrid.js";
-import { MultiError as ce, UnresolvedError as be, ensureError as Ee, formatZodError as we, identity as Re, isDefined as Se, isZodError as Te, unwrapValueOrErrors as De, wrapOptionalResult as Ve, wrapValueOrErrors as Me } from "./utils.js";
-import { objectHash as ve } from "./objectHash.js";
-import { computedResult as Ne } from "./computedResult.js";
-import { ReactiveFileContent as ke } from "./composition/fileContent.js";
+import { default as me } from "./components/PlAnnotations/components/PlAnnotations.vue.js";
+import { default as pe } from "./components/PlAnnotations/components/PlAnnotationsModal.vue.js";
+import { default as de } from "./components/PlBtnExportArchive/PlBtnExportArchive.vue.js";
+import { defineApp as ne, useSdkPlugin as xe } from "./defineApp.js";
+import { createModel as Ae } from "./createModel.js";
+import { defineStore as Ce } from "./defineStore.js";
+import { AgGridTheme as be, activateAgGrid as Ee } from "./aggrid.js";
+import { MultiError as Re, UnresolvedError as Se, ensureError as Te, formatZodError as De, identity as Ve, isDefined as ve, isZodError as Me, unwrapValueOrErrors as Oe, wrapOptionalResult as he, wrapValueOrErrors as Ge } from "./utils.js";
+import { objectHash as ke } from "./objectHash.js";
+import { computedResult as Be } from "./computedResult.js";
+import { ReactiveFileContent as He } from "./composition/fileContent.js";
 export * from "@milaboratories/uikit";
 export {
-  Ae as AgGridTheme,
+  be as AgGridTheme,
   m as BlockLayout,
   J as DeferredCircular,
-  ce as MultiError,
-  v as PlAgCellFile,
-  N as PlAgCellProgress,
+  Re as MultiError,
+  O as PlAgCellFile,
+  G as PlAgCellProgress,
   k as PlAgCellStatusTag,
   B as PlAgChartHistogramCell,
   H as PlAgChartStackedBarCell,
-  M as PlAgColumnHeader,
+  v as PlAgColumnHeader,
   Y as PlAgCsvExporter,
   j as PlAgDataTableRowNumberColId,
-  u as PlAgDataTableV2,
+  p as PlAgDataTableV2,
   re as PlAgGridColumnManager,
   i as PlAgOverlayLoading,
   x as PlAgOverlayNoRows,
   $ as PlAgTextAndButtonCell,
-  me as PlAnnotationsModal,
-  p as PlDataTableV2,
+  me as PlAnnotations,
+  pe as PlAnnotationsModal,
+  de as PlBtnExportArchive,
+  u as PlDataTableV2,
   ae as PlMultiSequenceAlignment,
   te as PlTableFiltersV2,
-  ke as ReactiveFileContent,
-  be as UnresolvedError,
+  He as ReactiveFileContent,
+  Se as UnresolvedError,
   A as ValueOrErrorsComponent,
-  Ce as activateAgGrid,
+  Ee as activateAgGrid,
   q as autoSizeRowNumberColumn,
-  Ne as computedResult,
+  Be as computedResult,
   b as createAgGridColDef,
-  ie as createModel,
+  Ae as createModel,
   W as defaultMainMenuItems,
-  ue as defineApp,
-  xe as defineStore,
+  ne as defineApp,
+  Ce as defineStore,
   w as deselectAll,
-  Ee as ensureError,
+  Te as ensureError,
   K as ensureNodeVisible,
-  we as formatZodError,
+  De as formatZodError,
   R as getSelectedRowsCount,
   S as getTotalRowsCount,
-  Re as identity,
-  Se as isDefined,
+  Ve as identity,
+  ve as isDefined,
   T as isSelectionEnabled,
-  Te as isZodError,
+  Me as isZodError,
   z as makeRowNumberColDef,
-  ve as objectHash,
+  ke as objectHash,
   D as selectAll,
-  De as unwrapValueOrErrors,
-  P as useAgGridOptions,
+  Oe as unwrapValueOrErrors,
+  C as useAgGridOptions,
   L as usePlDataTableSettingsV2,
-  pe as useSdkPlugin,
-  Ve as wrapOptionalResult,
-  Me as wrapValueOrErrors
+  xe as useSdkPlugin,
+  he as wrapOptionalResult,
+  Ge as wrapValueOrErrors
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/lib/util/helpers/dist/prettyBytes.js

@@ -0,0 +1,68 @@
+const f = [
+  "B",
+  "kB",
+  "MB",
+  "GB",
+  "TB",
+  "PB",
+  "EB",
+  "ZB",
+  "YB"
+], o = [
+  "B",
+  "kiB",
+  "MiB",
+  "GiB",
+  "TiB",
+  "PiB",
+  "EiB",
+  "ZiB",
+  "YiB"
+], b = [
+  "b",
+  "kbit",
+  "Mbit",
+  "Gbit",
+  "Tbit",
+  "Pbit",
+  "Ebit",
+  "Zbit",
+  "Ybit"
+], T = [
+  "b",
+  "kibit",
+  "Mibit",
+  "Gibit",
+  "Tibit",
+  "Pibit",
+  "Eibit",
+  "Zibit",
+  "Yibit"
+], n = (i, t) => {
+  let B = String(i);
+  return typeof t == "string" || Array.isArray(t) ? B = i.toLocaleString(t) : t === !0 && (B = i.toLocaleString(void 0)), B;
+};
+function y(i, t) {
+  if (i = typeof i == "bigint" ? Number(i) : i, !Number.isFinite(i))
+    throw new TypeError(`Expected a finite number, got ${typeof i}: ${i}`);
+  Object.assign({
+    bits: !1,
+    binary: !1
+  }, t);
+  const B = t.bits ? t.binary ? T : b : t.binary ? o : f;
+  if (t.signed && i === 0)
+    return ` 0 ${B[0]}`;
+  const e = i < 0, r = e ? "-" : t.signed ? "+" : "";
+  if (e && (i = -i), i < 1) {
+    const g = n(i, t.locale);
+    return r + g + " " + B[0];
+  }
+  const a = Math.min(Math.floor(t.binary ? Math.log(i) / Math.log(1024) : Math.log10(i) / 3), B.length - 1);
+  i /= (t.binary ? 1024 : 1e3) ** a, i = Number(i.toPrecision(3));
+  const s = n(Number(i), t.locale), c = B[a];
+  return r + s + " " + c;
+}
+export {
+  y as prettyBytes
+};
+//# sourceMappingURL=prettyBytes.js.map

package/dist/lib/util/helpers/dist/prettyBytes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettyBytes.js","sources":["../../../../../../../lib/util/helpers/src/prettyBytes.ts"],"sourcesContent":["const BYTE_UNITS = [\n  'B',\n  'kB',\n  'MB',\n  'GB',\n  'TB',\n  'PB',\n  'EB',\n  'ZB',\n  'YB',\n];\n\nconst BIBYTE_UNITS = [\n  'B',\n  'kiB',\n  'MiB',\n  'GiB',\n  'TiB',\n  'PiB',\n  'EiB',\n  'ZiB',\n  'YiB',\n];\n\nconst BIT_UNITS = [\n  'b',\n  'kbit',\n  'Mbit',\n  'Gbit',\n  'Tbit',\n  'Pbit',\n  'Ebit',\n  'Zbit',\n  'Ybit',\n];\n\nconst BIBIT_UNITS = [\n  'b',\n  'kibit',\n  'Mibit',\n  'Gibit',\n  'Tibit',\n  'Pibit',\n  'Eibit',\n  'Zibit',\n  'Yibit',\n];\n\ntype Options = {\n  bits?: boolean;\n  binary?: boolean;\n  signed?: boolean;\n  locale?: string;\n};\n\n/*\nFormats the given number using `Number#toLocaleString`.\n- If locale is a string, the value is expected to be a locale-key (for example: `de`).\n- If locale is true, the system default locale is used for translation.\n- If no value for locale is specified, the number is returned unmodified.\n*/\nconst toLocaleString = (number: number, locale: string | undefined) => {\n  let result = String(number);\n  if (typeof locale === 'string' || Array.isArray(locale)) {\n    result = number.toLocaleString(locale);\n  } else if (locale === true) {\n    result = number.toLocaleString(undefined);\n  }\n\n  return result;\n};\n\nexport function prettyBytes(number: number | bigint, options: Options) {\n  number = typeof number === 'bigint' ? Number(number) : number;\n\n  if (!Number.isFinite(number)) {\n    throw new TypeError(`Expected a finite number, got ${typeof number}: ${number}`);\n  }\n\n  Object.assign({\n    bits: false,\n    binary: false,\n  }, options);\n\n  const UNITS = options.bits\n    ? (options.binary ? BIBIT_UNITS : BIT_UNITS)\n    : (options.binary ? BIBYTE_UNITS : BYTE_UNITS);\n\n  if (options.signed && number === 0) {\n    return ` 0 ${UNITS[0]}`;\n  }\n\n  const isNegative = number < 0;\n  const prefix = isNegative ? '-' : (options.signed ? '+' : '');\n\n  if (isNegative) {\n    number = -number;\n  }\n\n  let localeOptions;\n\n  if (number < 1) {\n    const numberString = toLocaleString(number, options.locale);\n    return prefix + numberString + ' ' + UNITS[0];\n  }\n\n  const exponent = Math.min(Math.floor(options.binary ? Math.log(number) / Math.log(1024) : Math.log10(number) / 3), UNITS.length - 1);\n  number /= (options.binary ? 1024 : 1000) ** exponent;\n\n  if (!localeOptions) {\n    number = Number(number.toPrecision(3));\n  }\n\n  const numberString = toLocaleString(Number(number), options.locale);\n\n  const unit = UNITS[exponent];\n\n  return prefix + numberString + ' ' + unit;\n}\n"],"names":["BYTE_UNITS","BIBYTE_UNITS","BIT_UNITS","BIBIT_UNITS","toLocaleString","number","locale","result","prettyBytes","options","UNITS","isNegative","prefix","numberString","exponent","unit"],"mappings":"AAAA,MAAMA,IAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAEKC,IAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAEKC,IAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAEKC,IAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAeKC,IAAiB,CAACC,GAAgBC,MAA8B;AACpE,MAAIC,IAAS,OAAOF,CAAM;AAC1B,SAAI,OAAOC,KAAW,YAAY,MAAM,QAAQA,CAAM,IACpDC,IAASF,EAAO,eAAeC,CAAM,IAC5BA,MAAW,OACpBC,IAASF,EAAO,eAAe,MAAS,IAGnCE;AACT;AAEM,SAAUC,EAAYH,GAAyBI,GAAgB;AAGnE,MAFAJ,IAAS,OAAOA,KAAW,WAAW,OAAOA,CAAM,IAAIA,GAEnD,CAAC,OAAO,SAASA,CAAM;AACzB,UAAM,IAAI,UAAU,iCAAiC,OAAOA,CAAM,KAAKA,CAAM,EAAE;AAGjF,SAAO,OAAO;AAAA,IACZ,MAAM;AAAA,IACN,QAAQ;AAAA,EACT,GAAEI,CAAO;AAEV,QAAMC,IAAQD,EAAQ,OACjBA,EAAQ,SAASN,IAAcD,IAC/BO,EAAQ,SAASR,IAAeD;AAErC,MAAIS,EAAQ,UAAUJ,MAAW;AAC/B,WAAO,MAAMK,EAAM,CAAC,CAAC;AAGvB,QAAMC,IAAaN,IAAS,GACtBO,IAASD,IAAa,MAAOF,EAAQ,SAAS,MAAM;AAQ1D,MANIE,MACFN,IAAS,CAACA,IAKRA,IAAS,GAAG;AACd,UAAMQ,IAAeT,EAAeC,GAAQI,EAAQ,MAAM;AAC1D,WAAOG,IAASC,IAAe,MAAMH,EAAM,CAAC;AAAA,EAC9C;AAEA,QAAMI,IAAW,KAAK,IAAI,KAAK,MAAML,EAAQ,SAAS,KAAK,IAAIJ,CAAM,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,MAAMA,CAAM,IAAI,CAAC,GAAGK,EAAM,SAAS,CAAC;AACnI,EAAAL,MAAWI,EAAQ,SAAS,OAAO,QAASK,GAG1CT,IAAS,OAAOA,EAAO,YAAY,CAAC,CAAC;AAGvC,QAAMQ,IAAeT,EAAe,OAAOC,CAAM,GAAGI,EAAQ,MAAM,GAE5DM,IAAOL,EAAMI,CAAQ;AAE3B,SAAOF,IAASC,IAAe,MAAME;AACvC;"}

package/dist/lib.d.ts

@@ -18,6 +18,7 @@ export * from './components/PlAgGridColumnManager';
 export * from './components/PlTableFilters';
 export * from './components/PlMultiSequenceAlignment';
 export * from './components/PlAnnotations';
+export * from './components/PlBtnExportArchive';
 export * from './defineApp';
 export * from './createModel';
 export * from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.44.15",
+  "version": "1.45.5",
   "type": "module",
   "main": "dist/index.js",
   "styles": "dist/index.js",
@@ -25,9 +25,11 @@
     "@vueuse/integrations": "^13.3.0",
     "d3-format": "^3.1.0",
     "zod": "~3.23.8",
+    "@zip.js/zip.js": "^2.8.2",
     "@milaboratories/biowasm-tools": "2.0.0",
-    "@milaboratories/uikit": "2.4.30",
-    "@platforma-sdk/model": "1.44.14"
+    "@milaboratories/ptabler-expression-js": "1.1.0",
+    "@milaboratories/uikit": "2.5.0",
+    "@platforma-sdk/model": "1.45.0"
   },
   "devDependencies": {
     "happy-dom": "^15.11.7",
@@ -44,8 +46,8 @@
     "@faker-js/faker": "^9.2.0",
     "@milaboratories/ts-configs": "1.0.6",
     "@milaboratories/build-configs": "1.0.8",
-    "@milaboratories/ts-builder": "1.0.5",
     "@milaboratories/helpers": "1.12.0",
+    "@milaboratories/ts-builder": "1.0.5",
     "@milaboratories/eslint-config": "1.0.4"
   },
   "scripts": {

package/src/components/PlAgCsvExporter/export-csv.ts

@@ -36,6 +36,7 @@ export async function exportCsv(gridApi: GridApi, completed: () => void) {
         return completed();
       }
 
+      let exportStarted = false;
       const gridDiv = createGridDiv();
       const gridOptions: GridOptions = {
         rowModelType: 'serverSide',
@@ -51,7 +52,12 @@ export async function exportCsv(gridApi: GridApi, completed: () => void) {
         cacheBlockSize: state[0].rowCount,
         onModelUpdated: (event) => {
           const state = event.api.getServerSideGroupLevelState();
-          if (state.length > 0 && state[0].rowCount === state[0].cacheBlockSize) {
+          if (
+            !exportStarted
+            && state.length > 0
+            && state[0].rowCount === state[0].cacheBlockSize
+          ) {
+            exportStarted = true;
             event.api.exportDataAsCsv();
             destroyGridDiv(gridDiv);
             return completed();
@@ -67,4 +73,4 @@ export async function exportCsv(gridApi: GridApi, completed: () => void) {
       throw Error(`exportCsv unsupported for rowModelType = ${rowModel}`);
     }
   }
-};
+}

package/src/components/PlAnnotations/components/AnnotationsSidebar.vue

@@ -7,10 +7,10 @@ import {
   PlElementList,
   PlSidebarItem,
 } from '@milaboratories/uikit';
-import type { AnnotationScriptUi } from '@platforma-sdk/model';
+import type { Annotation } from '../types';
 
 // Models
-const annotation = defineModel<AnnotationScriptUi>('annotation', { required: true });
+const annotation = defineModel<Annotation>('annotation', { required: true });
 const selectedStepId = defineModel<undefined | number>('selectedStepId');
 // Emits
 const emits = defineEmits<{