@milaboratories/uikit 2.11.6 → 2.11.7

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

@@ -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.name !== \"local\" && !it.name.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\" @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        />\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']\" ref=\"lsContainerRef\">\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 :container=\"lsContainerRef\" />\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"],"mappings":"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"}
+{"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.name !== \"local\" && !it.name.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\" @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        />\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']\" ref=\"lsContainerRef\">\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 :container=\"lsContainerRef\" />\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAM,KAAgB,MAAmC,EAAG,WAAW,EAAG,SAOpE,IAAQ,GAgBR,IAAO,EAAS,GAAa,CAAC,EAE9B,UAAkB;AAGtB,GAFA,EAAK,SAAS,IACd,EAAK,QAAQ,IACb,EAAK,eAAe,KAAA;KAGhB,IAAa,QAAe,GAAoB,EAAM,WAAW,CAAC,EAElE,IAAe,EAAgB,EAAK,EAEpC,IAAS,SACN;GACL,YAAY,EAAM;GAClB,SAAS,EAAK;GACd,eAAe,EAAK,cAAc;GACnC,EACD,EAEI,KAAS,GAA8B,MAAoB;AAC1D,MAAyB,IAI1B,EAAK,uBAAuB,MAIhC,EAAK,qBAAqB,GAE1B,GAAwB,CACrB,SAAS,UAAU,GAAe,EAAO,CACzC,MAAM,MAAQ;AACT,UAAY,EAAK,YAIrB,EAAK,QAAQ,EAAS,EAAG,CACtB,QAAQ,KAAK,OAAU;KACtB,MAAM,EAAK;KACX,MAAM,EAAK;KACX,OAAO,EAAK,SAAS;KACrB,eACE,EAAK,SAAS,WACb,CAAC,EAAW,SAAS,EAAW,MAAM,MAAM,MAAQ,EAAK,SAAS,SAAS,EAAI,CAAC;KACnF,QAAQ,EAAK,SAAS,SAAS,EAAK,SAAS,KAAA;KAC7C,UAAU;KACX,EAAC,CACD,MAAM,GAAG,MACJ,EAAE,SAAS,CAAC,EAAE,QAAc,KAC5B,CAAC,EAAE,SAAS,EAAE,QAAc,IAEzB,EAAE,KAAK,cAAc,EAAE,KAAK,CACpC,CACA,KAAK,GAAI,OAAQ;KAAE;KAAI,GAAG;KAAI,EAAE,EAEnC,EAAK,eAAe,KAAA;KACrB,CACA,OAAO,MAAS,EAAK,QAAQ,OAAO,EAAI,CAAC,CACzC,cAAc;AACb,MAAK,qBAAqB,KAAA;KAC1B;KAGA,UAAa;AACjB,MAAW;GACX,IAAM,EAAE,kBAAe,YAAS,kBAAe,EAAO;AACtD,GAAI,KAAiB,KACnB,EAAM,GAAe,EAAQ;KAI3B,IAAc,QAAe,EAAuB,EAAK,QAAQ,CAAC,EAElE,IAAgB,QACpB,EAAK,MAAM,QAAQ,MAAM,EAAE,iBAAiB,EAAE,YAAY,CAAC,EAAE,MAAM,CACpE,EAEK,KAAU,QAAe,EAAc,MAAM,SAAS,KAAK,EAAK,cAAc,OAAO,EAErF,YAA0B;GAC9B,eAAe,EAAS,EAAK,cAAc,OAAO;GAClD,OAAO,EAAc,MAAM,KAAK,MAAM,EAAE,OAAQ;GACjD,GAEK,KAAc,MAAoB;AACtC,KAAK,UAAU;KAGX,MAAc,GAAgB,MAAyB;GAC3D,IAAM,EAAE,gBAAa,GAEf,IAAgB,EAAa,EAAG,EAEhC,EAAE,oBAAiB;AAEzB,KAAG,gBAAgB;GAEnB,IAAM,IAAQ,EAAa;AAE3B,OAAI,EAAK,eAAe;AAOtB,QANK,EAAM,SACT,EAAM,SAAS,MAAO,EAAE,WAAW,GAAO,EAG5C,EAAK,WAAW,CAAC,EAAK,UAElB,CAAC,EAAM,MACT;AAmBF,IAhBI,CAAC,KAAiB,CAAC,KACrB,EAAM,SAAS,MAAM;AACnB,KAAI,EAAE,OAAO,EAAK,OAChB,EAAE,WAAW;MAEf,EAGA,KAAY,MAAiB,KAAA,KAC/B,EAAM,SAAS,MAAM;AACnB,KAAI,EAAQ,EAAE,IAAI,GAAc,EAAK,GAAG,KACtC,EAAE,WAAW;MAEf,EAGA,EAAK,aACP,EAAK,eAAe,EAAK;;KAKzB,KAAa,MAAsB;AACnC,QAAY,CAAC,EAAM,SAIvB,EAAa,MACV,QAAQ,MAAM,EAAE,cAAa,CAC7B,SAAS,MAAS;AACjB,MAAK,WAAW;KAChB;KAGA,WAAkB,EAAU,GAAK,EAEjC,UAAoB,EAAU,GAAM,EAEpC,UAA8B;AAGlC,OAFA,GAAW,EACX,GAAa,EACT,CAAC,GAAyB,EAAE;AAC9B,YAAQ,KAAK,6BAA6B;AAC1C;;AAEF,MAAwB,CACrB,SAAS,gBAAe,CACxB,MAAM,MAAmB;AAWxB,IATA,IAAiB,EAAe,QAC7B,MAAO,EAAG,SAAS,WAAW,CAAC,EAAG,KAAK,WAAW,cAAc,CAClE,EAED,EAAK,iBAAiB,EAAe,KAAK,OAAQ;KAChD,MAAM,EAAG;KACT,OAAO;KACR,EAAE,EAEC,EAAM,qBACR,EAAM,EAAe,KAAK,MAAU;AAClC,OAAK,eAAe;MACpB;KAEL,CACA,OAAO,MAAS,EAAK,QAAQ,OAAO,EAAI,CAAE;;AA2D/C,EAxDA,EACE,EAAM,GAAM,eAAe,GAC1B,MAAU;AAET,GADA,GAAW,EACX,EAAK,UAAU,GAAO,mBAAmB;KAE3C,EAAE,WAAW,IAAM,CACpB,EAED,EAAM,OAAO,EAAK,eAAe,EAAK,aAAa,QAAQ;AACzD,MAAM;IACN,EAEF,QACQ,EAAM,aACX,MAAW;AACV,GAAI,IACF,GAAuB,GAEvB,OAAO,OAAO,GAAM,GAAa,CAAC;KAGtC,EAAE,WAAW,IAAM,CACpB,EAED,EAAiB,UAAU,YAAY,MAAsB;AAK3D,OAJI,CAAC,EAAM,cAIP,EAAG,WAAW,SAAS,KACzB;GAGF,IAAM,IAAgB,EAAa,EAAG;AAYtC,GAVI,KAAiB,EAAG,SAAS,WAC/B,EAAG,gBAAgB,EACnB,IAAW,GAGT,KAAiB,EAAG,YAAY,EAAG,SAAS,aAC9C,EAAG,gBAAgB,EACnB,EAAK,kBAAkB,CAAC,EAAK,kBAG3B,EAAG,SAAS,WACd,EAAM,QAAQ;IAEhB,EAEF,EAAa;GACX;GACA;GACD,CAAC,EAEF,EAAU,EAAsB;EAEhC,IAAM,IAAiB,GAA8B;yBAInD,EAsDM,OAAA;GAtDA,OAAK,EAAE,EAAA,EAAK,CAAC,OAAM;GAAG,SAAK,EAAO,GAAW,CAAA,OAAA,CAAA;MACjD,EAWM,OAAA,EAXA,OAAK,EAAE,EAAA,EAAK,CAAC,OAAM,EAAA,EAAA,CACvB,EAMM,OAAA,MAAA,CALJ,EAIE,EAAA,EAAA,EAAA;eAHS,EAAK;4CAAA,eAAY;GAC1B,OAAM;GACL,SAAS,EAAK;4CAGnB,EAEM,OAAA,MAAA,CADJ,EAA0E,EAAA,EAAA,EAAA;eAAlD,EAAK;4CAAA,SAAM;GAAE,OAAM;GAAmB,WAAA;sCAGlE,EAwCM,OAAA;GAxCA,OAAK,EAAE,EAAA,EAAK,CAAA,gBAAA;YAAsB;GAAJ,KAAI;MACtC,EAWM,OAAA,EAXA,OAAK,EAAE,EAAA,EAAK,CAAA,WAAA,EAAA,EAAA,CAChB,EAKM,OAAA,EALA,OAAK,EAAE,EAAA,EAAK,CAAA,YAAA,EAAA,EAAA,EAAA,EAAA,GAAA,EAChB,EAGW,GAAA,MAAA,EAHgB,EAAA,QAAT,GAAG,wBAAyB,GAAC,EAAA,CAC7C,EAAmE,OAAA;GAA7D,OAAO,EAAE;GAAO,UAAK,MAAE,EAAW,EAAE,KAAI;OAAM,EAAE,KAAI,EAAA,GAAA,GAAA,EAC1C,EAAE,UAAU,EAAA,MAAY,SAAM,iBAAA,GAAA,EAA9C,EAA2E,EAAA,EAAA,EAAA;;GAAvB,MAAK;2BAG7D,EAGM,OAAA,EAHA,OAAK,EAAE,EAAA,EAAK,CAAC,SAAQ,EAAA,EAAA,CACzB,EAAiD,QAAA,MAA3C,eAAU,EAAG,EAAA,MAAc,OAAM,EAAA,EAAA,EACvC,EAAyC,GAAA,EAA7B,WAAW,EAAA,OAAc,EAAA,MAAA,GAAA,CAAA,YAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,EAG9B,EAAK,uBAAuB,KAAA,IAGtB,EAAK,eAIN,EAAK,SAAA,GAAA,EAArB,EAGM,OAAA;;GAHuB,OAAK,EAAE,EAAA,EAAK,CAAA,YAAA;MACvC,EAA0B,OAAA,EAApB,OAAK,EAAE,EAAA,EAAK,CAAC,IAAG,EAAA,EAAA,MAAA,EAAA,EACtB,EAAkD,OAAA,EAA5C,OAAK,EAAE,EAAA,EAAK,CAAC,QAAO,EAAA,EAAA,EAAK,EAAK,MAAK,EAAA,EAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAE3C,EAeM,OAAA;;GAfO,OAAK,EAAE,EAAA,EAAK,CAAA,WAAA;cACvB,EAaW,GAAA,MAAA,EAbc,EAAA,EAAY,GAApB,wBAA4B,EAAK,IAAA,EAAA,CACrC,EAAK,SAAA,GAAA,EAAhB,EAGM,OAAA;;GAHkB,OAAK,EAAE,EAAA,EAAK,CAAC,MAAK;GAAG,UAAK,MAAE,EAAW,EAAK,KAAI;MACtE,EAAiC,EAAA,EAAA,EAAA,EAAvB,MAAK,iBAAe,CAAA,EAAA,GAAA,GAAA,EAC9B,EAAgE,QAAA,EAAxC,OAAO,EAAK,MAAA,EAAA,CAAA,EAAA,EAAS,EAAK,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,IAAA,GAAA,KAAA,GAAA,EAExD,EAOM,OAAA;;GALH,OAAK,EAAA;KAAK,EAAA,EAAK,CAAC,gBAAgB,EAAK;KAAgB,EAAA,EAAK,CAAC,WAAW,EAAK;IAAQ,CAAA;GACnF,SAAK,GAAQ,MAAO,GAAW,GAAI,EAAI,EAAA,CAAA,OAAA,CAAA;MAExC,EAAiD,EAAA,EAAA,EAAA;GAAnC,MAAK;GAAO,OAAK,EAAE,EAAA,EAAK,CAAC,OAAM;kCAC7C,EAAgE,QAAA,EAAxC,OAAO,EAAK,MAAA,EAAA,CAAA,EAAA,EAAS,EAAK,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,GAAA,mBApBtC,GAAA,EAAtB,EAGM,OAAA;;GAH+B,OAAK,EAAE,EAAA,EAAK,CAAA,YAAA;MAC/C,EAA0B,OAAA,EAApB,OAAK,EAAE,EAAA,EAAK,CAAC,IAAG,EAAA,EAAA,MAAA,EAAA,EACtB,EAA2D,OAAA,EAArD,OAAK,EAAE,EAAA,EAAK,CAAC,QAAO,EAAA,EAAE,6BAAyB,EAAA,CAAA,EAAA,EAAA,KALhB,GAAA,EAAvC,EAEM,OAFN,IAEM,CAAA,GAAA,AAAA,EAAA,OAAA,CADJ,EAA8C,KAAA,EAA3C,OAAM,oCAAkC,EAAA,MAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/PlFileDialog/Shortcuts.js

@@ -2,6 +2,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
 export { r as default };
 
 //# sourceMappingURL=Shortcuts.js.map

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

@@ -4,6 +4,7 @@ import './Shortcuts.vue.css';var e = {
 	head: "_head_11ml3_30",
 	body: "_body_11ml3_58"
 };
+//#endregion
 export { e as default };
 
 //# sourceMappingURL=Shortcuts.style.js.map

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

@@ -1,6 +1,7 @@
 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({
 	__name: "Shortcuts",
 	props: { container: {} },
@@ -37,6 +38,7 @@ var c = /* @__PURE__ */ r({
 		}, 8, ["container"]));
 	}
 });
