accessify-widget 0.3.16 → 0.3.17

package/dist/accessify.mjs

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

package/dist/{index-DISuvl6x.js → index-DLZwODEh.js}

@@ -6439,14 +6439,14 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-CqsICAkU.js"),
     "text-size": () => import("./text-size-m_mHNPWo.js"),
-    "keyboard-nav": () => import("./keyboard-nav-CQ6IoNn_.js"),
+    "keyboard-nav": () => import("./keyboard-nav-BDDg0iCG.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-DOlGisQu.js"),
+    "page-structure": () => import("./page-structure-B52JJvs9.js"),
     tts: () => import("./tts-CjszLRnb.js"),
     "text-simplify": () => import("./text-simplify-Cvhpio7g.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -8209,31 +8209,17 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     target.setAttribute(BADGE_ATTR, "1");
     const isImg = target.tagName === "IMG";
     let anchor;
+    let badgeTop = "6px";
+    let badgeLeft = "6px";
     if (isImg) {
-      let container = target.parentElement;
-      while (container && container !== document.body) {
-        const cs = getComputedStyle(container);
-        if (cs.overflow === "hidden" && cs.position !== "static") {
-          break;
-        }
-        container = container.parentElement;
-      }
-      if (container && container !== document.body && container !== target.parentElement) {
-        const pos = getComputedStyle(container).position;
-        if (pos === "static") container.style.position = "relative";
-        anchor = container;
-      } else {
-        const wrapper = document.createElement("span");
-        wrapper.setAttribute(WRAPPER_ATTR, "1");
-        Object.assign(wrapper.style, {
-          position: "relative",
-          display: "inline-block",
-          lineHeight: "0"
-        });
-        target.parentElement.insertBefore(wrapper, target);
-        wrapper.appendChild(target);
-        anchor = wrapper;
-      }
+      const parent = target.parentElement;
+      if (!parent) return;
+      const parentPos = getComputedStyle(parent).position;
+      if (parentPos === "static") parent.style.position = "relative";
+      anchor = parent;
+      const imgEl = target;
+      badgeTop = `${imgEl.offsetTop + 6}px`;
+      badgeLeft = `${imgEl.offsetLeft + 6}px`;
     } else {
       const pos = getComputedStyle(target).position;
       if (pos === "static") target.style.position = "relative";
@@ -8242,8 +8228,8 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     const badge = document.createElement("span");
     Object.assign(badge.style, {
       position: "absolute",
-      top: "6px",
-      left: "6px",
+      top: badgeTop,
+      left: badgeLeft,
       width: "22px",
       height: "22px",
       borderRadius: "50%",
@@ -8269,8 +8255,8 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     Object.assign(tooltip.style, {
       display: "none",
       position: "absolute",
-      top: "32px",
-      left: "6px",
+      top: `calc(${badgeTop} + 26px)`,
+      left: badgeLeft,
       minWidth: "150px",
       maxWidth: "280px",
       padding: "6px 10px",
@@ -8301,6 +8287,8 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     anchor.appendChild(tooltip);
   }
   function removeAllBadges() {
+    document.querySelectorAll(`[${BADGE_ATTR}="badge"], [${BADGE_ATTR}="tooltip"]`).forEach((el) => el.remove());
+    document.querySelectorAll(`[${BADGE_ATTR}]`).forEach((el) => el.removeAttribute(BADGE_ATTR));
     document.querySelectorAll(`[${WRAPPER_ATTR}]`).forEach((wrapper) => {
       const img = wrapper.querySelector("img");
       if (img && wrapper.parentElement) {
@@ -8308,8 +8296,6 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
         wrapper.remove();
       }
     });
-    document.querySelectorAll(`[${BADGE_ATTR}="badge"], [${BADGE_ATTR}="tooltip"]`).forEach((el) => el.remove());
-    document.querySelectorAll(`[${BADGE_ATTR}]`).forEach((el) => el.removeAttribute(BADGE_ATTR));
   }
   function addBadgesToAllImages() {
     document.querySelectorAll("img").forEach((img) => {
@@ -8754,4 +8740,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-DISuvl6x.js.map
+//# sourceMappingURL=index-DLZwODEh.js.map