@beeintel/batch-image 1.0.1 → 1.1.1

package/dist/chunks/{AdjustToolPanel-BELqYSUR.js → AdjustToolPanel-BEqQFYEO.js}

@@ -1,7 +1,7 @@
-import { defineComponent as k, openBlock as d, createElementBlock as h, unref as a, Fragment as B, renderList as N, createElementVNode as i, createTextVNode as _, toDisplayString as f, createBlock as V, createCommentVNode as v, normalizeStyle as F, createVNode as g, computed as I, withCtx as p } from "vue";
-import { F as P, P as T, R as U, _ as $, G as C } from "./entry-DK9FjQZ_.js";
-import { f as j, ap as D } from "./hosted-resources-COzZ7nZY.js";
-import { u as R, a as M, c as E, _ as S, n as z } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-C2kJCYeA.js";
+import { defineComponent as k, openBlock as d, createElementBlock as h, unref as a, Fragment as B, renderList as F, createElementVNode as c, createTextVNode as v, toDisplayString as f, createBlock as V, createCommentVNode as _, normalizeStyle as N, createVNode as g, computed as I, withCtx as p } from "vue";
+import { F as P, P as T, R as U, _ as $, G as C } from "./entry-FNjvjYxd.js";
+import { f as j, ap as D } from "./hosted-resources-C3iu_zn4.js";
+import { u as R, a as M, c as E, _ as S, n as z } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-DI8W37RA.js";
 const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = ["aria-label", "aria-valuetext", "title", "min", "max", "value", "onInput"], J = ["aria-label", "min", "max", "value", "onInput"], O = ["aria-label"], q = /* @__PURE__ */ k({
   __name: "BasicAdjustPanel",
   props: {
@@ -10,8 +10,8 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
     hideReset: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: m }) {
-    const { ui: l, uiText: n } = P(), o = t, r = m, b = [
+  setup(t, { emit: r }) {
+    const { ui: l, uiText: n } = P(), o = t, m = r, b = [
       {
         key: "brightness",
         label: "亮度",
@@ -81,35 +81,35 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
       if (o.disabled) return;
       const e = u.target.value;
       if (!e.trim()) return;
-      const c = Number(e);
-      if (!Number.isFinite(c)) return;
-      const A = Math.round(Math.min(s.max, Math.max(s.min, c)) * 100) / 100;
-      r("update:modelValue", { ...o.modelValue, [s.key]: A });
+      const i = Number(e);
+      if (!Number.isFinite(i)) return;
+      const A = Math.round(Math.min(s.max, Math.max(s.min, i)) * 100) / 100;
+      m("update:modelValue", { ...o.modelValue, [s.key]: A });
     }
     function w() {
-      o.disabled || r("update:modelValue", { ...j });
+      o.disabled || m("update:modelValue", { ...j });
     }
     return (s, u) => (d(), h("fieldset", {
       class: "basic-adjust-panel",
       disabled: t.disabled,
       "aria-label": a(l)("tools.adjust.basicAdjustPanel_5eff15b3")
     }, [
-      (d(), h(B, null, N(b, (e) => i("div", {
+      (d(), h(B, null, F(b, (e) => c("div", {
         key: e.key,
         class: "basic-adjust-row"
       }, [
-        i("span", G, [
-          _(f(a(n)(e.label)), 1),
+        c("span", G, [
+          v(f(a(n)(e.label)), 1),
           e.neutral === 1 ? (d(), V(T, {
             key: 0,
             text: a(l)("common.audit.neutralOne")
-          }, null, 8, ["text"])) : v("", !0)
+          }, null, 8, ["text"])) : _("", !0)
         ]),
-        i("span", {
+        c("span", {
           class: "basic-adjust-track",
-          style: F({ "--adjust-gradient": `linear-gradient(90deg, ${e.gradient})` })
+          style: N({ "--adjust-gradient": `linear-gradient(90deg, ${e.gradient})` })
         }, [
-          i("input", {
+          c("input", {
             class: "basic-adjust-range",
             type: "range",
             "aria-label": a(n)(e.label),
@@ -123,10 +123,10 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
             max: e.max,
             step: "0.01",
             value: t.modelValue[e.key],
-            onInput: (c) => x(e, c)
+            onInput: (i) => x(e, i)
           }, null, 40, H)
         ], 4),
-        i("input", {
+        c("input", {
           class: "basic-adjust-number",
           type: "number",
           "aria-label": a(l)("tools.adjust.basicAdjustPanel_fb9d3a1e", { p0: a(n)(e.label) }),
@@ -134,10 +134,10 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
           max: e.max,
           step: "0.01",
           value: t.modelValue[e.key],
-          onInput: (c) => x(e, c)
+          onInput: (i) => x(e, i)
         }, null, 40, J)
       ])), 64)),
-      t.hideReset ? v("", !0) : (d(), h("button", {
+      t.hideReset ? _("", !0) : (d(), h("button", {
         key: 0,
         type: "button",
         class: "basic-adjust-reset",
@@ -145,7 +145,7 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
         onClick: w
       }, [
         g(a(U), { size: 14 }),
-        _(f(a(l)("tools.adjust.basicAdjustPanel_98f4fdf7")), 1)
+        v(f(a(l)("tools.adjust.basicAdjustPanel_98f4fdf7")), 1)
       ], 8, O))
     ], 8, L));
   }
@@ -155,8 +155,8 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
     context: {}
   },
   setup(t) {
-    const { ui: m } = P(), l = t, n = R(() => l.context), o = I(() => D(n.value.adjust));
-    function r() {
+    const { ui: r } = P(), l = t, n = R(() => l.context), o = I(() => D(n.value.adjust));
+    function m() {
       l.context.resetDraft({ adjust: { ...j } });
     }
     const b = M(() => l.context, "adjust");
@@ -164,19 +164,20 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
       context: t.context,
       layout: "contained",
       changed: a(E)(a(n).adjust, a(j)),
-      onReset: r
+      onReset: m
     }, {
       actions: p(() => [
         g(S, {
           context: t.context,
           available: a(z)(t.context),
-          ready: !o.value
+          ready: !o.value,
+          label: o.value && t.context.view.count > 0 ? a(r)("common.audit.adjustFirst") : void 0
         }, {
           default: p(() => [
-            i("p", Q, f(a(m)("common.audit.saveVersion")), 1)
+            c("p", Q, f(a(r)("common.audit.saveVersion")), 1)
           ]),
           _: 1
-        }, 8, ["context", "available", "ready"])
+        }, 8, ["context", "available", "ready", "label"])
       ]),
       default: p(() => [
         g(K, {

package/dist/chunks/BackgroundToolPanel-Dw3uT7S-.js

@@ -0,0 +1,43 @@
+import { defineComponent as r, openBlock as u, createBlock as m, unref as o, withCtx as n, createElementVNode as t, toDisplayString as f, createVNode as c } from "vue";
+import { F as x, G as b, _ as p } from "./entry-FNjvjYxd.js";
+import { u as P, _ as g, n as k } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-DI8W37RA.js";
+import { B as v } from "./BatchOutputColorPicker-CgtnQBA3.js";
+const B = ["disabled"], _ = { class: "output-color-field" }, h = /* @__PURE__ */ r({
+  __name: "BackgroundToolPanel",
+  props: {
+    context: {}
+  },
+  setup(e) {
+    const { ui: a } = x(), d = e, s = P(() => d.context);
+    return (C, l) => (u(), m(b, {
+      context: e.context,
+      help: o(a)("common.toolPanel_018bab40")
+    }, {
+      actions: n(() => [
+        c(g, {
+          context: e.context,
+          available: o(k)(e.context)
+        }, null, 8, ["context", "available"])
+      ]),
+      default: n(() => [
+        t("fieldset", {
+          class: "tool-fields plugin-fields",
+          disabled: e.context.readonly
+        }, [
+          t("div", _, [
+            t("span", null, f(o(a)("common.toolPanel_243779ee")), 1),
+            c(v, {
+              "model-value": o(s).backgroundColor,
+              disabled: e.context.readonly,
+              "onUpdate:modelValue": l[0] || (l[0] = (i) => e.context.updateDraft({ backgroundColor: i }))
+            }, null, 8, ["model-value", "disabled"])
+          ])
+        ], 8, B)
+      ]),
+      _: 1
+    }, 8, ["context", "help"]));
+  }
+}), I = /* @__PURE__ */ p(h, [["__scopeId", "data-v-7ff739ca"]]);
+export {
+  I as default
+};

package/dist/chunks/{BatchMaterials-niGKrga3.js → BatchMaterials-HiK3VQc3.js}

@@ -1,5 +1,5 @@
 import { defineComponent as we, ref as pe, watch as U, onBeforeUnmount as xe, openBlock as ee, createElementBlock as ye, withModifiers as Be, normalizeStyle as De, Fragment as Te, renderList as Ae, createElementVNode as Fe, toDisplayString as ze, createCommentVNode as Ie, nextTick as We, computed as He, onMounted as Ne, createBlock as qe } from "vue";
-import { D as Xe, E as _e } from "./entry-DK9FjQZ_.js";
+import { D as Xe, E as _e } from "./entry-FNjvjYxd.js";
 const V = {
   regular: {
     refractionCssPx: 9,

package/dist/chunks/BatchModeChoices-BAslK92y.js

@@ -0,0 +1,118 @@
+import { defineComponent as L, openBlock as t, createElementBlock as n, createElementVNode as s, createTextVNode as M, toDisplayString as b, unref as r, createBlock as v, createCommentVNode as m, Fragment as h, renderList as f } from "vue";
+import { F as C, D as V, P as _, _ as A } from "./entry-FNjvjYxd.js";
+const D = { class: "batch-mode-choices" }, N = { class: "mode-label" }, E = ["aria-label"], H = ["aria-label", "aria-pressed", "disabled", "onClick", "onKeydown"], I = ["src"], P = {
+  key: 1,
+  viewBox: "0 0 120 76",
+  "aria-hidden": "true"
+}, S = {
+  fill: "#f3f5ed",
+  stroke: "#899774",
+  "stroke-width": "1.4"
+}, T = ["y"], F = ["y"], K = { key: 2 }, R = /* @__PURE__ */ L({
+  __name: "BatchModeChoices",
+  props: {
+    modelValue: {},
+    label: {},
+    help: {},
+    options: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: g }) {
+    const { ui: q, uiText: d, batchI18n: x } = C(), { displayState: w } = V(), u = o, p = g;
+    function y(i) {
+      !u.disabled && !i.disabled && p("update:modelValue", i.value);
+    }
+    function B(i, l) {
+      if (!["ArrowLeft", "ArrowRight"].includes(i.key)) return;
+      i.preventDefault(), i.stopPropagation();
+      const e = (i.key === "ArrowRight" ? 1 : -1) * (w.value.direction === "rtl" ? -1 : 1), a = u.options.indexOf(l);
+      for (let c = a + e; c >= 0 && c < u.options.length; c += e) {
+        const k = u.options[c];
+        if (!(k.disabled || u.disabled)) {
+          y(k), i.currentTarget.parentElement?.querySelectorAll("button")[c]?.focus();
+          break;
+        }
+      }
+    }
+    return (i, l) => (t(), n("section", D, [
+      s("span", N, [
+        M(b(r(d)(o.label)), 1),
+        o.help ? (t(), v(_, {
+          key: 0,
+          text: o.help
+        }, null, 8, ["text"])) : m("", !0)
+      ]),
+      s("div", {
+        class: "mode-options",
+        role: "group",
+        "aria-label": r(d)(o.label)
+      }, [
+        (t(!0), n(h, null, f(o.options, (e) => (t(), n("button", {
+          key: e.value,
+          type: "button",
+          "aria-label": r(d)(o.label) + (r(x).global.locale.value === "zh-CN" ? "：" : ": ") + r(d)(e.label),
+          "aria-pressed": o.modelValue === e.value,
+          disabled: o.disabled || e.disabled,
+          onClick: (a) => y(e),
+          onKeydown: (a) => B(a, e)
+        }, [
+          e.image ? (t(), n("img", {
+            key: 0,
+            src: e.image,
+            alt: ""
+          }, null, 8, I)) : e.flow ? (t(), n("svg", P, [
+            s("g", S, [
+              e.flow === "one-to-many" ? (t(), n(h, { key: 0 }, [
+                l[0] || (l[0] = s("rect", {
+                  x: "8",
+                  y: "26",
+                  width: "25",
+                  height: "26",
+                  rx: "4"
+                }, null, -1)),
+                (t(), n(h, null, f([5, 28, 51], (a) => s("rect", {
+                  key: a,
+                  x: "87",
+                  y: a,
+                  width: "25",
+                  height: "20",
+                  rx: "3"
+                }, null, 8, T)), 64)),
+                l[1] || (l[1] = s("path", {
+                  d: "M39 39H76M65 31L77 39L65 47M83 15L77 39L83 61",
+                  fill: "none"
+                }, null, -1))
+              ], 64)) : (t(), n(h, { key: 1 }, [
+                (t(), n(h, null, f([5, 28, 51], (a) => s("rect", {
+                  key: a,
+                  x: "8",
+                  y: a,
+                  width: "25",
+                  height: "20",
+                  rx: "3"
+                }, null, 8, F)), 64)),
+                l[2] || (l[2] = s("rect", {
+                  x: "87",
+                  y: "26",
+                  width: "25",
+                  height: "26",
+                  rx: "4"
+                }, null, -1)),
+                l[3] || (l[3] = s("path", {
+                  d: "M39 15L45 39L39 61M46 39H77M65 31L77 39L65 47",
+                  fill: "none"
+                }, null, -1))
+              ], 64))
+            ])
+          ])) : m("", !0),
+          s("strong", null, b(r(d)(e.label)), 1),
+          e.description ? (t(), n("small", K, b(r(d)(e.description)), 1)) : m("", !0)
+        ], 40, H))), 128))
+      ], 8, E)
+    ]));
+  }
+}), U = /* @__PURE__ */ A(R, [["__scopeId", "data-v-18df4a83"]]);
+export {
+  U as B
+};

package/dist/chunks/{BatchOutputColorPicker-CCvmIF-b.js → BatchOutputColorPicker-CgtnQBA3.js}

@@ -1,5 +1,5 @@
 import { defineComponent as _, ref as p, computed as b, watch as w, openBlock as P, createElementBlock as V, unref as o, createElementVNode as s, normalizeClass as h, normalizeStyle as B } from "vue";
-import { F as y, _ as g } from "./entry-DK9FjQZ_.js";
+import { F as y, _ as g } from "./entry-FNjvjYxd.js";
 const $ = ["aria-label"], I = ["title", "aria-label", "aria-pressed", "disabled"], S = ["title", "aria-label", "aria-pressed", "disabled"], z = ["data-selected", "title"], E = ["aria-label", "value", "disabled"], L = /* @__PURE__ */ _({
   __name: "BatchOutputColorPicker",
   props: {

package/dist/chunks/BatchReferenceFields-DbjXtKC4.js

@@ -0,0 +1,308 @@
+import { defineComponent as Y, inject as Z, ref as R, computed as B, watch as j, onUnmounted as ee, openBlock as f, createElementBlock as v, unref as t, normalizeClass as ae, createElementVNode as n, createTextVNode as V, toDisplayString as u, createBlock as te, createCommentVNode as w, Fragment as A, renderList as T, createVNode as C, nextTick as M } from "vue";
+import { J as le, aP as re, F as ne, aa as oe, aQ as se, av as ie, P as ce, ai as ue, ag as de, ax as fe, _ as me } from "./entry-FNjvjYxd.js";
+import { A as ve } from "./arrow-up-DT1zSe8a.js";
+import { L as be } from "./loader-circle-pki8gM3_.js";
+/**
+ * @license @lucide/vue v1.47.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pe = {
+  name: "arrow-down",
+  size: 24,
+  node: [
+    ["path", { d: "M12 5v14", key: "s699le" }],
+    ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+  ]
+}, he = le(pe), ge = ["aria-label"], we = { class: "retouch-reference-heading" }, ye = ["aria-label", "disabled"], ke = { class: "retouch-reference-list" }, Fe = { class: "retouch-reference-title" }, Re = ["src", "alt"], Ve = { class: "reference-number" }, Ce = ["aria-label", "disabled", "onClick"], Le = ["title"], Ue = { class: "reference-settings" }, Ie = { class: "reference-order" }, _e = ["aria-label", "disabled", "onClick"], Ee = ["aria-label", "disabled", "onClick"], Ne = { key: 0 }, Oe = ["aria-label", "value", "disabled", "onChange"], Pe = { value: "" }, $e = ["value"], ze = ["aria-label", "value", "disabled", "placeholder", "onInput"], De = {
+  key: 0,
+  class: "reference-pending",
+  role: "status"
+}, Be = {
+  key: 1,
+  class: "reference-add"
+}, je = ["aria-label", "disabled"], Ae = { class: "reference-upload-copy" }, Te = {
+  key: 0,
+  class: "tool-note",
+  role: "alert"
+}, Me = ["aria-label", "disabled"], Se = {
+  key: 1,
+  role: "alert",
+  class: "retouch-error"
+}, He = /* @__PURE__ */ Y({
+  __name: "BatchReferenceFields",
+  props: {
+    modelValue: {},
+    writer: { type: Boolean },
+    candidates: { default: () => [] },
+    roles: { default: () => [] },
+    defaultRoleLabel: { default: "" },
+    maxCount: { default: re },
+    title: { default: "共用参考图" },
+    description: { default: "整批共用同一组。每张待改图为图 1，参考依顺序为图 2–11；用途可选，具体修改以文字要求为准。" },
+    numberOffset: { default: 2 },
+    uploadLabel: { default: "上传参考图" },
+    confirmLabel: { default: "确认当前参考集合" },
+    purposePlaceholder: { default: "例如：只参考颜色，不复制商品" }
+  },
+  emits: ["update:modelValue", "busy"],
+  setup(a, { emit: S }) {
+    const { ui: c, uiText: m } = ne(), { uploadLocal: H } = oe(), W = Z(
+      se,
+      (e) => H(e, e.name)
+    ), o = a, _ = S, X = ie(() => o.modelValue.references), E = R(), d = R(0), p = R(""), q = B(() => p.value ? c({
+      capacity: "common.referenceFields_5f066788",
+      format: "common.referenceFields_7bf5d70a",
+      upload: "common.referenceFields_dc2e4820"
+    }[p.value], {
+      p0: p.value === "capacity" ? o.maxCount : m(o.title)
+    }) : ""), L = R(!1), h = R(/* @__PURE__ */ new Map());
+    let y = !1, k = 0;
+    const F = (e) => `${e.assetId}:${e.assetVersionId}`, U = B(
+      () => Math.max(0, o.maxCount - o.modelValue.references.length - d.value)
+    );
+    j(d, (e) => _("busy", e > 0), { immediate: !0 }), j(
+      () => o.writer,
+      (e) => {
+        e || k++;
+      }
+    );
+    function g(e) {
+      !o.writer || y || _("update:modelValue", {
+        references: o.modelValue.references,
+        referenceUploadNeedsReview: o.modelValue.referenceUploadNeedsReview,
+        ...e
+      });
+    }
+    function N(e, s) {
+      g({
+        references: o.modelValue.references.map(
+          (l, r) => r === e ? { ...l, ...s } : l
+        )
+      });
+    }
+    function O(e, s) {
+      const l = [...o.modelValue.references], r = e + s;
+      r < 0 || r >= l.length || ([l[e], l[r]] = [l[r], l[e]], g({ references: l }));
+    }
+    function J(e) {
+      if (!o.writer) return;
+      const s = o.modelValue.references[e];
+      if (!s) return;
+      const l = F(s), r = h.value.get(l);
+      o.modelValue.references.some((i, b) => b !== e && F(i) === l) || (r && URL.revokeObjectURL(r), h.value.delete(l)), g({ references: o.modelValue.references.filter((i, b) => b !== e) });
+    }
+    function P(e) {
+      return X.get(e) || h.value.get(F(e)) || "";
+    }
+    async function K(e) {
+      const s = e.target, l = [...s.files ?? []];
+      s.value = "", await I(l);
+    }
+    function Q(e) {
+      e.dataTransfer?.types.includes("Files") && (e.preventDefault(), e.stopPropagation(), L.value = o.writer && !d.value && !!U.value);
+    }
+    async function x(e) {
+      e.dataTransfer?.types.includes("Files") && (e.preventDefault(), e.stopPropagation(), L.value = !1, await I([...e.dataTransfer.files ?? []]));
+    }
+    function G(e) {
+      const s = fe(e);
+      s.length && (e.preventDefault(), e.stopPropagation(), I(s));
+    }
+    async function I(e) {
+      if (!e.length || !o.writer || d.value) return;
+      if (p.value = "", e.length > U.value) {
+        p.value = "capacity";
+        return;
+      }
+      if (e.some(
+        (i) => !["image/png", "image/jpeg", "image/webp"].includes(i.type) || !i.size || i.size > 25 * 1024 * 1024
+      )) {
+        p.value = "format";
+        return;
+      }
+      const s = !!o.modelValue.referenceUploadNeedsReview, l = k;
+      let r = !1;
+      g({ referenceUploadNeedsReview: !0 }), d.value = e.length;
+      try {
+        for (const i of e) {
+          if (y || !o.writer || l !== k) return;
+          try {
+            const b = await W(i);
+            if (y || !o.writer || l !== k) return;
+            if (!b.assetId || !b.assetVersionId || !/^[a-fA-F0-9]{64}$/.test(b.sha256))
+              throw new Error("Invalid upload receipt");
+            const $ = {
+              assetId: b.assetId,
+              assetVersionId: b.assetVersionId,
+              sha256: b.sha256,
+              name: i.name
+            }, z = F($), D = h.value.get(z);
+            D && URL.revokeObjectURL(D), h.value.set(z, URL.createObjectURL(i)), g({ references: [...o.modelValue.references, $] }), await M();
+          } catch {
+            r = !0, y || (p.value = "upload");
+          } finally {
+            d.value--;
+          }
+        }
+        await M(), !y && o.writer && l === k && !r && !s && g({ referenceUploadNeedsReview: !1 });
+      } finally {
+        d.value = 0;
+      }
+    }
+    return ee(() => {
+      y = !0;
+      for (const e of h.value.values()) URL.revokeObjectURL(e);
+      h.value.clear();
+    }), (e, s) => (f(), v("section", {
+      tabindex: "0",
+      onPaste: G,
+      class: ae(["retouch-references", { dragging: L.value }]),
+      "aria-label": t(m)(a.title),
+      onDragover: Q,
+      onDragleave: s[2] || (s[2] = (l) => L.value = !1),
+      onDrop: x
+    }, [
+      n("div", we, [
+        n("strong", null, [
+          V(u(t(m)(a.title)), 1),
+          a.description ? (f(), te(ce, {
+            key: 0,
+            text: t(m)(a.description)
+          }, null, 8, ["text"])) : w("", !0)
+        ]),
+        n("span", null, u(a.modelValue.references.length) + " / " + u(a.maxCount), 1)
+      ]),
+      n("input", {
+        ref_key: "fileInput",
+        ref: E,
+        type: "file",
+        accept: "image/png,image/jpeg,image/webp",
+        multiple: "",
+        class: "retouch-file-input",
+        "aria-label": t(m)(a.uploadLabel),
+        disabled: !a.writer || d.value > 0 || !U.value,
+        onChange: K
+      }, null, 40, ye),
+      n("ol", ke, [
+        (f(!0), v(A, null, T(a.modelValue.references, (l, r) => (f(), v("li", {
+          key: `${F(l)}:${r}`,
+          class: "retouch-reference batch-reference"
+        }, [
+          n("div", Fe, [
+            P(l) ? (f(), v("img", {
+              key: 0,
+              src: P(l),
+              alt: l.name,
+              loading: "lazy"
+            }, null, 8, Re)) : w("", !0),
+            n("strong", Ve, u(t(c)("common.referenceFields_d7084142", { p0: r + a.numberOffset })), 1),
+            n("button", {
+              type: "button",
+              "aria-label": t(c)("common.referenceFields_405c85b2", { p0: r + a.numberOffset }),
+              disabled: !a.writer,
+              onClick: (i) => J(r)
+            }, [
+              C(t(ue), { size: 14 })
+            ], 8, Ce)
+          ]),
+          n("small", {
+            class: "reference-name",
+            title: l.name
+          }, u(l.name), 9, Le),
+          n("details", Ue, [
+            n("summary", null, u(t(c)("common.referenceFields_75359a48")), 1),
+            n("div", Ie, [
+              n("button", {
+                type: "button",
+                "aria-label": t(c)("common.referenceFields_8aa5f1b3", { p0: r + a.numberOffset }),
+                disabled: !a.writer || r === 0 || d.value > 0,
+                onClick: (i) => O(r, -1)
+              }, [
+                C(t(ve), { size: 14 }),
+                V(u(t(c)("common.referenceFields_708c9687")), 1)
+              ], 8, _e),
+              n("button", {
+                type: "button",
+                "aria-label": t(c)("common.referenceFields_18e2d946", { p0: r + a.numberOffset }),
+                disabled: !a.writer || r === a.modelValue.references.length - 1 || d.value > 0,
+                onClick: (i) => O(r, 1)
+              }, [
+                C(t(he), { size: 14 }),
+                V(u(t(c)("common.referenceFields_c0714215")), 1)
+              ], 8, Ee)
+            ]),
+            a.roles.length ? (f(), v("label", Ne, [
+              V(u(t(c)("common.referenceFields_76335454")), 1),
+              n("select", {
+                "aria-label": t(c)("common.referenceFields_1e100229", { p0: r + a.numberOffset }),
+                value: l.role ?? "",
+                disabled: !a.writer,
+                onChange: (i) => N(r, {
+                  role: i.target.value || void 0
+                })
+              }, [
+                n("option", Pe, u(a.defaultRoleLabel ? t(c)("common.referenceFields_0acbcb84", {
+                  p0: t(m)(a.defaultRoleLabel)
+                }) : t(c)("common.referenceFields_f91a63a1")), 1),
+                (f(!0), v(A, null, T(a.roles, (i) => (f(), v("option", {
+                  key: i.value,
+                  value: i.value
+                }, u(t(m)(i.label)), 9, $e))), 128))
+              ], 40, Oe)
+            ])) : w("", !0),
+            n("label", null, [
+              V(u(t(c)("common.referenceFields_d59f7895")), 1),
+              n("input", {
+                "aria-label": t(c)("common.referenceFields_17d29b80", { p0: r + a.numberOffset }),
+                value: l.purpose,
+                disabled: !a.writer,
+                maxlength: "500",
+                placeholder: t(m)(a.purposePlaceholder),
+                onInput: (i) => N(r, { purpose: i.target.value })
+              }, null, 40, ze)
+            ])
+          ])
+        ]))), 128)),
+        d.value ? (f(), v("li", De, [
+          C(t(be), { size: 22 }),
+          n("span", null, u(t(c)("common.referenceFields_d8690492", { p0: d.value })), 1)
+        ])) : w("", !0),
+        !d.value && U.value ? (f(), v("li", Be, [
+          n("button", {
+            type: "button",
+            class: "retouch-add-card",
+            "aria-label": t(c)("common.referenceFields_bdb86a11", { p0: t(m)(a.title) }),
+            disabled: !a.writer,
+            onClick: s[0] || (s[0] = (l) => E.value?.click())
+          }, [
+            C(t(de), { size: 25 }),
+            n("span", Ae, [
+              n("strong", null, u(t(c)("common.app_9f0d4e46")), 1),
+              n("small", null, u(t(c)("common.referenceFields_e4eea1f1")), 1)
+            ])
+          ], 8, je)
+        ])) : w("", !0)
+      ]),
+      a.modelValue.referenceUploadNeedsReview && !d.value ? (f(), v("div", Te, [
+        n("p", null, u(t(c)("common.referenceFields_20637ce7", {
+          p0: t(m)(a.title),
+          p1: a.modelValue.references.length
+        })), 1),
+        n("button", {
+          type: "button",
+          "aria-label": t(m)(a.confirmLabel),
+          disabled: !a.writer || d.value > 0,
+          onClick: s[1] || (s[1] = (l) => {
+            g({ referenceUploadNeedsReview: !1 }), p.value = "";
+          })
+        }, u(t(c)("common.referenceFields_850fe99f")), 9, Me)
+      ])) : w("", !0),
+      p.value ? (f(), v("p", Se, u(q.value), 1)) : w("", !0)
+    ], 42, ge));
+  }
+}), Ke = /* @__PURE__ */ me(He, [["__scopeId", "data-v-473a5b18"]]);
+export {
+  Ke as B
+};