@zipify/wysiwyg 4.1.0 → 4.2.0

package/dist/wysiwyg.mjs

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return 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 } from "vue";
+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";
 function OrderedMap(content) {
   this.content = content;
@@ -10625,7 +10625,7 @@ var base = {
   221: "]",
   222: "'"
 };
-var shift$1 = {
+var shift$2 = {
   48: ")",
   49: "!",
   50: "@",
@@ -10661,14 +10661,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$1[i] = String.fromCharCode(i);
+  shift$2[i] = String.fromCharCode(i);
 }
 for (var code in base)
-  if (!shift$1.hasOwnProperty(code))
-    shift$1[code] = base[code];
+  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$1 : base)[event.keyCode] || 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")
@@ -15473,7 +15473,7 @@ function getExpandedFallbackPlacements(placement) {
   var oppositePlacement = getOppositePlacement$1(placement);
   return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
 }
-function flip$1(_ref) {
+function flip$2(_ref) {
   var state = _ref.state, options = _ref.options, name = _ref.name;
   if (state.modifiersData[name]._skip) {
     return;
@@ -15560,11 +15560,11 @@ function flip$1(_ref) {
     state.reset = true;
   }
 }
-const flip$2 = {
+const flip$3 = {
   name: "flip",
   enabled: true,
   phase: "main",
-  fn: flip$1,
+  fn: flip$2,
   requiresIfExists: ["offset"],
   data: {
     _skip: false
@@ -16024,7 +16024,7 @@ function popperGenerator(generatorOptions) {
     return instance;
   };
 }
-var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$2, flip$2, preventOverflow$1, arrow$1, hide$1];
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$2, flip$3, preventOverflow$1, arrow$1, hide$1];
 var createPopper = /* @__PURE__ */ popperGenerator({
   defaultModifiers
 });
@@ -20141,20 +20141,20 @@ function stackHas$1(key) {
   return this.__data__.has(key);
 }
 var _stackHas = stackHas$1;
-var freeGlobal$3 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-var _freeGlobal = freeGlobal$3;
-var freeGlobal$2 = _freeGlobal;
+var freeGlobal$2 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var _freeGlobal = freeGlobal$2;
+var freeGlobal$1 = _freeGlobal;
 var freeSelf$1 = typeof self == "object" && self && self.Object === Object && self;
-var root$a = freeGlobal$2 || freeSelf$1 || Function("return this")();
-var _root = root$a;
-var root$9 = _root;
-var Symbol$7 = root$9.Symbol;
-var _Symbol = Symbol$7;
-var Symbol$6 = _Symbol;
+var root$9 = freeGlobal$1 || freeSelf$1 || Function("return this")();
+var _root = root$9;
+var root$8 = _root;
+var Symbol$6 = root$8.Symbol;
+var _Symbol = Symbol$6;
+var Symbol$5 = _Symbol;
 var objectProto$g = Object.prototype;
 var hasOwnProperty$c = objectProto$g.hasOwnProperty;
 var nativeObjectToString$3 = objectProto$g.toString;
-var symToStringTag$3 = Symbol$6 ? Symbol$6.toStringTag : void 0;
+var symToStringTag$3 = Symbol$5 ? Symbol$5.toStringTag : void 0;
 function getRawTag$2(value) {
   var isOwn = hasOwnProperty$c.call(value, symToStringTag$3), tag = value[symToStringTag$3];
   try {
@@ -20179,9 +20179,9 @@ function objectToString$2(value) {
   return nativeObjectToString$2.call(value);
 }
 var _objectToString = objectToString$2;
-var Symbol$5 = _Symbol, getRawTag$1 = _getRawTag, objectToString$1 = _objectToString;
+var Symbol$4 = _Symbol, getRawTag$1 = _getRawTag, objectToString$1 = _objectToString;
 var nullTag$1 = "[object Null]", undefinedTag$1 = "[object Undefined]";
-var symToStringTag$2 = Symbol$5 ? Symbol$5.toStringTag : void 0;
+var symToStringTag$2 = Symbol$4 ? Symbol$4.toStringTag : void 0;
 function baseGetTag$5(value) {
   if (value == null) {
     return value === void 0 ? undefinedTag$1 : nullTag$1;
@@ -20204,8 +20204,8 @@ function isFunction$2(value) {
   return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
 }
 var isFunction_1 = isFunction$2;
-var root$8 = _root;
-var coreJsData$1 = root$8["__core-js_shared__"];
+var root$7 = _root;
+var coreJsData$1 = root$7["__core-js_shared__"];
 var _coreJsData = coreJsData$1;
 var coreJsData = _coreJsData;
 var maskSrcKey = function() {
@@ -20259,8 +20259,8 @@ function getNative$7(object, key) {
   return baseIsNative(value) ? value : void 0;
 }
 var _getNative = getNative$7;
-var getNative$6 = _getNative, root$7 = _root;
-var Map$4 = getNative$6(root$7, "Map");
+var getNative$6 = _getNative, root$6 = _root;
+var Map$4 = getNative$6(root$6, "Map");
 var _Map = Map$4;
 var getNative$5 = _getNative;
 var nativeCreate$4 = getNative$5(Object, "create");
@@ -20781,17 +20781,17 @@ function getAllKeysIn$1(object) {
   return baseGetAllKeys(object, keysIn$1, getSymbolsIn);
 }
 var _getAllKeysIn = getAllKeysIn$1;
-var getNative$3 = _getNative, root$6 = _root;
-var DataView$1 = getNative$3(root$6, "DataView");
+var getNative$3 = _getNative, root$5 = _root;
+var DataView$1 = getNative$3(root$5, "DataView");
 var _DataView = DataView$1;
-var getNative$2 = _getNative, root$5 = _root;
-var Promise$2 = getNative$2(root$5, "Promise");
+var getNative$2 = _getNative, root$4 = _root;
+var Promise$2 = getNative$2(root$4, "Promise");
 var _Promise = Promise$2;
-var getNative$1 = _getNative, root$4 = _root;
-var Set$2 = getNative$1(root$4, "Set");
+var getNative$1 = _getNative, root$3 = _root;
+var Set$2 = getNative$1(root$3, "Set");
 var _Set = Set$2;
-var getNative = _getNative, root$3 = _root;
-var WeakMap$2 = getNative(root$3, "WeakMap");
+var getNative = _getNative, root$2 = _root;
+var WeakMap$2 = getNative(root$2, "WeakMap");
 var _WeakMap = WeakMap$2;
 var DataView = _DataView, Map$1 = _Map, Promise$1 = _Promise, Set$1 = _Set, WeakMap$1 = _WeakMap, baseGetTag$1 = _baseGetTag, toSource = _toSource;
 var mapTag$4 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$4 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
@@ -20830,8 +20830,8 @@ function initCloneArray$1(array) {
   return result;
 }
 var _initCloneArray = initCloneArray$1;
-var root$2 = _root;
-var Uint8Array$2 = root$2.Uint8Array;
+var root$1 = _root;
+var Uint8Array$2 = root$1.Uint8Array;
 var _Uint8Array = Uint8Array$2;
 var Uint8Array$1 = _Uint8Array;
 function cloneArrayBuffer$3(arrayBuffer) {
@@ -20853,8 +20853,8 @@ function cloneRegExp$1(regexp) {
   return result;
 }
 var _cloneRegExp = cloneRegExp$1;
-var Symbol$4 = _Symbol;
-var symbolProto$1 = Symbol$4 ? Symbol$4.prototype : void 0, symbolValueOf$1 = symbolProto$1 ? symbolProto$1.valueOf : void 0;
+var Symbol$3 = _Symbol;
+var symbolProto$1 = Symbol$3 ? Symbol$3.prototype : void 0, symbolValueOf$1 = symbolProto$1 ? symbolProto$1.valueOf : void 0;
 function cloneSymbol$1(symbol) {
   return symbolValueOf$1 ? Object(symbolValueOf$1.call(symbol)) : {};
 }
@@ -23204,11 +23204,11 @@ function setToArray$1(set) {
   return result;
 }
 var _setToArray = setToArray$1;
-var Symbol$3 = _Symbol, Uint8Array2 = _Uint8Array, eq = eq_1, equalArrays$1 = _equalArrays, mapToArray = _mapToArray, setToArray = _setToArray;
+var Symbol$2 = _Symbol, Uint8Array2 = _Uint8Array, eq = eq_1, equalArrays$1 = _equalArrays, mapToArray = _mapToArray, setToArray = _setToArray;
 var COMPARE_PARTIAL_FLAG$2 = 1, COMPARE_UNORDERED_FLAG = 2;
 var boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", mapTag = "[object Map]", numberTag = "[object Number]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag$1 = "[object Symbol]";
 var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]";
-var symbolProto = Symbol$3 ? Symbol$3.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
+var symbolProto = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
 function equalByTag$1(object, other, tag, bitmask, customizer, equalFunc, stack) {
   switch (tag) {
     case dataViewTag:
@@ -23956,16 +23956,13 @@ var canUseDOM = !!(typeof window !== "undefined" && window.document && window.do
 var canUseDom = canUseDOM;
 const canUseDOM$1 = /* @__PURE__ */ getDefaultExportFromCjs(canUseDom);
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
-const freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-var root = freeGlobal$1 || freeSelf || Function("return this")();
-const root$1 = root;
-var Symbol$1 = root$1.Symbol;
-const Symbol$2 = Symbol$1;
+var root = freeGlobal || freeSelf || Function("return this")();
+var Symbol$1 = root.Symbol;
 var objectProto$1 = Object.prototype;
 var hasOwnProperty = objectProto$1.hasOwnProperty;
 var nativeObjectToString$1 = objectProto$1.toString;
-var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
+var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : void 0;
 function getRawTag(value) {
   var isOwn = hasOwnProperty.call(value, symToStringTag$1), tag = value[symToStringTag$1];
   try {
@@ -23989,7 +23986,7 @@ function objectToString(value) {
   return nativeObjectToString.call(value);
 }
 var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
+var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0;
 function baseGetTag(value) {
   if (value == null) {
     return value === void 0 ? undefinedTag : nullTag;
@@ -24042,9 +24039,8 @@ function toNumber(value) {
   return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
 }
 var now = function() {
-  return root$1.Date.now();
+  return root.Date.now();
 };
-const now$1 = now;
 var FUNC_ERROR_TEXT$1 = "Expected a function";
 var nativeMax = Math.max, nativeMin = Math.min;
 function debounce(func, wait, options) {
@@ -24080,7 +24076,7 @@ function debounce(func, wait, options) {
     return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
   }
   function timerExpired() {
-    var time = now$1();
+    var time = now();
     if (shouldInvoke(time)) {
       return trailingEdge(time);
     }
@@ -24102,10 +24098,10 @@ function debounce(func, wait, options) {
     lastArgs = lastCallTime = lastThis = timerId = void 0;
   }
   function flush() {
-    return timerId === void 0 ? result : trailingEdge(now$1());
+    return timerId === void 0 ? result : trailingEdge(now());
   }
   function debounced() {
-    var time = now$1(), isInvoking = shouldInvoke(time);
+    var time = now(), isInvoking = shouldInvoke(time);
     lastArgs = arguments;
     lastThis = this;
     lastCallTime = time;
@@ -25650,7 +25646,6 @@ const computePosition$1 = async (reference2, floating, config) => {
         } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
       }
       i = -1;
-      continue;
     }
   }
   return {
@@ -25704,6 +25699,7 @@ async function detectOverflow(state, options) {
     y: 1
   };
   const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
     rect,
     offsetParent,
     strategy
@@ -25715,7 +25711,7 @@ async function detectOverflow(state, options) {
     right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
   };
 }
-const flip = function(options) {
+const flip$1 = function(options) {
   if (options === void 0) {
     options = {};
   }
@@ -25855,20 +25851,29 @@ const offset = function(options) {
     name: "offset",
     options,
     async fn(state) {
+      var _middlewareData$offse, _middlewareData$arrow;
       const {
         x,
-        y
+        y,
+        placement,
+        middlewareData
       } = state;
       const diffCoords = await convertValueToCoords(state, options);
+      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
       return {
         x: x + diffCoords.x,
         y: y + diffCoords.y,
-        data: diffCoords
+        data: {
+          ...diffCoords,
+          placement
+        }
       };
     }
   };
 };
-const shift = function(options) {
+const shift$1 = function(options) {
   if (options === void 0) {
     options = {};
   }
@@ -25936,7 +25941,7 @@ const shift = function(options) {
     }
   };
 };
-const limitShift = function(options) {
+const limitShift$1 = function(options) {
   if (options === void 0) {
     options = {};
   }
@@ -26009,7 +26014,7 @@ function getNodeName(node) {
 }
 function getWindow(node) {
   var _node$ownerDocument;
-  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
 function getDocumentElement(node) {
   var _ref;
@@ -26212,8 +26217,9 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   if (domElement) {
     const win = getWindow(domElement);
     const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
-    let currentIFrame = win.frameElement;
-    while (currentIFrame && offsetParent && offsetWin !== win) {
+    let currentWin = win;
+    let currentIFrame = currentWin.frameElement;
+    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
       const css = getComputedStyle$1(currentIFrame);
@@ -26225,7 +26231,8 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       height *= iframeScale.y;
       x += left2;
       y += top2;
-      currentIFrame = getWindow(currentIFrame).frameElement;
+      currentWin = getWindow(currentIFrame);
+      currentIFrame = currentWin.frameElement;
     }
   }
   return rectToClientRect({
@@ -26235,15 +26242,27 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     y
   });
 }
+const topLayerSelectors = [":popover-open", ":modal"];
+function isTopLayer(floating) {
+  return topLayerSelectors.some((selector) => {
+    try {
+      return floating.matches(selector);
+    } catch (e) {
+      return false;
+    }
+  });
+}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
+    elements,
     rect,
     offsetParent,
     strategy
   } = _ref;
-  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const isFixed = strategy === "fixed";
   const documentElement = getDocumentElement(offsetParent);
-  if (offsetParent === documentElement) {
+  const topLayer = elements ? isTopLayer(elements.floating) : false;
+  if (offsetParent === documentElement || topLayer && isFixed) {
     return rect;
   }
   let scroll = {
@@ -26252,7 +26271,8 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   };
   let scale = createCoords(1);
   const offsets = createCoords(0);
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
@@ -26411,7 +26431,14 @@ function getClippingRect(_ref) {
   };
 }
 function getDimensions(element) {
-  return getCssDimensions(element);
+  const {
+    width,
+    height
+  } = getCssDimensions(element);
+  return {
+    width,
+    height
+  };
 }
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   const isOffsetParentAnElement = isHTMLElement(offsetParent);
@@ -26435,9 +26462,11 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = getWindowScrollBarX(documentElement);
     }
   }
+  const x = rect.left + scroll.scrollLeft - offsets.x;
+  const y = rect.top + scroll.scrollTop - offsets.y;
   return {
-    x: rect.left + scroll.scrollLeft - offsets.x,
-    y: rect.top + scroll.scrollTop - offsets.y,
+    x,
+    y,
     width: rect.width,
     height: rect.height
   };
@@ -26453,7 +26482,7 @@ function getTrueOffsetParent(element, polyfill) {
 }
 function getOffsetParent(element, polyfill) {
   const window2 = getWindow(element);
-  if (!isHTMLElement(element)) {
+  if (!isHTMLElement(element) || isTopLayer(element)) {
     return window2;
   }
   let offsetParent = getTrueOffsetParent(element, polyfill);
@@ -26465,20 +26494,15 @@ function getOffsetParent(element, polyfill) {
   }
   return offsetParent || getContainingBlock(element) || window2;
 }
-const getElementRects = async function(_ref) {
-  let {
-    reference: reference2,
-    floating,
-    strategy
-  } = _ref;
+const getElementRects = async function(data) {
   const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
   const getDimensionsFn = this.getDimensions;
   return {
-    reference: getRectRelativeToOffsetParent(reference2, await getOffsetParentFn(floating), strategy),
+    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
     floating: {
       x: 0,
       y: 0,
-      ...await getDimensionsFn(floating)
+      ...await getDimensionsFn(data.floating)
     }
   };
 };
@@ -26502,8 +26526,9 @@ function observeMove(element, onMove) {
   let timeoutId;
   const root2 = getDocumentElement(element);
   function cleanup() {
+    var _io;
     clearTimeout(timeoutId);
-    io && io.disconnect();
+    (_io = io) == null || _io.disconnect();
     io = null;
   }
   function refresh(skip, threshold) {
@@ -26595,7 +26620,8 @@ function autoUpdate(reference2, floating, update, options) {
         resizeObserver.unobserve(floating);
         cancelAnimationFrame(reobserveFrame);
         reobserveFrame = requestAnimationFrame(() => {
-          resizeObserver && resizeObserver.observe(floating);
+          var _resizeObserver;
+          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
         });
       }
       update();
@@ -26620,18 +26646,22 @@ function autoUpdate(reference2, floating, update, options) {
   }
   update();
   return () => {
+    var _resizeObserver2;
     ancestors.forEach((ancestor) => {
       ancestorScroll && ancestor.removeEventListener("scroll", update);
       ancestorResize && ancestor.removeEventListener("resize", update);
     });
-    cleanupIo && cleanupIo();
-    resizeObserver && resizeObserver.disconnect();
+    cleanupIo == null || cleanupIo();
+    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
     resizeObserver = null;
     if (animationFrame) {
       cancelAnimationFrame(frameId);
     }
   };
 }
+const shift = shift$1;
+const flip = flip$1;
+const limitShift = limitShift$1;
 const computePosition = (reference2, floating, options) => {
   const cache = /* @__PURE__ */ new Map();
   const mergedOptions = {
@@ -26647,9 +26677,15 @@ const computePosition = (reference2, floating, options) => {
     platform: platformWithCache
   });
 };
-function unwrapElement(element) {
-  var _$el;
-  return (_$el = element == null ? void 0 : element.$el) != null ? _$el : element;
+function isComponentPublicInstance(target) {
+  return target != null && typeof target === "object" && "$el" in target;
+}
+function unwrapElement(target) {
+  if (isComponentPublicInstance(target)) {
+    const element = target.$el;
+    return isNode(element) && getNodeName(element) === "#comment" ? null : element;
+  }
+  return target;
 }
 function getDPR(element) {
   if (typeof window === "undefined") {
@@ -26945,12 +26981,12 @@ const _sfc_main$A = {
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], void 0, true),
+            ]),
             _: 3
           }, 8, ["reference-ref", "placement", "placement-strategy", "placement-flip", "offsets"])), [
             [unref(outClick), unref(toggler).close]
           ]) : createCommentVNode("", true)
-        ], void 0, true),
+        ]),
         _: 3
       });
     };
@@ -27140,7 +27176,7 @@ const _sfc_main$x = {
               size: "8px",
               "auto-color": ""
             })
-          ], void 0, true),
+          ]),
           _: 1
         }, 8, ["class", "active", "onClick"])
       ], true);
