@beeintel/batch-image 1.0.1 → 1.1.0

package/dist/chunks/RetouchToolPanel-CqSzWVOK.js

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

package/dist/chunks/ShadowToolPanel-BgsCgLay.js

@@ -0,0 +1,258 @@
+import { defineComponent as F, openBlock as c, createElementBlock as h, unref as a, createElementVNode as o, createTextVNode as f, toDisplayString as u, createVNode as w, Fragment as _, renderList as C, normalizeStyle as $, createCommentVNode as k, computed as N, createBlock as B, withCtx as y } from "vue";
+import { F as A, P as S, R, _ as z, G as L } from "./entry-DVV89YMR.js";
+import { m as P } from "./hosted-resources-COzZ7nZY.js";
+import { u as E, c as M, a as T, _ as H, n as K } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-DIRuJ1De.js";
+const G = ["disabled", "aria-label"], O = { class: "shadow-lock" }, W = ["aria-label", "checked", "disabled"], X = { class: "shadow-color-field" }, Y = ["aria-label"], j = ["aria-label", "title", "aria-pressed", "disabled", "onClick"], q = ["title"], J = ["aria-label", "disabled", "value"], Q = { class: "shadow-field-heading" }, Z = ["aria-label", "disabled", "min", "max", "step", "value", "onInput"], ee = ["aria-label", "aria-valuetext", "title", "disabled", "min", "max", "step", "value", "onInput"], ae = ["aria-label", "disabled"], le = /* @__PURE__ */ F({
+  __name: "ShadowPanel",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    hideReset: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: p }) {
+    const { ui: n, uiText: s } = A(), d = l, r = p, 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 m(t) {
+      return t.key === "opacity" ? Number((d.modelValue.opacity * 100).toFixed(1)) : d.modelValue[t.key];
+    }
+    function v(t, b) {
+      if (d.disabled) return;
+      const e = b.target.value;
+      if (!e.trim() || !Number.isFinite(Number(e))) return;
+      const i = Math.round(Math.min(t.max, Math.max(t.min, Number(e))) / t.step) * t.step;
+      r("update:modelValue", {
+        ...d.modelValue,
+        [t.key]: t.key === "opacity" ? Number((i / 100).toFixed(3)) : i
+      });
+    }
+    function g(t) {
+      !d.disabled && /^#[0-9a-f]{6}$/i.test(t) && r("update:modelValue", {
+        ...d.modelValue,
+        color: t.toLowerCase()
+      });
+    }
+    function D(t) {
+      [
+        "ArrowLeft",
+        "ArrowRight",
+        "ArrowUp",
+        "ArrowDown",
+        "Home",
+        "End",
+        "PageUp",
+        "PageDown"
+      ].includes(t.key) && t.stopPropagation();
+    }
+    function I() {
+      d.disabled || r("update:modelValue", { ...P });
+    }
+    function U(t) {
+      d.disabled || r("update:modelValue", {
+        ...d.modelValue,
+        lockSize: t.target.checked
+      });
+    }
+    return (t, b) => (c(), h("fieldset", {
+      class: "shadow-panel",
+      disabled: l.disabled,
+      "aria-label": a(n)("tools.shadow.shadowPanel_1b01b881")
+    }, [
+      o("label", O, [
+        o("input", {
+          type: "checkbox",
+          "aria-label": a(n)("tools.shadow.shadowPanel_208fc432"),
+          checked: !!l.modelValue.lockSize,
+          disabled: l.disabled,
+          onChange: U
+        }, null, 40, W),
+        o("span", null, [
+          f(u(a(n)("tools.shadow.shadowPanel_208fc432")), 1),
+          w(S, {
+            text: a(n)(
+              l.modelValue.lockSize ? "tools.shadow.shadowPanel_12f52a89" : "tools.shadow.shadowPanel_5f85fdc3"
+            )
+          }, null, 8, ["text"])
+        ])
+      ]),
+      o("div", X, [
+        o("span", null, u(a(n)("tools.shadow.shadowPanel_d6319362")), 1),
+        o("div", {
+          class: "shadow-colors",
+          role: "group",
+          "aria-label": a(n)("tools.shadow.shadowPanel_1ba46530")
+        }, [
+          (c(), h(_, null, C(x, (e) => o("button", {
+            key: e.value,
+            type: "button",
+            "aria-label": a(n)("tools.shadow.shadowPanel_f5b7f132", { p0: a(s)(e.label) }),
+            title: `${a(s)(e.label)} ${e.value}`,
+            "aria-pressed": l.modelValue.color.toLowerCase() === e.value,
+            disabled: l.disabled,
+            style: $({ "--shadow-color": e.value }),
+            onClick: (i) => g(e.value)
+          }, [...b[1] || (b[1] = [
+            o("span", null, null, -1)
+          ])], 12, j)), 64)),
+          o("label", {
+            class: "shadow-custom-color",
+            title: a(n)("tools.shadow.shadowPanel_3d4a10aa", { p0: l.modelValue.color })
+          }, [
+            o("span", {
+              style: $({ backgroundColor: l.modelValue.color })
+            }, null, 4),
+            o("input", {
+              type: "color",
+              "aria-label": a(n)("tools.shadow.shadowPanel_784af391"),
+              disabled: l.disabled,
+              value: l.modelValue.color,
+              onInput: b[0] || (b[0] = (e) => g(e.target.value))
+            }, null, 40, J)
+          ], 8, q)
+        ], 8, Y)
+      ]),
+      (c(), h(_, null, C(V, (e) => o("div", {
+        key: e.key,
+        class: "shadow-field"
+      }, [
+        o("div", Q, [
+          o("span", null, [
+            f(u(a(s)(e.label)), 1),
+            w(S, {
+              text: a(s)(e.tip)
+            }, null, 8, ["text"])
+          ]),
+          o("label", null, [
+            o("input", {
+              type: "number",
+              "aria-label": a(n)("tools.shadow.shadowPanel_9d931511", { p0: a(s)(e.label), p1: e.unit }),
+              disabled: l.disabled,
+              min: e.min,
+              max: e.max,
+              step: e.step,
+              value: m(e),
+              onInput: (i) => v(e, i)
+            }, null, 40, Z),
+            o("small", null, u(e.unit), 1)
+          ])
+        ]),
+        o("input", {
+          type: "range",
+          "aria-label": a(s)(e.label),
+          "aria-valuetext": `${m(e)} ${e.unit}，${a(s)(e.tip)}`,
+          title: a(s)(e.tip),
+          disabled: l.disabled,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          value: m(e),
+          onInput: (i) => v(e, i),
+          onKeydown: D
+        }, null, 40, ee)
+      ])), 64)),
+      l.hideReset ? k("", !0) : (c(), h("button", {
+        key: 0,
+        type: "button",
+        class: "shadow-reset",
+        "aria-label": a(n)("tools.shadow.shadowPanel_29de98dd"),
+        disabled: l.disabled,
+        onClick: I
+      }, [
+        w(a(R), { size: 14 }),
+        f(u(a(n)("tools.shadow.shadowPanel_29de98dd")), 1)
+      ], 8, ae))
+    ], 8, G));
+  }
+}), te = /* @__PURE__ */ z(le, [["__scopeId", "data-v-9624ea03"]]), oe = {
+  key: 0,
+  class: "hint"
+}, ne = {
+  key: 1,
+  class: "hint"
+}, ce = /* @__PURE__ */ F({
+  __name: "ShadowToolPanel",
+  props: {
+    context: {}
+  },
+  setup(l) {
+    const { ui: p } = A(), n = l, s = E(() => n.context), d = N(() => s.value.shadow.opacity === 0), r = N(
+      () => M(s.value.shadow, P) || !!n.context.view.appliedCount
+    ), x = T(() => n.context, "shadow");
+    return (V, m) => (c(), B(L, {
+      context: l.context,
+      layout: "contained",
+      help: a(p)("tools.shadow.shadowPanel_5778f51c"),
+      changed: r.value,
+      onReset: m[0] || (m[0] = (v) => l.context.resetDraft({ shadow: { ...a(P) } }))
+    }, {
+      actions: y(() => [
+        w(H, {
+          context: l.context,
+          available: a(K)(l.context),
+          ready: !d.value
+        }, {
+          default: y(() => [
+            l.context.view.appliedCount ? (c(), h("p", oe, u(a(p)("common.toolPanel_32b1782c", { p0: l.context.view.appliedCount })), 1)) : k("", !0),
+            d.value ? (c(), h("p", ne, u(a(p)("common.toolPanel_508186e2")), 1)) : k("", !0)
+          ]),
+          _: 1
+        }, 8, ["context", "available", "ready"])
+      ]),
+      default: y(() => [
+        w(te, {
+          "model-value": a(s).shadow,
+          "hide-reset": !0,
+          disabled: l.context.readonly,
+          "onUpdate:modelValue": a(x)
+        }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }, 8, ["context", "help", "changed"]));
+  }
+});
+export {
+  ce as default
+};