@beeintel/batch-image 1.0.0 → 1.1.0

package/dist/chunks/ResizeToolPanel-DWikcj2G.js

@@ -1,1178 +0,0 @@
-import { defineComponent as ae, useId as Le, computed as P, openBlock as d, createElementBlock as u, unref as e, createElementVNode as s, createCommentVNode as b, defineAsyncComponent as Ze, ref as k, watch as j, onActivated as Ge, nextTick as O, createVNode as v, withCtx as K, Fragment as U, renderList as E, toDisplayString as c, normalizeClass as Qe, createBlock as J, createTextVNode as F } from "vue";
-import { J as oe, F as ie, _ as _e, K as fe, L as te, N as Ye, O as Xe, Q as Y, S as et, T as tt, U as pe, V as lt, W as we, P as at, R as ot, X as ze, Y as it, Z as st, $ as ye, a0 as nt, a1 as le, a2 as rt, G as dt } from "./entry-CboOSe2r.js";
-import { ar as Ue, ao as Se } from "./hosted-resources-COzZ7nZY.js";
-import { B as ke } from "./BatchOutputColorPicker-D7WIDS4_.js";
-import { C as ut } from "./ContentTrimControl-BKCJEst5.js";
-import { S as ct } from "./search-BwsDnulU.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-BGe419qz.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" }]
-  ]
-}, Ce = 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"], Pt = ["width", "height"], Vt = ["width", "height"], xt = ["x", "y", "width", "height"], $t = ["id"], Rt = ["width", "height"], Lt = ["width", "height", "fill"], _t = ["clip-path"], Ut = ["x", "y", "width", "height", "viewBox"], St = ["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: M, uiText: x } = ie(), i = t, h = Le(), l = P(() => {
-      if (i.method === "crop") {
-        const z = Ue(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 = Se(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 ${l.value.width} ${l.value.height}`,
-      role: "img",
-      "aria-label": e(x)(t.label),
-      preserveAspectRatio: "xMidYMid meet",
-      class: "size-illustration"
-    }, [
-      s("defs", null, [
-        s("pattern", {
-          id: `${e(h)}-checker`,
-          width: l.value.width / 8,
-          height: l.value.height / 8,
-          patternUnits: "userSpaceOnUse"
-        }, [
-          s("rect", {
-            width: l.value.width / 8,
-            height: l.value.height / 8,
-            fill: "#ffffff"
-          }, null, 8, Pt),
-          s("rect", {
-            width: l.value.width / 16,
-            height: l.value.height / 16,
-            fill: "#e4e4e7"
-          }, null, 8, Vt),
-          s("rect", {
-            x: l.value.width / 16,
-            y: l.value.height / 16,
-            width: l.value.width / 16,
-            height: l.value.height / 16,
-            fill: "#e4e4e7"
-          }, null, 8, xt)
-        ], 8, Ct),
-        s("clipPath", {
-          id: `${e(h)}-clip`
-        }, [
-          s("rect", {
-            x: "0",
-            y: "0",
-            width: l.value.width,
-            height: l.value.height
-          }, null, 8, Rt)
-        ], 8, $t)
-      ]),
-      s("rect", {
-        x: "0",
-        y: "0",
-        width: l.value.width,
-        height: l.value.height,
-        fill: t.background === "transparent" ? `url(#${e(h)}-checker)` : t.background
-      }, null, 8, Lt),
-      s("g", {
-        "clip-path": `url(#${e(h)}-clip)`
-      }, [
-        (d(), u("svg", {
-          x: l.value.image.x,
-          y: l.value.image.y,
-          width: l.value.image.width,
-          height: l.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, St),
-          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, Ut)),
-        l.value.mask ? (d(), u("path", {
-          key: 0,
-          d: l.value.mask,
-          fill: "#24262a",
-          "fill-opacity": ".2",
-          "fill-rule": "evenodd"
-        }, null, 8, Dt)) : b("", !0)
-      ], 8, _t),
-      l.value.crop ? (d(), u("rect", {
-        key: 0,
-        class: "size-illustration-crop",
-        x: l.value.crop.x,
-        y: l.value.crop.y,
-        width: l.value.crop.width,
-        height: l.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: l.value.width,
-        height: l.value.height,
-        fill: "none",
-        stroke: "#a6b690",
-        "stroke-width": "1",
-        "vector-effect": "non-scaling-stroke"
-      }, null, 8, Et))
-    ], 8, kt));
-  }
-}), X = /* @__PURE__ */ _e(At, [["__scopeId", "data-v-219fa766"]]), Tt = "" + new URL("../assets/amazon-CjTtpZTq.webp", import.meta.url).href, Ht = "" + 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, Ve = "" + new URL("../assets/whatsapp-CWJxqzR6.webp", import.meta.url).href, xe = "" + 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, $e = "" + 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, Re = Object.freeze({
-  Amazon: Tt,
-  eBay: Ht,
-  Etsy: Wt,
-  Shopify: Ot,
-  Facebook: Pe,
-  Instagram: Kt,
-  "Mercado Libre": qt,
-  WhatsApp: Ve,
-  LINE: xe,
-  Poshmark: Nt,
-  Depop: jt,
-  Vinted: Ft,
-  Shopee: Jt,
-  Lazada: Zt,
-  MOMO: Gt,
-  Shopline: Qt,
-  Nuvemshop: Yt,
-  "Mercari JP": $e,
-  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": Ve,
-  "LINE Shop": xe,
-  Mercari: $e
-});
-function ee(t) {
-  const M = Object.prototype.hasOwnProperty.call(Re, t) ? Re[t] : void 0;
-  return M ? { src: M, 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"], Pl = ["disabled", "aria-label", "title"], Vl = {
-  class: "size-selection-note",
-  role: "status"
-}, xl = {
-  key: 1,
-  class: "size-snapshot-note"
-}, $l = ["id", "aria-labelledby", "disabled"], Rl = { class: "size-catalog-heading" }, Ll = ["aria-label", "title"], _l = ["id", "aria-label"], Ul = ["aria-label"], Sl = ["id", "aria-selected", "tabindex", "data-option-index", "title", "onClick"], Il = { class: "size-platform-mark" }, Ml = ["src", "alt"], Dl = ["title"], Bl = {
-  key: 2,
-  viewBox: "0 0 24 24",
-  "aria-hidden": "true"
-}, El = { class: "size-catalog-copy" }, Al = { key: 0 }, Tl = { key: 1 }, Hl = { key: 2 }, Wl = { class: "size-catalog-icons" }, Ol = {
-  viewBox: "0 0 24 24",
-  "aria-hidden": "true"
-}, Kl = ["x", "y", "width", "height"], ql = {
-  key: 0,
-  class: "size-empty"
-}, Nl = ["aria-label", "disabled"], jl = ["id", "aria-labelledby", "disabled"], Fl = {
-  key: 1,
-  class: "size-background"
-}, Jl = {
-  key: 0,
-  class: "size-quick-presets"
-}, Zl = ["aria-label", "aria-pressed", "title", "onClick"], Gl = {
-  viewBox: "0 0 24 24",
-  "aria-hidden": "true"
-}, Ql = ["width", "height"], Yl = {
-  key: 0,
-  d: "M9 12h6M12 9v6",
-  stroke: "currentColor",
-  "stroke-width": "1.4"
-}, Xl = {
-  key: 1,
-  d: "M8 12h8M12 8v8",
-  stroke: "currentColor",
-  "stroke-width": "1.4"
-}, ea = {
-  key: 2,
-  class: "size-template-label"
-}, ta = ["title"], la = {
-  key: 3,
-  class: "size-original-note"
-}, aa = { class: "size-specification" }, oa = ["title"], ia = {
-  key: 0,
-  class: "size-preset-actions"
-}, sa = ["aria-label", "title"], na = ["aria-label"], ra = ["data-method", "aria-label", "aria-checked", "tabindex", "title", "onClick", "onKeydown"], da = {
-  key: 0,
-  class: "size-current-output",
-  role: "status"
-}, ua = { class: "size-dimensions" }, ca = ["aria-label", "value", "aria-invalid", "aria-describedby"], ha = { class: "size-dimension-icons" }, ma = ["aria-label", "title", "aria-checked", "disabled"], ba = ["aria-label", "title", "disabled"], va = ["aria-label", "value", "aria-invalid", "aria-describedby"], ga = ["id"], fa = { class: "size-position-controls" }, pa = ["aria-label"], wa = ["aria-label", "title", "aria-pressed", "onClick"], za = { class: "size-position-examples" }, ya = {
-  key: 2,
-  class: "size-background"
-}, ka = {
-  key: 3,
-  class: "size-advanced"
-}, Ca = ["tabindex", "aria-disabled"], Pa = { class: "size-enlarge-field" }, Va = ["aria-label", "aria-checked"], xa = ["aria-label", "value"], $a = ["value"], Ra = ["aria-label"], La = /* @__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: M, emit: x }) {
-    const { ui: i, uiText: h } = ie(), l = t, p = x, z = Ze(
-      () => import("./MaterialSelectionPlate-CW7HaS6v.js")
-    ), S = k(!1);
-    let D = !1;
-    j(
-      () => l.modelValue,
-      () => {
-        S.value = D, D = !1;
-      }
-    );
-    const g = Le(), f = k(!1), y = k(""), $ = k(0), m = k(-1), R = k(), Q = k(), se = k(), A = k(String(l.modelValue.width)), T = k(String(l.modelValue.height)), w = k(""), ne = k(!0), L = P(() => l.modelValue.method === "trim" ? "trim" : "size"), Ie = [
-      { value: "size", label: "尺寸 / 比例" },
-      { value: "trim", label: "按内容裁边" }
-    ], I = [
-      { 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: "自定义"
-    }, Me = { original: "保持各图当前尺寸", custom: "自定义尺寸" }, De = {
-      reference: "参考尺寸",
-      "official-minimum": "官方最低尺寸",
-      "official-recommended": "官方建议尺寸"
-    }, H = P(
-      () => ["original", "custom"].includes(l.modelValue.presetId) ? void 0 : fe(l.modelValue.presetId)
-    ), Be = P(
-      () => l.modelValue.sizeMode === "original" ? i("tools.resize.sizeCropPanel_2dfe85f0") : H.value ? [H.value.platform, h(H.value.label)].filter(Boolean).join(" · ") : i("tools.resize.sizeCropPanel_8a2e2847")
-    ), Ee = P(() => te(l.modelValue)), C = P(() => Ye(y.value)), Ae = P(() => {
-      if (y.value.trim())
-        return [
-          {
-            id: "search",
-            label: i("tools.resize.sizeCropPanel_88d72ece"),
-            options: C.value.map((n, a) => ({ preset: n, index: a }))
-          }
-        ];
-      const o = [];
-      return C.value.forEach((n, a) => {
-        let r = o.find((V) => V.id === n.group);
-        r || (r = {
-          id: n.group,
-          label: Xe.find((V) => V.id === n.group)?.label ?? n.group,
-          options: []
-        }, o.push(r)), r.options.push({ preset: n, index: a });
-      }), o;
-    }), Te = P(
-      () => m.value >= 0 && C.value[m.value] ? `${g}-option-${C.value[m.value].id}` : void 0
-    ), He = P(
-      () => i(
-        l.modelValue.method === "contain" ? "tools.resize.positionAligned" : "tools.resize.positionKept",
-        {
-          position: h(
-            de.find((o) => o.value === l.modelValue.anchor)?.label || "居中"
-          )
-        }
-      )
-    ), ce = P(() => {
-      if (l.modelValue.method === "trim") return i("tools.crop.contentTrim.singlePreview");
-      if (l.modelValue.sizeMode === "original") return "";
-      if (l.modelValue.method !== "crop") {
-        if (l.modelValue.allowEnlargement || l.viewingSnapshot || !l.currentWidth || !l.currentHeight)
-          return "";
-        try {
-          const o = Se(l.currentWidth, l.currentHeight, {
-            width: l.modelValue.width,
-            height: l.modelValue.height,
-            fit: l.modelValue.method,
-            background: l.modelValue.background,
-            position: l.modelValue.anchor,
-            allowEnlargement: !1
-          });
-          return o.skipped ? i("tools.resize.sizeCropPanel_113e4bd6", { p0: o.width, p1: o.height }) : "";
-        } catch {
-          return "";
-        }
-      }
-      if (l.viewingSnapshot || !l.currentWidth || !l.currentHeight)
-        return i("tools.resize.sizeCropPanel_347ab08e");
-      try {
-        const o = Ue(l.currentWidth, l.currentHeight, {
-          version: 1,
-          ratio: `${l.modelValue.width}:${l.modelValue.height}`,
-          anchor: l.modelValue.anchor
-        });
-        return i("tools.resize.sizeCropPanel_c87c0205", { p0: o.width, p1: o.height });
-      } catch {
-        return i("tools.resize.sizeCropPanel_fd9f2cab");
-      }
-    });
-    function q(o) {
-      return o ? o.id === "original" ? "保持每张图片当前版本的像素尺寸，无需处理；不是恢复上传原图。" : o.id === "custom" ? "自选模板宽高或裁切比例。" : `${o.platform} · ${h(o.label)} · ${o.width} × ${o.height} · ${we(o)} · ${h(De[o.basis])}${o.source ? ` · ${i("common.source")}: ${h(o.source)}` : ""}` : "可自定义宽高与处理方式。";
-    }
-    function N(o) {
-      const n = Number(o);
-      return !!o.trim() && Number.isInteger(n) && n >= 1 && n <= 4096;
-    }
-    function B() {
-      l.disabled || p(
-        "validity",
-        l.modelValue.method === "trim" ? ne.value : !w.value && N(A.value) && N(T.value)
-      );
-    }
-    function W(o = l.modelValue) {
-      A.value = String(o.width), T.value = String(o.height), w.value = "", B();
-    }
-    function _(o, n) {
-      l.disabled || (D = !!n?.detail, p("update:modelValue", ze({ ...l.modelValue, ...o })));
-    }
-    function he(o, n) {
-      l.disabled || L.value === o || (D = !!n?.detail, f.value = !1, p("update:modelValue", it(l.modelValue, o)));
-    }
-    function We(o, n) {
-      if (l.disabled || o.defaultPrevented) return;
-      let a;
-      if (["ArrowLeft", "ArrowRight"].includes(o.key)) a = n === "size" ? "trim" : "size";
-      else if (o.key === "Home") a = "size";
-      else if (o.key === "End") a = "trim";
-      else return;
-      o.preventDefault(), o.stopPropagation();
-      const r = o.currentTarget.closest("[role=tablist]");
-      he(a), O(
-        () => r?.querySelector(`[data-size-mode="${a}"]`)?.focus()
-      );
-    }
-    function Oe(o) {
-      (o === "transparent" || /^#[0-9a-f]{6}$/i.test(o)) && _({ background: o.toLowerCase() });
-    }
-    function Ke(o) {
-      const n = o.target.value;
-      re.some((a) => a.value === n) && _({ kernel: n });
-    }
-    function Z(o, n) {
-      if (l.disabled) return;
-      D = !!n?.detail;
-      const a = st(l.modelValue, o);
-      W(a), p("update:modelValue", a), G();
-    }
-    function me(o, n) {
-      if (l.disabled) return;
-      const a = n.target.value;
-      if (o === "width" ? A.value = a : T.value = a, w.value = "", !N(a) || !l.modelValue.lockRatio && (!N(A.value) || !N(T.value))) {
-        w.value = "宽高需为 1–4096 的整数。", B();
-        return;
-      }
-      try {
-        let r = ye(l.modelValue, o, Number(a));
-        if (!l.modelValue.lockRatio) {
-          const V = o === "width" ? "height" : "width";
-          r = ye(
-            r,
-            V,
-            Number(V === "width" ? A.value : T.value)
-          );
-        }
-        W(r), p("update:modelValue", r);
-      } catch {
-        w.value = "锁定比例后的宽高需在 1–4096 之间。", B();
-      }
-    }
-    function be() {
-      if (l.disabled || w.value) return;
-      const o = nt(l.modelValue);
-      W(o), p("update:modelValue", o);
-    }
-    function qe() {
-      if (l.disabled) return;
-      const o = ze(le);
-      W(o), p("update:modelValue", o);
-    }
-    function G() {
-      const o = f.value;
-      R.value && ($.value = R.value.scrollTop), f.value = !1, o && O(() => se.value?.focus());
-    }
-    function Ne() {
-      return f.value ? (G(), !0) : !1;
-    }
-    M({ dismissOverlay: Ne, hasOverlay: () => f.value });
-    async function je() {
-      l.disabled || (f.value = !0, m.value = C.value.findIndex((o) => o.id === l.modelValue.presetId), await O(), R.value && (R.value.scrollTop = $.value), Q.value?.focus());
-    }
-    function Fe(o) {
-      l.disabled || (y.value = o.target.value, m.value = -1, $.value = 0, y.value.trim() && (f.value = !0), R.value && (R.value.scrollTop = 0));
-    }
-    function ve(o) {
-      if (l.disabled || o.defaultPrevented) return;
-      if (o.key === "Escape") {
-        o.preventDefault(), o.stopPropagation(), G();
-        return;
-      }
-      const n = o.target.closest("[data-option-index]");
-      if (!(o.target !== Q.value && !n)) {
-        if (!f.value && ["ArrowDown", "ArrowUp", "Home", "End", "Enter"].includes(o.key) && (f.value = !0, m.value = -1), o.key === "Enter" && C.value.length) {
-          const a = n ? Number(n.dataset.optionIndex) : Math.max(0, m.value);
-          o.preventDefault(), o.stopPropagation(), Z(C.value[a].id);
-          return;
-        }
-        ["ArrowDown", "ArrowUp", "Home", "End"].includes(o.key) && (o.preventDefault(), o.stopPropagation(), C.value.length && (n && (m.value = Number(n.dataset.optionIndex)), o.key === "Home" ? m.value = 0 : o.key === "End" ? m.value = C.value.length - 1 : o.key === "ArrowDown" ? m.value = (m.value + 1) % C.value.length : m.value = m.value <= 0 ? C.value.length - 1 : m.value - 1, O(() => {
-          const a = R.value?.querySelector(
-            `[data-option-index="${m.value}"]`
-          );
-          a?.scrollIntoView?.({ block: "nearest" }), n && a?.focus();
-        })));
-      }
-    }
-    function Je(o, n) {
-      if (l.disabled || o.defaultPrevented) return;
-      const a = I.findIndex((ge) => ge.value === n);
-      let r;
-      if (o.key === "ArrowRight" || o.key === "ArrowDown") r = (a + 1) % I.length;
-      else if (o.key === "ArrowLeft" || o.key === "ArrowUp")
-        r = (a + I.length - 1) % I.length;
-      else if (o.key === "Home") r = 0;
-      else if (o.key === "End") r = I.length - 1;
-      else return;
-      o.preventDefault(), o.stopPropagation(), _({ method: I[r].value });
-      const V = o.currentTarget?.parentElement;
-      O(
-        () => V?.querySelector(`[data-method="${I[r].value}"]`)?.focus()
-      );
-    }
-    return j(
-      [
-        () => l.modelValue.width,
-        () => l.modelValue.height,
-        () => l.modelValue.presetId,
-        () => l.modelValue.sizeMode
-      ],
-      () => W(),
-      { immediate: !0 }
-    ), j(
-      () => l.modelValue.method,
-      () => B()
-    ), j(
-      () => l.scopeKey,
-      () => {
-        y.value = "", $.value = 0, m.value = -1, f.value = !1, W();
-      }
-    ), j(
-      () => l.disabled,
-      (o) => {
-        o ? f.value = !1 : B();
-      }
-    ), Ge(() => {
-      S.value = !1, B(), f.value && O(() => {
-        R.value && (R.value.scrollTop = $.value);
-      });
-    }), (o, n) => (d(), u("section", {
-      class: "size-crop-panel material-selection-controls",
-      "aria-label": e(i)("tools.resize.sizeCropPanel_46d77e1e")
-    }, [
-      v(e(Y), {
-        id: `${e(g)}-material-modes`
-      }, {
-        default: K(() => [
-          s("div", {
-            class: "size-mode-tabs",
-            role: "tablist",
-            "aria-label": e(h)("处理目标")
-          }, [
-            (d(), u(U, null, E(Ie, (a) => s("button", {
-              id: `${e(g)}-${a.value}-tab`,
-              key: a.value,
-              type: "button",
-              role: "tab",
-              "aria-controls": `${e(g)}-mode-page`,
-              "aria-selected": L.value === a.value,
-              tabindex: L.value === a.value ? 0 : -1,
-              disabled: t.disabled,
-              "data-size-mode": a.value,
-              onClick: (r) => he(a.value, r),
-              onKeydown: (r) => We(r, a.value)
-            }, [
-              v(e(z), {
-                selected: L.value === a.value,
-                animate: S.value
-              }, null, 8, ["selected", "animate"]),
-              s("span", null, c(e(h)(a.label)), 1)
-            ], 40, yl)), 64))
-          ], 8, zl)
-        ]),
-        _: 1
-      }, 8, ["id"]),
-      L.value === "size" ? (d(), u("div", kl, [
-        v(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: y.value,
-          placeholder: e(i)("tools.resize.sizeCropPanel_afce8afc"),
-          onInput: Fe,
-          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: je
-        }, [
-          v(e(et), { size: 15 })
-        ], 8, Pl)
-      ])) : b("", !0),
-      s("p", Vl, c(t.count === void 0 ? e(i)("tools.resize.sizeCropPanel_90b436bd", { p0: e(i)("tools.resize.nested_638af896") }) : e(i)("tools.resize.applySelected", { count: t.count }, t.count)), 1),
-      t.viewingSnapshot ? (d(), u("p", xl, c(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)}-${L.value}-tab`,
-        class: "size-catalog",
-        disabled: t.disabled,
-        onKeydown: ve
-      }, [
-        s("div", Rl, [
-          s("button", {
-            type: "button",
-            "aria-label": e(i)("tools.resize.sizeCropPanel_70d27247"),
-            title: e(i)("tools.resize.sizeCropPanel_70d27247"),
-            onClick: G
-          }, [
-            v(e(tt), {
-              class: "directional-icon",
-              size: 16
-            })
-          ], 8, Ll),
-          s("strong", null, c(e(i)("tools.resize.sizeCropPanel_e2396e63")), 1),
-          s("small", null, c(C.value.length), 1)
-        ]),
-        s("div", {
-          ref_key: "catalogScroll",
-          ref: R,
-          class: "size-catalog-scroll",
-          onScroll: n[1] || (n[1] = (a) => $.value = a.target.scrollTop)
-        }, [
-          s("div", {
-            id: `${e(g)}-catalog`,
-            role: "listbox",
-            "aria-label": e(i)("tools.resize.sizeCropPanel_154d27a1")
-          }, [
-            (d(!0), u(U, null, E(Ae.value, (a) => (d(), u("section", {
-              key: a.id,
-              class: "size-catalog-group",
-              role: "group",
-              "aria-label": e(h)(a.label)
-            }, [
-              s("h2", null, c(e(h)(a.label)), 1),
-              (d(!0), u(U, null, E(a.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: m.value === V ? 0 : -1,
-                class: Qe({ "catalog-active": m.value === V }),
-                "data-option-index": V,
-                title: q(r),
-                onClick: (ge) => Z(r.id)
-              }, [
-                s("span", Il, [
-                  e(ee)(r.platform) ? (d(), u("img", {
-                    key: 0,
-                    src: e(ee)(r.platform)?.src,
-                    alt: e(ee)(r.platform)?.alt,
-                    loading: "lazy",
-                    decoding: "async"
-                  }, null, 8, Ml)) : r.platform ? (d(), u("span", {
-                    key: 1,
-                    class: "size-logo-pending",
-                    title: e(i)("tools.resize.sizeCropPanel_3cdfa056")
-                  }, "…", 8, Dl)) : (d(), u("svg", Bl, [...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", El, [
-                  s("strong", null, c(e(h)([r.platform, e(h)(r.label)].filter(Boolean).join(" · "))), 1),
-                  r.id === "original" ? (d(), u("small", Al, c(e(i)("tools.resize.sizeCropPanel_9634746f")), 1)) : r.id === "custom" ? (d(), u("small", Tl, c(e(i)("tools.resize.sizeCropPanel_62883eae")), 1)) : (d(), u("small", Hl, c(r.width) + " × " + c(r.height) + " · " + c(e(te)(r)), 1))
-                ]),
-                s("span", Wl, [
-                  v(e(pe), {
-                    size: 13,
-                    role: "img",
-                    "aria-hidden": !1,
-                    "aria-label": q(r)
-                  }, null, 8, ["aria-label"]),
-                  (d(), u("svg", Ol, [
-                    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, Kl)
-                  ]))
-                ])
-              ], 10, Sl))), 128))
-            ], 8, Ul))), 128))
-          ], 8, _l),
-          C.value.length ? b("", !0) : (d(), u("div", ql, [
-            s("p", null, c(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] = (a) => Z("custom"))
-            }, c(e(i)("tools.resize.sizeCropPanel_74f73eaa")), 9, Nl)
-          ]))
-        ], 544)
-      ], 40, $l)) : (d(), u("fieldset", {
-        key: 3,
-        id: `${e(g)}-mode-page`,
-        role: "tabpanel",
-        "aria-labelledby": `${e(g)}-${L.value}-tab`,
-        class: "size-settings",
-        disabled: t.disabled
-      }, [
-        L.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] = (a) => _({ trimPadding: a })),
-          onValidity: n[3] || (n[3] = (a) => {
-            ne.value = a, B();
-          })
-        }, null, 8, ["help", "padding", "padding-color", "disabled", "source", "estimate-applied"])) : b("", !0),
-        L.value === "trim" && (t.modelValue.trimPadding ?? 0) > 0 ? (d(), u("div", Fl, [
-          s("span", null, c(e(i)("tools.resize.sizeCropPanel_360c6f27")), 1),
-          v(ke, {
-            "model-value": t.modelValue.trimPaddingColor ?? "transparent",
-            disabled: t.disabled,
-            "onUpdate:modelValue": n[4] || (n[4] = (a) => _({ trimPaddingColor: a }))
-          }, null, 8, ["model-value", "disabled"])
-        ])) : b("", !0),
-        v(e(Y), {
-          id: `${e(g)}-material-presets`
-        }, {
-          default: K(() => [
-            t.modelValue.method !== "trim" ? (d(), u("div", Jl, [
-              (d(!0), u(U, null, E(e(lt), (a) => (d(), u("button", {
-                key: a,
-                type: "button",
-                "aria-label": e(h)(Me[a] ?? ue[a]),
-                "aria-pressed": t.modelValue.presetId === a,
-                title: a === "original" ? e(i)("tools.resize.sizeCropPanel_2f1fc2ba") : a === "custom" ? e(i)("tools.resize.sizeCropPanel_48ee658b") : q(e(fe)(a)),
-                onClick: (r) => Z(a, r)
-              }, [
-                v(e(z), {
-                  selected: t.modelValue.presetId === a,
-                  animate: S.value
-                }, null, 8, ["selected", "animate"]),
-                (d(), u("svg", Gl, [
-                  s("rect", {
-                    x: "4",
-                    y: "4",
-                    width: a === "standard-portrait" ? 12 : 16,
-                    height: a === "standard-landscape" ? 11 : 16,
-                    rx: "2",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "1.4"
-                  }, null, 8, Ql),
-                  a === "custom" ? (d(), u("path", Yl)) : b("", !0),
-                  a === "original" ? (d(), u("path", Xl)) : b("", !0)
-                ])),
-                s("span", null, c(e(h)(ue[a])), 1)
-              ], 8, Zl))), 128))
-            ])) : b("", !0)
-          ]),
-          _: 1
-        }, 8, ["id"]),
-        t.modelValue.method !== "trim" ? (d(), u("div", ea, [
-          s("strong", {
-            title: t.modelValue.sizeMode === "original" ? e(i)("tools.resize.sizeCropPanel_a89cc481") : void 0
-          }, c(Be.value), 9, ta),
-          H.value ? (d(), J(e(pe), {
-            key: 0,
-            size: 14,
-            "aria-label": q(H.value),
-            role: "img",
-            "aria-hidden": !1,
-            title: q(H.value)
-          }, null, 8, ["aria-label", "title"])) : b("", !0)
-        ])) : b("", !0),
-        t.modelValue.sizeMode === "original" && t.modelValue.method !== "trim" ? (d(), u("p", la, c(e(i)("tools.resize.sizeCropPanel_88a14bd8")), 1)) : b("", !0),
-        t.modelValue.sizeMode !== "original" && t.modelValue.method !== "trim" ? (d(), u(U, { key: 4 }, [
-          s("div", aa, [
-            s("p", {
-              class: "size-template-meta",
-              title: e(i)("tools.resize.sizeCropPanel_84bfaf1d", { p0: e(we)(t.modelValue) })
-            }, c(t.modelValue.width) + " × " + c(t.modelValue.height) + c(t.modelValue.method === "crop" ? e(i)("tools.resize.sizeCropPanel_6418f8c9") : " px") + " · " + c(Ee.value), 9, oa),
-            t.modelValue.presetId !== "custom" ? (d(), u("div", ia, [
-              s("button", {
-                type: "button",
-                "aria-label": e(i)("tools.resize.sizeCropPanel_a33be51c"),
-                title: e(i)("tools.resize.sizeCropPanel_222b4e3b"),
-                onClick: be
-              }, [
-                v(e(Ce), { size: 13 })
-              ], 8, sa)
-            ])) : b("", !0)
-          ]),
-          v(e(Y), {
-            id: `${e(g)}-material-methods`
-          }, {
-            default: K(() => [
-              s("div", {
-                class: "size-methods",
-                role: "radiogroup",
-                "aria-label": e(i)("tools.resize.sizeCropPanel_9e09420b")
-              }, [
-                (d(), u(U, null, E(I, (a) => s("button", {
-                  key: a.value,
-                  type: "button",
-                  role: "radio",
-                  "data-method": a.value,
-                  "aria-label": e(h)(a.label),
-                  "aria-checked": t.modelValue.method === a.value,
-                  tabindex: t.modelValue.method === a.value ? 0 : -1,
-                  title: e(h)(a.help),
-                  onClick: (r) => _({ method: a.value }, r),
-                  onKeydown: (r) => Je(r, a.value)
-                }, [
-                  v(e(z), {
-                    selected: t.modelValue.method === a.value,
-                    animate: S.value
-                  }, null, 8, ["selected", "animate"]),
-                  v(X, {
-                    label: e(i)("tools.resize.sizeCropPanel_5549425d", { p0: e(h)(a.label) }),
-                    width: t.modelValue.width,
-                    height: t.modelValue.height,
-                    method: a.value,
-                    anchor: t.modelValue.anchor,
-                    "allow-enlargement": t.modelValue.allowEnlargement,
-                    background: a.value === "contain" ? t.modelValue.background : "#ffffff"
-                  }, null, 8, ["label", "width", "height", "method", "anchor", "allow-enlargement", "background"]),
-                  s("span", null, [
-                    s("strong", null, c(e(h)(a.label)), 1),
-                    s("small", null, c(e(h)(a.help)), 1)
-                  ])
-                ], 40, ra)), 64))
-              ], 8, na)
-            ]),
-            _: 1
-          }, 8, ["id"]),
-          ce.value ? (d(), u("p", da, c(ce.value), 1)) : b("", !0),
-          t.modelValue.presetId === "custom" ? (d(), u(U, { key: 1 }, [
-            s("div", ua, [
-              s("label", null, [
-                F(c(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: A.value,
-                  "aria-invalid": !!w.value,
-                  "aria-describedby": w.value ? `${e(g)}-error` : void 0,
-                  onInput: n[5] || (n[5] = (a) => me("width", a))
-                }, null, 40, ca)
-              ]),
-              s("div", ha, [
-                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] = (a) => !w.value && _({ lockRatio: !t.modelValue.lockRatio }))
-                }, [
-                  t.modelValue.lockRatio ? (d(), J(e(yt), {
-                    key: 0,
-                    size: 13
-                  })) : (d(), J(e(wt), {
-                    key: 1,
-                    size: 13
-                  }))
-                ], 8, ma),
-                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
-                }, [
-                  v(e(Ce), { size: 13 })
-                ], 8, ba)
-              ]),
-              s("label", null, [
-                F(c(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] = (a) => me("height", a))
-                }, null, 40, va)
-              ])
-            ]),
-            w.value ? (d(), u("p", {
-              key: 0,
-              id: `${e(g)}-error`,
-              class: "size-input-error",
-              role: "alert"
-            }, c(e(h)(w.value)), 9, ga)) : b("", !0)
-          ], 64)) : b("", !0),
-          (d(), u("div", {
-            key: t.modelValue.method,
-            class: "size-position"
-          }, [
-            s("span", null, [
-              F(c(t.modelValue.method === "contain" ? e(i)("tools.resize.sizeCropPanel_85424d66") : e(i)("tools.adjust.basicCropPanel_3968f6fd")), 1),
-              v(at, {
-                text: He.value + " " + e(i)("tools.resize.sizeCropPanel_86ab646d") + " / " + e(i)("tools.resize.sizeCropPanel_577124ca")
-              }, null, 8, ["text"])
-            ]),
-            s("div", fa, [
-              s("div", {
-                class: "size-anchors",
-                role: "group",
-                "aria-label": e(i)("tools.resize.sizeCropPanel_630f1805")
-              }, [
-                (d(), u(U, null, E(de, (a) => s("button", {
-                  key: a.value,
-                  type: "button",
-                  "aria-label": e(i)("tools.resize.sizeCropPanel_efb8bf18", { p0: e(h)(a.label) }),
-                  title: e(h)(a.label),
-                  "aria-pressed": t.modelValue.anchor === a.value,
-                  onClick: (r) => _({ anchor: a.value })
-                }, c(a.symbol), 9, wa)), 64))
-              ], 8, pa),
-              s("div", za, [
-                s("figure", null, [
-                  v(X, {
-                    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, [
-                  v(X, {
-                    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", ya, [
-            s("span", null, c(e(i)("tools.resize.sizeCropPanel_360c6f27")), 1),
-            v(ke, {
-              "model-value": t.modelValue.background,
-              disabled: t.disabled,
-              "onUpdate:modelValue": Oe
-            }, null, 8, ["model-value", "disabled"])
-          ])) : b("", !0),
-          t.modelValue.method !== "crop" ? (d(), u("details", ka, [
-            s("summary", {
-              tabindex: t.disabled ? -1 : 0,
-              "aria-disabled": t.disabled,
-              onClick: n[8] || (n[8] = (a) => t.disabled && a.preventDefault())
-            }, c(e(i)("tools.resize.sizeCropPanel_44455611")), 9, Ca),
-            s("div", Pa, [
-              s("span", null, c(e(i)("tools.resize.sizeCropPanel_cf811ee0")), 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] = (a) => _({ allowEnlargement: !t.modelValue.allowEnlargement }))
-              }, [...n[11] || (n[11] = [
-                s("span", null, null, -1)
-              ])], 8, Va)
-            ]),
-            s("label", null, [
-              F(c(e(i)("tools.resize.sizeCropPanel_186f04c4")), 1),
-              s("select", {
-                "aria-label": e(i)("tools.resize.sizeCropPanel_186f04c4"),
-                value: t.modelValue.kernel,
-                onChange: Ke
-              }, [
-                (d(), u(U, null, E(re, (a) => s("option", {
-                  key: a.value,
-                  value: a.value
-                }, c(e(h)(a.label)), 9, $a)), 64))
-              ], 40, xa)
-            ]),
-            s("p", null, c(e(i)("tools.resize.sizeCropPanel_2454a5d9")), 1)
-          ])) : 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: qe
-        }, [
-          v(e(ot), { size: 14 }),
-          F(c(e(i)("tools.resize.sizeCropPanel_a02f0a52")), 1)
-        ], 8, Ra))
-      ], 8, jl))
-    ], 8, wl));
-  }
-}), _a = /* @__PURE__ */ _e(La, [["__scopeId", "data-v-4e67449d"]]), Ua = {
-  key: 0,
-  class: "hint"
-}, Ta = /* @__PURE__ */ ae({
-  name: "ResizeToolPanel",
-  __name: "ResizeToolPanel",
-  props: {
-    context: {}
-  },
-  setup(t, { expose: M }) {
-    const { ui: x, uiText: i } = ie(), h = t, l = ht(() => h.context), p = k(), z = k(!0), S = P(
-      () => l.value.sizeCrop.sizeMode === "original" && l.value.sizeCrop.method !== "trim"
-    ), D = P(() => {
-      try {
-        return rt(l.value.sizeCrop).toolId;
-      } catch {
-        return "resize";
-      }
-    }), g = P(() => {
-      if (S.value) return x("common.toolPanel_12d37070");
-      if (h.context.view.waitingCount) return;
-      const y = l.value.sizeCrop;
-      return y.method === "trim" ? x("tools.crop.contentTrim.action", { count: h.context.view.count }) : y.method === "crop" ? x("common.toolPanel_4a01f39f", {
-        p0: te(y),
-        p1: h.context.view.count
-      }) : x("common.toolPanel_3c907be8", {
-        p0: y.allowEnlargement ? x("common.toolPanel_fb04addb") : x("common.toolPanel_57060c88"),
-        p1: y.width,
-        p2: y.height,
-        p3: h.context.view.count
-      });
-    });
-    M({
-      hasOverlay: () => !!p.value?.hasOverlay(),
-      dismissOverlay: () => !!p.value?.dismissOverlay()
-    });
-    const f = mt(() => h.context, "sizeCrop");
-    return (y, $) => (d(), J(dt, {
-      context: t.context,
-      layout: "contained",
-      changed: e(bt)(e(l).sizeCrop, e(le)),
-      "body-class": "plugin-size-body",
-      onReset: $[1] || ($[1] = (m) => t.context.resetDraft({ sizeCrop: { ...e(le) } }))
-    }, {
-      actions: K(() => [
-        v(vt, {
-          context: t.context,
-          available: e(gt)(t.context, D.value),
-          ready: z.value && !S.value,
-          label: g.value
-        }, {
-          default: K(() => [
-            e(l).sizeCrop.sizeMode === "fixed" && e(l).sizeCrop.method !== "crop" && e(l).sizeCrop.method !== "trim" && !e(l).sizeCrop.allowEnlargement ? (d(), u("p", Ua, c(e(x)("common.toolPanel_76515609")), 1)) : b("", !0)
-          ]),
-          _: 1
-        }, 8, ["context", "available", "ready", "label"])
-      ]),
-      default: K(() => [
-        v(_a, {
-          ref_key: "panel",
-          ref: p,
-          "model-value": e(l).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(f),
-          onValidity: $[0] || ($[0] = (m) => z.value = m)
-        }, 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 {
-  Ta as default
-};