@inpageedit/core 0.14.5 → 0.16.0

package/dist/index-CAtPo7xJ.js

@@ -0,0 +1,793 @@
+import { j as t } from "./Promise.withResolvers-C4chhLB1.js";
+import { R as de, a as ce, S as z } from "./index-QnWieXQc.js";
+import { BasePlugin as pe } from "./core.js";
+import { C as ue } from "./CheckBox-Dx3r3LQz.js";
+import { I as M } from "./IconUpload-Bz4BW_nc.js";
+var fe = Object.create, q = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, L = (d, a) => (a = Symbol[d]) ? a : /* @__PURE__ */ Symbol.for("Symbol." + d), R = (d) => {
+  throw TypeError(d);
+}, he = (d, a, s) => a in d ? q(d, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[a] = s, me = (d, a) => q(d, "name", { value: a, configurable: !0 }), ve = (d) => [, , , fe(d?.[L("metadata")] ?? null)], ye = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], O = (d) => d !== void 0 && typeof d != "function" ? R("Function expected") : d, we = (d, a, s, u, c) => ({ kind: ye[d], name: a, metadata: u, addInitializer: (m) => s._ ? R("Already initialized") : c.push(O(m || null)) }), xe = (d, a) => he(a, L("metadata"), d[3]), be = (d, a, s, u) => {
+  for (var c = 0, m = d[a >> 1], g = m && m.length; c < g; c++) m[c].call(s);
+  return u;
+}, ke = (d, a, s, u, c, m) => {
+  var g, _, F, o = a & 7, w = !1, l = 0, x = d[l] || (d[l] = []), I = o && (c = c.prototype, o < 5 && (o > 3 || !w) && ge(c, s));
+  me(c, s);
+  for (var U = u.length - 1; U >= 0; U--)
+    F = we(o, s, _ = {}, d[3], x), g = (0, u[U])(c, F), _._ = 1, O(g) && (c = g);
+  return xe(d, c), I && q(c, s, I), w ? o ^ 4 ? m : I : c;
+}, Q, B, X;
+const _e = ({ $: d }) => /* @__PURE__ */ t("div", { className: "ipe-quickUpload__preview-placeholder is-na", children: /* @__PURE__ */ t("span", { children: [
+  /* @__PURE__ */ t(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      class: "icon icon-tabler icons-tabler-filled icon-tabler-file-unknown",
+      children: [
+        /* @__PURE__ */ t("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ t("path", { d: "M12 2l.117 .007a1 1 0 0 1 .876 .876l.007 .117v4l.005 .15a2 2 0 0 0 1.838 1.844l.157 .006h4l.117 .007a1 1 0 0 1 .876 .876l.007 .117v9a3 3 0 0 1 -2.824 2.995l-.176 .005h-10a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-14a3 3 0 0 1 2.824 -2.995l.176 -.005zm0 15a1 1 0 0 0 -.993 .883l-.007 .127a1 1 0 0 0 1.993 .117l.007 -.127a1 1 0 0 0 -1 -1m1.136 -5.727a2.5 2.5 0 0 0 -3.037 .604a1 1 0 0 0 1.434 1.389l.088 -.09a.5 .5 0 1 1 .379 .824a1 1 0 0 0 -.002 2a2.5 2.5 0 0 0 1.137 -4.727" }),
+        /* @__PURE__ */ t("path", { d: "M19 7h-4l-.001 -4.001z" })
+      ]
+    }
+  ),
+  /* @__PURE__ */ t("p", { children: d`No preview available` })
+] }) });
+Q = [de(
+  z.object({
+    "quickUpload.summary": z.string().description("Default summary of the quick upload").default("[IPE-NEXT] Quick upload")
+  })
+), ce(["modal", "$", "wikiTitle", "wikiFile", "quickPreview", "preferences"])];
+class W extends (X = pe) {
+  constructor(a) {
+    super(a, {}, "quick-upload"), this.ctx = a;
+  }
+  async start() {
+    this.injectToolbox(), this.ctx.set("quickUpload", this);
+  }
+  async stop() {
+  }
+  injectToolbox() {
+    const { $: a } = this.ctx;
+    this.ctx.inject(["toolbox"], (s) => {
+      s.toolbox.addButton({
+        id: "quick-upload",
+        group: "group2",
+        index: 2,
+        icon: /* @__PURE__ */ t(M, {}),
+        tooltip: () => a`Quick Upload`,
+        onClick: (u) => {
+          u.preventDefault(), this.showModal();
+        }
+      }), s.on("dispose", () => {
+        s.toolbox.removeButton("quick-upload");
+      });
+    });
+  }
+  formatFileSize(a = 0) {
+    if (a = Number(a), !Number.isFinite(a) || a < 0) return "0 B";
+    const s = ["B", "KB", "MB", "GB", "TB"];
+    let u = 0;
+    for (; a >= 1024 && u < s.length - 1; )
+      a /= 1024, u++;
+    return `${new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }).format(a)} ${s[u]}`;
+  }
+  isFileAccepted(a, s) {
+    if (!s) return !0;
+    const u = s.split(",").map((g) => g.trim()).filter(Boolean);
+    if (!u.length) return !0;
+    const c = a.type || "", m = a.name || "";
+    return u.some((g) => {
+      if (g.startsWith("."))
+        return m.toLowerCase().endsWith(g.toLowerCase());
+      if (g.endsWith("/*")) {
+        const _ = g.slice(0, -1);
+        return c.startsWith(_);
+      }
+      return c === g;
+    });
+  }
+  getDefaultPreviewPlaceholder() {
+    const { $: a } = this.ctx;
+    return /* @__PURE__ */ t("div", { className: "ipe-quickUpload__preview-placeholder", children: /* @__PURE__ */ t("span", { children: [
+      /* @__PURE__ */ t(M, {}),
+      /* @__PURE__ */ t("p", { children: a`You can drag & drop files to this modal` })
+    ] }) });
+  }
+  safeId() {
+    return `mu_${Date.now().toString(36)}_${Math.random().toString(36).slice(2)}`;
+  }
+  async showModal() {
+    const { $: a } = this.ctx;
+    let s = !1, u = !1;
+    const c = (e, r, i) => {
+      this.ctx.modal.notify(e, {
+        title: r,
+        content: i,
+        closeAfter: e === "success" ? 3e3 : 8e3
+      });
+    }, m = this.ctx.modal.show({
+      className: "ipe-quickUpload compact-buttons",
+      sizeClass: "mediumToLarge",
+      center: !1,
+      title: a`Quick Upload`,
+      content: a`Quick Upload`,
+      outSideClose: !1,
+      beforeClose: () => s ? (c("warning", a`Upload in progress`, a`Please pause or wait for it to finish.`), !1) : !0
+    }), g = await this.ctx.preferences.get("quickUpload.summary") || "", _ = "image/*,video/*,audio/*,application/pdf", F = 20;
+    let o = [], w = null;
+    const l = {
+      fileInput: null,
+      listEl: null,
+      previewWrapper: null,
+      progressEl: null,
+      progressTextEl: null,
+      summaryInput: null,
+      ignoreWarnings: null
+    }, x = (e, r) => {
+      o = o.map((i) => i.id === e ? { ...i, ...r } : i);
+    }, I = (e) => {
+      o = o.filter((r) => r.id !== e), w === e && (w = o[0]?.id ?? null);
+    }, U = (e, r) => {
+      o = o.map((i) => e.has(i.id) ? r(i) : i);
+    }, H = (e) => {
+      const r = [], i = (n) => n == null ? "" : String(n);
+      if (e instanceof Error) {
+        r.push(e.message);
+        let n = e;
+        for (; n?.cause && (n = n.cause, n instanceof Error); )
+          r.push(n.message);
+      } else e?.data?.error?.info ? r.push(i(e.data.error.info)) : e?.error?.info ? r.push(i(e.error.info)) : e?.message && r.push(i(e.message));
+      return r.filter(Boolean);
+    }, D = (e) => {
+      let r = H(e);
+      r.length === 0 && (r = ["Upload failed with unknown error."]);
+      const i = r.join(`
+`), n = i.toLowerCase();
+      return n.includes("file is larger") || n.includes("files larger than") || n.includes("maximum upload size") ? { message: `File too large
+${i}`, retryable: !1 } : n.includes("network") || n.includes("timeout") || n.includes("timed out") ? { message: `Network issue
+${i}`, retryable: !0 } : { message: i, retryable: !0 };
+    }, Y = (e) => e.status === "warning" ? !0 : e.status === "error" ? e.retryable !== !1 : !1, $ = (e, r) => e === "retry" ? r.filter((i) => Y(i)) : e === "resume" ? r.filter(
+      (i) => (i.status === "queued" || i.status === "paused") && i.retryable !== !1
+    ) : r.filter((i) => i.status === "queued" || i.status === "paused"), G = (e) => {
+      const r = new Set(e.map((i) => i.id));
+      U(
+        r,
+        (i) => i.retryable === !1 ? i : { ...i, status: "queued", message: void 0 }
+      );
+    }, K = () => o.find((e) => e.id === w) || null, J = (e) => {
+      w = e, h(), v();
+    }, A = () => {
+      const e = { ok: 0, warn: 0, err: 0, paused: 0 };
+      for (const r of o)
+        r.status === "success" ? e.ok++ : r.status === "warning" ? e.warn++ : r.status === "error" ? e.err++ : r.status === "paused" && e.paused++;
+      return e;
+    }, E = (e, r) => {
+      const i = r > 0 ? Math.floor(e / r * 100) : 0;
+      l.progressTextEl && (l.progressTextEl.textContent = `${e}/${r} (${i}%)`), l.progressEl && (l.progressEl.style.width = `${Math.max(0, Math.min(100, i))}%`);
+    }, V = (e) => (e || "").replace(/\s+/g, " ").trim(), Z = () => {
+      o = [], w = null, E(0, 0), l.summaryInput && (l.summaryInput.value = String(g || "")), l.ignoreWarnings && (l.ignoreWarnings.checked = !1), h(), v();
+    }, j = (e) => {
+      const r = e.filter((n) => this.isFileAccepted(n, String(_)));
+      if (!r.length) return;
+      const i = r.map((n) => ({
+        id: this.safeId(),
+        file: n,
+        filename: n.name,
+        text: "",
+        status: "queued",
+        retryable: !0
+      }));
+      o = [...o, ...i], !w && o.length && (w = o[0].id), h(), v();
+    }, ee = (e) => {
+      const r = {};
+      r.filename = V(e.filename || e.file.name), r.file = e.file;
+      const i = (l.summaryInput?.value || "").trim() || "";
+      return r.comment = i, r.text = e.text || "", l.ignoreWarnings?.checked && (r.ignorewarnings = "1"), r;
+    }, te = (e) => {
+      switch (e) {
+        case "queued":
+          return "Queued";
+        case "uploading":
+          return "Uploading";
+        case "success":
+          return "Uploaded";
+        case "warning":
+          return "Warning";
+        case "error":
+          return "Failed";
+        case "paused":
+          return "Paused";
+        default:
+          return e;
+      }
+    }, h = () => {
+      if (l.listEl) {
+        if (l.listEl.innerHTML = "", s || E(0, o.length), o.length) {
+          const e = /* @__PURE__ */ t(
+            "ul",
+            {
+              style: {
+                listStyle: "none",
+                padding: 0,
+                margin: 0,
+                display: "grid",
+                gap: "6px"
+              }
+            }
+          );
+          o.forEach((r) => {
+            const i = r.id === w, n = /* @__PURE__ */ t(
+              "li",
+              {
+                style: {
+                  border: "1px solid var(--ipe-border-color, rgba(0,0,0,.12))",
+                  borderRadius: "8px",
+                  padding: "8px",
+                  cursor: "pointer",
+                  background: i ? "rgba(59,130,246,.08)" : "transparent",
+                  minWidth: 0
+                },
+                onClick: () => J(r.id),
+                children: [
+                  /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                    /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0, overflow: "hidden" }, children: [
+                      /* @__PURE__ */ t(
+                        "div",
+                        {
+                          style: {
+                            textOverflow: "ellipsis",
+                            overflow: "hidden",
+                            whiteSpace: "nowrap",
+                            wordBreak: "break-word",
+                            fontSize: "13px"
+                          },
+                          children: /* @__PURE__ */ t("strong", { style: { fontWeight: 600 }, children: r.filename })
+                        }
+                      ),
+                      /* @__PURE__ */ t("div", { style: { fontSize: "12px", opacity: 0.75 }, children: te(r.status) })
+                    ] }),
+                    /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: "ipe-btn is-text",
+                        title: "Remove",
+                        onClick: (y) => {
+                          y.preventDefault(), y.stopPropagation(), I(r.id), h(), v();
+                        },
+                        children: "×"
+                      }
+                    ) })
+                  ] }),
+                  r.message ? /* @__PURE__ */ t(
+                    "div",
+                    {
+                      style: {
+                        fontSize: "12px",
+                        opacity: 0.8,
+                        marginTop: "4px",
+                        whiteSpace: "pre-wrap"
+                      },
+                      children: r.message
+                    }
+                  ) : null
+                ]
+              }
+            );
+            e.appendChild(n);
+          }), l.listEl.appendChild(e);
+        } else {
+          l.listEl.appendChild(
+            /* @__PURE__ */ t("div", { style: { opacity: 0.75, padding: "8px 0" }, children: /* @__PURE__ */ t("p", { children: "No files selected." }) })
+          ), C();
+          return;
+        }
+        C();
+      }
+    }, v = async () => {
+      if (!l.previewWrapper) return;
+      l.previewWrapper.innerHTML = "";
+      const e = K();
+      if (!e) {
+        l.previewWrapper.appendChild(this.getDefaultPreviewPlaceholder());
+        return;
+      }
+      const r = e.file, i = /* @__PURE__ */ t("section", { style: { display: "grid", gap: "6px" }, children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "baseline",
+              justifyContent: "space-between",
+              gap: "12px"
+            },
+            children: [
+              /* @__PURE__ */ t("strong", { style: { wordBreak: "break-word" }, children: r.name }),
+              /* @__PURE__ */ t("span", { style: { fontSize: "12px", opacity: 0.8 }, children: this.formatFileSize(r.size) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { style: { display: "flex", gap: "10px", alignItems: "center", flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ t("span", { style: { fontSize: "12px", opacity: 0.8 }, children: r.type || a`Unknown type` }),
+          e.fileUrl ? /* @__PURE__ */ t(
+            "a",
+            {
+              href: e.fileUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: { fontSize: "12px" },
+              children: a`Open file page`
+            }
+          ) : null
+        ] })
+      ] }), n = await this.ctx.quickPreview.getPreviewElement(r) || /* @__PURE__ */ t(_e, { $: a }), y = /* @__PURE__ */ t("div", { className: "ipe-quickUpload__preview-content", style: { marginTop: "10px" }, children: n }), f = e.status === "success", p = /* @__PURE__ */ t(
+        "div",
+        {
+          className: "ipe-input-box",
+          style: {
+            marginTop: "8px",
+            opacity: f ? 0.55 : 1,
+            filter: f ? "grayscale(1)" : void 0,
+            pointerEvents: f ? "none" : void 0
+          },
+          children: [
+            /* @__PURE__ */ t("label", { htmlFor: "mu_filename", children: a`Target filename` }),
+            /* @__PURE__ */ t(
+              "input",
+              {
+                id: "mu_filename",
+                name: "mu_filename",
+                type: "text",
+                value: e.filename,
+                disabled: s || f,
+                onInput: (S) => {
+                  const k = S.target.value;
+                  x(e.id, { filename: k }), h();
+                }
+              }
+            )
+          ]
+        }
+      ), b = /* @__PURE__ */ t(
+        "div",
+        {
+          className: "ipe-input-box",
+          style: {
+            marginTop: "8px",
+            opacity: f ? 0.55 : 1,
+            filter: f ? "grayscale(1)" : void 0,
+            pointerEvents: f ? "none" : void 0
+          },
+          children: [
+            /* @__PURE__ */ t("label", { htmlFor: "mu_text", children: "File description" }),
+            /* @__PURE__ */ t(
+              "textarea",
+              {
+                id: "mu_text",
+                placeholder: `This file is for...
+[[Category:XXX]]`,
+                disabled: s || f,
+                value: e.text || "",
+                onInput: (S) => {
+                  const k = S.target.value;
+                  x(e.id, { text: k }), h();
+                }
+              }
+            )
+          ]
+        }
+      );
+      l.previewWrapper.appendChild(i), l.previewWrapper.appendChild(y), l.previewWrapper.appendChild(p), l.previewWrapper.appendChild(b);
+    }, re = async (e) => {
+      x(e.id, { status: "uploading", message: void 0 }), h(), await v();
+      const r = ee(e);
+      this.ctx.emit("analytics/event", {
+        feature: "quick-upload",
+        page: r.filename?.toString() || void 0
+      });
+      try {
+        const i = await this.ctx.wikiFile.upload(r);
+        if (i.data?.upload?.result === "Success") {
+          const n = this.ctx.wikiFile.getFileUrl(`File:${i.data.upload.filename}`);
+          x(e.id, {
+            status: "success",
+            fileUrl: n,
+            result: i.data.upload,
+            retryable: !0
+          }), h(), await v();
+          return;
+        }
+        throw i;
+      } catch (i) {
+        let n = [];
+        if (i?.data?.upload) {
+          const p = i.data.upload;
+          if (p.result === "Success") {
+            const k = p.filename || r.filename, T = this.ctx.wikiFile.getFileUrl(`File:${k}`);
+            x(e.id, {
+              status: "success",
+              fileUrl: T,
+              result: p,
+              retryable: !0
+            }), h(), await v();
+            return;
+          }
+          if (Array.isArray(p.warnings?.duplicate) && p.warnings.duplicate.length > 0) {
+            n.push(`Duplicate of: ${p.warnings.duplicate.join(", ")}`), x(e.id, {
+              status: "warning",
+              message: n.join(`
+`),
+              result: p,
+              retryable: !0
+            }), h(), await v();
+            return;
+          }
+          if (p.warnings?.exists) {
+            n.push("A file with the same name already exists."), x(e.id, {
+              status: "warning",
+              message: n.join(`
+`),
+              result: p,
+              retryable: !0
+            }), h(), await v();
+            return;
+          }
+          const { message: b, retryable: S } = D(i);
+          x(e.id, { status: "error", message: b, retryable: S }), h(), await v();
+          return;
+        }
+        const { message: y, retryable: f } = D(i);
+        x(e.id, { status: "error", message: y, retryable: f }), h(), await v();
+      }
+    }, N = async (e = "all") => {
+      if (s) return;
+      let r = $(e, o);
+      if (e === "retry") {
+        if (r.length === 0) {
+          c(
+            "warning",
+            "Nothing to retry",
+            /* @__PURE__ */ t("div", { children: "There are no retryable failed/warning items." })
+          );
+          return;
+        }
+      } else if (e === "resume") {
+        if (r.length === 0) {
+          c(
+            "warning",
+            "Nothing to resume",
+            /* @__PURE__ */ t("div", { children: "There are no queued paused items to continue." })
+          );
+          return;
+        }
+      } else {
+        if (o.length === 0) {
+          c(
+            "warning",
+            a`No files selected`,
+            /* @__PURE__ */ t("div", { children: a`Please select one or more files.` })
+          );
+          return;
+        }
+        if (o.length > F) {
+          this.ctx.modal.confirm(
+            {
+              title: a`Confirm bulk upload`,
+              content: /* @__PURE__ */ t("div", { children: [
+                a`You are about to upload`,
+                " ",
+                /* @__PURE__ */ t("strong", { children: o.length }),
+                " ",
+                a`files at once. Are you sure?`
+              ] }),
+              center: !0,
+              okBtn: { label: a`Upload`, className: "is-primary is-ghost" },
+              cancelBtn: { label: a`Cancel`, className: "is-danger is-ghost" }
+            },
+            (i) => (i && N("all"), !0)
+          );
+          return;
+        }
+      }
+      e === "retry" && (G(r), h(), await v(), r = $("retry", o)), s = !0, u = !1, C();
+      try {
+        const i = r.length;
+        let n = 0;
+        E(0, i);
+        for (const S of r) {
+          if (u) {
+            const T = new Set(r.slice(n).map((P) => P.id));
+            U(
+              T,
+              (P) => P.status === "queued" || P.status === "uploading" ? { ...P, status: "paused", message: "Paused by user", retryable: !0 } : P
+            ), h(), await v();
+            break;
+          }
+          const k = o.find((T) => T.id === S.id);
+          if (!k) {
+            n++, E(n, i);
+            continue;
+          }
+          await re(k), n++, E(n, i);
+        }
+        const { ok: y, warn: f, err: p, paused: b } = A();
+        b > 0 ? c(
+          "warning",
+          "Upload paused",
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ t("div", { children: [
+              "Uploaded: ",
+              /* @__PURE__ */ t("strong", { children: y })
+            ] }),
+            /* @__PURE__ */ t("div", { children: [
+              "Warnings: ",
+              /* @__PURE__ */ t("strong", { children: f })
+            ] }),
+            /* @__PURE__ */ t("div", { children: [
+              "Errors: ",
+              /* @__PURE__ */ t("strong", { children: p })
+            ] }),
+            /* @__PURE__ */ t("div", { children: [
+              "Paused: ",
+              /* @__PURE__ */ t("strong", { children: b })
+            ] })
+          ] })
+        ) : p === 0 && f === 0 ? c(
+          "success",
+          "Upload completed",
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ t("strong", { children: "All files uploaded successfully." }),
+            /* @__PURE__ */ t("div", { children: [
+              "Uploaded: ",
+              /* @__PURE__ */ t("strong", { children: y })
+            ] })
+          ] })
+        ) : c(
+          "warning",
+          "Upload completed with issues",
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ t("div", { children: [
+              "Uploaded: ",
+              /* @__PURE__ */ t("strong", { children: y })
+            ] }),
+            f ? /* @__PURE__ */ t("div", { children: [
+              "Warnings: ",
+              /* @__PURE__ */ t("strong", { children: f })
+            ] }) : null,
+            p ? /* @__PURE__ */ t("div", { children: [
+              "Errors: ",
+              /* @__PURE__ */ t("strong", { children: p })
+            ] }) : null
+          ] })
+        );
+      } finally {
+        s = !1, C();
+      }
+    }, ie = (e) => {
+      e.preventDefault(), e.stopPropagation(), e.currentTarget?.classList.remove("is-dragover");
+      const i = Array.from(e.dataTransfer?.files || []);
+      i.length && j(i);
+    }, ae = (e) => {
+      e.preventDefault(), e.stopPropagation();
+      const r = e.currentTarget;
+      e.dataTransfer && (e.dataTransfer.dropEffect = "copy"), r?.classList.add("is-dragover");
+    }, ne = (e) => {
+      e.preventDefault(), e.stopPropagation(), e.currentTarget?.classList.remove("is-dragover");
+    }, se = /* @__PURE__ */ t("div", { style: { marginBottom: "10px" }, children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          style: {
+            height: "8px",
+            borderRadius: "999px",
+            background: "rgba(0,0,0,.08)",
+            overflow: "hidden"
+          },
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              ref: (e) => {
+                l.progressEl = e;
+              },
+              style: {
+                height: "100%",
+                width: "0%",
+                background: "var(--ipe-primary, #3b82f6)",
+                transition: "width .2s ease"
+              }
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          style: {
+            marginTop: "6px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: "10px"
+          },
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              ref: (e) => {
+                l.progressTextEl = e;
+              },
+              style: { fontSize: "12px", opacity: 0.8 },
+              children: "0/0 (0%)"
+            }
+          )
+        }
+      )
+    ] }), le = /* @__PURE__ */ t("section", { style: { display: "grid", gap: "10px", minWidth: 0 }, children: [
+      /* @__PURE__ */ t("div", { className: "ipe-input-box", children: [
+        /* @__PURE__ */ t("label", { htmlFor: "mu_files", children: [
+          "Files",
+          " ",
+          o.length > 0 ? /* @__PURE__ */ t("span", { style: { opacity: 0.85 }, children: [
+            "(",
+            o.length,
+            " selected)"
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            id: "mu_files",
+            type: "file",
+            multiple: !0,
+            accept: String(_),
+            disabled: s,
+            ref: (e) => {
+              l.fileInput = e;
+            },
+            onChange: (e) => {
+              const r = Array.from(e.target.files || []);
+              j(r), e.target.value = "";
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          ref: (e) => {
+            l.listEl = e;
+          }
+        }
+      )
+    ] }), oe = /* @__PURE__ */ t(
+      "section",
+      {
+        className: "ipe-quickUpload__container",
+        onDrop: ie,
+        onDragOver: ae,
+        onDragLeave: ne,
+        style: { display: "grid", gap: "12px" },
+        children: [
+          se,
+          /* @__PURE__ */ t(
+            "div",
+            {
+              style: {
+                display: "grid",
+                gridTemplateColumns: "minmax(0, 40%) minmax(0, 1fr)",
+                gap: "12px",
+                alignItems: "start",
+                minWidth: 0
+              },
+              children: [
+                le,
+                /* @__PURE__ */ t("section", { style: { display: "grid", gap: "10px" }, children: /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: "ipe-quickUpload__preview",
+                    ref: (e) => {
+                      l.previewWrapper = e;
+                    },
+                    onClick: (e) => {
+                      const r = e.target;
+                      r && r.closest("img, .ipe-quickUpload__preview-placeholder") && (e.preventDefault(), l.fileInput?.click());
+                    },
+                    style: {
+                      border: "1px solid var(--ipe-border-color, rgba(0,0,0,.12))",
+                      borderRadius: "8px",
+                      padding: "10px",
+                      minWidth: 0
+                    }
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              style: {
+                borderTop: "1px solid var(--ipe-border-color, rgba(0,0,0,.12))",
+                paddingTop: "10px",
+                display: "grid",
+                gap: "10px"
+              },
+              children: [
+                /* @__PURE__ */ t("div", { className: "ipe-input-box", children: [
+                  /* @__PURE__ */ t("label", { htmlFor: "mu_summary", children: "Summary (applies to all files)" }),
+                  /* @__PURE__ */ t(
+                    "textarea",
+                    {
+                      id: "mu_summary",
+                      disabled: s,
+                      ref: (e) => {
+                        l.summaryInput = e;
+                      },
+                      onInput: () => {
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ t(
+                  ue,
+                  {
+                    name: "ignorewarnings",
+                    label: a`Ignore warnings and upload anyway`,
+                    inputProps: {
+                      disabled: s,
+                      ref: (e) => {
+                        l.ignoreWarnings = e;
+                      }
+                    }
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+    m.setContent(oe), l.summaryInput && (l.summaryInput.value = String(g || ""));
+    const C = () => {
+      const { warn: e, err: r, paused: i } = A(), n = r > 0 || e > 0, y = i > 0;
+      let f = a`Upload`, p = () => {
+        N("all");
+      }, b = "is-primary is-text";
+      s ? (f = u ? "Pausing..." : "Pause after current", p = () => {
+        u = !0, C();
+      }) : y ? (f = "Resume", p = () => {
+        N("resume");
+      }) : n && (f = "Retry failed/warnings", p = () => {
+        N("retry");
+      }), m.setButtons([
+        {
+          label: a`Cancel`,
+          className: "is-danger is-text",
+          method: () => m.close()
+        },
+        {
+          label: "Reset",
+          className: "is-text",
+          method: () => {
+            s || Z();
+          }
+        },
+        {
+          label: f,
+          className: b,
+          method: p
+        }
+      ]);
+    };
+    return h(), await v(), m;
+  }
+}
+B = ve(X);
+W = ke(B, 0, "PluginQuickUpload", Q, W);
+be(B, 1, W);
+export {
+  W as PluginQuickUpload
+};
+//# sourceMappingURL=index-CAtPo7xJ.js.map