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

@milaboratories/uikit 2.16.0 → 2.16.1

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

Files changed (1369) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlErrorAlert.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlErrorAlert/PlErrorAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlErrorAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlClipboard } from \"../PlClipboard\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\n\nconst props = withDefaults(\n defineProps<{\n title?: string;\n message?: string;\n maxHeight?: string;\n copyMessage?: string;\n }>(),\n {\n title: undefined,\n message: undefined,\n maxHeight: \"300px\",\n copyMessage: undefined,\n },\n);\n\nfunction onCopy() {\n const value = props.copyMessage ?? props.message;\n if (typeof value === \"string\") {\n navigator.clipboard.writeText(value);\n }\n}\n</script>\n\n<template>\n <div data-testid=\"pl-error-alert\" :style=\"{ maxHeight: props.maxHeight }\" :class=\"$style.root\">\n <PlClipboard data-testid=\"pl-error-alert-copy\" :class=\"$style.copy\" @copy=\"onCopy\" />\n <slot name=\"title\">\n <div data-testid=\"pl-error-alert-title\" :class=\"$style.title\">\n <PlMaskIcon16 data-testid=\"pl-error-alert-icon\" :class=\"$style.titleIcon\" name=\"warning\" />\n <div data-testid=\"pl-error-alert-title-text\" :class=\"$style.titleText\">\n {{ props.title }}\n </div>\n </div>\n </slot>\n <slot name=\"message\">\n <div data-testid=\"pl-error-alert-message\" :class=\"$style.message\">\n {{ props.message }}\n </div>\n </slot>\n </div>\n</template>\n\n<style module>\n.root {\n position: relative;\n overflow: auto;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 12px;\n background: var(--bg-error);\n border: 1px var(--border-color-error) solid;\n border-radius: var(--border-radius-control);\n /* color: var(--txt-error); */\n}\n\n.copy {\n position: absolute;\n right: 12px;\n top: 12px;\n opacity: 0.4;\n transition: opacity 0.3s;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.title {\n display: flex;\n align-items: center;\n gap: 10px;\n max-width: calc(100% - 20px);\n min-height: 24px;\n line-height: 24px;\n font-weight: bold;\n overflow: hidden;\n}\n\n.titleIcon {\n --icon-color: var(--txt-error);\n}\n\n.titleText {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.message {\n overflow: auto;\n max-height: 100%;\n white-space: pre-wrap;\n word-break: break-word;\n font-family: var(--font-family-monospace);\n}\n</style>\n"],"mappings":";;;;;;CAEE,MAAM;;;;;;;;EAQR,~~IAAM~~,~~IAAQ~~;EAed,~~SAAS~~,IAAS;GAChB,~~IAAM~~,~~IAAQ~~,EAAM,~~eAAe~~,EAAM;~~AACzC~~,~~GAAI~~,~~OAAO~~,KAAU,YACnB,UAAU,UAAU,~~UAAU~~,~~EAAM;;yBAMtC~~,EAeM,OAAA;GAfD,eAAY;GAAkB,~~OAAK~~,EAAA,EAAA,~~WAAe~~,EAAM,~~WAAS~~,CAAA;GAAK,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~KAAI~~;;~~GAC3F~~,~~EAAqF~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;IAAxE,eAAY;IAAuB,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~KAAI~~;IAAS;;~~GAC3E~~,~~EAOO~~,EAAA,QAAA,SAAA,~~EAAA~~,~~QAAA~~,~~CANL~~,EAKM,OAAA;IALD,eAAY;IAAwB,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~MAAK~~;~~OAC1D~~,~~EAA2F~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;IAA7E,eAAY;IAAuB,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~UAAS~~;IAAE,MAAK;~~2BAC~~/E,EAEM,OAAA;IAFD,eAAY;IAA6B,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~UAAS~~;~~QAChE~~,~~EAAM~~,~~MAAK~~,~~EAAA~~,~~EAAA~~,~~CAAA~~,~~EAAA,EAAA,~~CAAA,~~CAAA~~;~~GAIpB~~,~~EAIO~~,EAAA,QAAA,WAAA,~~EAAA~~,~~QAAA~~,~~CAHL~~,EAEM,OAAA;IAFD,eAAY;IAA0B,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~QAAO~~;~~QAC3D~~,EAAM,~~QAAO~~,~~EAAA~~,~~EAAA,~~CAAA,~~CAAA~~"}
1	+ {"version":3,"file":"PlErrorAlert.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_createVNode","_unref","PlClipboard","_renderSlot","_createElementVNode","PlMaskIcon16","_toDisplayString","PlIcon16_default","PlClipboard_default","PlErrorAlert_vue_vue_type_script_setup_true_lang_default","props","__props","onCopy","value","openBlock","createElementBlock","normalizeStyle","normalizeClass","_ctx","createVNode","unref","renderSlot","createElementVNode","toDisplayString"],"sources":["../../../src/components/PlErrorAlert/PlErrorAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlErrorAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlClipboard } from \"../PlClipboard\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\n\nconst props = withDefaults(\n defineProps<{\n title?: string;\n message?: string;\n maxHeight?: string;\n copyMessage?: string;\n }>(),\n {\n title: undefined,\n message: undefined,\n maxHeight: \"300px\",\n copyMessage: undefined,\n },\n);\n\nfunction onCopy() {\n const value = props.copyMessage ?? props.message;\n if (typeof value === \"string\") {\n navigator.clipboard.writeText(value);\n }\n}\n</script>\n\n<template>\n <div data-testid=\"pl-error-alert\" :style=\"{ maxHeight: props.maxHeight }\" :class=\"$style.root\">\n <PlClipboard data-testid=\"pl-error-alert-copy\" :class=\"$style.copy\" @copy=\"onCopy\" />\n <slot name=\"title\">\n <div data-testid=\"pl-error-alert-title\" :class=\"$style.title\">\n <PlMaskIcon16 data-testid=\"pl-error-alert-icon\" :class=\"$style.titleIcon\" name=\"warning\" />\n <div data-testid=\"pl-error-alert-title-text\" :class=\"$style.titleText\">\n {{ props.title }}\n </div>\n </div>\n </slot>\n <slot name=\"message\">\n <div data-testid=\"pl-error-alert-message\" :class=\"$style.message\">\n {{ props.message }}\n </div>\n </slot>\n </div>\n</template>\n\n<style module>\n.root {\n position: relative;\n overflow: auto;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 12px;\n background: var(--bg-error);\n border: 1px var(--border-color-error) solid;\n border-radius: var(--border-radius-control);\n /* color: var(--txt-error); */\n}\n\n.copy {\n position: absolute;\n right: 12px;\n top: 12px;\n opacity: 0.4;\n transition: opacity 0.3s;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.title {\n display: flex;\n align-items: center;\n gap: 10px;\n max-width: calc(100% - 20px);\n min-height: 24px;\n line-height: 24px;\n font-weight: bold;\n overflow: hidden;\n}\n\n.titleIcon {\n --icon-color: var(--txt-error);\n}\n\n.titleText {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.message {\n overflow: auto;\n max-height: 100%;\n white-space: pre-wrap;\n word-break: break-word;\n font-family: var(--font-family-monospace);\n}\n</style>\n"],"mappings":";;;;;;CAEE,MAAM;;;;;;;;EAQR,IAAMe,IAAQC;EAed,SAASC,IAAS;GAChB,IAAMC,IAAQH,EAAM,eAAeA,EAAM;GACzC,AAAI,OAAOG,KAAU,YACnB,UAAU,UAAU,UAAUA,CAAK;EAEvC;E,kBAIEjB,EAAA,GAAAC,EAeM,OAAA;GAfD,eAAY;GAAkB,OAAKC,EAAA,EAAA,WAAeY,EAAM,UAAS,CAAA;GAAK,OAAKX,EAAEJ,EAAAA,OAAO,IAAI;;GAC3FK,EAAqFC,EAAAC,CAAA,GAAA;IAAxE,eAAY;IAAuB,OAAKH,EAAEJ,EAAAA,OAAO,IAAI;IAAS;;GAC3EQ,EAOOe,EAAA,QAAA,SAAA,CAAA,SAAA,CANLd,EAKM,OAAA;IALD,eAAY;IAAwB,OAAKL,EAAEJ,EAAAA,OAAO,KAAK;G,IAC1DK,EAA2FC,EAAAI,CAAA,GAAA;IAA7E,eAAY;IAAuB,OAAKN,EAAEJ,EAAAA,OAAO,SAAS;IAAE,MAAK;G,wBAC/ES,EAEM,OAAA;IAFD,eAAY;IAA6B,OAAKL,EAAEJ,EAAAA,OAAO,SAAS;GAChE,GAAAW,EAAAI,EAAM,KAAK,GAAA,CAAA,C;GAIpBP,EAIOe,EAAA,QAAA,WAAA,CAAA,SAAA,CAHLd,EAEM,OAAA;IAFD,eAAY;IAA0B,OAAKL,EAAEJ,EAAAA,OAAO,OAAO;GAC3D,GAAAW,EAAAI,EAAM,OAAO,GAAA,CAAA,C"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlErrorBoundary.js","names":[],"sources":["../../../src/components/PlErrorBoundary/PlErrorBoundary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onErrorCaptured, ref, onBeforeUpdate } from \"vue\";\nimport { PlErrorAlert } from \"../PlErrorAlert\";\nimport { isErrorLike, tryDo } from \"@milaboratories/helpers\";\n\nconst extractMessage = (err: unknown): undefined \| string => {\n if (err == null) {\n return undefined;\n }\n\n if (isErrorLike(err)) {\n return err.stack == null \|\| err.stack.length === 0\n ? err.message\n : err.stack.includes(err.message)\n ? err.stack\n : err.message + \"\\n\" + err.stack;\n }\n\n return tryDo(\n () => JSON.stringify(err, null, 4),\n () => err.toString(),\n );\n};\n\nconst data = ref<null \| {\n title: undefined \| string;\n error: Error;\n}>(null);\n\nconst error = computed(() => data.value?.error);\nconst message = computed(() => extractMessage(error.value));\n\nfunction reset() {\n data.value = null;\n}\n\nconst errorAlert = ref<InstanceType<typeof PlErrorAlert> \| null>(null);\n\nonBeforeUpdate(() => {\n // If an error is currently displayed, and the component updates (e.g., due to slot content changing),\n // reset the error state.\n if (data.value !== null && errorAlert.value) {\n reset();\n }\n});\n\nonErrorCaptured((err, instance) => {\n data.value = {\n title: instance?.$?.type?.name ?? undefined,\n error: err,\n };\n // stop error propagation\n return false;\n});\n\ndefineExpose({ error, reset });\n</script>\n\n<template>\n <slot />\n <PlErrorAlert\n v-if=\"error\"\n ref=\"errorAlert\"\n data-testid=\"pl-error-boundary-alert\"\n :message=\"message\"\n :title=\"data?.title\"\n />\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlErrorBoundary.js","names":["_sfc_main","PlErrorBoundary_vue_vue_type_script_setup_true_lang_default","PlErrorBoundary_default"],"sources":["../../../src/components/PlErrorBoundary/PlErrorBoundary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onErrorCaptured, ref, onBeforeUpdate } from \"vue\";\nimport { PlErrorAlert } from \"../PlErrorAlert\";\nimport { isErrorLike, tryDo } from \"@milaboratories/helpers\";\n\nconst extractMessage = (err: unknown): undefined \| string => {\n if (err == null) {\n return undefined;\n }\n\n if (isErrorLike(err)) {\n return err.stack == null \|\| err.stack.length === 0\n ? err.message\n : err.stack.includes(err.message)\n ? err.stack\n : err.message + \"\\n\" + err.stack;\n }\n\n return tryDo(\n () => JSON.stringify(err, null, 4),\n () => err.toString(),\n );\n};\n\nconst data = ref<null \| {\n title: undefined \| string;\n error: Error;\n}>(null);\n\nconst error = computed(() => data.value?.error);\nconst message = computed(() => extractMessage(error.value));\n\nfunction reset() {\n data.value = null;\n}\n\nconst errorAlert = ref<InstanceType<typeof PlErrorAlert> \| null>(null);\n\nonBeforeUpdate(() => {\n // If an error is currently displayed, and the component updates (e.g., due to slot content changing),\n // reset the error state.\n if (data.value !== null && errorAlert.value) {\n reset();\n }\n});\n\nonErrorCaptured((err, instance) => {\n data.value = {\n title: instance?.$?.type?.name ?? undefined,\n error: err,\n };\n // stop error propagation\n return false;\n});\n\ndefineExpose({ error, reset });\n</script>\n\n<template>\n <slot />\n <PlErrorAlert\n v-if=\"error\"\n ref=\"errorAlert\"\n data-testid=\"pl-error-boundary-alert\"\n :message=\"message\"\n :title=\"data?.title\"\n />\n</template>\n"],"mappings":""}

