@zealsolutions/zeal-ui 1.0.0-alpha.374 → 1.0.0-alpha.375

package/dist/components/sop-diff/index.js

@@ -1,6 +1,7 @@
-import { computed as q, openBlock as f, createElementBlock as b, createElementVNode as v, toDisplayString as x, createCommentVNode as S, Fragment as D, renderList as F, normalizeClass as B, createStaticVNode as V } from "vue";
-import { _ as T } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const U = (e) => e === ">", A = (e) => e === "<", P = (e) => /^\s+$/.test(e), E = (e) => /^\s*<[^>]+>\s*$/.test(e), j = (e) => !E(e);
+import { n as D } from "../../legacyHtml-qIyv-9pf.js";
+import { computed as F, openBlock as f, createElementBlock as b, createElementVNode as v, toDisplayString as x, createCommentVNode as S, Fragment as B, renderList as V, normalizeClass as T, createStaticVNode as U } from "vue";
+import { _ as j } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const H = (e) => e === ">", A = (e) => e === "<", P = (e) => /^\s+$/.test(e), L = (e) => /^\s*<[^>]+>\s*$/.test(e), W = (e) => !L(e);
 class O {
   constructor(t, i, n) {
     this.start_in_before = t, this.start_in_after = i, this.length = n, this.end_in_before = t + n - 1, this.end_in_after = i + n - 1;
@@ -13,7 +14,7 @@ function N(e) {
     const l = e[r];
     switch (t) {
       case "tag":
-        U(l) ? (i += ">", n.push(i), i = "", t = P(l) ? "whitespace" : "char") : i += l;
+        H(l) ? (i += ">", n.push(i), i = "", t = P(l) ? "whitespace" : "char") : i += l;
         break;
       case "char":
         A(l) ? (i && n.push(i), i = "<", t = "tag") : /\s/.test(l) ? (i && n.push(i), i = l, t = "whitespace") : /[\w#@]+/i.test(l) ? i += l : (i && n.push(i), i = l);
@@ -27,11 +28,11 @@ function N(e) {
   }
   return i && n.push(i), n;
 }
-function H(e, t, i, n, r, a, l) {
+function $(e, t, i, n, r, a, l) {
   let u = n, s = a, d = 0, c = {}, p;
   for (let o = n; o < r; o++) {
-    const _ = {}, g = e[o], y = i[g];
-    for (let R = 0, L = y.length; R < L; R++) {
+    const m = {}, g = e[o], y = i[g];
+    for (let R = 0, q = y.length; R < q; R++) {
       const h = y[R];
       if (h < a)
         continue;
@@ -39,17 +40,17 @@ function H(e, t, i, n, r, a, l) {
         break;
       c[h - 1] == null && (c[h - 1] = 0);
       const k = c[h - 1] + 1;
-      _[h] = k, k > d && (u = o - k + 1, s = h - k + 1, d = k);
+      m[h] = k, k > d && (u = o - k + 1, s = h - k + 1, d = k);
     }
-    c = _;
+    c = m;
   }
   return d !== 0 && (p = new O(u, s, d)), p;
 }
 function C(e, t, i, n, r, a, l, u) {
-  const s = H(e, t, i, n, r, a, l);
+  const s = $(e, t, i, n, r, a, l);
   return s != null && (n < s.start_in_before && a < s.start_in_after && C(e, t, i, n, s.start_in_before, a, s.start_in_after, u), u.push(s), s.end_in_before <= r && s.end_in_after <= l && C(e, t, i, s.end_in_before + 1, r, s.end_in_after + 1, l, u)), u;
 }
-function W(e) {
+function z(e) {
   if (e.find_these == null)
     throw new Error("params must have find_these key");
   if (e.in_these == null)
@@ -64,11 +65,11 @@ function W(e) {
   }
   return t;
 }
-function $(e, t) {
-  const i = [], n = W({ find_these: e, in_these: t });
+function Q(e, t) {
+  const i = [], n = z({ find_these: e, in_these: t });
   return C(e, t, n, 0, e.length, 0, t.length, i);
 }
-function z(e, t) {
+function Y(e, t) {
   if (e == null)
     throw new Error("before_tokens?");
   if (t == null)
@@ -79,10 +80,10 @@ function z(e, t) {
     "true,false": "insert",
     "false,true": "delete",
     "true,true": "none"
-  }, l = $(e, t);
+  }, l = Q(e, t);
   l.push(new O(e.length, t.length, 0));
   for (let c = 0, p = l.length; c < p; c++) {
-    const o = l[c], _ = i === o.start_in_before, g = n === o.start_in_after, y = a[[_, g].toString()];
+    const o = l[c], m = i === o.start_in_before, g = n === o.start_in_after, y = a[[m, g].toString()];
     y !== "none" && r.push({
       action: y,
       start_in_before: i,
@@ -120,35 +121,35 @@ function I(e, t) {
   let i = "", n = 0;
   const r = t.length;
   for (; !(n >= r); ) {
-    const a = G(n, t, j);
+    const a = G(n, t, W);
     if (n += a.length, a.length !== 0 && (i += "<" + e + ">" + a.join("") + "</" + e + ">"), n >= r)
       break;
-    const l = G(n, t, E);
+    const l = G(n, t, L);
     n += l.length, i += l.join("");
   }
   return i;
 }
-const m = {
+const _ = {
   equal: (e, t) => t.slice(e.start_in_before, +e.end_in_before + 1 || 9e9).join(""),
   insert: (e, t, i) => I("ins", i.slice(e.start_in_after, +e.end_in_after + 1 || 9e9)),
   delete: (e, t) => I("del", t.slice(e.start_in_before, +e.end_in_before + 1 || 9e9))
 };
-m.replace = (e, t, i) => m.delete(e, t, i) + m.insert(e, t, i);
-function Q(e, t, i) {
+_.replace = (e, t, i) => _.delete(e, t, i) + _.insert(e, t, i);
+function J(e, t, i) {
   let n = "";
   for (let r = 0, a = i.length; r < a; r++) {
     const l = i[r];
-    n += m[l.action](l, e, t);
+    n += _[l.action](l, e, t);
   }
   return n;
 }
-function Y(e, t) {
+function K(e, t) {
   if (e === t)
     return e;
-  const i = N(e ?? ""), n = N(t ?? ""), r = z(i, n);
-  return Q(i, n, r);
+  const i = N(e ?? ""), n = N(t ?? ""), r = Y(i, n);
+  return J(i, n, r);
 }
-const J = {
+const X = {
   sop: {
     title: (e) => [e.SOPCode, e.Name].filter(Boolean).join(" — "),
     fields: [
@@ -345,18 +346,19 @@ function M(e) {
   const t = String(e).trim().toLowerCase();
   return t === "true" || t === "1" || t === "yes" ? "Yes" : t === "false" || t === "0" || t === "no" ? "No" : String(e);
 }
-function fe(e, t, i = {}, n = null) {
-  const r = J[e];
+const E = (e, t) => e.rich ? D(t) : t;
+function he(e, t, i = {}, n = null) {
+  const r = X[e];
   if (!r || !t)
     return { title: "", sections: [] };
   const a = { ...t, ...i }, l = n ? { ...n, ...i } : null, u = r.fields.map((s) => {
-    const d = s.bool ? M(a[s.key]) : a[s.key];
+    const d = s.bool ? M(a[s.key]) : E(s, a[s.key]);
     if (!l)
       return w(d) ? { label: s.label, value: d, rich: !!s.rich } : null;
-    const c = s.bool ? M(l[s.key]) : l[s.key];
+    const c = s.bool ? M(l[s.key]) : E(s, l[s.key]);
     return !w(d) && !w(c) ? null : {
       label: s.label,
-      value: Y(String(d ?? ""), String(c ?? "")),
+      value: K(String(d ?? ""), String(c ?? "")),
       rich: !!s.rich,
       // original field richness — the modal uses it to pre-wrap plain diffs
       diff: !0
@@ -364,25 +366,25 @@ function fe(e, t, i = {}, n = null) {
   }).filter(Boolean);
   return { title: r.title(n || t), sections: u };
 }
-const K = { class: "flex flex-col h-full overflow-hidden" }, X = { class: "text-style-sub-header font-medium text-app-950 leading-[1.3]" }, Z = {
+const Z = { class: "flex flex-col h-full overflow-hidden" }, ee = { class: "text-style-sub-header font-medium text-app-950 leading-[1.3]" }, te = {
   key: 0,
   "data-testid": "preview-diff-legend",
   class: "border-b-[1px] border-steel-300 dark:border-line px-6 py-[10px] flex items-center gap-[16px] text-[12px] text-[#697277] dark:text-content-muted shrink-0"
-}, ee = /* @__PURE__ */ V('<span class="font-semibold" data-v-6cebbfea>Unpublished draft changes</span><span class="flex items-center gap-[5px]" data-v-6cebbfea><span class="inline-block w-[14px] h-[10px] rounded-[2px]" style="background-color:#d4fcbc;" data-v-6cebbfea></span>Added</span><span class="flex items-center gap-[5px]" data-v-6cebbfea><span class="inline-block w-[14px] h-[10px] rounded-[2px]" style="background-color:#fbb6c2;" data-v-6cebbfea></span>Removed</span>', 3), te = {
+}, ie = /* @__PURE__ */ U('<span class="font-semibold" data-v-6cebbfea>Unpublished draft changes</span><span class="flex items-center gap-[5px]" data-v-6cebbfea><span class="inline-block w-[14px] h-[10px] rounded-[2px]" style="background-color:#d4fcbc;" data-v-6cebbfea></span>Added</span><span class="flex items-center gap-[5px]" data-v-6cebbfea><span class="inline-block w-[14px] h-[10px] rounded-[2px]" style="background-color:#fbb6c2;" data-v-6cebbfea></span>Removed</span>', 3), ne = {
   key: 0,
   "data-testid": "preview-diff-loading",
   class: "italic"
-}, ie = { class: "flex-1 min-h-0 overflow-y-auto px-6 py-5" }, ne = {
+}, re = { class: "flex-1 min-h-0 overflow-y-auto px-6 py-5" }, le = {
   key: 0,
   "data-testid": "preview-empty",
   class: "text-[14px] text-[#697277] dark:text-content-muted"
-}, re = {
+}, ae = {
   key: 1,
   class: "flex flex-col gap-6"
-}, le = { class: "font-semibold text-[13px] text-[#326d68] dark:text-proclusteal-950 leading-[1.2] mb-[6px]" }, ae = ["innerHTML"], se = ["innerHTML"], oe = {
+}, se = { class: "font-semibold text-[13px] text-[#326d68] dark:text-proclusteal-950 leading-[1.2] mb-[6px]" }, oe = ["innerHTML"], ce = ["innerHTML"], ue = {
   key: 2,
   class: "text-[15px] text-black-950 dark:text-content leading-[1.5] whitespace-pre-wrap"
-}, ce = {
+}, de = {
   __name: "SopCompare",
   props: {
     title: { type: String, default: "" },
@@ -390,38 +392,38 @@ const K = { class: "flex flex-col h-full overflow-hidden" }, X = { class: "text-
     loading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, i = q(() => t.sections.some((n) => n.diff));
-    return (n, r) => (f(), b("div", K, [
-      v("p", X, x(e.title), 1),
-      i.value || e.loading ? (f(), b("div", Z, [
-        ee,
-        e.loading ? (f(), b("span", te, "Loading changes…")) : S("", !0)
+    const t = e, i = F(() => t.sections.some((n) => n.diff));
+    return (n, r) => (f(), b("div", Z, [
+      v("p", ee, x(e.title), 1),
+      i.value || e.loading ? (f(), b("div", te, [
+        ie,
+        e.loading ? (f(), b("span", ne, "Loading changes…")) : S("", !0)
       ])) : S("", !0),
-      v("div", ie, [
-        e.sections.length ? (f(), b("div", re, [
-          (f(!0), b(D, null, F(e.sections, (a, l) => (f(), b("section", {
+      v("div", re, [
+        e.sections.length ? (f(), b("div", ae, [
+          (f(!0), b(B, null, V(e.sections, (a, l) => (f(), b("section", {
             key: l,
             "data-testid": "preview-section"
           }, [
-            v("p", le, x(a.label), 1),
+            v("p", se, x(a.label), 1),
             a.diff ? (f(), b("div", {
               key: 0,
-              class: B(["preview-content text-[15px] text-black-950 dark:text-content leading-[1.5]", { "whitespace-pre-wrap": !a.rich }]),
+              class: T(["preview-content text-[15px] text-black-950 dark:text-content leading-[1.5]", { "whitespace-pre-wrap": !a.rich }]),
               innerHTML: a.value
-            }, null, 10, ae)) : a.rich ? (f(), b("div", {
+            }, null, 10, oe)) : a.rich ? (f(), b("div", {
               key: 1,
               class: "preview-content text-[15px] text-black-950 dark:text-content leading-[1.5]",
               innerHTML: a.value
-            }, null, 8, se)) : (f(), b("p", oe, x(a.value), 1))
+            }, null, 8, ce)) : (f(), b("p", ue, x(a.value), 1))
           ]))), 128))
-        ])) : (f(), b("p", ne, " There is no content to preview yet. "))
+        ])) : (f(), b("p", le, " There is no content to preview yet. "))
       ])
     ]));
   }
-}, be = /* @__PURE__ */ T(ce, [["__scopeId", "data-v-6cebbfea"]]);
+}, pe = /* @__PURE__ */ j(de, [["__scopeId", "data-v-6cebbfea"]]);
 export {
-  be as SopCompare,
-  fe as buildPreview,
+  pe as SopCompare,
+  he as buildPreview,
   w as hasContent,
-  Y as htmlDiff
+  K as htmlDiff
 };