accessify-widget 0.3.42 → 0.3.43

package/dist/accessify.mjs

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

package/dist/{index-lQVz5TBk.js → index-B_5fu0ZB.js}

@@ -6620,14 +6620,14 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-BcTWODsK.js"),
     "text-size": () => import("./text-size-m_mHNPWo.js"),
-    "keyboard-nav": () => import("./keyboard-nav-BqdopG_-.js"),
+    "keyboard-nav": () => import("./keyboard-nav-BABYKgnj.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-_chC8bg1.js"),
     "hide-images": () => import("./hide-images-B_LeCBcd.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-D74Eg0X5.js"),
+    "page-structure": () => import("./page-structure-BiKOV23k.js"),
     tts: () => import("./tts-CjszLRnb.js"),
     "text-simplify": () => import("./text-simplify-CK2GFhq2.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -7719,6 +7719,14 @@ function createWidgetStyles(config2) {
   return `
     :host {
       all: initial;
+      display: block !important;
+      position: fixed !important;
+      top: 0 !important; left: 0 !important;
+      width: 0 !important; height: 0 !important;
+      overflow: visible !important;
+      pointer-events: none !important;
+      z-index: ${z} !important;
+      contain: none !important;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
       font-size: 16px;
       line-height: 1.5;
@@ -7759,6 +7767,7 @@ function createWidgetStyles(config2) {
       ${isBottom ? "bottom: 20px" : "top: 20px"};
       ${isRight ? "right: 20px" : "left: 20px"};
       z-index: ${z};
+      pointer-events: auto;
       width: 56px; height: 56px;
       border: none; border-radius: 16px;
       background: ${triggerBg || "linear-gradient(135deg, #545d8f, #3d4775)"};
@@ -7789,6 +7798,7 @@ function createWidgetStyles(config2) {
       position: fixed; top: 0; bottom: 0;
       ${isRight ? "right: 0" : "left: 0"};
       z-index: ${z - 1};
+      pointer-events: auto;
       width: min(${panelW}, 100vw); height: 100vh; height: 100dvh;
       display: flex; flex-direction: column;
       border-radius: ${panelRadius};
@@ -8866,6 +8876,7 @@ async function init(userConfig = {}) {
   containerEl.id = "accessify-root";
   containerEl.setAttribute("role", "complementary");
   containerEl.setAttribute("aria-label", t("widget.title", config.lang));
+  containerEl.style.cssText = "position:fixed!important;top:0!important;left:0!important;width:0!important;height:0!important;overflow:visible!important;pointer-events:none!important;z-index:" + (config.zIndex || 999999) + "!important;display:block!important;contain:none!important;";
   const shadow = containerEl.attachShadow({ mode: "open", delegatesFocus: true });
   const sheet = new CSSStyleSheet();
   sheet.replaceSync(createWidgetStyles(config));
@@ -8965,4 +8976,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-lQVz5TBk.js.map
+//# sourceMappingURL=index-B_5fu0ZB.js.map