npm - @milaboratories/uikit - Versions diffs - 2.15.43 → 2.16.1 - Mend

@milaboratories/uikit 2.15.43 → 2.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1388) hide show

package/dist/components/PlFileDialog/Remote.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import e from "./Remote.vue2.js";
-//#region src/components/PlFileDialog/Remote.vue
+// src/components/PlFileDialog/Remote.vue
 var t = e;
-//#endregion
 export { t as default };
 //# sourceMappingURL=Remote.js.map

package/dist/components/PlFileDialog/Remote.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Remote.js","names":[],"sources":["../../../src/components/PlFileDialog/Remote.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport type { ImportedFiles } from \"../../types\";\nimport { between, notEmpty, tapIf } from \"@milaboratories/helpers\";\nimport { getRawPlatformaInstance, type StorageHandle } from \"@platforma-sdk/model\";\nimport { computed, onMounted, reactive, ref, toRef, watch } from \"vue\";\nimport { PlDropdown } from \"../PlDropdown\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport Shortcuts from \"./Shortcuts.vue\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSearchField } from \"../PlSearchField\";\nimport style from \"./pl-file-dialog.module.scss\";\nimport { defaultData, useVisibleItems, vTextOverflown } from \"./remote-helpers\";\nimport { getFilePathBreadcrumbs, normalizeExtensions, type FileDialogItem } from \"./utils\";\n\n// note that on a Mac, a click combined with the control key is intercepted by the operating system and used to open a context menu, so ctrlKey is not detectable on click events.\nconst isCtrlOrMeta = (ev: KeyboardEvent \| MouseEvent) => ev.ctrlKey \|\| ev.metaKey;\n\ndefineEmits<{\n (e: \"update:modelValue\", value: boolean): void;\n (e: \"import:files\", value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n modelValue: boolean;\n extensions?: string[]; // with dot, like ['.fastq.gz', '.fastq']\n multi?: boolean;\n title?: string;\n autoSelectStorage?: boolean;\n submit: () => void;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n },\n);\n\nconst data = reactive(defaultData());\n\nconst resetData = () => {\n data.search = \"\";\n data.error = \"\";\n data.lastSelected = undefined;\n};\n\nconst extensions = computed(() => normalizeExtensions(props.extensions));\n\nconst visibleItems = useVisibleItems(data);\n\nconst lookup = computed(() => {\n return {\n modelValue: props.modelValue,\n dirPath: data.dirPath,\n storageHandle: data.storageEntry?.handle,\n };\n});\n\nconst query = (storageHandle: StorageHandle, dirPath: string) => {\n if (!getRawPlatformaInstance()) {\n return;\n }\n\n if (data.currentLoadingPath === dirPath) {\n return;\n }\n\n data.currentLoadingPath = dirPath;\n\n getRawPlatformaInstance()\n .lsDriver.listFiles(storageHandle, dirPath)\n .then((res) => {\n if (dirPath !== data.dirPath) {\n return;\n }\n\n data.items = notEmpty(res)\n .entries.map((item) => ({\n path: item.fullPath,\n name: item.name,\n isDir: item.type === \"dir\",\n canBeSelected:\n item.type === \"file\" &&\n (!extensions.value \|\| extensions.value.some((ext) => item.fullPath.endsWith(ext))),\n handle: item.type === \"file\" ? item.handle : undefined,\n selected: false,\n }))\n .sort((a, b) => {\n if (a.isDir && !b.isDir) return -1;\n if (!a.isDir && b.isDir) return 1;\n // localeCompare for unicode alphabets\n return a.name.localeCompare(b.name);\n })\n .map((it, id) => ({ id, ...it }));\n\n data.lastSelected = undefined;\n })\n .catch((err) => (data.error = String(err)))\n .finally(() => {\n data.currentLoadingPath = undefined;\n });\n};\n\nconst load = () => {\n resetData();\n const { storageHandle, dirPath, modelValue } = lookup.value;\n if (storageHandle && modelValue) {\n query(storageHandle, dirPath);\n }\n};\n\nconst breadcrumbs = computed(() => getFilePathBreadcrumbs(data.dirPath));\n\nconst selectedFiles = computed(() =>\n data.items.filter((f) => f.canBeSelected && f.selected && !f.isDir),\n);\n\nconst isReady = computed(() => selectedFiles.value.length > 0 && data.storageEntry?.handle);\n\nconst getFilesToImport = () => ({\n storageHandle: notEmpty(data.storageEntry?.handle),\n files: selectedFiles.value.map((f) => f.handle!),\n});\n\nconst setDirPath = (dirPath: string) => {\n data.dirPath = dirPath;\n};\n\nconst selectFile = (ev: MouseEvent, file: FileDialogItem) => {\n const { shiftKey } = ev;\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n const { lastSelected } = data;\n\n ev.preventDefault();\n\n const items = visibleItems.value;\n\n if (file.canBeSelected) {\n if (!props.multi) {\n items.forEach((f) => (f.selected = false));\n }\n\n file.selected = !file.selected;\n\n if (!props.multi) {\n return;\n }\n\n if (!ctrlOrMetaKey && !shiftKey) {\n items.forEach((f) => {\n if (f.id !== file.id) {\n f.selected = false;\n }\n });\n }\n\n if (shiftKey && lastSelected !== undefined) {\n items.forEach((f) => {\n if (between(f.id, lastSelected, file.id)) {\n f.selected = true;\n }\n });\n }\n\n if (file.selected) {\n data.lastSelected = file.id;\n }\n }\n};\n\nconst changeAll = (selected: boolean) => {\n if (selected && !props.multi) {\n return;\n }\n\n visibleItems.value\n .filter((f) => f.canBeSelected)\n .forEach((file) => {\n file.selected = selected;\n });\n};\n\nconst selectAll = () => changeAll(true);\n\nconst deselectAll = () => changeAll(false);\n\nconst loadAvailableStorages = () => {\n resetData();\n deselectAll();\n if (!getRawPlatformaInstance()) {\n console.warn(\"platforma API is not found\");\n return;\n }\n getRawPlatformaInstance()\n .lsDriver.getStorageList()\n .then((storageEntries) => {\n // local storage is always returned by the ML, so we need to remove it from remote dialog manually\n storageEntries = storageEntries.filter(\n (it) => it.id !== \"local\" && !it.id.startsWith(\"local_disk_\"),\n );\n\n data.storageOptions = storageEntries.map((it) => ({\n text: it.name,\n value: it,\n }));\n\n if (props.autoSelectStorage) {\n tapIf(storageEntries[0], (entry) => {\n data.storageEntry = entry;\n });\n }\n })\n .catch((err) => (data.error = String(err)));\n};\n\nwatch(\n toRef(data, \"storageEntry\"),\n (entry) => {\n resetData();\n data.dirPath = entry?.initialFullPath ?? \"\";\n },\n { immediate: true },\n);\n\nwatch([() => data.dirPath, () => data.storageEntry], () => {\n load();\n});\n\nwatch(\n () => props.modelValue,\n (isOpen) => {\n if (isOpen) {\n loadAvailableStorages();\n } else {\n Object.assign(data, defaultData());\n }\n },\n { immediate: true },\n);\n\nuseEventListener(document, \"keydown\", (ev: KeyboardEvent) => {\n if (!props.modelValue) {\n return;\n }\n\n if (ev.target !== document.body) {\n return;\n }\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n if (ctrlOrMetaKey && ev.code === \"KeyA\") {\n ev.preventDefault();\n selectAll();\n }\n\n if (ctrlOrMetaKey && ev.shiftKey && ev.code === \"Period\") {\n ev.preventDefault();\n data.showHiddenItems = !data.showHiddenItems;\n }\n\n if (ev.code === \"Enter\") {\n props.submit();\n }\n});\n\ndefineExpose({\n isReady,\n getFilesToImport,\n});\n\nonMounted(loadAvailableStorages);\n\nconst lsContainerRef = ref<HTMLElement \| undefined>();\n</script>\n\n<template>\n <div :class=\"style.remote\" data-testid=\"pl-file-dialog-remote\" @click.stop=\"deselectAll\">\n <div :class=\"style.search\">\n <div>\n <PlDropdown\n v-model=\"data.storageEntry\"\n label=\"Select storage\"\n :options=\"data.storageOptions\"\n data-testid=\"pl-file-dialog-storage\"\n />\n </div>\n <div>\n <PlSearchField\n v-model=\"data.search\"\n label=\"Search in folder\"\n clearable\n data-testid=\"pl-file-dialog-search\"\n />\n </div>\n </div>\n <div :class=\"style['ls-container']\" ref=\"lsContainerRef\" data-testid=\"pl-file-dialog-browser\">\n <div :class=\"style['ls-head']\">\n <div :class=\"style['breadcrumbs']\" data-testid=\"pl-file-dialog-breadcrumbs\">\n <template v-for=\"(s, i) in breadcrumbs\" :key=\"i\">\n <div\n :title=\"s.path\"\n data-testid=\"pl-file-dialog-breadcrumb\"\n @click=\"setDirPath(s.path)\"\n >\n {{ s.name }}\n </div>\n <PlIcon16 v-if=\"s.index !== breadcrumbs.length - 1\" name=\"chevron-right\" />\n </template>\n </div>\n <div :class=\"style.selected\">\n <span data-testid=\"pl-file-dialog-selected-count\"\n >Selected: {{ selectedFiles.length }}</span\n >\n <Shortcuts :container=\"lsContainerRef\" />\n </div>\n </div>\n <div\n v-if=\"data.currentLoadingPath !== undefined\"\n class=\"ls-loader\"\n data-testid=\"pl-file-dialog-loading\"\n >\n <i class=\"mask-24 mask-loading loader-icon\" />\n </div>\n <div\n v-else-if=\"!data.storageEntry\"\n :class=\"style['ls-empty']\"\n data-testid=\"pl-file-dialog-empty\"\n >\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">Select storage to preview</div>\n </div>\n <div v-else-if=\"data.error\" :class=\"style['ls-error']\" data-testid=\"pl-file-dialog-error\">\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">{{ data.error }}</div>\n </div>\n <div v-else :class=\"style['ls-body']\" data-testid=\"pl-file-dialog-items\">\n <template v-for=\"file in visibleItems\" :key=\"file.id\">\n <div\n v-if=\"file.isDir\"\n :class=\"style.isDir\"\n data-testid=\"pl-file-dialog-dir\"\n @click=\"setDirPath(file.path)\"\n >\n <PlIcon16 name=\"chevron-right\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n <div\n v-else\n :class=\"{ [style.canBeSelected]: file.canBeSelected, [style.selected]: file.selected }\"\n data-testid=\"pl-file-dialog-file\"\n @click.stop=\"(ev) => selectFile(ev, file)\"\n >\n <PlMaskIcon16 name=\"box\" :class=\"style.isFile\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n </template>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"Remote.js","names":["_sfc_main","Remote_vue_vue_type_script_setup_true_lang_default","Remote_default"],"sources":["../../../src/components/PlFileDialog/Remote.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport type { ImportedFiles } from \"../../types\";\nimport { between, notEmpty, tapIf } from \"@milaboratories/helpers\";\nimport { getRawPlatformaInstance, type StorageHandle } from \"@platforma-sdk/model\";\nimport { computed, onMounted, reactive, ref, toRef, watch } from \"vue\";\nimport { PlDropdown } from \"../PlDropdown\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport Shortcuts from \"./Shortcuts.vue\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSearchField } from \"../PlSearchField\";\nimport style from \"./pl-file-dialog.module.scss\";\nimport { defaultData, useVisibleItems, vTextOverflown } from \"./remote-helpers\";\nimport { getFilePathBreadcrumbs, normalizeExtensions, type FileDialogItem } from \"./utils\";\n\n// note that on a Mac, a click combined with the control key is intercepted by the operating system and used to open a context menu, so ctrlKey is not detectable on click events.\nconst isCtrlOrMeta = (ev: KeyboardEvent \| MouseEvent) => ev.ctrlKey \|\| ev.metaKey;\n\ndefineEmits<{\n (e: \"update:modelValue\", value: boolean): void;\n (e: \"import:files\", value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n modelValue: boolean;\n extensions?: string[]; // with dot, like ['.fastq.gz', '.fastq']\n multi?: boolean;\n title?: string;\n autoSelectStorage?: boolean;\n submit: () => void;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n },\n);\n\nconst data = reactive(defaultData());\n\nconst resetData = () => {\n data.search = \"\";\n data.error = \"\";\n data.lastSelected = undefined;\n};\n\nconst extensions = computed(() => normalizeExtensions(props.extensions));\n\nconst visibleItems = useVisibleItems(data);\n\nconst lookup = computed(() => {\n return {\n modelValue: props.modelValue,\n dirPath: data.dirPath,\n storageHandle: data.storageEntry?.handle,\n };\n});\n\nconst query = (storageHandle: StorageHandle, dirPath: string) => {\n if (!getRawPlatformaInstance()) {\n return;\n }\n\n if (data.currentLoadingPath === dirPath) {\n return;\n }\n\n data.currentLoadingPath = dirPath;\n\n getRawPlatformaInstance()\n .lsDriver.listFiles(storageHandle, dirPath)\n .then((res) => {\n if (dirPath !== data.dirPath) {\n return;\n }\n\n data.items = notEmpty(res)\n .entries.map((item) => ({\n path: item.fullPath,\n name: item.name,\n isDir: item.type === \"dir\",\n canBeSelected:\n item.type === \"file\" &&\n (!extensions.value \|\| extensions.value.some((ext) => item.fullPath.endsWith(ext))),\n handle: item.type === \"file\" ? item.handle : undefined,\n selected: false,\n }))\n .sort((a, b) => {\n if (a.isDir && !b.isDir) return -1;\n if (!a.isDir && b.isDir) return 1;\n // localeCompare for unicode alphabets\n return a.name.localeCompare(b.name);\n })\n .map((it, id) => ({ id, ...it }));\n\n data.lastSelected = undefined;\n })\n .catch((err) => (data.error = String(err)))\n .finally(() => {\n data.currentLoadingPath = undefined;\n });\n};\n\nconst load = () => {\n resetData();\n const { storageHandle, dirPath, modelValue } = lookup.value;\n if (storageHandle && modelValue) {\n query(storageHandle, dirPath);\n }\n};\n\nconst breadcrumbs = computed(() => getFilePathBreadcrumbs(data.dirPath));\n\nconst selectedFiles = computed(() =>\n data.items.filter((f) => f.canBeSelected && f.selected && !f.isDir),\n);\n\nconst isReady = computed(() => selectedFiles.value.length > 0 && data.storageEntry?.handle);\n\nconst getFilesToImport = () => ({\n storageHandle: notEmpty(data.storageEntry?.handle),\n files: selectedFiles.value.map((f) => f.handle!),\n});\n\nconst setDirPath = (dirPath: string) => {\n data.dirPath = dirPath;\n};\n\nconst selectFile = (ev: MouseEvent, file: FileDialogItem) => {\n const { shiftKey } = ev;\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n const { lastSelected } = data;\n\n ev.preventDefault();\n\n const items = visibleItems.value;\n\n if (file.canBeSelected) {\n if (!props.multi) {\n items.forEach((f) => (f.selected = false));\n }\n\n file.selected = !file.selected;\n\n if (!props.multi) {\n return;\n }\n\n if (!ctrlOrMetaKey && !shiftKey) {\n items.forEach((f) => {\n if (f.id !== file.id) {\n f.selected = false;\n }\n });\n }\n\n if (shiftKey && lastSelected !== undefined) {\n items.forEach((f) => {\n if (between(f.id, lastSelected, file.id)) {\n f.selected = true;\n }\n });\n }\n\n if (file.selected) {\n data.lastSelected = file.id;\n }\n }\n};\n\nconst changeAll = (selected: boolean) => {\n if (selected && !props.multi) {\n return;\n }\n\n visibleItems.value\n .filter((f) => f.canBeSelected)\n .forEach((file) => {\n file.selected = selected;\n });\n};\n\nconst selectAll = () => changeAll(true);\n\nconst deselectAll = () => changeAll(false);\n\nconst loadAvailableStorages = () => {\n resetData();\n deselectAll();\n if (!getRawPlatformaInstance()) {\n console.warn(\"platforma API is not found\");\n return;\n }\n getRawPlatformaInstance()\n .lsDriver.getStorageList()\n .then((storageEntries) => {\n // local storage is always returned by the ML, so we need to remove it from remote dialog manually\n storageEntries = storageEntries.filter(\n (it) => it.id !== \"local\" && !it.id.startsWith(\"local_disk_\"),\n );\n\n data.storageOptions = storageEntries.map((it) => ({\n text: it.name,\n value: it,\n }));\n\n if (props.autoSelectStorage) {\n tapIf(storageEntries[0], (entry) => {\n data.storageEntry = entry;\n });\n }\n })\n .catch((err) => (data.error = String(err)));\n};\n\nwatch(\n toRef(data, \"storageEntry\"),\n (entry) => {\n resetData();\n data.dirPath = entry?.initialFullPath ?? \"\";\n },\n { immediate: true },\n);\n\nwatch([() => data.dirPath, () => data.storageEntry], () => {\n load();\n});\n\nwatch(\n () => props.modelValue,\n (isOpen) => {\n if (isOpen) {\n loadAvailableStorages();\n } else {\n Object.assign(data, defaultData());\n }\n },\n { immediate: true },\n);\n\nuseEventListener(document, \"keydown\", (ev: KeyboardEvent) => {\n if (!props.modelValue) {\n return;\n }\n\n if (ev.target !== document.body) {\n return;\n }\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n if (ctrlOrMetaKey && ev.code === \"KeyA\") {\n ev.preventDefault();\n selectAll();\n }\n\n if (ctrlOrMetaKey && ev.shiftKey && ev.code === \"Period\") {\n ev.preventDefault();\n data.showHiddenItems = !data.showHiddenItems;\n }\n\n if (ev.code === \"Enter\") {\n props.submit();\n }\n});\n\ndefineExpose({\n isReady,\n getFilesToImport,\n});\n\nonMounted(loadAvailableStorages);\n\nconst lsContainerRef = ref<HTMLElement \| undefined>();\n</script>\n\n<template>\n <div :class=\"style.remote\" data-testid=\"pl-file-dialog-remote\" @click.stop=\"deselectAll\">\n <div :class=\"style.search\">\n <div>\n <PlDropdown\n v-model=\"data.storageEntry\"\n label=\"Select storage\"\n :options=\"data.storageOptions\"\n data-testid=\"pl-file-dialog-storage\"\n />\n </div>\n <div>\n <PlSearchField\n v-model=\"data.search\"\n label=\"Search in folder\"\n clearable\n data-testid=\"pl-file-dialog-search\"\n />\n </div>\n </div>\n <div :class=\"style['ls-container']\" ref=\"lsContainerRef\" data-testid=\"pl-file-dialog-browser\">\n <div :class=\"style['ls-head']\">\n <div :class=\"style['breadcrumbs']\" data-testid=\"pl-file-dialog-breadcrumbs\">\n <template v-for=\"(s, i) in breadcrumbs\" :key=\"i\">\n <div\n :title=\"s.path\"\n data-testid=\"pl-file-dialog-breadcrumb\"\n @click=\"setDirPath(s.path)\"\n >\n {{ s.name }}\n </div>\n <PlIcon16 v-if=\"s.index !== breadcrumbs.length - 1\" name=\"chevron-right\" />\n </template>\n </div>\n <div :class=\"style.selected\">\n <span data-testid=\"pl-file-dialog-selected-count\"\n >Selected: {{ selectedFiles.length }}</span\n >\n <Shortcuts :container=\"lsContainerRef\" />\n </div>\n </div>\n <div\n v-if=\"data.currentLoadingPath !== undefined\"\n class=\"ls-loader\"\n data-testid=\"pl-file-dialog-loading\"\n >\n <i class=\"mask-24 mask-loading loader-icon\" />\n </div>\n <div\n v-else-if=\"!data.storageEntry\"\n :class=\"style['ls-empty']\"\n data-testid=\"pl-file-dialog-empty\"\n >\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">Select storage to preview</div>\n </div>\n <div v-else-if=\"data.error\" :class=\"style['ls-error']\" data-testid=\"pl-file-dialog-error\">\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">{{ data.error }}</div>\n </div>\n <div v-else :class=\"style['ls-body']\" data-testid=\"pl-file-dialog-items\">\n <template v-for=\"file in visibleItems\" :key=\"file.id\">\n <div\n v-if=\"file.isDir\"\n :class=\"style.isDir\"\n data-testid=\"pl-file-dialog-dir\"\n @click=\"setDirPath(file.path)\"\n >\n <PlIcon16 name=\"chevron-right\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n <div\n v-else\n :class=\"{ [style.canBeSelected]: file.canBeSelected, [style.selected]: file.selected }\"\n data-testid=\"pl-file-dialog-file\"\n @click.stop=\"(ev) => selectFile(ev, file)\"\n >\n <PlMaskIcon16 name=\"box\" :class=\"style.isFile\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n </template>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":""}

