@llumi/design-system 2.1.4 → 2.1.5

package/review.mjs

@@ -1,60 +1,60 @@
 import { fromCallback as ht, setup as Lt, emit as mt, assign as E, stateIn as At, enqueueActions as Dt, createActor as Rt } from "https://cdn.jsdelivr.net/npm/xstate@5.32.2/+esm";
-import { a as kt } from "./adopt-global-styles-C0chASBU.js";
+import { a as kt } from "./adopt-global-styles-Bo2exag9.js";
 import { tinykeys as Nt } from "https://cdn.jsdelivr.net/npm/tinykeys@3.1.0/+esm";
 import { html as w, css as W } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/+esm";
 import { property as f, query as j, state as Pt, customElement as N } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/decorators.js/+esm";
 import { classMap as A } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/directives/class-map.js/+esm";
-import { i as G } from "./icons-_LsftaTj.js";
-import { L as C } from "./llumi-element-PGzWxI8r.js";
+import { i as G } from "./icons-D0InUNTF.js";
+import { L as C } from "./llumi-element-CLEVA6m6.js";
 import { autoUpdate as bt, computePosition as Ct, offset as Et, flip as wt, shift as xt, size as yt } from "https://cdn.jsdelivr.net/npm/@floating-ui/dom@1.7.6/+esm";
 import { repeat as _t } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/directives/repeat.js/+esm";
 import { styleMap as Mt } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/directives/style-map.js/+esm";
