accessify-widget 0.3.25 → 0.3.27

package/dist/accessify.mjs

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

package/dist/{index-to_f6xxD.js → index-YTcc-BmV.js}

@@ -6534,7 +6534,7 @@ Return ONLY the simplified text.`;
 var root_2$1 = /* @__PURE__ */ from_html(`<button class="accessify-chip accessify-chip--icon"><span class="accessify-chip-icon" aria-hidden="true"></span> <span> </span></button>`);
 var root_1$2 = /* @__PURE__ */ from_html(`<div class="accessify-control-row" role="group"><div class="accessify-control-label"><span class="accessify-control-label-icon" aria-hidden="true"></span> <span class="accessify-control-label-text"> </span></div> <div class="accessify-chip-row"></div></div>`);
 var root_3$1 = /* @__PURE__ */ from_html(`<div class="accessify-control-row" role="group"><div class="accessify-control-label"><span class="accessify-control-label-icon" aria-hidden="true"></span> <span class="accessify-control-label-text"> </span></div> <div class="accessify-slider-wrap"><button class="accessify-stepper-btn" aria-label="Decrease text size">−</button> <input type="range" class="accessify-slider"/> <button class="accessify-stepper-btn" aria-label="Increase text size">+</button> <span class="accessify-stepper-value" aria-live="polite"> </span></div></div>`);
-var root_5 = /* @__PURE__ */ from_html(`<div class="accessify-card-wrap"><button class="accessify-card" role="switch"><span class="accessify-card-icon" aria-hidden="true"></span> <span class="accessify-card-label"> </span></button> <span class="accessify-card-info" tabindex="0"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> <span class="accessify-card-tooltip"> </span></span></div>`);
+var root_5 = /* @__PURE__ */ from_html(`<div class="accessify-card-wrap"><button class="accessify-card" role="switch"><span class="accessify-card-icon" aria-hidden="true"></span> <span class="accessify-card-label"> </span></button> <span class="accessify-card-info" role="note"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></span></div>`);
 var root_4 = /* @__PURE__ */ from_html(`<div class="accessify-features"></div>`);
 var root$2 = /* @__PURE__ */ from_html(`<!> <!> <div class="accessify-section-divider"></div> <!>`, 1);
 function FeatureGrid($$anchor, $$props) {
@@ -6641,14 +6641,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-OIFhhVgD.js"),
+    "keyboard-nav": () => import("./keyboard-nav-DeZ9sBGT.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-Cx0dz7cA.js"),
+    "page-structure": () => import("./page-structure-I80rIKIx.js"),
     tts: () => import("./tts-CjszLRnb.js"),
     "text-simplify": () => import("./text-simplify-BH_5q_V4.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -6912,8 +6912,6 @@ function FeatureGrid($$anchor, $$props) {
           var span_8 = sibling(span_7, 2);
           var text_4 = child(span_8);
           var span_9 = sibling(button_3, 2);
-          var span_10 = sibling(child(span_9), 2);
-          var text_5 = child(span_10);
           template_effect(
             ($0, $1, $2, $3) => {
               set_attribute(button_3, "data-active", get(isActive));
@@ -6921,7 +6919,7 @@ function FeatureGrid($$anchor, $$props) {
               set_attribute(button_3, "aria-label", $0);
               set_text(text_4, $1);
               set_attribute(span_9, "aria-label", $2);
-              set_text(text_5, $3);
+              set_attribute(span_9, "title", $3);
             },
             [
               () => t(get(feature).nameKey, $$props.config.lang),
@@ -7791,6 +7789,7 @@ function createWidgetStyles(config2) {
       display: flex; flex-direction: column;
       border-radius: ${panelRadius};
       background: var(--surface);
+      overflow: hidden;
       color: var(--text);
       box-shadow: var(--shadow);
       transition: opacity 200ms ease, transform 200ms ease;
@@ -8054,25 +8053,7 @@ function createWidgetStyles(config2) {
       opacity: 0.35; transition: opacity var(--fast), color var(--fast);
     }
     .accessify-card-info svg { width: 14px; height: 14px; }
-    .accessify-card-info:hover, .accessify-card-info:focus-visible { opacity: 1; color: var(--accent); }
-    .accessify-card-tooltip {
-      display: none; position: absolute;
-      bottom: calc(100% + 6px); ${isRight ? "right: 0" : "left: 0"};
-      width: 200px; max-width: 240px; padding: 10px 12px;
-      border-radius: 10px; background: #2a3158; color: #f1f5f9;
-      font-size: 12px; font-weight: 500; line-height: 1.4;
-      text-align: left; white-space: normal;
-      box-shadow: 0 6px 24px rgba(0,0,0,0.5);
-      pointer-events: none; z-index: 100;
-    }
-    .accessify-card-info:hover .accessify-card-tooltip,
-    .accessify-card-info:focus-visible .accessify-card-tooltip {
-      display: block;
-    }
-    .accessify-card-tooltip::before {
-      content: ''; position: absolute; top: 100%; ${isRight ? "right: 4px" : "left: 4px"};
-      border: 5px solid transparent; border-top-color: #2a3158;
-    }
+    .accessify-card-info:hover { opacity: 1; color: var(--accent); }
 
     /* ─── Section Divider ─── */
     .accessify-section-divider {
@@ -8958,4 +8939,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-to_f6xxD.js.map
+//# sourceMappingURL=index-YTcc-BmV.js.map