package/dist/components/PlFileDialog/Remote.vue2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useEventListener as e } from "../../composition/useEventListener.js";
 import t from "../PlIcon16/PlIcon16.js";
-import "../PlMaskIcon16/index.js";
 import "../PlIcon16/index.js";
+import "../PlMaskIcon16/index.js";
 import n from "../PlDropdown/PlDropdown.js";
 import "../PlDropdown/index.js";
 import r from "../PlSearchField/PlSearchField.js";
@@ -13,12 +13,12 @@ import { getFilePathBreadcrumbs as l, normalizeExtensions as u } from "./utils.j
 import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, normalizeClass as b, onMounted as x, openBlock as S, reactive as ee, ref as te, renderList as C, toDisplayString as w, toRef as T, unref as E, watch as D, withDirectives as O, withModifiers as k } from "vue";
 import { between as A, notEmpty as j, tapIf as ne } from "@milaboratories/helpers";
 import { getRawPlatformaInstance as M } from "@platforma-sdk/model";
-//#region src/components/PlFileDialog/Remote.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlFileDialog/Remote.vue?vue&type=script&setup=true&lang.ts
 var re = ["title", "onClick"], ie = { "data-testid": "pl-file-dialog-selected-count" }, ae = {
 	key: 0,
 	class: "ls-loader",
 	"data-testid": "pl-file-dialog-loading"
-}, oe = ["onClick"], N = ["title"], P = ["onClick"], F = ["title"], I = /* @__PURE__ */ y({
+}, oe = ["onClick"], N = ["title"], P = ["onClick"], F = ["title"], I = /*@__PURE__*/ y({
 	__name: "Remote",
 	props: {
 		modelValue: { type: Boolean },
@@ -77,22 +77,18 @@ var re = ["title", "onClick"], ie = { "data-testid": "pl-file-dialog-selected-co
 				}), t.selected && (z.lastSelected = t.id);
 			}
 		}, Y = (e) => {
-			e && !R.multi || H.value.filter((e) => e.canBeSelected).forEach((t) => {
+			(!e || R.multi) && H.value.filter((e) => e.canBeSelected).forEach((t) => {
 				t.selected = e;
 			});
 		}, X = () => Y(!0), Z = () => Y(!1), Q = () => {
-			if (B(), Z(), !M()) {
-				console.warn("platforma API is not found");
-				return;
-			}
-			M().lsDriver.getStorageList().then((e) => {
+			B(), Z(), M() ? M().lsDriver.getStorageList().then((e) => {
 				e = e.filter((e) => e.id !== "local" && !e.id.startsWith("local_disk_")), z.storageOptions = e.map((e) => ({
 					text: e.name,
 					value: e
 				})), R.autoSelectStorage && ne(e[0], (e) => {
 					z.storageEntry = e;
 				});
-			}).catch((e) => z.error = String(e));
+			}).catch((e) => z.error = String(e)) : console.warn("platforma API is not found");
 		};
 		D(T(z, "storageEntry"), (e) => {
 			B(), z.dirPath = e?.initialFullPath ?? "";
@@ -171,7 +167,6 @@ var re = ["title", "onClick"], ie = { "data-testid": "pl-file-dialog-selected-co
 		}, [g("div", { class: b(E(i).cat) }, null, 2), g("div", { class: b(E(i).message) }, "Select storage to preview", 2)], 2)) : (S(), h("div", ae, [...o[2] ||= [g("i", { class: "mask-24 mask-loading loader-icon" }, null, -1)]]))], 2)], 2));
 	}
 });
-//#endregion
 export { I as default };
 //# sourceMappingURL=Remote.vue2.js.map