@@ -27193,7 +27229,7 @@ const _sfc_main$w = {
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(unref(optionTitle)), 1)
           ], true)
-        ], void 0, true),
+        ]),
         _: 3
       }, 8, ["class"]);
     };
@@ -27274,7 +27310,7 @@ const _sfc_main$t = {
               ], 64);
             }), 256))
           ])
-        ], void 0, true),
+        ]),
         _: 3
       });
     };
@@ -27350,7 +27386,7 @@ const _sfc_main$s = {
               ]),
               _: 3
             }, 8, ["options"])
-          ], void 0, true),
+          ]),
           _: 3
         }, 8, ["max-width", "toggler", "reference-ref"])
       ], 512);
@@ -27555,7 +27591,7 @@ const _sfc_main$q = {
             default: withCtx(() => [
               createTextVNode(toDisplayString(option.id) + " ", 1),
               option.isDefault ? (openBlock(), createElementBlock("span", _hoisted_1$b, "(Default)")) : createCommentVNode("", true)
-            ], void 0, true),
+            ]),
             _: 2
           }, 1032, ["option", "style"])), [
             [unref(tooltip), option.id]
@@ -27604,7 +27640,7 @@ const _sfc_main$p = {
             default: withCtx(() => [
               createTextVNode(toDisplayString(option.id) + " ", 1),
               option.isDefault ? (openBlock(), createElementBlock("span", _hoisted_1$a, "(Default)")) : createCommentVNode("", true)
-            ], void 0, true),
+            ]),
             _: 2
           }, 1032, ["option"])), [
             [unref(tooltip), option.id]
@@ -27654,7 +27690,7 @@ const _sfc_main$o = {
             default: withCtx(() => [
               createTextVNode(toDisplayString(option.title) + " ", 1),
               option.isDefault ? (openBlock(), createElementBlock("span", _hoisted_1$9, "(Default)")) : createCommentVNode("", true)
-            ], void 0, true),
+            ]),
             _: 2
           }, 1032, ["option"])), [
             [unref(tooltip), option.id]
@@ -27707,7 +27743,7 @@ const _sfc_main$n = {
                   { lg: true }
                 ]
               ]) : createCommentVNode("", true)