+//#endregion
 export { c as default };
 
 //# sourceMappingURL=Shortcuts.vue2.js.map

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

@@ -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 class=\"info\" position=\"bottom\" max-width=\"420px\" :container=\"container\">\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,EA4BY,EAAA,EAAA,EAAA;GA5BD,OAAM;GAAO,UAAS;GAAS,aAAU;GAAS,WAAW,EAAA;;GAC3D,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"}
+{"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 class=\"info\" position=\"bottom\" max-width=\"420px\" :container=\"container\">\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,EA4BY,EAAA,EAAA,EAAA;GA5BD,OAAM;GAAO,UAAS;GAAS,aAAU;GAAS,WAAW,EAAA;;GAC3D,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"}

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

@@ -20,6 +20,7 @@ import './pl-file-dialog.css';var e = {
 	"loader-icon": "_loader-icon_1jvlg_220",
 	spin: "_spin_1jvlg_1"
 };
+//#endregion
 export { e as default };
 
 //# sourceMappingURL=pl-file-dialog.module.js.map

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

@@ -1,5 +1,6 @@
 import { computed as e } from "vue";
-const t = () => ({
+//#region src/components/PlFileDialog/remote-helpers.ts
+var t = () => ({
 	dirPath: "",
 	search: "",
 	storageEntry: void 0,
@@ -21,12 +22,13 @@ function n(t) {
 		return e;
 	});
 }
-const r = { mounted: (e) => {
+var r = { mounted: (e) => {
 	if (e.clientWidth < e.scrollWidth) {
 		let t = e.innerText;
 		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

@@ -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,MAAa,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,MAAa,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"}
+{"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"}

package/dist/components/PlFileDialog/utils.js

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

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

@@ -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"}
+{"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"}

package/dist/components/PlFileInput/PlFileInput.js

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

package/dist/components/PlFileInput/PlFileInput.vue2.js

@@ -14,6 +14,7 @@ import './pl-file-input.css';/* empty css              */
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderSlot as S, toDisplayString as C, unref as w, useSlots as T, watch as E, withCtx as D, withKeys as O, withModifiers as k } from "vue";
 import { prettyBytes as A } from "@milaboratories/helpers";
 import { getFileNameFromHandle as ee, getFilePathFromHandle as j } from "@platforma-sdk/model";
+//#region src/components/PlFileInput/PlFileInput.vue?vue&type=script&setup=true&lang.ts
 var M = {
 	key: 0,
 	ref: "label"
@@ -145,6 +146,7 @@ var M = {
 		])], 64));
 	}
 });
