@zipify/wysiwyg 3.0.0 → 3.1.0-0

package/dist/wysiwyg.mjs

@@ -27,7 +27,7 @@ var __privateMethod = (obj, member, method) => {
   return method;
 };
 var _buildDecorations, buildDecorations_fn, _domParser, _parser, _NodeFilter, NodeFilter_get, _Node, Node_get, _removeComments, removeComments_fn, _normalizeRootTags, normalizeRootTags_fn, _createNodeIterator, createNodeIterator_fn, _iterateNodes, iterateNodes_fn, _runIterator, runIterator_fn, _removeEmptyNodes, removeEmptyNodes_fn, _normalizeListItems, normalizeListItems_fn, _isBlockNode, isBlockNode_fn, _isRootNode, isRootNode_fn, _assignElementProperties, assignElementProperties_fn, _removeStyleProperties, removeStyleProperties_fn, _normalizeBreakLines, normalizeBreakLines_fn, _normalizeBlockTextDecoration, normalizeBlockTextDecoration_fn, _moveTextDecorationToChildren, moveTextDecorationToChildren_fn, _parseTextDecoration, parseTextDecoration_fn, _normalizeBlockBackgroundColor, normalizeBlockBackgroundColor_fn, _moveBackgroundColorToChildren, moveBackgroundColorToChildren_fn, _wrapTextNode, wrapTextNode_fn, _iterateNodes2, iterateNodes_fn2, _iterateChildNodes, iterateChildNodes_fn, _bubbleMarks, bubbleMarks_fn, _canBubbleMark, canBubbleMark_fn, _includesMark, includesMark_fn, _includesMarkType, includesMarkType_fn, _removeMark, removeMark_fn, _addMark, addMark_fn, _findMarkIndexByType, findMarkIndexByType_fn, _buildHtml, buildHtml_fn, _buildJson, buildJson_fn, _schema, _domParser2, _nodeDomParser, _textBlock, textBlock_fn, _normalizeTextBlockArgs, normalizeTextBlockArgs_fn, _contentSerializer, _getWeights, getWeights_fn;
