@agile-team/mach-report 2.13.0 → 2.15.0

package/dist/TemplateReusePanel-rVuK1kTz.js

@@ -0,0 +1,388 @@
+import { computed as f, ref as S, watch as q, defineComponent as J, openBlock as d, createElementBlock as r, unref as e, createElementVNode as i, toDisplayString as a, createCommentVNode as w, Fragment as x, createTextVNode as U, withDirectives as $, isRef as D, renderList as O, vModelSelect as P, vModelText as M, normalizeStyle as L } from "vue";
+import { b as G, c as H, i as W, a as K } from "./template-fragments-BGbQLGlV.js";
+import { b as Q } from "./designer-2bDlcNXQ.js";
+import { _ as X } from "./_plugin-vue_export-helper-8SL1F89S.js";
+function Y(l, A) {
+  const m = f(() => ({
+    ...Q,
+    ...l.messages
+  })), I = S([]), s = S(""), v = S("body"), g = S(""), C = S(""), V = S(), p = S({}), h = f(() => [
+    ...l.fragments ?? [],
+    ...I.value
+  ]);
+  q(
+    h,
+    (o) => {
+      o.some((n) => n.id === s.value) || (s.value = o[0]?.id ?? "");
+    },
+    { immediate: !0 }
+  );
+  const u = f(
+    () => h.value.find((o) => o.id === s.value) ?? h.value[0]
+  ), E = f(() => {
+    try {
+      return u.value ? G(u.value) : [];
+    } catch (o) {
+      return [{ dataset: "", fields: [], error: String(o) }];
+    }
+  });
+  q(
+    u,
+    () => {
+      p.value = {
+        datasets: Object.fromEntries(
+          E.value.map((o) => [
+            o.dataset,
+            l.document.template.repeat?.dataset ?? o.dataset
+          ])
+        ),
+        fields: Object.fromEntries(
+          E.value.map((o) => [
+            o.dataset,
+            Object.fromEntries(o.fields.map((n) => [n, n]))
+          ])
+        )
+      };
+    },
+    { immediate: !0 }
+  );
+  const c = f(
+    () => l.selection?.pageIndex === l.pageIndex ? l.document.template.pages[l.pageIndex]?.components[l.selection.componentIndex] : void 0
+  ), _ = f(
+    () => c.value?.meta?.fragment
+  ), B = f(
+    () => _.value && u.value?.id === _.value.id && u.value.revision !== _.value.revision
+  ), k = f(
+    () => l.styles?.length ? l.styles : [
+      {
+        id: "title",
+        name: m.value.styleText,
+        style: { fontSize: 18, bold: !0, color: "#183b65" }
+      },
+      {
+        id: "heading",
+        name: m.value.styleHeading,
+        target: "header",
+        style: {
+          fontSize: 10,
+          bold: !0,
+          color: "#21466e",
+          backgroundColor: "#eaf2fb",
+          align: "center",
+          verticalAlign: "middle"
+        }
+      },
+      {
+        id: "body",
+        name: m.value.styleBody,
+        style: { fontSize: 10, color: "#334155", bold: !1 }
+      },
+      {
+        id: "number",
+        name: m.value.styleNumber,
+        style: { fontSize: 10, align: "right", color: "#334155" }
+      },
+      {
+        id: "note",
+        name: m.value.styleNote,
+        style: { fontSize: 8, color: "#64748b", bold: !1 }
+      }
+    ]
+  ), b = f(
+    () => k.value.find((o) => o.id === v.value) ?? k.value[0]
+  );
+  q(
+    k,
+    (o) => {
+      o.some((n) => n.id === v.value) || (v.value = o[0]?.id ?? "");
+    },
+    { immediate: !0 }
+  );
+  function T(o) {
+    if (!l.disabled) {
+      C.value = "";
+      try {
+        o();
+      } catch (n) {
+        C.value = n instanceof Error ? n.message : String(n);
+      }
+    }
+  }
+  function z() {
+    T(() => {
+      if (!l.selection || !c.value) throw new Error(m.value.select);
+      if (!g.value.trim()) throw new Error(m.value.nameRequired);
+      let o = I.value.length + 1;
+      const n = new Set(h.value.map((y) => y.id));
+      for (; n.has(`session-fragment-${o}`); ) o++;
+      const t = `session-fragment-${o}`;
+      I.value.push(
+        H(
+          l.document,
+          l.pageIndex,
+          [l.selection.componentIndex],
+          { id: t, name: g.value.trim(), revision: "1" }
+        )
+      ), s.value = t, g.value = "";
+    });
+  }
+  function N(o = !1) {
+    T(() => {
+      if (!u.value) return;
+      const n = W(l.document, u.value, {
+        pageIndex: l.pageIndex,
+        bindings: p.value,
+        ...o ? { replaceInstance: _.value?.instance } : {}
+      });
+      l.accept((t) => {
+        t.template = n.document.template;
+      }) && A({
+        pageIndex: l.pageIndex,
+        componentIndex: n.componentIndices[0]
+      });
+    });
+  }
+  function R(o = b.value) {
+    T(() => {
+      if (!l.selection || !c.value) return;
+      const n = K(
+        l.document,
+        l.pageIndex,
+        [l.selection.componentIndex],
+        o
+      );
+      l.accept((t) => {
+        t.template = n.template;
+      });
+    });
+  }
+  function F() {
+    c.value && (V.value = JSON.parse(
+      JSON.stringify(
+        c.value.kind === "list" ? c.value.columns[0]?.style ?? {} : c.value.style ?? {}
+      )
+    ));
+  }
+  return {
+    m,
+    local: I,
+    name: g,
+    fragmentId: s,
+    fragments: h,
+    fragment: u,
+    bindings: p,
+    required: E,
+    active: c,
+    instance: _,
+    canUpdate: B,
+    error: C,
+    styles: k,
+    styleId: v,
+    style: b,
+    clipboard: V,
+    capture: z,
+    insert: N,
+    apply: R,
+    copyStyle: F
+  };
+}
+const Z = ["aria-label"], ee = {
+  key: 0,
+  role: "alert",
+  class: "mr-reuse-error"
+}, te = { class: "mr-reuse-layout" }, ne = {
+  key: 0,
+  class: "mr-product-note"
+}, le = ["value"], ae = { class: "mr-product-note" }, se = { key: 0 }, oe = {
+  key: 0,
+  class: "mr-reuse-bindings"
+}, ie = {
+  key: 0,
+  role: "alert"
+}, de = ["onUpdate:modelValue", "disabled"], re = ["onUpdate:modelValue", "aria-label", "disabled"], ue = { class: "mr-reuse-actions" }, ce = ["disabled"], me = ["disabled"], ve = {
+  key: 1,
+  class: "mr-product-note"
+}, be = { class: "mr-reuse-bindings" }, ye = ["disabled"], fe = ["disabled"], ge = { class: "mr-product-note" }, pe = ["value"], he = {
+  key: 0,
+  class: "mr-product-note"
+}, _e = { class: "mr-reuse-actions" }, ke = ["disabled"], Se = ["disabled"], xe = ["disabled"], Ie = /* @__PURE__ */ J({
+  __name: "TemplateReusePanel",
+  props: {
+    document: {},
+    pageIndex: {},
+    selection: {},
+    fragments: {},
+    styles: {},
+    disabled: { type: Boolean },
+    messages: {},
+    accept: { type: Function }
+  },
+  emits: ["select"],
+  setup(l, { emit: A }) {
+    const m = l, I = A, {
+      m: s,
+      name: v,
+      fragmentId: g,
+      fragments: C,
+      fragment: V,
+      bindings: p,
+      required: h,
+      active: u,
+      instance: E,
+      canUpdate: c,
+      error: _,
+      styles: B,
+      styleId: k,
+      style: b,
+      clipboard: T,
+      capture: z,
+      insert: N,
+      apply: R,
+      copyStyle: F
+    } = Y(m, (o) => I("select", o));
+    return (o, n) => (d(), r("section", {
+      class: "mr-product-panel",
+      "aria-label": e(s).reuse
+    }, [
+      i("header", null, [
+        i("strong", null, a(e(s).reuse), 1),
+        i("small", null, a(e(s).preserve), 1)
+      ]),
+      e(_) ? (d(), r("p", ee, a(e(_)), 1)) : w("", !0),
+      i("div", te, [
+        i("section", null, [
+          i("h3", null, a(e(s).fragments), 1),
+          e(C).length ? (d(), r(x, { key: 1 }, [
+            i("label", null, [
+              U(a(e(s).fragments), 1),
+              $(i("select", {
+                "onUpdate:modelValue": n[0] || (n[0] = (t) => D(g) ? g.value = t : null)
+              }, [
+                (d(!0), r(x, null, O(e(C), (t) => (d(), r("option", {
+                  key: t.id,
+                  value: t.id
+                }, a(t.name) + " · " + a(t.revision), 9, le))), 128))
+              ], 512), [
+                [P, e(g)]
+              ])
+            ]),
+            i("p", ae, [
+              U(a(e(s).revision) + " " + a(e(V)?.revision), 1),
+              e(E) ? (d(), r("span", se, " · " + a(e(s).instance) + " " + a(e(E).revision), 1)) : w("", !0)
+            ]),
+            e(h).length ? (d(), r("div", oe, [
+              i("h3", null, a(e(s).bindings), 1),
+              (d(!0), r(x, null, O(e(h), (t) => (d(), r(x, {
+                key: t.dataset
+              }, [
+                "error" in t ? (d(), r("p", ie, a(t.error), 1)) : (d(), r(x, { key: 1 }, [
+                  i("label", null, [
+                    U(a(e(s).dataset) + " · " + a(t.dataset), 1),
+                    $(i("input", {
+                      "onUpdate:modelValue": (y) => e(p).datasets[t.dataset] = y,
+                      disabled: l.disabled
+                    }, null, 8, de), [
+                      [M, e(p).datasets[t.dataset]]
+                    ])
+                  ]),
+                  (d(!0), r(x, null, O(t.fields, (y) => (d(), r("label", { key: y }, [
+                    U(a(y), 1),
+                    $(i("input", {
+                      "onUpdate:modelValue": (j) => e(p).fields[t.dataset][y] = j,
+                      "aria-label": `${e(s).target} ${y}`,
+                      disabled: l.disabled
+                    }, null, 8, re), [
+                      [M, e(p).fields[t.dataset][y]]
+                    ])
+                  ]))), 128))
+                ], 64))
+              ], 64))), 128))
+            ])) : w("", !0),
+            i("div", ue, [
+              i("button", {
+                type: "button",
+                class: "mr-reuse-primary",
+                disabled: l.disabled || !e(V),
+                onClick: n[1] || (n[1] = (t) => e(N)())
+              }, a(e(s).insert), 9, ce),
+              e(c) ? (d(), r("button", {
+                key: 0,
+                type: "button",
+                disabled: l.disabled,
+                onClick: n[2] || (n[2] = (t) => e(N)(!0))
+              }, a(e(s).update), 9, me)) : w("", !0)
+            ]),
+            e(c) ? (d(), r("p", ve, a(e(s).newRevision), 1)) : w("", !0)
+          ], 64)) : (d(), r("p", ne, a(e(s).noFragments), 1)),
+          i("div", be, [
+            i("label", null, [
+              U(a(e(s).fragmentName), 1),
+              $(i("input", {
+                "onUpdate:modelValue": n[3] || (n[3] = (t) => D(v) ? v.value = t : null),
+                disabled: l.disabled || !e(u)
+              }, null, 8, ye), [
+                [M, e(v)]
+              ])
+            ]),
+            i("button", {
+              type: "button",
+              disabled: l.disabled || !e(u) || !e(v).trim(),
+              onClick: n[4] || (n[4] = //@ts-ignore
+              (...t) => e(z) && e(z)(...t))
+            }, a(e(s).capture), 9, fe)
+          ])
+        ]),
+        i("section", null, [
+          i("h3", null, a(e(s).styles), 1),
+          i("p", ge, a(e(s).noStyles), 1),
+          i("label", null, [
+            U(a(e(s).role), 1),
+            $(i("select", {
+              "onUpdate:modelValue": n[5] || (n[5] = (t) => D(k) ? k.value = t : null)
+            }, [
+              (d(!0), r(x, null, O(e(B), (t) => (d(), r("option", {
+                key: t.id,
+                value: t.id
+              }, a(t.name), 9, pe))), 128))
+            ], 512), [
+              [P, e(k)]
+            ])
+          ]),
+          i("div", {
+            class: "mr-reuse-swatch",
+            style: L({
+              color: e(b).style.color,
+              backgroundColor: e(b).style.backgroundColor,
+              fontSize: `${e(b).style.fontSize ?? 10}pt`,
+              fontWeight: e(b).style.bold ? 600 : 400,
+              textAlign: e(b).style.align
+            })
+          }, a(e(b).name) + " · Aa 0123 ", 5),
+          e(u) ? w("", !0) : (d(), r("p", he, a(e(s).select), 1)),
+          i("div", _e, [
+            i("button", {
+              type: "button",
+              class: "mr-reuse-primary",
+              disabled: l.disabled || !e(u),
+              onClick: n[6] || (n[6] = (t) => e(R)())
+            }, a(e(s).apply), 9, ke),
+            i("button", {
+              type: "button",
+              disabled: !e(u),
+              onClick: n[7] || (n[7] = //@ts-ignore
+              (...t) => e(F) && e(F)(...t))
+            }, a(e(s).copy), 9, Se),
+            i("button", {
+              type: "button",
+              disabled: l.disabled || !e(u) || !e(T),
+              onClick: n[8] || (n[8] = (t) => e(R)({ id: "clipboard", name: e(s).paste, style: e(T) }))
+            }, a(e(s).paste), 9, xe)
+          ])
+        ])
+      ])
+    ], 8, Z));
+  }
+}), Ue = /* @__PURE__ */ X(Ie, [["__scopeId", "data-v-45be4c24"]]);
+export {
+  Ue as default
+};