-            ], void 0, true),
+            ]),
             _: 2
           }, 1032, ["active", "onClick"])), [
             [unref(tooltip), "Font Color"]
@@ -27742,7 +27778,7 @@ const _sfc_main$m = {
                 size: "28px",
                 "auto-color": ""
               })
-            ], void 0, true),
+            ]),
             _: 2
           }, 1032, ["active", "onClick"])), [
             [unref(tooltip), "Background Color"]
@@ -27789,7 +27825,7 @@ const _sfc_main$l = {
               { lg: true }
             ]
           ]) : createCommentVNode("", true)
-        ], void 0, true),
+        ]),
         _: 1
       }, 8, ["active", "disabled"])), [
         [unref(tooltip), { text: "Italic", hotkey: "Mod I" }]
@@ -27831,7 +27867,7 @@ const _sfc_main$k = {
               { lg: true }
             ]
           ]) : createCommentVNode("", true)
-        ], void 0, true),
+        ]),
         _: 1
       }, 8, ["active"])), [
         [unref(tooltip), { text: "Underline", hotkey: "Mod U" }]
@@ -27858,7 +27894,7 @@ const _sfc_main$j = {
             size: "28px",
             "auto-color": ""
           })
-        ], void 0, true),
+        ]),
         _: 1
       }, 8, ["active"])), [
         [unref(tooltip), "Strikethrough"]
@@ -27885,7 +27921,7 @@ const _sfc_main$i = {
             size: "28px",
             "auto-color": ""
           })
