@platforma-sdk/ui-vue 1.58.5 → 1.58.9

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlBtnExportArchive.vue2.js","sources":["../../../src/components/PlBtnExportArchive/PlBtnExportArchive.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnGhost, PlIcon16, PlIcon24, useClickOutside } 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\")\n      ? \"in-progress\"\n      : items.value.every((item) => item.status === \"completed\")\n        ? \"completed\"\n        : \"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    {\n      description: \"ZIP files\",\n      accept: {\n        \"application/zip\": [\".zip\"],\n      },\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, {\n      keepOrder: true,\n      zip64: true,\n      bufferedWrite: false,\n    });\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\"\n    :loading=\"data.loading\"\n    :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","_createVNode","_unref","PlBtnGhost","_normalizeClass","$style","PlIcon24","_renderSlot","_ctx","_createBlock","_Teleport","_createElementBlock","PlIcon16","_cache","_withModifiers","$event","Summary","_createElementVNode","_openBlock","_Fragment","Item"],"mappings":"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"}
+{"version":3,"file":"PlBtnExportArchive.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlBtnExportArchive/PlBtnExportArchive.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnGhost, PlIcon16, PlIcon24, useClickOutside } 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\")\n      ? \"in-progress\"\n      : items.value.every((item) => item.status === \"completed\")\n        ? \"completed\"\n        : \"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    {\n      description: \"ZIP files\",\n      accept: {\n        \"application/zip\": [\".zip\"],\n      },\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, {\n      keepOrder: true,\n      zip64: true,\n      bufferedWrite: false,\n    });\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\"\n    :loading=\"data.loading\"\n    :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"],"mappings":"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"}

