accessify-widget 0.3.10 → 0.3.11

package/dist/accessify.mjs

@@ -1,4 +1,4 @@
-import { d, i } from "./index-DxYL6cyB.js";
+import { d, i } from "./index-CK-JGSFG.js";
 export {
   d as destroy,
   i as init

package/dist/{index-DxYL6cyB.js → index-CK-JGSFG.js}

@@ -6433,14 +6433,14 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-CqsICAkU.js"),
     "text-size": () => import("./text-size-C6OFhCGi.js"),
-    "keyboard-nav": () => import("./keyboard-nav-DFuKOs8i.js"),
+    "keyboard-nav": () => import("./keyboard-nav-BK_UYLtc.js"),
     "link-highlight": () => import("./link-highlight-DBGm067Y.js"),
     "reading-guide": () => import("./reading-guide-VT8NciIL.js"),
     "reading-mask": () => import("./reading-mask-BABChuCz.js"),
     "animation-stop": () => import("./animation-stop-C0MwseK0.js"),
     "hide-images": () => import("./hide-images-B_LeCBcd.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-2bsTmvsF.js"),
+    "page-structure": () => import("./page-structure-C7f5kvRE.js"),
     tts: () => import("./tts-CjszLRnb.js"),
     "text-simplify": () => import("./text-simplify-Cvhpio7g.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -8164,10 +8164,25 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
   }
   const BADGE_ATTR = "data-accessify-badge";
   function addInfoBadge(target, altText2) {
-    target.tagName === "IMG";
-    const rect = target.getBoundingClientRect();
-    if (rect.width < 40 || rect.height < 40) return;
     if (target.getAttribute(BADGE_ATTR)) return;
+    const rect = target.getBoundingClientRect();
+    if (rect.width < 40 || rect.height < 40) {
+      if (target.tagName === "IMG") {
+        const obs = new IntersectionObserver((entries) => {
+          for (const entry of entries) {
+            if (entry.isIntersecting && entry.boundingClientRect.width >= 40) {
+              obs.disconnect();
+              if (enabled && !target.getAttribute(BADGE_ATTR)) {
+                addInfoBadge(target, altText2);
+              }
+            }
+          }
+        });
+        obs.observe(target);
+        setTimeout(() => obs.disconnect(), 3e4);
+      }
+      return;
+    }
     target.setAttribute(BADGE_ATTR, "1");
     const container = document.createElement("div");
     Object.assign(container.style, {
@@ -8418,9 +8433,12 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
         generateSingle(img);
       } else {
         const alt = img.getAttribute("alt");
-        if (alt && alt.trim() && !img.getAttribute("title")) {
-          img.setAttribute("title", alt);
-          img.setAttribute("data-accessify-title", "auto");
+        if (alt && alt.trim()) {
+          if (!img.getAttribute("title")) {
+            img.setAttribute("title", alt);
+            img.setAttribute("data-accessify-title", "auto");
+          }
+          addInfoBadge(img, alt.trim());
         }
       }
     }
@@ -8450,13 +8468,15 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     document.querySelectorAll("img").forEach((img) => {
       if (!img.complete) tryRegisterImage(img);
     });
-    setTimeout(() => {
-      if (enabled) {
-        document.querySelectorAll("img").forEach(tryRegisterImage);
-        applyTitlesToAllImages();
-        addBadgesToAllImages();
-      }
-    }, 2e3);
+    for (const delay of [2e3, 5e3, 1e4]) {
+      setTimeout(() => {
+        if (enabled) {
+          document.querySelectorAll("img").forEach(tryRegisterImage);
+          applyTitlesToAllImages();
+          addBadgesToAllImages();
+        }
+      }, delay);
+    }
     domObserver = new MutationObserver((mutations) => {
       for (const m of mutations) {
         for (const node of m.addedNodes) {
@@ -8688,4 +8708,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-DxYL6cyB.js.map
+//# sourceMappingURL=index-CK-JGSFG.js.map