-        ], void 0, true),
+        ]),
         _: 1
       }, 8, ["active"])), [
         [unref(tooltip), "Superscript"]
@@ -27921,7 +27957,7 @@ const _sfc_main$h = {
                 size: "28px",
                 "auto-color": ""
               })
-            ], void 0, true),
+            ]),
             _: 2
           }, 1032, ["active", "onClick"])), [
             [unref(tooltip), "Case Styles"]
@@ -27996,7 +28032,7 @@ const _sfc_main$g = {
                 size: "28px",
                 "auto-color": ""
               }, null, 8, ["name"])
-            ], void 0, true),
+            ]),
             _: 2
           }, 1032, ["active", "onClick"])), [
             [unref(tooltip), option.tooltip]
@@ -28049,7 +28085,7 @@ const _sfc_main$f = {
                 { lg: true }
               ]
             ]) : createCommentVNode("", true)
-          ], void 0, true),
+          ]),
           _: 1
         }, 8, ["active", "onClick"])), [
           [unref(tooltip), "Line Height"]
@@ -28066,7 +28102,7 @@ const _sfc_main$f = {
             }, {
               default: withCtx(() => [
                 createTextVNode(" Line Height ")
-              ], void 0, true),
+              ]),
               _: 1
             }),
             createElementVNode("div", _hoisted_2$2, [
@@ -28088,7 +28124,7 @@ const _sfc_main$f = {
                 onInput: apply2
               }, null, 8, ["value"])
             ])
