@beeintel/batch-image 1.0.0 → 1.1.0

package/dist/chunks/ResizeToolPanel-BVeZbKJl.js

@@ -0,0 +1,1171 @@
+import { defineComponent as ae, useId as Ue, computed as C, openBlock as d, createElementBlock as u, unref as e, createElementVNode as s, createCommentVNode as b, defineAsyncComponent as Ge, ref as y, watch as F, onActivated as Qe, nextTick as K, createVNode as m, withCtx as q, Fragment as U, renderList as B, toDisplayString as h, normalizeClass as Ye, createBlock as J, createTextVNode as E } from "vue";
+import { J as oe, F as ie, _ as Se, K as fe, L as pe, N as Xe, O as et, Q as Y, S as tt, T as lt, U as we, V as at, W as ze, P as X, R as ot, X as ye, Y as it, Z as st, $ as ke, a0 as nt, a1 as le, a2 as rt, G as dt } from "./entry-DVV89YMR.js";
+import { ar as _e, ao as Ie } from "./hosted-resources-COzZ7nZY.js";
+import { B as Ce } from "./BatchOutputColorPicker-CZoQzBII.js";
+import { C as ut } from "./ContentTrimControl-CKNfHz_u.js";
+import { S as ct } from "./search-CUAg5uDr.js";
+import { u as ht, a as mt, c as bt, _ as vt, n as gt } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-DIRuJ1De.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 ft = {
+  name: "arrow-left-right",
+  size: 24,
+  node: [
+    ["path", { d: "M8 3 4 7l4 4", key: "9rb6wj" }],
+    ["path", { d: "M4 7h16", key: "6tx8e3" }],
+    ["path", { d: "m16 21 4-4-4-4", key: "siv7j2" }],
+    ["path", { d: "M20 17H4", key: "h6l3hr" }]
+  ]
+}, Ve = oe(ft);
+/**
+ * @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 pt = {
+  name: "lock-open",
+  size: 24,
+  node: [
+    ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+    ["path", { d: "M7 11V7a5 5 0 0 1 9.9-1", key: "1mm8w8" }]
+  ],
+  aliases: ["unlock"]
+}, wt = oe(pt);
+/**
+ * @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 zt = {
+  name: "lock",
+  size: 24,
+  node: [
+    ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+    ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+  ]
+}, yt = oe(zt), kt = ["viewBox", "aria-label"], Ct = ["id", "width", "height"], Vt = ["width", "height"], Pt = ["width", "height"], xt = ["x", "y", "width", "height"], $t = ["id"], Rt = ["width", "height"], Lt = ["width", "height", "fill"], Ut = ["clip-path"], St = ["x", "y", "width", "height", "viewBox"], _t = ["width", "height"], It = ["points"], Mt = ["cx", "cy", "r"], Dt = ["d"], Bt = ["x", "y", "width", "height"], Et = ["width", "height"], At = /* @__PURE__ */ ae({
+  __name: "SizeCropIllustration",
+  props: {
+    label: {},
+    width: {},
+    height: {},
+    method: {},
+    anchor: {},
+    background: { default: "#ffffff" },
+    sourceWidth: { default: 5461 },
+    sourceHeight: { default: 4096 },
+    allowEnlargement: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const { ui: _, uiText: A } = ie(), i = t, c = Ue(), o = C(() => {
+      if (i.method === "crop") {
+        const z = _e(i.sourceWidth, i.sourceHeight, {
+          version: 1,
+          ratio: `${i.width}:${i.height}`,
+          anchor: i.anchor
+        });
+        return {
+          width: i.sourceWidth,
+          height: i.sourceHeight,
+          image: { x: 0, y: 0, width: i.sourceWidth, height: i.sourceHeight },
+          crop: z,
+          mask: `M0 0h${i.sourceWidth}v${i.sourceHeight}h-${i.sourceWidth}Z M${z.x} ${z.y}h${z.width}v${z.height}h-${z.width}Z`
+        };
+      }
+      const p = Ie(i.sourceWidth, i.sourceHeight, {
+        width: i.width,
+        height: i.height,
+        fit: i.method,
+        position: i.anchor,
+        background: i.background,
+        allowEnlargement: i.allowEnlargement
+      });
+      return {
+        width: p.width,
+        height: p.height,
+        image: p.imageRect,
+        crop: void 0,
+        mask: void 0
+      };
+    });
+    return (p, z) => (d(), u("svg", {
+      viewBox: `0 0 ${o.value.width} ${o.value.height}`,
+      role: "img",
+      "aria-label": e(A)(t.label),
+      preserveAspectRatio: "xMidYMid meet",
+      class: "size-illustration"
+    }, [
+      s("defs", null, [
+        s("pattern", {
+          id: `${e(c)}-checker`,
+          width: o.value.width / 8,
+          height: o.value.height / 8,
+          patternUnits: "userSpaceOnUse"
+        }, [
+          s("rect", {
+            width: o.value.width / 8,
+            height: o.value.height / 8,
+            fill: "#ffffff"
+          }, null, 8, Vt),
+          s("rect", {
+            width: o.value.width / 16,
+            height: o.value.height / 16,
+            fill: "#e4e4e7"
+          }, null, 8, Pt),
+          s("rect", {
+            x: o.value.width / 16,
+            y: o.value.height / 16,
+            width: o.value.width / 16,
+            height: o.value.height / 16,
+            fill: "#e4e4e7"
+          }, null, 8, xt)
+        ], 8, Ct),
+        s("clipPath", {
+          id: `${e(c)}-clip`
+        }, [
+          s("rect", {
+            x: "0",
+            y: "0",
+            width: o.value.width,
+            height: o.value.height
+          }, null, 8, Rt)
+        ], 8, $t)
+      ]),
+      s("rect", {
+        x: "0",
+        y: "0",
+        width: o.value.width,
+        height: o.value.height,
+        fill: t.background === "transparent" ? `url(#${e(c)}-checker)` : t.background
+      }, null, 8, Lt),
+      s("g", {
+        "clip-path": `url(#${e(c)}-clip)`
+      }, [
+        (d(), u("svg", {
+          x: o.value.image.x,
+          y: o.value.image.y,
+          width: o.value.image.width,
+          height: o.value.image.height,
+          viewBox: `0 0 ${t.sourceWidth} ${t.sourceHeight}`,
+          preserveAspectRatio: "none",
+          class: "size-illustration-photo"
+        }, [
+          s("rect", {
+            x: "0",
+            y: "0",
+            width: t.sourceWidth,
+            height: t.sourceHeight,
+            fill: "#eff3e8"
+          }, null, 8, _t),
+          s("polygon", {
+            points: `0,${t.sourceHeight} ${t.sourceWidth * 0.4},${t.sourceHeight * 0.4} ${t.sourceWidth * 0.83},${t.sourceHeight}`,
+            fill: "#b7c69f"
+          }, null, 8, It),
+          s("circle", {
+            cx: t.sourceWidth * 0.76,
+            cy: t.sourceHeight * 0.24,
+            r: Math.min(t.sourceWidth, t.sourceHeight) * 0.075,
+            fill: "#91a76d"
+          }, null, 8, Mt)
+        ], 8, St)),
+        o.value.mask ? (d(), u("path", {
+          key: 0,
+          d: o.value.mask,
+          fill: "#24262a",
+          "fill-opacity": ".2",
+          "fill-rule": "evenodd"
+        }, null, 8, Dt)) : b("", !0)
+      ], 8, Ut),
+      o.value.crop ? (d(), u("rect", {
+        key: 0,
+        class: "size-illustration-crop",
+        x: o.value.crop.x,
+        y: o.value.crop.y,
+        width: o.value.crop.width,
+        height: o.value.crop.height,
+        fill: "none",
+        stroke: "#84a447",
+        "stroke-width": "1.5",
+        "vector-effect": "non-scaling-stroke"
+      }, null, 8, Bt)) : (d(), u("rect", {
+        key: 1,
+        x: "0",
+        y: "0",
+        width: o.value.width,
+        height: o.value.height,
+        fill: "none",
+        stroke: "#a6b690",
+        "stroke-width": "1",
+        "vector-effect": "non-scaling-stroke"
+      }, null, 8, Et))
+    ], 8, kt));
+  }
+}), ee = /* @__PURE__ */ Se(At, [["__scopeId", "data-v-219fa766"]]), Ht = "" + new URL("../assets/amazon-CjTtpZTq.webp", import.meta.url).href, Tt = "" + new URL("../assets/ebay-CxLfrRAf.webp", import.meta.url).href, Wt = "" + new URL("../assets/etsy-CSvz9GpY.webp", import.meta.url).href, Ot = "" + new URL("../assets/shopify-wVaBafcF.webp", import.meta.url).href, Pe = "" + new URL("../assets/facebook-Ca2nJJiQ.webp", import.meta.url).href, Kt = "" + new URL("../assets/instagram-Bf0IVidT.webp", import.meta.url).href, qt = "" + new URL("../assets/mercado-libre-C8CskEiS.webp", import.meta.url).href, xe = "" + new URL("../assets/whatsapp-CWJxqzR6.webp", import.meta.url).href, $e = "" + new URL("../assets/line-Dr1j___B.webp", import.meta.url).href, Nt = "" + new URL("../assets/poshmark-DnZi2vA1.webp", import.meta.url).href, jt = "" + new URL("../assets/depop-CkVC5Fn1.webp", import.meta.url).href, Ft = "" + new URL("../assets/vinted-1QDsxvC6.webp", import.meta.url).href, Jt = "" + new URL("../assets/shopee-Bxfei6sj.webp", import.meta.url).href, Zt = "" + new URL("../assets/lazada-ConR4e1O.webp", import.meta.url).href, Gt = "" + new URL("../assets/momo-BWXO_8Df.webp", import.meta.url).href, Qt = "" + new URL("../assets/shopline-DMoaJ7Bh.webp", import.meta.url).href, Yt = "" + new URL("../assets/nuvemshop-DPt6rnA-.webp", import.meta.url).href, Re = "" + new URL("../assets/mercari-jp-DHj7nz4O.webp", import.meta.url).href, Xt = "" + new URL("../assets/creema-B1tWyCPx.webp", import.meta.url).href, el = "" + new URL("../assets/rakuten-ulYog1hL.webp", import.meta.url).href, tl = "" + new URL("../assets/qoo10-C1pq81Jx.webp", import.meta.url).href, ll = "" + new URL("../assets/buyma-dAxYNjow.webp", import.meta.url).href, al = "" + new URL("../assets/naver-xQKL8lWg.webp", import.meta.url).href, ol = "" + new URL("../assets/karrot-BXFPhDwt.webp", import.meta.url).href, il = "" + new URL("../assets/g-market-DXuYK_JH.webp", import.meta.url).href, sl = "" + new URL("../assets/ssg-DQoFx5u5.webp", import.meta.url).href, nl = "" + new URL("../assets/idus-7diqRNPs.webp", import.meta.url).href, rl = "" + new URL("../assets/auction-j26eVUQO.webp", import.meta.url).href, dl = "" + new URL("../assets/11st-D7qGO5e4.webp", import.meta.url).href, ul = "" + new URL("../assets/kakao-talk-Df79L_Mv.webp", import.meta.url).href, cl = "" + new URL("../assets/otto-market-DWZyNKJn.webp", import.meta.url).href, hl = "" + new URL("../assets/zalando-CenfWOwz.webp", import.meta.url).href, ml = "" + new URL("../assets/kaufland-BDDy6e0C.webp", import.meta.url).href, bl = "" + new URL("../assets/olx-B87gp-Il.webp", import.meta.url).href, vl = "" + new URL("../assets/douyin-CP_HwBDF.webp", import.meta.url).href, gl = "" + new URL("../assets/youtube-DS12d5mi.webp", import.meta.url).href, fl = "" + new URL("../assets/linkedin-4s_9Wh03.webp", import.meta.url).href, pl = "" + new URL("../assets/pinterest-ByZqih2J.webp", import.meta.url).href, Le = Object.freeze({
+  Amazon: Ht,
+  eBay: Tt,
+  Etsy: Wt,
+  Shopify: Ot,
+  Facebook: Pe,
+  Instagram: Kt,
+  "Mercado Libre": qt,
+  WhatsApp: xe,
+  LINE: $e,
+  Poshmark: Nt,
+  Depop: jt,
+  Vinted: Ft,
+  Shopee: Jt,
+  Lazada: Zt,
+  MOMO: Gt,
+  Shopline: Qt,
+  Nuvemshop: Yt,
+  "Mercari JP": Re,
+  Creema: Xt,
+  Rakuten: el,
+  Qoo10: tl,
+  BUYMA: ll,
+  Naver: al,
+  Karrot: ol,
+  "G Market": il,
+  SSG: sl,
+  Idus: nl,
+  Auction: rl,
+  "11st": dl,
+  "Kakao Talk": ul,
+  "Otto Market": cl,
+  Zalando: hl,
+  Kaufland: ml,
+  OLX: bl,
+  抖音: vl,
+  YouTube: gl,
+  LinkedIn: fl,
+  Pinterest: pl,
+  "Facebook Marketplace": Pe,
+  "WhatsApp Business": xe,
+  "LINE Shop": $e,
+  Mercari: Re
+});
+function te(t) {
+  const _ = Object.prototype.hasOwnProperty.call(Le, t) ? Le[t] : void 0;
+  return _ ? { src: _, alt: t } : void 0;
+}
+const wl = ["aria-label"], zl = ["aria-label"], yl = ["id", "aria-controls", "aria-selected", "tabindex", "disabled", "data-size-mode", "onClick", "onKeydown"], kl = {
+  key: 0,
+  class: "size-search"
+}, Cl = ["disabled", "aria-label", "aria-controls", "aria-expanded", "aria-activedescendant", "value", "placeholder"], Vl = ["disabled", "aria-label", "title"], Pl = {
+  key: 1,
+  class: "size-snapshot-note"
+}, xl = ["id", "aria-labelledby", "disabled"], $l = { class: "size-catalog-heading" }, Rl = ["aria-label", "title"], Ll = ["id", "aria-label"], Ul = ["aria-label"], Sl = ["id", "aria-selected", "tabindex", "data-option-index", "title", "onClick"], _l = { class: "size-platform-mark" }, Il = ["src", "alt"], Ml = ["title"], Dl = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true"
+}, Bl = { class: "size-catalog-copy" }, El = { key: 0 }, Al = { key: 1 }, Hl = { key: 2 }, Tl = { class: "size-catalog-icons" }, Wl = {
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true"
+}, Ol = ["x", "y", "width", "height"], Kl = {
+  key: 0,
+  class: "size-empty"
+}, ql = ["aria-label", "disabled"], Nl = ["id", "aria-labelledby", "disabled"], jl = {
+  key: 1,
+  class: "size-background"
+}, Fl = {
+  key: 0,
+  class: "size-quick-presets"
+}, Jl = ["aria-label", "aria-pressed", "title", "onClick"], Zl = {
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true"
+}, Gl = ["width", "height"], Ql = {
+  key: 0,
+  d: "M9 12h6M12 9v6",
+  stroke: "currentColor",
+  "stroke-width": "1.4"
+}, Yl = {
+  key: 1,
+  d: "M8 12h8M12 8v8",
+  stroke: "currentColor",
+  "stroke-width": "1.4"
+}, Xl = {
+  key: 2,
+  class: "size-template-label"
+}, ea = ["title"], ta = {
+  key: 3,
+  class: "size-original-note"
+}, la = { class: "size-specification" }, aa = ["title"], oa = {
+  key: 0,
+  class: "size-preset-actions"
+}, ia = ["aria-label", "title"], sa = ["aria-label"], na = ["data-method", "aria-label", "aria-checked", "tabindex", "title", "onClick", "onKeydown"], ra = {
+  key: 0,
+  class: "size-current-output",
+  role: "status"
+}, da = { class: "size-dimensions" }, ua = ["aria-label", "value", "aria-invalid", "aria-describedby"], ca = { class: "size-dimension-icons" }, ha = ["aria-label", "title", "aria-checked", "disabled"], ma = ["aria-label", "title", "disabled"], ba = ["aria-label", "value", "aria-invalid", "aria-describedby"], va = ["id"], ga = { class: "size-position-controls" }, fa = ["aria-label"], pa = ["aria-label", "title", "aria-pressed", "onClick"], wa = { class: "size-position-examples" }, za = {
+  key: 2,
+  class: "size-background"
+}, ya = {
+  key: 3,
+  class: "size-advanced"
+}, ka = ["tabindex", "aria-disabled"], Ca = { class: "size-enlarge-field" }, Va = ["aria-label", "aria-checked"], Pa = ["aria-label", "value"], xa = ["value"], $a = ["aria-label"], Ra = /* @__PURE__ */ ae({
+  name: "SizeCropPanel",
+  __name: "SizeCropPanel",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    count: {},
+    currentWidth: {},
+    currentHeight: {},
+    scopeKey: {},
+    viewingSnapshot: { type: Boolean },
+    hideReset: { type: Boolean },
+    trimPreviewSource: {},
+    trimEstimateApplied: { type: Boolean }
+  },
+  emits: ["update:modelValue", "validity"],
+  setup(t, { expose: _, emit: A }) {
+    const { ui: i, uiText: c } = ie(), o = t, p = A, z = Ge(
+      () => import("./MaterialSelectionPlate-CQBIf6ZJ.js")
+    ), I = y(!1);
+    let M = !1;
+    F(
+      () => o.modelValue,
+      () => {
+        I.value = M, M = !1;
+      }
+    );
+    const g = Ue(), f = y(!1), P = y(""), $ = y(0), v = y(-1), x = y(), Q = y(), se = y(), H = y(String(o.modelValue.width)), T = y(String(o.modelValue.height)), w = y(""), ne = y(!0), R = C(() => o.modelValue.method === "trim" ? "trim" : "size"), Me = [
+      { value: "size", label: "尺寸 / 比例" },
+      { value: "trim", label: "按内容裁边" }
+    ], S = [
+      { value: "contain", label: "完整保留", help: "等比缩放，可留白" },
+      { value: "cover", label: "裁满画布", help: "等比铺满，裁去边缘" },
+      { value: "crop", label: "仅裁切", help: "只按比例裁切，不缩放" }
+    ], re = [
+      { value: "lanczos3", label: "Lanczos3 · 清晰" },
+      { value: "mitchell", label: "Mitchell · 平衡" },
+      { value: "cubic", label: "Catmull-Rom · 平滑" },
+      { value: "linear", label: "Bilinear · 柔和" }
+    ], de = [
+      { value: "top-left", label: "左上", symbol: "↖" },
+      { value: "top", label: "顶部", symbol: "↑" },
+      { value: "top-right", label: "右上", symbol: "↗" },
+      { value: "left", label: "左侧", symbol: "←" },
+      { value: "center", label: "居中", symbol: "·" },
+      { value: "right", label: "右侧", symbol: "→" },
+      { value: "bottom-left", label: "左下", symbol: "↙" },
+      { value: "bottom", label: "底部", symbol: "↓" },
+      { value: "bottom-right", label: "右下", symbol: "↘" }
+    ], ue = {
+      "standard-square": "方图",
+      "standard-portrait": "竖图",
+      "standard-landscape": "横图",
+      custom: "自定义"
+    }, De = { original: "保持各图当前尺寸", custom: "自定义尺寸" }, Be = {
+      reference: "参考尺寸",
+      "official-minimum": "官方最低尺寸",
+      "official-recommended": "官方建议尺寸"
+    }, W = C(
+      () => ["original", "custom"].includes(o.modelValue.presetId) ? void 0 : fe(o.modelValue.presetId)
+    ), Ee = C(
+      () => o.modelValue.sizeMode === "original" ? i("tools.resize.sizeCropPanel_2dfe85f0") : W.value ? [W.value.platform, c(W.value.label)].filter(Boolean).join(" · ") : i("tools.resize.sizeCropPanel_8a2e2847")
+    ), Ae = C(() => pe(o.modelValue)), k = C(() => Xe(P.value)), He = C(() => {
+      if (P.value.trim())
+        return [
+          {
+            id: "search",
+            label: i("tools.resize.sizeCropPanel_88d72ece"),
+            options: k.value.map((n, l) => ({ preset: n, index: l }))
+          }
+        ];
+      const a = [];
+      return k.value.forEach((n, l) => {
+        let r = a.find((V) => V.id === n.group);
+        r || (r = {
+          id: n.group,
+          label: et.find((V) => V.id === n.group)?.label ?? n.group,
+          options: []
+        }, a.push(r)), r.options.push({ preset: n, index: l });
+      }), a;
+    }), Te = C(
+      () => v.value >= 0 && k.value[v.value] ? `${g}-option-${k.value[v.value].id}` : void 0
+    ), We = C(
+      () => i(
+        o.modelValue.method === "contain" ? "tools.resize.positionAligned" : "tools.resize.positionKept",
+        {
+          position: c(
+            de.find((a) => a.value === o.modelValue.anchor)?.label || "居中"
+          )
+        }
+      )
+    ), ce = C(() => {
+      if (o.modelValue.method === "trim") return i("tools.crop.contentTrim.singlePreview");
+      if (o.modelValue.sizeMode === "original") return "";
+      if (o.modelValue.method !== "crop") {
+        if (o.modelValue.allowEnlargement || o.viewingSnapshot || !o.currentWidth || !o.currentHeight)
+          return "";
+        try {
+          const a = Ie(o.currentWidth, o.currentHeight, {
+            width: o.modelValue.width,
+            height: o.modelValue.height,
+            fit: o.modelValue.method,
+            background: o.modelValue.background,
+            position: o.modelValue.anchor,
+            allowEnlargement: !1
+          });
+          return a.skipped ? i("tools.resize.sizeCropPanel_113e4bd6", { p0: a.width, p1: a.height }) : "";
+        } catch {
+          return "";
+        }
+      }
+      if (o.viewingSnapshot || !o.currentWidth || !o.currentHeight)
+        return i("tools.resize.sizeCropPanel_347ab08e");
+      try {
+        const a = _e(o.currentWidth, o.currentHeight, {
+          version: 1,
+          ratio: `${o.modelValue.width}:${o.modelValue.height}`,
+          anchor: o.modelValue.anchor
+        });
+        return i("tools.resize.sizeCropPanel_c87c0205", { p0: a.width, p1: a.height });
+      } catch {
+        return i("tools.resize.sizeCropPanel_fd9f2cab");
+      }
+    });
+    function N(a) {
+      return a ? a.id === "original" ? "保持每张图片当前版本的像素尺寸，无需处理；不是恢复上传原图。" : a.id === "custom" ? "自选模板宽高或裁切比例。" : `${a.platform} · ${c(a.label)} · ${a.width} × ${a.height} · ${ze(a)} · ${c(Be[a.basis])}${a.source ? ` · ${i("common.source")}: ${c(a.source)}` : ""}` : "可自定义宽高与处理方式。";
+    }
+    function j(a) {
+      const n = Number(a);
+      return !!a.trim() && Number.isInteger(n) && n >= 1 && n <= 4096;
+    }
+    function D() {
+      o.disabled || p(
+        "validity",
+        o.modelValue.method === "trim" ? ne.value : !w.value && j(H.value) && j(T.value)
+      );
+    }
+    function O(a = o.modelValue) {
+      H.value = String(a.width), T.value = String(a.height), w.value = "", D();
+    }
+    function L(a, n) {
+      o.disabled || (M = !!n?.detail, p("update:modelValue", ye({ ...o.modelValue, ...a })));
+    }
+    function he(a, n) {
+      o.disabled || R.value === a || (M = !!n?.detail, f.value = !1, p("update:modelValue", it(o.modelValue, a)));
+    }
+    function Oe(a, n) {
+      if (o.disabled || a.defaultPrevented) return;
+      let l;
+      if (["ArrowLeft", "ArrowRight"].includes(a.key)) l = n === "size" ? "trim" : "size";
+      else if (a.key === "Home") l = "size";
+      else if (a.key === "End") l = "trim";
+      else return;
+      a.preventDefault(), a.stopPropagation();
+      const r = a.currentTarget.closest("[role=tablist]");
+      he(l), K(
+        () => r?.querySelector(`[data-size-mode="${l}"]`)?.focus()
+      );
+    }
+    function Ke(a) {
+      (a === "transparent" || /^#[0-9a-f]{6}$/i.test(a)) && L({ background: a.toLowerCase() });
+    }
+    function qe(a) {
+      const n = a.target.value;
+      re.some((l) => l.value === n) && L({ kernel: n });
+    }
+    function Z(a, n) {
+      if (o.disabled) return;
+      M = !!n?.detail;
+      const l = st(o.modelValue, a);
+      O(l), p("update:modelValue", l), G();
+    }
+    function me(a, n) {
+      if (o.disabled) return;
+      const l = n.target.value;
+      if (a === "width" ? H.value = l : T.value = l, w.value = "", !j(l) || !o.modelValue.lockRatio && (!j(H.value) || !j(T.value))) {
+        w.value = "宽高需为 1–4096 的整数。", D();
+        return;
+      }
+      try {
+        let r = ke(o.modelValue, a, Number(l));
+        if (!o.modelValue.lockRatio) {
+          const V = a === "width" ? "height" : "width";
+          r = ke(
+            r,
+            V,
+            Number(V === "width" ? H.value : T.value)
+          );
+        }
+        O(r), p("update:modelValue", r);
+      } catch {
+        w.value = "锁定比例后的宽高需在 1–4096 之间。", D();
+      }
+    }
+    function be() {
+      if (o.disabled || w.value) return;
+      const a = nt(o.modelValue);
+      O(a), p("update:modelValue", a);
+    }
+    function Ne() {
+      if (o.disabled) return;
+      const a = ye(le);
+      O(a), p("update:modelValue", a);
+    }
+    function G() {
+      const a = f.value;
+      x.value && ($.value = x.value.scrollTop), f.value = !1, a && K(() => se.value?.focus());
+    }
+    function je() {
+      return f.value ? (G(), !0) : !1;
+    }
+    _({ dismissOverlay: je, hasOverlay: () => f.value });
+    async function Fe() {
+      o.disabled || (f.value = !0, v.value = k.value.findIndex((a) => a.id === o.modelValue.presetId), await K(), x.value && (x.value.scrollTop = $.value), Q.value?.focus());
+    }
+    function Je(a) {
+      o.disabled || (P.value = a.target.value, v.value = -1, $.value = 0, P.value.trim() && (f.value = !0), x.value && (x.value.scrollTop = 0));
+    }
+    function ve(a) {
+      if (o.disabled || a.defaultPrevented) return;
+      if (a.key === "Escape") {
+        a.preventDefault(), a.stopPropagation(), G();
+        return;
+      }
+      const n = a.target.closest("[data-option-index]");
+      if (!(a.target !== Q.value && !n)) {
+        if (!f.value && ["ArrowDown", "ArrowUp", "Home", "End", "Enter"].includes(a.key) && (f.value = !0, v.value = -1), a.key === "Enter" && k.value.length) {
+          const l = n ? Number(n.dataset.optionIndex) : Math.max(0, v.value);
+          a.preventDefault(), a.stopPropagation(), Z(k.value[l].id);
+          return;
+        }
+        ["ArrowDown", "ArrowUp", "Home", "End"].includes(a.key) && (a.preventDefault(), a.stopPropagation(), k.value.length && (n && (v.value = Number(n.dataset.optionIndex)), a.key === "Home" ? v.value = 0 : a.key === "End" ? v.value = k.value.length - 1 : a.key === "ArrowDown" ? v.value = (v.value + 1) % k.value.length : v.value = v.value <= 0 ? k.value.length - 1 : v.value - 1, K(() => {
+          const l = x.value?.querySelector(
+            `[data-option-index="${v.value}"]`
+          );
+          l?.scrollIntoView?.({ block: "nearest" }), n && l?.focus();
+        })));
+      }
+    }
+    function Ze(a, n) {
+      if (o.disabled || a.defaultPrevented) return;
+      const l = S.findIndex((ge) => ge.value === n);
+      let r;
+      if (a.key === "ArrowRight" || a.key === "ArrowDown") r = (l + 1) % S.length;
+      else if (a.key === "ArrowLeft" || a.key === "ArrowUp")
+        r = (l + S.length - 1) % S.length;
+      else if (a.key === "Home") r = 0;
+      else if (a.key === "End") r = S.length - 1;
+      else return;
+      a.preventDefault(), a.stopPropagation(), L({ method: S[r].value });
+      const V = a.currentTarget?.parentElement;
+      K(
+        () => V?.querySelector(`[data-method="${S[r].value}"]`)?.focus()
+      );
+    }
+    return F(
+      [
+        () => o.modelValue.width,
+        () => o.modelValue.height,
+        () => o.modelValue.presetId,
+        () => o.modelValue.sizeMode
+      ],
+      () => O(),
+      { immediate: !0 }
+    ), F(
+      () => o.modelValue.method,
+      () => D()
+    ), F(
+      () => o.scopeKey,
+      () => {
+        P.value = "", $.value = 0, v.value = -1, f.value = !1, O();
+      }
+    ), F(
+      () => o.disabled,
+      (a) => {
+        a ? f.value = !1 : D();
+      }
+    ), Qe(() => {
+      I.value = !1, D(), f.value && K(() => {
+        x.value && (x.value.scrollTop = $.value);
+      });
+    }), (a, n) => (d(), u("section", {
+      class: "size-crop-panel material-selection-controls",
+      "aria-label": e(i)("tools.resize.sizeCropPanel_46d77e1e")
+    }, [
+      m(e(Y), {
+        id: `${e(g)}-material-modes`
+      }, {
+        default: q(() => [
+          s("div", {
+            class: "size-mode-tabs",
+            role: "tablist",
+            "aria-label": e(c)("处理目标")
+          }, [
+            (d(), u(U, null, B(Me, (l) => s("button", {
+              id: `${e(g)}-${l.value}-tab`,
+              key: l.value,
+              type: "button",
+              role: "tab",
+              "aria-controls": `${e(g)}-mode-page`,
+              "aria-selected": R.value === l.value,
+              tabindex: R.value === l.value ? 0 : -1,
+              disabled: t.disabled,
+              "data-size-mode": l.value,
+              onClick: (r) => he(l.value, r),
+              onKeydown: (r) => Oe(r, l.value)
+            }, [
+              m(e(z), {
+                selected: R.value === l.value,
+                animate: I.value
+              }, null, 8, ["selected", "animate"]),
+              s("span", null, h(e(c)(l.label)), 1)
+            ], 40, yl)), 64))
+          ], 8, zl)
+        ]),
+        _: 1
+      }, 8, ["id"]),
+      R.value === "size" ? (d(), u("div", kl, [
+        m(e(ct), { size: 15 }),
+        s("input", {
+          ref_key: "searchInput",
+          ref: Q,
+          type: "search",
+          disabled: t.disabled,
+          "aria-label": e(i)("tools.resize.sizeCropPanel_83918892"),
+          role: "combobox",
+          "aria-controls": f.value ? `${e(g)}-catalog` : void 0,
+          "aria-expanded": f.value,
+          "aria-activedescendant": f.value ? Te.value : void 0,
+          value: P.value,
+          placeholder: e(i)("tools.resize.sizeCropPanel_afce8afc"),
+          onInput: Je,
+          onKeydown: ve
+        }, null, 40, Cl),
+        s("button", {
+          ref_key: "catalogButton",
+          ref: se,
+          type: "button",
+          class: "size-browse-icon",
+          disabled: t.disabled,
+          "aria-label": e(i)("tools.resize.sizeCropPanel_81807c31"),
+          title: e(i)("tools.resize.sizeCropPanel_4be6e4b2"),
+          onClick: Fe
+        }, [
+          m(e(tt), { size: 15 })
+        ], 8, Vl)
+      ])) : b("", !0),
+      t.viewingSnapshot ? (d(), u("p", Pl, h(e(i)("tools.resize.sizeCropPanel_17f0beee")), 1)) : b("", !0),
+      f.value ? (d(), u("fieldset", {
+        key: 2,
+        id: `${e(g)}-mode-page`,
+        role: "tabpanel",
+        "aria-labelledby": `${e(g)}-${R.value}-tab`,
+        class: "size-catalog",
+        disabled: t.disabled,
+        onKeydown: ve
+      }, [
+        s("div", $l, [
+          s("button", {
+            type: "button",
+            "aria-label": e(i)("tools.resize.sizeCropPanel_70d27247"),
+            title: e(i)("tools.resize.sizeCropPanel_70d27247"),
+            onClick: G
+          }, [
+            m(e(lt), {
+              class: "directional-icon",
+              size: 16
+            })
+          ], 8, Rl),
+          s("strong", null, h(e(i)("tools.resize.sizeCropPanel_e2396e63")), 1),
+          s("small", null, h(k.value.length), 1)
+        ]),
+        s("div", {
+          ref_key: "catalogScroll",
+          ref: x,
+          class: "size-catalog-scroll",
+          onScroll: n[1] || (n[1] = (l) => $.value = l.target.scrollTop)
+        }, [
+          s("div", {
+            id: `${e(g)}-catalog`,
+            role: "listbox",
+            "aria-label": e(i)("tools.resize.sizeCropPanel_154d27a1")
+          }, [
+            (d(!0), u(U, null, B(He.value, (l) => (d(), u("section", {
+              key: l.id,
+              class: "size-catalog-group",
+              role: "group",
+              "aria-label": e(c)(l.label)
+            }, [
+              s("h2", null, h(e(c)(l.label)), 1),
+              (d(!0), u(U, null, B(l.options, ({ preset: r, index: V }) => (d(), u("button", {
+                id: `${e(g)}-option-${r.id}`,
+                key: r.id,
+                type: "button",
+                role: "option",
+                "aria-selected": r.id === t.modelValue.presetId,
+                tabindex: v.value === V ? 0 : -1,
+                class: Ye({ "catalog-active": v.value === V }),
+                "data-option-index": V,
+                title: N(r),
+                onClick: (ge) => Z(r.id)
+              }, [
+                s("span", _l, [
+                  e(te)(r.platform) ? (d(), u("img", {
+                    key: 0,
+                    src: e(te)(r.platform)?.src,
+                    alt: e(te)(r.platform)?.alt,
+                    loading: "lazy",
+                    decoding: "async"
+                  }, null, 8, Il)) : r.platform ? (d(), u("span", {
+                    key: 1,
+                    class: "size-logo-pending",
+                    title: e(i)("tools.resize.sizeCropPanel_3cdfa056")
+                  }, "…", 8, Ml)) : (d(), u("svg", Dl, [...n[10] || (n[10] = [
+                    s("rect", {
+                      x: "4",
+                      y: "4",
+                      width: "16",
+                      height: "16",
+                      rx: "2",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "1.5"
+                    }, null, -1)
+                  ])]))
+                ]),
+                s("span", Bl, [
+                  s("strong", null, h(e(c)([r.platform, e(c)(r.label)].filter(Boolean).join(" · "))), 1),
+                  r.id === "original" ? (d(), u("small", El, h(e(i)("tools.resize.sizeCropPanel_9634746f")), 1)) : r.id === "custom" ? (d(), u("small", Al, h(e(i)("tools.resize.sizeCropPanel_62883eae")), 1)) : (d(), u("small", Hl, h(r.width) + " × " + h(r.height) + " · " + h(e(pe)(r)), 1))
+                ]),
+                s("span", Tl, [
+                  m(e(we), {
+                    size: 13,
+                    role: "img",
+                    "aria-hidden": !1,
+                    "aria-label": N(r)
+                  }, null, 8, ["aria-label"]),
+                  (d(), u("svg", Wl, [
+                    s("rect", {
+                      x: 12 - Math.min(18, 18 * r.width / r.height) / 2,
+                      y: 12 - Math.min(18, 18 * r.height / r.width) / 2,
+                      width: Math.min(18, 18 * r.width / r.height),
+                      height: Math.min(18, 18 * r.height / r.width),
+                      rx: "1",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "1.5"
+                    }, null, 8, Ol)
+                  ]))
+                ])
+              ], 10, Sl))), 128))
+            ], 8, Ul))), 128))
+          ], 8, Ll),
+          k.value.length ? b("", !0) : (d(), u("div", Kl, [
+            s("p", null, h(e(i)("tools.resize.sizeCropPanel_7d65f2c5")), 1),
+            s("button", {
+              type: "button",
+              "aria-label": e(i)("tools.resize.sizeCropPanel_74f73eaa"),
+              disabled: t.disabled,
+              onClick: n[0] || (n[0] = (l) => Z("custom"))
+            }, h(e(i)("tools.resize.sizeCropPanel_74f73eaa")), 9, ql)
+          ]))
+        ], 544)
+      ], 40, xl)) : (d(), u("fieldset", {
+        key: 3,
+        id: `${e(g)}-mode-page`,
+        role: "tabpanel",
+        "aria-labelledby": `${e(g)}-${R.value}-tab`,
+        class: "size-settings",
+        disabled: t.disabled
+      }, [
+        R.value === "trim" ? (d(), J(ut, {
+          key: 0,
+          class: "size-trim-option",
+          enabled: !0,
+          "show-switch": !1,
+          help: e(i)("common.audit.trimHelp"),
+          padding: t.modelValue.trimPadding ?? 0,
+          "padding-color": t.modelValue.trimPaddingColor ?? "transparent",
+          disabled: t.disabled,
+          source: t.trimPreviewSource,
+          "estimate-applied": t.trimEstimateApplied,
+          onPadding: n[2] || (n[2] = (l) => L({ trimPadding: l })),
+          onValidity: n[3] || (n[3] = (l) => {
+            ne.value = l, D();
+          })
+        }, null, 8, ["help", "padding", "padding-color", "disabled", "source", "estimate-applied"])) : b("", !0),
+        R.value === "trim" && (t.modelValue.trimPadding ?? 0) > 0 ? (d(), u("div", jl, [
+          s("span", null, h(e(i)("tools.resize.sizeCropPanel_360c6f27")), 1),
+          m(Ce, {
+            "model-value": t.modelValue.trimPaddingColor ?? "transparent",
+            disabled: t.disabled,
+            "onUpdate:modelValue": n[4] || (n[4] = (l) => L({ trimPaddingColor: l }))
+          }, null, 8, ["model-value", "disabled"])
+        ])) : b("", !0),
+        m(e(Y), {
+          id: `${e(g)}-material-presets`
+        }, {
+          default: q(() => [
+            t.modelValue.method !== "trim" ? (d(), u("div", Fl, [
+              (d(!0), u(U, null, B(e(at), (l) => (d(), u("button", {
+                key: l,
+                type: "button",
+                "aria-label": e(c)(De[l] ?? ue[l]),
+                "aria-pressed": t.modelValue.presetId === l,
+                title: l === "original" ? e(i)("tools.resize.sizeCropPanel_2f1fc2ba") : l === "custom" ? e(i)("tools.resize.sizeCropPanel_48ee658b") : N(e(fe)(l)),
+                onClick: (r) => Z(l, r)
+              }, [
+                m(e(z), {
+                  selected: t.modelValue.presetId === l,
+                  animate: I.value
+                }, null, 8, ["selected", "animate"]),
+                (d(), u("svg", Zl, [
+                  s("rect", {
+                    x: "4",
+                    y: "4",
+                    width: l === "standard-portrait" ? 12 : 16,
+                    height: l === "standard-landscape" ? 11 : 16,
+                    rx: "2",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "1.4"
+                  }, null, 8, Gl),
+                  l === "custom" ? (d(), u("path", Ql)) : b("", !0),
+                  l === "original" ? (d(), u("path", Yl)) : b("", !0)
+                ])),
+                s("span", null, h(e(c)(ue[l])), 1)
+              ], 8, Jl))), 128))
+            ])) : b("", !0)
+          ]),
+          _: 1
+        }, 8, ["id"]),
+        t.modelValue.method !== "trim" ? (d(), u("div", Xl, [
+          s("strong", {
+            title: t.modelValue.sizeMode === "original" ? e(i)("tools.resize.sizeCropPanel_a89cc481") : void 0
+          }, h(Ee.value), 9, ea),
+          W.value ? (d(), J(e(we), {
+            key: 0,
+            size: 14,
+            "aria-label": N(W.value),
+            role: "img",
+            "aria-hidden": !1,
+            title: N(W.value)
+          }, null, 8, ["aria-label", "title"])) : b("", !0)
+        ])) : b("", !0),
+        t.modelValue.sizeMode === "original" && t.modelValue.method !== "trim" ? (d(), u("p", ta, h(e(i)("tools.resize.sizeCropPanel_88a14bd8")), 1)) : b("", !0),
+        t.modelValue.sizeMode !== "original" && t.modelValue.method !== "trim" ? (d(), u(U, { key: 4 }, [
+          s("div", la, [
+            s("p", {
+              class: "size-template-meta",
+              title: e(i)("tools.resize.sizeCropPanel_84bfaf1d", { p0: e(ze)(t.modelValue) })
+            }, h(t.modelValue.width) + " × " + h(t.modelValue.height) + h(t.modelValue.method === "crop" ? e(i)("tools.resize.sizeCropPanel_6418f8c9") : " px") + " · " + h(Ae.value), 9, aa),
+            t.modelValue.presetId !== "custom" ? (d(), u("div", oa, [
+              s("button", {
+                type: "button",
+                "aria-label": e(i)("tools.resize.sizeCropPanel_a33be51c"),
+                title: e(i)("tools.resize.sizeCropPanel_222b4e3b"),
+                onClick: be
+              }, [
+                m(e(Ve), { size: 13 })
+              ], 8, ia)
+            ])) : b("", !0)
+          ]),
+          m(e(Y), {
+            id: `${e(g)}-material-methods`
+          }, {
+            default: q(() => [
+              s("div", {
+                class: "size-methods",
+                role: "radiogroup",
+                "aria-label": e(i)("tools.resize.sizeCropPanel_9e09420b")
+              }, [
+                (d(), u(U, null, B(S, (l) => s("button", {
+                  key: l.value,
+                  type: "button",
+                  role: "radio",
+                  "data-method": l.value,
+                  "aria-label": e(c)(l.label),
+                  "aria-checked": t.modelValue.method === l.value,
+                  tabindex: t.modelValue.method === l.value ? 0 : -1,
+                  title: e(c)(l.help),
+                  onClick: (r) => L({ method: l.value }, r),
+                  onKeydown: (r) => Ze(r, l.value)
+                }, [
+                  m(e(z), {
+                    selected: t.modelValue.method === l.value,
+                    animate: I.value
+                  }, null, 8, ["selected", "animate"]),
+                  m(ee, {
+                    label: e(i)("tools.resize.sizeCropPanel_5549425d", { p0: e(c)(l.label) }),
+                    width: t.modelValue.width,
+                    height: t.modelValue.height,
+                    method: l.value,
+                    anchor: t.modelValue.anchor,
+                    "allow-enlargement": t.modelValue.allowEnlargement,
+                    background: l.value === "contain" ? t.modelValue.background : "#ffffff"
+                  }, null, 8, ["label", "width", "height", "method", "anchor", "allow-enlargement", "background"]),
+                  s("span", null, [
+                    s("strong", null, h(e(c)(l.label)), 1),
+                    s("small", null, h(e(c)(l.help)), 1)
+                  ])
+                ], 40, na)), 64))
+              ], 8, sa)
+            ]),
+            _: 1
+          }, 8, ["id"]),
+          ce.value ? (d(), u("p", ra, h(ce.value), 1)) : b("", !0),
+          t.modelValue.presetId === "custom" ? (d(), u(U, { key: 1 }, [
+            s("div", da, [
+              s("label", null, [
+                E(h(t.modelValue.method === "crop" ? e(i)("tools.resize.sizeCropPanel_84da7fd0") : e(i)("tools.resize.sizeCropPanel_b9121834")), 1),
+                s("input", {
+                  type: "number",
+                  min: "1",
+                  max: "4096",
+                  step: "1",
+                  required: "",
+                  "aria-label": t.modelValue.method === "crop" ? e(i)("tools.resize.sizeCropPanel_8ff0ab56") : e(i)("tools.resize.sizeCropPanel_b9121834"),
+                  value: H.value,
+                  "aria-invalid": !!w.value,
+                  "aria-describedby": w.value ? `${e(g)}-error` : void 0,
+                  onInput: n[5] || (n[5] = (l) => me("width", l))
+                }, null, 40, ua)
+              ]),
+              s("div", ca, [
+                s("button", {
+                  type: "button",
+                  role: "switch",
+                  "aria-label": e(i)("tools.resize.sizeCropPanel_430adb6e"),
+                  title: e(i)("tools.resize.sizeCropPanel_430adb6e"),
+                  "aria-checked": t.modelValue.lockRatio,
+                  disabled: t.disabled || !!w.value,
+                  onClick: n[6] || (n[6] = (l) => !w.value && L({ lockRatio: !t.modelValue.lockRatio }))
+                }, [
+                  t.modelValue.lockRatio ? (d(), J(e(yt), {
+                    key: 0,
+                    size: 13
+                  })) : (d(), J(e(wt), {
+                    key: 1,
+                    size: 13
+                  }))
+                ], 8, ha),
+                s("button", {
+                  type: "button",
+                  "aria-label": e(i)("tools.resize.sizeCropPanel_a33be51c"),
+                  title: e(i)("tools.resize.sizeCropPanel_a33be51c"),
+                  disabled: t.disabled || !!w.value,
+                  onClick: be
+                }, [
+                  m(e(Ve), { size: 13 })
+                ], 8, ma)
+              ]),
+              s("label", null, [
+                E(h(t.modelValue.method === "crop" ? e(i)("tools.resize.sizeCropPanel_cd1cb056") : e(i)("tools.resize.sizeCropPanel_24b4b2d0")), 1),
+                s("input", {
+                  type: "number",
+                  min: "1",
+                  max: "4096",
+                  step: "1",
+                  required: "",
+                  "aria-label": t.modelValue.method === "crop" ? e(i)("tools.resize.sizeCropPanel_3aed521e") : e(i)("tools.resize.sizeCropPanel_24b4b2d0"),
+                  value: T.value,
+                  "aria-invalid": !!w.value,
+                  "aria-describedby": w.value ? `${e(g)}-error` : void 0,
+                  onInput: n[7] || (n[7] = (l) => me("height", l))
+                }, null, 40, ba)
+              ])
+            ]),
+            w.value ? (d(), u("p", {
+              key: 0,
+              id: `${e(g)}-error`,
+              class: "size-input-error",
+              role: "alert"
+            }, h(e(c)(w.value)), 9, va)) : b("", !0)
+          ], 64)) : b("", !0),
+          (d(), u("div", {
+            key: t.modelValue.method,
+            class: "size-position"
+          }, [
+            s("span", null, [
+              E(h(t.modelValue.method === "contain" ? e(i)("tools.resize.sizeCropPanel_85424d66") : e(i)("tools.adjust.basicCropPanel_3968f6fd")), 1),
+              m(X, {
+                text: We.value + " " + e(i)("tools.resize.sizeCropPanel_86ab646d") + " / " + e(i)("tools.resize.sizeCropPanel_577124ca")
+              }, null, 8, ["text"])
+            ]),
+            s("div", ga, [
+              s("div", {
+                class: "size-anchors",
+                role: "group",
+                "aria-label": e(i)("tools.resize.sizeCropPanel_630f1805")
+              }, [
+                (d(), u(U, null, B(de, (l) => s("button", {
+                  key: l.value,
+                  type: "button",
+                  "aria-label": e(i)("tools.resize.sizeCropPanel_efb8bf18", { p0: e(c)(l.label) }),
+                  title: e(c)(l.label),
+                  "aria-pressed": t.modelValue.anchor === l.value,
+                  onClick: (r) => L({ anchor: l.value })
+                }, h(l.symbol), 9, pa)), 64))
+              ], 8, fa),
+              s("div", wa, [
+                s("figure", null, [
+                  m(ee, {
+                    label: e(i)("tools.resize.sizeCropPanel_888a36a0"),
+                    width: t.modelValue.width,
+                    height: t.modelValue.height,
+                    method: t.modelValue.method,
+                    anchor: t.modelValue.anchor,
+                    background: t.modelValue.background
+                  }, null, 8, ["label", "width", "height", "method", "anchor", "background"])
+                ]),
+                s("figure", null, [
+                  m(ee, {
+                    label: e(i)("tools.resize.sizeCropPanel_385e86d0"),
+                    width: t.modelValue.width,
+                    height: t.modelValue.height,
+                    method: t.modelValue.method,
+                    anchor: t.modelValue.anchor,
+                    background: t.modelValue.background,
+                    "source-width": 4096,
+                    "source-height": 5461
+                  }, null, 8, ["label", "width", "height", "method", "anchor", "background"])
+                ])
+              ])
+            ])
+          ])),
+          t.modelValue.method === "contain" ? (d(), u("div", za, [
+            s("span", null, h(e(i)("tools.resize.sizeCropPanel_360c6f27")), 1),
+            m(Ce, {
+              "model-value": t.modelValue.background,
+              disabled: t.disabled,
+              "onUpdate:modelValue": Ke
+            }, null, 8, ["model-value", "disabled"])
+          ])) : b("", !0),
+          t.modelValue.method !== "crop" ? (d(), u("details", ya, [
+            s("summary", {
+              tabindex: t.disabled ? -1 : 0,
+              "aria-disabled": t.disabled,
+              onClick: n[8] || (n[8] = (l) => t.disabled && l.preventDefault())
+            }, h(e(i)("tools.resize.sizeCropPanel_44455611")), 9, ka),
+            s("div", Ca, [
+              s("span", null, [
+                E(h(e(i)("tools.resize.sizeCropPanel_cf811ee0")), 1),
+                m(X, {
+                  text: e(i)("common.audit.enlargeHelp")
+                }, null, 8, ["text"])
+              ]),
+              n[12] || (n[12] = E(" >", -1)),
+              s("button", {
+                type: "button",
+                role: "switch",
+                class: "batch-switch",
+                "aria-label": e(i)("tools.resize.sizeCropPanel_cf811ee0"),
+                "aria-checked": t.modelValue.allowEnlargement,
+                onClick: n[9] || (n[9] = (l) => L({ allowEnlargement: !t.modelValue.allowEnlargement }))
+              }, [...n[11] || (n[11] = [
+                s("span", null, null, -1)
+              ])], 8, Va)
+            ]),
+            s("label", null, [
+              s("span", null, [
+                E(h(e(i)("tools.resize.sizeCropPanel_186f04c4")), 1),
+                m(X, {
+                  text: e(i)("tools.resize.sizeCropPanel_2454a5d9")
+                }, null, 8, ["text"])
+              ]),
+              s("select", {
+                "aria-label": e(i)("tools.resize.sizeCropPanel_186f04c4"),
+                value: t.modelValue.kernel,
+                onChange: qe
+              }, [
+                (d(), u(U, null, B(re, (l) => s("option", {
+                  key: l.value,
+                  value: l.value
+                }, h(e(c)(l.label)), 9, xa)), 64))
+              ], 40, Pa)
+            ])
+          ])) : b("", !0)
+        ], 64)) : b("", !0),
+        t.hideReset ? b("", !0) : (d(), u("button", {
+          key: 5,
+          type: "button",
+          class: "size-reset",
+          "aria-label": e(i)("tools.resize.sizeCropPanel_a02f0a52"),
+          onClick: Ne
+        }, [
+          m(e(ot), { size: 14 }),
+          E(h(e(i)("tools.resize.sizeCropPanel_a02f0a52")), 1)
+        ], 8, $a))
+      ], 8, Nl))
+    ], 8, wl));
+  }
+}), La = /* @__PURE__ */ Se(Ra, [["__scopeId", "data-v-ceeb2fc2"]]), Ua = {
+  key: 0,
+  class: "hint"
+}, Aa = /* @__PURE__ */ ae({
+  name: "ResizeToolPanel",
+  __name: "ResizeToolPanel",
+  props: {
+    context: {}
+  },
+  setup(t, { expose: _ }) {
+    const { ui: A } = ie(), i = t, c = ht(() => i.context), o = y(), p = y(!0), z = C(
+      () => c.value.sizeCrop.sizeMode === "original" && c.value.sizeCrop.method !== "trim"
+    ), I = C(() => {
+      try {
+        return rt(c.value.sizeCrop).toolId;
+      } catch {
+        return "resize";
+      }
+    }), M = C(() => z.value ? A("common.toolPanel_12d37070") : void 0);
+    _({
+      hasOverlay: () => !!o.value?.hasOverlay(),
+      dismissOverlay: () => !!o.value?.dismissOverlay()
+    });
+    const g = mt(() => i.context, "sizeCrop");
+    return (f, P) => (d(), J(dt, {
+      context: t.context,
+      layout: "contained",
+      changed: e(bt)(e(c).sizeCrop, e(le)),
+      "body-class": "plugin-size-body",
+      onReset: P[1] || (P[1] = ($) => t.context.resetDraft({ sizeCrop: { ...e(le) } }))
+    }, {
+      actions: q(() => [
+        m(vt, {
+          context: t.context,
+          available: e(gt)(t.context, I.value),
+          ready: p.value && !z.value,
+          label: M.value
+        }, {
+          default: q(() => [
+            e(c).sizeCrop.sizeMode === "fixed" && e(c).sizeCrop.method !== "crop" && e(c).sizeCrop.method !== "trim" && !e(c).sizeCrop.allowEnlargement ? (d(), u("p", Ua, h(e(A)("common.toolPanel_76515609")), 1)) : b("", !0)
+          ]),
+          _: 1
+        }, 8, ["context", "available", "ready", "label"])
+      ]),
+      default: q(() => [
+        m(La, {
+          ref_key: "panel",
+          ref: o,
+          "model-value": e(c).sizeCrop,
+          "hide-reset": !0,
+          disabled: t.context.readonly,
+          count: t.context.view.count,
+          "scope-key": t.context.view.batchId,
+          "current-width": t.context.view.currentWidth,
+          "current-height": t.context.view.currentHeight,
+          "viewing-snapshot": t.context.view.viewingSnapshot,
+          "trim-preview-source": t.context.view.currentImageSource,
+          "trim-estimate-applied": t.context.view.trimEstimateApplied,
+          "onUpdate:modelValue": e(g),
+          onValidity: P[0] || (P[0] = ($) => p.value = $)
+        }, null, 8, ["model-value", "disabled", "count", "scope-key", "current-width", "current-height", "viewing-snapshot", "trim-preview-source", "trim-estimate-applied", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }, 8, ["context", "changed"]));
+  }
+});
+export {
+  Aa as default
+};