ablok-components 0.1.80 → 0.1.82

package/dist/ablok-components.es.js

@@ -22262,6 +22262,10 @@ const mG = /* @__PURE__ */ JA({
       default: ""
     },
     customFetch: null,
+    baseResponsePath: {
+      type: String,
+      default: "/media"
+    },
     previewWidth: {
       type: Number,
       default: 0
@@ -22270,16 +22274,16 @@ const mG = /* @__PURE__ */ JA({
   emits: ["update:modelValue", "update:src"],
   setup(t, { emit: A }) {
     const e = t, n = RA([]), r = RA([]), i = RA(!1), s = GA(() => e.modelValue.length ? e.modelValue : e.src ? [{ type: "", src: e.src }] : r.value);
-    Gr(() => n, async (c, d) => {
+    Gr(() => n.value, async (c) => {
       r.value = await Promise.all(
-        c.value.map(async (h) => ({
-          src: e.toDataUrl ? await yN(h) : await u(h),
-          type: h.type
+        c.map(async (d) => ({
+          src: e.toDataUrl ? await yN(d) : await u(d),
+          type: d.type
         }))
       );
-    }, { deep: !0 }), Gr(() => r, async (c, d) => {
-      const h = e.multiple ? r.value : r.value[0];
-      A("update:modelValue", h), e.multiple || A("update:src", r.value[0] && r.value[0].src);
+    }, { deep: !0 }), Gr(() => r.value, async (c) => {
+      const d = e.multiple ? c : c[0];
+      A("update:modelValue", d), e.multiple || A("update:src", c[0] && c[0].src);
     }, { deep: !0 });
     function a(c) {
       n.value.splice(c, 1), (!r.value || !r.value.length) && A("update:src", "");
@@ -22297,7 +22301,7 @@ const mG = /* @__PURE__ */ JA({
       }).catch((B) => {
         console.error("Error", B);
       });
-      return i.value = !1, console.log("Response", g), `/media/${g.path}`;
+      return i.value = !1, `${e.baseResponsePath}/${g.path}`;
     }
     return (c, d) => {
       const h = un("svg-icon"), g = un("input-file");
@@ -22390,6 +22394,10 @@ const QN = { class: "upload-group" }, vN = ["innerHTML"], EN = { class: "row" },
       default: ""
     },
     customFetch: null,
+    baseResponsePath: {
+      type: String,
+      default: "/media"
+    },
     previewWidth: {
       type: Number,
       default: 0
@@ -22434,7 +22442,8 @@ const QN = { class: "upload-group" }, vN = ["innerHTML"], EN = { class: "row" },
               "custom-fetch": t.customFetch,
               "to-data-url": !t.endpoint,
               "auth-token": t.authToken,
-              disabled: t.disabled
+              disabled: t.disabled,
+              "base-response-path": t.baseResponsePath
             }, {
               button: Pr(() => [
                 N("span", SN, [
@@ -22442,7 +22451,7 @@ const QN = { class: "upload-group" }, vN = ["innerHTML"], EN = { class: "row" },
                 ])
               ]),
               _: 1
-            }, 8, ["src", "endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled"])
+            }, 8, ["src", "endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path"])
           ])
         ])
       ]);
@@ -22506,6 +22515,10 @@ const xN = { class: "upload-group" }, HN = ["innerHTML"], wG = /* @__PURE__ */ J
         /* Image */
       })
     },
+    baseResponsePath: {
+      type: String,
+      default: "/media"
+    },
     previewWidth: {
       type: Number,
       default: 0
@@ -22521,7 +22534,7 @@ const xN = { class: "upload-group" }, HN = ["innerHTML"], wG = /* @__PURE__ */ J
         A("update:modelValue", r.map(
           (i, s) => ({
             mediaType: e.modelValue[s] && e.modelValue[s].mediaType || i.includes("data:image") ? i.includes("data:image/svg") ? "Svg" : "Image" : e.mediaTypeMap[i.split(".")[1]],
-            src: i instanceof Object ? `/media/${i.path}` : i,
+            src: i,
             name: e.modelValue[s] && e.modelValue[s].name || `${e.name}-${s}`,
             ...e.type ? { type: e.type } : {}
           })
@@ -22537,8 +22550,9 @@ const xN = { class: "upload-group" }, HN = ["innerHTML"], wG = /* @__PURE__ */ J
         "custom-fetch": t.customFetch,
         "auth-token": t.authToken,
         disabled: t.disabled,
-        "preview-width": t.previewWidth
-      }, null, 8, ["modelValue", "endpoint", "custom-fetch", "auth-token", "disabled", "preview-width"])
+        "preview-width": t.previewWidth,
+        "base-response-path": t.baseResponsePath
+      }, null, 8, ["modelValue", "endpoint", "custom-fetch", "auth-token", "disabled", "preview-width", "base-response-path"])
     ]));
   }
 });