-          ], void 0, true),
+          ]),
           _: 1
         }, 8, ["toggler", "reference-ref"])
       ], 512);
@@ -28129,7 +28165,7 @@ const _sfc_main$e = {
               size: "28px",
               "auto-color": ""
             }, null, 8, ["name"])
-          ], void 0, true),
+          ]),
           _: 1
         }, 8, ["active"])), [
           [unref(tooltip), "Bullets"]
@@ -28153,7 +28189,7 @@ const _sfc_main$e = {
                   size: "8px",
                   "auto-color": ""
                 })
-              ], void 0, true),
+              ]),
               _: 2
             }, 1032, ["active", "onClick"])), [
               [unref(tooltip), "Bullet Styles"]
@@ -28170,7 +28206,7 @@ const _sfc_main$e = {
                   size: "28px",
                   "auto-color": ""
                 }, null, 8, ["name"])
-              ], void 0, true),
+              ]),
               _: 2
             }, 1032, ["option"])
           ]),
@@ -28198,7 +28234,7 @@ const _sfc_main$d = {
             size: "28px",
             "auto-color": ""
           })
-        ], void 0, true),
+        ]),
         _: 1
       })), [
         [unref(tooltip), "Remove Styles"]
@@ -28240,7 +28276,7 @@ const _sfc_main$c = {
               "auto-color": ""
             }),
             createTextVNode(" Remove ")
