@platforma-sdk/ui-vue 1.58.5 → 1.58.9

package/dist/components/PlAnnotations/components/PlAnnotationsModal.vue2.js

@@ -1,53 +1,59 @@
-import { defineComponent as m, mergeModels as r, useModel as d, shallowRef as p, effect as f, createBlock as g, openBlock as S, unref as v, normalizeClass as i, withCtx as h, createVNode as C } from "vue";
-import { PlPureSlideModal as y } from "@milaboratories/uikit";
-import V from "./PlAnnotations.vue.js";
-const B = /* @__PURE__ */ m({
-  __name: "PlAnnotationsModal",
-  props: /* @__PURE__ */ r({
-    columns: {},
-    getSuggestOptions: { type: Function },
-    hasSelectedColumns: { type: Boolean },
-    getValuesForSelectedColumns: { type: Function },
-    onDeleteSchema: { type: Function }
-  }, {
-    annotation: { required: !0 },
-    annotationModifiers: {},
-    opened: { type: Boolean, required: !0 },
-    openedModifiers: {}
-  }),
-  emits: ["update:annotation", "update:opened"],
-  setup(l) {
-    const o = d(l, "annotation"), a = d(l, "opened"), e = l, u = p(void 0);
-    f(function() {
-      u.value === void 0 && o.value.steps.length > 0 && (u.value = o.value.steps[0].id);
-    });
-    async function c() {
-      var t;
-      a.value = !1, (t = e.onDeleteSchema) == null || t.call(e);
-    }
-    return (t, n) => (S(), g(v(y), {
-      modelValue: a.value,
-      "onUpdate:modelValue": n[1] || (n[1] = (s) => a.value = s),
-      class: i(t.$style.modal),
-      width: "768px"
-    }, {
-      default: h(() => [
-        C(V, {
-          annotation: o.value,
-          "onUpdate:annotation": n[0] || (n[0] = (s) => o.value = s),
-          class: i(t.$style.content),
-          columns: e.columns,
-          "get-suggest-options": e.getSuggestOptions,
-          "has-selected-columns": e.hasSelectedColumns,
-          getValuesForSelectedColumns: e.getValuesForSelectedColumns,
-          onDeleteSchema: c
-        }, null, 8, ["annotation", "class", "columns", "get-suggest-options", "has-selected-columns", "getValuesForSelectedColumns"])
-      ]),
-      _: 1
-    }, 8, ["modelValue", "class"]));
-  }
+import e from "./PlAnnotations.js";
+import { createBlock as t, createVNode as n, defineComponent as r, effect as i, mergeModels as a, normalizeClass as o, openBlock as s, shallowRef as c, unref as l, useModel as u, withCtx as d } from "vue";
+import { PlPureSlideModal as f } from "@milaboratories/uikit";
+var p = /* @__PURE__ */ r({
+	__name: "PlAnnotationsModal",
+	props: /* @__PURE__ */ a({
+		columns: {},
+		getSuggestOptions: { type: Function },
+		hasSelectedColumns: { type: Boolean },
+		getValuesForSelectedColumns: { type: Function },
+		onDeleteSchema: { type: Function }
+	}, {
+		annotation: { required: !0 },
+		annotationModifiers: {},
+		opened: {
+			type: Boolean,
+			required: !0
+		},
+		openedModifiers: {}
+	}),
+	emits: ["update:annotation", "update:opened"],
+	setup(r) {
+		let a = u(r, "annotation"), p = u(r, "opened"), m = r, h = c(void 0);
+		i(function() {
+			h.value === void 0 && a.value.steps.length > 0 && (h.value = a.value.steps[0].id);
+		});
+		async function g() {
+			p.value = !1, m.onDeleteSchema?.();
+		}
+		return (r, i) => (s(), t(l(f), {
+			modelValue: p.value,
+			"onUpdate:modelValue": i[1] ||= (e) => p.value = e,
+			class: o(r.$style.modal),
+			width: "768px"
+		}, {
+			default: d(() => [n(e, {
+				annotation: a.value,
+				"onUpdate:annotation": i[0] ||= (e) => a.value = e,
+				class: o(r.$style.content),
+				columns: m.columns,
+				"get-suggest-options": m.getSuggestOptions,
+				"has-selected-columns": m.hasSelectedColumns,
+				getValuesForSelectedColumns: m.getValuesForSelectedColumns,
+				onDeleteSchema: g
+			}, null, 8, [
+				"annotation",
+				"class",
+				"columns",
+				"get-suggest-options",
+				"has-selected-columns",
+				"getValuesForSelectedColumns"
+			])]),
+			_: 1
+		}, 8, ["modelValue", "class"]));
+	}
 });
-export {
-  B as default
-};
-//# sourceMappingURL=PlAnnotationsModal.vue2.js.map
+export { p as default };
+
+//# sourceMappingURL=PlAnnotationsModal.vue2.js.map

package/dist/components/PlAnnotations/components/PlAnnotationsModal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotationsModal.vue2.js","sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlPureSlideModal } from \"@milaboratories/uikit\";\nimport { effect, shallowRef } from \"vue\";\n\nimport type { Annotation } from \"../types\";\nimport type { Props } from \"./PlAnnotations.vue\";\nimport PlAnnotations from \"./PlAnnotations.vue\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst opened = defineModel<boolean>(\"opened\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst selectedStepId = shallowRef<number | undefined>(undefined);\n// Watchers\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && annotation.value.steps.length > 0) {\n    selectedStepId.value = annotation.value.steps[0].id;\n  }\n});\n// Actions\nasync function handleDeleteSchema() {\n  opened.value = false;\n  props.onDeleteSchema?.();\n}\n</script>\n\n<template>\n  <PlPureSlideModal v-model=\"opened\" :class=\"$style.modal\" width=\"768px\">\n    <PlAnnotations\n      v-model:annotation=\"annotation\"\n      :class=\"$style.content\"\n      :columns=\"props.columns\"\n      :get-suggest-options=\"props.getSuggestOptions\"\n      :has-selected-columns=\"props.hasSelectedColumns\"\n      :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      @delete-schema=\"handleDeleteSchema\"\n    />\n  </PlPureSlideModal>\n</template>\n\n<style module>\n.modal {\n  display: flex;\n}\n\n.content {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"names":["annotation","_useModel","opened","__props","props","selectedStepId","shallowRef","effect","handleDeleteSchema","_a","_createBlock","_unref","PlPureSlideModal","$event","_normalizeClass","$style","_createVNode","PlAnnotations"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAaC,KAAwB,YAAgC,GACrEC,IAASD,EAAoBE,GAAC,QAA4B,GAE1DC,IAAQD,GAERE,IAAiBC,EAA+B,MAAS;AAE/D,IAAAC,EAAO,WAA4B;AACjC,MAAIF,EAAe,UAAU,UAAaL,EAAW,MAAM,MAAM,SAAS,MACxEK,EAAe,QAAQL,EAAW,MAAM,MAAM,CAAC,EAAE;AAAA,IAErD,CAAC;AAED,mBAAeQ,IAAqB;;AAClC,MAAAN,EAAO,QAAQ,KACfO,IAAAL,EAAM,mBAAN,QAAAK,EAAA,KAAAL;AAAA,IACF;2BAIEM,EAUmBC,EAAAC,CAAA,GAAA;AAAA,kBAVQV,EAAA;AAAA,oDAAAA,EAAM,QAAAW;AAAA,MAAG,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,MAAE,OAAM;AAAA,IAAA;iBAC7D,MAQE;AAAA,QARFC,EAQEC,GAAA;AAAA,UAPQ,YAAYjB,EAAA;AAAA,wDAAAA,EAAU,QAAAa;AAAA,UAC7B,OAAKC,EAAEC,EAAAA,OAAO,OAAO;AAAA,UACrB,SAASX,EAAM;AAAA,UACf,uBAAqBA,EAAM;AAAA,UAC3B,wBAAsBA,EAAM;AAAA,UAC5B,6BAA6BA,EAAM;AAAA,UACnC,gBAAeI;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"PlAnnotationsModal.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlPureSlideModal } from \"@milaboratories/uikit\";\nimport { effect, shallowRef } from \"vue\";\n\nimport type { Annotation } from \"../types\";\nimport type { Props } from \"./PlAnnotations.vue\";\nimport PlAnnotations from \"./PlAnnotations.vue\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst opened = defineModel<boolean>(\"opened\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst selectedStepId = shallowRef<number | undefined>(undefined);\n// Watchers\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && annotation.value.steps.length > 0) {\n    selectedStepId.value = annotation.value.steps[0].id;\n  }\n});\n// Actions\nasync function handleDeleteSchema() {\n  opened.value = false;\n  props.onDeleteSchema?.();\n}\n</script>\n\n<template>\n  <PlPureSlideModal v-model=\"opened\" :class=\"$style.modal\" width=\"768px\">\n    <PlAnnotations\n      v-model:annotation=\"annotation\"\n      :class=\"$style.content\"\n      :columns=\"props.columns\"\n      :get-suggest-options=\"props.getSuggestOptions\"\n      :has-selected-columns=\"props.hasSelectedColumns\"\n      :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      @delete-schema=\"handleDeleteSchema\"\n    />\n  </PlPureSlideModal>\n</template>\n\n<style module>\n.modal {\n  display: flex;\n}\n\n.content {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EASA,IAAM,IAAa,EAAuB,GAAC,aAAiC,EACtE,IAAS,EAAoB,GAAC,SAA6B,EAE3D,IAAQ,GAER,IAAiB,EAA+B,KAAA,EAAU;AAEhE,IAAO,WAA4B;AACjC,GAAI,EAAe,UAAU,KAAA,KAAa,EAAW,MAAM,MAAM,SAAS,MACxE,EAAe,QAAQ,EAAW,MAAM,MAAM,GAAG;IAEnD;EAEF,eAAe,IAAqB;AAElC,GADA,EAAO,QAAQ,IACf,EAAM,kBAAkB;;yBAKxB,EAUmB,EAAA,EAAA,EAAA;eAVQ,EAAA;4CAAM,QAAA;GAAG,OAAK,EAAEA,EAAAA,OAAO,MAAK;GAAE,OAAM;;oBAS3D,CARF,EAQE,GAAA;IAPQ,YAAY,EAAA;6CAAU,QAAA;IAC7B,OAAK,EAAEA,EAAAA,OAAO,QAAO;IACrB,SAAS,EAAM;IACf,uBAAqB,EAAM;IAC3B,wBAAsB,EAAM;IAC5B,6BAA6B,EAAM;IACnC,gBAAe"}

