@maketribe/ms-app 3.0.18 → 3.0.19

package/dist/cjs/components/upload-file/context/UploadContext.d.ts

@@ -0,0 +1,13 @@
+import { InjectionKey } from "vue";
+export type UploadResult = {
+    success: boolean;
+    path: string;
+    msg: string;
+};
+export interface UploadContextCtx {
+    uploadContext: UploadContext;
+}
+export declare const UploadContextCtxKey: InjectionKey<UploadContextCtx>;
+export declare class UploadContext {
+    selectFile(): Promise<UploadResult>;
+}

package/dist/cjs/components/{new-upload-file → upload-file/context}/UploadContext.js

@@ -1,5 +1,8 @@
 'use strict';
 
+const UploadContextCtxKey = Symbol(
+  "UploadContextCtxKey"
+);
 class UploadContext {
   selectFile() {
     throw new Error();
@@ -7,4 +10,5 @@ class UploadContext {
 }
 
 exports.UploadContext = UploadContext;
+exports.UploadContextCtxKey = UploadContextCtxKey;
 //# sourceMappingURL=UploadContext.js.map

package/dist/cjs/components/upload-file/context/UploadContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadContext.js","sources":["../../../../../src/components/upload-file/context/UploadContext.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\n\nexport type UploadResult = {\n  success: boolean;\n  path: string;\n  msg: string;\n};\n\nexport interface UploadContextCtx {\n  uploadContext: UploadContext;\n}\n\nexport const UploadContextCtxKey = Symbol(\n  \"UploadContextCtxKey\"\n) as InjectionKey<UploadContextCtx>;\n\nexport class UploadContext {\n  selectFile(): Promise<UploadResult> {\n    throw new Error();\n  }\n}\n"],"names":[],"mappings":";;AAYO,MAAM,mBAAsB,GAAA,MAAA;AAAA,EACjC,qBAAA;AACF,EAAA;AAEO,MAAM,aAAc,CAAA;AAAA,EACzB,UAAoC,GAAA;AAClC,IAAA,MAAM,IAAI,KAAM,EAAA,CAAA;AAAA,GAClB;AACF;;;;;"}

package/dist/{esm/components/new-upload-file → cjs/components/upload-file/context}/WebFileUploadContext.d.ts

@@ -2,9 +2,13 @@ import { WebFileUpload } from "@maketribe/request";
 import { UploadContext, UploadResult } from "./UploadContext";
 export type WebFileUploadContextOptions = {
     webFileUpload?: WebFileUpload;
+    accept?: string;
 };
 export declare class WebFileUploadContext extends UploadContext {
     webFileUpload: WebFileUpload;
+    accept: string;
     constructor(options?: WebFileUploadContextOptions);
+    setAccept(accept: string): void;
+    setWebFileUpload(webFileUpload: WebFileUpload): void;
     selectFile(): Promise<UploadResult>;
 }

package/dist/cjs/components/{new-upload-file → upload-file/context}/WebFileUploadContext.js

@@ -6,20 +6,31 @@ require('vue');
 require('@maketribe/dm');
 require('element-plus');
 require('@maketribe/utils');
-require('../../core/DataModelDefines.js');
-var MSAppClient = require('../../core/MSAppClient.js');
+require('../../../core/DataModelDefines.js');
+var MSAppClient = require('../../../core/MSAppClient.js');
 
 class WebFileUploadContext extends UploadContext.UploadContext {
   webFileUpload;
+  accept;
   constructor(options = {}) {
     super();
+    this.accept = options.accept || "";
     this.webFileUpload = options.webFileUpload ?? new request.WebFileUpload({
       httpRequest: MSAppClient.MSAppClient.instance.httpRequest
     });
   }
+  setAccept(accept) {
+    this.accept = accept;
+  }
+  setWebFileUpload(webFileUpload) {
+    this.webFileUpload = webFileUpload;
+  }
   async selectFile() {
     const input = document.createElement("input");
     input.type = "file";
+    if (this.accept) {
+      input.accept = this.accept;
+    }
     Object.assign(input.style, {
       width: "1px",
       height: "1px",
@@ -33,6 +44,7 @@ class WebFileUploadContext extends UploadContext.UploadContext {
       };
       input.addEventListener("change", handleFileChange);
       document.body.append(input);
+      input.click();
     });
     if (!file) {
       return { success: true, path: "", msg: "" };

package/dist/cjs/components/upload-file/context/WebFileUploadContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebFileUploadContext.js","sources":["../../../../../src/components/upload-file/context/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\nimport { MSAppClient } from \"../../../core\";\n\nexport type WebFileUploadContextOptions = {\n  webFileUpload?: WebFileUpload;\n  accept?: string;\n};\n\nexport class WebFileUploadContext extends UploadContext {\n  webFileUpload: WebFileUpload;\n  accept: string;\n\n  constructor(options: WebFileUploadContextOptions = {}) {\n    super();\n\n    this.accept = options.accept || \"\";\n\n    this.webFileUpload =\n      options.webFileUpload ??\n      new WebFileUpload({\n        httpRequest: MSAppClient.instance!.httpRequest,\n      });\n  }\n\n  setAccept(accept: string) {\n    this.accept = accept;\n  }\n\n  setWebFileUpload(webFileUpload: WebFileUpload) {\n    this.webFileUpload = webFileUpload;\n  }\n\n  async selectFile(): Promise<UploadResult> {\n    const input = document.createElement(\"input\");\n\n    input.type = \"file\";\n\n    if (this.accept) {\n      input.accept = this.accept;\n    }\n\n    Object.assign(input.style, {\n      width: \"1px\",\n      height: \"1px\",\n      display: \"none\",\n    });\n\n    const file: File | null = await new Promise((resolve) => {\n      const handleFileChange = (event: Event) => {\n        const files = input.files;\n\n        input.parentElement?.removeChild(input);\n\n        resolve(files?.length ? files[0] : null);\n      };\n\n      input.addEventListener(\"change\", handleFileChange);\n\n      document.body.append(input);\n\n      input.click();\n    });\n\n    if (!file) {\n      return { success: true, path: \"\", msg: \"\" };\n    }\n\n    const response = await this.webFileUpload.upload(file);\n\n    return {\n      success: response.data.code === 200,\n      path: response.data.data.path,\n      msg: response.data.msg,\n    };\n  }\n}\n"],"names":["UploadContext","WebFileUpload","MSAppClient"],"mappings":";;;;;;;;;;;AASO,MAAM,6BAA6BA,2BAAc,CAAA;AAAA,EACtD,aAAA,CAAA;AAAA,EACA,MAAA,CAAA;AAAA,EAEA,WAAA,CAAY,OAAuC,GAAA,EAAI,EAAA;AACrD,IAAM,KAAA,EAAA,CAAA;AAEN,IAAK,IAAA,CAAA,MAAA,GAAS,QAAQ,MAAU,IAAA,EAAA,CAAA;AAEhC,IAAA,IAAA,CAAK,aACH,GAAA,OAAA,CAAQ,aACR,IAAA,IAAIC,qBAAc,CAAA;AAAA,MAChB,WAAA,EAAaC,wBAAY,QAAU,CAAA,WAAA;AAAA,KACpC,CAAA,CAAA;AAAA,GACL;AAAA,EAEA,UAAU,MAAgB,EAAA;AACxB,IAAA,IAAA,CAAK,MAAS,GAAA,MAAA,CAAA;AAAA,GAChB;AAAA,EAEA,iBAAiB,aAA8B,EAAA;AAC7C,IAAA,IAAA,CAAK,aAAgB,GAAA,aAAA,CAAA;AAAA,GACvB;AAAA,EAEA,MAAM,UAAoC,GAAA;AACxC,IAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAE5C,IAAA,KAAA,CAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,IAAI,KAAK,MAAQ,EAAA;AACf,MAAA,KAAA,CAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AAAA,KACtB;AAEA,IAAO,MAAA,CAAA,MAAA,CAAO,MAAM,KAAO,EAAA;AAAA,MACzB,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA,KAAA;AAAA,MACR,OAAS,EAAA,MAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAA,MAAM,IAAoB,GAAA,MAAM,IAAI,OAAA,CAAQ,CAAC,OAAY,KAAA;AACvD,MAAM,MAAA,gBAAA,GAAmB,CAAC,KAAiB,KAAA;AACzC,QAAA,MAAM,QAAQ,KAAM,CAAA,KAAA,CAAA;AAEpB,QAAM,KAAA,CAAA,aAAA,EAAe,YAAY,KAAK,CAAA,CAAA;AAEtC,QAAA,OAAA,CAAQ,KAAO,EAAA,MAAA,GAAS,KAAM,CAAA,CAAC,IAAI,IAAI,CAAA,CAAA;AAAA,OACzC,CAAA;AAEA,MAAM,KAAA,CAAA,gBAAA,CAAiB,UAAU,gBAAgB,CAAA,CAAA;AAEjD,MAAS,QAAA,CAAA,IAAA,CAAK,OAAO,KAAK,CAAA,CAAA;AAE1B,MAAA,KAAA,CAAM,KAAM,EAAA,CAAA;AAAA,KACb,CAAA,CAAA;AAED,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,OAAO,EAAE,OAAS,EAAA,IAAA,EAAM,IAAM,EAAA,EAAA,EAAI,KAAK,EAAG,EAAA,CAAA;AAAA,KAC5C;AAEA,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,aAAA,CAAc,OAAO,IAAI,CAAA,CAAA;AAErD,IAAO,OAAA;AAAA,MACL,OAAA,EAAS,QAAS,CAAA,IAAA,CAAK,IAAS,KAAA,GAAA;AAAA,MAChC,IAAA,EAAM,QAAS,CAAA,IAAA,CAAK,IAAK,CAAA,IAAA;AAAA,MACzB,GAAA,EAAK,SAAS,IAAK,CAAA,GAAA;AAAA,KACrB,CAAA;AAAA,GACF;AACF;;;;"}

package/dist/cjs/components/upload-file/context/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./UploadContext";
+export * from "./WebFileUploadContext";
+export * from "./MaterialUploadContext";
+export * from "./material-upload-context";
+export * from "./material-upload-context-options";
+export * from "./web-file-upload-context";
+export * from "./web-file-upload-context-options";

package/dist/cjs/components/upload-file/context/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var UploadContext = require('./UploadContext.js');
+var WebFileUploadContext = require('./WebFileUploadContext.js');
+var MaterialUploadContext = require('./MaterialUploadContext.js');
+var materialUploadContext = require('./material-upload-context.js');
+var materialUploadContextOptions = require('./material-upload-context-options.js');
+var webFileUploadContext = require('./web-file-upload-context.js');
+var webFileUploadContextOptions = require('./web-file-upload-context-options.js');
+
+
+
+exports.UploadContext = UploadContext.UploadContext;
+exports.UploadContextCtxKey = UploadContext.UploadContextCtxKey;
+exports.WebFileUploadContext = WebFileUploadContext.WebFileUploadContext;
+exports.MaterialUploadContext = MaterialUploadContext.MaterialUploadContext;
+exports.MKMaterialUploadContext = materialUploadContext.MKMaterialUploadContext;
+exports.materialUploadContextProps = materialUploadContextOptions.materialUploadContextProps;
+exports.MKWebFileUploadContext = webFileUploadContext.MKWebFileUploadContext;
+exports.webFileUploadContextProps = webFileUploadContextOptions.webFileUploadContextProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/upload-file/context/index.js.map

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

package/dist/cjs/components/upload-file/context/material-upload-context-options.d.ts

@@ -0,0 +1,10 @@
+import { ExtractPropTypes } from "vue";
+export declare const materialUploadContextProps: {
+    readonly allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type MaterialUploadContextProps = ExtractPropTypes<typeof materialUploadContextProps>;

package/dist/cjs/components/upload-file/context/material-upload-context-options.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+
+const materialUploadContextProps = utils.buildProps({
+  allowMaterialTypeValues: {
+    type: Array
+  }
+});
+
+exports.materialUploadContextProps = materialUploadContextProps;
+//# sourceMappingURL=material-upload-context-options.js.map

package/dist/cjs/components/upload-file/context/material-upload-context-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-upload-context-options.js","sources":["../../../../../src/components/upload-file/context/material-upload-context-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { MaterialType } from \"../../../dataview\";\n\nexport const materialUploadContextProps = buildProps({\n  allowMaterialTypeValues: {\n    type: Array<MaterialType[\"value\"]>,\n  },\n} as const);\n\nexport type MaterialUploadContextProps = ExtractPropTypes<\n  typeof materialUploadContextProps\n>;\n"],"names":["buildProps"],"mappings":";;;;AAIO,MAAM,6BAA6BA,gBAAW,CAAA;AAAA,EACnD,uBAAyB,EAAA;AAAA,IACvB,IAAM,EAAA,KAAA;AAAA,GACR;AACF,CAAU;;;;"}

package/dist/cjs/components/upload-file/context/material-upload-context.d.ts

@@ -0,0 +1,17 @@
+export declare const MKMaterialUploadContext: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;

package/dist/cjs/components/upload-file/context/material-upload-context.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var vue = require('vue');
+var materialUploadContextOptions = require('./material-upload-context-options.js');
+var MaterialUploadContext = require('./MaterialUploadContext.js');
+var UploadContext = require('./UploadContext.js');
+var utils = require('@maketribe/utils');
+
+const _MaterialUploadContext = /* @__PURE__ */ vue.defineComponent({
+  name: "MKMaterialUploadContext",
+  props: materialUploadContextOptions.materialUploadContextProps,
+  inheritAttrs: false,
+  setup(props, {
+    slots
+  }) {
+    const allowMaterialTypeValues = vue.computed(() => props.allowMaterialTypeValues);
+    const materialUploadContext = new MaterialUploadContext.MaterialUploadContext({
+      allowMaterialTypeValues: vue.unref(allowMaterialTypeValues) ?? []
+    });
+    vue.watch(allowMaterialTypeValues, (allowMaterialTypeValues2) => {
+      materialUploadContext.setAllowMaterialTypeValues(allowMaterialTypeValues2 ?? []);
+    });
+    vue.inject(UploadContext.UploadContextCtxKey, {
+      uploadContext: materialUploadContext
+    });
+    return () => {
+      return slots.default?.();
+    };
+  }
+});
+const MKMaterialUploadContext = utils.withInstall(_MaterialUploadContext);
+
+exports.MKMaterialUploadContext = MKMaterialUploadContext;
+//# sourceMappingURL=material-upload-context.js.map

package/dist/cjs/components/upload-file/context/material-upload-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-upload-context.js","sources":["../../../../../src/components/upload-file/context/material-upload-context.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref, watch } from \"vue\";\nimport { materialUploadContextProps } from \"./material-upload-context-options\";\nimport { MaterialUploadContext } from \"./MaterialUploadContext\";\nimport { UploadContextCtxKey } from \"./UploadContext\";\nimport { withInstall } from \"@maketribe/utils\";\n\nconst _MaterialUploadContext = defineComponent({\n  name: \"MKMaterialUploadContext\",\n  props: materialUploadContextProps,\n  inheritAttrs: false,\n  setup(props, { slots }) {\n    const allowMaterialTypeValues = computed(\n      () => props.allowMaterialTypeValues\n    );\n\n    const materialUploadContext = new MaterialUploadContext({\n      allowMaterialTypeValues: unref(allowMaterialTypeValues) ?? [],\n    });\n\n    watch(allowMaterialTypeValues, (allowMaterialTypeValues) => {\n      materialUploadContext.setAllowMaterialTypeValues(\n        allowMaterialTypeValues ?? []\n      );\n    });\n\n    inject(UploadContextCtxKey, { uploadContext: materialUploadContext });\n\n    return () => {\n      return slots.default?.();\n    };\n  },\n});\n\nexport const MKMaterialUploadContext = withInstall(_MaterialUploadContext);\n"],"names":["_MaterialUploadContext","defineComponent","name","props","materialUploadContextProps","inheritAttrs","setup","slots","allowMaterialTypeValues","computed","materialUploadContext","MaterialUploadContext","unref","watch","setAllowMaterialTypeValues","inject","UploadContextCtxKey","uploadContext","default","MKMaterialUploadContext","withInstall"],"mappings":";;;;;;;;AAMA,MAAMA,yCAAyCC,mBAAA,CAAA;AAAA,EAC7CC,IAAM,EAAA,yBAAA;AAAA,EACNC,KAAOC,EAAAA,uDAAAA;AAAAA,EACPC,YAAc,EAAA,KAAA;AAAA,EACdC,MAAMH,KAAO,EAAA;AAAA,IAAEI,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,uBAA0BC,GAAAA,YAAAA,CAC9B,MAAMN,KAAAA,CAAMK,uBACd,CAAA,CAAA;AAEA,IAAME,MAAAA,qBAAAA,GAAwB,IAAIC,2CAAsB,CAAA;AAAA,MACtDH,uBAAyBI,EAAAA,SAAAA,CAAMJ,uBAAuB,CAAA,IAAK,EAAA;AAAA,KAC5D,CAAA,CAAA;AAEDK,IAAML,SAAAA,CAAAA,uBAAAA,EAA0BA,CAAAA,wBAA4B,KAAA;AAC1DE,MAAsBI,qBAAAA,CAAAA,0BAAAA,CACpBN,wBAA2B,IAAA,EAC7B,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAEDO,IAAAA,UAAAA,CAAOC,iCAAqB,EAAA;AAAA,MAAEC,aAAeP,EAAAA,qBAAAA;AAAAA,KAAuB,CAAA,CAAA;AAEpE,IAAA,OAAO,MAAM;AACX,MAAA,OAAOH,MAAMW,OAAU,IAAA,CAAA;AAAA,KACzB,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAEYC,MAAAA,uBAAAA,GAA0BC,kBAAYpB,sBAAsB;;;;"}

