@milaboratories/uikit 2.2.89 → 2.2.91

package/dist/components/PlErrorBoundary/PlErrorBoundary.vue.d.ts

@@ -0,0 +1,162 @@
+declare function reset(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        errorAlert: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly title?: string | undefined;
+                readonly message?: string | undefined;
+                readonly maxHeight?: string | undefined;
+                readonly copyMessage?: string | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                title?: string;
+                message?: string;
+                maxHeight?: string;
+                copyMessage?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                title: string;
+                message: string;
+                maxHeight: string;
+                copyMessage: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            title: string;
+            message: string;
+            maxHeight: string;
+            copyMessage: string;
+        }> & Omit<Readonly<{
+            title?: string;
+            message?: string;
+            maxHeight?: string;
+            copyMessage?: string;
+        }> & Readonly<{}>, "title" | "message" | "maxHeight" | "copyMessage"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                title?(_: {}): any;
+                message?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    error: import('vue').ComputedRef<Error | undefined>;
+    reset: typeof reset;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    errorAlert: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly title?: string | undefined;
+            readonly message?: string | undefined;
+            readonly maxHeight?: string | undefined;
+            readonly copyMessage?: string | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            title?: string;
+            message?: string;
+            maxHeight?: string;
+            copyMessage?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            title: string;
+            message: string;
+            maxHeight: string;
+            copyMessage: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        title: string;
+        message: string;
+        maxHeight: string;
+        copyMessage: string;
+    }> & Omit<Readonly<{
+        title?: string;
+        message?: string;
+        maxHeight?: string;
+        copyMessage?: string;
+    }> & Readonly<{}>, "title" | "message" | "maxHeight" | "copyMessage"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            title?(_: {}): any;
+            message?(_: {}): any;
+        };
+    }) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PlErrorBoundary.vue.d.ts.map

package/dist/components/PlErrorBoundary/PlErrorBoundary.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlErrorBoundary.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlErrorBoundary/PlErrorBoundary.vue"],"names":[],"mappings":"AAyFA,iBAAS,KAAK,SAEb;AA0BD,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA6Cg/oB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EA7BropB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgB2/oB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OATpopB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlErrorBoundary/PlErrorBoundary.vue.js

