kindy-editor 3.2.1 → 3.2.3

package/dist-lib/{kindy-editor-DKDwpt09.js → kindy-editor-DuN692fi.js}

@@ -1,18 +1,18 @@
-import "./toc-DSwkNKls.js";
-import { m as x } from "./stylesheet-E5bu1xch.js";
-import { H as m, A as f, y as v, C as w, I as y, a as C, P as T, F as S, Q as L, R as D, D as A } from "./paintStyle-Cjk9egel.js";
-import { E as P } from "./eventHub-CZFpTVqe.js";
-const z = 1.1, B = 0.25, R = 5, E = 36, p = {
+import "./toc-BIj8uQ-W.js";
+import { m as x } from "./stylesheet-EQFx9l5c.js";
+import { H as m, A as f, C as v, b as y, I as w, T as C, F as T, d as S, e as L, E as D, D as P } from "./paintStyle-Cb7IGKPW.js";
+import { E as A } from "./changeAggregator-ymKDXGA8.js";
+const z = 1.1, B = 0.25, R = 5, M = 36, p = {
   canvasBackground: "#e8eaed",
-  grid: A,
+  grid: P,
   gridMesh: "rgba(0,0,0,0.08)",
   externalLink: D,
   accent: L,
   footnoteRule: S,
   formattingMark: T,
   tocLeader: C,
-  imagePlaceholder: y,
-  columnSeparator: w,
+  imagePlaceholder: w,
+  columnSeparator: y,
   caret: "#1a1a2e",
   searchHighlight: "rgba(251, 188, 4, 0.45)",
   reviewPinResolved: "#9aa0a6",
@@ -29,45 +29,45 @@ const z = 1.1, B = 0.25, R = 5, E = 36, p = {
   zoomStep: z,
   zoomMin: B,
   zoomMax: R,
-  indentStepPx: E,
+  indentStepPx: M,
   gridSpacingPx: 24
 }, q = {
   canvasBackground: "#202124",
   ruler: { bg: "#2a2d31", content: "#3c4043", line: "#5f6368", label: "#bdc1c6" }
 };
-function M(t) {
-  return t ? {
+function E(r) {
+  return r ? {
     ...p,
-    ...l(t),
-    ruler: { ...p.ruler, ...t.ruler ? l(t.ruler) : {} }
+    ...l(r),
+    ruler: { ...p.ruler, ...r.ruler ? l(r.ruler) : {} }
   } : p;
 }
-function F(t) {
-  return t ? { ...g, ...l(t) } : g;
+function F(r) {
+  return r ? { ...g, ...l(r) } : g;
 }
-function I(t) {
-  return t ? {
-    disableBuiltin: t.disableBuiltin ? [...t.disableBuiltin] : [],
-    fonts: t.fonts ? t.fonts.map((e) => ({ ...e, faces: { ...e.faces }, sizing: { ...e.sizing } })) : [],
-    ...t.baseUrl ? { baseUrl: t.baseUrl } : {},
-    ...t.manifests ? { manifests: t.manifests.map((e) => typeof e == "string" ? { url: e } : { ...e }) } : {},
-    ...t.loader ? { loader: t.loader } : {}
+function I(r) {
+  return r ? {
+    disableBuiltin: r.disableBuiltin ? [...r.disableBuiltin] : [],
+    fonts: r.fonts ? r.fonts.map((e) => ({ ...e, faces: { ...e.faces }, sizing: { ...e.sizing } })) : [],
+    ...r.baseUrl ? { baseUrl: r.baseUrl } : {},
+    ...r.manifests ? { manifests: r.manifests.map((e) => typeof e == "string" ? { url: e } : { ...e }) } : {},
+    ...r.loader ? { loader: r.loader } : {}
   } : { disableBuiltin: [], fonts: [] };
 }
-function J(t = {}) {
-  const e = t.overrideDefaultStyles ? l(t.overrideDefaultStyles) : {};
+function J(r = {}) {
+  const e = r.overrideDefaultStyles ? l(r.overrideDefaultStyles) : {};
   return {
-    theme: M(t.theme),
-    behavior: F(t.behavior),
+    theme: E(r.theme),
+    behavior: F(r.behavior),
     typography: e,
     stylesheet: x(e),
-    fonts: I(t.fonts),
-    cjk: O(t.cjk),
-    develop: t.develop ?? !1
+    fonts: I(r.fonts),
+    cjk: O(r.cjk),
+    develop: r.develop ?? !1
   };
 }
-function O(t) {
-  const e = t ? l(t) : {};
+function O(r) {
+  const e = r ? l(r) : {};
   return {
     ...e,
     fallbackFont: e.fallbackFont ?? v,
@@ -75,9 +75,9 @@ function O(t) {
     hebrewFallbackFont: e.hebrewFallbackFont ?? m
   };
 }
-function l(t) {
+function l(r) {
   const e = {};
-  for (const [r, n] of Object.entries(t)) n !== void 0 && (e[r] = n);
+  for (const [t, n] of Object.entries(r)) n !== void 0 && (e[t] = n);
   return e;
 }
 const N = "kindy-editor-styles", H = `
@@ -777,10 +777,10 @@ const N = "kindy-editor-styles", H = `
   .ked-obj-handle::before { content: ""; position: absolute; inset: -8px; }
 }
 `;
-function h(t, e) {
-  if (document.getElementById(t)) return;
-  const r = document.createElement("style");
-  r.id = t, r.textContent = e, document.head.appendChild(r);
+function h(r, e) {
+  if (document.getElementById(r)) return;
+  const t = document.createElement("style");
+  t.id = r, t.textContent = e, document.head.appendChild(t);
 }
 function Z() {
   h(N, H);
@@ -788,21 +788,21 @@ function Z() {
 const U = `
 .ked-drag-handle{cursor:move;user-select:none;}
 .ked-drag-handle::before{content:"⠿";color:#b0b4ba;font-size:14px;line-height:1;margin-right:4px;flex:0 0 auto;}`;
-function Y(t) {
+function Y(r) {
   h("ked-drag-handle-styles", U);
-  const { backdrop: e, modal: r, handle: n, signal: o } = t;
-  e.style.pointerEvents = "none", e.style.background = "transparent", e.style.display = "block", r.style.position = "fixed", r.style.margin = "0", r.style.pointerEvents = "auto", n.classList.add("ked-drag-handle");
+  const { backdrop: e, modal: t, handle: n, signal: o } = r;
+  e.style.pointerEvents = "none", e.style.background = "transparent", e.style.display = "block", t.style.position = "fixed", t.style.margin = "0", t.style.pointerEvents = "auto", n.classList.add("ked-drag-handle");
   const d = (a, s) => {
-    const b = Math.max(4, window.innerWidth - r.offsetWidth - 6), k = Math.max(4, window.innerHeight - 44);
-    r.style.left = `${Math.min(Math.max(4, a), b)}px`, r.style.top = `${Math.min(Math.max(4, s), k)}px`;
+    const b = Math.max(4, window.innerWidth - t.offsetWidth - 6), k = Math.max(4, window.innerHeight - 44);
+    t.style.left = `${Math.min(Math.max(4, a), b)}px`, t.style.top = `${Math.min(Math.max(4, s), k)}px`;
   };
-  d(window.innerWidth - r.offsetWidth - 24, 72);
+  d(window.innerWidth - t.offsetWidth - 24, 72);
   let i = null;
   n.addEventListener(
     "mousedown",
     (a) => {
-      if (t.noDrag && a.target.closest(t.noDrag)) return;
-      const s = r.getBoundingClientRect();
+      if (r.noDrag && a.target.closest(r.noDrag)) return;
+      const s = t.getBoundingClientRect();
       i = { dx: a.clientX - s.left, dy: a.clientY - s.top }, a.preventDefault();
     },
     { signal: o }
@@ -813,9 +813,9 @@ function Y(t) {
   }, { signal: o });
 }
 const c = 0.15;
-function Q(t, e) {
-  const r = e > 0 ? t / e : 1;
-  return { phase: "fonts", loaded: t, total: e, percent: c + (1 - c) * r };
+function Q(r, e) {
+  const t = e > 0 ? r / e : 1;
+  return { phase: "fonts", loaded: r, total: e, percent: c + (1 - c) * t };
 }
 const u = {
   common: {
@@ -1297,7 +1297,7 @@ const u = {
     submit: "Comment",
     replyPlaceholder: "Reply…"
   }
-}, K = {
+}, V = {
   common: {
     ok: "Đồng ý",
     cancel: "Hủy",
@@ -1777,13 +1777,13 @@ const u = {
     submit: "Nhận xét",
     replyPlaceholder: "Trả lời…"
   }
-}, j = {
+}, K = {
   en: u,
-  vi: K
+  vi: V
 };
-function W(t) {
-  const r = (t ?? (typeof navigator < "u" ? navigator.language : "en") ?? "en").split(/[-_]/)[0].toLowerCase();
-  return j[r] ?? u;
+function j(r) {
+  const t = (r ?? (typeof navigator < "u" ? navigator.language : "en") ?? "en").split(/[-_]/)[0].toLowerCase();
+  return K[t] ?? u;
 }
 class $ {
   /** Namespaced, typed public integration events. Legacy on()/off() remains. */
@@ -1792,7 +1792,7 @@ class $ {
   ready;
   handlers = /* @__PURE__ */ new Map();
   constructor(e) {
-    this.events = new P(e.events), this.ready = new Promise((r) => {
+    this.events = new A(e.events), this.ready = new Promise((t) => {
       const n = {
         container: e.container,
         backendUrl: e.backendUrl,
@@ -1821,28 +1821,30 @@ class $ {
         onLoadProgress: e.onLoadProgress,
         eventDetail: this.events.detail,
         includeSelectionEvents: this.events.includeSelection,
-        messages: W(e.locale),
+        messages: j(e.locale),
+        onVariableClick: e.onVariableClick,
+        showVariablePopover: e.showVariablePopover,
         onReady: (o) => {
-          this.handle = o, r(o);
+          this.handle = o, t(o);
         },
         onEvent: (o) => this.emit(o),
         onPublicEvent: (o) => this.events.dispatch(o)
       };
-      e.onLoadProgress?.({ phase: "bundle", percent: 0, loaded: 0, total: 0 }), import("./editorApp-7-JzxxVn.js").then((o) => o.e).then((o) => (e.onLoadProgress?.({ phase: "bundle", percent: c, loaded: 0, total: 0 }), o.mountEditorApp(n)));
+      e.onLoadProgress?.({ phase: "bundle", percent: 0, loaded: 0, total: 0 }), import("./editorApp-zIpjgEaZ.js").then((o) => o.e).then((o) => (e.onLoadProgress?.({ phase: "bundle", percent: c, loaded: 0, total: 0 }), o.mountEditorApp(n)));
     });
   }
   /** Subscribe to a collaboration event. Returns an unsubscribe function. */
-  on(e, r) {
+  on(e, t) {
     let n = this.handlers.get(e);
-    return n || this.handlers.set(e, n = /* @__PURE__ */ new Set()), n.add(r), () => this.off(e, r);
+    return n || this.handlers.set(e, n = /* @__PURE__ */ new Set()), n.add(t), () => this.off(e, t);
   }
   /** Unsubscribe a handler previously passed to on(). */
-  off(e, r) {
-    this.handlers.get(e)?.delete(r);
+  off(e, t) {
+    this.handlers.get(e)?.delete(t);
   }
   emit(e) {
-    const { type: r, ...n } = e;
-    for (const o of this.handlers.get(r) ?? []) o(n);
+    const { type: t, ...n } = e;
+    for (const o of this.handlers.get(t) ?? []) o(n);
   }
   /** Resolves once the editor is mounted and ready. */
   whenReady() {
@@ -1856,13 +1858,13 @@ class $ {
    *  is ready are buffered and flush on ready. (mountEditor() requires the editor
    *  to be ready — await whenReady() first.) */
   createChild() {
-    let e = null, r = null, n = !1;
+    let e = null, t = null, n = !1;
     return this.ready.then((o) => {
-      n || (e = o.createChild(), r?.(), r = null);
+      n || (e = o.createChild(), t?.(), t = null);
     }), {
       render: (o, d, i) => {
         const a = () => e?.render(o, d, i);
-        e ? a() : r = a;
+        e ? a() : t = a;
       },
       mountEditor: (o, d, i) => {
         if (!e) throw new Error("KindyEditor.createChild(): await whenReady() before mountEditor()");
@@ -1948,11 +1950,11 @@ class $ {
   /** Add a comment thread anchored to the current selection (a rich-text body;
    *  `mentions` are @-tagged users). Resolves to the thread id, or null if
    *  there's no selection. */
-  async addComment(e, r) {
-    return (await this.ready).addComment(e, r);
+  async addComment(e, t) {
+    return (await this.ready).addComment(e, t);
   }
-  async replyToComment(e, r, n) {
-    (await this.ready).replyToComment(e, r, n);
+  async replyToComment(e, t, n) {
+    (await this.ready).replyToComment(e, t, n);
   }
   async startComment() {
     (await this.ready).startComment();
@@ -1960,14 +1962,14 @@ class $ {
   async openCommentThread(e) {
     (await this.ready).openCommentThread(e);
   }
-  async editComment(e, r, n, o) {
-    (await this.ready).editComment(e, r, n, o);
+  async editComment(e, t, n, o) {
+    (await this.ready).editComment(e, t, n, o);
   }
-  async deleteComment(e, r) {
-    (await this.ready).deleteComment(e, r);
+  async deleteComment(e, t) {
+    (await this.ready).deleteComment(e, t);
   }
-  async resolveThread(e, r = !0) {
-    (await this.ready).resolveThread(e, r);
+  async resolveThread(e, t = !0) {
+    (await this.ready).resolveThread(e, t);
   }
   async setReviewAccess(e) {
     (await this.ready).setReviewAccess(e);
@@ -2001,21 +2003,69 @@ class $ {
   }
   /** Render ephemeral highlight decorations for external comments/annotations.
    *  Does not modify document content, dirty state, or DOCX/PDF export. */
-  async setExternalAnnotations(e, r) {
-    (await this.ready).setExternalAnnotations(e, r);
+  async setExternalAnnotations(e, t) {
+    (await this.ready).setExternalAnnotations(e, t);
   }
   /** Clear all external comment/annotation highlight decorations. */
   async clearExternalAnnotations() {
     (await this.ready).clearExternalAnnotations();
   }
   /** Scroll the viewport to reveal a document range with smooth animation. */
-  async revealRange(e, r) {
-    (await this.ready).revealRange(e, r);
+  async revealRange(e, t) {
+    (await this.ready).revealRange(e, t);
   }
   /** Live-update {{KEY}} template placeholders in the document without full reload,
    *  preserving zoom, scroll position, and selection. */
-  async setTemplateVariables(e) {
-    (await this.ready).setTemplateVariables(e);
+  async setTemplateVariables(e, t) {
+    (await this.ready).setTemplateVariables(e, t);
+  }
+  /** Revert a template variable to an earlier value recorded in its audit history. */
+  async revertTemplateVariable(e, t, n) {
+    return (await this.ready).revertTemplateVariable(e, t, n);
+  }
+  /** Insert an atomic template variable token at current caret/selection. */
+  async insertTemplateVariable(e, t) {
+    return (await this.ready).insertTemplateVariable(e, t);
+  }
+  /** Open the contract metadata palette autocomplete at current caret position. */
+  async openMetadataPalette() {
+    (await this.ready).openMetadataPalette();
+  }
+  /** Set template variable display mode ('code' | 'value' | 'placeholder'). */
+  async setVariableDisplayMode(e) {
+    (await this.ready).setVariableDisplayMode(e);
+  }
+  /** Get current template variable display mode. */
+  async getVariableDisplayMode() {
+    return (await this.ready).getVariableDisplayMode();
+  }
+  /** Get all registered template variables in the document. */
+  async getTemplateVariables() {
+    return (await this.ready).getTemplateVariables();
+  }
+  /** Get a single registered template variable definition by key. */
+  async getTemplateVariable(e) {
+    return (await this.ready).getTemplateVariable(e);
+  }
+  /** Get audit trail history for a template variable. */
+  async getVariableHistory(e) {
+    return (await this.ready).getVariableHistory(e);
+  }
+  /** Open built-in variable popover explicitly. */
+  async openVariablePopover(e, t) {
+    (await this.ready).openVariablePopover(e, t);
+  }
+  /** Close built-in variable popover. */
+  async closeVariablePopover() {
+    (await this.ready).closeVariablePopover();
+  }
+  /** Get all metadata IDs (numbers) currently used by template variables in the document. */
+  async getUsedMetadataIds() {
+    return (await this.ready).getUsedMetadataIds();
+  }
+  /** Set custom metadata catalog for autocomplete palette. */
+  async setMetadataCatalog(e) {
+    (await this.ready).setMetadataCatalog(e);
   }
   /** Update fine-grained capabilities (e.g. allow comments/selection in view mode). */
   async setPermissions(e) {

package/dist-lib/kindy-editor.js

@@ -1,8 +1,11 @@
-import { K as r, d as e, m as s } from "./kindy-editor-DKDwpt09.js";
-import { E as d } from "./eventHub-CZFpTVqe.js";
+import { K as e, d as o, m as r } from "./kindy-editor-DuN692fi.js";
+import { C as i, a as m, E as n, c as g } from "./changeAggregator-ymKDXGA8.js";
 export {
-  d as EditorEvents,
-  r as KindyEditor,
-  e as darkCanvasTheme,
-  s as makeFloatingDialog
+  i as ChangeAggregator,
+  m as CommitPolicy,
+  n as EditorEvents,
+  e as KindyEditor,
+  g as createHttpEventSink,
+  o as darkCanvasTheme,
+  r as makeFloatingDialog
 };

package/dist-lib/{lists-DpmgbDyt.js → lists-BVCy5dMa.js}

@@ -101,9 +101,9 @@ export {
   p as D,
   b as a,
   D as b,
-  P as c,
+  d as c,
   U as d,
-  d as e,
+  P as e,
   E as f,
   N as m,
   I as n

package/dist-lib/measure.js

@@ -1,7 +1,7 @@
 import "./TimesNewRoman-Regular-C7tOI8JO.js";
-import "./metrics-DHgtBP-R.js";
-import { i as p } from "./measureHost-C2NOdNkI.js";
-import "./paintStyle-Cjk9egel.js";
+import "./metrics-CdfHD-8y.js";
+import { i as p } from "./measureHost-y37gLU6M.js";
+import "./paintStyle-Cb7IGKPW.js";
 export {
   p as installMeasureHost
 };

package/dist-lib/{measureHost-C2NOdNkI.js → measureHost-y37gLU6M.js}

@@ -1,7 +1,7 @@
 import { _ as si, a as ai, b as ni, c as ii, d as oi, e as li, f as ui, g as ci, h as fi, i as di, j as hi, k as pi, l as bi, m as gi, n as vi, o as xi, p as mi, q as wi, r as yi, s as Ci, t as Ai, u as Si, v as Ii, w as ki, x as Pi, y as Ei, z as Oi, A as Ti, B as Fi } from "./TimesNewRoman-Regular-C7tOI8JO.js";
-import { s as Bi } from "./metrics-DHgtBP-R.js";
+import { s as Bi } from "./metrics-CdfHD-8y.js";
 import { B as P0 } from "./index-DJhF0j6V.js";
-import { z as Za, B as Di, E as Li, G as Mi, M as Ri, J as Ni, K as Sr, L as Ir, N as kr, O as Pr } from "./paintStyle-Cjk9egel.js";
+import { a as Za, c as Di, h as Li, i as Mi, M as Ri, j as Ni, k as Sr, l as Ir, n as kr, o as Pr } from "./paintStyle-Cb7IGKPW.js";
 var Q2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Z0(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;

package/dist-lib/{metrics-DHgtBP-R.js → metrics-CdfHD-8y.js}

@@ -1,4 +1,4 @@
-import { S as u, B as r, V as m, z as x, a4 as f } from "./paintStyle-Cjk9egel.js";
+import { S as u, c as r, f as m, a as f, m as x } from "./paintStyle-Cb7IGKPW.js";
 let o = null, a = null;
 function C(t) {
   o = t;
@@ -15,10 +15,10 @@ function y(t, n) {
   return e.font = n, e.measureText(t).width;
 }
 function S(t) {
-  const n = x().metricsCache;
+  const n = f().metricsCache;
   let e = n.get(t);
   if (!e) {
-    const c = /(\d+(?:\.\d+)?)px/.exec(t), i = c ? parseFloat(c[1]) : 16, l = t.slice(t.indexOf("px ") + 3).trim(), s = f(r(l).clone);
+    const c = /(\d+(?:\.\d+)?)px/.exec(t), i = c ? parseFloat(c[1]) : 16, l = t.slice(t.indexOf("px ") + 3).trim(), s = x(r(l).clone);
     e = { ascent: Math.round(s.ascent * i), descent: Math.round(s.descent * i) }, n.set(t, e);
   }
   return e;

package/dist-lib/{paintStyle-Cjk9egel.js → paintStyle-Cb7IGKPW.js}

@@ -305,63 +305,63 @@ function Qt(t, e) {
 }
 const Zt = (t) => t + 1;
 export {
-  x as $,
+  ht as $,
   $ as A,
-  At as B,
-  zt as C,
+  yt as B,
+  G as C,
   Ot as D,
-  v as E,
-  wt as F,
-  Rt as G,
+  V as E,
+  Nt as F,
+  j as G,
   W as H,
   gt as I,
-  Tt as J,
-  P as K,
-  H as L,
+  tt as J,
+  vt as K,
+  Vt as L,
   U as M,
-  K as N,
-  Y as O,
-  Nt as P,
-  St as Q,
-  V as R,
+  Pt as N,
+  Jt as O,
+  Xt as P,
+  Qt as Q,
+  Ut as R,
   It as S,
-  Wt as T,
+  bt as T,
   xt as U,
-  S as V,
-  q as W,
-  w as X,
-  m as Y,
-  dt as Z,
-  ht as _,
-  bt as a,
-  X as a0,
-  Ft as a1,
-  Bt as a2,
-  Xt as a3,
-  Lt as a4,
-  Dt as b,
-  Kt as c,
-  Ht as d,
-  j as e,
-  Mt as f,
-  vt as g,
-  Jt as h,
-  Qt as i,
-  Pt as j,
-  Gt as k,
-  $t as l,
-  Zt as m,
-  pt as n,
-  Ct as o,
-  qt as p,
-  mt as q,
-  yt as r,
-  tt as s,
-  Vt as t,
-  Ut as u,
-  Yt as v,
+  Gt as V,
+  Zt as W,
+  q as X,
+  w as Y,
+  m as Z,
+  dt as _,
+  _t as a,
+  x as a0,
+  X as a1,
+  Ft as a2,
+  mt as a3,
+  Et as a4,
+  zt as b,
+  At as c,
+  wt as d,
+  St as e,
+  S as f,
+  Bt as g,
+  v as h,
+  Rt as i,
+  Tt as j,
+  P as k,
+  H as l,
+  Lt as m,
+  K as n,
+  Y as o,
+  Yt as p,
+  qt as q,
+  Dt as r,
+  Ct as s,
+  pt as t,
+  Wt as u,
+  Kt as v,
   kt as w,
-  Et as x,
-  G as y,
-  _t as z
+  $t as x,
+  Ht as y,
+  Mt as z
 };