npm - @milaboratories/uikit - Versions diffs - 2.4.2 → 2.4.4 - Mend

@milaboratories/uikit 2.4.2 → 2.4.4

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 (1328) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Remote.vue.js","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, 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';\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().lsDriver\n .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: item.type === 'file' && (!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(() => data.items.filter((f) => f.canBeSelected && f.selected && !f.isDir));\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().lsDriver\n .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((it) => it.name !== 'local' && !it.name.startsWith('local_disk_'));\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</script>\n\n<template>\n <div :class=\"style.remote\" @click.stop=\"deselectAll\">\n <div :class=\"style.search\">\n <div>\n <PlDropdown v-model=\"data.storageEntry\" label=\"Select storage\" :options=\"data.storageOptions\" />\n </div>\n <div>\n <PlSearchField v-model=\"data.search\" label=\"Search in folder\" clearable />\n </div>\n </div>\n <div :class=\"style['ls-container']\">\n <div :class=\"style['ls-head']\">\n <div :class=\"style['breadcrumbs']\">\n <template v-for=\"(s, i) in breadcrumbs\" :key=\"i\">\n <div :title=\"s.path\" @click=\"setDirPath(s.path)\">{{ s.name }}</div>\n <PlIcon16 v-if=\"s.index !== breadcrumbs.length - 1\" name=\"chevron-right\" />\n </template>\n </div>\n <div :class=\"style.selected\">\n <span>Selected: {{ selectedFiles.length }}</span>\n <Shortcuts />\n </div>\n </div>\n <div v-if=\"data.currentLoadingPath !== undefined\" class=\"ls-loader\">\n <i class=\"mask-24 mask-loading loader-icon\" />\n </div>\n <div v-else-if=\"!data.storageEntry\" :class=\"style['ls-empty']\">\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']\">\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">{{ data.error }}</div>\n </div>\n <div v-else :class=\"style['ls-body']\">\n <template v-for=\"file in visibleItems\" :key=\"file.id\">\n <div v-if=\"file.isDir\" :class=\"style.isDir\" @click=\"setDirPath(file.path)\">\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 @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"],"names":["isCtrlOrMeta","ev","props","__props","data","reactive","defaultData","resetData","extensions","computed","normalizeExtensions","visibleItems","useVisibleItems","lookup","_a","query","storageHandle","dirPath","getRawPlatformaInstance","res","notEmpty","item","ext","a","b","it","id","err","load","modelValue","breadcrumbs","getFilePathBreadcrumbs","selectedFiles","f","isReady","getFilesToImport","setDirPath","selectFile","file","shiftKey","ctrlOrMetaKey","lastSelected","items","between","changeAll","selected","selectAll","deselectAll","loadAvailableStorages","storageEntries","tapIf","entry","watch","toRef","isOpen","useEventListener","__expose","onMounted"],"mappings":"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"}
1	+ {"version":3,"file":"Remote.vue.js","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, 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';\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().lsDriver\n .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: item.type === 'file' && (!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(() => data.items.filter((f) => f.canBeSelected && f.selected && !f.isDir));\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().lsDriver\n .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((it) => it.name !== 'local' && !it.name.startsWith('local_disk_'));\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</script>\n\n<template>\n <div :class=\"style.remote\" @click.stop=\"deselectAll\">\n <div :class=\"style.search\">\n <div>\n <PlDropdown v-model=\"data.storageEntry\" label=\"Select storage\" :options=\"data.storageOptions\" />\n </div>\n <div>\n <PlSearchField v-model=\"data.search\" label=\"Search in folder\" clearable />\n </div>\n </div>\n <div :class=\"style['ls-container']\">\n <div :class=\"style['ls-head']\">\n <div :class=\"style['breadcrumbs']\">\n <template v-for=\"(s, i) in breadcrumbs\" :key=\"i\">\n <div :title=\"s.path\" @click=\"setDirPath(s.path)\">{{ s.name }}</div>\n <PlIcon16 v-if=\"s.index !== breadcrumbs.length - 1\" name=\"chevron-right\" />\n </template>\n </div>\n <div :class=\"style.selected\">\n <span>Selected: {{ selectedFiles.length }}</span>\n <Shortcuts />\n </div>\n </div>\n <div v-if=\"data.currentLoadingPath !== undefined\" class=\"ls-loader\">\n <i class=\"mask-24 mask-loading loader-icon\" />\n </div>\n <div v-else-if=\"!data.storageEntry\" :class=\"style['ls-empty']\">\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']\">\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">{{ data.error }}</div>\n </div>\n <div v-else :class=\"style['ls-body']\">\n <template v-for=\"file in visibleItems\" :key=\"file.id\">\n <div v-if=\"file.isDir\" :class=\"style.isDir\" @click=\"setDirPath(file.path)\">\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 @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"],"names":["isCtrlOrMeta","ev","props","__props","data","reactive","defaultData","resetData","extensions","computed","normalizeExtensions","visibleItems","useVisibleItems","lookup","_a","query","storageHandle","dirPath","getRawPlatformaInstance","res","notEmpty","item","ext","a","b","it","id","err","load","modelValue","breadcrumbs","getFilePathBreadcrumbs","selectedFiles","f","isReady","getFilesToImport","setDirPath","selectFile","file","shiftKey","ctrlOrMetaKey","lastSelected","items","between","changeAll","selected","selectAll","deselectAll","loadAvailableStorages","storageEntries","tapIf","entry","watch","toRef","isOpen","useEventListener","__expose","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAMA,IAAe,CAACC,MAAmCA,EAAG,WAAWA,EAAG,SAOpEC,IAAQC,GAgBRC,IAAOC,EAASC,GAAa,GAE7BC,IAAY,MAAM;AACtB,MAAAH,EAAK,SAAS,IACdA,EAAK,QAAQ,IACbA,EAAK,eAAe;AAAA,IACtB,GAEMI,IAAaC,EAAS,MAAMC,GAAoBR,EAAM,UAAU,CAAC,GAEjES,IAAeC,GAAgBR,CAAI,GAEnCS,IAASJ,EAAS,MAAM;;AAC5B,aAAO;AAAA,QACL,YAAYP,EAAM;AAAA,QAClB,SAASE,EAAK;AAAA,QACd,gBAAeU,IAAAV,EAAK,iBAAL,gBAAAU,EAAmB;AAAA,MAAA;AAAA,IAEtC,CAAC,GAEKC,IAAQ,CAACC,GAA8BC,MAAoB;AAC/D,MAAKC,OAIDd,EAAK,uBAAuBa,MAIhCb,EAAK,qBAAqBa,GAE1BC,EAAA,EAA0B,SACvB,UAAUF,GAAeC,CAAO,EAChC,KAAK,CAACE,MAAQ;AACb,QAAIF,MAAYb,EAAK,YAIrBA,EAAK,QAAQgB,EAASD,CAAG,EACtB,QAAQ,IAAI,CAACE,OAAU;AAAA,UACtB,MAAMA,EAAK;AAAA,UACX,MAAMA,EAAK;AAAA,UACX,OAAOA,EAAK,SAAS;AAAA,UACrB,eAAeA,EAAK,SAAS,WAAW,CAACb,EAAW,SAASA,EAAW,MAAM,KAAK,CAACc,MAAQD,EAAK,SAAS,SAASC,CAAG,CAAC;AAAA,UACvH,QAAQD,EAAK,SAAS,SAASA,EAAK,SAAS;AAAA,UAC7C,UAAU;AAAA,QAAA,EACV,EACD,KAAK,CAACE,GAAGC,MACJD,EAAE,SAAS,CAACC,EAAE,QAAc,KAC5B,CAACD,EAAE,SAASC,EAAE,QAAc,IAEzBD,EAAE,KAAK,cAAcC,EAAE,IAAI,CACnC,EACA,IAAI,CAACC,GAAIC,OAAQ,EAAE,IAAAA,GAAI,GAAGD,EAAA,EAAK,GAElCrB,EAAK,eAAe;AAAA,MACtB,CAAC,EACA,MAAM,CAACuB,MAASvB,EAAK,QAAQ,OAAOuB,CAAG,CAAE,EACzC,QAAQ,MAAM;AACb,QAAAvB,EAAK,qBAAqB;AAAA,MAC5B,CAAC;AAAA,IACL,GAEMwB,IAAO,MAAM;AACjB,MAAArB,EAAA;AACA,YAAM,EAAE,eAAAS,GAAe,SAAAC,GAAS,YAAAY,EAAA,IAAehB,EAAO;AACtD,MAAIG,KAAiBa,KACnBd,EAAMC,GAAeC,CAAO;AAAA,IAEhC,GAEMa,IAAcrB,EAAS,MAAMsB,GAAuB3B,EAAK,OAAO,CAAC,GAEjE4B,IAAgBvB,EAAS,MAAML,EAAK,MAAM,OAAO,CAAC6B,MAAMA,EAAE,iBAAiBA,EAAE,YAAY,CAACA,EAAE,KAAK,CAAC,GAElGC,IAAUzB,EAAS,MAAA;;AAAM,aAAAuB,EAAc,MAAM,SAAS,OAAKlB,IAAAV,EAAK,iBAAL,gBAAAU,EAAmB;AAAA,KAAM,GAEpFqB,IAAmB,MAAA;;AAAO;AAAA,QAC9B,eAAef,GAASN,IAAAV,EAAK,iBAAL,gBAAAU,EAAmB,MAAM;AAAA,QACjD,OAAOkB,EAAc,MAAM,IAAI,CAACC,MAAMA,EAAE,MAAO;AAAA,MAAA;AAAA,OAG3CG,IAAa,CAACnB,MAAoB;AACtC,MAAAb,EAAK,UAAUa;AAAA,IACjB,GAEMoB,IAAa,CAACpC,GAAgBqC,MAAyB;AAC3D,YAAM,EAAE,UAAAC,MAAatC,GAEfuC,IAAgBxC,EAAaC,CAAE,GAE/B,EAAE,cAAAwC,MAAiBrC;AAEzB,MAAAH,EAAG,eAAA;AAEH,YAAMyC,IAAQ/B,EAAa;AAE3B,UAAI2B,EAAK,eAAe;AAOtB,YANKpC,EAAM,SACTwC,EAAM,QAAQ,CAACT,MAAOA,EAAE,WAAW,EAAM,GAG3CK,EAAK,WAAW,CAACA,EAAK,UAElB,CAACpC,EAAM;AACT;AAGF,QAAI,CAACsC,KAAiB,CAACD,KACrBG,EAAM,QAAQ,CAACT,MAAM;AACnB,UAAIA,EAAE,OAAOK,EAAK,OAChBL,EAAE,WAAW;AAAA,QAEjB,CAAC,GAGCM,KAAYE,MAAiB,UAC/BC,EAAM,QAAQ,CAACT,MAAM;AACnB,UAAIU,GAAQV,EAAE,IAAIQ,GAAcH,EAAK,EAAE,MACrCL,EAAE,WAAW;AAAA,QAEjB,CAAC,GAGCK,EAAK,aACPlC,EAAK,eAAekC,EAAK;AAAA,MAE7B;AAAA,IACF,GAEMM,IAAY,CAACC,MAAsB;AACvC,MAAIA,KAAY,CAAC3C,EAAM,SAIvBS,EAAa,MACV,OAAO,CAACsB,MAAMA,EAAE,aAAa,EAC7B,QAAQ,CAACK,MAAS;AACjB,QAAAA,EAAK,WAAWO;AAAA,MAClB,CAAC;AAAA,IACL,GAEMC,IAAY,MAAMF,EAAU,EAAI,GAEhCG,IAAc,MAAMH,EAAU,EAAK,GAEnCI,IAAwB,MAAM;AAGlC,UAFAzC,EAAA,GACAwC,EAAA,GACI,CAAC7B,KAA2B;AAC9B,gBAAQ,KAAK,4BAA4B;AACzC;AAAA,MACF;AACA,MAAAA,EAAA,EAA0B,SACvB,eAAA,EACA,KAAK,CAAC+B,MAAmB;AAExB,QAAAA,IAAiBA,EAAe,OAAO,CAACxB,MAAOA,EAAG,SAAS,WAAW,CAACA,EAAG,KAAK,WAAW,aAAa,CAAC,GAExGrB,EAAK,iBAAiB6C,EAAe,IAAI,CAACxB,OAAQ;AAAA,UAChD,MAAMA,EAAG;AAAA,UACT,OAAOA;AAAA,QAAA,EACP,GAEEvB,EAAM,qBACRgD,GAAMD,EAAe,CAAC,GAAG,CAACE,MAAU;AAClC,UAAA/C,EAAK,eAAe+C;AAAA,QACtB,CAAC;AAAA,MAEL,CAAC,EACA,MAAM,CAACxB,MAASvB,EAAK,QAAQ,OAAOuB,CAAG,CAAE;AAAA,IAC9C;AAEA,WAAAyB;AAAA,MACEC,EAAMjD,GAAM,cAAc;AAAA,MAC1B,CAAC+C,MAAU;AACT,QAAA5C,EAAA,GACAH,EAAK,WAAU+C,KAAA,gBAAAA,EAAO,oBAAmB;AAAA,MAC3C;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAGpBC,EAAM,CAAC,MAAMhD,EAAK,SAAS,MAAMA,EAAK,YAAY,GAAG,MAAM;AACzD,MAAAwB,EAAA;AAAA,IACF,CAAC,GAEDwB;AAAA,MACE,MAAMlD,EAAM;AAAA,MACZ,CAACoD,MAAW;AACV,QAAIA,IACFN,EAAA,IAEA,OAAO,OAAO5C,GAAME,GAAa;AAAA,MAErC;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAGpBiD,GAAiB,UAAU,WAAW,CAACtD,MAAsB;AAK3D,UAJI,CAACC,EAAM,cAIPD,EAAG,WAAW,SAAS;AACzB;AAGF,YAAMuC,IAAgBxC,EAAaC,CAAE;AAErC,MAAIuC,KAAiBvC,EAAG,SAAS,WAC/BA,EAAG,eAAA,GACH6C,EAAA,IAGEN,KAAiBvC,EAAG,YAAYA,EAAG,SAAS,aAC9CA,EAAG,eAAA,GACHG,EAAK,kBAAkB,CAACA,EAAK,kBAG3BH,EAAG,SAAS,WACdC,EAAM,OAAA;AAAA,IAEV,CAAC,GAEDsD,EAAa;AAAA,MACX,SAAAtB;AAAA,MACA,kBAAAC;AAAA,IAAA,CACD,GAEDsB,EAAUT,CAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlFileDialog/Shortcuts.vue.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
-//# sourceMappingURL=Shortcuts.vue.d.ts.map

package/dist/components/PlFileDialog/index.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export { default as PlFileDialog } from './PlFileDialog.vue';
2	- //# sourceMappingURL=index.d.ts.map

package/dist/components/PlFileDialog/remote.d.ts CHANGED Viewed

@@ -18,4 +18,3 @@ export declare function useVisibleItems(data: Data): import('vue').ComputedRef<F
 export declare const vTextOverflown: {
     mounted: (el: HTMLElement) => void;
 };
-//# sourceMappingURL=remote.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"remote.js","sources":["../../../src/components/PlFileDialog/remote.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"],"names":["defaultData","useVisibleItems","data","computed","items","it","search","vTextOverflown","el","s"],"mappings":";AAKO,MAAMA,IAAc,OAAO;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO,~~CAAC~~;AAAA,~~EACR~~,OAAO;AAAA,EACP,gBAAgB,~~CAAC~~;AAAA,~~EACjB~~,UAAU,~~CAAC~~;AAAA,~~EACX~~,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,iBAAiB;AACnB;AAIO,SAASC,EAAgBC,GAAY;AAC1C,SAAOC,EAAS,MAAM;AACpB,QAAIC,IAAQF,EAAK;AAMjB,QAJKA,EAAK,~~oBACAE~~,~~IAAAA~~,EAAM,OAAO,CAACC,MAAO,CAACA,EAAG,KAAK,WAAW,GAAG,CAAC,IAGnDH,EAAK,QAAQ;~~AACT~~,~~YAAAI~~,IAASJ,EAAK,OAAO,~~kBAAkB~~;~~AACrC~~,MAAAE,~~IAAAA~~,EAAM,OAAO,CAACC,MAAOA,EAAG,KAAK,~~kBAAkB~~,~~EAAE~~,SAASC,CAAM,CAAC;AAAA,~~IAAA~~;~~AAGpE~~,~~WAAAF~~;AAAA,~~EAAA~~,~~CACR~~;AACH;AAEO,MAAMG,IAAiB;AAAA,EAC5B,SAAS,CAACC,MAAoB;~~AACxB~~,~~QAAAA~~,EAAG,cAAcA,EAAG,aAAa;AACnC,YAAMC,IAAID,EAAG;~~AACV~~,MAAAA,~~EAAA~~,YAAYC,EAAE,UAAU,GAAG,EAAE,IAAI,QAAQA,EAAE,UAAUA,EAAE,SAAS,EAAE;AAAA,~~IAAA~~;AAAA,~~EACvE~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"remote.js","sources":["../../../src/components/PlFileDialog/remote.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"],"names":["defaultData","useVisibleItems","data","computed","items","it","search","vTextOverflown","el","s"],"mappings":";AAKO,MAAMA,IAAc,OAAO;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO,CAAA;AAAA,EACP,OAAO;AAAA,EACP,gBAAgB,CAAA;AAAA,EAChB,UAAU,CAAA;AAAA,EACV,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,iBAAiB;AACnB;AAIO,SAASC,EAAgBC,GAAY;AAC1C,SAAOC,EAAS,MAAM;AACpB,QAAIC,IAAQF,EAAK;AAMjB,QAJKA,EAAK,oBACRE,IAAQA,EAAM,OAAO,CAACC,MAAO,CAACA,EAAG,KAAK,WAAW,GAAG,CAAC,IAGnDH,EAAK,QAAQ;AACf,YAAMI,IAASJ,EAAK,OAAO,kBAAA;AAC3B,MAAAE,IAAQA,EAAM,OAAO,CAACC,MAAOA,EAAG,KAAK,kBAAA,EAAoB,SAASC,CAAM,CAAC;AAAA,IAC3E;AAEA,WAAOF;AAAA,EACT,CAAC;AACH;AAEO,MAAMG,IAAiB;AAAA,EAC5B,SAAS,CAACC,MAAoB;AAC5B,QAAIA,EAAG,cAAcA,EAAG,aAAa;AACnC,YAAMC,IAAID,EAAG;AACb,MAAAA,EAAG,YAAYC,EAAE,UAAU,GAAG,EAAE,IAAI,QAAQA,EAAE,UAAUA,EAAE,SAAS,EAAE;AAAA,IACvE;AAAA,EACF;AACF;"}

package/dist/components/PlFileDialog/utils.d.ts CHANGED Viewed

@@ -14,4 +14,3 @@ export type FileDialogItem = {
     selected: boolean;
     handle: ImportFileHandle | undefined;
 };
-//# sourceMappingURL=utils.d.ts.map

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

@@ -1,26 +1,26 @@
-import { trimCharsLeft as a, trimChars as c } from "../../lib/util/helpers/dist/index.js";
+import { trimCharsLeft as a, trimChars as c } from "@milaboratories/helpers";
 function m(n) {
   return n ? n.map((t) => "." + a(t, ["."])) : void 0;
 }
 function u(n) {
-  const t = "/", i = n.startsWith(t), s = c(n, [t]).split(t), e = [
+  const t = "/", i = n.startsWith(t), r = c(n, [t]).split(t), s = [
     {
       index: 0,
       name: "Root",
       path: ""
     }
   ];
-  if (s.length === 1 && s[0] === "")
-    return e;
-  for (let r = 0; r < s.length; r++) {
-    const o = (i ? t : "") + s.slice(0, r + 1).join(t);
-    e.push({
-      index: r + 1,
-      name: s[r],
+  if (r.length === 1 && r[0] === "")
+    return s;
+  for (let e = 0; e < r.length; e++) {
+    const o = (i ? t : "") + r.slice(0, e + 1).join(t);
+    s.push({
+      index: e + 1,
+      name: r[e],
       path: o
     });
   }
-  return e;
+  return s;
 }
 export {
   u as getFilePathBreadcrumbs,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","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"],"names":["normalizeExtensions","extensions","it","trimCharsLeft","getFilePathBreadcrumbs","filePath","sep","isAbsolute","chunks","trimChars","stack","i","p"],"mappings":";AAGO,SAASA,EAAoBC,GAAkC;AACpE,SAAOA,IAAaA,EAAW,IAAI,CAACC,MAAO,MAAMC,EAAcD,GAAI,CAAC,GAAG,CAAC,CAAC,IAAI;AAC/E;AAGO,SAASE,EAAuBC,GAAkB;AAGvD,QAAMC,IAAM,KAKNC,IAAaF,EAAS,WAAWC,CAAG,GACpCE,IAASC,EAAUJ,GAAU,CAACC,CAAG,CAAC,EAAE,MAAMA,CAAG,GAE7CI,IAAyD;AAAA,IAC7D;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,~~EAEV~~;~~AAEA~~,MAAIF,EAAO,WAAW,KAAKA,EAAO,CAAC,MAAM;~~AAChC~~,~~WAAAE~~;AAGT,WAASC,IAAI,GAAGA,IAAIH,EAAO,QAAQG,KAAK;~~AAEhC~~,~~UAAAC~~,KADaL,IAAaD,IAAM,MACfE,EAAO,MAAM,GAAGG,IAAI,CAAC,EAAE,KAAKL,CAAG;AAEtD,IAAAI,EAAM,KAAK;AAAA,MACT,OAAOC,IAAI;AAAA,MACX,MAAMH,EAAOG,CAAC;AAAA,MACd,MAAMC;AAAA,IAAA,CACP;AAAA,~~EAAA~~;~~AAGI~~,~~SAAAF~~;AACT;"}
1	+ {"version":3,"file":"utils.js","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"],"names":["normalizeExtensions","extensions","it","trimCharsLeft","getFilePathBreadcrumbs","filePath","sep","isAbsolute","chunks","trimChars","stack","i","p"],"mappings":";AAGO,SAASA,EAAoBC,GAAkC;AACpE,SAAOA,IAAaA,EAAW,IAAI,CAACC,MAAO,MAAMC,EAAcD,GAAI,CAAC,GAAG,CAAC,CAAC,IAAI;AAC/E;AAGO,SAASE,EAAuBC,GAAkB;AAGvD,QAAMC,IAAM,KAKNC,IAAaF,EAAS,WAAWC,CAAG,GACpCE,IAASC,EAAUJ,GAAU,CAACC,CAAG,CAAC,EAAE,MAAMA,CAAG,GAE7CI,IAAyD;AAAA,IAC7D;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAGF,MAAIF,EAAO,WAAW,KAAKA,EAAO,CAAC,MAAM;AACvC,WAAOE;AAGT,WAASC,IAAI,GAAGA,IAAIH,EAAO,QAAQG,KAAK;AAEtC,UAAMC,KADaL,IAAaD,IAAM,MACfE,EAAO,MAAM,GAAGG,IAAI,CAAC,EAAE,KAAKL,CAAG;AAEtD,IAAAI,EAAM,KAAK;AAAA,MACT,OAAOC,IAAI;AAAA,MACX,MAAMH,EAAOG,CAAC;AAAA,MACd,MAAMC;AAAA,IAAA,CACP;AAAA,EACH;AAEA,SAAOF;AACT;"}

package/dist/components/PlFileDialog/utils.test.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/components/PlFileInput/PlFileInput.vue.d.ts CHANGED Viewed

@@ -86,4 +86,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlFileInput.vue.d.ts.map

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

@@ -1,16 +1,15 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-file-input{--contour-color: var(--txt-01);--label-color: var(--txt-01);--text-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;--prefix-color: var(--color-placeholder);--contour-offset: 2px;--icon-color: #000;position:relative;z-index:0;width:100%;height:var(--control-height, 40px);border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none;padding:0 8px;gap:8px;cursor:pointer}.pl-file-input__envelope{font-family:var(--font-family-base);display:flex;flex-direction:column;min-width:160px}.pl-file-input .mask-24{display:block;min-width:24px}.pl-file-input .mask-close{cursor:pointer}.pl-file-input__progress{position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:linear-gradient(90deg,#fff,#d8fac8);pointer-events:none;width:0}.pl-file-input__clear{--icon-color: var(--ic-02)}.pl-file-input__filename{width:100%;border:none;font-size:inherit;background-color:transparent;color:var(--text-color);caret-color:var(--border-color-focus);z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.pl-file-input__filename:empty:before{color:var(--color-placeholder);content:attr(data-placeholder);color:var(--txt-03);font-size:14px;font-weight:500;line-height:20px}.pl-file-input__stats{white-space:nowrap;z-index:1;font-size:11px;font-weight:600;letter-spacing:.44px;text-transform:uppercase;color:var(--txt-03)}.pl-file-input label{display:flex;align-items:center;gap:4px;position:absolute;top:0;transform:translateY(-60%);left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:var(--bg-elevated-01)}.pl-file-input label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-file-input__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.pl-file-input__prefix{padding-left:12px;white-space:nowrap;margin-right:-12px;color:var(--prefix-color)}.pl-file-input__helper{font-size:12px;color:var(--txt-03);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.pl-file-input__error{font-size:12px;color:var(--txt-error);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.pl-file-input:hover{--contour-color: var(--control-hover-color)}.pl-file-input:focus-within:not(.error){--label-color: var(--txt-focus);--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.pl-file-input:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-file-input.dashed .pl-file-input__contour{border-style:dashed}.pl-file-input.nonEmpty{--prefix-color: var(--txt-01)}.pl-file-input.error{--contour-color: var(--txt-error);--label-color: var(--txt-error);--text-color: var(--txt-error);--icon-color: var(--txt-error)}.pl-file-input.error .pl-file-input__progress{display:none}.pl-file-input.disabled{--contour-color: var(--color-dis-01);cursor:not-allowed}.pl-file-input__cell-style{--border-radius-control: 0px;--input-active-color: var(--bg-base-light);--border-color: var(--border-color-div-grey);background-color:var(--input-active-color);padding:4px;height:100%;position:relative}.pl-file-input__cell-style .mask-paper-clip{display:none}.pl-file-input__cell-style .pl-file-input{height:100%!important;position:unset}.pl-file-input__cell-style .pl-file-input .double-contour{top:2px;right:2px;bottom:2px;left:2px}.pl-file-input__cell-style .pl-file-input__contour{border-width:1px;box-shadow:unset!important;border-color:var(--border-color);border-style:dashed}.pl-file-input__cell-style .pl-file-input__filename{text-align:center!important}.pl-file-input__cell-style .pl-file-input__error{margin-top:0;margin-right:8px}.pl-file-input__cell-style:hover{--border-color: var(--border-color-focus);background-color:#d9f8ca}.pl-file-input__cell-style:hover .pl-file-input__filename:before{color:#110529!important}.pl-file-input__cell-style.has-file:hover{background-color:var(--input-active-color)}.pl-file-input__cell-style.has-file{padding-left:0;padding-right:0}.pl-file-input__cell-style.has-file .pl-file-input__contour{border:unset}.pl-file-input__cell-style.has-file .pl-file-input__filename{text-align:left!important}.pl-file-input__cell-style.has-file .mask-paper-clip{display:block}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { defineComponent as q, reactive as R, useSlots as U, computed as s, watch as $, ref as z, createElementBlock as n, openBlock as l, Fragment as D, createElementVNode as c, createVNode as B, normalizeClass as O, createCommentVNode as p, withModifiers as F, withKeys as H, createBlock as i, normalizeStyle as K, toDisplayString as u, unref as r, withCtx as G, renderSlot as L, createTextVNode as j } from "vue";
-import { prettyBytes as y } from "../../lib/util/helpers/dist/index.js";
-import "../../sdk/model/dist/index.js";
-import A from "../../generated/components/svg/images/SvgRequired.vue2.js";
-import { getErrorMessage as J } from "../../helpers/error.js";
-import Q from "../../utils/DoubleContour.vue.js";
-import { useLabelNotch as W } from "../../utils/useLabelNotch.js";
-import X from "../PlFileDialog/PlFileDialog.vue.js";
+import { defineComponent as q, reactive as R, useSlots as U, computed as s, watch as $, ref as z, createElementBlock as n, openBlock as l, Fragment as D, createElementVNode as c, createVNode as B, normalizeClass as O, createCommentVNode as u, withModifiers as F, withKeys as H, createBlock as i, normalizeStyle as K, toDisplayString as p, unref as r, withCtx as L, renderSlot as j, createTextVNode as A } from "vue";
+import { prettyBytes as y } from "@milaboratories/helpers";
+import { getFileNameFromHandle as G, getFilePathFromHandle as J } from "@platforma-sdk/model";
+import Q from "../../generated/components/svg/images/SvgRequired.vue.js";
+import { getErrorMessage as W } from "../../helpers/error.js";
+import X from "../../utils/DoubleContour.vue.js";
+import { useLabelNotch as Y } from "../../utils/useLabelNotch.js";
+import Z from "../PlFileDialog/PlFileDialog.vue.js";
 import f from "../PlIcon24/PlIcon24.vue.js";
-import Y from "../PlTooltip/PlTooltip.vue.js";
+import x from "../PlTooltip/PlTooltip.vue.js";
-import { getFileNameFromHandle as Z, getFilePathFromHandle as x } from "../../lib/model/common/dist/index.js";
 const ee = {
   key: 0,
   ref: "label"
@@ -23,7 +22,7 @@ const ee = {
 }, re = {
   key: 1,
   class: "pl-file-input__helper"
-}, ve = /* @__PURE__ */ q({
+}, ge = /* @__PURE__ */ q({
   __name: "PlFileInput",
   props: {
     modelValue: {},
@@ -40,18 +39,18 @@ const ee = {
     fileDialogCloseOnOutsideClick: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
-  setup(N, { emit: T }) {
+  setup(N, { emit: E }) {
     const a = R({
       fileDialogOpen: !1,
       error: void 0
-    }), g = U(), v = T, o = N, h = (e, t) => {
+    }), g = U(), v = E, o = N, h = (e, t) => {
       if (e)
         try {
           return t(e);
         } catch (d) {
           return a.error = d instanceof Error ? d.message : String(d), e;
         }
-    }, k = s(() => h(o.modelValue, Z)), _ = s(() => h(o.modelValue, x)), E = s(() => o.progress && !o.progress.done), P = s(() => o.progress && o.progress.done), V = s(() => J(a.error, o.error)), m = s(() => typeof V.value == "string"), b = s(() => {
+    }, k = s(() => h(o.modelValue, G)), _ = s(() => h(o.modelValue, J)), P = s(() => o.progress && !o.progress.done), T = s(() => o.progress && o.progress.done), V = s(() => W(a.error, o.error)), m = s(() => typeof V.value == "string"), b = s(() => {
       const { status: e, done: t } = o.progress ?? {};
       return !e || !e.bytesTotal ? "" : e.bytesProcessed && !t ? y(e.bytesProcessed, {}) + " / " + y(e.bytesTotal, {}) : y(e.bytesTotal, {});
     }), w = s(() => {
@@ -71,7 +70,7 @@ const ee = {
       { immediate: !0 }
     );
     const S = z();
-    return o.cellStyle || W(S), (e, t) => (l(), n(D, null, [
+    return o.cellStyle || Y(S), (e, t) => (l(), n(D, null, [
       c("div", {
         class: O([{ "pl-file-input__cell-style": !!e.cellStyle, "has-file": !!k.value }, "pl-file-input__envelope"])
       }, [
@@ -88,28 +87,28 @@ const ee = {
             class: "pl-file-input__progress"
           }, null, 4),
           !e.cellStyle && e.label ? (l(), n("label", ee, [
-            e.required ? (l(), i(A, { key: 0 })) : p("", !0),
-            c("span", null, u(e.label), 1),
-            r(g).tooltip || _.value ? (l(), i(r(Y), {
+            e.required ? (l(), i(Q, { key: 0 })) : u("", !0),
+            c("span", null, p(e.label), 1),
+            r(g).tooltip || _.value ? (l(), i(r(x), {
               key: 1,
               class: "info",
               position: "top"
             }, {
-              tooltip: G(() => [
-                r(g).tooltip ? L(e.$slots, "tooltip", { key: 0 }) : (l(), n(D, { key: 1 }, [
-                  j(u(_.value), 1)
+              tooltip: L(() => [
+                r(g).tooltip ? j(e.$slots, "tooltip", { key: 0 }) : (l(), n(D, { key: 1 }, [
+                  A(p(_.value), 1)
                 ], 64))
               ]),
               _: 3
-            })) : p("", !0)
-          ], 512)) : p("", !0),
+            })) : u("", !0)
+          ], 512)) : u("", !0),
           m.value ? (l(), i(r(f), {
             key: 1,
             name: "restart"
-          })) : E.value ? (l(), i(r(f), {
+          })) : P.value ? (l(), i(r(f), {
             key: 2,
             name: "cloud-upload"
-          })) : P.value ? (l(), i(r(f), {
+          })) : T.value ? (l(), i(r(f), {
             key: 3,
             name: "success"
           })) : (l(), i(r(f), {
@@ -119,19 +118,19 @@ const ee = {
           c("div", {
             "data-placeholder": e.placeholder ?? "Choose file",
             class: "pl-file-input__filename"
-          }, u(k.value), 9, le),
-          b.value ? (l(), n("div", oe, u(b.value), 1)) : p("", !0),
+          }, p(k.value), 9, le),
+          b.value ? (l(), n("div", oe, p(b.value), 1)) : u("", !0),
           e.modelValue ? (l(), i(r(f), {
             key: 6,
             class: "pl-file-input__clear",
             name: "close",
             onClick: F(I, ["stop"])
-          })) : p("", !0),
-          B(Q, { class: "pl-file-input__contour" })
+          })) : u("", !0),
+          B(X, { class: "pl-file-input__contour" })
         ], 34),
-        m.value ? (l(), n("div", te, u(V.value), 1)) : e.helper ? (l(), n("div", re, u(e.helper), 1)) : p("", !0)
+        m.value ? (l(), n("div", te, p(V.value), 1)) : e.helper ? (l(), n("div", re, p(e.helper), 1)) : u("", !0)
       ], 2),
-      B(r(X), {
+      B(r(Z), {
         modelValue: a.fileDialogOpen,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => a.fileDialogOpen = d),
         "close-on-outside-click": e.fileDialogCloseOnOutsideClick,
@@ -143,6 +142,6 @@ const ee = {
   }
 });
 export {
-  ve as default
+  ge as default
 };
 //# sourceMappingURL=PlFileInput.vue.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlFileInput.vue.js","sources":["../../../src/components/PlFileInput/PlFileInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\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 SvgRequired from '../../generated/components/svg/images/SvgRequired.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';\nimport './pl-file-input.scss';\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>(v: T \| undefined, cb: (v: T) => string \| undefined) => {\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 :class=\"{ 'pl-file-input__cell-style': !!cellStyle, 'has-file': !!fileName }\" class=\"pl-file-input__envelope\">\n <div\n ref=\"rootRef\"\n :class=\"{ dashed, error: hasErrors }\"\n class=\"pl-file-input\"\n tabindex=\"0\"\n @keyup.enter=\"openFileDialog\"\n @click.stop=\"openFileDialog\"\n >\n <div :style=\"progressStyle\" class=\"pl-file-input__progress\" />\n <label v-if=\"!cellStyle && label\" ref=\"label\">\n <SvgRequired v-if=\"required\" />\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip \|\| filePath\" class=\"info\" position=\"top\">\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\" />\n <PlMaskIcon24 v-else-if=\"isUploading\" name=\"cloud-upload\" />\n <PlMaskIcon24 v-else-if=\"isUploaded\" name=\"success\" />\n <PlMaskIcon24 v-else name=\"paper-clip\" />\n <div :data-placeholder=\"placeholder ?? 'Choose file'\" class=\"pl-file-input__filename\">\n {{ fileName }}\n </div>\n <div v-if=\"uploadStats\" class=\"pl-file-input__stats\">{{ uploadStats }}</div>\n <PlMaskIcon24 v-if=\"modelValue\" class=\"pl-file-input__clear\" name=\"close\" @click.stop=\"clear\" />\n <DoubleContour class=\"pl-file-input__contour\" />\n </div>\n <div v-if=\"hasErrors\" class=\"pl-file-input__error\">\n {{ computedErrorMessage }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-file-input__helper\">{{ helper }}</div>\n </div>\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</template>\n"],"names":["data","reactive","slots","useSlots","emit","__emit","props","__props","tryValue","v","cb","err","fileName","computed","getFileNameFromHandle","filePath","getFilePathFromHandle","isUploading","isUploaded","computedErrorMessage","getErrorMessage","hasErrors","uploadStats","status","done","prettyBytes","progressStyle","progress","_a","openFileDialog","onImport","clear","watch","rootRef","ref","useLabelNotch"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAeA,UAAMA,IAAOC,EAAS;AAAA,MACpB,gBAAgB;AAAA,MAChB,OAAO;AAAA,IAAA,CACR,GAEKC,IAAQC,~~EAAS~~,~~GAEjBC~~,IAAOC,GAIPC,IAAQC,GAgERC,IAAW,CAA6BC,GAAkBC,MAAqC;AACnG,UAAKD;~~AAID~~,~~YAAA~~;AACF,iBAAOC,EAAGD,CAAC;AAAA,~~iBACJE~~,GAAK;AACZ,iBAAAX,EAAK,QAAQW,aAAe,QAAQA,EAAI,UAAU,OAAOA,CAAG,GACrDF;AAAA,~~QAAA~~;AAAA,~~IAEX~~,GAEMG,IAAWC,EAAS,MAAML,EAASF,EAAM,YAAYQ,CAAqB,CAAC,GAE3EC,IAAWF,EAAS,MAAML,EAASF,EAAM,YAAYU,CAAqB,CAAC,GAE3EC,IAAcJ,EAAS,MAAMP,EAAM,YAAY,CAACA,EAAM,SAAS,IAAI,GAEnEY,IAAaL,EAAS,MAAMP,EAAM,YAAYA,EAAM,SAAS,IAAI,GAEjEa,IAAuBN,EAAS,MAAMO,EAAgBpB,EAAK,OAAOM,EAAM,KAAK,CAAC,GAE9Ee,IAAYR,EAAS,MAAM,OAAOM,EAAqB,SAAU,QAAQ,GAEzEG,IAAcT,EAAS,MAAM;AACjC,YAAM,EAAE,QAAAU,GAAQ,MAAAC,~~EAAS~~,~~IAAAlB~~,EAAM,YAAY,~~CAAC~~;~~AAE5C~~,aAAI,CAACiB,KAAU,CAACA,EAAO,aACd,KAGLA,EAAO,kBAAkB,CAACC,IACrBC,EAAYF,EAAO,gBAAgB,CAAE,~~CAAA,~~IAAI,QAAQE,EAAYF,EAAO,YAAY,EAAE,IAGpFE,EAAYF,EAAO,YAAY,EAAE;AAAA,~~IAAA~~,~~CACzC~~,GAEKG,IAAgBb,EAAS,MAAM;;~~AAC7B~~,~~YAAA~~,EAAE,UAAAc,MAAarB;AAErB,aAAKqB,IAIE;AAAA,QACL,OAAOA,EAAS,OAAO,SAAS,KAAK,SAAOC,IAAAD,EAAS,WAAT,gBAAAC,EAAiB,aAAY,KAAK,GAAG,IAAI;AAAA,~~MACvF~~,~~IALS~~,~~CAAC~~;AAAA,~~IAKV~~,~~CACD~~,GAEKC,IAAiB,MAAM;AAC3B,MAAA7B,EAAK,iBAAiB;AAAA,IACxB,GAEM8B,IAAW,CAACrB,MAAqB;~~AACjC~~,~~MAAAA~~,EAAE,MAAM,UACVL,EAAK,qBAAqBK,EAAE,MAAM,CAAC,CAAC;AAAA,IAExC,GAEMsB,IAAQ,MAAM3B,EAAK,qBAAqB,MAAS;AAEvD,IAAA4B;AAAA,MACE,MAAM1B,EAAM;AAAA,MACZ,MAAON,EAAK,QAAQ;AAAA,MACpB,EAAE,WAAW,~~GAAK~~;AAAA,~~IACpB~~;~~AAEA~~,UAAMiC,IAAUC,~~EAAI~~;AAEhB,~~WAAC5B~~,EAAM,aACT6B,EAAcF,CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"PlFileInput.vue.js","sources":["../../../src/components/PlFileInput/PlFileInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\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 SvgRequired from '../../generated/components/svg/images/SvgRequired.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';\nimport './pl-file-input.scss';\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>(v: T \| undefined, cb: (v: T) => string \| undefined) => {\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 :class=\"{ 'pl-file-input__cell-style': !!cellStyle, 'has-file': !!fileName }\" class=\"pl-file-input__envelope\">\n <div\n ref=\"rootRef\"\n :class=\"{ dashed, error: hasErrors }\"\n class=\"pl-file-input\"\n tabindex=\"0\"\n @keyup.enter=\"openFileDialog\"\n @click.stop=\"openFileDialog\"\n >\n <div :style=\"progressStyle\" class=\"pl-file-input__progress\" />\n <label v-if=\"!cellStyle && label\" ref=\"label\">\n <SvgRequired v-if=\"required\" />\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip \|\| filePath\" class=\"info\" position=\"top\">\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\" />\n <PlMaskIcon24 v-else-if=\"isUploading\" name=\"cloud-upload\" />\n <PlMaskIcon24 v-else-if=\"isUploaded\" name=\"success\" />\n <PlMaskIcon24 v-else name=\"paper-clip\" />\n <div :data-placeholder=\"placeholder ?? 'Choose file'\" class=\"pl-file-input__filename\">\n {{ fileName }}\n </div>\n <div v-if=\"uploadStats\" class=\"pl-file-input__stats\">{{ uploadStats }}</div>\n <PlMaskIcon24 v-if=\"modelValue\" class=\"pl-file-input__clear\" name=\"close\" @click.stop=\"clear\" />\n <DoubleContour class=\"pl-file-input__contour\" />\n </div>\n <div v-if=\"hasErrors\" class=\"pl-file-input__error\">\n {{ computedErrorMessage }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-file-input__helper\">{{ helper }}</div>\n </div>\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</template>\n"],"names":["data","reactive","slots","useSlots","emit","__emit","props","__props","tryValue","v","cb","err","fileName","computed","getFileNameFromHandle","filePath","getFilePathFromHandle","isUploading","isUploaded","computedErrorMessage","getErrorMessage","hasErrors","uploadStats","status","done","prettyBytes","progressStyle","progress","_a","openFileDialog","onImport","clear","watch","rootRef","ref","useLabelNotch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAOC,EAAS;AAAA,MACpB,gBAAgB;AAAA,MAChB,OAAO;AAAA,IAAA,CACR,GAEKC,IAAQC,EAAA,GAERC,IAAOC,GAIPC,IAAQC,GAgERC,IAAW,CAA6BC,GAAkBC,MAAqC;AACnG,UAAKD;AAIL,YAAI;AACF,iBAAOC,EAAGD,CAAC;AAAA,QACb,SAASE,GAAK;AACZ,iBAAAX,EAAK,QAAQW,aAAe,QAAQA,EAAI,UAAU,OAAOA,CAAG,GACrDF;AAAA,QACT;AAAA,IACF,GAEMG,IAAWC,EAAS,MAAML,EAASF,EAAM,YAAYQ,CAAqB,CAAC,GAE3EC,IAAWF,EAAS,MAAML,EAASF,EAAM,YAAYU,CAAqB,CAAC,GAE3EC,IAAcJ,EAAS,MAAMP,EAAM,YAAY,CAACA,EAAM,SAAS,IAAI,GAEnEY,IAAaL,EAAS,MAAMP,EAAM,YAAYA,EAAM,SAAS,IAAI,GAEjEa,IAAuBN,EAAS,MAAMO,EAAgBpB,EAAK,OAAOM,EAAM,KAAK,CAAC,GAE9Ee,IAAYR,EAAS,MAAM,OAAOM,EAAqB,SAAU,QAAQ,GAEzEG,IAAcT,EAAS,MAAM;AACjC,YAAM,EAAE,QAAAU,GAAQ,MAAAC,EAAA,IAASlB,EAAM,YAAY,CAAA;AAE3C,aAAI,CAACiB,KAAU,CAACA,EAAO,aACd,KAGLA,EAAO,kBAAkB,CAACC,IACrBC,EAAYF,EAAO,gBAAgB,CAAA,CAAE,IAAI,QAAQE,EAAYF,EAAO,YAAY,EAAE,IAGpFE,EAAYF,EAAO,YAAY,EAAE;AAAA,IAC1C,CAAC,GAEKG,IAAgBb,EAAS,MAAM;;AACnC,YAAM,EAAE,UAAAc,MAAarB;AAErB,aAAKqB,IAIE;AAAA,QACL,OAAOA,EAAS,OAAO,SAAS,KAAK,SAAOC,IAAAD,EAAS,WAAT,gBAAAC,EAAiB,aAAY,KAAK,GAAG,IAAI;AAAA,MAAA,IAJ9E,CAAA;AAAA,IAMX,CAAC,GAEKC,IAAiB,MAAM;AAC3B,MAAA7B,EAAK,iBAAiB;AAAA,IACxB,GAEM8B,IAAW,CAACrB,MAAqB;AACrC,MAAIA,EAAE,MAAM,UACVL,EAAK,qBAAqBK,EAAE,MAAM,CAAC,CAAC;AAAA,IAExC,GAEMsB,IAAQ,MAAM3B,EAAK,qBAAqB,MAAS;AAEvD,IAAA4B;AAAA,MACE,MAAM1B,EAAM;AAAA,MACZ,MAAON,EAAK,QAAQ;AAAA,MACpB,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAMiC,IAAUC,EAAA;AAEhB,WAAK5B,EAAM,aACT6B,EAAcF,CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlFileInput/index.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export { default as PlFileInput } from './PlFileInput.vue';
2	- //# sourceMappingURL=index.d.ts.map

package/dist/components/PlFileInput/utils.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 export declare function extractFileName(filePath: string): string;
 export declare function extractExtension(filePath: string): string;
 export declare function extractPaths(e: DragEvent, extensions?: string[]): string[];
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/PlIcon16/PlIcon16.vue.d.ts CHANGED Viewed

@@ -7,4 +7,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
 export default _default;
-//# sourceMappingURL=PlIcon16.vue.d.ts.map

package/dist/components/PlIcon16/PlIcon16.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlIcon16.vue2.js","sources":["../../../src/components/PlIcon16/PlIcon16.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MaskIconName16, Size } from '../../types';\nimport { PlSvg } from '../PlSvg';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n name: MaskIconName16;\n size?: number \| string \| Size;\n color?: string \| string[];\n stroke?: string \| string[];\n}>();\n\nconst size = computed(() => {\n if (typeof props.size === 'string') {\n if (props.size === 'small') return 12;\n if (props.size === 'medium') return 16;\n if (props.size === 'large') return 24;\n }\n return props.size ?? 16;\n});\n</script>\n\n<template>\n <PlSvg\n :name=\"`16_${props.name}`\"\n :class=\"[$style.icon, 'icon-16', 'mask-16', `icon-${props.name}`, `mask-${props.name}`]\"\n :width=\"size\"\n :height=\"size\"\n :color=\"props.color\"\n :stroke=\"props.stroke\"\n />\n</template>\n\n<style module>\n.icon {\n /* pass color to svg variable */\n --svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));\n display: inline-block;\n}\n</style>\n"],"names":["props","__props","size","computed"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAOC,EAAS,MAAM;~~AACtB~~,~~UAAA~~,OAAOH,EAAM,QAAS,UAAU;~~AAC9B~~,~~YAAAA~~,EAAM,SAAS,~~QAAgB~~,~~QAAA~~;~~AAC/B~~,~~YAAAA~~,EAAM,SAAS,~~SAAiB~~,~~QAAA~~;~~AAChC~~,~~YAAAA~~,EAAM,SAAS,~~QAAgB~~,~~QAAA~~;AAAA,~~MAAA~~;~~AAErC~~,aAAOA,EAAM,QAAQ;AAAA,~~IAAA~~,~~CACtB~~;;;;;;;;;;;"}
1	+ {"version":3,"file":"PlIcon16.vue2.js","sources":["../../../src/components/PlIcon16/PlIcon16.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MaskIconName16, Size } from '../../types';\nimport { PlSvg } from '../PlSvg';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n name: MaskIconName16;\n size?: number \| string \| Size;\n color?: string \| string[];\n stroke?: string \| string[];\n}>();\n\nconst size = computed(() => {\n if (typeof props.size === 'string') {\n if (props.size === 'small') return 12;\n if (props.size === 'medium') return 16;\n if (props.size === 'large') return 24;\n }\n return props.size ?? 16;\n});\n</script>\n\n<template>\n <PlSvg\n :name=\"`16_${props.name}`\"\n :class=\"[$style.icon, 'icon-16', 'mask-16', `icon-${props.name}`, `mask-${props.name}`]\"\n :width=\"size\"\n :height=\"size\"\n :color=\"props.color\"\n :stroke=\"props.stroke\"\n />\n</template>\n\n<style module>\n.icon {\n /* pass color to svg variable */\n --svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));\n display: inline-block;\n}\n</style>\n"],"names":["props","__props","size","computed"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAOC,EAAS,MAAM;AAC1B,UAAI,OAAOH,EAAM,QAAS,UAAU;AAClC,YAAIA,EAAM,SAAS,QAAS,QAAO;AACnC,YAAIA,EAAM,SAAS,SAAU,QAAO;AACpC,YAAIA,EAAM,SAAS,QAAS,QAAO;AAAA,MACrC;AACA,aAAOA,EAAM,QAAQ;AAAA,IACvB,CAAC;;;;;;;;;;;"}

package/dist/components/PlIcon16/index.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export { default as PlIcon16 } from './PlIcon16.vue';
2	- //# sourceMappingURL=index.d.ts.map

package/dist/components/PlIcon24/PlIcon24.vue.d.ts CHANGED Viewed

@@ -7,4 +7,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
 export default _default;
-//# sourceMappingURL=PlIcon24.vue.d.ts.map

package/dist/components/PlIcon24/PlIcon24.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlIcon24.vue2.js","sources":["../../../src/components/PlIcon24/PlIcon24.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MaskIconName24, Size } from '../../types';\nimport { PlSvg } from '../PlSvg';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n name: MaskIconName24;\n size?: number \| string \| Size;\n color?: string \| string[];\n stroke?: string \| string[];\n}>();\n\nconst size = computed(() => {\n if (typeof props.size === 'string') {\n if (props.size === 'small') return 16;\n if (props.size === 'medium') return 24;\n if (props.size === 'large') return 32;\n }\n return props.size ?? 24;\n});\n</script>\n\n<template>\n <PlSvg\n :name=\"`24_${props.name}`\"\n :class=\"['icon-24', 'mask-24', `icon-${props.name}`, `mask-${props.name}`, $style.icon]\"\n :width=\"size\"\n :height=\"size\"\n :color=\"props.color\"\n :stroke=\"props.stroke\"\n />\n</template>\n\n<style module>\n.icon {\n /* pass color to svg variable */\n --svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-3: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-4: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-5: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-6: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-0: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-1: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-2: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-3: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-4: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-5: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-6: var(--icon-color, var(--mask-icon-bg-color));\n display: inline-block;\n}\n</style>\n"],"names":["props","__props","size","computed"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAOC,EAAS,MAAM;~~AACtB~~,~~UAAA~~,OAAOH,EAAM,QAAS,UAAU;~~AAC9B~~,~~YAAAA~~,EAAM,SAAS,~~QAAgB~~,~~QAAA~~;~~AAC/B~~,~~YAAAA~~,EAAM,SAAS,~~SAAiB~~,~~QAAA~~;~~AAChC~~,~~YAAAA~~,EAAM,SAAS,~~QAAgB~~,~~QAAA~~;AAAA,~~MAAA~~;~~AAErC~~,aAAOA,EAAM,QAAQ;AAAA,~~IAAA~~,~~CACtB~~;;;;;;;;;;;"}
1	+ {"version":3,"file":"PlIcon24.vue2.js","sources":["../../../src/components/PlIcon24/PlIcon24.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MaskIconName24, Size } from '../../types';\nimport { PlSvg } from '../PlSvg';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n name: MaskIconName24;\n size?: number \| string \| Size;\n color?: string \| string[];\n stroke?: string \| string[];\n}>();\n\nconst size = computed(() => {\n if (typeof props.size === 'string') {\n if (props.size === 'small') return 16;\n if (props.size === 'medium') return 24;\n if (props.size === 'large') return 32;\n }\n return props.size ?? 24;\n});\n</script>\n\n<template>\n <PlSvg\n :name=\"`24_${props.name}`\"\n :class=\"['icon-24', 'mask-24', `icon-${props.name}`, `mask-${props.name}`, $style.icon]\"\n :width=\"size\"\n :height=\"size\"\n :color=\"props.color\"\n :stroke=\"props.stroke\"\n />\n</template>\n\n<style module>\n.icon {\n /* pass color to svg variable */\n --svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-3: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-4: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-5: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-6: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-0: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-1: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-2: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-3: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-4: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-5: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-6: var(--icon-color, var(--mask-icon-bg-color));\n display: inline-block;\n}\n</style>\n"],"names":["props","__props","size","computed"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAOC,EAAS,MAAM;AAC1B,UAAI,OAAOH,EAAM,QAAS,UAAU;AAClC,YAAIA,EAAM,SAAS,QAAS,QAAO;AACnC,YAAIA,EAAM,SAAS,SAAU,QAAO;AACpC,YAAIA,EAAM,SAAS,QAAS,QAAO;AAAA,MACrC;AACA,aAAOA,EAAM,QAAQ;AAAA,IACvB,CAAC;;;;;;;;;;;"}

package/dist/components/PlIcon24/index.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export { default as PlIcon24 } from './PlIcon24.vue';
2	- //# sourceMappingURL=index.d.ts.map

package/dist/components/PlLoaderCircular/PlLoaderCircular.vue.d.ts CHANGED Viewed

@@ -5,4 +5,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     size: "16" | "24" | "48" | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlLoaderCircular.vue.d.ts.map

package/dist/components/PlLoaderCircular/index.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export { default as PlLoaderCircular } from './PlLoaderCircular.vue';
2	- //# sourceMappingURL=index.d.ts.map

package/dist/components/PlLogView/PlLogView.vue.d.ts CHANGED Viewed

@@ -104,4 +104,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlLogView.vue.d.ts.map

package/dist/components/PlLogView/PlLogView.vue.js CHANGED Viewed

@@ -2,19 +2,19 @@
 import { defineComponent as F, useSlots as L, ref as s, computed as c, watch as P, createElementBlock as u, openBlock as l, normalizeClass as x, createCommentVNode as f, createVNode as p, createElementVNode as C, createBlock as b, toDisplayString as d, unref as r, withCtx as a, renderSlot as R, createTextVNode as S } from "vue";
 import T from "../PlIcon24/PlIcon24.vue.js";
-import { okOptional as I, tapIf as O } from "../../lib/util/helpers/dist/index.js";
+import { okOptional as I, tapIf as O } from "@milaboratories/helpers";
 import { useLogHandle as $ } from "./useLogHandle.js";
 import { useLabelNotch as j } from "../../utils/useLabelNotch.js";
 import q from "../../utils/DoubleContour.vue.js";
 import v from "../PlTooltip/PlTooltip.vue.js";
 import { downloadContent as z } from "../../helpers/downloadContent.js";
-const M = { key: 0 }, Q = { class: "pl-log-view__copy" }, G = {
+const M = { key: 0 }, G = { class: "pl-log-view__copy" }, J = {
   key: 1,
   class: "pl-log-view__error"
-}, J = {
+}, K = {
   name: "PlLogView"
 }, lo = /* @__PURE__ */ F({
-  ...J,
+  ...K,
   props: {
     value: {},
     valueToCopy: {},
@@ -92,7 +92,7 @@ const M = { key: 0 }, Q = { class: "pl-log-view__copy" }, G = {
         })) : f("", !0)
       ])) : f("", !0),
       p(q, { class: "pl-log-view__contour" }),
-      C("div", Q, [
+      C("div", G, [
         p(r(v), {
           "close-delay": 800,
           position: "top"
@@ -126,7 +126,7 @@ const M = { key: 0 }, Q = { class: "pl-log-view__copy" }, G = {
           _: 1
         })) : f("", !0)
       ]),
-      m.value ? (l(), u("div", G, d(m.value), 1)) : (l(), u("div", {
+      m.value ? (l(), u("div", J, d(m.value), 1)) : (l(), u("div", {
         key: 2,
         ref_key: "contentRef",
         ref: g,

package/dist/components/PlLogView/PlLogView.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlLogView.vue.js","sources":["../../../src/components/PlLogView/PlLogView.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Log Viewer Component\n /\nexport default {\n name: 'PlLogView',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots, watch } from 'vue';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport './pl-log-view.scss';\nimport { okOptional, tapIf } from '@milaboratories/helpers';\nimport type { AnyLogHandle, Platforma, ValueOrErrors } from '@platforma-sdk/model';\nimport { useLogHandle } from './useLogHandle';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { PlTooltip } from '../PlTooltip';\nimport { PlIcon24 } from '../PlIcon24';\nimport { downloadContent } from '../../helpers/dom';\n\nconst getOutputError = <T>(o?: ValueOrErrors<T>) => {\n if (o && o.ok === false) {\n return o.errors.join('\\n');\n }\n};\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n /\n String contents\n /\n value?: string;\n /\n The content to copy (Note: it takes precedence over value property)\n /\n valueToCopy?: string;\n /\n AnyLogHandle\n /\n logHandle?: AnyLogHandle;\n /\n Custom progress prefix (to filter logHandle results)\n /\n progressPrefix?: string;\n /\n String contents\n /\n error?: unknown;\n /\n Block output (Note: error and value take precedence over output property)\n /\n output?: ValueOrErrors<unknown>;\n /\n Max retries for AnyLogHandle fetch (with the same parameters)\n /\n maxRetries?: number;\n /\n @TODO\n /\n mockPlatforma?: Platforma;\n /\n The label to display above the texarea.\n /\n label?: string;\n /\n Do not scroll to bottom on content change. Default is false (scroll to bottom).\n /\n disableAutoScroll?: boolean;\n /\n If provided, a download icon will be shown and the content will be downloaded when clicked.\n /\n downloadFilename?: string;\n}>();\n\nconst logState = useLogHandle(props);\n\nconst isAnchored = ref<boolean>(true);\n\nconst contentRef = ref<HTMLElement>();\n\nconst root = ref<HTMLInputElement>();\n\nconst computedError = computed(() => logState.value?.error ?? props.error ?? getOutputError(props.output));\n\nconst computedValue = computed(() => logState.value?.lines ?? props.value ?? okOptional(props.output));\n\nconst computedValueToCopy = computed(() => {\n if (props.valueToCopy) {\n return props.valueToCopy;\n }\n if (computedValue.value && typeof computedValue.value === 'string') {\n return computedValue.value;\n }\n return undefined;\n});\n\nconst copyActive = ref(false);\n\nuseLabelNotch(root);\n\nconst iconName = computed(() => (copyActive.value ? 'clipboard-copied' : 'clipboard'));\n\nconst onClickCopy = () => {\n copyActive.value = true;\n setTimeout(() => {\n copyActive.value = false;\n }, 1200);\n\n const toCopy = computedValueToCopy.value;\n\n if (toCopy !== undefined) {\n navigator.clipboard.writeText(toCopy);\n }\n};\n\nconst onClickDownload = (filename: string) => {\n const toDownload = computedValueToCopy.value;\n\n if (toDownload !== undefined) {\n downloadContent([toDownload, 'text/plain'], filename);\n }\n};\n\nconst optionallyScrollDown = () => {\n if (props.disableAutoScroll) {\n return;\n }\n\n tapIf(contentRef.value, (el) => {\n if (isAnchored.value) {\n el.scrollTo(el.scrollLeft, el.scrollHeight);\n }\n });\n};\n\nwatch(\n computedValue,\n () => {\n requestAnimationFrame(() => {\n optionallyScrollDown();\n });\n },\n { immediate: true },\n);\n\nconst onContentScroll = (ev: Event) => {\n const el = ev.target as HTMLElement;\n isAnchored.value = el.scrollTop + 20 / ~ 1 line height */ >= el.scrollHeight - el.offsetHeight;\n};\n</script>\n\n<template>\n <div ref=\"root\" class=\"pl-log-view\" :class=\"{ 'has-error': computedError }\">\n <label v-if=\"label\">\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <DoubleContour class=\"pl-log-view__contour\" />\n <div class=\"pl-log-view__copy\">\n <PlTooltip :close-delay=\"800\" position=\"top\">\n <PlMaskIcon24 title=\"Copy content\" :name=\"iconName\" @click=\"onClickCopy\" />\n <template #tooltip>{{ copyActive ? 'copied' : 'copy' }}</template>\n </PlTooltip>\n <PlTooltip v-if=\"downloadFilename\" :close-delay=\"800\" position=\"top\">\n <PlIcon24 name=\"download\" @click=\"() => onClickDownload(downloadFilename!)\" />\n <template #tooltip>download</template>\n </PlTooltip>\n </div>\n <div v-if=\"computedError\" class=\"pl-log-view__error\">{{ computedError }}</div>\n <div v-else ref=\"contentRef\" class=\"pl-log-view__content\" @scroll=\"onContentScroll\">{{ computedValue }}</div>\n </div>\n</template>\n"],"names":["__default__","getOutputError","slots","useSlots","props","__props","logState","useLogHandle","isAnchored","ref","contentRef","root","computedError","computed","_a","computedValue","okOptional","computedValueToCopy","copyActive","useLabelNotch","iconName","onClickCopy","toCopy","onClickDownload","filename","toDownload","downloadContent","optionallyScrollDown","tapIf","el","watch","onContentScroll","ev"],"mappings":";;;;;;;;;;;;~~GAIeA~~,~~IAAA~~;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;~~AAgBM~~,~~UAAAC~~,IAAiB,CAAI,MAAyB;~~AAC9C~~,~~UAAA~~,KAAK,EAAE,OAAO;~~AACT~~,~~eAAA~~,EAAE,OAAO,KAAK;AAAA,CAAI;AAAA,IAE7B,GAEMC,IAAQC,~~EAAS~~,~~GAEjBC~~,IAAQC,GA+CRC,IAAWC,EAAaH,CAAK,GAE7BI,IAAaC,EAAa,EAAI,GAE9BC,IAAaD,~~EAAiB~~,~~GAE9BE~~,IAAOF,~~EAAsB~~,~~GAE7BG~~,IAAgBC,EAAS,~~MAAM~~;;~~AAAA~~,eAAAC,IAAAR,EAAS,UAAT,gBAAAQ,EAAgB,UAASV,EAAM,SAASH,EAAeG,EAAM,MAAM;AAAA,KAAC,GAEnGW,IAAgBF,EAAS,~~MAAM~~;;~~AAAA~~,eAAAC,IAAAR,EAAS,UAAT,gBAAAQ,EAAgB,UAASV,EAAM,SAASY,EAAWZ,EAAM,MAAM;AAAA,KAAC,GAE/Fa,IAAsBJ,EAAS,MAAM;AACzC,UAAIT,EAAM;AACR,eAAOA,EAAM;AAEf,UAAIW,EAAc,SAAS,OAAOA,EAAc,SAAU;AACxD,eAAOA,EAAc;AAAA,~~IAEhB~~,~~CACR~~,GAEKG,IAAaT,EAAI,EAAK;AAE5B,IAAAU,EAAcR,CAAI;AAElB,UAAMS,IAAWP,EAAS,MAAOK,EAAW,QAAQ,qBAAqB,WAAY,GAE/EG,IAAc,MAAM;AACxB,MAAAH,EAAW,QAAQ,IACnB,WAAW,MAAM;AACf,QAAAA,EAAW,QAAQ;AAAA,~~SAClB~~,IAAI;AAEP,YAAMI,IAASL,EAAoB;AAEnC,MAAIK,MAAW,~~UACH~~,~~UAAA~~,UAAU,UAAUA,CAAM;AAAA,IAExC,GAEMC,IAAkB,CAACC,MAAqB;AAC5C,YAAMC,IAAaR,EAAoB;AAEvC,MAAIQ,MAAe,UACjBC,EAAgB,CAACD,GAAY,YAAY,GAAGD,CAAQ;AAAA,IAExD,GAEMG,IAAuB,MAAM;AACjC,MAAIvB,EAAM,~~qBAIJwB~~,~~EAAAlB~~,EAAW,OAAO,CAACmB,MAAO;AAC9B,QAAIrB,EAAW,SACbqB,EAAG,SAASA,EAAG,YAAYA,EAAG,YAAY;AAAA,~~MAC5C~~,~~CACD~~;AAAA,IACH;AAEA,IAAAC;AAAA,MACEf;AAAA,MACA,MAAM;AACJ,8BAAsB,MAAM;~~AACL~~,UAAAY,EAAA;AAAA,~~QAAA~~,~~CACtB~~;AAAA,MACH;AAAA,MACA,EAAE,WAAW,~~GAAK~~;AAAA,~~IACpB~~;~~AAEM~~,~~UAAAI~~,IAAkB,CAACC,MAAc;AACrC,YAAMH,IAAKG,EAAG;AACd,MAAAxB,EAAW,QAAQqB,EAAG,YAAY,MAA4BA,EAAG,eAAeA,EAAG;AAAA,IACrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"PlLogView.vue.js","sources":["../../../src/components/PlLogView/PlLogView.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Log Viewer Component\n /\nexport default {\n name: 'PlLogView',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots, watch } from 'vue';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport './pl-log-view.scss';\nimport { okOptional, tapIf } from '@milaboratories/helpers';\nimport type { AnyLogHandle, Platforma, ValueOrErrors } from '@platforma-sdk/model';\nimport { useLogHandle } from './useLogHandle';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { PlTooltip } from '../PlTooltip';\nimport { PlIcon24 } from '../PlIcon24';\nimport { downloadContent } from '../../helpers/dom';\n\nconst getOutputError = <T>(o?: ValueOrErrors<T>) => {\n if (o && o.ok === false) {\n return o.errors.join('\\n');\n }\n};\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n /\n String contents\n /\n value?: string;\n /\n The content to copy (Note: it takes precedence over value property)\n /\n valueToCopy?: string;\n /\n AnyLogHandle\n /\n logHandle?: AnyLogHandle;\n /\n Custom progress prefix (to filter logHandle results)\n /\n progressPrefix?: string;\n /\n String contents\n /\n error?: unknown;\n /\n Block output (Note: error and value take precedence over output property)\n /\n output?: ValueOrErrors<unknown>;\n /\n Max retries for AnyLogHandle fetch (with the same parameters)\n /\n maxRetries?: number;\n /\n @TODO\n /\n mockPlatforma?: Platforma;\n /\n The label to display above the texarea.\n /\n label?: string;\n /\n Do not scroll to bottom on content change. Default is false (scroll to bottom).\n /\n disableAutoScroll?: boolean;\n /\n If provided, a download icon will be shown and the content will be downloaded when clicked.\n /\n downloadFilename?: string;\n}>();\n\nconst logState = useLogHandle(props);\n\nconst isAnchored = ref<boolean>(true);\n\nconst contentRef = ref<HTMLElement>();\n\nconst root = ref<HTMLInputElement>();\n\nconst computedError = computed(() => logState.value?.error ?? props.error ?? getOutputError(props.output));\n\nconst computedValue = computed(() => logState.value?.lines ?? props.value ?? okOptional(props.output));\n\nconst computedValueToCopy = computed(() => {\n if (props.valueToCopy) {\n return props.valueToCopy;\n }\n if (computedValue.value && typeof computedValue.value === 'string') {\n return computedValue.value;\n }\n return undefined;\n});\n\nconst copyActive = ref(false);\n\nuseLabelNotch(root);\n\nconst iconName = computed(() => (copyActive.value ? 'clipboard-copied' : 'clipboard'));\n\nconst onClickCopy = () => {\n copyActive.value = true;\n setTimeout(() => {\n copyActive.value = false;\n }, 1200);\n\n const toCopy = computedValueToCopy.value;\n\n if (toCopy !== undefined) {\n navigator.clipboard.writeText(toCopy);\n }\n};\n\nconst onClickDownload = (filename: string) => {\n const toDownload = computedValueToCopy.value;\n\n if (toDownload !== undefined) {\n downloadContent([toDownload, 'text/plain'], filename);\n }\n};\n\nconst optionallyScrollDown = () => {\n if (props.disableAutoScroll) {\n return;\n }\n\n tapIf(contentRef.value, (el) => {\n if (isAnchored.value) {\n el.scrollTo(el.scrollLeft, el.scrollHeight);\n }\n });\n};\n\nwatch(\n computedValue,\n () => {\n requestAnimationFrame(() => {\n optionallyScrollDown();\n });\n },\n { immediate: true },\n);\n\nconst onContentScroll = (ev: Event) => {\n const el = ev.target as HTMLElement;\n isAnchored.value = el.scrollTop + 20 / ~ 1 line height */ >= el.scrollHeight - el.offsetHeight;\n};\n</script>\n\n<template>\n <div ref=\"root\" class=\"pl-log-view\" :class=\"{ 'has-error': computedError }\">\n <label v-if=\"label\">\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <DoubleContour class=\"pl-log-view__contour\" />\n <div class=\"pl-log-view__copy\">\n <PlTooltip :close-delay=\"800\" position=\"top\">\n <PlMaskIcon24 title=\"Copy content\" :name=\"iconName\" @click=\"onClickCopy\" />\n <template #tooltip>{{ copyActive ? 'copied' : 'copy' }}</template>\n </PlTooltip>\n <PlTooltip v-if=\"downloadFilename\" :close-delay=\"800\" position=\"top\">\n <PlIcon24 name=\"download\" @click=\"() => onClickDownload(downloadFilename!)\" />\n <template #tooltip>download</template>\n </PlTooltip>\n </div>\n <div v-if=\"computedError\" class=\"pl-log-view__error\">{{ computedError }}</div>\n <div v-else ref=\"contentRef\" class=\"pl-log-view__content\" @scroll=\"onContentScroll\">{{ computedValue }}</div>\n </div>\n</template>\n"],"names":["__default__","getOutputError","slots","useSlots","props","__props","logState","useLogHandle","isAnchored","ref","contentRef","root","computedError","computed","_a","computedValue","okOptional","computedValueToCopy","copyActive","useLabelNotch","iconName","onClickCopy","toCopy","onClickDownload","filename","toDownload","downloadContent","optionallyScrollDown","tapIf","el","watch","onContentScroll","ev"],"mappings":";;;;;;;;;;;;GAIAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;AAgBA,UAAMC,IAAiB,CAAI,MAAyB;AAClD,UAAI,KAAK,EAAE,OAAO;AAChB,eAAO,EAAE,OAAO,KAAK;AAAA,CAAI;AAAA,IAE7B,GAEMC,IAAQC,EAAA,GAERC,IAAQC,GA+CRC,IAAWC,EAAaH,CAAK,GAE7BI,IAAaC,EAAa,EAAI,GAE9BC,IAAaD,EAAA,GAEbE,IAAOF,EAAA,GAEPG,IAAgBC,EAAS,MAAA;;AAAM,eAAAC,IAAAR,EAAS,UAAT,gBAAAQ,EAAgB,UAASV,EAAM,SAASH,EAAeG,EAAM,MAAM;AAAA,KAAC,GAEnGW,IAAgBF,EAAS,MAAA;;AAAM,eAAAC,IAAAR,EAAS,UAAT,gBAAAQ,EAAgB,UAASV,EAAM,SAASY,EAAWZ,EAAM,MAAM;AAAA,KAAC,GAE/Fa,IAAsBJ,EAAS,MAAM;AACzC,UAAIT,EAAM;AACR,eAAOA,EAAM;AAEf,UAAIW,EAAc,SAAS,OAAOA,EAAc,SAAU;AACxD,eAAOA,EAAc;AAAA,IAGzB,CAAC,GAEKG,IAAaT,EAAI,EAAK;AAE5B,IAAAU,EAAcR,CAAI;AAElB,UAAMS,IAAWP,EAAS,MAAOK,EAAW,QAAQ,qBAAqB,WAAY,GAE/EG,IAAc,MAAM;AACxB,MAAAH,EAAW,QAAQ,IACnB,WAAW,MAAM;AACf,QAAAA,EAAW,QAAQ;AAAA,MACrB,GAAG,IAAI;AAEP,YAAMI,IAASL,EAAoB;AAEnC,MAAIK,MAAW,UACb,UAAU,UAAU,UAAUA,CAAM;AAAA,IAExC,GAEMC,IAAkB,CAACC,MAAqB;AAC5C,YAAMC,IAAaR,EAAoB;AAEvC,MAAIQ,MAAe,UACjBC,EAAgB,CAACD,GAAY,YAAY,GAAGD,CAAQ;AAAA,IAExD,GAEMG,IAAuB,MAAM;AACjC,MAAIvB,EAAM,qBAIVwB,EAAMlB,EAAW,OAAO,CAACmB,MAAO;AAC9B,QAAIrB,EAAW,SACbqB,EAAG,SAASA,EAAG,YAAYA,EAAG,YAAY;AAAA,MAE9C,CAAC;AAAA,IACH;AAEA,IAAAC;AAAA,MACEf;AAAA,MACA,MAAM;AACJ,8BAAsB,MAAM;AAC1B,UAAAY,EAAA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAMI,IAAkB,CAACC,MAAc;AACrC,YAAMH,IAAKG,EAAG;AACd,MAAAxB,EAAW,QAAQqB,EAAG,YAAY,MAA4BA,EAAG,eAAeA,EAAG;AAAA,IACrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlLogView/index.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export { default as PlLogView } from './PlLogView.vue';
2	- //# sourceMappingURL=index.d.ts.map

package/dist/components/PlLogView/useLogHandle.d.ts CHANGED Viewed

@@ -14,4 +14,3 @@ export declare function useLogHandle(props: Reactive<{
     progressPrefix?: string;
 }>): import('vue').Ref<LogState | undefined, LogState | undefined>;
 export {};
-//# sourceMappingURL=useLogHandle.d.ts.map