package/dist/components/PlErrorBoundary/PlErrorBoundary.vue2.js CHANGED Viewed

@@ -2,8 +2,8 @@ import e from "../PlErrorAlert/PlErrorAlert.js";
 import "../PlErrorAlert/index.js";
 import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, onBeforeUpdate as s, onErrorCaptured as c, openBlock as l, ref as u, renderSlot as d, unref as f } from "vue";
 import { isErrorLike as p, tryDo as m } from "@milaboratories/helpers";
-//#region src/components/PlErrorBoundary/PlErrorBoundary.vue?vue&type=script&setup=true&lang.ts
-var h = /* @__PURE__ */ o({
+// src/components/PlErrorBoundary/PlErrorBoundary.vue?vue&type=script&setup=true&lang.ts
+var h = /*@__PURE__*/ o({
 	__name: "PlErrorBoundary",
 	setup(o, { expose: h }) {
 		let g = (e) => {
@@ -31,7 +31,6 @@ var h = /* @__PURE__ */ o({
 		}, null, 8, ["message", "title"])) : i("", !0)], 64));
 	}
 });
-//#endregion
 export { h as default };
 //# sourceMappingURL=PlErrorBoundary.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlErrorBoundary.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlErrorBoundary/PlErrorBoundary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onErrorCaptured, ref, onBeforeUpdate } from \"vue\";\nimport { PlErrorAlert } from \"../PlErrorAlert\";\nimport { isErrorLike, tryDo } from \"@milaboratories/helpers\";\n\nconst extractMessage = (err: unknown): undefined \| string => {\n if (err == null) {\n return undefined;\n }\n\n if (isErrorLike(err)) {\n return err.stack == null \|\| err.stack.length === 0\n ? err.message\n : err.stack.includes(err.message)\n ? err.stack\n : err.message + \"\\n\" + err.stack;\n }\n\n return tryDo(\n () => JSON.stringify(err, null, 4),\n () => err.toString(),\n );\n};\n\nconst data = ref<null \| {\n title: undefined \| string;\n error: Error;\n}>(null);\n\nconst error = computed(() => data.value?.error);\nconst message = computed(() => extractMessage(error.value));\n\nfunction reset() {\n data.value = null;\n}\n\nconst errorAlert = ref<InstanceType<typeof PlErrorAlert> \| null>(null);\n\nonBeforeUpdate(() => {\n // If an error is currently displayed, and the component updates (e.g., due to slot content changing),\n // reset the error state.\n if (data.value !== null && errorAlert.value) {\n reset();\n }\n});\n\nonErrorCaptured((err, instance) => {\n data.value = {\n title: instance?.$?.type?.name ?? undefined,\n error: err,\n };\n // stop error propagation\n return false;\n});\n\ndefineExpose({ error, reset });\n</script>\n\n<template>\n <slot />\n <PlErrorAlert\n v-if=\"error\"\n ref=\"errorAlert\"\n data-testid=\"pl-error-boundary-alert\"\n :message=\"message\"\n :title=\"data?.title\"\n />\n</template>\n"],"mappings":";;;;;;;;EAKA,~~IAAM~~,KAAkB,MAAqC;~~AACvD~~,~~YAAO~~,~~KAYX~~,~~QARI~~,~~EAAY~~,~~EAAI~~,~~GACX~~,EAAI,SAAS,~~QAAQ~~,EAAI,MAAM,WAAW,~~IAC7C~~,EAAI,~~UACJ~~,EAAI,MAAM,~~SAAS~~,EAAI,~~QAAO~~,~~GAC5B~~,EAAI,~~QACJ~~,EAAI,UAAU,~~OAAO~~,EAAI,~~QAG1B~~,QACC,KAAK,~~UAAU~~,GAAK,MAAM,~~EAAE~~,~~QAC5B~~,EAAI,~~UAAU~~,CACrB;~~KAGG~~,~~IAAO~~,EAGV,~~KAAK~~,~~EAEF~~,~~IAAQ~~,~~QAAe~~,EAAK,OAAO,~~MAAM~~,~~EACzC~~,~~IAAU~~,~~QAAe~~,~~EAAe~~,EAAM,~~MAAM~~,CAAC;~~EAE3D~~,~~SAAS~~,IAAQ;~~AACf~~,~~KAAK~~,QAAQ~~;;EAGf~~,~~IAAM~~,~~IAAa~~,EAA8C,~~KAAK~~;~~SAEtE~~,QAAqB;~~AAGnB~~,~~GAAI~~,EAAK,UAAU,~~QAAQ~~,EAAW,~~SACpC~~,~~GAAO~~;~~IAET~~,~~EAEF~~,GAAiB,GAAK,OACpB,EAAK,QAAQ;GACX,~~OAAO~~,GAAU,GAAG,MAAM,QAAQ,KAAA;GAClC,~~OAAO~~;~~GACR~~,~~EAEM~~,~~IACP~~,~~EAEF~~,EAAa;GAAE;GAAO;~~GAAO~~,CAAC,~~8BAI5B~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~EAEA~~,EAAA,~~SAAA~~,~~GAAA~~,~~EADR~~,~~EAME~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;;~~YAJI~~;GAAJ,~~KAAI~~;GACJ,eAAY;GACX,~~SAAS~~,EAAA;GACT,~~OAAO~~,EAAA,OAAM"}