package/dist/components/PlFileDialog/Remote.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Remote.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlFileDialog/Remote.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport type { ImportedFiles } from \"../../types\";\nimport { between, notEmpty, tapIf } from \"@milaboratories/helpers\";\nimport { getRawPlatformaInstance, type StorageHandle } from \"@platforma-sdk/model\";\nimport { computed, onMounted, reactive, ref, toRef, watch } from \"vue\";\nimport { PlDropdown } from \"../PlDropdown\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport Shortcuts from \"./Shortcuts.vue\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSearchField } from \"../PlSearchField\";\nimport style from \"./pl-file-dialog.module.scss\";\nimport { defaultData, useVisibleItems, vTextOverflown } from \"./remote-helpers\";\nimport { getFilePathBreadcrumbs, normalizeExtensions, type FileDialogItem } from \"./utils\";\n\n// note that on a Mac, a click combined with the control key is intercepted by the operating system and used to open a context menu, so ctrlKey is not detectable on click events.\nconst isCtrlOrMeta = (ev: KeyboardEvent \| MouseEvent) => ev.ctrlKey \|\| ev.metaKey;\n\ndefineEmits<{\n (e: \"update:modelValue\", value: boolean): void;\n (e: \"import:files\", value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n modelValue: boolean;\n extensions?: string[]; // with dot, like ['.fastq.gz', '.fastq']\n multi?: boolean;\n title?: string;\n autoSelectStorage?: boolean;\n submit: () => void;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n },\n);\n\nconst data = reactive(defaultData());\n\nconst resetData = () => {\n data.search = \"\";\n data.error = \"\";\n data.lastSelected = undefined;\n};\n\nconst extensions = computed(() => normalizeExtensions(props.extensions));\n\nconst visibleItems = useVisibleItems(data);\n\nconst lookup = computed(() => {\n return {\n modelValue: props.modelValue,\n dirPath: data.dirPath,\n storageHandle: data.storageEntry?.handle,\n };\n});\n\nconst query = (storageHandle: StorageHandle, dirPath: string) => {\n if (!getRawPlatformaInstance()) {\n return;\n }\n\n if (data.currentLoadingPath === dirPath) {\n return;\n }\n\n data.currentLoadingPath = dirPath;\n\n getRawPlatformaInstance()\n .lsDriver.listFiles(storageHandle, dirPath)\n .then((res) => {\n if (dirPath !== data.dirPath) {\n return;\n }\n\n data.items = notEmpty(res)\n .entries.map((item) => ({\n path: item.fullPath,\n name: item.name,\n isDir: item.type === \"dir\",\n canBeSelected:\n item.type === \"file\" &&\n (!extensions.value \|\| extensions.value.some((ext) => item.fullPath.endsWith(ext))),\n handle: item.type === \"file\" ? item.handle : undefined,\n selected: false,\n }))\n .sort((a, b) => {\n if (a.isDir && !b.isDir) return -1;\n if (!a.isDir && b.isDir) return 1;\n // localeCompare for unicode alphabets\n return a.name.localeCompare(b.name);\n })\n .map((it, id) => ({ id, ...it }));\n\n data.lastSelected = undefined;\n })\n .catch((err) => (data.error = String(err)))\n .finally(() => {\n data.currentLoadingPath = undefined;\n });\n};\n\nconst load = () => {\n resetData();\n const { storageHandle, dirPath, modelValue } = lookup.value;\n if (storageHandle && modelValue) {\n query(storageHandle, dirPath);\n }\n};\n\nconst breadcrumbs = computed(() => getFilePathBreadcrumbs(data.dirPath));\n\nconst selectedFiles = computed(() =>\n data.items.filter((f) => f.canBeSelected && f.selected && !f.isDir),\n);\n\nconst isReady = computed(() => selectedFiles.value.length > 0 && data.storageEntry?.handle);\n\nconst getFilesToImport = () => ({\n storageHandle: notEmpty(data.storageEntry?.handle),\n files: selectedFiles.value.map((f) => f.handle!),\n});\n\nconst setDirPath = (dirPath: string) => {\n data.dirPath = dirPath;\n};\n\nconst selectFile = (ev: MouseEvent, file: FileDialogItem) => {\n const { shiftKey } = ev;\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n const { lastSelected } = data;\n\n ev.preventDefault();\n\n const items = visibleItems.value;\n\n if (file.canBeSelected) {\n if (!props.multi) {\n items.forEach((f) => (f.selected = false));\n }\n\n file.selected = !file.selected;\n\n if (!props.multi) {\n return;\n }\n\n if (!ctrlOrMetaKey && !shiftKey) {\n items.forEach((f) => {\n if (f.id !== file.id) {\n f.selected = false;\n }\n });\n }\n\n if (shiftKey && lastSelected !== undefined) {\n items.forEach((f) => {\n if (between(f.id, lastSelected, file.id)) {\n f.selected = true;\n }\n });\n }\n\n if (file.selected) {\n data.lastSelected = file.id;\n }\n }\n};\n\nconst changeAll = (selected: boolean) => {\n if (selected && !props.multi) {\n return;\n }\n\n visibleItems.value\n .filter((f) => f.canBeSelected)\n .forEach((file) => {\n file.selected = selected;\n });\n};\n\nconst selectAll = () => changeAll(true);\n\nconst deselectAll = () => changeAll(false);\n\nconst loadAvailableStorages = () => {\n resetData();\n deselectAll();\n if (!getRawPlatformaInstance()) {\n console.warn(\"platforma API is not found\");\n return;\n }\n getRawPlatformaInstance()\n .lsDriver.getStorageList()\n .then((storageEntries) => {\n // local storage is always returned by the ML, so we need to remove it from remote dialog manually\n storageEntries = storageEntries.filter(\n (it) => it.id !== \"local\" && !it.id.startsWith(\"local_disk_\"),\n );\n\n data.storageOptions = storageEntries.map((it) => ({\n text: it.name,\n value: it,\n }));\n\n if (props.autoSelectStorage) {\n tapIf(storageEntries[0], (entry) => {\n data.storageEntry = entry;\n });\n }\n })\n .catch((err) => (data.error = String(err)));\n};\n\nwatch(\n toRef(data, \"storageEntry\"),\n (entry) => {\n resetData();\n data.dirPath = entry?.initialFullPath ?? \"\";\n },\n { immediate: true },\n);\n\nwatch([() => data.dirPath, () => data.storageEntry], () => {\n load();\n});\n\nwatch(\n () => props.modelValue,\n (isOpen) => {\n if (isOpen) {\n loadAvailableStorages();\n } else {\n Object.assign(data, defaultData());\n }\n },\n { immediate: true },\n);\n\nuseEventListener(document, \"keydown\", (ev: KeyboardEvent) => {\n if (!props.modelValue) {\n return;\n }\n\n if (ev.target !== document.body) {\n return;\n }\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n if (ctrlOrMetaKey && ev.code === \"KeyA\") {\n ev.preventDefault();\n selectAll();\n }\n\n if (ctrlOrMetaKey && ev.shiftKey && ev.code === \"Period\") {\n ev.preventDefault();\n data.showHiddenItems = !data.showHiddenItems;\n }\n\n if (ev.code === \"Enter\") {\n props.submit();\n }\n});\n\ndefineExpose({\n isReady,\n getFilesToImport,\n});\n\nonMounted(loadAvailableStorages);\n\nconst lsContainerRef = ref<HTMLElement \| undefined>();\n</script>\n\n<template>\n <div :class=\"style.remote\" data-testid=\"pl-file-dialog-remote\" @click.stop=\"deselectAll\">\n <div :class=\"style.search\">\n <div>\n <PlDropdown\n v-model=\"data.storageEntry\"\n label=\"Select storage\"\n :options=\"data.storageOptions\"\n data-testid=\"pl-file-dialog-storage\"\n />\n </div>\n <div>\n <PlSearchField\n v-model=\"data.search\"\n label=\"Search in folder\"\n clearable\n data-testid=\"pl-file-dialog-search\"\n />\n </div>\n </div>\n <div :class=\"style['ls-container']\" ref=\"lsContainerRef\" data-testid=\"pl-file-dialog-browser\">\n <div :class=\"style['ls-head']\">\n <div :class=\"style['breadcrumbs']\" data-testid=\"pl-file-dialog-breadcrumbs\">\n <template v-for=\"(s, i) in breadcrumbs\" :key=\"i\">\n <div\n :title=\"s.path\"\n data-testid=\"pl-file-dialog-breadcrumb\"\n @click=\"setDirPath(s.path)\"\n >\n {{ s.name }}\n </div>\n <PlIcon16 v-if=\"s.index !== breadcrumbs.length - 1\" name=\"chevron-right\" />\n </template>\n </div>\n <div :class=\"style.selected\">\n <span data-testid=\"pl-file-dialog-selected-count\"\n >Selected: {{ selectedFiles.length }}</span\n >\n <Shortcuts :container=\"lsContainerRef\" />\n </div>\n </div>\n <div\n v-if=\"data.currentLoadingPath !== undefined\"\n class=\"ls-loader\"\n data-testid=\"pl-file-dialog-loading\"\n >\n <i class=\"mask-24 mask-loading loader-icon\" />\n </div>\n <div\n v-else-if=\"!data.storageEntry\"\n :class=\"style['ls-empty']\"\n data-testid=\"pl-file-dialog-empty\"\n >\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">Select storage to preview</div>\n </div>\n <div v-else-if=\"data.error\" :class=\"style['ls-error']\" data-testid=\"pl-file-dialog-error\">\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">{{ data.error }}</div>\n </div>\n <div v-else :class=\"style['ls-body']\" data-testid=\"pl-file-dialog-items\">\n <template v-for=\"file in visibleItems\" :key=\"file.id\">\n <div\n v-if=\"file.isDir\"\n :class=\"style.isDir\"\n data-testid=\"pl-file-dialog-dir\"\n @click=\"setDirPath(file.path)\"\n >\n <PlIcon16 name=\"chevron-right\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n <div\n v-else\n :class=\"{ [style.canBeSelected]: file.canBeSelected, [style.selected]: file.selected }\"\n data-testid=\"pl-file-dialog-file\"\n @click.stop=\"(ev) => selectFile(ev, file)\"\n >\n <PlMaskIcon16 name=\"box\" :class=\"style.isFile\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n </template>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":"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"}
1	+ {"version":3,"file":"Remote.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","style","_withModifiers","_createElementVNode","_createVNode","PlDropdown","PlSearchField","_Fragment","_renderList","_toDisplayString","_createBlock","PlIcon16","_createCommentVNode","Shortcuts","_withDirectives","_createTextVNode","PlMaskIcon16","PlIcon16_default","PlDropdown_default","PlSearchField_default","pl_file_dialog_module_default","Shortcuts_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","Remote_vue_vue_type_script_setup_true_lang_default","__expose","isCtrlOrMeta","ev","props","__props","data","reactive","defaultData","resetData","extensions","computed","normalizeExtensions","visibleItems","useVisibleItems","lookup","query","getRawPlatformaInstance","dirPath","storageHandle","notEmpty","res","item","ext","a","b","it","err","load","modelValue","breadcrumbs","getFilePathBreadcrumbs","selectedFiles","f","isReady","getFilesToImport","setDirPath","selectFile","ctrlOrMetaKey","items","file","shiftKey","lastSelected","between","changeAll","selected","selectAll","deselectAll","loadAvailableStorages","storageEntries","tapIf","entry","watch","toRef","isOpen","useEventListener","onMounted","lsContainerRef","ref","openBlock","createElementBlock","normalizeClass","unref","withModifiers","createElementVNode","createVNode","_cache","$event","\"breadcrumbs\"","Fragment","renderList","i","s","toDisplayString","createCommentVNode","createBlock","withDirectives","createTextVNode","vTextOverflown"],"sources":["../../../src/components/PlFileDialog/Remote.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport type { ImportedFiles } from \"../../types\";\nimport { between, notEmpty, tapIf } from \"@milaboratories/helpers\";\nimport { getRawPlatformaInstance, type StorageHandle } from \"@platforma-sdk/model\";\nimport { computed, onMounted, reactive, ref, toRef, watch } from \"vue\";\nimport { PlDropdown } from \"../PlDropdown\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport Shortcuts from \"./Shortcuts.vue\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSearchField } from \"../PlSearchField\";\nimport style from \"./pl-file-dialog.module.scss\";\nimport { defaultData, useVisibleItems, vTextOverflown } from \"./remote-helpers\";\nimport { getFilePathBreadcrumbs, normalizeExtensions, type FileDialogItem } from \"./utils\";\n\n// note that on a Mac, a click combined with the control key is intercepted by the operating system and used to open a context menu, so ctrlKey is not detectable on click events.\nconst isCtrlOrMeta = (ev: KeyboardEvent \| MouseEvent) => ev.ctrlKey \|\| ev.metaKey;\n\ndefineEmits<{\n (e: \"update:modelValue\", value: boolean): void;\n (e: \"import:files\", value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n modelValue: boolean;\n extensions?: string[]; // with dot, like ['.fastq.gz', '.fastq']\n multi?: boolean;\n title?: string;\n autoSelectStorage?: boolean;\n submit: () => void;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n },\n);\n\nconst data = reactive(defaultData());\n\nconst resetData = () => {\n data.search = \"\";\n data.error = \"\";\n data.lastSelected = undefined;\n};\n\nconst extensions = computed(() => normalizeExtensions(props.extensions));\n\nconst visibleItems = useVisibleItems(data);\n\nconst lookup = computed(() => {\n return {\n modelValue: props.modelValue,\n dirPath: data.dirPath,\n storageHandle: data.storageEntry?.handle,\n };\n});\n\nconst query = (storageHandle: StorageHandle, dirPath: string) => {\n if (!getRawPlatformaInstance()) {\n return;\n }\n\n if (data.currentLoadingPath === dirPath) {\n return;\n }\n\n data.currentLoadingPath = dirPath;\n\n getRawPlatformaInstance()\n .lsDriver.listFiles(storageHandle, dirPath)\n .then((res) => {\n if (dirPath !== data.dirPath) {\n return;\n }\n\n data.items = notEmpty(res)\n .entries.map((item) => ({\n path: item.fullPath,\n name: item.name,\n isDir: item.type === \"dir\",\n canBeSelected:\n item.type === \"file\" &&\n (!extensions.value \|\| extensions.value.some((ext) => item.fullPath.endsWith(ext))),\n handle: item.type === \"file\" ? item.handle : undefined,\n selected: false,\n }))\n .sort((a, b) => {\n if (a.isDir && !b.isDir) return -1;\n if (!a.isDir && b.isDir) return 1;\n // localeCompare for unicode alphabets\n return a.name.localeCompare(b.name);\n })\n .map((it, id) => ({ id, ...it }));\n\n data.lastSelected = undefined;\n })\n .catch((err) => (data.error = String(err)))\n .finally(() => {\n data.currentLoadingPath = undefined;\n });\n};\n\nconst load = () => {\n resetData();\n const { storageHandle, dirPath, modelValue } = lookup.value;\n if (storageHandle && modelValue) {\n query(storageHandle, dirPath);\n }\n};\n\nconst breadcrumbs = computed(() => getFilePathBreadcrumbs(data.dirPath));\n\nconst selectedFiles = computed(() =>\n data.items.filter((f) => f.canBeSelected && f.selected && !f.isDir),\n);\n\nconst isReady = computed(() => selectedFiles.value.length > 0 && data.storageEntry?.handle);\n\nconst getFilesToImport = () => ({\n storageHandle: notEmpty(data.storageEntry?.handle),\n files: selectedFiles.value.map((f) => f.handle!),\n});\n\nconst setDirPath = (dirPath: string) => {\n data.dirPath = dirPath;\n};\n\nconst selectFile = (ev: MouseEvent, file: FileDialogItem) => {\n const { shiftKey } = ev;\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n const { lastSelected } = data;\n\n ev.preventDefault();\n\n const items = visibleItems.value;\n\n if (file.canBeSelected) {\n if (!props.multi) {\n items.forEach((f) => (f.selected = false));\n }\n\n file.selected = !file.selected;\n\n if (!props.multi) {\n return;\n }\n\n if (!ctrlOrMetaKey && !shiftKey) {\n items.forEach((f) => {\n if (f.id !== file.id) {\n f.selected = false;\n }\n });\n }\n\n if (shiftKey && lastSelected !== undefined) {\n items.forEach((f) => {\n if (between(f.id, lastSelected, file.id)) {\n f.selected = true;\n }\n });\n }\n\n if (file.selected) {\n data.lastSelected = file.id;\n }\n }\n};\n\nconst changeAll = (selected: boolean) => {\n if (selected && !props.multi) {\n return;\n }\n\n visibleItems.value\n .filter((f) => f.canBeSelected)\n .forEach((file) => {\n file.selected = selected;\n });\n};\n\nconst selectAll = () => changeAll(true);\n\nconst deselectAll = () => changeAll(false);\n\nconst loadAvailableStorages = () => {\n resetData();\n deselectAll();\n if (!getRawPlatformaInstance()) {\n console.warn(\"platforma API is not found\");\n return;\n }\n getRawPlatformaInstance()\n .lsDriver.getStorageList()\n .then((storageEntries) => {\n // local storage is always returned by the ML, so we need to remove it from remote dialog manually\n storageEntries = storageEntries.filter(\n (it) => it.id !== \"local\" && !it.id.startsWith(\"local_disk_\"),\n );\n\n data.storageOptions = storageEntries.map((it) => ({\n text: it.name,\n value: it,\n }));\n\n if (props.autoSelectStorage) {\n tapIf(storageEntries[0], (entry) => {\n data.storageEntry = entry;\n });\n }\n })\n .catch((err) => (data.error = String(err)));\n};\n\nwatch(\n toRef(data, \"storageEntry\"),\n (entry) => {\n resetData();\n data.dirPath = entry?.initialFullPath ?? \"\";\n },\n { immediate: true },\n);\n\nwatch([() => data.dirPath, () => data.storageEntry], () => {\n load();\n});\n\nwatch(\n () => props.modelValue,\n (isOpen) => {\n if (isOpen) {\n loadAvailableStorages();\n } else {\n Object.assign(data, defaultData());\n }\n },\n { immediate: true },\n);\n\nuseEventListener(document, \"keydown\", (ev: KeyboardEvent) => {\n if (!props.modelValue) {\n return;\n }\n\n if (ev.target !== document.body) {\n return;\n }\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n if (ctrlOrMetaKey && ev.code === \"KeyA\") {\n ev.preventDefault();\n selectAll();\n }\n\n if (ctrlOrMetaKey && ev.shiftKey && ev.code === \"Period\") {\n ev.preventDefault();\n data.showHiddenItems = !data.showHiddenItems;\n }\n\n if (ev.code === \"Enter\") {\n props.submit();\n }\n});\n\ndefineExpose({\n isReady,\n getFilesToImport,\n});\n\nonMounted(loadAvailableStorages);\n\nconst lsContainerRef = ref<HTMLElement \| undefined>();\n</script>\n\n<template>\n <div :class=\"style.remote\" data-testid=\"pl-file-dialog-remote\" @click.stop=\"deselectAll\">\n <div :class=\"style.search\">\n <div>\n <PlDropdown\n v-model=\"data.storageEntry\"\n label=\"Select storage\"\n :options=\"data.storageOptions\"\n data-testid=\"pl-file-dialog-storage\"\n />\n </div>\n <div>\n <PlSearchField\n v-model=\"data.search\"\n label=\"Search in folder\"\n clearable\n data-testid=\"pl-file-dialog-search\"\n />\n </div>\n </div>\n <div :class=\"style['ls-container']\" ref=\"lsContainerRef\" data-testid=\"pl-file-dialog-browser\">\n <div :class=\"style['ls-head']\">\n <div :class=\"style['breadcrumbs']\" data-testid=\"pl-file-dialog-breadcrumbs\">\n <template v-for=\"(s, i) in breadcrumbs\" :key=\"i\">\n <div\n :title=\"s.path\"\n data-testid=\"pl-file-dialog-breadcrumb\"\n @click=\"setDirPath(s.path)\"\n >\n {{ s.name }}\n </div>\n <PlIcon16 v-if=\"s.index !== breadcrumbs.length - 1\" name=\"chevron-right\" />\n </template>\n </div>\n <div :class=\"style.selected\">\n <span data-testid=\"pl-file-dialog-selected-count\"\n >Selected: {{ selectedFiles.length }}</span\n >\n <Shortcuts :container=\"lsContainerRef\" />\n </div>\n </div>\n <div\n v-if=\"data.currentLoadingPath !== undefined\"\n class=\"ls-loader\"\n data-testid=\"pl-file-dialog-loading\"\n >\n <i class=\"mask-24 mask-loading loader-icon\" />\n </div>\n <div\n v-else-if=\"!data.storageEntry\"\n :class=\"style['ls-empty']\"\n data-testid=\"pl-file-dialog-empty\"\n >\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">Select storage to preview</div>\n </div>\n <div v-else-if=\"data.error\" :class=\"style['ls-error']\" data-testid=\"pl-file-dialog-error\">\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">{{ data.error }}</div>\n </div>\n <div v-else :class=\"style['ls-body']\" data-testid=\"pl-file-dialog-items\">\n <template v-for=\"file in visibleItems\" :key=\"file.id\">\n <div\n v-if=\"file.isDir\"\n :class=\"style.isDir\"\n data-testid=\"pl-file-dialog-dir\"\n @click=\"setDirPath(file.path)\"\n >\n <PlIcon16 name=\"chevron-right\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n <div\n v-else\n :class=\"{ [style.canBeSelected]: file.canBeSelected, [style.selected]: file.selected }\"\n data-testid=\"pl-file-dialog-file\"\n @click.stop=\"(ev) => selectFile(ev, file)\"\n >\n <PlMaskIcon16 name=\"box\" :class=\"style.isFile\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n </template>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":"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"}

