accessify-widget 0.3.41 → 0.3.43

package/dist/accessify.mjs

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

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

@@ -6597,15 +6597,7 @@ function FeatureGrid($$anchor, $$props) {
       iconId: "alt-text"
     }
   };
-  const VISUAL_IDS = [
-    "keyboard-nav",
-    "link-highlight",
-    "animation-stop",
-    "hide-images",
-    "big-cursor"
-  ];
-  const READING_IDS = ["reading-guide", "reading-mask", "tts"];
-  const AI_IDS = ["text-simplify", "alt-text"];
+  const INLINE_CONTROLS = /* @__PURE__ */ new Set(["contrast", "text-size"]);
   const CONTRAST_MODES = [
     {
       id: "light",
@@ -6628,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-BY-Xbs7a.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-B4O7IdeA.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)
@@ -6669,9 +6661,6 @@ function FeatureGrid($$anchor, $$props) {
     const iconFn = icons[iconId];
     return iconFn ? iconFn() : "";
   }
-  function getVisibleFeatures(ids) {
-    return ids.filter((id) => get(visibleFeatureIds).has(id)).map((id) => FEATURE_REGISTRY[id]).filter(Boolean);
-  }
   function updateControlState(id, module) {
     if (!module) return;
     const state2 = module.getState();
@@ -6774,9 +6763,7 @@ function FeatureGrid($$anchor, $$props) {
     $$props.ontoggle("text-size", true);
     $$props.ontextsize?.(value);
   }
-  let visualFeatures = /* @__PURE__ */ user_derived(() => getVisibleFeatures(VISUAL_IDS));
-  let readingFeatures = /* @__PURE__ */ user_derived(() => getVisibleFeatures(READING_IDS));
-  let aiFeatures = /* @__PURE__ */ user_derived(() => getVisibleFeatures(AI_IDS));
+  let cardFeatures = /* @__PURE__ */ user_derived(() => $$props.config.features.filter((id) => !INLINE_CONTROLS.has(id) && FEATURE_REGISTRY[id]).map((id) => FEATURE_REGISTRY[id]));
   user_effect(() => {
     `${$$props.config.features.join("|")}|${get(activeSignature)}`;
     void syncActiveModules();
@@ -6921,48 +6908,38 @@ function FeatureGrid($$anchor, $$props) {
   {
     var consequent_4 = ($$anchor2) => {
       var div_6 = root_9();
-      each(
-        div_6,
-        21,
-        () => [
-          ...get(visualFeatures),
-          ...get(readingFeatures),
-          ...get(aiFeatures)
-        ],
-        (feature) => feature.id,
-        ($$anchor3, feature) => {
-          const isActive = /* @__PURE__ */ user_derived(() => $$props.activeFeatures.get(get(feature).id) ?? false);
-          var div_7 = root_10();
-          var button_2 = child(div_7);
-          var span_10 = child(button_2);
-          html(span_10, () => getIcon(get(feature).iconId), true);
-          var span_11 = sibling(span_10, 2);
-          var text_4 = child(span_11);
-          var span_12 = sibling(button_2, 2);
-          template_effect(
-            ($0, $1, $2, $3) => {
-              set_attribute(button_2, "data-active", get(isActive));
-              set_attribute(button_2, "aria-checked", get(isActive));
-              set_attribute(button_2, "aria-label", $0);
-              set_text(text_4, $1);
-              set_attribute(span_12, "aria-label", $2);
-              set_attribute(span_12, "title", $3);
-            },
-            [
-              () => t(get(feature).nameKey, $$props.config.lang),
-              () => t(get(feature).nameKey, $$props.config.lang),
-              () => t(get(feature).descKey, $$props.config.lang),
-              () => t(get(feature).descKey, $$props.config.lang)
-            ]
-          );
-          delegated("click", button_2, () => handleToggle(get(feature).id));
-          append($$anchor3, div_7);
-        }
-      );
+      each(div_6, 21, () => get(cardFeatures), (feature) => feature.id, ($$anchor3, feature) => {
+        const isActive = /* @__PURE__ */ user_derived(() => $$props.activeFeatures.get(get(feature).id) ?? false);
+        var div_7 = root_10();
+        var button_2 = child(div_7);
+        var span_10 = child(button_2);
+        html(span_10, () => getIcon(get(feature).iconId), true);
+        var span_11 = sibling(span_10, 2);
+        var text_4 = child(span_11);
+        var span_12 = sibling(button_2, 2);
+        template_effect(
+          ($0, $1, $2, $3) => {
+            set_attribute(button_2, "data-active", get(isActive));
+            set_attribute(button_2, "aria-checked", get(isActive));
+            set_attribute(button_2, "aria-label", $0);
+            set_text(text_4, $1);
+            set_attribute(span_12, "aria-label", $2);
+            set_attribute(span_12, "title", $3);
+          },
+          [
+            () => t(get(feature).nameKey, $$props.config.lang),
+            () => t(get(feature).nameKey, $$props.config.lang),
+            () => t(get(feature).descKey, $$props.config.lang),
+            () => t(get(feature).descKey, $$props.config.lang)
+          ]
+        );
+        delegated("click", button_2, () => handleToggle(get(feature).id));
+        append($$anchor3, div_7);
+      });
       append($$anchor2, div_6);
     };
     if_block(node_4, ($$render) => {
-      if (get(visualFeatures).length > 0 || get(readingFeatures).length > 0 || get(aiFeatures).length > 0) $$render(consequent_4);
+      if (get(cardFeatures).length > 0) $$render(consequent_4);
     });
   }
   append($$anchor, fragment);
@@ -7742,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;
@@ -7782,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)"};
@@ -7812,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};
@@ -8889,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));
@@ -8988,4 +8976,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-Bpz3Pgxd.js.map
+//# sourceMappingURL=index-B_5fu0ZB.js.map