@wssto2/vue-core 0.19.0 → 0.20.0

package/dist/content/index.js

@@ -1,116 +1,117 @@
-import { defineComponent as w, computed as h, openBlock as t, createElementBlock as o, Fragment as S, renderList as M, toDisplayString as b, createCommentVNode as v, createElementVNode as u, normalizeClass as y, createVNode as U, unref as g, renderSlot as k, createTextVNode as V, createBlock as $, useModel as K, useId as N, useTemplateRef as R, watch as I, nextTick as Z, withModifiers as G, withDirectives as H, vModelText as O, mergeModels as D, ref as A, withCtx as z, createSlots as P, resolveDynamicComponent as q, normalizeStyle as E } from "vue";
-import { u as L, t as J } from "../format-C_HXlOYQ.js";
-import { _ as C } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { _ as Q } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
-import { i as Ne } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
-import { useI18n as j } from "vue-i18n";
-import { _ as W } from "../KeyValue.vue_vue_type_script_setup_true_lang-wcZcvnow.js";
-import { _ as Ie } from "../Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js";
-import { _ as Ge } from "../Timestamp.vue_vue_type_script_setup_true_lang-d_KuxWjH.js";
-const X = ["aria-label"], Y = {
+import { defineComponent as M, computed as _, openBlock as s, createElementBlock as n, Fragment as S, renderList as B, toDisplayString as b, createCommentVNode as w, createElementVNode as i, normalizeClass as $, createVNode as E, unref as p, renderSlot as C, createTextVNode as A, createBlock as D, useModel as se, useId as ne, useTemplateRef as P, watch as Q, nextTick as ae, withModifiers as le, withDirectives as re, vModelText as ie, mergeModels as q, ref as T, withCtx as W, createSlots as ce, resolveDynamicComponent as de, onMounted as ue, onBeforeUnmount as me, normalizeStyle as U } from "vue";
+import { u as G, t as pe } from "../format-C_HXlOYQ.js";
+import { _ as N } from "../Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as fe } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
+import { i as Wt } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
+import { useI18n as F } from "vue-i18n";
+import { _ as be } from "../KeyValue.vue_vue_type_script_setup_true_lang-wcZcvnow.js";
+import { _ as Ht } from "../Panel.vue_vue_type_script_setup_true_lang-DTCmFSwg.js";
+import { _ as he } from "../Tabs.vue_vue_type_script_setup_true_lang-Cma_ma6V.js";
+import { _ as qt } from "../Timestamp.vue_vue_type_script_setup_true_lang-XbbupD9A.js";
+const ve = ["aria-label"], ge = {
   key: 0,
   class: "py-1.5 text-center text-caption font-semibold text-content-muted",
   "data-test": "activity-day"
-}, ee = { class: "flex min-w-0 flex-col gap-3.5 compact:gap-3" }, te = {
+}, xe = { class: "flex min-w-0 flex-col gap-3.5 compact:gap-3" }, ye = {
   key: 0,
   "data-test": "activity-event",
   class: "flex min-w-0 items-center gap-2.5 py-0.5 compact:items-start"
-}, se = { class: "flex min-w-0 flex-1 items-center gap-3 compact:flex-col compact:items-start compact:gap-1" }, ae = { class: "flex min-w-0 flex-1 flex-wrap items-center gap-x-1.5 gap-y-1 text-subheadline text-content-strong" }, oe = { class: "shrink-0 text-footnote text-content-muted" }, ne = ["data-mine"], le = /* @__PURE__ */ w({
+}, _e = { class: "flex min-w-0 flex-1 items-center gap-3 compact:flex-col compact:items-start compact:gap-1" }, we = { class: "flex min-w-0 flex-1 flex-wrap items-center gap-x-1.5 gap-y-1 text-subheadline text-content-strong" }, ke = { class: "shrink-0 text-footnote text-content-muted" }, $e = ["data-mine"], Se = /* @__PURE__ */ M({
   __name: "ActivityStream",
   props: {
     items: {},
     label: { default: void 0 }
   },
-  setup(m) {
-    const n = m, a = L(), r = {
+  setup(u) {
+    const t = u, l = G(), a = {
       neutral: "bg-status-neutral-surface text-status-neutral-content",
       info: "bg-status-info-surface text-status-info-content",
       warning: "bg-status-warning-surface text-status-warning-content",
       critical: "bg-status-danger-surface text-status-danger-content",
       positive: "bg-status-success-surface text-status-success-content"
-    }, p = (e) => J(e.at)?.getTime() ?? 0, l = h(() => {
-      const e = n.items.map((c, s) => ({ item: c, index: s })).sort((c, s) => p(c.item) - p(s.item) || c.index - s.index).map(({ item: c }) => c), f = [];
-      for (const c of e) {
-        const s = p(c) > 0 ? new Date(c.at).toDateString() : "", B = f[f.length - 1];
-        B && B.key === s ? B.items.push(c) : f.push({ key: s, label: a.day(c.at), items: [c] });
+    }, h = (o) => pe(o.at)?.getTime() ?? 0, e = _(() => {
+      const o = t.items.map((c, d) => ({ item: c, index: d })).sort((c, d) => h(c.item) - h(d.item) || c.index - d.index).map(({ item: c }) => c), v = [];
+      for (const c of o) {
+        const d = h(c) > 0 ? new Date(c.at).toDateString() : "", m = v[v.length - 1];
+        m && m.key === d ? m.items.push(c) : v.push({ key: d, label: l.day(c.at), items: [c] });
       }
-      return f;
-    }), x = (e, f) => [e, a.time(f)].filter(Boolean).join(" · "), d = (e) => e, i = (e) => e;
-    return (e, f) => (t(), o("div", {
+      return v;
+    }), x = (o, v) => [o, l.time(v)].filter(Boolean).join(" · "), f = (o) => o, r = (o) => o;
+    return (o, v) => (s(), n("div", {
       "data-test": "activity-stream",
       class: "flex min-w-0 flex-col gap-3.5 compact:gap-3",
-      "aria-label": n.label,
+      "aria-label": t.label,
       role: "group"
     }, [
-      (t(!0), o(S, null, M(l.value, (c) => (t(), o("section", {
+      (s(!0), n(S, null, B(e.value, (c) => (s(), n("section", {
         key: c.key,
         class: "flex min-w-0 flex-col gap-3.5 compact:gap-3"
       }, [
-        c.label ? (t(), o("h4", Y, b(c.label), 1)) : v("", !0),
-        u("ol", ee, [
-          (t(!0), o(S, null, M(c.items, (s) => (t(), o("li", {
-            key: `${s.kind}-${s.id}`,
+        c.label ? (s(), n("h4", ge, b(c.label), 1)) : w("", !0),
+        i("ol", xe, [
+          (s(!0), n(S, null, B(c.items, (d) => (s(), n("li", {
+            key: `${d.kind}-${d.id}`,
             class: "min-w-0"
           }, [
-            s.kind === "event" ? (t(), o("div", te, [
-              u("span", {
+            d.kind === "event" ? (s(), n("div", ye, [
+              i("span", {
                 "aria-hidden": "true",
-                class: y(["flex size-7 shrink-0 items-center justify-center rounded-full", r[d(s).tone ?? "neutral"]])
+                class: $(["flex size-7 shrink-0 items-center justify-center rounded-full", a[f(d).tone ?? "neutral"]])
               }, [
-                U(g(C), {
-                  name: d(s).icon,
+                E(p(N), {
+                  name: f(d).icon,
                   size: 14
                 }, null, 8, ["name"])
               ], 2),
-              u("div", se, [
-                u("div", ae, [
-                  k(e.$slots, "event", {
-                    item: d(s)
+              i("div", _e, [
+                i("div", we, [
+                  C(o.$slots, "event", {
+                    item: f(d)
                   }, () => [
-                    V(b(d(s).text), 1)
+                    A(b(f(d).text), 1)
                   ])
                 ]),
-                u("span", oe, b(x(d(s).actor, s.at)), 1)
+                i("span", ke, b(x(f(d).actor, d.at)), 1)
               ])
-            ])) : (t(), o("div", {
+            ])) : (s(), n("div", {
               key: 1,
               "data-test": "activity-comment",
-              "data-mine": i(s).mine ? "true" : void 0,
-              class: y(["flex min-w-0 items-end gap-2", i(s).mine ? "justify-end" : ""])
+              "data-mine": r(d).mine ? "true" : void 0,
+              class: $(["flex min-w-0 items-end gap-2", r(d).mine ? "justify-end" : ""])
             }, [
-              i(s).mine ? v("", !0) : (t(), $(Q, {
+              r(d).mine ? w("", !0) : (s(), D(fe, {
                 key: 0,
-                src: i(s).avatarUrl,
-                name: i(s).author,
+                src: r(d).avatarUrl,
+                name: r(d).author,
                 size: "md"
               }, null, 8, ["src", "name"])),
-              u("div", {
-                class: y(["flex max-w-[78%] min-w-0 flex-col gap-1", i(s).mine ? "items-end" : "items-start"])
+              i("div", {
+                class: $(["flex max-w-[78%] min-w-0 flex-col gap-1", r(d).mine ? "items-end" : "items-start"])
               }, [
-                u("p", {
-                  class: y(["rounded-2xl px-3.5 py-2 text-body break-words whitespace-pre-line text-content-strong", i(s).mine ? "rounded-br-md bg-surface-selected" : "rounded-bl-md bg-surface-cell shadow-group"])
-                }, b(i(s).body), 3),
-                u("span", {
-                  class: y(["flex flex-wrap items-center gap-1.5 px-1 text-caption text-content-muted", i(s).mine ? "justify-end" : ""])
+                i("p", {
+                  class: $(["rounded-2xl px-3.5 py-2 text-body break-words whitespace-pre-line text-content-strong", r(d).mine ? "rounded-br-md bg-surface-selected" : "rounded-bl-md bg-surface-cell shadow-group"])
+                }, b(r(d).body), 3),
+                i("span", {
+                  class: $(["flex flex-wrap items-center gap-1.5 px-1 text-caption text-content-muted", r(d).mine ? "justify-end" : ""])
                 }, [
-                  V(b(x(i(s).author, s.at)) + " ", 1),
-                  k(e.$slots, "comment-meta", {
-                    item: i(s)
+                  A(b(x(r(d).author, d.at)) + " ", 1),
+                  C(o.$slots, "comment-meta", {
+                    item: r(d)
                   }),
-                  k(e.$slots, "comment-actions", {
-                    item: i(s)
+                  C(o.$slots, "comment-actions", {
+                    item: r(d)
                   })
                 ], 2)
               ], 2)
-            ], 10, ne))
+            ], 10, $e))
           ]))), 128))
         ])
       ]))), 128))
-    ], 8, X));
+    ], 8, ve));
   }
-}), re = ["for"], ce = ["id", "maxlength", "placeholder", "disabled"], ie = ["disabled", "aria-label"], de = /* @__PURE__ */ w({
+}), Me = ["for"], ze = ["id", "maxlength", "placeholder", "disabled"], Ce = ["disabled", "aria-label"], Le = /* @__PURE__ */ M({
   __name: "Composer",
-  props: /* @__PURE__ */ D({
+  props: /* @__PURE__ */ q({
     placeholder: { default: void 0 },
     label: { default: void 0 },
     maxLength: { default: 2e3 },
@@ -120,75 +121,75 @@ const X = ["aria-label"], Y = {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ D(["submit"], ["update:modelValue"]),
-  setup(m, { expose: n, emit: a }) {
-    const r = m, p = a, l = K(m, "modelValue"), { t: x } = j(), d = N(), i = R("field"), e = h(() => r.placeholder ?? x("core.comments.placeholder")), f = h(() => !r.disabled && !r.processing && l.value.trim().length > 0);
+  emits: /* @__PURE__ */ q(["submit"], ["update:modelValue"]),
+  setup(u, { expose: t, emit: l }) {
+    const a = u, h = l, e = se(u, "modelValue"), { t: x } = F(), f = ne(), r = P("field"), o = _(() => a.placeholder ?? x("core.comments.placeholder")), v = _(() => !a.disabled && !a.processing && e.value.trim().length > 0);
     function c() {
-      const _ = i.value;
-      _ && (_.style.height = "auto", _.style.height = `${Math.min(_.scrollHeight, 192)}px`);
+      const y = r.value;
+      y && (y.style.height = "auto", y.style.height = `${Math.min(y.scrollHeight, 192)}px`);
     }
-    I(l, () => Z(c));
-    function s() {
-      f.value && p("submit", l.value.trim());
+    Q(e, () => ae(c));
+    function d() {
+      v.value && h("submit", e.value.trim());
     }
-    function B(_) {
-      _.key === "Enter" && (_.metaKey || _.ctrlKey) && (_.preventDefault(), s());
+    function m(y) {
+      y.key === "Enter" && (y.metaKey || y.ctrlKey) && (y.preventDefault(), d());
     }
-    return n({ focus: () => i.value?.focus() }), (_, T) => (t(), o("form", {
+    return t({ focus: () => r.value?.focus() }), (y, g) => (s(), n("form", {
       "data-test": "composer",
       class: "flex items-end gap-2",
-      onSubmit: G(s, ["prevent"])
+      onSubmit: le(d, ["prevent"])
     }, [
-      u("label", {
-        for: g(d),
+      i("label", {
+        for: p(f),
         class: "sr-only"
-      }, b(r.label ?? e.value), 9, re),
-      H(u("textarea", {
-        id: g(d),
+      }, b(a.label ?? o.value), 9, Me),
+      re(i("textarea", {
+        id: p(f),
         ref_key: "field",
-        ref: i,
-        "onUpdate:modelValue": T[0] || (T[0] = (F) => l.value = F),
+        ref: r,
+        "onUpdate:modelValue": g[0] || (g[0] = (z) => e.value = z),
         rows: "1",
-        maxlength: r.maxLength,
-        placeholder: e.value,
-        disabled: r.disabled,
+        maxlength: a.maxLength,
+        placeholder: o.value,
+        disabled: a.disabled,
         "data-test": "composer-input",
         class: "block max-h-48 min-h-10 min-w-0 flex-1 resize-none rounded-3xl border-0 bg-surface-cell px-3.5 py-2.5 text-body text-content-strong ring-1 ring-border-separator ring-inset placeholder:text-content-disabled focus:outline-2 focus:outline-offset-0 focus:outline-border-focus focus:ring-0 disabled:cursor-not-allowed disabled:bg-fill compact:min-h-[2.375rem] compact:py-2",
-        onKeydown: B
-      }, null, 40, ce), [
-        [O, l.value]
+        onKeydown: m
+      }, null, 40, ze), [
+        [ie, e.value]
       ]),
-      u("button", {
+      i("button", {
         type: "submit",
         "data-test": "composer-send",
-        disabled: !f.value,
-        "aria-label": g(x)("core.comments.send"),
-        class: y(["hit-target relative mb-0.5 flex size-9 shrink-0 items-center justify-center rounded-full transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus compact:size-[2.125rem]", f.value ? "cursor-pointer bg-tint text-content-on-tint hover:bg-tint/90" : "cursor-not-allowed bg-fill-strong text-surface-cell"])
+        disabled: !v.value,
+        "aria-label": p(x)("core.comments.send"),
+        class: $(["hit-target relative mb-0.5 flex size-9 shrink-0 items-center justify-center rounded-full transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus compact:size-[2.125rem]", v.value ? "cursor-pointer bg-tint text-content-on-tint hover:bg-tint/90" : "cursor-not-allowed bg-fill-strong text-surface-cell"])
       }, [
-        r.processing ? (t(), $(g(C), {
+        a.processing ? (s(), D(p(N), {
           key: 0,
           name: "loader4Line",
           size: 18,
           class: "animate-spin"
-        })) : (t(), $(g(C), {
+        })) : (s(), D(p(N), {
           key: 1,
           name: "arrowUpSLine",
           size: 20
         }))
-      ], 10, ie)
+      ], 10, Ce)
     ], 32));
   }
-}), ue = {
+}), Te = {
   class: "flex min-w-0 flex-col gap-3",
   "data-test": "comment-thread"
-}, me = {
+}, Ve = {
   key: 0,
   class: "px-1 text-subheadline font-semibold text-content-strong compact:text-footnote compact:font-normal compact:uppercase compact:tracking-wide compact:text-content-muted"
-}, pe = {
+}, Be = {
   key: 1,
   class: "px-1 text-body text-content-muted",
   "data-test": "comment-thread-empty"
-}, fe = ["disabled", "aria-label", "title", "onClick"], Te = /* @__PURE__ */ w({
+}, Ne = ["disabled", "aria-label", "title", "onClick"], Dt = /* @__PURE__ */ M({
   __name: "CommentThread",
   props: {
     comments: {},
@@ -201,130 +202,276 @@ const X = ["aria-label"], Y = {
     onAdd: { type: Function, default: void 0 }
   },
   emits: ["remove"],
-  setup(m, { emit: n }) {
-    const a = m, r = n, { t: p } = j(), l = A(""), x = A(!1), d = h(
-      () => a.comments.map((e) => ({
+  setup(u, { emit: t }) {
+    const l = u, a = t, { t: h } = F(), e = T(""), x = T(!1), f = _(
+      () => l.comments.map((o) => ({
         kind: "comment",
-        id: e.id,
-        at: e.createdAt ?? null,
-        body: e.body,
-        author: e.author,
-        avatarUrl: e.avatarUrl,
-        mine: e.mine,
-        source: e
+        id: o.id,
+        at: o.createdAt ?? null,
+        body: o.body,
+        author: o.author,
+        avatarUrl: o.avatarUrl,
+        mine: o.mine,
+        source: o
       }))
     );
-    async function i(e) {
+    async function r(o) {
       x.value = !0;
       try {
-        await a.onAdd?.(e) !== !1 && (l.value = "");
+        await l.onAdd?.(o) !== !1 && (e.value = "");
       } finally {
         x.value = !1;
       }
     }
-    return (e, f) => (t(), o("section", ue, [
-      a.hideTitle ? v("", !0) : (t(), o("h3", me, b(a.title ?? g(p)("core.comments.title")), 1)),
-      a.comments.length === 0 ? (t(), o("p", pe, b(g(p)("core.comments.none")), 1)) : (t(), $(le, {
+    return (o, v) => (s(), n("section", Te, [
+      l.hideTitle ? w("", !0) : (s(), n("h3", Ve, b(l.title ?? p(h)("core.comments.title")), 1)),
+      l.comments.length === 0 ? (s(), n("p", Be, b(p(h)("core.comments.none")), 1)) : (s(), D(Se, {
         key: 2,
-        items: d.value,
-        label: a.title ?? g(p)("core.comments.title")
+        items: f.value,
+        label: l.title ?? p(h)("core.comments.title")
       }, {
-        "comment-actions": z(({ item: c }) => [
-          a.canRemove ? (t(), o("button", {
+        "comment-actions": W(({ item: c }) => [
+          l.canRemove ? (s(), n("button", {
             key: 0,
             type: "button",
             "data-test": "comment-remove",
             class: "hit-target relative inline-flex size-5 cursor-pointer items-center justify-center rounded-full text-content-muted transition-colors duration-motion-fast hover:text-content-destructive focus-visible:outline-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-40",
-            disabled: a.disabled,
-            "aria-label": g(p)("core.comments.remove"),
-            title: g(p)("core.comments.remove"),
-            onClick: (s) => r("remove", c.source)
+            disabled: l.disabled,
+            "aria-label": p(h)("core.comments.remove"),
+            title: p(h)("core.comments.remove"),
+            onClick: (d) => a("remove", c.source)
           }, [
-            U(g(C), {
+            E(p(N), {
               name: "deleteBin2Line",
               size: 14
             })
-          ], 8, fe)) : v("", !0)
+          ], 8, Ne)) : w("", !0)
         ]),
         _: 1
       }, 8, ["items", "label"])),
-      a.canAdd ? (t(), $(de, {
+      l.canAdd ? (s(), D(Le, {
         key: 3,
-        modelValue: l.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (c) => l.value = c),
-        "max-length": a.maxLength,
-        disabled: a.disabled,
+        modelValue: e.value,
+        "onUpdate:modelValue": v[0] || (v[0] = (c) => e.value = c),
+        "max-length": l.maxLength,
+        disabled: l.disabled,
         processing: x.value,
-        onSubmit: i
-      }, null, 8, ["modelValue", "max-length", "disabled", "processing"])) : v("", !0)
+        onSubmit: r
+      }, null, 8, ["modelValue", "max-length", "disabled", "processing"])) : w("", !0)
     ]));
   }
-}), be = {
+}), V = (u) => "gap" in u;
+function Ae(u, t, l = /* @__PURE__ */ new Set()) {
+  let a = 0, h = 0;
+  const e = u.map((o) => ({
+    ...o,
+    oldNo: o.op === "+" ? null : ++a,
+    newNo: o.op === "-" ? null : ++h
+  }));
+  if (t === null) return e;
+  const x = new Array(e.length).fill(!1);
+  e.forEach((o, v) => {
+    if (o.op !== " ")
+      for (let c = Math.max(0, v - t); c <= Math.min(e.length - 1, v + t); c++) x[c] = !0;
+  });
+  const f = [];
+  let r = 0;
+  for (; r < e.length; ) {
+    if (x[r]) {
+      f.push(e[r++]);
+      continue;
+    }
+    const o = r;
+    for (; r < e.length && !x[r]; ) r++;
+    const v = e.slice(o, r);
+    v.length < 2 || l.has(o) ? f.push(...v) : f.push({ gap: !0, key: o, lines: v });
+  }
+  return f;
+}
+function De(u) {
+  const t = [];
+  let l = [], a = [];
+  const h = () => {
+    for (let e = 0; e < Math.max(l.length, a.length); e++) t.push({ left: l[e] ?? null, right: a[e] ?? null });
+    l = [], a = [];
+  };
+  for (const e of u)
+    !V(e) && e.op === "-" ? l.push(e) : !V(e) && e.op === "+" ? a.push(e) : (h(), t.push(V(e) ? e : { left: e, right: e }));
+  return h(), t;
+}
+const Ee = {
+  key: 0,
+  role: "status",
+  class: "text-footnote text-content-muted"
+}, Re = ["data-mode"], je = ["aria-label"], Ue = { key: 0 }, Fe = {
+  key: 0,
+  "data-diff-gap": ""
+}, Ie = {
+  colspan: "4",
+  class: "border-y border-border-separator bg-fill px-2 py-0.5 text-center"
+}, Ke = ["onClick"], Oe = ["data-op"], Pe = { class: "w-10 select-none px-2 text-right tabular-nums text-content-muted" }, We = { class: "w-10 select-none px-2 text-right tabular-nums text-content-muted" }, Ge = {
+  class: "w-5 select-none text-center",
+  "aria-hidden": "true"
+}, He = { class: "whitespace-pre pr-3" }, Ze = {
+  key: 0,
+  class: "sr-only"
+}, qe = { key: 1 }, Je = {
+  key: 0,
+  "data-diff-gap": ""
+}, Qe = {
+  colspan: "6",
+  class: "border-y border-border-separator bg-fill px-2 py-0.5 text-center"
+}, Xe = ["onClick"], Ye = { key: 1 }, et = ["data-op"], tt = {
+  key: 0,
+  class: "sr-only"
+}, Et = /* @__PURE__ */ M({
+  __name: "DiffView",
+  props: {
+    lines: {},
+    mode: { default: "unified" },
+    context: { default: 3 }
+  },
+  setup(u) {
+    const t = u, { t: l } = F(), a = T(/* @__PURE__ */ new Set()), h = _(() => Ae(t.lines, t.context, a.value)), e = _(() => t.mode === "split" ? De(h.value) : []), x = _(() => t.lines.some((c) => c.op !== " ")), f = { " ": " ", "-": "−", "+": "+" }, r = { " ": "", "-": "bg-status-danger-surface text-status-danger-content", "+": "bg-status-success-surface text-status-success-content" }, o = (c) => c === "+" ? l("core.diff.added") : c === "-" ? l("core.diff.removed") : "", v = (c) => a.value = /* @__PURE__ */ new Set([...a.value, c]);
+    return (c, d) => x.value ? (s(), n("div", {
+      key: 1,
+      class: "overflow-x-auto rounded-md border border-border-separator bg-surface-cell font-mono text-xs leading-5",
+      "data-mode": t.mode,
+      "data-diff-view": ""
+    }, [
+      i("table", {
+        class: "w-full border-collapse",
+        "aria-label": p(l)("core.diff.label")
+      }, [
+        t.mode === "unified" ? (s(), n("tbody", Ue, [
+          (s(!0), n(S, null, B(h.value, (m, y) => (s(), n(S, {
+            key: p(V)(m) ? `gap-${m.key}` : y
+          }, [
+            p(V)(m) ? (s(), n("tr", Fe, [
+              i("td", Ie, [
+                i("button", {
+                  type: "button",
+                  class: "cursor-pointer rounded-sm px-2 text-content-muted hover:text-content-strong focus-visible:outline-2 focus-visible:outline-border-focus",
+                  onClick: (g) => v(m.key)
+                }, b(p(l)("core.diff.collapsed", { count: m.lines.length }, m.lines.length)), 9, Ke)
+              ])
+            ])) : (s(), n("tr", {
+              key: 1,
+              class: $(r[m.op]),
+              "data-op": m.op
+            }, [
+              i("td", Pe, b(m.oldNo), 1),
+              i("td", We, b(m.newNo), 1),
+              i("td", Ge, b(f[m.op]), 1),
+              i("td", He, [
+                m.op !== " " ? (s(), n("span", Ze, b(o(m.op)) + ": ", 1)) : w("", !0),
+                A(b(m.text), 1)
+              ])
+            ], 10, Oe))
+          ], 64))), 128))
+        ])) : (s(), n("tbody", qe, [
+          (s(!0), n(S, null, B(e.value, (m, y) => (s(), n(S, {
+            key: p(V)(m) ? `gap-${m.key}` : y
+          }, [
+            p(V)(m) ? (s(), n("tr", Je, [
+              i("td", Qe, [
+                i("button", {
+                  type: "button",
+                  class: "cursor-pointer rounded-sm px-2 text-content-muted hover:text-content-strong focus-visible:outline-2 focus-visible:outline-border-focus",
+                  onClick: (g) => v(m.key)
+                }, b(p(l)("core.diff.collapsed", { count: m.lines.length }, m.lines.length)), 9, Xe)
+              ])
+            ])) : (s(), n("tr", Ye, [
+              (s(!0), n(S, null, B([m.left, m.right], (g, z) => (s(), n(S, { key: z }, [
+                i("td", {
+                  class: $(["w-10 select-none px-2 text-right tabular-nums text-content-muted", [g ? r[g.op] : "bg-fill", z === 1 ? "border-l border-border-separator" : ""]])
+                }, b(z === 0 ? g?.oldNo : g?.newNo), 3),
+                i("td", {
+                  class: $(["w-5 select-none text-center", g ? r[g.op] : "bg-fill"]),
+                  "aria-hidden": "true"
+                }, b(g ? f[g.op] : ""), 3),
+                i("td", {
+                  class: $(["w-1/2 whitespace-pre pr-3", g ? r[g.op] : "bg-fill"]),
+                  "data-op": g?.op
+                }, [
+                  g ? (s(), n(S, { key: 0 }, [
+                    g.op !== " " ? (s(), n("span", tt, b(o(g.op)) + ": ", 1)) : w("", !0),
+                    A(b(g.text), 1)
+                  ], 64)) : w("", !0)
+                ], 10, et)
+              ], 64))), 128))
+            ]))
+          ], 64))), 128))
+        ]))
+      ], 8, je)
+    ], 8, Re)) : (s(), n("p", Ee, b(p(l)("core.diff.identical")), 1));
+  }
+}), ot = {
   role: "separator",
   class: "my-2 flex items-center gap-4"
-}, xe = {
+}, st = {
   key: 0,
   class: "select-none whitespace-nowrap font-mono text-2xs uppercase tracking-widest text-content-muted"
-}, De = /* @__PURE__ */ w({
+}, Rt = /* @__PURE__ */ M({
   __name: "Divider",
   props: {
     label: {}
   },
-  setup(m) {
-    return (n, a) => (t(), o("div", be, [
-      a[0] || (a[0] = u("span", { class: "h-px flex-1 bg-border-separator" }, null, -1)),
-      m.label ? (t(), o("span", xe, b(m.label), 1)) : v("", !0),
-      a[1] || (a[1] = u("span", { class: "h-px flex-1 bg-border-separator" }, null, -1))
+  setup(u) {
+    return (t, l) => (s(), n("div", ot, [
+      l[0] || (l[0] = i("span", { class: "h-px flex-1 bg-border-separator" }, null, -1)),
+      u.label ? (s(), n("span", st, b(u.label), 1)) : w("", !0),
+      l[1] || (l[1] = i("span", { class: "h-px flex-1 bg-border-separator" }, null, -1))
     ]));
   }
-}), Ae = /* @__PURE__ */ w({
+}), jt = /* @__PURE__ */ M({
   __name: "KeyValueList",
   props: {
     items: {},
     columns: { default: 1 }
   },
-  setup(m) {
-    const n = m, a = {
+  setup(u) {
+    const t = u, l = {
       1: "grid-cols-1",
       2: "grid-cols-1 sm:grid-cols-2",
       3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
     };
-    return (r, p) => (t(), o("dl", {
-      class: y(["grid gap-x-6 gap-y-3", a[n.columns]])
+    return (a, h) => (s(), n("dl", {
+      class: $(["grid gap-x-6 gap-y-3", l[t.columns]])
     }, [
-      (t(!0), o(S, null, M(n.items, (l) => (t(), $(W, {
-        key: l.key,
-        label: l.label,
-        value: l.value,
-        "data-key": l.key
-      }, P({ _: 2 }, [
-        r.$slots.value ? {
+      (s(!0), n(S, null, B(t.items, (e) => (s(), D(be, {
+        key: e.key,
+        label: e.label,
+        value: e.value,
+        "data-key": e.key
+      }, ce({ _: 2 }, [
+        a.$slots.value ? {
           name: "default",
-          fn: z(() => [
-            k(r.$slots, "value", { item: l })
+          fn: W(() => [
+            C(a.$slots, "value", { item: e })
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["label", "value", "data-key"]))), 128))
     ], 2));
   }
-}), Ee = /* @__PURE__ */ w({
+}), Ut = /* @__PURE__ */ M({
   __name: "MicroLabel",
   props: {
     as: { default: "span" }
   },
-  setup(m) {
-    return (n, a) => (t(), $(q(m.as), { class: "text-2xs font-semibold uppercase tracking-[0.06em] text-content-muted" }, {
-      default: z(() => [
-        k(n.$slots, "default")
+  setup(u) {
+    return (t, l) => (s(), D(de(u.as), { class: "text-2xs font-semibold uppercase tracking-[0.06em] text-content-muted" }, {
+      default: W(() => [
+        C(t.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), ge = {
+}), nt = {
   key: 0,
   class: "mr-0.5"
-}, Ue = /* @__PURE__ */ w({
+}, Ft = /* @__PURE__ */ M({
   __name: "Money",
   props: {
     amount: {},
@@ -334,104 +481,291 @@ const X = ["aria-label"], Y = {
     emptyZero: { type: Boolean, default: !1 },
     signed: { type: Boolean, default: !1 }
   },
-  setup(m) {
-    const n = m, a = L(), r = h(() => typeof n.amount == "number" && Number.isFinite(n.amount) ? n.amount : 0), p = h(() => n.emptyZero && !r.value), l = h(() => !n.signed || !r.value || !Math.round(Math.abs(r.value) * 10 ** n.decimals) ? "" : r.value > 0 ? "+" : "−"), x = h(() => a.money(n.signed ? Math.abs(r.value) : r.value, { decimals: n.decimals, whole: n.whole, symbol: !1 })), d = h(() => l.value === "+" ? "font-medium text-status-success-content" : l.value === "−" ? "font-medium text-status-danger-content" : ""), i = h(() => n.symbol ? a.currencySymbol : "");
-    return (e, f) => (t(), o("span", {
-      class: y(["whitespace-nowrap tabular-nums", d.value])
+  setup(u) {
+    const t = u, l = G(), a = _(() => typeof t.amount == "number" && Number.isFinite(t.amount) ? t.amount : 0), h = _(() => t.emptyZero && !a.value), e = _(() => !t.signed || !a.value || !Math.round(Math.abs(a.value) * 10 ** t.decimals) ? "" : a.value > 0 ? "+" : "−"), x = _(() => l.money(t.signed ? Math.abs(a.value) : a.value, { decimals: t.decimals, whole: t.whole, symbol: !1 })), f = _(() => e.value === "+" ? "font-medium text-status-success-content" : e.value === "−" ? "font-medium text-status-danger-content" : ""), r = _(() => t.symbol ? l.currencySymbol : "");
+    return (o, v) => (s(), n("span", {
+      class: $(["whitespace-nowrap tabular-nums", f.value])
     }, [
-      p.value ? (t(), o(S, { key: 0 }, [
-        V("—")
-      ], 64)) : (t(), o(S, { key: 1 }, [
-        l.value ? (t(), o("span", ge, b(l.value), 1)) : v("", !0),
-        V(b(x.value), 1),
-        i.value ? (t(), o("span", {
+      h.value ? (s(), n(S, { key: 0 }, [
+        A("—")
+      ], 64)) : (s(), n(S, { key: 1 }, [
+        e.value ? (s(), n("span", nt, b(e.value), 1)) : w("", !0),
+        A(b(x.value), 1),
+        r.value ? (s(), n("span", {
           key: 1,
-          class: y(["ml-1 font-normal", d.value ? "opacity-75" : "text-content-muted"])
-        }, b(i.value), 3)) : v("", !0)
+          class: $(["ml-1 font-normal", f.value ? "opacity-75" : "text-content-muted"])
+        }, b(r.value), 3)) : w("", !0)
       ], 64))
     ], 2));
   }
-}), ye = {
+}), J = { desktop: 1280, tablet: 768, mobile: 375 };
+function at(u, t) {
+  return !(u > 0) || !(t > 0) ? 1 : Math.min(1, u / t);
+}
+const lt = /* @__PURE__ */ new Set(["edit", "delete", "duplicate", "add", "reorder", "copy-locale"]), L = (u) => typeof u == "string";
+function rt(u) {
+  if (typeof u != "object" || u === null) return null;
+  const t = u;
+  if (!L(t.type) || !lt.has(t.type)) return null;
+  switch (t.type) {
+    case "add":
+      return t.after === void 0 || L(t.after) ? { type: "add", ...L(t.after) && { after: t.after } } : null;
+    case "reorder":
+      return L(t.id) && typeof t.to == "number" ? { type: "reorder", id: t.id, to: t.to } : null;
+    case "copy-locale":
+      return L(t.id) && L(t.from) ? { type: "copy-locale", id: t.id, from: t.from } : null;
+    default:
+      return L(t.id) ? { type: t.type, id: t.id } : null;
+  }
+}
+const it = ["data-state"], ct = { class: "flex shrink-0 flex-wrap items-center gap-2 border-b border-border-separator px-4 py-2" }, dt = { class: "ml-auto flex items-center gap-2" }, ut = ["aria-label", "title"], mt = ["href", "aria-label", "title"], pt = { class: "relative min-h-0 flex-1 bg-surface-page p-4" }, ft = ["src", "title", "sandbox"], bt = {
+  key: 0,
+  role: "status",
+  class: "pointer-events-none absolute inset-0 flex items-center justify-center gap-2 text-footnote text-content-muted",
+  "data-preview-loading": ""
+}, ht = {
+  key: 1,
+  role: "alert",
+  class: "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-surface-cell text-center",
+  "data-preview-failed": ""
+}, vt = { class: "text-body text-status-danger-content" }, gt = {
+  class: "flex shrink-0 flex-wrap items-center gap-x-4 gap-y-1 border-t border-border-separator px-4 py-1.5 text-footnote text-content-muted",
+  "data-preview-footer": ""
+}, xt = {
+  key: 0,
+  class: "tabular-nums"
+}, It = /* @__PURE__ */ M({
+  __name: "PreviewFrame",
+  props: {
+    src: {},
+    title: {},
+    device: { default: "desktop" },
+    sandbox: { default: "allow-scripts allow-same-origin allow-forms" },
+    origin: { default: void 0 },
+    parse: { type: Function, default: void 0 },
+    timeout: { default: 15e3 }
+  },
+  emits: ["message", "load", "error", "update:device"],
+  setup(u, { expose: t, emit: l }) {
+    const a = u, h = l, { t: e } = F(), x = P("frame"), f = P("fit"), r = T("loading"), o = T(null), v = T(0), c = T({ width: 0, height: 0 });
+    let d = 0, m;
+    const y = _(() => J[a.device]), g = _(() => at(c.value.width, y.value)), z = _(() => a.origin ?? new URL(a.src, window.location.href).origin), X = _(() => Object.keys(J).map((k) => ({ value: k, label: e(`core.preview.${k}`) }))), Y = _(() => ({
+      width: `${y.value}px`,
+      height: c.value.height > 0 ? `${c.value.height / g.value}px` : "100%",
+      transform: g.value < 1 ? `scale(${g.value})` : void 0,
+      transformOrigin: "0 0"
+    })), ee = _(() => `${y.value * g.value}px`);
+    function I() {
+      r.value = "loading", o.value = null, d = performance.now(), clearTimeout(m), m = setTimeout(H, a.timeout);
+    }
+    function H() {
+      clearTimeout(m), r.value !== "loaded" && (r.value = "failed", h("error"));
+    }
+    function te() {
+      clearTimeout(m), r.value = "loaded", o.value = Math.round(performance.now() - d), h("load", o.value);
+    }
+    function K() {
+      v.value++, I();
+    }
+    function Z(k) {
+      const R = x.value?.contentWindow;
+      if (!R || k.source !== R || k.origin !== z.value) return;
+      const j = a.parse ? a.parse(k.data) : rt(k.data);
+      j && h("message", j);
+    }
+    function oe(k) {
+      x.value?.contentWindow?.postMessage(k, z.value === "null" ? "*" : z.value);
+    }
+    let O;
+    return ue(() => {
+      I(), window.addEventListener("message", Z), typeof ResizeObserver < "u" && f.value && (O = new ResizeObserver(([k]) => {
+        k && (c.value = { width: k.contentRect.width, height: k.contentRect.height });
+      }), O.observe(f.value));
+    }), me(() => {
+      window.removeEventListener("message", Z), O?.disconnect(), clearTimeout(m);
+    }), Q(() => a.src, I), t({ reload: K, post: oe }), (k, R) => (s(), n("div", {
+      class: "flex h-full min-h-0 min-w-0 flex-col",
+      "data-preview-frame": "",
+      "data-state": r.value
+    }, [
+      i("div", ct, [
+        C(k.$slots, "toolbar"),
+        i("div", dt, [
+          E(he, {
+            "model-value": a.device,
+            tabs: X.value,
+            label: p(e)("core.preview.device"),
+            "onUpdate:modelValue": R[0] || (R[0] = (j) => j && h("update:device", j))
+          }, null, 8, ["model-value", "tabs", "label"]),
+          i("button", {
+            type: "button",
+            "data-preview-reload": "",
+            "aria-label": p(e)("core.preview.reload"),
+            title: p(e)("core.preview.reload"),
+            class: "hit-target flex size-8 cursor-pointer items-center justify-center rounded-button text-content-muted hover:bg-fill hover:text-content-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
+            onClick: K
+          }, [
+            E(p(N), {
+              name: "refreshLine",
+              size: 16
+            })
+          ], 8, ut),
+          i("a", {
+            href: a.src,
+            target: "_blank",
+            rel: "noopener",
+            "data-preview-open": "",
+            "aria-label": p(e)("core.preview.open"),
+            title: p(e)("core.preview.open"),
+            class: "hit-target flex size-8 items-center justify-center rounded-button text-content-muted hover:bg-fill hover:text-content-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus"
+          }, [
+            E(p(N), {
+              name: "externalLink",
+              size: 16
+            })
+          ], 8, mt)
+        ])
+      ]),
+      i("div", pt, [
+        i("div", {
+          ref_key: "fit",
+          ref: f,
+          class: "relative size-full"
+        }, [
+          i("div", {
+            class: "mx-auto h-full overflow-hidden rounded-md border border-border-separator bg-surface-cell shadow-sm",
+            style: U({ width: ee.value })
+          }, [
+            (s(), n("iframe", {
+              key: v.value,
+              ref_key: "frame",
+              ref: x,
+              src: a.src,
+              title: a.title,
+              sandbox: a.sandbox,
+              style: U(Y.value),
+              class: "block border-0 bg-white",
+              onLoad: te,
+              onError: H
+            }, null, 44, ft))
+          ], 4),
+          r.value === "loading" ? (s(), n("div", bt, [
+            E(p(N), {
+              name: "loader4Line",
+              size: 16,
+              class: "animate-spin motion-reduce:animate-none"
+            }),
+            A(b(p(e)("core.preview.loading")), 1)
+          ])) : w("", !0),
+          r.value === "failed" ? (s(), n("div", ht, [
+            i("p", vt, b(p(e)("core.preview.failed")), 1),
+            i("button", {
+              type: "button",
+              class: "cursor-pointer rounded-button bg-fill px-3 py-1.5 text-footnote font-medium text-content-strong hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
+              onClick: K
+            }, b(p(e)("core.preview.retry")), 1)
+          ])) : w("", !0)
+        ], 512)
+      ]),
+      i("div", gt, [
+        C(k.$slots, "footer", {
+          width: y.value,
+          scale: g.value,
+          device: a.device,
+          loadMs: o.value
+        }, () => [
+          o.value !== null ? (s(), n("span", xt, b(p(e)("core.preview.loaded_in", { ms: o.value })), 1)) : w("", !0),
+          i("span", null, b(g.value < 1 ? p(e)("core.preview.size_scaled", { width: y.value, percent: Math.round(g.value * 100) }) : p(e)("core.preview.size", { width: y.value })), 1)
+        ])
+      ])
+    ], 8, it));
+  }
+}), yt = {
   key: 0,
   class: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 border-b border-border-separator px-row-inset py-2.5 text-subheadline"
-}, he = { class: "-mt-px -ml-px grid grid-cols-[repeat(var(--stat-columns),minmax(0,1fr))] compact:grid-cols-[repeat(var(--stat-compact-columns),minmax(0,1fr))]" }, ve = ["data-stat"], _e = { class: "truncate text-footnote text-content-muted" }, we = {
+}, _t = { class: "-mt-px -ml-px grid grid-cols-[repeat(var(--stat-columns),minmax(0,1fr))] compact:grid-cols-[repeat(var(--stat-compact-columns),minmax(0,1fr))]" }, wt = ["data-stat"], kt = { class: "truncate text-footnote text-content-muted" }, $t = {
   key: 0,
   class: "flex items-center gap-2"
-}, ke = { class: "h-1 flex-1 overflow-hidden rounded-full bg-fill" }, $e = { class: "text-caption tabular-nums text-content-muted" }, Se = {
+}, St = { class: "h-1 flex-1 overflow-hidden rounded-full bg-fill" }, Mt = { class: "text-caption tabular-nums text-content-muted" }, zt = {
   key: 1,
   class: "flex min-w-0 items-center gap-3 border-t border-border-separator px-row-inset py-2.5 text-subheadline"
-}, je = /* @__PURE__ */ w({
+}, Kt = /* @__PURE__ */ M({
   __name: "StatSummary",
   props: {
     items: {},
     compactColumns: { default: 2 }
   },
-  setup(m) {
-    const n = L(), a = m, r = {
+  setup(u) {
+    const t = G(), l = u, a = {
       neutral: "text-content-strong",
       muted: "text-content-muted",
       info: "text-status-info-content",
       success: "text-status-success-content",
       warning: "text-status-warning-content",
       danger: "text-status-danger-content"
-    }, p = {
+    }, h = {
       neutral: "bg-content-muted",
       muted: "bg-content-disabled",
       info: "bg-status-info-content",
       success: "bg-status-success-content",
       warning: "bg-status-warning-content",
       danger: "bg-status-danger-content"
-    }, l = (d) => Math.min(100, Math.max(0, d)), x = h(() => ({
-      "--stat-columns": String(a.items.length),
-      "--stat-compact-columns": String(a.compactColumns)
+    }, e = (f) => Math.min(100, Math.max(0, f)), x = _(() => ({
+      "--stat-columns": String(l.items.length),
+      "--stat-compact-columns": String(l.compactColumns)
     }));
-    return (d, i) => (t(), o("section", {
+    return (f, r) => (s(), n("section", {
       "data-test": "stat-summary",
       class: "overflow-hidden rounded-group bg-surface-cell shadow-group",
-      style: E(x.value)
+      style: U(x.value)
     }, [
-      d.$slots.header ? (t(), o("div", ye, [
-        k(d.$slots, "header")
-      ])) : v("", !0),
-      u("dl", he, [
-        (t(!0), o(S, null, M(a.items, (e) => (t(), o("div", {
-          key: e.key,
-          "data-stat": e.key,
-          class: y(["flex min-w-0 flex-col gap-1.5 border-t border-l border-border-separator px-row-inset py-3", e.compact === !1 ? "compact:hidden" : ""])
+      f.$slots.header ? (s(), n("div", yt, [
+        C(f.$slots, "header")
+      ])) : w("", !0),
+      i("dl", _t, [
+        (s(!0), n(S, null, B(l.items, (o) => (s(), n("div", {
+          key: o.key,
+          "data-stat": o.key,
+          class: $(["flex min-w-0 flex-col gap-1.5 border-t border-l border-border-separator px-row-inset py-3", o.compact === !1 ? "compact:hidden" : ""])
         }, [
-          u("dt", _e, b(e.label), 1),
-          u("dd", {
-            class: y(["text-title leading-none font-semibold tracking-tight tabular-nums", r[e.tone ?? "neutral"]])
-          }, b(g(n).number(e.value, { maximumFractionDigits: 0 })), 3),
-          e.share != null ? (t(), o("dd", we, [
-            u("span", ke, [
-              u("span", {
-                class: y(["block h-full rounded-full", p[e.tone ?? "neutral"]]),
-                style: E({ width: `${l(e.share)}%` })
+          i("dt", kt, b(o.label), 1),
+          i("dd", {
+            class: $(["text-title leading-none font-semibold tracking-tight tabular-nums", a[o.tone ?? "neutral"]])
+          }, b(p(t).number(o.value, { maximumFractionDigits: 0 })), 3),
+          o.share != null ? (s(), n("dd", $t, [
+            i("span", St, [
+              i("span", {
+                class: $(["block h-full rounded-full", h[o.tone ?? "neutral"]]),
+                style: U({ width: `${e(o.share)}%` })
               }, null, 6)
             ]),
-            u("span", $e, b(Math.round(l(e.share))) + " %", 1)
-          ])) : v("", !0)
-        ], 10, ve))), 128))
+            i("span", Mt, b(Math.round(e(o.share))) + " %", 1)
+          ])) : w("", !0)
+        ], 10, wt))), 128))
       ]),
-      d.$slots.footer ? (t(), o("div", Se, [
-        k(d.$slots, "footer")
-      ])) : v("", !0)
+      f.$slots.footer ? (s(), n("div", zt, [
+        C(f.$slots, "footer")
+      ])) : w("", !0)
     ], 4));
   }
 });
 export {
-  le as ActivityStream,
-  Q as Avatar,
-  Te as CommentThread,
-  de as Composer,
-  De as Divider,
-  W as KeyValue,
-  Ae as KeyValueList,
-  Ee as MicroLabel,
-  Ue as Money,
-  Ie as Panel,
-  je as StatSummary,
-  Ge as Timestamp,
-  Ne as initialsFor
+  Se as ActivityStream,
+  fe as Avatar,
+  Dt as CommentThread,
+  Le as Composer,
+  Et as DiffView,
+  Rt as Divider,
+  be as KeyValue,
+  jt as KeyValueList,
+  Ut as MicroLabel,
+  Ft as Money,
+  J as PREVIEW_WIDTHS,
+  Ht as Panel,
+  It as PreviewFrame,
+  Kt as StatSummary,
+  qt as Timestamp,
+  Wt as initialsFor,
+  rt as parsePreviewAction,
+  at as previewScale
 };