package/dist/components/PlAnnotations/components/style.css

@@ -1 +1 @@
-._flashing_1daus_1{animation:_flash_1daus_1 1s ease-in-out infinite alternate}@keyframes _flash_1daus_1{0%{box-shadow:0 0 6px 4px var(--border-color-focus)}to{box-shadow:0 0 2px 2px var(--border-color-focus)}}._disabled_1daus_13{pointer-events:none;opacity:.5}
+._flashing_1daus_1{animation:1s ease-in-out infinite alternate _flash_1daus_1}@keyframes _flash_1daus_1{0%{box-shadow:0 0 6px 4px var(--border-color-focus)}to{box-shadow:0 0 2px 2px var(--border-color-focus)}}._disabled_1daus_13{pointer-events:none;opacity:.5}

package/dist/components/PlAnnotations/components/style.module.js

@@ -0,0 +1,8 @@
+import './style.css';var e = {
+	flashing: "_flashing_1daus_1",
+	flash: "_flash_1daus_1",
+	disabled: "_disabled_1daus_13"
+};
+export { e as default };
+
+//# sourceMappingURL=style.module.js.map

package/dist/components/PlAnnotations/components/style.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.module.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/style.module.css"],"sourcesContent":[".flashing {\n  animation: flash 1s ease-in-out infinite alternate;\n}\n@keyframes flash {\n  0% {\n    box-shadow: 0 0 6px 4px var(--border-color-focus);\n  }\n  100% {\n    box-shadow: 0 0 2px 2px var(--border-color-focus);\n  }\n}\n\n.disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n"],"mappings":""}