+//#endregion
 export { L as default };
 
 //# sourceMappingURL=PlFileInput.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlFileInput.vue_vue_type_script_setup_true_lang.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  >\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        <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\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\n        v-if=\"modelValue\"\n        class=\"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\">\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"],"mappings":"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"}
+{"version":3,"file":"PlFileInput.vue_vue_type_script_setup_true_lang.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  >\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        <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\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\n        v-if=\"modelValue\"\n        class=\"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\">\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"],"mappings":"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"}

package/dist/components/PlIcon16/PlIcon16.js

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

package/dist/components/PlIcon16/PlIcon16.style.js

@@ -1,4 +1,5 @@
 import './PlIcon16.vue.css';var e = { icon: "_icon_d0ctm_2" };
+//#endregion
 export { e as default };
 
 //# sourceMappingURL=PlIcon16.style.js.map

package/dist/components/PlIcon16/PlIcon16.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlIcon16.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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"],"mappings":";;;;;;;;;;;;EAKA,IAAM,IAAQ,GAOR,IAAO,QAAe;AAC1B,OAAI,OAAO,EAAM,QAAS,UAAU;AAClC,QAAI,EAAM,SAAS,QAAS,QAAO;AACnC,QAAI,EAAM,SAAS,SAAU,QAAO;AACpC,QAAI,EAAM,SAAS,QAAS,QAAO;;AAErC,UAAO,EAAM,QAAQ;IACrB;yBAIA,EAOE,EAAA,EAAA,EAAA;GANC,MAAI,MAAQ,EAAM;GAClB,OAAK,EAAA;IAAGA,EAAAA,OAAO;IAAI;IAAA;IAAA,QAAgC,EAAM;IAAI,QAAY,EAAM;IAAI,CAAA;GACnF,OAAO,EAAA;GACP,QAAQ,EAAA;GACR,OAAO,EAAM;GACb,QAAQ,EAAM"}
+{"version":3,"file":"PlIcon16.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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"],"mappings":";;;;;;;;;;;;;EAKA,IAAM,IAAQ,GAOR,IAAO,QAAe;AAC1B,OAAI,OAAO,EAAM,QAAS,UAAU;AAClC,QAAI,EAAM,SAAS,QAAS,QAAO;AACnC,QAAI,EAAM,SAAS,SAAU,QAAO;AACpC,QAAI,EAAM,SAAS,QAAS,QAAO;;AAErC,UAAO,EAAM,QAAQ;IACrB;yBAIA,EAOE,EAAA,EAAA,EAAA;GANC,MAAI,MAAQ,EAAM;GAClB,OAAK,EAAA;IAAGA,EAAAA,OAAO;IAAI;IAAA;IAAA,QAAgC,EAAM;IAAI,QAAY,EAAM;IAAI,CAAA;GACnF,OAAO,EAAA;GACP,QAAQ,EAAA;GACR,OAAO,EAAM;GACb,QAAQ,EAAM"}

package/dist/components/PlIcon24/PlIcon24.js

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

package/dist/components/PlIcon24/PlIcon24.style.js

@@ -1,4 +1,5 @@
 import './PlIcon24.vue.css';var e = { icon: "_icon_6q2ws_2" };
+//#endregion
 export { e as default };
 
 //# sourceMappingURL=PlIcon24.style.js.map

package/dist/components/PlIcon24/PlIcon24.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlIcon24.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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"],"mappings":";;;;;;;;;;;;EAKA,IAAM,IAAQ,GAOR,IAAO,QAAe;AAC1B,OAAI,OAAO,EAAM,QAAS,UAAU;AAClC,QAAI,EAAM,SAAS,QAAS,QAAO;AACnC,QAAI,EAAM,SAAS,SAAU,QAAO;AACpC,QAAI,EAAM,SAAS,QAAS,QAAO;;AAErC,UAAO,EAAM,QAAQ;IACrB;yBAIA,EAOE,EAAA,EAAA,EAAA;GANC,MAAI,MAAQ,EAAM;GAClB,OAAK,EAAA;IAAA;IAAA;IAAA,QAAiC,EAAM;IAAI,QAAY,EAAM;IAAQA,EAAAA,OAAO;IAAI,CAAA;GACrF,OAAO,EAAA;GACP,QAAQ,EAAA;GACR,OAAO,EAAM;GACb,QAAQ,EAAM"}
+{"version":3,"file":"PlIcon24.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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"],"mappings":";;;;;;;;;;;;;EAKA,IAAM,IAAQ,GAOR,IAAO,QAAe;AAC1B,OAAI,OAAO,EAAM,QAAS,UAAU;AAClC,QAAI,EAAM,SAAS,QAAS,QAAO;AACnC,QAAI,EAAM,SAAS,SAAU,QAAO;AACpC,QAAI,EAAM,SAAS,QAAS,QAAO;;AAErC,UAAO,EAAM,QAAQ;IACrB;yBAIA,EAOE,EAAA,EAAA,EAAA;GANC,MAAI,MAAQ,EAAM;GAClB,OAAK,EAAA;IAAA;IAAA;IAAA,QAAiC,EAAM;IAAI,QAAY,EAAM;IAAQA,EAAAA,OAAO;IAAI,CAAA;GACrF,OAAO,EAAA;GACP,QAAQ,EAAA;GACR,OAAO,EAAM;GACb,QAAQ,EAAM"}