1	+ {"version":3,"file":"PlErrorBoundary.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderSlot","_createBlock","_unref","PlErrorAlert","_createCommentVNode","PlErrorAlert_default","PlErrorBoundary_vue_vue_type_script_setup_true_lang_default","__expose","extractMessage","err","isErrorLike","tryDo","data","ref","error","computed","message","reset","errorAlert","onBeforeUpdate","onErrorCaptured","instance","openBlock","createElementBlock","Fragment","renderSlot","_ctx","createBlock","unref","createCommentVNode"],"sources":["../../../src/components/PlErrorBoundary/PlErrorBoundary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onErrorCaptured, ref, onBeforeUpdate } from \"vue\";\nimport { PlErrorAlert } from \"../PlErrorAlert\";\nimport { isErrorLike, tryDo } from \"@milaboratories/helpers\";\n\nconst extractMessage = (err: unknown): undefined \| string => {\n if (err == null) {\n return undefined;\n }\n\n if (isErrorLike(err)) {\n return err.stack == null \|\| err.stack.length === 0\n ? err.message\n : err.stack.includes(err.message)\n ? err.stack\n : err.message + \"\\n\" + err.stack;\n }\n\n return tryDo(\n () => JSON.stringify(err, null, 4),\n () => err.toString(),\n );\n};\n\nconst data = ref<null \| {\n title: undefined \| string;\n error: Error;\n}>(null);\n\nconst error = computed(() => data.value?.error);\nconst message = computed(() => extractMessage(error.value));\n\nfunction reset() {\n data.value = null;\n}\n\nconst errorAlert = ref<InstanceType<typeof PlErrorAlert> \| null>(null);\n\nonBeforeUpdate(() => {\n // If an error is currently displayed, and the component updates (e.g., due to slot content changing),\n // reset the error state.\n if (data.value !== null && errorAlert.value) {\n reset();\n }\n});\n\nonErrorCaptured((err, instance) => {\n data.value = {\n title: instance?.$?.type?.name ?? undefined,\n error: err,\n };\n // stop error propagation\n return false;\n});\n\ndefineExpose({ error, reset });\n</script>\n\n<template>\n <slot />\n <PlErrorAlert\n v-if=\"error\"\n ref=\"errorAlert\"\n data-testid=\"pl-error-boundary-alert\"\n :message=\"message\"\n :title=\"data?.title\"\n />\n</template>\n"],"mappings":";;;;;;;;EAKA,IAAMW,KAAkB,MAAqC;GAC3D,IAAIC,KAAO,MAYX,OARIC,EAAYD,CAAG,IACVA,EAAI,SAAS,QAAQA,EAAI,MAAM,WAAW,IAC7CA,EAAI,UACJA,EAAI,MAAM,SAASA,EAAI,OAAO,IAC5BA,EAAI,QACJA,EAAI,UAAU,OAAOA,EAAI,QAG1BE,QACC,KAAK,UAAUF,GAAK,MAAM,CAAC,SAC3BA,EAAI,SAAS,CACrB;EACF,GAEMG,IAAOC,EAGV,IAAI,GAEDC,IAAQC,QAAeH,EAAK,OAAO,KAAK,GACxCI,IAAUD,QAAeP,EAAeM,EAAM,KAAK,CAAC;EAE1D,SAASG,IAAQ;GACf,EAAK,QAAQ;EACf;EAEA,IAAMC,IAAaL,EAA8C,IAAI;E,OAErEM,QAAqB;GAGnB,AAAIP,EAAK,UAAU,QAAQM,EAAW,SACpCD,EAAM;EAEV,CAAC,GAEDG,GAAiB,GAAK,OACpB,EAAK,QAAQ;GACX,OAAOC,GAAU,GAAG,MAAM,QAAQ,KAAA;GAClC,OAAOZ;EACT,GAEO,GACR,GAEDF,EAAa;GAAE;GAAO;EAAM,CAAC,I,2BAI3BP,EAAQ0B,EAAA,QAAA,SAAA,GAEAZ,EAAA,SADRjB,EAAA,GAAAI,EAMEC,EAAAC,CAAA,GAAA;;GAJI,SAAA;GAAJ,KAAIe;GACJ,eAAY;GACX,SAASF,EAAA;GACT,OAAOJ,EAAA,OAAM"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Local.js","names":[],"sources":["../../../src/components/PlFileDialog/Local.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from \"./pl-file-dialog.module.scss\";\nimport type { ImportedFiles } from \"../../types\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed, reactive } from \"vue\";\nimport { getRawPlatformaInstance, type OpenDialogFilter } from \"@platforma-sdk/model\";\nimport { normalizeExtensions } from \"./utils\";\n\nconst props = defineProps<{\n importFiles: (value: ImportedFiles) => void;\n multi?: boolean;\n extensions?: string[];\n}>();\n\nconst data = reactive({\n error: undefined as unknown,\n});\n\nconst label = computed(() =>\n props.multi ? \"Drag & Drop files here or click to add\" : \"Drag & Drop file here or click to add\",\n);\n\nconst onDrop = async (ev: DragEvent) => {\n const fileToImportHandle = getRawPlatformaInstance()?.lsDriver?.fileToImportHandle;\n\n if (!fileToImportHandle) {\n return console.error(\n \"API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available\",\n );\n }\n\n const extensions = normalizeExtensions(props.extensions);\n\n const files = await Promise.all(\n [...(ev.dataTransfer?.files ?? [])]\n .filter((f) => !!f)\n .filter((f) => (extensions ? extensions.some((ext) => f.name.endsWith(ext)) : true))\n .map((file) => {\n return fileToImportHandle(file);\n }),\n );\n\n if (files.length) {\n props.importFiles({\n files,\n });\n }\n};\n\nconst openNativeDialog = async () => {\n const filters: OpenDialogFilter[] = props.extensions\n ? [\n {\n name: \"All Files\",\n extensions: [...props.extensions],\n },\n ]\n : [];\n\n if (props.multi) {\n getRawPlatformaInstance()\n ?.lsDriver.showOpenMultipleFilesDialog({\n title: \"Select files to import\",\n filters,\n })\n .then(({ files }) => {\n if (files) {\n props.importFiles({\n files,\n });\n }\n })\n .catch((err) => (data.error = err));\n } else {\n getRawPlatformaInstance()\n ?.lsDriver.showOpenSingleFileDialog({\n title: \"Select file to import\",\n filters,\n })\n .then(({ file }) => {\n if (file) {\n props.importFiles({\n files: [file],\n });\n }\n })\n .catch((err) => (data.error = err));\n }\n};\n</script>\n\n<template>\n <div\n :class=\"style.local\"\n data-testid=\"pl-file-dialog-local\"\n @drop=\"onDrop\"\n @dragover.prevent\n @click=\"openNativeDialog\"\n >\n <PlIcon24 name=\"cloud-upload\" />\n <span data-testid=\"pl-file-dialog-local-label\">{{ label }}</span>\n <span v-if=\"extensions\" :class=\"style.supported\" data-testid=\"pl-file-dialog-local-formats\"\n >Supported formats: {{ extensions.join(\", \") }}</span\n >\n <span v-if=\"data.error\" class=\"alert-error\" data-testid=\"pl-file-dialog-local-error\">{{\n data.error\n }}</span>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"Local.js","names":["_sfc_main","Local_vue_vue_type_script_setup_true_lang_default","Local_default"],"sources":["../../../src/components/PlFileDialog/Local.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from \"./pl-file-dialog.module.scss\";\nimport type { ImportedFiles } from \"../../types\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed, reactive } from \"vue\";\nimport { getRawPlatformaInstance, type OpenDialogFilter } from \"@platforma-sdk/model\";\nimport { normalizeExtensions } from \"./utils\";\n\nconst props = defineProps<{\n importFiles: (value: ImportedFiles) => void;\n multi?: boolean;\n extensions?: string[];\n}>();\n\nconst data = reactive({\n error: undefined as unknown,\n});\n\nconst label = computed(() =>\n props.multi ? \"Drag & Drop files here or click to add\" : \"Drag & Drop file here or click to add\",\n);\n\nconst onDrop = async (ev: DragEvent) => {\n const fileToImportHandle = getRawPlatformaInstance()?.lsDriver?.fileToImportHandle;\n\n if (!fileToImportHandle) {\n return console.error(\n \"API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available\",\n );\n }\n\n const extensions = normalizeExtensions(props.extensions);\n\n const files = await Promise.all(\n [...(ev.dataTransfer?.files ?? [])]\n .filter((f) => !!f)\n .filter((f) => (extensions ? extensions.some((ext) => f.name.endsWith(ext)) : true))\n .map((file) => {\n return fileToImportHandle(file);\n }),\n );\n\n if (files.length) {\n props.importFiles({\n files,\n });\n }\n};\n\nconst openNativeDialog = async () => {\n const filters: OpenDialogFilter[] = props.extensions\n ? [\n {\n name: \"All Files\",\n extensions: [...props.extensions],\n },\n ]\n : [];\n\n if (props.multi) {\n getRawPlatformaInstance()\n ?.lsDriver.showOpenMultipleFilesDialog({\n title: \"Select files to import\",\n filters,\n })\n .then(({ files }) => {\n if (files) {\n props.importFiles({\n files,\n });\n }\n })\n .catch((err) => (data.error = err));\n } else {\n getRawPlatformaInstance()\n ?.lsDriver.showOpenSingleFileDialog({\n title: \"Select file to import\",\n filters,\n })\n .then(({ file }) => {\n if (file) {\n props.importFiles({\n files: [file],\n });\n }\n })\n .catch((err) => (data.error = err));\n }\n};\n</script>\n\n<template>\n <div\n :class=\"style.local\"\n data-testid=\"pl-file-dialog-local\"\n @drop=\"onDrop\"\n @dragover.prevent\n @click=\"openNativeDialog\"\n >\n <PlIcon24 name=\"cloud-upload\" />\n <span data-testid=\"pl-file-dialog-local-label\">{{ label }}</span>\n <span v-if=\"extensions\" :class=\"style.supported\" data-testid=\"pl-file-dialog-local-formats\"\n >Supported formats: {{ extensions.join(\", \") }}</span\n >\n <span v-if=\"data.error\" class=\"alert-error\" data-testid=\"pl-file-dialog-local-error\">{{\n data.error\n }}</span>\n </div>\n</template>\n"],"mappings":""}

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

