@beeintel/batch-image 0.0.0-stage → 1.0.0

package/dist/chunks/BrandMarkToolPanel-vKobk_R3.js

@@ -0,0 +1,1179 @@
+import { defineComponent as He, inject as ka, ref as j, onMounted as Ue, watch as J, onUnmounted as je, computed as D, openBlock as w, createElementBlock as L, withModifiers as Ge, unref as n, createElementVNode as P, Fragment as de, renderList as ve, toDisplayString as y, createBlock as he, createCommentVNode as z, createVNode as ce, createTextVNode as re, nextTick as xe, withCtx as Me } from "vue";
+import { a6 as ge, a7 as _e, a8 as ie, a9 as fa, F as Je, aa as ha, ab as ya, ac as We, ad as wa, ae as _a, af as Pa, ag as ke, ah as Ia, ai as Ea, a3 as $e, aj as La, P as xa, R as Ma, ak as Ve, al as $, am as Va, an as Fe, ao as Xe, ap as Aa, aq as Ba, ar as fe, _ as Ca, G as qa, as as Sa } from "./entry-CboOSe2r.js";
+import { L as Oa, n as Z, r as ue, a_ as ne, a1 as ye } from "./hosted-resources-COzZ7nZY.js";
+import { C as Ra } from "./ContentTrimControl-BKCJEst5.js";
+import { a as Ta } from "./static-logo-2F9ORZWc.js";
+import { u as Na, a as Da, _ as za, n as Ka } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-BGe419qz.js";
+const Ua = "" + new URL("../assets/logo-preparation.worker-D9oa7SME.js", import.meta.url).href;
+function Ye(i) {
+  const s = new OffscreenCanvas(i.width, i.height), a = s.getContext("2d");
+  if (!a) throw new Error("浏览器不支持本机 Logo 处理");
+  a.drawImage(i, 0, 0);
+  const c = a.getImageData(0, 0, i.width, i.height).data;
+  for (let t = 3; t < c.length; t += 4) if (c[t] > 0) return;
+  throw Object.assign(new Error("没有可安全区分的Logo前景，上传原版保留"), {
+    reason: "no_foreground"
+  });
+}
+const Ae = () => new DOMException("Logo 准备已取消", "AbortError");
+function ja(i) {
+  let s, a, c = !1, t = 0, g;
+  function u() {
+    s?.dispose(), s = void 0, a?.terminate(), a = void 0;
+  }
+  return {
+    dispose() {
+      if (c = !0, g) {
+        const l = g;
+        g = void 0, l.cleanup(), l.reject(Ae());
+      }
+      u();
+    },
+    run(l, p) {
+      const R = ["intelligent", "isnet_fp16", "birefnet_quality"].includes(
+        p.method
+      ), I = p.crop?.kind === "alpha", { signal: f, onProgress: E } = p;
+      return new Promise((k, M) => {
+        if (c || f?.aborted) {
+          M(Ae());
+          return;
+        }
+        if (g) {
+          M(new Error("Logo 正在准备，请稍后再试"));
+          return;
+        }
+        if (!l.size || l.size > ge || !["image/png", "image/jpeg", "image/webp"].includes(l.type)) {
+          M(new Error("Logo 需为5MiB以内的PNG、JPEG或WebP"));
+          return;
+        }
+        const x = ++t, b = (S) => {
+          g?.id === x && (g.cleanup(), g = void 0, u(), M(S));
+        }, h = () => b(Ae()), q = setTimeout(
+          () => b(
+            Object.assign(new Error("Logo 准备超时，请保留原图或更换素材"), {
+              reason: "local-transient"
+            })
+          ),
+          p.method === "birefnet_quality" ? 20 * 6e4 + 3e4 : R ? 21e4 : 3e4
+        );
+        g = { id: x, reject: M, resolve: k, cleanup: () => {
+          clearTimeout(q), f?.removeEventListener("abort", h);
+        } }, f?.addEventListener("abort", h, { once: !0 });
+        try {
+          a ??= Oa(Ua, {
+            type: "module"
+          }), a.onmessage = async (S) => {
+            if (g?.id !== S.data.id) return;
+            const _ = S.data;
+            if (_.error) {
+              b(Object.assign(new Error(_.error), { reason: _.reason }));
+              return;
+            }
+            if (!(_.blob instanceof Blob) || !_.blob.size || !R && _.blob.size > ge || typeof _.changed != "boolean" || !Number.isInteger(_.width) || !Number.isInteger(_.height) || _.width < 1 || _.height < 1 || _.width * _.height > _e || _.changed && _.blob.type !== "image/png") {
+              b(new Error("Logo 处理结果无效"));
+              return;
+            }
+            try {
+              let A = _;
+              if (R) {
+                const T = { execution: "browser", model: p.method === "birefnet_quality" ? p.method : "isnet_fp16", background: "transparent" };
+                if (!i || i.supports?.(T) === !1)
+                  throw new Error("Logo 本机抠图资源尚未配置");
+                const Y = await crypto.subtle.digest("SHA-256", await _.blob.arrayBuffer());
+                if (g?.id !== x || f?.aborted) return;
+                s = i.createExecutor();
+                const v = await s.run(
+                  {
+                    clientRequestId: Z("logo-local-request"),
+                    operationId: Z("logo-local-operation"),
+                    itemId: Z("logo-local-item"),
+                    inputVersionId: Z("logo-normalized"),
+                    inputSha256: Array.from(
+                      new Uint8Array(Y),
+                      (d) => d.toString(16).padStart(2, "0")
+                    ).join(""),
+                    toolId: "cutout",
+                    toolVersion: "1",
+                    params: T
+                  },
+                  _.blob,
+                  {
+                    signal: f ?? new AbortController().signal,
+                    readAsset: async () => {
+                      throw new Error("Logo cutout does not reference additional assets");
+                    },
+                    progress: (d) => {
+                      g?.id === x && !f?.aborted && E?.(d.total ? d.completed / d.total : void 0);
+                    }
+                  }
+                ).catch((d) => {
+                  throw Object.assign(d instanceof Error ? d : new Error(String(d)), {
+                    reason: "local-transient"
+                  });
+                });
+                if (v.kind !== "image") throw new Error("Logo 处理结果无效");
+                if (g?.id !== x || f?.aborted) return;
+                s.dispose(), s = void 0, A = {
+                  id: x,
+                  blob: v.blob,
+                  width: _.width,
+                  height: _.height,
+                  changed: !0
+                };
+              }
+              if (A.changed) {
+                if (A.blob.type !== "image/png" || !A.blob.size || A.blob.size > ge)
+                  throw new Error("Logo 处理结果无效");
+                const U = new Uint8Array(await A.blob.slice(0, 8).arrayBuffer());
+                if (![137, 80, 78, 71, 13, 10, 26, 10].every(
+                  (Y, v) => U[v] === Y
+                ))
+                  throw new Error("Logo PNG 无效");
+                const T = await createImageBitmap(A.blob);
+                try {
+                  if (Ye(T), !I && (T.width !== _.width || T.height !== _.height) || T.width !== A.width || T.height !== A.height || T.width * T.height > _e)
+                    throw new Error("Logo 处理结果尺寸无效");
+                } finally {
+                  T.close();
+                }
+              }
+              if (g?.id !== x || f?.aborted) return;
+              g.cleanup(), g = void 0, u(), k(A);
+            } catch (A) {
+              b(A);
+            }
+          }, a.onerror = () => b(new Error("Logo 准备失败，原图保留")), a.onmessageerror = () => b(new Error("无法读取 Logo 处理结果")), a.postMessage({
+            id: x,
+            blob: l,
+            normalizeOnly: R || p.method === "original",
+            crop: p.crop
+          });
+        } catch (S) {
+          b(S);
+        }
+      });
+    }
+  };
+}
+function we(i) {
+  const { clientRequestId: s, operationId: a, itemId: c, inputVersionId: t } = i;
+  return { clientRequestId: s, operationId: a, itemId: c, inputVersionId: t };
+}
+function Be(i) {
+  const s = ue(i), a = ie(s.source), c = fa(s.settings), t = ue(s.request), g = ue(t.source), u = ue(t.params), l = ue(s.outcome);
+  if (g.kind !== "asset" || g.assetId !== a.assetId || g.assetVersionId !== a.assetVersionId || t.toolId !== "cutout" || t.toolVersion !== "1" || u.model !== c.background || !["picwish", "ideogram"].includes(c.background))
+    throw new Error("Logo receipt identity invalid");
+  const p = {
+    clientRequestId: ne(t.clientRequestId),
+    operationId: ne(t.operationId),
+    itemId: ne(t.itemId),
+    inputVersionId: ne(t.inputVersionId),
+    source: { kind: "asset", assetId: a.assetId, assetVersionId: a.assetVersionId },
+    toolId: "cutout",
+    toolVersion: "1",
+    params: { execution: "python", model: c.background, background: "transparent" }
+  }, R = {
+    key: ne(s.key),
+    ownerBatchId: ne(s.ownerBatchId),
+    source: a,
+    settings: c,
+    request: p
+  };
+  if (l.kind === "reserved" || l.kind === "unknown")
+    return { ...R, outcome: { kind: l.kind } };
+  const I = ye(l.receipt, we(p));
+  if (l.kind === "receipt") return { ...R, outcome: { kind: "receipt", receipt: I } };
+  if (l.kind === "ready" && I.status === "succeeded")
+    return {
+      ...R,
+      outcome: { kind: "ready", receipt: I, master: ie(l.master) }
+    };
+  throw new Error("Logo receipt state invalid");
+}
+function Ce() {
+  return new Promise((i, s) => {
+    const a = indexedDB.open("batch-logo-attempts-v2", 1);
+    a.onupgradeneeded = () => a.result.createObjectStore("attempts", { keyPath: "key" }), a.onerror = () => s(a.error), a.onsuccess = () => i(a.result);
+  });
+}
+const Ga = {
+  async reserve(i) {
+    const s = await Ce();
+    return new Promise((a, c) => {
+      const t = s.transaction("attempts", "readwrite"), g = t.objectStore("attempts");
+      let u = { attempt: i, submit: !1 };
+      const l = g.get(i.key);
+      l.onsuccess = () => {
+        if (l.result)
+          try {
+            u = { attempt: Be(l.result), submit: !1 };
+          } catch {
+            t.abort();
+          }
+        else
+          g.add(i), u = { attempt: i, submit: !0 };
+      }, t.oncomplete = () => {
+        s.close(), a(u);
+      }, t.onabort = t.onerror = () => {
+        s.close(), c(t.error ?? new Error("Logo journal unavailable"));
+      };
+    });
+  },
+  async save(i) {
+    const s = await Ce();
+    return new Promise((a, c) => {
+      const t = s.transaction("attempts", "readwrite"), g = t.objectStore("attempts"), u = g.get(i.key);
+      u.onsuccess = () => {
+        let l;
+        try {
+          l = u.result ? Be(u.result) : void 0;
+        } catch {
+          t.abort();
+          return;
+        }
+        l?.outcome.kind !== "ready" && (l?.outcome.kind === "receipt" && i.outcome.kind === "receipt" && l.outcome.receipt.statusVersion > i.outcome.receipt.statusVersion || g.put(i));
+      }, t.oncomplete = () => {
+        s.close(), a();
+      }, t.onabort = t.onerror = () => {
+        s.close(), c(t.error ?? new Error("Logo journal unavailable"));
+      };
+    });
+  }
+};
+async function Wa(i) {
+  const s = await Ce();
+  return new Promise((a, c) => {
+    const t = s.transaction("attempts", "readonly"), g = t.objectStore("attempts").openCursor(), u = [];
+    g.onsuccess = () => {
+      const l = g.result;
+      if (l) {
+        try {
+          const p = Be(l.value);
+          p.ownerBatchId === i && u.push(p);
+        } catch {
+        }
+        l.continue();
+      }
+    }, t.oncomplete = () => {
+      s.close(), a(u);
+    }, t.onerror = () => {
+      s.close(), c(t.error);
+    };
+  });
+}
+const Qe = "logo-v2";
+function Ze(i, s, a) {
+  return JSON.stringify([
+    i,
+    s.assetId,
+    s.assetVersionId,
+    s.sha256,
+    a.background,
+    Qe
+  ]);
+}
+async function $a(i, s) {
+  const a = () => {
+    throw new Error("Logo cloud services not configured");
+  }, { document: c, signal: t, ownerBatchId: g } = i, u = c.desired, l = c.original;
+  if (!l) throw new Error("请重新上传原 Logo");
+  const p = () => {
+    if (t.aborted) throw new DOMException("Cancelled", "AbortError");
+  };
+  p();
+  const R = u.background === "original" ? void 0 : c.masters.find((k) => k.background === u.background);
+  let I = R?.asset;
+  if (!I && u.background === "original" && (I = l), !I && (u.background === "picwish" || u.background === "ideogram")) {
+    i.onStage?.("cloud");
+    const k = s.journal ?? Ga, M = {
+      key: Ze(g, l, u),
+      ownerBatchId: g,
+      source: l,
+      settings: u,
+      request: {
+        clientRequestId: Z("logo-request"),
+        operationId: Z("logo-operation"),
+        itemId: Z("logo-item"),
+        inputVersionId: l.assetVersionId,
+        source: { kind: "asset", assetId: l.assetId, assetVersionId: l.assetVersionId },
+        toolId: "cutout",
+        toolVersion: "1",
+        params: { execution: "python", model: u.background, background: "transparent" }
+      },
+      outcome: { kind: "reserved" }
+    }, x = await k.reserve(M);
+    let b = x.attempt;
+    if (b.outcome.kind === "ready") I = ie(b.outcome.master);
+    else
+      try {
+        p();
+        let h = x.submit ? await (s.submit ?? a)(b.request) : b.outcome.kind === "receipt" ? await (s.queryTask ?? a)(b.outcome.receipt.taskId, "python-ai") : await (s.queryRequest ?? a)(
+          b.request.clientRequestId,
+          "python-ai"
+        );
+        h = ye(h, we(b.request)), !x.submit && h.status === "failed" && [
+          "PROVIDER_PENDING",
+          "PROVIDER_ACCEPTANCE_UNKNOWN",
+          "GATEWAY_UNAVAILABLE",
+          "STORAGE_UNAVAILABLE"
+        ].includes(h.error?.code ?? "") && (h = ye(
+          await (s.queryOriginal ?? a)(h.taskId),
+          we(b.request)
+        )), b = { ...b, outcome: { kind: "receipt", receipt: h } }, await k.save(b);
+        const q = Date.now() + 3e4;
+        for (; ["accepted", "queued", "running"].includes(h.status) && Date.now() < q && !t.aborted && (await new Promise(
+          (G) => setTimeout(G, Math.min(h.pollAfterMs ?? 1500, 3e3))
+        ), !t.aborted); )
+          h = ye(
+            await (s.queryTask ?? a)(h.taskId, "python-ai"),
+            we(b.request)
+          ), b = { ...b, outcome: { kind: "receipt", receipt: h } }, await k.save(b);
+        if (h.status === "succeeded" && h.result?.kind === "image") {
+          I = ie(h.result.asset);
+          const G = l.orientation && l.orientation >= 5 ? [l.height, l.width] : [l.width, l.height];
+          if (I.width !== G[0] || I.height !== G[1] || I.mime !== "image/png")
+            throw new Error("Logo 处理结果尺寸无效");
+          const S = await s.read(I, AbortSignal.timeout(3e4)), _ = new Uint8Array(await S.slice(0, 8).arrayBuffer());
+          if (![137, 80, 78, 71, 13, 10, 26, 10].every((U, T) => _[T] === U))
+            throw new Error("Logo PNG 无效");
+          const A = await createImageBitmap(S);
+          try {
+            if (Ye(A), A.width !== I.width || A.height !== I.height)
+              throw new Error("Logo 处理结果尺寸无效");
+          } finally {
+            A.close();
+          }
+          await k.save({ ...b, outcome: { kind: "ready", receipt: h, master: I } });
+        } else
+          throw Object.assign(new Error("Logo 云端任务尚未完成，请查询原任务"), {
+            reason: "cloud-unknown"
+          });
+      } catch (h) {
+        throw b.outcome.kind === "reserved" && await k.save({ ...b, outcome: { kind: "unknown" } }), Object.assign(h instanceof Error ? h : new Error(String(h)), {
+          reason: "cloud-unknown"
+        });
+      }
+  }
+  if (!I) {
+    i.onStage?.("model");
+    const k = await s.read(l, t);
+    if (p(), u.background === "picwish" || u.background === "ideogram")
+      throw new Error("Logo cloud result missing");
+    const M = await s.preparer.run(k, {
+      method: u.background,
+      signal: t,
+      onProgress: i.onProgress
+    });
+    p(), i.onStage?.("save"), I = ie(await s.save(M.blob, "brand-logo-master.png")), p();
+  }
+  p();
+  const f = {
+    background: u.background,
+    processorVersion: R?.processorVersion ?? Qe,
+    asset: I
+  };
+  await i.onMaster?.(f), p();
+  let E = I;
+  if (u.crop.kind === "alpha") {
+    i.onStage?.("derive");
+    const k = await s.read(I, t);
+    p();
+    const M = await s.preparer.run(k, {
+      method: "original",
+      crop: u.crop,
+      signal: t
+    });
+    p(), i.onStage?.("save"), E = ie(await s.save(M.blob, "brand-logo.png")), p();
+  }
+  return p(), {
+    ...c,
+    applied: { settings: u, asset: E },
+    masters: [...c.masters.filter((k) => k.background !== u.background), f],
+    state: { kind: "idle" }
+  };
+}
+const Fa = ["disabled", "aria-label"], Ha = ["aria-label"], Ja = ["aria-label", "aria-checked", "tabindex", "onClick", "onKeydown"], Xa = ["aria-label"], Ya = ["aria-label", "disabled"], Qa = ["src", "alt"], Za = { key: 2 }, eo = ["aria-label"], ao = { class: "logo-background-select" }, oo = ["value", "disabled"], to = { value: "original" }, ro = { value: "solid" }, no = ["value", "disabled"], io = {
+  key: 1,
+  class: "hint"
+}, so = {
+  key: 2,
+  class: "hint",
+  role: "status"
+}, lo = {
+  key: 3,
+  class: "hint"
+}, uo = {
+  key: 4,
+  class: "hint logo-progress",
+  role: "status",
+  "aria-live": "polite"
+}, co = { class: "logo-progress-label" }, go = ["value"], mo = ["aria-label", "title"], bo = {
+  key: 5,
+  class: "logo-actions"
+}, po = ["disabled"], vo = {
+  key: 6,
+  class: "logo-actions"
+}, ko = ["disabled"], fo = {
+  key: 7,
+  class: "logo-error",
+  role: "alert"
+}, ho = { class: "brand-field-label" }, yo = ["aria-label"], wo = ["aria-label", "aria-pressed", "onClick"], _o = ["aria-label", "min", "max", "value", "onInput"], Po = ["aria-label", "title", "aria-valuetext", "min", "max", "value", "onInput"], Io = {
+  key: 0,
+  class: "brand-density-ticks",
+  "aria-hidden": "true"
+}, Eo = {
+  key: 9,
+  class: "logo-error",
+  role: "alert"
+}, Lo = ["aria-label"], xo = /* @__PURE__ */ He({
+  __name: "BrandMarkPanel",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    hideReset: { type: Boolean, default: !1 },
+    scopeKey: {},
+    resetEpoch: { default: 0 },
+    availableCutoutModes: {},
+    allowedModes: {},
+    uploadReference: {}
+  },
+  emits: ["update:modelValue", "validity"],
+  setup(i, { emit: s }) {
+    const { ui: a, uiText: c } = Je(), t = i, g = s, u = ha(), l = ka(ya, void 0), p = We(() => t.modelValue.logo ?? t.modelValue.originalLogo);
+    function R(e) {
+      if (!t.uploadReference) throw Error("参考素材注册能力尚未配置");
+      return t.uploadReference(e);
+    }
+    const I = j(), f = j(!1), E = j(""), k = j(""), M = j({});
+    let x = 0, b, h, q, G, S;
+    const _ = j([]);
+    async function A() {
+      const e = t.scopeKey ?? "";
+      try {
+        const r = await Wa(e);
+        U && (t.scopeKey ?? "") === e && (_.value = r);
+      } catch {
+        U && (t.scopeKey ?? "") === e && (_.value = []);
+      }
+    }
+    Ue(A), J(() => t.scopeKey, A);
+    let U = !0;
+    je(() => {
+      U = !1;
+    });
+    const T = [
+      ["top-left", "左上", "↖"],
+      ["top", "顶部", "↑"],
+      ["top-right", "右上", "↗"],
+      ["left", "左侧", "←"],
+      ["center", "居中", "·"],
+      ["right", "右侧", "→"],
+      ["bottom-left", "左下", "↙"],
+      ["bottom", "底部", "↓"],
+      ["bottom-right", "右下", "↘"]
+    ], Y = j(), v = D(() => wa(t.modelValue)), d = D(() => _a(v.value)), B = D(() => d.value.desired), ea = D(() => ["picwish", "ideogram"].includes(B.value.background)), W = j("");
+    function qe(e) {
+      const r = d.value;
+      if (r.kind !== "loaded") return !1;
+      if (r.masters.some((m) => m.background === e)) return !0;
+      const o = r.original;
+      return !!o && _.value.some(
+        (m) => m.key === Ze(t.scopeKey ?? "", o, { ...r.desired, background: e })
+      );
+    }
+    function ee(e) {
+      if (e === "original" || e === "solid" || d.value.kind === "loaded" && d.value.masters.some((o) => o.background === e))
+        return !0;
+      if (!qe(e) && !(t.availableCutoutModes ?? []).includes(e))
+        return !1;
+      if (e === "picwish" || e === "ideogram") {
+        const o = l?.services;
+        return !!(o?.submitTask && o.getTask && o.getTaskByRequest && o.queryOriginalTask);
+      }
+      const r = l?.execution?.local?.cutout;
+      return !!r && r.supports?.({
+        execution: "browser",
+        model: e,
+        background: "transparent"
+      }) !== !1;
+    }
+    const Se = D(() => {
+      const e = B.value.background;
+      return qe(e) || e === "original" || e === "solid" ? 0 : Pa(e, 1);
+    }), ae = j(!0), me = j(0), X = D(() => B.value.crop.kind !== "alpha" || ae.value), Oe = D(() => {
+      const e = d.value;
+      if (e.kind !== "loaded") return;
+      const r = e.masters.find((o) => o.background === e.desired.background);
+      return e.desired.background === "original" ? e.original : r?.asset ?? e.original;
+    }), Re = We(() => Oe.value), Pe = D(() => {
+      const e = d.value, r = Oe.value;
+      if (!(e.kind !== "loaded" || !r))
+        return {
+          source: Re.value ? {
+            url: Re.value,
+            versionId: JSON.stringify([r.assetId, r.assetVersionId, r.sha256])
+          } : void 0,
+          approximate: e.desired.background !== "original" && !e.masters.some((o) => o.background === e.desired.background)
+        };
+    });
+    function aa(e) {
+      be({
+        ...B.value,
+        crop: e ? { kind: "alpha", padding: 0 } : { kind: "none" }
+      });
+    }
+    function oa(e) {
+      be({ ...B.value, crop: { kind: "alpha", padding: e } });
+    }
+    function be(e) {
+      if (t.disabled || f.value && (B.value.background !== "original" || q !== void 0) || e.crop.kind === "alpha" && (!Number.isInteger(e.crop.padding) || e.crop.padding < 0 || e.crop.padding > 1024) || ae.value && Ve(e, B.value)) return;
+      E.value = "", W.value = "";
+      const r = d.value;
+      K(
+        $(
+          v.value,
+          r.kind === "loaded" ? { ...r, desired: e, state: { kind: "idle" } } : { ...r, desired: e }
+        )
+      );
+    }
+    function ta() {
+      me.value++, ae.value = !0, F(), E.value = "", W.value = "";
+      const e = d.value;
+      e.kind === "loaded" && K(
+        $(v.value, {
+          ...e,
+          desired: e.applied.settings,
+          state: { kind: "idle" }
+        })
+      );
+    }
+    function ra(e) {
+      const r = e.target.value, o = ["original", "solid", ...$e.map((m) => m.model)].find(
+        (m) => m === r
+      );
+      o && ee(o) && be({ ...B.value, background: o });
+    }
+    const se = D(() => t.modelValue.mode ?? "single");
+    J(
+      [
+        () => t.resetEpoch,
+        () => t.scopeKey,
+        () => v.value.originalLogo?.assetId,
+        () => v.value.originalLogo?.assetVersionId,
+        () => v.value.originalLogo?.sha256
+      ],
+      () => {
+        me.value++, ae.value = !0;
+      }
+    );
+    const na = [
+      { key: "sizePercent", label: "Logo 大小", min: 1, max: 50, unit: "%" },
+      { key: "marginPercent", label: "边距", min: 0, max: 20, unit: "%" },
+      { key: "density", label: "疏密", min: 0, max: 100, unit: "" },
+      { key: "angle", label: "角度", min: -90, max: 90, unit: "°" },
+      { key: "opacity", label: "不透明度", min: 0, max: 100, unit: "%" }
+    ], Ie = D(
+      () => na.filter(
+        (e) => se.value === "tile" ? e.key !== "marginPercent" : e.key !== "density" && e.key !== "angle"
+      )
+    );
+    function Ee(e) {
+      return e === "opacity" ? Math.round(v.value.opacity * 100) : v.value[e] ?? (e === "density" ? 50 : -30);
+    }
+    const Te = D(
+      () => Ie.value.every((e) => {
+        const r = M.value[e.key];
+        if (r === void 0) return !0;
+        const o = Number(r);
+        return r.trim() !== "" && Number.isInteger(o) && o >= e.min && o <= e.max;
+      })
+    ), ia = D(
+      () => ke(v.value).kind === "ready" && !f.value && !E.value && Te.value && X.value
+    );
+    J(
+      () => [
+        v.value.sizePercent,
+        v.value.marginPercent,
+        v.value.opacity,
+        v.value.density,
+        v.value.angle
+      ],
+      (e, r) => {
+        const o = ["sizePercent", "marginPercent", "opacity", "density", "angle"], m = { ...M.value };
+        o.forEach((V, C) => {
+          e[C] !== r[C] && delete m[V];
+        }), M.value = m;
+      }
+    ), J(
+      () => t.resetEpoch,
+      () => {
+        M.value = {};
+      }
+    ), J(se, () => {
+      M.value = {};
+    }), J(ia, (e) => g("validity", e), { immediate: !0 });
+    function K(e) {
+      t.disabled || g("update:modelValue", { ...v.value, ...e });
+    }
+    function Ne(e) {
+      t.disabled || (M.value = {}, g("update:modelValue", Va(t.modelValue, e)));
+    }
+    function sa(e, r, o, m) {
+      if (t.disabled || e.defaultPrevented) return;
+      let V;
+      if (e.key === "ArrowRight" || e.key === "ArrowDown") V = (r + 1) % o.length;
+      else if (e.key === "ArrowLeft" || e.key === "ArrowUp")
+        V = (r + o.length - 1) % o.length;
+      else if (e.key === "Home") V = 0;
+      else if (e.key === "End") V = o.length - 1;
+      else return;
+      e.preventDefault(), e.stopPropagation();
+      const C = e.currentTarget.parentElement;
+      m(o[V]), xe(() => C?.querySelectorAll("[role=radio]")[V]?.focus());
+    }
+    function F() {
+      clearTimeout(G), G = void 0, q = void 0, x++, b?.abort(), b = void 0, h?.dispose(), h = void 0, f.value = !1, k.value = "", Y.value = void 0;
+    }
+    J(
+      () => [t.disabled, t.scopeKey, t.resetEpoch],
+      () => {
+        F(), E.value = "", M.value = {};
+      },
+      { flush: "sync" }
+    ), je(F);
+    function De(e) {
+      if (!e.width || !e.height || e.width * e.height > _e || e.bytes > ge || !["image/png", "image/jpeg", "image/webp"].includes(e.mime))
+        throw new Error("Logo 需为5MiB、400万像素以内的静态图片");
+    }
+    async function la(e, r) {
+      if (!l) throw Error("参考素材读取能力尚未配置");
+      return De(e), Aa(l, e, r);
+    }
+    const Q = D(() => {
+      const e = d.value, r = e.kind === "loaded" ? e.original : void 0;
+      return JSON.stringify([
+        t.scopeKey,
+        t.resetEpoch,
+        t.disabled,
+        e.kind,
+        r?.assetId,
+        r?.assetVersionId,
+        r?.sha256,
+        e.desired.background,
+        e.desired.crop.kind,
+        e.desired.crop.kind === "alpha" ? e.desired.crop.padding : void 0,
+        X.value
+      ]);
+    });
+    function pe() {
+      const e = d.value;
+      if (!U || t.disabled || f.value || !X.value || e.kind !== "loaded" || !e.original || e.desired.background !== "original")
+        return;
+      const r = Q.value;
+      if (ke(v.value).kind === "ready" || S === r) return;
+      if (e.state.kind === "failed") {
+        S = r;
+        return;
+      }
+      if (S = r, E.value = "", W.value = "", e.desired.crop.kind === "none") {
+        K(
+          $(v.value, {
+            ...e,
+            applied: { settings: fe(), asset: e.original },
+            state: { kind: "idle" }
+          })
+        );
+        return;
+      }
+      const o = {
+        ...e,
+        desired: { background: "original", crop: { ...e.desired.crop } }
+      };
+      G = setTimeout(() => {
+        G = void 0, U && !t.disabled && X.value && Q.value === r && Le(o);
+      }, 225);
+    }
+    J(
+      Q,
+      () => {
+        const e = d.value;
+        q?.generation === x && Ve(e.desired, q.expected.desired) && (e.kind === "empty" && q.expected.kind === "empty" || e.kind === "loaded" && q.expected.kind === "loaded" && e.original && q.expected.original && Fe(e.original, q.expected.original)) || (F(), S = void 0, E.value = "", W.value = "", pe());
+      },
+      { flush: "sync" }
+    ), J(
+      () => [
+        Q.value,
+        d.value.kind === "loaded" && d.value.state.kind
+      ],
+      ([e, r], [o, m]) => {
+        e !== o || m !== "failed" || r !== "idle" || B.value.background !== "original" || (S = void 0, pe());
+      },
+      { flush: "post" }
+    ), Ue(pe);
+    function da() {
+      const e = d.value;
+      e.kind !== "loaded" || e.desired.background !== "original" || (S = Q.value, Le({ ...e, desired: { background: "original", crop: { ...e.desired.crop } } }));
+    }
+    async function Le(e) {
+      const r = e ?? d.value;
+      if (!U || t.disabled || f.value || !X.value || r.kind !== "loaded" || !ee(r.desired.background)) return;
+      F();
+      const o = x, m = t.scopeKey, V = Q.value;
+      b = new AbortController();
+      const C = b.signal, H = () => {
+        const O = d.value;
+        return U && o === x && !t.disabled && !C.aborted && t.scopeKey === m && Q.value === V && X.value && O.kind === "loaded" && !!O.original && !!r.original && Fe(O.original, r.original) && Ve(O.desired, r.desired);
+      }, oe = d.value;
+      if (!(!H() || oe.kind !== "loaded")) {
+        E.value = "", W.value = "", f.value = !0, k.value = r.desired.background === "original" ? a("tools.brand_mark.trimLogo") : ea.value ? "logo-cloud-progress" : "logo-local-progress", K($(v.value, { ...oe, state: { kind: "running" } })), h ??= ja(l?.execution?.local?.cutout);
+        try {
+          const O = await $a(
+            {
+              document: r,
+              ownerBatchId: m ?? "",
+              signal: C,
+              onMaster: async (N) => {
+                const le = d.value;
+                !H() || le.kind !== "loaded" || (K(
+                  $(v.value, {
+                    ...le,
+                    masters: [
+                      ...le.masters.filter((va) => va.background !== N.background),
+                      N
+                    ]
+                  })
+                ), await xe());
+              },
+              onStage: (N) => {
+                H() && (k.value = N === "cloud" ? "logo-cloud-progress" : N === "model" ? "logo-local-progress" : N === "derive" ? a("tools.brand_mark.trimLogo") : "正在保存去底 Logo…");
+              },
+              onProgress: (N) => {
+                H() && (Y.value = N);
+              }
+            },
+            {
+              read: la,
+              save: (N, le) => R(new File([N], le, { type: N.type })),
+              preparer: h,
+              submit: u.submitTask,
+              queryTask: u.getTask,
+              queryRequest: u.getTaskByRequest,
+              queryOriginal: u.queryOriginalTask
+            }
+          ), te = d.value;
+          if (!H() || te.kind !== "loaded") return;
+          K(
+            $(v.value, {
+              ...te,
+              applied: O.applied,
+              state: { kind: "idle" },
+              masters: [
+                ...te.masters.filter((N) => N.background !== r.desired.background),
+                ...O.masters.filter((N) => N.background === r.desired.background)
+              ]
+            })
+          );
+        } catch (O) {
+          const te = d.value;
+          H() && te.kind === "loaded" && (E.value = O instanceof Error ? O.message : "Logo 准备失败", W.value = O instanceof Error && "reason" in O && typeof O.reason == "string" ? O.reason : "", K($(v.value, { ...te, state: { kind: "failed" } })));
+        } finally {
+          o === x && (f.value = !1, k.value = "", h?.dispose(), h = void 0), A();
+        }
+      }
+    }
+    async function ze(e) {
+      if (t.disabled || !e) return;
+      F();
+      const r = x;
+      S = void 0, E.value = "", f.value = !0, k.value = "正在准备 Logo…", b = new AbortController();
+      const o = b.signal, m = d.value.desired, V = t.scopeKey;
+      q = { generation: r, expected: { version: 2, kind: "empty", desired: m } }, K({
+        logo: void 0,
+        originalLogo: void 0,
+        logoPreparation: { version: 2, kind: "empty", desired: m },
+        preparedLogoVariants: void 0,
+        logoName: e.name,
+        ownerBatchId: V
+      });
+      try {
+        if (!["image/png", "image/jpeg", "image/webp"].includes(e.type) || !e.size || e.size > ge)
+          throw new Error("请选择5MiB以内的PNG、JPEG或WebP Logo");
+        const C = new Uint8Array(await e.arrayBuffer());
+        Ta(C);
+        const H = Ba(C);
+        if (H.width * H.height > _e) throw Error("Logo 超过400万像素");
+        if (r !== x || t.disabled) return;
+        const oe = await R(e);
+        if (r !== x || t.disabled || (De(oe), t.scopeKey !== V)) return;
+        const O = {
+          version: 2,
+          kind: "loaded",
+          original: oe,
+          desired: m,
+          applied: { settings: fe(), asset: oe },
+          masters: [],
+          state: { kind: "idle" }
+        };
+        q = { generation: r, expected: O }, K({
+          ...$(v.value, O),
+          logoName: e.name,
+          ownerBatchId: V
+        });
+      } catch (C) {
+        r === x && !o.aborted && (E.value = C instanceof Error ? C.message : "Logo 准备失败", K({ logo: void 0 }));
+      } finally {
+        r === x && (f.value = !1, k.value = "", await xe(), r === x && (q = void 0, pe()));
+      }
+    }
+    function ua(e) {
+      const r = e.target;
+      ze(r.files?.[0]), r.value = "";
+    }
+    function ca(e) {
+      t.disabled || ze(e.dataTransfer?.files[0]);
+    }
+    function ga() {
+      if (t.disabled) return;
+      F(), E.value = "", W.value = "";
+      const e = d.value;
+      e.kind === "loaded" && e.original && K(
+        $(v.value, {
+          ...e,
+          desired: fe(),
+          applied: { settings: fe(), asset: e.original },
+          state: { kind: "idle" }
+        })
+      );
+    }
+    function ma() {
+      t.disabled || (F(), E.value = "", K({
+        logo: void 0,
+        originalLogo: void 0,
+        preparedLogoVariants: void 0,
+        logoName: "",
+        logoPreparation: { version: 2, kind: "empty", desired: d.value.desired },
+        removeBackground: !1
+      }));
+    }
+    function Ke(e, r) {
+      if (t.disabled) return;
+      const o = r.target.value, m = Number(o), V = Ie.value.find((C) => C.key === e);
+      V && (M.value = { ...M.value, [e]: o }, o.trim() !== "" && Number.isInteger(m) && m >= V.min && m <= V.max && K({ [e]: e === "opacity" ? m / 100 : m }));
+    }
+    function ba(e) {
+      [
+        "ArrowLeft",
+        "ArrowRight",
+        "ArrowUp",
+        "ArrowDown",
+        "Home",
+        "End",
+        "PageUp",
+        "PageDown"
+      ].includes(e.key) && e.stopPropagation();
+    }
+    function pa() {
+      if (t.disabled) return;
+      const e = f.value || G !== void 0;
+      F(), me.value++, ae.value = !0, M.value = {};
+      const r = d.value, o = e && r.kind === "loaded" ? $(v.value, {
+        ...r,
+        desired: r.applied.settings,
+        state: { kind: "idle" }
+      }) : v.value;
+      E.value = "", W.value = "", g("update:modelValue", Xe(o));
+    }
+    return (e, r) => (w(), L("fieldset", {
+      class: "brand-mark-panel",
+      disabled: i.disabled,
+      "aria-label": n(a)("tools.brand_mark.brandMarkPanel_bfd3cc8f"),
+      onDragover: r[4] || (r[4] = Ge(() => {
+      }, ["stop", "prevent"])),
+      onDrop: Ge(ca, ["stop", "prevent"])
+    }, [
+      P("div", {
+        class: "brand-mode",
+        role: "radiogroup",
+        "aria-label": n(a)("tools.brand_mark.brandMarkPanel_b2722cb0")
+      }, [
+        (w(!0), L(de, null, ve([
+          ["single", n(a)("tools.brand_mark.singleMark")],
+          ["tile", n(a)("common.toolPanel_e415d1fe")]
+        ].filter((o) => !i.allowedModes || i.allowedModes.includes(o[0])), (o, m) => (w(), L("button", {
+          key: o[0],
+          type: "button",
+          role: "radio",
+          "aria-label": o[1],
+          "aria-checked": se.value === o[0],
+          tabindex: se.value === o[0] ? 0 : -1,
+          onClick: (V) => Ne(o[0]),
+          onKeydown: (V) => sa(
+            V,
+            m,
+            ["single", "tile"].filter((C) => !i.allowedModes || i.allowedModes.includes(C)),
+            (C) => Ne(C)
+          )
+        }, y(o[1]), 41, Ja))), 128))
+      ], 8, Ha),
+      P("input", {
+        ref_key: "picker",
+        ref: I,
+        class: "logo-file-input",
+        hidden: "",
+        type: "file",
+        accept: "image/png,image/jpeg,image/webp",
+        "aria-label": n(a)("tools.brand_mark.brandMarkPanel_78f4cf57"),
+        onChange: ua
+      }, null, 40, Xa),
+      P("button", {
+        class: "logo-upload",
+        type: "button",
+        "aria-label": n(a)("tools.brand_mark.brandMarkPanel_b7603312"),
+        disabled: i.disabled,
+        onClick: r[0] || (r[0] = (o) => I.value?.click())
+      }, [
+        n(p) ? (w(), L("img", {
+          key: 0,
+          src: n(p),
+          alt: n(a)("tools.brand_mark.brandMarkPanel_baacf60a"),
+          decoding: "async"
+        }, null, 8, Qa)) : (w(), he(n(Ia), {
+          key: 1,
+          size: 24
+        })),
+        n(p) ? z("", !0) : (w(), L("strong", Za, y(i.modelValue.logoName || n(a)("tools.brand_mark.brandMarkPanel_7dcf64ca")), 1)),
+        P("small", null, y(f.value ? k.value === "logo-cloud-progress" ? n(a)("tools.brand_mark.cloudWaiting") : k.value === "logo-local-progress" ? n(a)("tools.brand_mark.localProgress") : n(c)(k.value) : n(a)("tools.brand_mark.brandMarkPanel_204bfba6")), 1)
+      ], 8, Ya),
+      i.modelValue.originalLogo || f.value ? (w(), L("button", {
+        key: 0,
+        class: "logo-remove",
+        type: "button",
+        "aria-label": n(a)("tools.brand_mark.brandMarkPanel_731cdce5"),
+        onClick: ma
+      }, [
+        ce(n(Ea), { size: 14 }),
+        re(y(n(a)("tools.brand_mark.brandMarkPanel_731cdce5")), 1)
+      ], 8, eo)) : z("", !0),
+      P("label", ao, [
+        re(y(n(a)("tools.brand_mark.backgroundMode")) + " ", 1),
+        P("select", {
+          value: B.value.background,
+          disabled: f.value && (B.value.background !== "original" || n(q) !== void 0),
+          onChange: ra
+        }, [
+          P("option", to, y(n(a)("tools.brand_mark.originalMode")), 1),
+          P("option", ro, y(n(a)("tools.brand_mark.solidRemoval")), 1),
+          (w(!0), L(de, null, ve(n($e), (o) => (w(), L("option", {
+            key: o.model,
+            value: o.model,
+            disabled: !ee(o.model)
+          }, y(n(c)(o.label)) + y(ee(o.model) ? "" : n(a)("common.toolPanel_14a718cd")), 9, no))), 128))
+        ], 40, oo)
+      ]),
+      (w(), he(Ra, {
+        key: me.value,
+        enabled: B.value.crop.kind === "alpha",
+        padding: B.value.crop.kind === "alpha" ? B.value.crop.padding : 0,
+        "max-padding": 1024,
+        hint: n(a)("tools.brand_mark.trimHint"),
+        source: Pe.value?.source,
+        "estimate-applied": Pe.value?.approximate,
+        disabled: i.disabled || f.value && (B.value.background !== "original" || n(q) !== void 0),
+        onEnabled: aa,
+        onPadding: oa,
+        onValidity: r[1] || (r[1] = (o) => ae.value = o)
+      }, null, 8, ["enabled", "padding", "hint", "source", "estimate-applied", "disabled"])),
+      B.value.crop.kind === "alpha" && Pe.value?.approximate ? (w(), L("p", io, y(n(a)("tools.brand_mark.approximateTrim")), 1)) : z("", !0),
+      n(ke)(v.value).kind === "pending" ? (w(), L("p", so, y(B.value.background !== "original" ? n(a)("tools.brand_mark.settingsPending") : d.value.kind === "loaded" && !d.value.original ? n(a)("tools.brand_mark.uploadOriginal") : d.value.kind === "loaded" && d.value.state.kind === "failed" ? n(a)("tools.brand_mark.preparationFailed") : n(a)("tools.brand_mark.previewPending")), 1)) : z("", !0),
+      Se.value > 0 ? (w(), L("p", lo, y(n(a)("tools.brand_mark.logoEstimate", { p0: Se.value })), 1)) : z("", !0),
+      f.value ? (w(), L("div", uo, [
+        P("span", co, [
+          r[5] || (r[5] = P("span", {
+            class: "logo-activity",
+            "aria-hidden": "true"
+          }, null, -1)),
+          re(" " + y(k.value === "logo-cloud-progress" ? n(a)("tools.brand_mark.cloudWaiting") : k.value === "logo-local-progress" ? n(a)("tools.brand_mark.localProgress") : n(c)(k.value)), 1)
+        ]),
+        P("progress", {
+          value: Y.value,
+          max: "1"
+        }, null, 8, go),
+        P("button", {
+          type: "button",
+          class: "logo-cancel",
+          "aria-label": k.value === "logo-cloud-progress" ? n(a)("tools.brand_mark.stopWaiting") : n(a)("tools.brand_mark.cancelPreparation"),
+          title: k.value === "logo-cloud-progress" ? n(a)("tools.brand_mark.stopWaiting") : n(a)("tools.brand_mark.cancelPreparation"),
+          onClick: ta
+        }, [
+          ce(n(La), {
+            size: 16,
+            "aria-hidden": "true"
+          })
+        ], 8, mo)
+      ])) : B.value.background === "original" && d.value.kind === "loaded" && d.value.state.kind === "failed" && d.value.original ? (w(), L("div", bo, [
+        P("button", {
+          type: "button",
+          disabled: !X.value,
+          onClick: da
+        }, y(n(a)("tools.brand_mark.retryPreview")), 9, po)
+      ])) : B.value.background !== "original" && n(ke)(v.value).kind !== "ready" ? (w(), L("div", vo, [
+        P("button", {
+          type: "button",
+          disabled: !X.value || !ee(B.value.background) || d.value.kind !== "loaded" || !d.value.original || !!E.value && !["local-transient", "cloud-unknown"].includes(W.value),
+          onClick: r[2] || (r[2] = (o) => Le())
+        }, y(W.value === "local-transient" ? n(a)("tools.brand_mark.retryPreparation") : n(a)("tools.brand_mark.processLogo")), 9, ko)
+      ])) : z("", !0),
+      E.value ? (w(), L("div", fo, [
+        P("p", null, y(n(c)(E.value)), 1),
+        P("button", {
+          type: "button",
+          onClick: ga
+        }, y(n(a)("tools.brand_mark.brandMarkPanel_a3728699")), 1),
+        ee("isnet_fp16") && ["inconsistent_corners", "noisy_background", "no_foreground"].includes(W.value) ? (w(), L("button", {
+          key: 0,
+          type: "button",
+          onClick: r[3] || (r[3] = (o) => be({ ...B.value, background: "isnet_fp16" }))
+        }, y(n(a)("tools.brand_mark.switchFast")), 1)) : z("", !0)
+      ])) : z("", !0),
+      se.value === "single" ? (w(), L(de, { key: 8 }, [
+        P("span", ho, y(n(a)("tools.brand_mark.brandMarkPanel_1fb4d574")), 1),
+        P("div", {
+          class: "brand-anchors",
+          role: "group",
+          "aria-label": n(a)("tools.brand_mark.brandMarkPanel_1c3852e5")
+        }, [
+          (w(), L(de, null, ve(T, ([o, m, V]) => P("button", {
+            key: o,
+            type: "button",
+            "aria-label": n(a)("tools.brand_mark.brandMarkPanel_9c441f43", { p0: n(c)(m) }),
+            "aria-pressed": i.modelValue.anchor === o,
+            onClick: (C) => K({ anchor: o })
+          }, y(V), 9, wo)), 64))
+        ], 8, yo)
+      ], 64)) : z("", !0),
+      (w(!0), L(de, null, ve(Ie.value, (o) => (w(), L("div", {
+        key: o.key,
+        class: "brand-field"
+      }, [
+        P("label", null, [
+          P("span", null, [
+            re(y(n(c)(o.label)), 1),
+            ["sizePercent", "marginPercent", "angle"].includes(o.key) ? (w(), he(xa, {
+              key: 0,
+              text: o.key === "angle" ? n(a)("tools.brand_mark.brandMarkPanel_0d6bb2f4") : n(a)(
+                o.key === "marginPercent" ? "common.audit.marginHelp" : "common.audit.logoSizeHelp"
+              )
+            }, null, 8, ["text"])) : z("", !0)
+          ]),
+          P("span", null, [
+            P("input", {
+              type: "number",
+              "aria-label": n(a)("tools.brand_mark.brandMarkPanel_1e5e0e2d", {
+                p0: n(c)(o.label),
+                p1: o.unit ? " / " + o.unit : ""
+              }),
+              min: o.min,
+              max: o.max,
+              step: "1",
+              value: M.value[o.key] ?? Ee(o.key),
+              onInput: (m) => Ke(o.key, m)
+            }, null, 40, _o),
+            re(y(o.unit), 1)
+          ])
+        ]),
+        P("input", {
+          type: "range",
+          "aria-label": n(c)(o.label),
+          title: o.key === "angle" ? n(a)("tools.brand_mark.brandMarkPanel_85cb55a6") : o.key === "density" ? n(a)("tools.brand_mark.brandMarkPanel_2f2abb95") : void 0,
+          "aria-valuetext": `${Ee(o.key)}${o.unit}`,
+          min: o.min,
+          max: o.max,
+          step: "1",
+          value: Ee(o.key),
+          onInput: (m) => Ke(o.key, m),
+          onKeydown: ba
+        }, null, 40, Po),
+        o.key === "density" ? (w(), L("div", Io, [
+          P("span", null, y(n(a)("tools.brand_mark.brandMarkPanel_7812011c")), 1),
+          P("span", null, y(n(a)("tools.brand_mark.brandMarkPanel_6bea77ac")), 1),
+          P("span", null, y(n(a)("tools.brand_mark.brandMarkPanel_0e3d8855")), 1)
+        ])) : z("", !0)
+      ]))), 128)),
+      Te.value ? z("", !0) : (w(), L("p", Eo, y(n(a)("tools.brand_mark.brandMarkPanel_b7a07d1e")), 1)),
+      i.hideReset ? z("", !0) : (w(), L("button", {
+        key: 10,
+        type: "button",
+        class: "brand-reset",
+        "aria-label": n(a)("tools.brand_mark.brandMarkPanel_3086a0b9"),
+        onClick: pa
+      }, [
+        ce(n(Ma), { size: 14 }),
+        re(y(n(a)("tools.brand_mark.brandMarkPanel_7fe8ee7c")), 1)
+      ], 8, Lo))
+    ], 40, Fa));
+  }
+}), Mo = /* @__PURE__ */ Ca(xo, [["__scopeId", "data-v-92b829b5"]]), Vo = { class: "hint" }, Ao = {
+  key: 0,
+  class: "hint"
+}, Bo = {
+  key: 1,
+  class: "hint"
+}, No = /* @__PURE__ */ He({
+  __name: "BrandMarkToolPanel",
+  props: {
+    context: {}
+  },
+  setup(i) {
+    const { ui: s } = Je(), a = i, c = Na(() => a.context), t = j(!1), g = j(0), u = D(() => c.value.brandMark.opacity === 0), l = D(
+      () => a.context.view.waitingCount ? void 0 : s("common.toolPanel_3e0a0715", {
+        p0: a.context.view.appliedCount ? s("common.toolPanel_9f8d35b3") : s("common.toolPanel_7a8a11ea"),
+        p1: c.value.brandMark.mode === "tile" ? s("common.toolPanel_e415d1fe") : s("common.toolPanel_aa9f217c"),
+        p2: a.context.view.count
+      })
+    );
+    function p() {
+      g.value++, a.context.resetDraft({ brandMark: Xe(c.value.brandMark) });
+    }
+    const R = Da(() => a.context, "brandMark");
+    return (I, f) => (w(), he(qa, {
+      context: i.context,
+      layout: "contained",
+      changed: n(Sa)(n(c).brandMark),
+      onReset: p
+    }, {
+      actions: Me(() => [
+        ce(za, {
+          context: i.context,
+          available: n(Ka)(i.context),
+          ready: t.value && !!n(c).brandMark.logo && !u.value,
+          label: l.value
+        }, {
+          default: Me(() => [
+            P("p", Vo, y(n(s)("common.audit.saveVersion")), 1),
+            i.context.view.appliedCount ? (w(), L("p", Ao, y(n(s)("common.toolPanel_1c5c7944", { p0: i.context.view.appliedCount })), 1)) : z("", !0),
+            u.value ? (w(), L("p", Bo, y(n(s)("common.toolPanel_6cc00dda")), 1)) : z("", !0)
+          ]),
+          _: 1
+        }, 8, ["context", "available", "ready", "label"])
+      ]),
+      default: Me(() => [
+        ce(Mo, {
+          "model-value": n(c).brandMark,
+          "hide-reset": !0,
+          "allowed-modes": ["single", "tile"].filter((E) => i.context.modeAllowed?.(E) !== !1),
+          disabled: i.context.readonly,
+          "scope-key": i.context.view.batchId,
+          "reset-epoch": g.value,
+          "available-cutout-modes": i.context.view.availableCutoutModes,
+          "upload-reference": i.context.uploadReference,
+          "onUpdate:modelValue": n(R),
+          onValidity: f[0] || (f[0] = (E) => t.value = E)
+        }, null, 8, ["model-value", "allowed-modes", "disabled", "scope-key", "reset-epoch", "available-cutout-modes", "upload-reference", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }, 8, ["context", "changed"]));
+  }
+});
+export {
+  No as default
+};