-          ], void 0, true),
+          ]),
           _: 1
         }, 8, ["disabled"])
       ]);
@@ -28339,7 +28375,7 @@ const _sfc_main$b = {
         }, {
           default: withCtx(() => [
             createTextVNode(" Select section ")
-          ], void 0, true),
+          ]),
           _: 1
         }),
         createVNode(unref(Dropdown), {
@@ -28440,7 +28476,7 @@ const _sfc_main$9 = {
         createVNode(unref(FieldLabel), { class: "zw-margin-bottom--xxs" }, {
           default: withCtx(() => [
             createTextVNode(" Destination ")
-          ], void 0, true),
+          ]),
           _: 1
         }),
         createVNode(unref(Dropdown), {
@@ -28552,7 +28588,7 @@ const _sfc_main$8 = {
               size: "28px",
               "auto-color": ""
             })
-          ], void 0, true),
+          ]),
           _: 1
         }, 8, ["active", "onClick"])), [
           [unref(tooltip), "Link"]
@@ -28592,7 +28628,7 @@ const _sfc_main$8 = {
                 }, {
                   default: withCtx(() => [
                     createTextVNode(" Cancel ")
-                  ], void 0, true),
+                  ]),
                   _: 1
                 }, 8, ["onClick"]),
                 createVNode(unref(Button), {
@@ -28601,12 +28637,12 @@ const _sfc_main$8 = {
                 }, {
                   default: withCtx(() => [
                     createTextVNode(" Save ")
-                  ], void 0, true),
+                  ]),
                   _: 1
                 })
               ])
             ], 32)