package/dist/components/PlLoaderCircular/PlLoaderCircular.js

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

package/dist/components/PlLoaderCircular/PlLoaderCircular.vue2.js

@@ -1,5 +1,6 @@
 import './pl-loader-circular.css';/* empty css                   */
 import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeStyle as r, openBlock as i } from "vue";
+//#region src/components/PlLoaderCircular/PlLoaderCircular.vue?vue&type=script&setup=true&lang.ts
 var a = { class: "pl-loader-circular" }, o = {
 	class: "pl-loader-circular__svg",
 	viewBox: "25 25 50 50"
@@ -25,6 +26,7 @@ var a = { class: "pl-loader-circular" }, o = {
 		}, null, 8, s)]))], 4)]));
 	}
 });
+//#endregion
 export { c as default };
 
 //# sourceMappingURL=PlLoaderCircular.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlLoaderCircular.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlLoaderCircular/PlLoaderCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-loader-circular.scss\";\n\nwithDefaults(\n  defineProps<{\n    size?: \"16\" | \"24\" | \"48\" | string;\n  }>(),\n  { size: \"16\" },\n);\n</script>\n<template>\n  <div class=\"pl-loader-circular\">\n    <div\n      :style=\"{\n        height: `${size}px`,\n        width: `${size}px`,\n        '--main-color': `${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`,\n      }\"\n      class=\"pl-circle-loader__wrapper\"\n    >\n      <svg class=\"pl-loader-circular__svg\" viewBox=\"25 25 50 50\">\n        <circle\n          class=\"pl-loader-circular__svg-circle\"\n          cx=\"50\"\n          cy=\"50\"\n          r=\"20\"\n          fill=\"none\"\n          :stroke=\"`${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`\"\n          stroke-width=\"2\"\n        />\n      </svg>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;yBAWE,EAqBM,OArBN,GAqBM,CApBJ,EAmBM,OAAA;GAlBH,OAAK,EAAA;eAAuB,EAAA,KAAI;cAAwB,EAAA,KAAI;wBAAkC,EAAA,OAAI,KAAA,iBAAA;;GAKnG,OAAM;YAEN,EAUM,OAVN,GAUM,CATJ,EAQE,UAAA;GAPA,OAAM;GACN,IAAG;GACH,IAAG;GACH,GAAE;GACF,MAAK;GACJ,QAAM,GAAA,CAAM,EAAA,OAAI,KAAA,iBAAA;GACjB,gBAAa"}
+{"version":3,"file":"PlLoaderCircular.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlLoaderCircular/PlLoaderCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-loader-circular.scss\";\n\nwithDefaults(\n  defineProps<{\n    size?: \"16\" | \"24\" | \"48\" | string;\n  }>(),\n  { size: \"16\" },\n);\n</script>\n<template>\n  <div class=\"pl-loader-circular\">\n    <div\n      :style=\"{\n        height: `${size}px`,\n        width: `${size}px`,\n        '--main-color': `${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`,\n      }\"\n      class=\"pl-circle-loader__wrapper\"\n    >\n      <svg class=\"pl-loader-circular__svg\" viewBox=\"25 25 50 50\">\n        <circle\n          class=\"pl-loader-circular__svg-circle\"\n          cx=\"50\"\n          cy=\"50\"\n          r=\"20\"\n          fill=\"none\"\n          :stroke=\"`${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`\"\n          stroke-width=\"2\"\n        />\n      </svg>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;yBAWE,EAqBM,OArBN,GAqBM,CApBJ,EAmBM,OAAA;GAlBH,OAAK,EAAA;eAAuB,EAAA,KAAI;cAAwB,EAAA,KAAI;wBAAkC,EAAA,OAAI,KAAA,iBAAA;;GAKnG,OAAM;YAEN,EAUM,OAVN,GAUM,CATJ,EAQE,UAAA;GAPA,OAAM;GACN,IAAG;GACH,IAAG;GACH,GAAE;GACF,MAAK;GACJ,QAAM,GAAA,CAAM,EAAA,OAAI,KAAA,iBAAA;GACjB,gBAAa"}

package/dist/components/PlLoaderLogo.js

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

package/dist/components/PlLoaderLogo.style.js

@@ -2,6 +2,7 @@ import './PlLoaderLogo.vue.css';var e = {
 	root: "_root_1hwch_2",
 	flash: "_flash_1hwch_1"
 };
+//#endregion
 export { e as default };
 
 //# sourceMappingURL=PlLoaderLogo.style.js.map

package/dist/components/PlLoaderLogo.vue2.js

@@ -1,4 +1,5 @@
 import { computed as e, createElementBlock as t, createStaticVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o, useCssModule as s, useCssVars as c } from "vue";