-/*! @llumi/design-system v2.1.4 | (c) 2026 pAIrprog SAS | license: https://cdn.jsdelivr.net/npm/@llumi/design-system@2.1.4/LICENSE | bundled third-party components under MIT, see NOTICE | @license */
-function ut(i, e) {
-  const t = i.getAttribute("data-review-id");
+/*! @llumi/design-system v2.1.5 | (c) 2026 pAIrprog SAS | license: https://cdn.jsdelivr.net/npm/@llumi/design-system@2.1.5/LICENSE | bundled third-party components under MIT, see NOTICE | @license */
+function ut(o, e) {
+  const t = o.getAttribute("data-review-id");
   if (t) return t;
   for (const n of e ?? [])
-    if (i.matches(n.selector)) {
-      const o = n.toId(i);
-      if (o) return o;
+    if (o.matches(n.selector)) {
+      const i = n.toId(o);
+      if (i) return i;
     }
   return null;
 }
-function H(i, e) {
-  const t = i.closest("[data-review-id]");
+function H(o, e) {
+  const t = o.closest("[data-review-id]");
   if (t) {
     const n = t.getAttribute("data-review-id");
     if (n) return { element: t, targetId: n };
   }
   for (const n of e ?? []) {
-    const o = i.closest(n.selector);
-    if (o) {
-      const r = n.toId(o);
-      if (r) return { element: o, targetId: r };
+    const i = o.closest(n.selector);
+    if (i) {
+      const r = n.toId(i);
+      if (r) return { element: i, targetId: r };
     }
   }
   return null;
 }
-function D(i, e) {
+function D(o, e) {
   const t = /* @__PURE__ */ new Set(), n = [];
-  for (const o of Array.from(
-    i.querySelectorAll("[data-review-id]")
+  for (const i of Array.from(
+    o.querySelectorAll("[data-review-id]")
   )) {
-    const r = o.getAttribute("data-review-id");
+    const r = i.getAttribute("data-review-id");
     if (!r) continue;
-    const s = o.hasAttribute("data-review-selectable");
+    const s = i.hasAttribute("data-review-selectable");
     n.push({
-      element: o,
+      element: i,
       targetId: r,
       kind: s ? "both" : "element"
-    }), t.add(o);
+    }), t.add(i);
   }
-  for (const o of e ?? [])
+  for (const i of e ?? [])
     for (const r of Array.from(
-      i.querySelectorAll(o.selector)
+      o.querySelectorAll(i.selector)
     )) {
       if (t.has(r)) continue;
-      const s = o.toId(r);
+      const s = i.toId(r);
       if (!s) continue;
       const a = r.hasAttribute("data-review-selectable");
       n.push({
@@ -63,40 +63,40 @@ function D(i, e) {
         kind: a ? "both" : "element"
       }), t.add(r);
     }
-  for (const o of Array.from(
-    i.querySelectorAll("[data-review-selectable]")
+  for (const i of Array.from(
+    o.querySelectorAll("[data-review-selectable]")
   )) {
-    if (t.has(o)) continue;
-    const r = o.getAttribute("data-review-selectable");
-    r && (n.push({ element: o, targetId: r, kind: "selectable" }), t.add(o));
+    if (t.has(i)) continue;
+    const r = i.getAttribute("data-review-selectable");
+    r && (n.push({ element: i, targetId: r, kind: "selectable" }), t.add(i));
   }
   return n;
 }
-const tt = "review-highlight-hover", y = "review-highlight-commented", z = "review-highlight-editing", F = "review-highlight-uncommented", V = "review-target", gt = "review-active";
-function Y(i) {
-  i.classList.remove(
-    tt,
+const et = "review-highlight-hover", y = "review-highlight-commented", z = "review-highlight-editing", F = "review-highlight-uncommented", Y = "review-target", gt = "review-active";
+function J(o) {
+  o.classList.remove(
+    et,
     y,
     z,
     F
   );
 }
-function $t(i, e) {
-  let t = null, n = null, o = null;
+function $t(o, e) {
+  let t = null, n = null, i = null;
   function r(c) {
-    i.classList.add(gt);
-    const u = D(i, e);
+    o.classList.add(gt);
+    const u = D(o, e);
     for (const { element: p, targetId: d, kind: L } of u)
-      (L === "element" || L === "both") && (p.hasAttribute("data-review-id") || p.classList.add(V), c.has(d) && p.classList.add(y));
+      (L === "element" || L === "both") && (p.hasAttribute("data-review-id") || p.classList.add(Y), c.has(d) && p.classList.add(y));
   }
   function s() {
-    i.classList.remove(gt), t && (clearTimeout(t), t = null);
-    const c = D(i, e);
+    o.classList.remove(gt), t && (clearTimeout(t), t = null);
+    const c = D(o, e);
     for (const { element: u } of c)
-      Y(u), u.classList.remove(V);
+      J(u), u.classList.remove(Y);
   }
   function a(c) {
-    const u = D(i, e), p = [];
+    const u = D(o, e), p = [];
     for (const { element: d } of u)
       !d.classList.contains(y) && !d.classList.contains(z) && (d.classList.add(F), p.push(d));
     c && (t && clearTimeout(t), t = setTimeout(() => {
@@ -107,29 +107,29 @@ function $t(i, e) {
   }
   function l() {
     t && (clearTimeout(t), t = null);
-    const c = D(i, e);
+    const c = D(o, e);
     for (const { element: u } of c)
       u.classList.remove(F);
   }
   function v(c, u) {
-    u || (Y(c), c.classList.add(z));
+    u || (J(c), c.classList.add(z));
   }
   function h(c, u) {
-    Y(c), u && c.classList.add(y);
+    J(c), u && c.classList.add(y);
   }
   function g(c, u) {
-    (ut(c, e) ?? c.getAttribute("data-review-selectable")) !== u && c.classList.add(tt);
+    (ut(c, e) ?? c.getAttribute("data-review-selectable")) !== u && c.classList.add(et);
   }
   function m(c, u, p) {
     const d = ut(c, e) ?? c.getAttribute("data-review-selectable");
-    d !== u && (c.classList.remove(tt), d && (p != null && p.has(d)) && c.classList.add(y));
+    d !== u && (c.classList.remove(et), d && (p != null && p.has(d)) && c.classList.add(y));
   }
   function M(c) {
-    X(), o = c.editingTarget ?? null, n = new MutationObserver((u) => {
+    B(), i = c.editingTarget ?? null, n = new MutationObserver((u) => {
       for (const p of u) {
         for (const d of Array.from(p.removedNodes)) {
           if (!(d instanceof HTMLElement)) continue;
-          o && (d === o || d.contains(o)) && (o = null, c.onTargetDisconnected()), (d.hasAttribute("data-review-selectable") || d.querySelector("[data-review-selectable]") !== null) && c.onSelectableReconnected();
+          i && (d === i || d.contains(i)) && (i = null, c.onTargetDisconnected()), (d.hasAttribute("data-review-selectable") || d.querySelector("[data-review-selectable]") !== null) && c.onSelectableReconnected();
         }
         for (const d of Array.from(p.addedNodes)) {
           if (!(d instanceof HTMLElement)) continue;
@@ -148,21 +148,21 @@ function $t(i, e) {
               ...d.matches(T.selector) ? [d] : [],
               ...Array.from(d.querySelectorAll(T.selector))
             ];
-            for (const B of $) {
-              const dt = T.toId(B);
-              B.classList.add(V), dt && c.commentedIds.has(dt) && B.classList.add(y);
+            for (const V of $) {
+              const dt = T.toId(V);
+              V.classList.add(Y), dt && c.commentedIds.has(dt) && V.classList.add(y);
             }
           }
           (d.hasAttribute("data-review-selectable") || d.querySelector("[data-review-selectable]") !== null) && c.onSelectableReconnected();
         }
       }
-    }), n.observe(i, { childList: !0, subtree: !0 });
+    }), n.observe(o, { childList: !0, subtree: !0 });
   }
-  function X() {
-    n && (n.disconnect(), n = null), o = null;
+  function B() {
+    n && (n.disconnect(), n = null), i = null;
   }
   function Ot() {
-    s(), X();
+    s(), B();
   }
   return {
     activate: r,
@@ -174,14 +174,14 @@ function $t(i, e) {
     applyHover: g,
     clearHover: m,
     startObserving: M,
-    stopObserving: X,
+    stopObserving: B,
     destroy: Ot
   };
 }
 const Ht = `:root{--review-highlight-uncommented-color: oklch(.7 0 0 / .15);--review-highlight-commented-color: oklch(.7 0 0 / .3);--review-highlight-color: oklch(.7 0 0 / .5);--review-highlight-editing-color: oklch(.6 0 0 / .7);--review-badge-icon-color: oklch(.35 0 0);--review-z-index: 9998;--review-selection-commented-color: oklch(.85 .08 250 / .4);--review-selection-editing-color: oklch(.75 .12 250 / .6);--review-selection-hover-color: oklch(.8 .1 250 / .5)}[data-review-id],[data-review-selectable],.review-target{outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s ease}.review-highlight-uncommented{outline-color:var(--review-highlight-uncommented-color)}.review-highlight-commented{outline-color:var(--review-highlight-commented-color);position:relative}.review-highlight-hover{outline-color:var(--review-highlight-color)}.review-highlight-commented:after{content:"";position:absolute;top:-12px;right:-14px;width:20px;height:20px;border-radius:50%;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23404040' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");background-size:12px 12px;background-repeat:no-repeat;background-position:center;box-shadow:0 1px 3px #0000001a;pointer-events:none}.review-highlight-editing:after{display:none}[data-review-selectable]:not([data-review-id]).review-highlight-commented:after{display:none}.review-highlight-editing{outline-color:var(--review-highlight-editing-color)}::highlight(review-selection-commented){background-color:var(--review-selection-commented-color)}::highlight(review-selection-editing){background-color:var(--review-selection-editing-color)}::highlight(review-selection-hover){background-color:var(--review-selection-hover-color)}.review-active [data-review-id],.review-active .review-target{cursor:pointer}.review-active [data-review-selectable]{cursor:text}`;
-function Gt(i, e) {
-  const t = i.find(
-    (o) => o.targetId === e && !o.selection
+function Gt(o, e) {
+  const t = o.find(
+    (i) => i.targetId === e && !i.selection
   );
   return t ? { comment: t, isNew: !1 } : { comment: {
     commentId: crypto.randomUUID(),
@@ -190,14 +190,14 @@ function Gt(i, e) {
     createdAt: (/* @__PURE__ */ new Date()).toISOString()
   }, isNew: !0 };
 }
-function zt(i) {
-  let e = i.comments;
-  if (i.editingCommentId !== null) {
+function zt(o) {
+  let e = o.comments;
+  if (o.editingCommentId !== null) {
     const t = e.find(
-      (n) => n.commentId === i.editingCommentId
+      (n) => n.commentId === o.editingCommentId
     );
     t && t.content === "" && (e = e.filter(
-      (n) => n.commentId !== i.editingCommentId
+      (n) => n.commentId !== o.editingCommentId
     ));
   }
   return {
@@ -207,24 +207,24 @@ function zt(i) {
     selectionRange: null
   };
 }
-function J(i) {
-  const e = i.comments.filter((o) => o.content.trim()), t = e.length > 0, n = i.overallComment.trim().length > 0;
+function Q(o) {
+  const e = o.comments.filter((i) => i.content.trim()), t = e.length > 0, n = o.overallComment.trim().length > 0;
   return !t && !n ? { status: "approved" } : {
     status: "commented",
     comments: e,
-    overallComment: n ? i.overallComment.trim() : void 0
+    overallComment: n ? o.overallComment.trim() : void 0
   };
 }
-function Ft(i) {
+function Ft(o) {
   const e = /* @__PURE__ */ new Set();
-  for (const t of i.comments)
+  for (const t of o.comments)
     !t.selection && t.content.trim() && e.add(t.targetId);
   return e;
 }
 function Ut() {
-  const i = ht(
+  const o = ht(
     ({ sendBack: t, input: n }) => {
-      const o = () => t({ type: "RELEASE_ANNOTATE" }), r = (l) => {
+      const i = () => t({ type: "RELEASE_ANNOTATE" }), r = (l) => {
         l.key === "Alt" && (l.preventDefault(), t({ type: "HOLD_ANNOTATE" }));
       }, s = (l) => {
         l.key === "Alt" && t({ type: "RELEASE_ANNOTATE" });
@@ -242,12 +242,12 @@ function Ut() {
           l.preventDefault(), t({ type: "CLOSE" });
         }
       });
-      return window.addEventListener("keydown", r), window.addEventListener("keyup", s), window.addEventListener("blur", o), () => {
-        a(), window.removeEventListener("keydown", r), window.removeEventListener("keyup", s), window.removeEventListener("blur", o);
+      return window.addEventListener("keydown", r), window.addEventListener("keyup", s), window.addEventListener("blur", i), () => {
+        a(), window.removeEventListener("keydown", r), window.removeEventListener("keyup", s), window.removeEventListener("blur", i);
       };
     }
   ), e = ht(({ sendBack: t, input: n }) => {
-    const o = new MutationObserver((r) => {
+    const i = new MutationObserver((r) => {
       for (const s of r)
         for (const a of Array.from(s.removedNodes))
           if (a instanceof HTMLElement && (a === n.targetElement || a.contains(n.targetElement))) {
@@ -255,7 +255,7 @@ function Ut() {
             return;
           }
     });
-    return o.observe(n.wrapperElement, { childList: !0, subtree: !0 }), () => o.disconnect();
+    return i.observe(n.wrapperElement, { childList: !0, subtree: !0 }), () => i.disconnect();
   });
   return Lt({
     types: {
@@ -265,7 +265,7 @@ function Ut() {
       emitted: {}
     },
     actors: {
-      keyboardActor: i,
+      keyboardActor: o,
       mutationObserverActor: e
     },
     guards: {
@@ -278,10 +278,10 @@ function Ut() {
         if (n.selectionCommentId)
           return t.editingCommentId === n.selectionCommentId;
         if (n.targetId) {
-          const o = t.comments.find(
+          const i = t.comments.find(
             (r) => r.commentId === t.editingCommentId
           );
-          return !!o && o.targetId === n.targetId && !o.selection;
+          return !!i && i.targetId === n.targetId && !i.selection;
         }
         return !1;
       }
@@ -292,13 +292,13 @@ function Ut() {
     actions: {
       openElementComment: E(({ context: t, event: n }) => {
         if (n.type !== "CLICK" || !n.targetId) return {};
-        const { comment: o, isNew: r } = Gt(
+        const { comment: i, isNew: r } = Gt(
           t.comments,
           n.targetId
         );
         return {
-          comments: r ? [...t.comments, o] : t.comments,
-          editingCommentId: o.commentId,
+          comments: r ? [...t.comments, i] : t.comments,
+          editingCommentId: i.commentId,
           targetElement: n.element ?? null,
           selectionRange: null
         };
@@ -310,7 +310,7 @@ function Ut() {
       }),
       createSelectionComment: E(({ context: t, event: n }) => {
         if (n.type !== "SELECT_TEXT") return {};
-        const o = {
+        const i = {
           commentId: crypto.randomUUID(),
           targetId: n.targetId,
           content: "",
@@ -318,15 +318,15 @@ function Ut() {
           selection: n.selectionRange
         };
         return {
-          comments: [...t.comments, o],
-          editingCommentId: o.commentId,
+          comments: [...t.comments, i],
+          editingCommentId: i.commentId,
           targetElement: n.targetElement,
           selectionRange: n.selectionRange
         };
       }),
       updateContent: E(({ context: t, event: n }) => n.type !== "COMMENT_CHANGE" ? {} : t.editingCommentId === null ? { overallComment: n.content } : {
         comments: t.comments.map(
-          (o) => o.commentId === t.editingCommentId ? { ...o, content: n.content } : o
+          (i) => i.commentId === t.editingCommentId ? { ...i, content: n.content } : i
         )
       }),
       deleteComment: E(({ context: t }) => ({
@@ -340,14 +340,14 @@ function Ut() {
       cleanup: E(({ context: t }) => zt(t)),
       emitChanged: mt(({ context: t }) => ({
         type: "REVIEW_CHANGED",
-        result: J(t)
+        result: Q(t)
       })),
       persistSave: ({ context: t }) => {
-        t.persistence.save(J(t));
+        t.persistence.save(Q(t));
       },
       emitSubmitted: mt(({ context: t }) => ({
         type: "REVIEW_SUBMITTED",
-        result: J(t)
+        result: Q(t)
       })),
       // Highlight lifecycle actions — call manager methods directly via
       // callbacks passed through input. The machine owns WHEN highlights
@@ -370,17 +370,17 @@ function Ut() {
         t.highlights.unreveal();
       },
       editingTargetSet: ({ context: t }) => {
-        var o;
+        var i;
         if (!t.targetElement) return;
-        const n = !!((o = t.comments.find(
+        const n = !!((i = t.comments.find(
           (r) => r.commentId === t.editingCommentId
-        )) != null && o.selection);
+        )) != null && i.selection);
         t.highlights.setEditing(t.targetElement, n);
       },
       editingTargetCleared: ({ context: t }) => {
         if (!t.targetElement) return;
         const n = t.comments.find(
-          (o) => o.commentId === t.editingCommentId
+          (i) => i.commentId === t.editingCommentId
         );
         t.highlights.clearEditing(
           t.targetElement,
@@ -392,9 +392,9 @@ function Ut() {
     id: "review",
     type: "parallel",
     context: ({ input: t }) => {
-      const n = t.persistence.load() ?? t.initialData, o = (n == null ? void 0 : n.status) === "commented" ? n.comments ?? [] : [], r = (n == null ? void 0 : n.status) === "commented" ? n.overallComment ?? "" : "";
+      const n = t.persistence.load() ?? t.initialData, i = (n == null ? void 0 : n.status) === "commented" ? n.comments ?? [] : [], r = (n == null ? void 0 : n.status) === "commented" ? n.overallComment ?? "" : "";
       return {
-        comments: o,
+        comments: i,
         overallComment: r,
         editingCommentId: null,
         targetElement: null,
@@ -644,25 +644,25 @@ const pt = {
   clear: () => {
   }
 };
-function Q() {
+function Z() {
   try {
     return typeof localStorage > "u" ? void 0 : localStorage;
   } catch {
     return;
   }
 }
-function Kt(i) {
-  if (typeof i != "object" || i === null) return !1;
-  const e = i.status;
+function Kt(o) {
+  if (typeof o != "object" || o === null) return !1;
+  const e = o.status;
   return e === "approved" || e === "commented";
 }
-function Wt(i) {
+function Wt(o) {
   return {
     load() {
-      const e = Q();
+      const e = Z();
       if (e)
         try {
-          const t = e.getItem(i);
+          const t = e.getItem(o);
           if (t === null) return;
           const n = JSON.parse(t);
           return Kt(n) ? n : void 0;
@@ -671,117 +671,120 @@ function Wt(i) {
         }
     },
     save(e) {
-      const t = Q();
+      const t = Z();
       if (t)
         try {
           if (e.status === "approved") {
-            t.removeItem(i);
+            t.removeItem(o);
             return;
           }
-          t.setItem(i, JSON.stringify(e));
+          t.setItem(o, JSON.stringify(e));
         } catch {
         }
     },
     clear() {
-      const e = Q();
+      const e = Z();
       if (e)
         try {
-          e.removeItem(i);
+          e.removeItem(o);
         } catch {
         }
     }
   };
 }
 const jt = 3;
-function qt(i) {
+function qt(o) {
   const e = [], t = (n) => {
     n instanceof Element && n.shadowRoot && (e.push(n.shadowRoot), n.shadowRoot.childNodes.forEach(t)), n.childNodes.forEach(t);
   };
-  return t(i), e;
+  return t(o), e;
 }
-function It(i) {
+function It(o) {
   const e = document.createRange();
-  return e.setStart(i.startContainer, i.startOffset), e.setEnd(i.endContainer, i.endOffset), e;
+  return e.setStart(o.startContainer, o.startOffset), e.setEnd(o.endContainer, o.endOffset), e;
 }
-function lt(i, e) {
-  if (i.isCollapsed || i.rangeCount === 0) return null;
-  const t = qt(e), n = i.getComposedRanges;
-  if (n && t.length > 0) {
-    const r = n.call(i, { shadowRoots: t })[0];
-    if (r) return It(r);
-  }
-  return i.getRangeAt(0);
+function q(o, e) {
+  const t = qt(e), n = o.getComposedRanges;
+  if (n && t.length > 0)
+    try {
+      const r = n.call(o, ...t)[0];
+      if (r) return It(r);
+    } catch {
+    }
+  if (o.rangeCount === 0) return null;
+  try {
+    return o.getRangeAt(0);
+  } catch {
+    return null;
+  }
 }
-function Xt(i) {
+function Xt(o) {
   const e = window.getSelection();
-  if (!e || e.isCollapsed || e.rangeCount === 0)
-    return null;
-  const t = lt(e, i);
+  if (!e) return null;
+  const t = q(e, o);
   if (!t) return null;
   const n = t.toString();
   if (n.length < jt) return null;
-  const o = Yt(
-    i,
+  const i = Yt(
+    o,
     t.startContainer,
     t.startOffset
-  ), r = o + n.length;
-  if (o < 0) return null;
+  ), r = i + n.length;
+  if (i < 0) return null;
   const s = Jt(
-    St(i),
+    St(o),
     n,
-    o
+    i
   );
-  return { startOffset: o, endOffset: r, selectedText: n, matchIndex: s };
+  return { startOffset: i, endOffset: r, selectedText: n, matchIndex: s };
 }
-function et(i, e) {
-  const t = St(i);
+function nt(o, e) {
+  const t = St(o);
   if (t.slice(
     e.startOffset,
     e.endOffset
   ) === e.selectedText)
     return ft(
-      i,
+      o,
       e.startOffset,
       e.endOffset
     );
-  const o = Qt(
+  const i = Qt(
     t,
     e.selectedText,
     e.matchIndex
   );
-  return o < 0 ? null : ft(
-    i,
+  return i < 0 ? null : ft(
     o,
-    o + e.selectedText.length
+    i,
+    i + e.selectedText.length
   );
 }
-function Bt(i, e) {
-  if (i.isCollapsed || i.rangeCount === 0) return !1;
-  const t = lt(i, e);
-  return t ? U(e, t.startContainer) && U(e, t.endContainer) : !1;
+function Bt(o, e) {
+  const t = q(o, e);
+  return !t || t.collapsed ? !1 : U(e, t.startContainer) && U(e, t.endContainer);
 }
-function Z(i) {
-  let e = i;
+function tt(o) {
+  let e = o;
   for (; e; ) {
     const t = e instanceof HTMLElement ? e : e.parentElement, n = t == null ? void 0 : t.closest("[data-review-selectable]");
     if (n) return n;
-    const o = e.getRootNode();
-    if (o instanceof ShadowRoot)
-      e = o.host;
+    const i = e.getRootNode();
+    if (i instanceof ShadowRoot)
+      e = i.host;
     else
       return null;
   }
   return null;
 }
-function Vt(i, e) {
+function Vt(o, e) {
   var r;
-  if (i.isCollapsed || i.rangeCount === 0) return null;
-  const t = lt(i, e);
-  if (!t) return null;
-  const n = U(e, t.startContainer), o = U(e, t.endContainer);
-  if (n && o)
+  const t = q(o, e);
+  if (!t || t.collapsed) return null;
+  const n = U(e, t.startContainer), i = U(e, t.endContainer);
+  if (n && i)
     return It(t);
-  if (n && !o) {
+  if (n && !i) {
     const s = Zt(e);
     if (s) {
       const a = document.createRange();
@@ -790,95 +793,95 @@ function Vt(i, e) {
   }
   return null;
 }
-function U(i, e) {
+function U(o, e) {
   if (!e) return !1;
-  if (i === e) return !0;
+  if (o === e) return !0;
   let t = e;
   for (; t; ) {
-    if (i === t) return !0;
+    if (o === t) return !0;
     const n = t.getRootNode();
     if (n instanceof ShadowRoot) {
-      if (i === n.host) return !0;
+      if (o === n.host) return !0;
       t = n.host;
     } else
-      return !!i.contains(t);
+      return !!o.contains(t);
   }
   return !1;
 }
-function St(i) {
+function St(o) {
   let e = "";
   const t = (n) => {
-    n instanceof Element && n.shadowRoot && n.shadowRoot.childNodes.forEach(t), n.childNodes.forEach((o) => {
-      o.nodeType === Node.TEXT_NODE ? e += o.textContent ?? "" : t(o);
+    n instanceof Element && n.shadowRoot && n.shadowRoot.childNodes.forEach(t), n.childNodes.forEach((i) => {
+      i.nodeType === Node.TEXT_NODE ? e += i.textContent ?? "" : t(i);
     });
   };
-  return t(i), e;
+  return t(o), e;
 }
-function Yt(i, e, t) {
-  var o;
+function Yt(o, e, t) {
+  var i;
   let n = 0;
-  for (const r of k(i)) {
+  for (const r of k(o)) {
     if (r === e) return n + t;
-    n += ((o = r.textContent) == null ? void 0 : o.length) ?? 0;
+    n += ((i = r.textContent) == null ? void 0 : i.length) ?? 0;
   }
   return -1;
 }
-function ft(i, e, t) {
+function ft(o, e, t) {
   var s;
   const n = document.createRange();
-  let o = 0, r = !1;
-  for (const a of k(i)) {
+  let i = 0, r = !1;
+  for (const a of k(o)) {
     const l = ((s = a.textContent) == null ? void 0 : s.length) ?? 0;
-    if (!r && o + l > e && (n.setStart(a, e - o), r = !0), r && o + l >= t)
-      return n.setEnd(a, t - o), n;
-    o += l;
+    if (!r && i + l > e && (n.setStart(a, e - i), r = !0), r && i + l >= t)
+      return n.setEnd(a, t - i), n;
+    i += l;
   }
   return null;
 }
-function* k(i) {
-  i instanceof Element && i.shadowRoot && (yield* k(i.shadowRoot));
-  for (const e of Array.from(i.childNodes))
+function* k(o) {
+  o instanceof Element && o.shadowRoot && (yield* k(o.shadowRoot));
+  for (const e of Array.from(o.childNodes))
     e.nodeType === Node.TEXT_NODE ? yield e : e instanceof Element && (yield* k(e));
 }
-function Jt(i, e, t) {
-  let n = 0, o = 0;
+function Jt(o, e, t) {
+  let n = 0, i = 0;
   for (; ; ) {
-    const r = i.indexOf(e, o);
+    const r = o.indexOf(e, i);
     if (r < 0 || r === t) return n;
-    o = r + 1, n++;
+    i = r + 1, n++;
   }
 }
-function Qt(i, e, t) {
-  let n = 0, o = 0;
+function Qt(o, e, t) {
+  let n = 0, i = 0;
   for (; ; ) {
-    const r = i.indexOf(e, o);
+    const r = o.indexOf(e, i);
     if (r < 0) return -1;
     if (n === t) return r;
-    o = r + 1, n++;
+    i = r + 1, n++;
   }
 }
-function Zt(i) {
+function Zt(o) {
   let e = null;
-  for (const t of k(i))
+  for (const t of k(o))
     e = t;
   return e;
 }
-function te(i, e, t) {
-  const n = /* @__PURE__ */ new Map(), o = D(e, t).sort((r, s) => {
+function te(o, e, t) {
+  const n = /* @__PURE__ */ new Map(), i = D(e, t).sort((r, s) => {
     const a = r.element.compareDocumentPosition(s.element);
     return a & Node.DOCUMENT_POSITION_PRECEDING ? 1 : a & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 0;
   });
-  for (const [r, s] of o.entries())
+  for (const [r, s] of i.entries())
     n.set(s.targetId, r);
-  return [...i].sort((r, s) => {
+  return [...o].sort((r, s) => {
     const a = n.get(r.targetId) ?? Number.MAX_SAFE_INTEGER, l = n.get(s.targetId) ?? Number.MAX_SAFE_INTEGER;
     return a - l;
   });
 }
-var ee = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, x = (i, e, t, n) => {
-  for (var o = n > 1 ? void 0 : n ? ne(e, t) : e, r = i.length - 1, s; r >= 0; r--)
-    (s = i[r]) && (o = (n ? s(e, t, o) : s(o)) || o);
-  return n && o && ee(e, t, o), o;
+var ee = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, x = (o, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ne(e, t) : e, r = o.length - 1, s; r >= 0; r--)
+    (s = o[r]) && (i = (n ? s(e, t, i) : s(i)) || i);
+  return n && i && ee(e, t, i), i;
 };
 const ie = {
   "top-left": { top: "16px", left: "16px" },
@@ -890,19 +893,19 @@ const ie = {
 };
 let b = class extends C {
   constructor() {
-    super(...arguments), this.mode = "idle", this.commentCount = 0, this.hasOverallComment = !1, this.overallCommentOpen = !1, this.barPosition = "bottom-center", this.dragOffset = null, this.dragStart = null, this.onDragStart = (i) => {
+    super(...arguments), this.mode = "idle", this.commentCount = 0, this.hasOverallComment = !1, this.overallCommentOpen = !1, this.barPosition = "bottom-center", this.dragOffset = null, this.dragStart = null, this.onDragStart = (o) => {
       const e = this.bar.getBoundingClientRect();
       this.dragStart = {
-        px: i.clientX,
-        py: i.clientY,
+        px: o.clientX,
+        py: o.clientY,
         ox: e.left,
         oy: e.top
       }, window.addEventListener("pointermove", this.onDragMove), window.addEventListener("pointerup", this.onDragEnd);
-    }, this.onDragMove = (i) => {
+    }, this.onDragMove = (o) => {
       if (!this.dragStart) return;
-      const e = this.dragStart.ox + (i.clientX - this.dragStart.px), t = this.dragStart.oy + (i.clientY - this.dragStart.py), n = 16, o = window.innerWidth - this.bar.offsetWidth - n, r = window.innerHeight - this.bar.offsetHeight - n;
+      const e = this.dragStart.ox + (o.clientX - this.dragStart.px), t = this.dragStart.oy + (o.clientY - this.dragStart.py), n = 16, i = window.innerWidth - this.bar.offsetWidth - n, r = window.innerHeight - this.bar.offsetHeight - n;
       this.dragOffset = {
-        x: Math.max(n, Math.min(e, o)),
+        x: Math.max(n, Math.min(e, i)),
         y: Math.max(n, Math.min(t, r))
       };
     }, this.onDragEnd = () => {
@@ -913,11 +916,11 @@ let b = class extends C {
     return this.bar ?? null;
   }
   render() {
-    const i = this.mode !== "idle", e = this.commentCount + (this.hasOverallComment ? 1 : 0), t = e > 0, n = ie[this.barPosition], o = this.dragOffset ? `position:fixed;left:${this.dragOffset.x}px;top:${this.dragOffset.y}px;z-index:var(--review-z-index,9998);` : `position:fixed;${n.top ? `top:${n.top};` : ""}${n.bottom ? `bottom:${n.bottom};` : ""}${n.left ? `left:${n.left};` : ""}${n.right ? `right:${n.right};` : ""}${n.translateX ? `transform:translateX(${n.translateX});` : ""}z-index:var(--review-z-index,9998);`;
+    const o = this.mode !== "idle", e = this.commentCount + (this.hasOverallComment ? 1 : 0), t = e > 0, n = ie[this.barPosition], i = this.dragOffset ? `position:fixed;left:${this.dragOffset.x}px;top:${this.dragOffset.y}px;z-index:var(--review-z-index,9998);` : `position:fixed;${n.top ? `top:${n.top};` : ""}${n.bottom ? `bottom:${n.bottom};` : ""}${n.left ? `left:${n.left};` : ""}${n.right ? `right:${n.right};` : ""}${n.translateX ? `transform:translateX(${n.translateX});` : ""}z-index:var(--review-z-index,9998);`;
     return w`<div
       data-bar
-      class=${A({ bar: !0, "bar--active": i })}
-      style=${o}
+      class=${A({ bar: !0, "bar--active": o })}
+      style=${i}
     >
       <div
         class="grip"
@@ -929,25 +932,25 @@ let b = class extends C {
       <label class="label">
         <span class=${A({
       "label-text": !0,
-      "label-text--active": i,
-      "label-text--idle": !i
+      "label-text--active": o,
+      "label-text--idle": !o
     })}>Annotate</span>
         <button
           type="button"
           role="switch"
-          aria-checked=${i ? "true" : "false"}
+          aria-checked=${o ? "true" : "false"}
           data-toggle
           @click=${this.onToggle}
           class=${A({
       toggle: !0,
-      "toggle--active": i,
-      "toggle--idle": !i
+      "toggle--active": o,
+      "toggle--idle": !o
     })}
         >
           <span class=${A({
       knob: !0,
-      "knob--active": i,
-      "knob--idle": !i
+      "knob--active": o,
+      "knob--idle": !o
     })}></span>
         </button>
       </label>
@@ -1218,10 +1221,10 @@ x([
 b = x([
   N("llumi-review-bar")
 ], b);
-var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, P = (i, e, t, n) => {
-  for (var o = n > 1 ? void 0 : n ? re(e, t) : e, r = i.length - 1, s; r >= 0; r--)
-    (s = i[r]) && (o = (n ? s(e, t, o) : s(o)) || o);
-  return n && o && oe(e, t, o), o;
+var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, P = (o, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? re(e, t) : e, r = o.length - 1, s; r >= 0; r--)
+    (s = o[r]) && (i = (n ? s(e, t, i) : s(i)) || i);
+  return n && i && oe(e, t, i), i;
 };
 let I = class extends C {
   constructor() {
@@ -1229,8 +1232,8 @@ let I = class extends C {
   }
   /** Focus the inner textarea (the element itself isn't focusable). */
   focus() {
-    var i;
-    (i = this.textarea) == null || i.focus();
+    var o;
+    (o = this.textarea) == null || o.focus();
   }
   render() {
     return w`<textarea
@@ -1240,8 +1243,8 @@ let I = class extends C {
       @input=${this.onInput}
     ></textarea>`;
   }
-  onInput(i) {
-    const e = i.target.value;
+  onInput(o) {
+    const e = o.target.value;
     this.autoGrow(), this.dispatchEvent(
       new CustomEvent("change", {
         detail: e,
@@ -1251,8 +1254,8 @@ let I = class extends C {
     );
   }
   autoGrow() {
-    const i = this.textarea;
-    i && (i.style.height = "auto", i.style.height = `${i.scrollHeight}px`);
+    const o = this.textarea;
+    o && (o.style.height = "auto", o.style.height = `${o.scrollHeight}px`);
   }
   firstUpdated() {
     this.autoFocus && this.textarea.focus(), this.autoGrow();
@@ -1301,24 +1304,24 @@ P([
 I = P([
   N("llumi-default-editor")
 ], I);
-var se = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, _ = (i, e, t, n) => {
-  for (var o = n > 1 ? void 0 : n ? ae(e, t) : e, r = i.length - 1, s; r >= 0; r--)
-    (s = i[r]) && (o = (n ? s(e, t, o) : s(o)) || o);
-  return n && o && se(e, t, o), o;
+var se = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, _ = (o, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ae(e, t) : e, r = o.length - 1, s; r >= 0; r--)
+    (s = o[r]) && (i = (n ? s(e, t, i) : s(i)) || i);
+  return n && i && se(e, t, i), i;
 };
 let S = class extends C {
   constructor() {
     super(...arguments), this.targetElement = null, this.anchor = null, this.value = "";
   }
   render() {
-    const i = this.value.trim().length > 0;
+    const o = this.value.trim().length > 0;
     return w`<div
       data-floating
       class="floating"
       style="position:absolute;top:0;left:0;"
     >
       <div class="panel">
-        ${i ? w`<button
+        ${o ? w`<button
               type="button"
               data-delete
               class="delete-btn"
@@ -1335,28 +1338,28 @@ let S = class extends C {
       </div>
     </div>`;
   }
-  onEditorChange(i) {
-    if (typeof i.detail != "string") return;
-    const e = i.detail;
-    i.stopPropagation(), this.dispatchEvent(
+  onEditorChange(o) {
+    if (typeof o.detail != "string") return;
+    const e = o.detail;
+    o.stopPropagation(), this.dispatchEvent(
       new CustomEvent("change", { detail: e, bubbles: !0, composed: !0 })
     );
   }
-  onCancel(i) {
-    i.stopPropagation(), this.dispatchEvent(
+  onCancel(o) {
+    o.stopPropagation(), this.dispatchEvent(
       new CustomEvent("close", { bubbles: !0, composed: !0 })
     );
   }
-  onDelete(i) {
-    i.stopPropagation(), this.dispatchEvent(
+  onDelete(o) {
+    o.stopPropagation(), this.dispatchEvent(
       new CustomEvent("delete", { bubbles: !0, composed: !0 })
     );
   }
   startPositioning() {
     var t;
-    const i = this.anchor ?? this.targetElement, e = this.floating;
-    !i || !e || ((t = this.cleanup) == null || t.call(this), this.cleanup = bt(i, e, () => {
-      Ct(i, e, {
+    const o = this.anchor ?? this.targetElement, e = this.floating;
+    !o || !e || ((t = this.cleanup) == null || t.call(this), this.cleanup = bt(o, e, () => {
+      Ct(o, e, {
         placement: "right",
         middleware: [
           Et(12),
@@ -1364,30 +1367,30 @@ let S = class extends C {
           xt({ padding: 16, crossAxis: !0 }),
           yt({
             padding: 16,
-            apply({ availableWidth: n, elements: o }) {
-              Object.assign(o.floating.style, {
+            apply({ availableWidth: n, elements: i }) {
+              Object.assign(i.floating.style, {
                 maxWidth: `${Math.min(400, n)}px`
               });
             }
           })
         ]
-      }).then(({ x: n, y: o }) => {
-        Object.assign(e.style, { left: `${n}px`, top: `${o}px` });
+      }).then(({ x: n, y: i }) => {
+        Object.assign(e.style, { left: `${n}px`, top: `${i}px` });
       });
     }));
   }
-  updated(i) {
-    (i.has("targetElement") || i.has("anchor")) && (this.startPositioning(), this.focusEditor());
+  updated(o) {
+    (o.has("targetElement") || o.has("anchor")) && (this.startPositioning(), this.focusEditor());
   }
   focusEditor() {
-    const i = this.renderRoot.querySelector(
+    const o = this.renderRoot.querySelector(
       'slot[name="editor"]'
-    ), t = ((i == null ? void 0 : i.assignedElements()) ?? [])[0] ?? this.renderRoot.querySelector("llumi-default-editor");
+    ), t = ((o == null ? void 0 : o.assignedElements()) ?? [])[0] ?? this.renderRoot.querySelector("llumi-default-editor");
     t == null || t.focus();
   }
   disconnectedCallback() {
-    var i;
-    super.disconnectedCallback(), (i = this.cleanup) == null || i.call(this), this.cleanup = void 0;
+    var o;
+    super.disconnectedCallback(), (o = this.cleanup) == null || o.call(this), this.cleanup = void 0;
   }
 };
 S.styles = [
@@ -1481,17 +1484,17 @@ _([
 S = _([
   N("llumi-comment-dialog")
 ], S);
-var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, q = (i, e, t, n) => {
-  for (var o = n > 1 ? void 0 : n ? ce(e, t) : e, r = i.length - 1, s; r >= 0; r--)
-    (s = i[r]) && (o = (n ? s(e, t, o) : s(o)) || o);
-  return n && o && le(e, t, o), o;
+var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, X = (o, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ce(e, t) : e, r = o.length - 1, s; r >= 0; r--)
+    (s = o[r]) && (i = (n ? s(e, t, i) : s(i)) || i);
+  return n && i && le(e, t, i), i;
 };
 let O = class extends C {
   constructor() {
-    super(...arguments), this.barElement = null, this.value = "", this.onDocKeydown = (i) => {
-      i.key === "Escape" && (i.preventDefault(), this.emitClose());
-    }, this.onDocPointerdown = (i) => {
-      const e = i.composedPath();
+    super(...arguments), this.barElement = null, this.value = "", this.onDocKeydown = (o) => {
+      o.key === "Escape" && (o.preventDefault(), this.emitClose());
+    }, this.onDocPointerdown = (o) => {
+      const e = o.composedPath();
       this.floating && !e.includes(this.floating) && !e.includes(this) && this.emitClose();
     };
   }
@@ -1514,10 +1517,10 @@ let O = class extends C {
       </div>
     </div>`;
   }
-  onEditorChange(i) {
-    if (typeof i.detail != "string") return;
-    const e = i.detail;
-    i.stopPropagation(), this.dispatchEvent(
+  onEditorChange(o) {
+    if (typeof o.detail != "string") return;
+    const e = o.detail;
+    o.stopPropagation(), this.dispatchEvent(
       new CustomEvent("change", { detail: e, bubbles: !0, composed: !0 })
     );
   }
@@ -1528,9 +1531,9 @@ let O = class extends C {
   }
   startPositioning() {
     var t;
-    const i = this.barElement, e = this.floating;
-    !i || !e || ((t = this.cleanup) == null || t.call(this), this.cleanup = bt(i, e, () => {
-      Ct(i, e, {
+    const o = this.barElement, e = this.floating;
+    !o || !e || ((t = this.cleanup) == null || t.call(this), this.cleanup = bt(o, e, () => {
+      Ct(o, e, {
         placement: "top",
         middleware: [
           Et(12),
@@ -1538,27 +1541,27 @@ let O = class extends C {
           xt({ padding: 16, crossAxis: !0 }),
           yt({
             padding: 16,
-            apply({ availableWidth: n, elements: o }) {
-              Object.assign(o.floating.style, {
+            apply({ availableWidth: n, elements: i }) {
+              Object.assign(i.floating.style, {
                 maxWidth: `${Math.min(400, n)}px`
               });
             }
           })
         ]
-      }).then(({ x: n, y: o }) => {
-        Object.assign(e.style, { left: `${n}px`, top: `${o}px` });
+      }).then(({ x: n, y: i }) => {
+        Object.assign(e.style, { left: `${n}px`, top: `${i}px` });
       });
     }));
   }
   connectedCallback() {
     super.connectedCallback(), document.addEventListener("keydown", this.onDocKeydown), document.addEventListener("pointerdown", this.onDocPointerdown, !0);
   }
-  updated(i) {
-    i.has("barElement") && this.startPositioning();
+  updated(o) {
+    o.has("barElement") && this.startPositioning();
   }
   disconnectedCallback() {
-    var i;
-    super.disconnectedCallback(), (i = this.cleanup) == null || i.call(this), this.cleanup = void 0, document.removeEventListener("keydown", this.onDocKeydown), document.removeEventListener("pointerdown", this.onDocPointerdown, !0);
+    var o;
+    super.disconnectedCallback(), (o = this.cleanup) == null || o.call(this), this.cleanup = void 0, document.removeEventListener("keydown", this.onDocKeydown), document.removeEventListener("pointerdown", this.onDocPointerdown, !0);
   }
 };
 O.styles = [
@@ -1592,39 +1595,39 @@ O.styles = [
 			}
 		`
 ];
-q([
+X([
   f({ attribute: !1 })
 ], O.prototype, "barElement", 2);
-q([
+X([
   f()
 ], O.prototype, "value", 2);
-q([
+X([
   j("[data-floating]")
 ], O.prototype, "floating", 2);
-O = q([
+O = X([
   N("llumi-overall-comment-dialog")
 ], O);
-var de = Object.defineProperty, he = Object.getOwnPropertyDescriptor, Tt = (i, e, t, n) => {
-  for (var o = n > 1 ? void 0 : n ? he(e, t) : e, r = i.length - 1, s; r >= 0; r--)
-    (s = i[r]) && (o = (n ? s(e, t, o) : s(o)) || o);
-  return n && o && de(e, t, o), o;
+var de = Object.defineProperty, he = Object.getOwnPropertyDescriptor, Tt = (o, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? he(e, t) : e, r = o.length - 1, s; r >= 0; r--)
+    (s = o[r]) && (i = (n ? s(e, t, i) : s(i)) || i);
+  return n && i && de(e, t, i), i;
 };
 const me = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23404040' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/svg%3E";
-let nt = class extends C {
+let it = class extends C {
   constructor() {
     super(...arguments), this.positions = [];
   }
   render() {
     return w`${_t(
       this.positions,
-      (i) => i.commentId,
-      (i) => w`<button
+      (o) => o.commentId,
+      (o) => w`<button
         type="button"
-        @click=${(e) => this.onClick(e, i.commentId)}
+        @click=${(e) => this.onClick(e, o.commentId)}
         style=${Mt({
         position: "absolute",
-        top: `${i.top - 10}px`,
-        left: `${i.left + 2}px`,
+        top: `${o.top - 10}px`,
+        left: `${o.left + 2}px`,
         width: "20px",
         height: "20px",
         borderRadius: "50%",
@@ -1642,8 +1645,8 @@ let nt = class extends C {
       ></button>`
     )}`;
   }
-  onClick(i, e) {
-    i.stopPropagation(), this.dispatchEvent(
+  onClick(o, e) {
+    o.stopPropagation(), this.dispatchEvent(
       new CustomEvent("icon-click", {
         detail: e,
         bubbles: !0,
@@ -1654,28 +1657,28 @@ let nt = class extends C {
 };
 Tt([
   f({ attribute: !1 })
-], nt.prototype, "positions", 2);
-nt = Tt([
+], it.prototype, "positions", 2);
+it = Tt([
   N("llumi-selection-comment-icons")
-], nt);
-const K = "data-review-selectable", it = "review-selection-commented", ot = "review-selection-editing", R = "review-selection-hover", ue = `
-::highlight(${it}) {
+], it);
+const K = "data-review-selectable", ot = "review-selection-commented", rt = "review-selection-editing", R = "review-selection-hover", ue = `
+::highlight(${ot}) {
   background-color: var(--review-selection-commented-color, oklch(0.85 0.08 250 / 0.4));
 }
-::highlight(${ot}) {
+::highlight(${rt}) {
   background-color: var(--review-selection-editing-color, oklch(0.75 0.12 250 / 0.6));
 }
 ::highlight(${R}) {
   background-color: var(--review-selection-hover-color, oklch(0.8 0.1 250 / 0.5));
 }
 `, vt = "data-llumi-review-highlight";
-function rt() {
+function st() {
   if (!(typeof CSS > "u"))
     return CSS.highlights;
 }
-function st(...i) {
+function at(...o) {
   return new Highlight(
-    ...i
+    ...o
   );
 }
 class ge {
@@ -1684,8 +1687,8 @@ class ge {
       this.repositionRaf || (this.repositionRaf = requestAnimationFrame(() => {
         if (this.repositionRaf = 0, !this.ctx.isAnnotating() || this.ranges.size === 0) return;
         const t = [];
-        for (const [n, o] of this.ranges) {
-          const r = this.iconPositionForRange(n, o);
+        for (const [n, i] of this.ranges) {
+          const r = this.iconPositionForRange(n, i);
           r && t.push(r);
         }
         this.ctx.icons.positions = t;
@@ -1703,9 +1706,9 @@ class ge {
    * to a comment whose content is not yet committed, hence the fallback).
    */
   update(e) {
-    const t = rt();
+    const t = st();
     if (!t) return;
-    const n = st(), o = st(), r = /* @__PURE__ */ new Map(), s = [], a = this.ctx.getSnapshot();
+    const n = at(), i = at(), r = /* @__PURE__ */ new Map(), s = [], a = this.ctx.getSnapshot();
     let l = !1;
     for (const h of e) {
       if (!h.selection) continue;
@@ -1714,12 +1717,12 @@ class ge {
       );
       if (!g) continue;
       this.ensureShadowRootWired(g);
-      const m = et(g, h.selection);
+      const m = nt(g, h.selection);
       if (!m || m.toString() !== h.selection.selectedText) {
         l = !0;
         continue;
       }
-      r.set(h.commentId, m), h.commentId === a.editingCommentId ? o.add(m) : n.add(m);
+      r.set(h.commentId, m), h.commentId === a.editingCommentId ? i.add(m) : n.add(m);
       const M = this.iconPositionForRange(h.commentId, m);
       M && s.push(M);
     }
@@ -1734,15 +1737,15 @@ class ge {
         );
         if (g) {
           this.ensureShadowRootWired(g);
-          const m = et(g, h.selection);
-          m ? o.add(m) : l = !0;
+          const m = nt(g, h.selection);
+          m ? i.add(m) : l = !0;
         }
       }
     }
     this.ranges = r, t.set(
-      it,
+      ot,
       n
-    ), t.set(ot, o), this.ctx.icons.positions = s, l && this.retryCount < 10 && this.ctx.isAnnotating() ? (this.retryCount++, this.retryRaf = requestAnimationFrame(() => {
+    ), t.set(rt, i), this.ctx.icons.positions = s, l && this.retryCount < 10 && this.ctx.isAnnotating() ? (this.retryCount++, this.retryRaf = requestAnimationFrame(() => {
       this.retryRaf = 0, this.ctx.isAnnotating() && this.update(
         this.ctx.getSnapshot().comments.filter((h) => h.selection)
       );
@@ -1751,11 +1754,11 @@ class ge {
   // Page-coordinate position of a selection comment's icon, anchored to the
   // end of its range (so it sits just past the selected text).
   iconPositionForRange(e, t) {
-    const n = t.getClientRects(), o = n[n.length - 1];
-    return o ? {
+    const n = t.getClientRects(), i = n[n.length - 1];
+    return i ? {
       commentId: e,
-      top: o.top + window.scrollY,
-      left: o.right + window.scrollX
+      top: i.top + window.scrollY,
+      left: i.right + window.scrollX
     } : null;
   }
   /**
@@ -1776,20 +1779,20 @@ class ge {
     const t = e.shadowRoot;
     if (!t || this.observedShadowRoots.has(t)) return;
     if (this.observedShadowRoots.add(t), !t.querySelector(`style[${vt}]`)) {
-      const o = document.createElement("style");
-      o.setAttribute(vt, ""), o.textContent = ue, t.prepend(o);
+      const i = document.createElement("style");
+      i.setAttribute(vt, ""), i.textContent = ue, t.prepend(i);
     }
     const n = new MutationObserver(() => {
       this.ctx.isAnnotating() && this.update(
-        this.ctx.getSnapshot().comments.filter((o) => o.selection)
+        this.ctx.getSnapshot().comments.filter((i) => i.selection)
       );
     });
     n.observe(t, { childList: !0, subtree: !0, characterData: !0 }), this.shadowObservers.push(n);
   }
   /** Clear all three highlight registries, the `rangeMap`, and icon positions. */
   clear() {
-    const e = rt();
-    e && (e.delete(it), e.delete(ot), e.delete(R)), this.retryRaf && (cancelAnimationFrame(this.retryRaf), this.retryRaf = 0), this.retryCount = 0;
+    const e = st();
+    e && (e.delete(ot), e.delete(rt), e.delete(R)), this.retryRaf && (cancelAnimationFrame(this.retryRaf), this.retryRaf = 0), this.retryCount = 0;
     for (const t of this.shadowObservers) t.disconnect();
     this.shadowObservers = [], this.observedShadowRoots = /* @__PURE__ */ new WeakSet(), this.ranges.clear(), this.ctx.icons.positions = [];
   }
@@ -1807,16 +1810,17 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
     super(...arguments), this.persistence = pt, this.manager = null, this.hoveredComment = null, this.selectionJustHandled = !1, this.selectionComments = [], this.commentDialog = null, this.commentDialogAnchorId = null, this.overallDialog = null, this.onPointerUp = () => {
       if (!this.isAnnotating()) return;
       const e = window.getSelection();
-      if (!e || e.isCollapsed || e.rangeCount === 0)
-        return;
-      const t = e.getRangeAt(0), n = Z(t.startContainer);
+      if (!e) return;
+      const t = q(e, this);
+      if (!t || t.collapsed) return;
+      const n = tt(t.startContainer);
       if (!n) return;
-      const o = Z(t.endContainer);
-      if (o && o !== n) {
+      const i = tt(t.endContainer);
+      if (i && i !== n) {
         e.removeAllRanges();
         return;
       }
-      if (!o || !Bt(e, n)) {
+      if (!i || !Bt(e, n)) {
         const a = Vt(e, n);
         if (!a) return;
         e.removeAllRanges(), e.addRange(a);
@@ -1832,25 +1836,25 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
       }));
     }, this.onPointerMove = (e) => {
       if (!this.isAnnotating()) return;
-      const t = rt();
+      const t = st();
       if (!t) return;
       const n = this.caretPosition(e.clientX, e.clientY);
       if (!n) {
         this.hoveredComment && (t.delete(R), this.hoveredComment = null);
         return;
       }
-      let o = null;
+      let i = null;
       for (const [r, s] of this.painter.rangeMap)
         if (s.isPointInRange(n.offsetNode, n.offset)) {
-          o = r;
+          i = r;
           break;
         }
-      if (o !== this.hoveredComment)
-        if (this.hoveredComment = o, o) {
-          const r = this.painter.rangeMap.get(o);
+      if (i !== this.hoveredComment)
+        if (this.hoveredComment = i, i) {
+          const r = this.painter.rangeMap.get(i);
           r && t.set(
             R,
-            st(r)
+            at(r)
           );
         } else
           t.delete(R);
@@ -1870,7 +1874,7 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
               (g) => g.commentId === a
             );
             if (!v) continue;
-            const h = Z(n.offsetNode);
+            const h = tt(n.offsetNode);
             if (!h) continue;
             e.stopPropagation(), e.preventDefault(), this.actor.send({
               type: "CLICK",
@@ -1881,12 +1885,12 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
             return;
           }
       }
-      const o = e.target, s = o.closest(
+      const i = e.target, s = i.closest(
         ".review-highlight-hover, .review-highlight-commented, .review-highlight-editing"
       );
       if (s && this.contains(s)) {
         e.stopPropagation(), e.preventDefault();
-        const a = H(o, this.customTargets);
+        const a = H(i, this.customTargets);
         a ? this.actor.send({
           type: "CLICK",
           targetId: a.targetId,
@@ -1904,12 +1908,12 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
     }, this.onMouseOver = (e) => {
       const t = this.manager;
       if (!t || !this.isAnnotating()) return;
-      const n = this.currentEditingTargetId(), o = H(
+      const n = this.currentEditingTargetId(), i = H(
         e.target,
         this.customTargets
       );
-      if (o) {
-        t.applyHover(o.element, n);
+      if (i) {
+        t.applyHover(i.element, n);
         return;
       }
       const r = e.target.closest(
@@ -1919,21 +1923,21 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
     }, this.onMouseOut = (e) => {
       const t = this.manager;
       if (!t || !this.isAnnotating()) return;
-      const n = this.currentEditingTargetId(), o = /* @__PURE__ */ new Set();
+      const n = this.currentEditingTargetId(), i = /* @__PURE__ */ new Set();
       for (const a of this.actor.getSnapshot().context.comments)
-        !a.selection && a.content.trim() && o.add(a.targetId);
+        !a.selection && a.content.trim() && i.add(a.targetId);
       const r = H(
         e.target,
         this.customTargets
       );
       if (r) {
-        t.clearHover(r.element, n, o);
+        t.clearHover(r.element, n, i);
         return;
       }
       const s = e.target.closest(
         "[data-review-selectable]"
       );
-      s && t.clearHover(s, n, o);
+      s && t.clearHover(s, n, i);
     };
   }
   get shortcut() {
@@ -1970,8 +1974,8 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
     }), this.actor.subscribe(() => this.syncFromSnapshot()), this.actor.start(), this.manager = $t(this, this.customTargets), this.actor.send({ type: "MOUNTED" }), this.addEventListener("pointerup", this.onPointerUp), this.addEventListener("pointermove", this.onPointerMove), this.addEventListener("click", this.onClickCapture, !0), this.addEventListener("click", this.onWrapperClick), this.addEventListener("mouseover", this.onMouseOver), this.addEventListener("mouseout", this.onMouseOut), this.painter.attachListeners(), this.syncFromSnapshot();
   }
   disconnectedCallback() {
-    var e, t, n, o, r, s, a, l;
-    this.removeEventListener("pointerup", this.onPointerUp), this.removeEventListener("pointermove", this.onPointerMove), this.removeEventListener("click", this.onClickCapture, !0), this.removeEventListener("click", this.onWrapperClick), this.removeEventListener("mouseover", this.onMouseOver), this.removeEventListener("mouseout", this.onMouseOut), (e = this.painter) == null || e.detachListeners(), (t = this.painter) == null || t.clear(), (n = this.manager) == null || n.destroy(), this.manager = null, (o = this.actor) == null || o.stop(), (r = this.bar) == null || r.remove(), (s = this.commentDialog) == null || s.remove(), (a = this.overallDialog) == null || a.remove(), (l = this.icons) == null || l.remove();
+    var e, t, n, i, r, s, a, l;
+    this.removeEventListener("pointerup", this.onPointerUp), this.removeEventListener("pointermove", this.onPointerMove), this.removeEventListener("click", this.onClickCapture, !0), this.removeEventListener("click", this.onWrapperClick), this.removeEventListener("mouseover", this.onMouseOver), this.removeEventListener("mouseout", this.onMouseOut), (e = this.painter) == null || e.detachListeners(), (t = this.painter) == null || t.clear(), (n = this.manager) == null || n.destroy(), this.manager = null, (i = this.actor) == null || i.stop(), (r = this.bar) == null || r.remove(), (s = this.commentDialog) == null || s.remove(), (a = this.overallDialog) == null || a.remove(), (l = this.icons) == null || l.remove();
   }
   attributeChangedCallback() {
     this.bar && (this.bar.barPosition = this.barPosition);
@@ -2016,7 +2020,7 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
   // null when the range can't be restored, so the dialog falls back to anchoring
   // on the whole element.
   selectionAnchor(e, t) {
-    const n = et(e, t);
+    const n = nt(e, t);
     return n ? {
       getBoundingClientRect: () => n.getBoundingClientRect(),
       getClientRects: () => n.getClientRects(),
@@ -2044,7 +2048,7 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
     ), document.body.append(this.icons);
   }
   onIconClick(e) {
-    const t = this.actor.getSnapshot().context.comments.find((o) => o.commentId === e);
+    const t = this.actor.getSnapshot().context.comments.find((i) => i.commentId === e);
     if (!t) return;
     const n = this.querySelector(
       `[${K}="${t.targetId}"]`
@@ -2058,11 +2062,11 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
   }
   // --- snapshot → UI sync ---
   syncFromSnapshot() {
-    const e = this.actor.getSnapshot(), { comments: t, overallComment: n, editingCommentId: o, targetElement: r } = e.context;
+    const e = this.actor.getSnapshot(), { comments: t, overallComment: n, editingCommentId: i, targetElement: r } = e.context;
     this.selectionComments = t.filter(
       (m) => m.selection && m.content.trim()
     );
-    const s = !e.matches({ annotating: "inactive" }), a = e.matches({ commenting: "editing" }), l = o ? t.find((m) => m.commentId === o) : null, v = a && o === null, h = t.filter((m) => m.content.trim()).length, g = n.trim().length > 0;
+    const s = !e.matches({ annotating: "inactive" }), a = e.matches({ commenting: "editing" }), l = i ? t.find((m) => m.commentId === i) : null, v = a && i === null, h = t.filter((m) => m.content.trim()).length, g = n.trim().length > 0;
     this.bar.mode = s ? l ? "editing" : "commenting" : "idle", this.bar.commentCount = h, this.bar.hasOverallComment = g, this.bar.overallCommentOpen = v, this.icons.style.display = s ? "" : "none", a && l && r ? (this.commentDialog || (this.commentDialog = document.createElement(
       "llumi-comment-dialog"
     ), this.commentDialog.addEventListener(
@@ -2145,13 +2149,13 @@ const pe = "$mod+Shift+M", ct = class ct extends HTMLElement {
   }
 };
 ct.observedAttributes = ["bar-position", "shortcut", "default-mode"];
-let at = ct;
-customElements.get("llumi-review") || customElements.define("llumi-review", at);
+let lt = ct;
+customElements.get("llumi-review") || customElements.define("llumi-review", lt);
 export {
   S as LlumiCommentDialog,
   I as LlumiDefaultEditor,
   O as LlumiOverallCommentDialog,
-  at as LlumiReview,
+  lt as LlumiReview,
   b as LlumiReviewBar,
-  nt as LlumiSelectionCommentIcons
+  it as LlumiSelectionCommentIcons
 };