-import { computed, unref, toRef, reactive, watch, ref, inject, onUnmounted, nextTick, provide, onMounted } from "vue";
+import { computed, unref, toRef, reactive, watch, ref, inject, nextTick, onUnmounted, provide, onMounted } from "vue";
 import { ColorModel, ZipifyColorPicker } from "@zipify/colorpicker";
 function OrderedMap(content) {
   this.content = content;
@@ -178,12 +178,12 @@ class Fragment {
   }
   nodesBetween(from2, to, f, nodeStart = 0, parent) {
     for (let i = 0, pos = 0; pos < to; i++) {
-      let child = this.content[i], end2 = pos + child.nodeSize;
-      if (end2 > from2 && f(child, nodeStart + pos, parent || null, i) !== false && child.content.size) {
-        let start2 = pos + 1;
-        child.nodesBetween(Math.max(0, from2 - start2), Math.min(child.content.size, to - start2), f, nodeStart + start2);
+      let child = this.content[i], end = pos + child.nodeSize;
+      if (end > from2 && f(child, nodeStart + pos, parent || null, i) !== false && child.content.size) {
+        let start = pos + 1;
+        child.nodesBetween(Math.max(0, from2 - start), Math.min(child.content.size, to - start), f, nodeStart + start);
       }
-      pos = end2;
+      pos = end;
     }
   }
   descendants(f) {
@@ -229,9 +229,9 @@ class Fragment {
     let result = [], size2 = 0;
     if (to > from2)
       for (let i = 0, pos = 0; pos < to; i++) {
-        let child = this.content[i], end2 = pos + child.nodeSize;
-        if (end2 > from2) {
-          if (pos < from2 || end2 > to) {
+        let child = this.content[i], end = pos + child.nodeSize;
+        if (end > from2) {
+          if (pos < from2 || end > to) {
             if (child.isText)
               child = child.cut(Math.max(0, from2 - pos), Math.min(child.text.length, to - pos));
             else
@@ -240,7 +240,7 @@ class Fragment {
           result.push(child);
           size2 += child.nodeSize;
         }
-        pos = end2;
+        pos = end;
       }
     return new Fragment(result, size2);
   }
@@ -313,13 +313,13 @@ class Fragment {
     if (pos > this.size || pos < 0)
       throw new RangeError(`Position ${pos} outside of fragment (${this})`);
     for (let i = 0, curPos = 0; ; i++) {
-      let cur = this.child(i), end2 = curPos + cur.nodeSize;
-      if (end2 >= pos) {
-        if (end2 == pos || round2 > 0)
-          return retIndex(i + 1, end2);
+      let cur = this.child(i), end = curPos + cur.nodeSize;
+      if (end >= pos) {
+        if (end == pos || round2 > 0)
+          return retIndex(i + 1, end);
         return retIndex(i, curPos);
       }
-      curPos = end2;
+      curPos = end;
     }
   }
   toString() {
@@ -575,13 +575,13 @@ function replaceOuter($from, $to, slice2, depth) {
     let parent = $from.parent, content = parent.content;
     return close(parent, content.cut(0, $from.parentOffset).append(slice2.content).append(content.cut($to.parentOffset)));
   } else {
-    let { start: start2, end: end2 } = prepareSliceForReplace(slice2, $from);
-    return close(node, replaceThreeWay($from, start2, end2, $to, depth));
+    let { start, end } = prepareSliceForReplace(slice2, $from);
+    return close(node, replaceThreeWay($from, start, end, $to, depth));
   }
 }
-function checkJoin(main2, sub) {
-  if (!sub.type.compatibleContent(main2.type))
-    throw new ReplaceError("Cannot join " + sub.type.name + " onto " + main2.type.name);
+function checkJoin(main, sub) {
+  if (!sub.type.compatibleContent(main.type))
+    throw new ReplaceError("Cannot join " + sub.type.name + " onto " + main.type.name);
 }
 function joinable$1($before, $after, depth) {
   let node = $before.node(depth);
@@ -735,13 +735,13 @@ class ResolvedPos {
       return Mark$1.none;
     if (this.textOffset)
       return parent.child(index).marks;
-    let main2 = parent.maybeChild(index - 1), other = parent.maybeChild(index);
-    if (!main2) {
-      let tmp = main2;
-      main2 = other;
+    let main = parent.maybeChild(index - 1), other = parent.maybeChild(index);
+    if (!main) {
+      let tmp = main;
+      main = other;
       other = tmp;
     }
-    let marks = main2.marks;
+    let marks = main.marks;
     for (var i = 0; i < marks.length; i++)
       if (marks[i].type.spec.inclusive === false && (!other || !marks[i].isInSet(other.marks)))
         marks = marks[i--].removeFromSet(marks);
@@ -790,18 +790,18 @@ class ResolvedPos {
     if (!(pos >= 0 && pos <= doc2.content.size))
       throw new RangeError("Position " + pos + " out of range");
     let path = [];
-    let start2 = 0, parentOffset = pos;
+    let start = 0, parentOffset = pos;
     for (let node = doc2; ; ) {
       let { index, offset: offset2 } = node.content.findIndex(parentOffset);
       let rem = parentOffset - offset2;
-      path.push(node, index, start2 + offset2);
+      path.push(node, index, start + offset2);
       if (!rem)
         break;
       node = node.child(index);
       if (node.isText)
         break;
       parentOffset = rem - 1;
-      start2 += offset2 + 1;
+      start += offset2 + 1;
     }
     return new ResolvedPos(pos, path, parentOffset);
   }
@@ -907,8 +907,8 @@ class Node$1 {
       return Slice.empty;
     let $from = this.resolve(from2), $to = this.resolve(to);
     let depth = includeParents ? 0 : $from.sharedDepth(to);
-    let start2 = $from.start(depth), node = $from.node(depth);
-    let content = node.content.cut($from.pos - start2, $to.pos - start2);
+    let start = $from.start(depth), node = $from.node(depth);
+    let content = node.content.cut($from.pos - start, $to.pos - start);
     return new Slice(content, $from.depth - depth, $to.depth - depth);
   }
   replace(from2, to, slice2) {
@@ -989,12 +989,12 @@ class Node$1 {
       throw new Error("Called contentMatchAt on a node with invalid content");
     return match2;
   }
-  canReplace(from2, to, replacement2 = Fragment.empty, start2 = 0, end2 = replacement2.childCount) {
-    let one = this.contentMatchAt(from2).matchFragment(replacement2, start2, end2);
+  canReplace(from2, to, replacement2 = Fragment.empty, start = 0, end = replacement2.childCount) {
+    let one = this.contentMatchAt(from2).matchFragment(replacement2, start, end);
     let two = one && one.matchFragment(this.content, to);
     if (!two || !two.validEnd)
       return false;
-    for (let i = start2; i < end2; i++)
+    for (let i = start; i < end; i++)
       if (!this.type.allowsMarks(replacement2.child(i).marks))
         return false;
     return true;
@@ -1002,9 +1002,9 @@ class Node$1 {
   canReplaceWith(from2, to, type, marks) {
     if (marks && !this.type.allowsMarks(marks))
       return false;
-    let start2 = this.contentMatchAt(from2).matchType(type);
-    let end2 = start2 && start2.matchFragment(this.content, to);
-    return end2 ? end2.validEnd : false;
+    let start = this.contentMatchAt(from2).matchType(type);
+    let end = start && start.matchFragment(this.content, to);
+    return end ? end.validEnd : false;
   }
   canAppend(other) {
     if (other.content.size)
@@ -1124,9 +1124,9 @@ class ContentMatch {
         return this.next[i].next;
     return null;
   }
-  matchFragment(frag, start2 = 0, end2 = frag.childCount) {
+  matchFragment(frag, start = 0, end = frag.childCount) {
     let cur = this;
-    for (let i = start2; cur && i < end2; i++)
+    for (let i = start; cur && i < end; i++)
       cur = cur.matchType(frag.child(i).type);
     return cur;
   }
@@ -1884,9 +1884,9 @@ class NodeContext {
       if (fill) {
         this.match = this.type.contentMatch.matchFragment(fill);
       } else {
-        let start2 = this.type.contentMatch, wrap2;
-        if (wrap2 = start2.findWrapping(node.type)) {
-          this.match = start2;
+        let start = this.type.contentMatch, wrap2;
+        if (wrap2 = start.findWrapping(node.type)) {
+          this.match = start;
           return wrap2;
         } else {
           return null;
@@ -1959,29 +1959,29 @@ class ParseContext {
       this.addTextNode(dom);
     } else if (dom.nodeType == 1) {
       let style2 = dom.getAttribute("style");
-      let marks = style2 ? this.readStyles(parseStyles(style2)) : null, top2 = this.top;
+      let marks = style2 ? this.readStyles(parseStyles(style2)) : null, top = this.top;
       if (marks != null)
         for (let i = 0; i < marks.length; i++)
           this.addPendingMark(marks[i]);
       this.addElement(dom);
       if (marks != null)
         for (let i = 0; i < marks.length; i++)
-          this.removePendingMark(marks[i], top2);
+          this.removePendingMark(marks[i], top);
     }
   }
   addTextNode(dom) {
     let value = dom.nodeValue;
-    let top2 = this.top;
-    if (top2.options & OPT_PRESERVE_WS_FULL || top2.inlineContext(dom) || /[^ \t\r\n\u000c]/.test(value)) {
-      if (!(top2.options & OPT_PRESERVE_WS)) {
+    let top = this.top;
+    if (top.options & OPT_PRESERVE_WS_FULL || top.inlineContext(dom) || /[^ \t\r\n\u000c]/.test(value)) {
+      if (!(top.options & OPT_PRESERVE_WS)) {
         value = value.replace(/[ \t\r\n\u000c]+/g, " ");
         if (/^[ \t\r\n\u000c]/.test(value) && this.open == this.nodes.length - 1) {
-          let nodeBefore = top2.content[top2.content.length - 1];
+          let nodeBefore = top.content[top.content.length - 1];
           let domNodeBefore = dom.previousSibling;
           if (!nodeBefore || domNodeBefore && domNodeBefore.nodeName == "BR" || nodeBefore.isText && /[ \t\r\n\u000c]$/.test(nodeBefore.text))
             value = value.slice(1);
         }
-      } else if (!(top2.options & OPT_PRESERVE_WS_FULL)) {
+      } else if (!(top.options & OPT_PRESERVE_WS_FULL)) {
         value = value.replace(/\r?\n|\r/g, " ");
       } else {
         value = value.replace(/\r\n?/g, "\n");
@@ -2006,10 +2006,10 @@ class ParseContext {
         this.open = Math.max(0, this.open - 1);
       else if (rule && rule.skip.nodeType)
         dom = rule.skip;
-      let sync, top2 = this.top, oldNeedsBlock = this.needsBlock;
+      let sync, top = this.top, oldNeedsBlock = this.needsBlock;
       if (blockTags.hasOwnProperty(name)) {
         sync = true;
-        if (!top2.type)
+        if (!top.type)
           this.needsBlock = true;
       } else if (!dom.firstChild) {
         this.leafFallback(dom);
@@ -2017,7 +2017,7 @@ class ParseContext {
       }
       this.addAll(dom);
       if (sync)
-        this.sync(top2);
+        this.sync(top);
       this.needsBlock = oldNeedsBlock;
     } else {
       this.addElementByRule(dom, rule, rule.consuming === false ? ruleID : void 0);
@@ -2090,7 +2090,7 @@ class ParseContext {
   }
   addAll(parent, startIndex2, endIndex2) {
     let index = startIndex2 || 0;
-    for (let dom = startIndex2 ? parent.childNodes[startIndex2] : parent.firstChild, end2 = endIndex2 == null ? null : parent.childNodes[endIndex2]; dom != end2; dom = dom.nextSibling, ++index) {
+    for (let dom = startIndex2 ? parent.childNodes[startIndex2] : parent.firstChild, end = endIndex2 == null ? null : parent.childNodes[endIndex2]; dom != end; dom = dom.nextSibling, ++index) {
       this.findAtPoint(parent, index);
       this.addDOM(dom);
     }
@@ -2125,15 +2125,15 @@ class ParseContext {
     }
     if (this.findPlace(node)) {
       this.closeExtra();
-      let top2 = this.top;
-      top2.applyPending(node.type);
-      if (top2.match)
-        top2.match = top2.match.matchType(node.type);
-      let marks = top2.activeMarks;
+      let top = this.top;
+      top.applyPending(node.type);
+      if (top.match)
+        top.match = top.match.matchType(node.type);
+      let marks = top.activeMarks;
       for (let i = 0; i < node.marks.length; i++)
-        if (!top2.type || top2.type.allowsMarkType(node.marks[i].type))
+        if (!top.type || top.type.allowsMarkType(node.marks[i].type))
           marks = node.marks[i].addToSet(marks);
-      top2.content.push(node.mark(marks));
+      top.content.push(node.mark(marks));
       return true;
     }
     return false;
@@ -2146,13 +2146,13 @@ class ParseContext {
   }
   enterInner(type, attrs = null, solid = false, preserveWS) {
     this.closeExtra();
-    let top2 = this.top;
-    top2.applyPending(type);
-    top2.match = top2.match && top2.match.matchType(type);
-    let options = wsOptionsFor(type, preserveWS, top2.options);
-    if (top2.options & OPT_OPEN_LEFT && top2.content.length == 0)
+    let top = this.top;
+    top.applyPending(type);
+    top.match = top.match && top.match.matchType(type);
+    let options = wsOptionsFor(type, preserveWS, top.options);
+    if (top.options & OPT_OPEN_LEFT && top.content.length == 0)
       options |= OPT_OPEN_LEFT;
-    this.nodes.push(new NodeContext(type, attrs, top2.activeMarks, top2.pendingMarks, solid, null, options));
+    this.nodes.push(new NodeContext(type, attrs, top.activeMarks, top.pendingMarks, solid, null, options));
     this.open++;
   }
   closeExtra(openEnd = false) {
@@ -2346,7 +2346,7 @@ class DOMSerializer {
   serializeFragment(fragment, options = {}, target) {
     if (!target)
       target = doc$1(options).createDocumentFragment();
-    let top2 = target, active = [];
+    let top = target, active = [];
     fragment.forEach((node) => {
       if (active.length || node.marks.length) {
         let keep = 0, rendered = 0;
@@ -2362,18 +2362,18 @@ class DOMSerializer {
           rendered++;
         }
         while (keep < active.length)
-          top2 = active.pop()[1];
+          top = active.pop()[1];
         while (rendered < node.marks.length) {
           let add = node.marks[rendered++];
           let markDOM = this.serializeMark(add, node.isInline, options);
           if (markDOM) {
-            active.push([add, top2]);
-            top2.appendChild(markDOM.dom);
-            top2 = markDOM.contentDOM || markDOM.dom;
+            active.push([add, top]);
+            top.appendChild(markDOM.dom);
+            top = markDOM.contentDOM || markDOM.dom;
           }
         }
       }
-      top2.appendChild(this.serializeNodeInner(node, options));
+      top.appendChild(this.serializeNodeInner(node, options));
     });
     return target;
   }
@@ -2415,9 +2415,9 @@ class DOMSerializer {
     }
     let contentDOM;
     let dom = xmlNS ? doc2.createElementNS(xmlNS, tagName) : doc2.createElement(tagName);
-    let attrs = structure[1], start2 = 1;
+    let attrs = structure[1], start = 1;
     if (attrs && typeof attrs == "object" && attrs.nodeType == null && !Array.isArray(attrs)) {
-      start2 = 2;
+      start = 2;
       for (let name in attrs)
         if (attrs[name] != null) {
           let space2 = name.indexOf(" ");
@@ -2427,10 +2427,10 @@ class DOMSerializer {
             dom.setAttribute(name, attrs[name]);
         }
     }
-    for (let i = start2; i < structure.length; i++) {
+    for (let i = start; i < structure.length; i++) {
       let child = structure[i];
       if (child === 0) {
-        if (i < structure.length - 1 || i > start2)
+        if (i < structure.length - 1 || i > start)
           throw new RangeError("Content hole must be the only child of its parent node");
         return { dom, contentDOM: dom };
       } else {
@@ -2524,18 +2524,18 @@ class StepMap {
   _map(pos, assoc, simple) {
     let diff = 0, oldIndex = this.inverted ? 2 : 1, newIndex = this.inverted ? 1 : 2;
     for (let i = 0; i < this.ranges.length; i += 3) {
-      let start2 = this.ranges[i] - (this.inverted ? diff : 0);
-      if (start2 > pos)
+      let start = this.ranges[i] - (this.inverted ? diff : 0);
+      if (start > pos)
         break;
-      let oldSize = this.ranges[i + oldIndex], newSize = this.ranges[i + newIndex], end2 = start2 + oldSize;
-      if (pos <= end2) {
-        let side = !oldSize ? assoc : pos == start2 ? -1 : pos == end2 ? 1 : assoc;
-        let result = start2 + diff + (side < 0 ? 0 : newSize);
+      let oldSize = this.ranges[i + oldIndex], newSize = this.ranges[i + newIndex], end = start + oldSize;
+      if (pos <= end) {
+        let side = !oldSize ? assoc : pos == start ? -1 : pos == end ? 1 : assoc;
+        let result = start + diff + (side < 0 ? 0 : newSize);
         if (simple)
           return result;
-        let recover = pos == (assoc < 0 ? start2 : end2) ? null : makeRecover(i / 3, pos - start2);
-        let del = pos == start2 ? DEL_AFTER : pos == end2 ? DEL_BEFORE : DEL_ACROSS;
-        if (assoc < 0 ? pos != start2 : pos != end2)
+        let recover = pos == (assoc < 0 ? start : end) ? null : makeRecover(i / 3, pos - start);
+        let del = pos == start ? DEL_AFTER : pos == end ? DEL_BEFORE : DEL_ACROSS;
+        if (assoc < 0 ? pos != start : pos != end)
           del |= DEL_SIDE;
         return new MapResult(result, del, recover);
       }
@@ -2547,11 +2547,11 @@ class StepMap {
     let diff = 0, index = recoverIndex(recover);
     let oldIndex = this.inverted ? 2 : 1, newIndex = this.inverted ? 1 : 2;
     for (let i = 0; i < this.ranges.length; i += 3) {
-      let start2 = this.ranges[i] - (this.inverted ? diff : 0);
-      if (start2 > pos)
+      let start = this.ranges[i] - (this.inverted ? diff : 0);
+      if (start > pos)
         break;
-      let oldSize = this.ranges[i + oldIndex], end2 = start2 + oldSize;
-      if (pos <= end2 && i == index * 3)
+      let oldSize = this.ranges[i + oldIndex], end = start + oldSize;
+      if (pos <= end && i == index * 3)
         return true;
       diff += this.ranges[i + newIndex] - oldSize;
     }
@@ -2560,7 +2560,7 @@ class StepMap {
   forEach(f) {
     let oldIndex = this.inverted ? 2 : 1, newIndex = this.inverted ? 1 : 2;
     for (let i = 0, diff = 0; i < this.ranges.length; i += 3) {
-      let start2 = this.ranges[i], oldStart = start2 - (this.inverted ? diff : 0), newStart = start2 + (this.inverted ? 0 : diff);
+      let start = this.ranges[i], oldStart = start - (this.inverted ? diff : 0), newStart = start + (this.inverted ? 0 : diff);
       let oldSize = this.ranges[i + oldIndex], newSize = this.ranges[i + newIndex];
       f(oldStart, oldStart + oldSize, newStart, newStart + newSize);
       diff += newSize - oldSize;
@@ -2941,20 +2941,20 @@ function addMark(tr, from2, to, mark) {
       return;
     let marks = node.marks;
     if (!mark.isInSet(marks) && parent.type.allowsMarkType(mark.type)) {
-      let start2 = Math.max(pos, from2), end2 = Math.min(pos + node.nodeSize, to);
+      let start = Math.max(pos, from2), end = Math.min(pos + node.nodeSize, to);
       let newSet = mark.addToSet(marks);
       for (let i = 0; i < marks.length; i++) {
         if (!marks[i].isInSet(newSet)) {
-          if (removing && removing.to == start2 && removing.mark.eq(marks[i]))
-            removing.to = end2;
+          if (removing && removing.to == start && removing.mark.eq(marks[i]))
+            removing.to = end;
           else
-            removed.push(removing = new RemoveMarkStep(start2, end2, marks[i]));
+            removed.push(removing = new RemoveMarkStep(start, end, marks[i]));
         }
       }
-      if (adding && adding.to == start2)
-        adding.to = end2;
+      if (adding && adding.to == start)
+        adding.to = end;
       else
-        added.push(adding = new AddMarkStep(start2, end2, mark));
+        added.push(adding = new AddMarkStep(start, end, mark));
     }
   });
   removed.forEach((s) => tr.step(s));
@@ -2980,7 +2980,7 @@ function removeMark(tr, from2, to, mark) {
       toRemove = node.marks;
     }
     if (toRemove && toRemove.length) {
-      let end2 = Math.min(pos + node.nodeSize, to);
+      let end = Math.min(pos + node.nodeSize, to);
       for (let i = 0; i < toRemove.length; i++) {
         let style2 = toRemove[i], found2;
         for (let j = 0; j < matched.length; j++) {
@@ -2989,10 +2989,10 @@ function removeMark(tr, from2, to, mark) {
             found2 = m;
         }
         if (found2) {
-          found2.to = end2;
+          found2.to = end;
           found2.step = step;
         } else {
-          matched.push({ style: style2, from: Math.max(pos, from2), to: end2, step });
+          matched.push({ style: style2, from: Math.max(pos, from2), to: end, step });
         }
       }
     }
@@ -3003,17 +3003,17 @@ function clearIncompatible(tr, pos, parentType, match2 = parentType.contentMatch
   let node = tr.doc.nodeAt(pos);
   let delSteps = [], cur = pos + 1;
   for (let i = 0; i < node.childCount; i++) {
-    let child = node.child(i), end2 = cur + child.nodeSize;
+    let child = node.child(i), end = cur + child.nodeSize;
     let allowed = match2.matchType(child.type);
     if (!allowed) {
-      delSteps.push(new ReplaceStep(cur, end2, Slice.empty));
+      delSteps.push(new ReplaceStep(cur, end, Slice.empty));
     } else {
       match2 = allowed;
       for (let j = 0; j < child.marks.length; j++)
         if (!parentType.allowsMarkType(child.marks[j].type))
-          tr.step(new RemoveMarkStep(cur, end2, child.marks[j]));
+          tr.step(new RemoveMarkStep(cur, end, child.marks[j]));
     }
-    cur = end2;
+    cur = end;
   }
   if (!match2.validEnd) {
     let fill = match2.fillBefore(Fragment.empty, true);
@@ -3022,8 +3022,8 @@ function clearIncompatible(tr, pos, parentType, match2 = parentType.contentMatch
   for (let i = delSteps.length - 1; i >= 0; i--)
     tr.step(delSteps[i]);
 }
-function canCut(node, start2, end2) {
-  return (start2 == 0 || node.canReplace(start2, node.childCount)) && (end2 == node.childCount || node.canReplace(0, end2));
+function canCut(node, start, end) {
+  return (start == 0 || node.canReplace(start, node.childCount)) && (end == node.childCount || node.canReplace(0, end));
 }
 function liftTarget(range) {
   let parent = range.parent;
@@ -3041,7 +3041,7 @@ function liftTarget(range) {
 function lift$2(tr, range, target) {
   let { $from, $to, depth } = range;
   let gapStart = $from.before(depth + 1), gapEnd = $to.after(depth + 1);
-  let start2 = gapStart, end2 = gapEnd;
+  let start = gapStart, end = gapEnd;
   let before = Fragment.empty, openStart = 0;
   for (let d = depth, splitting = false; d > target; d--)
     if (splitting || $from.index(d) > 0) {
@@ -3049,7 +3049,7 @@ function lift$2(tr, range, target) {
       before = Fragment.from($from.node(d).copy(before));
       openStart++;
     } else {
-      start2--;
+      start--;
     }
   let after = Fragment.empty, openEnd = 0;
   for (let d = depth, splitting = false; d > target; d--)
@@ -3058,9 +3058,9 @@ function lift$2(tr, range, target) {
       after = Fragment.from($to.node(d).copy(after));
       openEnd++;
     } else {
-      end2++;
+      end++;
     }
-  tr.step(new ReplaceAroundStep(start2, end2, gapStart, gapEnd, new Slice(before.append(after), openStart, openEnd), before.size - openStart, true));
+  tr.step(new ReplaceAroundStep(start, end, gapStart, gapEnd, new Slice(before.append(after), openStart, openEnd), before.size - openStart, true));
 }
 function findWrapping(range, nodeType, attrs = null, innerRange = range) {
   let around = findWrappingOutside(range, nodeType);
@@ -3104,8 +3104,8 @@ function wrap(tr, range, wrappers) {
     }
     content = Fragment.from(wrappers[i].type.create(wrappers[i].attrs, content));
   }
-  let start2 = range.start, end2 = range.end;
-  tr.step(new ReplaceAroundStep(start2, end2, start2, end2, new Slice(content, 0, 0), wrappers.length, true));
+  let start = range.start, end = range.end;
+  tr.step(new ReplaceAroundStep(start, end, start, end, new Slice(content, 0, 0), wrappers.length, true));
 }
 function setBlockType$1(tr, from2, to, type, attrs) {
   if (!type.isTextblock)
@@ -3364,8 +3364,8 @@ class Fitter {
   mustMoveInline() {
     if (!this.$to.parent.isTextblock)
       return -1;
-    let top2 = this.frontier[this.depth], level;
-    if (!top2.type.isTextblock || !contentAfterFits(this.$to, this.$to.depth, top2.type, top2.match, false) || this.$to.depth == this.depth && (level = this.findCloseLevel(this.$to)) && level.depth == this.depth)
+    let top = this.frontier[this.depth], level;
+    if (!top.type.isTextblock || !contentAfterFits(this.$to, this.$to.depth, top.type, top.match, false) || this.$to.depth == this.depth && (level = this.findCloseLevel(this.$to)) && level.depth == this.depth)
       return -1;
     let { depth } = this.$to, after = this.$to.after(depth);
     while (depth > 1 && after == this.$to.end(--depth))
@@ -3405,8 +3405,8 @@ class Fitter {
     return $to;
   }
   openFrontierNode(type, attrs = null, content) {
-    let top2 = this.frontier[this.depth];
-    top2.match = top2.match.matchType(type);
+    let top = this.frontier[this.depth];
+    top.match = top.match.matchType(type);
     this.placed = addToFragment(this.placed, this.depth, Fragment.from(type.create(attrs, content)));
     this.frontier.push({ type, match: type.contentMatch });
   }
@@ -3452,8 +3452,8 @@ function contentAfterFits($to, depth, type, match2, open) {
   let fit = match2.fillBefore(node.content, true, index);
   return fit && !invalidMarks(type, node.content, index) ? fit : null;
 }
-function invalidMarks(type, fragment, start2) {
-  for (let i = start2; i < fragment.childCount; i++)
+function invalidMarks(type, fragment, start) {
+  for (let i = start; i < fragment.childCount; i++)
     if (!type.allowsMarks(fragment.child(i).marks))
       return true;
   return false;
@@ -3532,8 +3532,8 @@ function closeFragment(fragment, depth, oldOpen, newOpen, parent) {
   }
   if (depth > newOpen) {
     let match2 = parent.contentMatchAt(0);
-    let start2 = match2.fillBefore(fragment).append(fragment);
-    fragment = start2.append(match2.matchFragment(start2).fillBefore(Fragment.empty, true));
+    let start = match2.fillBefore(fragment).append(fragment);
+    fragment = start.append(match2.matchFragment(start).fillBefore(Fragment.empty, true));
   }
   return fragment;
 }
@@ -3564,10 +3564,10 @@ function deleteRange$1(tr, from2, to) {
 function coveredDepths($from, $to) {
   let result = [], minDepth = Math.min($from.depth, $to.depth);
   for (let d = minDepth; d >= 0; d--) {
-    let start2 = $from.start(d);
-    if (start2 < $from.pos - ($from.depth - d) || $to.end(d) > $to.pos + ($to.depth - d) || $from.node(d).type.spec.isolating || $to.node(d).type.spec.isolating)
+    let start = $from.start(d);
+    if (start < $from.pos - ($from.depth - d) || $to.end(d) > $to.pos + ($to.depth - d) || $from.node(d).type.spec.isolating || $to.node(d).type.spec.isolating)
       break;
-    if (start2 == $to.start(d) || d == $from.depth && d == $to.depth && $from.parent.inlineContent && $to.parent.inlineContent && d && $to.start(d - 1) == start2 - 1)
+    if (start == $to.start(d) || d == $from.depth && d == $to.depth && $from.parent.inlineContent && $to.parent.inlineContent && d && $to.start(d - 1) == start - 1)
       result.push(d);
   }
   return result;
@@ -3987,12 +3987,12 @@ function selectionToInsertionEnd$1(tr, startLen, bias) {
   let step = tr.steps[last];
   if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep))
     return;
-  let map2 = tr.mapping.maps[last], end2;
+  let map2 = tr.mapping.maps[last], end;
   map2.forEach((_from, _to, _newFrom, newTo) => {
-    if (end2 == null)
-      end2 = newTo;
+    if (end == null)
+      end = newTo;
   });
-  tr.setSelection(Selection.near(tr.doc.resolve(end2), bias));
+  tr.setSelection(Selection.near(tr.doc.resolve(end), bias));
 }
 const UPDATED_SEL = 1, UPDATED_MARKS = 2, UPDATED_SCROLL = 4;
 class Transaction extends Transform {
@@ -4441,7 +4441,7 @@ function windowRect(doc2) {
     bottom: doc2.documentElement.clientHeight
   };
 }
-function getSide(value, side) {
+function getSide$1(value, side) {
   return typeof value == "number" ? value : value[side];
 }
 function clientRect(node) {
@@ -4467,14 +4467,14 @@ function scrollRectIntoView(view, rect, startDOM) {
     let atTop = elt == doc2.body;
     let bounding = atTop ? windowRect(doc2) : clientRect(elt);
     let moveX = 0, moveY = 0;
-    if (rect.top < bounding.top + getSide(scrollThreshold, "top"))
-      moveY = -(bounding.top - rect.top + getSide(scrollMargin, "top"));
-    else if (rect.bottom > bounding.bottom - getSide(scrollThreshold, "bottom"))
-      moveY = rect.bottom - bounding.bottom + getSide(scrollMargin, "bottom");
-    if (rect.left < bounding.left + getSide(scrollThreshold, "left"))
-      moveX = -(bounding.left - rect.left + getSide(scrollMargin, "left"));
-    else if (rect.right > bounding.right - getSide(scrollThreshold, "right"))
-      moveX = rect.right - bounding.right + getSide(scrollMargin, "right");
+    if (rect.top < bounding.top + getSide$1(scrollThreshold, "top"))
+      moveY = -(bounding.top - rect.top + getSide$1(scrollMargin, "top"));
+    else if (rect.bottom > bounding.bottom - getSide$1(scrollThreshold, "bottom"))
+      moveY = rect.bottom - bounding.bottom + getSide$1(scrollMargin, "bottom");
+    if (rect.left < bounding.left + getSide$1(scrollThreshold, "left"))
+      moveX = -(bounding.left - rect.left + getSide$1(scrollMargin, "left"));
+    else if (rect.right > bounding.right - getSide$1(scrollThreshold, "right"))
+      moveX = rect.right - bounding.right + getSide$1(scrollMargin, "right");
     if (moveX || moveY) {
       if (atTop) {
         doc2.defaultView.scrollBy(moveX, moveY);
@@ -4523,11 +4523,11 @@ function resetScrollPos({ refDOM, refTop, stack }) {
 }
 function restoreScrollStack(stack, dTop) {
   for (let i = 0; i < stack.length; i++) {
-    let { dom, top: top2, left: left2 } = stack[i];
-    if (dom.scrollTop != top2 + dTop)
-      dom.scrollTop = top2 + dTop;
-    if (dom.scrollLeft != left2)
-      dom.scrollLeft = left2;
+    let { dom, top, left } = stack[i];
+    if (dom.scrollTop != top + dTop)
+      dom.scrollTop = top + dTop;
+    if (dom.scrollLeft != left)
+      dom.scrollLeft = left;
   }
 }
 let preventScrollSupported = null;
@@ -4773,16 +4773,16 @@ function coordsAtPos(view, pos, side) {
   }
   return flattenV(singleRect(node.nodeType == 3 ? textRange(node) : node, -side), side >= 0);
 }
-function flattenV(rect, left2) {
+function flattenV(rect, left) {
   if (rect.width == 0)
     return rect;
-  let x = left2 ? rect.left : rect.right;
+  let x = left ? rect.left : rect.right;
   return { top: rect.top, bottom: rect.bottom, left: x, right: x };
 }
-function flattenH(rect, top2) {
+function flattenH(rect, top) {
   if (rect.height == 0)
     return rect;
-  let y = top2 ? rect.top : rect.bottom;
+  let y = top ? rect.top : rect.bottom;
   return { top: y, bottom: y, left: rect.left, right: rect.right };
 }
 function withFlushedState(view, state, f) {
@@ -5011,15 +5011,15 @@ class ViewDesc {
   }
   descAt(pos) {
     for (let i = 0, offset2 = 0; i < this.children.length; i++) {
-      let child = this.children[i], end2 = offset2 + child.size;
-      if (offset2 == pos && end2 != offset2) {
+      let child = this.children[i], end = offset2 + child.size;
+      if (offset2 == pos && end != offset2) {
         while (!child.border && child.children.length)
           child = child.children[0];
         return child;
       }
-      if (pos < end2)
+      if (pos < end)
         return child.descAt(pos - offset2 - child.border);
-      offset2 = end2;
+      offset2 = end;
     }
   }
   domFromPos(pos, side) {
@@ -5027,12 +5027,12 @@ class ViewDesc {
       return { node: this.dom, offset: 0 };
     let i = 0, offset2 = 0;
     for (let curPos = 0; i < this.children.length; i++) {
-      let child = this.children[i], end2 = curPos + child.size;
-      if (end2 > pos || child instanceof TrailingHackViewDesc) {
+      let child = this.children[i], end = curPos + child.size;
+      if (end > pos || child instanceof TrailingHackViewDesc) {
         offset2 = pos - curPos;
         break;
       }
-      curPos = end2;
+      curPos = end;
     }
     if (offset2)
       return this.children[i].domFromPos(offset2 - this.children[i].border, side);
@@ -5065,10 +5065,10 @@ class ViewDesc {
       return { node: this.contentDOM, from: from2, to, fromOffset: 0, toOffset: this.contentDOM.childNodes.length };
     let fromOffset = -1, toOffset = -1;
     for (let offset2 = base2, i = 0; ; i++) {
-      let child = this.children[i], end2 = offset2 + child.size;
-      if (fromOffset == -1 && from2 <= end2) {
+      let child = this.children[i], end = offset2 + child.size;
+      if (fromOffset == -1 && from2 <= end) {
         let childBase = offset2 + child.border;
-        if (from2 >= childBase && to <= end2 - child.border && child.node && child.contentDOM && this.contentDOM.contains(child.contentDOM))
+        if (from2 >= childBase && to <= end - child.border && child.node && child.contentDOM && this.contentDOM.contains(child.contentDOM))
           return child.parseRange(from2, to, childBase);
         from2 = offset2;
         for (let j = i; j > 0; j--) {
@@ -5082,8 +5082,8 @@ class ViewDesc {
         if (fromOffset == -1)
           fromOffset = 0;
       }
-      if (fromOffset > -1 && (end2 > to || i == this.children.length - 1)) {
-        to = end2;
+      if (fromOffset > -1 && (end > to || i == this.children.length - 1)) {
+        to = end;
         for (let j = i + 1; j < this.children.length; j++) {
           let next2 = this.children[j];
           if (next2.size && next2.dom.parentNode == this.contentDOM && !next2.emptyChildAt(-1)) {
@@ -5096,7 +5096,7 @@ class ViewDesc {
           toOffset = this.contentDOM.childNodes.length;
         break;
       }
-      offset2 = end2;
+      offset2 = end;
     }
     return { node: this.contentDOM, from: from2, to, fromOffset, toOffset };
   }
@@ -5115,10 +5115,10 @@ class ViewDesc {
   setSelection(anchor, head, root2, force = false) {
     let from2 = Math.min(anchor, head), to = Math.max(anchor, head);
     for (let i = 0, offset2 = 0; i < this.children.length; i++) {
-      let child = this.children[i], end2 = offset2 + child.size;
-      if (from2 > offset2 && to < end2)
+      let child = this.children[i], end = offset2 + child.size;
+      if (from2 > offset2 && to < end)
         return child.setSelection(anchor - offset2 - child.border, head - offset2 - child.border, root2, force);
-      offset2 = end2;
+      offset2 = end;
     }
     let anchorDOM = this.domFromPos(anchor, anchor ? -1 : 1);
     let headDOM = head == anchor ? anchorDOM : this.domFromPos(head, head ? -1 : 1);
@@ -5185,11 +5185,11 @@ class ViewDesc {
   }
   markDirty(from2, to) {
     for (let offset2 = 0, i = 0; i < this.children.length; i++) {
-      let child = this.children[i], end2 = offset2 + child.size;
-      if (offset2 == end2 ? from2 <= end2 && to >= offset2 : from2 < end2 && to > offset2) {
-        let startInside = offset2 + child.border, endInside = end2 - child.border;
+      let child = this.children[i], end = offset2 + child.size;
+      if (offset2 == end ? from2 <= end && to >= offset2 : from2 < end && to > offset2) {
+        let startInside = offset2 + child.border, endInside = end - child.border;
         if (from2 >= startInside && to <= endInside) {
-          this.dirty = from2 == offset2 || to == end2 ? CONTENT_DIRTY : CHILD_DIRTY;
+          this.dirty = from2 == offset2 || to == end ? CONTENT_DIRTY : CHILD_DIRTY;
           if (from2 == startInside && to == endInside && (child.contentLost || child.dom.parentNode != this.contentDOM))
             child.dirty = NODE_DIRTY;
           else
@@ -5199,7 +5199,7 @@ class ViewDesc {
           child.dirty = child.dom == child.contentDOM && child.dom.parentNode == this.contentDOM && !child.children.length ? CONTENT_DIRTY : NODE_DIRTY;
         }
       }
-      offset2 = end2;
+      offset2 = end;
     }
     this.dirty = CONTENT_DIRTY;
   }
@@ -5667,25 +5667,25 @@ const noDeco = [new OuterDecoLevel()];
 function computeOuterDeco(outerDeco, node, needsWrap) {
   if (outerDeco.length == 0)
     return noDeco;
-  let top2 = needsWrap ? noDeco[0] : new OuterDecoLevel(), result = [top2];
+  let top = needsWrap ? noDeco[0] : new OuterDecoLevel(), result = [top];
   for (let i = 0; i < outerDeco.length; i++) {
     let attrs = outerDeco[i].type.attrs;
     if (!attrs)
       continue;
     if (attrs.nodeName)
-      result.push(top2 = new OuterDecoLevel(attrs.nodeName));
+      result.push(top = new OuterDecoLevel(attrs.nodeName));
     for (let name in attrs) {
       let val = attrs[name];
       if (val == null)
         continue;
       if (needsWrap && result.length == 1)
-        result.push(top2 = new OuterDecoLevel(node.isInline ? "span" : "div"));
+        result.push(top = new OuterDecoLevel(node.isInline ? "span" : "div"));
       if (name == "class")
-        top2.class = (top2.class ? top2.class + " " : "") + val;
+        top.class = (top.class ? top.class + " " : "") + val;
       else if (name == "style")
-        top2.style = (top2.style ? top2.style + ";" : "") + val;
+        top.style = (top.style ? top.style + ";" : "") + val;
       else if (name != "nodeName")
-        top2[name] = val;
+        top[name] = val;
     }
   }
   return result;
@@ -5758,20 +5758,20 @@ function rm(dom) {
   return next2;
 }
 class ViewTreeUpdater {
-  constructor(top2, lock) {
+  constructor(top, lock) {
     this.lock = lock;
     this.index = 0;
     this.stack = [];
     this.changed = false;
-    this.top = top2;
-    this.preMatch = preMatch(top2.node.content, top2);
+    this.top = top;
+    this.preMatch = preMatch(top.node.content, top);
   }
-  destroyBetween(start2, end2) {
-    if (start2 == end2)
+  destroyBetween(start, end) {
+    if (start == end)
       return;
-    for (let i = start2; i < end2; i++)
+    for (let i = start; i < end; i++)
       this.top.children[i].destroy();
-    this.top.children.splice(start2, end2 - start2);
+    this.top.children.splice(start, end - start);
     this.changed = true;
   }
   destroyRest() {
@@ -6005,24 +6005,24 @@ function iterDeco(parent, deco, onWidget, onNode) {
         active.splice(i--, 1);
     while (decoIndex < locals.length && locals[decoIndex].from <= offset2 && locals[decoIndex].to > offset2)
       active.push(locals[decoIndex++]);
-    let end2 = offset2 + child.nodeSize;
+    let end = offset2 + child.nodeSize;
     if (child.isText) {
-      let cutAt = end2;
+      let cutAt = end;
       if (decoIndex < locals.length && locals[decoIndex].from < cutAt)
         cutAt = locals[decoIndex].from;
       for (let i = 0; i < active.length; i++)
         if (active[i].to < cutAt)
           cutAt = active[i].to;
-      if (cutAt < end2) {
+      if (cutAt < end) {
         restNode = child.cut(cutAt - offset2);
         child = child.cut(0, cutAt - offset2);
-        end2 = cutAt;
+        end = cutAt;
         index = -1;
       }
     }
     let outerDeco = child.isInline && !child.isLeaf ? active.filter((d) => !d.inline) : active.slice();
     onNode(child, outerDeco, deco.forChild(offset2, child), index);
-    offset2 = end2;
+    offset2 = end;
   }
 }
 function iosHacks(dom) {
@@ -6077,18 +6077,18 @@ function findTextInFragment(frag, text2, from2, to) {
 function replaceNodes(nodes, from2, to, view, replacement2) {
   let result = [];
   for (let i = 0, off = 0; i < nodes.length; i++) {
-    let child = nodes[i], start2 = off, end2 = off += child.size;
-    if (start2 >= to || end2 <= from2) {
+    let child = nodes[i], start = off, end = off += child.size;
+    if (start >= to || end <= from2) {
       result.push(child);
     } else {
-      if (start2 < from2)
-        result.push(child.slice(0, from2 - start2, view));
+      if (start < from2)
+        result.push(child.slice(0, from2 - start, view));
       if (replacement2) {
         result.push(replacement2);
         replacement2 = void 0;
       }
-      if (end2 > to)
-        result.push(child.slice(to - start2, child.size, view));
+      if (end > to)
+        result.push(child.slice(to - start, child.size, view));
     }
   }
   return result;
@@ -7308,21 +7308,21 @@ editHandlers.drop = (view, _event) => {
   if (move)
     tr.deleteSelection();
   let pos = tr.mapping.map(insertPos);
-  let isNode = slice2.openStart == 0 && slice2.openEnd == 0 && slice2.content.childCount == 1;
+  let isNode2 = slice2.openStart == 0 && slice2.openEnd == 0 && slice2.content.childCount == 1;
   let beforeInsert = tr.doc;
-  if (isNode)
+  if (isNode2)
     tr.replaceRangeWith(pos, pos, slice2.content.firstChild);
   else
     tr.replaceRange(pos, pos, slice2);
   if (tr.doc.eq(beforeInsert))
     return;
   let $pos = tr.doc.resolve(pos);
-  if (isNode && NodeSelection.isSelectable(slice2.content.firstChild) && $pos.nodeAfter && $pos.nodeAfter.sameMarkup(slice2.content.firstChild)) {
+  if (isNode2 && NodeSelection.isSelectable(slice2.content.firstChild) && $pos.nodeAfter && $pos.nodeAfter.sameMarkup(slice2.content.firstChild)) {
     tr.setSelection(new NodeSelection($pos));
   } else {
-    let end2 = tr.mapping.map(insertPos);
-    tr.mapping.maps[tr.mapping.maps.length - 1].forEach((_from, _to, _newFrom, newTo) => end2 = newTo);
-    tr.setSelection(selectionBetween(view, $pos, tr.doc.resolve(end2)));
+    let end = tr.mapping.map(insertPos);
+    tr.mapping.maps[tr.mapping.maps.length - 1].forEach((_from, _to, _newFrom, newTo) => end = newTo);
+    tr.setSelection(selectionBetween(view, $pos, tr.doc.resolve(end)));
   }
   view.focus();
   view.dispatch(tr.setMeta("uiEvent", "drop"));
@@ -7488,21 +7488,21 @@ class DecorationSet {
   static create(doc2, decorations) {
     return decorations.length ? buildTree(decorations, doc2, 0, noSpec) : empty$1;
   }
-  find(start2, end2, predicate) {
+  find(start, end, predicate) {
     let result = [];
-    this.findInner(start2 == null ? 0 : start2, end2 == null ? 1e9 : end2, result, 0, predicate);
+    this.findInner(start == null ? 0 : start, end == null ? 1e9 : end, result, 0, predicate);
     return result;
   }
-  findInner(start2, end2, result, offset2, predicate) {
+  findInner(start, end, result, offset2, predicate) {
     for (let i = 0; i < this.local.length; i++) {
       let span = this.local[i];
-      if (span.from <= end2 && span.to >= start2 && (!predicate || predicate(span.spec)))
+      if (span.from <= end && span.to >= start && (!predicate || predicate(span.spec)))
         result.push(span.copy(span.from + offset2, span.to + offset2));
     }
     for (let i = 0; i < this.children.length; i += 3) {
-      if (this.children[i] < end2 && this.children[i + 1] > start2) {
+      if (this.children[i] < end && this.children[i + 1] > start) {
         let childOff = this.children[i] + 1;
-        this.children[i + 2].findInner(start2 - childOff, end2 - childOff, result, offset2 + childOff, predicate);
+        this.children[i + 2].findInner(start - childOff, end - childOff, result, offset2 + childOff, predicate);
       }
     }
   }
@@ -7610,11 +7610,11 @@ class DecorationSet {
           child = this.children[i + 2];
         break;
       }
-    let start2 = offset2 + 1, end2 = start2 + node.content.size;
+    let start = offset2 + 1, end = start + node.content.size;
     for (let i = 0; i < this.local.length; i++) {
       let dec = this.local[i];
-      if (dec.from < end2 && dec.to > start2 && dec.type instanceof InlineType) {
-        let from2 = Math.max(start2, dec.from) - start2, to = Math.min(end2, dec.to) - start2;
+      if (dec.from < end && dec.to > start && dec.type instanceof InlineType) {
+        let from2 = Math.max(start, dec.from) - start, to = Math.min(end, dec.to) - start;
         if (from2 < to)
           (local || (local = [])).push(dec.copy(from2, to));
       }
@@ -7722,12 +7722,12 @@ function mapChildren(oldChildren, newLocal, mapping, node, offset2, oldOffset, o
   let children = oldChildren.slice();
   let shift2 = (oldStart, oldEnd, newStart, newEnd) => {
     for (let i = 0; i < children.length; i += 3) {
-      let end2 = children[i + 1], dSize;
-      if (end2 < 0 || oldStart > end2 + oldOffset)
+      let end = children[i + 1], dSize;
+      if (end < 0 || oldStart > end + oldOffset)
         continue;
-      let start2 = children[i] + oldOffset;
-      if (oldEnd >= start2) {
-        children[i + 1] = oldStart <= start2 ? -2 : -1;
+      let start = children[i] + oldOffset;
+      if (oldEnd >= start) {
+        children[i + 1] = oldStart <= start ? -2 : -1;
       } else if (newStart >= offset2 && (dSize = newEnd - newStart - (oldEnd - oldStart))) {
         children[i] += dSize;
         children[i + 1] += dSize;
@@ -7814,9 +7814,9 @@ function mapAndGatherRemainingDecorations(children, oldChildren, decorations, ma
 function takeSpansForNode(spans, node, offset2) {
   if (node.isLeaf)
     return null;
-  let end2 = offset2 + node.nodeSize, found2 = null;
+  let end = offset2 + node.nodeSize, found2 = null;
   for (let i = 0, span; i < spans.length; i++) {
-    if ((span = spans[i]) && span.from > offset2 && span.to < end2) {
+    if ((span = spans[i]) && span.from > offset2 && span.to < end) {
       (found2 || (found2 = [])).push(span);
       spans[i] = null;
     }
@@ -8331,54 +8331,54 @@ function isMarkChange(cur, prev) {
   if (Fragment.from(updated).eq(cur))
     return { mark, type };
 }
-function looksLikeJoin(old, start2, end2, $newStart, $newEnd) {
-  if (!$newStart.parent.isTextblock || end2 - start2 <= $newEnd.pos - $newStart.pos || skipClosingAndOpening($newStart, true, false) < $newEnd.pos)
+function looksLikeJoin(old, start, end, $newStart, $newEnd) {
+  if (!$newStart.parent.isTextblock || end - start <= $newEnd.pos - $newStart.pos || skipClosingAndOpening($newStart, true, false) < $newEnd.pos)
     return false;
-  let $start = old.resolve(start2);
+  let $start = old.resolve(start);
   if ($start.parentOffset < $start.parent.content.size || !$start.parent.isTextblock)
     return false;
   let $next = old.resolve(skipClosingAndOpening($start, true, true));
-  if (!$next.parent.isTextblock || $next.pos > end2 || skipClosingAndOpening($next, true, false) < end2)
+  if (!$next.parent.isTextblock || $next.pos > end || skipClosingAndOpening($next, true, false) < end)
     return false;
   return $newStart.parent.content.cut($newStart.parentOffset).eq($next.parent.content);
 }
 function skipClosingAndOpening($pos, fromEnd, mayOpen) {
-  let depth = $pos.depth, end2 = fromEnd ? $pos.end() : $pos.pos;
+  let depth = $pos.depth, end = fromEnd ? $pos.end() : $pos.pos;
   while (depth > 0 && (fromEnd || $pos.indexAfter(depth) == $pos.node(depth).childCount)) {
     depth--;
-    end2++;
+    end++;
     fromEnd = false;
   }
   if (mayOpen) {
     let next2 = $pos.node(depth).maybeChild($pos.indexAfter(depth));
     while (next2 && !next2.isLeaf) {
       next2 = next2.firstChild;
-      end2++;
+      end++;
     }
   }
-  return end2;
+  return end;
 }
 function findDiff(a, b, pos, preferredPos, preferredSide) {
-  let start2 = a.findDiffStart(b, pos);
-  if (start2 == null)
+  let start = a.findDiffStart(b, pos);
+  if (start == null)
     return null;
   let { a: endA, b: endB } = a.findDiffEnd(b, pos + a.size, pos + b.size);
   if (preferredSide == "end") {
-    let adjust = Math.max(0, start2 - Math.min(endA, endB));
-    preferredPos -= endA + adjust - start2;
-  }
-  if (endA < start2 && a.size < b.size) {
-    let move = preferredPos <= start2 && preferredPos >= endA ? start2 - preferredPos : 0;
-    start2 -= move;
-    endB = start2 + (endB - endA);
-    endA = start2;
-  } else if (endB < start2) {
-    let move = preferredPos <= start2 && preferredPos >= endB ? start2 - preferredPos : 0;
-    start2 -= move;
-    endA = start2 + (endA - endB);
-    endB = start2;
-  }
-  return { start: start2, endA, endB };
+    let adjust = Math.max(0, start - Math.min(endA, endB));
+    preferredPos -= endA + adjust - start;
+  }
+  if (endA < start && a.size < b.size) {
+    let move = preferredPos <= start && preferredPos >= endA ? start - preferredPos : 0;
+    start -= move;
+    endB = start + (endB - endA);
+    endA = start;
+  } else if (endB < start) {
+    let move = preferredPos <= start && preferredPos >= endB ? start - preferredPos : 0;
+    start -= move;
+    endA = start + (endA - endB);
+    endB = start;
+  }
+  return { start, endA, endB };
 }
 class EditorView {
   constructor(place, props) {
@@ -8752,7 +8752,7 @@ var base = {
   222: "'",
   229: "q"
 };
-var shift = {
+var shift$1 = {
   48: ")",
   49: "!",
   50: "@",
@@ -8791,14 +8791,14 @@ for (var i = 1; i <= 24; i++)
   base[i + 111] = "F" + i;
 for (var i = 65; i <= 90; i++) {
   base[i] = String.fromCharCode(i + 32);
-  shift[i] = String.fromCharCode(i);
+  shift$1[i] = String.fromCharCode(i);
 }
 for (var code in base)
-  if (!shift.hasOwnProperty(code))
-    shift[code] = base[code];
+  if (!shift$1.hasOwnProperty(code))
+    shift$1[code] = base[code];
 function keyName(event) {
   var ignoreKey = brokenModifierNames && (event.ctrlKey || event.altKey || event.metaKey) || (safari || ie) && event.shiftKey && event.key && event.key.length == 1;
-  var name = !ignoreKey && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
+  var name = !ignoreKey && event.key || (event.shiftKey ? shift$1 : base)[event.keyCode] || event.key || "Unidentified";
   if (name == "Esc")
     name = "Escape";
   if (name == "Del")
@@ -9124,12 +9124,12 @@ function deleteBarrier(state, $cut, dispatch) {
   let canDelAfter = $cut.parent.canReplace($cut.index(), $cut.index() + 1);
   if (canDelAfter && (conn = (match2 = before.contentMatchAt(before.childCount)).findWrapping(after.type)) && match2.matchType(conn[0] || after.type).validEnd) {
     if (dispatch) {
-      let end2 = $cut.pos + after.nodeSize, wrap2 = Fragment.empty;
+      let end = $cut.pos + after.nodeSize, wrap2 = Fragment.empty;
       for (let i = conn.length - 1; i >= 0; i--)
         wrap2 = Fragment.from(conn[i].create(null, wrap2));
       wrap2 = Fragment.from(before.copy(wrap2));
-      let tr = state.tr.step(new ReplaceAroundStep($cut.pos - 1, end2, $cut.pos, end2, new Slice(wrap2, 1, 0), conn.length, true));
-      let joinAt = end2 + 2 * conn.length;
+      let tr = state.tr.step(new ReplaceAroundStep($cut.pos - 1, end, $cut.pos, end, new Slice(wrap2, 1, 0), conn.length, true));
+      let joinAt = end + 2 * conn.length;
       if (canJoin(tr.doc, joinAt))
         tr.join(joinAt);
       dispatch(tr.scrollIntoView());
@@ -9156,10 +9156,10 @@ function deleteBarrier(state, $cut, dispatch) {
       afterDepth++;
     if (at.canReplace(at.childCount, at.childCount, afterText.content)) {
       if (dispatch) {
-        let end2 = Fragment.empty;
+        let end = Fragment.empty;
         for (let i = wrap2.length - 1; i >= 0; i--)
-          end2 = Fragment.from(wrap2[i].copy(end2));
-        let tr = state.tr.step(new ReplaceAroundStep($cut.pos - wrap2.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end2, wrap2.length, 0), 0, true));
+          end = Fragment.from(wrap2[i].copy(end));
+        let tr = state.tr.step(new ReplaceAroundStep($cut.pos - wrap2.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end, wrap2.length, 0), 0, true));
         dispatch(tr.scrollIntoView());
       }
       return true;
@@ -9278,9 +9278,9 @@ function liftListItem$1(itemType) {
   };
 }
 function liftToOuterList(state, dispatch, itemType, range) {
-  let tr = state.tr, end2 = range.end, endOfList = range.$to.end(range.depth);
-  if (end2 < endOfList) {
-    tr.step(new ReplaceAroundStep(end2 - 1, endOfList, end2, endOfList, new Slice(Fragment.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
+  let tr = state.tr, end = range.end, endOfList = range.$to.end(range.depth);
+  if (end < endOfList) {
+    tr.step(new ReplaceAroundStep(end - 1, endOfList, end, endOfList, new Slice(Fragment.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
     range = new NodeRange(tr.doc.resolve(range.$from.pos), tr.doc.resolve(endOfList), range.depth);
   }
   dispatch(tr.lift(range, liftTarget(range)).scrollIntoView());
@@ -9299,8 +9299,8 @@ function liftOutOfList(state, dispatch, range) {
   let parent = $start.node(-1), indexBefore = $start.index(-1);
   if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment.empty : Fragment.from(list))))
     return false;
-  let start2 = $start.pos, end2 = start2 + item.nodeSize;
-  tr.step(new ReplaceAroundStep(start2 - (atStart ? 1 : 0), end2 + (atEnd ? 1 : 0), start2 + 1, end2 - 1, new Slice((atStart ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))).append(atEnd ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
+  let start = $start.pos, end = start + item.nodeSize;
+  tr.step(new ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new Slice((atStart ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))).append(atEnd ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
   dispatch(tr.scrollIntoView());
   return true;
 }
@@ -9460,11 +9460,11 @@ class EventEmitter {
   constructor() {
     this.callbacks = {};
   }
-  on(event, fn2) {
+  on(event, fn) {
     if (!this.callbacks[event]) {
       this.callbacks[event] = [];
     }
-    this.callbacks[event].push(fn2);
+    this.callbacks[event].push(fn);
     return this;
   }
   emit(event, ...args) {
@@ -9474,11 +9474,11 @@ class EventEmitter {
     }
     return this;
   }
-  off(event, fn2) {
+  off(event, fn) {
     const callbacks2 = this.callbacks[event];
     if (callbacks2) {
-      if (fn2) {
-        this.callbacks[event] = callbacks2.filter((callback) => callback !== fn2);
+      if (fn) {
+        this.callbacks[event] = callbacks2.filter((callback) => callback !== fn);
       } else {
         delete this.callbacks[event];
       }
@@ -10006,11 +10006,11 @@ function run$2(config) {
       if (match2.index === void 0) {
         return;
       }
-      const start2 = resolvedFrom + match2.index + 1;
-      const end2 = start2 + match2[0].length;
+      const start = resolvedFrom + match2.index + 1;
+      const end = start + match2[0].length;
       const range = {
-        from: state.tr.mapping.map(start2),
-        to: state.tr.mapping.map(end2)
+        from: state.tr.mapping.map(start),
+        to: state.tr.mapping.map(end)
       };
       const handler = rule.handler({
         state,
@@ -10486,8 +10486,8 @@ const clearNodes = () => ({ state, tr, dispatch }) => {
   });
   return true;
 };
-const command = (fn2) => (props) => {
-  return fn2(props);
+const command = (fn) => (props) => {
+  return fn(props);
 };
 const createParagraphNear = () => ({ state, dispatch }) => {
   return createParagraphNear$1(state, dispatch);
@@ -10551,22 +10551,22 @@ function getMarkRange($pos, type, attributes = {}) {
   if (!$pos || !type) {
     return;
   }
-  let start2 = $pos.parent.childAfter($pos.parentOffset);
-  if ($pos.parentOffset === start2.offset && start2.offset !== 0) {
-    start2 = $pos.parent.childBefore($pos.parentOffset);
+  let start = $pos.parent.childAfter($pos.parentOffset);
+  if ($pos.parentOffset === start.offset && start.offset !== 0) {
+    start = $pos.parent.childBefore($pos.parentOffset);
   }
-  if (!start2.node) {
+  if (!start.node) {
     return;
   }
-  const mark = findMarkInSet([...start2.node.marks], type, attributes);
+  const mark = findMarkInSet([...start.node.marks], type, attributes);
   if (!mark) {
     return;
   }
-  let startIndex2 = start2.index;
-  let startPos = $pos.start() + start2.offset;
+  let startIndex2 = start.index;
+  let startPos = $pos.start() + start.offset;
   let endIndex2 = startIndex2 + 1;
-  let endPos = startPos + start2.node.nodeSize;
-  findMarkInSet([...start2.node.marks], type, attributes);
+  let endPos = startPos + start.node.nodeSize;
+  findMarkInSet([...start.node.marks], type, attributes);
   while (startIndex2 > 0 && mark.isInSet($pos.parent.child(startIndex2 - 1).marks)) {
     startIndex2 -= 1;
     startPos -= $pos.parent.child(startIndex2).nodeSize;
@@ -10684,8 +10684,8 @@ const focus = (position = null, options = {}) => ({ editor, view, tr, dispatch }
   }
   return true;
 };
-const forEach$1 = (items, fn2) => (props) => {
-  return items.every((item, index) => fn2(item, { ...props, index }));
+const forEach$1 = (items, fn) => (props) => {
+  return items.every((item, index) => fn(item, { ...props, index }));
 };
 const insertContent = (value, options) => ({ tr, commands: commands2 }) => {
   return commands2.insertContentAt({ from: tr.selection.from, to: tr.selection.to }, value, options);
@@ -10727,13 +10727,13 @@ function selectionToInsertionEnd(tr, startLen, bias) {
     return;
   }
   const map2 = tr.mapping.maps[last];
-  let end2 = 0;
+  let end = 0;
   map2.forEach((_from, _to, _newFrom, newTo) => {
-    if (end2 === 0) {
-      end2 = newTo;
+    if (end === 0) {
+      end = newTo;
     }
   });
-  tr.setSelection(Selection.near(tr.doc.resolve(end2), bias));
+  tr.setSelection(Selection.near(tr.doc.resolve(end), bias));
 }
 const isFragment = (nodeOrFragment) => {
   return nodeOrFragment.toString().startsWith("<");
@@ -11204,10 +11204,10 @@ const splitListItem = (typeOrName) => ({ tr, state, dispatch, editor }) => {
       const newNextTypeAttributes2 = getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs);
       const nextType2 = ((_a = type.contentMatch.defaultType) === null || _a === void 0 ? void 0 : _a.createAndFill(newNextTypeAttributes2)) || void 0;
       wrap2 = wrap2.append(Fragment.from(type.createAndFill(null, nextType2) || void 0));
-      const start2 = $from.before($from.depth - (depthBefore - 1));
-      tr.replace(start2, $from.after(-depthAfter), new Slice(wrap2, 4 - depthBefore, 0));
+      const start = $from.before($from.depth - (depthBefore - 1));
+      tr.replace(start, $from.after(-depthAfter), new Slice(wrap2, 4 - depthBefore, 0));
       let sel = -1;
-      tr.doc.nodesBetween(start2, tr.doc.content.size, (n, pos) => {
+      tr.doc.nodesBetween(start, tr.doc.content.size, (n, pos) => {
         if (sel > -1) {
           return false;
         }
@@ -12028,9 +12028,9 @@ class Editor$1 extends EventEmitter {
       nodeViews: this.extensionManager.nodeViews
     });
   }
-  captureTransaction(fn2) {
+  captureTransaction(fn) {
     this.isCapturingTransaction = true;
-    fn2();
+    fn();
     this.isCapturingTransaction = false;
     const tr = this.capturedTransaction;
     this.capturedTransaction = null;
@@ -12436,1463 +12436,6 @@ function markPasteRule(config) {
     }
   });
 }
-var top = "top";
-var bottom = "bottom";
-var right = "right";
-var left = "left";
-var auto = "auto";
-var basePlacements = [top, bottom, right, left];
-var start = "start";
-var end = "end";
-var clippingParents = "clippingParents";
-var viewport = "viewport";
-var popper = "popper";
-var reference = "reference";
-var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
-  return acc.concat([placement + "-" + start, placement + "-" + end]);
-}, []);
-var placements = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
-  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
-}, []);
-var beforeRead = "beforeRead";
-var read = "read";
-var afterRead = "afterRead";
-var beforeMain = "beforeMain";
-var main = "main";
-var afterMain = "afterMain";
-var beforeWrite = "beforeWrite";
-var write = "write";
-var afterWrite = "afterWrite";
-var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
-function getNodeName(element) {
-  return element ? (element.nodeName || "").toLowerCase() : null;
-}
-function getWindow(node) {
-  if (node == null) {
-    return window;
-  }
-  if (node.toString() !== "[object Window]") {
-    var ownerDocument = node.ownerDocument;
-    return ownerDocument ? ownerDocument.defaultView || window : window;
-  }
-  return node;
-}
-function isElement$1(node) {
-  var OwnElement = getWindow(node).Element;
-  return node instanceof OwnElement || node instanceof Element;
-}
-function isHTMLElement(node) {
-  var OwnElement = getWindow(node).HTMLElement;
-  return node instanceof OwnElement || node instanceof HTMLElement;
-}
-function isShadowRoot(node) {
-  if (typeof ShadowRoot === "undefined") {
-    return false;
-  }
-  var OwnElement = getWindow(node).ShadowRoot;
-  return node instanceof OwnElement || node instanceof ShadowRoot;
-}
-function applyStyles(_ref) {
-  var state = _ref.state;
-  Object.keys(state.elements).forEach(function(name) {
-    var style2 = state.styles[name] || {};
-    var attributes = state.attributes[name] || {};
-    var element = state.elements[name];
-    if (!isHTMLElement(element) || !getNodeName(element)) {
-      return;
-    }
-    Object.assign(element.style, style2);
-    Object.keys(attributes).forEach(function(name2) {
-      var value = attributes[name2];
-      if (value === false) {
-        element.removeAttribute(name2);
-      } else {
-        element.setAttribute(name2, value === true ? "" : value);
-      }
-    });
-  });
-}
-function effect$2(_ref2) {
-  var state = _ref2.state;
-  var initialStyles = {
-    popper: {
-      position: state.options.strategy,
-      left: "0",
-      top: "0",
-      margin: "0"
-    },
-    arrow: {
-      position: "absolute"
-    },
-    reference: {}
-  };
-  Object.assign(state.elements.popper.style, initialStyles.popper);
-  state.styles = initialStyles;
-  if (state.elements.arrow) {
-    Object.assign(state.elements.arrow.style, initialStyles.arrow);
-  }
-  return function() {
-    Object.keys(state.elements).forEach(function(name) {
-      var element = state.elements[name];
-      var attributes = state.attributes[name] || {};
-      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
-      var style2 = styleProperties.reduce(function(style3, property) {
-        style3[property] = "";
-        return style3;
-      }, {});
-      if (!isHTMLElement(element) || !getNodeName(element)) {
-        return;
-      }
-      Object.assign(element.style, style2);
-      Object.keys(attributes).forEach(function(attribute) {
-        element.removeAttribute(attribute);
-      });
-    });
-  };
-}
-const applyStyles$1 = {
-  name: "applyStyles",
-  enabled: true,
-  phase: "write",
-  fn: applyStyles,
-  effect: effect$2,
-  requires: ["computeStyles"]
-};
-function getBasePlacement(placement) {
-  return placement.split("-")[0];
-}
-var max$3 = Math.max;
-var min$3 = Math.min;
-var round = Math.round;
-function getUAString() {
-  var uaData = navigator.userAgentData;
-  if (uaData != null && uaData.brands) {
-    return uaData.brands.map(function(item) {
-      return item.brand + "/" + item.version;
-    }).join(" ");
-  }
-  return navigator.userAgent;
-}
-function isLayoutViewport() {
-  return !/^((?!chrome|android).)*safari/i.test(getUAString());
-}
-function getBoundingClientRect(element, includeScale, isFixedStrategy) {
-  if (includeScale === void 0) {
-    includeScale = false;
-  }
-  if (isFixedStrategy === void 0) {
-    isFixedStrategy = false;
-  }
-  var clientRect2 = element.getBoundingClientRect();
-  var scaleX = 1;
-  var scaleY = 1;
-  if (includeScale && isHTMLElement(element)) {
-    scaleX = element.offsetWidth > 0 ? round(clientRect2.width) / element.offsetWidth || 1 : 1;
-    scaleY = element.offsetHeight > 0 ? round(clientRect2.height) / element.offsetHeight || 1 : 1;
-  }
-  var _ref = isElement$1(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
-  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
-  var x = (clientRect2.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
-  var y = (clientRect2.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
-  var width = clientRect2.width / scaleX;
-  var height = clientRect2.height / scaleY;
-  return {
-    width,
-    height,
-    top: y,
-    right: x + width,
-    bottom: y + height,
-    left: x,
-    x,
-    y
-  };
-}
-function getLayoutRect(element) {
-  var clientRect2 = getBoundingClientRect(element);
-  var width = element.offsetWidth;
-  var height = element.offsetHeight;
-  if (Math.abs(clientRect2.width - width) <= 1) {
-    width = clientRect2.width;
-  }
-  if (Math.abs(clientRect2.height - height) <= 1) {
-    height = clientRect2.height;
-  }
-  return {
-    x: element.offsetLeft,
-    y: element.offsetTop,
-    width,
-    height
-  };
-}
-function contains(parent, child) {
-  var rootNode = child.getRootNode && child.getRootNode();
-  if (parent.contains(child)) {
-    return true;
-  } else if (rootNode && isShadowRoot(rootNode)) {
-    var next2 = child;
-    do {
-      if (next2 && parent.isSameNode(next2)) {
-        return true;
-      }
-      next2 = next2.parentNode || next2.host;
-    } while (next2);
-  }
-  return false;
-}
-function getComputedStyle$1(element) {
-  return getWindow(element).getComputedStyle(element);
-}
-function isTableElement(element) {
-  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
-}
-function getDocumentElement(element) {
-  return ((isElement$1(element) ? element.ownerDocument : element.document) || window.document).documentElement;
-}
-function getParentNode(element) {
-  if (getNodeName(element) === "html") {
-    return element;
-  }
-  return element.assignedSlot || element.parentNode || (isShadowRoot(element) ? element.host : null) || getDocumentElement(element);
-}
-function getTrueOffsetParent(element) {
-  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
-    return null;
-  }
-  return element.offsetParent;
-}
-function getContainingBlock(element) {
-  var isFirefox = /firefox/i.test(getUAString());
-  var isIE = /Trident/i.test(getUAString());
-  if (isIE && isHTMLElement(element)) {
-    var elementCss = getComputedStyle$1(element);
-    if (elementCss.position === "fixed") {
-      return null;
-    }
-  }
-  var currentNode = getParentNode(element);
-  if (isShadowRoot(currentNode)) {
-    currentNode = currentNode.host;
-  }
-  while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
-    var css = getComputedStyle$1(currentNode);
-    if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
-      return currentNode;
-    } else {
-      currentNode = currentNode.parentNode;
-    }
-  }
-  return null;
-}
-function getOffsetParent(element) {
-  var window2 = getWindow(element);
-  var offsetParent = getTrueOffsetParent(element);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
-    offsetParent = getTrueOffsetParent(offsetParent);
-  }
-  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static")) {
-    return window2;
-  }
-  return offsetParent || getContainingBlock(element) || window2;
-}
-function getMainAxisFromPlacement(placement) {
-  return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
-}
-function within(min2, value, max2) {
-  return max$3(min2, min$3(value, max2));
-}
-function withinMaxClamp(min2, value, max2) {
-  var v = within(min2, value, max2);
-  return v > max2 ? max2 : v;
-}
-function getFreshSideObject() {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  };
-}
-function mergePaddingObject(paddingObject) {
-  return Object.assign({}, getFreshSideObject(), paddingObject);
-}
-function expandToHashMap(value, keys3) {
-  return keys3.reduce(function(hashMap, key) {
-    hashMap[key] = value;
-    return hashMap;
-  }, {});
-}
-var toPaddingObject = function toPaddingObject2(padding, state) {
-  padding = typeof padding === "function" ? padding(Object.assign({}, state.rects, {
-    placement: state.placement
-  })) : padding;
-  return mergePaddingObject(typeof padding !== "number" ? padding : expandToHashMap(padding, basePlacements));
-};
-function arrow(_ref) {
-  var _state$modifiersData$;
-  var state = _ref.state, name = _ref.name, options = _ref.options;
-  var arrowElement = state.elements.arrow;
-  var popperOffsets2 = state.modifiersData.popperOffsets;
-  var basePlacement = getBasePlacement(state.placement);
-  var axis = getMainAxisFromPlacement(basePlacement);
-  var isVertical = [left, right].indexOf(basePlacement) >= 0;
-  var len = isVertical ? "height" : "width";
-  if (!arrowElement || !popperOffsets2) {
-    return;
-  }
-  var paddingObject = toPaddingObject(options.padding, state);
-  var arrowRect = getLayoutRect(arrowElement);
-  var minProp = axis === "y" ? top : left;
-  var maxProp = axis === "y" ? bottom : right;
-  var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets2[axis] - state.rects.popper[len];
-  var startDiff = popperOffsets2[axis] - state.rects.reference[axis];
-  var arrowOffsetParent = getOffsetParent(arrowElement);
-  var clientSize = arrowOffsetParent ? axis === "y" ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
-  var centerToReference = endDiff / 2 - startDiff / 2;
-  var min2 = paddingObject[minProp];
-  var max2 = clientSize - arrowRect[len] - paddingObject[maxProp];
-  var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
-  var offset2 = within(min2, center, max2);
-  var axisProp = axis;
-  state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset2, _state$modifiersData$.centerOffset = offset2 - center, _state$modifiersData$);
-}
-function effect$1(_ref2) {
-  var state = _ref2.state, options = _ref2.options;
-  var _options$element = options.element, arrowElement = _options$element === void 0 ? "[data-popper-arrow]" : _options$element;
-  if (arrowElement == null) {
-    return;
-  }
-  if (typeof arrowElement === "string") {
-    arrowElement = state.elements.popper.querySelector(arrowElement);
-    if (!arrowElement) {
-      return;
-    }
-  }
-  if (process.env.NODE_ENV !== "production") {
-    if (!isHTMLElement(arrowElement)) {
-      console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "));
-    }
-  }
-  if (!contains(state.elements.popper, arrowElement)) {
-    if (process.env.NODE_ENV !== "production") {
-      console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
-    }
-    return;
-  }
-  state.elements.arrow = arrowElement;
-}
-const arrow$1 = {
-  name: "arrow",
-  enabled: true,
-  phase: "main",
-  fn: arrow,
-  effect: effect$1,
-  requires: ["popperOffsets"],
-  requiresIfExists: ["preventOverflow"]
-};
-function getVariation(placement) {
-  return placement.split("-")[1];
-}
-var unsetSides = {
-  top: "auto",
-  right: "auto",
-  bottom: "auto",
-  left: "auto"
-};
-function roundOffsetsByDPR(_ref) {
-  var x = _ref.x, y = _ref.y;
-  var win = window;
-  var dpr = win.devicePixelRatio || 1;
-  return {
-    x: round(x * dpr) / dpr || 0,
-    y: round(y * dpr) / dpr || 0
-  };
-}
-function mapToStyles(_ref2) {
-  var _Object$assign2;
-  var popper2 = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
-  var _offsets$x = offsets.x, x = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y = _offsets$y === void 0 ? 0 : _offsets$y;
-  var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
-    x,
-    y
-  }) : {
-    x,
-    y
-  };
-  x = _ref3.x;
-  y = _ref3.y;
-  var hasX = offsets.hasOwnProperty("x");
-  var hasY = offsets.hasOwnProperty("y");
-  var sideX = left;
-  var sideY = top;
-  var win = window;
-  if (adaptive) {
-    var offsetParent = getOffsetParent(popper2);
-    var heightProp = "clientHeight";
-    var widthProp = "clientWidth";
-    if (offsetParent === getWindow(popper2)) {
-      offsetParent = getDocumentElement(popper2);
-      if (getComputedStyle$1(offsetParent).position !== "static" && position === "absolute") {
-        heightProp = "scrollHeight";
-        widthProp = "scrollWidth";
-      }
-    }
-    offsetParent = offsetParent;
-    if (placement === top || (placement === left || placement === right) && variation === end) {
-      sideY = bottom;
-      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
-      y -= offsetY - popperRect.height;
-      y *= gpuAcceleration ? 1 : -1;
-    }
-    if (placement === left || (placement === top || placement === bottom) && variation === end) {
-      sideX = right;
-      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
-      x -= offsetX - popperRect.width;
-      x *= gpuAcceleration ? 1 : -1;
-    }
-  }
-  var commonStyles = Object.assign({
-    position
-  }, adaptive && unsetSides);
-  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
-    x,
-    y
-  }) : {
-    x,
-    y
-  };
-  x = _ref4.x;
-  y = _ref4.y;
-  if (gpuAcceleration) {
-    var _Object$assign;
-    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
-  }
-  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
-}
-function computeStyles(_ref5) {
-  var state = _ref5.state, options = _ref5.options;
-  var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
-  if (process.env.NODE_ENV !== "production") {
-    var transitionProperty = getComputedStyle$1(state.elements.popper).transitionProperty || "";
-    if (adaptive && ["transform", "top", "right", "bottom", "left"].some(function(property) {
-      return transitionProperty.indexOf(property) >= 0;
-    })) {
-      console.warn(["Popper: Detected CSS transitions on at least one of the following", 'CSS properties: "transform", "top", "right", "bottom", "left".', "\n\n", 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', "for smooth transitions, or remove these properties from the CSS", "transition declaration on the popper element if only transitioning", "opacity or background-color for example.", "\n\n", "We recommend using the popper element as a wrapper around an inner", "element that can have any CSS property transitioned for animations."].join(" "));
-    }
-  }
-  var commonStyles = {
-    placement: getBasePlacement(state.placement),
-    variation: getVariation(state.placement),
-    popper: state.elements.popper,
-    popperRect: state.rects.popper,
-    gpuAcceleration,
-    isFixed: state.options.strategy === "fixed"
-  };
-  if (state.modifiersData.popperOffsets != null) {
-    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
-      offsets: state.modifiersData.popperOffsets,
-      position: state.options.strategy,
-      adaptive,
-      roundOffsets
-    })));
-  }
-  if (state.modifiersData.arrow != null) {
-    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
-      offsets: state.modifiersData.arrow,
-      position: "absolute",
-      adaptive: false,
-      roundOffsets
-    })));
-  }
-  state.attributes.popper = Object.assign({}, state.attributes.popper, {
-    "data-popper-placement": state.placement
-  });
-}
-const computeStyles$1 = {
-  name: "computeStyles",
-  enabled: true,
-  phase: "beforeWrite",
-  fn: computeStyles,
-  data: {}
-};
-var passive = {
-  passive: true
-};
-function effect(_ref) {
-  var state = _ref.state, instance = _ref.instance, options = _ref.options;
-  var _options$scroll = options.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
-  var window2 = getWindow(state.elements.popper);
-  var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
-  if (scroll) {
-    scrollParents.forEach(function(scrollParent) {
-      scrollParent.addEventListener("scroll", instance.update, passive);
-    });
-  }
-  if (resize) {
-    window2.addEventListener("resize", instance.update, passive);
-  }
-  return function() {
-    if (scroll) {
-      scrollParents.forEach(function(scrollParent) {
-        scrollParent.removeEventListener("scroll", instance.update, passive);
-      });
-    }
-    if (resize) {
-      window2.removeEventListener("resize", instance.update, passive);
-    }
-  };
-}
-const eventListeners = {
-  name: "eventListeners",
-  enabled: true,
-  phase: "write",
-  fn: function fn() {
-  },
-  effect,
-  data: {}
-};
-var hash$1 = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, function(matched) {
-    return hash$1[matched];
-  });
-}
-var hash = {
-  start: "end",
-  end: "start"
-};
-function getOppositeVariationPlacement(placement) {
-  return placement.replace(/start|end/g, function(matched) {
-    return hash[matched];
-  });
-}
-function getWindowScroll(node) {
-  var win = getWindow(node);
-  var scrollLeft = win.pageXOffset;
-  var scrollTop = win.pageYOffset;
-  return {
-    scrollLeft,
-    scrollTop
-  };
-}
-function getWindowScrollBarX(element) {
-  return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
-}
-function getViewportRect(element, strategy) {
-  var win = getWindow(element);
-  var html2 = getDocumentElement(element);
-  var visualViewport = win.visualViewport;
-  var width = html2.clientWidth;
-  var height = html2.clientHeight;
-  var x = 0;
-  var y = 0;
-  if (visualViewport) {
-    width = visualViewport.width;
-    height = visualViewport.height;
-    var layoutViewport = isLayoutViewport();
-    if (layoutViewport || !layoutViewport && strategy === "fixed") {
-      x = visualViewport.offsetLeft;
-      y = visualViewport.offsetTop;
-    }
-  }
-  return {
-    width,
-    height,
-    x: x + getWindowScrollBarX(element),
-    y
-  };
-}
-function getDocumentRect(element) {
-  var _element$ownerDocumen;
-  var html2 = getDocumentElement(element);
-  var winScroll = getWindowScroll(element);
-  var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
-  var width = max$3(html2.scrollWidth, html2.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
-  var height = max$3(html2.scrollHeight, html2.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
-  var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
-  var y = -winScroll.scrollTop;
-  if (getComputedStyle$1(body || html2).direction === "rtl") {
-    x += max$3(html2.clientWidth, body ? body.clientWidth : 0) - width;
-  }
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-function isScrollParent(element) {
-  var _getComputedStyle = getComputedStyle$1(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
-  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
-}
-function getScrollParent(node) {
-  if (["html", "body", "#document"].indexOf(getNodeName(node)) >= 0) {
-    return node.ownerDocument.body;
-  }
-  if (isHTMLElement(node) && isScrollParent(node)) {
-    return node;
-  }
-  return getScrollParent(getParentNode(node));
-}
-function listScrollParents(element, list) {
-  var _element$ownerDocumen;
-  if (list === void 0) {
-    list = [];
-  }
-  var scrollParent = getScrollParent(element);
-  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
-  var win = getWindow(scrollParent);
-  var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
-  var updatedList = list.concat(target);
-  return isBody ? updatedList : updatedList.concat(listScrollParents(getParentNode(target)));
-}
-function rectToClientRect(rect) {
-  return Object.assign({}, rect, {
-    left: rect.x,
-    top: rect.y,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
-  });
-}
-function getInnerBoundingClientRect(element, strategy) {
-  var rect = getBoundingClientRect(element, false, strategy === "fixed");
-  rect.top = rect.top + element.clientTop;
-  rect.left = rect.left + element.clientLeft;
-  rect.bottom = rect.top + element.clientHeight;
-  rect.right = rect.left + element.clientWidth;
-  rect.width = element.clientWidth;
-  rect.height = element.clientHeight;
-  rect.x = rect.left;
-  rect.y = rect.top;
-  return rect;
-}
-function getClientRectFromMixedType(element, clippingParent, strategy) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement$1(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
-}
-function getClippingParents(element) {
-  var clippingParents2 = listScrollParents(getParentNode(element));
-  var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$1(element).position) >= 0;
-  var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
-  if (!isElement$1(clipperElement)) {
-    return [];
-  }
-  return clippingParents2.filter(function(clippingParent) {
-    return isElement$1(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== "body";
-  });
-}
-function getClippingRect(element, boundary, rootBoundary, strategy) {
-  var mainClippingParents = boundary === "clippingParents" ? getClippingParents(element) : [].concat(boundary);
-  var clippingParents2 = [].concat(mainClippingParents, [rootBoundary]);
-  var firstClippingParent = clippingParents2[0];
-  var clippingRect = clippingParents2.reduce(function(accRect, clippingParent) {
-    var rect = getClientRectFromMixedType(element, clippingParent, strategy);
-    accRect.top = max$3(rect.top, accRect.top);
-    accRect.right = min$3(rect.right, accRect.right);
-    accRect.bottom = min$3(rect.bottom, accRect.bottom);
-    accRect.left = max$3(rect.left, accRect.left);
-    return accRect;
-  }, getClientRectFromMixedType(element, firstClippingParent, strategy));
-  clippingRect.width = clippingRect.right - clippingRect.left;
-  clippingRect.height = clippingRect.bottom - clippingRect.top;
-  clippingRect.x = clippingRect.left;
-  clippingRect.y = clippingRect.top;
-  return clippingRect;
-}
-function computeOffsets(_ref) {
-  var reference2 = _ref.reference, element = _ref.element, placement = _ref.placement;
-  var basePlacement = placement ? getBasePlacement(placement) : null;
-  var variation = placement ? getVariation(placement) : null;
-  var commonX = reference2.x + reference2.width / 2 - element.width / 2;
-  var commonY = reference2.y + reference2.height / 2 - element.height / 2;
-  var offsets;
-  switch (basePlacement) {
-    case top:
-      offsets = {
-        x: commonX,
-        y: reference2.y - element.height
-      };
-      break;
-    case bottom:
-      offsets = {
-        x: commonX,
-        y: reference2.y + reference2.height
-      };
-      break;
-    case right:
-      offsets = {
-        x: reference2.x + reference2.width,
-        y: commonY
-      };
-      break;
-    case left:
-      offsets = {
-        x: reference2.x - element.width,
-        y: commonY
-      };
-      break;
-    default:
-      offsets = {
-        x: reference2.x,
-        y: reference2.y
-      };
-  }
-  var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
-  if (mainAxis != null) {
-    var len = mainAxis === "y" ? "height" : "width";
-    switch (variation) {
-      case start:
-        offsets[mainAxis] = offsets[mainAxis] - (reference2[len] / 2 - element[len] / 2);
-        break;
-      case end:
-        offsets[mainAxis] = offsets[mainAxis] + (reference2[len] / 2 - element[len] / 2);
-        break;
-    }
-  }
-  return offsets;
-}
-function detectOverflow(state, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var _options = options, _options$placement = _options.placement, placement = _options$placement === void 0 ? state.placement : _options$placement, _options$strategy = _options.strategy, strategy = _options$strategy === void 0 ? state.strategy : _options$strategy, _options$boundary = _options.boundary, boundary = _options$boundary === void 0 ? clippingParents : _options$boundary, _options$rootBoundary = _options.rootBoundary, rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary, _options$elementConte = _options.elementContext, elementContext = _options$elementConte === void 0 ? popper : _options$elementConte, _options$altBoundary = _options.altBoundary, altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary, _options$padding = _options.padding, padding = _options$padding === void 0 ? 0 : _options$padding;
-  var paddingObject = mergePaddingObject(typeof padding !== "number" ? padding : expandToHashMap(padding, basePlacements));
-  var altContext = elementContext === popper ? reference : popper;
-  var popperRect = state.rects.popper;
-  var element = state.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect(isElement$1(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
-  var referenceClientRect = getBoundingClientRect(state.elements.reference);
-  var popperOffsets2 = computeOffsets({
-    reference: referenceClientRect,
-    element: popperRect,
-    strategy: "absolute",
-    placement
-  });
-  var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets2));
-  var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect;
-  var overflowOffsets = {
-    top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
-    bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
-    left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
-    right: elementClientRect.right - clippingClientRect.right + paddingObject.right
-  };
-  var offsetData = state.modifiersData.offset;
-  if (elementContext === popper && offsetData) {
-    var offset2 = offsetData[placement];
-    Object.keys(overflowOffsets).forEach(function(key) {
-      var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;
-      var axis = [top, bottom].indexOf(key) >= 0 ? "y" : "x";
-      overflowOffsets[key] += offset2[axis] * multiply;
-    });
-  }
-  return overflowOffsets;
-}
-function computeAutoPlacement(state, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
-  var variation = getVariation(placement);
-  var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
-    return getVariation(placement2) === variation;
-  }) : basePlacements;
-  var allowedPlacements = placements$1.filter(function(placement2) {
-    return allowedAutoPlacements.indexOf(placement2) >= 0;
-  });
-  if (allowedPlacements.length === 0) {
-    allowedPlacements = placements$1;
-    if (process.env.NODE_ENV !== "production") {
-      console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" "));
-    }
-  }
-  var overflows = allowedPlacements.reduce(function(acc, placement2) {
-    acc[placement2] = detectOverflow(state, {
-      placement: placement2,
-      boundary,
-      rootBoundary,
-      padding
-    })[getBasePlacement(placement2)];
-    return acc;
-  }, {});
-  return Object.keys(overflows).sort(function(a, b) {
-    return overflows[a] - overflows[b];
-  });
-}
-function getExpandedFallbackPlacements(placement) {
-  if (getBasePlacement(placement) === auto) {
-    return [];
-  }
-  var oppositePlacement = getOppositePlacement(placement);
-  return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
-}
-function flip(_ref) {
-  var state = _ref.state, options = _ref.options, name = _ref.name;
-  if (state.modifiersData[name]._skip) {
-    return;
-  }
-  var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis, specifiedFallbackPlacements = options.fallbackPlacements, padding = options.padding, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, _options$flipVariatio = options.flipVariations, flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio, allowedAutoPlacements = options.allowedAutoPlacements;
-  var preferredPlacement = state.options.placement;
-  var basePlacement = getBasePlacement(preferredPlacement);
-  var isBasePlacement = basePlacement === preferredPlacement;
-  var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
-  var placements2 = [preferredPlacement].concat(fallbackPlacements).reduce(function(acc, placement2) {
-    return acc.concat(getBasePlacement(placement2) === auto ? computeAutoPlacement(state, {
-      placement: placement2,
-      boundary,
-      rootBoundary,
-      padding,
-      flipVariations,
-      allowedAutoPlacements
-    }) : placement2);
-  }, []);
-  var referenceRect = state.rects.reference;
-  var popperRect = state.rects.popper;
-  var checksMap = /* @__PURE__ */ new Map();
-  var makeFallbackChecks = true;
-  var firstFittingPlacement = placements2[0];
-  for (var i = 0; i < placements2.length; i++) {
-    var placement = placements2[i];
-    var _basePlacement = getBasePlacement(placement);
-    var isStartVariation = getVariation(placement) === start;
-    var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
-    var len = isVertical ? "width" : "height";
-    var overflow = detectOverflow(state, {
-      placement,
-      boundary,
-      rootBoundary,
-      altBoundary,
-      padding
-    });
-    var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
-    if (referenceRect[len] > popperRect[len]) {
-      mainVariationSide = getOppositePlacement(mainVariationSide);
-    }
-    var altVariationSide = getOppositePlacement(mainVariationSide);
-    var checks = [];
-    if (checkMainAxis) {
-      checks.push(overflow[_basePlacement] <= 0);
-    }
-    if (checkAltAxis) {
-      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
-    }
-    if (checks.every(function(check3) {
-      return check3;
-    })) {
-      firstFittingPlacement = placement;
-      makeFallbackChecks = false;
-      break;
-    }
-    checksMap.set(placement, checks);
-  }
-  if (makeFallbackChecks) {
-    var numberOfChecks = flipVariations ? 3 : 1;
-    var _loop = function _loop2(_i2) {
-      var fittingPlacement = placements2.find(function(placement2) {
-        var checks2 = checksMap.get(placement2);
-        if (checks2) {
-          return checks2.slice(0, _i2).every(function(check3) {
-            return check3;
-          });
-        }
-      });
-      if (fittingPlacement) {
-        firstFittingPlacement = fittingPlacement;
-        return "break";
-      }
-    };
-    for (var _i = numberOfChecks; _i > 0; _i--) {
-      var _ret = _loop(_i);
-      if (_ret === "break")
-        break;
-    }
-  }
-  if (state.placement !== firstFittingPlacement) {
-    state.modifiersData[name]._skip = true;
-    state.placement = firstFittingPlacement;
-    state.reset = true;
-  }
-}
-const flip$1 = {
-  name: "flip",
-  enabled: true,
-  phase: "main",
-  fn: flip,
-  requiresIfExists: ["offset"],
-  data: {
-    _skip: false
-  }
-};
-function getSideOffsets(overflow, rect, preventedOffsets) {
-  if (preventedOffsets === void 0) {
-    preventedOffsets = {
-      x: 0,
-      y: 0
-    };
-  }
-  return {
-    top: overflow.top - rect.height - preventedOffsets.y,
-    right: overflow.right - rect.width + preventedOffsets.x,
-    bottom: overflow.bottom - rect.height + preventedOffsets.y,
-    left: overflow.left - rect.width - preventedOffsets.x
-  };
-}
-function isAnySideFullyClipped(overflow) {
-  return [top, right, bottom, left].some(function(side) {
-    return overflow[side] >= 0;
-  });
-}
-function hide(_ref) {
-  var state = _ref.state, name = _ref.name;
-  var referenceRect = state.rects.reference;
-  var popperRect = state.rects.popper;
-  var preventedOffsets = state.modifiersData.preventOverflow;
-  var referenceOverflow = detectOverflow(state, {
-    elementContext: "reference"
-  });
-  var popperAltOverflow = detectOverflow(state, {
-    altBoundary: true
-  });
-  var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
-  var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
-  var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
-  var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
-  state.modifiersData[name] = {
-    referenceClippingOffsets,
-    popperEscapeOffsets,
-    isReferenceHidden,
-    hasPopperEscaped
-  };
-  state.attributes.popper = Object.assign({}, state.attributes.popper, {
-    "data-popper-reference-hidden": isReferenceHidden,
-    "data-popper-escaped": hasPopperEscaped
-  });
-}
-const hide$1 = {
-  name: "hide",
-  enabled: true,
-  phase: "main",
-  requiresIfExists: ["preventOverflow"],
-  fn: hide
-};
-function distanceAndSkiddingToXY(placement, rects, offset2) {
-  var basePlacement = getBasePlacement(placement);
-  var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
-  var _ref = typeof offset2 === "function" ? offset2(Object.assign({}, rects, {
-    placement
-  })) : offset2, skidding = _ref[0], distance = _ref[1];
-  skidding = skidding || 0;
-  distance = (distance || 0) * invertDistance;
-  return [left, right].indexOf(basePlacement) >= 0 ? {
-    x: distance,
-    y: skidding
-  } : {
-    x: skidding,
-    y: distance
-  };
-}
-function offset(_ref2) {
-  var state = _ref2.state, options = _ref2.options, name = _ref2.name;
-  var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
-  var data2 = placements.reduce(function(acc, placement) {
-    acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
-    return acc;
-  }, {});
-  var _data$state$placement = data2[state.placement], x = _data$state$placement.x, y = _data$state$placement.y;
-  if (state.modifiersData.popperOffsets != null) {
-    state.modifiersData.popperOffsets.x += x;
-    state.modifiersData.popperOffsets.y += y;
-  }
-  state.modifiersData[name] = data2;
-}
-const offset$1 = {
-  name: "offset",
-  enabled: true,
-  phase: "main",
-  requires: ["popperOffsets"],
-  fn: offset
-};
-function popperOffsets(_ref) {
-  var state = _ref.state, name = _ref.name;
-  state.modifiersData[name] = computeOffsets({
-    reference: state.rects.reference,
-    element: state.rects.popper,
-    strategy: "absolute",
-    placement: state.placement
-  });
-}
-const popperOffsets$1 = {
-  name: "popperOffsets",
-  enabled: true,
-  phase: "read",
-  fn: popperOffsets,
-  data: {}
-};
-function getAltAxis(axis) {
-  return axis === "x" ? "y" : "x";
-}
-function preventOverflow(_ref) {
-  var state = _ref.state, options = _ref.options, name = _ref.name;
-  var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, padding = options.padding, _options$tether = options.tether, tether = _options$tether === void 0 ? true : _options$tether, _options$tetherOffset = options.tetherOffset, tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
-  var overflow = detectOverflow(state, {
-    boundary,
-    rootBoundary,
-    padding,
-    altBoundary
-  });
-  var basePlacement = getBasePlacement(state.placement);
-  var variation = getVariation(state.placement);
-  var isBasePlacement = !variation;
-  var mainAxis = getMainAxisFromPlacement(basePlacement);
-  var altAxis = getAltAxis(mainAxis);
-  var popperOffsets2 = state.modifiersData.popperOffsets;
-  var referenceRect = state.rects.reference;
-  var popperRect = state.rects.popper;
-  var tetherOffsetValue = typeof tetherOffset === "function" ? tetherOffset(Object.assign({}, state.rects, {
-    placement: state.placement
-  })) : tetherOffset;
-  var normalizedTetherOffsetValue = typeof tetherOffsetValue === "number" ? {
-    mainAxis: tetherOffsetValue,
-    altAxis: tetherOffsetValue
-  } : Object.assign({
-    mainAxis: 0,
-    altAxis: 0
-  }, tetherOffsetValue);
-  var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
-  var data2 = {
-    x: 0,
-    y: 0
-  };
-  if (!popperOffsets2) {
-    return;
-  }
-  if (checkMainAxis) {
-    var _offsetModifierState$;
-    var mainSide = mainAxis === "y" ? top : left;
-    var altSide = mainAxis === "y" ? bottom : right;
-    var len = mainAxis === "y" ? "height" : "width";
-    var offset2 = popperOffsets2[mainAxis];
-    var min2 = offset2 + overflow[mainSide];
-    var max2 = offset2 - overflow[altSide];
-    var additive = tether ? -popperRect[len] / 2 : 0;
-    var minLen = variation === start ? referenceRect[len] : popperRect[len];
-    var maxLen = variation === start ? -popperRect[len] : -referenceRect[len];
-    var arrowElement = state.elements.arrow;
-    var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {
-      width: 0,
-      height: 0
-    };
-    var arrowPaddingObject = state.modifiersData["arrow#persistent"] ? state.modifiersData["arrow#persistent"].padding : getFreshSideObject();
-    var arrowPaddingMin = arrowPaddingObject[mainSide];
-    var arrowPaddingMax = arrowPaddingObject[altSide];
-    var arrowLen = within(0, referenceRect[len], arrowRect[len]);
-    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
-    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
-    var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);
-    var clientOffset = arrowOffsetParent ? mainAxis === "y" ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
-    var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
-    var tetherMin = offset2 + minOffset - offsetModifierValue - clientOffset;
-    var tetherMax = offset2 + maxOffset - offsetModifierValue;
-    var preventedOffset = within(tether ? min$3(min2, tetherMin) : min2, offset2, tether ? max$3(max2, tetherMax) : max2);
-    popperOffsets2[mainAxis] = preventedOffset;
-    data2[mainAxis] = preventedOffset - offset2;
-  }
-  if (checkAltAxis) {
-    var _offsetModifierState$2;
-    var _mainSide = mainAxis === "x" ? top : left;
-    var _altSide = mainAxis === "x" ? bottom : right;
-    var _offset = popperOffsets2[altAxis];
-    var _len = altAxis === "y" ? "height" : "width";
-    var _min = _offset + overflow[_mainSide];
-    var _max = _offset - overflow[_altSide];
-    var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
-    var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
-    var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
-    var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
-    var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
-    popperOffsets2[altAxis] = _preventedOffset;
-    data2[altAxis] = _preventedOffset - _offset;
-  }
-  state.modifiersData[name] = data2;
-}
-const preventOverflow$1 = {
-  name: "preventOverflow",
-  enabled: true,
-  phase: "main",
-  fn: preventOverflow,
-  requiresIfExists: ["offset"]
-};
-function getHTMLElementScroll(element) {
-  return {
-    scrollLeft: element.scrollLeft,
-    scrollTop: element.scrollTop
-  };
-}
-function getNodeScroll(node) {
-  if (node === getWindow(node) || !isHTMLElement(node)) {
-    return getWindowScroll(node);
-  } else {
-    return getHTMLElementScroll(node);
-  }
-}
-function isElementScaled(element) {
-  var rect = element.getBoundingClientRect();
-  var scaleX = round(rect.width) / element.offsetWidth || 1;
-  var scaleY = round(rect.height) / element.offsetHeight || 1;
-  return scaleX !== 1 || scaleY !== 1;
-}
-function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
-  if (isFixed === void 0) {
-    isFixed = false;
-  }
-  var isOffsetParentAnElement = isHTMLElement(offsetParent);
-  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
-  var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
-  var scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  var offsets = {
-    x: 0,
-    y: 0
-  };
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-    if (getNodeName(offsetParent) !== "body" || isScrollParent(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isHTMLElement(offsetParent)) {
-      offsets = getBoundingClientRect(offsetParent, true);
-      offsets.x += offsetParent.clientLeft;
-      offsets.y += offsetParent.clientTop;
-    } else if (documentElement) {
-      offsets.x = getWindowScrollBarX(documentElement);
-    }
-  }
-  return {
-    x: rect.left + scroll.scrollLeft - offsets.x,
-    y: rect.top + scroll.scrollTop - offsets.y,
-    width: rect.width,
-    height: rect.height
-  };
-}
-function order(modifiers2) {
-  var map2 = /* @__PURE__ */ new Map();
-  var visited = /* @__PURE__ */ new Set();
-  var result = [];
-  modifiers2.forEach(function(modifier) {
-    map2.set(modifier.name, modifier);
-  });
-  function sort(modifier) {
-    visited.add(modifier.name);
-    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
-    requires.forEach(function(dep) {
-      if (!visited.has(dep)) {
-        var depModifier = map2.get(dep);
-        if (depModifier) {
-          sort(depModifier);
-        }
-      }
-    });
-    result.push(modifier);
-  }
-  modifiers2.forEach(function(modifier) {
-    if (!visited.has(modifier.name)) {
-      sort(modifier);
-    }
-  });
-  return result;
-}
-function orderModifiers(modifiers2) {
-  var orderedModifiers = order(modifiers2);
-  return modifierPhases.reduce(function(acc, phase) {
-    return acc.concat(orderedModifiers.filter(function(modifier) {
-      return modifier.phase === phase;
-    }));
-  }, []);
-}
-function debounce$2(fn2) {
-  var pending;
-  return function() {
-    if (!pending) {
-      pending = new Promise(function(resolve2) {
-        Promise.resolve().then(function() {
-          pending = void 0;
-          resolve2(fn2());
-        });
-      });
-    }
-    return pending;
-  };
-}
-function format(str) {
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-  return [].concat(args).reduce(function(p, c) {
-    return p.replace(/%s/, c);
-  }, str);
-}
-var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
-var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available';
-var VALID_PROPERTIES = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
-function validateModifiers(modifiers2) {
-  modifiers2.forEach(function(modifier) {
-    [].concat(Object.keys(modifier), VALID_PROPERTIES).filter(function(value, index, self2) {
-      return self2.indexOf(value) === index;
-    }).forEach(function(key) {
-      switch (key) {
-        case "name":
-          if (typeof modifier.name !== "string") {
-            console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '"name"', '"string"', '"' + String(modifier.name) + '"'));
-          }
-          break;
-        case "enabled":
-          if (typeof modifier.enabled !== "boolean") {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', '"' + String(modifier.enabled) + '"'));
-          }
-          break;
-        case "phase":
-          if (modifierPhases.indexOf(modifier.phase) < 0) {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(", "), '"' + String(modifier.phase) + '"'));
-          }
-          break;
-        case "fn":
-          if (typeof modifier.fn !== "function") {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"fn"', '"function"', '"' + String(modifier.fn) + '"'));
-          }
-          break;
-        case "effect":
-          if (modifier.effect != null && typeof modifier.effect !== "function") {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', '"' + String(modifier.fn) + '"'));
-          }
-          break;
-        case "requires":
-          if (modifier.requires != null && !Array.isArray(modifier.requires)) {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', '"' + String(modifier.requires) + '"'));
-          }
-          break;
-        case "requiresIfExists":
-          if (!Array.isArray(modifier.requiresIfExists)) {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requiresIfExists"', '"array"', '"' + String(modifier.requiresIfExists) + '"'));
-          }
-          break;
-        case "options":
-        case "data":
-          break;
-        default:
-          console.error('PopperJS: an invalid property has been provided to the "' + modifier.name + '" modifier, valid properties are ' + VALID_PROPERTIES.map(function(s) {
-            return '"' + s + '"';
-          }).join(", ") + '; but "' + key + '" was provided.');
-      }
-      modifier.requires && modifier.requires.forEach(function(requirement) {
-        if (modifiers2.find(function(mod) {
-          return mod.name === requirement;
-        }) == null) {
-          console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));
-        }
-      });
-    });
-  });
-}
-function uniqueBy(arr, fn2) {
-  var identifiers = /* @__PURE__ */ new Set();
-  return arr.filter(function(item) {
-    var identifier = fn2(item);
-    if (!identifiers.has(identifier)) {
-      identifiers.add(identifier);
-      return true;
-    }
-  });
-}
-function mergeByName(modifiers2) {
-  var merged = modifiers2.reduce(function(merged2, current) {
-    var existing = merged2[current.name];
-    merged2[current.name] = existing ? Object.assign({}, existing, current, {
-      options: Object.assign({}, existing.options, current.options),
-      data: Object.assign({}, existing.data, current.data)
-    }) : current;
-    return merged2;
-  }, {});
-  return Object.keys(merged).map(function(key) {
-    return merged[key];
-  });
-}
-var INVALID_ELEMENT_ERROR = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.";
-var INFINITE_LOOP_ERROR = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.";
-var DEFAULT_OPTIONS = {
-  placement: "bottom",
-  modifiers: [],
-  strategy: "absolute"
-};
-function areValidElements() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  return !args.some(function(element) {
-    return !(element && typeof element.getBoundingClientRect === "function");
-  });
-}
-function popperGenerator(generatorOptions) {
-  if (generatorOptions === void 0) {
-    generatorOptions = {};
-  }
-  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
-  return function createPopper2(reference2, popper2, options) {
-    if (options === void 0) {
-      options = defaultOptions;
-    }
-    var state = {
-      placement: "bottom",
-      orderedModifiers: [],
-      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
-      modifiersData: {},
-      elements: {
-        reference: reference2,
-        popper: popper2
-      },
-      attributes: {},
-      styles: {}
-    };
-    var effectCleanupFns = [];
-    var isDestroyed = false;
-    var instance = {
-      state,
-      setOptions: function setOptions(setOptionsAction) {
-        var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
-        cleanupModifierEffects();
-        state.options = Object.assign({}, defaultOptions, state.options, options2);
-        state.scrollParents = {
-          reference: isElement$1(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
-          popper: listScrollParents(popper2)
-        };
-        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
-        state.orderedModifiers = orderedModifiers.filter(function(m) {
-          return m.enabled;
-        });
-        if (process.env.NODE_ENV !== "production") {
-          var modifiers2 = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function(_ref) {
-            var name = _ref.name;
-            return name;
-          });
-          validateModifiers(modifiers2);
-          if (getBasePlacement(state.options.placement) === auto) {
-            var flipModifier = state.orderedModifiers.find(function(_ref2) {
-              var name = _ref2.name;
-              return name === "flip";
-            });
-            if (!flipModifier) {
-              console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
-            }
-          }
-          var _getComputedStyle = getComputedStyle$1(popper2), marginTop = _getComputedStyle.marginTop, marginRight = _getComputedStyle.marginRight, marginBottom = _getComputedStyle.marginBottom, marginLeft = _getComputedStyle.marginLeft;
-          if ([marginTop, marginRight, marginBottom, marginLeft].some(function(margin) {
-            return parseFloat(margin);
-          })) {
-            console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
-          }
-        }
-        runModifierEffects();
-        return instance.update();
-      },
-      forceUpdate: function forceUpdate() {
-        if (isDestroyed) {
-          return;
-        }
-        var _state$elements = state.elements, reference3 = _state$elements.reference, popper3 = _state$elements.popper;
-        if (!areValidElements(reference3, popper3)) {
-          if (process.env.NODE_ENV !== "production") {
-            console.error(INVALID_ELEMENT_ERROR);
-          }
-          return;
-        }
-        state.rects = {
-          reference: getCompositeRect(reference3, getOffsetParent(popper3), state.options.strategy === "fixed"),
-          popper: getLayoutRect(popper3)
-        };
-        state.reset = false;
-        state.placement = state.options.placement;
-        state.orderedModifiers.forEach(function(modifier) {
-          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
-        });
-        var __debug_loops__ = 0;
-        for (var index = 0; index < state.orderedModifiers.length; index++) {
-          if (process.env.NODE_ENV !== "production") {
-            __debug_loops__ += 1;
-            if (__debug_loops__ > 100) {
-              console.error(INFINITE_LOOP_ERROR);
-              break;
-            }
-          }
-          if (state.reset === true) {
-            state.reset = false;
-            index = -1;
-            continue;
-          }
-          var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
-          if (typeof fn2 === "function") {
-            state = fn2({
-              state,
-              options: _options,
-              name,
-              instance
-            }) || state;
-          }
-        }
-      },
-      update: debounce$2(function() {
-        return new Promise(function(resolve2) {
-          instance.forceUpdate();
-          resolve2(state);
-        });
-      }),
-      destroy: function destroy() {
-        cleanupModifierEffects();
-        isDestroyed = true;
-      }
-    };
-    if (!areValidElements(reference2, popper2)) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error(INVALID_ELEMENT_ERROR);
-      }
-      return instance;
-    }
-    instance.setOptions(options).then(function(state2) {
-      if (!isDestroyed && options.onFirstUpdate) {
-        options.onFirstUpdate(state2);
-      }
-    });
-    function runModifierEffects() {
-      state.orderedModifiers.forEach(function(_ref3) {
-        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
-        if (typeof effect2 === "function") {
-          var cleanupFn = effect2({
-            state,
-            name,
-            instance,
-            options: options2
-          });
-          var noopFn = function noopFn2() {
-          };
-          effectCleanupFns.push(cleanupFn || noopFn);
-        }
-      });
-    }
-    function cleanupModifierEffects() {
-      effectCleanupFns.forEach(function(fn2) {
-        return fn2();
-      });
-      effectCleanupFns = [];
-    }
-    return instance;
-  };
-}
-var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
-var createPopper = /* @__PURE__ */ popperGenerator({
-  defaultModifiers
-});
 class Editor extends Editor$1 {
   constructor() {
     super(...arguments);
@@ -14805,16 +13348,16 @@ var Leaf = /* @__PURE__ */ function(RopeSequence3) {
   Leaf2.prototype.getInner = function getInner(i) {
     return this.values[i];
   };
-  Leaf2.prototype.forEachInner = function forEachInner(f, from2, to, start2) {
+  Leaf2.prototype.forEachInner = function forEachInner(f, from2, to, start) {
     for (var i = from2; i < to; i++) {
-      if (f(this.values[i], start2 + i) === false) {
+      if (f(this.values[i], start + i) === false) {
         return false;
       }
     }
   };
-  Leaf2.prototype.forEachInvertedInner = function forEachInvertedInner(f, from2, to, start2) {
+  Leaf2.prototype.forEachInvertedInner = function forEachInvertedInner(f, from2, to, start) {
     for (var i = from2 - 1; i >= to; i--) {
-      if (f(this.values[i], start2 + i) === false) {
+      if (f(this.values[i], start + i) === false) {
         return false;
       }
     }
@@ -14840,12 +13383,12 @@ var Leaf = /* @__PURE__ */ function(RopeSequence3) {
 }(RopeSequence);
 RopeSequence.empty = new Leaf([]);
 var Append = /* @__PURE__ */ function(RopeSequence3) {
-  function Append2(left2, right2) {
+  function Append2(left, right) {
     RopeSequence3.call(this);
-    this.left = left2;
-    this.right = right2;
-    this.length = left2.length + right2.length;
-    this.depth = Math.max(left2.depth, right2.depth) + 1;
+    this.left = left;
+    this.right = right;
+    this.length = left.length + right.length;
+    this.depth = Math.max(left.depth, right.depth) + 1;
   }
   if (RopeSequence3)
     Append2.__proto__ = RopeSequence3;
@@ -14857,21 +13400,21 @@ var Append = /* @__PURE__ */ function(RopeSequence3) {
   Append2.prototype.getInner = function getInner(i) {
     return i < this.left.length ? this.left.get(i) : this.right.get(i - this.left.length);
   };
-  Append2.prototype.forEachInner = function forEachInner(f, from2, to, start2) {
+  Append2.prototype.forEachInner = function forEachInner(f, from2, to, start) {
     var leftLen = this.left.length;
-    if (from2 < leftLen && this.left.forEachInner(f, from2, Math.min(to, leftLen), start2) === false) {
+    if (from2 < leftLen && this.left.forEachInner(f, from2, Math.min(to, leftLen), start) === false) {
       return false;
     }
-    if (to > leftLen && this.right.forEachInner(f, Math.max(from2 - leftLen, 0), Math.min(this.length, to) - leftLen, start2 + leftLen) === false) {
+    if (to > leftLen && this.right.forEachInner(f, Math.max(from2 - leftLen, 0), Math.min(this.length, to) - leftLen, start + leftLen) === false) {
       return false;
     }
   };
-  Append2.prototype.forEachInvertedInner = function forEachInvertedInner(f, from2, to, start2) {
+  Append2.prototype.forEachInvertedInner = function forEachInvertedInner(f, from2, to, start) {
     var leftLen = this.left.length;
-    if (from2 > leftLen && this.right.forEachInvertedInner(f, from2 - leftLen, Math.max(to, leftLen) - leftLen, start2 + leftLen) === false) {
+    if (from2 > leftLen && this.right.forEachInvertedInner(f, from2 - leftLen, Math.max(to, leftLen) - leftLen, start + leftLen) === false) {
       return false;
     }
-    if (to < leftLen && this.left.forEachInvertedInner(f, Math.min(from2, leftLen), to, start2) === false) {
+    if (to < leftLen && this.left.forEachInvertedInner(f, Math.min(from2, leftLen), to, start) === false) {
       return false;
     }
   };
@@ -14918,17 +13461,17 @@ class Branch {
   popEvent(state, preserveItems) {
     if (this.eventCount == 0)
       return null;
-    let end2 = this.items.length;
-    for (; ; end2--) {
-      let next2 = this.items.get(end2 - 1);
+    let end = this.items.length;
+    for (; ; end--) {
+      let next2 = this.items.get(end - 1);
       if (next2.selection) {
-        --end2;
+        --end;
         break;
       }
     }
     let remap, mapFrom;
     if (preserveItems) {
-      remap = this.remapping(end2, this.items.length);
+      remap = this.remapping(end, this.items.length);
       mapFrom = remap.maps.length;
     }
     let transform = state.tr;
@@ -14937,7 +13480,7 @@ class Branch {
     this.items.forEach((item, i) => {
       if (!item.step) {
         if (!remap) {
-          remap = this.remapping(end2, i + 1);
+          remap = this.remapping(end, i + 1);
           mapFrom = remap.maps.length;
         }
         mapFrom--;
@@ -14959,7 +13502,7 @@ class Branch {
       }
       if (item.selection) {
         selection = remap ? item.selection.map(remap.slice(mapFrom)) : item.selection;
-        remaining = new Branch(this.items.slice(0, end2).append(addBefore.reverse().concat(addAfter)), this.eventCount - 1);
+        remaining = new Branch(this.items.slice(0, end).append(addBefore.reverse().concat(addAfter)), this.eventCount - 1);
         return false;
       }
     }, this.items.length, 0);
@@ -15009,14 +13552,14 @@ class Branch {
   rebased(rebasedTransform, rebasedCount) {
     if (!this.eventCount)
       return this;
-    let rebasedItems = [], start2 = Math.max(0, this.items.length - rebasedCount);
+    let rebasedItems = [], start = Math.max(0, this.items.length - rebasedCount);
     let mapping = rebasedTransform.mapping;
     let newUntil = rebasedTransform.steps.length;
     let eventCount = this.eventCount;
     this.items.forEach((item) => {
       if (item.selection)
         eventCount--;
-    }, start2);
+    }, start);
     let iRebased = rebasedCount;
     this.items.forEach((item) => {
       let pos = mapping.getMirror(--iRebased);
@@ -15033,11 +13576,11 @@ class Branch {
       } else {
         rebasedItems.push(new Item(map2));
       }
-    }, start2);
+    }, start);
     let newMaps = [];
     for (let i = rebasedCount; i < newUntil; i++)
       newMaps.push(new Item(mapping.maps[i]));
-    let items = this.items.slice(0, start2).append(newMaps).append(rebasedItems);
+    let items = this.items.slice(0, start).append(newMaps).append(rebasedItems);
     let branch = new Branch(items, eventCount);
     if (branch.emptyItemCount() > max_empty_items)
       branch = branch.compress(this.items.length - rebasedItems.length);
@@ -15146,9 +13689,9 @@ function isAdjacentTo(transform, prevRanges) {
   if (!transform.docChanged)
     return true;
   let adjacent = false;
-  transform.mapping.maps[0].forEach((start2, end2) => {
+  transform.mapping.maps[0].forEach((start, end) => {
     for (let i = 0; i < prevRanges.length; i += 2)
-      if (start2 <= prevRanges[i + 1] && end2 >= prevRanges[i])
+      if (start <= prevRanges[i + 1] && end >= prevRanges[i])
         adjacent = true;
   });
   return adjacent;
@@ -16823,7 +15366,7 @@ function init$2() {
   S_START.jd = makeAcceptingState(SYM);
   return S_START;
 }
-function run$1(start2, str) {
+function run$1(start, str) {
   var iterable = stringToArray(str.replace(/[A-Z]/g, function(c) {
     return c.toLowerCase();
   }));
@@ -16832,7 +15375,7 @@ function run$1(start2, str) {
   var cursor = 0;
   var charCursor = 0;
   while (charCursor < charCount) {
-    var state = start2;
+    var state = start;
     var nextState = null;
     var tokenLength = 0;
     var latestAccepting = null;
@@ -17209,13 +15752,13 @@ function init$1() {
   makeT(S_LOCALPART_AT, LOCALHOST, S_EMAIL);
   return S_START;
 }
-function run(start2, input, tokens) {
+function run(start, input, tokens) {
   var len = tokens.length;
   var cursor = 0;
   var multis = [];
   var textTokens = [];
   while (cursor < len) {
-    var state = start2;
+    var state = start;
     var secondState = null;
     var nextState = null;
     var multiLength = 0;
@@ -19743,11 +18286,11 @@ var FunctionPrototype$3 = Function.prototype;
 var bind$3 = FunctionPrototype$3.bind;
 var call$e = FunctionPrototype$3.call;
 var uncurryThis$q = NATIVE_BIND$3 && bind$3.bind(call$e, call$e);
-var functionUncurryThis = NATIVE_BIND$3 ? function(fn2) {
-  return fn2 && uncurryThis$q(fn2);
-} : function(fn2) {
-  return fn2 && function() {
-    return call$e.apply(fn2, arguments);
+var functionUncurryThis = NATIVE_BIND$3 ? function(fn) {
+  return fn && uncurryThis$q(fn);
+} : function(fn) {
+  return fn && function() {
+    return call$e.apply(fn, arguments);
   };
 };
 var $TypeError$b = TypeError;
@@ -19932,12 +18475,12 @@ var isCallable$f = isCallable$k;
 var isObject$c = isObject$f;
 var $TypeError$8 = TypeError;
 var ordinaryToPrimitive$1 = function(input, pref) {
-  var fn2, val;
-  if (pref === "string" && isCallable$f(fn2 = input.toString) && !isObject$c(val = call$c(fn2, input)))
+  var fn, val;
+  if (pref === "string" && isCallable$f(fn = input.toString) && !isObject$c(val = call$c(fn, input)))
     return val;
-  if (isCallable$f(fn2 = input.valueOf) && !isObject$c(val = call$c(fn2, input)))
+  if (isCallable$f(fn = input.valueOf) && !isObject$c(val = call$c(fn, input)))
     return val;
-  if (pref !== "string" && isCallable$f(fn2 = input.toString) && !isObject$c(val = call$c(fn2, input)))
+  if (pref !== "string" && isCallable$f(fn = input.toString) && !isObject$c(val = call$c(fn, input)))
     return val;
   throw $TypeError$8("Can't convert object to primitive value");
 };
@@ -20296,10 +18839,10 @@ var uncurryThis$j = functionUncurryThis;
 var aCallable$2 = aCallable$4;
 var NATIVE_BIND$1 = functionBindNative;
 var bind$2 = uncurryThis$j(uncurryThis$j.bind);
-var functionBindContext = function(fn2, that) {
-  aCallable$2(fn2);
-  return that === void 0 ? fn2 : NATIVE_BIND$1 ? bind$2(fn2, that) : function() {
-    return fn2.apply(that, arguments);
+var functionBindContext = function(fn, that) {
+  aCallable$2(fn);
+  return that === void 0 ? fn : NATIVE_BIND$1 ? bind$2(fn, that) : function() {
+    return fn.apply(that, arguments);
   };
 };
 var uncurryThis$i = functionUncurryThis;
@@ -20324,9 +18867,9 @@ var toIntegerOrInfinity$4 = function(argument) {
   return number !== number || number === 0 ? 0 : trunc2(number);
 };
 var toIntegerOrInfinity$3 = toIntegerOrInfinity$4;
-var min$2 = Math.min;
+var min$4 = Math.min;
 var toLength$3 = function(argument) {
-  return argument > 0 ? min$2(toIntegerOrInfinity$3(argument), 9007199254740991) : 0;
+  return argument > 0 ? min$4(toIntegerOrInfinity$3(argument), 9007199254740991) : 0;
 };
 var toLength$2 = toLength$3;
 var lengthOfArrayLike$5 = function(obj) {
@@ -20541,11 +19084,11 @@ objectGetOwnPropertyDescriptor.f = DESCRIPTORS$4 ? $getOwnPropertyDescriptor : f
 };
 var objectGetOwnPropertyNames = {};
 var toIntegerOrInfinity$2 = toIntegerOrInfinity$4;
-var max$2 = Math.max;
-var min$1 = Math.min;
+var max$4 = Math.max;
+var min$3 = Math.min;
 var toAbsoluteIndex$2 = function(index, length) {
   var integer = toIntegerOrInfinity$2(index);
-  return integer < 0 ? max$2(integer + length, 0) : min$1(integer, length);
+  return integer < 0 ? max$4(integer + length, 0) : min$3(integer, length);
 };
 var toIndexedObject$4 = toIndexedObject$6;
 var toAbsoluteIndex$1 = toAbsoluteIndex$2;
@@ -21249,12 +19792,12 @@ var toAbsoluteIndex = toAbsoluteIndex$2;
 var lengthOfArrayLike$2 = lengthOfArrayLike$5;
 var createProperty = createProperty$1;
 var $Array = Array;
-var max$1 = Math.max;
-var arraySliceSimple = function(O, start2, end2) {
+var max$3 = Math.max;
+var arraySliceSimple = function(O, start, end) {
   var length = lengthOfArrayLike$2(O);
-  var k = toAbsoluteIndex(start2, length);
-  var fin = toAbsoluteIndex(end2 === void 0 ? length : end2, length);
-  var result = $Array(max$1(fin - k, 0));
+  var k = toAbsoluteIndex(start, length);
+  var fin = toAbsoluteIndex(end === void 0 ? length : end, length);
+  var result = $Array(max$3(fin - k, 0));
   for (var n = 0; k < fin; k++, n++)
     createProperty(result, n, O[k]);
   result.length = n;
@@ -21454,7 +19997,7 @@ var iterate$2 = function(iterable, unboundFunction, options) {
   var AS_ENTRIES = !!(options && options.AS_ENTRIES);
   var IS_ITERATOR = !!(options && options.IS_ITERATOR);
   var INTERRUPTED = !!(options && options.INTERRUPTED);
-  var fn2 = bind(unboundFunction, that);
+  var fn = bind(unboundFunction, that);
   var iterator, iterFn, index, length, result, next2, step;
   var stop = function(condition) {
     if (iterator)
@@ -21464,9 +20007,9 @@ var iterate$2 = function(iterable, unboundFunction, options) {
   var callFn = function(value) {
     if (AS_ENTRIES) {
       anObject$5(value);
-      return INTERRUPTED ? fn2(value[0], value[1], stop) : fn2(value[0], value[1]);
+      return INTERRUPTED ? fn(value[0], value[1], stop) : fn(value[0], value[1]);
     }
-    return INTERRUPTED ? fn2(value, stop) : fn2(value);
+    return INTERRUPTED ? fn(value, stop) : fn(value);
   };
   if (IS_ITERATOR) {
     iterator = iterable;
@@ -22407,8 +20950,8 @@ var DOMRectReadOnly = function() {
     return freeze(this);
   }
   DOMRectReadOnly2.prototype.toJSON = function() {
-    var _a = this, x = _a.x, y = _a.y, top2 = _a.top, right2 = _a.right, bottom2 = _a.bottom, left2 = _a.left, width = _a.width, height = _a.height;
-    return { x, y, top: top2, right: right2, bottom: bottom2, left: left2, width, height };
+    var _a = this, x = _a.x, y = _a.y, top = _a.top, right = _a.right, bottom = _a.bottom, left = _a.left, width = _a.width, height = _a.height;
+    return { x, y, top, right, bottom, left, width, height };
   };
   DOMRectReadOnly2.fromRect = function(rectangle) {
     return new DOMRectReadOnly2(rectangle.x, rectangle.y, rectangle.width, rectangle.height);
@@ -22426,7 +20969,7 @@ var isHidden = function(target) {
   var _b = target, offsetWidth = _b.offsetWidth, offsetHeight = _b.offsetHeight;
   return !(offsetWidth || offsetHeight || target.getClientRects().length);
 };
-var isElement = function(obj) {
+var isElement$1 = function(obj) {
   var _a, _b;
   if (obj instanceof Element) {
     return true;
@@ -22826,7 +21369,7 @@ var ResizeObserverController = function() {
   };
   return ResizeObserverController2;
 }();
-var ResizeObserver = function() {
+var ResizeObserver$1 = function() {
   function ResizeObserver2(callback) {
     if (arguments.length === 0) {
       throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -22840,7 +21383,7 @@ var ResizeObserver = function() {
     if (arguments.length === 0) {
       throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
     }
-    if (!isElement(target)) {
+    if (!isElement$1(target)) {
       throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
     }
     ResizeObserverController.observe(this, target, options);
@@ -22849,7 +21392,7 @@ var ResizeObserver = function() {
     if (arguments.length === 0) {
       throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
     }
-    if (!isElement(target)) {
+    if (!isElement$1(target)) {
       throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
     }
     ResizeObserverController.unobserve(this, target);
@@ -23280,8 +21823,8 @@ var getSubstitution = getSubstitution$1;
 var regExpExec = regexpExecAbstract;
 var wellKnownSymbol = wellKnownSymbol$f;
 var REPLACE = wellKnownSymbol("replace");
-var max = Math.max;
-var min = Math.min;
+var max$2 = Math.max;
+var min$2 = Math.min;
 var concat = uncurryThis([].concat);
 var push = uncurryThis([].push);
 var stringIndexOf = uncurryThis("".indexOf);
@@ -23348,7 +21891,7 @@ fixRegExpWellKnownSymbolLogic("replace", function(_, nativeReplace2, maybeCallNa
       for (var i = 0; i < results.length; i++) {
         result = results[i];
         var matched = toString4(result[0]);
-        var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);
+        var position = max$2(min$2(toIntegerOrInfinity(result.index), S.length), 0);
         var captures = [];
         for (var j = 1; j < result.length; j++)
           push(captures, maybeToString(result[j]));
@@ -23751,7 +22294,7 @@ var SimpleBar = /* @__PURE__ */ function() {
     this.contentWrapperEl.addEventListener("scroll", this.onScroll);
     elWindow.addEventListener("resize", this.onWindowResize);
     var resizeObserverStarted = false;
-    var resizeObserver = elWindow.ResizeObserver || ResizeObserver;
+    var resizeObserver = elWindow.ResizeObserver || ResizeObserver$1;
     this.resizeObserver = new resizeObserver(function() {
       if (!resizeObserverStarted)
         return;
@@ -24102,110 +22645,1014 @@ SimpleBar.handleMutations = function(mutations) {
           });
         }
       }
-    });
-  });
+    });
+  });
+};
+SimpleBar.getOptions = getOptions;
+if (canUseDom) {
+  SimpleBar.initHtmlApi();
+}
+function useValidator({ validations }) {
+  const error = ref(null);
+  function validate() {
+    for (const validate2 of validations) {
+      const validationError = validate2();
+      if (validationError) {
+        return error.value = validationError;
+      }
+      error.value = null;
+    }
+  }
+  function reset() {
+    error.value = null;
+  }
+  return { error, validate, reset };
+}
+const noFormatter = (value) => value;
+function useTempValue({ valueRef, format = noFormatter }) {
+  const tempValue = ref(format(valueRef.value));
+  watch(valueRef, () => tempValue.value = format(valueRef.value));
+  return tempValue;
+}
+function useElementRef(ref2) {
+  return computed(() => {
+    var _a;
+    return ((_a = ref2.value) == null ? void 0 : _a.$el) || ref2.value;
+  });
+}
+function useNumberValue({ valueRef, digits, min: min2, max: max2, onChange }) {
+  function format(number) {
+    return Number(parseFloat(number).toFixed(digits));
+  }
+  const temp = useTempValue({ valueRef, format });
+  function validateNumber(number) {
+    if (min2 !== null && number < min2)
+      return min2;
+    if (max2 !== null && number > max2)
+      return max2;
+    return number;
+  }
+  function change(value) {
+    temp.value = value;
+    if (temp.value === "") {
+      temp.value = min2 != null ? min2 : 1;
+    }
+    const numericValue = Number.parseFloat(temp.value);
+    const validatedNumber = validateNumber(numericValue);
+    temp.value = format(validatedNumber);
+    onChange(temp.value);
+  }
+  function increment(step) {
+    const newValue = temp.value + Number(step);
+    const validatedNumber = validateNumber(newValue);
+    temp.value = format(validatedNumber);
+    onChange(temp.value);
+  }
+  function decrement(step) {
+    const newValue = temp.value - Number(step);
+    const validatedNumber = validateNumber(newValue);
+    temp.value = format(validatedNumber);
+    onChange(temp.value);
+  }
+  return {
+    temp,
+    change,
+    increment,
+    decrement
+  };
+}
+function getSide(placement) {
+  return placement.split("-")[0];
+}
+function getAlignment(placement) {
+  return placement.split("-")[1];
+}
+function getMainAxisFromPlacement(placement) {
+  return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
+}
+function getLengthFromAxis(axis) {
+  return axis === "y" ? "height" : "width";
+}
+function computeCoordsFromPlacement(_ref, placement, rtl) {
+  let {
+    reference,
+    floating
+  } = _ref;
+  const commonX = reference.x + reference.width / 2 - floating.width / 2;
+  const commonY = reference.y + reference.height / 2 - floating.height / 2;
+  const mainAxis = getMainAxisFromPlacement(placement);
+  const length = getLengthFromAxis(mainAxis);
+  const commonAlign = reference[length] / 2 - floating[length] / 2;
+  const side = getSide(placement);
+  const isVertical = mainAxis === "x";
+  let coords;
+  switch (side) {
+    case "top":
+      coords = {
+        x: commonX,
+        y: reference.y - floating.height
+      };
+      break;
+    case "bottom":
+      coords = {
+        x: commonX,
+        y: reference.y + reference.height
+      };
+      break;
+    case "right":
+      coords = {
+        x: reference.x + reference.width,
+        y: commonY
+      };
+      break;
+    case "left":
+      coords = {
+        x: reference.x - floating.width,
+        y: commonY
+      };
+      break;
+    default:
+      coords = {
+        x: reference.x,
+        y: reference.y
+      };
+  }
+  switch (getAlignment(placement)) {
+    case "start":
+      coords[mainAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+    case "end":
+      coords[mainAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+  }
+  return coords;
+}
+const computePosition$1 = async (reference, floating, config) => {
+  const {
+    placement = "bottom",
+    strategy = "absolute",
+    middleware = [],
+    platform: platform2
+  } = config;
+  const validMiddleware = middleware.filter(Boolean);
+  const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
+  if (process.env.NODE_ENV !== "production") {
+    if (platform2 == null) {
+      console.error(["Floating UI: `platform` property was not passed to config. If you", "want to use Floating UI on the web, install @floating-ui/dom", "instead of the /core package. Otherwise, you can create your own", "`platform`: https://floating-ui.com/docs/platform"].join(" "));
+    }
+    if (validMiddleware.filter((_ref) => {
+      let {
+        name
+      } = _ref;
+      return name === "autoPlacement" || name === "flip";
+    }).length > 1) {
+      throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware", "detected. This will lead to an infinite loop. Ensure only one of", "either has been passed to the `middleware` array."].join(" "));
+    }
+    if (!reference || !floating) {
+      console.error(["Floating UI: The reference and/or floating element was not defined", "when `computePosition()` was called. Ensure that both elements have", "been created and can be measured."].join(" "));
+    }
+  }
+  let rects = await platform2.getElementRects({
+    reference,
+    floating,
+    strategy
+  });
+  let {
+    x,
+    y
+  } = computeCoordsFromPlacement(rects, placement, rtl);
+  let statefulPlacement = placement;
+  let middlewareData = {};
+  let resetCount = 0;
+  for (let i = 0; i < validMiddleware.length; i++) {
+    const {
+      name,
+      fn
+    } = validMiddleware[i];
+    const {
+      x: nextX,
+      y: nextY,
+      data: data2,
+      reset
+    } = await fn({
+      x,
+      y,
+      initialPlacement: placement,
+      placement: statefulPlacement,
+      strategy,
+      middlewareData,
+      rects,
+      platform: platform2,
+      elements: {
+        reference,
+        floating
+      }
+    });
+    x = nextX != null ? nextX : x;
+    y = nextY != null ? nextY : y;
+    middlewareData = {
+      ...middlewareData,
+      [name]: {
+        ...middlewareData[name],
+        ...data2
+      }
+    };
+    if (process.env.NODE_ENV !== "production") {
+      if (resetCount > 50) {
+        console.warn(["Floating UI: The middleware lifecycle appears to be running in an", "infinite loop. This is usually caused by a `reset` continually", "being returned without a break condition."].join(" "));
+      }
+    }
+    if (reset && resetCount <= 50) {
+      resetCount++;
+      if (typeof reset === "object") {
+        if (reset.placement) {
+          statefulPlacement = reset.placement;
+        }
+        if (reset.rects) {
+          rects = reset.rects === true ? await platform2.getElementRects({
+            reference,
+            floating,
+            strategy
+          }) : reset.rects;
+        }
+        ({
+          x,
+          y
+        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
+      }
+      i = -1;
+      continue;
+    }
+  }
+  return {
+    x,
+    y,
+    placement: statefulPlacement,
+    strategy,
+    middlewareData
+  };
+};
+function expandPaddingObject(padding) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...padding
+  };
+}
+function getSideObjectFromPadding(padding) {
+  return typeof padding !== "number" ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
+  };
+}
+function rectToClientRect(rect) {
+  return {
+    ...rect,
+    top: rect.y,
+    left: rect.x,
+    right: rect.x + rect.width,
+    bottom: rect.y + rect.height
+  };
+}
+async function detectOverflow(middlewareArguments, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x,
+    y,
+    platform: platform2,
+    rects,
+    elements,
+    strategy
+  } = middlewareArguments;
+  const {
+    boundary = "clippingAncestors",
+    rootBoundary = "viewport",
+    elementContext = "floating",
+    altBoundary = false,
+    padding = 0
+  } = options;
+  const paddingObject = getSideObjectFromPadding(padding);
+  const altContext = elementContext === "floating" ? "reference" : "floating";
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
+    element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect: elementContext === "floating" ? {
+      ...rects.floating,
+      x,
+      y
+    } : rects.reference,
+    offsetParent: await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating)),
+    strategy
+  }) : rects[elementContext]);
+  return {
+    top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
+    bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
+    left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
+    right: elementClientRect.right - clippingClientRect.right + paddingObject.right
+  };
+}
+const min$1 = Math.min;
+const max$1 = Math.max;
+function within(min$1$1, value, max$1$1) {
+  return max$1(min$1$1, min$1(value, max$1$1));
+}
+async function convertValueToCoords(middlewareArguments, value) {
+  const {
+    placement,
+    platform: platform2,
+    elements
+  } = middlewareArguments;
+  const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
+  const side = getSide(placement);
+  const alignment = getAlignment(placement);
+  const isVertical = getMainAxisFromPlacement(placement) === "x";
+  const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
+  const crossAxisMulti = rtl && isVertical ? -1 : 1;
+  const rawValue = typeof value === "function" ? value(middlewareArguments) : value;
+  let {
+    mainAxis,
+    crossAxis,
+    alignmentAxis
+  } = typeof rawValue === "number" ? {
+    mainAxis: rawValue,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...rawValue
+  };
+  if (alignment && typeof alignmentAxis === "number") {
+    crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
+  }
+  return isVertical ? {
+    x: crossAxis * crossAxisMulti,
+    y: mainAxis * mainAxisMulti
+  } : {
+    x: mainAxis * mainAxisMulti,
+    y: crossAxis * crossAxisMulti
+  };
+}
+const offset = function(value) {
+  if (value === void 0) {
+    value = 0;
+  }
+  return {
+    name: "offset",
+    options: value,
+    async fn(middlewareArguments) {
+      const {
+        x,
+        y
+      } = middlewareArguments;
+      const diffCoords = await convertValueToCoords(middlewareArguments, value);
+      return {
+        x: x + diffCoords.x,
+        y: y + diffCoords.y,
+        data: diffCoords
+      };
+    }
+  };
+};
+function getCrossAxis(axis) {
+  return axis === "x" ? "y" : "x";
+}
+const shift = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "shift",
+    options,
+    async fn(middlewareArguments) {
+      const {
+        x,
+        y,
+        placement
+      } = middlewareArguments;
+      const {
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = false,
+        limiter = {
+          fn: (_ref) => {
+            let {
+              x: x2,
+              y: y2
+            } = _ref;
+            return {
+              x: x2,
+              y: y2
+            };
+          }
+        },
+        ...detectOverflowOptions
+      } = options;
+      const coords = {
+        x,
+        y
+      };
+      const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
+      const mainAxis = getMainAxisFromPlacement(getSide(placement));
+      const crossAxis = getCrossAxis(mainAxis);
+      let mainAxisCoord = coords[mainAxis];
+      let crossAxisCoord = coords[crossAxis];
+      if (checkMainAxis) {
+        const minSide = mainAxis === "y" ? "top" : "left";
+        const maxSide = mainAxis === "y" ? "bottom" : "right";
+        const min2 = mainAxisCoord + overflow[minSide];
+        const max2 = mainAxisCoord - overflow[maxSide];
+        mainAxisCoord = within(min2, mainAxisCoord, max2);
+      }
+      if (checkCrossAxis) {
+        const minSide = crossAxis === "y" ? "top" : "left";
+        const maxSide = crossAxis === "y" ? "bottom" : "right";
+        const min2 = crossAxisCoord + overflow[minSide];
+        const max2 = crossAxisCoord - overflow[maxSide];
+        crossAxisCoord = within(min2, crossAxisCoord, max2);
+      }
+      const limitedCoords = limiter.fn({
+        ...middlewareArguments,
+        [mainAxis]: mainAxisCoord,
+        [crossAxis]: crossAxisCoord
+      });
+      return {
+        ...limitedCoords,
+        data: {
+          x: limitedCoords.x - x,
+          y: limitedCoords.y - y
+        }
+      };
+    }
+  };
+};
+const limitShift = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    options,
+    fn(middlewareArguments) {
+      const {
+        x,
+        y,
+        placement,
+        rects,
+        middlewareData
+      } = middlewareArguments;
+      const {
+        offset: offset2 = 0,
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = true
+      } = options;
+      const coords = {
+        x,
+        y
+      };
+      const mainAxis = getMainAxisFromPlacement(placement);
+      const crossAxis = getCrossAxis(mainAxis);
+      let mainAxisCoord = coords[mainAxis];
+      let crossAxisCoord = coords[crossAxis];
+      const rawOffset = typeof offset2 === "function" ? offset2(middlewareArguments) : offset2;
+      const computedOffset = typeof rawOffset === "number" ? {
+        mainAxis: rawOffset,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...rawOffset
+      };
+      if (checkMainAxis) {
+        const len = mainAxis === "y" ? "height" : "width";
+        const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;
+        const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
+        if (mainAxisCoord < limitMin) {
+          mainAxisCoord = limitMin;
+        } else if (mainAxisCoord > limitMax) {
+          mainAxisCoord = limitMax;
+        }
+      }
+      if (checkCrossAxis) {
+        var _middlewareData$offse, _middlewareData$offse2, _middlewareData$offse3, _middlewareData$offse4;
+        const len = mainAxis === "y" ? "width" : "height";
+        const isOriginSide = ["top", "left"].includes(getSide(placement));
+        const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? (_middlewareData$offse = (_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) != null ? _middlewareData$offse : 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
+        const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : (_middlewareData$offse3 = (_middlewareData$offse4 = middlewareData.offset) == null ? void 0 : _middlewareData$offse4[crossAxis]) != null ? _middlewareData$offse3 : 0) - (isOriginSide ? computedOffset.crossAxis : 0);
+        if (crossAxisCoord < limitMin) {
+          crossAxisCoord = limitMin;
+        } else if (crossAxisCoord > limitMax) {
+          crossAxisCoord = limitMax;
+        }
+      }
+      return {
+        [mainAxis]: mainAxisCoord,
+        [crossAxis]: crossAxisCoord
+      };
+    }
+  };
 };
-SimpleBar.getOptions = getOptions;
-if (canUseDom) {
-  SimpleBar.initHtmlApi();
+function isWindow(value) {
+  return value && value.document && value.location && value.alert && value.setInterval;
 }
-function useValidator({ validations }) {
-  const error = ref(null);
-  function validate() {
-    for (const validate2 of validations) {
-      const validationError = validate2();
-      if (validationError) {
-        return error.value = validationError;
-      }
-      error.value = null;
+function getWindow(node) {
+  if (node == null) {
+    return window;
+  }
+  if (!isWindow(node)) {
+    const ownerDocument = node.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
+  }
+  return node;
+}
+function getComputedStyle$1(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function getNodeName(node) {
+  return isWindow(node) ? "" : node ? (node.nodeName || "").toLowerCase() : "";
+}
+function getUAString() {
+  const uaData = navigator.userAgentData;
+  if (uaData && Array.isArray(uaData.brands)) {
+    return uaData.brands.map((item) => item.brand + "/" + item.version).join(" ");
+  }
+  return navigator.userAgent;
+}
+function isHTMLElement(value) {
+  return value instanceof getWindow(value).HTMLElement;
+}
+function isElement(value) {
+  return value instanceof getWindow(value).Element;
+}
+function isNode(value) {
+  return value instanceof getWindow(value).Node;
+}
+function isShadowRoot(node) {
+  if (typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  const OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
+}
+function isOverflowElement(element) {
+  const {
+    overflow,
+    overflowX,
+    overflowY,
+    display
+  } = getComputedStyle$1(element);
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
+}
+function isTableElement(element) {
+  return ["table", "td", "th"].includes(getNodeName(element));
+}
+function isContainingBlock(element) {
+  const isFirefox = /firefox/i.test(getUAString());
+  const css = getComputedStyle$1(element);
+  const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter;
+  return css.transform !== "none" || css.perspective !== "none" || (backdropFilter ? backdropFilter !== "none" : false) || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some(
+    (value) => {
+      const contain = css.contain;
+      return contain != null ? contain.includes(value) : false;
     }
+  );
+}
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+function isLastTraversableNode(node) {
+  return ["html", "body", "#document"].includes(getNodeName(node));
+}
+const min = Math.min;
+const max = Math.max;
+const round = Math.round;
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
+  var _win$visualViewport$o, _win$visualViewport, _win$visualViewport$o2, _win$visualViewport2;
+  if (includeScale === void 0) {
+    includeScale = false;
   }
-  function reset() {
-    error.value = null;
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
   }
-  return { error, validate, reset };
+  const clientRect2 = element.getBoundingClientRect();
+  let scaleX = 1;
+  let scaleY = 1;
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect2.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect2.height) / element.offsetHeight || 1 : 1;
+  }
+  const win = isElement(element) ? getWindow(element) : window;
+  const addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  const x = (clientRect2.left + (addVisualOffsets ? (_win$visualViewport$o = (_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) != null ? _win$visualViewport$o : 0 : 0)) / scaleX;
+  const y = (clientRect2.top + (addVisualOffsets ? (_win$visualViewport$o2 = (_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) != null ? _win$visualViewport$o2 : 0 : 0)) / scaleY;
+  const width = clientRect2.width / scaleX;
+  const height = clientRect2.height / scaleY;
+  return {
+    width,
+    height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x,
+    y
+  };
 }
-const noFormatter = (value) => value;
-function useTempValue({ valueRef, format: format2 = noFormatter }) {
-  const tempValue = ref(format2(valueRef.value));
-  watch(valueRef, () => tempValue.value = format2(valueRef.value));
-  return tempValue;
+function getDocumentElement(node) {
+  return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
 }
-function useElementRef(ref2) {
-  return computed(() => {
-    var _a;
-    return ((_a = ref2.value) == null ? void 0 : _a.$el) || ref2.value;
-  });
+function getNodeScroll(element) {
+  if (isElement(element)) {
+    return {
+      scrollLeft: element.scrollLeft,
+      scrollTop: element.scrollTop
+    };
+  }
+  return {
+    scrollLeft: element.pageXOffset,
+    scrollTop: element.pageYOffset
+  };
 }
-function useNumberValue({ valueRef, digits, min: min2, max: max2, onChange }) {
-  function format2(number) {
-    return Number(parseFloat(number).toFixed(digits));
+function getWindowScrollBarX(element) {
+  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
+}
+function isScaled(element) {
+  const rect = getBoundingClientRect(element);
+  return round(rect.width) !== element.offsetWidth || round(rect.height) !== element.offsetHeight;
+}
+function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const documentElement = getDocumentElement(offsetParent);
+  const rect = getBoundingClientRect(
+    element,
+    isOffsetParentAnElement && isScaled(offsetParent),
+    strategy === "fixed"
+  );
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const offsets = {
+    x: 0,
+    y: 0
+  };
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
+    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      const offsetRect = getBoundingClientRect(offsetParent, true);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = getWindowScrollBarX(documentElement);
+    }
   }
-  const temp = useTempValue({ valueRef, format: format2 });
-  function validateNumber(number) {
-    if (min2 !== null && number < min2)
-      return min2;
-    if (max2 !== null && number > max2)
-      return max2;
-    return number;
+  return {
+    x: rect.left + scroll.scrollLeft - offsets.x,
+    y: rect.top + scroll.scrollTop - offsets.y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+function getParentNode(node) {
+  if (getNodeName(node) === "html") {
+    return node;
   }
-  function change(value) {
-    temp.value = value;
-    if (temp.value === "") {
-      temp.value = min2 != null ? min2 : 1;
+  const result = node.assignedSlot || node.parentNode || (isShadowRoot(node) ? node.host : null) || getDocumentElement(node);
+  return isShadowRoot(result) ? result.host : result;
+}
+function getTrueOffsetParent(element) {
+  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
+    return null;
+  }
+  return element.offsetParent;
+}
+function getContainingBlock(element) {
+  let currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else {
+      currentNode = getParentNode(currentNode);
     }
-    const numericValue = Number.parseFloat(temp.value);
-    const validatedNumber = validateNumber(numericValue);
-    temp.value = format2(validatedNumber);
-    onChange(temp.value);
   }
-  function increment(step) {
-    const newValue = temp.value + Number(step);
-    const validatedNumber = validateNumber(newValue);
-    temp.value = format2(validatedNumber);
-    onChange(temp.value);
+  return null;
+}
+function getOffsetParent(element) {
+  const window2 = getWindow(element);
+  let offsetParent = getTrueOffsetParent(element);
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
+    offsetParent = getTrueOffsetParent(offsetParent);
   }
-  function decrement(step) {
-    const newValue = temp.value - Number(step);
-    const validatedNumber = validateNumber(newValue);
-    temp.value = format2(validatedNumber);
-    onChange(temp.value);
+  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
+    return window2;
+  }
+  return offsetParent || getContainingBlock(element) || window2;
+}
+function getDimensions(element) {
+  if (isHTMLElement(element)) {
+    return {
+      width: element.offsetWidth,
+      height: element.offsetHeight
+    };
   }
+  const rect = getBoundingClientRect(element);
   return {
-    temp,
-    change,
-    increment,
-    decrement
+    width: rect.width,
+    height: rect.height
+  };
+}
+function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
+  let {
+    rect,
+    offsetParent,
+    strategy
+  } = _ref;
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const documentElement = getDocumentElement(offsetParent);
+  if (offsetParent === documentElement) {
+    return rect;
+  }
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const offsets = {
+    x: 0,
+    y: 0
+  };
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
+    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      const offsetRect = getBoundingClientRect(offsetParent, true);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    }
+  }
+  return {
+    ...rect,
+    x: rect.x - scroll.scrollLeft + offsets.x,
+    y: rect.y - scroll.scrollTop + offsets.y
+  };
+}
+function getViewportRect(element, strategy) {
+  const win = getWindow(element);
+  const html2 = getDocumentElement(element);
+  const visualViewport = win.visualViewport;
+  let width = html2.clientWidth;
+  let height = html2.clientHeight;
+  let x = 0;
+  let y = 0;
+  if (visualViewport) {
+    width = visualViewport.width;
+    height = visualViewport.height;
+    const layoutViewport = isLayoutViewport();
+    if (layoutViewport || !layoutViewport && strategy === "fixed") {
+      x = visualViewport.offsetLeft;
+      y = visualViewport.offsetTop;
+    }
+  }
+  return {
+    width,
+    height,
+    x,
+    y
   };
 }
+function getDocumentRect(element) {
+  var _element$ownerDocumen;
+  const html2 = getDocumentElement(element);
+  const scroll = getNodeScroll(element);
+  const body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
+  const width = max(html2.scrollWidth, html2.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
+  const height = max(html2.scrollHeight, html2.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
+  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
+  const y = -scroll.scrollTop;
+  if (getComputedStyle$1(body || html2).direction === "rtl") {
+    x += max(html2.clientWidth, body ? body.clientWidth : 0) - width;
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+function getNearestOverflowAncestor(node) {
+  const parentNode2 = getParentNode(node);
+  if (isLastTraversableNode(parentNode2)) {
+    return node.ownerDocument.body;
+  }
+  if (isHTMLElement(parentNode2) && isOverflowElement(parentNode2)) {
+    return parentNode2;
+  }
+  return getNearestOverflowAncestor(parentNode2);
+}
+function getOverflowAncestors(node, list) {
+  var _node$ownerDocument;
+  if (list === void 0) {
+    list = [];
+  }
+  const scrollableAncestor = getNearestOverflowAncestor(node);
+  const isBody = scrollableAncestor === ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.body);
+  const win = getWindow(scrollableAncestor);
+  const target = isBody ? [win].concat(win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : []) : scrollableAncestor;
+  const updatedList = list.concat(target);
+  return isBody ? updatedList : updatedList.concat(getOverflowAncestors(target));
+}
+function getInnerBoundingClientRect(element, strategy) {
+  const clientRect2 = getBoundingClientRect(element, false, strategy === "fixed");
+  const top = clientRect2.top + element.clientTop;
+  const left = clientRect2.left + element.clientLeft;
+  return {
+    top,
+    left,
+    x: left,
+    y: top,
+    right: left + element.clientWidth,
+    bottom: top + element.clientHeight,
+    width: element.clientWidth,
+    height: element.clientHeight
+  };
+}
+function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+  if (clippingAncestor === "viewport") {
+    return rectToClientRect(getViewportRect(element, strategy));
+  }
+  if (isElement(clippingAncestor)) {
+    return getInnerBoundingClientRect(clippingAncestor, strategy);
+  }
+  return rectToClientRect(getDocumentRect(getDocumentElement(element)));
+}
+function getClippingElementAncestors(element) {
+  let result = getOverflowAncestors(element).filter((el) => isElement(el) && getNodeName(el) !== "body");
+  let currentContainingBlockComputedStyle = null;
+  const elementIsFixed = getComputedStyle$1(element).position === "fixed";
+  let currentNode = elementIsFixed ? getParentNode(element) : element;
+  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    const computedStyle = getComputedStyle$1(currentNode);
+    const containingBlock = isContainingBlock(currentNode);
+    const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position);
+    if (shouldDropCurrentNode) {
+      result = result.filter((ancestor) => ancestor !== currentNode);
+    } else {
+      currentContainingBlockComputedStyle = computedStyle;
+    }
+    currentNode = getParentNode(currentNode);
+  }
+  return result;
+}
+function getClippingRect(_ref) {
+  let {
+    element,
+    boundary,
+    rootBoundary,
+    strategy
+  } = _ref;
+  const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element) : [].concat(boundary);
+  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
+  const firstClippingAncestor = clippingAncestors[0];
+  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
+    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
+    accRect.top = max(rect.top, accRect.top);
+    accRect.right = min(rect.right, accRect.right);
+    accRect.bottom = min(rect.bottom, accRect.bottom);
+    accRect.left = max(rect.left, accRect.left);
+    return accRect;
+  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+  return {
+    width: clippingRect.right - clippingRect.left,
+    height: clippingRect.bottom - clippingRect.top,
+    x: clippingRect.left,
+    y: clippingRect.top
+  };
+}
+const platform = {
+  getClippingRect,
+  convertOffsetParentRelativeRectToViewportRelativeRect,
+  isElement,
+  getDimensions,
+  getOffsetParent,
+  getDocumentElement,
+  async getElementRects(_ref) {
+    let {
+      reference,
+      floating,
+      strategy
+    } = _ref;
+    const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+    const getDimensionsFn = this.getDimensions;
+    return {
+      reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
+      floating: {
+        x: 0,
+        y: 0,
+        ...await getDimensionsFn(floating)
+      }
+    };
+  },
+  getClientRects: (element) => Array.from(element.getClientRects()),
+  isRTL: (element) => getComputedStyle$1(element).direction === "rtl"
+};
+function autoUpdate(reference, floating, update, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    ancestorScroll: _ancestorScroll = true,
+    ancestorResize = true,
+    elementResize = true,
+    animationFrame = false
+  } = options;
+  const ancestorScroll = _ancestorScroll && !animationFrame;
+  const ancestors = ancestorScroll || ancestorResize ? [...isElement(reference) ? getOverflowAncestors(reference) : reference.contextElement ? getOverflowAncestors(reference.contextElement) : [], ...getOverflowAncestors(floating)] : [];
+  ancestors.forEach((ancestor) => {
+    ancestorScroll && ancestor.addEventListener("scroll", update, {
+      passive: true
+    });
+    ancestorResize && ancestor.addEventListener("resize", update);
+  });
+  let observer = null;
+  if (elementResize) {
+    let initialUpdate = true;
+    observer = new ResizeObserver(() => {
+      if (!initialUpdate) {
+        update();
+      }
+      initialUpdate = false;
+    });
+    isElement(reference) && !animationFrame && observer.observe(reference);
+    if (!isElement(reference) && reference.contextElement && !animationFrame) {
+      observer.observe(reference.contextElement);
+    }
+    observer.observe(floating);
+  }
+  let frameId;
+  let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
+  if (animationFrame) {
+    frameLoop();
+  }
+  function frameLoop() {
+    const nextRefRect = getBoundingClientRect(reference);
+    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+      update();
+    }
+    prevRefRect = nextRefRect;
+    frameId = requestAnimationFrame(frameLoop);
+  }
+  update();
+  return () => {
+    var _observer;
+    ancestors.forEach((ancestor) => {
+      ancestorScroll && ancestor.removeEventListener("scroll", update);
+      ancestorResize && ancestor.removeEventListener("resize", update);
+    });
+    (_observer = observer) == null ? void 0 : _observer.disconnect();
+    observer = null;
+    if (animationFrame) {
+      cancelAnimationFrame(frameId);
+    }
+  };
+}
+const computePosition = (reference, floating, options) => computePosition$1(reference, floating, {
+  platform,
+  ...options
+});
 function useModalToggler({ onBeforeOpened, onClosed, wrapperRef, modalRef } = {}) {
   const editor = inject(InjectionTokens$1.EDITOR);
   const isOpened = ref(false);
-  let popper2;
-  function initPopper() {
+  let floatingInstance;
+  function initModal() {
     const wrapperEl = useElementRef(wrapperRef);
     const modalEl = useElementRef(modalRef);
-    popper2 = createPopper(wrapperEl.value, modalEl.value, {
-      placement: "bottom",
-      strategy: "fixed",
-      modifiers: [
-        {
-          name: "offset",
-          options: {
-            offset: [0, 4]
-          }
-        },
-        {
-          name: "preventOverflow",
-          options: {
-            padding: 16
-          }
-        },
-        {
-          name: "flip",
-          enabled: false
-        }
-      ]
+    floatingInstance = autoUpdate(wrapperEl.value, modalEl.value, async () => {
+      const positioning = await computePosition(wrapperEl.value, modalEl.value, {
+        placement: "bottom",
+        strategy: "fixed",
+        middleware: [
+          shift({ padding: 16, crossAxis: true, limiter: limitShift() }),
+          offset({ mainAxis: 4 })
+        ]
+      });
+      const { x, y } = positioning;
+      Object.assign(modalEl.value, {
+        left: `${x}px`,
+        top: `${y}px`
+      });
     });
   }
   async function open() {
@@ -24213,16 +23660,14 @@ function useModalToggler({ onBeforeOpened, onClosed, wrapperRef, modalRef } = {}
     editor.commands.storeSelection();
     isOpened.value = true;
     await nextTick();
-    initPopper();
+    initModal();
   }
   function close2() {
     isOpened.value = false;
+    floatingInstance == null ? void 0 : floatingInstance();
     editor.commands.restoreSelection();
     onClosed == null ? void 0 : onClosed();
   }
-  onUnmounted(() => {
-    popper2 == null ? void 0 : popper2.destroy();
-  });
   const toggle = (toOpen) => toOpen ? open() : close2();
   return { isOpened, open, close: close2, toggle };
 }
@@ -25207,7 +24652,7 @@ var render$r = function __render__18() {
       },
       scopedSlots: _vm._u([{
         key: "option",
-        fn: function fn2(attrs) {
+        fn: function fn(attrs) {
           return [_vm._t("option", null, null, attrs)];
         }
       }], null, true)
@@ -25276,7 +24721,7 @@ var render$q = function __render__19() {
     },
     scopedSlots: _vm._u([{
       key: "default",
-      fn: function fn2(attrs) {
+      fn: function fn(attrs) {
         return [_vm._t("activator", null, null, attrs)];
       }
     }], null, true)
@@ -25293,7 +24738,7 @@ var render$q = function __render__19() {
     },
     scopedSlots: _vm._u([{
       key: "option",
-      fn: function fn2(attrs) {
+      fn: function fn(attrs) {
         return [_vm._t("option", null, null, attrs)];
       }
     }], null, true)
@@ -25465,7 +24910,7 @@ var render$p = function __render__20() {
     },
     scopedSlots: _vm._u([{
       key: "activator",
-      fn: function fn2() {
+      fn: function fn() {
         return [_vm._t("activator", null, {
           "isOpened": _vm.api.isOpened,
           "open": _vm.api.open,
@@ -25686,7 +25131,7 @@ var render$n = function __render__22() {
     },
     scopedSlots: _vm._u([{
       key: "option",
-      fn: function fn2(_ref) {
+      fn: function fn(_ref) {
         var option = _ref.option;
         return [_c("DropdownOption", {
           directives: [{
@@ -25918,7 +25363,7 @@ var render$k = function __render__25() {
     },
     scopedSlots: _vm._u([{
       key: "activator",
-      fn: function fn2(_ref) {
+      fn: function fn(_ref) {
         var toggle = _ref.toggle, isOpened = _ref.isOpened;
         return [_c("Button", {
           directives: [{
@@ -25999,7 +25444,7 @@ var render$j = function __render__26() {
     },
     scopedSlots: _vm._u([{
       key: "activator",
-      fn: function fn2(_ref) {
+      fn: function fn(_ref) {
         var toggle = _ref.toggle, isOpened = _ref.isOpened;
         return [_c("Button", {
           directives: [{
@@ -26353,7 +25798,7 @@ var render$e = function __render__31() {
     },
     scopedSlots: _vm._u([{
       key: "activator",
-      fn: function fn2(_ref) {
+      fn: function fn(_ref) {
         var open = _ref.open, isOpened = _ref.isOpened;
         return [_c("Button", {
           directives: [{
@@ -26436,7 +25881,7 @@ var render$d = function __render__32() {
     },
     scopedSlots: _vm._u([{
       key: "option",
-      fn: function fn2(_ref) {
+      fn: function fn(_ref) {
         var isActive2 = _ref.isActive, option = _ref.option, activate = _ref.activate;
         return [_c("Button", {
           directives: [{
@@ -26684,7 +26129,7 @@ var render$b = function __render__34() {
     },
     scopedSlots: _vm._u([{
       key: "activator",
-      fn: function fn2(_ref) {
+      fn: function fn(_ref) {
         var open = _ref.open, isOpened = _ref.isOpened;
         return [_c("Button", {
           directives: [{
@@ -26712,7 +26157,7 @@ var render$b = function __render__34() {
       }
     }, {
       key: "option",
-      fn: function fn2(_ref2) {
+      fn: function fn(_ref2) {
         var option = _ref2.option;
         return [_c("DropdownOption", {
           staticClass: "zw-list-control__option",
@@ -27001,7 +26446,7 @@ var render$8 = function __render__37() {
     },
     scopedSlots: _vm._u([{
       key: "option",
-      fn: function fn2(_ref) {
+      fn: function fn(_ref) {
         var option = _ref.option;
         return [_c("DropdownOption", {
           staticClass: "zw-link-modal-dropdown__option",
@@ -27138,7 +26583,7 @@ var render$6 = function __render__39() {
     },
     scopedSlots: _vm._u([{
       key: "option",
-      fn: function fn2(_ref) {
+      fn: function fn(_ref) {
         var option = _ref.option;
         return [_c("DropdownOption", {
           staticClass: "zw-link-modal-dropdown__option",
@@ -27751,7 +27196,7 @@ var __component__$1 = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$1,
   false,
   __vue2_injectStyles$1,
-  "3ceb232a",
+  "def9f25e",
   null,
   null
 );
@@ -27785,33 +27230,26 @@ function useEditor({ content, onChange, extensions: extensions2, isReadonlyRef }
 }
 function useToolbar({ wrapperRef, offsets, isActiveRef, placementRef }) {
   const wrapperEl = useElementRef(wrapperRef);
-  let popper2;
+  let floatingInstance;
   function mount(element) {
-    popper2 = createPopper(wrapperEl.value, element, {
-      placement: placementRef.value,
-      strategy: "fixed",
-      modifiers: [
-        {
-          name: "offset",
-          options: { offset: offsets }
-        },
-        {
-          name: "preventOverflow",
-          options: {
-            altAxis: true,
-            padding: 2
-          }
-        },
-        {
-          name: "flip",
-          enabled: false
-        }
-      ]
+    floatingInstance = autoUpdate(wrapperEl.value, element, async () => {
+      const positioning = await computePosition(wrapperEl.value, element, {
+        placement: placementRef.value,
+        strategy: "fixed",
+        middleware: [
+          shift({ padding: 16, crossAxis: true, limiter: limitShift() }),
+          offset({ crossAxis: offsets[0], mainAxis: offsets[1] })
+        ]
+      });
+      const { x, y } = positioning;
+      Object.assign(element.style, {
+        left: `${x}px`,
+        top: `${y}px`
+      });
     });
   }
-  const update = () => popper2 == null ? void 0 : popper2.update();
+  onUnmounted(() => floatingInstance == null ? void 0 : floatingInstance());
   return {
-    update,
     mount,
     isActiveRef,
     offsets
@@ -27874,7 +27312,7 @@ var render = function __render__45() {
   })], 1);
 };
 var staticRenderFns = [];
-const main_css_vue_type_style_index_0_from__2FUsers_2Fmaster_2Fprojects_2FZipifyWysiwyg_2Flib_2FWysiwyg_vue_src_lang = "";
+const main_css_vue_type_style_index_0_from__2FUsers_2Fmaster_2FProjects_2FZipifyWysiwyg_2Flib_2FWysiwyg_vue_src_lang = "";
 const MIN_FONT_SIZE = 5;
 const MAX_FONT_SIZE = 112;
 const __vue2_script = {
@@ -27983,10 +27421,8 @@ const __vue2_script = {
       isActiveRef: isToolbarActiveRef,
       offsets: props.toolbarOffsets
     });
-    const updateToolbar = () => toolbar.update();
     function onChange(content) {
       emit("input", content);
-      updateToolbar();
     }
     const pageBlocks = toRef(props, "pageBlocks");
     const { editor, getContent } = useEditor({
@@ -28025,7 +27461,6 @@ const __vue2_script = {
       toolbarRef,
       wysiwygRef,
       toolbar,
-      updateToolbar,
       getContent,
       getContentCustomization
     };