@beeintel/batch-image 0.0.0-stage → 1.0.1

package/dist/chunks/ResizeToolPanel-Ch_-WR74.js

@@ -0,0 +1,1178 @@
+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-DK9FjQZ_.js";
+import { ar as Ue, ao as Se } from "./hosted-resources-COzZ7nZY.js";
+import { B as ke } from "./BatchOutputColorPicker-CCvmIF-b.js";
+import { C as ut } from "./ContentTrimControl-BQfigZPq.js";
+import { S as ct } from "./search-BjTSm1KS.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-C2kJCYeA.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-DhioUjdW.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-d78d2312"]]), 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
+};