package/dist/components/PlAnnotations/utils.js

@@ -1,9 +1,7 @@
-const o = /^[a-zA-Z0-9\s!@#$%^*()_+\-=[\]{}|;:'",.?]*$/;
-function e(t) {
-  if (!o.test(t))
-    throw Error("Title contains forbidden symbols");
+var e = /^[a-zA-Z0-9\s!@#$%^*()_+\-=[\]{}|;:'",.?]*$/;
+function t(t) {
+	if (!e.test(t)) throw Error("Title contains forbidden symbols");
 }
-export {
-  e as validateTitle
-};
-//# sourceMappingURL=utils.js.map
+export { t as validateTitle };
+
+//# sourceMappingURL=utils.js.map

package/dist/components/PlAnnotations/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/PlAnnotations/utils.ts"],"sourcesContent":["import type { FilterSpecTypeFieldRecord } from \"@milaboratories/uikit\";\nimport type { FilterSpecLeaf } from \"@platforma-sdk/model\";\n\nexport function createDefaultFilterMetadata<\n  T extends FilterSpecLeaf,\n>(): FilterSpecTypeFieldRecord<T> {\n  return {\n    column: {\n      label: \"Column\",\n      fieldType: \"SUniversalPColumnId\",\n      defaultValue: () => undefined,\n    },\n    type: {\n      label: \"Predicate\",\n      fieldType: \"FilterType\",\n      defaultValue: () => undefined,\n    },\n  } as FilterSpecTypeFieldRecord<T>;\n}\n\nconst allowedSymbolsPattern = /^[a-zA-Z0-9\\s!@#$%^*()_+\\-=[\\]{}|;:'\",.?]*$/;\nexport function validateTitle(v: string) {\n  if (!allowedSymbolsPattern.test(v)) {\n    throw Error(`Title contains forbidden symbols`);\n  }\n}\n"],"names":["allowedSymbolsPattern","validateTitle","v"],"mappings":"AAoBA,MAAMA,IAAwB;AACvB,SAASC,EAAcC,GAAW;AACvC,MAAI,CAACF,EAAsB,KAAKE,CAAC;AAC/B,UAAM,MAAM,kCAAkC;AAElD;"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/PlAnnotations/utils.ts"],"sourcesContent":["import type { FilterSpecTypeFieldRecord } from \"@milaboratories/uikit\";\nimport type { FilterSpecLeaf } from \"@platforma-sdk/model\";\n\nexport function createDefaultFilterMetadata<\n  T extends FilterSpecLeaf,\n>(): FilterSpecTypeFieldRecord<T> {\n  return {\n    column: {\n      label: \"Column\",\n      fieldType: \"SUniversalPColumnId\",\n      defaultValue: () => undefined,\n    },\n    type: {\n      label: \"Predicate\",\n      fieldType: \"FilterType\",\n      defaultValue: () => undefined,\n    },\n  } as FilterSpecTypeFieldRecord<T>;\n}\n\nconst allowedSymbolsPattern = /^[a-zA-Z0-9\\s!@#$%^*()_+\\-=[\\]{}|;:'\",.?]*$/;\nexport function validateTitle(v: string) {\n  if (!allowedSymbolsPattern.test(v)) {\n    throw Error(`Title contains forbidden symbols`);\n  }\n}\n"],"mappings":"AAoBA,IAAM,IAAwB;AAC9B,SAAgB,EAAc,GAAW;AACvC,KAAI,CAAC,EAAsB,KAAK,EAAE,CAChC,OAAM,MAAM,mCAAmC"}