package/dist/components/PlBtnExportArchive/Summary.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.js","names":[],"sources":["../../../src/components/PlBtnExportArchive/Summary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ExportItem } from \"./types\";\nimport { prettyBytes } from \"@milaboratories/helpers\";\n\ndefineProps<{\n  item: ExportItem;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.summary\">\n    <div :class=\"$style.name\">\n      {{ item.fileName }}<span v-if=\"false\" @click.stop=\"emit('cancel')\">[TODO: Cancel]</span>\n    </div>\n    <div v-if=\"item.status === 'in-progress'\" :class=\"$style.details\">\n      <span>{{ prettyBytes(item.current, {}) }}</span>\n      <span>/</span>\n      <span>{{ prettyBytes(item.size, {}) }}</span>\n    </div>\n    <div v-else-if=\"item.status === 'completed'\" :class=\"$style.details\">\n      Done <span>{{ prettyBytes(item.size, {}) }}</span>\n    </div>\n    <div v-else :class=\"$style.details\">Pending</div>\n  </div>\n</template>\n\n<style module>\n.summary {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  padding-bottom: 8px;\n  --name-font-size: 14px;\n  --details-font-size: 12px;\n}\n\n.name {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: var(--name-font-size);\n  font-weight: 600;\n}\n.details {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,8 @@
+import './Summary.vue.css';var e = {
+	summary: "_summary_s5gm9_2",
+	name: "_name_s5gm9_12",
+	details: "_details_s5gm9_19"
+};
+export { e as default };
+
+//# sourceMappingURL=Summary.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlBtnExportArchive/Summary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ExportItem } from \"./types\";\nimport { prettyBytes } from \"@milaboratories/helpers\";\n\ndefineProps<{\n  item: ExportItem;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.summary\">\n    <div :class=\"$style.name\">\n      {{ item.fileName }}<span v-if=\"false\" @click.stop=\"emit('cancel')\">[TODO: Cancel]</span>\n    </div>\n    <div v-if=\"item.status === 'in-progress'\" :class=\"$style.details\">\n      <span>{{ prettyBytes(item.current, {}) }}</span>\n      <span>/</span>\n      <span>{{ prettyBytes(item.size, {}) }}</span>\n    </div>\n    <div v-else-if=\"item.status === 'completed'\" :class=\"$style.details\">\n      Done <span>{{ prettyBytes(item.size, {}) }}</span>\n    </div>\n    <div v-else :class=\"$style.details\">Pending</div>\n  </div>\n</template>\n\n<style module>\n.summary {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  padding-bottom: 8px;\n  --name-font-size: 14px;\n  --details-font-size: 12px;\n}\n\n.name {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: var(--name-font-size);\n  font-weight: 600;\n}\n.details {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1 @@
+._summary_s5gm9_2{--name-font-size:14px;--details-font-size:12px;border-bottom:1px solid #ffffff1a;flex-direction:column;margin-bottom:8px;padding-bottom:8px;display:flex}._name_s5gm9_12{white-space:nowrap;text-overflow:ellipsis;font-size:var(--name-font-size);font-weight:600;overflow:hidden}._details_s5gm9_19{font-size:var(--details-font-size);color:#fff9;font-weight:400}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Summary.vue2.js","sources":["../../../src/components/PlBtnExportArchive/Summary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ExportItem } from \"./types\";\nimport { prettyBytes } from \"@milaboratories/helpers\";\n\ndefineProps<{\n  item: ExportItem;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.summary\">\n    <div :class=\"$style.name\">\n      {{ item.fileName }}<span v-if=\"false\" @click.stop=\"emit('cancel')\">[TODO: Cancel]</span>\n    </div>\n    <div v-if=\"item.status === 'in-progress'\" :class=\"$style.details\">\n      <span>{{ prettyBytes(item.current, {}) }}</span>\n      <span>/</span>\n      <span>{{ prettyBytes(item.size, {}) }}</span>\n    </div>\n    <div v-else-if=\"item.status === 'completed'\" :class=\"$style.details\">\n      Done <span>{{ prettyBytes(item.size, {}) }}</span>\n    </div>\n    <div v-else :class=\"$style.details\">Pending</div>\n  </div>\n</template>\n\n<style module>\n.summary {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  padding-bottom: 8px;\n  --name-font-size: 14px;\n  --details-font-size: 12px;\n}\n\n.name {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: var(--name-font-size);\n  font-weight: 600;\n}\n.details {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_createElementVNode","_createTextVNode","_toDisplayString","__props","_unref","prettyBytes","_cache"],"mappings":";;;;;;;;;2BAcEA,EAaM,OAAA;AAAA,MAbA,OAAKC,EAAEC,EAAAA,OAAO,OAAO;AAAA,IAAA;MACzBC,EAEM,OAAA;AAAA,QAFA,OAAKF,EAAEC,EAAAA,OAAO,IAAI;AAAA,MAAA;QACnBE,EAAAC,EAAAC,EAAA,KAAK,QAAQ,GAAA,CAAA;AAAA;;MAEPA,EAAA,KAAK,WAAM,sBAAtBN,EAIM,OAAA;AAAA;QAJqC,OAAKC,EAAEC,EAAAA,OAAO,OAAO;AAAA,MAAA;QAC9DC,EAAgD,QAAA,MAAAE,EAAvCE,EAAAC,CAAA,EAAYF,EAAA,KAAK,SAAO,EAAA,CAAA,GAAA,CAAA;AAAA,QACjCG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAN,EAAc,cAAR,KAAC,EAAA;AAAA,QACPA,EAA6C,QAAA,MAAAE,EAApCE,EAAAC,CAAA,EAAYF,EAAA,KAAK,MAAI,CAAA,CAAA,CAAA,GAAA,CAAA;AAAA,MAAA,SAEhBA,EAAA,KAAK,WAAM,oBAA3BN,EAEM,OAAA;AAAA;QAFwC,OAAKC,EAAEC,EAAAA,OAAO,OAAO;AAAA,MAAA;0BAAE,UAC9D,EAAA;AAAA,QAAAC,EAA6C,QAAA,MAAAE,EAApCE,EAAAC,CAAA,EAAYF,EAAA,KAAK,MAAI,CAAA,CAAA,CAAA,GAAA,CAAA;AAAA,MAAA,eAErCN,EAAiD,OAAA;AAAA;QAApC,OAAKC,EAAEC,EAAAA,OAAO,OAAO;AAAA,MAAA,GAAE,WAAO,CAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"Summary.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlBtnExportArchive/Summary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ExportItem } from \"./types\";\nimport { prettyBytes } from \"@milaboratories/helpers\";\n\ndefineProps<{\n  item: ExportItem;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.summary\">\n    <div :class=\"$style.name\">\n      {{ item.fileName }}<span v-if=\"false\" @click.stop=\"emit('cancel')\">[TODO: Cancel]</span>\n    </div>\n    <div v-if=\"item.status === 'in-progress'\" :class=\"$style.details\">\n      <span>{{ prettyBytes(item.current, {}) }}</span>\n      <span>/</span>\n      <span>{{ prettyBytes(item.size, {}) }}</span>\n    </div>\n    <div v-else-if=\"item.status === 'completed'\" :class=\"$style.details\">\n      Done <span>{{ prettyBytes(item.size, {}) }}</span>\n    </div>\n    <div v-else :class=\"$style.details\">Pending</div>\n  </div>\n</template>\n\n<style module>\n.summary {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  padding-bottom: 8px;\n  --name-font-size: 14px;\n  --details-font-size: 12px;\n}\n\n.name {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: var(--name-font-size);\n  font-weight: 600;\n}\n.details {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n}\n</style>\n"],"mappings":";;;;;;;;yBAcE,EAaM,OAAA,EAbA,OAAK,EAAEA,EAAAA,OAAO,QAAO,EAAA,EAAA,CACzB,EAEM,OAAA,EAFA,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAA,CAAA,EAAA,EACnB,EAAA,KAAK,SAAQ,EAAA,EAAA,EAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAEP,EAAA,KAAK,WAAM,iBAAA,GAAA,EAAtB,EAIM,OAAA;;GAJqC,OAAK,EAAEA,EAAAA,OAAO,QAAO;;GAC9D,EAAgD,QAAA,MAAA,EAAvC,EAAA,EAAW,CAAC,EAAA,KAAK,SAAO,EAAA,CAAA,CAAA,EAAA,EAAA;YACjC,EAAc,QAAA,MAAR,KAAC,GAAA;GACP,EAA6C,QAAA,MAAA,EAApC,EAAA,EAAW,CAAC,EAAA,KAAK,MAAI,EAAA,CAAA,CAAA,EAAA,EAAA;WAEhB,EAAA,KAAK,WAAM,eAAA,GAAA,EAA3B,EAEM,OAAA;;GAFwC,OAAK,EAAEA,EAAAA,OAAO,QAAO;iBAAE,UAC9D,GAAA,EAAA,EAA6C,QAAA,MAAA,EAApC,EAAA,EAAW,CAAC,EAAA,KAAK,MAAI,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAErC,EAAiD,OAAA;;GAApC,OAAK,EAAEA,EAAAA,OAAO,QAAO;KAAE,WAAO,EAAA,EAAA,EAAA,EAAA"}

package/dist/components/PlTableFastSearch/PlTableFastSearch.js

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

package/dist/components/PlTableFastSearch/PlTableFastSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlTableFastSearch.js","names":[],"sources":["../../../src/components/PlTableFastSearch/PlTableFastSearch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlSearchField } from \"@milaboratories/uikit\";\n\nconst model = defineModel<string>({ required: true });\n</script>\n\n<template>\n  <PlSearchField v-model=\"model\" clearable placeholder=\"Search...\">\n    <template #helper>\n      <b>How table search works:</b>\n      <br />\n      <ul>\n        <li>\n          <b>Exact match only.</b><br />\n          No partials, wildcards, ranges, or regex.\n        </li>\n        <li>\n          <b>Scope:</b> Searches all visible columns. To include a column, make it visible in\n          Columns.\n        </li>\n        <li>\n          <b>Text columns:</b> Exact string equality. Characters must match exactly (including case,\n          spaces, and punctuation).\n        </li>\n        <li>\n          <b>Number columns:</b> Exact numeric equality. 71 matches 71 and 71.0; it does not match\n          715 or 0.71/0.85.\n        </li>\n      </ul>\n      <b>Examples:</b>\n      <br />\n      <ul>\n        <li>CASSLDRGTEAFF → shows rows where any visible column equals that full string.</li>\n        <li>85 → matches 85 / 85.0, not 0.85 or 850.</li>\n      </ul>\n    </template>\n  </PlSearchField>\n</template>\n"],"mappings":""}

