@zipify/wysiwyg 4.5.0 → 4.7.0-0

package/dist/wysiwyg.mjs

@@ -1,7 +1,7 @@
 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);
-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 { 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, createTextVNode, mergeProps, normalizeProps, guardReactiveProps, withModifiers, resolveComponent, resolveDynamicComponent, KeepAlive, mergeModels, useModel } from "vue";
 import { ColorModel, ColorPicker } from "@zipify/colorpicker";
 import SimpleBar from "simplebar";
 function OrderedMap(content) {
@@ -24071,9 +24071,9 @@ const _sfc_main$D = {
 };
 const Range = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-c0059745"]]);
 const _hoisted_1$i = ["id", "disabled", "value"];
-const _hoisted_2$7 = { class: "zw-number-field__controls" };
-const _hoisted_3$3 = { class: "zw-number-field__buttons" };
-const _hoisted_4$2 = {
+const _hoisted_2$6 = { class: "zw-number-field__controls" };
+const _hoisted_3$2 = { class: "zw-number-field__buttons" };
+const _hoisted_4$1 = {
   key: 0,
   class: "zw-number-field__units"
 };
@@ -24151,8 +24151,8 @@ const _sfc_main$C = {
           value: tempValue.value,
           onChange
         }, null, 40, _hoisted_1$i),
-        createElementVNode("div", _hoisted_2$7, [
-          createElementVNode("div", _hoisted_3$3, [
+        createElementVNode("div", _hoisted_2$6, [
+          createElementVNode("div", _hoisted_3$2, [
             createVNode(unref(Button), {
               class: "zw-number-field__increment-button",
               onClick: incrementValue,
@@ -24168,7 +24168,7 @@ const _sfc_main$C = {
               type: "button"
             }, null, 8, ["disabled"])
           ]),
-          __props.units ? (openBlock(), createElementBlock("p", _hoisted_4$2, toDisplayString(__props.units), 1)) : createCommentVNode("", true)
+          __props.units ? (openBlock(), createElementBlock("p", _hoisted_4$1, toDisplayString(__props.units), 1)) : createCommentVNode("", true)
         ])
       ], 2);
     };
@@ -24286,12 +24286,21 @@ function getPaddingObject(padding) {
   };
 }
 function rectToClientRect(rect) {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = rect;
   return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
+    width,
+    height,
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y
   };
 }
 function computeCoordsFromPlacement(_ref, placement, rtl) {
@@ -24782,6 +24791,9 @@ const limitShift$1 = function(options) {
     }
   };
 };
