@agile-team/mach-report 2.12.0 → 2.14.0

package/dist/TemplateOutlinePanel-BHKP89Xz.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./template-outline-B3xVkzSv.cjs"),E=require("./designer-rtmVIIdN.cjs"),h=require("./_plugin-vue_export-helper-BLmdZLlg.cjs"),y=["aria-label"],S={class:"sr-only"},V=["placeholder"],B={class:"mr-outline-layout"},N={class:"mr-outline-tree"},D=["onClick"],f={class:"mr-outline-kind"},b={key:0},C={key:0,class:"mr-product-note"},T={key:0},$=["onClick"],L=e.defineComponent({__name:"TemplateOutlinePanel",props:{document:{},selection:{},messages:{}},emits:["locate"],setup(m,{emit:p}){const c=m,u=p,l=e.computed(()=>({...E.TEMPLATE_PRODUCT_MESSAGES,...c.messages})),r=e.ref(""),s=e.ref(100),a=e.ref(),v=e.computed(()=>d.collectTemplateOutline(c.document.template)),i=e.computed(()=>{const n=r.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);return v.value.filter(o=>n.every(t=>`${o.title} ${o.dataset??""} ${o.path}`.toLocaleLowerCase().includes(t)))}),g=e.computed(()=>a.value?d.inspectTemplateFieldUsage(c.document.template,a.value.dataset,a.value.field):[]);function k(n){u("locate",n),n.dataset&&n.field&&(a.value={dataset:n.dataset,field:n.field})}return(n,o)=>(e.openBlock(),e.createElementBlock("section",{class:"mr-product-panel mr-outline","aria-label":l.value.outline},[e.createElementVNode("header",null,[e.createElementVNode("div",null,[e.createElementVNode("strong",null,e.toDisplayString(l.value.outline),1),e.createElementVNode("small",null,e.toDisplayString(i.value.length)+" "+e.toDisplayString(l.value.count),1)]),e.createElementVNode("label",null,[e.createElementVNode("span",S,e.toDisplayString(l.value.search),1),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":o[0]||(o[0]=t=>r.value=t),type:"search",placeholder:l.value.search,onInput:o[1]||(o[1]=t=>s.value=100)},null,40,V),[[e.vModelText,r.value]])])]),e.createElementVNode("div",B,[e.createElementVNode("ol",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value.slice(0,s.value),t=>(e.openBlock(),e.createElementBlock("li",{key:t.path,style:e.normalizeStyle({"--depth":t.depth})},[e.createElementVNode("button",{type:"button",onClick:_=>k(t)},[e.createElementVNode("span",f,e.toDisplayString(l.value[t.kind]),1),e.createElementVNode("strong",null,e.toDisplayString(t.title),1),t.dataset?(e.openBlock(),e.createElementBlock("small",b,e.toDisplayString(t.dataset),1)):e.createCommentVNode("",!0)],8,D)],4))),128)),i.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",C,e.toDisplayString(l.value.noMatches),1))]),a.value?(e.openBlock(),e.createElementBlock("aside",T,[e.createElementVNode("h3",null,e.toDisplayString(l.value.usages)+" · "+e.toDisplayString(a.value.field),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value.slice(0,100),t=>(e.openBlock(),e.createElementBlock("button",{key:t.path,type:"button",class:"mr-outline-reference",onClick:_=>u("locate",t)},[e.createElementVNode("span",null,e.toDisplayString(t.pageIndex===void 0?l.value.binding:`${l.value.page} ${t.pageIndex+1}`)+" · "+e.toDisplayString(l.value[t.kind==="display"?"field":t.kind]),1),e.createElementVNode("code",null,e.toDisplayString(t.path),1)],8,$))),128))])):e.createCommentVNode("",!0)]),i.value.length>s.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"mr-product-more",onClick:o[2]||(o[2]=t=>s.value+=100)},e.toDisplayString(l.value.more)+" · "+e.toDisplayString(i.value.length-s.value),1)):e.createCommentVNode("",!0)],8,y))}}),x=h._export_sfc(L,[["__scopeId","data-v-c1e2eb2c"]]);exports.default=x;

package/dist/TemplateOutlinePanel-Dci6aRn1.js