package/dist/components/PlFileDialog/Shortcuts.js CHANGED Viewed

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

package/dist/components/PlFileDialog/Shortcuts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Shortcuts.js","names":[],"sources":["../../../src/components/PlFileDialog/Shortcuts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineProps<{\n container?: \"body\" \| HTMLElement;\n}>();\n</script>\n\n<template>\n <PlTooltip\n class=\"info\"\n position=\"bottom\"\n max-width=\"420px\"\n :container=\"container\"\n data-testid=\"pl-file-dialog-shortcuts\"\n >\n <template #tooltip>\n <span :class=\"$style.title\">Shortcuts</span>\n\n <div :class=\"[$style.row, $style.head]\">\n <div />\n <div>MacOS</div>\n <div>Windows/Linux</div>\n </div>\n\n <div :class=\"[$style.row, $style.body]\">\n <div>Single File</div>\n <div>Click the file</div>\n <div>Click the file</div>\n\n <div>Adjacent multiple files</div>\n <div>Hold Shift, click first and last files</div>\n <div>Hold Shift, click first and last files</div>\n\n <div>Non-adjacent multiple files</div>\n <div>Hold Command (⌘), click each file</div>\n <div>Hold Ctrl, click each file</div>\n\n <div>All files</div>\n <div>Press Command (⌘) + A</div>\n <div>Press Ctrl + A</div>\n </div>\n </template>\n </PlTooltip>\n</template>\n\n<style lang=\"css\" module>\n.title {\n display: inline-block;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n margin-bottom: 10px;\n}\n\n.row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n width: 100%;\n color: #fff;\n column-gap: 1px;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.row > div:nth-child(3n + 1) {\n padding-left: 4px;\n}\n\n.row > div:nth-child(3n) {\n padding-right: 4px;\n}\n\n.head {\n background-color: #110529;\n position: relative;\n}\n\n.head:before {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n left: -12px;\n height: 100%;\n}\n\n.head:after {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n right: -12px;\n height: 100%;\n}\n\n.head > div {\n padding: 6px 12px;\n background-color: #231842;\n}\n\n.body {\n background-color: #231842;\n}\n\n.body > div {\n padding: 6px 12px;\n background: #110529;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"Shortcuts.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","Shortcuts_vue_vue_type_script_setup_true_lang_default","Shortcuts_vue_vue_type_style_index_0_lang_module_default","Shortcuts_default","\"$style\""],"sources":["../../../src/components/PlFileDialog/Shortcuts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineProps<{\n container?: \"body\" \| HTMLElement;\n}>();\n</script>\n\n<template>\n <PlTooltip\n class=\"info\"\n position=\"bottom\"\n max-width=\"420px\"\n :container=\"container\"\n data-testid=\"pl-file-dialog-shortcuts\"\n >\n <template #tooltip>\n <span :class=\"$style.title\">Shortcuts</span>\n\n <div :class=\"[$style.row, $style.head]\">\n <div />\n <div>MacOS</div>\n <div>Windows/Linux</div>\n </div>\n\n <div :class=\"[$style.row, $style.body]\">\n <div>Single File</div>\n <div>Click the file</div>\n <div>Click the file</div>\n\n <div>Adjacent multiple files</div>\n <div>Hold Shift, click first and last files</div>\n <div>Hold Shift, click first and last files</div>\n\n <div>Non-adjacent multiple files</div>\n <div>Hold Command (⌘), click each file</div>\n <div>Hold Ctrl, click each file</div>\n\n <div>All files</div>\n <div>Press Command (⌘) + A</div>\n <div>Press Ctrl + A</div>\n </div>\n </template>\n </PlTooltip>\n</template>\n\n<style lang=\"css\" module>\n.title {\n display: inline-block;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n margin-bottom: 10px;\n}\n\n.row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n width: 100%;\n color: #fff;\n column-gap: 1px;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.row > div:nth-child(3n + 1) {\n padding-left: 4px;\n}\n\n.row > div:nth-child(3n) {\n padding-right: 4px;\n}\n\n.head {\n background-color: #110529;\n position: relative;\n}\n\n.head:before {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n left: -12px;\n height: 100%;\n}\n\n.head:after {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n right: -12px;\n height: 100%;\n}\n\n.head > div {\n padding: 6px 12px;\n background-color: #231842;\n}\n\n.body {\n background-color: #231842;\n}\n\n.body > div {\n padding: 6px 12px;\n background: #110529;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlFileDialog/Shortcuts.style.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import './Shortcuts.vue.css';var e = {
-	title: "_title_11ml3_2",
-	row: "_row_11ml3_10",
-	head: "_head_11ml3_30",
-	body: "_body_11ml3_58"
+import './Shortcuts.style.css';// src/components/PlFileDialog/Shortcuts.vue?vue&type=style&index=0&lang.module.css
+var e = "_title_11ml3_2", t = "_row_11ml3_10", n = "_head_11ml3_30", r = "_body_11ml3_58", i = {
+	title: e,
+	row: t,
+	head: n,
+	body: r
 };
-//#endregion
-export { e as default };
+export { r as body, i as default, n as head, t as row, e as title };
 //# sourceMappingURL=Shortcuts.style.js.map

package/dist/components/PlFileDialog/Shortcuts.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Shortcuts.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlFileDialog/Shortcuts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineProps<{\n container?: \"body\" \| HTMLElement;\n}>();\n</script>\n\n<template>\n <PlTooltip\n class=\"info\"\n position=\"bottom\"\n max-width=\"420px\"\n :container=\"container\"\n data-testid=\"pl-file-dialog-shortcuts\"\n >\n <template #tooltip>\n <span :class=\"$style.title\">Shortcuts</span>\n\n <div :class=\"[$style.row, $style.head]\">\n <div />\n <div>MacOS</div>\n <div>Windows/Linux</div>\n </div>\n\n <div :class=\"[$style.row, $style.body]\">\n <div>Single File</div>\n <div>Click the file</div>\n <div>Click the file</div>\n\n <div>Adjacent multiple files</div>\n <div>Hold Shift, click first and last files</div>\n <div>Hold Shift, click first and last files</div>\n\n <div>Non-adjacent multiple files</div>\n <div>Hold Command (⌘), click each file</div>\n <div>Hold Ctrl, click each file</div>\n\n <div>All files</div>\n <div>Press Command (⌘) + A</div>\n <div>Press Ctrl + A</div>\n </div>\n </template>\n </PlTooltip>\n</template>\n\n<style lang=\"css\" module>\n.title {\n display: inline-block;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n margin-bottom: 10px;\n}\n\n.row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n width: 100%;\n color: #fff;\n column-gap: 1px;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.row > div:nth-child(3n + 1) {\n padding-left: 4px;\n}\n\n.row > div:nth-child(3n) {\n padding-right: 4px;\n}\n\n.head {\n background-color: #110529;\n position: relative;\n}\n\n.head:before {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n left: -12px;\n height: 100%;\n}\n\n.head:after {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n right: -12px;\n height: 100%;\n}\n\n.head > div {\n padding: 6px 12px;\n background-color: #231842;\n}\n\n.body {\n background-color: #231842;\n}\n\n.body > div {\n padding: 6px 12px;\n background: #110529;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"Shortcuts.vue_vue_type_style_index_0_lang.module.js","names":["title","row","head","body","Shortcuts_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlFileDialog/Shortcuts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineProps<{\n container?: \"body\" \| HTMLElement;\n}>();\n</script>\n\n<template>\n <PlTooltip\n class=\"info\"\n position=\"bottom\"\n max-width=\"420px\"\n :container=\"container\"\n data-testid=\"pl-file-dialog-shortcuts\"\n >\n <template #tooltip>\n <span :class=\"$style.title\">Shortcuts</span>\n\n <div :class=\"[$style.row, $style.head]\">\n <div />\n <div>MacOS</div>\n <div>Windows/Linux</div>\n </div>\n\n <div :class=\"[$style.row, $style.body]\">\n <div>Single File</div>\n <div>Click the file</div>\n <div>Click the file</div>\n\n <div>Adjacent multiple files</div>\n <div>Hold Shift, click first and last files</div>\n <div>Hold Shift, click first and last files</div>\n\n <div>Non-adjacent multiple files</div>\n <div>Hold Command (⌘), click each file</div>\n <div>Hold Ctrl, click each file</div>\n\n <div>All files</div>\n <div>Press Command (⌘) + A</div>\n <div>Press Ctrl + A</div>\n </div>\n </template>\n </PlTooltip>\n</template>\n\n<style lang=\"css\" module>\n.title {\n display: inline-block;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n margin-bottom: 10px;\n}\n\n.row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n width: 100%;\n color: #fff;\n column-gap: 1px;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.row > div:nth-child(3n + 1) {\n padding-left: 4px;\n}\n\n.row > div:nth-child(3n) {\n padding-right: 4px;\n}\n\n.head {\n background-color: #110529;\n position: relative;\n}\n\n.head:before {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n left: -12px;\n height: 100%;\n}\n\n.head:after {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n right: -12px;\n height: 100%;\n}\n\n.head > div {\n padding: 6px 12px;\n background-color: #231842;\n}\n\n.body {\n background-color: #231842;\n}\n\n.body > div {\n padding: 6px 12px;\n background: #110529;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlFileDialog/Shortcuts.vue2.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import e from "../PlTooltip/PlTooltip.js";
 import "../PlTooltip/index.js";
 import { createBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o, withCtx as s } from "vue";
-//#region src/components/PlFileDialog/Shortcuts.vue?vue&type=script&setup=true&lang.ts
-var c = /* @__PURE__ */ r({
+// src/components/PlFileDialog/Shortcuts.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ r({
 	__name: "Shortcuts",
 	props: { container: {} },
 	setup(r) {
@@ -39,7 +39,6 @@ var c = /* @__PURE__ */ r({
 		}, 8, ["container"]));
 	}
 });
-//#endregion
 export { c as default };
 //# sourceMappingURL=Shortcuts.vue2.js.map

package/dist/components/PlFileDialog/Shortcuts.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Shortcuts.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlFileDialog/Shortcuts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineProps<{\n container?: \"body\" \| HTMLElement;\n}>();\n</script>\n\n<template>\n <PlTooltip\n class=\"info\"\n position=\"bottom\"\n max-width=\"420px\"\n :container=\"container\"\n data-testid=\"pl-file-dialog-shortcuts\"\n >\n <template #tooltip>\n <span :class=\"$style.title\">Shortcuts</span>\n\n <div :class=\"[$style.row, $style.head]\">\n <div />\n <div>MacOS</div>\n <div>Windows/Linux</div>\n </div>\n\n <div :class=\"[$style.row, $style.body]\">\n <div>Single File</div>\n <div>Click the file</div>\n <div>Click the file</div>\n\n <div>Adjacent multiple files</div>\n <div>Hold Shift, click first and last files</div>\n <div>Hold Shift, click first and last files</div>\n\n <div>Non-adjacent multiple files</div>\n <div>Hold Command (⌘), click each file</div>\n <div>Hold Ctrl, click each file</div>\n\n <div>All files</div>\n <div>Press Command (⌘) + A</div>\n <div>Press Ctrl + A</div>\n </div>\n </template>\n </PlTooltip>\n</template>\n\n<style lang=\"css\" module>\n.title {\n display: inline-block;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n margin-bottom: 10px;\n}\n\n.row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n width: 100%;\n color: #fff;\n column-gap: 1px;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.row > div:nth-child(3n + 1) {\n padding-left: 4px;\n}\n\n.row > div:nth-child(3n) {\n padding-right: 4px;\n}\n\n.head {\n background-color: #110529;\n position: relative;\n}\n\n.head:before {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n left: -12px;\n height: 100%;\n}\n\n.head:after {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n right: -12px;\n height: 100%;\n}\n\n.head > div {\n padding: 6px 12px;\n background-color: #231842;\n}\n\n.body {\n background-color: #231842;\n}\n\n.body > div {\n padding: 6px 12px;\n background: #110529;\n}\n</style>\n"],"mappings":";;;;;;;;~~yBASE~~,~~EAkCY~~,EAAA,~~EAAA~~,~~EAAA~~;GAjCV,OAAM;GACN,UAAS;GACT,aAAU;GACT,~~WAAW~~,EAAA;GACZ,eAAY;;GAED,~~SAAO~~,QAC4B;~~IAA5C~~,EAA4C,QAAA,EAArC,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~MAAK~~,~~EAAA,~~EAAE,aAAS,~~EAAA~~;~~IAErC~~,EAIM,OAAA,EAJA,~~OAAK~~,EAAA,~~CAAGA~~,EAAAA,OAAO,KAAKA,EAAAA,OAAO,~~KAAI~~,CAAA,~~EAAA,EAAA,CAAA,GAAA,AAAA,EAAA,OAAA~~;~~KACnC~~,EAAO,OAAA,MAAA,MAAA,~~GAAA~~;~~KACP~~,EAAgB,OAAA,MAAX,SAAK,~~GAAA~~;~~KACV~~,EAAwB,OAAA,MAAnB,iBAAa,~~GAAA~~;;~~IAGpB~~,EAgBM,OAAA,EAhBA,~~OAAK~~,EAAA,~~CAAGA~~,EAAAA,OAAO,KAAKA,EAAAA,OAAO,~~KAAI~~,CAAA,~~EAAA,EAAA,CAAA,GAAA,AAAA,EAAA,OAAA~~;~~KACnC~~,EAAsB,OAAA,MAAjB,eAAW,~~GAAA~~;~~KAChB~~,EAAyB,OAAA,MAApB,kBAAc,~~GAAA~~;~~KACnB~~,EAAyB,OAAA,MAApB,kBAAc,~~GAAA~~;~~KAEnB~~,EAAkC,OAAA,MAA7B,2BAAuB,~~GAAA~~;~~KAC5B~~,EAAiD,OAAA,MAA5C,0CAAsC,~~GAAA~~;~~KAC3C~~,EAAiD,OAAA,MAA5C,0CAAsC,~~GAAA~~;~~KAE3C~~,EAAsC,OAAA,MAAjC,+BAA2B,~~GAAA~~;~~KAChC~~,EAA4C,OAAA,MAAvC,qCAAiC,~~GAAA~~;~~KACtC~~,EAAqC,OAAA,MAAhC,8BAA0B,~~GAAA~~;KAE/B,EAAoB,OAAA,MAAf,aAAS,~~GAAA~~;~~KACd~~,EAAgC,OAAA,MAA3B,yBAAqB,~~GAAA~~;~~KAC1B~~,EAAyB,OAAA,MAApB,kBAAc,~~GAAA~~"}
1	+ {"version":3,"file":"Shortcuts.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createBlock","_unref","PlTooltip","_withCtx","_createElementVNode","_normalizeClass","PlTooltip_default","Shortcuts_vue_vue_type_script_setup_true_lang_default","openBlock","createBlock","unref","__props","withCtx","createElementVNode","normalizeClass","_ctx","_cache"],"sources":["../../../src/components/PlFileDialog/Shortcuts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineProps<{\n container?: \"body\" \| HTMLElement;\n}>();\n</script>\n\n<template>\n <PlTooltip\n class=\"info\"\n position=\"bottom\"\n max-width=\"420px\"\n :container=\"container\"\n data-testid=\"pl-file-dialog-shortcuts\"\n >\n <template #tooltip>\n <span :class=\"$style.title\">Shortcuts</span>\n\n <div :class=\"[$style.row, $style.head]\">\n <div />\n <div>MacOS</div>\n <div>Windows/Linux</div>\n </div>\n\n <div :class=\"[$style.row, $style.body]\">\n <div>Single File</div>\n <div>Click the file</div>\n <div>Click the file</div>\n\n <div>Adjacent multiple files</div>\n <div>Hold Shift, click first and last files</div>\n <div>Hold Shift, click first and last files</div>\n\n <div>Non-adjacent multiple files</div>\n <div>Hold Command (⌘), click each file</div>\n <div>Hold Ctrl, click each file</div>\n\n <div>All files</div>\n <div>Press Command (⌘) + A</div>\n <div>Press Ctrl + A</div>\n </div>\n </template>\n </PlTooltip>\n</template>\n\n<style lang=\"css\" module>\n.title {\n display: inline-block;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n margin-bottom: 10px;\n}\n\n.row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n width: 100%;\n color: #fff;\n column-gap: 1px;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.row > div:nth-child(3n + 1) {\n padding-left: 4px;\n}\n\n.row > div:nth-child(3n) {\n padding-right: 4px;\n}\n\n.head {\n background-color: #110529;\n position: relative;\n}\n\n.head:before {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n left: -12px;\n height: 100%;\n}\n\n.head:after {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n right: -12px;\n height: 100%;\n}\n\n.head > div {\n padding: 6px 12px;\n background-color: #231842;\n}\n\n.body {\n background-color: #231842;\n}\n\n.body > div {\n padding: 6px 12px;\n background: #110529;\n}\n</style>\n"],"mappings":";;;;;;;;E,kBASEC,EAAA,GAAAC,EAkCYC,EAAAC,CAAA,GAAA;GAjCV,OAAM;GACN,UAAS;GACT,aAAU;GACT,WAAWS,EAAA;GACZ,eAAY;;GAED,SAAOR,QAC4B;IAA5CC,EAA4C,QAAA,EAArC,OAAKC,EAAEP,EAAAA,OAAO,KAAK,EAAE,GAAA,aAAS,CAAA;IAErCM,EAIM,OAAA,EAJA,OAAKC,EAAA,CAAGP,EAAAA,OAAO,KAAKA,EAAAA,OAAO,IAAI,CAAA,E;KACnCM,EAAO,OAAA,MAAA,MAAA,EAAA;KACPA,EAAgB,OAAA,MAAX,SAAK,EAAA;KACVA,EAAwB,OAAA,MAAnB,iBAAa,EAAA;;IAGpBA,EAgBM,OAAA,EAhBA,OAAKC,EAAA,CAAGP,EAAAA,OAAO,KAAKA,EAAAA,OAAO,IAAI,CAAA,E;KACnCM,EAAsB,OAAA,MAAjB,eAAW,EAAA;KAChBA,EAAyB,OAAA,MAApB,kBAAc,EAAA;KACnBA,EAAyB,OAAA,MAApB,kBAAc,EAAA;KAEnBA,EAAkC,OAAA,MAA7B,2BAAuB,EAAA;KAC5BA,EAAiD,OAAA,MAA5C,0CAAsC,EAAA;KAC3CA,EAAiD,OAAA,MAA5C,0CAAsC,EAAA;KAE3CA,EAAsC,OAAA,MAAjC,+BAA2B,EAAA;KAChCA,EAA4C,OAAA,MAAvC,qCAAiC,EAAA;KACtCA,EAAqC,OAAA,MAAhC,8BAA0B,EAAA;KAE/BA,EAAoB,OAAA,MAAf,aAAS,EAAA;KACdA,EAAgC,OAAA,MAA3B,yBAAqB,EAAA;KAC1BA,EAAyB,OAAA,MAApB,kBAAc,EAAA"}