@@ -0,0 +1,45 @@
+import { defineComponent as d, ref as u, computed as m, onBeforeUpdate as g, onErrorCaptured as k, createElementBlock as v, openBlock as c, Fragment as _, renderSlot as y, createBlock as B, createCommentVNode as E, unref as x } from "vue";
+import A from "../PlErrorAlert/PlErrorAlert.vue.js";
+import { isErrorLike as C, tryDo as P } from "../../lib/util/helpers/dist/index.js";
+const D = /* @__PURE__ */ d({
+  __name: "PlErrorBoundary",
+  setup(S, { expose: f }) {
+    const i = (e) => {
+      if (e != null)
+        return C(e) ? e.stack == null || e.stack.length === 0 ? e.message : e.stack.includes(e.message) ? e.stack : e.message + `
+` + e.stack : P(() => JSON.stringify(e, null, 4), () => e.toString());
+    }, t = u(null), o = m(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.error;
+    }), p = m(() => i(o.value));
+    function a() {
+      t.value = null;
+    }
+    const n = u(null);
+    return g(() => {
+      t.value !== null && n.value && a();
+    }), k((e, r) => {
+      var l, s;
+      return t.value = {
+        title: ((s = (l = r == null ? void 0 : r.$) == null ? void 0 : l.type) == null ? void 0 : s.name) ?? void 0,
+        error: e
+      }, !1;
+    }), f({ error: o, reset: a }), (e, r) => {
+      var l;
+      return c(), v(_, null, [
+        y(e.$slots, "default"),
+        o.value ? (c(), B(x(A), {
+          key: 0,
+          ref_key: "errorAlert",
+          ref: n,
+          message: p.value,
+          title: (l = t.value) == null ? void 0 : l.title
+        }, null, 8, ["message", "title"])) : E("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  D as default
+};
+//# sourceMappingURL=PlErrorBoundary.vue.js.map

package/dist/components/PlErrorBoundary/PlErrorBoundary.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlErrorBoundary.vue.js","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(() => JSON.stringify(err, null, 4), () => err.toString());\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 v-if=\"error\" ref=\"errorAlert\" :message=\"message\" :title=\"data?.title\" />\n</template>\n"],"names":["extractMessage","err","isErrorLike","tryDo","data","ref","error","computed","_a","message","reset","errorAlert","onBeforeUpdate","onErrorCaptured","instance","_b","__expose"],"mappings":";;;;;;AAKM,UAAAA,IAAiB,CAACC,MAAqC;AAC3D,UAAIA,KAAO;AAIP,eAAAC,EAAYD,CAAG,IACVA,EAAI,SAAS,QAAQA,EAAI,MAAM,WAAW,IAC7CA,EAAI,UACJA,EAAI,MAAM,SAASA,EAAI,OAAO,IAC5BA,EAAI,QACJA,EAAI,UAAU;AAAA,IAAOA,EAAI,QAG1BE,EAAM,MAAM,KAAK,UAAUF,GAAK,MAAM,CAAC,GAAG,MAAMA,EAAI,UAAU;AAAA,IACvE,GAEMG,IAAOC,EAGV,IAAI,GAEDC,IAAQC,EAAS,MAAM;;AAAA,cAAAC,IAAAJ,EAAK,UAAL,gBAAAI,EAAY;AAAA,KAAK,GACxCC,IAAUF,EAAS,MAAMP,EAAeM,EAAM,KAAK,CAAC;AAE1D,aAASI,IAAQ;AACf,MAAAN,EAAK,QAAQ;AAAA,IAAA;AAGT,UAAAO,IAAaN,EAA8C,IAAI;AAErE,WAAAO,EAAe,MAAM;AAGnB,MAAIR,EAAK,UAAU,QAAQO,EAAW,SAC9BD,EAAA;AAAA,IACR,CACD,GAEeG,EAAA,CAACZ,GAAKa,MAAa;;AACjC,aAAAV,EAAK,QAAQ;AAAA,QACX,SAAOW,KAAAP,IAAAM,KAAA,gBAAAA,EAAU,MAAV,gBAAAN,EAAa,SAAb,gBAAAO,EAAmB,SAAQ;AAAA,QAClC,OAAOd;AAAA,MACT,GAEO;AAAA,IAAA,CACR,GAEYe,EAAA,EAAE,OAAAV,GAAO,OAAAI,GAAO;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./PlErrorBoundary.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlErrorBoundary.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlErrorBoundary.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlErrorBoundary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/PlFileDialog/Local.vue.d.ts

@@ -0,0 +1,9 @@
+import { ImportedFiles } from '../../types';
+type __VLS_Props = {
+    importFiles: (value: ImportedFiles) => void;
+    multi?: boolean;
+    extensions?: string[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=Local.vue.d.ts.map

package/dist/components/PlFileDialog/Local.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Local.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/Local.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMjD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;;AAiJF,wBAOG"}

package/dist/components/PlFileDialog/Local.vue.js

@@ -0,0 +1,74 @@
+import { defineComponent as I, reactive as w, computed as P, createElementBlock as l, openBlock as a, withModifiers as S, normalizeClass as D, unref as p, createVNode as C, createElementVNode as N, createCommentVNode as v, toDisplayString as c } from "vue";
+import g from "./pl-file-dialog.module.scss.js";
+import T from "../PlIcon24/PlIcon24.vue.js";
+import { getRawPlatformaInstance as m } from "../../sdk/model/dist/index.js";
+import { normalizeExtensions as _ } from "./utils.js";
+const B = {
+  key: 1,
+  class: "alert-error"
+}, z = /* @__PURE__ */ I({
+  __name: "Local",
+  props: {
+    importFiles: { type: Function },
+    multi: { type: Boolean },
+    extensions: {}
+  },
+  setup(h) {
+    const o = h, s = w({
+      error: void 0
+    }), x = P(() => o.multi ? "Drag & Drop files here or click to add" : "Drag & Drop file here or click to add"), k = async (r) => {
+      var f, d, u;
+      const t = (d = (f = m()) == null ? void 0 : f.lsDriver) == null ? void 0 : d.fileToImportHandle;
+      if (!t)
+        return console.error("API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available");
+      const n = _(o.extensions), e = await Promise.all(
+        [...((u = r.dataTransfer) == null ? void 0 : u.files) ?? []].filter((i) => !!i).filter((i) => n ? n.some((F) => i.name.endsWith(F)) : !0).map((i) => t(i))
+      );
+      e.length && o.importFiles({
+        files: e
+      });
+    }, y = async () => {
+      var t, n;
+      const r = o.extensions ? [
+        {
+          name: "All Files",
+          extensions: [...o.extensions]
+        }
+      ] : [];
+      o.multi ? (t = m()) == null || t.lsDriver.showOpenMultipleFilesDialog({
+        title: "Select files to import",
+        filters: r
+      }).then(({ files: e }) => {
+        e && o.importFiles({
+          files: e
+        });
+      }).catch((e) => s.error = e) : (n = m()) == null || n.lsDriver.showOpenSingleFileDialog({
+        title: "Select file to import",
+        filters: r
+      }).then(({ file: e }) => {
+        e && o.importFiles({
+          files: [e]
+        });
+      }).catch((e) => s.error = e);
+    };
+    return (r, t) => (a(), l("div", {
+      class: D(p(g).local),
+      onDrop: k,
+      onDragover: t[0] || (t[0] = S(() => {
+      }, ["prevent"])),
+      onClick: y
+    }, [
+      C(p(T), { name: "cloud-upload" }),
+      N("span", null, c(x.value), 1),
+      r.extensions ? (a(), l("span", {
+        key: 0,
+        class: D(p(g).supported)
+      }, "Supported formats: " + c(r.extensions.join(", ")), 3)) : v("", !0),
+      s.error ? (a(), l("span", B, c(s.error), 1)) : v("", !0)
+    ], 34));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=Local.vue.js.map

package/dist/components/PlFileDialog/Local.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Local.vue.js","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(() => (props.multi ? 'Drag & Drop files here or click to add' : 'Drag & Drop file here or click to add'));\n\nconst onDrop = async (ev: DragEvent) => {\n  const fileToImportHandle = getRawPlatformaInstance()?.lsDriver?.fileToImportHandle;\n\n  if (!fileToImportHandle) {\n    return console.error('API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available');\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()?.lsDriver\n      .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()?.lsDriver\n      .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 :class=\"style.local\" @drop=\"onDrop\" @dragover.prevent @click=\"openNativeDialog\">\n    <PlIcon24 name=\"cloud-upload\" />\n    <span>{{ label }}</span>\n    <span v-if=\"extensions\" :class=\"style.supported\">Supported formats: {{ extensions.join(', ') }}</span>\n    <span v-if=\"data.error\" class=\"alert-error\">{{ data.error }}</span>\n  </div>\n</template>\n"],"names":["props","__props","data","reactive","label","computed","onDrop","ev","fileToImportHandle","getRawPlatformaInstance","extensions","normalizeExtensions","files","_c","f","ext","file","openNativeDialog","filters","err"],"mappings":";;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAMRC,IAAOC,EAAS;AAAA,MACpB,OAAO;AAAA,IAAA,CACR,GAEKC,IAAQC,EAAS,MAAOL,EAAM,QAAQ,2CAA2C,uCAAwC,GAEzHM,IAAS,OAAOC,MAAkB;;AAChC,YAAAC,KAAqBC,KAAAA,IAAAA,QAAAA,gBAAAA,EAA2B,aAA3BA,gBAAAA,EAAqC;AAEhE,UAAI,CAACD;AACI,eAAA,QAAQ,MAAM,4EAA4E;AAG7F,YAAAE,IAAaC,EAAoBX,EAAM,UAAU,GAEjDY,IAAQ,MAAM,QAAQ;AAAA,QAC1B,CAAC,KAAIC,IAAAN,EAAG,iBAAH,gBAAAM,EAAiB,UAAS,CAAG,CAAA,EAC/B,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,EACjB,OAAO,CAACA,MAAOJ,IAAaA,EAAW,KAAK,CAACK,MAAQD,EAAE,KAAK,SAASC,CAAG,CAAC,IAAI,EAAK,EAClF,IAAI,CAACC,MACGR,EAAmBQ,CAAI,CAC/B;AAAA,MACL;AAEA,MAAIJ,EAAM,UACRZ,EAAM,YAAY;AAAA,QAChB,OAAAY;AAAA,MAAA,CACD;AAAA,IAEL,GAEMK,IAAmB,YAAY;;AAC7B,YAAAC,IAA8BlB,EAAM,aACtC;AAAA,QACE;AAAA,UACE,MAAM;AAAA,UACN,YAAY,CAAC,GAAGA,EAAM,UAAU;AAAA,QAAA;AAAA,MAClC,IAEF,CAAC;AAEL,MAAIA,EAAM,SACgBS,IAAAA,EAAA,MAAAA,QAAAA,EAAG,SACxB,4BAA4B;AAAA,QAC3B,OAAO;AAAA,QACP,SAAAS;AAAA,MACD,GACA,KAAK,CAAC,EAAE,OAAAN,QAAY;AACnB,QAAIA,KACFZ,EAAM,YAAY;AAAA,UAChB,OAAAY;AAAA,QAAA,CACD;AAAA,MACH,GAED,MAAM,CAACO,MAASjB,EAAK,QAAQiB,MAERV,IAAAA,EAAA,MAAAA,QAAAA,EAAG,SACxB,yBAAyB;AAAA,QACxB,OAAO;AAAA,QACP,SAAAS;AAAA,MACD,GACA,KAAK,CAAC,EAAE,MAAAF,QAAW;AAClB,QAAIA,KACFhB,EAAM,YAAY;AAAA,UAChB,OAAO,CAACgB,CAAI;AAAA,QAAA,CACb;AAAA,MACH,GAED,MAAM,CAACG,MAASjB,EAAK,QAAQiB;AAAA,IAEpC;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./Local.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Local.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Local.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlFileDialog/PlFileDialog.vue.d.ts

@@ -0,0 +1,102 @@
+import { ImportedFiles } from '../../types';
+type __VLS_Props = {
+    /**
+     * Controls the visibility of the modal.
+     *
+     * When `true`, the modal is open. When `false`, the modal is closed.
+     */
+    modelValue: boolean;
+    /**
+     * Specifies the file extensions that are allowed for selection.
+     *
+     * Provide an array of strings representing file extensions (leading dot can be omitted)
+     * If not specified, all file types are allowed.
+     */
+    extensions?: string[];
+    /**
+     * Enables the selection of multiple files.
+     *
+     * When `true`, the user can select multiple files.
+     * When `false` or not specified, only a single file can be selected.
+     */
+    multi?: boolean;
+    /**
+     * The custom title of the dialog.
+     */
+    title?: string;
+    /**
+     * Automatically selects the initial storage option.
+     * When `true`, the default storage is pre-selected for the user (default: `true`)
+     */
+    autoSelectStorage?: boolean;
+    /**
+     * If `true`, the modal window closes when clicking outside the modal area (default: `true`)
+     */
+    closeOnOutsideClick?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    "import:files": (value: ImportedFiles) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onImport:files"?: ((value: ImportedFiles) => any) | undefined;
+}>, {
+    title: string;
+    closeOnOutsideClick: boolean;
+    extensions: string[];
+    autoSelectStorage: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    remote: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue: boolean;
+        extensions?: string[];
+        multi?: boolean;
+        title?: string;
+        autoSelectStorage?: boolean;
+        submit: () => void;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onImport:files"?: ((value: ImportedFiles) => any) | undefined;
+    }>, {
+        isReady: import('vue').ComputedRef<false | import('@milaboratories/pl-model-common').StorageHandle | undefined>;
+        getFilesToImport: () => {
+            storageHandle: `local://${string}` | `remote://${string}`;
+            files: import('@milaboratories/pl-model-common').ImportFileHandle[];
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: boolean) => any;
+        "import:files": (value: ImportedFiles) => any;
+    }, import('vue').PublicProps, {
+        title: string;
+        extensions: string[];
+        autoSelectStorage: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue: boolean;
+        extensions?: string[];
+        multi?: boolean;
+        title?: string;
+        autoSelectStorage?: boolean;
+        submit: () => void;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onImport:files"?: ((value: ImportedFiles) => any) | undefined;
+    }>, {
+        isReady: import('vue').ComputedRef<false | import('@milaboratories/pl-model-common').StorageHandle | undefined>;
+        getFilesToImport: () => {
+            storageHandle: `local://${string}` | `remote://${string}`;
+            files: import('@milaboratories/pl-model-common').ImportFileHandle[];
+        };
+    }, {}, {}, {}, {
+        title: string;
+        extensions: string[];
+        autoSelectStorage: boolean;
+    }> | null;
+}, any>;
+export default _default;
+//# sourceMappingURL=PlFileDialog.vue.d.ts.map

package/dist/components/PlFileDialog/PlFileDialog.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlFileDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"names":[],"mappings":"AAyHA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,aAAa,CAAC;AAc/D,KAAK,WAAW,GAAG;IACf;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;;;;;;;;WAVQ,MAAM;yBASQ,OAAO;gBApBhB,MAAM,EAAE;uBAgBD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsO/B,wBAUG"}

package/dist/components/PlFileDialog/PlFileDialog.vue.js

@@ -0,0 +1,102 @@
+import { defineComponent as B, ref as S, computed as b, useTemplateRef as F, createBlock as n, openBlock as u, unref as t, normalizeClass as O, createSlots as R, withCtx as i, createElementVNode as w, createCommentVNode as c, createVNode as p, mergeProps as v, createTextVNode as d, toDisplayString as x, withModifiers as y } from "vue";
+import I from "./pl-file-dialog.module.scss.js";
+import { notEmpty as N } from "../../lib/util/helpers/dist/index.js";
+import T from "../PlDialogModal/PlDialogModal.vue.js";
+import M from "../PlBtnPrimary/PlBtnPrimary.vue.js";
+import h from "../PlBtnGhost/PlBtnGhost.vue.js";
+import D from "../PlBtnGroup/PlBtnGroup.vue.js";
+import E from "./Remote.vue.js";
+import P from "./Local.vue.js";
+const U = { style: { margin: "0 24px" } }, Q = /* @__PURE__ */ B({
+  __name: "PlFileDialog",
+  props: {
+    modelValue: { type: Boolean },
+    extensions: { default: void 0 },
+    multi: { type: Boolean },
+    title: { default: void 0 },
+    autoSelectStorage: { type: Boolean, default: !0 },
+    closeOnOutsideClick: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "import:files"],
+  setup(V, { emit: _ }) {
+    const s = _, k = V, l = S("local"), C = b(() => k.multi ? "Select Files to Import" : "Select File to Import"), g = [
+      {
+        label: "My Computer",
+        value: "local"
+      },
+      {
+        label: "Remote",
+        value: "remote"
+      }
+    ], a = () => s("update:modelValue", !1), r = F("remote"), f = () => {
+      var e, o;
+      (e = r.value) != null && e.isReady && (s("import:files", N((o = r.value) == null ? void 0 : o.getFilesToImport())), a());
+    }, $ = (e) => {
+      s("import:files", e), a();
+    };
+    return (e, o) => (u(), n(t(T), {
+      "no-content-gutters": !0,
+      "close-on-outside-click": e.closeOnOutsideClick,
+      class: O(["pl-dialog-modal", t(I).component]),
+      "model-value": e.modelValue,
+      width: "688px",
+      height: "720px",
+      "onUpdate:modelValue": a
+    }, R({
+      title: i(() => [
+        d(x(e.title ?? C.value), 1)
+      ]),
+      default: i(() => [
+        w("div", U, [
+          p(t(D), {
+            modelValue: l.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (m) => l.value = m),
+            options: g
+          }, null, 8, ["modelValue"])
+        ]),
+        l.value === "remote" ? (u(), n(E, v({
+          key: 0,
+          ref: "remote"
+        }, e.$props, { submit: f }), null, 16)) : c("", !0),
+        l.value === "local" ? (u(), n(P, v({
+          key: 1,
+          "import-files": $
+        }, e.$props), null, 16)) : c("", !0)
+      ]),
+      _: 2
+    }, [
+      l.value === "remote" ? {
+        name: "actions",
+        fn: i(() => {
+          var m;
+          return [
+            p(t(M), {
+              style: { "min-width": "160px" },
+              disabled: !((m = t(r)) != null && m.isReady),
+              onClick: y(f, ["stop"])
+            }, {
+              default: i(() => o[1] || (o[1] = [
+                d("Import")
+              ])),
+              _: 1
+            }, 8, ["disabled"]),
+            p(t(h), {
+              "justify-center": !1,
+              onClick: y(a, ["stop"])
+            }, {
+              default: i(() => o[2] || (o[2] = [
+                d("Cancel")
+              ])),
+              _: 1
+            })
+          ];
+        }),
+        key: "0"
+      } : void 0
+    ]), 1032, ["close-on-outside-click", "class", "model-value"]));
+  }
+});
+export {
+  Q as default
+};
+//# sourceMappingURL=PlFileDialog.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlFileDialog.vue.js","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(() => (props.multi ? 'Select Files to Import' : 'Select File to Import'));\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    :class=\"style.component\"\n    :model-value=\"modelValue\"\n    width=\"688px\"\n    height=\"720px\"\n    @update:model-value=\"closeModal\"\n  >\n    <template #title>{{ title ?? defaultTitle }}</template>\n    <div style=\"margin: 0 24px\">\n      <PlBtnGroup v-model=\"mode\" :options=\"modeOptions\" />\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 style=\"min-width: 160px\" :disabled=\"!remoteRef?.isReady\" @click.stop=\"submit\">Import</PlBtnPrimary>\n      <PlBtnGhost :justify-center=\"false\" @click.stop=\"closeModal\">Cancel</PlBtnGhost>\n    </template>\n  </PlDialogModal>\n</template>\n"],"names":["emit","__emit","props","__props","mode","ref","defaultTitle","computed","modeOptions","closeModal","remoteRef","useTemplateRef","submit","_a","notEmpty","_b","importFiles","importedFiles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAOC,GAKPC,IAAQC,GA4CRC,IAAOC,EAAwB,OAAO,GAEtCC,IAAeC,EAAS,MAAOL,EAAM,QAAQ,2BAA2B,uBAAwB,GAEhGM,IAAc;AAAA,MAClB;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IAEX,GAEMC,IAAa,MAAMT,EAAK,qBAAqB,EAAK,GAElDU,IAAYC,EAAe,QAAQ,GAEnCC,IAAS,MAAM;;AACf,OAAAC,IAAAH,EAAU,UAAV,QAAAG,EAAiB,YACnBb,EAAK,gBAAgBc,GAASC,IAAAL,EAAU,UAAV,gBAAAK,EAAiB,kBAAkB,CAAC,GACvDN,EAAA;AAAA,IAEf,GAEMO,IAAc,CAACC,MAAiC;AACpD,MAAAjB,EAAK,gBAAgBiB,CAAa,GACvBR,EAAA;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./PlFileDialog.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlFileDialog.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlFileDialog.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlFileDialog/Remote.vue.d.ts

@@ -0,0 +1,29 @@
+import { ImportedFiles } from '../../types';
+import { StorageHandle } from '@platforma-sdk/model';
+type __VLS_Props = {
+    modelValue: boolean;
+    extensions?: string[];
+    multi?: boolean;
+    title?: string;
+    autoSelectStorage?: boolean;
+    submit: () => void;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    isReady: import('vue').ComputedRef<false | StorageHandle | undefined>;
+    getFilesToImport: () => {
+        storageHandle: `local://${string}` | `remote://${string}`;
+        files: import('@platforma-sdk/model').ImportFileHandle[];
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    "import:files": (value: ImportedFiles) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onImport:files"?: ((value: ImportedFiles) => any) | undefined;
+}>, {
+    title: string;
+    extensions: string[];
+    autoSelectStorage: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=Remote.vue.d.ts.map

package/dist/components/PlFileDialog/Remote.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Remote.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/Remote.vue"],"names":[],"mappings":"AAuUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAoBnF,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;;;;;;;;;;;;;;WAHQ,MAAM;gBAFD,MAAM,EAAE;uBAGD,OAAO;;AAqd/B,wBAUG"}