@agile-team/mach-report 2.19.0 → 2.20.0

package/dist/ReportLabelStudio-r8VFnhGQ.js

@@ -0,0 +1,589 @@
+import { computed as p, shallowRef as Ue, onMounted as Ie, ref as k, onScopeDispose as qe, watch as ve, defineComponent as je, nextTick as He, openBlock as b, createElementBlock as y, unref as e, normalizeClass as Me, createElementVNode as i, createVNode as Q, toDisplayString as o, createTextVNode as w, Fragment as ae, renderList as pe, createCommentVNode as V, withDirectives as O, isRef as Z, vModelText as re, vModelSelect as Je, withKeys as Ge, withModifiers as Qe, createBlock as Ze, withCtx as We, vModelCheckbox as Xe, vShow as Ye } from "vue";
+import { provideMachReportConfig as et, ReportPreview as tt } from "@agile-team/mach-report/vue";
+import { L as lt, c as at, d as nt } from "./designer-B52ddmHO.js";
+import { a as ne } from "./_plugin-vue_export-helper-8SL1F89S.js";
+import { defineReportTemplate as it, createLabelTemplate as st, parseReportTemplate as x, serializeReportTemplate as Ce, createReportSource as ot, defineLabelReport as rt, imposeLabelSheets as dt } from "@agile-team/mach-report";
+import { createCodeAssetRenderers as ut } from "@agile-team/mach-report/codes";
+const de = [
+  { id: "material", widthMm: 80, heightMm: 55, faces: 1 },
+  { id: "paired", widthMm: 80, heightMm: 55, faces: 2 },
+  { id: "warehouse", widthMm: 100, heightMm: 60, faces: 1 }
+];
+function Le(t, d) {
+  return d ?? t.fields.find((s) => s.semanticRole === "identifier" && s.field !== t.rowKey)?.field ?? t.rowKey ?? t.fields[0]?.field;
+}
+function ue(t, d, s) {
+  const u = t.fields.filter((a) => a.field !== d && a.field !== t.rowKey);
+  if (s === void 0)
+    return u.map((a, f) => ({ field: a, index: f, priority: ct(a) })).sort((a, f) => a.priority - f.priority || a.index - f.index).slice(0, 5).map((a) => a.field);
+  const m = new Map(u.map((a) => [a.field, a])), l = [...new Set(s)];
+  if (l.length > 5) throw new Error("成品标签最多显示 5 个字段，请先精简显示字段");
+  return l.map((a) => {
+    const f = m.get(a);
+    if (!f) throw new Error(`标签显示字段未在业务契约中声明：${a}`);
+    return f;
+  });
+}
+function ct(t) {
+  return /^(?:name|title|label|category)$/i.test(t.field) || /名称|品名|品类|类别/.test(t.label ?? "") ? 0 : t.semanticRole === "dimension" ? 1 : t.semanticRole === "measure" && t.unit ? 2 : t.semanticRole === "identifier" ? 3 : t.semanticRole === "date" ? 4 : 5;
+}
+function ft(t = "paired") {
+  return de.find((d) => d.id === t) ?? de[1];
+}
+const ge = "#173450", ce = "#586c82";
+function $(t, d, s, u, m = 4, l = 7) {
+  return {
+    kind: "text",
+    text: t,
+    leftMm: d,
+    topMm: s,
+    widthMm: u,
+    heightMm: m,
+    style: { fontSize: l, lineHeight: 1.1, color: ge, verticalAlign: "middle" }
+  };
+}
+function be(t, d) {
+  return {
+    kind: "line",
+    leftMm: 4,
+    topMm: t,
+    widthMm: d - 8,
+    heightMm: 0.2,
+    style: { lineColor: "#c9d7e5", lineWidthPt: 0.55 }
+  };
+}
+function De(t, d, s) {
+  const u = [];
+  let m = 4;
+  if (s?.logoData) {
+    if (!/^data:image\/(?:png|jpeg);base64,/i.test(s.logoData))
+      throw new Error("标签Logo须使用PNG或JPEG图片数据");
+    u.push({ kind: "image", leftMm: 4, topMm: 3, widthMm: 12, heightMm: 7, imageData: s.logoData, meta: { labelBrandLogo: !0 } }), m = 19;
+  }
+  return u.push({ ...$(s?.name?.trim() || t, m, 3, d - m - 4, 5, 9), style: { fontSize: 9, color: "#205582" } }), s?.tagline?.trim() && u.push({ ...$(s.tagline.trim(), m, 8, d - m - 4, 3, 5.5), style: { fontSize: 5.5, color: ce } }), u.push(be(12, d)), u;
+}
+function Fe(t, d, s, u, m = 4.7) {
+  return t.flatMap((l, a) => {
+    const f = d + a * m;
+    return [
+      { ...$(l.label ?? l.field, 4, f, s, 4, 6), style: { fontSize: 6, color: ce } },
+      { ...$("", 4 + s, f, u, 4, 7), binding: { field: l.field, ...l.format ? { format: l.format } : {} } }
+    ];
+  });
+}
+function mt(t, d) {
+  return t ? [{ ...$("", 4, 14, d, 7, 14), binding: { field: t }, style: { fontSize: 14, color: ge } }] : [];
+}
+function pt(t, d, s, u) {
+  const m = ue(t, s, u.fields), l = [
+    ...De(d, 80, u.brand),
+    ...mt(s, 71),
+    ...Fe(m, 23, 21, 27)
+  ];
+  s && l.push({ kind: "qrcode", leftMm: 55, topMm: 23, widthMm: 20, heightMm: 20, binding: { field: s }, code: { quietZoneModules: 4, errorCorrection: "M" } }), l.push(be(48, 80));
+  const a = t.fields.find((f) => f.field === s)?.label ?? d;
+  return l.push({ ...$(a, 4, 49, 71, 3, 5.8), style: { fontSize: 5.8, color: ce } }), l;
+}
+function _e(t, d, s, u, m = 80) {
+  const l = De(d, m, u.brand);
+  s && (l.push({ ...$("", 4, 14, m - 8, 8, 16), binding: { field: s }, style: { fontSize: 16, align: "center", color: ge } }), l.push({ kind: "qrcode", leftMm: (m - 20) / 2, topMm: 23, widthMm: 20, heightMm: 20, binding: { field: s }, code: { quietZoneModules: 4, errorCorrection: "M" } })), l.push(be(44, m));
+  const a = ue(t, s, u.fields);
+  return m === 100 ? a.forEach((f, M) => {
+    const C = M % 2 === 0 ? 4 : 52, h = 46 + Math.floor(M / 2) * 4.3;
+    l.push({ ...$(f.label ?? f.field, C, h, 19, 3.7, 5.8), style: { fontSize: 5.8, color: ce } }), l.push({ ...$("", C + 19, h, 25, 3.7, 6.5), binding: { field: f.field, ...f.format ? { format: f.format } : {} } });
+  }) : l.push(...Fe(a.slice(0, 1), 46, 24, m - 32, 5)), l;
+}
+function ke(t, d, s, u = {}) {
+  const m = Le(t, s), l = ft(u.preset), a = Object.fromEntries(["name", "tagline"].flatMap((h) => {
+    const L = u.brand?.[h];
+    return typeof L == "string" ? [[h, L]] : [];
+  })), f = { preset: l.id, brand: a, fields: ue(t, m, u.fields).map((h) => h.field) }, M = l.id === "warehouse" ? _e(t, d, m, u, l.widthMm) : pt(t, d, m, u), C = [{ widthMm: l.widthMm, heightMm: l.heightMm, meta: { title: `${d} · 1`, labelStudio: f }, components: M }];
+  return l.faces === 2 && C.push({ widthMm: l.widthMm, heightMm: l.heightMm, meta: { title: `${d} · 2`, labelStudio: f }, components: _e(t, d, m, u) }), it({ id: "record-label", name: d, template: st({ dataset: "records", rowKey: t.rowKey, pages: C }) });
+}
+function K(t) {
+  const d = t.template.pages[0]?.meta?.labelStudio;
+  if (!d || typeof d != "object") return;
+  const s = d, u = de.find((f) => f.id === s.preset);
+  if (!u) return;
+  const m = Array.isArray(s.fields) ? s.fields.filter((f) => typeof f == "string") : void 0;
+  if (m && m.length > 5) return;
+  const l = s.brand && typeof s.brand == "object" ? s.brand : {}, a = {};
+  for (const f of ["name", "tagline", "logoData"])
+    typeof l[f] == "string" && (a[f] = l[f]);
+  return { preset: u.id, fields: m, brand: a };
+}
+function Se(t, d, s) {
+  const u = new Set(t.fields.filter((l) => l.field !== d && l.field !== t.rowKey).map((l) => l.field)), m = s?.filter((l) => u.has(l));
+  return ue(t, d, m).map((l) => l.field);
+}
+function vt(t, d) {
+  const s = p(() => ({ ...lt, ...t.messages })), u = p(() => t.title ?? s.value.title), m = { preset: t.preset, brand: t.brand, fields: t.fields }, l = Ue(t.modelValue ? x(t.modelValue) : ke(t.schema, u.value, t.identityField, m));
+  let a = x(l.value);
+  Ie(() => {
+    t.modelValue || d(x(l.value));
+  });
+  const f = k("preview"), M = k("all"), C = k(1), h = k(!1), L = k(!1), g = k(), E = at(() => t.beforeDiscard), D = p(() => L.value || E.pending.value || g.value?.saving === !0 || g.value?.blocked === !0), F = k(""), W = p(() => Le(t.schema, t.identityField)), P = k(K(l.value)?.preset ?? (t.modelValue ? void 0 : t.preset ?? "paired")), U = k(K(l.value)?.brand?.name ?? t.brand?.name ?? ""), I = k(K(l.value)?.brand?.tagline ?? t.brand?.tagline ?? ""), _ = k(Se(t.schema, W.value, K(l.value)?.fields ?? t.fields)), X = k(""), ie = p(() => t.schema.fields.filter((n) => n.field !== W.value && n.field !== t.schema.rowKey)), q = p(() => _.value.map((n) => ({ field: n, label: t.schema.fields.find((v) => v.field === n)?.label ?? n }))), fe = p(() => {
+    const n = X.value.trim().toLocaleLowerCase();
+    return ie.value.filter((v) => `${v.label ?? ""} ${v.field}`.toLocaleLowerCase().includes(n)).slice(0, 30);
+  }), j = p(() => {
+    const n = l.value.template.pages[0]?.components.find((v) => v.kind === "image" && v.meta?.labelBrandLogo);
+    return n?.kind === "image" ? n.imageData : t.brand?.logoData;
+  }), Y = p(() => ({
+    preset: P.value,
+    fields: _.value,
+    brand: { ...t.brand, ...j.value ? { logoData: j.value } : {}, name: U.value, tagline: I.value }
+  }));
+  let N = JSON.stringify(K(l.value));
+  const ee = p(() => !K(l.value)), A = () => JSON.stringify({ preset: P.value, fields: _.value, name: U.value, tagline: I.value }), H = k(A()), J = p(() => A() !== H.value), te = p(() => J.value || g.value?.pendingLocalChanges === !0);
+  function le() {
+    const n = K(l.value);
+    P.value = n?.preset, _.value = Se(t.schema, W.value, n?.fields ?? t.fields), U.value = n?.brand?.name ?? t.brand?.name ?? "", I.value = n?.brand?.tagline ?? t.brand?.tagline ?? "", N = JSON.stringify(n), H.value = A();
+  }
+  function se(n) {
+    const v = K(n), S = JSON.stringify(v);
+    S !== N && (N = S, le());
+  }
+  let R = !1;
+  qe(() => {
+    R = !0;
+  });
+  const oe = { assetRenderers: ut() };
+  et({ get defaults() {
+    return { assets: oe, ...t.preview };
+  } }), ve(() => t.modelValue, (n) => {
+    n && Ce(n) !== Ce(l.value) && (l.value = x(n), a = x(n), se(n));
+  }), ve(() => t.rows, () => {
+    M.value = "all", C.value = 1;
+  });
+  function T(n) {
+    F.value = "", l.value = n, se(n), d(n);
+  }
+  function G(n, v) {
+    v && _.value.length < 5 && !_.value.includes(n) ? _.value = [..._.value, n] : v || (_.value = _.value.filter((S) => S !== n));
+  }
+  function c() {
+    if (D.value || R) return !1;
+    if (!P.value)
+      return F.value = s.value.choosePreset, !1;
+    if (g.value?.canApply === !1)
+      return F.value = g.value.saveReason || s.value.applyFirst, !1;
+    try {
+      const n = ke(t.schema, u.value, t.identityField, Y.value), v = l.value.template.repeat;
+      if (v?.copies !== void 0 && n.template.repeat && (n.template.repeat.copies = v.copies), g.value?.applyTemplate) {
+        if (!g.value.applyTemplate(n.template))
+          return F.value = s.value.saveFailed, !1;
+      } else
+        T({ ...l.value, template: n.template });
+      return H.value = A(), !0;
+    } catch (n) {
+      return F.value = n instanceof Error ? n.message : s.value.saveFailed, !1;
+    }
+  }
+  const r = p(() => M.value === "all" ? t.rows : Number.isSafeInteger(C.value) && t.rows[C.value - 1] ? [t.rows[C.value - 1]] : []), z = p(() => l.value.template.repeat?.dataset ?? "records"), xe = p(() => ({ [z.value]: r.value })), Ee = p(() => ({ [z.value]: r.value.slice(0, 3) })), Re = p(() => ({ [z.value]: t.schema })), Te = p(() => [{ id: z.value, label: u.value, rowKey: t.schema.rowKey, fields: t.schema.fields }]), Ve = p(() => l.value.template.pages[0]), he = p(() => l.value.template.pages.length), $e = p(() => {
+    const n = l.value.template.repeat?.copies ?? 1;
+    return typeof n == "number" ? n : void 0;
+  }), Ne = p(() => {
+    const n = l.value.template.repeat?.copies;
+    return typeof n == "object" ? n.field : void 0;
+  }), ye = p(() => {
+    const n = Ne.value;
+    if (!n) return;
+    let v = 0;
+    for (const S of r.value) {
+      const B = Object.getOwnPropertyDescriptor(S, n)?.value;
+      if (typeof B != "number" || !Number.isSafeInteger(B) || B < 1 || B > 1e3) return;
+      v += B;
+    }
+    return v;
+  }), ze = p(() => {
+    const n = $e.value;
+    return n !== void 0 ? Number.isSafeInteger(n) && n >= 1 && n <= 1e3 ? r.value.length * n * he.value : void 0 : ye.value === void 0 ? void 0 : ye.value * he.value;
+  }), Be = p(() => {
+    const n = ot({ labels: rt({ template: l.value.template, rows: r.value, dataSchema: t.schema }) }), v = h.value;
+    return async (S) => {
+      const B = await n(S);
+      return v ? dt(B, { paper: "a4", columns: 2, rows: 4, marginMm: 12, gapMm: 4, signal: S.signal }) : B;
+    };
+  }), Ke = async (n, v) => {
+    const S = t.save ? await t.save(n, v) : x(n);
+    if (R || v.signal.aborted) throw new DOMException("标签模板保存已取消", "AbortError");
+    return a = x(S), T(S), S;
+  };
+  async function we() {
+    if (!(D.value || R) && !(J.value && !c())) {
+      L.value = !0;
+      try {
+        if (g.value) {
+          if (g.value.canApply === !1) {
+            F.value = g.value.saveReason || s.value.applyFirst;
+            return;
+          }
+          if (g.value.pendingLocalChanges && await g.value.save(), g.value.pendingLocalChanges) {
+            F.value = s.value.saveFailed;
+            return;
+          }
+        }
+        if (!R)
+          return F.value = "", x(l.value);
+      } finally {
+        L.value = !1;
+      }
+    }
+  }
+  async function Pe(n) {
+    n !== f.value && await we() && (f.value = n);
+  }
+  let me = !1;
+  const Ae = (n) => me || E.request(n);
+  async function Oe() {
+    if (D.value) return !1;
+    const n = g.value?.pendingLocalChanges === !0;
+    if (!n && !J.value) return !0;
+    if (!(n && g.value ? await g.value.guardChanges() : await E.request({ reason: "replace", document: x(l.value), pendingLocalChanges: !0 })) || R) return !1;
+    if (n && g.value) {
+      me = !0;
+      try {
+        await g.value.reset();
+      } finally {
+        me = !1;
+      }
+      T(x(a));
+    }
+    return le(), !0;
+  }
+  return { m: s, notice: F, title: u, document: l, mode: f, record: M, recordIndex: C, sheet: h, busy: D, editor: g, rows: r, datasets: xe, designDatasets: Ee, schemas: Re, bindings: Te, paper: Ve, labelCount: ze, fetcher: Be, update: T, save: Ke, navigate: Pe, prepare: we, guardChanges: Oe, preset: P, presets: de, brandName: U, brandTagline: I, fields: _, fieldQuery: X, selectedFields: q, availableFields: fe, fieldCount: p(() => ie.value.length), configurationDirty: J, pendingLocalChanges: te, custom: ee, toggleField: G, applyConfiguration: c, restoreConfiguration: le, beforeDiscard: Ae, confirmation: E.confirmation, decideDiscard: E.decide };
+}
+const gt = ["aria-label"], bt = { class: "mr-label-context" }, ht = { class: "mr-label-identity" }, yt = { class: "mr-label-spec" }, wt = ["disabled"], Mt = ["aria-label"], Ct = ["aria-pressed", "onClick"], _t = { class: "mr-label-fields" }, kt = {
+  key: 0,
+  class: "mr-label-selected-fields"
+}, St = ["aria-label", "onClick"], Lt = { class: "mr-label-field-search" }, Dt = ["aria-label", "placeholder"], Ft = { class: "mr-label-field-options" }, xt = ["checked", "disabled", "onChange"], Et = { key: 0 }, Rt = { key: 1 }, Tt = { class: "mr-label-brand" }, Vt = ["placeholder"], $t = ["disabled"], Nt = {
+  key: 1,
+  class: "mr-label-reflow-hint"
+}, zt = { class: "mr-label-reflow-hint" }, Bt = { class: "mr-label-record" }, Kt = ["disabled"], Pt = { value: "all" }, At = { value: "single" }, Ot = {
+  key: 0,
+  class: "mr-label-record-index"
+}, Ut = ["max", "aria-label", "disabled"], It = { class: "mr-label-count" }, qt = { class: "mr-label-help" }, jt = { class: "mr-label-main" }, Ht = { class: "mr-label-bar" }, Jt = ["aria-label"], Gt = ["aria-pressed", "disabled"], Qt = ["aria-pressed", "disabled"], Zt = {
+  key: 0,
+  class: "mr-label-notice",
+  role: "status"
+}, Wt = ["aria-label"], Xt = { class: "mr-label-imposition" }, Yt = { class: "mr-label-editor" }, sl = /* @__PURE__ */ je({
+  __name: "ReportLabelStudio",
+  props: {
+    showSave: { type: Boolean, default: !0 },
+    rows: {},
+    schema: {},
+    title: {},
+    identityField: {},
+    modelValue: {},
+    preview: {},
+    save: {},
+    beforeDiscard: {},
+    messages: {},
+    preset: {},
+    brand: {},
+    fields: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: d, emit: s }) {
+    const u = t, m = s, l = vt(u, (G) => m("update:modelValue", G)), { m: a, notice: f, title: M, document: C, mode: h, record: L, recordIndex: g, sheet: E, busy: D, editor: F, rows: W, designDatasets: P, schemas: U, bindings: I, paper: _, labelCount: X, fetcher: ie, preset: q, presets: fe, brandName: j, brandTagline: Y, fields: N, fieldQuery: ee, selectedFields: A, availableFields: H, fieldCount: J, configurationDirty: te, pendingLocalChanges: le, custom: se, confirmation: R } = l, oe = k();
+    let T = null;
+    return ve(R, async (G) => {
+      G ? (T = window.document.activeElement, await He(), oe.value?.focus()) : T?.isConnected && (T.focus(), T = null);
+    }), d({ guardChanges: l.guardChanges, prepare: l.prepare, get busy() {
+      return D.value;
+    }, get pendingLocalChanges() {
+      return le.value;
+    } }), (G, c) => (b(), y("section", {
+      class: Me(["mr-label-studio", { "is-design": e(h) === "design" }]),
+      "aria-label": e(M)
+    }, [
+      i("aside", bt, [
+        i("div", ht, [
+          Q(ne, {
+            name: "file",
+            size: 18
+          }),
+          i("strong", null, o(e(M)), 1),
+          i("small", null, o(e(se) ? e(a).customTemplate : e(a).readyTemplate), 1)
+        ]),
+        i("div", yt, [
+          i("strong", null, [
+            w(o(e(_)?.widthMm) + " ", 1),
+            c[13] || (c[13] = i("i", null, "×", -1)),
+            w(" " + o(e(_)?.heightMm), 1)
+          ]),
+          i("span", null, "mm · " + o(e(C).template.pages.length) + " " + o(e(a).faces), 1)
+        ]),
+        i("fieldset", {
+          class: "mr-label-quick",
+          disabled: e(D)
+        }, [
+          i("legend", null, o(e(a).layout), 1),
+          i("div", {
+            class: "mr-label-presets",
+            "aria-label": e(a).layout
+          }, [
+            (b(!0), y(ae, null, pe(e(fe), (r) => (b(), y("button", {
+              key: r.id,
+              type: "button",
+              "aria-pressed": e(q) === r.id,
+              onClick: (z) => q.value = r.id
+            }, [
+              i("span", {
+                class: Me(["mr-label-preset-art", `is-${r.id}`]),
+                "aria-hidden": "true"
+              }, [...c[14] || (c[14] = [
+                i("i", null, null, -1),
+                i("i", null, null, -1),
+                i("i", null, null, -1)
+              ])], 2),
+              i("span", null, [
+                i("strong", null, o(e(a)[`${r.id}Preset`]), 1),
+                i("small", null, o(r.widthMm) + " × " + o(r.heightMm) + " · " + o(r.faces) + " " + o(e(a).faces), 1)
+              ])
+            ], 8, Ct))), 128))
+          ], 8, Mt),
+          i("details", _t, [
+            i("summary", null, [
+              w(o(e(a).fields) + " ", 1),
+              i("span", null, o(e(N).length) + " / 5", 1)
+            ]),
+            e(A).length ? (b(), y("div", kt, [
+              (b(!0), y(ae, null, pe(e(A), (r) => (b(), y("button", {
+                key: r.field,
+                type: "button",
+                "aria-label": `${e(a).removeField} ${r.label}`,
+                onClick: (z) => e(l).toggleField(r.field, !1)
+              }, [
+                w(o(r.label) + " ", 1),
+                c[15] || (c[15] = i("span", { "aria-hidden": "true" }, "×", -1))
+              ], 8, St))), 128))
+            ])) : V("", !0),
+            i("label", Lt, [
+              Q(ne, {
+                name: "search",
+                size: 13
+              }),
+              O(i("input", {
+                "onUpdate:modelValue": c[0] || (c[0] = (r) => Z(ee) ? ee.value = r : null),
+                type: "search",
+                "aria-label": e(a).findField,
+                placeholder: e(a).findField
+              }, null, 8, Dt), [
+                [re, e(ee)]
+              ])
+            ]),
+            i("div", Ft, [
+              (b(!0), y(ae, null, pe(e(H), (r) => (b(), y("label", {
+                key: r.field
+              }, [
+                i("input", {
+                  type: "checkbox",
+                  checked: e(N).includes(r.field),
+                  disabled: !e(N).includes(r.field) && e(N).length >= 5,
+                  onChange: (z) => e(l).toggleField(r.field, z.target.checked)
+                }, null, 40, xt),
+                i("span", null, o(r.label ?? r.field), 1)
+              ]))), 128)),
+              e(H).length ? V("", !0) : (b(), y("p", Et, o(e(a).noFields), 1))
+            ]),
+            i("small", null, o(e(a).fieldLimit), 1),
+            e(J) > 30 ? (b(), y("small", Rt, o(e(a).fieldSearchHint), 1)) : V("", !0)
+          ]),
+          i("details", Tt, [
+            i("summary", null, o(e(a).brand), 1),
+            i("label", null, [
+              w(o(e(a).brandName), 1),
+              O(i("input", {
+                "onUpdate:modelValue": c[1] || (c[1] = (r) => Z(j) ? j.value = r : null),
+                maxlength: "80",
+                placeholder: e(M)
+              }, null, 8, Vt), [
+                [re, e(j)]
+              ])
+            ]),
+            i("label", null, [
+              w(o(e(a).brandTagline), 1),
+              O(i("input", {
+                "onUpdate:modelValue": c[2] || (c[2] = (r) => Z(Y) ? Y.value = r : null),
+                maxlength: "120"
+              }, null, 512), [
+                [re, e(Y)]
+              ])
+            ])
+          ]),
+          i("button", {
+            class: "mr-label-apply",
+            type: "button",
+            disabled: !e(te) || !e(q),
+            onClick: c[3] || (c[3] = //@ts-ignore
+            (...r) => e(l).applyConfiguration && e(l).applyConfiguration(...r))
+          }, [
+            Q(ne, {
+              name: "arrow-right",
+              size: 13
+            }),
+            w(o(e(a).applyLayout), 1)
+          ], 8, $t),
+          e(te) ? (b(), y("button", {
+            key: 0,
+            class: "mr-label-reset-configuration",
+            type: "button",
+            onClick: c[4] || (c[4] = //@ts-ignore
+            (...r) => e(l).restoreConfiguration && e(l).restoreConfiguration(...r))
+          }, o(e(a).restoreConfiguration), 1)) : V("", !0),
+          e(te) && !e(q) ? (b(), y("p", Nt, o(e(a).choosePreset), 1)) : V("", !0),
+          i("p", zt, o(e(a).reflowHint), 1)
+        ], 8, wt),
+        i("label", Bt, [
+          w(o(e(a).records), 1),
+          O(i("select", {
+            "onUpdate:modelValue": c[5] || (c[5] = (r) => Z(L) ? L.value = r : null),
+            disabled: e(D) || !u.rows.length
+          }, [
+            i("option", Pt, o(e(a).all) + " · " + o(u.rows.length), 1),
+            i("option", At, o(e(a).single), 1)
+          ], 8, Kt), [
+            [Je, e(L)]
+          ])
+        ]),
+        e(L) === "single" ? (b(), y("label", Ot, [
+          w(o(e(a).record), 1),
+          O(i("input", {
+            "onUpdate:modelValue": c[6] || (c[6] = (r) => Z(g) ? g.value = r : null),
+            type: "number",
+            min: "1",
+            max: u.rows.length,
+            "aria-label": e(a).record,
+            disabled: e(D)
+          }, null, 8, Ut), [
+            [
+              re,
+              e(g),
+              void 0,
+              { number: !0 }
+            ]
+          ]),
+          w(" / " + o(u.rows.length), 1)
+        ])) : V("", !0),
+        i("p", It, [
+          i("strong", null, o(e(W).length), 1),
+          w(" " + o(e(a).count) + " ", 1),
+          c[16] || (c[16] = i("span", null, "→", -1)),
+          c[17] || (c[17] = w()),
+          e(X) !== void 0 ? (b(), y(ae, { key: 0 }, [
+            i("strong", null, o(e(X)), 1),
+            w(" " + o(e(a).labels), 1)
+          ], 64)) : (b(), y(ae, { key: 1 }, [
+            w(o(e(a).invalidCopies), 1)
+          ], 64))
+        ]),
+        i("details", qt, [
+          i("summary", null, o(e(a).guide), 1),
+          i("p", null, o(e(a).help), 1),
+          i("p", null, o(e(a).printHint), 1)
+        ])
+      ]),
+      i("div", jt, [
+        i("header", Ht, [
+          i("nav", { "aria-label": e(M) }, [
+            i("button", {
+              type: "button",
+              "aria-pressed": e(h) === "preview",
+              disabled: e(D),
+              onClick: c[7] || (c[7] = (r) => e(l).navigate("preview"))
+            }, [
+              Q(ne, {
+                name: "file",
+                size: 14
+              }),
+              w(o(e(a).preview), 1)
+            ], 8, Gt),
+            i("button", {
+              type: "button",
+              "aria-pressed": e(h) === "design",
+              disabled: e(D),
+              onClick: c[8] || (c[8] = (r) => e(l).navigate("design"))
+            }, [
+              Q(ne, {
+                name: "settings",
+                size: 14
+              }),
+              w(o(e(a).design), 1)
+            ], 8, Qt)
+          ], 8, Jt),
+          i("span", null, o(e(h) === "design" ? e(a).designHint : e(a).flow), 1)
+        ]),
+        e(f) ? (b(), y("p", Zt, o(e(f)), 1)) : V("", !0),
+        e(R) ? (b(), y("div", {
+          key: 1,
+          class: "mr-label-confirm",
+          role: "alertdialog",
+          "aria-label": e(a).discardTitle,
+          onKeydown: c[11] || (c[11] = Ge(Qe((r) => e(l).decideDiscard(!1), ["prevent", "stop"]), ["esc"]))
+        }, [
+          i("div", null, [
+            i("strong", null, o(e(a).discardTitle), 1),
+            i("p", null, o(e(a).discardDescription), 1)
+          ]),
+          i("button", {
+            ref_key: "keepEditingButton",
+            ref: oe,
+            type: "button",
+            onClick: c[9] || (c[9] = (r) => e(l).decideDiscard(!1))
+          }, o(e(a).keepEditing), 513),
+          i("button", {
+            type: "button",
+            onClick: c[10] || (c[10] = (r) => e(l).decideDiscard(!0))
+          }, o(e(a).discard), 1)
+        ], 40, Wt)) : V("", !0),
+        e(h) === "preview" ? (b(), Ze(e(tt), {
+          key: 2,
+          "report-id": "labels",
+          fetcher: e(ie),
+          "show-params": !1,
+          height: "100%",
+          toolbar: { exportFormats: ["pdf", "png", "html"], editing: !1, excelImport: !1 },
+          messages: { title: e(M), empty: e(a).empty }
+        }, {
+          settings: We(() => [
+            i("label", Xt, [
+              O(i("input", {
+                "onUpdate:modelValue": c[12] || (c[12] = (r) => Z(E) ? E.value = r : null),
+                type: "checkbox"
+              }, null, 512), [
+                [Xe, e(E)]
+              ]),
+              w(o(e(a).sheet), 1),
+              i("small", null, o(e(a).sheetHint), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["fetcher", "messages"])) : V("", !0),
+        O(i("div", Yt, [
+          Q(nt, {
+            ref_key: "editor",
+            ref: F,
+            "model-value": e(C),
+            mode: "design",
+            "show-mode-switch": !1,
+            "show-save": t.showSave,
+            capabilities: { params: !1 },
+            datasets: e(P),
+            "data-schemas": e(U),
+            "binding-datasets": e(I),
+            save: e(l).save,
+            "before-discard": e(l).beforeDiscard,
+            preview: t.preview,
+            "onUpdate:modelValue": e(l).update
+          }, null, 8, ["model-value", "show-save", "datasets", "data-schemas", "binding-datasets", "save", "before-discard", "preview", "onUpdate:modelValue"])
+        ], 512), [
+          [Ye, e(h) === "design"]
+        ])
+      ])
+    ], 10, gt));
+  }
+});
+export {
+  sl as default
+};