directix 1.6.0 → 1.8.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 /*!
- * directix v1.6.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.6.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.
@@ -2506,14 +2506,16 @@ const vFade = defineDirective({
       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";
@@ -6657,8 +6659,8 @@ const vSanitize = defineDirective({
   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);
@@ -6667,8 +6669,17 @@ const vSanitize = defineDirective({
   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);
@@ -7317,12 +7328,13 @@ const TOOLTIP_STYLES = {
 };
 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) {
@@ -7552,6 +7564,7 @@ const vTooltip = defineDirective({
         const newState = createState(newOptions);
         el.__tooltip = newState;
         setupTriggerHandlers(el, newState);
+        el.setAttribute("aria-describedby", "v-tooltip");
         if (newOptions.trigger === "manual") {
           showTooltip(el, newState);
         }
@@ -9692,7 +9705,7 @@ function useDraggable(options = {}) {
     if (!isDragging.value || 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 = unref(axis);
     if (currentAxis === "x") {
       deltaY = 0;
@@ -9704,6 +9717,7 @@ function useDraggable(options = {}) {
       deltaX = Math.round(deltaX / currentGrid[0]) * currentGrid[0];
       deltaY = Math.round(deltaY / currentGrid[1]) * currentGrid[1];
     }
+    let newX = offsetX + deltaX, newY = offsetY + deltaY;
     if (unref(constrain) || boundary) {
       const newLeft = initialLeft + deltaX;
       const newTop = initialTop + deltaY;
@@ -12190,6 +12204,7 @@ function getDistance(touches) {
   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,
@@ -12967,6 +12982,7 @@ function getAngle(touches) {
   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,