+function hasWindow() {
+  return typeof window !== "undefined";
+}
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || "").toLowerCase();
@@ -24797,16 +24809,25 @@ function getDocumentElement(node) {
   return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
 }
 function isNode(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof Node || value instanceof getWindow(value).Node;
 }
 function isElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof Element || value instanceof getWindow(value).Element;
 }
 function isHTMLElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
 }
 function isShadowRoot(value) {
-  if (typeof ShadowRoot === "undefined") {
+  if (!hasWindow() || typeof ShadowRoot === "undefined") {
     return false;
   }
   return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
@@ -24823,9 +24844,18 @@ function isOverflowElement(element) {
 function isTableElement(element) {
   return ["table", "td", "th"].includes(getNodeName(element));
 }
-function isContainingBlock(element) {
+function isTopLayer$1(element) {
+  return [":popover-open", ":modal"].some((selector) => {
+    try {
+      return element.matches(selector);
+    } catch (e) {
+      return false;
+    }
+  });
+}
+function isContainingBlock(elementOrCss) {
   const webkit2 = isWebKit();
-  const css = getComputedStyle$1(element);
+  const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
   return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : false) || !webkit2 && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit2 && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
 }
 function getContainingBlock(element) {
@@ -24833,9 +24863,10 @@ function getContainingBlock(element) {
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
     if (isContainingBlock(currentNode)) {
       return currentNode;
-    } else {
-      currentNode = getParentNode(currentNode);
+    } else if (isTopLayer$1(currentNode)) {
+      return null;
     }
+    currentNode = getParentNode(currentNode);
   }
   return null;
 }
@@ -24857,8 +24888,8 @@ function getNodeScroll(element) {
     };
   }
   return {
-    scrollLeft: element.pageXOffset,
-    scrollTop: element.pageYOffset
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
   };
 }
 function getParentNode(node) {
@@ -24896,10 +24927,14 @@ function getOverflowAncestors(node, list, traverseIframes) {
   const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
   const win = getWindow(scrollableAncestor);
   if (isBody) {
-    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
+    const frameElement = getFrameElement(win);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
   }
   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
+function getFrameElement(win) {
+  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
 function getCssDimensions(element) {
   const css = getComputedStyle$1(element);
   let width = parseFloat(css.width) || 0;
@@ -25462,6 +25497,9 @@ function unwrapElement(target) {
   }
   return target;
 }
+function toValue(source) {
+  return typeof source === "function" ? source() : unref(source);
+}
 function getDPR(element) {
   if (typeof window === "undefined") {
     return 1;
@@ -25479,21 +25517,21 @@ function useFloating(reference2, floating, options) {
   }
   const whileElementsMountedOption = options.whileElementsMounted;
   const openOption = computed(() => {
-    var _unref;
-    return (_unref = unref(options.open)) != null ? _unref : true;
+    var _toValue;
+    return (_toValue = toValue(options.open)) != null ? _toValue : true;
   });
-  const middlewareOption = computed(() => unref(options.middleware));
+  const middlewareOption = computed(() => toValue(options.middleware));
   const placementOption = computed(() => {
-    var _unref2;
-    return (_unref2 = unref(options.placement)) != null ? _unref2 : "bottom";
+    var _toValue2;
+    return (_toValue2 = toValue(options.placement)) != null ? _toValue2 : "bottom";
   });
   const strategyOption = computed(() => {
-    var _unref3;
-    return (_unref3 = unref(options.strategy)) != null ? _unref3 : "absolute";
+    var _toValue3;
+    return (_toValue3 = toValue(options.strategy)) != null ? _toValue3 : "absolute";
   });
   const transformOption = computed(() => {
-    var _unref4;
-    return (_unref4 = unref(options.transform)) != null ? _unref4 : true;
+    var _toValue4;
+    return (_toValue4 = toValue(options.transform)) != null ? _toValue4 : true;
   });
   const referenceElement = computed(() => unwrapElement(reference2.value));
   const floatingElement = computed(() => unwrapElement(floating.value));
@@ -25534,6 +25572,7 @@ function useFloating(reference2, floating, options) {
     if (referenceElement.value == null || floatingElement.value == null) {
       return;
     }
+    const open = openOption.value;
     computePosition(referenceElement.value, floatingElement.value, {
       middleware: middlewareOption.value,
       placement: placementOption.value,
@@ -25544,7 +25583,7 @@ function useFloating(reference2, floating, options) {
       strategy.value = position.strategy;
       placement.value = position.placement;
       middlewareData.value = position.middlewareData;
-      isPositioned.value = true;
+      isPositioned.value = open !== false;
     });
   }
   function cleanup() {
@@ -25569,7 +25608,7 @@ function useFloating(reference2, floating, options) {
       isPositioned.value = false;
     }
   }
-  watch([middlewareOption, placementOption, strategyOption], update, {
+  watch([middlewareOption, placementOption, strategyOption, openOption], update, {
     flush: "sync"
   });
   watch([referenceElement, floatingElement], attach, {
@@ -25766,9 +25805,9 @@ const _sfc_main$A = {
 };
 const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-a8a4e8ea"]]);
 const _hoisted_1$h = { class: "zw-field" };
-const _hoisted_2$6 = ["for"];
-const _hoisted_3$2 = ["value", "id", "placeholder"];
-const _hoisted_4$1 = {
+const _hoisted_2$5 = ["for"];
+const _hoisted_3$1 = ["value", "id", "placeholder"];
+const _hoisted_4 = {
   key: 0,
   class: "zw-field__label--error",
   "data-test-selector": "error"
@@ -25809,7 +25848,7 @@ const _sfc_main$z = {
           class: "zw-field__label",
           for: fieldId.value,
           "data-test-selector": "label"
-        }, toDisplayString(__props.label), 9, _hoisted_2$6),
+        }, toDisplayString(__props.label), 9, _hoisted_2$5),
         createElementVNode("input", {
           class: "zw-field__input",
           type: "text",
@@ -25818,18 +25857,16 @@ const _sfc_main$z = {
           placeholder: __props.placeholder,
           onInput,
           "data-test-selector": "input"
-        }, null, 40, _hoisted_3$2),
-        __props.error ? (openBlock(), createElementBlock("p", _hoisted_4$1, toDisplayString(__props.error), 1)) : createCommentVNode("", true)
+        }, null, 40, _hoisted_3$1),
+        __props.error ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.error), 1)) : createCommentVNode("", true)
       ]);
     };
   }
 };
 const TextField = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-dfa0d6f0"]]);
-const _withScopeId$2 = (n) => (pushScopeId("data-v-94a6bca2"), n = n(), popScopeId(), n);
 const _hoisted_1$g = { class: "zw-checkbox" };
-const _hoisted_2$5 = ["checked"];
-const _hoisted_3$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "zw-checkbox__indicator zw-margin-right--xs" }, null, -1));
-const _hoisted_4 = { class: "zw-checkbox__label" };
+const _hoisted_2$4 = ["checked"];
+const _hoisted_3 = { class: "zw-checkbox__label" };
 const _sfc_main$y = {
   __name: "Checkbox",
   props: {
@@ -25855,9 +25892,9 @@ const _sfc_main$y = {
           type: "checkbox",
           checked: __props.value,
           onClick: onCheckedChanged
-        }, null, 8, _hoisted_2$5),
-        _hoisted_3$1,
-        createElementVNode("span", _hoisted_4, toDisplayString(__props.label), 1)
+        }, null, 8, _hoisted_2$4),
+        _cache[0] || (_cache[0] = createElementVNode("span", { class: "zw-checkbox__indicator zw-margin-right--xs" }, null, -1)),
+        createElementVNode("span", _hoisted_3, toDisplayString(__props.label), 1)
       ]);
     };
   }