package/dist/components/PlFileDialog/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~import~~ "./PlFileDialog.js";
1	+ export { default as PlFileDialog } from "./PlFileDialog.js";

package/dist/components/PlFileDialog/pl-file-dialog.module.js CHANGED Viewed

@@ -1,26 +1,26 @@
-import './pl-file-dialog.css';var e = {
-	component: "_component_1jvlg_1",
-	local: "_local_1jvlg_1",
-	supported: "_supported_1jvlg_26",
-	remote: "_remote_1jvlg_32",
-	search: "_search_1jvlg_40",
+import './pl-file-dialog.css';// src/components/PlFileDialog/pl-file-dialog.module.scss
+var e = "_component_1jvlg_1", t = "_local_1jvlg_1", n = "_supported_1jvlg_26", r = "_remote_1jvlg_32", i = "_search_1jvlg_40", a = "_selected_1jvlg_72", o = "_breadcrumbs_1jvlg_86", s = "_cat_1jvlg_116", c = "_message_1jvlg_122", l = "_isFile_1jvlg_196", u = "_isDir_1jvlg_200", d = "_canBeSelected_1jvlg_206", f = "_spin_1jvlg_1", p = {
+	component: e,
+	local: t,
+	supported: n,
+	remote: r,
+	search: i,
 	"ls-container": "_ls-container_1jvlg_50",
 	"ls-head": "_ls-head_1jvlg_57",
-	selected: "_selected_1jvlg_72",
-	breadcrumbs: "_breadcrumbs_1jvlg_86",
+	selected: a,
+	breadcrumbs: o,
 	"ls-error": "_ls-error_1jvlg_108",
-	cat: "_cat_1jvlg_116",
-	message: "_message_1jvlg_122",
+	cat: s,
+	message: c,
 	"ls-empty": "_ls-empty_1jvlg_131",
 	"ls-body": "_ls-body_1jvlg_152",
-	isFile: "_isFile_1jvlg_196",
-	isDir: "_isDir_1jvlg_200",
-	canBeSelected: "_canBeSelected_1jvlg_206",
+	isFile: l,
+	isDir: u,
+	canBeSelected: d,
 	"ls-loader": "_ls-loader_1jvlg_212",
 	"loader-icon": "_loader-icon_1jvlg_220",
-	spin: "_spin_1jvlg_1"
+	spin: f
 };
-//#endregion
-export { e as default };
+export { o as breadcrumbs, d as canBeSelected, s as cat, e as component, p as default, u as isDir, l as isFile, t as local, c as message, r as remote, i as search, a as selected, f as spin, n as supported };
 //# sourceMappingURL=pl-file-dialog.module.js.map

package/dist/components/PlFileDialog/pl-file-dialog.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pl-file-dialog.module.js","names":[],"sources":["../../../src/components/PlFileDialog/pl-file-dialog.module.scss"],"sourcesContent":["@use \"../../assets/mixins.scss\" as ;\n\n.component {\n .local {\n --pl-file-dialog-local-bg: var(--bg-base-light);\n --pl-file-dialog-local-border-color: var(--border-color-div-grey);\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 12px;\n overflow: auto;\n background-color: var(--pl-file-dialog-local-bg);\n border-radius: 6px;\n border: 1px dashed var(--pl-file-dialog-local-border-color);\n\n flex: 1;\n margin: 0 24px 24px 24px;\n\n &:hover {\n --pl-file-dialog-local-bg: rgba(99, 224, 36, 0.12);\n --pl-file-dialog-local-border-color: var(--border-color-focus);\n }\n\n > span {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n / 142.857% */\n }\n\n .supported {\n color: var(--txt-03);\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n }\n }\n\n .remote {\n display: flex;\n flex-direction: column;\n gap: 24px;\n min-height: 0;\n max-width: 100%;\n flex: 1;\n\n .search {\n padding-top: 6px;\n display: flex;\n flex-direction: row;\n gap: 12px;\n margin: 0 24px;\n\n > div {\n flex: 1;\n }\n }\n\n .ls-container {\n display: flex;\n flex-direction: column;\n border-top: 1px solid var(--border-color-div-grey);\n flex: 1;\n min-height: 0;\n }\n\n .ls-head {\n display: flex;\n align-items: center;\n max-width: 100%;\n gap: 6px;\n height: 40px;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px;\n letter-spacing: 0.44px;\n border-bottom: 1px solid var(--border-color-div-grey);\n background-color: var(--bg-base-light);\n padding: 0 24px;\n\n .selected {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.44px;\n text-transform: uppercase;\n white-space: nowrap;\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n > div {\n cursor: pointer;\n }\n\n .breadcrumbs {\n color: var(--txt-01);\n font-size: 14px;\n line-height: 18px;\n font-weight: 600;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 2px;\n min-width: 0;\n max-width: 100%;\n\n > div {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n i {\n display: inline-block;\n min-width: 16px;\n }\n }\n }\n\n .ls-error {\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: center;\n background-color: var(--bg-base-light);\n height: 366px;\n\n .cat {\n margin-top: 40px;\n width: 240px;\n height: 200px;\n background: url(\"../../assets/images/no-data-cat.svg\");\n }\n\n .message {\n color: var(--txt-mask);\n text-align: center;\n font-size: 28px;\n line-height: 28px;\n font-weight: 500;\n letter-spacing: -0.56px;\n overflow: hidden;\n }\n }\n\n .ls-empty {\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: center;\n background-color: var(--bg-base-light);\n height: 366px;\n\n .cat {\n margin-top: 40px;\n width: 400px;\n height: 200px;\n background: url(\"../../assets/images/empty-cat.svg\");\n }\n\n .message {\n color: var(--txt-mask);\n text-align: center;\n font-size: 28px;\n font-weight: 500;\n letter-spacing: -0.56px;\n }\n }\n\n .ls-body {\n padding: 12px;\n min-height: 0;\n flex: 1;\n overflow: auto;\n user-select: none;\n display: flex;\n flex-direction: column;\n @include scrollbar(true);\n\n > div {\n font-family: var(--font-family-monospace);\n color: var(--txt-01);\n font-feature-settings:\n \"ss11\" on,\n \"ss15\" on,\n \"ss17\" on;\n font-size: 14px;\n font-weight: 400;\n display: flex;\n align-items: center;\n min-height: 24px;\n gap: 12px;\n padding: 0 12px;\n\n > span {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n }\n\n > i {\n min-width: 16px;\n }\n\n i.isFile {\n display: inline-block;\n background-color: #cfd1db;\n }\n\n &.isDir {\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n &.canBeSelected {\n color: var(--txt-01);\n\n &.selected {\n background-color: var(--btn-active-select);\n }\n }\n }\n }\n\n .ls-loader {\n display: flex;\n align-items: center;\n justify-items: center;\n height: 366px;\n transform: scale(4);\n overflow: hidden;\n\n .loader-icon {\n animation: spin 4s linear infinite;\n background-color: #ccc;\n margin: auto;\n }\n }\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"pl-file-dialog.module.js","names":["component","local","supported","remote","search","selected","breadcrumbs","cat","message","isFile","isDir","canBeSelected","spin","pl_file_dialog_module_default"],"sources":["../../../src/components/PlFileDialog/pl-file-dialog.module.scss"],"sourcesContent":["@use \"../../assets/mixins.scss\" as ;\n\n.component {\n .local {\n --pl-file-dialog-local-bg: var(--bg-base-light);\n --pl-file-dialog-local-border-color: var(--border-color-div-grey);\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 12px;\n overflow: auto;\n background-color: var(--pl-file-dialog-local-bg);\n border-radius: 6px;\n border: 1px dashed var(--pl-file-dialog-local-border-color);\n\n flex: 1;\n margin: 0 24px 24px 24px;\n\n &:hover {\n --pl-file-dialog-local-bg: rgba(99, 224, 36, 0.12);\n --pl-file-dialog-local-border-color: var(--border-color-focus);\n }\n\n > span {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n / 142.857% */\n }\n\n .supported {\n color: var(--txt-03);\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n }\n }\n\n .remote {\n display: flex;\n flex-direction: column;\n gap: 24px;\n min-height: 0;\n max-width: 100%;\n flex: 1;\n\n .search {\n padding-top: 6px;\n display: flex;\n flex-direction: row;\n gap: 12px;\n margin: 0 24px;\n\n > div {\n flex: 1;\n }\n }\n\n .ls-container {\n display: flex;\n flex-direction: column;\n border-top: 1px solid var(--border-color-div-grey);\n flex: 1;\n min-height: 0;\n }\n\n .ls-head {\n display: flex;\n align-items: center;\n max-width: 100%;\n gap: 6px;\n height: 40px;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px;\n letter-spacing: 0.44px;\n border-bottom: 1px solid var(--border-color-div-grey);\n background-color: var(--bg-base-light);\n padding: 0 24px;\n\n .selected {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.44px;\n text-transform: uppercase;\n white-space: nowrap;\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n > div {\n cursor: pointer;\n }\n\n .breadcrumbs {\n color: var(--txt-01);\n font-size: 14px;\n line-height: 18px;\n font-weight: 600;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 2px;\n min-width: 0;\n max-width: 100%;\n\n > div {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n i {\n display: inline-block;\n min-width: 16px;\n }\n }\n }\n\n .ls-error {\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: center;\n background-color: var(--bg-base-light);\n height: 366px;\n\n .cat {\n margin-top: 40px;\n width: 240px;\n height: 200px;\n background: url(\"../../assets/images/no-data-cat.svg\");\n }\n\n .message {\n color: var(--txt-mask);\n text-align: center;\n font-size: 28px;\n line-height: 28px;\n font-weight: 500;\n letter-spacing: -0.56px;\n overflow: hidden;\n }\n }\n\n .ls-empty {\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: center;\n background-color: var(--bg-base-light);\n height: 366px;\n\n .cat {\n margin-top: 40px;\n width: 400px;\n height: 200px;\n background: url(\"../../assets/images/empty-cat.svg\");\n }\n\n .message {\n color: var(--txt-mask);\n text-align: center;\n font-size: 28px;\n font-weight: 500;\n letter-spacing: -0.56px;\n }\n }\n\n .ls-body {\n padding: 12px;\n min-height: 0;\n flex: 1;\n overflow: auto;\n user-select: none;\n display: flex;\n flex-direction: column;\n @include scrollbar(true);\n\n > div {\n font-family: var(--font-family-monospace);\n color: var(--txt-01);\n font-feature-settings:\n \"ss11\" on,\n \"ss15\" on,\n \"ss17\" on;\n font-size: 14px;\n font-weight: 400;\n display: flex;\n align-items: center;\n min-height: 24px;\n gap: 12px;\n padding: 0 12px;\n\n > span {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n }\n\n > i {\n min-width: 16px;\n }\n\n i.isFile {\n display: inline-block;\n background-color: #cfd1db;\n }\n\n &.isDir {\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n &.canBeSelected {\n color: var(--txt-01);\n\n &.selected {\n background-color: var(--btn-active-select);\n }\n }\n }\n }\n\n .ls-loader {\n display: flex;\n align-items: center;\n justify-items: center;\n height: 366px;\n transform: scale(4);\n overflow: hidden;\n\n .loader-icon {\n animation: spin 4s linear infinite;\n background-color: #ccc;\n margin: auto;\n }\n }\n }\n}\n"],"mappings":""}

