handy-uploader 1.1.7 → 2.0.0

package/dist/handy-uploader.es.js

@@ -0,0 +1,2407 @@
+import { defineComponent as te, computed as ie, resolveComponent as f, openBlock as c, createElementBlock as V, createVNode as r, toDisplayString as x, reactive as ge, watch as I, onMounted as xe, withCtx as o, Fragment as R, renderList as Z, createBlock as h, unref as se, createTextVNode as _, createElementVNode as P, mergeProps as ee, createCommentVNode as z, withDirectives as ve, vShow as he, nextTick as Fe, withModifiers as De, ref as ae, onBeforeMount as Ce, onDeactivated as ze } from "vue";
+const ne = /* @__PURE__ */ te({
+  __name: "SelectFileIconType",
+  props: {
+    fileFormat: {},
+    size: { default: 30 }
+  },
+  setup(a) {
+    const n = a, e = ie(() => ({
+      pdf: { icon: "mdi-file-pdf-outline", color: "red darken-1" },
+      doc: { icon: "mdi-file-word-outline", color: "blue darken-1" },
+      docx: { icon: "mdi-file-word-outline", color: "blue darken-1" },
+      odt: { icon: "mdi-file-word-outline", color: "blue darken-1" },
+      jpg: { icon: "mdi-file-image-outline", color: "deep-purple darken-1" },
+      jpeg: { icon: "mdi-file-image-outline", color: "deep-purple darken-1" },
+      png: { icon: "mdi-file-image-outline", color: "deep-purple darken-1" },
+      tif: { icon: "mdi-file-image-outline", color: "deep-purple darken-1" },
+      bmp: { icon: "mdi-file-image-outline", color: "deep-purple darken-1" },
+      xls: { icon: "mdi-file-excel-outline", color: "teal darken-1" },
+      xlsx: { icon: "mdi-file-excel-outline", color: "teal darken-1" },
+      ppt: { icon: "mdi-file-powerpoint-outline", color: "orange darken-3" },
+      pptx: { icon: "mdi-file-powerpoint-outline", color: "orange darken-3" },
+      pptm: { icon: "mdi-file-powerpoint-outline", color: "orange darken-3" },
+      mp4: { icon: "mdi-file-video-outline", color: "red lighten-1" },
+      mov: { icon: "mdi-file-video-outline", color: "red lighten-1" },
+      flv: { icon: "mdi-file-video-outline", color: "red lighten-1" },
+      wmv: { icon: "mdi-file-video-outline", color: "red lighten-1" },
+      avi: { icon: "mdi-file-video-outline", color: "red lighten-1" },
+      dwg: { icon: "mdi-file-cad", color: "indigo lighten-2" },
+      zip: { icon: "mdi-folder-zip-outline", color: "lime lighten-1" },
+      rar: { icon: "mdi-folder-zip-outline", color: "lime lighten-1" },
+      "7-zip": { icon: "mdi-folder-zip-outline", color: "lime lighten-1" },
+      txt: { icon: "mdi-script-text-outline", color: "light-green darken-3" }
+    })[n.fileFormat] || {
+      icon: "mdi-file-question-outline",
+      color: "indigo lighten-1"
+    });
+    return (t, p) => {
+      const D = f("v-icon");
+      return c(), V("div", null, [
+        r(D, {
+          size: n.size,
+          color: e.value.color,
+          textContent: x(e.value.icon)
+        }, null, 8, ["size", "color", "textContent"])
+      ]);
+    };
+  }
+});
+function de(a) {
+  const n = a / 1024, e = n / 1024;
+  return e >= 1 ? {
+    text: `${e.toFixed(2)} MB`,
+    color: e > 10 ? "red" : e > 5 ? "orange" : "green"
+  } : {
+    text: `${n.toFixed(2)} KB`,
+    color: n > 1e3 ? "orange" : "green"
+  };
+}
+function re(a, n) {
+  var t;
+  const e = ((t = a.split(".").pop()) == null ? void 0 : t.toLowerCase()) || "";
+  return ["jpg", "jpeg", "png", "gif", "bmp", "svg", "webp", "tiff"].includes(e) || n != null && n.startsWith("image/") ? "image" : ["pdf", "doc", "docx", "txt", "rtf", "odt"].includes(e) ? "document" : ["xls", "xlsx", "csv", "ods"].includes(e) ? "spreadsheet" : ["ppt", "pptx", "odp"].includes(e) ? "presentation" : ["zip", "rar", "7z", "tar", "gz"].includes(e) ? "archive" : ["mp4", "avi", "mov", "wmv", "flv", "webm"].includes(e) ? "video" : ["mp3", "wav", "flac", "aac", "ogg"].includes(e) ? "audio" : "file";
+}
+function Te(a, n) {
+  const e = re(a, n), t = {
+    image: { icon: "mdi-file-image", color: "blue" },
+    document: { icon: "mdi-file-document", color: "red" },
+    spreadsheet: { icon: "mdi-file-excel", color: "green" },
+    presentation: { icon: "mdi-file-powerpoint", color: "orange" },
+    archive: { icon: "mdi-folder-zip", color: "purple" },
+    video: { icon: "mdi-file-video", color: "pink" },
+    audio: { icon: "mdi-file-music", color: "teal" },
+    file: { icon: "mdi-file", color: "grey" }
+  };
+  return t[e] || t.file;
+}
+function be(a, n) {
+  return re(a, n) === "image";
+}
+function Ae(a, n) {
+  return a <= n;
+}
+function Le(a, n) {
+  return a < n;
+}
+function _e(a) {
+  var t;
+  const n = ((t = a.split(".").pop()) == null ? void 0 : t.toLowerCase()) || "";
+  return {
+    // Image types
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    png: "image/png",
+    gif: "image/gif",
+    bmp: "image/bmp",
+    tiff: "image/tiff",
+    svg: "image/svg+xml",
+    webp: "image/webp",
+    // Video types
+    mp4: "video/mp4",
+    avi: "video/x-msvideo",
+    mov: "video/quicktime",
+    wmv: "video/x-ms-wmv",
+    flv: "video/x-flv",
+    webm: "video/webm",
+    // Document types
+    pdf: "application/pdf",
+    doc: "application/msword",
+    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    txt: "text/plain",
+    csv: "text/csv",
+    // Archive types
+    zip: "application/zip",
+    rar: "application/x-rar-compressed"
+  }[n] || "application/octet-stream";
+}
+function Ve(a, n) {
+  const e = a.replace(/^data:image\/[a-zA-Z]+;base64,/, "");
+  return `data:${n.startsWith("image/") ? n : `image/${n}`};base64,${e}`;
+}
+function $e(a, n = 0.8, e = 1920, t = 1080) {
+  return new Promise((p, D) => {
+    const L = document.createElement("canvas"), v = L.getContext("2d"), g = new Image();
+    g.onload = () => {
+      let { width: y, height: w } = g;
+      if (y > e || w > t) {
+        const T = Math.min(e / y, t / w);
+        y *= T, w *= T;
+      }
+      L.width = y, L.height = w, v == null || v.drawImage(g, 0, 0, y, w);
+      const $ = L.toDataURL("image/jpeg", n);
+      p($);
+    }, g.onerror = () => D(new Error("Failed to load image for compression"));
+    const U = new FileReader();
+    U.onload = (y) => {
+      var w;
+      g.src = (w = y.target) == null ? void 0 : w.result;
+    }, U.onerror = () => D(new Error("Failed to read file")), U.readAsDataURL(a);
+  });
+}
+function fe(a) {
+  return new Promise((n, e) => {
+    const t = new FileReader();
+    t.onload = () => {
+      const p = t.result, D = p.split(",")[1] || p;
+      n(D);
+    }, t.onerror = () => e(new Error("Failed to read file")), t.readAsDataURL(a);
+  });
+}
+const Se = {
+  key: 1,
+  style: { height: "200px", "background-color": "#f5f5f5", position: "relative", overflow: "hidden", display: "flex", "align-items": "center", "justify-content": "center" }
+}, Be = ["src", "onError"], Ue = {
+  key: 1,
+  style: { width: "100%", height: "100%", background: "#e0e0e0", display: "flex", "align-items": "center", "justify-content": "center" }
+}, Ee = {
+  class: "d-flex justify-center align-center",
+  style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", background: "rgba(0,0,0,0.7)", "border-radius": "50%", width: "60px", height: "60px", cursor: "pointer" }
+}, Ie = {
+  key: 2,
+  class: "d-flex justify-center align-center",
+  style: { height: "200px", "background-color": "#f5f5f5" }
+}, Me = { class: "BYekan" }, Pe = { class: "BYekan" }, je = { key: 0 }, ue = /* @__PURE__ */ te({
+  __name: "ThumbnailUploader",
+  props: {
+    lang: { default: "en" },
+    documentAttachment: {},
+    thumb: { type: Boolean, default: !0 },
+    cols: { default: 4 },
+    editPermission: { type: Boolean, default: !0 },
+    deletePermission: { type: Boolean, default: !0 },
+    selectedLang: {},
+    cardType: {},
+    outlined: { type: Boolean, default: !1 },
+    raised: { type: Boolean, default: !1 },
+    shaped: { type: Boolean, default: !1 },
+    tile: { type: Boolean, default: !1 }
+  },
+  emits: ["openDeleteDialog", "openEditDocumentDialog"],
+  setup(a, { emit: n }) {
+    const e = a, t = n, p = (l) => {
+      const i = re(l) === "video";
+      return console.log("🎥 Checking if video file:", l, "result:", i, "fileType:", re(l)), i;
+    }, D = (l) => Ve(l.base64, l.format), L = (l) => {
+      var i;
+      console.error("Image failed to load:", {
+        name: l.name,
+        format: l.format,
+        base64Length: ((i = l.base64) == null ? void 0 : i.length) || 0
+      });
+    }, v = ge(/* @__PURE__ */ new Map()), g = (l) => (console.log("🎬 Starting video thumbnail generation for:", l.name), new Promise((i, u) => {
+      var G;
+      const m = document.createElement("video"), k = document.createElement("canvas"), S = k.getContext("2d");
+      if (!S) {
+        console.error("❌ Canvas context not available"), u(new Error("Canvas context not available"));
+        return;
+      }
+      m.crossOrigin = "anonymous", m.preload = "metadata", m.muted = !0, m.onloadedmetadata = () => {
+        if (console.log("📹 Video metadata loaded:", {
+          duration: m.duration,
+          width: m.videoWidth,
+          height: m.videoHeight,
+          readyState: m.readyState,
+          networkState: m.networkState
+        }), m.duration === 0 || isNaN(m.duration)) {
+          console.error("❌ Invalid video duration:", m.duration);
+          const K = U(l);
+          y.delete(K), u(new Error("Invalid video duration"));
+          return;
+        }
+        if (m.videoWidth === 0 || m.videoHeight === 0) {
+          console.error("❌ Invalid video dimensions:", m.videoWidth, "x", m.videoHeight);
+          const K = U(l);
+          y.delete(K), u(new Error("Invalid video dimensions"));
+          return;
+        }
+        k.width = m.videoWidth, k.height = m.videoHeight;
+        const E = Math.min(1, m.duration * 0.1);
+        console.log("⏰ Seeking to time:", E, "of total duration:", m.duration), m.currentTime = E;
+      }, m.onseeked = () => {
+        console.log("🎯 Video seeked successfully to:", m.currentTime);
+        try {
+          console.log("🖼️ Canvas setup:", {
+            width: k.width,
+            height: k.height,
+            videoCurrentTime: m.currentTime,
+            videoReadyState: m.readyState
+          }), S.drawImage(m, 0, 0, k.width, k.height);
+          const K = S.getImageData(0, 0, k.width, k.height).data.some((Y) => Y !== 0);
+          console.log("🎨 Canvas content check:", K ? "Has content" : "Empty/transparent");
+          const A = k.toDataURL("image/jpeg", 0.8);
+          console.log("✅ Generated thumbnail:", {
+            dataUrlLength: A.length,
+            startsWithData: A.startsWith("data:image/jpeg"),
+            preview: A.substring(0, 50) + "..."
+          }), i(A);
+        } catch (E) {
+          console.error("❌ Error during thumbnail generation:", E), u(E);
+        }
+      }, m.onabort = () => {
+        console.warn("⚠️ Video loading aborted"), u(new Error("Video loading aborted"));
+      }, m.onstalled = () => {
+        console.warn("⚠️ Video loading stalled");
+      }, m.onerror = (E) => {
+        console.error("❌ Video failed to load for thumbnail generation:", E), u(new Error("Video failed to load for thumbnail generation"));
+      }, m.onloadstart = () => {
+        console.log("🔄 Video load started");
+      }, m.oncanplay = () => {
+        console.log("▶️ Video can play");
+      };
+      const F = ((G = l.base64) == null ? void 0 : G.replace(/^data:[^;]+;base64,/, "")) || "";
+      let B;
+      l.format.startsWith("video/") ? B = l.format : (B = _e(l.name), B.startsWith("video/") || (B = `video/${l.format}`));
+      const M = `data:${B};base64,${F}`;
+      console.log("🔗 Setting video source:", {
+        fileName: l.name,
+        format: l.format,
+        mimeType: B,
+        base64Length: F.length,
+        videoSrcLength: M.length
+      }), m.src = M;
+    })), U = (l) => {
+      var i;
+      return `${l.name}_${(i = l.base64) == null ? void 0 : i.substring(0, 50)}`;
+    };
+    ie(() => (console.log("🔄 Video thumbnails computed updated:", Array.from(v.keys())), v));
+    const y = /* @__PURE__ */ new Set(), w = (l) => {
+      const i = U(l);
+      if (console.log("🔍 Getting video thumbnail for:", l.name, "cache key:", i), v.has(i))
+        return console.log("💾 Returning cached thumbnail for:", l.name), v.get(i);
+      if (y.has(i)) {
+        console.log("⏳ Thumbnail already being generated for:", l.name);
+        return;
+      }
+      console.log("🚀 No cached thumbnail, generating new one for:", l.name), y.add(i), g(l).then((u) => {
+        console.log("✅ Thumbnail generated and cached for:", l.name), v.set(i, u), y.delete(i), Fe(() => {
+          console.log("🔄 UI update triggered for:", l.name);
+        });
+      }).catch((u) => {
+        console.error("❌ Failed to generate video thumbnail for:", l.name, u), y.delete(i);
+      });
+    }, $ = (l) => {
+      console.error("Video thumbnail failed to load:", {
+        name: l.name,
+        format: l.format
+      });
+      const i = U(l);
+      v.delete(i);
+    }, T = (l) => Te(l), j = (l) => l.tags.length > 0 || !!l.description, H = (l) => {
+      l.showDetailState = !l.showDetailState;
+    }, O = (l, i) => {
+      t("openDeleteDialog", l, i);
+    }, d = (l, i) => {
+      t("openEditDocumentDialog", l, i);
+    }, s = () => {
+      console.log("🎯 Generating thumbnails for videos, total attachments:", e.documentAttachment.length);
+      const l = e.documentAttachment.filter((i) => p(i.file.name));
+      console.log("📹 Found video attachments:", l.length, l.map((i) => i.file.name)), l.forEach((i) => {
+        console.log("🎬 Processing video:", i.file.name), w(i.file);
+      });
+    };
+    return I(() => e.documentAttachment, s, { immediate: !0 }), xe(s), (l, i) => {
+      const u = f("v-img"), m = f("v-icon"), k = f("v-card-subtitle"), S = f("v-chip"), F = f("v-divider"), B = f("v-btn"), M = f("v-tooltip"), G = f("v-spacer"), E = f("v-card-actions"), K = f("v-chip-group"), A = f("v-card-text"), Y = f("v-expand-transition"), q = f("v-card"), J = f("v-col"), oe = f("v-row");
+      return c(), V("div", null, [
+        r(oe, null, {
+          default: o(() => [
+            (c(!0), V(R, null, Z(l.documentAttachment, (C, Q) => (c(), h(J, {
+              key: `attachment-${Q}`,
+              cols: "12",
+              md: l.cols,
+              xs: "12"
+            }, {
+              default: o(() => [
+                r(q, {
+                  shaped: l.shaped,
+                  outlined: l.outlined,
+                  raised: l.raised,
+                  tile: l.tile,
+                  class: "mx-auto",
+                  "max-width": "344"
+                }, {
+                  default: o(() => [
+                    se(be)(C.file.name) ? (c(), h(u, {
+                      key: 0,
+                      src: D(C.file),
+                      height: "200px",
+                      onError: (W) => L(C.file)
+                    }, null, 8, ["src", "onError"])) : p(C.file.name) ? (c(), V("div", Se, [
+                      w(C.file) ? (c(), V("img", {
+                        key: 0,
+                        src: w(C.file),
+                        style: { width: "100%", height: "100%", "object-fit": "cover" },
+                        onError: (W) => $(C.file)
+                      }, null, 40, Be)) : (c(), V("div", Ue, [
+                        r(m, {
+                          size: "60",
+                          color: "grey"
+                        }, {
+                          default: o(() => i[0] || (i[0] = [
+                            _("mdi-video")
+                          ])),
+                          _: 1
+                        })
+                      ])),
+                      P("div", Ee, [
+                        r(m, {
+                          color: "white",
+                          size: "30"
+                        }, {
+                          default: o(() => i[1] || (i[1] = [
+                            _("mdi-play")
+                          ])),
+                          _: 1
+                        })
+                      ])
+                    ])) : (c(), V("div", Ie, [
+                      r(m, {
+                        size: "120",
+                        color: T(C.file.name).color
+                      }, {
+                        default: o(() => [
+                          _(x(T(C.file.name).icon), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["color"])
+                    ])),
+                    r(k, { class: "text-truncate py-2" }, {
+                      default: o(() => [
+                        _(x(C.file.name), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    r(k, { class: "pt-2 pb-3" }, {
+                      default: o(() => [
+                        r(S, {
+                          color: se(de)(C.file.size).color,
+                          label: "",
+                          "text-color": "white"
+                        }, {
+                          default: o(() => [
+                            _(x(se(de)(C.file.size).text) + " ", 1),
+                            r(m, { right: "" }, {
+                              default: o(() => i[2] || (i[2] = [
+                                _("mdi-harddisk")
+                              ])),
+                              _: 1
+                            })
+                          ]),
+                          _: 2
+                        }, 1032, ["color"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    r(F, { class: "mx-4" }),
+                    r(E, { style: { padding: "0" } }, {
+                      default: o(() => [
+                        r(M, { right: "" }, {
+                          activator: o(({ props: W }) => [
+                            l.deletePermission ? (c(), h(B, ee({
+                              key: 0,
+                              text: "",
+                              fab: "",
+                              ref_for: !0
+                            }, W, {
+                              onClick: (le) => O(Q, "")
+                            }), {
+                              default: o(() => [
+                                r(m, { color: "red" }, {
+                                  default: o(() => i[3] || (i[3] = [
+                                    _("mdi-trash-can-outline")
+                                  ])),
+                                  _: 1
+                                })
+                              ]),
+                              _: 2
+                            }, 1040, ["onClick"])) : z("", !0)
+                          ]),
+                          default: o(() => [
+                            P("span", Me, x(l.selectedLang[l.lang].delete), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        r(M, { right: "" }, {
+                          activator: o(({ props: W }) => [
+                            l.editPermission ? (c(), h(B, ee({
+                              key: 0,
+                              text: "",
+                              fab: "",
+                              ref_for: !0
+                            }, W, {
+                              onClick: (le) => d(C, Q)
+                            }), {
+                              default: o(() => [
+                                r(m, { color: "green" }, {
+                                  default: o(() => i[4] || (i[4] = [
+                                    _("mdi-pencil-outline")
+                                  ])),
+                                  _: 1
+                                })
+                              ]),
+                              _: 2
+                            }, 1040, ["onClick"])) : z("", !0)
+                          ]),
+                          default: o(() => [
+                            P("span", Pe, x(l.selectedLang[l.lang].edit), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        r(G),
+                        j(C.file) ? (c(), h(B, {
+                          key: 0,
+                          icon: "",
+                          onClick: (W) => H(C.file)
+                        }, {
+                          default: o(() => [
+                            r(m, null, {
+                              default: o(() => [
+                                _(x(C.file.showDetailState ? "mdi-chevron-up" : "mdi-chevron-down"), 1)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])) : z("", !0)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    r(Y, null, {
+                      default: o(() => [
+                        j(C.file) ? ve((c(), V("div", je, [
+                          r(F),
+                          C.file.tags.length ? (c(), h(K, {
+                            key: 0,
+                            multiple: "",
+                            "active-class": "primary--text",
+                            class: "pa-2"
+                          }, {
+                            default: o(() => [
+                              (c(!0), V(R, null, Z(C.file.tags, (W, le) => (c(), h(S, {
+                                key: `tag-${le}`,
+                                class: "ma-1"
+                              }, {
+                                default: o(() => [
+                                  _(x(W), 1)
+                                ]),
+                                _: 2
+                              }, 1024))), 128))
+                            ]),
+                            _: 2
+                          }, 1024)) : z("", !0),
+                          C.file.description ? (c(), h(A, {
+                            key: 1,
+                            class: "text-justify"
+                          }, {
+                            default: o(() => [
+                              _(x(C.file.description), 1)
+                            ]),
+                            _: 2
+                          }, 1024)) : z("", !0)
+                        ], 512)), [
+                          [he, C.file.showDetailState]
+                        ]) : z("", !0)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["shaped", "outlined", "raised", "tile"])
+              ]),
+              _: 2
+            }, 1032, ["md"]))), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), Ne = {
+  key: 0,
+  class: "text-left"
+}, He = { class: "text-left" }, Re = { class: "text-left" }, We = { class: "text-left" }, Oe = { key: 0 }, Ke = { class: "BYekan" }, ce = /* @__PURE__ */ te({
+  __name: "TableUploader",
+  props: {
+    documentAttachment: {},
+    thumb: { type: Boolean, default: !0 },
+    lang: { default: "en" },
+    cols: { default: 4 },
+    editPermission: { type: Boolean, default: !0 },
+    deletePermission: { type: Boolean, default: !0 },
+    tableThumbColumn: { type: Boolean },
+    tableFixedHeader: { type: Boolean, default: !0 },
+    tableHeight: { default: 400 },
+    selectedLang: {}
+  },
+  emits: ["openDeleteDialog", "openEditDocumentDialog"],
+  setup(a, { emit: n }) {
+    const e = a, t = n, p = (v) => {
+      var g;
+      return v && ((g = v.split(".").pop()) == null ? void 0 : g.toLowerCase()) || "";
+    }, D = (v, g) => {
+      t("openDeleteDialog", v, g);
+    }, L = (v, g) => {
+      t("openEditDocumentDialog", v, g);
+    };
+    return (v, g) => {
+      const U = f("v-img"), y = f("v-icon"), w = f("v-chip"), $ = f("v-card-subtitle"), T = f("v-btn"), j = f("v-tooltip"), H = f("v-simple-table"), O = f("v-col"), d = f("v-row");
+      return c(), V("div", null, [
+        r(d, null, {
+          default: o(() => [
+            r(O, {
+              cols: "12",
+              lg: "12",
+              md: "12",
+              xs: "12"
+            }, {
+              default: o(() => [
+                r(H, {
+                  "fixed-header": e.tableFixedHeader,
+                  height: e.tableHeight + "px"
+                }, {
+                  default: o(() => [
+                    P("thead", null, [
+                      P("tr", null, [
+                        e.tableThumbColumn ? (c(), V("th", Ne, x(e.selectedLang[v.lang].table.thumb), 1)) : z("", !0),
+                        P("th", He, x(e.selectedLang[v.lang].table.name), 1),
+                        P("th", Re, x(e.selectedLang[v.lang].table.size), 1),
+                        P("th", We, x(e.selectedLang[v.lang].table.action.action), 1)
+                      ])
+                    ]),
+                    P("tbody", null, [
+                      (c(!0), V(R, null, Z(e.documentAttachment, (s, l) => {
+                        var i;
+                        return c(), V("tr", {
+                          key: `attachment-${l}`
+                        }, [
+                          e.tableThumbColumn ? (c(), V("td", Oe, [
+                            s.file.name && ["jpg", "jpeg", "png", "tif", "bmp"].includes(
+                              ((i = s.file.name.split(".").pop()) == null ? void 0 : i.toLowerCase()) || ""
+                            ) ? (c(), V(R, { key: 0 }, [
+                              e.thumb ? (c(), h(U, {
+                                key: 0,
+                                style: { margin: "10px" },
+                                src: "data:" + s.file.format + "," + s.file.base64,
+                                height: "50px",
+                                width: "50px"
+                              }, null, 8, ["src"])) : (c(), h(y, {
+                                key: 1,
+                                style: { "margin-left": "10px" },
+                                size: "50",
+                                "file-word-outline": "",
+                                color: "deep-purple darken-1"
+                              }, {
+                                default: o(() => g[0] || (g[0] = [
+                                  _("mdi-file-image-outline")
+                                ])),
+                                _: 1
+                              }))
+                            ], 64)) : (c(), V(R, { key: 1 }, [
+                              p(s.file.name) === "pdf" ? (c(), h(y, {
+                                key: 0,
+                                style: { "margin-left": "10px" },
+                                size: "50",
+                                "file-word-outline": "",
+                                color: "red darken-1"
+                              }, {
+                                default: o(() => g[1] || (g[1] = [
+                                  _("mdi-file-pdf-outline")
+                                ])),
+                                _: 1
+                              })) : ["doc", "docx", "odt"].includes(p(s.file.name)) ? (c(), h(y, {
+                                key: 1,
+                                style: { "margin-left": "10px" },
+                                size: "50",
+                                "file-word-outline": "",
+                                color: "blue darken-1"
+                              }, {
+                                default: o(() => g[2] || (g[2] = [
+                                  _("mdi-file-word-outline")
+                                ])),
+                                _: 1
+                              })) : ["xls", "xlsx"].includes(p(s.file.name)) ? (c(), h(y, {
+                                key: 2,
+                                style: { "margin-left": "10px" },
+                                size: "50",
+                                "file-word-outline": "",
+                                color: "teal darken-1"
+                              }, {
+                                default: o(() => g[3] || (g[3] = [
+                                  _("mdi-file-excel-outline")
+                                ])),
+                                _: 1
+                              })) : ["pptx", "pptm", "ppt"].includes(p(s.file.name)) ? (c(), h(y, {
+                                key: 3,
+                                style: { "margin-left": "10px" },
+                                size: "50",
+                                "file-word-outline": "",
+                                color: "orange darken-3"
+                              }, {
+                                default: o(() => g[4] || (g[4] = [
+                                  _("mdi-file-powerpoint-outline")
+                                ])),
+                                _: 1
+                              })) : ["mp4", "mov", "flv", "wmv", "avi"].includes(p(s.file.name)) ? (c(), h(y, {
+                                key: 4,
+                                style: { "margin-left": "10px" },
+                                size: "50",
+                                "file-word-outline": "",
+                                color: "red lighten-1"
+                              }, {
+                                default: o(() => g[5] || (g[5] = [
+                                  _("mdi-file-video-outline")
+                                ])),
+                                _: 1
+                              })) : p(s.file.name) === "dwg" ? (c(), h(y, {
+                                key: 5,
+                                style: { "margin-left": "10px" },
+                                size: "50",
+                                "file-word-outline": "",
+                                color: "indigo lighten-2"
+                              }, {
+                                default: o(() => g[6] || (g[6] = [
+                                  _("mdi-file-cad")
+                                ])),
+                                _: 1
+                              })) : ["zip", "rar", "7-zip"].includes(p(s.file.name)) ? (c(), h(y, {
+                                key: 6,
+                                size: "120",
+                                "file-word-outline": "",
+                                color: "lime lighten-1"
+                              }, {
+                                default: o(() => g[7] || (g[7] = [
+                                  _("mdi-folder-zip-outline")
+                                ])),
+                                _: 1
+                              })) : p(s.file.name) === "txt" ? (c(), h(y, {
+                                key: 7,
+                                style: { "margin-left": "10px" },
+                                size: "50",
+                                "file-word-outline": "",
+                                color: "light-green darken-3"
+                              }, {
+                                default: o(() => g[8] || (g[8] = [
+                                  _("mdi-script-text-outline")
+                                ])),
+                                _: 1
+                              })) : (c(), h(y, {
+                                key: 8,
+                                "x-large": "",
+                                "file-word-outline": "",
+                                color: "indigo lighten-1"
+                              }, {
+                                default: o(() => g[9] || (g[9] = [
+                                  _("mdi-file-question-outline")
+                                ])),
+                                _: 1
+                              }))
+                            ], 64))
+                          ])) : z("", !0),
+                          P("td", null, x(s.file.name), 1),
+                          P("td", null, [
+                            Number((s.file.size / 1e3).toFixed(1)) < 1024 ? (c(), h($, {
+                              key: 0,
+                              class: "mt2"
+                            }, {
+                              default: o(() => [
+                                r(w, {
+                                  color: "teal lighten-2",
+                                  label: "",
+                                  "text-color": "white"
+                                }, {
+                                  default: o(() => [
+                                    _(x(Number((s.file.size / 1e3).toFixed(1)) + v.selectedLang[v.lang].size.kb) + " ", 1),
+                                    r(y, { right: "" }, {
+                                      default: o(() => g[10] || (g[10] = [
+                                        _("mdi-harddisk")
+                                      ])),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, 1024)) : z("", !0),
+                            Number((s.file.size / 1e3).toFixed(1)) > 1024 ? (c(), h($, { key: 1 }, {
+                              default: o(() => [
+                                r(w, {
+                                  color: "teal lighten-2",
+                                  label: "",
+                                  "text-color": "white"
+                                }, {
+                                  default: o(() => [
+                                    _(x(Number(
+                                      (s.file.size / 1e3 / 1024).toFixed(1)
+                                    ) + v.selectedLang[v.lang].size.mb) + " ", 1),
+                                    r(y, { right: "" }, {
+                                      default: o(() => g[11] || (g[11] = [
+                                        _("mdi-harddisk")
+                                      ])),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, 1024)) : z("", !0)
+                          ]),
+                          P("td", null, [
+                            r(j, { top: "" }, {
+                              activator: o(({ props: u }) => [
+                                v.deletePermission ? (c(), h(T, ee({
+                                  key: 0,
+                                  icon: "",
+                                  color: "red",
+                                  ref_for: !0
+                                }, u, {
+                                  onClick: (m) => D(l, "")
+                                }), {
+                                  default: o(() => [
+                                    r(y, null, {
+                                      default: o(() => g[12] || (g[12] = [
+                                        _("mdi-delete")
+                                      ])),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 2
+                                }, 1040, ["onClick"])) : z("", !0)
+                              ]),
+                              default: o(() => [
+                                P("span", null, x(v.selectedLang[v.lang].table.action.deleteTooltip), 1)
+                              ]),
+                              _: 2
+                            }, 1024),
+                            r(j, { top: "" }, {
+                              activator: o(({ props: u }) => [
+                                v.editPermission ? (c(), h(T, ee({
+                                  key: 0,
+                                  text: "",
+                                  fab: "",
+                                  ref_for: !0
+                                }, u, {
+                                  onClick: (m) => L(s, l)
+                                }), {
+                                  default: o(() => [
+                                    r(y, { color: "green" }, {
+                                      default: o(() => g[13] || (g[13] = [
+                                        _("mdi-pencil-outline")
+                                      ])),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 2
+                                }, 1040, ["onClick"])) : z("", !0)
+                              ]),
+                              default: o(() => [
+                                P("span", Ke, x(v.selectedLang[v.lang].edit), 1)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ])
+                        ]);
+                      }), 128))
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["fixed-header", "height"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), me = /* @__PURE__ */ te({
+  __name: "SimpleUploader",
+  props: {
+    documentAttachment: {},
+    lang: { default: "en" },
+    thumb: { type: Boolean, default: !0 },
+    cols: { default: 4 },
+    editPermission: { type: Boolean, default: !0 },
+    cardType: {},
+    outlined: { type: Boolean },
+    raised: { type: Boolean },
+    shaped: { type: Boolean },
+    tile: { type: Boolean },
+    deletePermission: { type: Boolean, default: !0 },
+    selectedLang: {}
+  },
+  emits: ["setCardTheme", "openDeleteDialog", "openEditDocumentDialog"],
+  setup(a, { emit: n }) {
+    const e = a, t = n, p = (y) => {
+      const w = y / 1e3;
+      return w < 1024 ? `${w.toFixed(1)} ${e.selectedLang[e.lang].size.kb}` : `${(w / 1024).toFixed(1)} ${e.selectedLang[e.lang].size.mb}`;
+    }, D = (y) => {
+      var w;
+      return ["jpg", "jpeg", "png", "tif", "bmp"].includes(((w = y.split(".").pop()) == null ? void 0 : w.toLowerCase()) || "");
+    }, L = (y) => {
+      var T;
+      const w = (T = y.split(".").pop()) == null ? void 0 : T.toLowerCase();
+      return w && {
+        pdf: "mdi-file-pdf-outline",
+        doc: "mdi-file-word-outline",
+        docx: "mdi-file-word-outline",
+        odt: "mdi-file-word-outline",
+        jpg: "mdi-file-image-outline",
+        jpeg: "mdi-file-image-outline",
+        png: "mdi-file-image-outline",
+        tif: "mdi-file-image-outline",
+        bmp: "mdi-file-image-outline",
+        xls: "mdi-file-excel-outline",
+        xlsx: "mdi-file-excel-outline",
+        pptx: "mdi-file-powerpoint-outline",
+        pptm: "mdi-file-powerpoint-outline",
+        ppt: "mdi-file-powerpoint-outline",
+        mp4: "mdi-file-video-outline",
+        mov: "mdi-file-video-outline",
+        flv: "mdi-file-video-outline",
+        wmv: "mdi-file-video-outline",
+        avi: "mdi-file-video-outline",
+        dwg: "mdi-file-cad",
+        zip: "mdi-folder-zip-outline",
+        rar: "mdi-folder-zip-outline",
+        "7-zip": "mdi-folder-zip-outline",
+        txt: "mdi-script-text-outline"
+      }[w] || "mdi-file-question-outline";
+    }, v = (y) => {
+      var T;
+      const w = (T = y.split(".").pop()) == null ? void 0 : T.toLowerCase();
+      return w && {
+        pdf: "red darken-1",
+        doc: "blue darken-1",
+        docx: "blue darken-1",
+        odt: "blue darken-1",
+        jpg: "deep-purple darken-1",
+        jpeg: "deep-purple darken-1",
+        png: "deep-purple darken-1",
+        tif: "deep-purple darken-1",
+        bmp: "deep-purple darken-1",
+        xls: "teal darken-1",
+        xlsx: "teal darken-1",
+        pptx: "orange darken-3",
+        pptm: "orange darken-3",
+        ppt: "orange darken-3",
+        mp4: "red lighten-1",
+        mov: "red lighten-1",
+        flv: "red lighten-1",
+        wmv: "red lighten-1",
+        avi: "red lighten-1",
+        dwg: "indigo lighten-2",
+        zip: "lime lighten-1",
+        rar: "lime lighten-1",
+        "7-zip": "lime lighten-1",
+        txt: "light-green darken-3"
+      }[w] || "indigo lighten-1";
+    }, g = (y, w) => t("openDeleteDialog", y, w), U = (y, w) => t("openEditDocumentDialog", y, w);
+    return (y, w) => {
+      const $ = f("v-list-item-subtitle"), T = f("v-icon"), j = f("v-chip"), H = f("v-list-item-content"), O = f("v-img"), d = f("v-avatar"), s = f("v-list-item-title"), l = f("v-list-item"), i = f("v-divider"), u = f("v-btn"), m = f("v-tooltip"), k = f("v-spacer"), S = f("v-card-actions"), F = f("v-chip-group"), B = f("v-card-text"), M = f("v-expand-transition"), G = f("v-card"), E = f("v-col"), K = f("v-row");
+      return c(), V("div", null, [
+        r(K, null, {
+          default: o(() => [
+            (c(!0), V(R, null, Z(e.documentAttachment, (A, Y) => (c(), h(E, {
+              key: `attachment-${Y}`,
+              cols: "12",
+              md: e.cols,
+              xs: "12"
+            }, {
+              default: o(() => [
+                r(G, {
+                  shaped: e.shaped,
+                  outlined: e.outlined,
+                  raised: e.raised,
+                  tile: e.tile
+                }, {
+                  default: o(() => [
+                    r(l, { "three-line": "" }, {
+                      default: o(() => [
+                        r(H, null, {
+                          default: o(() => [
+                            r($, { color: "blue-grey darken-3" }, {
+                              default: o(() => [
+                                _(x(A.file.name), 1)
+                              ]),
+                              _: 2
+                            }, 1024),
+                            r($, null, {
+                              default: o(() => [
+                                r(j, {
+                                  color: "teal lighten-2",
+                                  label: "",
+                                  "text-color": "white"
+                                }, {
+                                  default: o(() => [
+                                    _(x(p(A.file.size)) + " ", 1),
+                                    r(T, { right: "" }, {
+                                      default: o(() => w[0] || (w[0] = [
+                                        _("mdi-harddisk")
+                                      ])),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        r(l, null, {
+                          prepend: o(() => [
+                            r(d, {
+                              size: "80",
+                              color: "blue-grey lighten-5"
+                            }, {
+                              default: o(() => [
+                                D(A.file.name) && e.thumb ? (c(), h(O, {
+                                  key: 0,
+                                  src: "data:" + A.file.format + "," + A.file.base64
+                                }, null, 8, ["src"])) : (c(), h(T, {
+                                  key: 1,
+                                  color: v(A.file.name),
+                                  size: "50"
+                                }, {
+                                  default: o(() => [
+                                    _(x(L(A.file.name)), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["color"]))
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          default: o(() => [
+                            r(s, null, {
+                              default: o(() => w[1] || (w[1] = [
+                                _("File Title Here")
+                              ])),
+                              _: 1
+                            })
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    r(i, { class: "mx-4" }),
+                    r(S, { style: { padding: "0" } }, {
+                      default: o(() => [
+                        r(m, { right: "" }, {
+                          activator: o(({ props: q }) => [
+                            e.deletePermission ? (c(), h(u, ee({
+                              key: 0,
+                              text: "",
+                              fab: "",
+                              ref_for: !0
+                            }, q, {
+                              onClick: (J) => g(Y, "")
+                            }), {
+                              default: o(() => [
+                                r(T, { color: "red" }, {
+                                  default: o(() => w[2] || (w[2] = [
+                                    _("mdi-trash-can-outline")
+                                  ])),
+                                  _: 1
+                                })
+                              ]),
+                              _: 2
+                            }, 1040, ["onClick"])) : z("", !0)
+                          ]),
+                          default: o(() => [
+                            P("span", null, x(e.selectedLang[y.lang].delete), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        r(m, { right: "" }, {
+                          activator: o(({ props: q }) => [
+                            e.editPermission ? (c(), h(u, ee({
+                              key: 0,
+                              text: "",
+                              fab: "",
+                              ref_for: !0
+                            }, q, {
+                              onClick: (J) => U(A, Y)
+                            }), {
+                              default: o(() => [
+                                r(T, { color: "green" }, {
+                                  default: o(() => w[3] || (w[3] = [
+                                    _("mdi-pencil-outline")
+                                  ])),
+                                  _: 1
+                                })
+                              ]),
+                              _: 2
+                            }, 1040, ["onClick"])) : z("", !0)
+                          ]),
+                          default: o(() => [
+                            P("span", null, x(e.selectedLang[y.lang].edit), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        r(k),
+                        A.file.tags.length > 0 || A.file.description ? (c(), h(u, {
+                          key: 0,
+                          icon: "",
+                          onClick: De((q) => A.file.showDetailState = !A.file.showDetailState, ["prevent"])
+                        }, {
+                          default: o(() => [
+                            r(T, null, {
+                              default: o(() => [
+                                _(x(A.file.showDetailState ? "mdi-chevron-up" : "mdi-chevron-down"), 1)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])) : z("", !0)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    r(M, null, {
+                      default: o(() => [
+                        ve(P("div", null, [
+                          r(i),
+                          A.file.tags.length ? (c(), h(F, {
+                            key: 0,
+                            multiple: "",
+                            "active-class": "primary--text",
+                            style: { padding: "8px" }
+                          }, {
+                            default: o(() => [
+                              (c(!0), V(R, null, Z(A.file.tags, (q, J) => (c(), h(j, {
+                                key: `tag-${J}`,
+                                style: { margin: "5px" }
+                              }, {
+                                default: o(() => [
+                                  _(x(q), 1)
+                                ]),
+                                _: 2
+                              }, 1024))), 128))
+                            ]),
+                            _: 2
+                          }, 1024)) : z("", !0),
+                          A.file.description ? (c(), h(B, {
+                            key: 1,
+                            style: { "text-align": "justify" }
+                          }, {
+                            default: o(() => [
+                              _(x(A.file.description), 1)
+                            ]),
+                            _: 2
+                          }, 1024)) : z("", !0)
+                        ], 512), [
+                          [he, A.file.showDetailState]
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["shaped", "outlined", "raised", "tile"])
+              ]),
+              _: 2
+            }, 1032, ["md"]))), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), pe = /* @__PURE__ */ te({
+  __name: "InsertButton",
+  props: {
+    documentAttachment: {},
+    badgeCounter: { type: Boolean },
+    btnColor: {},
+    lang: {},
+    maxFileCount: {},
+    selectedLang: {}
+  },
+  emits: ["openInputDocumentModal"],
+  setup(a, { emit: n }) {
+    const e = n, t = a, p = () => {
+      e("openInputDocumentModal");
+    };
+    return (D, L) => {
+      const v = f("v-btn"), g = f("v-badge");
+      return c(), V("div", null, [
+        t.badgeCounter ? (c(), V(R, { key: 0 }, [
+          t.documentAttachment.length > 0 ? (c(), h(g, {
+            key: 0,
+            bordered: "",
+            color: t.documentAttachment.length === t.maxFileCount ? "error" : "success",
+            overlap: "",
+            content: D.documentAttachment.length
+          }, {
+            default: o(() => [
+              r(v, {
+                color: t.btnColor,
+                onClick: p,
+                class: "mb-4"
+              }, {
+                default: o(() => [
+                  _(x(t.selectedLang[D.lang].insertFile), 1)
+                ]),
+                _: 1
+              }, 8, ["color"])
+            ]),
+            _: 1
+          }, 8, ["color", "content"])) : (c(), h(v, {
+            key: 1,
+            color: t.btnColor,
+            onClick: p,
+            class: "mb-4"
+          }, {
+            default: o(() => [
+              _(x(t.selectedLang[D.lang].insertFile), 1)
+            ]),
+            _: 1
+          }, 8, ["color"]))
+        ], 64)) : z("", !0),
+        t.badgeCounter ? z("", !0) : (c(), h(v, {
+          key: 1,
+          color: D.btnColor,
+          onClick: p,
+          class: "mb-4"
+        }, {
+          default: o(() => [
+            _(x(t.selectedLang[D.lang].insertFile), 1)
+          ]),
+          _: 1
+        }, 8, ["color"]))
+      ]);
+    };
+  }
+}), qe = {
+  en: {
+    insertFile: "Insert File",
+    insertNewFile: "Insert New File",
+    add: "Add",
+    delete: "Delete",
+    edit: "Edit",
+    deleteDialog: {
+      message: "Are you sure you want to delete the file?",
+      cancel: "cancel"
+    },
+    table: {
+      thumb: "Thumb",
+      name: "Name",
+      size: "Size",
+      tags: "tags",
+      action: {
+        action: "Action",
+        deleteTooltip: "Delete"
+      }
+    },
+    size: {
+      kb: "KB",
+      mb: "MB"
+    },
+    maxFileSizeAlert: "Max file Size is",
+    maxFileCountAlert: "Max file Count is",
+    fileName: "File Name",
+    fileDescription: "File Description",
+    fileTags: "File Tags"
+  },
+  fa: {
+    insertFile: "افزودن فایل",
+    insertNewFile: "افزودن فایل جدید",
+    add: "افزودن",
+    delete: "حذف",
+    edit: "ویرایش",
+    deleteDialog: {
+      message: "آیا برای حذف فایل اطمینان دارید؟",
+      cancel: "لغو"
+    },
+    table: {
+      thumb: "پیش نمایش",
+      name: "نام",
+      size: "حجم",
+      action: {
+        action: "عملیات",
+        deleteTooltip: "حذف"
+      }
+    },
+    size: {
+      kb: "کیلو بایت",
+      mb: "مگابایت"
+    },
+    maxFileSizeAlert: "حداکثر حجم فایل انتحابی ",
+    maxFileCountAlert: "حداکثر تعداد فایل انتخابی",
+    fileName: "نام فایل",
+    fileDescription: "توضیحات فایل",
+    fileTags: "برچسب فایل"
+  },
+  fr: {
+    insertFile: "Insérer un fichier",
+    insertNewFile: "Insérer un nouveau fichier",
+    add: "Ajouter",
+    delete: "Supprimer",
+    edit: "Éditer",
+    deleteDialog: {
+      message: "Voulez-vous vraiment supprimer le fichier?",
+      cancel: "Annuler"
+    },
+    table: {
+      thumb: "la vignette",
+      name: "Nom",
+      size: "Taille",
+      action: {
+        action: "Action",
+        deleteTooltip: "Supprimer"
+      }
+    },
+    size: {
+      kb: "KB",
+      mb: "MB"
+    },
+    maxFileSizeAlert: "La taille maximale du fichier est",
+    maxFileCountAlert: "Le nombre maximal de fichiers est",
+    fileName: "Nom de fichier",
+    fileDescription: "description du fichier",
+    fileTags: "Balises de fichier"
+  },
+  ch: {
+    insertFile: "插入档案",
+    insertNewFile: "插入新文件",
+    add: "加",
+    delete: "删除",
+    edit: "编辑",
+    deleteDialog: {
+      message: "您确定要删除文件吗?",
+      cancel: "取消"
+    },
+    table: {
+      thumb: "缩图",
+      name: "名称",
+      size: "尺寸",
+      action: {
+        action: "行动",
+        deleteTooltip: "删除"
+      }
+    },
+    size: {
+      kb: "KB",
+      mb: "MB"
+    },
+    maxFileSizeAlert: "档案大小上限为",
+    maxFileCountAlert: "现“最大文件数”为",
+    fileName: "文档名称",
+    fileDescription: "文件描述",
+    fileTags: "文件标签"
+  },
+  ar: {
+    insertFile: "إدراج ملف",
+    insertNewFile: "إدراج ملف جديد",
+    add: "أضف",
+    delete: "حذف",
+    edit: "تعديل",
+    deleteDialog: {
+      message: "هل أنت متأكد أنك تريد حذف الملف؟",
+      cancel: "إلغاء"
+    },
+    table: {
+      thumb: "ظفري",
+      name: "اسم",
+      size: "بحجم",
+      action: {
+        action: "عمل",
+        deleteTooltip: "حذف"
+      }
+    },
+    size: {
+      kb: "کیلو بایت",
+      mb: "ميغا بايت"
+    },
+    maxFileSizeAlert: "الحجم الأقصى للملف هو",
+    maxFileCountAlert: "الحد الأقصى لعدد الملفات هو",
+    fileName: "اسم الملف",
+    fileDescription: "وصف الملف",
+    fileTags: "علامات الملف"
+  }
+};
+function rt(a, n = {}) {
+  const {
+    maxFileSize: e = 5 * 1024 * 1024,
+    // 5MB default
+    maxFileCount: t = 10,
+    imageCompressor: p = !1,
+    imageCompressLevel: D = 0.8,
+    fileAccept: L = "*"
+  } = n, v = ae(!1), g = ae({
+    show: !1,
+    text: "",
+    color: "success"
+  }), U = ie(() => a.value.length), y = ie(() => U.value < t), w = ie(
+    () => a.value.reduce((l, i) => l + i.file.size, 0)
+  );
+  function $(l, i = "success") {
+    g.value = { show: !0, text: l, color: i };
+  }
+  function T(l) {
+    var i;
+    if (!Ae(l.size, e))
+      return {
+        valid: !1,
+        error: `File size exceeds maximum allowed size of ${(e / 1048576).toFixed(1)}MB`
+      };
+    if (!Le(U.value, t))
+      return {
+        valid: !1,
+        error: `Maximum file count of ${t} reached`
+      };
+    if (L !== "*") {
+      const u = L.split(",").map((F) => F.trim()), m = `.${(i = l.name.split(".").pop()) == null ? void 0 : i.toLowerCase()}`, k = l.type;
+      if (!u.some((F) => F.startsWith(".") ? F === m : F.includes("/*") ? k.startsWith(F.replace("/*", "")) : F === k))
+        return {
+          valid: !1,
+          error: `File type not accepted. Allowed types: ${L}`
+        };
+    }
+    return { valid: !0 };
+  }
+  async function j(l) {
+    let i;
+    if (p && be(l.name, l.type))
+      try {
+        i = (await $e(l, D)).split(",")[1];
+      } catch (k) {
+        console.warn("Image compression failed, using original file:", k), i = await fe(l);
+      }
+    else
+      i = await fe(l);
+    const u = de(l.size), m = _e(l.name);
+    return {
+      base64: i,
+      size: u.text,
+      name: l.name,
+      tags: [],
+      description: "",
+      showDetailState: !1,
+      format: m
+    };
+  }
+  async function H(l) {
+    if (v.value) return !1;
+    v.value = !0;
+    const i = Array.from(l), u = [];
+    for (const m of i) {
+      const k = T(m);
+      k.valid ? u.push(m) : $(k.error, "error");
+    }
+    if (u.length === 0)
+      return v.value = !1, !1;
+    try {
+      const k = (await Promise.all(
+        u.map((F) => j(F))
+      )).map((F) => {
+        var B;
+        return {
+          file: {
+            name: F.name,
+            format: F.format,
+            base64: F.base64,
+            size: ((B = u.find((M) => M.name === F.name)) == null ? void 0 : B.size) || 0,
+            tags: F.tags,
+            description: F.description,
+            showDetailState: F.showDetailState
+          }
+        };
+      });
+      a.value.push(...k);
+      const S = u.length === 1 ? `File "${u[0].name}" uploaded successfully` : `${u.length} files uploaded successfully`;
+      return $(S, "success"), !0;
+    } catch (m) {
+      return console.error("File upload error:", m), $("Failed to upload files. Please try again.", "error"), !1;
+    } finally {
+      v.value = !1;
+    }
+  }
+  function O(l) {
+    if (l >= 0 && l < a.value.length) {
+      const i = a.value[l];
+      return a.value.splice(l, 1), $(`File "${i.file.name}" removed`, "warning"), !0;
+    }
+    return !1;
+  }
+  function d(l, i) {
+    if (l >= 0 && l < a.value.length) {
+      const u = a.value[l].file;
+      return Object.assign(u, i), $("File updated successfully", "success"), !0;
+    }
+    return !1;
+  }
+  function s() {
+    const l = a.value.length;
+    a.value.splice(0), $(`${l} files cleared`, "warning");
+  }
+  return {
+    // State
+    isUploading: v,
+    snackbar: g,
+    // Computed
+    fileCount: U,
+    canAddMoreFiles: y,
+    totalSize: w,
+    // Methods
+    uploadFiles: H,
+    removeFile: O,
+    updateFileMetadata: d,
+    clearAllFiles: s,
+    validateFile: T,
+    showSnackbar: $
+  };
+}
+function st(a = {}) {
+  const {
+    maxErrors: n = 10,
+    autoRemoveTimeout: e = 5e3,
+    logToConsole: t = !0
+  } = a, p = ae([]), D = ae(!1);
+  function L() {
+    return `error_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+  }
+  function v(i, u = "error", m, k) {
+    const S = {
+      id: L(),
+      message: i,
+      type: u,
+      timestamp: /* @__PURE__ */ new Date(),
+      context: m,
+      action: k
+    };
+    return t && (u === "error" ? console.error : u === "warning" ? console.warn : u === "info" ? console.info : console.log)(`[${u.toUpperCase()}] ${i}`, m || ""), p.value.unshift(S), p.value.length > n && (p.value = p.value.slice(0, n)), e > 0 && setTimeout(() => {
+      g(S.id);
+    }, e), S.id;
+  }
+  function g(i) {
+    const u = p.value.findIndex((m) => m.id === i);
+    return u !== -1 ? (p.value.splice(u, 1), !0) : !1;
+  }
+  function U() {
+    p.value = [];
+  }
+  function y(i) {
+    p.value = p.value.filter((u) => u.type !== i);
+  }
+  async function w(i, u, m) {
+    D.value = !0;
+    try {
+      return await i();
+    } catch (k) {
+      const S = u || (k instanceof Error ? k.message : "An unexpected error occurred");
+      return v(S, "error", {
+        ...m,
+        originalError: k instanceof Error ? k.message : String(k)
+      }), null;
+    } finally {
+      D.value = !1;
+    }
+  }
+  function $(i, u, m) {
+    return i || v(u, "error", m), i;
+  }
+  function T(i, u) {
+    return v(i, "success", u);
+  }
+  function j(i, u) {
+    return v(i, "warning", u);
+  }
+  function H(i, u) {
+    return v(i, "info", u);
+  }
+  function O(i) {
+    return p.value.filter((u) => u.type === i);
+  }
+  function d() {
+    return p.value[0] || null;
+  }
+  function s(i) {
+    return i ? p.value.some((u) => u.type === i) : p.value.length > 0;
+  }
+  const l = {
+    fileSizeExceeded: (i, u) => v(
+      `File "${i}" exceeds maximum size of ${(u / (1024 * 1024)).toFixed(1)}MB`,
+      "error",
+      { fileName: i, maxSize: u, category: "file-upload" }
+    ),
+    fileCountExceeded: (i) => v(
+      `Maximum file count of ${i} reached`,
+      "error",
+      { maxCount: i, category: "file-upload" }
+    ),
+    invalidFileType: (i, u) => v(
+      `File "${i}" type not allowed. Accepted types: ${u}`,
+      "error",
+      { fileName: i, allowedTypes: u, category: "file-upload" }
+    ),
+    uploadFailed: (i, u) => v(
+      `Failed to upload "${i}"${u ? `: ${u}` : ""}`,
+      "error",
+      { fileName: i, reason: u, category: "file-upload" }
+    ),
+    compressionFailed: (i) => v(
+      `Image compression failed for "${i}", using original file`,
+      "warning",
+      { fileName: i, category: "file-upload" }
+    )
+  };
+  return {
+    // State
+    errors: p,
+    isLoading: D,
+    // Methods
+    addError: v,
+    removeError: g,
+    clearErrors: U,
+    clearErrorsByType: y,
+    handleAsync: w,
+    validate: $,
+    showSuccess: T,
+    showWarning: j,
+    showInfo: H,
+    getErrorsByType: O,
+    getLatestError: d,
+    hasErrors: s,
+    // File upload specific
+    fileUploadErrors: l
+  };
+}
+function Ge(a) {
+  const n = ["simple", "thumbnail", "table"], e = { isValid: !0, errors: [], warnings: [] };
+  return typeof a != "string" ? (e.isValid = !1, e.errors.push("File uploader type must be a string")) : n.includes(a) || (e.isValid = !1, e.errors.push(`File uploader type must be one of: ${n.join(", ")}`)), e;
+}
+function Ye(a) {
+  const n = ["default", "outlined", "shaped", "raised", "tile"], e = { isValid: !0, errors: [], warnings: [] };
+  return a !== void 0 && typeof a != "string" ? (e.isValid = !1, e.errors.push("Card type must be a string")) : a && !n.includes(a) && (e.isValid = !1, e.errors.push(`Card type must be one of: ${n.join(", ")}`)), e;
+}
+function Xe(a) {
+  const n = ["en", "fa", "fr", "ch", "ar"], e = { isValid: !0, errors: [], warnings: [] };
+  return typeof a != "string" ? (e.isValid = !1, e.errors.push("Language code must be a string")) : n.includes(a) || (e.isValid = !1, e.errors.push(`Language code must be one of: ${n.join(", ")}`)), e;
+}
+function Ze(a) {
+  const n = { isValid: !0, errors: [], warnings: [] };
+  return typeof a != "number" ? (n.isValid = !1, n.errors.push("File size must be a number")) : a <= 0 ? (n.isValid = !1, n.errors.push("File size must be greater than 0")) : a > 100 * 1024 * 1024 && n.warnings.push("File size limit is very large (>100MB), consider reducing for better performance"), n;
+}
+function Je(a) {
+  const n = { isValid: !0, errors: [], warnings: [] };
+  return typeof a != "number" ? (n.isValid = !1, n.errors.push("File count must be a number")) : a < 0 ? (n.isValid = !1, n.errors.push("File count cannot be negative")) : a > 100 && n.warnings.push("File count limit is very high (>100), consider reducing for better performance"), n;
+}
+function Qe(a) {
+  const n = { isValid: !0, errors: [], warnings: [] };
+  return typeof a != "number" ? (n.isValid = !1, n.errors.push("Compression level must be a number")) : a < 0 || a > 1 ? (n.isValid = !1, n.errors.push("Compression level must be between 0 and 1")) : a < 0.1 ? n.warnings.push("Very low compression level may result in poor image quality") : a > 0.9 && n.warnings.push("Very high compression level may not reduce file size significantly"), n;
+}
+function et(a) {
+  const n = { isValid: !0, errors: [], warnings: [] };
+  return a !== void 0 && typeof a != "string" ? (n.isValid = !1, n.errors.push("File accept pattern must be a string")) : a && a.trim() === "" && n.warnings.push("Empty file accept pattern will accept all files"), n;
+}
+function tt(a) {
+  const n = { isValid: !0, errors: [], warnings: [] };
+  return typeof a != "number" ? (n.isValid = !1, n.errors.push("Columns count must be a number")) : (a < 1 || a > 12) && (n.isValid = !1, n.errors.push("Columns count must be between 1 and 12")), n;
+}
+function ot(a) {
+  const n = { isValid: !0, errors: [], warnings: [] };
+  return a !== void 0 && typeof a != "number" ? (n.isValid = !1, n.errors.push("Table height must be a number")) : a && a < 100 ? n.warnings.push("Table height is very small (<100px), content may not be visible") : a && a > 1e3 && n.warnings.push("Table height is very large (>1000px), consider reducing for better UX"), n;
+}
+function lt(a) {
+  const n = { isValid: !0, errors: [], warnings: [] };
+  return Array.isArray(a) ? (a.forEach((e, t) => {
+    if (!e || typeof e != "object") {
+      n.errors.push(`Attachment at index ${t} must be an object`);
+      return;
+    }
+    if (!e.file || typeof e.file != "object") {
+      n.errors.push(`Attachment at index ${t} must have a file property`);
+      return;
+    }
+    const p = e.file;
+    ["name", "format", "base64", "size"].forEach((L) => {
+      L in p || n.errors.push(`File at index ${t} is missing required field: ${L}`);
+    }), p.name && typeof p.name != "string" && n.errors.push(`File name at index ${t} must be a string`), p.format && typeof p.format != "string" && n.errors.push(`File format at index ${t} must be a string`), p.base64 && typeof p.base64 != "string" && n.errors.push(`File base64 at index ${t} must be a string`), p.size && typeof p.size != "number" && n.errors.push(`File size at index ${t} must be a number`), p.tags && !Array.isArray(p.tags) && n.errors.push(`File tags at index ${t} must be an array`);
+  }), n.errors.length > 0 && (n.isValid = !1), n) : (n.isValid = !1, n.errors.push("Document attachment must be an array"), n);
+}
+function it(a) {
+  const n = { isValid: !0, errors: [], warnings: [] };
+  return [
+    { key: "fileUploaderType", validator: Ge },
+    { key: "cardType", validator: Ye },
+    { key: "lang", validator: Xe },
+    { key: "maxFileSize", validator: Ze },
+    { key: "maxFileCount", validator: Je },
+    { key: "imageCompressLevel", validator: Qe },
+    { key: "fileAccept", validator: et },
+    { key: "cols", validator: tt },
+    { key: "tableHeight", validator: ot },
+    { key: "documentAttachment", validator: lt }
+  ].forEach(({ key: t, validator: p }) => {
+    if (t in a) {
+      const D = p(a[t]);
+      n.errors.push(...D.errors.map((L) => `${t}: ${L}`)), n.warnings.push(...D.warnings.map((L) => `${t}: ${L}`)), D.isValid || (n.isValid = !1);
+    }
+  }), n;
+}
+const ye = /* @__PURE__ */ te({
+  __name: "handyUploader",
+  props: {
+    documentAttachment: {},
+    lang: { default: "en" },
+    maxFileSize: { default: 5242880 },
+    fileUploaderType: { default: "thumbnail" },
+    maxFileCount: { default: 10 },
+    badgeCounter: { type: Boolean, default: !0 },
+    btnColor: { default: "info" },
+    imageCompressor: { type: Boolean },
+    imageCompressLevel: { default: 0.8 },
+    fileAccept: {},
+    thumb: { type: Boolean, default: !0 },
+    tableThumbColumn: { type: Boolean },
+    tableFixedHeader: { type: Boolean, default: !0 },
+    tableHeight: { default: 400 },
+    rtlSupport: { type: Boolean, default: !1 },
+    changeFileName: { type: Boolean, default: !1 },
+    addFileDescription: { type: Boolean, default: !1 },
+    addFileTag: { type: Boolean, default: !1 },
+    tags: {},
+    customLang: { default: null },
+    insertPermission: { type: Boolean, default: !0 },
+    cols: { default: 3 },
+    editPermission: { type: Boolean, default: !0 },
+    deletePermission: { type: Boolean, default: !0 },
+    cardType: { default: "default" },
+    outlined: { type: Boolean },
+    raised: { type: Boolean },
+    shaped: { type: Boolean },
+    tile: { type: Boolean }
+  },
+  emits: [
+    "updateCardType",
+    "updateBadgeCounter",
+    "updateMaxFileCount",
+    "updateMaxFileSize",
+    "updateImageCompressor",
+    "updateImageCompressLevel",
+    "updateFileAccept",
+    "updateThumb",
+    "updateChangeFileName",
+    "updateAddFileDescription",
+    "updateTableThumbColumn",
+    "updateTableFixedHeader",
+    "updateTableHeight",
+    "updateLang",
+    "updateDocumentAttachment"
+  ],
+  setup(a, { emit: n }) {
+    const e = a;
+    if (process.env.NODE_ENV === "development") {
+      const d = it(e);
+      d.isValid || console.error("HandyUploader prop validation failed:", d.errors), d.warnings.length > 0 && console.warn("HandyUploader prop validation warnings:", d.warnings);
+    }
+    const t = ge({
+      insertDocumentDialog: !1,
+      editDocumentDialog: !1,
+      deleteDocumentDialog: !1,
+      tempAttachment: [],
+      tempAttachmentChanged: [],
+      fileUploaderSnackBarAlert: !1,
+      fileUploaderSnackText: "",
+      fileUploaderSnackBarAlertColor: "green",
+      readerFile: null,
+      registryDocFile: [],
+      documentAttachmentAPI: [],
+      btnLoader: !1,
+      showDetail: !1,
+      showDetailState: [],
+      selectedIndex: 0,
+      selectedId: "",
+      returnedRecord: {},
+      outlined: !1,
+      raised: !1,
+      shaped: !1,
+      tile: !1,
+      selectedLang: {},
+      beforeInsertAttachments: {},
+      attachmentIndex: 0
+    }), p = n;
+    Ce(() => {
+      L(), t.registryDocFile = e.documentAttachment, e.rtlSupport && v(), g();
+    }), I(
+      () => t.tempAttachment,
+      (d) => {
+        d && d.length > 0 ? j(d) : t.tempAttachmentChanged = [];
+      }
+    ), I(() => e.cardType, (d) => {
+      p("updateCardType", d), g();
+    }), I(() => e.badgeCounter, (d) => {
+      p("updateBadgeCounter", d);
+    }), I(() => e.maxFileCount, (d) => {
+      p("updateMaxFileCount", d);
+    }), I(() => e.maxFileSize, (d) => {
+      p("updateMaxFileSize", d);
+    }), I(() => e.maxFileSize, (d) => {
+      p("updateMaxFileSize", d);
+    }), I(() => e.imageCompressor, (d) => {
+      p("updateImageCompressor", d);
+    }), I(() => e.imageCompressLevel, (d) => {
+      p("updateImageCompressLevel", d);
+    }), I(() => e.fileAccept, (d) => {
+      p("updateFileAccept", d);
+    }), I(() => e.thumb, (d) => {
+      p("updateThumb", d);
+    }), I(() => e.changeFileName, (d) => {
+      p("updateChangeFileName", d);
+    }), I(() => e.addFileDescription, (d) => {
+      p("updateAddFileDescription", d);
+    }), I(() => e.addFileTag, (d) => {
+      p("updateAddFileDescription", d);
+    }), I(() => e.tableThumbColumn, (d) => {
+      p("updateTableThumbColumn", d);
+    }), I(() => e.tableFixedHeader, (d) => {
+      p("updateTableFixedHeader", d);
+    }), I(() => e.tableHeight, (d) => {
+      p("updateTableHeight", d);
+    }), I(() => e.lang, (d) => {
+      p("updateLang", d);
+    }), ze(() => {
+      t.registryDocFile = [];
+    });
+    const D = () => {
+      t.btnLoader = !1, t.tempAttachment = [], t.insertDocumentDialog = !0;
+    }, L = () => {
+      e.customLang !== null ? t.selectedLang = e.customLang : t.selectedLang = qe;
+    }, v = () => {
+    }, g = () => {
+      const s = {
+        default: { outlined: !1, raised: !1, shaped: !1, tile: !1 },
+        outlined: { outlined: !0, raised: !1, shaped: !1, tile: !1 },
+        shaped: { outlined: !1, raised: !1, shaped: !0, tile: !1 },
+        raised: { outlined: !1, raised: !0, shaped: !1, tile: !1 },
+        tile: { outlined: !1, raised: !1, shaped: !1, tile: !0 }
+      }[e.cardType || "default"];
+      t.outlined = s.outlined, t.raised = s.raised, t.shaped = s.shaped, t.tile = s.tile;
+    }, U = (d) => {
+      let s = new FileReader();
+      return new Promise(function(l) {
+        s.onloadend = () => {
+          l(s.result);
+        }, s.readAsDataURL(d);
+      });
+    }, y = async () => {
+      t.btnLoader = !0;
+      const d = (s, l) => {
+        t.fileUploaderSnackText = s, t.fileUploaderSnackBarAlertColor = l, t.fileUploaderSnackBarAlert = !0;
+      };
+      for (const [s, l] of t.tempAttachmentChanged.entries()) {
+        if (e.documentAttachment.length >= e.maxFileCount) {
+          d(
+            `${t.selectedLang[e.lang].maxFileCountAlert} ${e.maxFileCount}`,
+            "red"
+          );
+          break;
+        }
+        if (l.file.size / 1e3 > e.maxFileSize) {
+          d(
+            `${t.selectedLang[e.lang].maxFileSizeAlert} ${Math.round(e.maxFileSize / 1024)} ${t.selectedLang[e.lang].size.mb}`,
+            "red"
+          );
+          continue;
+        }
+        let i = {}, u = {};
+        const m = l.file, k = m.format;
+        let S = !1, F = "", B = m.base64;
+        e.imageCompressor && ["image/png", "image/jpg", "image/jpeg", "image/webp"].includes(k) && (S = !0, F = await w(`data:${k};base64,${B}`), B = F.split(",")[1]);
+        try {
+          const M = B.replace(/\s/g, "");
+          i = {
+            base64: M,
+            size: S ? (atob(M).length / 1024).toFixed(1) : m.size.toString(),
+            name: `${m.name}.${m.format}`,
+            tags: m.tags || [],
+            description: m.description || "",
+            showDetailState: !1,
+            format: k
+          }, u.file = i, t.registryDocFile.push(u), p("updateDocumentAttachment", t.registryDocFile);
+        } catch (M) {
+          console.error("Error processing Base64 string:", M), d("File could not be processed due to an invalid format.", "red");
+          continue;
+        }
+      }
+      t.documentAttachmentAPI = [], t.tempAttachmentChanged = [], t.insertDocumentDialog = !1, t.btnLoader = !1;
+    }, w = (d) => {
+      const s = document.createElement("canvas"), l = document.createElement("img");
+      return new Promise((i, u) => {
+        let m = e.imageCompressLevel;
+        l.onload = function() {
+          let k = l.width, S = l.height;
+          s.width = k, s.height = S;
+          const F = s.getContext("2d");
+          F == null || F.drawImage(l, 0, 0, k, S), i(s.toDataURL("image/jpeg", m));
+        }, l.onerror = function(k) {
+          u(k);
+        }, l.src = d;
+      });
+    }, $ = (d, s) => {
+      t.btnLoader = !1, t.selectedIndex = d, t.selectedId = s, t.deleteDocumentDialog = !0;
+    }, T = () => {
+      t.registryDocFile.splice(t.selectedIndex, 1), p("updateDocumentAttachment", t.registryDocFile), t.deleteDocumentDialog = !1;
+    }, j = async (d) => {
+      for (let s of d) {
+        let l = "";
+        try {
+          l = await U(s);
+        } catch (m) {
+          console.log(m);
+          continue;
+        }
+        let u = { file: {
+          name: s.name.split(".")[0],
+          format: s.name.substr(s.name.lastIndexOf(".") + 1),
+          base64: l.split(",")[1],
+          // Remove data:mime;base64, prefix
+          size: s.size,
+          tags: [],
+          description: null,
+          showDetailState: !1
+        } };
+        t.tempAttachmentChanged.push(u);
+      }
+    }, H = (d, s) => {
+      t.btnLoader = !1, t.attachmentIndex = s, t.editDocumentDialog = !0, t.tempAttachmentChanged = [d];
+    }, O = () => {
+      const d = [...e.documentAttachment];
+      d.splice(
+        t.attachmentIndex,
+        1,
+        t.tempAttachmentChanged[0]
+      ), p("updateDocumentAttachment", d), t.editDocumentDialog = !1;
+    };
+    return (d, s) => {
+      const l = f("v-col"), i = f("v-row"), u = f("v-icon"), m = f("v-card-title"), k = f("v-file-input"), S = f("v-expansion-panel-title"), F = f("v-text-field"), B = f("v-textarea"), M = f("v-autocomplete"), G = f("v-img"), E = f("v-card"), K = f("v-expansion-panel-text"), A = f("v-expansion-panel"), Y = f("v-expansion-panels"), q = f("v-list-item-title"), J = f("v-list-item"), oe = f("v-card-text"), C = f("v-btn"), Q = f("v-card-actions"), W = f("v-dialog"), le = f("v-snackbar"), we = f("v-spacer"), ke = f("v-container");
+      return c(), h(ke, null, {
+        default: o(() => [
+          r(i, null, {
+            default: o(() => [
+              r(l, {
+                cols: "12",
+                md: "12",
+                xs: "12"
+              }, {
+                default: o(() => [
+                  r(pe, {
+                    documentAttachment: e.documentAttachment,
+                    selectedLang: t.selectedLang,
+                    lang: e.lang,
+                    badgeCounter: e.badgeCounter,
+                    btnColor: e.btnColor,
+                    maxFileCount: e.maxFileCount,
+                    onOpenInputDocumentModal: D
+                  }, null, 8, ["documentAttachment", "selectedLang", "lang", "badgeCounter", "btnColor", "maxFileCount"]),
+                  e.fileUploaderType === "simple" ? (c(), h(me, {
+                    key: 0,
+                    documentAttachment: e.documentAttachment,
+                    cols: e.cols,
+                    thumb: e.thumb,
+                    outlined: t.outlined,
+                    raised: t.raised,
+                    shaped: t.shaped,
+                    tile: t.tile,
+                    lang: e.lang,
+                    cardType: e.cardType,
+                    deletePermission: e.deletePermission,
+                    editPermission: e.editPermission,
+                    selectedLang: t.selectedLang,
+                    onSetCardTheme: g,
+                    onOpenDeleteDialog: $,
+                    onOpenEditDocumentDialog: H
+                  }, null, 8, ["documentAttachment", "cols", "thumb", "outlined", "raised", "shaped", "tile", "lang", "cardType", "deletePermission", "editPermission", "selectedLang"])) : z("", !0),
+                  e.fileUploaderType === "thumbnail" ? (c(), h(ue, {
+                    key: 1,
+                    documentAttachment: e.documentAttachment,
+                    cols: e.cols,
+                    thumb: e.thumb,
+                    outlined: t.outlined,
+                    raised: t.raised,
+                    shaped: t.shaped,
+                    tile: t.tile,
+                    lang: e.lang,
+                    cardType: e.cardType,
+                    deletePermission: e.deletePermission,
+                    editPermission: e.editPermission,
+                    selectedLang: t.selectedLang,
+                    onSetCardTheme: g,
+                    onOpenDeleteDialog: s[0] || (s[0] = (b, X) => $(b, X)),
+                    onOpenEditDocumentDialog: s[1] || (s[1] = (b, X) => H(b, X))
+                  }, null, 8, ["documentAttachment", "cols", "thumb", "outlined", "raised", "shaped", "tile", "lang", "cardType", "deletePermission", "editPermission", "selectedLang"])) : z("", !0),
+                  e.fileUploaderType === "table" ? (c(), h(ce, {
+                    key: 2,
+                    documentAttachment: e.documentAttachment,
+                    cols: e.cols,
+                    thumb: e.thumb,
+                    outlined: t.outlined,
+                    raised: t.raised,
+                    shaped: t.shaped,
+                    tile: t.tile,
+                    lang: e.lang,
+                    tableThumbColumn: e.tableThumbColumn,
+                    tableFixedHeader: e.tableFixedHeader,
+                    tableHeight: e.tableHeight,
+                    cardType: e.cardType,
+                    deletePermission: e.deletePermission,
+                    editPermission: e.editPermission,
+                    selectedLang: t.selectedLang,
+                    onSetCardTheme: g,
+                    onOpenDeleteDialog: $,
+                    onOpenEditDocumentDialog: H
+                  }, null, 8, ["documentAttachment", "cols", "thumb", "outlined", "raised", "shaped", "tile", "lang", "tableThumbColumn", "tableFixedHeader", "tableHeight", "cardType", "deletePermission", "editPermission", "selectedLang"])) : z("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          r(i, { justify: "center" }, {
+            default: o(() => [
+              r(W, {
+                modelValue: t.insertDocumentDialog,
+                "onUpdate:modelValue": s[5] || (s[5] = (b) => t.insertDocumentDialog = b),
+                scrollable: !1,
+                persistent: "",
+                width: "50%"
+              }, {
+                default: o(() => [
+                  r(E, null, {
+                    default: o(() => [
+                      r(m, null, {
+                        default: o(() => [
+                          r(u, {
+                            onClick: s[2] || (s[2] = (b) => t.insertDocumentDialog = !1)
+                          }, {
+                            default: o(() => s[12] || (s[12] = [
+                              _("mdi-close")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      r(oe, null, {
+                        default: o(() => [
+                          t.tempAttachment.length === 0 ? (c(), V(R, { key: 0 }, [
+                            e.fileAccept !== "" ? (c(), h(k, {
+                              key: 0,
+                              multiple: "",
+                              accept: e.fileAccept,
+                              chip: "",
+                              modelValue: t.tempAttachment,
+                              "onUpdate:modelValue": s[3] || (s[3] = (b) => t.tempAttachment = b),
+                              label: t.selectedLang[d.lang].insertNewFile
+                            }, null, 8, ["accept", "modelValue", "label"])) : (c(), h(k, {
+                              key: 1,
+                              multiple: "",
+                              modelValue: t.tempAttachment,
+                              "onUpdate:modelValue": s[4] || (s[4] = (b) => t.tempAttachment = b),
+                              label: t.selectedLang[d.lang].insertNewFile
+                            }, null, 8, ["modelValue", "label"]))
+                          ], 64)) : (c(), V(R, { key: 1 }, [
+                            e.addFileTag || e.addFileDescription || e.changeFileName ? (c(), h(Y, { key: 0 }, {
+                              default: o(() => [
+                                (c(!0), V(R, null, Z(t.tempAttachmentChanged, (b, X) => (c(), h(A, {
+                                  key: `attachment-${X}`
+                                }, {
+                                  default: o(() => [
+                                    r(S, null, {
+                                      default: o(() => [
+                                        _(x(b.file.name), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024),
+                                    r(K, null, {
+                                      default: o(() => [
+                                        r(i, {
+                                          align: "center",
+                                          justify: "center"
+                                        }, {
+                                          default: o(() => [
+                                            r(l, {
+                                              cols: "12",
+                                              lg: "9",
+                                              md: "9",
+                                              xs: "12"
+                                            }, {
+                                              default: o(() => [
+                                                e.changeFileName ? (c(), h(F, {
+                                                  key: 0,
+                                                  label: t.selectedLang[d.lang].fileName,
+                                                  modelValue: b.file.name,
+                                                  "onUpdate:modelValue": (N) => b.file.name = N
+                                                }, null, 8, ["label", "modelValue", "onUpdate:modelValue"])) : z("", !0),
+                                                e.addFileDescription ? (c(), h(B, {
+                                                  key: 1,
+                                                  label: t.selectedLang[d.lang].fileDescription,
+                                                  "auto-grow": "",
+                                                  "row-height": "1",
+                                                  modelValue: b.file.description,
+                                                  "onUpdate:modelValue": (N) => b.file.description = N
+                                                }, null, 8, ["label", "modelValue", "onUpdate:modelValue"])) : z("", !0),
+                                                e.addFileTag ? (c(), h(M, {
+                                                  key: 2,
+                                                  modelValue: b.file.tags,
+                                                  "onUpdate:modelValue": (N) => b.file.tags = N,
+                                                  items: e.tags,
+                                                  dense: "",
+                                                  chips: "",
+                                                  label: t.selectedLang[d.lang].fileTags,
+                                                  multiple: ""
+                                                }, null, 8, ["modelValue", "onUpdate:modelValue", "items", "label"])) : z("", !0)
+                                              ]),
+                                              _: 2
+                                            }, 1024),
+                                            r(l, {
+                                              align: "center",
+                                              cols: "12",
+                                              lg: "3",
+                                              md: "3",
+                                              xs: "12"
+                                            }, {
+                                              default: o(() => [
+                                                b.file.format === "jpg" || b.file.format === "jpeg" || b.file.format === "png" || b.file.format === "tif" || b.file.format === "bmp" ? (c(), h(E, { key: 0 }, {
+                                                  default: o(() => [
+                                                    r(G, {
+                                                      src: "data:" + b.file.format + ";base64," + b.file.base64
+                                                    }, null, 8, ["src"])
+                                                  ]),
+                                                  _: 2
+                                                }, 1024)) : (c(), h(ne, {
+                                                  key: 1,
+                                                  "file-format": b.file.format,
+                                                  size: 60
+                                                }, null, 8, ["file-format"]))
+                                              ]),
+                                              _: 2
+                                            }, 1024)
+                                          ]),
+                                          _: 2
+                                        }, 1024)
+                                      ]),
+                                      _: 2
+                                    }, 1024)
+                                  ]),
+                                  _: 2
+                                }, 1024))), 128))
+                              ]),
+                              _: 1
+                            })) : (c(), h(E, {
+                              key: 1,
+                              class: "mx-auto",
+                              tile: ""
+                            }, {
+                              default: o(() => [
+                                (c(!0), V(R, null, Z(t.tempAttachmentChanged, (b, X) => (c(), h(J, {
+                                  key: `attachment-${X}`,
+                                  style: { "border-bottom": "1px solid #E0E0E0" }
+                                }, {
+                                  default: o(() => [
+                                    r(q, null, {
+                                      default: o(() => [
+                                        r(ne, {
+                                          "file-format": b.file.format,
+                                          size: 24
+                                        }, null, 8, ["file-format"]),
+                                        _(" " + x(b.file.name) + "." + x(b.file.format), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024)
+                                  ]),
+                                  _: 2
+                                }, 1024))), 128))
+                              ]),
+                              _: 1
+                            }))
+                          ], 64))
+                        ]),
+                        _: 1
+                      }),
+                      r(Q, null, {
+                        default: o(() => [
+                          r(C, {
+                            disabled: t.tempAttachment == null || t.btnLoader,
+                            loading: t.btnLoader,
+                            color: e.btnColor,
+                            onClick: y
+                          }, {
+                            default: o(() => [
+                              _(x(t.selectedLang[d.lang].add), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["disabled", "loading", "color"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          r(i, { justify: "center" }, {
+            default: o(() => [
+              r(W, {
+                modelValue: t.editDocumentDialog,
+                "onUpdate:modelValue": s[7] || (s[7] = (b) => t.editDocumentDialog = b),
+                scrollable: !1,
+                persistent: "",
+                width: "50%"
+              }, {
+                default: o(() => [
+                  r(E, null, {
+                    default: o(() => [
+                      r(m, null, {
+                        default: o(() => [
+                          r(u, {
+                            onClick: s[6] || (s[6] = (b) => t.editDocumentDialog = !1)
+                          }, {
+                            default: o(() => s[13] || (s[13] = [
+                              _("mdi-close")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      (c(!0), V(R, null, Z(t.tempAttachmentChanged, (b, X) => (c(), h(oe, {
+                        key: `attachment-${X}`
+                      }, {
+                        default: o(() => [
+                          r(i, {
+                            align: "center",
+                            justify: "center"
+                          }, {
+                            default: o(() => [
+                              r(l, {
+                                cols: "12",
+                                lg: "9",
+                                md: "9",
+                                xs: "12"
+                              }, {
+                                default: o(() => [
+                                  e.changeFileName ? (c(), h(F, {
+                                    key: 0,
+                                    label: t.selectedLang[d.lang].fileName,
+                                    modelValue: b.file.name,
+                                    "onUpdate:modelValue": (N) => b.file.name = N
+                                  }, null, 8, ["label", "modelValue", "onUpdate:modelValue"])) : z("", !0),
+                                  e.addFileDescription ? (c(), h(B, {
+                                    key: 1,
+                                    label: t.selectedLang[d.lang].fileDescription,
+                                    "auto-grow": "",
+                                    "row-height": "1",
+                                    modelValue: b.file.description,
+                                    "onUpdate:modelValue": (N) => b.file.description = N
+                                  }, null, 8, ["label", "modelValue", "onUpdate:modelValue"])) : z("", !0),
+                                  e.addFileTag ? (c(), h(M, {
+                                    key: 2,
+                                    modelValue: b.file.tags,
+                                    "onUpdate:modelValue": (N) => b.file.tags = N,
+                                    items: e.tags,
+                                    dense: "",
+                                    chips: "",
+                                    label: t.selectedLang[d.lang].fileTags,
+                                    multiple: ""
+                                  }, null, 8, ["modelValue", "onUpdate:modelValue", "items", "label"])) : z("", !0)
+                                ]),
+                                _: 2
+                              }, 1024),
+                              r(l, {
+                                align: "center",
+                                cols: "12",
+                                lg: "3",
+                                md: "3",
+                                xs: "12"
+                              }, {
+                                default: o(() => {
+                                  var N;
+                                  return [
+                                    b.file.name && ["jpg", "jpeg", "png", "tif", "bmp"].includes(
+                                      ((N = b.file.name.split(".").pop()) == null ? void 0 : N.toLowerCase()) || ""
+                                    ) ? (c(), h(E, { key: 0 }, {
+                                      default: o(() => [
+                                        r(G, {
+                                          src: "data:" + b.file.format + ";base64," + b.file.base64
+                                        }, null, 8, ["src"])
+                                      ]),
+                                      _: 2
+                                    }, 1024)) : (c(), h(ne, {
+                                      key: 1,
+                                      "file-format": b.file.format,
+                                      size: 60
+                                    }, null, 8, ["file-format"]))
+                                  ];
+                                }),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024))), 128)),
+                      r(Q, null, {
+                        default: o(() => [
+                          r(C, {
+                            disabled: t.tempAttachment === null || t.btnLoader,
+                            loading: t.btnLoader,
+                            color: e.btnColor,
+                            onClick: O
+                          }, {
+                            default: o(() => [
+                              _(x(t.selectedLang[d.lang].edit), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["disabled", "loading", "color"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          r(le, {
+            modelValue: t.fileUploaderSnackBarAlert,
+            "onUpdate:modelValue": s[9] || (s[9] = (b) => t.fileUploaderSnackBarAlert = b),
+            right: "",
+            bottom: "",
+            color: t.fileUploaderSnackBarAlertColor,
+            timeout: 3e3
+          }, {
+            default: o(() => [
+              _(x(t.fileUploaderSnackText) + " ", 1),
+              r(C, {
+                color: "white",
+                text: "",
+                onClick: s[8] || (s[8] = (b) => t.fileUploaderSnackBarAlert = !1)
+              }, {
+                default: o(() => [
+                  r(u, null, {
+                    default: o(() => s[14] || (s[14] = [
+                      _("mdi-close")
+                    ])),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue", "color"]),
+          r(i, { justify: "center" }, {
+            default: o(() => [
+              r(W, {
+                modelValue: t.deleteDocumentDialog,
+                "onUpdate:modelValue": s[11] || (s[11] = (b) => t.deleteDocumentDialog = b),
+                persistent: "",
+                width: "30%"
+              }, {
+                default: o(() => [
+                  r(E, null, {
+                    default: o(() => [
+                      r(m, null, {
+                        default: o(() => [
+                          r(u, { color: "red" })
+                        ]),
+                        _: 1
+                      }),
+                      r(oe, null, {
+                        default: o(() => [
+                          _(x(t.selectedLang[d.lang].deleteDialog.message), 1)
+                        ]),
+                        _: 1
+                      }),
+                      r(Q, null, {
+                        default: o(() => [
+                          r(we),
+                          r(C, {
+                            color: "green darken-1",
+                            text: "",
+                            onClick: s[10] || (s[10] = (b) => t.deleteDocumentDialog = !1)
+                          }, {
+                            default: o(() => [
+                              _(x(t.selectedLang[d.lang].deleteDialog.cancel), 1)
+                            ]),
+                            _: 1
+                          }),
+                          r(C, {
+                            color: "primary",
+                            disabled: t.btnLoader,
+                            loading: t.btnLoader,
+                            onClick: T
+                          }, {
+                            default: o(() => [
+                              _(x(t.selectedLang[d.lang].delete), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["disabled", "loading"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), dt = {
+  ThumbnailUploader: ue,
+  TableUploader: ce,
+  SimpleUploader: me,
+  HandyUploader: ye,
+  InsertButton: pe,
+  SelectFileIconType: ne
+};
+function nt(a) {
+  a.component("ThumbnailUploader", ue), a.component("TableUploader", ce), a.component("SimpleUploader", me), a.component("HandyUploader", ye), a.component("InsertButton", pe), a.component("SelectFileIconType", ne);
+}
+typeof window < "u" && window.Vue && nt(window.Vue);
+export {
+  ye as HandyUploader,
+  pe as InsertButton,
+  ne as SelectFileIconType,
+  me as SimpleUploader,
+  ce as TableUploader,
+  ue as ThumbnailUploader,
+  $e as compressImage,
+  Ve as constructImageDataUrl,
+  dt as default,
+  fe as fileToBase64,
+  de as formatFileSize,
+  Te as getFileIcon,
+  re as getFileType,
+  _e as getMimeTypeFromExtension,
+  nt as install,
+  be as isImageFile,
+  qe as languageData,
+  st as useErrorHandler,
+  rt as useFileUpload,
+  Le as validateFileCount,
+  Ae as validateFileSize
+};