@@ -25890,7 +25927,7 @@ function useDropdownEntityTitle(entityRef) {
   });
 }
 const _hoisted_1$f = { class: "zw-dropdown__activator-title zw-text--truncate" };
-const _hoisted_2$4 = {
+const _hoisted_2$3 = {
   key: 0,
   class: "zw-dropdown__customized-indicator",
   "data-test-selector": "customizedIndicator"
@@ -25932,7 +25969,7 @@ const _sfc_main$x = {
         }, {
           default: withCtx(() => [
             createElementVNode("span", _hoisted_1$f, toDisplayString(unref(activeOptionTitle)), 1),
-            __props.isCustomized ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$4, null, 512)), [
+            __props.isCustomized ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$3, null, 512)), [
               [
                 unref(tooltip),
                 "Style differs from Page Styles",
@@ -26007,7 +26044,7 @@ const _sfc_main$w = {
 };
 const DropdownOption = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-2e8320d2"]]);
 const _hoisted_1$e = { class: "zw-dropdown__group" };
-const _hoisted_2$3 = { class: "zw-dropdown__group-title" };
+const _hoisted_2$2 = { class: "zw-dropdown__group-title" };
 const _sfc_main$v = {
   __name: "DropdownGroup",
   props: {
@@ -26021,7 +26058,7 @@ const _sfc_main$v = {
     const groupTitle = useDropdownEntityTitle(toRef(props, "group"));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createElementVNode("p", _hoisted_2$3, toDisplayString(unref(groupTitle)), 1),
+        createElementVNode("p", _hoisted_2$2, toDisplayString(unref(groupTitle)), 1),
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.group.options, (option) => {
           return renderSlot(_ctx.$slots, "option", { option }, () => [
             createVNode(unref(DropdownOption), { option }, null, 8, ["option"])
@@ -26064,7 +26101,7 @@ const _sfc_main$t = {
                     group: option
                   }, {
                     option: withCtx((attrs) => [
-                      renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps(attrs)))
+                      renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, attrs))
                     ]),
                     _: 2
                   }, 1032, ["group"])),
@@ -26816,7 +26853,7 @@ const _hoisted_1$5 = {
   class: "zw-button__customized-indicator",
   "data-test-selector": "customizedIndicator"
 };
-const _hoisted_2$2 = { class: "zw-line-height-control__row" };
+const _hoisted_2$1 = { class: "zw-line-height-control__row" };
 const _sfc_main$f = {
   __name: "LineHeightControl",
   setup(__props) {
@@ -26868,12 +26905,12 @@ const _sfc_main$f = {
               class: "zw-margin-bottom--xs",
               "field-id": "wswg-line-height"
             }, {
-              default: withCtx(() => [
+              default: withCtx(() => _cache[0] || (_cache[0] = [
                 createTextVNode(" Line Height ")
-              ]),
+              ])),
               _: 1
             }),
-            createElementVNode("div", _hoisted_2$2, [
+            createElementVNode("div", _hoisted_2$1, [
               createVNode(unref(Range), {
                 class: "zw-line-height-control__range",
                 step: "0.1",
@@ -27016,9 +27053,7 @@ const RegExps = {
   MAILTO_PROTOCOL: /^mailto:.+$/,
   TEL_PROTOCOL: /^tel:.+$/
 };
-const _withScopeId$1 = (n) => (pushScopeId("data-v-64870ac2"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = { class: "zw-link-modal-header" };
-const _hoisted_2$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "zw-link-modal-header__title" }, " Link ", -1));
 const _sfc_main$c = {
   __name: "LinkControlHeader",
   emits: ["remove-link"],
@@ -27029,7 +27064,7 @@ const _sfc_main$c = {
     const removeLink = () => emit("remove-link");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        _hoisted_2$1,
+        _cache[1] || (_cache[1] = createElementVNode("span", { class: "zw-link-modal-header__title" }, " Link ", -1)),
         createVNode(unref(Button), {
           class: "zw-link-modal-header__unlink-button",
           disabled: !unref(isLink),
@@ -27043,7 +27078,7 @@ const _sfc_main$c = {
               size: "14px",
               "auto-color": ""
             }),
-            createTextVNode(" Remove ")
+            _cache[0] || (_cache[0] = createTextVNode(" Remove "))
           ]),
           _: 1
         }, 8, ["disabled"])
@@ -27139,9 +27174,9 @@ const _sfc_main$b = {
           class: "zw-margin-bottom--xxs",
           "field-id": "link-destination"
         }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[0] || (_cache[0] = [
             createTextVNode(" Select section ")
-          ]),
+          ])),
           _: 1
         }),
         createVNode(unref(Dropdown), {
@@ -27239,9 +27274,9 @@ const _sfc_main$9 = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createVNode(unref(FieldLabel), { class: "zw-margin-bottom--xxs" }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[0] || (_cache[0] = [
             createTextVNode(" Destination ")
-          ]),
+          ])),
           _: 1
         }),
         createVNode(unref(Dropdown), {
@@ -27387,18 +27422,18 @@ const _sfc_main$8 = {
                   skin: "secondary",
                   onClick: unref(toggler).close
                 }, {
-                  default: withCtx(() => [
+                  default: withCtx(() => _cache[0] || (_cache[0] = [
                     createTextVNode(" Cancel ")
-                  ]),
+                  ])),
                   _: 1
                 }, 8, ["onClick"]),
                 createVNode(unref(Button), {
                   type: "submit",
                   skin: "primary"
                 }, {
-                  default: withCtx(() => [
+                  default: withCtx(() => _cache[1] || (_cache[1] = [
                     createTextVNode(" Save ")
-                  ]),
+                  ])),
                   _: 1
                 })
               ])
@@ -27439,10 +27474,8 @@ const _sfc_main$7 = {
     };
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-c80fcebf"), n = n(), popScopeId(), n);
-const _hoisted_1$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "zw-style-preset-control__color" }, null, -1));
-const _hoisted_2 = { class: "zw-style-preset-control__title" };
-const _hoisted_3 = { class: "zw-style-preset-control__size" };
+const _hoisted_1$1 = { class: "zw-style-preset-control__title" };
+const _hoisted_2 = { class: "zw-style-preset-control__size" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DropdownOption = resolveComponent("DropdownOption");
   return openBlock(), createBlock(_component_DropdownOption, {
@@ -27451,9 +27484,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     option: $props.option
   }, {
     default: withCtx(() => [
-      _hoisted_1$1,
-      createElementVNode("span", _hoisted_2, toDisplayString($setup.optionTitle), 1),
-      createElementVNode("span", _hoisted_3, toDisplayString($setup.fontSizeTitle), 1)
+      _cache[0] || (_cache[0] = createElementVNode("span", { class: "zw-style-preset-control__color" }, null, -1)),
+      createElementVNode("span", _hoisted_1$1, toDisplayString($setup.optionTitle), 1),
+      createElementVNode("span", _hoisted_2, toDisplayString($setup.fontSizeTitle), 1)
     ]),
     _: 1
   }, 8, ["style", "option"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "4.5.0",
+  "version": "4.7.0-0",
   "description": "Zipify modification of TipTap text editor",
   "main": "dist/wysiwyg.mjs",
   "types": "dist/wysiwyg.d.ts",
@@ -30,10 +30,10 @@
     "lint:js": "eslint ./lib",
     "lint:css": "stylelint ./lib/**/*.{css,vue}",
     "optimize-svg": "svgo --config ./config/svgo.js",
-    "prepare": "husky install"
+    "prepare": "husky"
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.0.6",
+    "@floating-ui/vue": "^1.1.5",
     "@tiptap/core": "^2.1.13",
     "@tiptap/extension-document": "^2.1.13",
     "@tiptap/extension-heading": "^2.1.13",
@@ -44,8 +44,8 @@
     "@tiptap/extension-text": "^2.1.13",
     "@tiptap/pm": "^2.1.13",
     "@tiptap/vue-3": "^2.1.13",
-    "commander": "^12.0.0",
-    "jsdom": "^24.0.0",
+    "commander": "^12.1.0",
+    "jsdom": "^25.0.1",
     "lodash": "^4.17.21"
   },
   "peerDependencies": {
@@ -65,52 +65,52 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
-    "@babel/eslint-parser": "^7.23.10",
-    "@babel/plugin-transform-runtime": "^7.24.0",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/runtime": "^7.24.0",
+    "@babel/core": "^7.25.8",
+    "@babel/eslint-parser": "^7.25.8",
+    "@babel/plugin-transform-runtime": "^7.25.7",
+    "@babel/preset-env": "^7.25.8",
+    "@babel/runtime": "^7.25.7",
     "@optimize-lodash/rollup-plugin": "^5.0.0",
-    "@rollup/plugin-alias": "^5.1.0",
-    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-commonjs": "^28.0.0",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^5.0.7",
-    "@rushstack/eslint-patch": "^1.7.2",
-    "@types/jest": "^29.5.12",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-replace": "^6.0.1",
+    "@rushstack/eslint-patch": "^1.10.4",
+    "@types/jest": "^29.5.13",
     "@types/node": "^20.10.0",
-    "@typescript-eslint/eslint-plugin": "^7.2.0",
-    "@typescript-eslint/parser": "^7.2.0",
-    "@vitejs/plugin-vue": "^5.1.2",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vitejs/plugin-vue": "^5.1.4",
     "@vue/eslint-config-typescript": "^13.0.0",
-    "@vue/test-utils": "^2.4.5",
+    "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
     "@vue/vue3-jest": "^29.2.6",
-    "@zipify/colorpicker": "^3.2.0",
-    "@zipify/eslint-config": "^1.5.0",
+    "@zipify/colorpicker": "^3.3.0-0",
+    "@zipify/eslint-config": "^1.5.1",
     "babel-jest": "^29.7.0",
     "esbuild-jest": "^0.5.0",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^27.9.0",
-    "eslint-plugin-vue": "^9.23.0",
-    "husky": "^9.0.11",
+    "eslint-plugin-vue": "^9.29.0",
+    "husky": "^9.1.6",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.2",
-    "postcss-html": "^1.6.0",
-    "release-it": "^17.1.1",
-    "rollup": "^4.21.1",
+    "lint-staged": "^15.2.10",
+    "postcss-html": "^1.7.0",
+    "release-it": "^17.8.2",
+    "rollup": "^4.24.0",
     "rollup-plugin-esbuild": "^6.1.1",
     "rollup-plugin-esbuild-minify": "^1.1.2",
-    "simplebar": "^6.2.5",
+    "simplebar": "^6.2.7",
     "stylelint": "^14.16.1",
-    "svgo": "^3.2.0",
-    "typescript": "^5.4.2",
-    "vite": "^5.4.2",
-    "vue": "3.4.21",
-    "vue-tsc": "^2.0.6"
+    "svgo": "^3.3.2",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.8",
+    "vue": "3.5.12",
+    "vue-tsc": "^2.1.6"
   },
   "engines": {
     "node": ">=20.10.0"