package/dist/components/PlFileDialog/remote-helpers.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { computed as e } from "vue";
-//#region src/components/PlFileDialog/remote-helpers.ts
+// src/components/PlFileDialog/remote-helpers.ts
 var t = () => ({
 	dirPath: "",
 	search: "",
@@ -28,7 +28,6 @@ var r = { mounted: (e) => {
 		e.innerText = t.substring(0, 57) + "..." + t.substring(t.length - 10);
 	}
 } };
-//#endregion
 export { t as defaultData, n as useVisibleItems, r as vTextOverflown };
 //# sourceMappingURL=remote-helpers.js.map

package/dist/components/PlFileDialog/remote-helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"remote-helpers.js","names":[],"sources":["../../../src/components/PlFileDialog/remote-helpers.ts"],"sourcesContent":["import type { Option } from \"@milaboratories/helpers\";\nimport type { StorageEntry } from \"@platforma-sdk/model\";\nimport type { FileDialogItem } from \"./utils\";\nimport { computed } from \"vue\";\n\nexport const defaultData = () => ({\n dirPath: \"\" as string,\n search: \"\",\n storageEntry: undefined as StorageEntry \| undefined,\n items: [] as FileDialogItem[],\n error: \"\",\n storageOptions: [] as Option<StorageEntry>[],\n selected: [],\n lastSelected: undefined as number \| undefined,\n currentLoadingPath: undefined as string \| undefined,\n showHiddenItems: false,\n});\n\nexport type Data = ReturnType<typeof defaultData>;\n\nexport function useVisibleItems(data: Data) {\n return computed(() => {\n let items = data.items;\n\n if (!data.showHiddenItems) {\n items = items.filter((it) => !it.name.startsWith(\".\"));\n }\n\n if (data.search) {\n const search = data.search.toLocaleLowerCase();\n items = items.filter((it) => it.name.toLocaleLowerCase().includes(search));\n }\n\n return items;\n });\n}\n\nexport const vTextOverflown = {\n mounted: (el: HTMLElement) => {\n if (el.clientWidth < el.scrollWidth) {\n const s = el.innerText;\n el.innerText = s.substring(0, 57) + \"...\" + s.substring(s.length - 10);\n }\n },\n};\n"],"mappings":";;AAKA,~~IAAa~~,WAAqB;CAChC,SAAS;CACT,QAAQ;CACR,cAAc,KAAA;CACd,OAAO,~~EAAE~~;~~CACT~~,OAAO;CACP,gBAAgB,~~EAAE~~;~~CAClB~~,UAAU,~~EAAE~~;~~CACZ~~,cAAc,KAAA;CACd,oBAAoB,KAAA;CACpB,iBAAiB;~~CAClB~~;~~AAID~~,~~SAAgB~~,EAAgB,GAAY;~~AAC1C~~,~~QAAO~~,QAAe;EACpB,~~IAAI~~,~~IAAQ~~,EAAK;~~AAMjB~~,~~MAJK~~,EAAK,oBACR,~~IAAQ~~,EAAM,QAAQ,MAAO,~~CAAC~~,EAAG,KAAK,WAAW,~~IAAI~~,CAAC,~~GAGpD~~,EAAK,QAAQ;GACf,~~IAAM~~,~~IAAS~~,EAAK,OAAO,~~mBAAmB~~;~~AAC9C~~,~~OAAQ~~,EAAM,QAAQ,~~MAAO~~,EAAG,KAAK,~~mBAAmB~~,CAAC,~~SAAS~~,~~EAAO~~,CAAC~~;;AAG5E~~,~~SAAO~~;~~GACP;;AAGJ~~,~~IAAa~~,IAAiB,EAC5B,UAAU,MAAoB;~~AAC5B~~,~~KAAI~~,EAAG,~~cAAc~~,EAAG,aAAa;EACnC,~~IAAM~~,~~IAAI~~,EAAG;~~AACb~~,~~IAAG~~,~~YAAY~~,EAAE,UAAU,GAAG,~~GAAG~~,~~GAAG~~,~~QAAQ~~,EAAE,~~UAAU~~,EAAE,SAAS,~~GAAG;;GAG3E~~"}
1	+ {"version":3,"file":"remote-helpers.js","names":["defaultData","useVisibleItems","computed","items","data","it","search","vTextOverflown","el","s"],"sources":["../../../src/components/PlFileDialog/remote-helpers.ts"],"sourcesContent":["import type { Option } from \"@milaboratories/helpers\";\nimport type { StorageEntry } from \"@platforma-sdk/model\";\nimport type { FileDialogItem } from \"./utils\";\nimport { computed } from \"vue\";\n\nexport const defaultData = () => ({\n dirPath: \"\" as string,\n search: \"\",\n storageEntry: undefined as StorageEntry \| undefined,\n items: [] as FileDialogItem[],\n error: \"\",\n storageOptions: [] as Option<StorageEntry>[],\n selected: [],\n lastSelected: undefined as number \| undefined,\n currentLoadingPath: undefined as string \| undefined,\n showHiddenItems: false,\n});\n\nexport type Data = ReturnType<typeof defaultData>;\n\nexport function useVisibleItems(data: Data) {\n return computed(() => {\n let items = data.items;\n\n if (!data.showHiddenItems) {\n items = items.filter((it) => !it.name.startsWith(\".\"));\n }\n\n if (data.search) {\n const search = data.search.toLocaleLowerCase();\n items = items.filter((it) => it.name.toLocaleLowerCase().includes(search));\n }\n\n return items;\n });\n}\n\nexport const vTextOverflown = {\n mounted: (el: HTMLElement) => {\n if (el.clientWidth < el.scrollWidth) {\n const s = el.innerText;\n el.innerText = s.substring(0, 57) + \"...\" + s.substring(s.length - 10);\n }\n },\n};\n"],"mappings":";;AAKA,IAAaA,WAAqB;CAChC,SAAS;CACT,QAAQ;CACR,cAAc,KAAA;CACd,OAAO,CAAC;CACR,OAAO;CACP,gBAAgB,CAAC;CACjB,UAAU,CAAC;CACX,cAAc,KAAA;CACd,oBAAoB,KAAA;CACpB,iBAAiB;AACnB;AAIA,SAAgBC,EAAgB,GAAY;CAC1C,OAAOC,QAAe;EACpB,IAAIC,IAAQC,EAAK;EAMjB,IAJKA,EAAK,oBACR,IAAQD,EAAM,QAAQ,MAAO,CAACE,EAAG,KAAK,WAAW,GAAG,CAAC,IAGnDD,EAAK,QAAQ;GACf,IAAME,IAASF,EAAK,OAAO,kBAAkB;GAC7C,IAAQD,EAAM,QAAQ,MAAOE,EAAG,KAAK,kBAAkB,CAAC,CAAC,SAASC,CAAM,CAAC;EAC3E;EAEA,OAAOH;CACT,CAAC;AACH;AAEA,IAAaI,IAAiB,EAC5B,UAAU,MAAoB;CAC5B,IAAIC,EAAG,cAAcA,EAAG,aAAa;EACnC,IAAMC,IAAID,EAAG;EACb,EAAG,YAAYC,EAAE,UAAU,GAAG,EAAE,IAAI,QAAQA,EAAE,UAAUA,EAAE,SAAS,EAAE;CACvE;AACF,EACF"}

