@zipify/wysiwyg 4.3.0 → 4.4.0-dev.1

package/dist/wysiwyg.mjs

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { defineComponent, ref, onMounted, onBeforeUnmount, h, getCurrentInstance, watchEffect, nextTick, unref, Teleport, reactive, markRaw, customRef, openBlock, createElementBlock, renderSlot, computed, normalizeClass, toRef, watch, Fragment as Fragment$1, renderList, normalizeStyle, inject, onUnmounted, provide, createElementVNode, createVNode, toDisplayString, createCommentVNode, shallowRef, getCurrentScope, onScopeDispose, shallowReadonly, useCssVars, createBlock, Transition, withCtx, withDirectives, pushScopeId, popScopeId, createTextVNode, normalizeProps, guardReactiveProps, withModifiers, resolveComponent, resolveDynamicComponent, KeepAlive, mergeModels, useModel } from "vue";
 import { ColorModel, ColorPicker } from "@zipify/colorpicker";
 import SimpleBar from "simplebar";
@@ -14,8 +11,7 @@ OrderedMap.prototype = {
   constructor: OrderedMap,
   find: function(key) {
     for (var i = 0; i < this.content.length; i += 2)
-      if (this.content[i] === key)
-        return i;
+      if (this.content[i] === key) return i;
     return -1;
   },
   // :: (string) → ?any
@@ -36,8 +32,7 @@ OrderedMap.prototype = {
       content.push(newKey || key, value);
     } else {
       content[found2 + 1] = value;
-      if (newKey)
-        content[found2] = newKey;
+      if (newKey) content[found2] = newKey;
     }
     return new OrderedMap(content);
   },