@@ -4,12 +4,12 @@ import t from "./pl-file-dialog.module.js";
 import { normalizeExtensions as n } from "./utils.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, reactive as d, toDisplayString as f, unref as p, withModifiers as m } from "vue";
 import { getRawPlatformaInstance as h } from "@platforma-sdk/model";
-//#region src/components/PlFileDialog/Local.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlFileDialog/Local.vue?vue&type=script&setup=true&lang.ts
 var g = { "data-testid": "pl-file-dialog-local-label" }, _ = {
 	key: 1,
 	class: "alert-error",
 	"data-testid": "pl-file-dialog-local-error"
-}, v = /* @__PURE__ */ c({
+}, v = /*@__PURE__*/ c({
 	__name: "Local",
 	props: {
 		importFiles: { type: Function },
@@ -20,7 +20,7 @@ var g = { "data-testid": "pl-file-dialog-local-label" }, _ = {
 		let v = c, y = d({ error: void 0 }), b = r(() => v.multi ? "Drag & Drop files here or click to add" : "Drag & Drop file here or click to add"), x = async (e) => {
 			let t = h()?.lsDriver?.fileToImportHandle;
 			if (!t) return console.error("API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available");
-			let r = n(v.extensions), i = await Promise.all([...e.dataTransfer?.files ?? []].filter((e) => !!e).filter((e) => r ? r.some((t) => e.name.endsWith(t)) : !0).map((e) => t(e)));
+			let r = n(v.extensions), i = await Promise.all([...e.dataTransfer?.files ?? []].filter((e) => !!e).filter((e) => !r || r.some((t) => e.name.endsWith(t))).map((e) => t(e)));
 			i.length && v.importFiles({ files: i });
 		}, S = async () => {
 			let e = v.extensions ? [{
@@ -57,7 +57,6 @@ var g = { "data-testid": "pl-file-dialog-local-label" }, _ = {
 		], 34));
 	}
 });
-//#endregion
 export { v as default };
 //# sourceMappingURL=Local.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Local.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlFileDialog/Local.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from \"./pl-file-dialog.module.scss\";\nimport type { ImportedFiles } from \"../../types\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed, reactive } from \"vue\";\nimport { getRawPlatformaInstance, type OpenDialogFilter } from \"@platforma-sdk/model\";\nimport { normalizeExtensions } from \"./utils\";\n\nconst props = defineProps<{\n importFiles: (value: ImportedFiles) => void;\n multi?: boolean;\n extensions?: string[];\n}>();\n\nconst data = reactive({\n error: undefined as unknown,\n});\n\nconst label = computed(() =>\n props.multi ? \"Drag & Drop files here or click to add\" : \"Drag & Drop file here or click to add\",\n);\n\nconst onDrop = async (ev: DragEvent) => {\n const fileToImportHandle = getRawPlatformaInstance()?.lsDriver?.fileToImportHandle;\n\n if (!fileToImportHandle) {\n return console.error(\n \"API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available\",\n );\n }\n\n const extensions = normalizeExtensions(props.extensions);\n\n const files = await Promise.all(\n [...(ev.dataTransfer?.files ?? [])]\n .filter((f) => !!f)\n .filter((f) => (extensions ? extensions.some((ext) => f.name.endsWith(ext)) : true))\n .map((file) => {\n return fileToImportHandle(file);\n }),\n );\n\n if (files.length) {\n props.importFiles({\n files,\n });\n }\n};\n\nconst openNativeDialog = async () => {\n const filters: OpenDialogFilter[] = props.extensions\n ? [\n {\n name: \"All Files\",\n extensions: [...props.extensions],\n },\n ]\n : [];\n\n if (props.multi) {\n getRawPlatformaInstance()\n ?.lsDriver.showOpenMultipleFilesDialog({\n title: \"Select files to import\",\n filters,\n })\n .then(({ files }) => {\n if (files) {\n props.importFiles({\n files,\n });\n }\n })\n .catch((err) => (data.error = err));\n } else {\n getRawPlatformaInstance()\n ?.lsDriver.showOpenSingleFileDialog({\n title: \"Select file to import\",\n filters,\n })\n .then(({ file }) => {\n if (file) {\n props.importFiles({\n files: [file],\n });\n }\n })\n .catch((err) => (data.error = err));\n }\n};\n</script>\n\n<template>\n <div\n :class=\"style.local\"\n data-testid=\"pl-file-dialog-local\"\n @drop=\"onDrop\"\n @dragover.prevent\n @click=\"openNativeDialog\"\n >\n <PlIcon24 name=\"cloud-upload\" />\n <span data-testid=\"pl-file-dialog-local-label\">{{ label }}</span>\n <span v-if=\"extensions\" :class=\"style.supported\" data-testid=\"pl-file-dialog-local-formats\"\n >Supported formats: {{ extensions.join(\", \") }}</span\n >\n <span v-if=\"data.error\" class=\"alert-error\" data-testid=\"pl-file-dialog-local-error\">{{\n data.error\n }}</span>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAQA,~~IAAM~~,~~IAAQ~~,~~GAMR~~,~~IAAO~~,EAAS,EACpB,OAAO,KAAA,~~GACR~~,CAAC,~~EAEI~~,~~IAAQ~~,~~QACZ~~,EAAM,QAAQ,2CAA2C,~~wCAC1D~~,~~EAEK~~,IAAS,OAAO,MAAkB;GACtC,~~IAAM~~,~~IAAqB~~,~~GAAyB~~,EAAE,UAAU;~~AAEhE~~,~~OAAI~~,~~CAAC~~,~~EACH~~,~~QAAO~~,QAAQ,MACb,~~6EACD~~;~~GAGH~~,~~IAAM~~,~~IAAa~~,~~EAAoB~~,EAAM,~~WAAW~~,~~EAElD~~,IAAQ,MAAM,QAAQ,IAC1B,CAAC,~~GAAI~~,EAAG,cAAc,SAAS,~~EAAE,~~CAAC,CAC/B,QAAQ,MAAM,CAAC,CAAC,~~EAAC~~,CACjB,QAAQ,MAAO,~~IAAa~~,EAAW,MAAM,~~MAAQ~~,EAAE,KAAK,~~SAAS~~,~~EAAI~~,CAAC,~~GAAG~~,~~GAAK~~,CAClF,KAAK,~~MACG~~,~~EAAmB~~,~~EAAK~~,CAC/B,CACL;~~AAED~~,~~GAAI~~,EAAM,~~UACR~~,EAAM,YAAY,EAChB,~~UACD~~,CAAC;~~KAIA~~,IAAmB,YAAY;GACnC,~~IAAM~~,~~IAA8B~~,EAAM,aACtC,CACE;IACE,MAAM;IACN,YAAY,CAAC,~~GAAG~~,EAAM,~~WAAW~~;~~IAClC~~,~~CACH~~,~~GACA~~,~~EAAE~~;~~AAEN~~,~~GAAI~~,EAAM,~~QACR~~,~~GAAwB~~,EACpB,SAAS,4BAA4B;IACrC,OAAO;IACP;~~IACD~~,CAAA,CACA,MAAM,EAAE,eAAY;~~AACnB~~,~~IAAI~~,~~KACF~~,EAAM,YAAY,EAChB,~~UACD~~,CAAC;~~KAEL~~,CACA,OAAO,MAAS,EAAK,~~QAAQ~~,~~EAAK~~,~~GAErC~~,~~GAAwB~~,EACpB,SAAS,yBAAyB;IAClC,OAAO;IACP;~~IACD~~,CAAA,CACA,MAAM,EAAE,cAAW;~~AAClB~~,~~IAAI~~,~~KACF~~,EAAM,YAAY,EAChB,OAAO,~~CAAC~~,~~EAAK~~,EACd,CAAC;~~KAEL~~,CACA,OAAO,MAAS,EAAK,~~QAAQ~~,~~EAAK;;yBAMvC~~,EAeM,OAAA;GAdH,~~OAAK~~,~~EAAE~~,~~EAAA~~,~~EAAK~~,CAAC,~~MAAK~~;GACnB,eAAY;GACL;GACN,YAAQ,~~AAAA~~,EAAA,~~OAAA~~,QAAT,~~IAAiB~~,CAAA,~~UAAA~~,CAAA;GAChB,~~SAAO~~;;~~GAER~~,~~EAAgC~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,EAAtB,MAAK,~~gBAAc~~,CAAA;~~GAC7B~~,EAAiE,~~QAAjE~~,~~GAAiE~~,~~EAAf~~,EAAA,~~MAAK~~,~~EAAA~~,~~EAAA~~;~~GAC3C~~,EAAA,~~cAAA~~,~~GAAA~~,~~EAAZ~~,EAEC,QAAA;;IAFwB,~~OAAK~~,~~EAAE~~,~~EAAA~~,~~EAAK~~,CAAC,~~UAAS~~;IAAE,eAAY;~~MAC1D~~,~~wBAAmB~~,~~EAAG~~,EAAA,WAAW,KAAI,~~KAAA~~,CAAA,~~EAAA~~,~~EAAA~~,~~IAAA,EAAA,IAAA,GAAA~~;~~GAE5B~~,EAAK,~~SAAA~~,~~GAAA~~,~~EAAjB~~,EAES,~~QAFT~~,~~GAES~~,~~EADP~~,EAAK,~~MAAK~~,~~EAAA~~,~~EAAA~~,~~IAAA,EAAA,IAAA,GAAA~~"}
1	+ {"version":3,"file":"Local.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","style","_withModifiers","_createVNode","PlIcon24","_createElementVNode","_toDisplayString","_createCommentVNode","PlIcon24_default","pl_file_dialog_module_default","_hoisted_1","_hoisted_2","Local_vue_vue_type_script_setup_true_lang_default","props","__props","data","reactive","label","computed","onDrop","fileToImportHandle","getRawPlatformaInstance","extensions","normalizeExtensions","files","ev","f","ext","file","openNativeDialog","filters","err","openBlock","createElementBlock","normalizeClass","unref","_cache","withModifiers","createVNode","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/PlFileDialog/Local.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from \"./pl-file-dialog.module.scss\";\nimport type { ImportedFiles } from \"../../types\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed, reactive } from \"vue\";\nimport { getRawPlatformaInstance, type OpenDialogFilter } from \"@platforma-sdk/model\";\nimport { normalizeExtensions } from \"./utils\";\n\nconst props = defineProps<{\n importFiles: (value: ImportedFiles) => void;\n multi?: boolean;\n extensions?: string[];\n}>();\n\nconst data = reactive({\n error: undefined as unknown,\n});\n\nconst label = computed(() =>\n props.multi ? \"Drag & Drop files here or click to add\" : \"Drag & Drop file here or click to add\",\n);\n\nconst onDrop = async (ev: DragEvent) => {\n const fileToImportHandle = getRawPlatformaInstance()?.lsDriver?.fileToImportHandle;\n\n if (!fileToImportHandle) {\n return console.error(\n \"API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available\",\n );\n }\n\n const extensions = normalizeExtensions(props.extensions);\n\n const files = await Promise.all(\n [...(ev.dataTransfer?.files ?? [])]\n .filter((f) => !!f)\n .filter((f) => (extensions ? extensions.some((ext) => f.name.endsWith(ext)) : true))\n .map((file) => {\n return fileToImportHandle(file);\n }),\n );\n\n if (files.length) {\n props.importFiles({\n files,\n });\n }\n};\n\nconst openNativeDialog = async () => {\n const filters: OpenDialogFilter[] = props.extensions\n ? [\n {\n name: \"All Files\",\n extensions: [...props.extensions],\n },\n ]\n : [];\n\n if (props.multi) {\n getRawPlatformaInstance()\n ?.lsDriver.showOpenMultipleFilesDialog({\n title: \"Select files to import\",\n filters,\n })\n .then(({ files }) => {\n if (files) {\n props.importFiles({\n files,\n });\n }\n })\n .catch((err) => (data.error = err));\n } else {\n getRawPlatformaInstance()\n ?.lsDriver.showOpenSingleFileDialog({\n title: \"Select file to import\",\n filters,\n })\n .then(({ file }) => {\n if (file) {\n props.importFiles({\n files: [file],\n });\n }\n })\n .catch((err) => (data.error = err));\n }\n};\n</script>\n\n<template>\n <div\n :class=\"style.local\"\n data-testid=\"pl-file-dialog-local\"\n @drop=\"onDrop\"\n @dragover.prevent\n @click=\"openNativeDialog\"\n >\n <PlIcon24 name=\"cloud-upload\" />\n <span data-testid=\"pl-file-dialog-local-label\">{{ label }}</span>\n <span v-if=\"extensions\" :class=\"style.supported\" data-testid=\"pl-file-dialog-local-formats\"\n >Supported formats: {{ extensions.join(\", \") }}</span\n >\n <span v-if=\"data.error\" class=\"alert-error\" data-testid=\"pl-file-dialog-local-error\">{{\n data.error\n }}</span>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAQA,IAAMgB,IAAQC,GAMRC,IAAOC,EAAS,EACpB,OAAO,KAAA,EACT,CAAC,GAEKC,IAAQC,QACZL,EAAM,QAAQ,2CAA2C,uCAC3D,GAEMM,IAAS,OAAO,MAAkB;GACtC,IAAMC,IAAqBC,EAAwB,CAAC,EAAE,UAAU;GAEhE,IAAI,CAACD,GACH,OAAO,QAAQ,MACb,4EACF;GAGF,IAAME,IAAaC,EAAoBV,EAAM,UAAU,GAEjDW,IAAQ,MAAM,QAAQ,IAC1B,CAAC,GAAIC,EAAG,cAAc,SAAS,CAAC,CAAE,CAAA,CAC/B,QAAQ,MAAM,CAAC,CAACC,CAAC,CAAA,CACjB,QAAQ,MAAO,MAAaJ,EAAW,MAAM,MAAQI,EAAE,KAAK,SAASC,CAAG,CAAC,CAAS,CAAA,CAClF,KAAK,MACGP,EAAmBQ,CAAI,CAC/B,CACL;GAEA,AAAIJ,EAAM,UACRX,EAAM,YAAY,EAChB,SACF,CAAC;EAEL,GAEMgB,IAAmB,YAAY;GACnC,IAAMC,IAA8BjB,EAAM,aACtC,CACE;IACE,MAAM;IACN,YAAY,CAAC,GAAGA,EAAM,UAAU;GAClC,CACF,IACA,CAAC;GAEL,AAAIA,EAAM,QACRQ,EAAwB,CAAA,EACpB,SAAS,4BAA4B;IACrC,OAAO;IACP;GACF,CAAC,CAAA,CACA,MAAM,EAAE,eAAY;IACnB,AAAIG,KACFX,EAAM,YAAY,EAChB,SACF,CAAC;GAEL,CAAC,CAAA,CACA,OAAO,MAAS,EAAK,QAAQkB,CAAI,IAEpCV,EAAwB,CAAA,EACpB,SAAS,yBAAyB;IAClC,OAAO;IACP;GACF,CAAC,CAAA,CACA,MAAM,EAAE,cAAW;IAClB,AAAIO,KACFf,EAAM,YAAY,EAChB,OAAO,CAACe,CAAI,EACd,CAAC;GAEL,CAAC,CAAA,CACA,OAAO,MAAS,EAAK,QAAQG,CAAI;EAExC;E,kBAIElC,EAAA,GAAAC,EAeM,OAAA;GAdH,OAAKC,EAAEC,EAAAC,CAAA,CAAK,CAAC,KAAK;GACnB,eAAY;GACL;GACN,YAAQ,AAAAmC,EAAA,OAAAlC,QAAT,CAAA,GAAiB,CAAA,SAAA,CAAA;GAChB,SAAO2B;;GAER1B,EAAgCH,EAAAI,CAAA,GAAA,EAAtB,MAAK,eAAc,CAAA;GAC7BC,EAAiE,QAAjEK,GAAiEJ,EAAfW,EAAA,KAAK,GAAA,CAAA;GAC3CH,EAAA,cAAZjB,EAAA,GAAAC,EAEC,QAAA;;IAFwB,OAAKC,EAAEC,EAAAC,CAAA,CAAK,CAAC,SAAS;IAAE,eAAY;GAC1D,GAAA,wBAAmBK,EAAGQ,EAAA,WAAW,KAAI,IAAA,CAAA,GAAA,CAAA,K;GAE5BC,EAAK,SAAjBlB,EAAA,GAAAC,EAES,QAFTa,GAESL,EADPS,EAAK,KAAK,GAAA,CAAA,K"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlFileDialog.js","names":[],"sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport style from \"./pl-file-dialog.module.scss\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { notEmpty } from \"@milaboratories/helpers\";\nimport type { ImportedFiles, SimpleOption } from \"../../types\";\nimport { PlDialogModal } from \"../PlDialogModal\";\nimport { PlBtnPrimary } from \"../PlBtnPrimary\";\nimport { PlBtnGhost } from \"../PlBtnGhost\";\nimport { PlBtnGroup } from \"../PlBtnGroup\";\nimport Remote from \"./Remote.vue\";\nimport Local from \"./Local.vue\";\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: boolean): void;\n (e: \"import:files\", value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /*\n Controls the visibility of the modal.\n \n When `true`, the modal is open. When `false`, the modal is closed.\n /\n modelValue: boolean;\n /\n Specifies the file extensions that are allowed for selection.\n \n Provide an array of strings representing file extensions (leading dot can be omitted)\n * If not specified, all file types are allowed.\n /\n extensions?: string[];\n /\n Enables the selection of multiple files.\n \n When `true`, the user can select multiple files.\n * When `false` or not specified, only a single file can be selected.\n /\n multi?: boolean;\n /\n The custom title of the dialog.\n /\n title?: string;\n /\n Automatically selects the initial storage option.\n * When `true`, the default storage is pre-selected for the user (default: `true`)\n /\n autoSelectStorage?: boolean;\n /\n If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n closeOnOutsideClick: true,\n },\n);\n\nconst mode = ref<\"local\" \| \"remote\">(\"local\");\n\nconst defaultTitle = computed(() =>\n props.multi ? \"Select Files to Import\" : \"Select File to Import\",\n);\n\nconst modeOptions = [\n {\n label: \"My Computer\",\n value: \"local\",\n },\n {\n label: \"Remote\",\n value: \"remote\",\n },\n] satisfies SimpleOption[];\n\nconst closeModal = () => emit(\"update:modelValue\", false);\n\nconst remoteRef = useTemplateRef(\"remote\");\n\nconst submit = () => {\n if (remoteRef.value?.isReady) {\n emit(\"import:files\", notEmpty(remoteRef.value?.getFilesToImport()));\n closeModal();\n }\n};\n\nconst importFiles = (importedFiles: ImportedFiles) => {\n emit(\"import:files\", importedFiles);\n closeModal();\n};\n</script>\n\n<template>\n <PlDialogModal\n :no-content-gutters=\"true\"\n :close-on-outside-click=\"closeOnOutsideClick\"\n class=\"pl-dialog-modal\"\n data-testid=\"pl-file-dialog\"\n :class=\"style.component\"\n :model-value=\"modelValue\"\n width=\"688px\"\n height=\"720px\"\n @update:model-value=\"closeModal\"\n @click.stop\n >\n <template #title>{{ title ?? defaultTitle }}</template>\n <div style=\"margin: 0 24px\">\n <PlBtnGroup v-model=\"mode\" :options=\"modeOptions\" data-testid=\"pl-file-dialog-mode\" />\n </div>\n <Remote v-if=\"mode === 'remote'\" ref=\"remote\" v-bind=\"$props\" :submit=\"submit\" />\n <Local v-if=\"mode === 'local'\" :import-files=\"importFiles\" v-bind=\"$props\" />\n <template v-if=\"mode === 'remote'\" #actions>\n <PlBtnPrimary\n style=\"min-width: 160px\"\n :disabled=\"!remoteRef?.isReady\"\n data-testid=\"pl-file-dialog-import\"\n @click.stop=\"submit\"\n >Import</PlBtnPrimary\n >\n <PlBtnGhost\n :justify-center=\"false\"\n data-testid=\"pl-file-dialog-cancel\"\n @click.stop=\"closeModal\"\n >Cancel</PlBtnGhost\n >\n </template>\n </PlDialogModal>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlFileDialog.js","names":["_sfc_main","PlFileDialog_vue_vue_type_script_setup_true_lang_default","PlFileDialog_default"],"sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport style from \"./pl-file-dialog.module.scss\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { notEmpty } from \"@milaboratories/helpers\";\nimport type { ImportedFiles, SimpleOption } from \"../../types\";\nimport { PlDialogModal } from \"../PlDialogModal\";\nimport { PlBtnPrimary } from \"../PlBtnPrimary\";\nimport { PlBtnGhost } from \"../PlBtnGhost\";\nimport { PlBtnGroup } from \"../PlBtnGroup\";\nimport Remote from \"./Remote.vue\";\nimport Local from \"./Local.vue\";\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: boolean): void;\n (e: \"import:files\", value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /*\n Controls the visibility of the modal.\n \n When `true`, the modal is open. When `false`, the modal is closed.\n /\n modelValue: boolean;\n /\n Specifies the file extensions that are allowed for selection.\n \n Provide an array of strings representing file extensions (leading dot can be omitted)\n * If not specified, all file types are allowed.\n /\n extensions?: string[];\n /\n Enables the selection of multiple files.\n \n When `true`, the user can select multiple files.\n * When `false` or not specified, only a single file can be selected.\n /\n multi?: boolean;\n /\n The custom title of the dialog.\n /\n title?: string;\n /\n Automatically selects the initial storage option.\n * When `true`, the default storage is pre-selected for the user (default: `true`)\n /\n autoSelectStorage?: boolean;\n /\n If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n closeOnOutsideClick: true,\n },\n);\n\nconst mode = ref<\"local\" \| \"remote\">(\"local\");\n\nconst defaultTitle = computed(() =>\n props.multi ? \"Select Files to Import\" : \"Select File to Import\",\n);\n\nconst modeOptions = [\n {\n label: \"My Computer\",\n value: \"local\",\n },\n {\n label: \"Remote\",\n value: \"remote\",\n },\n] satisfies SimpleOption[];\n\nconst closeModal = () => emit(\"update:modelValue\", false);\n\nconst remoteRef = useTemplateRef(\"remote\");\n\nconst submit = () => {\n if (remoteRef.value?.isReady) {\n emit(\"import:files\", notEmpty(remoteRef.value?.getFilesToImport()));\n closeModal();\n }\n};\n\nconst importFiles = (importedFiles: ImportedFiles) => {\n emit(\"import:files\", importedFiles);\n closeModal();\n};\n</script>\n\n<template>\n <PlDialogModal\n :no-content-gutters=\"true\"\n :close-on-outside-click=\"closeOnOutsideClick\"\n class=\"pl-dialog-modal\"\n data-testid=\"pl-file-dialog\"\n :class=\"style.component\"\n :model-value=\"modelValue\"\n width=\"688px\"\n height=\"720px\"\n @update:model-value=\"closeModal\"\n @click.stop\n >\n <template #title>{{ title ?? defaultTitle }}</template>\n <div style=\"margin: 0 24px\">\n <PlBtnGroup v-model=\"mode\" :options=\"modeOptions\" data-testid=\"pl-file-dialog-mode\" />\n </div>\n <Remote v-if=\"mode === 'remote'\" ref=\"remote\" v-bind=\"$props\" :submit=\"submit\" />\n <Local v-if=\"mode === 'local'\" :import-files=\"importFiles\" v-bind=\"$props\" />\n <template v-if=\"mode === 'remote'\" #actions>\n <PlBtnPrimary\n style=\"min-width: 160px\"\n :disabled=\"!remoteRef?.isReady\"\n data-testid=\"pl-file-dialog-import\"\n @click.stop=\"submit\"\n >Import</PlBtnPrimary\n >\n <PlBtnGhost\n :justify-center=\"false\"\n data-testid=\"pl-file-dialog-cancel\"\n @click.stop=\"closeModal\"\n >Cancel</PlBtnGhost\n >\n </template>\n </PlDialogModal>\n</template>\n"],"mappings":""}

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

@@ -11,8 +11,8 @@ import a from "./Remote.js";
 import o from "./Local.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, openBlock as _, ref as v, toDisplayString as y, unref as b, useTemplateRef as x, withCtx as S, withModifiers as C } from "vue";
 import { notEmpty as w } from "@milaboratories/helpers";
-//#region src/components/PlFileDialog/PlFileDialog.vue?vue&type=script&setup=true&lang.ts
-var T = { style: { margin: "0 24px" } }, E = /* @__PURE__ */ m({
+// src/components/PlFileDialog/PlFileDialog.vue?vue&type=script&setup=true&lang.ts
+var T = { style: { margin: "0 24px" } }, E = /*@__PURE__*/ m({
 	__name: "PlFileDialog",
 	props: {
 		modelValue: { type: Boolean },
@@ -96,7 +96,6 @@ var T = { style: { margin: "0 24px" } }, E = /* @__PURE__ */ m({
 		]));
 	}
 });
-//#endregion
 export { E as default };
 //# sourceMappingURL=PlFileDialog.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlFileDialog.vue_vue_type_script_setup_true_lang.js","names":["$props"],"sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport style from \"./pl-file-dialog.module.scss\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { notEmpty } from \"@milaboratories/helpers\";\nimport type { ImportedFiles, SimpleOption } from \"../../types\";\nimport { PlDialogModal } from \"../PlDialogModal\";\nimport { PlBtnPrimary } from \"../PlBtnPrimary\";\nimport { PlBtnGhost } from \"../PlBtnGhost\";\nimport { PlBtnGroup } from \"../PlBtnGroup\";\nimport Remote from \"./Remote.vue\";\nimport Local from \"./Local.vue\";\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: boolean): void;\n (e: \"import:files\", value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /*\n Controls the visibility of the modal.\n \n When `true`, the modal is open. When `false`, the modal is closed.\n /\n modelValue: boolean;\n /\n Specifies the file extensions that are allowed for selection.\n \n Provide an array of strings representing file extensions (leading dot can be omitted)\n * If not specified, all file types are allowed.\n /\n extensions?: string[];\n /\n Enables the selection of multiple files.\n \n When `true`, the user can select multiple files.\n * When `false` or not specified, only a single file can be selected.\n /\n multi?: boolean;\n /\n The custom title of the dialog.\n /\n title?: string;\n /\n Automatically selects the initial storage option.\n * When `true`, the default storage is pre-selected for the user (default: `true`)\n /\n autoSelectStorage?: boolean;\n /\n If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n closeOnOutsideClick: true,\n },\n);\n\nconst mode = ref<\"local\" \| \"remote\">(\"local\");\n\nconst defaultTitle = computed(() =>\n props.multi ? \"Select Files to Import\" : \"Select File to Import\",\n);\n\nconst modeOptions = [\n {\n label: \"My Computer\",\n value: \"local\",\n },\n {\n label: \"Remote\",\n value: \"remote\",\n },\n] satisfies SimpleOption[];\n\nconst closeModal = () => emit(\"update:modelValue\", false);\n\nconst remoteRef = useTemplateRef(\"remote\");\n\nconst submit = () => {\n if (remoteRef.value?.isReady) {\n emit(\"import:files\", notEmpty(remoteRef.value?.getFilesToImport()));\n closeModal();\n }\n};\n\nconst importFiles = (importedFiles: ImportedFiles) => {\n emit(\"import:files\", importedFiles);\n closeModal();\n};\n</script>\n\n<template>\n <PlDialogModal\n :no-content-gutters=\"true\"\n :close-on-outside-click=\"closeOnOutsideClick\"\n class=\"pl-dialog-modal\"\n data-testid=\"pl-file-dialog\"\n :class=\"style.component\"\n :model-value=\"modelValue\"\n width=\"688px\"\n height=\"720px\"\n @update:model-value=\"closeModal\"\n @click.stop\n >\n <template #title>{{ title ?? defaultTitle }}</template>\n <div style=\"margin: 0 24px\">\n <PlBtnGroup v-model=\"mode\" :options=\"modeOptions\" data-testid=\"pl-file-dialog-mode\" />\n </div>\n <Remote v-if=\"mode === 'remote'\" ref=\"remote\" v-bind=\"$props\" :submit=\"submit\" />\n <Local v-if=\"mode === 'local'\" :import-files=\"importFiles\" v-bind=\"$props\" />\n <template v-if=\"mode === 'remote'\" #actions>\n <PlBtnPrimary\n style=\"min-width: 160px\"\n :disabled=\"!remoteRef?.isReady\"\n data-testid=\"pl-file-dialog-import\"\n @click.stop=\"submit\"\n >Import</PlBtnPrimary\n >\n <PlBtnGhost\n :justify-center=\"false\"\n data-testid=\"pl-file-dialog-cancel\"\n @click.stop=\"closeModal\"\n >Cancel</PlBtnGhost\n >\n </template>\n </PlDialogModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,~~IAAM~~,~~IAAO~~,~~GAKP~~,~~IAAQ~~,~~GA4CR~~,~~IAAO~~,EAAwB,~~QAAQ~~,~~EAEvC~~,~~IAAe~~,~~QACnB~~,EAAM,QAAQ,2BAA2B,~~wBAC1C~~,~~EAEK~~,IAAc,CAClB;GACE,OAAO;GACP,OAAO;~~GACR~~,~~EACD~~;GACE,OAAO;GACP,OAAO;~~GACR~~,CACF,~~EAEK~~,~~UAAmB~~,EAAK,qBAAqB,~~GAAM~~,~~EAEnD~~,~~IAAY~~,EAAe,~~SAAS~~,~~EAEpC~~,UAAe;~~AACnB~~,~~GAAI~~,EAAU,OAAO,~~YACnB~~,EAAK,~~gBAAgB~~,~~EAAS~~,EAAU,OAAO,~~kBAAkB~~,CAAC,CAAC,~~EACnE~~,~~GAAY~~;~~KAIV~~,KAAe,MAAiC;~~AAEpD~~,~~GADA~~,EAAK,~~gBAAgB~~,~~EAAc~~,~~EACnC~~,~~GAAY;;yBAKZ~~,~~EAiCgB~~,EAAA,~~EAAA~~,~~EAAA~~;GAhCb,sBAAoB;GACpB,~~0BAAwB~~,EAAA;GACzB,~~OAAK~~,EAAA,CAAC,~~mBAEE~~,~~EAAA~~,~~EAAK~~,CAAC,~~UAAS~~,CAAA;GADvB,eAAY;GAEX,~~eAAa~~,EAAA;GACd,OAAM;GACN,QAAO;GACN,~~uBAAoB~~;GACpB,SAAK,~~AAAA~~,EAAA,~~OAAA~~,QAAN,~~IAAW~~,CAAA,~~OAAA~~,CAAA;;GAEA,~~OAAK~~,QAA4B,~~CAAA~~,~~EAAA~~,~~EAAxB~~,EAAA,~~SAAS~~,EAAA,~~MAAY~~,~~EAAA~~,~~EAAA,~~CAAA,~~CAAA~~;~~oBAGnC~~;~~IAFN~~,EAEM,~~OAFN~~,GAEM,~~CADJ~~,~~EAAsF~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;~~iBAAjE~~,EAAA;~~8CAAI~~,QAAA;KAAG,~~SAAS~~;KAAa,eAAY;;~~IAElD~~,EAAA,UAAI,~~YAAA~~,~~GAAA~~,~~EAAlB~~,~~EAAiF~~,~~GAAjF~~,EAAiF;;KAAhD,KAAI;~~OAAiBA~~,EAAAA,QAAM,EAAW,~~WAAM~~,CAAA,~~EAAA~~,MAAA,~~GAAA,IAAA,~~EAAA,~~IAAA,GAAA~~;~~IAChE~~,EAAA,UAAI,~~WAAA~~,~~GAAA~~,~~EAAjB~~,~~EAA6E~~,~~GAA7E~~,EAA6E;;KAA7C,~~gBAAc~~;~~OAAqBA~~,EAAAA,~~OAAM~~,~~EAAA~~,MAAA,~~GAAA,IAAA,~~EAAA,~~IAAA,GAAA~~;;;~~MACzD~~,EAAA,UAAI,~~WAAA~~;~~SAAgB~~;~~eAOjC~~,~~CAND~~,~~EAMC~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;IALC,OAAA,EAAA,aAAA,~~SAAwB~~;~~IACvB~~,UAAQ,~~CAAG~~,EAAA,OAAW;IACvB,eAAY;IACX,~~SAAK~~,~~EAAO~~,GAAM,CAAA,~~OAAA~~,CAAA;;~~qBACZ~~,CAAA,GAAA,~~AAAA~~,EAAA,OAAA,~~CAAA~~,~~EAAN~~,UAAM,~~GAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA;;wBAET~~,~~EAKC~~,~~EAAA~~,~~EAAA,EAAA~~;IAJE,kBAAgB;IACjB,eAAY;IACX,~~SAAK~~,~~EAAO~~,GAAU,CAAA,~~OAAA~~,CAAA;;~~qBAChB~~,CAAA,GAAA,~~AAAA~~,EAAA,OAAA,~~CAAA~~,~~EAAN~~,UAAM,~~GAAA~~,~~CAAA,CAAA,CAAA~~"}
1	+ {"version":3,"file":"PlFileDialog.vue_vue_type_script_setup_true_lang.js","names":["$props","_openBlock","_createBlock","_unref","PlDialogModal","_normalizeClass","style","_withModifiers","_createSlots","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode","_createVNode","PlBtnGroup","Remote","_mergeProps","_createCommentVNode","Local","PlBtnPrimary","PlBtnGhost","PlBtnGhost_default","PlBtnGroup_default","PlBtnPrimary_default","PlDialogModal_default","pl_file_dialog_module_default","Remote_default","Local_default","_hoisted_1","\"margin\"","PlFileDialog_vue_vue_type_script_setup_true_lang_default","__emit","emit","props","__props","mode","ref","defaultTitle","computed","modeOptions","closeModal","remoteRef","useTemplateRef","submit","notEmpty","importFiles","importedFiles","openBlock","createBlock","unref","normalizeClass","_cache","withModifiers","createSlots","withCtx","createTextVNode","toDisplayString","createElementVNode","createVNode","$event","mergeProps","_ctx","createCommentVNode"],"sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport style from \"./pl-file-dialog.module.scss\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { notEmpty } from \"@milaboratories/helpers\";\nimport type { ImportedFiles, SimpleOption } from \"../../types\";\nimport { PlDialogModal } from \"../PlDialogModal\";\nimport { PlBtnPrimary } from \"../PlBtnPrimary\";\nimport { PlBtnGhost } from \"../PlBtnGhost\";\nimport { PlBtnGroup } from \"../PlBtnGroup\";\nimport Remote from \"./Remote.vue\";\nimport Local from \"./Local.vue\";\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: boolean): void;\n (e: \"import:files\", value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /*\n Controls the visibility of the modal.\n \n When `true`, the modal is open. When `false`, the modal is closed.\n /\n modelValue: boolean;\n /\n Specifies the file extensions that are allowed for selection.\n \n Provide an array of strings representing file extensions (leading dot can be omitted)\n * If not specified, all file types are allowed.\n /\n extensions?: string[];\n /\n Enables the selection of multiple files.\n \n When `true`, the user can select multiple files.\n * When `false` or not specified, only a single file can be selected.\n /\n multi?: boolean;\n /\n The custom title of the dialog.\n /\n title?: string;\n /\n Automatically selects the initial storage option.\n * When `true`, the default storage is pre-selected for the user (default: `true`)\n /\n autoSelectStorage?: boolean;\n /\n If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n closeOnOutsideClick: true,\n },\n);\n\nconst mode = ref<\"local\" \| \"remote\">(\"local\");\n\nconst defaultTitle = computed(() =>\n props.multi ? \"Select Files to Import\" : \"Select File to Import\",\n);\n\nconst modeOptions = [\n {\n label: \"My Computer\",\n value: \"local\",\n },\n {\n label: \"Remote\",\n value: \"remote\",\n },\n] satisfies SimpleOption[];\n\nconst closeModal = () => emit(\"update:modelValue\", false);\n\nconst remoteRef = useTemplateRef(\"remote\");\n\nconst submit = () => {\n if (remoteRef.value?.isReady) {\n emit(\"import:files\", notEmpty(remoteRef.value?.getFilesToImport()));\n closeModal();\n }\n};\n\nconst importFiles = (importedFiles: ImportedFiles) => {\n emit(\"import:files\", importedFiles);\n closeModal();\n};\n</script>\n\n<template>\n <PlDialogModal\n :no-content-gutters=\"true\"\n :close-on-outside-click=\"closeOnOutsideClick\"\n class=\"pl-dialog-modal\"\n data-testid=\"pl-file-dialog\"\n :class=\"style.component\"\n :model-value=\"modelValue\"\n width=\"688px\"\n height=\"720px\"\n @update:model-value=\"closeModal\"\n @click.stop\n >\n <template #title>{{ title ?? defaultTitle }}</template>\n <div style=\"margin: 0 24px\">\n <PlBtnGroup v-model=\"mode\" :options=\"modeOptions\" data-testid=\"pl-file-dialog-mode\" />\n </div>\n <Remote v-if=\"mode === 'remote'\" ref=\"remote\" v-bind=\"$props\" :submit=\"submit\" />\n <Local v-if=\"mode === 'local'\" :import-files=\"importFiles\" v-bind=\"$props\" />\n <template v-if=\"mode === 'remote'\" #actions>\n <PlBtnPrimary\n style=\"min-width: 160px\"\n :disabled=\"!remoteRef?.isReady\"\n data-testid=\"pl-file-dialog-import\"\n @click.stop=\"submit\"\n >Import</PlBtnPrimary\n >\n <PlBtnGhost\n :justify-center=\"false\"\n data-testid=\"pl-file-dialog-cancel\"\n @click.stop=\"closeModal\"\n >Cancel</PlBtnGhost\n >\n </template>\n </PlDialogModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,IAAMgC,IAAOD,GAKPE,IAAQC,GA4CRC,IAAOC,EAAwB,OAAO,GAEtCC,IAAeC,QACnBL,EAAM,QAAQ,2BAA2B,uBAC3C,GAEMM,IAAc,CAClB;GACE,OAAO;GACP,OAAO;EACT,GACA;GACE,OAAO;GACP,OAAO;EACT,CACF,GAEMC,UAAmBR,EAAK,qBAAqB,EAAK,GAElDS,IAAYC,EAAe,QAAQ,GAEnCC,UAAe;GACnB,AAAIF,EAAU,OAAO,YACnBT,EAAK,gBAAgBY,EAASH,EAAU,OAAO,iBAAiB,CAAC,CAAC,GAClED,EAAW;EAEf,GAEMK,KAAe,MAAiC;GAEpD,AADAb,EAAK,gBAAgBc,CAAa,GAClCN,EAAW;EACb;E,kBAIEvC,EAAA,GAAAC,EAiCgBC,EAAAC,CAAA,GAAA;GAhCb,sBAAoB;GACpB,0BAAwB8B,EAAA;GACzB,OAAK7B,EAAA,CAAC,mBAEEF,EAAAG,CAAA,CAAK,CAAC,SAAS,CAAA;GADvB,eAAY;GAEX,eAAa4B,EAAA;GACd,OAAM;GACN,QAAO;GACN,uBAAoBM;GACpB,SAAK,AAAAW,EAAA,OAAA5C,QAAN,CAAA,GAAW,CAAA,MAAA,CAAA;;GAEA,OAAKE,QAA4B,CAAxBC,EAAAC,EAAAuB,EAAA,SAASG,EAAA,KAAY,GAAA,CAAA,C;GACzC,SAAA5B,QAEM;IAFNG,EAEM,OAFNgB,GAEM,CADJf,EAAsFV,EAAAW,CAAA,GAAA;KAAjE,YAAAqB,EAAA;KAAA,uBAAA,AAAAgB,EAAA,QAAA,MAAA,EAAI,QAAAQ;KAAG,SAASpB;KAAa,eAAY;;IAElDJ,EAAA,UAAI,YAAlBlC,EAAA,GAAAC,EAAiFa,GAAjFC,EAAiF;;KAAhD,KAAI;IAAiBhB,GAAAA,EAAAA,QAAM,EAAW,UAAM,CAAA,GAAA,MAAA,EAAA,K;IAChEmC,EAAA,UAAI,WAAjBlC,EAAA,GAAAC,EAA6EgB,GAA7EF,EAA6E;;KAA7C,gBAAc6B;IAAqB7C,GAAAA,EAAAA,MAAM,GAAA,MAAA,EAAA,K;;;E,IACzDmC,EAAA,UAAI,W;GAAgB,MAAA;GAClC,IAAA1B,QAMC,CANDI,EAMCV,EAAAgB,CAAA,GAAA;IALC,OAAA,EAAA,aAAA,QAAA;IACC,UAAQ,CAAGsB,EAAA,OAAW;IACvB,eAAY;IACX,SAAKlC,EAAOoC,GAAM,CAAA,MAAA,CAAA;;IAClB,SAAAlC,QAAM,CAAA,GAAA,AAAA0C,EAAA,OAAA,CAANzC,EAAA,UAAM,EAAA,C;;G,qBAETG,EAKCV,EAAAiB,CAAA,GAAA;IAJE,kBAAgB;IACjB,eAAY;IACX,SAAKb,EAAOiC,GAAU,CAAA,MAAA,CAAA;;IACtB,SAAA/B,QAAM,CAAA,GAAA,AAAA0C,EAAA,OAAA,CAANzC,EAAA,UAAM,EAAA,C"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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