-          ], void 0, true),
+          ]),
           _: 1
         }, 8, ["toggler", "reference-ref"])
       ], 512);
@@ -28657,7 +28693,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _hoisted_1$1,
       createElementVNode("span", _hoisted_2, toDisplayString($setup.optionTitle), 1),
       createElementVNode("span", _hoisted_3, toDisplayString($setup.fontSizeTitle), 1)
-    ], void 0, true),
+    ]),
     _: 1
   }, 8, ["style", "option"]);
 }
@@ -28722,7 +28758,7 @@ const _sfc_main$6 = {
               size: "28px",
               "auto-color": ""
             })
-          ], void 0, true),
+          ]),
           _: 1
         }, 8, ["disabled"])), [
           [unref(tooltip), tooltip$1.value]
@@ -28762,10 +28798,10 @@ const _sfc_main$5 = {
               default: withCtx(() => [
                 createVNode(unref(_sfc_main$n)),
                 createVNode(unref(_sfc_main$m))
-              ], void 0, true),
+              ]),
               _: 1
             })
-          ], void 0, true),
+          ]),
           _: 1
         }),
         createVNode(unref(ToolbarDivider), { horizontal: "" }),
@@ -28778,7 +28814,7 @@ const _sfc_main$5 = {
                 createVNode(unref(_sfc_main$j)),
                 createVNode(unref(_sfc_main$i)),
                 createVNode(unref(_sfc_main$h))
-              ], void 0, true),
+              ]),
               _: 1
             }),
             createVNode(unref(ToolbarDivider), { vertical: "" }),
@@ -28792,10 +28828,10 @@ const _sfc_main$5 = {
               default: withCtx(() => [
                 createVNode(unref(LinkControl)),
                 createVNode(unref(_sfc_main$d))
-              ], void 0, true),
+              ]),
               _: 1
             })
-          ], void 0, true),
+          ]),
           _: 1
         })
       ], 64);
@@ -28814,7 +28850,7 @@ const _sfc_main$4 = {
             createVNode(unref(FontFamilyControl)),
             createVNode(unref(ToolbarDivider), { vertical: "" }),
             createVNode(unref(FontWeightControl))
-          ], void 0, true),
+          ]),
           _: 1
         }),
         createVNode(unref(ToolbarDivider), { horizontal: "" }),
@@ -28826,7 +28862,7 @@ const _sfc_main$4 = {
               default: withCtx(() => [
                 createVNode(unref(_sfc_main$n)),
                 createVNode(unref(_sfc_main$m))
-              ], void 0, true),
+              ]),
               _: 1
             }),
             createVNode(unref(ToolbarDivider), { vertical: "" }),
@@ -28837,10 +28873,10 @@ const _sfc_main$4 = {
                 createVNode(unref(_sfc_main$j)),
                 createVNode(unref(_sfc_main$i)),
                 createVNode(unref(_sfc_main$h))
-              ], void 0, true),
+              ]),
               _: 1
             })
-          ], void 0, true),
+          ]),
           _: 1
         }),
         createVNode(unref(ToolbarDivider), { horizontal: "" }),
@@ -28856,10 +28892,10 @@ const _sfc_main$4 = {
               default: withCtx(() => [
                 createVNode(unref(LinkControl)),
                 createVNode(unref(_sfc_main$d))
-              ], void 0, true),
+              ]),
               _: 1
             })
-          ], void 0, true),
+          ]),
           _: 1
         })
       ], 64);