package/dist/components/PlTableFastSearch/PlTableFastSearch.vue2.js

@@ -1,5 +1,41 @@
-import f from "./PlTableFastSearch.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlTableFastSearch.vue2.js.map
+import { createBlock as e, createElementVNode as t, createTextVNode as n, defineComponent as r, openBlock as i, unref as a, useModel as o, withCtx as s } from "vue";
+import { PlSearchField as c } from "@milaboratories/uikit";
+var l = /* @__PURE__ */ r({
+	__name: "PlTableFastSearch",
+	props: {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(r) {
+		let l = o(r, "modelValue");
+		return (r, o) => (i(), e(a(c), {
+			modelValue: l.value,
+			"onUpdate:modelValue": o[0] ||= (e) => l.value = e,
+			clearable: "",
+			placeholder: "Search..."
+		}, {
+			helper: s(() => [...o[1] ||= [
+				t("b", null, "How table search works:", -1),
+				t("br", null, null, -1),
+				t("ul", null, [
+					t("li", null, [
+						t("b", null, "Exact match only."),
+						t("br"),
+						n(" No partials, wildcards, ranges, or regex. ")
+					]),
+					t("li", null, [t("b", null, "Scope:"), n(" Searches all visible columns. To include a column, make it visible in Columns. ")]),
+					t("li", null, [t("b", null, "Text columns:"), n(" Exact string equality. Characters must match exactly (including case, spaces, and punctuation). ")]),
+					t("li", null, [t("b", null, "Number columns:"), n(" Exact numeric equality. 71 matches 71 and 71.0; it does not match 715 or 0.71/0.85. ")])
+				], -1),
+				t("b", null, "Examples:", -1),
+				t("br", null, null, -1),
+				t("ul", null, [t("li", null, "CASSLDRGTEAFF → shows rows where any visible column equals that full string."), t("li", null, "85 → matches 85 / 85.0, not 0.85 or 850.")], -1)
+			]]),
+			_: 1
+		}, 8, ["modelValue"]));
+	}
+});
+export { l as default };
+
+//# sourceMappingURL=PlTableFastSearch.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlTableFastSearch.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlTableFastSearch.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlTableFastSearch/PlTableFastSearch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlSearchField } from \"@milaboratories/uikit\";\n\nconst model = defineModel<string>({ required: true });\n</script>\n\n<template>\n  <PlSearchField v-model=\"model\" clearable placeholder=\"Search...\">\n    <template #helper>\n      <b>How table search works:</b>\n      <br />\n      <ul>\n        <li>\n          <b>Exact match only.</b><br />\n          No partials, wildcards, ranges, or regex.\n        </li>\n        <li>\n          <b>Scope:</b> Searches all visible columns. To include a column, make it visible in\n          Columns.\n        </li>\n        <li>\n          <b>Text columns:</b> Exact string equality. Characters must match exactly (including case,\n          spaces, and punctuation).\n        </li>\n        <li>\n          <b>Number columns:</b> Exact numeric equality. 71 matches 71 and 71.0; it does not match\n          715 or 0.71/0.85.\n        </li>\n      </ul>\n      <b>Examples:</b>\n      <br />\n      <ul>\n        <li>CASSLDRGTEAFF → shows rows where any visible column equals that full string.</li>\n        <li>85 → matches 85 / 85.0, not 0.85 or 850.</li>\n      </ul>\n    </template>\n  </PlSearchField>\n</template>\n"],"mappings":";;;;;;;;;;EAGA,IAAM,IAAQ,EAAmB,GAAA,aAAoB;yBAInD,EA6BgB,EAAA,EAAA,EAAA;eA7BQ,EAAA;4CAAK,QAAA;GAAE,WAAA;GAAU,aAAY;;GACxC,QAAM,QACe,CAAA,GAAA,AAAA,EAAA,OAAA;IAA9B,EAA8B,KAAA,MAA3B,2BAAuB,GAAA;IAC1B,EAAM,MAAA,MAAA,MAAA,GAAA;IACN,EAiBK,MAAA,MAAA;KAhBH,EAGK,MAAA,MAAA;MAFH,EAAwB,KAAA,MAArB,oBAAiB;MAAI,EAAM,KAAA;QAAA,8CAEhC;;KACA,EAGK,MAAA,MAAA,CAFH,EAAa,KAAA,MAAV,SAAM,EAAA,EAAI,mFAEf,CAAA,CAAA;KACA,EAGK,MAAA,MAAA,CAFH,EAAoB,KAAA,MAAjB,gBAAa,EAAA,EAAI,oGAEtB,CAAA,CAAA;KACA,EAGK,MAAA,MAAA,CAFH,EAAsB,KAAA,MAAnB,kBAAe,EAAA,EAAI,wFAExB,CAAA,CAAA;;IAEF,EAAgB,KAAA,MAAb,aAAS,GAAA;IACZ,EAAM,MAAA,MAAA,MAAA,GAAA;IACN,EAGK,MAAA,MAAA,CAFH,EAAqF,MAAA,MAAjF,+EAA4E,EAChF,EAAiD,MAAA,MAA7C,2CAAwC,CAAA,EAAA,GAAA"}

package/dist/components/PlTableFilters/PlTableFiltersV2.js

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

package/dist/components/PlTableFilters/PlTableFiltersV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlTableFiltersV2.js","names":[],"sources":["../../../src/components/PlTableFilters/PlTableFiltersV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {\n  PTableColumnSpec,\n  PTableColumnId,\n  ListOptionBase,\n  PlDataTableFiltersWithMeta,\n} from \"@platforma-sdk/model\";\nimport {\n  canonicalizeJson,\n  Annotation,\n  Domain,\n  readAnnotation,\n  readDomain,\n  parseJson,\n  getAxisId,\n} from \"@platforma-sdk/model\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { PlBtnGhost, PlSlideModal, usePlBlockPageTitleTeleportTarget } from \"@milaboratories/uikit\";\nimport {\n  PlAdvancedFilter,\n  PlAdvancedFilterComponent,\n  PlAdvancedFilterSupportedFilters,\n  type PlAdvancedFilterItem,\n} from \"../PlAdvancedFilter\";\nimport type { PlAdvancedFilterColumnId } from \"../PlAdvancedFilter/types\";\n\nconst model = defineModel<PlDataTableFiltersWithMeta>({ required: true });\nconst props = defineProps<{\n  columns: PTableColumnSpec[];\n}>();\n\n// Teleport for \"Filters\" button\nconst mounted = ref(false);\nonMounted(() => {\n  mounted.value = true;\n});\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlTableFiltersV2\");\nconst showManager = ref(false);\n\n// Check if any filters are active\nconst filtersOn = computed(() => {\n  return model.value.filters.length > 0;\n});\n\n// Convert PTableColumnSpec to PlAdvancedFilterColumnId\nfunction makeFilterColumnId(spec: PTableColumnSpec): PlAdvancedFilterColumnId {\n  const id: PTableColumnId =\n    spec.type === \"axis\"\n      ? { type: \"axis\", id: getAxisId(spec.spec) }\n      : { type: \"column\", id: spec.id };\n  return canonicalizeJson<PTableColumnId>(id) as unknown as PlAdvancedFilterColumnId;\n}\n\n// Convert PTableColumnSpec[] to PlAdvancedFilterItem[]\nconst items = computed<PlAdvancedFilterItem[]>(() => {\n  return props.columns.map((col, idx) => {\n    const id = makeFilterColumnId(col);\n    const label =\n      readAnnotation(col.spec, Annotation.Label)?.trim() ?? `Unlabeled ${col.type} ${idx}`;\n    const alphabet =\n      readDomain(col.spec, Domain.Alphabet) ?? readAnnotation(col.spec, Annotation.Alphabet);\n    return {\n      id,\n      label,\n      spec: col.spec,\n      alphabet: alphabet ?? undefined,\n    };\n  });\n});\n\n// Supported filters (same set as FilterSidebar)\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"patternMatchesRegularExpression\",\n  \"patternFuzzyContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n\n// getSuggestOptions - provide discrete values from column annotations\nfunction getSuggestOptions(params: {\n  columnId: PlAdvancedFilterColumnId;\n  axisIdx?: number;\n  searchStr: string;\n  searchType: \"value\" | \"label\";\n}): ListOptionBase<string | number>[] {\n  const item = items.value.find((i) => i.id === params.columnId);\n  if (!item) return [];\n\n  const discreteValuesStr = readAnnotation(item.spec, Annotation.DiscreteValues);\n  if (!discreteValuesStr) return [];\n\n  try {\n    const values = parseJson<(string | number)[]>(discreteValuesStr);\n    return values\n      .filter((v) => {\n        if (!params.searchStr) return true;\n        const str = String(v).toLowerCase();\n        return str.includes(params.searchStr.toLowerCase());\n      })\n      .map((v) => ({ value: v, label: String(v) }));\n  } catch {\n    return [];\n  }\n}\n</script>\n\n<template>\n  <Teleport v-if=\"mounted && teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost :icon=\"filtersOn ? 'filter-on' : 'filter'\" @click.stop=\"showManager = true\">\n      Filters\n    </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"showManager\" :close-on-outside-click=\"false\">\n    <template #title>Manage Filters</template>\n\n    <div v-if=\"items.length > 0\" :class=\"$style.root\">\n      <PlAdvancedFilterComponent\n        v-model:filters=\"model as PlAdvancedFilter\"\n        :items=\"items\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      />\n    </div>\n    <div v-else>No filters applicable</div>\n  </PlSlideModal>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlTableFilters/PlTableFiltersV2.style.js

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