+//#region src/components/PlLoaderLogo.vue?vue&type=script&setup=true&lang.ts
 var l = /* @__PURE__ */ r({
 	__name: "PlLoaderLogo",
 	props: {
@@ -20,6 +21,7 @@ var l = /* @__PURE__ */ r({
 		}, [...r[0] ||= [n("<path d=\"m32 3 26 15H6z\"></path><path d=\"M32 18h26v28H32z\"></path><path d=\"M32 45.5h26L32 61z\"></path><path d=\"M6 39h26v22L6 46z\"></path><path d=\"M6 30h26v8H6z\"></path><path d=\"M6 18h26v12H6z\"></path><path d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"></path>", 7)]], 2));
 	}
 });
+//#endregion
 export { l as default };
 
 //# sourceMappingURL=PlLoaderLogo.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlLoaderLogo.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n  size?: number | string;\n  color?: string;\n  backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n  typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n  <svg viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\" :class=\"styles.root\">\n    <path d=\"m32 3 26 15H6z\" />\n    <path d=\"M32 18h26v28H32z\" />\n    <path d=\"M32 45.5h26L32 61z\" />\n    <path d=\"M6 39h26v22L6 46z\" />\n    <path d=\"M6 30h26v8H6z\" />\n    <path d=\"M6 18h26v12H6z\" />\n    <path\n      d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n    />\n  </svg>\n</template>\n\n<style module>\n.root {\n  min-block-size: v-bind(size);\n  max-block-size: v-bind(size);\n  min-inline-size: v-bind(size);\n  max-inline-size: v-bind(size);\n  fill-rule: evenodd;\n  path {\n    &:not(:last-of-type) {\n      fill: v-bind(backgroundColor);\n      animation-duration: 1s;\n      animation-delay: calc(1s / 6 * (sibling-index() - 1));\n      animation-iteration-count: infinite;\n      animation-name: flash;\n    }\n    &:last-of-type {\n      fill: v-bind(color);\n    }\n  }\n}\n\n@keyframes flash {\n  from {\n    fill: v-bind(color);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAGA,IAAM,IAAQ,GAMR,IAAS,GAAc,EAEvB,IAAO,QACX,OAAO,EAAM,QAAS,WAAW,IAAI,GAAG,EAAM,KAAK,CAAC,UAAU,GAAG,EAAM,KACxE,EAEK,IAAQ,EAAM,SAAS,gBACvB,IAAkB,EAAM,mBAAmB;yBAI/C,EAUM,OAAA;GAVD,SAAQ;GAAY,OAAM;GAA8B,OAAK,EAAE,EAAA,EAAM,CAAC,KAAI"}
+{"version":3,"file":"PlLoaderLogo.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n  size?: number | string;\n  color?: string;\n  backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n  typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n  <svg viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\" :class=\"styles.root\">\n    <path d=\"m32 3 26 15H6z\" />\n    <path d=\"M32 18h26v28H32z\" />\n    <path d=\"M32 45.5h26L32 61z\" />\n    <path d=\"M6 39h26v22L6 46z\" />\n    <path d=\"M6 30h26v8H6z\" />\n    <path d=\"M6 18h26v12H6z\" />\n    <path\n      d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n    />\n  </svg>\n</template>\n\n<style module>\n.root {\n  min-block-size: v-bind(size);\n  max-block-size: v-bind(size);\n  min-inline-size: v-bind(size);\n  max-inline-size: v-bind(size);\n  fill-rule: evenodd;\n  path {\n    &:not(:last-of-type) {\n      fill: v-bind(backgroundColor);\n      animation-duration: 1s;\n      animation-delay: calc(1s / 6 * (sibling-index() - 1));\n      animation-iteration-count: infinite;\n      animation-name: flash;\n    }\n    &:last-of-type {\n      fill: v-bind(color);\n    }\n  }\n}\n\n@keyframes flash {\n  from {\n    fill: v-bind(color);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAGA,IAAM,IAAQ,GAMR,IAAS,GAAc,EAEvB,IAAO,QACX,OAAO,EAAM,QAAS,WAAW,IAAI,GAAG,EAAM,KAAK,CAAC,UAAU,GAAG,EAAM,KACxE,EAEK,IAAQ,EAAM,SAAS,gBACvB,IAAkB,EAAM,mBAAmB;yBAI/C,EAUM,OAAA;GAVD,SAAQ;GAAY,OAAM;GAA8B,OAAK,EAAE,EAAA,EAAM,CAAC,KAAI"}

package/dist/components/PlLogView/PlLogView.js

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

package/dist/components/PlLogView/PlLogView.vue2.js

@@ -10,6 +10,7 @@ import './pl-log-view.css';/* empty css            */
 import { useLogHandle as a } from "./useLogHandle.js";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, watch as x, withCtx as S } from "vue";
 import { okOptional as C, tapIf as w } from "@milaboratories/helpers";
+//#region src/components/PlLogView/PlLogView.vue?vue&type=script&setup=true&lang.ts
 var T = { key: 0 }, E = { class: "pl-log-view__copy" }, D = {
 	key: 1,
 	class: "pl-log-view__error"
@@ -106,6 +107,7 @@ var T = { key: 0 }, E = { class: "pl-log-view__copy" }, D = {
 		], 2));
 	}
 });
+//#endregion
 export { O as default };
 
 //# sourceMappingURL=PlLogView.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlLogView.vue_vue_type_script_setup_true_lang.js","names":[],"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, OutputWithStatus, Platforma } 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?: OutputWithStatus<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?: OutputWithStatus<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(\n  () => logState.value?.error ?? props.error ?? getOutputError(props.output),\n);\n\nconst computedValue = computed(\n  () => logState.value?.lines ?? props.value ?? okOptional(props.output),\n);\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\">\n      {{ computedValue }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;CAKE,MAAM;;;;;;;;;;;;;;;EAiBR,IAAM,KAAsB,MAA4B;AACtD,OAAI,KAAK,EAAE,OAAO,GAChB,QAAO,EAAE,OAAO,KAAK,KAAK;KAIxB,IAAQ,GAAU,EAElB,IAAQ,GA+CR,IAAW,EAAa,EAAM,EAE9B,IAAa,EAAa,GAAK,EAE/B,IAAa,GAAkB,EAE/B,IAAO,GAAuB,EAE9B,IAAgB,QACd,EAAS,OAAO,SAAS,EAAM,SAAS,EAAe,EAAM,OAAO,CAC3E,EAEK,IAAgB,QACd,EAAS,OAAO,SAAS,EAAM,SAAS,EAAW,EAAM,OAAO,CACvE,EAEK,IAAsB,QAAe;AACzC,OAAI,EAAM,YACR,QAAO,EAAM;AAEf,OAAI,EAAc,SAAS,OAAO,EAAc,SAAU,SACxD,QAAO,EAAc;IAGvB,EAEI,IAAa,EAAI,GAAM;AAE7B,IAAc,EAAK;EAEnB,IAAM,IAAW,QAAgB,EAAW,QAAQ,qBAAqB,YAAa,EAEhF,UAAoB;AAExB,GADA,EAAW,QAAQ,IACnB,iBAAiB;AACf,MAAW,QAAQ;MAClB,KAAK;GAER,IAAM,IAAS,EAAoB;AAEnC,GAAI,MAAW,KAAA,KACb,UAAU,UAAU,UAAU,EAAO;KAInC,KAAmB,MAAqB;GAC5C,IAAM,IAAa,EAAoB;AAEvC,GAAI,MAAe,KAAA,KACjB,EAAgB,CAAC,GAAY,aAAa,EAAE,EAAS;KAInD,UAA6B;AAC7B,KAAM,qBAIV,EAAM,EAAW,QAAQ,MAAO;AAC9B,IAAI,EAAW,SACb,EAAG,SAAS,EAAG,YAAY,EAAG,aAAa;KAE7C;;AAGJ,IACE,SACM;AACJ,+BAA4B;AAC1B,OAAsB;KACtB;KAEJ,EAAE,WAAW,IAAM,CACpB;EAED,IAAM,KAAmB,MAAc;GACrC,IAAM,IAAK,EAAG;AACd,KAAW,QAAQ,EAAG,YAAY,MAA4B,EAAG,eAAe,EAAG;;yBAKnF,EAwBM,OAAA;YAxBG;GAAJ,KAAI;GAAO,OAAK,EAAA,CAAC,eAAa,EAAA,aAAwB,EAAA,OAAa,CAAA,CAAA;;GACzD,EAAA,SAAA,GAAA,EAAb,EAOQ,SAAA,GAAA,CANN,EAAwB,QAAA,MAAA,EAAf,EAAA,MAAK,EAAA,EAAA,EACG,EAAA,EAAK,CAAC,WAAA,GAAA,EAAvB,EAIY,EAAA,EAAA,EAAA;;IAJoB,OAAM;IAAO,UAAS;;IACzC,SAAO,QACO,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;GAI7B,EAA8C,GAAA,EAA/B,OAAM,wBAAsB,CAAA;GAC3C,EASM,OATN,GASM,CARJ,EAGY,EAAA,EAAA,EAAA;IAHA,eAAa;IAAK,UAAS;;IAE1B,SAAO,QAAqC,CAAA,EAAA,EAAjC,EAAA,QAAU,WAAA,OAAA,EAAA,EAAA,CAAA,CAAA;qBAD2C,CAA3E,EAA2E,EAAA,EAAA,EAAA;KAA7D,OAAM;KAAgB,MAAM,EAAA;KAAW,SAAO;;;OAG7C,EAAA,oBAAA,GAAA,EAAjB,EAGY,EAAA,EAAA,EAAA;;IAHwB,eAAa;IAAK,UAAS;;IAElD,SAAO,QAAS,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAR,YAAQ,GAAA,CAAA,CAAA,CAAA;qBADmD,CAA9E,EAA8E,EAAA,EAAA,EAAA;KAApE,MAAK;KAAY,SAAK,AAAA,EAAA,aAAQ,EAAgB,EAAA,iBAAgB;;;;GAIjE,EAAA,SAAA,GAAA,EAAX,EAA8E,OAA9E,GAA8E,EAAtB,EAAA,MAAa,EAAA,EAAA,KAAA,GAAA,EACrE,EAEM,OAAA;;aAFU;IAAJ,KAAI;IAAa,OAAM;IAAwB,UAAQ;QAC9D,EAAA,MAAa,EAAA,IAAA"}