package/dist/components/PlAppErrorNotificationAlert/PlAppErrorNotificationAlert.js

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

package/dist/components/PlAppErrorNotificationAlert/PlAppErrorNotificationAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAppErrorNotificationAlert.js","names":[],"sources":["../../../src/components/PlAppErrorNotificationAlert/PlAppErrorNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BlockOutputsBase } from \"@platforma-sdk/model\";\nimport type { OutputErrors } from \"../../types\";\n// @TODO module\nimport \"./pl-app-error-notification-alert.scss\";\nimport {\n  PlBtnPrimary,\n  PlDialogModal,\n  PlNotificationAlert,\n  PlSpacer,\n  PlLogView,\n} from \"@milaboratories/uikit\";\nimport { computed, ref, watch } from \"vue\";\n\nexport type FullMessage = { fullMessage: string };\n\nconst props = defineProps<{ errors: OutputErrors<BlockOutputsBase> }>();\n\nconst isModalOpen = ref(false);\n\nconst isAlertOpen = ref(true);\n\nconst existingErrors = computed(() => Object.entries(props.errors).filter((item) => !!item[1]));\n\nfunction showErrors() {\n  isModalOpen.value = true;\n}\n\n// @TODO (temp)\nwatch(\n  () => props.errors,\n  (errors) => {\n    isAlertOpen.value = Object.values(errors).some((v) => !!v);\n  },\n  { immediate: true, deep: true },\n);\n</script>\n<template>\n  <div class=\"pl-app-notification-alert\">\n    <PlDialogModal v-model=\"isModalOpen\" width=\"720px\" style=\"max-height: 100vh\">\n      <template #title> Errors </template>\n      <div class=\"pl-app-notification-alert__content\">\n        <template v-for=\"item in existingErrors\" :key=\"item[0]\">\n          <div class=\"pl-app-notification-alert__item\">\n            <div class=\"pl-app-notification-alert__title\">Block output: {{ item[0] }}</div>\n            <PlLogView\n              :value=\"item[1]?.message\"\n              :valueToCopy=\"\n                'fullMessage' in (item[1] ?? {})\n                  ? (item[1] as unknown as FullMessage).fullMessage\n                  : item[1]?.message\n              \"\n              :download-filename=\"`output-${item[0]}-error.txt`\"\n            />\n          </div>\n        </template>\n      </div>\n    </PlDialogModal>\n\n    <PlNotificationAlert v-model=\"isAlertOpen\" type=\"error\" closable>\n      Some outputs have 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"],"mappings":""}

