directix 1.7.0 → 1.8.0

package/dist/index.iife.js

@@ -1,5 +1,5 @@
 /*!
- * directix v1.7.0
+ * directix v1.8.0
  * A comprehensive, easy-to-use, and high-performance Vue custom directives library supporting both Vue 2 and Vue 3
  * (c) 2021-present saqqdy <https://github.com/saqqdy>
  * Released under the MIT License.
@@ -57,7 +57,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 /*!
- * directix v1.7.0
+ * directix v1.8.0
  * A comprehensive, easy-to-use, and high-performance Vue custom directives library supporting both Vue 2 and Vue 3
  * (c) 2021-present saqqdy <https://github.com/saqqdy>
  * Released under the MIT License.
@@ -2507,14 +2507,16 @@ var __async = (__this, __arguments, generator) => {
         el.style.opacity = String(options.minOpacity || 0);
         el.style.display = "";
         String(el.offsetHeight);
-        requestAnimationFrame(() => {
+        state.animationFrame = requestAnimationFrame(() => {
+          state.animationFrame = null;
           el.style.opacity = String(options.maxOpacity || 1);
           state.currentOpacity = options.maxOpacity || 1;
         });
       } else if (options.direction === "out") {
         el.style.opacity = String(options.maxOpacity || 1);
         el.style.display = "";
-        requestAnimationFrame(() => {
+        state.animationFrame = requestAnimationFrame(() => {
+          state.animationFrame = null;
           el.style.opacity = String(options.minOpacity || 0);
           setTimeout(() => {
             el.style.display = "none";
@@ -6658,8 +6660,8 @@ var __async = (__this, __arguments, generator) => {
     mounted(el, binding) {
       if (!isBrowser()) return;
       const options = normalizeOptions$e(binding.value);
-      if (options.disabled) return;
       el.__sanitize = { options };
+      if (options.disabled) return;
       const content = el.innerHTML;
       if (content) {
         el.innerHTML = sanitizeHtml(content, options);
@@ -6668,8 +6670,17 @@ var __async = (__this, __arguments, generator) => {
     updated(el, binding) {
       const state = el.__sanitize;
       if (!state) return;
+      const prevDisabled = state.options.disabled;
       state.options = normalizeOptions$e(binding.value);
-      if (state.options.disabled || !state.options.sanitizeOnUpdate) return;
+      if (state.options.disabled || !state.options.sanitizeOnUpdate) {
+        if (prevDisabled && !state.options.disabled) {
+          const content2 = el.innerHTML;
+          if (content2) {
+            el.innerHTML = sanitizeHtml(content2, state.options);
+          }
+        }
+        return;
+      }
       const content = el.innerHTML;
       if (content) {
         el.innerHTML = sanitizeHtml(content, state.options);
@@ -7318,12 +7329,13 @@ var __async = (__this, __arguments, generator) => {
   };
   let tooltipContainer = null;
   function getTooltipContainer() {
-    if (!tooltipContainer && typeof document !== "undefined") {
-      tooltipContainer = document.createElement("div");
-      tooltipContainer.id = "directix-tooltip-container";
-      tooltipContainer.style.cssText = "position: fixed; top: 0; left: 0; pointer-events: none; z-index: 9999;";
-      document.body.appendChild(tooltipContainer);
+    if (tooltipContainer && document.body.contains(tooltipContainer)) {
+      return tooltipContainer;
     }
+    tooltipContainer = document.createElement("div");
+    tooltipContainer.id = "directix-tooltip-container";
+    tooltipContainer.style.cssText = "position: fixed; top: 0; left: 0; pointer-events: none; z-index: 9999;";
+    document.body.appendChild(tooltipContainer);
     return tooltipContainer;
   }
   function createTooltip(options) {
@@ -7553,6 +7565,7 @@ var __async = (__this, __arguments, generator) => {
           const newState = createState(newOptions);
           el.__tooltip = newState;
           setupTriggerHandlers(el, newState);
+          el.setAttribute("aria-describedby", "v-tooltip");
           if (newOptions.trigger === "manual") {
             showTooltip(el, newState);
           }
@@ -9693,7 +9706,7 @@ var __async = (__this, __arguments, generator) => {
       if (!isDragging.value || vue.unref(disabled)) return;
       e.preventDefault();
       const { clientX, clientY } = getClientCoords(e);
-      let deltaX = clientX - startX, deltaY = clientY - startY, newX = offsetX + deltaX, newY = offsetY + deltaY;
+      let deltaX = clientX - startX, deltaY = clientY - startY;
       const currentAxis = vue.unref(axis);
       if (currentAxis === "x") {
         deltaY = 0;
@@ -9705,6 +9718,7 @@ var __async = (__this, __arguments, generator) => {
         deltaX = Math.round(deltaX / currentGrid[0]) * currentGrid[0];
         deltaY = Math.round(deltaY / currentGrid[1]) * currentGrid[1];
       }
+      let newX = offsetX + deltaX, newY = offsetY + deltaY;
       if (vue.unref(constrain) || boundary) {
         const newLeft = initialLeft + deltaX;
         const newTop = initialTop + deltaY;
@@ -12191,6 +12205,7 @@ var __async = (__this, __arguments, generator) => {
     return Math.sqrt(dx * dx + dy * dy);
   }
   function getCenter$1(touches) {
+    if (touches.length === 0) return { x: 0, y: 0 };
     if (touches.length < 2) return { x: touches[0].clientX, y: touches[0].clientY };
     return {
       x: (touches[0].clientX + touches[1].clientX) / 2,
@@ -12968,6 +12983,7 @@ var __async = (__this, __arguments, generator) => {
     return Math.atan2(dy, dx) * (180 / Math.PI);
   }
   function getCenter(touches) {
+    if (touches.length === 0) return { x: 0, y: 0 };
     if (touches.length < 2) return { x: touches[0].clientX, y: touches[0].clientY };
     return {
       x: (touches[0].clientX + touches[1].clientX) / 2,