@@ -28896,7 +28932,7 @@ const _sfc_main$3 = {
               default: withCtx(() => [
                 createVNode(unref(_sfc_main$n)),
                 createVNode(unref(_sfc_main$m))
-              ], void 0, true),
+              ]),
               _: 1
             }),
             createVNode(unref(ToolbarDivider), { vertical: "" }),
@@ -28907,10 +28943,10 @@ const _sfc_main$3 = {
                 createVNode(unref(_sfc_main$j)),
                 createVNode(unref(_sfc_main$i)),
                 createVNode(unref(_sfc_main$h))
-              ], void 0, true),
+              ]),
               _: 1
             })
-          ], void 0, true),
+          ]),
           _: 1
         }),
         createVNode(unref(ToolbarDivider), { horizontal: "" }),
@@ -28926,10 +28962,10 @@ const _sfc_main$3 = {
               default: withCtx(() => [
                 createVNode(unref(LinkControl)),
                 createVNode(unref(_sfc_main$d))
-              ], void 0, true),
+              ]),
               _: 1
             })
-          ], void 0, true),
+          ]),
           _: 1
         })
       ], 64);
@@ -29029,10 +29065,10 @@ const _sfc_main$1 = {
             }, {
               default: withCtx(() => [
                 (openBlock(), createBlock(resolveDynamicComponent(layoutComponent.value), { "ai-component": __props.aiComponent }, null, 8, ["ai-component"]))
-              ], void 0, true),
+              ]),
               _: 1
             }, 8, ["reference-ref", "offsets"])) : createCommentVNode("", true)
-          ], void 0, true),
+          ]),
           _: 1
         })
       ], 1024);
@@ -29067,12 +29103,16 @@ function useEditor({ content, onChange, extensions: extensions2, isReadonlyRef }
 }
 class Font {
   constructor({ name, category, styles }) {
+    __publicField(this, "name");
+    __publicField(this, "category");
+    __publicField(this, "styles");
+    __publicField(this, "weights");
     this.name = name;
     this.category = category;
     this.styles = styles;
-    this.weights = this._getWeights();
+    this.weights = this.getWeights();
   }
-  _getWeights() {
+  getWeights() {
     const weights = this.styles.map((style2) => style2.replace("i", ""));
     return Array.from(new Set(weights));
   }
@@ -29085,12 +29125,12 @@ class Font {
   isWeightItalicOnly(weight) {
     return this.isItalicSupported(weight) && !this.styles.includes(weight);
   }
-  findClosestWeight(searchedWeight) {
+  findClosestWeight(searchingWeight) {
     const weights = this.weights.map((weight) => parseInt(weight));
     let closestWeight;
     let closestDifferance = null;
     for (const weight of weights) {
-      const differance = Math.abs(searchedWeight - weight);
+      const differance = Math.abs(Number(searchingWeight) - weight);
       if (closestDifferance === null || differance < closestDifferance) {
         closestDifferance = differance;
         closestWeight = weight;
@@ -29101,13 +29141,9 @@ class Font {
 }
 const MIN_FONT_SIZE = 5;
 const MAX_FONT_SIZE = 112;
-const _sfc_main = {
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Wysiwyg",
-  props: {
-    modelValue: {
-      type: [String, Object],
-      required: true
-    },
+  props: /* @__PURE__ */ mergeModels({
     presets: {
       type: Array,
       required: true
@@ -29182,23 +29218,29 @@ const _sfc_main = {
       required: false,
       default: null
     }
-  },
-  emits: [
-    "update:model-value",
+  }, {
+    "modelValue": {
+      type: [String, Object],
+      required: true
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels([
     "update-favorite-colors"
-  ],
+  ], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
     ContextWindow.use(props.window);
     const fonts = props.fonts.map((font) => new Font(font));
     const wysiwygRef = ref(null);
     const wrapperRef = computed(() => wysiwygRef.value || document.body);
     const isToolbarVisible = computed(() => props.active && !props.readonly);
-    const onChange = (content) => emit("update:model-value", content);
+    const onChange = (content) => modelValue.value = content;
     const pageBlocks = toRef(props, "pageBlocks");
     const { editor, getContent } = useEditor({
-      content: toRef(props, "modelValue"),
+      content: modelValue,
       onChange,
       isReadonlyRef: toRef(props, "readonly"),
       extensions: buildExtensions({
@@ -29247,7 +29289,7 @@ const _sfc_main = {
       ], 512);
     };
   }
-};
+});
 export {
   Alignments,
   Button,