@@ -0,0 +1,96 @@
+import { defineComponent as x, computed as r, ref as _, openBlock as s, createElementBlock as n, createElementVNode as t, toDisplayString as l, withDirectives as E, vModelText as L, Fragment as g, renderList as k, normalizeStyle as S, createCommentVNode as p } from "vue";
+import { c as I, i as M } from "./template-outline-CFenM1PV.js";
+import { b as O } from "./designer-Ci1LizA9.js";
+import { _ as P } from "./_plugin-vue_export-helper-8SL1F89S.js";
+const w = ["aria-label"], B = { class: "sr-only" }, D = ["placeholder"], U = { class: "mr-outline-layout" }, V = { class: "mr-outline-tree" }, A = ["onClick"], F = { class: "mr-outline-kind" }, N = { key: 0 }, q = {
+  key: 0,
+  class: "mr-product-note"
+}, z = { key: 0 }, G = ["onClick"], R = /* @__PURE__ */ x({
+  __name: "TemplateOutlinePanel",
+  props: {
+    document: {},
+    selection: {},
+    messages: {}
+  },
+  emits: ["locate"],
+  setup(f, { emit: b }) {
+    const m = f, h = b, a = r(() => ({ ...O, ...m.messages })), v = _(""), d = _(100), i = _(), y = r(() => I(m.document.template)), c = r(() => {
+      const u = v.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
+      return y.value.filter(
+        (o) => u.every(
+          (e) => `${o.title} ${o.dataset ?? ""} ${o.path}`.toLocaleLowerCase().includes(e)
+        )
+      );
+    }), C = r(
+      () => i.value ? M(
+        m.document.template,
+        i.value.dataset,
+        i.value.field
+      ) : []
+    );
+    function $(u) {
+      h("locate", u), u.dataset && u.field && (i.value = { dataset: u.dataset, field: u.field });
+    }
+    return (u, o) => (s(), n("section", {
+      class: "mr-product-panel mr-outline",
+      "aria-label": a.value.outline
+    }, [
+      t("header", null, [
+        t("div", null, [
+          t("strong", null, l(a.value.outline), 1),
+          t("small", null, l(c.value.length) + " " + l(a.value.count), 1)
+        ]),
+        t("label", null, [
+          t("span", B, l(a.value.search), 1),
+          E(t("input", {
+            "onUpdate:modelValue": o[0] || (o[0] = (e) => v.value = e),
+            type: "search",
+            placeholder: a.value.search,
+            onInput: o[1] || (o[1] = (e) => d.value = 100)
+          }, null, 40, D), [
+            [L, v.value]
+          ])
+        ])
+      ]),
+      t("div", U, [
+        t("ol", V, [
+          (s(!0), n(g, null, k(c.value.slice(0, d.value), (e) => (s(), n("li", {
+            key: e.path,
+            style: S({ "--depth": e.depth })
+          }, [
+            t("button", {
+              type: "button",
+              onClick: (T) => $(e)
+            }, [
+              t("span", F, l(a.value[e.kind]), 1),
+              t("strong", null, l(e.title), 1),
+              e.dataset ? (s(), n("small", N, l(e.dataset), 1)) : p("", !0)
+            ], 8, A)
+          ], 4))), 128)),
+          c.value.length ? p("", !0) : (s(), n("li", q, l(a.value.noMatches), 1))
+        ]),
+        i.value ? (s(), n("aside", z, [
+          t("h3", null, l(a.value.usages) + " · " + l(i.value.field), 1),
+          (s(!0), n(g, null, k(C.value.slice(0, 100), (e) => (s(), n("button", {
+            key: e.path,
+            type: "button",
+            class: "mr-outline-reference",
+            onClick: (T) => h("locate", e)
+          }, [
+            t("span", null, l(e.pageIndex === void 0 ? a.value.binding : `${a.value.page} ${e.pageIndex + 1}`) + " · " + l(a.value[e.kind === "display" ? "field" : e.kind]), 1),
+            t("code", null, l(e.path), 1)
+          ], 8, G))), 128))
+        ])) : p("", !0)
+      ]),
+      c.value.length > d.value ? (s(), n("button", {
+        key: 0,
+        type: "button",
+        class: "mr-product-more",
+        onClick: o[2] || (o[2] = (e) => d.value += 100)
+      }, l(a.value.more) + " · " + l(c.value.length - d.value), 1)) : p("", !0)
+    ], 8, w));
+  }
+}), Q = /* @__PURE__ */ P(R, [["__scopeId", "data-v-c1e2eb2c"]]);
+export {
+  Q as default
+};

package/dist/TemplateReusePanel-B7Gmyc1z.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-CLkGo6To.js";
+import { b as Q } from "./designer-Ci1LizA9.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
+};

package/dist/TemplateReusePanel-CY5eO2Sh.cjs

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