package/dist/components/PlFileDialog/utils.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { trimChars as e, trimCharsLeft as t } from "@milaboratories/helpers";
-//#region src/components/PlFileDialog/utils.ts
+// src/components/PlFileDialog/utils.ts
 function n(e) {
 	return e ? e.map((e) => "." + t(e, ["."])) : void 0;
 }
@@ -20,7 +20,6 @@ function r(t) {
 	}
 	return i;
 }
-//#endregion
 export { r as getFilePathBreadcrumbs, n as normalizeExtensions };
 //# sourceMappingURL=utils.js.map

package/dist/components/PlFileDialog/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/PlFileDialog/utils.ts"],"sourcesContent":["import { trimChars, trimCharsLeft } from \"@milaboratories/helpers\";\nimport type { ImportFileHandle } from \"@platforma-sdk/model\";\n\nexport function normalizeExtensions(extensions: string[] \| undefined) {\n return extensions ? extensions.map((it) => \".\" + trimCharsLeft(it, [\".\"])) : undefined;\n}\n\n// NOTE: works only with '/' separator on *nix systems.\nexport function getFilePathBreadcrumbs(filePath: string) {\n // FIXME: separator probably should be got from ls driver from backend.\n // or else this component won't work with remote storages on Windows.\n const sep = \"/\";\n\n // If file path starts with '/',\n // the storage was set up with absolute paths,\n // and we need to add the separator to the results.\n const isAbsolute = filePath.startsWith(sep);\n const chunks = trimChars(filePath, [sep]).split(sep);\n\n const stack: { index: number; path: string; name: string }[] = [\n {\n index: 0,\n name: \"Root\",\n path: \"\",\n },\n ];\n\n if (chunks.length === 1 && chunks[0] === \"\") {\n return stack;\n }\n\n for (let i = 0; i < chunks.length; i++) {\n const pathPrefix = isAbsolute ? sep : \"\";\n const p = pathPrefix + chunks.slice(0, i + 1).join(sep);\n\n stack.push({\n index: i + 1,\n name: chunks[i],\n path: p,\n });\n }\n\n return stack;\n}\n\nexport type FileDialogItem = {\n id: number;\n path: string;\n name: string;\n canBeSelected: boolean;\n isDir: boolean;\n selected: boolean;\n handle: ImportFileHandle \| undefined;\n};\n"],"mappings":";;AAGA,~~SAAgB~~,EAAoB,GAAkC;~~AACpE~~,~~QAAO~~,~~IAAa~~,EAAW,KAAK,MAAO,~~MAAM~~,~~EAAc~~,GAAI,CAAC,~~IAAI~~,CAAC,CAAC,~~GAAG~~,KAAA~~;;AAI~~/E,~~SAAgB~~,EAAuB,GAAkB;CAGvD,~~IAKM~~,~~IAAa~~,EAAS,WAAW,~~IAAI~~,~~EACrC~~,~~IAAS~~,~~EAAU~~,GAAU,CAAC,~~IAAI~~,CAAC,CAAC,MAAM,~~IAAI~~,~~EAE9C~~,IAAyD,CAC7D;EACE,OAAO;EACP,MAAM;EACN,MAAM;~~EACP~~,CACF;~~AAED~~,~~KAAI~~,EAAO,WAAW,~~KAAK~~,EAAO,OAAO,~~GACvC~~,~~QAAO~~;~~AAGT~~,~~MAAK~~,~~IAAI~~,IAAI,~~GAAG~~,~~IAAI~~,EAAO,QAAQ,KAAK;EAEtC,~~IAAM~~,~~KADa~~,IAAa,MAAM,~~MACf~~,EAAO,MAAM,~~GAAG~~,IAAI,~~EAAE~~,CAAC,KAAK,~~IAAI~~;~~AAEvD~~,~~IAAM~~,KAAK;GACT,~~OAAO~~,IAAI;GACX,~~MAAM~~,~~EAAO~~;GACb,~~MAAM~~;~~GACP~~,CAAC~~;;AAGJ~~,~~QAAO~~"}
1	+ {"version":3,"file":"utils.js","names":["normalizeExtensions","extensions","trimCharsLeft","it","getFilePathBreadcrumbs","isAbsolute","filePath","chunks","trimChars","stack","i","p"],"sources":["../../../src/components/PlFileDialog/utils.ts"],"sourcesContent":["import { trimChars, trimCharsLeft } from \"@milaboratories/helpers\";\nimport type { ImportFileHandle } from \"@platforma-sdk/model\";\n\nexport function normalizeExtensions(extensions: string[] \| undefined) {\n return extensions ? extensions.map((it) => \".\" + trimCharsLeft(it, [\".\"])) : undefined;\n}\n\n// NOTE: works only with '/' separator on *nix systems.\nexport function getFilePathBreadcrumbs(filePath: string) {\n // FIXME: separator probably should be got from ls driver from backend.\n // or else this component won't work with remote storages on Windows.\n const sep = \"/\";\n\n // If file path starts with '/',\n // the storage was set up with absolute paths,\n // and we need to add the separator to the results.\n const isAbsolute = filePath.startsWith(sep);\n const chunks = trimChars(filePath, [sep]).split(sep);\n\n const stack: { index: number; path: string; name: string }[] = [\n {\n index: 0,\n name: \"Root\",\n path: \"\",\n },\n ];\n\n if (chunks.length === 1 && chunks[0] === \"\") {\n return stack;\n }\n\n for (let i = 0; i < chunks.length; i++) {\n const pathPrefix = isAbsolute ? sep : \"\";\n const p = pathPrefix + chunks.slice(0, i + 1).join(sep);\n\n stack.push({\n index: i + 1,\n name: chunks[i],\n path: p,\n });\n }\n\n return stack;\n}\n\nexport type FileDialogItem = {\n id: number;\n path: string;\n name: string;\n canBeSelected: boolean;\n isDir: boolean;\n selected: boolean;\n handle: ImportFileHandle \| undefined;\n};\n"],"mappings":";;AAGA,SAAgBA,EAAoB,GAAkC;CACpE,OAAOC,IAAaA,EAAW,KAAK,MAAO,MAAMC,EAAcC,GAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KAAA;AAC/E;AAGA,SAAgBC,EAAuB,GAAkB;CAGvD,IAKMC,IAAaC,EAAS,WAAW,GAAG,GACpCC,IAASC,EAAUF,GAAU,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,GAE7CG,IAAyD,CAC7D;EACE,OAAO;EACP,MAAM;EACN,MAAM;CACR,CACF;CAEA,IAAIF,EAAO,WAAW,KAAKA,EAAO,OAAO,IACvC,OAAOE;CAGT,KAAK,IAAIC,IAAI,GAAGA,IAAIH,EAAO,QAAQ,KAAK;EAEtC,IAAMI,KADaN,IAAa,MAAM,MACfE,EAAO,MAAM,GAAGG,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG;EAEtD,EAAM,KAAK;GACT,OAAOA,IAAI;GACX,MAAMH,EAAOG;GACb,MAAMC;EACR,CAAC;CACH;CAEA,OAAOF;AACT"}

package/dist/components/PlFileInput/PlFileInput.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import e from "./PlFileInput.vue2.js";
-//#region src/components/PlFileInput/PlFileInput.vue
+// src/components/PlFileInput/PlFileInput.vue
 var t = e;
-//#endregion
 export { t as default };
 //# sourceMappingURL=PlFileInput.js.map

