@beeintel/batch-image 0.0.0-stage → 1.0.0

package/dist/chunks/RetouchToolPanel-B4eQKk2W.js

@@ -0,0 +1,350 @@
+import { defineComponent as T, ref as k, useId as A, computed as P, watch as N, openBlock as a, createElementBlock as s, createElementVNode as u, unref as t, createVNode as S, toDisplayString as r, createCommentVNode as f, withCtx as M, Fragment as I, renderList as B, createTextVNode as _, normalizeStyle as U, createBlock as O, resolveDynamicComponent as H, withDirectives as L, vShow as K } from "vue";
+import { F as J, aA as w, aB as X, aC as j, aD as q, aE as Q, aF as W, aG as Y, aH as Z, aI as ee, _ as z, aJ as D, aK as te, G as oe } from "./entry-CboOSe2r.js";
+import { B as le } from "./BatchReferenceFields-Cr5WgFRJ.js";
+import { u as ae, a as ue, b as G, _ as se } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-BGe419qz.js";
+const re = { class: "edit-shortcuts" }, de = ["disabled", "aria-expanded", "aria-controls"], ie = {
+  key: 0,
+  class: "shortcut-receipt"
+}, ne = { "aria-live": "polite" }, ce = ["disabled"], he = { class: "shortcut-grid" }, me = ["disabled", "aria-label", "onClick"], fe = ["src"], ve = {
+  key: 0,
+  role: "alert",
+  class: "shortcut-error"
+}, be = {
+  key: 1,
+  role: "alert",
+  class: "shortcut-review"
+}, pe = ["disabled"], ye = /* @__PURE__ */ T({
+  __name: "EditShortcuts",
+  props: {
+    modelValue: {},
+    writer: { type: Boolean },
+    busy: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: F }) {
+    const { ui: o, uiText: p } = J(), n = e, i = F, x = k(), c = k(!1), R = k(""), y = A(), v = P(() => !n.writer || n.busy), V = k(), $ = k(""), E = {
+      lighting: w("tool-cards/ai-v2/polish.webp"),
+      colors: w("tool-cards/ai-v2/recolor.webp"),
+      model: w("tool-cards/shortcuts-v3/model.webp"),
+      ghost: w("tool-cards/ai-v2/ghost.webp"),
+      flatlay: w("tool-cards/ai-v2/flatlay.webp"),
+      body: w("tool-cards/shortcuts-v3/body.webp"),
+      white_product: w("tool-cards/ai-v2/polish.webp"),
+      watermark: w("tool-cards/shortcuts-v3/watermark.webp"),
+      text: w("tool-cards/shortcuts-v3/text.webp")
+    };
+    N(v, (m) => {
+      m && (c.value = !1);
+    }), N(
+      () => n.modelValue.instructions,
+      (m) => {
+        V.value && m !== $.value && (V.value = void 0);
+      },
+      { flush: "sync" }
+    );
+    const b = P(() => X(n.modelValue));
+    function h(m) {
+      if (!(v.value || !c.value))
+        try {
+          const g = Y(n.modelValue, m, Z(m), "replace");
+          V.value = JSON.parse(
+            JSON.stringify({
+              instructions: n.modelValue.instructions,
+              finalPersonCheck: n.modelValue.finalPersonCheck,
+              shortcuts: n.modelValue.shortcuts
+            })
+          ), $.value = g.instructions, i("update:modelValue", g), R.value = "", c.value = !1;
+        } catch (g) {
+          R.value = g.message;
+        }
+    }
+    function d() {
+      if (v.value || !V.value) return;
+      const m = V.value;
+      V.value = void 0, i("update:modelValue", {
+        ...n.modelValue,
+        instructions: m.instructions,
+        finalPersonCheck: m.finalPersonCheck,
+        shortcuts: m.shortcuts
+      });
+    }
+    function l() {
+      v.value || i("update:modelValue", {
+        ...n.modelValue,
+        shortcuts: {
+          ...n.modelValue.shortcuts,
+          appliedReferenceOrder: ee(n.modelValue.references)
+        }
+      });
+    }
+    return (m, g) => (a(), s("section", re, [
+      u("button", {
+        ref_key: "trigger",
+        ref: x,
+        type: "button",
+        class: "shortcut-trigger",
+        disabled: v.value,
+        "aria-expanded": c.value,
+        "aria-controls": t(y),
+        onClick: g[0] || (g[0] = (C) => {
+          c.value = !c.value, R.value = "";
+        })
+      }, [
+        S(t(j), { size: 16 }),
+        u("span", null, r(t(o)("tools.retouch.editShortcuts_aaaf8f24")), 1),
+        S(t(q), { size: 16 })
+      ], 8, de),
+      V.value ? (a(), s("div", ie, [
+        u("span", ne, r(t(o)("tools.retouch.editShortcuts_aec291ff")), 1),
+        u("button", {
+          type: "button",
+          disabled: v.value,
+          onClick: d
+        }, r(t(o)("tools.retouch.editShortcuts_6b581989")), 9, ce)
+      ])) : f("", !0),
+      S(Q, {
+        id: t(y),
+        open: c.value,
+        anchor: x.value,
+        title: t(o)("tools.retouch.editShortcuts_aaaf8f24"),
+        onClose: g[1] || (g[1] = (C) => c.value = !1)
+      }, {
+        default: M(() => [
+          u("div", he, [
+            (a(!0), s(I, null, B(t(W), (C) => (a(), s("button", {
+              key: C.id,
+              type: "button",
+              class: "shortcut-card",
+              disabled: v.value,
+              "aria-label": t(o)("tools.retouch.editShortcuts_18fc4e7b", { p0: t(p)(C.label) }),
+              onClick: (Je) => h(C.id)
+            }, [
+              u("img", {
+                src: E[C.id],
+                alt: ""
+              }, null, 8, fe),
+              u("span", null, r(t(p)(C.label)), 1)
+            ], 8, me))), 128))
+          ]),
+          R.value ? (a(), s("p", ve, r(t(p)(R.value)), 1)) : f("", !0)
+        ]),
+        _: 1
+      }, 8, ["id", "open", "anchor", "title"]),
+      b.value ? (a(), s("div", be, [
+        u("p", null, r(t(o)("tools.retouch.editShortcuts_6f8ae939")), 1),
+        u("button", {
+          type: "button",
+          disabled: v.value,
+          onClick: l
+        }, r(t(o)("tools.retouch.editShortcuts_01373195")), 9, pe)
+      ])) : f("", !0)
+    ]));
+  }
+}), Ve = /* @__PURE__ */ z(ye, [["__scopeId", "data-v-bd800860"]]), ge = { class: "retouch-fields tool-fields" }, we = { key: 0 }, xe = ["aria-label", "value", "disabled"], ke = ["value", "disabled"], Re = { class: "hint" }, Ce = {
+  key: 1,
+  class: "hint"
+}, Fe = { key: 2 }, $e = ["aria-label", "value", "disabled", "placeholder"], Se = {
+  key: 3,
+  class: "retouch-color"
+}, _e = ["aria-label", "value", "disabled"], Pe = ["aria-label", "value", "disabled"], Ie = {
+  key: 4,
+  class: "color-presets"
+}, Be = ["aria-label", "disabled", "onClick"], Me = { key: 0 }, Ee = ["aria-label", "disabled", "onClick"], Ne = { key: 0 }, Oe = ["aria-label", "value", "disabled", "placeholder"], Te = {
+  key: 6,
+  class: "hint"
+}, Ue = { class: "tool-note" }, De = /* @__PURE__ */ T({
+  __name: "PromptRetouchFields",
+  props: {
+    modelValue: {},
+    writer: { type: Boolean },
+    candidates: { default: () => [] },
+    available: { type: Boolean, default: !0 },
+    retouchModes: { default: () => ["edit"] },
+    fixedMode: {}
+  },
+  emits: ["update:modelValue", "ready"],
+  setup(e, { emit: F }) {
+    const { ui: o, uiText: p, uiNotice: n } = J(), i = e, x = F, c = k(!1), R = ["#ffffff", "#000000", "#d44a3a", "#3366cc", "#2e7d5b", "#f4c65d"], y = k([]);
+    try {
+      const h = JSON.parse(localStorage.getItem("beepop-batch-recent-colors") ?? "[]");
+      Array.isArray(h) && (y.value = h.filter((d) => typeof d == "string" && /^#[\da-f]{6}$/i.test(d)).slice(0, 6));
+    } catch {
+    }
+    function v() {
+      if (/^#[\da-f]{6}$/i.test(i.modelValue.color)) {
+        y.value = [
+          i.modelValue.color.toLowerCase(),
+          ...y.value.filter((h) => h !== i.modelValue.color.toLowerCase())
+        ].slice(0, 6);
+        try {
+          localStorage.setItem("beepop-batch-recent-colors", JSON.stringify(y.value));
+        } catch {
+        }
+      }
+    }
+    const V = P(
+      () => D.find((h) => h.value === i.modelValue.mode)?.protection
+    ), $ = P(() => {
+      try {
+        return te(i.modelValue, i.retouchModes), "";
+      } catch (h) {
+        return h.message;
+      }
+    }), E = P(
+      () => i.writer && i.available && !c.value && !$.value && (i.modelValue.mode !== "edit" || !i.modelValue.referenceUploadNeedsReview)
+    );
+    N(E, (h) => x("ready", h), { immediate: !0 });
+    function b(h) {
+      i.writer && x("update:modelValue", { ...i.modelValue, ...h });
+    }
+    return (h, d) => (a(), s("div", ge, [
+      e.fixedMode ? f("", !0) : (a(), s("label", we, [
+        _(r(t(o)("tools.retouch.promptRetouchFields_fa55a4d4")), 1),
+        u("select", {
+          "aria-label": t(o)("tools.retouch.promptRetouchFields_fa55a4d4"),
+          value: e.modelValue.mode,
+          disabled: !e.writer,
+          onChange: d[0] || (d[0] = (l) => b({ mode: l.target.value }))
+        }, [
+          (a(!0), s(I, null, B(t(D), (l) => (a(), s("option", {
+            key: l.value,
+            value: l.value,
+            disabled: !e.retouchModes.includes(l.value)
+          }, r(t(p)(l.label)) + r(e.retouchModes.includes(l.value) ? "" : t(o)("common.toolPanel_14a718cd")), 9, ke))), 128))
+        ], 40, xe)
+      ])),
+      u("p", Re, r(t(p)(V.value)), 1),
+      e.modelValue.mode !== "edit" ? (a(), s("p", Ce, r(t(o)("tools.retouch.promptRetouchFields_bfa4c81f")), 1)) : f("", !0),
+      e.modelValue.mode !== "edit" ? (a(), s("label", Fe, [
+        _(r(e.modelValue.mode === "recolor" ? t(o)("tools.retouch.promptRetouchFields_c401caf2") : t(o)("tools.retouch.promptRetouchFields_9fb527d5")) + " ", 1),
+        u("textarea", {
+          "aria-label": t(o)("tools.retouch.promptRetouchFields_62624132"),
+          value: e.modelValue.target,
+          disabled: !e.writer,
+          maxlength: "500",
+          rows: "2",
+          placeholder: t(o)("tools.retouch.promptRetouchFields_877eff9a"),
+          onInput: d[1] || (d[1] = (l) => b({ target: l.target.value }))
+        }, null, 40, $e)
+      ])) : f("", !0),
+      e.modelValue.mode === "recolor" ? (a(), s("div", Se, [
+        u("label", null, [
+          _(r(t(o)("tools.retouch.promptRetouchFields_af0d5323")), 1),
+          u("input", {
+            type: "color",
+            "aria-label": t(o)("tools.retouch.promptRetouchFields_3d8f2f39"),
+            value: /^#[\da-f]{6}$/i.test(e.modelValue.color) ? e.modelValue.color : "#ffffff",
+            disabled: !e.writer,
+            onInput: d[2] || (d[2] = (l) => b({ color: l.target.value })),
+            onChange: v
+          }, null, 40, _e)
+        ]),
+        u("label", null, [
+          d[6] || (d[6] = _("HEX", -1)),
+          u("input", {
+            "aria-label": t(o)("tools.retouch.promptRetouchFields_637e9335"),
+            value: e.modelValue.color,
+            disabled: !e.writer,
+            maxlength: "7",
+            placeholder: "#RRGGBB",
+            onInput: d[3] || (d[3] = (l) => b({ color: l.target.value })),
+            onChange: v
+          }, null, 40, Pe)
+        ])
+      ])) : f("", !0),
+      e.fixedMode === "recolor" ? (a(), s("div", Ie, [
+        u("span", null, r(t(o)("tools.retouch.promptRetouchFields_cd5d1ca5")), 1),
+        (a(), s(I, null, B(R, (l) => u("button", {
+          key: l,
+          type: "button",
+          style: U({ background: l }),
+          "aria-label": t(o)("tools.retouch.promptRetouchFields_89688793", { p0: l }),
+          disabled: !e.writer,
+          onClick: (m) => b({ color: l })
+        }, null, 12, Be)), 64)),
+        y.value.length ? (a(), s("span", Me, r(t(o)("tools.retouch.promptRetouchFields_6692f486")), 1)) : f("", !0),
+        (a(!0), s(I, null, B(y.value, (l) => (a(), s("button", {
+          key: `recent-${l}`,
+          type: "button",
+          style: U({ background: l }),
+          "aria-label": t(o)("tools.retouch.promptRetouchFields_a651beb5", { p0: l }),
+          disabled: !e.writer,
+          onClick: (m) => b({ color: l })
+        }, null, 12, Ee))), 128))
+      ])) : f("", !0),
+      e.modelValue.mode === "edit" ? (a(), O(Ve, {
+        key: 5,
+        "model-value": e.modelValue,
+        writer: e.writer && e.available,
+        busy: c.value,
+        "onUpdate:modelValue": b
+      }, null, 8, ["model-value", "writer", "busy"])) : f("", !0),
+      (a(), O(H(e.fixedMode && e.fixedMode !== "edit" ? "details" : "div"), null, {
+        default: M(() => [
+          e.fixedMode && e.fixedMode !== "edit" ? (a(), s("summary", Ne, r(t(o)("common.toolPanel_40c2f529")), 1)) : f("", !0),
+          u("label", null, [
+            _(r(e.modelValue.mode === "edit" ? t(o)("tools.retouch.promptRetouchFields_28c29060") : t(o)("common.toolPanel_40c2f529")) + " ", 1),
+            u("textarea", {
+              "aria-label": t(o)("tools.retouch.promptRetouchFields_28c29060"),
+              value: e.modelValue.instructions,
+              disabled: !e.writer,
+              maxlength: "8000",
+              rows: "4",
+              placeholder: e.modelValue.mode === "edit" ? t(o)("tools.retouch.promptRetouchFields_852bdbfa") : t(o)("tools.retouch.promptRetouchFields_319915db"),
+              onInput: d[4] || (d[4] = (l) => b({ instructions: l.target.value }))
+            }, null, 40, Oe)
+          ])
+        ]),
+        _: 1
+      })),
+      L(S(le, {
+        "model-value": e.modelValue,
+        writer: e.writer,
+        candidates: e.candidates,
+        "onUpdate:modelValue": b,
+        onBusy: d[5] || (d[5] = (l) => c.value = l)
+      }, null, 8, ["model-value", "writer", "candidates"]), [
+        [K, e.modelValue.mode === "edit"]
+      ]),
+      $.value && !c.value ? (a(), s("p", Te, r(t(n)($.value)), 1)) : f("", !0),
+      u("p", Ue, r(t(o)("tools.retouch.promptRetouchFields_08c692fa", {
+        p0: e.modelValue.mode === "edit" ? e.modelValue.finalPersonCheck ? t(o)("tools.retouch.nested_2823b8fb") : t(o)("tools.retouch.nested_acc6bb91") : t(o)("tools.retouch.nested_2f4af360")
+      })), 1)
+    ]));
+  }
+}), Ge = /* @__PURE__ */ z(De, [["__scopeId", "data-v-2055fef8"]]), Ke = /* @__PURE__ */ T({
+  __name: "RetouchToolPanel",
+  props: {
+    context: {}
+  },
+  setup(e) {
+    const F = e, o = ae(() => F.context), p = k(!1), n = ue(() => F.context, "retouch");
+    return (i, x) => (a(), O(oe, {
+      context: e.context,
+      layout: "contained"
+    }, {
+      actions: M(() => [
+        S(se, {
+          context: e.context,
+          available: t(G)(e.context),
+          ready: p.value
+        }, null, 8, ["context", "available", "ready"])
+      ]),
+      default: M(() => [
+        S(Ge, {
+          "model-value": t(o).retouch,
+          writer: !e.context.readonly,
+          available: t(G)(e.context),
+          "retouch-modes": e.context.view.retouchModes,
+          "fixed-mode": e.context.entryId ? t(o).retouch.mode : void 0,
+          "onUpdate:modelValue": t(n),
+          onReady: x[0] || (x[0] = (c) => p.value = c)
+        }, null, 8, ["model-value", "writer", "available", "retouch-modes", "fixed-mode", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }, 8, ["context"]));
+  }
+});
+export {
+  Ke as default
+};

package/dist/chunks/ShadowToolPanel-Bbj76hQd.js

@@ -0,0 +1,254 @@
+import { defineComponent as N, openBlock as r, createElementBlock as h, unref as a, createElementVNode as o, toDisplayString as i, Fragment as g, renderList as C, normalizeStyle as $, createVNode as P, createTextVNode as I, createCommentVNode as _, computed as y, createBlock as U, withCtx as k } from "vue";
+import { F as S, R as B, _ as R, G as z } from "./entry-CboOSe2r.js";
+import { m as V } from "./hosted-resources-COzZ7nZY.js";
+import { u as L, c as E, a as M, _ as T, n as H } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-BGe419qz.js";
+const K = ["disabled", "aria-label"], G = { class: "shadow-hint" }, O = { class: "shadow-lock" }, W = ["aria-label", "checked", "disabled"], X = { class: "shadow-hint" }, Y = { class: "shadow-color-field" }, j = ["aria-label"], q = ["aria-label", "title", "aria-pressed", "disabled", "onClick"], J = ["title"], Q = ["aria-label", "disabled", "value"], Z = { class: "shadow-field-heading" }, ee = ["aria-label", "disabled", "min", "max", "step", "value", "onInput"], ae = ["aria-label", "aria-valuetext", "title", "disabled", "min", "max", "step", "value", "onInput"], te = { class: "shadow-field-tip" }, le = ["aria-label", "disabled"], oe = /* @__PURE__ */ N({
+  __name: "ShadowPanel",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    hideReset: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: u }) {
+    const { ui: l, uiText: s } = S(), d = t, m = u, x = [
+      { label: "黑色", value: "#000000" },
+      { label: "白色", value: "#ffffff" },
+      { label: "红色", value: "#ff0000" },
+      { label: "青色", value: "#00ffff" },
+      { label: "黄色", value: "#ffff00" },
+      { label: "紫色", value: "#8000ff" }
+    ], v = [
+      {
+        key: "offsetX",
+        label: "横向偏移",
+        min: -256,
+        max: 256,
+        step: 1,
+        unit: "px",
+        tip: "负值向左，正值向右"
+      },
+      {
+        key: "offsetY",
+        label: "纵向偏移",
+        min: -256,
+        max: 256,
+        step: 1,
+        unit: "px",
+        tip: "负值向上，正值向下"
+      },
+      {
+        key: "blur",
+        label: "模糊",
+        min: 0,
+        max: 100,
+        step: 1,
+        unit: "px",
+        tip: "数值越大，投影边缘越柔和"
+      },
+      {
+        key: "opacity",
+        label: "不透明度",
+        min: 0,
+        max: 100,
+        step: 0.1,
+        unit: "%",
+        tip: "0% 不添加投影，100% 最浓"
+      }
+    ];
+    function w(n) {
+      return n.key === "opacity" ? Number((d.modelValue.opacity * 100).toFixed(1)) : d.modelValue[n.key];
+    }
+    function p(n, b) {
+      if (d.disabled) return;
+      const e = b.target.value;
+      if (!e.trim() || !Number.isFinite(Number(e))) return;
+      const c = Math.round(Math.min(n.max, Math.max(n.min, Number(e))) / n.step) * n.step;
+      m("update:modelValue", {
+        ...d.modelValue,
+        [n.key]: n.key === "opacity" ? Number((c / 100).toFixed(3)) : c
+      });
+    }
+    function f(n) {
+      !d.disabled && /^#[0-9a-f]{6}$/i.test(n) && m("update:modelValue", {
+        ...d.modelValue,
+        color: n.toLowerCase()
+      });
+    }
+    function D(n) {
+      [
+        "ArrowLeft",
+        "ArrowRight",
+        "ArrowUp",
+        "ArrowDown",
+        "Home",
+        "End",
+        "PageUp",
+        "PageDown"
+      ].includes(n.key) && n.stopPropagation();
+    }
+    function F() {
+      d.disabled || m("update:modelValue", { ...V });
+    }
+    function A(n) {
+      d.disabled || m("update:modelValue", {
+        ...d.modelValue,
+        lockSize: n.target.checked
+      });
+    }
+    return (n, b) => (r(), h("fieldset", {
+      class: "shadow-panel",
+      disabled: t.disabled,
+      "aria-label": a(l)("tools.shadow.shadowPanel_1b01b881")
+    }, [
+      o("p", G, i(a(l)("tools.shadow.shadowPanel_5778f51c")), 1),
+      o("label", O, [
+        o("input", {
+          type: "checkbox",
+          "aria-label": a(l)("tools.shadow.shadowPanel_208fc432"),
+          checked: !!t.modelValue.lockSize,
+          disabled: t.disabled,
+          onChange: A
+        }, null, 40, W),
+        o("span", null, i(a(l)("tools.shadow.shadowPanel_208fc432")), 1)
+      ]),
+      o("p", X, i(t.modelValue.lockSize ? a(l)("tools.shadow.shadowPanel_12f52a89") : a(l)("tools.shadow.shadowPanel_5f85fdc3")), 1),
+      o("div", Y, [
+        o("span", null, i(a(l)("tools.shadow.shadowPanel_d6319362")), 1),
+        o("div", {
+          class: "shadow-colors",
+          role: "group",
+          "aria-label": a(l)("tools.shadow.shadowPanel_1ba46530")
+        }, [
+          (r(), h(g, null, C(x, (e) => o("button", {
+            key: e.value,
+            type: "button",
+            "aria-label": a(l)("tools.shadow.shadowPanel_f5b7f132", { p0: a(s)(e.label) }),
+            title: `${a(s)(e.label)} ${e.value}`,
+            "aria-pressed": t.modelValue.color.toLowerCase() === e.value,
+            disabled: t.disabled,
+            style: $({ "--shadow-color": e.value }),
+            onClick: (c) => f(e.value)
+          }, [...b[1] || (b[1] = [
+            o("span", null, null, -1)
+          ])], 12, q)), 64)),
+          o("label", {
+            class: "shadow-custom-color",
+            title: a(l)("tools.shadow.shadowPanel_3d4a10aa", { p0: t.modelValue.color })
+          }, [
+            o("span", {
+              style: $({ backgroundColor: t.modelValue.color })
+            }, null, 4),
+            o("input", {
+              type: "color",
+              "aria-label": a(l)("tools.shadow.shadowPanel_784af391"),
+              disabled: t.disabled,
+              value: t.modelValue.color,
+              onInput: b[0] || (b[0] = (e) => f(e.target.value))
+            }, null, 40, Q)
+          ], 8, J)
+        ], 8, j)
+      ]),
+      (r(), h(g, null, C(v, (e) => o("div", {
+        key: e.key,
+        class: "shadow-field"
+      }, [
+        o("div", Z, [
+          o("span", null, i(a(s)(e.label)), 1),
+          o("label", null, [
+            o("input", {
+              type: "number",
+              "aria-label": a(l)("tools.shadow.shadowPanel_9d931511", { p0: a(s)(e.label), p1: e.unit }),
+              disabled: t.disabled,
+              min: e.min,
+              max: e.max,
+              step: e.step,
+              value: w(e),
+              onInput: (c) => p(e, c)
+            }, null, 40, ee),
+            o("small", null, i(e.unit), 1)
+          ])
+        ]),
+        o("input", {
+          type: "range",
+          "aria-label": a(s)(e.label),
+          "aria-valuetext": `${w(e)} ${e.unit}，${a(s)(e.tip)}`,
+          title: a(s)(e.tip),
+          disabled: t.disabled,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          value: w(e),
+          onInput: (c) => p(e, c),
+          onKeydown: D
+        }, null, 40, ae),
+        o("small", te, i(a(s)(e.tip)), 1)
+      ])), 64)),
+      t.hideReset ? _("", !0) : (r(), h("button", {
+        key: 0,
+        type: "button",
+        class: "shadow-reset",
+        "aria-label": a(l)("tools.shadow.shadowPanel_29de98dd"),
+        disabled: t.disabled,
+        onClick: F
+      }, [
+        P(a(B), { size: 14 }),
+        I(i(a(l)("tools.shadow.shadowPanel_29de98dd")), 1)
+      ], 8, le))
+    ], 8, K));
+  }
+}), ne = /* @__PURE__ */ R(oe, [["__scopeId", "data-v-9ed3f41c"]]), se = {
+  key: 0,
+  class: "hint"
+}, de = {
+  key: 1,
+  class: "hint"
+}, me = /* @__PURE__ */ N({
+  __name: "ShadowToolPanel",
+  props: {
+    context: {}
+  },
+  setup(t) {
+    const { ui: u } = S(), l = t, s = L(() => l.context), d = y(() => s.value.shadow.opacity === 0), m = y(
+      () => E(s.value.shadow, V) || !!l.context.view.appliedCount
+    ), x = y(
+      () => l.context.view.waitingCount ? void 0 : u("common.historyDrawer_500cba39", {
+        p0: l.context.view.appliedCount ? u("common.toolPanel_474c2513") : u("common.toolPanel_fab8cc8f"),
+        p1: l.context.view.count
+      })
+    ), v = M(() => l.context, "shadow");
+    return (w, p) => (r(), U(z, {
+      context: t.context,
+      layout: "contained",
+      changed: m.value,
+      onReset: p[0] || (p[0] = (f) => t.context.resetDraft({ shadow: { ...a(V) } }))
+    }, {
+      actions: k(() => [
+        P(T, {
+          context: t.context,
+          available: a(H)(t.context),
+          ready: !d.value,
+          label: x.value
+        }, {
+          default: k(() => [
+            t.context.view.appliedCount ? (r(), h("p", se, i(a(u)("common.toolPanel_32b1782c", { p0: t.context.view.appliedCount })), 1)) : _("", !0),
+            d.value ? (r(), h("p", de, i(a(u)("common.toolPanel_508186e2")), 1)) : _("", !0)
+          ]),
+          _: 1
+        }, 8, ["context", "available", "ready", "label"])
+      ]),
+      default: k(() => [
+        P(ne, {
+          "model-value": a(s).shadow,
+          "hide-reset": !0,
+          disabled: t.context.readonly,
+          "onUpdate:modelValue": a(v)
+        }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }, 8, ["context", "changed"]));
+  }
+});
+export {
+  me as default
+};