package/dist/cjs/components/{upload-image/upload-image-options.d.ts → upload-file/context/web-file-upload-context-options.d.ts}

@@ -1,22 +1,17 @@
 import { ExtractPropTypes } from "vue";
 import { WebFileUpload } from "@maketribe/request";
-export declare const uploadImageProps: {
-    size: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    upload: {
-        readonly type: import("vue").PropType<WebFileUpload>;
+export declare const webFileUploadContextProps: {
+    readonly accept: {
+        readonly type: import("vue").PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    modelValue: {
-        readonly type: import("vue").PropType<string>;
+    readonly webFileUpload: {
+        readonly type: import("vue").PropType<WebFileUpload>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
 };
-export type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;
-export declare const uploadImageEmits: {
-    "update:model-value": (modelValue: any) => boolean;
-};
-export type UploadImageEmits = typeof uploadImageEmits;
+export type WebFileUploadContextProps = ExtractPropTypes<typeof webFileUploadContextProps>;

package/dist/cjs/components/upload-file/context/web-file-upload-context-options.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var request = require('@maketribe/request');
+
+const webFileUploadContextProps = utils.buildProps({
+  accept: {
+    type: String
+  },
+  webFileUpload: {
+    type: request.WebFileUpload
+  }
+});
+
+exports.webFileUploadContextProps = webFileUploadContextProps;
+//# sourceMappingURL=web-file-upload-context-options.js.map

package/dist/cjs/components/upload-file/context/web-file-upload-context-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-file-upload-context-options.js","sources":["../../../../../src/components/upload-file/context/web-file-upload-context-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\n\nexport const webFileUploadContextProps = buildProps({\n  accept: {\n    type: String,\n  },\n  webFileUpload: {\n    type: WebFileUpload,\n  },\n} as const);\n\nexport type WebFileUploadContextProps = ExtractPropTypes<\n  typeof webFileUploadContextProps\n>;\n"],"names":["buildProps","WebFileUpload"],"mappings":";;;;;AAIO,MAAM,4BAA4BA,gBAAW,CAAA;AAAA,EAClD,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAAC,qBAAA;AAAA,GACR;AACF,CAAU;;;;"}

package/dist/cjs/components/upload-file/context/web-file-upload-context.d.ts

@@ -0,0 +1,30 @@
+import { WebFileUpload } from "@maketribe/request";
+export declare const MKWebFileUploadContext: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly accept: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly webFileUpload: {
+        readonly type: import("vue").PropType<WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly accept: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly webFileUpload: {
+        readonly type: import("vue").PropType<WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;

package/dist/cjs/components/upload-file/context/web-file-upload-context.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var vue = require('vue');
+var webFileUploadContextOptions = require('./web-file-upload-context-options.js');
+var WebFileUploadContext = require('./WebFileUploadContext.js');
+var UploadContext = require('./UploadContext.js');
+var utils = require('@maketribe/utils');
+
+const _WebFileUploadContext = /* @__PURE__ */ vue.defineComponent({
+  name: "MKWebFileUploadContext",
+  props: webFileUploadContextOptions.webFileUploadContextProps,
+  inheritAttrs: false,
+  setup(props, {
+    slots
+  }) {
+    const accept = vue.computed(() => props.accept);
+    const webFileUpload = vue.computed(() => props.webFileUpload);
+    const webFileUploadContext = new WebFileUploadContext.WebFileUploadContext();
+    vue.watch(vue.computed(() => [vue.unref(accept), vue.unref(webFileUpload)]), ([accept2, webFileUpload2]) => {
+      webFileUploadContext.setAccept(accept2 ?? "");
+      if (webFileUpload2) {
+        webFileUploadContext.setWebFileUpload(webFileUpload2);
+      }
+    }, {
+      immediate: true
+    });
+    vue.provide(UploadContext.UploadContextCtxKey, {
+      uploadContext: webFileUploadContext
+    });
+    return () => {
+      return slots.default?.();
+    };
+  }
+});
+const MKWebFileUploadContext = utils.withInstall(_WebFileUploadContext);
+
+exports.MKWebFileUploadContext = MKWebFileUploadContext;
+//# sourceMappingURL=web-file-upload-context.js.map

package/dist/cjs/components/upload-file/context/web-file-upload-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-file-upload-context.js","sources":["../../../../../src/components/upload-file/context/web-file-upload-context.tsx"],"sourcesContent":["import { computed, defineComponent, provide, unref, watch } from \"vue\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { webFileUploadContextProps } from \"./web-file-upload-context-options\";\nimport { WebFileUploadContext } from \"./WebFileUploadContext\";\nimport { UploadContextCtxKey } from \"./UploadContext\";\nimport { withInstall } from \"@maketribe/utils\";\n\nconst _WebFileUploadContext = defineComponent({\n  name: \"MKWebFileUploadContext\",\n  props: webFileUploadContextProps,\n  inheritAttrs: false,\n  setup(props, { slots }) {\n    const accept = computed(() => props.accept);\n    const webFileUpload = computed(() => props.webFileUpload);\n\n    const webFileUploadContext = new WebFileUploadContext();\n\n    watch(\n      computed(() => [unref(accept), unref(webFileUpload)] as any),\n      ([accept, webFileUpload]: [string, WebFileUpload]) => {\n        webFileUploadContext.setAccept(accept ?? \"\");\n        if (webFileUpload) {\n          webFileUploadContext.setWebFileUpload(webFileUpload);\n        }\n      },\n      { immediate: true }\n    );\n\n    provide(UploadContextCtxKey, { uploadContext: webFileUploadContext });\n\n    return () => {\n      return slots.default?.();\n    };\n  },\n});\n\nexport const MKWebFileUploadContext = withInstall(_WebFileUploadContext);\n"],"names":["_WebFileUploadContext","defineComponent","name","props","webFileUploadContextProps","inheritAttrs","setup","slots","accept","computed","webFileUpload","webFileUploadContext","WebFileUploadContext","watch","unref","setAccept","setWebFileUpload","immediate","provide","UploadContextCtxKey","uploadContext","default","MKWebFileUploadContext","withInstall"],"mappings":";;;;;;;;AAOA,MAAMA,wCAAwCC,mBAAA,CAAA;AAAA,EAC5CC,IAAM,EAAA,wBAAA;AAAA,EACNC,KAAOC,EAAAA,qDAAAA;AAAAA,EACPC,YAAc,EAAA,KAAA;AAAA,EACdC,MAAMH,KAAO,EAAA;AAAA,IAAEI,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,MAASC,GAAAA,YAAAA,CAAS,MAAMN,KAAAA,CAAMK,MAAM,CAAA,CAAA;AAC1C,IAAA,MAAME,aAAgBD,GAAAA,YAAAA,CAAS,MAAMN,KAAAA,CAAMO,aAAa,CAAA,CAAA;AAExD,IAAMC,MAAAA,oBAAAA,GAAuB,IAAIC,yCAAqB,EAAA,CAAA;AAEtDC,IAAAA,SAAAA,CACEJ,YAAS,CAAA,MAAM,CAACK,SAAAA,CAAMN,MAAM,CAAGM,EAAAA,SAAAA,CAAMJ,aAAa,CAAC,CAAQ,CAC3D,EAAA,CAAC,CAACF,OAAAA,EAAQE,cAAa,CAA+B,KAAA;AACpDC,MAAqBI,oBAAAA,CAAAA,SAAAA,CAAUP,WAAU,EAAE,CAAA,CAAA;AAC3C,MAAA,IAAIE,cAAe,EAAA;AACjBC,QAAAA,oBAAAA,CAAqBK,iBAAiBN,cAAa,CAAA,CAAA;AAAA,OACrD;AAAA,KAEF,EAAA;AAAA,MAAEO,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEAC,IAAAA,WAAAA,CAAQC,iCAAqB,EAAA;AAAA,MAAEC,aAAeT,EAAAA,oBAAAA;AAAAA,KAAsB,CAAA,CAAA;AAEpE,IAAA,OAAO,MAAM;AACX,MAAA,OAAOJ,MAAMc,OAAU,IAAA,CAAA;AAAA,KACzB,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAEYC,MAAAA,sBAAAA,GAAyBC,kBAAYvB,qBAAqB;;;;"}

package/dist/cjs/components/upload-file/index.d.ts

@@ -1,46 +1,7 @@
-export declare const MKUploadFile: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    readonly showFileList: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly fileList: {
-        readonly type: import("vue").PropType<any>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    readonly listType: import("@maketribe/utils").PropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
-    readonly limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, 10, boolean>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    uploadSuccess: (res: any) => boolean;
-    "update:file-list": (fileList: any) => boolean;
-    remove: (uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    readonly showFileList: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly fileList: {
-        readonly type: import("vue").PropType<any>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    readonly listType: import("@maketribe/utils").PropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
-    readonly limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, 10, boolean>;
-}>> & {
-    onRemove?: ((uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => any) | undefined;
-    onUploadSuccess?: ((res: any) => any) | undefined;
-    "onUpdate:file-list"?: ((fileList: any) => any) | undefined;
-}, {
-    readonly showFileList: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly listType: import("@maketribe/utils").PropMergeType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
-    readonly limit: number;
-}, {}>> & Record<string, any>;
+import { MKUploadFile } from "./upload-file";
+export { MKUploadFile };
 export default MKUploadFile;
+export * from "./upload-file";
+export * from "./context";
+export * from "./ui";
+export * from "./upload-file-options";

package/dist/cjs/components/upload-file/index.js

@@ -2,11 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@maketribe/utils');
 var uploadFile = require('./upload-file.js');
+var UploadContext = require('./context/UploadContext.js');
+var WebFileUploadContext = require('./context/WebFileUploadContext.js');
+var MaterialUploadContext = require('./context/MaterialUploadContext.js');
+var materialUploadContext = require('./context/material-upload-context.js');
+var materialUploadContextOptions = require('./context/material-upload-context-options.js');
+var webFileUploadContext = require('./context/web-file-upload-context.js');
+var webFileUploadContextOptions = require('./context/web-file-upload-context-options.js');
+var index = require('./ui/upload-image/index.js');
+var uploadFileOptions = require('./upload-file-options.js');
+var uploadImageOptions = require('./ui/upload-image/upload-image-options.js');
 
-const MKUploadFile = utils.withInstall(uploadFile);
 
-exports.MKUploadFile = MKUploadFile;
-exports.default = MKUploadFile;
+
+exports.MKUploadFile = uploadFile.MKUploadFile;
+exports.default = uploadFile.MKUploadFile;
+exports.UploadContext = UploadContext.UploadContext;
+exports.UploadContextCtxKey = UploadContext.UploadContextCtxKey;
+exports.WebFileUploadContext = WebFileUploadContext.WebFileUploadContext;
+exports.MaterialUploadContext = MaterialUploadContext.MaterialUploadContext;
+exports.MKMaterialUploadContext = materialUploadContext.MKMaterialUploadContext;
+exports.materialUploadContextProps = materialUploadContextOptions.materialUploadContextProps;
+exports.MKWebFileUploadContext = webFileUploadContext.MKWebFileUploadContext;
+exports.webFileUploadContextProps = webFileUploadContextOptions.webFileUploadContextProps;
+exports.MKUploadImage = index.MKUploadImage;
+exports.uploadFileEmits = uploadFileOptions.uploadFileEmits;
+exports.uploadFileProps = uploadFileOptions.uploadFileProps;
+exports.uploadImageEmits = uploadImageOptions.uploadImageEmits;
+exports.uploadImageProps = uploadImageOptions.uploadImageProps;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/upload-file/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/upload-file/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport UploadFile from \"./upload-file\";\n\nexport const MKUploadFile = withInstall(UploadFile);\nexport default MKUploadFile;\n"],"names":["withInstall","UploadFile"],"mappings":";;;;;;;AAGa,MAAA,YAAA,GAAeA,kBAAYC,UAAU;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/upload-file/ui/index.d.ts

@@ -0,0 +1 @@
+export * from "./upload-image";

package/dist/cjs/components/upload-file/ui/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var index = require('./upload-image/index.js');
+var uploadImageOptions = require('./upload-image/upload-image-options.js');
+
+
+
+exports.MKUploadImage = index.MKUploadImage;
+exports.uploadImageEmits = uploadImageOptions.uploadImageEmits;
+exports.uploadImageProps = uploadImageOptions.uploadImageProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/upload-file/ui/index.js.map

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

package/dist/cjs/components/upload-file/ui/upload-image/index.d.ts

@@ -0,0 +1,54 @@
+export declare const MKUploadImage: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("../..").UploadContext, unknown, unknown, () => import("../..").MaterialUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (path: string | string[]) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("../..").UploadContext, unknown, unknown, () => import("../..").MaterialUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}>> & {
+    "onUpdate:modelValue"?: ((path: string | string[]) => any) | undefined;
+}, {
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly uploadContext: import("../..").UploadContext;
+}, {}>> & Record<string, any>;
+export default MKUploadImage;
+export * from "./upload-image-options";

package/dist/cjs/components/upload-file/ui/upload-image/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var uploadImage = require('./upload-image.js');
+var uploadImageOptions = require('./upload-image-options.js');
+
+const MKUploadImage = utils.withInstall(uploadImage);
+
+exports.uploadImageEmits = uploadImageOptions.uploadImageEmits;
+exports.uploadImageProps = uploadImageOptions.uploadImageProps;
+exports.MKUploadImage = MKUploadImage;
+exports.default = MKUploadImage;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/upload-file/ui/upload-image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/upload-file/ui/upload-image/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport UploadImage from \"./upload-image\";\n\nexport const MKUploadImage = withInstall(UploadImage);\nexport default MKUploadImage;\n\nexport * from \"./upload-image-options\";\n"],"names":["withInstall","UploadImage"],"mappings":";;;;;;;;AAGa,MAAA,aAAA,GAAgBA,kBAAYC,WAAW;;;;;;;"}

package/dist/cjs/components/upload-file/ui/upload-image/upload-image-options.d.ts

@@ -0,0 +1,30 @@
+import { ExtractPropTypes } from "vue";
+import { UploadContext } from "../../context";
+export declare const uploadImageProps: {
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => import("../../context").MaterialUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+};
+export type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;
+export declare const uploadImageEmits: {
+    "update:modelValue": (path: string | string[]) => boolean;
+};
+export type UploadImageEmits = typeof uploadImageEmits;

package/dist/cjs/components/{upload-image → upload-file/ui/upload-image}/upload-image-options.js

@@ -1,22 +1,20 @@
 'use strict';
 
 var utils = require('@maketribe/utils');
-var request = require('@maketribe/request');
+var uploadFileOptions = require('../../upload-file-options.js');
 
 const uploadImageProps = utils.buildProps({
-  size: {
-    type: String,
-    default: "150px"
-  },
-  upload: {
-    type: request.WebFileUpload
-  },
+  uploadContext: uploadFileOptions.uploadFileProps.uploadContext,
   modelValue: {
-    type: String
+    type: [String, Array]
+  },
+  multiple: {
+    type: Boolean,
+    default: false
   }
 });
 const uploadImageEmits = {
-  "update:model-value": (modelValue) => true
+  "update:modelValue": (path) => true
 };
 
 exports.uploadImageEmits = uploadImageEmits;

package/dist/cjs/components/upload-file/ui/upload-image/upload-image-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image-options.js","sources":["../../../../../../src/components/upload-file/ui/upload-image/upload-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { uploadFileEmits, uploadFileProps } from \"../../upload-file-options\";\nimport { UploadContext } from \"../../context\";\n\nexport const uploadImageProps = buildProps({\n  uploadContext: uploadFileProps.uploadContext,\n  modelValue: {\n    type: [String, Array<String>],\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;\n\nexport const uploadImageEmits = {\n  \"update:modelValue\": (path: string | string[]) => true,\n};\n\nexport type UploadImageEmits = typeof uploadImageEmits;\n"],"names":["buildProps","uploadFileProps"],"mappings":";;;;;AAKO,MAAM,mBAAmBA,gBAAW,CAAA;AAAA,EACzC,eAAeC,iCAAgB,CAAA,aAAA;AAAA,EAC/B,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAa,CAAA;AAAA,GAC9B;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,mBAAA,EAAqB,CAAC,IAA4B,KAAA,IAAA;AACpD;;;;;"}