+{"version":3,"file":"PlLogView.vue_vue_type_script_setup_true_lang.js","names":[],"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, OutputWithStatus, Platforma } 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?: OutputWithStatus<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?: OutputWithStatus<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(\n  () => logState.value?.error ?? props.error ?? getOutputError(props.output),\n);\n\nconst computedValue = computed(\n  () => logState.value?.lines ?? props.value ?? okOptional(props.output),\n);\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\">\n      {{ computedValue }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;CAKE,MAAM;;;;;;;;;;;;;;;EAiBR,IAAM,KAAsB,MAA4B;AACtD,OAAI,KAAK,EAAE,OAAO,GAChB,QAAO,EAAE,OAAO,KAAK,KAAK;KAIxB,IAAQ,GAAU,EAElB,IAAQ,GA+CR,IAAW,EAAa,EAAM,EAE9B,IAAa,EAAa,GAAK,EAE/B,IAAa,GAAkB,EAE/B,IAAO,GAAuB,EAE9B,IAAgB,QACd,EAAS,OAAO,SAAS,EAAM,SAAS,EAAe,EAAM,OAAO,CAC3E,EAEK,IAAgB,QACd,EAAS,OAAO,SAAS,EAAM,SAAS,EAAW,EAAM,OAAO,CACvE,EAEK,IAAsB,QAAe;AACzC,OAAI,EAAM,YACR,QAAO,EAAM;AAEf,OAAI,EAAc,SAAS,OAAO,EAAc,SAAU,SACxD,QAAO,EAAc;IAGvB,EAEI,IAAa,EAAI,GAAM;AAE7B,IAAc,EAAK;EAEnB,IAAM,IAAW,QAAgB,EAAW,QAAQ,qBAAqB,YAAa,EAEhF,UAAoB;AAExB,GADA,EAAW,QAAQ,IACnB,iBAAiB;AACf,MAAW,QAAQ;MAClB,KAAK;GAER,IAAM,IAAS,EAAoB;AAEnC,GAAI,MAAW,KAAA,KACb,UAAU,UAAU,UAAU,EAAO;KAInC,KAAmB,MAAqB;GAC5C,IAAM,IAAa,EAAoB;AAEvC,GAAI,MAAe,KAAA,KACjB,EAAgB,CAAC,GAAY,aAAa,EAAE,EAAS;KAInD,UAA6B;AAC7B,KAAM,qBAIV,EAAM,EAAW,QAAQ,MAAO;AAC9B,IAAI,EAAW,SACb,EAAG,SAAS,EAAG,YAAY,EAAG,aAAa;KAE7C;;AAGJ,IACE,SACM;AACJ,+BAA4B;AAC1B,OAAsB;KACtB;KAEJ,EAAE,WAAW,IAAM,CACpB;EAED,IAAM,KAAmB,MAAc;GACrC,IAAM,IAAK,EAAG;AACd,KAAW,QAAQ,EAAG,YAAY,MAA4B,EAAG,eAAe,EAAG;;yBAKnF,EAwBM,OAAA;YAxBG;GAAJ,KAAI;GAAO,OAAK,EAAA,CAAC,eAAa,EAAA,aAAwB,EAAA,OAAa,CAAA,CAAA;;GACzD,EAAA,SAAA,GAAA,EAAb,EAOQ,SAAA,GAAA,CANN,EAAwB,QAAA,MAAA,EAAf,EAAA,MAAK,EAAA,EAAA,EACG,EAAA,EAAK,CAAC,WAAA,GAAA,EAAvB,EAIY,EAAA,EAAA,EAAA;;IAJoB,OAAM;IAAO,UAAS;;IACzC,SAAO,QACO,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;GAI7B,EAA8C,GAAA,EAA/B,OAAM,wBAAsB,CAAA;GAC3C,EASM,OATN,GASM,CARJ,EAGY,EAAA,EAAA,EAAA;IAHA,eAAa;IAAK,UAAS;;IAE1B,SAAO,QAAqC,CAAA,EAAA,EAAjC,EAAA,QAAU,WAAA,OAAA,EAAA,EAAA,CAAA,CAAA;qBAD2C,CAA3E,EAA2E,EAAA,EAAA,EAAA;KAA7D,OAAM;KAAgB,MAAM,EAAA;KAAW,SAAO;;;OAG7C,EAAA,oBAAA,GAAA,EAAjB,EAGY,EAAA,EAAA,EAAA;;IAHwB,eAAa;IAAK,UAAS;;IAElD,SAAO,QAAS,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAR,YAAQ,GAAA,CAAA,CAAA,CAAA;qBADmD,CAA9E,EAA8E,EAAA,EAAA,EAAA;KAApE,MAAK;KAAY,SAAK,AAAA,EAAA,aAAQ,EAAgB,EAAA,iBAAgB;;;;GAIjE,EAAA,SAAA,GAAA,EAAX,EAA8E,OAA9E,GAA8E,EAAtB,EAAA,MAAa,EAAA,EAAA,KAAA,GAAA,EACrE,EAEM,OAAA;;aAFU;IAAJ,KAAI;IAAa,OAAM;IAAwB,UAAQ;QAC9D,EAAA,MAAa,EAAA,IAAA"}

package/dist/components/PlLogView/useLogHandle.js

@@ -1,6 +1,7 @@
 import { reactive as e, ref as t, watch as n } from "vue";
 import { useTimeoutPoll as r, whenever as i } from "@vueuse/core";
 import { getRawPlatformaInstance as a } from "@platforma-sdk/model";