package/dist/components/PlFileInput/PlFileInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlFileInput.js","names":[],"sources":["../../../src/components/PlFileInput/PlFileInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-file-input.scss\";\n\nimport { prettyBytes } from \"@milaboratories/helpers\";\nimport type { ImportFileHandle, ImportProgress } from \"@platforma-sdk/model\";\nimport { getFileNameFromHandle, getFilePathFromHandle } from \"@platforma-sdk/model\";\nimport { computed, reactive, ref, useSlots, watch } from \"vue\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport type { ImportedFiles } from \"../../types\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { PlFileDialog } from \"../PlFileDialog\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport { PlTooltip } from \"../PlTooltip\";\n\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\nimport { PlSvg } from \"../PlSvg\";\n\nconst data = reactive({\n fileDialogOpen: false,\n error: undefined as undefined \| string,\n});\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: ImportFileHandle \| undefined): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /*\n The current import file handle.\n /\n modelValue: ImportFileHandle \| undefined;\n /\n The label to display above the input field.\n /\n label?: string;\n /\n If `true`, the input field is marked as required.\n /\n required?: boolean;\n /\n If `true`, the component border is dashed.\n /\n dashed?: boolean;\n /\n Allowed file extensions (should start with `.`)\n /\n extensions?: string[];\n /\n Placeholder text\n /\n placeholder?: string;\n /\n Import/Upload progress\n /\n progress?: ImportProgress;\n /\n An error message to display below the input field.\n /\n error?: unknown;\n /\n A helper text to display below the input field when there are no errors.\n /\n helper?: string;\n /\n Remove rounded border and change styles\n /\n cellStyle?: boolean;\n /\n File dialog title\n /\n fileDialogTitle?: string;\n /\n If `true`, the file dialog window closes when clicking outside the modal area (default: `true`)\n /\n fileDialogCloseOnOutsideClick?: boolean;\n }>(),\n {\n label: undefined,\n extensions: undefined,\n fileDialogTitle: undefined,\n placeholder: undefined,\n progress: undefined,\n error: undefined,\n helper: undefined,\n cellStyle: false,\n fileDialogCloseOnOutsideClick: true,\n },\n);\n\nconst tryValue = <T extends ImportFileHandle>(\n v: T \| undefined,\n cb: (v: T) => string \| undefined,\n) => {\n if (!v) {\n return undefined;\n }\n\n try {\n return cb(v);\n } catch (err) {\n data.error = err instanceof Error ? err.message : String(err);\n return v;\n }\n};\n\nconst fileName = computed(() => tryValue(props.modelValue, getFileNameFromHandle));\n\nconst filePath = computed(() => tryValue(props.modelValue, getFilePathFromHandle));\n\nconst isUploading = computed(() => props.progress && !props.progress.done);\n\nconst isUploaded = computed(() => props.progress && props.progress.done);\n\nconst computedErrorMessage = computed(() => getErrorMessage(data.error, props.error));\n\nconst hasErrors = computed(() => typeof computedErrorMessage.value === \"string\");\n\nconst uploadStats = computed(() => {\n const { status, done } = props.progress ?? {};\n\n if (!status \|\| !status.bytesTotal) {\n return \"\";\n }\n\n if (status.bytesProcessed && !done) {\n return prettyBytes(status.bytesProcessed, {}) + \" / \" + prettyBytes(status.bytesTotal, {});\n }\n\n return prettyBytes(status.bytesTotal, {});\n});\n\nconst progressStyle = computed(() => {\n const { progress } = props;\n\n if (!progress) {\n return {};\n }\n\n return {\n width: progress.done ? \"100%\" : Math.round((progress.status?.progress ?? 0) 100) + \"%\",\n };\n});\n\nconst openFileDialog = () => {\n data.fileDialogOpen = true;\n};\n\nconst onImport = (v: ImportedFiles) => {\n if (v.files.length) {\n emit(\"update:modelValue\", v.files[0]);\n }\n};\n\nconst clear = () => emit(\"update:modelValue\", undefined);\n\nwatch(\n () => props.modelValue,\n () => (data.error = undefined),\n { immediate: true },\n);\n\nconst rootRef = ref();\n\nif (!props.cellStyle) {\n useLabelNotch(rootRef);\n}\n</script>\n\n<template>\n <div\n :class=\"{ 'pl-file-input__cell-style': !!cellStyle, 'has-file': !!fileName }\"\n class=\"pl-file-input__envelope\"\n data-testid=\"pl-file-input\"\n >\n <div\n ref=\"rootRef\"\n :class=\"{ dashed, error: hasErrors }\"\n class=\"pl-file-input\"\n data-testid=\"pl-file-input-control\"\n tabindex=\"0\"\n @keyup.enter=\"openFileDialog\"\n @click.stop=\"openFileDialog\"\n >\n <div\n :style=\"progressStyle\"\n class=\"pl-file-input__progress\"\n data-testid=\"pl-file-input-progress\"\n />\n <label v-if=\"!cellStyle && label\" ref=\"label\" data-testid=\"pl-file-input-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-file-input-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip \|\| filePath\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-file-input-tooltip\"\n >\n <template #tooltip>\n <slot v-if=\"slots.tooltip\" name=\"tooltip\" />\n <template v-else>{{ filePath }}</template>\n </template>\n </PlTooltip>\n </label>\n <PlMaskIcon24 v-if=\"hasErrors\" name=\"restart\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24\n v-else-if=\"isUploading\"\n name=\"cloud-upload\"\n data-testid=\"pl-file-input-status-icon\"\n />\n <PlMaskIcon24 v-else-if=\"isUploaded\" name=\"success\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24 v-else name=\"paper-clip\" data-testid=\"pl-file-input-status-icon\" />\n <div\n :data-placeholder=\"placeholder ?? 'Choose file'\"\n class=\"pl-file-input__filename\"\n data-testid=\"pl-file-input-filename\"\n >\n {{ fileName }}\n </div>\n <div v-if=\"uploadStats\" class=\"pl-file-input__stats\" data-testid=\"pl-file-input-stats\">\n {{ uploadStats }}\n </div>\n <PlMaskIcon24\n v-if=\"modelValue\"\n class=\"pl-file-input__clear\"\n data-testid=\"pl-file-input-clear\"\n name=\"close\"\n @click.stop=\"clear\"\n />\n <DoubleContour class=\"pl-file-input__contour\" />\n </div>\n <div v-if=\"hasErrors\" class=\"pl-file-input__error\" data-testid=\"pl-file-input-error\">\n {{ computedErrorMessage }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-file-input__helper\" data-testid=\"pl-file-input-helper\">\n {{ helper }}\n </div>\n <!-- Teleported to <body> by PlDialogModal; kept inside so the component has a single root. -->\n <PlFileDialog\n v-model=\"data.fileDialogOpen\"\n :close-on-outside-click=\"fileDialogCloseOnOutsideClick\"\n :extensions=\"extensions\"\n :title=\"fileDialogTitle\"\n @import:files=\"onImport\"\n />\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlFileInput.js","names":["_sfc_main","PlFileInput_vue_vue_type_script_setup_true_lang_default","PlFileInput_default"],"sources":["../../../src/components/PlFileInput/PlFileInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-file-input.scss\";\n\nimport { prettyBytes } from \"@milaboratories/helpers\";\nimport type { ImportFileHandle, ImportProgress } from \"@platforma-sdk/model\";\nimport { getFileNameFromHandle, getFilePathFromHandle } from \"@platforma-sdk/model\";\nimport { computed, reactive, ref, useSlots, watch } from \"vue\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport type { ImportedFiles } from \"../../types\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { PlFileDialog } from \"../PlFileDialog\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport { PlTooltip } from \"../PlTooltip\";\n\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\nimport { PlSvg } from \"../PlSvg\";\n\nconst data = reactive({\n fileDialogOpen: false,\n error: undefined as undefined \| string,\n});\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: ImportFileHandle \| undefined): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /*\n The current import file handle.\n /\n modelValue: ImportFileHandle \| undefined;\n /\n The label to display above the input field.\n /\n label?: string;\n /\n If `true`, the input field is marked as required.\n /\n required?: boolean;\n /\n If `true`, the component border is dashed.\n /\n dashed?: boolean;\n /\n Allowed file extensions (should start with `.`)\n /\n extensions?: string[];\n /\n Placeholder text\n /\n placeholder?: string;\n /\n Import/Upload progress\n /\n progress?: ImportProgress;\n /\n An error message to display below the input field.\n /\n error?: unknown;\n /\n A helper text to display below the input field when there are no errors.\n /\n helper?: string;\n /\n Remove rounded border and change styles\n /\n cellStyle?: boolean;\n /\n File dialog title\n /\n fileDialogTitle?: string;\n /\n If `true`, the file dialog window closes when clicking outside the modal area (default: `true`)\n /\n fileDialogCloseOnOutsideClick?: boolean;\n }>(),\n {\n label: undefined,\n extensions: undefined,\n fileDialogTitle: undefined,\n placeholder: undefined,\n progress: undefined,\n error: undefined,\n helper: undefined,\n cellStyle: false,\n fileDialogCloseOnOutsideClick: true,\n },\n);\n\nconst tryValue = <T extends ImportFileHandle>(\n v: T \| undefined,\n cb: (v: T) => string \| undefined,\n) => {\n if (!v) {\n return undefined;\n }\n\n try {\n return cb(v);\n } catch (err) {\n data.error = err instanceof Error ? err.message : String(err);\n return v;\n }\n};\n\nconst fileName = computed(() => tryValue(props.modelValue, getFileNameFromHandle));\n\nconst filePath = computed(() => tryValue(props.modelValue, getFilePathFromHandle));\n\nconst isUploading = computed(() => props.progress && !props.progress.done);\n\nconst isUploaded = computed(() => props.progress && props.progress.done);\n\nconst computedErrorMessage = computed(() => getErrorMessage(data.error, props.error));\n\nconst hasErrors = computed(() => typeof computedErrorMessage.value === \"string\");\n\nconst uploadStats = computed(() => {\n const { status, done } = props.progress ?? {};\n\n if (!status \|\| !status.bytesTotal) {\n return \"\";\n }\n\n if (status.bytesProcessed && !done) {\n return prettyBytes(status.bytesProcessed, {}) + \" / \" + prettyBytes(status.bytesTotal, {});\n }\n\n return prettyBytes(status.bytesTotal, {});\n});\n\nconst progressStyle = computed(() => {\n const { progress } = props;\n\n if (!progress) {\n return {};\n }\n\n return {\n width: progress.done ? \"100%\" : Math.round((progress.status?.progress ?? 0) 100) + \"%\",\n };\n});\n\nconst openFileDialog = () => {\n data.fileDialogOpen = true;\n};\n\nconst onImport = (v: ImportedFiles) => {\n if (v.files.length) {\n emit(\"update:modelValue\", v.files[0]);\n }\n};\n\nconst clear = () => emit(\"update:modelValue\", undefined);\n\nwatch(\n () => props.modelValue,\n () => (data.error = undefined),\n { immediate: true },\n);\n\nconst rootRef = ref();\n\nif (!props.cellStyle) {\n useLabelNotch(rootRef);\n}\n</script>\n\n<template>\n <div\n :class=\"{ 'pl-file-input__cell-style': !!cellStyle, 'has-file': !!fileName }\"\n class=\"pl-file-input__envelope\"\n data-testid=\"pl-file-input\"\n >\n <div\n ref=\"rootRef\"\n :class=\"{ dashed, error: hasErrors }\"\n class=\"pl-file-input\"\n data-testid=\"pl-file-input-control\"\n tabindex=\"0\"\n @keyup.enter=\"openFileDialog\"\n @click.stop=\"openFileDialog\"\n >\n <div\n :style=\"progressStyle\"\n class=\"pl-file-input__progress\"\n data-testid=\"pl-file-input-progress\"\n />\n <label v-if=\"!cellStyle && label\" ref=\"label\" data-testid=\"pl-file-input-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-file-input-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip \|\| filePath\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-file-input-tooltip\"\n >\n <template #tooltip>\n <slot v-if=\"slots.tooltip\" name=\"tooltip\" />\n <template v-else>{{ filePath }}</template>\n </template>\n </PlTooltip>\n </label>\n <PlMaskIcon24 v-if=\"hasErrors\" name=\"restart\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24\n v-else-if=\"isUploading\"\n name=\"cloud-upload\"\n data-testid=\"pl-file-input-status-icon\"\n />\n <PlMaskIcon24 v-else-if=\"isUploaded\" name=\"success\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24 v-else name=\"paper-clip\" data-testid=\"pl-file-input-status-icon\" />\n <div\n :data-placeholder=\"placeholder ?? 'Choose file'\"\n class=\"pl-file-input__filename\"\n data-testid=\"pl-file-input-filename\"\n >\n {{ fileName }}\n </div>\n <div v-if=\"uploadStats\" class=\"pl-file-input__stats\" data-testid=\"pl-file-input-stats\">\n {{ uploadStats }}\n </div>\n <PlMaskIcon24\n v-if=\"modelValue\"\n class=\"pl-file-input__clear\"\n data-testid=\"pl-file-input-clear\"\n name=\"close\"\n @click.stop=\"clear\"\n />\n <DoubleContour class=\"pl-file-input__contour\" />\n </div>\n <div v-if=\"hasErrors\" class=\"pl-file-input__error\" data-testid=\"pl-file-input-error\">\n {{ computedErrorMessage }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-file-input__helper\" data-testid=\"pl-file-input-helper\">\n {{ helper }}\n </div>\n <!-- Teleported to <body> by PlDialogModal; kept inside so the component has a single root. -->\n <PlFileDialog\n v-model=\"data.fileDialogOpen\"\n :close-on-outside-click=\"fileDialogCloseOnOutsideClick\"\n :extensions=\"extensions\"\n :title=\"fileDialogTitle\"\n @import:files=\"onImport\"\n />\n </div>\n</template>\n"],"mappings":""}