package/dist/components/PlAppErrorNotificationAlert/PlAppErrorNotificationAlert.vue2.js

@@ -1,5 +1,57 @@
-import f from "./PlAppErrorNotificationAlert.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlAppErrorNotificationAlert.vue2.js.map
+import './pl-app-error-notification-alert.css';/* empty css                                */
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, openBlock as s, ref as c, renderList as l, toDisplayString as u, unref as d, watch as f, withCtx as p } from "vue";
+import { PlBtnPrimary as m, PlDialogModal as h, PlLogView as g, PlNotificationAlert as _, PlSpacer as v } from "@milaboratories/uikit";
+var y = { class: "pl-app-notification-alert" }, b = { class: "pl-app-notification-alert__content" }, x = { class: "pl-app-notification-alert__title" }, S = /* @__PURE__ */ o({
+	__name: "PlAppErrorNotificationAlert",
+	props: { errors: {} },
+	setup(o) {
+		let S = o, C = c(!1), w = c(!0), T = t(() => Object.entries(S.errors).filter((e) => !!e[1]));
+		function E() {
+			C.value = !0;
+		}
+		return f(() => S.errors, (e) => {
+			w.value = Object.values(e).some((e) => !!e);
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (t, o) => (s(), n("div", y, [a(d(h), {
+			modelValue: C.value,
+			"onUpdate:modelValue": o[0] ||= (e) => C.value = e,
+			width: "720px",
+			style: { "max-height": "100vh" }
+		}, {
+			title: p(() => [...o[2] ||= [i(" Errors ", -1)]]),
+			default: p(() => [r("div", b, [(s(!0), n(e, null, l(T.value, (e) => (s(), n("div", {
+				key: e[0],
+				class: "pl-app-notification-alert__item"
+			}, [r("div", x, "Block output: " + u(e[0]), 1), a(d(g), {
+				value: e[1]?.message,
+				valueToCopy: "fullMessage" in (e[1] ?? {}) ? e[1].fullMessage : e[1]?.message,
+				"download-filename": `output-${e[0]}-error.txt`
+			}, null, 8, [
+				"value",
+				"valueToCopy",
+				"download-filename"
+			])]))), 128))])]),
+			_: 1
+		}, 8, ["modelValue"]), a(d(_), {
+			modelValue: w.value,
+			"onUpdate:modelValue": o[1] ||= (e) => w.value = e,
+			type: "error",
+			closable: ""
+		}, {
+			actions: p(() => [a(d(m), {
+				icon: "arrow-right",
+				onClick: E
+			}, {
+				default: p(() => [...o[3] ||= [i("See errors", -1)]]),
+				_: 1
+			}), a(d(v))]),
+			default: p(() => [o[4] ||= i(" Some outputs have errors. ", -1)]),
+			_: 1
+		}, 8, ["modelValue"])]));
+	}
+});
+export { S as default };
+
+//# sourceMappingURL=PlAppErrorNotificationAlert.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAppErrorNotificationAlert.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlAppErrorNotificationAlert.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAppErrorNotificationAlert/PlAppErrorNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BlockOutputsBase } from \"@platforma-sdk/model\";\nimport type { OutputErrors } from \"../../types\";\n// @TODO module\nimport \"./pl-app-error-notification-alert.scss\";\nimport {\n  PlBtnPrimary,\n  PlDialogModal,\n  PlNotificationAlert,\n  PlSpacer,\n  PlLogView,\n} from \"@milaboratories/uikit\";\nimport { computed, ref, watch } from \"vue\";\n\nexport type FullMessage = { fullMessage: string };\n\nconst props = defineProps<{ errors: OutputErrors<BlockOutputsBase> }>();\n\nconst isModalOpen = ref(false);\n\nconst isAlertOpen = ref(true);\n\nconst existingErrors = computed(() => Object.entries(props.errors).filter((item) => !!item[1]));\n\nfunction showErrors() {\n  isModalOpen.value = true;\n}\n\n// @TODO (temp)\nwatch(\n  () => props.errors,\n  (errors) => {\n    isAlertOpen.value = Object.values(errors).some((v) => !!v);\n  },\n  { immediate: true, deep: true },\n);\n</script>\n<template>\n  <div class=\"pl-app-notification-alert\">\n    <PlDialogModal v-model=\"isModalOpen\" width=\"720px\" style=\"max-height: 100vh\">\n      <template #title> Errors </template>\n      <div class=\"pl-app-notification-alert__content\">\n        <template v-for=\"item in existingErrors\" :key=\"item[0]\">\n          <div class=\"pl-app-notification-alert__item\">\n            <div class=\"pl-app-notification-alert__title\">Block output: {{ item[0] }}</div>\n            <PlLogView\n              :value=\"item[1]?.message\"\n              :valueToCopy=\"\n                'fullMessage' in (item[1] ?? {})\n                  ? (item[1] as unknown as FullMessage).fullMessage\n                  : item[1]?.message\n              \"\n              :download-filename=\"`output-${item[0]}-error.txt`\"\n            />\n          </div>\n        </template>\n      </div>\n    </PlDialogModal>\n\n    <PlNotificationAlert v-model=\"isAlertOpen\" type=\"error\" closable>\n      Some outputs have 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"],"mappings":";;;;;;;EAgBA,IAAM,IAAQ,GAER,IAAc,EAAI,GAAM,EAExB,IAAc,EAAI,GAAK,EAEvB,IAAiB,QAAe,OAAO,QAAQ,EAAM,OAAO,CAAC,QAAQ,MAAS,CAAC,CAAC,EAAK,GAAG,CAAC;EAE/F,SAAS,IAAa;AACpB,KAAY,QAAQ;;SAItB,QACQ,EAAM,SACX,MAAW;AACV,KAAY,QAAQ,OAAO,OAAO,EAAO,CAAC,MAAM,MAAM,CAAC,CAAC,EAAE;KAE5D;GAAE,WAAW;GAAM,MAAM;GAAM,CAChC,kBAGC,EA4BM,OA5BN,GA4BM,CA3BJ,EAkBgB,EAAA,EAAA,EAAA;eAlBQ,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;oBAgBnB,CAfN,EAeM,OAfN,GAeM,EAAA,EAAA,GAAA,EAdJ,EAaW,GAAA,MAAA,EAbc,EAAA,QAAR,YACf,EAWM,OAAA;SAZuC,EAAI;IAC5C,OAAM;OACT,EAA+E,OAA/E,GAA8C,mBAAc,EAAG,EAAI,GAAA,EAAA,EAAA,EACnE,EAQE,EAAA,EAAA,EAAA;IAPC,OAAO,EAAI,IAAK;IAChB,aAAA,kBAAgD,EAAI,MAAA,EAAA,IAAgC,EAAI,GAA+B,cAAgC,EAAI,IAAK;IAKhK,qBAAiB,UAAY,EAAI,GAAA;;;;;;;yBAO5C,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,+BAE/D,GAAA,CAAA,CAAA"}

package/dist/components/PlAppErrorNotificationAlert/pl-app-error-notification-alert.css

@@ -1 +1 @@
-.pl-app-notification-alert{position:fixed;bottom:12px;right:12px;width:256px;height:auto;z-index:87}.pl-app-notification-alert__content{display:flex;flex-direction:column;gap:12px;max-height:100%}.pl-app-notification-alert__item{position:relative}.pl-app-notification-alert__title{color:var(--txt-01);font-size:14px;font-style:normal;font-weight:600;line-height:20px;margin-bottom:6px}
+.pl-app-notification-alert{z-index:87;width:256px;height:auto;position:fixed;bottom:12px;right:12px}.pl-app-notification-alert__content{flex-direction:column;gap:12px;max-height:100%;display:flex}.pl-app-notification-alert__item{position:relative}.pl-app-notification-alert__title{color:var(--txt-01);margin-bottom:6px;font-size:14px;font-style:normal;font-weight:600;line-height:20px}

package/dist/components/PlBtnExportArchive/Item.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","names":[],"sources":["../../../src/components/PlBtnExportArchive/Item.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ExportItem } from \"./types\";\nimport { prettyBytes } from \"@milaboratories/helpers\";\n\ndefineProps<{\n  item: ExportItem;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.item\">\n    <div :class=\"$style.name\">{{ item.fileName }}</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-if=\"item.status === 'error'\" :class=\"$style.error\">\n      <span>{{ item.error }}</span>\n    </div>\n    <div v-else :class=\"$style.details\">Pending</div>\n  </div>\n</template>\n\n<style module>\n.item {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n  overflow: hidden;\n  --name-font-size: 12px;\n  --details-font-size: 10px;\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\n.details {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.error {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: var(--txt-error);\n  span {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,9 @@
+import './Item.vue.css';var e = {
+	item: "_item_1m4gx_2",
+	name: "_name_1m4gx_10",
+	details: "_details_1m4gx_18",
+	error: "_error_1m4gx_24"
+};
+export { e as default };
+
+//# sourceMappingURL=Item.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlBtnExportArchive/Item.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ExportItem } from \"./types\";\nimport { prettyBytes } from \"@milaboratories/helpers\";\n\ndefineProps<{\n  item: ExportItem;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.item\">\n    <div :class=\"$style.name\">{{ item.fileName }}</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-if=\"item.status === 'error'\" :class=\"$style.error\">\n      <span>{{ item.error }}</span>\n    </div>\n    <div v-else :class=\"$style.details\">Pending</div>\n  </div>\n</template>\n\n<style module>\n.item {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n  overflow: hidden;\n  --name-font-size: 12px;\n  --details-font-size: 10px;\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\n.details {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.error {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: var(--txt-error);\n  span {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1 @@
+._item_1m4gx_2{--name-font-size:12px;--details-font-size:10px;flex-direction:column;margin-bottom:8px;display:flex;overflow:hidden}._name_1m4gx_10{white-space:nowrap;text-overflow:ellipsis;font-size:var(--name-font-size);font-weight:600;overflow:hidden}._details_1m4gx_18{font-size:var(--details-font-size);color:#fff9;font-weight:400}._error_1m4gx_24{font-size:var(--details-font-size);color:var(--txt-error);font-weight:400}._error_1m4gx_24 span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Item.vue2.js","sources":["../../../src/components/PlBtnExportArchive/Item.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ExportItem } from \"./types\";\nimport { prettyBytes } from \"@milaboratories/helpers\";\n\ndefineProps<{\n  item: ExportItem;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.item\">\n    <div :class=\"$style.name\">{{ item.fileName }}</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-if=\"item.status === 'error'\" :class=\"$style.error\">\n      <span>{{ item.error }}</span>\n    </div>\n    <div v-else :class=\"$style.details\">Pending</div>\n  </div>\n</template>\n\n<style module>\n.item {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n  overflow: hidden;\n  --name-font-size: 12px;\n  --details-font-size: 10px;\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\n.details {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.error {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: var(--txt-error);\n  span {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n  }\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_createElementVNode","_toDisplayString","__props","_unref","prettyBytes","_cache"],"mappings":";;;;;;;;2BAUEA,EAcM,OAAA;AAAA,MAdA,OAAKC,EAAEC,EAAAA,OAAO,IAAI;AAAA,IAAA;MACtBC,EAAmD,OAAA;AAAA,QAA7C,OAAKF,EAAEC,EAAAA,OAAO,IAAI;AAAA,MAAA,GAAKE,EAAAC,EAAA,KAAK,QAAQ,GAAA,CAAA;AAAA,MAC/BA,EAAA,KAAK,WAAM,sBAAtBL,EAIM,OAAA;AAAA;QAJqC,OAAKC,EAAEC,EAAAA,OAAO,OAAO;AAAA,MAAA;QAC9DC,EAAgD,QAAA,MAAAC,EAAvCE,EAAAC,CAAA,EAAYF,EAAA,KAAK,SAAO,EAAA,CAAA,GAAA,CAAA;AAAA,QACjCG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAL,EAAc,cAAR,KAAC,EAAA;AAAA,QACPA,EAA6C,QAAA,MAAAC,EAApCE,EAAAC,CAAA,EAAYF,EAAA,KAAK,MAAI,CAAA,CAAA,CAAA,GAAA,CAAA;AAAA,MAAA,SAEhBA,EAAA,KAAK,WAAM,oBAA3BL,EAEM,OAAA;AAAA;QAFwC,OAAKC,EAAEC,EAAAA,OAAO,OAAO;AAAA,MAAA;0BAAE,UAC9D,EAAA;AAAA,QAAAC,EAA6C,QAAA,MAAAC,EAApCE,EAAAC,CAAA,EAAYF,EAAA,KAAK,MAAI,CAAA,CAAA,CAAA,GAAA,CAAA;AAAA,MAAA,SAErBA,EAAA,KAAK,WAAM,gBAA3BL,EAEM,OAAA;AAAA;QAFoC,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,MAAA;QAC3DC,EAA6B,QAAA,MAAAC,EAApBC,EAAA,KAAK,KAAK,GAAA,CAAA;AAAA,MAAA,eAErBL,EAAiD,OAAA;AAAA;QAApC,OAAKC,EAAEC,EAAAA,OAAO,OAAO;AAAA,MAAA,GAAE,WAAO,CAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"Item.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlBtnExportArchive/Item.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ExportItem } from \"./types\";\nimport { prettyBytes } from \"@milaboratories/helpers\";\n\ndefineProps<{\n  item: ExportItem;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.item\">\n    <div :class=\"$style.name\">{{ item.fileName }}</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-if=\"item.status === 'error'\" :class=\"$style.error\">\n      <span>{{ item.error }}</span>\n    </div>\n    <div v-else :class=\"$style.details\">Pending</div>\n  </div>\n</template>\n\n<style module>\n.item {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n  overflow: hidden;\n  --name-font-size: 12px;\n  --details-font-size: 10px;\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\n.details {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.error {\n  font-size: var(--details-font-size);\n  font-weight: 400;\n  color: var(--txt-error);\n  span {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n  }\n}\n</style>\n"],"mappings":";;;;;;;yBAUE,EAcM,OAAA,EAdA,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAA,CACtB,EAAmD,OAAA,EAA7C,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAA,EAAK,EAAA,KAAK,SAAQ,EAAA,EAAA,EAC/B,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,IAErB,EAAA,KAAK,WAAM,WAAA,GAAA,EAA3B,EAEM,OAAA;;GAFoC,OAAK,EAAEA,EAAAA,OAAO,MAAK;MAC3D,EAA6B,QAAA,MAAA,EAApB,EAAA,KAAK,MAAK,EAAA,EAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAErB,EAAiD,OAAA;;GAApC,OAAK,EAAEA,EAAAA,OAAO,QAAO;KAAE,WAAO,EAAA,EAAA,EAAA,EAAA"}

package/dist/components/PlBtnExportArchive/PlBtnExportArchive.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnExportArchive.js","names":[],"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":""}

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

@@ -0,0 +1,8 @@
+import './PlBtnExportArchive.vue.css';var e = {
+	progresses: "_progresses_h5njb_2",
+	itemsContainer: "_itemsContainer_h5njb_18",
+	close: "_close_h5njb_22"
+};
+export { e as default };
+
+//# sourceMappingURL=PlBtnExportArchive.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnExportArchive.vue_vue_type_style_index_0_lang.module.js","names":[],"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":""}

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

@@ -0,0 +1 @@
+._progresses_h5njb_2{color:#fff;z-index:1000;background:#000000d9;border-radius:8px;width:350px;height:auto;max-height:400px;padding:20px 8px 8px 20px;font-size:12px;font-weight:600;position:fixed;top:8px;right:8px;overflow:auto}._progresses_h5njb_2 ._itemsContainer_h5njb_18{max-height:300px}._progresses_h5njb_2 ._close_h5njb_22{cursor:pointer;--icon-color:white;position:absolute;top:8px;right:8px}