accessify-widget 0.3.13 → 0.3.15

package/dist/accessify.mjs

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

package/dist/{index-CWccrgpi.js → index-5qbCfZ0S.js}

@@ -5986,7 +5986,7 @@ const PROFILES = [
     nameKey: "profile.cognitive",
     descKey: "profile.cognitive.desc",
     iconId: "brain",
-    features: ["reading-guide", "text-size", "spacing", "dyslexia-font", "animation-stop"],
+    features: ["reading-guide", "text-size", "animation-stop", "tts"],
     featureSettings: { "text-size": 130 }
   },
   {
@@ -5994,8 +5994,7 @@ const PROFILES = [
     nameKey: "profile.seizureSafe",
     descKey: "profile.seizureSafe.desc",
     iconId: "shield",
-    features: ["animation-stop", "saturation"],
-    featureSettings: { saturation: "low" }
+    features: ["animation-stop", "hide-images"]
   },
   {
     id: "adhd-friendly",
@@ -6448,14 +6447,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-DX2xdXSe.js"),
+    "keyboard-nav": () => import("./keyboard-nav-CVsH7KMx.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-tjDPoRal.js"),
+    "page-structure": () => import("./page-structure-aKtVG7q2.js"),
     tts: () => import("./tts-CjszLRnb.js"),
     "text-simplify": () => import("./text-simplify-Cvhpio7g.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -6685,7 +6684,10 @@ function FeatureGrid($$anchor, $$props) {
         ]
       );
       delegated("click", button_1, () => setTextSize(Math.max(TEXT_SIZE_MIN, get(textSize) - TEXT_SIZE_STEP)));
-      delegated("input", input, (e) => setTextSize(Number(e.target.value)));
+      delegated("input", input, (e) => {
+        set(textSize, Number(e.target.value), true);
+      });
+      delegated("change", input, (e) => setTextSize(Number(e.target.value)));
       delegated("click", button_2, () => setTextSize(Math.min(TEXT_SIZE_MAX, get(textSize) + TEXT_SIZE_STEP)));
       append($$anchor2, div_3);
     };
@@ -6747,7 +6749,7 @@ function FeatureGrid($$anchor, $$props) {
   append($$anchor, fragment);
   pop();
 }
-delegate(["click", "input"]);
+delegate(["click", "input", "change"]);
 var root_1$1 = /* @__PURE__ */ from_html(`<span aria-hidden="true">&middot;</span> <a target="_blank" rel="noopener noreferrer"> </a>`, 1);
 var root$1 = /* @__PURE__ */ from_html(`<div class="accessify-footer"><div class="accessify-footer-links"><a target="_blank" rel="noopener noreferrer">Accessify Dashboard</a> <!></div> <button class="accessify-footer-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> <span> </span></button></div>`);
 function PanelFooter($$anchor, $$props) {
@@ -7173,7 +7175,6 @@ function WidgetApp($$anchor, $$props) {
   let activeProfileId = /* @__PURE__ */ state(null);
   let langDropdownOpen = /* @__PURE__ */ state(false);
   let panelX = /* @__PURE__ */ state(null);
-  let widgetZoom = /* @__PURE__ */ state(1);
   const PANEL_X_KEY = "accessify-panel-x";
   const textTransformService = createTextTransformService();
   const STORAGE_KEY = "accessify-prefs";
@@ -7290,20 +7291,13 @@ function WidgetApp($$anchor, $$props) {
     const action = enabled ? t("status.activated", get(widgetLang)) : t("status.deactivated", get(widgetLang));
     announce(`${name} ${action}`);
   }
-  function handleTextSize(size) {
-    const factor = size / 100;
-    set(widgetZoom, Math.min(1.35, Math.max(0.85, factor)), true);
-    const mount2 = $$props.shadow.getElementById("accessify-mount");
-    if (mount2) {
-      mount2.style.zoom = get(widgetZoom) === 1 ? "" : String(get(widgetZoom));
-    }
+  function handleTextSize(_size) {
   }
   function resetAll() {
     set(activeFeatures, /* @__PURE__ */ new Map(), true);
     set(activeProfileId, null);
     savePrefs();
     textTransformService.restore();
-    handleTextSize(100);
     window.dispatchEvent(new CustomEvent("accessify:reset"));
     announce(t("widget.resetConfirm", get(widgetLang)));
   }
@@ -7505,9 +7499,6 @@ function WidgetApp($$anchor, $$props) {
   return pop($$exports);
 }
 delegate(["click"]);
-const CHECKMARK_SVG = encodeURIComponent(
-  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>'
-);
 function createWidgetStyles(config2) {
   const pos = config2.position || "bottom-right";
   const isRight = pos.includes("right");
@@ -7533,7 +7524,7 @@ function createWidgetStyles(config2) {
     :host {
       all: initial;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-      font-size: 15px;
+      font-size: 16px;
       line-height: 1.5;
       color-scheme: dark;
     }
@@ -7850,14 +7841,6 @@ function createWidgetStyles(config2) {
     }
     .accessify-card:hover { transform: translateY(-2px); border-color: var(--border-hl); box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
     .accessify-card[data-active="true"] { border-color: var(--accent); background: var(--accent-soft); }
-    .accessify-card[data-active="true"]::after {
-      content: ''; position: absolute; top: 8px; ${isRight ? "right: 8px" : "left: 8px"};
-      width: 18px; height: 18px; border-radius: 999px; background: var(--accent);
-      mask-image: url("data:image/svg+xml,${CHECKMARK_SVG}");
-      mask-size: 10px; mask-repeat: no-repeat; mask-position: center;
-      -webkit-mask-image: url("data:image/svg+xml,${CHECKMARK_SVG}");
-      -webkit-mask-size: 10px; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;
-    }
     .accessify-card-icon {
       display: inline-flex; align-items: center; justify-content: center;
       width: 48px; height: 48px; border-radius: 14px;
@@ -8235,16 +8218,30 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     const isImg = target.tagName === "IMG";
     let anchor;
     if (isImg) {
-      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;
+      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;
+      }
     } else {
       const pos = getComputedStyle(target).position;
       if (pos === "static") target.style.position = "relative";
@@ -8761,4 +8758,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-CWccrgpi.js.map
+//# sourceMappingURL=index-5qbCfZ0S.js.map