kindy-editor 3.2.1 → 3.2.2

package/dist-lib/{kindy-editor-DKDwpt09.js → kindy-editor-D4xSNtvA.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-C6XLbDEA.js";
+import { m as x } from "./stylesheet-COz2MSt6.js";
+import { H as m, A as f, y as v, C as y, I as w, a as C, P as T, F as S, Q as L, R as D, D as P } from "./paintStyle-Cjk9egel.js";
+import { E as A } from "./eventHub-CZFpTVqe.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-N20nk5uQ.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,4 +1,4 @@
-import { K as r, d as e, m as s } from "./kindy-editor-DKDwpt09.js";
+import { K as r, d as e, m as s } from "./kindy-editor-D4xSNtvA.js";
 import { E as d } from "./eventHub-CZFpTVqe.js";
 export {
   d as EditorEvents,

package/dist-lib/{parse-D4RpPrd7.js → parse-JE_w0NNt.js}

@@ -1,6 +1,6 @@
-import { e as V, _ as H, D as W, Q as $ } from "./toc-DSwkNKls.js";
-import { b as C, s as G } from "./stylesheet-E5bu1xch.js";
-import { d as m, g as f, h as g, l as y, t as x } from "./pipeline-DhhBcLvV.js";
+import { e as V, _ as H, D as W, Q as $ } from "./toc-C6XLbDEA.js";
+import { b as C, s as G } from "./stylesheet-COz2MSt6.js";
+import { d as m, g as f, h as g, l as y, t as x } from "./pipeline-CgbvBwNe.js";
 import { a as U, h as j } from "./contentTypes-ChqPfcVI.js";
 function K(r) {
   const t = V(r), e = r.rows.length, s = Array.from(

package/dist-lib/{pipeline-DhhBcLvV.js → pipeline-CgbvBwNe.js}

@@ -1,4 +1,4 @@
-import { t as ne, D as oe, G as Ie, J as ze, $ as $e } from "./toc-DSwkNKls.js";
+import { t as ne, D as oe, G as Ie, J as ze, $ as $e } from "./toc-C6XLbDEA.js";
 import { h as je, e as f, b as h, n as y, v as nt, o as Z, c as dt, p as vt, r as wt, d as ot, t as Pt, I as xt, g as Et, f as Ge, W as _e } from "./contentTypes-ChqPfcVI.js";
 import { u as ie, a as Ue } from "./browser-BxYyzpLt.js";
 function Me() {

package/dist-lib/recalc-docx.js

@@ -1,6 +1,6 @@
 import { u, a as f, s as m, z as g } from "./browser-BxYyzpLt.js";
 import { f as h } from "./contentTypes-ChqPfcVI.js";
-import { p as b, c as k } from "./recalcToc-n50vq4nC.js";
+import { p as b, c as k } from "./recalcToc-DKJK9f5X.js";
 function w(s, r) {
   const n = b(r), a = {};
   for (const [o, i] of Object.entries(s.bookmarks ?? {})) {

package/dist-lib/{recalcToc-n50vq4nC.js → recalcToc-DKJK9f5X.js}

@@ -1,4 +1,4 @@
-import { Y as Ln, H as Ls, t as Os, s as Ps } from "./toc-DSwkNKls.js";
+import { Y as Ln, H as Ls, t as Os, s as Ps } from "./toc-C6XLbDEA.js";
 import { e as Is, f as Ze } from "./lists-DpmgbDyt.js";
 import { m as he, f as Ue, c as le } from "./metrics-DHgtBP-R.js";
 import { B as vs, V as On, M as nt, a2 as Rs, a3 as Mt, w as Ws, o as Ts } from "./paintStyle-Cjk9egel.js";

package/dist-lib/{stylesheet-E5bu1xch.js → stylesheet-COz2MSt6.js}

@@ -1,4 +1,4 @@
-import { a as u } from "./toc-DSwkNKls.js";
+import { a as u } from "./toc-C6XLbDEA.js";
 function p(e) {
   return e.type ?? "paragraph";
 }