+//#region src/components/PlLogView/useLogHandle.ts
 var o = "[==PROGRESS==]";
 function s(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -42,6 +43,7 @@ function c(c) {
 		}, u.errorCount = 0, f.resume());
 	}, { immediate: !0 }), l;
 }
+//#endregion
 export { c as useLogHandle };
 
 //# sourceMappingURL=useLogHandle.js.map

package/dist/components/PlLogView/useLogHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLogHandle.js","names":[],"sources":["../../../src/components/PlLogView/useLogHandle.ts"],"sourcesContent":["import { reactive, type Reactive, ref, watch } from \"vue\";\nimport { useTimeoutPoll, whenever } from \"@vueuse/core\";\nimport { getRawPlatformaInstance, type AnyLogHandle, type Platforma } from \"@platforma-sdk/model\";\n\ntype LogState = {\n  logHandle: AnyLogHandle;\n  lines: string;\n  lastOffset: number;\n  finished: boolean;\n  error: unknown;\n};\n\nconst ProgressPrefixDefault = \"[==PROGRESS==]\"; // @TODO ?\n\n// from here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions#escaping\nfunction escapeRegExp(str: string) {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nexport function useLogHandle(\n  props: Reactive<{\n    logHandle: AnyLogHandle | undefined;\n    maxRetries?: number;\n    mockPlatforma?: Platforma;\n    progressPrefix?: string;\n  }>,\n) {\n  const logState = ref<LogState>();\n\n  const data = reactive({\n    errorCount: 0,\n  });\n\n  async function fetchLogs() {\n    // making a snapshot of the ref\n    let currentLogState: LogState | undefined = logState.value;\n\n    if (currentLogState === undefined) return;\n\n    const platforma = props.mockPlatforma ?? getRawPlatformaInstance();\n\n    if (!platforma) {\n      console.warn(\"Platforma API is not available\");\n      return;\n    }\n\n    while (true) {\n      const result = await platforma.logDriver.readText(\n        currentLogState.logHandle,\n        100,\n        currentLogState.lastOffset,\n      );\n\n      currentLogState.error = undefined;\n\n      data.errorCount = 0;\n\n      if (result.shouldUpdateHandle) return;\n\n      // somebody changed target log while we were fetching log data\n      // @TODO There may be a situation where the new descriptor points to the same file and we don't need to reread it\n      if (currentLogState.logHandle !== logState.value?.logHandle) return;\n\n      const progressPrefix = props.progressPrefix ?? ProgressPrefixDefault;\n\n      const newLines = new TextDecoder()\n        .decode(result.data)\n        .replace(new RegExp(`${escapeRegExp(progressPrefix)}`, \"g\"), \"\");\n\n      // We simply change it in a mutable way: if logHandle has been changed, it points to the new object\n      currentLogState = Object.assign(currentLogState, {\n        lines: currentLogState.lines + newLines,\n        lastOffset: result.newOffset,\n        finished: !result.live,\n      });\n\n      if (result.newOffset >= result.size) break;\n    }\n  }\n\n  const fetchAndCatch = () =>\n    fetchLogs().catch((err) => {\n      if (logState.value) {\n        data.errorCount++;\n        if (data.errorCount > (props.maxRetries ?? 3)) {\n          logState.value.error = err;\n        } else {\n          console.warn(\"skip error:\", err, \"retry...\");\n        }\n      }\n    });\n\n  // Only trigger after last fetch is done\n  const timeoutPoll = useTimeoutPoll(fetchAndCatch, 1500, {\n    immediate: false,\n    immediateCallback: true,\n  });\n\n  whenever(\n    () => logState?.value?.finished,\n    () => timeoutPoll.pause(),\n  );\n\n  watch(\n    () => props.logHandle,\n    (lh) => {\n      if (lh === undefined) {\n        logState.value = undefined;\n        timeoutPoll.pause();\n      } else if (lh !== logState.value?.logHandle) {\n        logState.value = {\n          logHandle: lh,\n          lastOffset: 0,\n          lines: \"\",\n          finished: false,\n          error: undefined,\n        };\n        data.errorCount = 0;\n        timeoutPoll.resume();\n      }\n    },\n    { immediate: true },\n  );\n\n  return logState;\n}\n"],"mappings":";;;AAYA,IAAM,IAAwB;AAG9B,SAAS,EAAa,GAAa;AACjC,QAAO,EAAI,QAAQ,uBAAuB,OAAO;;AAGnD,SAAgB,EACd,GAMA;CACA,IAAM,IAAW,GAAe,EAE1B,IAAO,EAAS,EACpB,YAAY,GACb,CAAC;CAEF,eAAe,IAAY;EAEzB,IAAI,IAAwC,EAAS;AAErD,MAAI,MAAoB,KAAA,EAAW;EAEnC,IAAM,IAAY,EAAM,iBAAiB,GAAyB;AAElE,MAAI,CAAC,GAAW;AACd,WAAQ,KAAK,iCAAiC;AAC9C;;AAGF,WAAa;GACX,IAAM,IAAS,MAAM,EAAU,UAAU,SACvC,EAAgB,WAChB,KACA,EAAgB,WACjB;AAUD,OARA,EAAgB,QAAQ,KAAA,GAExB,EAAK,aAAa,GAEd,EAAO,sBAIP,EAAgB,cAAc,EAAS,OAAO,UAAW;GAE7D,IAAM,IAAiB,EAAM,kBAAkB,GAEzC,IAAW,IAAI,aAAa,CAC/B,OAAO,EAAO,KAAK,CACnB,QAAY,OAAO,GAAG,EAAa,EAAe,IAAI,IAAI,EAAE,GAAG;AASlE,OANA,IAAkB,OAAO,OAAO,GAAiB;IAC/C,OAAO,EAAgB,QAAQ;IAC/B,YAAY,EAAO;IACnB,UAAU,CAAC,EAAO;IACnB,CAAC,EAEE,EAAO,aAAa,EAAO,KAAM;;;CAiBzC,IAAM,IAAc,QAZlB,GAAW,CAAC,OAAO,MAAQ;AACzB,EAAI,EAAS,UACX,EAAK,cACD,EAAK,cAAc,EAAM,cAAc,KACzC,EAAS,MAAM,QAAQ,IAEvB,QAAQ,KAAK,eAAe,GAAK,WAAW;GAGhD,EAG8C,MAAM;EACtD,WAAW;EACX,mBAAmB;EACpB,CAAC;AA4BF,QA1BA,QACQ,GAAU,OAAO,gBACjB,EAAY,OAAO,CAC1B,EAED,QACQ,EAAM,YACX,MAAO;AACN,EAAI,MAAO,KAAA,KACT,EAAS,QAAQ,KAAA,GACjB,EAAY,OAAO,IACV,MAAO,EAAS,OAAO,cAChC,EAAS,QAAQ;GACf,WAAW;GACX,YAAY;GACZ,OAAO;GACP,UAAU;GACV,OAAO,KAAA;GACR,EACD,EAAK,aAAa,GAClB,EAAY,QAAQ;IAGxB,EAAE,WAAW,IAAM,CACpB,EAEM"}
+{"version":3,"file":"useLogHandle.js","names":[],"sources":["../../../src/components/PlLogView/useLogHandle.ts"],"sourcesContent":["import { reactive, type Reactive, ref, watch } from \"vue\";\nimport { useTimeoutPoll, whenever } from \"@vueuse/core\";\nimport { getRawPlatformaInstance, type AnyLogHandle, type Platforma } from \"@platforma-sdk/model\";\n\ntype LogState = {\n  logHandle: AnyLogHandle;\n  lines: string;\n  lastOffset: number;\n  finished: boolean;\n  error: unknown;\n};\n\nconst ProgressPrefixDefault = \"[==PROGRESS==]\"; // @TODO ?\n\n// from here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions#escaping\nfunction escapeRegExp(str: string) {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nexport function useLogHandle(\n  props: Reactive<{\n    logHandle: AnyLogHandle | undefined;\n    maxRetries?: number;\n    mockPlatforma?: Platforma;\n    progressPrefix?: string;\n  }>,\n) {\n  const logState = ref<LogState>();\n\n  const data = reactive({\n    errorCount: 0,\n  });\n\n  async function fetchLogs() {\n    // making a snapshot of the ref\n    let currentLogState: LogState | undefined = logState.value;\n\n    if (currentLogState === undefined) return;\n\n    const platforma = props.mockPlatforma ?? getRawPlatformaInstance();\n\n    if (!platforma) {\n      console.warn(\"Platforma API is not available\");\n      return;\n    }\n\n    while (true) {\n      const result = await platforma.logDriver.readText(\n        currentLogState.logHandle,\n        100,\n        currentLogState.lastOffset,\n      );\n\n      currentLogState.error = undefined;\n\n      data.errorCount = 0;\n\n      if (result.shouldUpdateHandle) return;\n\n      // somebody changed target log while we were fetching log data\n      // @TODO There may be a situation where the new descriptor points to the same file and we don't need to reread it\n      if (currentLogState.logHandle !== logState.value?.logHandle) return;\n\n      const progressPrefix = props.progressPrefix ?? ProgressPrefixDefault;\n\n      const newLines = new TextDecoder()\n        .decode(result.data)\n        .replace(new RegExp(`${escapeRegExp(progressPrefix)}`, \"g\"), \"\");\n\n      // We simply change it in a mutable way: if logHandle has been changed, it points to the new object\n      currentLogState = Object.assign(currentLogState, {\n        lines: currentLogState.lines + newLines,\n        lastOffset: result.newOffset,\n        finished: !result.live,\n      });\n\n      if (result.newOffset >= result.size) break;\n    }\n  }\n\n  const fetchAndCatch = () =>\n    fetchLogs().catch((err) => {\n      if (logState.value) {\n        data.errorCount++;\n        if (data.errorCount > (props.maxRetries ?? 3)) {\n          logState.value.error = err;\n        } else {\n          console.warn(\"skip error:\", err, \"retry...\");\n        }\n      }\n    });\n\n  // Only trigger after last fetch is done\n  const timeoutPoll = useTimeoutPoll(fetchAndCatch, 1500, {\n    immediate: false,\n    immediateCallback: true,\n  });\n\n  whenever(\n    () => logState?.value?.finished,\n    () => timeoutPoll.pause(),\n  );\n\n  watch(\n    () => props.logHandle,\n    (lh) => {\n      if (lh === undefined) {\n        logState.value = undefined;\n        timeoutPoll.pause();\n      } else if (lh !== logState.value?.logHandle) {\n        logState.value = {\n          logHandle: lh,\n          lastOffset: 0,\n          lines: \"\",\n          finished: false,\n          error: undefined,\n        };\n        data.errorCount = 0;\n        timeoutPoll.resume();\n      }\n    },\n    { immediate: true },\n  );\n\n  return logState;\n}\n"],"mappings":";;;;AAYA,IAAM,IAAwB;AAG9B,SAAS,EAAa,GAAa;AACjC,QAAO,EAAI,QAAQ,uBAAuB,OAAO;;AAGnD,SAAgB,EACd,GAMA;CACA,IAAM,IAAW,GAAe,EAE1B,IAAO,EAAS,EACpB,YAAY,GACb,CAAC;CAEF,eAAe,IAAY;EAEzB,IAAI,IAAwC,EAAS;AAErD,MAAI,MAAoB,KAAA,EAAW;EAEnC,IAAM,IAAY,EAAM,iBAAiB,GAAyB;AAElE,MAAI,CAAC,GAAW;AACd,WAAQ,KAAK,iCAAiC;AAC9C;;AAGF,WAAa;GACX,IAAM,IAAS,MAAM,EAAU,UAAU,SACvC,EAAgB,WAChB,KACA,EAAgB,WACjB;AAUD,OARA,EAAgB,QAAQ,KAAA,GAExB,EAAK,aAAa,GAEd,EAAO,sBAIP,EAAgB,cAAc,EAAS,OAAO,UAAW;GAE7D,IAAM,IAAiB,EAAM,kBAAkB,GAEzC,IAAW,IAAI,aAAa,CAC/B,OAAO,EAAO,KAAK,CACnB,QAAY,OAAO,GAAG,EAAa,EAAe,IAAI,IAAI,EAAE,GAAG;AASlE,OANA,IAAkB,OAAO,OAAO,GAAiB;IAC/C,OAAO,EAAgB,QAAQ;IAC/B,YAAY,EAAO;IACnB,UAAU,CAAC,EAAO;IACnB,CAAC,EAEE,EAAO,aAAa,EAAO,KAAM;;;CAiBzC,IAAM,IAAc,QAZlB,GAAW,CAAC,OAAO,MAAQ;AACzB,EAAI,EAAS,UACX,EAAK,cACD,EAAK,cAAc,EAAM,cAAc,KACzC,EAAS,MAAM,QAAQ,IAEvB,QAAQ,KAAK,eAAe,GAAK,WAAW;GAGhD,EAG8C,MAAM;EACtD,WAAW;EACX,mBAAmB;EACpB,CAAC;AA4BF,QA1BA,QACQ,GAAU,OAAO,gBACjB,EAAY,OAAO,CAC1B,EAED,QACQ,EAAM,YACX,MAAO;AACN,EAAI,MAAO,KAAA,KACT,EAAS,QAAQ,KAAA,GACjB,EAAY,OAAO,IACV,MAAO,EAAS,OAAO,cAChC,EAAS,QAAQ;GACf,WAAW;GACX,YAAY;GACZ,OAAO;GACP,UAAU;GACV,OAAO,KAAA;GACR,EACD,EAAK,aAAa,GAClB,EAAY,QAAQ;IAGxB,EAAE,WAAW,IAAM,CACpB,EAEM"}

package/dist/components/PlNotificationAlert/PlNotificationAlert.js

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