@@ -45,8 +40,7 @@ OrderedMap.prototype = {
   // Return a map with the given key removed, if it existed.
   remove: function(key) {
     var found2 = this.find(key);
-    if (found2 == -1)
-      return this;
+    if (found2 == -1) return this;
     var content = this.content.slice();
     content.splice(found2, 2);
     return new OrderedMap(content);
@@ -84,8 +78,7 @@ OrderedMap.prototype = {
   // appear in `map` before the keys in `map`.
   prepend: function(map2) {
     map2 = OrderedMap.from(map2);
-    if (!map2.size)
-      return this;
+    if (!map2.size) return this;
     return new OrderedMap(map2.content.concat(this.subtract(map2).content));
   },
   // :: (union<Object, OrderedMap>) → OrderedMap
@@ -93,8 +86,7 @@ OrderedMap.prototype = {
   // appear in `map` after the keys in `map`.
   append: function(map2) {
     map2 = OrderedMap.from(map2);
-    if (!map2.size)
-      return this;
+    if (!map2.size) return this;
     return new OrderedMap(this.subtract(map2).content.concat(map2.content));
   },
   // :: (union<Object, OrderedMap>) → OrderedMap
@@ -114,12 +106,9 @@ OrderedMap.prototype = {
   }
 };
 OrderedMap.from = function(value) {
-  if (value instanceof OrderedMap)
-    return value;
+  if (value instanceof OrderedMap) return value;
   var content = [];
-  if (value)
-    for (var prop in value)
-      content.push(prop, value[prop]);
+  if (value) for (var prop in value) content.push(prop, value[prop]);
   return new OrderedMap(content);
 };
 function findDiffStart(a, b, pos) {
@@ -728,8 +717,6 @@ function removeRange(content, from2, to) {
 function insertInto(content, dist, insert, parent) {
   let { index, offset: offset2 } = content.findIndex(dist), child = content.maybeChild(index);
   if (offset2 == dist || child.isText) {
-    if (parent && !parent.canReplace(index, index, insert))
-      return null;
     return content.cut(0, dist).append(insert).append(content.cut(dist));
   }
   let inner = insertInto(child.content, dist - offset2 - 1, insert);
@@ -2748,28 +2735,27 @@ class ParseContext {
   // had a rule with `ignore` set.
   readStyles(styles) {
     let add = Mark$1.none, remove = Mark$1.none;
-    style:
-      for (let i = 0; i < styles.length; i += 2) {
-        for (let after = void 0; ; ) {
-          let rule = this.parser.matchStyle(styles[i], styles[i + 1], this, after);
-          if (!rule)
-            continue style;
-          if (rule.ignore)
-            return null;
-          if (rule.clearMark) {
-            this.top.pendingMarks.forEach((m) => {
-              if (rule.clearMark(m))
-                remove = m.addToSet(remove);
-            });
-          } else {
-            add = this.parser.schema.marks[rule.mark].create(rule.attrs).addToSet(add);
-          }
-          if (rule.consuming === false)
-            after = rule;
-          else
-            break;
+    style: for (let i = 0; i < styles.length; i += 2) {
+      for (let after = void 0; ; ) {
+        let rule = this.parser.matchStyle(styles[i], styles[i + 1], this, after);
+        if (!rule)
+          continue style;
+        if (rule.ignore)
+          return null;
+        if (rule.clearMark) {
+          this.top.pendingMarks.forEach((m) => {
+            if (rule.clearMark(m))
+              remove = m.addToSet(remove);
+          });
+        } else {
+          add = this.parser.schema.marks[rule.mark].create(rule.attrs).addToSet(add);
         }
+        if (rule.consuming === false)
+          after = rule;
+        else
+          break;
       }
+    }
     return [add, remove];
   }
   // Look up a handler for the given node. If none are found, return
@@ -4426,21 +4412,20 @@ class Fitter {
     return after;
   }
   findCloseLevel($to) {
-    scan:
-      for (let i = Math.min(this.depth, $to.depth); i >= 0; i--) {
-        let { match, type } = this.frontier[i];
-        let dropInner = i < $to.depth && $to.end(i + 1) == $to.pos + ($to.depth - (i + 1));
-        let fit = contentAfterFits($to, i, type, match, dropInner);
-        if (!fit)
-          continue;
-        for (let d = i - 1; d >= 0; d--) {
-          let { match: match2, type: type2 } = this.frontier[d];
-          let matches2 = contentAfterFits($to, d, type2, match2, true);
-          if (!matches2 || matches2.childCount)
-            continue scan;
-        }
-        return { depth: i, fit, move: dropInner ? $to.doc.resolve($to.after(i + 1)) : $to };
+    scan: for (let i = Math.min(this.depth, $to.depth); i >= 0; i--) {
+      let { match, type } = this.frontier[i];
+      let dropInner = i < $to.depth && $to.end(i + 1) == $to.pos + ($to.depth - (i + 1));
+      let fit = contentAfterFits($to, i, type, match, dropInner);
+      if (!fit)
+        continue;
+      for (let d = i - 1; d >= 0; d--) {
+        let { match: match2, type: type2 } = this.frontier[d];
+        let matches2 = contentAfterFits($to, d, type2, match2, true);
+        if (!matches2 || matches2.childCount)
+          continue scan;
       }
+      return { depth: i, fit, move: dropInner ? $to.doc.resolve($to.after(i + 1)) : $to };
+    }
   }
   close($to) {
     let close2 = this.findCloseLevel($to);
@@ -6963,12 +6948,9 @@ class NodeViewDesc extends ViewDesc {
     }, (child, outerDeco, innerDeco, i) => {
       updater.syncToMarks(child.marks, inline, view);
       let compIndex;
-      if (updater.findNodeMatch(child, outerDeco, innerDeco, i))
-        ;
-      else if (compositionInChild && view.state.selection.from > off && view.state.selection.to < off + child.nodeSize && (compIndex = updater.findIndexWithChild(composition.node)) > -1 && updater.updateNodeAt(child, outerDeco, innerDeco, compIndex, view))
-        ;
-      else if (updater.updateNextNode(child, outerDeco, innerDeco, view, i))
-        ;
+      if (updater.findNodeMatch(child, outerDeco, innerDeco, i)) ;
+      else if (compositionInChild && view.state.selection.from > off && view.state.selection.to < off + child.nodeSize && (compIndex = updater.findIndexWithChild(composition.node)) > -1 && updater.updateNodeAt(child, outerDeco, innerDeco, compIndex, view)) ;
+      else if (updater.updateNextNode(child, outerDeco, innerDeco, view, i)) ;
       else {
         updater.addNode(child, outerDeco, innerDeco, view, off);
       }
@@ -7494,36 +7476,35 @@ class ViewTreeUpdater {
 function preMatch(frag, parentDesc) {
   let curDesc = parentDesc, descI = curDesc.children.length;
   let fI = frag.childCount, matched = /* @__PURE__ */ new Map(), matches2 = [];
-  outer:
-    while (fI > 0) {
-      let desc;
-      for (; ; ) {
-        if (descI) {
-          let next = curDesc.children[descI - 1];
-          if (next instanceof MarkViewDesc) {
-            curDesc = next;
-            descI = next.children.length;
-          } else {
-            desc = next;
-            descI--;
-            break;
-          }
-        } else if (curDesc == parentDesc) {
-          break outer;
+  outer: while (fI > 0) {
+    let desc;
+    for (; ; ) {
+      if (descI) {
+        let next = curDesc.children[descI - 1];
+        if (next instanceof MarkViewDesc) {
+          curDesc = next;
+          descI = next.children.length;
         } else {
-          descI = curDesc.parent.children.indexOf(curDesc);
-          curDesc = curDesc.parent;
+          desc = next;
+          descI--;
+          break;
         }
+      } else if (curDesc == parentDesc) {
+        break outer;
+      } else {
+        descI = curDesc.parent.children.indexOf(curDesc);
+        curDesc = curDesc.parent;
       }
-      let node = desc.node;
-      if (!node)
-        continue;
-      if (node != frag.child(fI - 1))
-        break;
-      --fI;
-      matched.set(desc, fI);
-      matches2.push(desc);
     }
+    let node = desc.node;
+    if (!node)
+      continue;
+    if (node != frag.child(fI - 1))
+      break;
+    --fI;
+    matched.set(desc, fI);
+    matches2.push(desc);
+  }
   return { index: fI, matched, matches: matches2.reverse() };
 }
 function compareSide(a, b) {
@@ -8458,8 +8439,7 @@ function updateSelection(view, selection, origin) {
   if (!view.focused)
     view.focus();
   let tr2 = view.state.tr.setSelection(selection);
-  if (origin == "pointer")
-    tr2.setMeta("pointer", true);
+  tr2.setMeta("pointer", true);
   view.dispatch(tr2);
 }
 function selectClickedLeaf(view, inside) {
@@ -8467,7 +8447,7 @@ function selectClickedLeaf(view, inside) {
     return false;
   let $pos = view.state.doc.resolve(inside), node = $pos.nodeAfter;
   if (node && node.isAtom && NodeSelection.isSelectable(node)) {
-    updateSelection(view, new NodeSelection($pos), "pointer");
+    updateSelection(view, new NodeSelection($pos));
     return true;
   }
   return false;
@@ -8490,7 +8470,7 @@ function selectClickedNode(view, inside) {
     }
   }
   if (selectAt != null) {
-    updateSelection(view, NodeSelection.create(view.state.doc, selectAt), "pointer");
+    updateSelection(view, NodeSelection.create(view.state.doc, selectAt));
     return true;
   } else {
     return false;
@@ -8511,7 +8491,7 @@ function defaultTripleClick(view, inside, event) {
   let doc2 = view.state.doc;
   if (inside == -1) {
     if (doc2.inlineContent) {
-      updateSelection(view, TextSelection.create(doc2, 0, doc2.content.size), "pointer");
+      updateSelection(view, TextSelection.create(doc2, 0, doc2.content.size));
       return true;
     }
     return false;
@@ -8521,9 +8501,9 @@ function defaultTripleClick(view, inside, event) {
     let node = i > $pos.depth ? $pos.nodeAfter : $pos.node(i);
     let nodePos = $pos.before(i);
     if (node.inlineContent)
-      updateSelection(view, TextSelection.create(doc2, nodePos + 1, nodePos + 1 + node.content.size), "pointer");
+      updateSelection(view, TextSelection.create(doc2, nodePos + 1, nodePos + 1 + node.content.size));
     else if (NodeSelection.isSelectable(node))
-      updateSelection(view, NodeSelection.create(doc2, nodePos), "pointer");
+      updateSelection(view, NodeSelection.create(doc2, nodePos));
     else
       continue;
     return true;
@@ -8640,7 +8620,7 @@ class MouseDown {
     // thus doesn't get a reaction from ProseMirror. This
     // works around that.
     chrome$1 && !this.view.state.selection.visible && Math.min(Math.abs(pos.pos - this.view.state.selection.from), Math.abs(pos.pos - this.view.state.selection.to)) <= 2)) {
-      updateSelection(this.view, Selection.near(this.view.state.doc.resolve(pos.pos)), "pointer");
+      updateSelection(this.view, Selection.near(this.view.state.doc.resolve(pos.pos)));
       event.preventDefault();
     } else {
       setSelectionOrigin(this.view, "pointer");
@@ -8842,8 +8822,7 @@ handlers.dragstart = (view, _event) => {
     return;
   let sel = view.state.selection;
   let pos = sel.empty ? null : view.posAtCoords(eventCoords(event));
-  if (pos && pos.pos >= sel.from && pos.pos <= (sel instanceof NodeSelection ? sel.to - 1 : sel.to))
-    ;
+  if (pos && pos.pos >= sel.from && pos.pos <= (sel instanceof NodeSelection ? sel.to - 1 : sel.to)) ;
   else if (mouseDown && mouseDown.mightDrag) {
     view.dispatch(view.state.tr.setSelection(NodeSelection.create(view.state.doc, mouseDown.mightDrag.pos)));
   } else if (event.target && event.target.nodeType == 1) {
@@ -10268,8 +10247,7 @@ class EditorView {
   */
   scrollToSelection() {
     let startDOM = this.domSelectionRange().focusNode;
-    if (this.someProp("handleScrollToSelection", (f) => f(this)))
-      ;
+    if (this.someProp("handleScrollToSelection", (f) => f(this))) ;
     else if (this.state.selection instanceof NodeSelection) {
       let target = this.docView.domAfterPos(this.state.selection.from);
       if (target.nodeType == 1)
@@ -10656,32 +10634,22 @@ var chrome = typeof navigator != "undefined" && /Chrome\/(\d+)/.exec(navigator.u
 var mac$1 = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
 var ie = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
 var brokenModifierNames = mac$1 || chrome && +chrome[1] < 57;
-for (var i = 0; i < 10; i++)
-  base[48 + i] = base[96 + i] = String(i);
-for (var i = 1; i <= 24; i++)
-  base[i + 111] = "F" + i;
+for (var i = 0; i < 10; i++) base[48 + i] = base[96 + i] = String(i);
+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$2[i] = String.fromCharCode(i);
 }
-for (var code in base)
-  if (!shift$2.hasOwnProperty(code))
-    shift$2[code] = base[code];
+for (var code in base) if (!shift$2.hasOwnProperty(code)) shift$2[code] = base[code];
 function keyName(event) {
   var ignoreKey = brokenModifierNames && (event.ctrlKey || event.altKey || event.metaKey) || ie && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
   var name = !ignoreKey && event.key || (event.shiftKey ? shift$2 : base)[event.keyCode] || event.key || "Unidentified";
-  if (name == "Esc")
-    name = "Escape";
-  if (name == "Del")
-    name = "Delete";
-  if (name == "Left")
-    name = "ArrowLeft";
-  if (name == "Up")
-    name = "ArrowUp";
-  if (name == "Right")
-    name = "ArrowRight";
-  if (name == "Down")
-    name = "ArrowDown";
+  if (name == "Esc") name = "Escape";
+  if (name == "Del") name = "Delete";
+  if (name == "Left") name = "ArrowLeft";
+  if (name == "Up") name = "ArrowUp";
+  if (name == "Right") name = "ArrowRight";
+  if (name == "Down") name = "ArrowDown";
   return name;
 }
 const mac = typeof navigator != "undefined" ? /Mac|iP(hone|[oa]d)/.test(navigator.platform) : false;
@@ -14102,7 +14070,7 @@ img.ProseMirror-separator {
   opacity: 0
 }`;
 function createStyleTag(style2, nonce, suffix) {
-  const tiptapStyleTag = document.querySelector(`style[data-tiptap-style${suffix ? `-${suffix}` : ""}]`);
+  const tiptapStyleTag = document.querySelector(`style[data-tiptap-style${""}]`);
   if (tiptapStyleTag !== null) {
     return tiptapStyleTag;
   }
@@ -14110,7 +14078,7 @@ function createStyleTag(style2, nonce, suffix) {
   if (nonce) {
     styleNode.setAttribute("nonce", nonce);
   }
-  styleNode.setAttribute(`data-tiptap-style${suffix ? `-${suffix}` : ""}`, "");
+  styleNode.setAttribute(`data-tiptap-style${""}`, "");
   styleNode.innerHTML = style2;
   document.getElementsByTagName("head")[0].appendChild(styleNode);
   return styleNode;
@@ -15551,8 +15519,7 @@ function flip$2(_ref) {
     };
     for (var _i = numberOfChecks; _i > 0; _i--) {
       var _ret = _loop(_i);
-      if (_ret === "break")
-        break;
+      if (_ret === "break") break;
     }
   }
   if (state.placement !== firstFittingPlacement) {
@@ -18105,10 +18072,8 @@ RopeSequence.prototype.appendInner = function appendInner(other) {
   return new Append(this, other);
 };
 RopeSequence.prototype.slice = function slice(from2, to) {
-  if (from2 === void 0)
-    from2 = 0;
-  if (to === void 0)
-    to = this.length;
+  if (from2 === void 0) from2 = 0;
+  if (to === void 0) to = this.length;
   if (from2 >= to) {
     return RopeSequence.empty;
   }
@@ -18121,10 +18086,8 @@ RopeSequence.prototype.get = function get(i) {
   return this.getInner(i);
 };
 RopeSequence.prototype.forEach = function forEach2(f, from2, to) {
-  if (from2 === void 0)
-    from2 = 0;
-  if (to === void 0)
-    to = this.length;
+  if (from2 === void 0) from2 = 0;
+  if (to === void 0) to = this.length;
   if (from2 <= to) {
     this.forEachInner(f, from2, to, 0);
   } else {
@@ -18132,10 +18095,8 @@ RopeSequence.prototype.forEach = function forEach2(f, from2, to) {
   }
 };
 RopeSequence.prototype.map = function map(f, from2, to) {
-  if (from2 === void 0)
-    from2 = 0;
-  if (to === void 0)
-    to = this.length;
+  if (from2 === void 0) from2 = 0;
+  if (to === void 0) to = this.length;
   var result = [];
   this.forEach(function(elt, i) {
     return result.push(f(elt, i));
@@ -18153,8 +18114,7 @@ var Leaf = /* @__PURE__ */ function(RopeSequence3) {
     RopeSequence3.call(this);
     this.values = values;
   }
-  if (RopeSequence3)
-    Leaf2.__proto__ = RopeSequence3;
+  if (RopeSequence3) Leaf2.__proto__ = RopeSequence3;
   Leaf2.prototype = Object.create(RopeSequence3 && RopeSequence3.prototype);
   Leaf2.prototype.constructor = Leaf2;
   var prototypeAccessors = { length: { configurable: true }, depth: { configurable: true } };
@@ -18212,8 +18172,7 @@ var Append = /* @__PURE__ */ function(RopeSequence3) {
     this.length = left2.length + right2.length;
     this.depth = Math.max(left2.depth, right2.depth) + 1;
   }
-  if (RopeSequence3)
-    Append2.__proto__ = RopeSequence3;
+  if (RopeSequence3) Append2.__proto__ = RopeSequence3;
   Append2.prototype = Object.create(RopeSequence3 && RopeSequence3.prototype);
   Append2.prototype.constructor = Append2;
   Append2.prototype.flatten = function flatten() {
@@ -18722,8 +18681,7 @@ class PastePlugin extends ProseMirrorPlugin {
     let from2 = selection.from;
     let to = selection.to;
     doc2.nodesBetween(from2, to, (node, position, parent) => {
-      if (parent.type.name !== NodeTypes.DOCUMENT)
-        return;
+      if (parent.type.name !== NodeTypes.DOCUMENT) return;
       from2 = Math.min(from2, position + 1);
       to = Math.max(to, position + node.nodeSize - 1);
     });
@@ -18739,10 +18697,8 @@ class PlaceholderPlugin extends ProseMirrorPlugin {
   }
   _buildDecorations({ doc: doc2 }) {
     const decorations = [];
-    if (!this.editor.isEditable)
-      return null;
-    if (doc2.childCount > 1)
-      return;
+    if (!this.editor.isEditable) return null;
+    if (doc2.childCount > 1) return;
     doc2.descendants((node, pos) => {
       if (!node.childCount) {
         const decoration = Decoration.node(pos, pos + node.nodeSize, {
@@ -19901,12 +19857,10 @@ class PasteLinkPlugin extends ProseMirrorPlugin {
     return { handlePaste: this._handlePaste };
   }
   _handlePaste(view, event, slice2) {
-    if (view.state.selection.empty)
-      return false;
+    if (view.state.selection.empty) return false;
     const textContent = slice2.content.textBetween(0, slice2.content.size).trim();
     const isLink = test(textContent);
-    if (!textContent || !isLink)
-      return false;
+    if (!textContent || !isLink) return false;
     const attrs = this._createLinkAttrs(textContent, slice2.content);
     this.editor.commands.applyLink(attrs);
     return true;
@@ -19925,8 +19879,7 @@ function createCommand(exec) {
 }
 function renderInlineSetting(setting) {
   const style2 = Object.entries(setting).reduce((css, [name, value]) => {
-    if (!value)
-      return css;
+    if (!value) return css;
     const property = name.replace(/_/g, "-");
     return `${css}--zw-${property}:${value};`;
   }, "");
@@ -19950,8 +19903,7 @@ function convertColor(raw) {
   return model.alpha === 1 ? model.toHexString() : model.toRgbaString();
 }
 function convertFontSize(value, wrapperEl) {
-  if (!value.includes("em"))
-    return parseInt(value);
+  if (!value.includes("em")) return parseInt(value);
   const containerValue = ContextWindow.getComputedStyle(wrapperEl).fontSize;
   const size = parseFloat(value) * parseFloat(containerValue);
   return Math.round(size);
@@ -19962,8 +19914,7 @@ function getFontSize(sourceEl, wrapperEl) {
   return fontSize || ContextWindow.getComputedStyle(wrapperEl).fontSize;
 }
 function convertLineHeight(value, sourceEl, wrapperEl) {
-  if (!value.includes("px"))
-    return value;
+  if (!value.includes("px")) return value;
   const rawFontSize = getFontSize(sourceEl, wrapperEl);
   const fontSize = convertFontSize(rawFontSize, wrapperEl);
   return fontSize ? (parseInt(value) / fontSize).toFixed(2) : null;
@@ -20023,11 +19974,9 @@ const DEFAULT_COMPARATOR = (parentMark, mark) => parentMark.eq(mark);
 function isMarkAppliedToParent(doc2, position, checkingMark, comparator = DEFAULT_COMPARATOR) {
   const steps = doc2.resolve(position).path.reverse();
   for (const step of steps) {
-    if (typeof step === "number")
-      continue;
+    if (typeof step === "number") continue;
     for (const mark of step.marks) {
-      if (comparator(mark, checkingMark))
-        return true;
+      if (comparator(mark, checkingMark)) return true;
     }
   }
   return false;
@@ -21028,8 +20977,7 @@ const NodeProcessor = Extension.create({
         const { doc: doc2, tr: tr2 } = state;
         const { from: from2, to } = tr2.selection;
         doc2.nodesBetween(from2, to, (node, position) => {
-          if (!NodeTypes.blocks.includes(node.type.name))
-            return;
+          if (!NodeTypes.blocks.includes(node.type.name)) return;
           tr2.setNodeAttribute(position, name, { ...defaults2, ...current, ...attrs });
         });
       }),
@@ -21055,8 +21003,7 @@ const NodeProcessor = Extension.create({
         if (!markGroup.includes(MarkGroups.SETTINGS)) {
           return commands2.setMark(name, value);
         }
-        if ($from.pos === $to.pos)
-          return;
+        if ($from.pos === $to.pos) return;
         const onAppliedToParent = (context) => {
           if (!customizer.onAppliedToParent || customizer.onAppliedToParent(context) === false) {
             const { tr: tr3, node, position, mark } = context;
@@ -21064,8 +21011,7 @@ const NodeProcessor = Extension.create({
           }
         };
         doc2.nodesBetween($from.pos, $to.pos, (node, position) => {
-          if (node.type.name === NodeTypes.LIST)
-            return;
+          if (node.type.name === NodeTypes.LIST) return;
           const initialMark = findMarkByType(node.marks, name);
           const applyingMark = markType.create({ ...(initialMark == null ? void 0 : initialMark.attrs) || {}, ...value });
           const textPosition = resolveTextPosition($from, $to, node, position);
@@ -21090,8 +21036,7 @@ const NodeProcessor = Extension.create({
           const marks = [];
           doc2.nodesBetween(from2, to, (node) => {
             for (const mark of node.marks) {
-              if (mark.type.name === name)
-                marks.unshift(mark.attrs);
+              if (mark.type.name === name) marks.unshift(mark.attrs);
             }
           });
           return marks;
@@ -21118,8 +21063,7 @@ const NodeProcessor = Extension.create({
         return computed(() => {
           for (const attrs of unref(selectionRef)) {
             const value = attrs[unref(deviceRef)];
-            if (value)
-              return value;
+            if (value) return value;
           }
           return unref(defaultRef);
         });
@@ -21159,11 +21103,9 @@ const TextProcessor = Extension.create({
       }),
       transformText: createCommand(({ state }, transform) => {
         const { $from, $to } = state.tr.selection;
-        if ($from.pos === $to.pos)
-          return;
+        if ($from.pos === $to.pos) return;
         state.doc.nodesBetween($from.pos, $to.pos, (node, position) => {
-          if (!node.isText)
-            return;
+          if (!node.isText) return;
           const textPosition = resolveTextPosition($from, $to, node, position);
           const substringFrom = Math.max(0, $from.pos - position);
           const substringTo = Math.max(0, $to.pos - position);
@@ -21252,8 +21194,7 @@ const Document = Document$1.extend({
   }),
   onCreate() {
     this.editor.view.dom.addEventListener("click", (event) => {
-      if (event.target.closest("a"))
-        event.preventDefault();
+      if (event.target.closest("a")) event.preventDefault();
     });
   },
   addCommands() {
@@ -21466,23 +21407,19 @@ const StylePreset = Extension.create({
             default: { id: unref(this.options.defaultId) },
             parseHTML: (element) => {
               const presets = unref(this.options.presets);
-              if (element.parentElement.tagName === "LI")
-                return null;
+              if (element.parentElement.tagName === "LI") return null;
               for (const { id, node, fallbackClass } of presets) {
                 if (fallbackClass && element.classList.contains(fallbackClass)) {
                   return { id };
                 }
                 const presetSelector = unref(this.options.styleRenderer).makePresetCssClass({ id });
-                if (element.matches(presetSelector))
-                  return { id };
-                if (element.tagName === `H${node == null ? void 0 : node.level}`)
-                  return { id };
+                if (element.matches(presetSelector)) return { id };
+                if (element.tagName === `H${node == null ? void 0 : node.level}`) return { id };
               }
               return element.tagName === "P" ? { id: unref(this.options.defaultId) } : null;
             },
             renderHTML: (attrs) => {
-              if (!attrs.preset)
-                return null;
+              if (!attrs.preset) return null;
               return { class: unref(this.options.styleRenderer).makePresetHtmlClass(attrs.preset) };
             }
           }
@@ -21515,8 +21452,7 @@ const StylePreset = Extension.create({
         const linkPresetRef = commands2.getLinkPreset();
         return computed(() => {
           const preset = findPresetById(unref(presetsRef), unref(selectionRef).id);
-          if (!unref(isLinkRef))
-            return preset;
+          if (!unref(isLinkRef)) return preset;
           const linkPreset = unref(linkPresetRef);
           return {
             id: preset.id,
@@ -21578,8 +21514,7 @@ const StylePreset = Extension.create({
         doc2.nodesBetween(from2, to, (node) => {
           for (const [name, value] of Object.entries(node.attrs)) {
             const isSetting = TextSettings.presetAttributes.includes(name);
-            if (isSetting && value)
-              attributes.add(name);
+            if (isSetting && value) attributes.add(name);
           }
           for (const { type } of node.marks) {
             if (TextSettings.marks.includes(type.name)) {
@@ -21648,8 +21583,7 @@ const FontWeight = Mark2.create({
   }),
   parseHTML() {
     const getAttrs = (value) => {
-      if (value === "bold")
-        return { value: "700" };
+      if (value === "bold") return { value: "700" };
       return Number(value) ? { value } : false;
     };
     return [
@@ -21703,15 +21637,13 @@ const FontSize = Mark2.create({
         const device = unref(commands2.getDevice());
         commands2.applyMark(this.name, { [device]: value }, {
           isAppliedToParent: (parentMark, mark) => {
-            if (parentMark.type.name !== mark.type.name)
-              return false;
+            if (parentMark.type.name !== mark.type.name) return false;
             return parentMark.attrs[device] === mark.attrs[device];
           },
           onAppliedToParent: ({ tr: tr2, node, position, mark }) => {
             const attrs = { ...mark.attrs, [device]: null };
             const canRemove = !Object.values(attrs).some((value2) => !!value2);
-            if (canRemove)
-              return false;
+            if (canRemove) return false;
             const updated = mark.type.create(attrs);
             if (node.isText) {
               tr2.addMark(position, position + node.nodeSize, updated);
@@ -21739,8 +21671,7 @@ const FontSize = Mark2.create({
   }),
   parseHTML() {
     const parseSize = (value) => {
-      if (!value)
-        return null;
+      if (!value) return null;
       const wrapperEl = unref(this.options.wrapperRef);
       const converted = convertFontSize(value, wrapperEl);
       return String(converted);
@@ -21882,8 +21813,7 @@ const FontStyle = Mark2.create({
       }),
       toggleItalic: createCommand(({ commands: commands2 }) => {
         const isItalicAvailable = unref(commands2.isItalicAvailable());
-        if (!isItalicAvailable)
-          return;
+        if (!isItalicAvailable) return;
         unref(commands2.isItalic()) ? commands2.removeItalic() : commands2.applyItalic();
       }),
       applyItalic: createCommand(({ commands: commands2 }) => {
@@ -22027,12 +21957,9 @@ const TextDecoration = Mark2.create({
   },
   renderHTML({ HTMLAttributes: attrs }) {
     const decorations = [];
-    if (attrs.underline)
-      decorations.push("underline");
-    if (attrs.strike_through)
-      decorations.push("line-through");
-    if (!decorations.length)
-      decorations.push("none");
+    if (attrs.underline) decorations.push("underline");
+    if (attrs.strike_through) decorations.push("line-through");
+    if (!decorations.length) decorations.push("none");
     return renderMark({ text_decoration: decorations.join(" ") });
   }
 });
@@ -22083,13 +22010,11 @@ const Alignment = Extension.create({
             const mobile = style2.getPropertyValue("--zw-alignment-mobile") || null;
             const tablet = style2.getPropertyValue("--zw-alignment-tablet") || null;
             const desktop = style2.getPropertyValue("--zw-alignment-desktop") || null;
-            if (!mobile && !tablet && !desktop)
-              return null;
+            if (!mobile && !tablet && !desktop) return null;
             return { desktop, tablet, mobile };
           },
           renderHTML(attrs) {
-            if (!attrs.alignment)
-              return null;
+            if (!attrs.alignment) return null;
             return renderInlineSetting({
               alignment_mobile: attrs.alignment.mobile,
               alignment_tablet: attrs.alignment.tablet,
@@ -22152,15 +22077,13 @@ const LineHeight = Extension.create({
                 return { mobile, tablet, desktop };
               }
               const value = element.style.lineHeight;
-              if (!value)
-                return null;
+              if (!value) return null;
               const wrapperEl = unref(this.options.wrapperRef);
               const converted = convertLineHeight(value, element, wrapperEl);
               return converted ? { desktop: converted, tablet: converted, mobile: null } : null;
             },
             renderHTML(attrs) {
-              if (!attrs.line_height)
-                return null;
+              if (!attrs.line_height) return null;
               return renderInlineSetting({
                 line_height_mobile: attrs.line_height.mobile,
                 line_height_tablet: attrs.line_height.tablet,
@@ -22233,8 +22156,7 @@ const ListItem = ListItem$1.extend({
       listItemNewline: createCommand(({ commands: commands2, tr: tr2 }) => {
         const initialNode = tr2.doc.nodeAt(getItemPosition(tr2));
         const isEmptyParagraph = !tr2.selection.$cursor.node().textContent;
-        if (isEmptyParagraph)
-          return false;
+        if (isEmptyParagraph) return false;
         commands2.splitListItem(this.name);
         const position = getItemPosition(tr2);
         for (const mark of initialNode.marks) {
@@ -22255,8 +22177,7 @@ const ListItem = ListItem$1.extend({
         var _a2;
         return ((_a2 = node.type) == null ? void 0 : _a2.name) === NodeTypes.LIST;
       });
-      if (isListSelected)
-        return commands2.listItemNewline();
+      if (isListSelected) return commands2.listItemNewline();
     }
   })
 });
@@ -22286,10 +22207,8 @@ const List = Node$1.create({
     const getBulletType = (element) => {
       for (const type of ListTypes.values) {
         const bulletClass = `.${unref(this.options.baseClass)}${type}`;
-        if (element.matches(bulletClass))
-          return type;
-        if (HTML_TYPES[element.type.toLowerCase()] === type)
-          return type;
+        if (element.matches(bulletClass)) return type;
+        if (HTML_TYPES[element.type.toLowerCase()] === type) return type;
       }
     };
     return [
@@ -22334,25 +22253,18 @@ const List = Node$1.create({
         const from2 = selection.$from.start();
         const to = selection.$to.end();
         function canBubbleMark(node, childMark) {
-          if (TextSettings.inlineMarks.includes(childMark.type))
-            return false;
-          if (childMark.type.isInSet(node.marks))
-            return false;
+          if (TextSettings.inlineMarks.includes(childMark.type)) return false;
+          if (childMark.type.isInSet(node.marks)) return false;
           for (const child of node.content.content) {
-            if (!child.childCount)
-              continue;
-            if (!child.marks)
-              return false;
-            if (!childMark.isInSet(child.marks))
-              return false;
+            if (!child.childCount) continue;
+            if (!child.marks) return false;
+            if (!childMark.isInSet(child.marks)) return false;
           }
           return true;
         }
         doc2.nodesBetween(from2, to, (node, position) => {
-          if (node.type.name === NodeTypes.LIST)
-            return;
-          if (node.type.name !== NodeTypes.LIST_ITEM)
-            return false;
+          if (node.type.name === NodeTypes.LIST) return;
+          if (node.type.name !== NodeTypes.LIST_ITEM) return false;
           const bubbled = [];
           node.forEach((child) => {
             for (const childMark of child.marks) {
@@ -22375,10 +22287,8 @@ const List = Node$1.create({
         const from2 = selection.$from.start();
         const to = selection.$to.end();
         doc2.nodesBetween(from2, to, (node, position, parent) => {
-          if ([NodeTypes.LIST, NodeTypes.LIST_ITEM].includes(node.type.name))
-            return;
-          if (parent.type.name !== NodeTypes.LIST_ITEM)
-            return false;
+          if ([NodeTypes.LIST, NodeTypes.LIST_ITEM].includes(node.type.name)) return;
+          if (parent.type.name !== NodeTypes.LIST_ITEM) return false;
           const addingMarks = parent.marks.filter(function(mark) {
             return !mark.type.isInSet(node.marks);
           });
@@ -22671,8 +22581,7 @@ const Link = Link$1.extend({
         default: null,
         parseHTML: (element) => {
           const href = element.getAttribute("href");
-          if (!href.startsWith("#"))
-            return href;
+          if (!href.startsWith("#")) return href;
           return parseFloat(element.getAttribute("href").replace("#", ""));
         }
       },
@@ -22684,8 +22593,7 @@ const Link = Link$1.extend({
         default: LinkDestinations.URL,
         parseHTML: (element) => {
           const href = element.getAttribute("href");
-          if (!href.startsWith("#"))
-            return LinkDestinations.URL;
+          if (!href.startsWith("#")) return LinkDestinations.URL;
           const id = href.replace("#", "");
           const blocks = unref(this.options.pageBlocks);
           const block = blocks.find((block2) => block2.id === parseInt(id));
@@ -22776,16 +22684,13 @@ const Margin = Extension.create({
           parseHTML(el) {
             const { margin, marginTop, marginRight, marginBottom, marginLeft } = el.style;
             const isPreset = [margin, marginTop, marginRight, marginBottom, marginLeft].some((v) => !!v);
-            if (!isPreset)
-              return null;
-            if (margin)
-              return { value: margin };
+            if (!isPreset) return null;
+            if (margin) return { value: margin };
             const value = [marginTop || 0, marginRight || 0, marginBottom || 0, marginLeft || 0].join(" ");
             return { value };
           },
           renderHTML(attrs) {
-            if (!attrs.margin)
-              return null;
+            if (!attrs.margin) return null;
             return renderInlineSetting({ margin: attrs.margin.value });
           }
         }
@@ -22935,8 +22840,7 @@ const _HtmlNormalizer = class _HtmlNormalizer extends BaseNormalizer {
     }
   }
   _removeEmptyNodes(node) {
-    if (!node.innerHTML.trim())
-      node.remove();
+    if (!node.innerHTML.trim()) node.remove();
   }
   _normalizeListItems(itemEl) {
     const fragment = this.dom.createDocumentFragment();
@@ -23005,10 +22909,8 @@ const _HtmlNormalizer = class _HtmlNormalizer extends BaseNormalizer {
     }
   }
   _normalizeBreakLines({ parentElement }) {
-    if (!this._isBlockNode(parentElement))
-      return;
-    if (!parentElement.textContent)
-      return;
+    if (!this._isBlockNode(parentElement)) return;
+    if (!parentElement.textContent) return;
     const fragment = this.dom.createDocumentFragment();
     const children = Array.from(parentElement.childNodes);
     const parentTemplate = parentElement.cloneNode(true);
@@ -23039,10 +22941,8 @@ const _HtmlNormalizer = class _HtmlNormalizer extends BaseNormalizer {
     const blockDecoration = this._parseTextDecoration(blockEl);
     blockEl.style.removeProperty("text-decoration-line");
     blockEl.style.removeProperty("text-decoration");
-    if (!blockEl.style.cssText)
-      blockEl.removeAttribute("style");
-    if (blockDecoration.none)
-      return;
+    if (!blockEl.style.cssText) blockEl.removeAttribute("style");
+    if (blockDecoration.none) return;
     for (const childNode of blockEl.childNodes) {
       const textEl = this._wrapTextNode(blockEl, childNode);
       const textDecoration = this._parseTextDecoration(textEl);
@@ -23073,8 +22973,7 @@ const _HtmlNormalizer = class _HtmlNormalizer extends BaseNormalizer {
   _moveBackgroundColorToChildren(blockEl) {
     const blockColor = blockEl.style.backgroundColor;
     blockEl.style.removeProperty("background-color");
-    if (!blockEl.style.cssText)
-      blockEl.removeAttribute("style");
+    if (!blockEl.style.cssText) blockEl.removeAttribute("style");
     for (const childNode of blockEl.childNodes) {
       const textEl = this._wrapTextNode(blockEl, childNode);
       const color = textEl.style.backgroundColor || blockColor;
@@ -23082,8 +22981,7 @@ const _HtmlNormalizer = class _HtmlNormalizer extends BaseNormalizer {
     }
   }
   _wrapTextNode(parent, node) {
-    if (node.nodeType !== this._Node.TEXT_NODE)
-      return node;
+    if (node.nodeType !== this._Node.TEXT_NODE) return node;
     const span = this.dom.createElement("span");
     span.append(node.cloneNode());
     parent.replaceChild(span, node);
@@ -23367,15 +23265,11 @@ class JsonNormalizer extends BaseNormalizer {
     }
   }
   _bubbleMarks(node) {
-    if (!node.content)
-      return;
-    if (node.type === NodeTypes.LIST)
-      return;
+    if (!node.content) return;
+    if (node.type === NodeTypes.LIST) return;
     for (const child of node.content) {
-      if (this._isLink(child))
-        continue;
-      if (!child.marks)
-        continue;
+      if (this._isLink(child)) continue;
+      if (!child.marks) continue;
       for (const childMark of child.marks.slice()) {
         if (this._includesMark(node, childMark)) {
           this._removeMark(child, childMark);
@@ -23389,17 +23283,12 @@ class JsonNormalizer extends BaseNormalizer {
     }
   }
   _canBubbleMark(node, childMark) {
-    if (TextSettings.inlineMarks.includes(childMark.type))
-      return false;
-    if (this._includesMarkType(node, childMark.type))
-      return false;
+    if (TextSettings.inlineMarks.includes(childMark.type)) return false;
+    if (this._includesMarkType(node, childMark.type)) return false;
     for (const child of node.content) {
-      if (!child.content && node.type === NodeTypes.LIST_ITEM)
-        continue;
-      if (!child.marks)
-        return false;
-      if (!this._includesMark(child, childMark))
-        return false;
+      if (!child.content && node.type === NodeTypes.LIST_ITEM) continue;
+      if (!child.marks) return false;
+      if (!this._includesMark(child, childMark)) return false;
     }
     return true;
   }
@@ -23415,13 +23304,10 @@ class JsonNormalizer extends BaseNormalizer {
     return node.type === NodeTypes.TEXT && this._includesMarkType(node, TextSettings.LINK);
   }
   _removeMark(node, mark) {
-    if (!node.marks)
-      return;
+    if (!node.marks) return;
     const index = this._findMarkIndexByType(node, mark.type);
-    if (index >= 0)
-      node.marks.splice(index, 1);
-    if (!node.marks.length)
-      delete node.marks;
+    if (index >= 0) node.marks.splice(index, 1);
+    if (!node.marks.length) delete node.marks;
   }
   _addMark(node, mark) {
     this._removeMark(node, mark);
@@ -23693,8 +23579,7 @@ class StylePresetRenderer {
   }
   inject(hostEl, presets) {
     let styleEl = hostEl.querySelector("[data-zw-styles]");
-    if (styleEl)
-      return;
+    if (styleEl) return;
     styleEl = ContextWindow.document.createElement("style");
     styleEl.dataset.zwStyles = "";
     styleEl.innerHTML = this.render(presets);
@@ -23744,17 +23629,14 @@ const _NodeSelector = class _NodeSelector {
   query(containerNode, selector) {
     let found2 = null;
     containerNode.descendants((node) => {
-      if (found2)
-        return false;
+      if (found2) return false;
       if (this.matchNode(node, selector)) {
         found2 = node;
         return false;
       }
     });
-    if (!found2)
-      return null;
-    if (!selector.getMark)
-      return found2;
+    if (!found2) return null;
+    if (!selector.getMark) return found2;
     return this.getMark(found2, selector.getMark);
   }
   matchNode(node, selector) {
@@ -23802,8 +23684,7 @@ const outClick = {
   updated(el, { value }) {
     const data = dataStorage.get(el);
     const isEnabled = !value.isDisabled;
-    if (isEnabled === data.isEnabled)
-      return;
+    if (isEnabled === data.isEnabled) return;
     toggleListener(isEnabled, data.callback);
     dataStorage.set(el, { callback: data.callback, isEnabled });
   },
@@ -23814,14 +23695,10 @@ const outClick = {
 function tooltip(el, { value, modifiers: modifiers2 }) {
   const options = typeof value === "string" ? { text: value } : value;
   const { text, hotkey } = options;
-  if (text)
-    el.dataset.tooltip = text;
-  if (text && hotkey)
-    el.dataset.tooltipHotkey = hotkey;
-  if (modifiers2.xs)
-    el.dataset.tooltipSize = "xs";
-  if (modifiers2.lg)
-    el.dataset.tooltipSize = "lg";
+  if (text) el.dataset.tooltip = text;
+  if (text && hotkey) el.dataset.tooltipHotkey = hotkey;
+  if (modifiers2.xs) el.dataset.tooltipSize = "xs";
+  if (modifiers2.lg) el.dataset.tooltipSize = "lg";
 }
 const _hoisted_1$n = ["disabled"];
 const _sfc_main$I = {
@@ -23922,13 +23799,11 @@ const _sfc_main$G = {
     const props = __props;
     const source = computed(() => importIcon(props.name));
     const iconSize = computed(() => {
-      if (isNaN(Number(props.size)))
-        return props.size;
+      if (isNaN(Number(props.size))) return props.size;
       return `${props.size}px`;
     });
     const iconStyles = computed(() => {
-      if (!props.size)
-        return null;
+      if (!props.size) return null;
       return {
         "--zw-icon-width": iconSize.value,
         "--zw-icon-height": iconSize.value
@@ -23981,10 +23856,8 @@ function useNumberValue({ valueRef, digits, min: min2, max: max2, onChange }) {
   }
   const temp = useTempValue({ valueRef, format });
   function validateNumber(number) {
-    if (min2 !== null && number < min2)
-      return min2;
-    if (max2 !== null && number > max2)
-      return max2;
+    if (min2 !== null && number < min2) return min2;
+    if (max2 !== null && number > max2) return max2;
     return number;
   }
   function change(value) {
@@ -24020,8 +23893,7 @@ function useModalToggler({ onBeforeOpened, onClosed } = {}) {
   const editor = inject(InjectionTokens$1.EDITOR);
   const isOpened = ref(false);
   async function open() {
-    if (isOpened.value)
-      return;
+    if (isOpened.value) return;
     onBeforeOpened == null ? void 0 : onBeforeOpened();
     editor.commands.storeSelection();
     isOpened.value = true;
@@ -24043,8 +23915,7 @@ function useActivatedListener({ targetRef, isActiveRef, event, onEvent, options
     (_a = targetRef.value) == null ? void 0 : _a.removeEventListener(event, onEvent, options);
   }
   function updateListener() {
-    if (!targetRef.value)
-      return;
+    if (!targetRef.value) return;
     isActiveRef.value ? addListener() : removeListener();
   }
   watch(isActiveRef, updateListener);
@@ -24062,8 +23933,7 @@ function useDeselectionLock({ hostRef, isActiveRef }) {
   const editor = inject(InjectionTokens$1.EDITOR);
   const targetRef = useElementRef(hostRef);
   function onEvent(event) {
-    if (INTERACTIVE_TAGS.includes(event.target.tagName))
-      return;
+    if (INTERACTIVE_TAGS.includes(event.target.tagName)) return;
     if (editor.isFocused) {
       event.stopPropagation();
       event.preventDefault();
@@ -24081,8 +23951,7 @@ const SCROLL_VIEW = Symbol("scrollView");
 function useScrollView() {
   const scrollerRef = inject(SCROLL_VIEW);
   function scrollToElement(element, { offset: offset2 } = {}) {
-    if (!scrollerRef.value)
-      return;
+    if (!scrollerRef.value) return;
     const rootRect = scrollerRef.value.getBoundingClientRect();
     const elementRect = element.getBoundingClientRect();
     const position = elementRect.top - rootRect.top;
@@ -24375,8 +24244,7 @@ function getSideList(side, isStart, rtl) {
   switch (side) {
     case "top":
     case "bottom":
-      if (rtl)
-        return isStart ? rl : lr;
+      if (rtl) return isStart ? rl : lr;
       return isStart ? lr : rl;
     case "left":
     case "right":
@@ -24971,8 +24839,7 @@ function getContainingBlock(element) {
   return null;
 }
 function isWebKit() {
-  if (typeof CSS === "undefined" || !CSS.supports)
-    return false;
+  if (typeof CSS === "undefined" || !CSS.supports) return false;
   return CSS.supports("-webkit-backdrop-filter", "none");
 }
 function isLastTraversableNode(node) {
@@ -25756,10 +25623,8 @@ const _sfc_main$B = {
     const floatingRef = ref(null);
     const referenceRef = toRef(props, "referenceRef");
     const flipMiddleware = computed(() => {
-      if (!props.placementFlip)
-        return null;
-      if (typeof props.placementFlip === "boolean")
-        return flip();
+      if (!props.placementFlip) return null;
+      if (typeof props.placementFlip === "boolean") return flip();
       return flip({ fallbackPlacements: props.placementFlip });
     });
     const middlewares = computed(() => [
@@ -25861,8 +25726,7 @@ const _sfc_main$A = {
     });
     if (props.focusFirstControl) {
       watch(toRef(toggler, "isOpened"), async (_, wasOpened) => {
-        if (wasOpened)
-          return;
+        if (wasOpened) return;
         await nextTick();
         const focusableEl = hostEl.value.querySelector(':where(a, button, input):not(:disabled, [data-initial-focus="false"])');
         (focusableEl || hostEl.value).focus();
@@ -26006,10 +25870,8 @@ const InjectionTokens = Object.freeze({
 function useActiveOptionManager({ optionsRef, inputRef, stateless, onChange }) {
   const activeOption = ref(null);
   function activateOption(option, { emitEvent } = {}) {
-    if (!stateless)
-      activeOption.value = option;
-    if (emitEvent !== false)
-      onChange(option);
+    if (!stateless) activeOption.value = option;
+    if (emitEvent !== false) onChange(option);
   }
   function activateById(id, params) {
     const option = optionsRef.value.flatMap((option2) => option2.options || option2).find((option2) => option2.id === id);
@@ -26321,8 +26183,7 @@ function usePickerApi({ pickerRef, colorRef, onChange, onClosed, onBeforeOpened
     isOpened.value ? close2() : open();
   }
   function triggerChange(color) {
-    if (isOpened.value)
-      onChange(color);
+    if (isOpened.value) onChange(color);
   }
   function cancel() {
     var _a;
@@ -26345,8 +26206,7 @@ function usePickerApi({ pickerRef, colorRef, onChange, onClosed, onBeforeOpened
 }
 function usePickerHotkeys({ isOpenedRef, onCancel, onApply }) {
   function useHotkey(event, handler) {
-    if (event.target.closest("input"))
-      return;
+    if (event.target.closest("input")) return;
     event.stopImmediatePropagation();
     event.preventDefault();
     handler();
@@ -27216,10 +27076,8 @@ function useLink() {
     if (currentDestination.value.id === LinkDestinations.URL) {
       const url = destinationHrefs.value.url;
       const isTelOrMail = RegExps.TEL_PROTOCOL.test(url) || RegExps.MAILTO_PROTOCOL.test(url);
-      if (isTelOrMail)
-        return url;
-      if (url.startsWith("/"))
-        return url;
+      if (isTelOrMail) return url;
+      if (url.startsWith("/")) return url;
       const hasProtocol = RegExps.HTTPS_PROTOCOL.test(url);
       return hasProtocol ? url : `https://${url}`;
     }
@@ -27370,8 +27228,7 @@ const _sfc_main$9 = {
     const changeDestination = (value) => {
       emit("reset-errors");
       link.value.currentDestination.value.id = value;
-      if (!isURLDestination.value)
-        link.value.target = LinkTargets.SELF;
+      if (!isURLDestination.value) link.value.target = LinkTargets.SELF;
       link.value.destinationHrefs.value.url = "";
     };
     const updateLink = (value) => {
@@ -27430,14 +27287,11 @@ const _sfc_main$8 = {
       return link.linkData.value.text ? false : "Can't be empty";
     };
     const isValidUrl = () => {
-      if (link.currentDestination.value.id !== LinkDestinations.URL)
-        return false;
+      if (link.currentDestination.value.id !== LinkDestinations.URL) return false;
       const href = link.destinationHrefs.value.url;
       const isTelOrMail = RegExps.TEL_PROTOCOL.test(href) || RegExps.MAILTO_PROTOCOL.test(href);
-      if (isTelOrMail)
-        return false;
-      if (href.startsWith("/"))
-        return false;
+      if (isTelOrMail) return false;
+      if (href.startsWith("/")) return false;
       const isUrl = RegExps.URL.test(href);
       return isUrl ? false : "Please enter a valid URL";
     };
@@ -27467,8 +27321,7 @@ const _sfc_main$8 = {
     const applyLink = () => {
       urlValidator.validate();
       nameValidator.validate();
-      if (urlValidator.error.value || nameValidator.error.value)
-        return;
+      if (urlValidator.error.value || nameValidator.error.value) return;
       link.apply();
       toggler.close();
       link.resetDestinations();
@@ -27953,8 +27806,7 @@ const _sfc_main$1 = {
     }));
     const props = __props;
     const layoutComponent = computed(() => {
-      if (props.popupMode)
-        return _sfc_main$3;
+      if (props.popupMode) return _sfc_main$3;
       return props.device === Devices.MOBILE ? _sfc_main$4 : _sfc_main$5;
     });
     return (_ctx, _cache) => {