microboard-temp 0.4.59 → 0.4.61

package/dist/cjs/browser.js

@@ -801,8 +801,8 @@ class BoardCommand {
     switch (operation.method) {
       case "bringToFront": {
         for (const id in operation.prevZIndex) {
-          const item2 = this.board.items.getById(id);
-          if (!item2) {
+          const item = this.board.items.getById(id);
+          if (!item) {
             delete operation.prevZIndex.id;
           }
         }
@@ -814,8 +814,8 @@ class BoardCommand {
       }
       case "sendToBack": {
         for (const id in operation.prevZIndex) {
-          const item2 = this.board.items.getById(id);
-          if (!item2) {
+          const item = this.board.items.getById(id);
+          if (!item) {
             delete operation.prevZIndex.id;
           }
         }
@@ -829,11 +829,11 @@ class BoardCommand {
       case "moveSecondBeforeFirst":
       case "moveToZIndex": {
         const items = this.board.items;
-        const item2 = items.getById(operation.item);
-        if (!item2) {
+        const item = items.getById(operation.item);
+        if (!item) {
           throw new Error("Get reverse board operation. Item not found");
         }
-        const zIndex = this.board.getZIndex(item2);
+        const zIndex = this.board.getZIndex(item);
         return {
           class: "Board",
           method: "moveToZIndex",
@@ -843,8 +843,8 @@ class BoardCommand {
       }
       case "moveManyToZIndex": {
         for (const id in operation.item) {
-          const item2 = this.board.items.getById(id);
-          if (!item2) {
+          const item = this.board.items.getById(id);
+          if (!item) {
             delete operation.item.id;
           }
         }
@@ -861,15 +861,15 @@ class BoardCommand {
         const items = this.board.items;
         const reverse = [];
         for (const itemId of operation.item) {
-          const item2 = items.getById(itemId);
-          if (!item2) {
+          const item = items.getById(itemId);
+          if (!item) {
             throw new Error("Get reverse board operation. Item not found");
           }
           reverse.push({
             class: "Board",
             method: "add",
             item: itemId,
-            data: item2.serialize()
+            data: item.serialize()
           });
         }
         return reverse;
@@ -892,32 +892,32 @@ class BoardCommand {
         const items = this.board.items;
         const reverse = [];
         for (const itemId of operation.item) {
-          const item2 = items.getById(itemId);
-          if (!item2 || item2.itemType !== "Group") {
+          const item = items.getById(itemId);
+          if (!item || item.itemType !== "Group") {
             throw new Error("Get reverse board operation. Item not found");
           }
           reverse.push({
             class: "Board",
             method: "addLockedGroup",
             item: itemId,
-            data: item2.serialize()
+            data: item.serialize()
           });
         }
         return reverse;
       }
       case "duplicate":
       case "paste": {
-        const item2 = [];
+        const item = [];
         const map = operation.itemsMap;
         for (const key in map) {
           if (map.hasOwnProperty(key)) {
-            item2.push(key);
+            item.push(key);
           }
         }
         return {
           class: "Board",
           method: "remove",
-          item: item2
+          item
         };
       }
     }
@@ -7235,11 +7235,11 @@ class SubjectOperation {
 }
 
 // src/Items/ItemsCommandUtils.ts
-function mapItemsByOperation(item2, getCallback) {
-  const items = Array.isArray(item2) ? item2 : [item2];
-  return items.map((item3) => {
-    const operation = getCallback(item3);
-    return { item: item3, operation };
+function mapItemsByOperation(item, getCallback) {
+  const items = Array.isArray(item) ? item : [item];
+  return items.map((item2) => {
+    const operation = getCallback(item2);
+    return { item: item2, operation };
   });
 }
 
@@ -7264,8 +7264,8 @@ class TransformationCommand {
     }
   }
   revert() {
-    this.reverse.forEach(({ item: item2, operation }) => {
-      item2.apply(operation);
+    this.reverse.forEach(({ item, operation }) => {
+      item.apply(operation);
     });
   }
   getReverse() {
@@ -8007,8 +8007,8 @@ class Path {
   }
   getIntersectionPoints(segment) {
     let intersections = [];
-    for (const item2 of this.segments) {
-      intersections = intersections.concat(item2.getIntersectionPoints(segment));
+    for (const item of this.segments) {
+      intersections = intersections.concat(item.getIntersectionPoints(segment));
     }
     return intersections;
   }
@@ -8073,8 +8073,8 @@ class Path {
   }
   isOpenEnclosedOrCrossedBy(rectangle) {
     let is = false;
-    for (const item2 of this.segments) {
-      is = is || item2.isEnclosedOrCrossedBy(rectangle);
+    for (const item of this.segments) {
+      is = is || item.isEnclosedOrCrossedBy(rectangle);
     }
     return is;
   }
@@ -8487,8 +8487,8 @@ class ConnectorCommand {
     }
   }
   revert() {
-    for (const { item: item2, operation } of this.reverse) {
-      item2.apply(operation);
+    for (const { item, operation } of this.reverse) {
+      item.apply(operation);
     }
   }
   getReverse() {
@@ -8645,11 +8645,11 @@ class SessionStorage {
   }
   get(key) {
     const boardId = this.getBoardId() || "";
-    const item2 = _sessionStorage.getItem(boardId + "_" + key);
-    if (!item2) {
+    const item = _sessionStorage.getItem(boardId + "_" + key);
+    if (!item) {
       return;
     }
-    return JSON.parse(item2);
+    return JSON.parse(item);
   }
   remove(key) {
     const boardId = this.getBoardId() || "";
@@ -9429,8 +9429,8 @@ class LinkToCommand {
     }
   }
   revert() {
-    this.reverse.forEach(({ item: item2, operation }) => {
-      item2.apply(operation);
+    this.reverse.forEach(({ item, operation }) => {
+      item.apply(operation);
     });
   }
   getReverse() {
@@ -10727,9 +10727,9 @@ function handleSplitListItem(editor) {
         import_slate5.Transforms.insertNodes(editor, {
           type: listType,
           listLevel: listNode.listLevel || 0,
-          children: itemsAfter.map((item2) => ({
+          children: itemsAfter.map((item) => ({
             type: "list_item",
-            children: item2.children
+            children: item.children
           }))
         }, { at: newListPath });
       }
@@ -12706,10 +12706,10 @@ function initializeDocument(effects) {
   return start;
   function start(code) {
     if (continued < stack.length) {
-      const item2 = stack[continued];
-      self2.containerState = item2[1];
-      ok(item2[0].continuation, "expected `continuation` to be defined on container construct");
-      return effects.attempt(item2[0].continuation, documentContinue, checkNewContainers)(code);
+      const item = stack[continued];
+      self2.containerState = item[1];
+      ok(item[0].continuation, "expected `continuation` to be defined on container construct");
+      return effects.attempt(item[0].continuation, documentContinue, checkNewContainers)(code);
     }
     return checkNewContainers(code);
   }
@@ -13685,17 +13685,17 @@ class SpliceBuffer {
     this.setCursor(Number.POSITIVE_INFINITY);
     return this.left.pop();
   }
-  push(item2) {
+  push(item) {
     this.setCursor(Number.POSITIVE_INFINITY);
-    this.left.push(item2);
+    this.left.push(item);
   }
   pushMany(items) {
     this.setCursor(Number.POSITIVE_INFINITY);
     chunkedPush(this.left, items);
   }
-  unshift(item2) {
+  unshift(item) {
     this.setCursor(0);
-    this.right.push(item2);
+    this.right.push(item);
   }
   unshiftMany(items) {
     this.setCursor(0);
@@ -15726,8 +15726,8 @@ function initializeFactory(field) {
       if (list2) {
         ok(Array.isArray(list2), "expected `disable.null` to be populated");
         while (++index2 < list2.length) {
-          const item2 = list2[index2];
-          if (!item2.previous || item2.previous.call(self2, self2.previous)) {
+          const item = list2[index2];
+          if (!item.previous || item.previous.call(self2, self2.previous)) {
             return true;
           }
         }
@@ -16558,14 +16558,14 @@ function compiler(options) {
           length++;
         }
         if (event[1].type === types.listItemPrefix) {
-          const item2 = {
+          const item = {
             type: "listItem",
             _spread: false,
             start: Object.assign({}, event[1].start),
             end: undefined
           };
-          listItem2 = item2;
-          events.splice(index2, 0, ["enter", item2, event[2]]);
+          listItem2 = item;
+          events.splice(index2, 0, ["enter", item, event[2]]);
           index2++;
           length++;
           firstBlankLineIndex = undefined;
@@ -17363,14 +17363,14 @@ class MarkdownProcessor {
       if (err || !file) {
         throw err;
       }
-      const nodes = file.result.map((item2) => {
+      const nodes = file.result.map((item) => {
         setNodeStyles({
-          node: item2,
+          node: item,
           editor: this.editor,
           horisontalAlignment: "left",
-          isPaddingTopNeeded: item2.type !== "code_block"
+          isPaddingTopNeeded: item.type !== "code_block"
         });
-        return item2;
+        return item;
       });
       if (isNewParagraphNeeded) {
         nodes.push(createParagraphNode("", this.editor));
@@ -18348,8 +18348,8 @@ class ShapeCommand {
     }
   }
   revert() {
-    for (const { item: item2, operation } of this.reverse) {
-      item2.apply(operation);
+    for (const { item, operation } of this.reverse) {
+      item.apply(operation);
     }
   }
   getReverse() {
@@ -18431,8 +18431,8 @@ class RichTextCommand {
     }
   }
   revert() {
-    for (const { item: item2, operation } of this.reverse) {
-      const richText = this.board.items.getById(item2);
+    for (const { item, operation } of this.reverse) {
+      const richText = this.board.items.getById(item);
       if (!richText) {
         continue;
       }
@@ -18451,12 +18451,12 @@ class RichTextCommand {
       case "setSelectionFontColor":
       case "setSelectionBlockType":
         const inverseOps = this.operation.ops.map((op) => import_slate34.Operation.inverse(op)).reverse();
-        return items.map((item2) => {
+        return items.map((item) => {
           const operation = {
             ...this.operation,
             ops: inverseOps
           };
-          return { item: item2, operation };
+          return { item, operation };
         });
       case "setFontColor":
         return items.map((id) => ({
@@ -18548,13 +18548,13 @@ class RichTextGroupCommand {
     this.reverseOps = this.getReverse();
   }
   apply() {
-    for (const { item: item2, operation } of this.forwardOps) {
-      item2.applyCommand(operation);
+    for (const { item, operation } of this.forwardOps) {
+      item.applyCommand(operation);
     }
   }
   revert() {
-    for (const { item: item2, operation } of this.reverseOps) {
-      item2.applyCommand(operation);
+    for (const { item, operation } of this.reverseOps) {
+      item.applyCommand(operation);
     }
   }
   getForward() {
@@ -18669,8 +18669,8 @@ class DrawingCommand {
   item;
   operation;
   reverse;
-  constructor(item2, operation) {
-    this.item = item2;
+  constructor(item, operation) {
+    this.item = item;
     this.operation = operation;
     this.reverse = this.getReverse();
   }
@@ -18679,52 +18679,52 @@ class DrawingCommand {
     return this;
   }
   apply() {
-    for (const item2 of this.item) {
-      item2.apply(this.operation);
+    for (const item of this.item) {
+      item.apply(this.operation);
     }
   }
   revert() {
-    for (const { item: item2, operation } of this.reverse) {
-      item2.apply(operation);
+    for (const { item, operation } of this.reverse) {
+      item.apply(operation);
     }
   }
   getReverse() {
     const reverse = [];
-    for (const item2 of this.item) {
-      reverse.push({ item: item2, operation: this.getReverseOperation(item2) });
+    for (const item of this.item) {
+      reverse.push({ item, operation: this.getReverseOperation(item) });
     }
     return reverse;
   }
-  getReverseOperation(item2) {
+  getReverseOperation(item) {
     switch (this.operation.method) {
       case "setStrokeColor":
         return {
           class: "Drawing",
           method: "setStrokeColor",
-          item: [item2.getId()],
-          color: item2.getStrokeColor()
+          item: [item.getId()],
+          color: item.getStrokeColor()
         };
       case "setStrokeWidth":
         return {
           class: "Drawing",
           method: "setStrokeWidth",
-          item: [item2.getId()],
+          item: [item.getId()],
           width: this.operation.prevWidth,
-          prevWidth: item2.getStrokeWidth()
+          prevWidth: item.getStrokeWidth()
         };
       case "setStrokeOpacity":
         return {
           class: "Drawing",
           method: "setStrokeOpacity",
-          item: [item2.getId()],
-          opacity: item2.getStrokeOpacity()
+          item: [item.getId()],
+          opacity: item.getStrokeOpacity()
         };
       case "setStrokeStyle":
         return {
           class: "Drawing",
           method: "setStrokeStyle",
-          item: [item2.getId()],
-          style: item2.getBorderStyle()
+          item: [item.getId()],
+          style: item.getBorderStyle()
         };
     }
   }
@@ -18746,8 +18746,8 @@ class StickerCommand {
     }
   }
   revert() {
-    for (const { item: item2, operation } of this.reverse) {
-      item2.apply(operation);
+    for (const { item, operation } of this.reverse) {
+      item.apply(operation);
     }
   }
   getReverse() {
@@ -18779,8 +18779,8 @@ class FrameCommand {
     }
   }
   revert() {
-    for (const { item: item2, operation } of this.reverse) {
-      item2.apply(operation);
+    for (const { item, operation } of this.reverse) {
+      item.apply(operation);
     }
   }
   getReverse() {
@@ -18822,21 +18822,23 @@ class FrameCommand {
           };
         });
       default:
-        const op = this.operation;
-        let newData = {};
-        if (op.prevData) {
-          newData = { ...op.prevData };
-        } else {
-          Object.keys(op.newData).forEach((key) => {
-            if (item[key]) {
-              newData[key] = item[key];
-            }
-          });
-        }
-        return {
-          ...op,
-          newData
-        };
+        return mapItemsByOperation(frame, (item) => {
+          const op = this.operation;
+          let newData = {};
+          if (op.prevData) {
+            newData = { ...op.prevData };
+          } else {
+            Object.keys(op.newData).forEach((key) => {
+              if (item[key]) {
+                newData[key] = item[key];
+              }
+            });
+          }
+          return {
+            ...op,
+            newData
+          };
+        });
     }
   }
 }
@@ -18857,8 +18859,8 @@ class CommentCommand {
     }
   }
   revert() {
-    this.reverse.forEach(({ item: item2, operation }) => {
-      item2.apply(operation);
+    this.reverse.forEach(({ item, operation }) => {
+      item.apply(operation);
     });
   }
   getReverse() {
@@ -19320,8 +19322,8 @@ class GroupCommand {
     }
   }
   revert() {
-    for (const { item: item2, operation } of this.reverse) {
-      item2.apply(operation);
+    for (const { item, operation } of this.reverse) {
+      item.apply(operation);
     }
   }
   getReverse() {
@@ -19374,8 +19376,8 @@ class PlaceholderCommand {
     }
   }
   revert() {
-    for (const { item: item2, operation } of this.reverse) {
-      item2.apply(operation);
+    for (const { item, operation } of this.reverse) {
+      item.apply(operation);
     }
   }
   getReverse() {
@@ -19469,34 +19471,51 @@ class BaseCommand {
     return this;
   }
   apply() {
-    for (const item2 of this.items) {
-      item2.apply(this.operation);
+    for (const item of this.items) {
+      item.apply(this.operation);
     }
   }
   revert() {
-    for (const { item: item2, operation } of this.reverse) {
-      item2.apply(operation);
+    for (const { item, operation } of this.reverse) {
+      item.apply(operation);
     }
   }
   getReverse() {
     const items = this.items;
-    return mapItemsByOperation(items, (item2) => {
-      const op = this.operation;
-      let newData = {};
-      if (op.prevData) {
-        newData = { ...op.prevData };
-      } else {
-        Object.keys(op.newData).forEach((key) => {
-          if (item2[key]) {
-            newData[key] = item2[key];
+    switch (this.operation.method) {
+      case "addChildren":
+        return mapItemsByOperation(items, (item) => {
+          return {
+            ...this.operation,
+            newData: { childIds: item.getChildrenIds() }
+          };
+        });
+      case "removeChildren":
+        return mapItemsByOperation(items, (item) => {
+          return {
+            ...this.operation,
+            newData: { childIds: item.getChildrenIds() }
+          };
+        });
+      default:
+        return mapItemsByOperation(items, (item) => {
+          const op = this.operation;
+          let newData = {};
+          if (op.prevData) {
+            newData = { ...op.prevData };
+          } else {
+            Object.keys(op.newData).forEach((key) => {
+              if (item[key]) {
+                newData[key] = item[key];
+              }
+            });
           }
+          return {
+            ...op,
+            newData
+          };
         });
-      }
-      return {
-        ...op,
-        newData
-      };
-    });
+    }
   }
 }
 var itemCommandFactories = {
@@ -19516,37 +19535,37 @@ var itemCommandFactories = {
   LinkTo: createLinkToCommand
 };
 function createConnectorCommand(items, operation) {
-  return new ConnectorCommand(items.filter((item2) => item2.itemType === "Connector"), operation);
+  return new ConnectorCommand(items.filter((item) => item.itemType === "Connector"), operation);
 }
 function createShapeCommand(items, operation) {
-  return new ShapeCommand(items.filter((item2) => item2.itemType === "Shape"), operation);
+  return new ShapeCommand(items.filter((item) => item.itemType === "Shape"), operation);
 }
 function createDrawingCommand(items, operation) {
-  return new DrawingCommand(items.filter((item2) => item2.itemType === "Drawing"), operation);
+  return new DrawingCommand(items.filter((item) => item.itemType === "Drawing"), operation);
 }
 function createCommentCommand(items, operation) {
-  return new CommentCommand(items.filter((item2) => item2.itemType === "Comment"), operation);
+  return new CommentCommand(items.filter((item) => item.itemType === "Comment"), operation);
 }
 function createStickerCommand(items, operation) {
-  return new StickerCommand(items.filter((item2) => item2.itemType === "Sticker"), operation);
+  return new StickerCommand(items.filter((item) => item.itemType === "Sticker"), operation);
 }
 function createFrameCommand(items, operation) {
-  return new FrameCommand(items.filter((item2) => item2.itemType === "Frame"), operation);
+  return new FrameCommand(items.filter((item) => item.itemType === "Frame"), operation);
 }
 function createPlaceholderCommand(items, operation) {
-  return new PlaceholderCommand(items.filter((item2) => item2.itemType === "Placeholder"), operation);
+  return new PlaceholderCommand(items.filter((item) => item.itemType === "Placeholder"), operation);
 }
 function createGroupCommand(items, operation) {
-  return new GroupCommand(items.filter((item2) => item2.itemType === "Group"), operation);
+  return new GroupCommand(items.filter((item) => item.itemType === "Group"), operation);
 }
 function createImageCommand(items, operation) {
-  return new ImageCommand(items.filter((item2) => item2.itemType === "Image"), operation);
+  return new ImageCommand(items.filter((item) => item.itemType === "Image"), operation);
 }
 function createVideoCommand(items, operation) {
-  return new VideoCommand(items.filter((item2) => item2.itemType === "Video"), operation);
+  return new VideoCommand(items.filter((item) => item.itemType === "Video"), operation);
 }
 function createAudioCommand(items, operation) {
-  return new AudioCommand(items.filter((item2) => item2.itemType === "Audio"), operation);
+  return new AudioCommand(items.filter((item) => item.itemType === "Audio"), operation);
 }
 function createRichTextCommand(items, operation, board) {
   if (!board) {
@@ -19554,8 +19573,8 @@ function createRichTextCommand(items, operation, board) {
   }
   if (operation.method === "groupEdit") {
     const texts = [];
-    for (const { item: item2 } of operation.itemsOps) {
-      const found = board.items.findById(item2);
+    for (const { item } of operation.itemsOps) {
+      const found = board.items.findById(item);
       const text3 = found?.getRichText();
       if (text3) {
         texts.push(text3);
@@ -19563,14 +19582,14 @@ function createRichTextCommand(items, operation, board) {
     }
     return new RichTextGroupCommand(texts, operation);
   } else {
-    return new RichTextCommand(board, items.map((item2) => item2.getId()), operation);
+    return new RichTextCommand(board, items.map((item) => item.getId()), operation);
   }
 }
 function createTransformationCommand(items, operation) {
-  return new TransformationCommand(items.map((item2) => item2.transformation), operation);
+  return new TransformationCommand(items.map((item) => item.transformation), operation);
 }
 function createLinkToCommand(items, operation) {
-  return new LinkToCommand(items.map((item2) => item2.linkTo), operation);
+  return new LinkToCommand(items.map((item) => item.linkTo), operation);
 }
 function createCommand(board, operation) {
   try {
@@ -19588,13 +19607,13 @@ function createCommand(board, operation) {
       default: {
         const itemType = operation.class;
         const itemIdList = "item" in operation ? Array.isArray(operation.item) ? operation.item : [operation.item] : ("items" in operation) ? Object.keys(operation.items) : operation.itemsOps.map((itemOp) => itemOp.item);
-        const items = itemIdList.map((itemId) => board.items.findById(itemId) ?? itemId).filter((item2) => {
-          if (typeof item2 === "string") {
-            console.warn(`Item with ID ${item2} not found for operation ${operation.class}.${operation.method}`);
+        const items = itemIdList.map((itemId) => board.items.findById(itemId) ?? itemId).filter((item) => {
+          if (typeof item === "string") {
+            console.warn(`Item with ID ${item} not found for operation ${operation.class}.${operation.method}`);
             return false;
           }
-          if (operation.class !== "Transformation" && operation.class !== "RichText" && operation.class !== "LinkTo" && item2.itemType !== operation.class) {
-            console.warn(`Item with ID ${item2} is not of operation type: ${itemType}.`);
+          if (operation.class !== "Transformation" && operation.class !== "RichText" && operation.class !== "LinkTo" && item.itemType !== operation.class) {
+            console.warn(`Item with ID ${item} is not of operation type: ${itemType}.`);
             return false;
           }
           return true;
@@ -19895,20 +19914,20 @@ class RBush {
     }
     return this;
   }
-  insert(item2) {
-    if (item2)
-      this._insert(item2, this.data.height - 1);
+  insert(item) {
+    if (item)
+      this._insert(item, this.data.height - 1);
     return this;
   }
   clear() {
     this.data = createNode([]);
     return this;
   }
-  remove(item2, equalsFn) {
-    if (!item2)
+  remove(item, equalsFn) {
+    if (!item)
       return this;
     let node2 = this.data;
-    const bbox = this.toBBox(item2);
+    const bbox = this.toBBox(item);
     const path2 = [];
     const indexes = [];
     let i, parent, goingUp;
@@ -19920,7 +19939,7 @@ class RBush {
         goingUp = true;
       }
       if (node2.leaf) {
-        const index2 = findItem(item2, node2.children, equalsFn);
+        const index2 = findItem(item, node2.children, equalsFn);
         if (index2 !== -1) {
           node2.children.splice(index2, 1);
           path2.push(node2);
@@ -19943,8 +19962,8 @@ class RBush {
     }
     return this;
   }
-  toBBox(item2) {
-    return item2;
+  toBBox(item) {
+    return item;
   }
   compareMinX(a, b) {
     return a.minX - b.minX;
@@ -20027,11 +20046,11 @@ class RBush {
     }
     return node2;
   }
-  _insert(item2, level, isNode) {
-    const bbox = isNode ? item2 : this.toBBox(item2);
+  _insert(item, level, isNode) {
+    const bbox = isNode ? item : this.toBBox(item);
     const insertPath = [];
     const node2 = this._chooseSubtree(bbox, this.data, level, insertPath);
-    node2.children.push(item2);
+    node2.children.push(item);
     extend2(node2, bbox);
     while (level >= 0) {
       if (insertPath[level].children.length > this._maxEntries) {
@@ -20130,11 +20149,11 @@ class RBush {
     }
   }
 }
-function findItem(item2, items, equalsFn) {
+function findItem(item, items, equalsFn) {
   if (!equalsFn)
-    return items.indexOf(item2);
+    return items.indexOf(item);
   for (let i = 0;i < items.length; i++) {
-    if (equalsFn(item2, items[i]))
+    if (equalsFn(item, items[i]))
       return i;
   }
   return -1;
@@ -20225,8 +20244,8 @@ class TinyQueue {
         this._down(i);
     }
   }
-  push(item2) {
-    this.data.push(item2);
+  push(item) {
+    this.data.push(item);
     this.length++;
     this._up(this.length - 1);
   }
@@ -20247,21 +20266,21 @@ class TinyQueue {
   }
   _up(pos) {
     const { data, compare } = this;
-    const item2 = data[pos];
+    const item = data[pos];
     while (pos > 0) {
       const parent = pos - 1 >> 1;
       const current = data[parent];
-      if (compare(item2, current) >= 0)
+      if (compare(item, current) >= 0)
         break;
       data[pos] = current;
       pos = parent;
     }
-    data[pos] = item2;
+    data[pos] = item;
   }
   _down(pos) {
     const { data, compare } = this;
     const halfLength = this.length >> 1;
-    const item2 = data[pos];
+    const item = data[pos];
     while (pos < halfLength) {
       let left = (pos << 1) + 1;
       let best = data[left];
@@ -20270,12 +20289,12 @@ class TinyQueue {
         left = right;
         best = data[right];
       }
-      if (compare(best, item2) >= 0)
+      if (compare(best, item) >= 0)
         break;
       data[pos] = best;
       pos = left;
     }
-    data[pos] = item2;
+    data[pos] = item;
   }
 }
 function defaultCompare2(a, b) {
@@ -20363,10 +20382,10 @@ class RTreeIndex {
     return container ? container.item : undefined;
   }
   remove(id) {
-    const item2 = this.map.get(id);
-    if (item2) {
+    const item = this.map.get(id);
+    if (item) {
       this.map.delete(id);
-      this.tree.remove(item2);
+      this.tree.remove(item);
     }
   }
   list() {
@@ -20438,11 +20457,11 @@ class Container extends Mbr {
   item;
   layer;
   zIndex;
-  constructor(id, item2, layer, zIndex) {
-    const rect = item2.getMbrWithChildren();
+  constructor(id, item, layer, zIndex) {
+    const rect = item.getMbrWithChildren();
     super(rect.left, rect.top, rect.right, rect.bottom);
     this.id = id;
-    this.item = item2;
+    this.item = item;
     this.layer = layer;
     this.zIndex = zIndex;
   }
@@ -20459,7 +20478,7 @@ class LayeredIndex {
     this.getZIndex = this.getZIndex.bind(this);
     this.layers.newOnTop();
   }
-  isT(item2) {
+  isT(item) {
     return true;
   }
   findById(id) {
@@ -20523,8 +20542,8 @@ class LayeredIndex {
   }
   getContainersFromItems(items) {
     const containers = [];
-    for (const item2 of items) {
-      const container = this.map.get(item2.getId());
+    for (const item of items) {
+      const container = this.map.get(item.getId());
       if (container) {
         containers.push(container);
       }
@@ -20601,9 +20620,9 @@ class LayeredIndex {
       }
     }
   }
-  insert(item2) {
-    const toInsert = new Container(item2.getId(), item2, 0, this.getZIndex(item2));
-    const bounds = item2.getMbrWithChildren();
+  insert(item) {
+    const toInsert = new Container(item.getId(), item, 0, this.getZIndex(item));
+    const bounds = item.getMbrWithChildren();
     const inBounds = this.getRectsEnclosedOrCrossedBy(bounds);
     if (inBounds.length === 0) {
       return this.insertContainer(toInsert);
@@ -20670,20 +20689,20 @@ class LayeredIndex {
       }
     }
   }
-  change(item2) {
-    const id = item2.getId();
+  change(item) {
+    const id = item.getId();
     const container = this.map.get(id);
     if (container) {
       const layer = this.layers.get(container.layer);
       if (layer) {
         layer.remove(id);
         this.map.delete(id);
-        this.insert(item2);
+        this.insert(item);
       }
     }
   }
-  remove(item2) {
-    const id = item2.getId();
+  remove(item) {
+    const id = item.getId();
     const container = this.map.get(id);
     if (container) {
       const layer = this.layers.get(container.layer);
@@ -20709,13 +20728,13 @@ class LayeredIndex {
     return items;
   }
   batchInsert(items) {
-    for (const item2 of items) {
-      this.insert(item2);
+    for (const item of items) {
+      this.insert(item);
     }
   }
   batchChange(items) {
-    for (const item2 of items) {
-      this.change(item2);
+    for (const item of items) {
+      this.change(item);
     }
   }
 }
@@ -20724,8 +20743,8 @@ class LayeredIndex {
 class SpatialIndex {
   subject = new Subject;
   itemsArray = [];
-  itemsIndex = new LayeredIndex((item2) => {
-    return this.itemsArray.indexOf(item2);
+  itemsIndex = new LayeredIndex((item) => {
+    return this.itemsArray.indexOf(item);
   });
   Mbr = new Mbr;
   items;
@@ -20734,79 +20753,79 @@ class SpatialIndex {
   }
   clear() {
     this.itemsArray = [];
-    this.itemsIndex = new LayeredIndex((item2) => {
-      return this.itemsArray.indexOf(item2);
+    this.itemsIndex = new LayeredIndex((item) => {
+      return this.itemsArray.indexOf(item);
     });
     this.Mbr = new Mbr;
   }
-  insert(item2) {
-    this.itemsArray.push(item2);
-    this.itemsIndex.insert(item2);
+  insert(item) {
+    this.itemsArray.push(item);
+    this.itemsIndex.insert(item);
     if (conf.isNode()) {
       return;
     }
     if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item2.getMbr().copy();
+      this.Mbr = item.getMbr().copy();
     } else {
-      this.Mbr.combine([item2.getMbr()]);
+      this.Mbr.combine([item.getMbr()]);
     }
-    item2.subject.subscribe(this.change);
+    item.subject.subscribe(this.change);
     this.subject.publish(this.items);
   }
-  change = (item2) => {
-    this.itemsIndex.change(item2);
+  change = (item) => {
+    this.itemsIndex.change(item);
     if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item2.getMbrWithChildren().copy();
+      this.Mbr = item.getMbrWithChildren().copy();
     } else {
-      this.Mbr.combine([item2.getMbrWithChildren()]);
+      this.Mbr.combine([item.getMbrWithChildren()]);
     }
     this.subject.publish(this.items);
   };
-  remove(item2) {
-    if ("index" in item2 && item2.index) {
-      item2.removeChildItems(item2.index.list());
+  remove(item) {
+    if ("index" in item && item.index) {
+      item.removeChildItems(item.index.list());
     }
-    this.itemsArray.splice(this.itemsArray.indexOf(item2), 1);
-    this.itemsIndex.remove(item2);
+    this.itemsArray.splice(this.itemsArray.indexOf(item), 1);
+    this.itemsIndex.remove(item);
     this.Mbr = new Mbr;
-    this.itemsArray.forEach((item3) => this.Mbr.combine([item3.getMbrWithChildren()]));
+    this.itemsArray.forEach((item2) => this.Mbr.combine([item2.getMbrWithChildren()]));
     this.subject.publish(this.items);
   }
   copy() {
-    return this.getItemsWithIncludedChildren(this.itemsArray).map((item2) => ({
-      ...item2.serialize(true),
-      id: item2.getId()
+    return this.getItemsWithIncludedChildren(this.itemsArray).map((item) => ({
+      ...item.serialize(true),
+      id: item.getId()
     }));
   }
   getItemsWithIncludedChildren(items) {
-    return items.flatMap((item2) => {
-      if ("index" in item2 && item2.index) {
-        return [item2, ...item2.index.list()];
+    return items.flatMap((item) => {
+      if ("index" in item && item.index) {
+        return [item, ...item.index.list()];
       }
-      return item2;
+      return item;
     });
   }
-  getItemChildren(item2) {
-    if ("index" in item2 && item2.index) {
-      return item2.index.list();
+  getItemChildren(item) {
+    if ("index" in item && item.index) {
+      return item.index.list();
     }
     return [];
   }
-  getItemParent(item2) {
-    if (item2.parent === "Board") {
+  getItemParent(item) {
+    if (item.parent === "Board") {
       return;
     }
-    return this.getById(item2.parent);
+    return this.getById(item.parent);
   }
-  moveToZIndex(item2, zIndex) {
-    const index2 = this.itemsArray.indexOf(item2);
+  moveToZIndex(item, zIndex) {
+    const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
-    this.itemsArray.splice(zIndex, 0, item2);
-    this.change(item2);
+    this.itemsArray.splice(zIndex, 0, item);
+    this.change(item);
     this.subject.publish(this.items);
   }
   moveManyToZIndex(itemsRecord) {
-    const items = Object.keys(itemsRecord).map((id) => this.items.getById(id)).filter((item2) => item2 !== undefined);
+    const items = Object.keys(itemsRecord).map((id) => this.items.getById(id)).filter((item) => item !== undefined);
     const zIndex = Object.values(itemsRecord);
     for (let i = 0;i < zIndex.length; i++) {
       const index2 = zIndex[i];
@@ -20814,39 +20833,39 @@ class SpatialIndex {
     }
     this.itemsArray.forEach(this.change.bind(this));
   }
-  sendToBack(item2, shouldPublish = true) {
-    const index2 = this.itemsArray.indexOf(item2);
+  sendToBack(item, shouldPublish = true) {
+    const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
-    this.itemsArray.unshift(item2);
-    this.itemsIndex.change(item2);
+    this.itemsArray.unshift(item);
+    this.itemsIndex.change(item);
     if (shouldPublish) {
       this.subject.publish(this.items);
     }
   }
   sendManyToBack(items) {
     const newItems = [...items];
-    this.itemsArray.forEach((item2) => {
-      if (!items.includes(item2)) {
-        newItems.push(item2);
+    this.itemsArray.forEach((item) => {
+      if (!items.includes(item)) {
+        newItems.push(item);
       }
     });
     this.itemsArray = newItems;
     this.itemsArray.forEach(this.change.bind(this));
   }
-  bringToFront(item2, shouldPublish = true) {
-    const index2 = this.itemsArray.indexOf(item2);
+  bringToFront(item, shouldPublish = true) {
+    const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
-    this.itemsArray.push(item2);
-    this.itemsIndex.change(item2);
+    this.itemsArray.push(item);
+    this.itemsIndex.change(item);
     if (shouldPublish) {
       this.subject.publish(this.items);
     }
   }
   bringManyToFront(items) {
     const newItems = [];
-    this.itemsArray.forEach((item2) => {
-      if (!items.includes(item2)) {
-        newItems.push(item2);
+    this.itemsArray.forEach((item) => {
+      if (!items.includes(item)) {
+        newItems.push(item);
       }
     });
     newItems.push(...items);
@@ -20872,9 +20891,9 @@ class SpatialIndex {
     this.subject.publish(this.items);
   }
   getById(id) {
-    const item2 = this.getItemsWithIncludedChildren(this.itemsArray).find((item3) => item3.getId() === id);
-    if (item2) {
-      return item2;
+    const item = this.getItemsWithIncludedChildren(this.itemsArray).find((item2) => item2.getId() === id);
+    if (item) {
+      return item;
     }
   }
   findById(id) {
@@ -20884,10 +20903,10 @@ class SpatialIndex {
     const mbr = new Mbr(left, top, right, bottom);
     const items = this.itemsIndex.getEnclosed(mbr);
     const children = [];
-    const clearItems = items.filter((item2) => {
-      if ("index" in item2 && item2.index) {
-        children.push(...item2.index.getEnclosed(left, top, right, bottom));
-        if (!item2.getMbr().isEnclosedBy(mbr)) {
+    const clearItems = items.filter((item) => {
+      if ("index" in item && item.index) {
+        children.push(...item.index.getEnclosed(left, top, right, bottom));
+        if (!item.getMbr().isEnclosedBy(mbr)) {
           return false;
         }
       }
@@ -20899,10 +20918,10 @@ class SpatialIndex {
     const mbr = new Mbr(left, top, right, bottom);
     const items = this.itemsIndex.getEnclosedOrCrossedBy(mbr);
     const children = [];
-    const clearItems = items.filter((item2) => {
-      if ("index" in item2 && item2.index) {
-        children.push(...item2.index.getEnclosedOrCrossed(left, top, right, bottom));
-        if (!item2.getMbr().isEnclosedOrCrossedBy(mbr)) {
+    const clearItems = items.filter((item) => {
+      if ("index" in item && item.index) {
+        children.push(...item.index.getEnclosedOrCrossed(left, top, right, bottom));
+        if (!item.getMbr().isEnclosedOrCrossedBy(mbr)) {
           return false;
         }
       }
@@ -20913,10 +20932,10 @@ class SpatialIndex {
   getUnderPoint(point3, tolerance = 5) {
     const items = this.itemsIndex.getUnderPoint(point3, tolerance);
     const children = [];
-    const clearItems = items.filter((item2) => {
-      if ("index" in item2 && item2.index) {
-        children.push(...item2.index.getUnderPoint(point3, tolerance));
-        if (!item2.getMbr().isUnderPoint(point3)) {
+    const clearItems = items.filter((item) => {
+      if ("index" in item && item.index) {
+        children.push(...item.index.getUnderPoint(point3, tolerance));
+        if (!item.getMbr().isUnderPoint(point3)) {
           return false;
         }
       }
@@ -20928,10 +20947,10 @@ class SpatialIndex {
     const mbr = new Mbr(left, top, right, bottom);
     const items = this.itemsIndex.getRectsEnclosedOrCrossedBy(mbr);
     const children = [];
-    const clearItems = items.filter((item2) => {
-      if ("index" in item2 && item2.index) {
-        children.push(...item2.index.getEnclosedOrCrossed(left, top, right, bottom));
-        if (!item2.getMbr().isEnclosedOrCrossedBy(mbr)) {
+    const clearItems = items.filter((item) => {
+      if ("index" in item && item.index) {
+        children.push(...item.index.getEnclosedOrCrossed(left, top, right, bottom));
+        if (!item.getMbr().isEnclosedOrCrossedBy(mbr)) {
           return false;
         }
       }
@@ -20943,26 +20962,26 @@ class SpatialIndex {
     return this.getRectsEnclosedOrCrossed(left, top, right, bottom);
   }
   getComments() {
-    return this.itemsArray.filter((item2) => item2 instanceof Comment);
+    return this.itemsArray.filter((item) => item instanceof Comment);
   }
   getMbr() {
     return this.Mbr;
   }
   getNearestTo(point3, maxItems, filter, maxDistance) {
     const allItems = this.getItemsWithIncludedChildren(this.itemsArray);
-    const filtered = allItems.filter((item2) => filter(item2));
-    const withDistance = filtered.map((item2) => ({
-      item: item2,
-      distance: point3.getDistance(item2.getMbr().getCenter())
+    const filtered = allItems.filter((item) => filter(item));
+    const withDistance = filtered.map((item) => ({
+      item,
+      distance: point3.getDistance(item.getMbr().getCenter())
     })).filter(({ distance }) => distance <= maxDistance);
     withDistance.sort((a, b) => a.distance - b.distance);
-    return withDistance.slice(0, maxItems).map(({ item: item2 }) => item2);
+    return withDistance.slice(0, maxItems).map(({ item }) => item);
   }
   list() {
     return this.getItemsWithIncludedChildren(this.itemsArray).concat();
   }
-  getZIndex(item2) {
-    const index2 = this.itemsArray.indexOf(item2);
+  getZIndex(item) {
+    const index2 = this.itemsArray.indexOf(item);
     if (index2 === -1) {
       return this.getLastZIndex();
     }
@@ -20992,14 +21011,14 @@ class Items {
     this.pointer = pointer;
     this.subject = subject;
   }
-  update(item2) {
-    this.index.change(item2);
+  update(item) {
+    this.index.change(item);
   }
   listAll() {
     return this.index.list();
   }
   listGroupItems() {
-    return this.index.list().filter((item2) => ("index" in item2) && item2.index);
+    return this.index.list().filter((item) => ("index" in item) && item.index);
   }
   getById(id) {
     return this.index.getById(id);
@@ -21014,7 +21033,7 @@ class Items {
     return this.index.getEnclosedOrCrossed(left, top, right, bottom);
   }
   getGroupItemsEnclosedOrCrossed(left, top, right, bottom) {
-    return this.index.getEnclosedOrCrossed(left, top, right, bottom).filter((item2) => item2 instanceof BaseItem && item2.index);
+    return this.index.getEnclosedOrCrossed(left, top, right, bottom).filter((item) => item instanceof BaseItem && item.index);
   }
   getUnderPoint(point3, tolerance = 5) {
     return this.index.getUnderPoint(point3, tolerance);
@@ -21042,28 +21061,28 @@ class Items {
     const unmodifiedSize = size;
     size = 16;
     const tolerated = this.index.getEnclosedOrCrossed(x - size, y - size, x + size, y + size);
-    const groups = tolerated.filter((item2) => item2.itemType === "Group");
+    const groups = tolerated.filter((item) => item.itemType === "Group");
     if (groups.length > 0) {
       return groups;
     }
-    let enclosed = tolerated.some((item2) => item2 instanceof Connector2) ? tolerated : this.index.getEnclosedOrCrossed(x, y, x, y);
+    let enclosed = tolerated.some((item) => item instanceof Connector2) ? tolerated : this.index.getEnclosedOrCrossed(x, y, x, y);
     const underPointer = this.getUnderPoint(new Point(x, y), size);
     if (enclosed.length === 0) {
       enclosed = underPointer;
     }
-    if (underPointer.some((item2) => item2.itemType === "Drawing")) {
+    if (underPointer.some((item) => item.itemType === "Drawing")) {
       enclosed = [...underPointer, ...enclosed];
     }
-    const { nearest } = enclosed.reduce((acc, item2) => {
-      const area = item2.getMbr().getHeight() * item2.getMbr().getWidth();
-      if (item2.itemType === "Drawing" && !item2.isPointNearLine(this.pointer.point)) {
+    const { nearest } = enclosed.reduce((acc, item) => {
+      const area = item.getMbr().getHeight() * item.getMbr().getWidth();
+      if (item.itemType === "Drawing" && !item.isPointNearLine(this.pointer.point)) {
         return acc;
       }
-      const isItemTransparent = item2 instanceof Shape && item2?.getBackgroundColor() === "none";
-      const itemZIndex = this.getZIndex(item2);
+      const isItemTransparent = item instanceof Shape && item?.getBackgroundColor() === "none";
+      const itemZIndex = this.getZIndex(item);
       const accZIndex = this.getZIndex(acc.nearest);
       if (itemZIndex > accZIndex && (!isItemTransparent || area === acc.area) || area < acc.area) {
-        return { nearest: item2, area };
+        return { nearest: item, area };
       }
       return acc;
     }, { nearest: undefined, area: Infinity });
@@ -21075,8 +21094,8 @@ class Items {
   getNearPointer(maxDistance = 100, maxItems = 10, filter = () => true) {
     return this.index.getNearestTo(this.pointer.point, maxItems, filter, maxDistance);
   }
-  getZIndex(item2) {
-    return this.index.getZIndex(item2);
+  getZIndex(item) {
+    return this.index.getZIndex(item);
   }
   getByZIndex(index2) {
     return this.index.getByZIndex(index2);
@@ -21085,11 +21104,11 @@ class Items {
     return this.index.getLastZIndex();
   }
   getLinkedConnectorsById(id) {
-    return this.listAll().filter((item2) => {
-      if (!(item2 instanceof Connector2)) {
+    return this.listAll().filter((item) => {
+      if (!(item instanceof Connector2)) {
         return false;
       }
-      const { startItem, endItem } = item2.getConnectedItems();
+      const { startItem, endItem } = item.getConnectedItems();
       if (startItem?.getId() === id || endItem?.getId() === id) {
         return true;
       }
@@ -21100,11 +21119,11 @@ class Items {
     if (!startPointerItemId && !endPointerItemId) {
       return [];
     }
-    return this.listAll().filter((item2) => {
-      if (!(item2 instanceof Connector2) || !item2.isConnected()) {
+    return this.listAll().filter((item) => {
+      if (!(item instanceof Connector2) || !item.isConnected()) {
         return false;
       }
-      const { startItem, endItem } = item2.getConnectedItems();
+      const { startItem, endItem } = item.getConnectedItems();
       if (startPointerItemId && endPointerItemId) {
         if (startPointerItemId && startItem && startItem.getId() === startPointerItemId && endPointerItemId && endItem && endItem.getId() === endPointerItemId) {
           return true;
@@ -21122,9 +21141,9 @@ class Items {
   }
   render(context) {
     const items = this.getItemsInView();
-    items.forEach((item2) => {
-      if (item2.parent === "Board") {
-        item2.render(context);
+    items.forEach((item) => {
+      if (item.parent === "Board") {
+        item.render(context);
       }
     });
   }
@@ -21137,17 +21156,17 @@ class Items {
     return this.getHTML(documentFactory, items);
   }
   getHTML(documentFactory, items) {
-    const lowestCoordinates = items.map((item2) => item2.getMbr()).reduce((acc, mbr) => ({
+    const lowestCoordinates = items.map((item) => item.getMbr()).reduce((acc, mbr) => ({
       left: Math.min(acc.left, mbr.left),
       top: Math.min(acc.top, mbr.top)
     }), { left: 0, top: 0 });
     const groups = [];
     const rest = [];
-    items.forEach((item2) => {
-      if ("index" in item2 && item2.index) {
-        groups.push(item2);
+    items.forEach((item) => {
+      if ("index" in item && item.index) {
+        groups.push(item);
       } else {
-        rest.push(item2);
+        rest.push(item);
       }
     });
     const childrenMap = new Map;
@@ -21157,34 +21176,34 @@ class Items {
       translateElementBy(html, -lowestCoordinates.left, -lowestCoordinates.top);
       return html;
     });
-    const restHTML = rest.map((item2) => ("renderHTML" in item2) && item2.renderHTML(documentFactory)).filter((item2) => !!item2).map((item2) => {
-      if (item2.tagName.toLowerCase() === "connector-item") {
-        const startX = parseFloat(item2.getAttribute("data-start-point-x") || "0");
-        const startY = parseFloat(item2.getAttribute("data-start-point-y") || "0");
-        const endX = parseFloat(item2.getAttribute("data-end-point-x") || "0");
-        const endY = parseFloat(item2.getAttribute("data-end-point-y") || "0");
-        item2.setAttribute("data-start-point-x", (startX - lowestCoordinates.left).toString());
-        item2.setAttribute("data-start-point-y", (startY - lowestCoordinates.top).toString());
-        item2.setAttribute("data-end-point-x", (endX - lowestCoordinates.left).toString());
-        item2.setAttribute("data-end-point-y", (endY - lowestCoordinates.top).toString());
-      }
-      return translateElementBy(item2, -lowestCoordinates.left, -lowestCoordinates.top);
-    });
-    for (const item2 of restHTML) {
-      const parentFrameId = childrenMap.get(item2.id);
+    const restHTML = rest.map((item) => ("renderHTML" in item) && item.renderHTML(documentFactory)).filter((item) => !!item).map((item) => {
+      if (item.tagName.toLowerCase() === "connector-item") {
+        const startX = parseFloat(item.getAttribute("data-start-point-x") || "0");
+        const startY = parseFloat(item.getAttribute("data-start-point-y") || "0");
+        const endX = parseFloat(item.getAttribute("data-end-point-x") || "0");
+        const endY = parseFloat(item.getAttribute("data-end-point-y") || "0");
+        item.setAttribute("data-start-point-x", (startX - lowestCoordinates.left).toString());
+        item.setAttribute("data-start-point-y", (startY - lowestCoordinates.top).toString());
+        item.setAttribute("data-end-point-x", (endX - lowestCoordinates.left).toString());
+        item.setAttribute("data-end-point-y", (endY - lowestCoordinates.top).toString());
+      }
+      return translateElementBy(item, -lowestCoordinates.left, -lowestCoordinates.top);
+    });
+    for (const item of restHTML) {
+      const parentFrameId = childrenMap.get(item.id);
       const group = GroupsHTML.find((el) => parentFrameId !== undefined && el.id === parentFrameId);
       if (group) {
-        positionRelatively(item2, group);
-        group.appendChild(item2);
+        positionRelatively(item, group);
+        group.appendChild(item);
       }
     }
     let result = "";
     for (const group of GroupsHTML) {
       result += group.outerHTML;
     }
-    for (const item2 of restHTML) {
-      if (!childrenMap.get(item2.id)) {
-        result += item2.outerHTML;
+    for (const item of restHTML) {
+      if (!childrenMap.get(item.id)) {
+        result += item.outerHTML;
       }
     }
     return result;
@@ -21204,52 +21223,52 @@ class SimpleSpatialIndex {
     this.itemsArray = [];
     this.Mbr = new Mbr;
   }
-  insert(item2) {
-    this.itemsArray.push(item2);
+  insert(item) {
+    this.itemsArray.push(item);
     if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item2.getMbr().copy();
+      this.Mbr = item.getMbr().copy();
     } else {
-      this.Mbr.combine([item2.getMbr()]);
+      this.Mbr.combine([item.getMbr()]);
     }
-    item2.subject.subscribe(this.change);
+    item.subject.subscribe(this.change);
     this.subject.publish(this.items);
   }
-  change = (item2) => {
+  change = (item) => {
     if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item2.getMbr().copy();
+      this.Mbr = item.getMbr().copy();
     } else {
-      this.Mbr.combine([item2.getMbr()]);
+      this.Mbr.combine([item.getMbr()]);
     }
     this.subject.publish(this.items);
   };
-  remove(item2) {
-    if ("index" in item2 && item2.index) {
-      item2.removeChildItems(item2.index.list());
+  remove(item) {
+    if ("index" in item && item.index) {
+      item.removeChildItems(item.index.list());
     }
-    if (item2.parent !== "Board") {
-      const parentFrame = this.items.getById(item2.parent);
-      parentFrame?.removeChildItems(item2);
+    if (item.parent !== "Board") {
+      const parentFrame = this.items.getById(item.parent);
+      parentFrame?.removeChildItems(item);
     }
-    this.itemsArray.splice(this.itemsArray.indexOf(item2), 1);
+    this.itemsArray.splice(this.itemsArray.indexOf(item), 1);
     this.Mbr = new Mbr;
-    this.itemsArray.forEach((item3) => this.Mbr.combine([item3.getMbr()]));
+    this.itemsArray.forEach((item2) => this.Mbr.combine([item2.getMbr()]));
     this.subject.publish(this.items);
   }
   copy() {
-    return this.itemsArray.map((item2) => ({
-      ...item2.serialize(true),
-      id: item2.getId()
+    return this.itemsArray.map((item) => ({
+      ...item.serialize(true),
+      id: item.getId()
     }));
   }
-  moveToZIndex(item2, zIndex) {
-    const index2 = this.itemsArray.indexOf(item2);
+  moveToZIndex(item, zIndex) {
+    const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
-    this.itemsArray.splice(zIndex, 0, item2);
-    this.change(item2);
+    this.itemsArray.splice(zIndex, 0, item);
+    this.change(item);
     this.subject.publish(this.items);
   }
   moveManyToZIndex(itemsRecord) {
-    const items = Object.keys(itemsRecord).map((id) => this.items.getById(id)).filter((item2) => item2 !== undefined);
+    const items = Object.keys(itemsRecord).map((id) => this.items.getById(id)).filter((item) => item !== undefined);
     const zIndex = Object.values(itemsRecord);
     for (let i = 0;i < zIndex.length; i++) {
       const index2 = zIndex[i];
@@ -21257,37 +21276,37 @@ class SimpleSpatialIndex {
     }
     this.itemsArray.forEach(this.change.bind(this));
   }
-  sendToBack(item2, shouldPublish = true) {
-    const index2 = this.itemsArray.indexOf(item2);
+  sendToBack(item, shouldPublish = true) {
+    const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
-    this.itemsArray.unshift(item2);
+    this.itemsArray.unshift(item);
     if (shouldPublish) {
       this.subject.publish(this.items);
     }
   }
   sendManyToBack(items) {
     const newItems = [...items];
-    this.itemsArray.forEach((item2) => {
-      if (!items.includes(item2)) {
-        newItems.push(item2);
+    this.itemsArray.forEach((item) => {
+      if (!items.includes(item)) {
+        newItems.push(item);
       }
     });
     this.itemsArray = newItems;
     this.itemsArray.forEach(this.change.bind(this));
   }
-  bringToFront(item2, shouldPublish = true) {
-    const index2 = this.itemsArray.indexOf(item2);
+  bringToFront(item, shouldPublish = true) {
+    const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
-    this.itemsArray.push(item2);
+    this.itemsArray.push(item);
     if (shouldPublish) {
       this.subject.publish(this.items);
     }
   }
   bringManyToFront(items) {
     const newItems = [];
-    this.itemsArray.forEach((item2) => {
-      if (!items.includes(item2)) {
-        newItems.push(item2);
+    this.itemsArray.forEach((item) => {
+      if (!items.includes(item)) {
+        newItems.push(item);
       }
     });
     newItems.push(...items);
@@ -21313,9 +21332,9 @@ class SimpleSpatialIndex {
     this.subject.publish(this.items);
   }
   getById(id) {
-    const item2 = this.itemsArray.find((item3) => item3.getId() === id);
-    if (item2) {
-      return item2;
+    const item = this.itemsArray.find((item2) => item2.getId() === id);
+    if (item) {
+      return item;
     }
   }
   findById(id) {
@@ -21324,9 +21343,9 @@ class SimpleSpatialIndex {
   getEnclosed(left, top, right, bottom) {
     const mbr = new Mbr(left, top, right, bottom);
     const items = [];
-    this.itemsArray.forEach((item2) => {
-      if (item2.isEnclosedBy(mbr)) {
-        items.push(item2);
+    this.itemsArray.forEach((item) => {
+      if (item.isEnclosedBy(mbr)) {
+        items.push(item);
       }
     });
     return items;
@@ -21334,18 +21353,18 @@ class SimpleSpatialIndex {
   getEnclosedOrCrossed(left, top, right, bottom) {
     const mbr = new Mbr(left, top, right, bottom);
     const items = [];
-    this.itemsArray.forEach((item2) => {
-      if (item2.isEnclosedOrCrossedBy(mbr)) {
-        items.push(item2);
+    this.itemsArray.forEach((item) => {
+      if (item.isEnclosedOrCrossedBy(mbr)) {
+        items.push(item);
       }
     });
     return items;
   }
   getUnderPoint(point3, tolerace = 5) {
     const items = [];
-    this.itemsArray.forEach((item2) => {
-      if (item2.isUnderPoint(point3, tolerace)) {
-        items.push(item2);
+    this.itemsArray.forEach((item) => {
+      if (item.isUnderPoint(point3, tolerace)) {
+        items.push(item);
       }
     });
     return items;
@@ -21356,8 +21375,8 @@ class SimpleSpatialIndex {
   list() {
     return this.itemsArray.concat();
   }
-  getZIndex(item2) {
-    return this.itemsArray.indexOf(item2);
+  getZIndex(item) {
+    return this.itemsArray.indexOf(item);
   }
   getLastZIndex() {
     return this.itemsArray.length - 1;
@@ -21371,8 +21390,8 @@ class SimpleSpatialIndex {
     }
   }
   render(context) {
-    this.itemsArray.forEach((item2) => {
-      item2.render(context);
+    this.itemsArray.forEach((item) => {
+      item.render(context);
     });
   }
 }
@@ -21423,7 +21442,7 @@ class BaseItem extends Mbr {
     if (!this.index) {
       return null;
     }
-    return this.index.items.listAll().map((item2) => item2.getId());
+    return this.index.items.listAll().map((item) => item.getId());
   }
   addChildItems(children) {
     if (!this.index) {
@@ -21461,17 +21480,17 @@ class BaseItem extends Mbr {
     this.addChildItems(itemsToAdd);
     this.removeChildItems(itemsToRemove);
   }
-  handleNesting(item2, options) {
-    const isItem = "itemType" in item2;
-    const itemMbr = isItem ? item2.getMbr() : item2;
-    if (item2 instanceof BaseItem && !item2.canBeNested) {
+  handleNesting(item, options) {
+    const isItem = "itemType" in item;
+    const itemMbr = isItem ? item.getMbr() : item;
+    if (item instanceof BaseItem && !item.canBeNested) {
       return false;
     }
-    if (options?.cancelIfChild && isItem && item2.parent !== "Board") {
+    if (options?.cancelIfChild && isItem && item.parent !== "Board") {
       return false;
     }
     const mbr = this.getMbr().copy();
-    if (item2.isEnclosedOrCrossedBy(mbr)) {
+    if (item.isEnclosedOrCrossedBy(mbr)) {
       if (mbr.isInside(itemMbr.getCenter())) {
         if (!options || !options.onlyForOut) {
           return true;
@@ -23768,8 +23787,8 @@ function isChild(value) {
       if (!Array.isArray(value2))
         return true;
       const list2 = value2;
-      for (const item2 of list2) {
-        if (typeof item2 !== "number" && typeof item2 !== "string") {
+      for (const item of list2) {
+        if (typeof item !== "number" && typeof item !== "string") {
           return true;
         }
       }
@@ -23808,8 +23827,8 @@ function addProperty(schema, properties, key, value) {
   }
   if (Array.isArray(result)) {
     const finalResult = [];
-    for (const item2 of result) {
-      finalResult.push(parsePrimitive(info, info.property, item2));
+    for (const item of result) {
+      finalResult.push(parsePrimitive(info, info.property, item));
     }
     result = finalResult;
   }
@@ -34876,8 +34895,8 @@ function list5(node2, parent, state, info) {
     if (checkRule(state) === bullet && firstListItem) {
       let index2 = -1;
       while (++index2 < node2.children.length) {
-        const item2 = node2.children[index2];
-        if (item2 && item2.type === "listItem" && item2.children && item2.children[0] && item2.children[0].type === "thematicBreak") {
+        const item = node2.children[index2];
+        if (item && item.type === "listItem" && item.children && item.children[0] && item.children[0].type === "thematicBreak") {
           useDifferentMarker = true;
           break;
         }
@@ -35537,12 +35556,12 @@ async function convertMarkdownToSlate(text5) {
       ...nodes.filter((node2) => node2.type !== "list_item")
     ];
   }
-  return nodes.map((item2) => {
+  return nodes.map((item) => {
     setNodeStyles({
-      node: item2,
-      isPaddingTopNeeded: item2.type !== "code_block"
+      node: item,
+      isPaddingTopNeeded: item.type !== "code_block"
     });
-    return item2;
+    return item;
   });
 }
 function detectListType(text5) {
@@ -35955,17 +35974,17 @@ class FloatingPoint extends Point {
   relativePoint;
   pointType = "Floating";
   edge;
-  constructor(item2, relativePoint) {
+  constructor(item, relativePoint) {
     super();
-    this.item = item2;
+    this.item = item;
     this.relativePoint = relativePoint;
     if (relativePoint.y <= 0) {
       this.edge = "top";
-    } else if (relativePoint.y >= item2.getMbr().getHeight()) {
+    } else if (relativePoint.y >= item.getMbr().getHeight()) {
       this.edge = "bottom";
     } else if (relativePoint.x <= 0) {
       this.edge = "left";
-    } else if (relativePoint.x >= item2.getMbr().getWidth()) {
+    } else if (relativePoint.x >= item.getMbr().getWidth()) {
       this.edge = "right";
     }
     this.recalculatePoint();
@@ -35996,17 +36015,17 @@ class FixedPoint extends Point {
   relativePoint;
   pointType = "Fixed";
   edge;
-  constructor(item2, relativePoint) {
+  constructor(item, relativePoint) {
     super();
-    this.item = item2;
+    this.item = item;
     this.relativePoint = relativePoint;
     if (relativePoint.y <= 0) {
       this.edge = "top";
-    } else if (relativePoint.y >= item2.getMbr().getHeight()) {
+    } else if (relativePoint.y >= item.getMbr().getHeight()) {
       this.edge = "bottom";
     } else if (relativePoint.x <= 0) {
       this.edge = "left";
-    } else if (relativePoint.x >= item2.getMbr().getWidth()) {
+    } else if (relativePoint.x >= item.getMbr().getWidth()) {
       this.edge = "right";
     }
     this.recalculatePoint();
@@ -36037,16 +36056,16 @@ class FixedConnectorPoint extends Point {
   tangent;
   segmentIndex;
   pointType = "FixedConnector";
-  constructor(item2, tangent, segmentIndex) {
+  constructor(item, tangent, segmentIndex) {
     super();
-    this.item = item2;
+    this.item = item;
     this.tangent = tangent;
     this.segmentIndex = segmentIndex;
     this.recalculatePoint();
   }
   recalculatePoint() {
-    const item2 = this.item;
-    const segments = item2.getPaths().getSegments();
+    const item = this.item;
+    const segments = item.getPaths().getSegments();
     const segment = segments.length > this.segmentIndex ? segments[this.segmentIndex] : segments[segments.length - 1];
     const point5 = segment.getPoint(this.tangent);
     this.x = point5.x;
@@ -36071,38 +36090,38 @@ function getControlPoint(data, findItem2) {
   if (data.pointType === "Board") {
     return new BoardPoint(Math.round(data.x), Math.round(data.y));
   } else {
-    const item2 = findItem2(data.itemId);
-    if (!item2) {
+    const item = findItem2(data.itemId);
+    if (!item) {
       console.warn(`getControlPoint(): item not found for ${data.itemId}`);
       return new BoardPoint(0, 0);
     }
     switch (data.pointType) {
       case "FixedConnector":
-        if (item2 instanceof Connector2) {
-          return new FixedConnectorPoint(item2, data.tangent, data.segment);
+        if (item instanceof Connector2) {
+          return new FixedConnectorPoint(item, data.tangent, data.segment);
         } else {
           throw new Error(`getControlPoint(): item must be a connector`);
         }
       case "Floating":
-        return new FloatingPoint(item2, new Point(data.relativeX, data.relativeY));
+        return new FloatingPoint(item, new Point(data.relativeX, data.relativeY));
       case "Fixed":
-        return new FixedPoint(item2, new Point(data.relativeX, data.relativeY));
+        return new FixedPoint(item, new Point(data.relativeX, data.relativeY));
     }
   }
 }
-function toRelativePoint(point5, item2) {
-  const matrix = item2.transformation?.matrix || new Matrix2;
+function toRelativePoint(point5, item) {
+  const matrix = item.transformation?.matrix || new Matrix2;
   const inverse = matrix.getInverse();
   point5 = point5.copy();
   point5.transform(inverse);
   return point5;
 }
-function fromRelativePoint(relativePoint, item2, edge) {
-  const matrix = item2.transformation?.matrix.copy() || new Matrix2;
+function fromRelativePoint(relativePoint, item, edge) {
+  const matrix = item.transformation?.matrix.copy() || new Matrix2;
   const point5 = relativePoint.copy();
   point5.transform(matrix);
-  if (item2 instanceof RichText || item2 instanceof AINode) {
-    const itemMbr = item2.getMbr();
+  if (item instanceof RichText || item instanceof AINode) {
+    const itemMbr = item.getMbr();
     const { x: centerX, y: centerY } = itemMbr.getCenter();
     switch (edge) {
       case "left":
@@ -36114,7 +36133,7 @@ function fromRelativePoint(relativePoint, item2, edge) {
       case "bottom":
         return new Point(centerX, itemMbr.bottom);
       default:
-        return item2.getMbr().getClosestEdgeCenterPoint(point5);
+        return item.getMbr().getClosestEdgeCenterPoint(point5);
     }
   }
   return point5;
@@ -37463,7 +37482,7 @@ class Connector2 extends BaseItem {
     return this;
   }
   getConnectorById(items, connectorId) {
-    return items.find((item2) => item2 instanceof Connector2 && item2.getId() === connectorId);
+    return items.find((item) => item instanceof Connector2 && item.getId() === connectorId);
   }
   updateTitle() {
     const selection = this.board.selection;
@@ -40100,8 +40119,8 @@ async function exportBoardSnapshot({
   context.matrix.applyToContext(context.ctx);
   const { left, top, right, bottom } = selection;
   const inView = board.items.index.getRectsEnclosedOrCrossed(left, top, right, bottom);
-  for (const item2 of inView) {
-    item2.render(context);
+  for (const item of inView) {
+    item.render(context);
   }
   const blob = await offscreenCanvas.convertToBlob({ type: "image/png" });
   const dataUrl = await convertBlobToDataUrl(blob);
@@ -40299,7 +40318,7 @@ class Frame2 extends BaseItem {
     return this.id;
   }
   getChildrenIds() {
-    return this.index?.list().map((item2) => item2.getId()) || [];
+    return this.index?.list().map((item) => item.getId()) || [];
   }
   updateMbr() {
     const rect = this.path.getMbr().copy();
@@ -40534,11 +40553,11 @@ class Frame2 extends BaseItem {
         }
       });
       const currMbr = this.getMbr();
-      this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).forEach((item2) => {
-        if (item2.parent === "Board") {
-          if (this.handleNesting(item2)) {
-            this.applyAddChildren([item2.getId()]);
-            item2.parent = this.getId();
+      this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).forEach((item) => {
+        if (item.parent === "Board") {
+          if (this.handleNesting(item)) {
+            this.applyAddChildren([item.getId()]);
+            item.parent = this.getId();
           }
         }
       });
@@ -42736,9 +42755,9 @@ class Group extends BaseItem {
     if (data.children) {
       data.children.forEach((childId) => {
         this.applyAddChild(childId);
-        const item2 = this.board.items.getById(childId);
-        if (item2) {
-          item2.parent = this.getId();
+        const item = this.board.items.getById(childId);
+        if (item) {
+          item.parent = this.getId();
         }
       });
     }
@@ -42768,11 +42787,11 @@ class Group extends BaseItem {
     let right = Number.MIN_SAFE_INTEGER;
     let bottom = Number.MIN_SAFE_INTEGER;
     const mbrs = this.children.flatMap((childId) => {
-      const item2 = this.board.items.getById(childId);
-      if (!item2) {
+      const item = this.board.items.getById(childId);
+      if (!item) {
         return [];
       }
-      const mbr2 = item2.getMbr();
+      const mbr2 = item.getMbr();
       if (!mbr2) {
         return [];
       }
@@ -42807,7 +42826,7 @@ class Group extends BaseItem {
     return this.children;
   }
   getChildren() {
-    return this.children.map((itemId) => this.board.items.getById(itemId)).filter((item2) => item2 !== undefined);
+    return this.children.map((itemId) => this.board.items.getById(itemId)).filter((item) => item !== undefined);
   }
   updateMbr() {
     const rect = this.getMbr();
@@ -42820,9 +42839,9 @@ class Group extends BaseItem {
   setChildren(items) {
     items.forEach((itemId) => {
       this.addChild(itemId);
-      const item2 = this.board.items.getById(itemId);
-      if (item2) {
-        item2.parent = this.getId();
+      const item = this.board.items.getById(itemId);
+      if (item) {
+        item.parent = this.getId();
       }
     });
     this.updateMbr();
@@ -42830,9 +42849,9 @@ class Group extends BaseItem {
   removeChildren() {
     this.children.forEach((itemId) => {
       this.removeChild(itemId);
-      const item2 = this.board.items.getById(itemId);
-      if (item2) {
-        item2.parent = this.parent;
+      const item = this.board.items.getById(itemId);
+      if (item) {
+        item.parent = this.parent;
       }
     });
     this.updateMbr();
@@ -43165,16 +43184,16 @@ class Anchor extends Mbr {
   }
 }
 // src/Items/Connector/ConnectorSnap.ts
-function getFixedPoint(item2, point5) {
-  if (item2 instanceof Connector2) {
-    const nearestSegmentData = item2.getPaths().getNearestEdgeAndPointTo(point5);
+function getFixedPoint(item, point5) {
+  if (item instanceof Connector2) {
+    const nearestSegmentData = item.getPaths().getNearestEdgeAndPointTo(point5);
     const segment = nearestSegmentData.segment;
     const index2 = nearestSegmentData.index;
     const tangent = segment.getParameter(point5);
-    return new FixedConnectorPoint(item2, tangent, index2);
+    return new FixedConnectorPoint(item, tangent, index2);
   } else {
-    const relativePoint = toRelativePoint(point5, item2);
-    return new FixedPoint(item2, relativePoint);
+    const relativePoint = toRelativePoint(point5, item);
+    return new FixedPoint(item, relativePoint);
   }
 }
 
@@ -43227,20 +43246,20 @@ class ConnectorSnap {
     }
     this.setSnap();
     const pointer = this.board.pointer.point;
-    const { anchor, item: item2, point: point5 } = this.snap;
-    if (!item2) {
+    const { anchor, item, point: point5 } = this.snap;
+    if (!item) {
       const pointer2 = this.board.pointer.point;
       this.controlPoint = new BoardPoint(pointer2.x, pointer2.y);
     } else if (anchor) {
-      this.controlPoint = getFixedPoint(item2, anchor.getCenter());
+      this.controlPoint = getFixedPoint(item, anchor.getCenter());
     } else if (point5) {
-      const nearest2 = item2.getNearestEdgePointTo(pointer);
-      this.controlPoint = getFixedPoint(item2, nearest2);
+      const nearest2 = item.getNearestEdgePointTo(pointer);
+      this.controlPoint = getFixedPoint(item, nearest2);
     } else {
       if (this.hover.isTimeoutElapsed) {
-        this.controlPoint = getFixedPoint(item2, pointer);
+        this.controlPoint = getFixedPoint(item, pointer);
       } else {
-        this.controlPoint = getFixedPoint(item2, pointer);
+        this.controlPoint = getFixedPoint(item, pointer);
       }
     }
   }
@@ -43301,23 +43320,23 @@ class ConnectorSnap {
     }
     return nearest;
   }
-  getClosestPointOnItem(item2, position4) {
-    const nearestEdgePoint = item2.getNearestEdgePointTo(position4);
-    return getFixedPoint(item2, nearestEdgePoint);
+  getClosestPointOnItem(item, position4) {
+    const nearestEdgePoint = item.getNearestEdgePointTo(position4);
+    return getFixedPoint(item, nearestEdgePoint);
   }
-  isNearBorder(item2) {
-    if (!item2) {
+  isNearBorder(item) {
+    if (!item) {
       return false;
     }
     const pointer = this.board.pointer.point;
-    const point5 = item2.getNearestEdgePointTo(pointer);
+    const point5 = item.getNearestEdgePointTo(pointer);
     const distance = pointer.getDistance(point5);
     return distance < this.distance.border / this.board.camera.getScale();
   }
   setSnap() {
-    const item2 = this.snap.item;
-    const path2 = item2 && "getPath" in item2 ? item2?.getPath() : null;
-    if (!item2 || !path2) {
+    const item = this.snap.item;
+    const path2 = item && "getPath" in item ? item?.getPath() : null;
+    if (!item || !path2) {
       this.snap.path = null;
       this.snap.anchors = [];
       this.snap.anchor = null;
@@ -43328,11 +43347,11 @@ class ConnectorSnap {
       if (this.snap.item === this.hover.item && !this.hover.isTimeoutElapsed) {
         path2.setBackgroundColor(this.color.snapBackgroundHighlight);
       }
-      this.setAnchors(item2);
+      this.setAnchors(item);
     }
   }
-  setAnchors(item2) {
-    const points = item2.getSnapAnchorPoints();
+  setAnchors(item) {
+    const points = item.getSnapAnchorPoints();
     if (!points) {
       return;
     }
@@ -43366,10 +43385,10 @@ class ConnectorSnap {
   }
   setPoint() {
     const pointer = this.board.pointer.point;
-    const { item: item2, anchor } = this.snap;
-    if (item2) {
+    const { item, anchor } = this.snap;
+    if (item) {
       if (!anchor) {
-        const point5 = item2.getNearestEdgePointTo(pointer);
+        const point5 = item.getNearestEdgePointTo(pointer);
         if (point5.getDistance(pointer) < this.distance.border || !this.hover.isTimeoutElapsed) {
           this.snap.point = new Anchor(point5.x, point5.y, 5, this.color.pointBorder, this.color.pointBackground, 1);
         } else {
@@ -43742,12 +43761,12 @@ class NestingHighlighter extends Tool {
       this.toHighlight.push({ groupItem, children: array });
     }
   }
-  addSingleItem(item2) {
-    this.toHighlight.push({ children: [item2] });
+  addSingleItem(item) {
+    this.toHighlight.push({ children: [item] });
   }
-  remove(item2) {
+  remove(item) {
     this.toHighlight.forEach((group) => {
-      group.children = group.children.filter((child) => child !== item2);
+      group.children = group.children.filter((child) => child !== item);
     });
     this.toHighlight = this.toHighlight.filter((group) => group.children.length > 0);
   }
@@ -43814,7 +43833,7 @@ class AddFrame extends BoardTool {
       this.mbr.borderColor = "blue";
       this.nestingHighlighter.clear();
       const enclosedOrCrossed = this.board.items.getEnclosedOrCrossed(this.mbr.left, this.mbr.top, this.mbr.right, this.mbr.bottom);
-      const inside = enclosedOrCrossed.filter((item2) => !(item2 instanceof Frame2) && item2.parent === "Board" && this.mbr.isInside(item2.getMbr().getCenter()));
+      const inside = enclosedOrCrossed.filter((item) => !(item instanceof Frame2) && item.parent === "Board" && this.mbr.isInside(item.getMbr().getCenter()));
       this.nestingHighlighter.add(this.frame, inside);
       this.initTransformation();
       this.board.tools.publish();
@@ -43835,7 +43854,7 @@ class AddFrame extends BoardTool {
       localStorage.setItem("lastFrameScale", JSON.stringify(this.frame.transformation.getScale()));
     }
     const currMbr = this.frame.getMbr();
-    const frameChildren = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item2) => item2.parent === "Board").filter((item2) => this.frame.handleNesting(item2));
+    const frameChildren = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board").filter((item) => this.frame.handleNesting(item));
     this.applyAddChildren(frameChildren);
     if (this.shape !== "Custom") {
       this.applyCanChangeRatio(false);
@@ -43851,7 +43870,7 @@ class AddFrame extends BoardTool {
     return true;
   }
   addNextTo() {
-    const framesInView = this.board.items.getItemsInView().filter((item2) => item2 instanceof Frame2);
+    const framesInView = this.board.items.getItemsInView().filter((item) => item instanceof Frame2);
     if (framesInView.length === 0) {
       if (this.shape === "Custom") {
         const { x, y } = this.frame.getLastFrameScale();
@@ -43889,7 +43908,7 @@ class AddFrame extends BoardTool {
       this.board.camera.viewRectangle(this.frame.getMbr());
     }
     const frameMbr = this.frame.getMbr();
-    this.board.items.getEnclosedOrCrossed(frameMbr.left, frameMbr.top, frameMbr.right, frameMbr.bottom).filter((item2) => item2.parent === "Board").filter((item2) => this.frame.handleNesting(item2)).forEach((item2) => this.applyAddChildren([item2]));
+    this.board.items.getEnclosedOrCrossed(frameMbr.left, frameMbr.top, frameMbr.right, frameMbr.bottom).filter((item) => item.parent === "Board").filter((item) => this.frame.handleNesting(item)).forEach((item) => this.applyAddChildren([item]));
     const frame = this.board.add(this.frame);
     frame.text.editor.moveCursorToEndOfTheText();
     this.nestingHighlighter.clear();
@@ -44394,13 +44413,13 @@ class Eraser extends BoardTool {
   }
   removeUnderPointOrLine() {
     const segments = this.drawing.getLines();
-    const items = this.board.items.getUnderPointer(this.strokeWidth / 2).filter((item2) => {
-      return item2.itemType === "Drawing" && item2.getLines().find((line) => {
-        return line.getDistance(this.board.pointer.point) <= item2.strokeWidth / 2 + this.strokeWidth / 2;
+    const items = this.board.items.getUnderPointer(this.strokeWidth / 2).filter((item) => {
+      return item.itemType === "Drawing" && item.getLines().find((line) => {
+        return line.getDistance(this.board.pointer.point) <= item.strokeWidth / 2 + this.strokeWidth / 2;
       });
     });
-    items.push(...this.board.items.getEnclosedOrCrossed(this.drawing.points[0].x, this.drawing.points[0].y, this.board.pointer.point.x, this.board.pointer.point.y).filter((item2) => {
-      return item2.itemType === "Drawing" && item2.getLines().some((line) => {
+    items.push(...this.board.items.getEnclosedOrCrossed(this.drawing.points[0].x, this.drawing.points[0].y, this.board.pointer.point.x, this.board.pointer.point.y).filter((item) => {
+      return item.itemType === "Drawing" && item.getLines().some((line) => {
         return segments.some((segment) => segment.hasIntersectionPoint(line));
       });
     }));
@@ -44852,20 +44871,20 @@ function createCanvasDrawer(board) {
     context.ctx.setTransform(board2.camera.getMatrix().scaleX, 0, 0, board2.camera.getMatrix().scaleY, 0, 0);
     context.matrix.applyToContext(context.ctx);
     const items = Object.keys(translation).map((id) => {
-      const item2 = board2.items.getById(id);
-      if (item2) {
-        if (item2.itemType !== "Frame") {
-          return item2;
+      const item = board2.items.getById(id);
+      if (item) {
+        if (item.itemType !== "Frame") {
+          return item;
         }
-        item2.render(context);
-        return item2;
+        item.render(context);
+        return item;
       }
       return;
-    }).filter((item2) => !!item2);
-    items.forEach((item2) => {
-      if (item2.itemType !== "Frame") {
-        item2.render(context);
-        board2.selection.renderItemMbr(context, item2, board2.camera.getMatrix().scaleX);
+    }).filter((item) => !!item);
+    items.forEach((item) => {
+      if (item.itemType !== "Frame") {
+        item.render(context);
+        board2.selection.renderItemMbr(context, item, board2.camera.getMatrix().scaleX);
       }
     });
     return { canvas: container, items };
@@ -44926,10 +44945,10 @@ function createCanvasDrawer(board) {
     if (lastTranslationKeys) {
       board.selection.shouldPublish = false;
       lastTranslationKeys.forEach((id) => {
-        const item2 = board.items.getById(id);
-        if (item2) {
-          item2.transformationRenderBlock = undefined;
-          item2.subject.publish(item2);
+        const item = board.items.getById(id);
+        if (item) {
+          item.transformationRenderBlock = undefined;
+          item.subject.publish(item);
         }
       });
       lastTranslationKeys = undefined;
@@ -44961,9 +44980,9 @@ function createCanvasDrawer(board) {
         lastCreatedCanvas = cnvs;
         lastTranslationKeys = Object.keys(translation);
         lastTranslationKeys.forEach((id) => {
-          const item2 = board.items.getById(id);
-          if (item2) {
-            item2.transformationRenderBlock = true;
+          const item = board.items.getById(id);
+          if (item) {
+            item.transformationRenderBlock = true;
           }
         });
         board.selection.transformationRenderBlock = true;
@@ -44973,14 +44992,14 @@ function createCanvasDrawer(board) {
   }
   function countSumMbr(translation) {
     return Object.keys(translation).reduce((mbr, id) => {
-      const item2 = board.items.getById(id);
-      if (item2) {
+      const item = board.items.getById(id);
+      if (item) {
         if (!mbr) {
-          mbr = item2.getMbr();
+          mbr = item.getMbr();
         } else {
-          mbr.combine(item2.getMbr());
-          if (item2.itemType === "Frame") {
-            mbr.combine(item2.getRichText().getMbr());
+          mbr.combine(item.getMbr());
+          if (item.itemType === "Frame") {
+            mbr.combine(item.getRichText().getMbr());
           }
         }
       }
@@ -45011,8 +45030,8 @@ function createCanvasDrawer(board) {
   }
   function highlightNesting() {
     const container = getLastCreatedCanvas();
-    const drawnItemsMap = drawnItems?.reduce((acc, item2) => {
-      acc.set(item2.getId(), { item: item2, mbr: item2.getMbr() });
+    const drawnItemsMap = drawnItems?.reduce((acc, item) => {
+      acc.set(item.getId(), { item, mbr: item.getMbr() });
       return acc;
     }, new Map);
     if (!container || !drawnItems) {
@@ -45047,11 +45066,11 @@ function createCanvasDrawer(board) {
         mbr.transform(currMatrix);
       });
       groups.forEach((group) => {
-        drawnItemsMap?.forEach(({ mbr, item: item2 }, key) => {
-          if ("canBeNested" in item2 && !item2.canBeNested) {
+        drawnItemsMap?.forEach(({ mbr, item }, key) => {
+          if ("canBeNested" in item && !item.canBeNested) {
             return;
           }
-          if (lastCreatedCanvas && (!drawnItemsMap.get(group.getId()) || item2.parent !== group.getId()) && group.handleNesting(mbr)) {
+          if (lastCreatedCanvas && (!drawnItemsMap.get(group.getId()) || item.parent !== group.getId()) && group.handleNesting(mbr)) {
             const div = createBorderDivForItem(mbr, lastCreatedCanvas);
             removeHighlighted(key);
             highlightedDivs.set(key, div);
@@ -45112,10 +45131,10 @@ function createCanvasDrawer(board) {
 }
 
 // src/Selection/QuickAddButtons/quickAddHelpers.ts
-function getControlPointData(item2, index2, isRichText = false) {
-  const itemScale = isRichText ? { x: 1, y: 1 } : item2.transformation.getScale();
-  const width2 = item2.getPathMbr().getWidth();
-  let height3 = item2.getPathMbr().getHeight();
+function getControlPointData(item, index2, isRichText = false) {
+  const itemScale = isRichText ? { x: 1, y: 1 } : item.transformation.getScale();
+  const width2 = item.getPathMbr().getWidth();
+  let height3 = item.getPathMbr().getHeight();
   const adjMapScaled = {
     0: { x: 0, y: height3 / 2 / itemScale.y },
     1: {
@@ -45130,7 +45149,7 @@ function getControlPointData(item2, index2, isRichText = false) {
   };
   return {
     pointType: "Fixed",
-    itemId: item2.getId(),
+    itemId: item.getId(),
     relativeX: adjMapScaled[index2].x,
     relativeY: adjMapScaled[index2].y
   };
@@ -45265,10 +45284,10 @@ function getQuickAddButtons(selection, board) {
     let newHeight = height3;
     let itemData;
     if (selectedItem.itemType === "AINode" || selectedItem.itemType === "RichText") {
-      const item2 = selectedItem.itemType === "AINode" ? createAINode2(board, index2, selectedItem.getId()) : createRichText2(board);
-      newWidth = item2.getMbr().getWidth();
-      newHeight = item2.getMbr().getHeight();
-      itemData = item2.serialize();
+      const item = selectedItem.itemType === "AINode" ? createAINode2(board, index2, selectedItem.getId()) : createRichText2(board);
+      newWidth = item.getMbr().getWidth();
+      newHeight = item.getMbr().getHeight();
+      itemData = item.serialize();
       const { minX, minY, maxY, maxX } = offsets;
       offsetX = Math.min(offsetX, maxX);
       offsetX = Math.max(offsetX, minX);
@@ -45301,7 +45320,7 @@ function getQuickAddButtons(selection, board) {
     }
     const newMbr = new Mbr(newItemData.transformation?.translateX, newItemData.transformation?.translateY, (newItemData.transformation?.translateX || 0) + newWidth, (newItemData.transformation?.translateY || 0) + newHeight);
     let step = 1;
-    while (board.index.getItemsEnclosedOrCrossed(newMbr.left, newMbr.top, newMbr.right, newMbr.bottom).filter((item2) => item2.itemType !== "Connector").length > 0) {
+    while (board.index.getItemsEnclosedOrCrossed(newMbr.left, newMbr.top, newMbr.right, newMbr.bottom).filter((item) => item.itemType !== "Connector").length > 0) {
       const xDirection = step % 2 === 0 ? -1 : 1;
       const yDirection = newItemData.itemType === "AINode" ? -1 : xDirection;
       newMbr.transform(new Matrix2(iterAdjustment[index2].x * xDirection * step, iterAdjustment[index2].y * yDirection * (newItemData.itemType === "AINode" ? 1 : step)));
@@ -45434,7 +45453,7 @@ function getQuickAddButtons(selection, board) {
       clear();
       return;
     }
-    const { positions, item: item2 } = position4;
+    const { positions, item } = position4;
     const cameraMatrix = board.camera.getMatrix();
     const cameraMbr = board.camera.getMbr();
     const positionAdjustments = {
@@ -45462,7 +45481,7 @@ function getQuickAddButtons(selection, board) {
         };
         const button = document.createElement("button");
         button.classList.add("microboard-quickAddButton");
-        if (item2.itemType === "AINode" && index2 === 2) {
+        if (item.itemType === "AINode" && index2 === 2) {
           button.classList.add("microboard-invisible");
         }
         button.classList.add(`microboard-${adjustment.rotate}`);
@@ -45478,7 +45497,7 @@ function getQuickAddButtons(selection, board) {
             clearTimeout(timeoutId);
           }
           if (button.isMouseDown) {
-            board.tools.addConnector(true, item2, pos);
+            board.tools.addConnector(true, item, pos);
           } else {
             quickAddItems = undefined;
             selection.subject.publish(selection);
@@ -45585,11 +45604,11 @@ class AlignmentHelper {
     return baseThickness / (zoom / 100);
   }
   combineMBRs(items) {
-    return items.reduce((acc, item2, i) => {
+    return items.reduce((acc, item, i) => {
       if (i === 0) {
         return acc;
       }
-      const itemMbr = item2.getPathMbr();
+      const itemMbr = item.getPathMbr();
       return acc.combine(itemMbr);
     }, items[0].getMbr());
   }
@@ -45603,7 +45622,7 @@ class AlignmentHelper {
     const scale = this.board.camera.getScale();
     const dynamicAlignThreshold = Math.min(this.alignThreshold / scale, 8);
     const childrenIds = "index" in movingItem && movingItem.index ? movingItem.getChildrenIds() : [];
-    const nearbyItems = this.canvasDrawer.getLastCreatedCanvas() ? this.spatialIndex.getNearestTo(movingMBR.getCenter(), 20, (item2) => !excludeItems.includes(item2), Math.ceil(cameraWidth)) : this.spatialIndex.getNearestTo(movingMBR.getCenter(), 20, (otherItem) => otherItem !== movingMBR && otherItem.itemType !== "Connector" && otherItem.itemType !== "Drawing" && otherItem.isInView(camera) && !childrenIds.includes(otherItem.getId()), Math.ceil(cameraWidth)).filter((item2) => Array.isArray(movingItem) ? !movingItem.includes(item2) : true);
+    const nearbyItems = this.canvasDrawer.getLastCreatedCanvas() ? this.spatialIndex.getNearestTo(movingMBR.getCenter(), 20, (item) => !excludeItems.includes(item), Math.ceil(cameraWidth)) : this.spatialIndex.getNearestTo(movingMBR.getCenter(), 20, (otherItem) => otherItem !== movingMBR && otherItem.itemType !== "Connector" && otherItem.itemType !== "Drawing" && otherItem.isInView(camera) && !childrenIds.includes(otherItem.getId()), Math.ceil(cameraWidth)).filter((item) => Array.isArray(movingItem) ? !movingItem.includes(item) : true);
     const verticalAlignments = new Map;
     const horizontalAlignments = new Map;
     const addVerticalAlignment = (x, minY, maxY) => {
@@ -45624,11 +45643,11 @@ class AlignmentHelper {
         horizontalAlignments.set(y, { minX, maxX });
       }
     };
-    nearbyItems.forEach((item2) => {
-      if (item2 === movingItem || item2.itemType === "Comment") {
+    nearbyItems.forEach((item) => {
+      if (item === movingItem || item.itemType === "Comment") {
         return;
       }
-      const itemMbr = item2.itemType === "Shape" ? item2.getPath().getMbr() : item2.getMbr();
+      const itemMbr = item.itemType === "Shape" ? item.getPath().getMbr() : item.getMbr();
       const centerXMoving = (movingMBR.left + movingMBR.right) / 2;
       const centerXItem = (itemMbr.left + itemMbr.right) / 2;
       const centerYMoving = (movingMBR.top + movingMBR.bottom) / 2;
@@ -45895,20 +45914,20 @@ class AlignmentHelper {
     }
     return false;
   }
-  translateItems(item2, x, y, timeStamp) {
+  translateItems(item, x, y, timeStamp) {
     if (this.canvasDrawer.getLastCreatedCanvas()) {
       return;
     }
-    if (Array.isArray(item2)) {
+    if (Array.isArray(item)) {
       const translation = this.board.selection.getManyItemsTranslation(x, y);
       this.board.selection.transformMany(translation, timeStamp);
       return;
     }
-    if (item2.itemType === "Frame") {
+    if (item.itemType === "Frame") {
       const translation = this.board.selection.getManyItemsTranslation(x, y);
       this.board.selection.transformMany(translation, timeStamp);
     } else {
-      const id = item2.getId();
+      const id = item.getId();
       const transformMap = {};
       transformMap[id] = {
         class: "Transformation",
@@ -46036,12 +46055,12 @@ class Select extends Tool {
     this.debounceUpd.setFalse();
     this.snapLines = { verticalLines: [], horizontalLines: [] };
   }
-  handleSnapping(item2) {
+  handleSnapping(item) {
     if (this.board.keyboard.isShift) {
       return false;
     }
-    const increasedSnapThreshold = Array.isArray(item2) ? 40 : 35;
-    this.isSnapped = this.alignmentHelper.snapToClosestLine(item2, this.snapLines, this.beginTimeStamp, this.board.pointer.point);
+    const increasedSnapThreshold = Array.isArray(item) ? 40 : 35;
+    this.isSnapped = this.alignmentHelper.snapToClosestLine(item, this.snapLines, this.beginTimeStamp, this.board.pointer.point);
     if (this.isSnapped) {
       if (!this.snapCursorPos) {
         this.snapCursorPos = new Point(this.board.pointer.point.x, this.board.pointer.point.y);
@@ -46051,10 +46070,10 @@ class Select extends Tool {
       if ((cursorDiffX > increasedSnapThreshold || cursorDiffY > increasedSnapThreshold) && this.initialCursorPos) {
         this.isSnapped = false;
         this.snapCursorPos = null;
-        const itemCenter = Array.isArray(item2) ? this.alignmentHelper.combineMBRs(item2).getCenter() : item2.getMbr().getCenter();
+        const itemCenter = Array.isArray(item) ? this.alignmentHelper.combineMBRs(item).getCenter() : item.getMbr().getCenter();
         const translateX = this.board.pointer.point.x - this.initialCursorPos.x - itemCenter.x;
         const translateY = this.board.pointer.point.y - this.initialCursorPos.y - itemCenter.y;
-        this.alignmentHelper.translateItems(item2, translateX, translateY, this.beginTimeStamp);
+        this.alignmentHelper.translateItems(item, translateX, translateY, this.beginTimeStamp);
       }
     }
     return false;
@@ -46104,10 +46123,10 @@ class Select extends Tool {
     angleDiff = angleDiff < 0 ? angleDiff + 360 : angleDiff;
     return Math.min(angleDiff, 360 - angleDiff);
   }
-  handleShiftGuidelines(item2, mousePosition) {
-    if (item2) {
+  handleShiftGuidelines(item, mousePosition) {
+    if (item) {
       if (!this.originalCenter) {
-        this.originalCenter = Array.isArray(item2) ? this.board.selection.getMbr()?.getCenter().copy() : item2.getMbr().getCenter().copy();
+        this.originalCenter = Array.isArray(item) ? this.board.selection.getMbr()?.getCenter().copy() : item.getMbr().getCenter().copy();
         this.guidelines = this.alignmentHelper.generateGuidelines(this.originalCenter).lines;
       }
       this.mainLine = new Line(this.originalCenter, mousePosition);
@@ -46128,13 +46147,13 @@ class Select extends Tool {
         const newEndX = this.originalCenter.x + snapDirectionX * mainLineLength;
         const newEndY = this.originalCenter.y + snapDirectionY * mainLineLength;
         const threshold = Infinity;
-        const translateX = newEndX - (Array.isArray(item2) ? this.board.selection.getMbr()?.getCenter().x : item2.getMbr().getCenter().x);
-        const translateY = newEndY - (Array.isArray(item2) ? this.board.selection.getMbr()?.getCenter().y : item2.getMbr().getCenter().y);
-        if (Array.isArray(item2)) {
+        const translateX = newEndX - (Array.isArray(item) ? this.board.selection.getMbr()?.getCenter().x : item.getMbr().getCenter().x);
+        const translateY = newEndY - (Array.isArray(item) ? this.board.selection.getMbr()?.getCenter().y : item.getMbr().getCenter().y);
+        if (Array.isArray(item)) {
           const translation = this.board.selection.getManyItemsTranslation(translateX, translateY);
           this.board.selection.transformMany(translation, this.beginTimeStamp);
         } else {
-          item2.transformation.translateBy(translateX, translateY, this.beginTimeStamp);
+          item.transformation.translateBy(translateX, translateY, this.beginTimeStamp);
         }
       }
     }
@@ -46177,7 +46196,7 @@ class Select extends Tool {
       return false;
     }
     this.isDownOnBoard = hover.length === 0;
-    this.isDrawingRectangle = hover.filter((item2) => !(item2 instanceof Frame2)).length === 0 && hover.filter((item2) => item2 instanceof Frame2).filter((frame) => frame.isTextUnderPoint(pointer.point)).length === 0;
+    this.isDrawingRectangle = hover.filter((item) => !(item instanceof Frame2)).length === 0 && hover.filter((item) => item instanceof Frame2).filter((frame) => frame.isTextUnderPoint(pointer.point)).length === 0;
     if (this.isDrawingRectangle) {
       const { x, y } = pointer.point;
       this.line = new Line(new Point(x, y), new Point(x, y));
@@ -46197,7 +46216,7 @@ class Select extends Tool {
       });
       return false;
     }
-    const isHoverLocked = hover.every((item2) => item2.transformation.isLocked);
+    const isHoverLocked = hover.every((item) => item.transformation.isLocked);
     if (isHoverLocked) {
       return false;
     }
@@ -46331,7 +46350,7 @@ class Select extends Tool {
         const translation = selection.getManyItemsTranslation(x, y);
         const translationKeys = Object.keys(translation);
         const commentsSet = new Set(this.board.items.getComments().map((comment2) => comment2.getId()));
-        if (translationKeys.filter((item2) => !commentsSet.has(item2)).length > 10) {
+        if (translationKeys.filter((item) => !commentsSet.has(item)).length > 10) {
           const selectedMbr = this.board.selection.getMbr()?.copy();
           const sumMbr = this.canvasDrawer.countSumMbr(translation);
           if (sumMbr) {
@@ -46358,7 +46377,7 @@ class Select extends Tool {
         return false;
       }
       const draggingMbr = draggingItem.getMbr();
-      const frames = this.board.items.getEnclosedOrCrossed(draggingMbr.left, draggingMbr.top, draggingMbr.right, draggingMbr.bottom).filter((item2) => item2 instanceof Frame2);
+      const frames = this.board.items.getEnclosedOrCrossed(draggingMbr.left, draggingMbr.top, draggingMbr.right, draggingMbr.bottom).filter((item) => item instanceof Frame2);
       frames.forEach((frame) => {
         if (frame.handleNesting(draggingItem)) {
           this.nestingHighlighter.add(frame, draggingItem);
@@ -46368,7 +46387,7 @@ class Select extends Tool {
       });
     }
     const hover = items.getUnderPointer();
-    this.isHoverUnselectedItem = hover.filter((item2) => item2.itemType === "Placeholder").length === 1;
+    this.isHoverUnselectedItem = hover.filter((item) => item.itemType === "Placeholder").length === 1;
     if (this.isHoverUnselectedItem && !this.isDraggingUnselectedItem && selection.getContext() === "None") {
       selection.setContext("HoverUnderPointer");
       return false;
@@ -46412,15 +46431,15 @@ class Select extends Tool {
     }
   }
   updateFramesNesting(selectionMbr, selection) {
-    const frames = this.board.items.getEnclosedOrCrossed(selectionMbr.left, selectionMbr.top, selectionMbr.right, selectionMbr.bottom).filter((item2) => item2 instanceof Frame2).filter((frame) => !selection.items.list().includes(frame));
-    const draggingFramesIds = selection.list().filter((item2) => item2 instanceof Frame2).map((frame) => frame.getId());
-    selection.list().forEach((item2) => {
-      if (!(item2 instanceof Frame2) && !draggingFramesIds.includes(item2.parent)) {
+    const frames = this.board.items.getEnclosedOrCrossed(selectionMbr.left, selectionMbr.top, selectionMbr.right, selectionMbr.bottom).filter((item) => item instanceof Frame2).filter((frame) => !selection.items.list().includes(frame));
+    const draggingFramesIds = selection.list().filter((item) => item instanceof Frame2).map((frame) => frame.getId());
+    selection.list().forEach((item) => {
+      if (!(item instanceof Frame2) && !draggingFramesIds.includes(item.parent)) {
         frames.forEach((frame) => {
-          if (frame.handleNesting(item2)) {
-            this.nestingHighlighter.add(frame, item2);
+          if (frame.handleNesting(item)) {
+            this.nestingHighlighter.add(frame, item);
           } else {
-            this.nestingHighlighter.remove(item2);
+            this.nestingHighlighter.remove(item);
           }
         });
       }
@@ -46512,7 +46531,7 @@ class Select extends Tool {
             const childrenIds = underPointer.getChildrenIds();
             console.log("UNDERPOINTER", underPointer);
             console.log("CHILDREN", childrenIds);
-            const itemsInFrame = this.board.items.getEnclosedOrCrossed(left, top, right, bottom).filter((item2) => childrenIds && childrenIds.includes(item2.getId()));
+            const itemsInFrame = this.board.items.getEnclosedOrCrossed(left, top, right, bottom).filter((item) => childrenIds && childrenIds.includes(item.getId()));
             this.board.selection.add(itemsInFrame);
           }
           this.board.selection.setContext("EditUnderPointer");
@@ -46752,8 +46771,8 @@ class ShapeTool extends CustomTool {
   resizeType = "leftBottom";
   bounds = new Mbr;
   isDown = false;
-  constructor(board, name, item2, settings) {
-    super(board, name, item2);
+  constructor(board, name, item, settings) {
+    super(board, name, item);
     this.settings = settings;
     this.setCursor();
   }
@@ -46836,8 +46855,8 @@ class ShapeTool extends CustomTool {
 
 class StickerTool extends CustomTool {
   settings;
-  constructor(board, name, item2, settings) {
-    super(board, name, item2);
+  constructor(board, name, item, settings) {
+    super(board, name, item);
     this.settings = settings;
     this.setCursor();
   }
@@ -47143,7 +47162,7 @@ class Tools extends ToolContext {
     this.subject.publish(this);
   }
   sortFrames() {
-    const frames = this.board.items.listAll().filter((item2) => item2 instanceof Frame2);
+    const frames = this.board.items.listAll().filter((item) => item instanceof Frame2);
     const sortedFrames = frames.sort((fr1, fr2) => {
       const mbr1 = fr1.getMbr();
       const mbr2 = fr2.getMbr();
@@ -47369,24 +47388,24 @@ function validateGroupData(groupData) {
 }
 // src/Items/RegisterItem.ts
 function registerItem({
-  item: item2,
+  item,
   defaultData: defaultData2,
   toolData
 }) {
   const { itemType } = defaultData2;
-  itemFactories[itemType] = createItemFactory(item2, defaultData2);
+  itemFactories[itemType] = createItemFactory(item, defaultData2);
   itemValidators[itemType] = createItemValidator(defaultData2);
   if (toolData) {
     registeredTools[toolData.name] = toolData.tool;
   }
   itemCommandFactories[itemType] = createItemCommandFactory(itemType);
 }
-function createItemFactory(item2, defaultData2) {
+function createItemFactory(item, defaultData2) {
   return function itemFactory(id, data, board) {
     if (data.itemType !== defaultData2.itemType) {
       throw new Error(`Invalid data for ${defaultData2.itemType}`);
     }
-    return new item2(board, id, defaultData2).setId(id).deserialize(data);
+    return new item(board, id, defaultData2).setId(id).deserialize(data);
   };
 }
 function createItemValidator(defaultData2) {
@@ -47401,7 +47420,7 @@ function createItemValidator(defaultData2) {
 }
 function createItemCommandFactory(itemType) {
   return function itemCommandFactory(items, operation) {
-    return new BaseCommand(items.filter((item2) => item2.itemType === itemType), operation);
+    return new BaseCommand(items.filter((item) => item.itemType === itemType), operation);
   };
 }
 // src/Items/Examples/Star/AddStar.ts
@@ -48426,8 +48445,8 @@ class Camera {
       this.observableItem = null;
     }
   }
-  subscribeToItem(item2) {
-    this.observableItem = item2;
+  subscribeToItem(item) {
+    this.observableItem = item;
     this.observableItem.subject.subscribe(this.observeItem);
   }
   observeItem = () => {
@@ -48653,7 +48672,7 @@ class Camera {
   }
   addToView(mbr, inView) {
     if (!mbr.isEnclosedBy(this.getMbr())) {
-      this.viewRectangle(inView.reduce((acc, item2) => acc.combine(item2.getMbr()), inView[0]?.getMbr() ?? new Mbr).combine(mbr));
+      this.viewRectangle(inView.reduce((acc, item) => acc.combine(item.getMbr()), inView[0]?.getMbr() ?? new Mbr).combine(mbr));
     }
   }
   viewRectangle(mbr, offsetInPercent = 10, duration = 500) {
@@ -50262,8 +50281,8 @@ class Presence {
 <path fill-rule="evenodd" clip-rule="evenodd" d="M3.28421 4.30174C3.55182 4.02741 3.95268 3.93015 4.31625 4.05135L20.3163 9.38468C20.7064 9.51472 20.9771 9.8703 20.9987 10.2809C21.0202 10.6916 20.7882 11.0736 20.4138 11.2437L20.36 11.2682L20.2042 11.3396C20.069 11.4015 19.8742 11.4912 19.636 11.6017C19.1595 11.8227 18.5109 12.1262 17.8216 12.4571C16.4106 13.1344 14.9278 13.8797 14.3325 14.2765C14.3325 14.2765 14.3258 14.2809 14.308 14.2965C14.2906 14.3118 14.2673 14.3339 14.2382 14.3646C14.1791 14.4267 14.1072 14.5123 14.0231 14.6243C13.8542 14.8496 13.6622 15.1471 13.4541 15.5039C13.0384 16.2164 12.5946 17.1024 12.1833 17.98C11.7735 18.8541 11.4038 19.7031 11.136 20.3348C11.0023 20.6502 10.8944 20.9105 10.8201 21.0915C10.783 21.182 10.7543 21.2525 10.735 21.3002L10.7132 21.3542L10.7066 21.3707C10.5524 21.7561 10.1759 22.0069 9.76082 21.9999C9.34577 21.9928 8.97824 21.7301 8.83725 21.3397L3.05947 5.33967C2.92931 4.97922 3.0166 4.57607 3.28421 4.30174Z" fill="${color2}"/>
 </svg>`;
   }
-  renderItemMbr(context, item2, color2, customScale) {
-    const mbr = item2.getMbr();
+  renderItemMbr(context, item, color2, customScale) {
+    const mbr = item.getMbr();
     mbr.strokeWidth = !customScale ? 1 / context.matrix.scaleX : 1 / customScale;
     mbr.borderColor = color2;
     mbr.render(context);
@@ -50403,8 +50422,8 @@ class Presence {
         selectionMbr.strokeWidth = 1 / context.matrix.scaleX;
         selectionMbr.borderColor = selection.color;
         selectionMbr.render(context);
-        for (const item2 of selection.selection) {
-          this.renderItemMbr(context, item2, selection.color);
+        for (const item of selection.selection) {
+          this.renderItemMbr(context, item, selection.color);
         }
       }
     }
@@ -50437,14 +50456,14 @@ class SelectionItems {
   items = new Map;
   add(value) {
     if (Array.isArray(value)) {
-      value.forEach((item2) => this.items.set(item2.getId(), item2));
+      value.forEach((item) => this.items.set(item.getId(), item));
     } else {
       this.items.set(value.getId(), value);
     }
   }
   remove(value) {
     if (Array.isArray(value)) {
-      value.forEach((item2) => this.items.delete(item2.getId()));
+      value.forEach((item) => this.items.delete(item.getId()));
     } else {
       this.items.delete(value.getId());
     }
@@ -50474,8 +50493,8 @@ class SelectionItems {
     if (this.isEmpty()) {
       return false;
     }
-    for (const item2 of this.items.values()) {
-      if (item2.itemType !== "RichText") {
+    for (const item of this.items.values()) {
+      if (item.itemType !== "RichText") {
         return false;
       }
     }
@@ -50485,14 +50504,14 @@ class SelectionItems {
     if (this.isEmpty()) {
       return false;
     }
-    return Array.from(this.items).every(([, item2]) => item2.itemType === itemType);
+    return Array.from(this.items).every(([, item]) => item.itemType === itemType);
   }
   isItemTypes(itemTypes) {
     if (this.isEmpty()) {
       return false;
     }
-    for (const item2 of this.items.values()) {
-      if (!itemTypes.includes(item2.itemType)) {
+    for (const item of this.items.values()) {
+      if (!itemTypes.includes(item.itemType)) {
         return false;
       }
     }
@@ -50500,16 +50519,16 @@ class SelectionItems {
   }
   getItemTypes() {
     const itemTypes = new Set;
-    this.items.forEach((item2) => itemTypes.add(item2.itemType));
+    this.items.forEach((item) => itemTypes.add(item.itemType));
     return Array.from(itemTypes);
   }
   getItemsByItemTypes(itemTypes) {
-    return Array.from(this.items.values()).filter((item2) => itemTypes.includes(item2.itemType));
+    return Array.from(this.items.values()).filter((item) => itemTypes.includes(item.itemType));
   }
   getIdsByItemTypes(itemTypes) {
     const ids = [];
-    this.items.forEach((item2, id) => {
-      if (itemTypes.includes(item2.itemType)) {
+    this.items.forEach((item, id) => {
+      if (itemTypes.includes(item.itemType)) {
         ids.push(id);
       }
     });
@@ -50519,7 +50538,7 @@ class SelectionItems {
     return this.isSingle() ? this.items.values().next().value || null : null;
   }
   listByIds(itemIdList) {
-    return itemIdList.map((id) => this.items.get(id)).filter((item2) => item2 !== undefined);
+    return itemIdList.map((id) => this.items.get(id)).filter((item) => item !== undefined);
   }
   ids() {
     return Array.from(this.items.keys());
@@ -50530,7 +50549,7 @@ class SelectionItems {
       return;
     }
     const mbr = items[0].getMbr();
-    items.slice(1).forEach((item2) => mbr.combine(item2.getMbr()));
+    items.slice(1).forEach((item) => mbr.combine(item.getMbr()));
     return mbr;
   }
 }
@@ -50735,33 +50754,33 @@ function handleMultipleItemsResize({
   const translation = {};
   const items = itemsToResize ? itemsToResize : board.selection.items.list();
   board.items.getComments().forEach((comment2) => {
-    if (items.some((item2) => item2.getId() === comment2.getItemToFollow())) {
+    if (items.some((item) => item.getId() === comment2.getItemToFollow())) {
       items.push(comment2);
     }
   });
-  for (const item2 of items) {
-    let itemX = item2.getMbr().left;
-    let itemY = item2.getMbr().top;
-    if (item2.itemType === "Drawing") {
-      itemX = item2.transformation.matrix.translateX;
-      itemY = item2.transformation.matrix.translateY;
+  for (const item of items) {
+    let itemX = item.getMbr().left;
+    let itemY = item.getMbr().top;
+    if (item.itemType === "Drawing") {
+      itemX = item.transformation.matrix.translateX;
+      itemY = item.transformation.matrix.translateY;
     }
     const deltaX = itemX - initMbr.left;
     const translateX = deltaX * matrix.scaleX - deltaX + matrix.translateX;
     const deltaY = itemY - initMbr.top;
     const translateY = deltaY * matrix.scaleY - deltaY + matrix.translateY;
-    if (item2 instanceof RichText) {
-      translation[item2.getId()] = getRichTextTranslation({
-        item: item2,
+    if (item instanceof RichText) {
+      translation[item.getId()] = getRichTextTranslation({
+        item,
         isWidth,
         isHeight,
         matrix,
         translateX,
         translateY
       });
-    } else if (item2 instanceof AINode) {
-      translation[item2.getId()] = getAINodeTranslation({
-        item: item2,
+    } else if (item instanceof AINode) {
+      translation[item.getId()] = getAINodeTranslation({
+        item,
         isWidth,
         isHeight,
         matrix,
@@ -50769,8 +50788,8 @@ function handleMultipleItemsResize({
         translateY
       });
     } else {
-      translation[item2.getId()] = getItemTranslation({
-        item: item2,
+      translation[item.getId()] = getItemTranslation({
+        item,
         isWidth,
         isHeight,
         matrix,
@@ -50783,7 +50802,7 @@ function handleMultipleItemsResize({
   return translation;
 }
 function getRichTextTranslation({
-  item: item2,
+  item,
   isWidth,
   isHeight,
   matrix,
@@ -50791,11 +50810,11 @@ function getRichTextTranslation({
   translateY
 }) {
   if (isWidth) {
-    item2.editor.setMaxWidth(item2.getWidth() / item2.transformation.getScale().x * matrix.scaleX);
+    item.editor.setMaxWidth(item.getWidth() / item.transformation.getScale().x * matrix.scaleX);
     return {
       class: "Transformation",
       method: "scaleByTranslateBy",
-      item: [item2.getId()],
+      item: [item.getId()],
       translate: { x: matrix.translateX, y: 0 },
       scale: { x: matrix.scaleX, y: matrix.scaleX }
     };
@@ -50803,7 +50822,7 @@ function getRichTextTranslation({
     return {
       class: "Transformation",
       method: "scaleByTranslateBy",
-      item: [item2.getId()],
+      item: [item.getId()],
       translate: { x: translateX, y: translateY },
       scale: { x: 1, y: 1 }
     };
@@ -50811,14 +50830,14 @@ function getRichTextTranslation({
     return {
       class: "Transformation",
       method: "scaleByTranslateBy",
-      item: [item2.getId()],
+      item: [item.getId()],
       translate: { x: translateX, y: translateY },
       scale: { x: matrix.scaleX, y: matrix.scaleX }
     };
   }
 }
 function getAINodeTranslation({
-  item: item2,
+  item,
   isWidth,
   isHeight,
   matrix,
@@ -50826,11 +50845,11 @@ function getAINodeTranslation({
   translateY
 }) {
   if (isWidth) {
-    item2.text.editor.setMaxWidth(item2.text.getWidth() / item2.transformation.getScale().x * matrix.scaleX);
+    item.text.editor.setMaxWidth(item.text.getWidth() / item.transformation.getScale().x * matrix.scaleX);
     return {
       class: "Transformation",
       method: "scaleByTranslateBy",
-      item: [item2.getId()],
+      item: [item.getId()],
       translate: { x: matrix.translateX, y: 0 },
       scale: { x: matrix.scaleX, y: matrix.scaleX }
     };
@@ -50838,7 +50857,7 @@ function getAINodeTranslation({
     return {
       class: "Transformation",
       method: "scaleByTranslateBy",
-      item: [item2.getId()],
+      item: [item.getId()],
       translate: { x: translateX, y: translateY },
       scale: { x: 1, y: 1 }
     };
@@ -50846,14 +50865,14 @@ function getAINodeTranslation({
     return {
       class: "Transformation",
       method: "scaleByTranslateBy",
-      item: [item2.getId()],
+      item: [item.getId()],
       translate: { x: translateX, y: translateY },
       scale: { x: matrix.scaleX, y: matrix.scaleX }
     };
   }
 }
 function getItemTranslation({
-  item: item2,
+  item,
   isWidth,
   isHeight,
   matrix,
@@ -50861,22 +50880,22 @@ function getItemTranslation({
   translateY,
   isShiftPressed
 }) {
-  if (item2 instanceof Sticker && (isWidth || isHeight)) {
+  if (item instanceof Sticker && (isWidth || isHeight)) {
     return {
       class: "Transformation",
       method: "scaleByTranslateBy",
-      item: [item2.getId()],
+      item: [item.getId()],
       translate: { x: translateX, y: translateY },
       scale: { x: 1, y: 1 }
     };
   } else {
-    if (item2 instanceof Frame2 && item2.getCanChangeRatio() && isShiftPressed && item2.getFrameType() !== "Custom") {
-      item2.setFrameType("Custom");
+    if (item instanceof Frame2 && item.getCanChangeRatio() && isShiftPressed && item.getFrameType() !== "Custom") {
+      item.setFrameType("Custom");
     }
     return {
       class: "Transformation",
       method: "scaleByTranslateBy",
-      item: [item2.getId()],
+      item: [item.getId()],
       translate: { x: translateX, y: translateY },
       scale: { x: matrix.scaleX, y: matrix.scaleY }
     };
@@ -51149,11 +51168,11 @@ function transformItems({
   setSnapCursorPos
 }) {
   const items = selection.items.list();
-  const includesProportionalItem = items.some((item2) => item2.itemType === "Sticker" || item2.itemType === "RichText" || item2.itemType === "AINode" || item2.itemType === "Video" || item2.itemType === "Audio");
+  const includesProportionalItem = items.some((item) => item.itemType === "Sticker" || item.itemType === "RichText" || item.itemType === "AINode" || item.itemType === "Video" || item.itemType === "Audio");
   if (includesProportionalItem && (isWidth || isHeight)) {
     return null;
   }
-  const isIncludesFixedFrame = items.some((item2) => item2 instanceof Frame2 && !item2.getCanChangeRatio());
+  const isIncludesFixedFrame = items.some((item) => item instanceof Frame2 && !item.getCanChangeRatio());
   const shouldBeProportionalResize = isIncludesFixedFrame || includesProportionalItem || isShiftPressed || !isWidth && !isHeight;
   const resize = shouldBeProportionalResize ? getProportionalResize(resizeType, board.pointer.point, mbr, oppositePoint) : getResize(resizeType, board.pointer.point, mbr, oppositePoint);
   if (canvasDrawer.getLastCreatedCanvas() && !debounceUpd.shouldUpd()) {
@@ -51231,23 +51250,23 @@ function updateFrameChildren({
   nestingHighlighter
 }) {
   const groups = board.items.getGroupItemsEnclosedOrCrossed(mbr.left, mbr.top, mbr.right, mbr.bottom);
-  board.selection.items.list().forEach((item2) => {
-    if ("getChildrenIds" in item2 && item2.getChildrenIds()) {
-      const currMbr = item2.getMbr();
+  board.selection.items.list().forEach((item) => {
+    if ("getChildrenIds" in item && item.getChildrenIds()) {
+      const currMbr = item.getMbr();
       const itemsToCheck = board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom);
       itemsToCheck.forEach((currItem) => {
-        if (item2.handleNesting(currItem) && (currItem.parent === "Board" || currItem.parent === item2.getId())) {
-          nestingHighlighter.add(item2, currItem);
+        if (item.handleNesting(currItem) && (currItem.parent === "Board" || currItem.parent === item.getId())) {
+          nestingHighlighter.add(item, currItem);
         } else {
           nestingHighlighter.remove(currItem);
         }
       });
     } else {
       groups.forEach((group) => {
-        if (group.handleNesting(item2)) {
-          nestingHighlighter.add(group, item2);
+        if (group.handleNesting(item)) {
+          nestingHighlighter.add(group, item);
         } else {
-          nestingHighlighter.remove(item2);
+          nestingHighlighter.remove(item);
         }
       });
     }
@@ -51315,9 +51334,9 @@ class Transformer extends Tool {
     const pointer = this.board.pointer;
     const camera = this.board.camera;
     const items = this.selection.items;
-    const item2 = items.getSingle();
+    const item = items.getSingle();
     let resizeType;
-    if (item2 && (item2.itemType === "RichText" || item2.itemType === "Sticker")) {
+    if (item && (item.itemType === "RichText" || item.itemType === "Sticker")) {
       resizeType = getTextResizeType(pointer.point, camera.getScale(), mbr);
     } else {
       resizeType = getResizeType(pointer.point, camera.getScale(), mbr);
@@ -51571,8 +51590,8 @@ class SelectionTransformer extends Tool {
       return;
     }
     if (this.selection.items.isSingle()) {
-      const item2 = this.selection.items.getSingle();
-      if (item2?.itemType === "Connector") {
+      const item = this.selection.items.getSingle();
+      if (item?.itemType === "Connector") {
         this.tool = this.connectorTransformerTool;
         return;
       } else {
@@ -51655,16 +51674,16 @@ class BoardSelection {
     this.quickAddButtons = getQuickAddButtons(this, board);
   }
   serialize() {
-    const selectedItems = this.items.list().map((item2) => item2.getId());
+    const selectedItems = this.items.list().map((item) => item.getId());
     return JSON.stringify(selectedItems);
   }
   deserialize(serializedData) {
     const selectedItems = JSON.parse(serializedData);
     this.removeAll();
     selectedItems.forEach((itemId) => {
-      const item2 = this.board.items.getById(itemId);
-      if (item2) {
-        this.items.add(item2);
+      const item = this.board.items.getById(itemId);
+      if (item) {
+        this.items.add(item);
       }
     });
   }
@@ -51742,19 +51761,19 @@ class BoardSelection {
     this.updateQueue.clear();
     safeRequestAnimationFrame(this.updateScheduledObservers);
   };
-  itemObserver = (item2) => {
+  itemObserver = (item) => {
     if (!this.shouldPublish) {
       return;
     }
     this.subject.publish(this);
-    this.itemSubject.publish(item2);
+    this.itemSubject.publish(item);
   };
   decoratedItemObserver = this.decorateObserverToScheduleUpdate(this.itemObserver);
   add(value) {
     this.items.add(value);
     if (Array.isArray(value)) {
-      for (const item2 of value) {
-        item2.subject.subscribe(this.itemObserver);
+      for (const item of value) {
+        item.subject.subscribe(this.itemObserver);
       }
     } else {
       value.subject.subscribe(this.itemObserver);
@@ -51763,15 +51782,15 @@ class BoardSelection {
     this.itemsSubject.publish([]);
   }
   addAll() {
-    const items = this.board.items.listAll().filter((item2) => !item2.transformation.isLocked);
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
     this.add(items);
     this.setContext("SelectByRect");
   }
   remove(value) {
     this.items.remove(value);
     if (Array.isArray(value)) {
-      for (const item2 of value) {
-        item2.subject.unsubscribe(this.itemObserver);
+      for (const item of value) {
+        item.subject.unsubscribe(this.itemObserver);
       }
     } else {
       value.subject.unsubscribe(this.itemObserver);
@@ -51865,11 +51884,11 @@ class BoardSelection {
     if (!this.items.isSingle()) {
       return;
     }
-    const item2 = this.items.getSingle();
-    if (!item2) {
+    const item = this.items.getSingle();
+    if (!item) {
       return;
     }
-    const text5 = item2.getRichText();
+    const text5 = item.getRichText();
     if (!text5) {
       return;
     }
@@ -51880,7 +51899,7 @@ class BoardSelection {
     if (shouldReplace || moveCursorToEnd) {
       text5.editor.moveCursorToEndOfTheText();
     }
-    this.setTextToEdit(item2);
+    this.setTextToEdit(item);
     this.setContext("EditTextUnderPointer");
     if (shouldSelect) {
       text5.editor.selectWholeText();
@@ -51890,13 +51909,13 @@ class BoardSelection {
   editUnderPointer() {
     this.removeAll();
     const stack = this.board.items.getUnderPointer();
-    const item2 = stack.pop();
-    if (item2) {
-      this.add(item2);
+    const item = stack.pop();
+    if (item) {
+      this.add(item);
       this.setTextToEdit(undefined);
-      const text5 = item2.getRichText();
+      const text5 = item.getRichText();
       if (text5) {
-        this.setTextToEdit(item2);
+        this.setTextToEdit(item);
         text5.editor.selectWholeText();
         this.board.items.subject.publish(this.board.items);
       }
@@ -51905,26 +51924,26 @@ class BoardSelection {
       this.setContext("None");
     }
   }
-  setTextToEdit(item2) {
+  setTextToEdit(item) {
     if (this.textToEdit) {
       this.textToEdit.updateElement();
       this.textToEdit.enableRender();
     }
-    if (!(item2 && item2.getRichText())) {
+    if (!(item && item.getRichText())) {
       this.textToEdit = undefined;
       return;
     }
-    const text5 = item2.getRichText();
+    const text5 = item.getRichText();
     if (!text5) {
       return;
     }
     if (text5.isEmpty()) {
-      const textColor = tempStorage.getFontColor(item2.itemType);
-      const textSize = tempStorage.getFontSize(item2.itemType);
-      const highlightColor = tempStorage.getFontHighlight(item2.itemType);
-      const styles = tempStorage.getFontStyles(item2.itemType);
-      const horizontalAlignment = tempStorage.getHorizontalAlignment(item2.itemType);
-      const verticalAlignment = tempStorage.getVerticalAlignment(item2.itemType);
+      const textColor = tempStorage.getFontColor(item.itemType);
+      const textSize = tempStorage.getFontSize(item.itemType);
+      const highlightColor = tempStorage.getFontHighlight(item.itemType);
+      const styles = tempStorage.getFontStyles(item.itemType);
+      const horizontalAlignment = tempStorage.getHorizontalAlignment(item.itemType);
+      const verticalAlignment = tempStorage.getVerticalAlignment(item.itemType);
       if (textColor) {
         text5.setSelectionFontColor(textColor, "None");
       }
@@ -51932,7 +51951,7 @@ class BoardSelection {
         this.emit({
           class: "RichText",
           method: "setFontSize",
-          item: [item2.getId()],
+          item: [item.getId()],
           fontSize: textSize,
           context: this.getContext()
         });
@@ -51944,10 +51963,10 @@ class BoardSelection {
         const stylesArr = styles;
         text5.setSelectionFontStyle(stylesArr, "None");
       }
-      if (horizontalAlignment && !(item2 instanceof Sticker)) {
+      if (horizontalAlignment && !(item instanceof Sticker)) {
         text5.setSelectionHorisontalAlignment(horizontalAlignment);
       }
-      if (verticalAlignment && !(item2 instanceof Sticker)) {
+      if (verticalAlignment && !(item instanceof Sticker)) {
         this.setVerticalAlignment(verticalAlignment);
       }
     }
@@ -51980,8 +51999,8 @@ class BoardSelection {
   }
   selectEnclosedOrCrossedBy(rect) {
     this.removeAll();
-    const enclosedFrames = this.board.items.getEnclosed(rect.left, rect.top, rect.right, rect.bottom).filter((item2) => !item2.transformation.isLocked);
-    const list6 = this.board.items.getEnclosedOrCrossed(rect.left, rect.top, rect.right, rect.bottom).filter((item2) => (!(item2 instanceof Frame2) || enclosedFrames.includes(item2)) && !item2.transformation.isLocked);
+    const enclosedFrames = this.board.items.getEnclosed(rect.left, rect.top, rect.right, rect.bottom).filter((item) => !item.transformation.isLocked);
+    const list6 = this.board.items.getEnclosedOrCrossed(rect.left, rect.top, rect.right, rect.bottom).filter((item) => (!(item instanceof Frame2) || enclosedFrames.includes(item)) && !item.transformation.isLocked);
     if (list6.length !== 0) {
       this.add(list6);
       this.setContext("SelectByRect");
@@ -51995,14 +52014,14 @@ class BoardSelection {
   canChangeText() {
     return Boolean(this.items.isSingle() && this.items.getSingle()?.getRichText());
   }
-  handleItemCopy(item2, copiedItemsMap) {
-    const serializedData = item2.serialize(true);
-    const zIndex = this.board.items.index.getZIndex(item2);
-    if (item2.itemType === "Comment") {
+  handleItemCopy(item, copiedItemsMap) {
+    const serializedData = item.serialize(true);
+    const zIndex = this.board.items.index.getZIndex(item);
+    if (item.itemType === "Comment") {
       return;
     }
-    if (item2.itemType === "Connector" && serializedData.itemType === "Connector") {
-      const connector = item2;
+    if (item.itemType === "Connector" && serializedData.itemType === "Connector") {
+      const connector = item;
       const startPoint = connector.getStartPoint();
       const endPoint = connector.getEndPoint();
       const startItemId = startPoint.pointType !== "Board" ? startPoint.item.getId() : null;
@@ -52018,19 +52037,19 @@ class BoardSelection {
         serializedData.endPoint = new BoardPoint(endPoint.x, endPoint.y).serialize();
       }
     }
-    const textItem = item2.getRichText()?.getTextString();
+    const textItem = item.getRichText()?.getTextString();
     const copyText = conf.i18n.t("frame.copy");
     const isCopyTextExist = textItem?.includes(copyText);
-    const isChangeCopiedFrameText = item2.itemType === "Frame" && serializedData.itemType === "Frame" && textItem !== "" && !isCopyTextExist;
+    const isChangeCopiedFrameText = item.itemType === "Frame" && serializedData.itemType === "Frame" && textItem !== "" && !isCopyTextExist;
     if (isChangeCopiedFrameText) {
       const copiedFrameText = copyText + (textItem || serializedData.text?.placeholderText);
-      item2.getRichText()?.editor.clearText();
-      item2.getRichText()?.editor.addText(copiedFrameText);
-      serializedData.text = item2.getRichText()?.serialize();
-      item2.getRichText()?.editor.clearText();
-      item2.getRichText()?.editor.addText(textItem || "");
+      item.getRichText()?.editor.clearText();
+      item.getRichText()?.editor.addText(copiedFrameText);
+      serializedData.text = item.getRichText()?.serialize();
+      item.getRichText()?.editor.clearText();
+      item.getRichText()?.editor.addText(textItem || "");
     }
-    copiedItemsMap[item2.getId()] = { ...serializedData, zIndex };
+    copiedItemsMap[item.getId()] = { ...serializedData, zIndex };
   }
   copy(skipImageBlobCopy) {
     const copiedItemsMap = {};
@@ -52039,12 +52058,12 @@ class BoardSelection {
       this.handleItemCopy(single, copiedItemsMap);
       return { imageElement: single.image, imageData: copiedItemsMap };
     }
-    this.list().forEach((item2) => {
-      this.handleItemCopy(item2, copiedItemsMap);
+    this.list().forEach((item) => {
+      this.handleItemCopy(item, copiedItemsMap);
     });
-    this.list().flatMap((item2) => {
-      if (item2 instanceof Frame2) {
-        return item2.getChildrenIds();
+    this.list().flatMap((item) => {
+      if (item instanceof Frame2) {
+        return item.getChildrenIds();
       }
       return [];
     }).forEach((id) => {
@@ -52072,11 +52091,11 @@ class BoardSelection {
     let maxRichText = null;
     let minRichText = null;
     const itemType = items[0].itemType;
-    for (const item2 of items) {
-      if (item2.itemType !== itemType) {
+    for (const item of items) {
+      if (item.itemType !== itemType) {
         return null;
       }
-      const richText = item2.getRichText();
+      const richText = item.getRichText();
       if (richText) {
         if (!maxRichText || richText.getFontSize() > maxRichText.getFontSize()) {
           maxRichText = richText;
@@ -52182,22 +52201,22 @@ class BoardSelection {
   }
   nestSelectedItems(unselectedItem, checkFrames = true) {
     const selected = this.board.selection.items.list();
-    if (unselectedItem && !selected.find((item2) => item2.getId() === unselectedItem.getId())) {
+    if (unselectedItem && !selected.find((item) => item.getId() === unselectedItem.getId())) {
       selected.push(unselectedItem);
     }
-    const selectedMbr = selected.reduce((acc, item2) => {
+    const selectedMbr = selected.reduce((acc, item) => {
       if (!acc) {
-        return item2.getMbr();
+        return item.getMbr();
       }
-      return acc.combine(item2.getMbr());
+      return acc.combine(item.getMbr());
     }, undefined);
     if (selectedMbr) {
-      const selectedMap = Object.fromEntries(selected.map((item2) => [item2.getId(), { item: item2, nested: false }]));
+      const selectedMap = Object.fromEntries(selected.map((item) => [item.getId(), { item, nested: false }]));
       const enclosedGroups = this.board.items.getGroupItemsEnclosedOrCrossed(selectedMbr?.left, selectedMbr?.top, selectedMbr?.right, selectedMbr?.bottom);
       enclosedGroups.forEach((group) => {
-        selected.forEach((item2) => {
-          if (group.handleNesting(item2)) {
-            selectedMap[item2.getId()].nested = group;
+        selected.forEach((item) => {
+          if (group.handleNesting(item)) {
+            selectedMap[item.getId()].nested = group;
           }
         });
       });
@@ -52221,11 +52240,11 @@ class BoardSelection {
         if (childrenIds && checkFrames) {
           const currGroup = val.item;
           const currMbr = currGroup.getMbr();
-          const children = childrenIds.map((childId) => this.board.items.getById(childId)).filter((item2) => !!item2);
-          const underGroup = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item2) => item2.parent === "Board" || item2.parent === currGroup.getId());
+          const children = childrenIds.map((childId) => this.board.items.getById(childId)).filter((item) => !!item);
+          const underGroup = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board" || item.parent === currGroup.getId());
           const uniqueItems = new Set;
-          const toCheck = [...children, ...underGroup].filter((item2) => {
-            const id = item2.getId();
+          const toCheck = [...children, ...underGroup].filter((item) => {
+            const id = item.getId();
             if (uniqueItems.has(id)) {
               return false;
             }
@@ -52266,8 +52285,8 @@ class BoardSelection {
         addItemToTranslation(childId);
       }
     }
-    const createTranslationWithComments = (item2) => {
-      const followedComments = this.board.items.getComments().filter((comment2) => comment2.getItemToFollow() === item2.getId());
+    const createTranslationWithComments = (item) => {
+      const followedComments = this.board.items.getComments().filter((comment2) => comment2.getItemToFollow() === item.getId());
       for (const comment2 of followedComments) {
         translation[comment2.getId()] = {
           class: "Transformation",
@@ -52328,21 +52347,21 @@ class BoardSelection {
       newData: { borderColor }
     };
     const operations2 = {};
-    this.items.list().forEach((item2) => {
-      if (!operations2[item2.itemType]) {
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
         const operationCopy = { ...operation };
-        if (item2.itemType === "Connector") {
+        if (item.itemType === "Connector") {
           operationCopy.method = "setLineColor";
           operationCopy.lineColor = borderColor;
-        } else if (item2.itemType === "Drawing") {
+        } else if (item.itemType === "Drawing") {
           operationCopy.method = "setStrokeColor";
           operationCopy.color = borderColor;
         } else {
           operationCopy.borderColor = borderColor;
         }
-        operations2[item2.itemType] = { ...operationCopy, class: item2.itemType, item: [item2.getId()] };
+        operations2[item.itemType] = { ...operationCopy, class: item.itemType, item: [item.getId()] };
       } else {
-        operations2[item2.itemType].item.push(item2.getId());
+        operations2[item.itemType].item.push(item.getId());
       }
     });
     Object.values(operations2).forEach((op) => {
@@ -52357,13 +52376,13 @@ class BoardSelection {
       newData: { borderWidth: width2 }
     };
     const operations2 = {};
-    this.items.list().forEach((item2) => {
-      if (!operations2[item2.itemType]) {
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
         const operationCopy = { ...operation };
-        if (item2.itemType === "Connector") {
+        if (item.itemType === "Connector") {
           operationCopy.method = "setLineWidth";
           operationCopy.lineWidth = width2;
-        } else if (item2.itemType === "Drawing") {
+        } else if (item.itemType === "Drawing") {
           operationCopy.method = "setStrokeWidth";
           operationCopy.width = width2;
           operationCopy.prevWidth = this.getStrokeWidth();
@@ -52371,9 +52390,9 @@ class BoardSelection {
           operationCopy.borderWidth = width2;
           operationCopy.prevBorderWidth = this.getStrokeWidth();
         }
-        operations2[item2.itemType] = { ...operationCopy, class: item2.itemType, item: [item2.getId()] };
+        operations2[item.itemType] = { ...operationCopy, class: item.itemType, item: [item.getId()] };
       } else {
-        operations2[item2.itemType].item.push(item2.getId());
+        operations2[item.itemType].item.push(item.getId());
       }
     });
     Object.values(operations2).forEach((op) => {
@@ -52389,11 +52408,11 @@ class BoardSelection {
       newData: { backgroundColor }
     };
     const operations2 = {};
-    this.items.list().forEach((item2) => {
-      if (!operations2[item2.itemType]) {
-        operations2[item2.itemType] = { ...operation, class: item2.itemType, item: [item2.getId()] };
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        operations2[item.itemType] = { ...operation, class: item.itemType, item: [item.getId()] };
       } else {
-        operations2[item2.itemType].item.push(item2.getId());
+        operations2[item.itemType].item.push(item.getId());
       }
     });
     Object.values(operations2).forEach((op) => {
@@ -52417,9 +52436,9 @@ class BoardSelection {
   }
   setFrameType(frameType) {
     const items = this.items.list();
-    items.forEach((item2) => {
-      if (item2 instanceof Frame2) {
-        item2.setFrameType(frameType);
+    items.forEach((item) => {
+      if (item instanceof Frame2) {
+        item.setFrameType(frameType);
       }
     });
   }
@@ -52438,21 +52457,21 @@ class BoardSelection {
   setFontSize(size) {
     const fontSize = size === "auto" ? size : toFiniteNumber(size);
     const itemsOps = [];
-    for (const item2 of this.items.list()) {
-      const text5 = item2.getRichText();
+    for (const item of this.items.list()) {
+      const text5 = item.getRichText();
       if (!text5) {
         continue;
       }
       const ops = text5.setSelectionFontSize(fontSize, this.context);
       itemsOps.push({
-        item: item2.getId(),
+        item: item.getId(),
         selection: text5.editor.getSelection(),
         ops
       });
-      if (item2.itemType === "Sticker" && fontSize === "auto") {
-        tempStorage.remove(`fontSize_${item2.itemType}`);
-      } else if (item2.itemType !== "AINode") {
-        tempStorage.setFontSize(item2.itemType, fontSize);
+      if (item.itemType === "Sticker" && fontSize === "auto") {
+        tempStorage.remove(`fontSize_${item.itemType}`);
+      } else if (item.itemType !== "AINode") {
+        tempStorage.setFontSize(item.itemType, fontSize);
       }
     }
     const emptyOps = itemsOps.filter((op) => !op.ops.length);
@@ -52475,8 +52494,8 @@ class BoardSelection {
   setFontStyle(fontStyle) {
     const isMultiple = !this.items.isSingle();
     const itemsOps = [];
-    for (const item2 of this.items.list()) {
-      const text5 = item2.getRichText();
+    for (const item of this.items.list()) {
+      const text5 = item.getRichText();
       if (!text5) {
         continue;
       }
@@ -52485,12 +52504,12 @@ class BoardSelection {
       }
       const ops = text5.setSelectionFontStyle(fontStyle, this.context);
       itemsOps.push({
-        item: item2.getId(),
+        item: item.getId(),
         selection: text5.editor.getSelection(),
         ops
       });
-      if (item2.itemType !== "AINode") {
-        tempStorage.setFontStyles(item2.itemType, text5.getFontStyles());
+      if (item.itemType !== "AINode") {
+        tempStorage.setFontStyles(item.itemType, text5.getFontStyles());
       }
     }
     this.emitApplied({
@@ -52502,8 +52521,8 @@ class BoardSelection {
   setFontColor(fontColor) {
     const isMultiple = !this.items.isSingle();
     const itemsOps = [];
-    for (const item2 of this.items.list()) {
-      const text5 = item2.getRichText();
+    for (const item of this.items.list()) {
+      const text5 = item.getRichText();
       if (!text5) {
         continue;
       }
@@ -52512,11 +52531,11 @@ class BoardSelection {
       }
       const ops = text5.setSelectionFontColor(fontColor, this.context);
       itemsOps.push({
-        item: item2.getId(),
+        item: item.getId(),
         selection: text5.editor.getSelection(),
         ops
       });
-      tempStorage.setFontColor(item2.itemType, fontColor);
+      tempStorage.setFontColor(item.itemType, fontColor);
     }
     this.emitApplied({
       class: "RichText",
@@ -52545,8 +52564,8 @@ class BoardSelection {
   setFontHighlight(fontHighlight) {
     const isMultiple = !this.items.isSingle();
     const itemsOps = [];
-    for (const item2 of this.items.list()) {
-      const text5 = item2.getRichText();
+    for (const item of this.items.list()) {
+      const text5 = item.getRichText();
       if (!text5) {
         continue;
       }
@@ -52555,12 +52574,12 @@ class BoardSelection {
       }
       const ops = text5.setSelectionFontHighlight(fontHighlight, this.context);
       itemsOps.push({
-        item: item2.getId(),
+        item: item.getId(),
         selection: text5.editor.getSelection(),
         ops
       });
-      if (item2.itemType !== "AINode") {
-        tempStorage.setFontHighlight(item2.itemType, fontHighlight);
+      if (item.itemType !== "AINode") {
+        tempStorage.setFontHighlight(item.itemType, fontHighlight);
       }
     }
     this.emitApplied({
@@ -52572,8 +52591,8 @@ class BoardSelection {
   setHorisontalAlignment(horisontalAlignment) {
     const isMultiple = !this.items.isSingle();
     const itemsOps = [];
-    for (const item2 of this.items.list()) {
-      const text5 = item2.getRichText();
+    for (const item of this.items.list()) {
+      const text5 = item.getRichText();
       if (!text5) {
         continue;
       }
@@ -52582,11 +52601,11 @@ class BoardSelection {
       }
       const ops = text5.setSelectionHorisontalAlignment(horisontalAlignment, this.context);
       itemsOps.push({
-        item: item2.getId(),
+        item: item.getId(),
         selection: text5.editor.getSelection(),
         ops
       });
-      tempStorage.setHorizontalAlignment(item2.itemType, horisontalAlignment);
+      tempStorage.setHorizontalAlignment(item.itemType, horisontalAlignment);
     }
     this.emitApplied({
       class: "RichText",
@@ -52602,23 +52621,23 @@ class BoardSelection {
       verticalAlignment
     });
     if (this.items.isSingle()) {
-      const item2 = this.items.getSingle();
-      if (!item2) {
+      const item = this.items.getSingle();
+      if (!item) {
         return;
       }
-      const text5 = item2.getRichText();
+      const text5 = item.getRichText();
       if (!text5) {
         return;
       }
-      tempStorage.setVerticalAlignment(item2.itemType, verticalAlignment);
-      if (item2 instanceof RichText) {
-        item2.setEditorFocus(this.context);
+      tempStorage.setVerticalAlignment(item.itemType, verticalAlignment);
+      if (item instanceof RichText) {
+        item.setEditorFocus(this.context);
       }
       text5.setEditorFocus(this.context);
     }
   }
   removeFromBoard() {
-    const isLocked = this.items.list().some((item2) => item2.transformation.isLocked);
+    const isLocked = this.items.list().some((item) => item.transformation.isLocked);
     if (isLocked) {
       return;
     }
@@ -52641,7 +52660,7 @@ class BoardSelection {
   }
   getIsLockedSelection() {
     const items = this.list();
-    return items.some((item2) => item2.transformation.isLocked);
+    return items.some((item) => item.transformation.isLocked);
   }
   isLocked() {
     return false;
@@ -52668,9 +52687,9 @@ class BoardSelection {
   }
   async duplicate() {
     const mediaIds = [];
-    this.items.list().forEach((item2) => {
-      if ("getStorageId" in item2) {
-        const storageId = item2.getStorageId();
+    this.items.list().forEach((item) => {
+      if ("getStorageId" in item) {
+        const storageId = item.getStorageId();
         if (storageId) {
           mediaIds.push(storageId);
         }
@@ -52680,7 +52699,7 @@ class BoardSelection {
     if (!canDuplicate) {
       return;
     }
-    const filteredItemMap = Object.fromEntries(Object.entries(this.copy(true)).filter(([_, item2]) => item2.itemType !== "Group"));
+    const filteredItemMap = Object.fromEntries(Object.entries(this.copy(true)).filter(([_, item]) => item.itemType !== "Group"));
     this.board.duplicate(filteredItemMap);
     this.setContext("EditUnderPointer");
   }
@@ -52714,10 +52733,10 @@ class BoardSelection {
       lastAssistantMessageId
     };
   }
-  renderItemMbr(context, item2, customScale) {
-    const mbr = item2.getMbr();
+  renderItemMbr(context, item, customScale) {
+    const mbr = item.getMbr();
     mbr.strokeWidth = !customScale ? 1 / context.matrix.scaleX : 1 / customScale;
-    const selectionColor = item2.transformation.isLocked ? conf.SELECTION_LOCKED_COLOR : conf.SELECTION_COLOR;
+    const selectionColor = item.transformation.isLocked ? conf.SELECTION_LOCKED_COLOR : conf.SELECTION_COLOR;
     mbr.borderColor = selectionColor;
     mbr.render(context);
   }
@@ -52733,8 +52752,8 @@ class BoardSelection {
     }
     if (!this.transformationRenderBlock) {
       if (this.shouldRenderItemsMbr) {
-        for (const item2 of this.items.list()) {
-          this.renderItemMbr(context, item2);
+        for (const item of this.items.list()) {
+          this.renderItemMbr(context, item);
         }
       }
       this.tool.render(context);
@@ -52746,7 +52765,7 @@ class BoardSelection {
     if (single && single instanceof AINode) {
       const contextItemsIds = single.getContextItems();
       if (contextItemsIds.length) {
-        const newContextItems = this.board.items.listAll().filter((item2) => contextItemsIds.includes(item2.getId()));
+        const newContextItems = this.board.items.listAll().filter((item) => contextItemsIds.includes(item.getId()));
         contextItems.push(...newContextItems);
       }
     }
@@ -52764,15 +52783,15 @@ class BoardSelection {
         }
       }
     }
-    contextItems.forEach((item2) => {
-      if (item2 instanceof AINode) {
-        const path2 = item2.getPath();
+    contextItems.forEach((item) => {
+      if (item instanceof AINode) {
+        const path2 = item.getPath();
         path2.setBorderColor(CONTEXT_NODE_HIGHLIGHT_COLOR);
         path2.setBorderWidth(2);
         path2.setBackgroundColor("none");
         path2.render(context);
       } else {
-        const itemRect = item2.getMbr();
+        const itemRect = item.getMbr();
         itemRect.borderColor = CONTEXT_NODE_HIGHLIGHT_COLOR;
         itemRect.strokeWidth = 2;
         itemRect.render(context);
@@ -53273,16 +53292,16 @@ class Board {
   applyBoardOperation(op) {
     switch (op.method) {
       case "moveToZIndex": {
-        const item2 = this.index.getById(op.item);
-        if (!item2) {
+        const item = this.index.getById(op.item);
+        if (!item) {
           return;
         }
-        return this.index.moveToZIndex(item2, op.zIndex);
+        return this.index.moveToZIndex(item, op.zIndex);
       }
       case "moveManyToZIndex": {
         for (const id in op.item) {
-          const item2 = this.items.getById(id);
-          if (!item2) {
+          const item = this.items.getById(id);
+          if (!item) {
             delete op.item.id;
           }
         }
@@ -53304,11 +53323,11 @@ class Board {
         }
         return this.index.moveSecondAfterFirst(first, second);
       case "bringToFront": {
-        const items = op.item.map((item2) => this.items.getById(item2)).filter((item2) => item2 !== undefined);
+        const items = op.item.map((item) => this.items.getById(item)).filter((item) => item !== undefined);
         return this.index.bringManyToFront(items);
       }
       case "sendToBack": {
-        const items = op.item.map((item2) => this.items.getById(item2)).filter((item2) => item2 !== undefined);
+        const items = op.item.map((item) => this.items.getById(item)).filter((item) => item !== undefined);
         return this.index.sendManyToBack(items);
       }
       case "add":
@@ -53332,82 +53351,82 @@ class Board {
   applyAddItems(op) {
     if (Array.isArray(op.item)) {
       const data = op.data;
-      const items = op.item.map((item3) => {
-        const created = this.createItem(item3, data[item3]);
+      const items = op.item.map((item2) => {
+        const created = this.createItem(item2, data[item2]);
         this.index.insert(created);
         return created;
       });
-      items.forEach((item3) => {
-        if (item3 instanceof Connector2 && data[item3.getId()]) {
-          const connectorData = data[item3.getId()];
-          item3.applyStartPoint(connectorData.startPoint);
-          item3.applyEndPoint(connectorData.endPoint);
+      items.forEach((item2) => {
+        if (item2 instanceof Connector2 && data[item2.getId()]) {
+          const connectorData = data[item2.getId()];
+          item2.applyStartPoint(connectorData.startPoint);
+          item2.applyEndPoint(connectorData.endPoint);
         }
       });
       return;
     }
-    const item2 = this.createItem(op.item, op.data);
-    return this.index.insert(item2);
+    const item = this.createItem(op.item, op.data);
+    return this.index.insert(item);
   }
   applyAddLockedGroupOperation(op) {
-    const item2 = this.createItem(op.item, op.data);
-    const groupChildrenIds = item2.getChildrenIds();
-    this.index.insert(item2);
+    const item = this.createItem(op.item, op.data);
+    const groupChildrenIds = item.getChildrenIds();
+    this.index.insert(item);
     const lastChildrenId = this.index.getById(groupChildrenIds[groupChildrenIds.length - 1]);
     if (lastChildrenId) {
       const zIndex = this.index.getZIndex(lastChildrenId) + 1;
-      this.index.moveToZIndex(item2, zIndex);
+      this.index.moveToZIndex(item, zIndex);
     }
-    item2.getChildren().forEach((item3) => {
-      item3.transformation.isLocked = true;
+    item.getChildren().forEach((item2) => {
+      item2.transformation.isLocked = true;
     });
-    item2.transformation.isLocked = true;
+    item.transformation.isLocked = true;
   }
   applyRemoveOperation(op) {
     const removedItems = [];
-    this.findItemAndApply(op.item, (item2) => {
-      this.index.remove(item2);
-      this.selection.remove(item2);
-      if (item2 instanceof Connector2) {
-        item2.clearObservedItems();
+    this.findItemAndApply(op.item, (item) => {
+      this.index.remove(item);
+      this.selection.remove(item);
+      if (item instanceof Connector2) {
+        item.clearObservedItems();
       }
-      removedItems.push(item2);
+      removedItems.push(item);
     });
   }
   applyRemoveLockedGroupOperation(op) {
-    const item2 = this.index.getById(op.item[0]);
-    if (!item2 || !(item2 instanceof Group)) {
+    const item = this.index.getById(op.item[0]);
+    if (!item || !(item instanceof Group)) {
       return;
     }
-    item2.getChildren().forEach((item3) => {
-      item3.transformation.isLocked = false;
-      item3.parent = "Board";
+    item.getChildren().forEach((item2) => {
+      item2.transformation.isLocked = false;
+      item2.parent = "Board";
     });
-    item2.transformation.isLocked = false;
+    item.transformation.isLocked = false;
     const removedItems = [];
-    this.findItemAndApply(op.item, (item3) => {
-      this.index.remove(item3);
-      this.selection.remove(item3);
-      removedItems.push(item3);
+    this.findItemAndApply(op.item, (item2) => {
+      this.index.remove(item2);
+      this.selection.remove(item2);
+      removedItems.push(item2);
     });
   }
   applyItemOperation(op) {
     if ("item" in op) {
-      this.findItemAndApply(op.item, (item2) => {
-        item2.apply(op);
+      this.findItemAndApply(op.item, (item) => {
+        item.apply(op);
       });
     }
   }
-  findItemAndApply(item2, apply) {
-    if (Array.isArray(item2)) {
-      for (const itemId of item2) {
+  findItemAndApply(item, apply) {
+    if (Array.isArray(item)) {
+      for (const itemId of item) {
         const found = this.items.findById(itemId);
         if (found) {
           apply(found);
         }
       }
     } else {
-      const found = this.items.findById(item2);
+      const found = this.items.findById(item);
       if (found) {
         apply(found);
       }
@@ -53416,9 +53435,9 @@ class Board {
   handleNesting(items) {
     const arrayed = Array.isArray(items) ? items : [items];
     const groupsMap = new Map;
-    arrayed.forEach((item2) => {
-      const itemCenter = item2.getMbr().getCenter();
-      const groupItem = this.items.getGroupItemsInView().filter((groupItem2) => groupItem2.handleNesting(item2)).reduce((acc, groupItem2) => {
+    arrayed.forEach((item) => {
+      const itemCenter = item.getMbr().getCenter();
+      const groupItem = this.items.getGroupItemsInView().filter((groupItem2) => groupItem2.handleNesting(item)).reduce((acc, groupItem2) => {
         if (!acc || groupItem2.getDistanceToPoint(itemCenter) > acc.getDistanceToPoint(itemCenter)) {
           acc = groupItem2;
         }
@@ -53428,7 +53447,7 @@ class Board {
         if (!groupsMap.has(groupItem)) {
           groupsMap.set(groupItem, []);
         }
-        groupsMap.get(groupItem)?.push(item2);
+        groupsMap.get(groupItem)?.push(item);
       }
     });
     groupsMap.forEach((items2, group) => {
@@ -53449,13 +53468,13 @@ class Board {
     }
     return parser(el);
   }
-  add(item2, timeStamp) {
+  add(item, timeStamp) {
     const id = this.getNewItemId();
     this.emit({
       class: "Board",
       method: "add",
       item: id,
-      data: item2.serialize(),
+      data: item.serialize(),
       timeStamp
     });
     const newItem = this.items.getById(id);
@@ -53465,13 +53484,13 @@ class Board {
     this.handleNesting(newItem);
     return newItem;
   }
-  addLockedGroup(item2) {
+  addLockedGroup(item) {
     const id = this.getNewItemId();
     this.emit({
       class: "Board",
       method: "addLockedGroup",
       item: id,
-      data: item2.serialize()
+      data: item.serialize()
     });
     const newItem = this.items.getById(id);
     if (!newItem) {
@@ -53480,32 +53499,32 @@ class Board {
     this.handleNesting(newItem);
     return newItem;
   }
-  remove(item2, withConnectors = true) {
+  remove(item, withConnectors = true) {
     let connectors = [];
     if (withConnectors) {
-      connectors = this.items.getLinkedConnectorsById(item2.getId()).map((connector) => connector.getId());
+      connectors = this.items.getLinkedConnectorsById(item.getId()).map((connector) => connector.getId());
     }
-    if ("onRemove" in item2) {
-      item2.onRemove();
+    if ("onRemove" in item) {
+      item.onRemove();
     }
     this.emit({
       class: "Board",
       method: "remove",
-      item: [item2.getId(), ...connectors]
+      item: [item.getId(), ...connectors]
     });
   }
-  removeLockedGroup(item2) {
+  removeLockedGroup(item) {
     this.emit({
       class: "Board",
       method: "removeLockedGroup",
-      item: [item2.getId()]
+      item: [item.getId()]
     });
   }
   getByZIndex(index2) {
     return this.index.getByZIndex(index2);
   }
-  getZIndex(item2) {
-    return this.index.getZIndex(item2);
+  getZIndex(item) {
+    return this.index.getZIndex(item);
   }
   getLastZIndex() {
     return this.index.getLastZIndex();
@@ -53517,11 +53536,11 @@ class Board {
       item: items
     });
   }
-  moveToZIndex(item2, zIndex) {
+  moveToZIndex(item, zIndex) {
     this.emit({
       class: "Board",
       method: "moveToZIndex",
-      item: item2.getId(),
+      item: item.getId(),
       zIndex
     });
   }
@@ -53549,8 +53568,8 @@ class Board {
     this.emit({
       class: "Board",
       method: "bringToFront",
-      item: items.map((item2) => item2.getId()),
-      prevZIndex: Object.fromEntries(boardItems.map((item2) => [item2.getId(), boardItems.indexOf(item2)]))
+      item: items.map((item) => item.getId()),
+      prevZIndex: Object.fromEntries(boardItems.map((item) => [item.getId(), boardItems.indexOf(item)]))
     });
   }
   sendToBack(items) {
@@ -53561,8 +53580,8 @@ class Board {
     this.emit({
       class: "Board",
       method: "sendToBack",
-      item: items.map((item2) => item2.getId()),
-      prevZIndex: Object.fromEntries(boardItems.map((item2) => [item2.getId(), boardItems.indexOf(item2)]))
+      item: items.map((item) => item.getId()),
+      prevZIndex: Object.fromEntries(boardItems.map((item) => [item.getId(), boardItems.indexOf(item)]))
     });
   }
   copy() {
@@ -53639,7 +53658,7 @@ class Board {
             return added;
           });
           addedFrame.addChildItems(addedChildren);
-          parsedData.data.children = addedChildren.map((item2) => item2.getId());
+          parsedData.data.children = addedChildren.map((item) => item.getId());
           idsMap[parsedData.data.id] = addedFrame.getId();
         } else {
           const added = this.add(this.createItem(this.getNewItemId(), parsedData));
@@ -53680,15 +53699,15 @@ class Board {
     const createdConnectors = {};
     const createdFrames = {};
     const addItem = (itemData) => {
-      const item2 = this.createItem(itemData.id, itemData);
-      if (item2 instanceof Connector2) {
-        createdConnectors[itemData.id] = { item: item2, itemData };
+      const item = this.createItem(itemData.id, itemData);
+      if (item instanceof Connector2) {
+        createdConnectors[itemData.id] = { item, itemData };
       }
-      if (item2 instanceof Frame2) {
-        createdFrames[item2.getId()] = { item: item2, itemData };
+      if (item instanceof Frame2) {
+        createdFrames[item.getId()] = { item, itemData };
       }
-      this.index.insert(item2);
-      return item2;
+      this.index.insert(item);
+      return item;
     };
     for (const itemData of items) {
       if ("childrenMap" in itemData) {
@@ -53699,13 +53718,13 @@ class Board {
       }
     }
     for (const key in createdConnectors) {
-      const { item: item2, itemData } = createdConnectors[key];
-      item2.applyStartPoint(itemData.startPoint);
-      item2.applyEndPoint(itemData.endPoint);
+      const { item, itemData } = createdConnectors[key];
+      item.applyStartPoint(itemData.startPoint);
+      item.applyEndPoint(itemData.endPoint);
     }
     for (const key in createdFrames) {
-      const { item: item2, itemData } = createdFrames[key];
-      item2.applyAddChildren(itemData.children);
+      const { item, itemData } = createdFrames[key];
+      item.applyAddChildren(itemData.children);
     }
   }
   deserialize(snapshot) {
@@ -53715,33 +53734,33 @@ class Board {
     const createdFrames = {};
     if (Array.isArray(items)) {
       for (const itemData of items) {
-        const item2 = this.createItem(itemData.id, itemData);
-        if (item2 instanceof Connector2) {
-          createdConnectors[itemData.id] = { item: item2, itemData };
+        const item = this.createItem(itemData.id, itemData);
+        if (item instanceof Connector2) {
+          createdConnectors[itemData.id] = { item, itemData };
         }
-        if (item2 instanceof Frame2) {
-          createdFrames[item2.getId()] = { item: item2, itemData };
+        if (item instanceof Frame2) {
+          createdFrames[item.getId()] = { item, itemData };
         }
-        this.index.insert(item2);
+        this.index.insert(item);
       }
     } else {
       for (const key in items) {
         const itemData = items[key];
-        const item2 = this.createItem(key, itemData);
-        if (item2 instanceof Connector2) {
-          createdConnectors[key] = { item: item2, itemData };
+        const item = this.createItem(key, itemData);
+        if (item instanceof Connector2) {
+          createdConnectors[key] = { item, itemData };
         }
-        this.index.insert(item2);
+        this.index.insert(item);
       }
     }
     for (const key in createdConnectors) {
-      const { item: item2, itemData } = createdConnectors[key];
-      item2.applyStartPoint(itemData.startPoint);
-      item2.applyEndPoint(itemData.endPoint);
+      const { item, itemData } = createdConnectors[key];
+      item.applyStartPoint(itemData.startPoint);
+      item.applyEndPoint(itemData.endPoint);
     }
     for (const key in createdFrames) {
-      const { item: item2, itemData } = createdFrames[key];
-      item2.applyAddChildren(itemData.children);
+      const { item, itemData } = createdFrames[key];
+      item.applyAddChildren(itemData.children);
     }
     this.events?.log.deserialize(events);
   }
@@ -53979,7 +53998,7 @@ class Board {
       itemsMap: newMap,
       select: select2
     });
-    const items = Object.keys(newMap).map((id) => this.items.getById(id)).filter((item2) => typeof item2 !== "undefined");
+    const items = Object.keys(newMap).map((id) => this.items.getById(id)).filter((item) => typeof item !== "undefined");
     this.handleNesting(items);
     this.selection.removeAll();
     this.selection.add(items);
@@ -53987,8 +54006,8 @@ class Board {
     return;
   }
   removeVoidComments() {
-    const voidComments = this.items.listAll().filter((item2) => {
-      return item2 instanceof Comment && !item2.getThread().length;
+    const voidComments = this.items.listAll().filter((item) => {
+      return item instanceof Comment && !item.getThread().length;
     });
     if (voidComments) {
       for (const comment2 of voidComments) {
@@ -54062,7 +54081,7 @@ class Board {
     }
     const mbr = this.selection.getMbr();
     const selectedItems = this.selection.items.list();
-    const isSelectedItemsMinWidth = selectedItems.some((item2) => item2.getMbr().getWidth() === 0);
+    const isSelectedItemsMinWidth = selectedItems.some((item) => item.getMbr().getWidth() === 0);
     const right = mbr ? mbr.right : 0;
     const top = mbr ? mbr.top : 0;
     const width2 = mbr ? mbr.getWidth() / 10 : 10;
@@ -54104,7 +54123,7 @@ class Board {
       method: "duplicate",
       itemsMap: newMap
     });
-    const items = Object.keys(newMap).map((id) => this.items.getById(id)).filter((item2) => typeof item2 !== "undefined");
+    const items = Object.keys(newMap).map((id) => this.items.getById(id)).filter((item) => typeof item !== "undefined");
     this.handleNesting(items);
     this.selection.removeAll();
     this.selection.add(items);
@@ -54125,9 +54144,9 @@ class Board {
       if (data.itemType === "Frame") {
         data.text.placeholderText = `Frame ${this.getMaxFrameSerial() + 1}`;
       }
-      const item2 = this.createItem(itemId, data);
-      this.index.insert(item2);
-      items.push(item2);
+      const item = this.createItem(itemId, data);
+      this.index.insert(item);
+      items.push(item);
     };
     sortedItemsMap.map(([id, data]) => {
       if (data.itemType === "Connector") {
@@ -54142,8 +54161,8 @@ class Board {
       return;
     });
   }
-  isOnBoard(item2) {
-    return this.items.findById(item2.getId()) !== undefined;
+  isOnBoard(item) {
+    return this.items.findById(item.getId()) !== undefined;
   }
   getMaxFrameSerial() {
     const existingNames = this.items.listGroupItems().map((frame) => frame.getRichText()?.getTextString().length === 0 ? frame.getRichText()?.placeholderText || "" : frame.getRichText()?.getTextString() || "");
@@ -54189,7 +54208,7 @@ function areItemsTheSame(opA, opB) {
     const itemsB = Object.keys(opB.items);
     const setA = new Set(itemsA);
     const setB = new Set(itemsB);
-    const areArraysEqual = setA.size === setB.size && [...setA].every((item2) => setB.has(item2));
+    const areArraysEqual = setA.size === setB.size && [...setA].every((item) => setB.has(item));
     return areArraysEqual;
   }
   if (!(Array.isArray(opA.item) && Array.isArray(opB.item))) {
@@ -55848,9 +55867,9 @@ function insertEventsFromOtherConnectionsIntoList(value, list6, board) {
   list6.applyUnconfirmed(filter);
   const hasAnyOverlap = (arr1, arr2) => {
     const lookup9 = new Set(arr1);
-    return arr2.some((item2) => lookup9.has(item2));
+    return arr2.some((item) => lookup9.has(item));
   };
-  const currSelection = board.selection.list().map((item2) => item2.getId());
+  const currSelection = board.selection.list().map((item) => item.getId());
   if (hasAnyOverlap(currSelection, createdItems) || hasAnyOverlap(currSelection, updatedText)) {
     board.selection.applyMemoizedCaretOrRange();
   }
@@ -56172,27 +56191,27 @@ function handleAiChatMassage(message, board) {
   }
 }
 function handleChatChunk(chunk, board) {
-  const item2 = board.items.getById(chunk.itemId);
+  const item = board.items.getById(chunk.itemId);
   switch (chunk.type) {
     case "chunk":
-      if (!item2 || item2.itemType !== "AINode") {
+      if (!item || item.itemType !== "AINode") {
         return;
       }
-      item2.getRichText()?.editor.markdownProcessor.processMarkdown(chunk.content || "");
+      item.getRichText()?.editor.markdownProcessor.processMarkdown(chunk.content || "");
       break;
     case "done":
-      if (!item2 || item2.itemType !== "AINode") {
+      if (!item || item.itemType !== "AINode") {
         board.aiGeneratingOnItem = undefined;
         return;
       }
-      item2.getRichText()?.editor.markdownProcessor.processMarkdown("StopProcessingMarkdown");
+      item.getRichText()?.editor.markdownProcessor.processMarkdown("StopProcessingMarkdown");
       break;
     case "end":
-      if (!item2 || item2.itemType !== "AINode") {
+      if (!item || item.itemType !== "AINode") {
         board.aiGeneratingOnItem = undefined;
         return;
       }
-      item2.getRichText()?.editor.markdownProcessor.processMarkdown("StopProcessingMarkdown");
+      item.getRichText()?.editor.markdownProcessor.processMarkdown("StopProcessingMarkdown");
       break;
     case "error":
     default:
@@ -56209,7 +56228,7 @@ function handleChatChunk(chunk, board) {
       if (board.aiGeneratingOnItem && generatingItem) {
         board.selection.removeAll();
         board.selection.add(generatingItem);
-        const rt = item2?.getRichText();
+        const rt = item?.getRichText();
         if (generatingItem.itemType === "AINode" && rt) {
           const editor = rt.editor;
           editor.markdownProcessor.setStopProcessingMarkDownCb(null);
@@ -56342,14 +56361,14 @@ function handleImageGenerate(response, board) {
     console.error("Image generation error:", response.message);
     if (response.isExternalApiError) {
       if (board.aiGeneratingOnItem) {
-        const item2 = board.items.getById(board.aiGeneratingOnItem);
-        if (item2) {
+        const item = board.items.getById(board.aiGeneratingOnItem);
+        if (item) {
           board.selection.removeAll();
-          board.selection.add(item2);
-          const editor = item2.getRichText()?.editor;
+          board.selection.add(item);
+          const editor = item.getRichText()?.editor;
           editor?.clearText();
           editor?.insertCopiedText(conf.i18n.t("AIInput.nodeErrorText"));
-          board.camera.zoomToFit(item2.getMbr(), 20);
+          board.camera.zoomToFit(item.getMbr(), 20);
         }
       }
     } else {