accessify-widget 0.3.83 → 0.3.85

package/dist/{keyboard-nav-BEmjie6J.js → keyboard-nav-CeBNNVpU.js}

@@ -1,4 +1,4 @@
-import { t, g as getCurrentWidgetLang } from "./index-M-tPp9X8.js";
+import { t, g as getCurrentWidgetLang } from "./index-Cg_HDWEb.js";
 function createKeyboardNavModule() {
   let enabled = false;
   const STYLE_ID = "accessify-keyboard-nav";
@@ -375,4 +375,4 @@ function createKeyboardNavModule() {
 export {
   createKeyboardNavModule as default
 };
-//# sourceMappingURL=keyboard-nav-BEmjie6J.js.map
+//# sourceMappingURL=keyboard-nav-CeBNNVpU.js.map

package/dist/{keyboard-nav-BEmjie6J.js.map → keyboard-nav-CeBNNVpU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"keyboard-nav-BEmjie6J.js","sources":["../src/features/keyboard-nav.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\nimport { getCurrentWidgetLang, t } from '../i18n/index';\n\nexport default function createKeyboardNavModule(): FeatureModule {\n  let enabled = false;\n  const STYLE_ID = 'accessify-keyboard-nav';\n  const SKIP_LINK_ID = 'accessify-skip-link';\n  const OVERLAY_ID = 'accessify-keyboard-help';\n  const STORAGE_KEY = 'accessify-keyboard-nav';\n\n  let headingIndex = -1;\n  let landmarkIndex = -1;\n  let headings: HTMLElement[] = [];\n  let landmarks: HTMLElement[] = [];\n  let helpOverlayVisible = false;\n  let mutationObserver: MutationObserver | null = null;\n  let debounceTimer: ReturnType<typeof setTimeout> | null = null;\n  let originalPushState: typeof history.pushState | null = null;\n  let originalReplaceState: typeof history.replaceState | null = null;\n  const boundPopstateHandler = () => scheduleDynamicRescan();\n\n  function lang(): string {\n    return getCurrentWidgetLang();\n  }\n\n  // --- Skip-to-content link ---\n\n  function findMainContent(): HTMLElement | null {\n    return (\n      document.querySelector('main') ||\n      document.getElementById('content') ||\n      document.getElementById('main-content') ||\n      document.querySelector('[role=\"main\"]') ||\n      document.querySelector('h1')\n    );\n  }\n\n  function hasSkipLink(): boolean {\n    const links = document.querySelectorAll('a[href^=\"#\"]');\n    for (const link of links) {\n      const text = (link as HTMLElement).textContent?.toLowerCase() || '';\n      if (text.includes('skip') || text.includes('main content') || text.includes('navigation')) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  function injectSkipLink() {\n    if (hasSkipLink()) return;\n    const target = findMainContent();\n    if (!target) return;\n\n    // Ensure target has an ID for the skip link to reference\n    if (!target.id) {\n      target.id = 'accessify-main-content';\n    }\n\n    const skipLink = document.createElement('a');\n    skipLink.id = SKIP_LINK_ID;\n    skipLink.href = `#${target.id}`;\n    skipLink.textContent = t('keyboard.skipToContent', lang());\n    skipLink.addEventListener('click', (e) => {\n      e.preventDefault();\n      target.setAttribute('tabindex', '-1');\n      target.focus();\n      target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    });\n\n    document.body.insertBefore(skipLink, document.body.firstChild);\n  }\n\n  function removeSkipLink() {\n    const skipLink = document.getElementById(SKIP_LINK_ID);\n    skipLink?.remove();\n  }\n\n  // --- Heading navigation (Alt+H) ---\n\n  function collectHeadings() {\n    headings = Array.from(\n      document.querySelectorAll<HTMLElement>('h1, h2, h3, h4, h5, h6')\n    ).filter((el) => {\n      // Only visible headings\n      const style = window.getComputedStyle(el);\n      return style.display !== 'none' && style.visibility !== 'hidden';\n    });\n  }\n\n  function navigateToNextHeading() {\n    collectHeadings();\n    if (headings.length === 0) return;\n    headingIndex = (headingIndex + 1) % headings.length;\n    const heading = headings[headingIndex];\n    heading.setAttribute('tabindex', '-1');\n    heading.focus();\n    heading.scrollIntoView({ behavior: 'smooth', block: 'center' });\n  }\n\n  // --- Landmark navigation (Alt+L) ---\n\n  function collectLandmarks() {\n    const selectors = [\n      'header, [role=\"banner\"]',\n      'nav, [role=\"navigation\"]',\n      'main, [role=\"main\"]',\n      'aside, [role=\"complementary\"]',\n      '[role=\"search\"]',\n      '[role=\"form\"]',\n      'footer, [role=\"contentinfo\"]',\n      '[role=\"region\"][aria-label]',\n    ];\n    landmarks = Array.from(\n      document.querySelectorAll<HTMLElement>(selectors.join(', '))\n    ).filter((el) => {\n      const style = window.getComputedStyle(el);\n      return style.display !== 'none' && style.visibility !== 'hidden';\n    });\n  }\n\n  function navigateToNextLandmark() {\n    collectLandmarks();\n    if (landmarks.length === 0) return;\n    landmarkIndex = (landmarkIndex + 1) % landmarks.length;\n    const landmark = landmarks[landmarkIndex];\n    landmark.setAttribute('tabindex', '-1');\n    landmark.focus();\n    landmark.scrollIntoView({ behavior: 'smooth', block: 'center' });\n  }\n\n  // --- Keyboard shortcut help overlay (Alt+K) ---\n\n  function toggleHelpOverlay() {\n    const existing = document.getElementById(OVERLAY_ID);\n    if (existing) {\n      existing.remove();\n      helpOverlayVisible = false;\n      return;\n    }\n\n    helpOverlayVisible = true;\n    const overlay = document.createElement('div');\n    overlay.id = OVERLAY_ID;\n    overlay.setAttribute('role', 'dialog');\n    overlay.setAttribute('aria-label', t('keyboard.shortcuts', lang()));\n    overlay.setAttribute('aria-modal', 'true');\n\n    overlay.innerHTML = `\n      <div style=\"\n        position: fixed; inset: 0; background: rgba(0,0,0,0.6);\n        display: flex; align-items: center; justify-content: center;\n        z-index: 2147483647;\n      \">\n        <div style=\"\n          background: #fff; color: #222; border-radius: 12px; padding: 32px;\n          max-width: 480px; width: 90%; max-height: 80vh; overflow-y: auto;\n          box-shadow: 0 8px 32px rgba(0,0,0,0.3); font-family: system-ui, sans-serif;\n        \" role=\"document\">\n          <h2 style=\"margin: 0 0 16px; font-size: 20px; color: #1a73e8;\">${t('keyboard.shortcuts', lang())}</h2>\n          <table style=\"width: 100%; border-collapse: collapse; font-size: 14px;\">\n            <thead>\n              <tr style=\"border-bottom: 2px solid #e0e0e0;\">\n                <th style=\"text-align: left; padding: 8px 12px;\">${t('keyboard.shortcut', lang())}</th>\n                <th style=\"text-align: left; padding: 8px 12px;\">${t('keyboard.action', lang())}</th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr style=\"border-bottom: 1px solid #f0f0f0;\">\n                <td style=\"padding: 8px 12px;\"><kbd style=\"background:#f5f5f5;padding:2px 8px;border-radius:4px;border:1px solid #ccc;font-family:monospace;\">Alt + H</kbd></td>\n                <td style=\"padding: 8px 12px;\">${t('keyboard.nextHeading', lang())}</td>\n              </tr>\n              <tr style=\"border-bottom: 1px solid #f0f0f0;\">\n                <td style=\"padding: 8px 12px;\"><kbd style=\"background:#f5f5f5;padding:2px 8px;border-radius:4px;border:1px solid #ccc;font-family:monospace;\">Alt + L</kbd></td>\n                <td style=\"padding: 8px 12px;\">${t('keyboard.nextLandmark', lang())}</td>\n              </tr>\n              <tr style=\"border-bottom: 1px solid #f0f0f0;\">\n                <td style=\"padding: 8px 12px;\"><kbd style=\"background:#f5f5f5;padding:2px 8px;border-radius:4px;border:1px solid #ccc;font-family:monospace;\">Alt + K</kbd></td>\n                <td style=\"padding: 8px 12px;\">${t('keyboard.toggleHelp', lang())}</td>\n              </tr>\n              <tr style=\"border-bottom: 1px solid #f0f0f0;\">\n                <td style=\"padding: 8px 12px;\"><kbd style=\"background:#f5f5f5;padding:2px 8px;border-radius:4px;border:1px solid #ccc;font-family:monospace;\">Tab</kbd></td>\n                <td style=\"padding: 8px 12px;\">${t('keyboard.nextFocusable', lang())}</td>\n              </tr>\n              <tr>\n                <td style=\"padding: 8px 12px;\"><kbd style=\"background:#f5f5f5;padding:2px 8px;border-radius:4px;border:1px solid #ccc;font-family:monospace;\">Escape</kbd></td>\n                <td style=\"padding: 8px 12px;\">${t('keyboard.closeOverlay', lang())}</td>\n              </tr>\n            </tbody>\n          </table>\n          <button style=\"\n            margin-top: 20px; padding: 8px 24px; background: #1a73e8; color: #fff;\n            border: none; border-radius: 6px; cursor: pointer; font-size: 14px;\n          \" id=\"accessify-keyboard-help-close\">${t('widget.close', lang())}</button>\n        </div>\n      </div>\n    `;\n\n    document.body.appendChild(overlay);\n\n    // Focus management for the dialog\n    const closeBtn = document.getElementById('accessify-keyboard-help-close');\n    closeBtn?.focus();\n    closeBtn?.addEventListener('click', () => {\n      overlay.remove();\n      helpOverlayVisible = false;\n    });\n  }\n\n  // --- Tabindex injection for interactive elements ---\n\n  function injectTabindex() {\n    const selectors = [\n      'a[href]',\n      'button',\n      'input',\n      'select',\n      'textarea',\n      '[role=\"button\"]',\n      '[role=\"link\"]',\n      '[role=\"checkbox\"]',\n      '[role=\"radio\"]',\n      '[role=\"tab\"]',\n      '[role=\"menuitem\"]',\n      '[role=\"switch\"]',\n      '[contenteditable=\"true\"]',\n      'summary',\n    ];\n\n    const elements = document.querySelectorAll<HTMLElement>(selectors.join(', '));\n    elements.forEach((el) => {\n      // Only add tabindex if the element is not already focusable via native mechanism\n      // and does not already have an explicit tabindex\n      if (!el.hasAttribute('tabindex') && !isNativelyFocusable(el)) {\n        el.setAttribute('tabindex', '0');\n        el.dataset.accessifyTabindex = 'true';\n      }\n    });\n  }\n\n  function removeInjectedTabindex() {\n    const elements = document.querySelectorAll<HTMLElement>('[data-accessify-tabindex=\"true\"]');\n    elements.forEach((el) => {\n      el.removeAttribute('tabindex');\n      delete el.dataset.accessifyTabindex;\n    });\n  }\n\n  function isNativelyFocusable(el: HTMLElement): boolean {\n    const tag = el.tagName.toLowerCase();\n    if (['a', 'button', 'input', 'select', 'textarea'].includes(tag)) {\n      return true;\n    }\n    if (tag === 'a' && !(el as HTMLAnchorElement).href) {\n      return false;\n    }\n    return false;\n  }\n\n  // --- Keyboard event handler ---\n\n  function handleKeyDown(e: KeyboardEvent) {\n    if (!enabled) return;\n\n    // Close help overlay on Escape\n    if (e.key === 'Escape' && helpOverlayVisible) {\n      const overlay = document.getElementById(OVERLAY_ID);\n      overlay?.remove();\n      helpOverlayVisible = false;\n      return;\n    }\n\n    if (!e.altKey) return;\n\n    switch (e.key.toLowerCase()) {\n      case 'h':\n        e.preventDefault();\n        navigateToNextHeading();\n        break;\n      case 'l':\n        e.preventDefault();\n        navigateToNextLandmark();\n        break;\n      case 'k':\n        e.preventDefault();\n        toggleHelpOverlay();\n        break;\n    }\n  }\n\n  // --- Styles for skip link ---\n\n  function getStyles(): string {\n    return `\n      /* accessify keyboard navigation */\n      #${SKIP_LINK_ID} {\n        position: fixed;\n        top: -100px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: #1a73e8;\n        color: #fff;\n        padding: 12px 24px;\n        border-radius: 0 0 8px 8px;\n        font-size: 16px;\n        font-family: system-ui, sans-serif;\n        text-decoration: none;\n        z-index: 2147483647;\n        transition: top 0.2s ease;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n      }\n      #${SKIP_LINK_ID}:focus {\n        top: 0;\n        outline: 3px solid #ffdd00;\n        outline-offset: 2px;\n      }\n    `;\n  }\n\n  function injectStyles() {\n    let styleEl = document.getElementById(STYLE_ID);\n    if (!styleEl) {\n      styleEl = document.createElement('style');\n      styleEl.id = STYLE_ID;\n      document.head.appendChild(styleEl);\n    }\n    styleEl.textContent = getStyles();\n  }\n\n  function removeStyles() {\n    const styleEl = document.getElementById(STYLE_ID);\n    styleEl?.remove();\n  }\n\n  // --- Dynamic re-scan for SPA navigation + lazy content ---\n\n  function scheduleDynamicRescan() {\n    if (!enabled) return;\n    if (debounceTimer) clearTimeout(debounceTimer);\n    debounceTimer = setTimeout(() => {\n      // Re-collect headings and landmarks, reset indices\n      collectHeadings();\n      collectLandmarks();\n      headingIndex = -1;\n      landmarkIndex = -1;\n      // Re-inject tabindex for newly added interactive elements\n      injectTabindex();\n    }, 300);\n  }\n\n  function setupDynamicObserver() {\n    if (mutationObserver) return;\n    mutationObserver = new MutationObserver(() => scheduleDynamicRescan());\n    const target = document.querySelector('main') || document.body;\n    mutationObserver.observe(target, { childList: true, subtree: true });\n  }\n\n  function teardownDynamicObserver() {\n    mutationObserver?.disconnect();\n    mutationObserver = null;\n    if (debounceTimer) { clearTimeout(debounceTimer); debounceTimer = null; }\n  }\n\n  function setupSPAListeners() {\n    if (!originalPushState) {\n      originalPushState = history.pushState;\n      history.pushState = function (...args: Parameters<typeof history.pushState>) {\n        originalPushState!.apply(this, args);\n        scheduleDynamicRescan();\n      };\n    }\n    if (!originalReplaceState) {\n      originalReplaceState = history.replaceState;\n      history.replaceState = function (...args: Parameters<typeof history.replaceState>) {\n        originalReplaceState!.apply(this, args);\n        scheduleDynamicRescan();\n      };\n    }\n    window.addEventListener('popstate', boundPopstateHandler);\n  }\n\n  function teardownSPAListeners() {\n    if (originalPushState) {\n      history.pushState = originalPushState;\n      originalPushState = null;\n    }\n    if (originalReplaceState) {\n      history.replaceState = originalReplaceState;\n      originalReplaceState = null;\n    }\n    window.removeEventListener('popstate', boundPopstateHandler);\n  }\n\n  // --- Module lifecycle ---\n\n  function activate() {\n    enabled = true;\n    headingIndex = -1;\n    landmarkIndex = -1;\n\n    injectStyles();\n    injectSkipLink();\n    injectTabindex();\n    document.addEventListener('keydown', handleKeyDown);\n    setupDynamicObserver();\n    setupSPAListeners();\n    localStorage.setItem(STORAGE_KEY, 'true');\n  }\n\n  function deactivate() {\n    enabled = false;\n    helpOverlayVisible = false;\n\n    teardownDynamicObserver();\n    teardownSPAListeners();\n    document.removeEventListener('keydown', handleKeyDown);\n    removeSkipLink();\n    removeInjectedTabindex();\n    removeStyles();\n\n    const overlay = document.getElementById(OVERLAY_ID);\n    overlay?.remove();\n\n    localStorage.removeItem(STORAGE_KEY);\n  }\n\n  return {\n    id: 'keyboard-nav',\n    name: () => 'Keyboard Navigation',\n    description: 'Enhanced keyboard navigation with skip links, heading/landmark jumping, and shortcut help',\n    icon: 'keyboard-nav',\n    category: 'motor',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({\n      id: 'keyboard-nav',\n      enabled,\n    }),\n    setState: (state: { enabled: boolean }) => {\n      if (state.enabled) {\n        activate();\n      } else {\n        deactivate();\n      }\n    },\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keyboard-nav-CeBNNVpU.js","sources":["../src/features/keyboard-nav.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\nimport { getCurrentWidgetLang, t } from '../i18n/index';\n\nexport default function createKeyboardNavModule(): FeatureModule {\n  let enabled = false;\n  const STYLE_ID = 'accessify-keyboard-nav';\n  const SKIP_LINK_ID = 'accessify-skip-link';\n  const OVERLAY_ID = 'accessify-keyboard-help';\n  const STORAGE_KEY = 'accessify-keyboard-nav';\n\n  let headingIndex = -1;\n  let landmarkIndex = -1;\n  let headings: HTMLElement[] = [];\n  let landmarks: HTMLElement[] = [];\n  let helpOverlayVisible = false;\n  let mutationObserver: MutationObserver | null = null;\n  let debounceTimer: ReturnType<typeof setTimeout> | null = null;\n  let originalPushState: typeof history.pushState | null = null;\n  let originalReplaceState: typeof history.replaceState | null = null;\n  const boundPopstateHandler = () => scheduleDynamicRescan();\n\n  function lang(): string {\n    return getCurrentWidgetLang();\n  }\n\n  // --- Skip-to-content link ---\n\n  function findMainContent(): HTMLElement | null {\n    return (\n      document.querySelector('main') ||\n      document.getElementById('content') ||\n      document.getElementById('main-content') ||\n      document.querySelector('[role=\"main\"]') ||\n      document.querySelector('h1')\n    );\n  }\n\n  function hasSkipLink(): boolean {\n    const links = document.querySelectorAll('a[href^=\"#\"]');\n    for (const link of links) {\n      const text = (link as HTMLElement).textContent?.toLowerCase() || '';\n      if (text.includes('skip') || text.includes('main content') || text.includes('navigation')) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  function injectSkipLink() {\n    if (hasSkipLink()) return;\n    const target = findMainContent();\n    if (!target) return;\n\n    // Ensure target has an ID for the skip link to reference\n    if (!target.id) {\n      target.id = 'accessify-main-content';\n    }\n\n    const skipLink = document.createElement('a');\n    skipLink.id = SKIP_LINK_ID;\n    skipLink.href = `#${target.id}`;\n    skipLink.textContent = t('keyboard.skipToContent', lang());\n    skipLink.addEventListener('click', (e) => {\n      e.preventDefault();\n      target.setAttribute('tabindex', '-1');\n      target.focus();\n      target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    });\n\n    document.body.insertBefore(skipLink, document.body.firstChild);\n  }\n\n  function removeSkipLink() {\n    const skipLink = document.getElementById(SKIP_LINK_ID);\n    skipLink?.remove();\n  }\n\n  // --- Heading navigation (Alt+H) ---\n\n  function collectHeadings() {\n    headings = Array.from(\n      document.querySelectorAll<HTMLElement>('h1, h2, h3, h4, h5, h6')\n    ).filter((el) => {\n      // Only visible headings\n      const style = window.getComputedStyle(el);\n      return style.display !== 'none' && style.visibility !== 'hidden';\n    });\n  }\n\n  function navigateToNextHeading() {\n    collectHeadings();\n    if (headings.length === 0) return;\n    headingIndex = (headingIndex + 1) % headings.length;\n    const heading = headings[headingIndex];\n    heading.setAttribute('tabindex', '-1');\n    heading.focus();\n    heading.scrollIntoView({ behavior: 'smooth', block: 'center' });\n  }\n\n  // --- Landmark navigation (Alt+L) ---\n\n  function collectLandmarks() {\n    const selectors = [\n      'header, [role=\"banner\"]',\n      'nav, [role=\"navigation\"]',\n      'main, [role=\"main\"]',\n      'aside, [role=\"complementary\"]',\n      '[role=\"search\"]',\n      '[role=\"form\"]',\n      'footer, [role=\"contentinfo\"]',\n      '[role=\"region\"][aria-label]',\n    ];\n    landmarks = Array.from(\n      document.querySelectorAll<HTMLElement>(selectors.join(', '))\n    ).filter((el) => {\n      const style = window.getComputedStyle(el);\n      return style.display !== 'none' && style.visibility !== 'hidden';\n    });\n  }\n\n  function navigateToNextLandmark() {\n    collectLandmarks();\n    if (landmarks.length === 0) return;\n    landmarkIndex = (landmarkIndex + 1) % landmarks.length;\n    const landmark = landmarks[landmarkIndex];\n    landmark.setAttribute('tabindex', '-1');\n    landmark.focus();\n    landmark.scrollIntoView({ behavior: 'smooth', block: 'center' });\n  }\n\n  // --- Keyboard shortcut help overlay (Alt+K) ---\n\n  function toggleHelpOverlay() {\n    const existing = document.getElementById(OVERLAY_ID);\n    if (existing) {\n      existing.remove();\n      helpOverlayVisible = false;\n      return;\n    }\n\n    helpOverlayVisible = true;\n    const overlay = document.createElement('div');\n    overlay.id = OVERLAY_ID;\n    overlay.setAttribute('role', 'dialog');\n    overlay.setAttribute('aria-label', t('keyboard.shortcuts', lang()));\n    overlay.setAttribute('aria-modal', 'true');\n\n    overlay.innerHTML = `\n      <div style=\"\n        position: fixed; inset: 0; background: rgba(0,0,0,0.6);\n        display: flex; align-items: center; justify-content: center;\n        z-index: 2147483647;\n      \">\n        <div style=\"\n          background: #fff; color: #222; border-radius: 12px; padding: 32px;\n          max-width: 480px; width: 90%; max-height: 80vh; overflow-y: auto;\n          box-shadow: 0 8px 32px rgba(0,0,0,0.3); font-family: system-ui, sans-serif;\n        \" role=\"document\">\n          <h2 style=\"margin: 0 0 16px; font-size: 20px; color: #1a73e8;\">${t('keyboard.shortcuts', lang())}</h2>\n          <table style=\"width: 100%; border-collapse: collapse; font-size: 14px;\">\n            <thead>\n              <tr style=\"border-bottom: 2px solid #e0e0e0;\">\n                <th style=\"text-align: left; padding: 8px 12px;\">${t('keyboard.shortcut', lang())}</th>\n                <th style=\"text-align: left; padding: 8px 12px;\">${t('keyboard.action', lang())}</th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr style=\"border-bottom: 1px solid #f0f0f0;\">\n                <td style=\"padding: 8px 12px;\"><kbd style=\"background:#f5f5f5;padding:2px 8px;border-radius:4px;border:1px solid #ccc;font-family:monospace;\">Alt + H</kbd></td>\n                <td style=\"padding: 8px 12px;\">${t('keyboard.nextHeading', lang())}</td>\n              </tr>\n              <tr style=\"border-bottom: 1px solid #f0f0f0;\">\n                <td style=\"padding: 8px 12px;\"><kbd style=\"background:#f5f5f5;padding:2px 8px;border-radius:4px;border:1px solid #ccc;font-family:monospace;\">Alt + L</kbd></td>\n                <td style=\"padding: 8px 12px;\">${t('keyboard.nextLandmark', lang())}</td>\n              </tr>\n              <tr style=\"border-bottom: 1px solid #f0f0f0;\">\n                <td style=\"padding: 8px 12px;\"><kbd style=\"background:#f5f5f5;padding:2px 8px;border-radius:4px;border:1px solid #ccc;font-family:monospace;\">Alt + K</kbd></td>\n                <td style=\"padding: 8px 12px;\">${t('keyboard.toggleHelp', lang())}</td>\n              </tr>\n              <tr style=\"border-bottom: 1px solid #f0f0f0;\">\n                <td style=\"padding: 8px 12px;\"><kbd style=\"background:#f5f5f5;padding:2px 8px;border-radius:4px;border:1px solid #ccc;font-family:monospace;\">Tab</kbd></td>\n                <td style=\"padding: 8px 12px;\">${t('keyboard.nextFocusable', lang())}</td>\n              </tr>\n              <tr>\n                <td style=\"padding: 8px 12px;\"><kbd style=\"background:#f5f5f5;padding:2px 8px;border-radius:4px;border:1px solid #ccc;font-family:monospace;\">Escape</kbd></td>\n                <td style=\"padding: 8px 12px;\">${t('keyboard.closeOverlay', lang())}</td>\n              </tr>\n            </tbody>\n          </table>\n          <button style=\"\n            margin-top: 20px; padding: 8px 24px; background: #1a73e8; color: #fff;\n            border: none; border-radius: 6px; cursor: pointer; font-size: 14px;\n          \" id=\"accessify-keyboard-help-close\">${t('widget.close', lang())}</button>\n        </div>\n      </div>\n    `;\n\n    document.body.appendChild(overlay);\n\n    // Focus management for the dialog\n    const closeBtn = document.getElementById('accessify-keyboard-help-close');\n    closeBtn?.focus();\n    closeBtn?.addEventListener('click', () => {\n      overlay.remove();\n      helpOverlayVisible = false;\n    });\n  }\n\n  // --- Tabindex injection for interactive elements ---\n\n  function injectTabindex() {\n    const selectors = [\n      'a[href]',\n      'button',\n      'input',\n      'select',\n      'textarea',\n      '[role=\"button\"]',\n      '[role=\"link\"]',\n      '[role=\"checkbox\"]',\n      '[role=\"radio\"]',\n      '[role=\"tab\"]',\n      '[role=\"menuitem\"]',\n      '[role=\"switch\"]',\n      '[contenteditable=\"true\"]',\n      'summary',\n    ];\n\n    const elements = document.querySelectorAll<HTMLElement>(selectors.join(', '));\n    elements.forEach((el) => {\n      // Only add tabindex if the element is not already focusable via native mechanism\n      // and does not already have an explicit tabindex\n      if (!el.hasAttribute('tabindex') && !isNativelyFocusable(el)) {\n        el.setAttribute('tabindex', '0');\n        el.dataset.accessifyTabindex = 'true';\n      }\n    });\n  }\n\n  function removeInjectedTabindex() {\n    const elements = document.querySelectorAll<HTMLElement>('[data-accessify-tabindex=\"true\"]');\n    elements.forEach((el) => {\n      el.removeAttribute('tabindex');\n      delete el.dataset.accessifyTabindex;\n    });\n  }\n\n  function isNativelyFocusable(el: HTMLElement): boolean {\n    const tag = el.tagName.toLowerCase();\n    if (['a', 'button', 'input', 'select', 'textarea'].includes(tag)) {\n      return true;\n    }\n    if (tag === 'a' && !(el as HTMLAnchorElement).href) {\n      return false;\n    }\n    return false;\n  }\n\n  // --- Keyboard event handler ---\n\n  function handleKeyDown(e: KeyboardEvent) {\n    if (!enabled) return;\n\n    // Close help overlay on Escape\n    if (e.key === 'Escape' && helpOverlayVisible) {\n      const overlay = document.getElementById(OVERLAY_ID);\n      overlay?.remove();\n      helpOverlayVisible = false;\n      return;\n    }\n\n    if (!e.altKey) return;\n\n    switch (e.key.toLowerCase()) {\n      case 'h':\n        e.preventDefault();\n        navigateToNextHeading();\n        break;\n      case 'l':\n        e.preventDefault();\n        navigateToNextLandmark();\n        break;\n      case 'k':\n        e.preventDefault();\n        toggleHelpOverlay();\n        break;\n    }\n  }\n\n  // --- Styles for skip link ---\n\n  function getStyles(): string {\n    return `\n      /* accessify keyboard navigation */\n      #${SKIP_LINK_ID} {\n        position: fixed;\n        top: -100px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: #1a73e8;\n        color: #fff;\n        padding: 12px 24px;\n        border-radius: 0 0 8px 8px;\n        font-size: 16px;\n        font-family: system-ui, sans-serif;\n        text-decoration: none;\n        z-index: 2147483647;\n        transition: top 0.2s ease;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n      }\n      #${SKIP_LINK_ID}:focus {\n        top: 0;\n        outline: 3px solid #ffdd00;\n        outline-offset: 2px;\n      }\n    `;\n  }\n\n  function injectStyles() {\n    let styleEl = document.getElementById(STYLE_ID);\n    if (!styleEl) {\n      styleEl = document.createElement('style');\n      styleEl.id = STYLE_ID;\n      document.head.appendChild(styleEl);\n    }\n    styleEl.textContent = getStyles();\n  }\n\n  function removeStyles() {\n    const styleEl = document.getElementById(STYLE_ID);\n    styleEl?.remove();\n  }\n\n  // --- Dynamic re-scan for SPA navigation + lazy content ---\n\n  function scheduleDynamicRescan() {\n    if (!enabled) return;\n    if (debounceTimer) clearTimeout(debounceTimer);\n    debounceTimer = setTimeout(() => {\n      // Re-collect headings and landmarks, reset indices\n      collectHeadings();\n      collectLandmarks();\n      headingIndex = -1;\n      landmarkIndex = -1;\n      // Re-inject tabindex for newly added interactive elements\n      injectTabindex();\n    }, 300);\n  }\n\n  function setupDynamicObserver() {\n    if (mutationObserver) return;\n    mutationObserver = new MutationObserver(() => scheduleDynamicRescan());\n    const target = document.querySelector('main') || document.body;\n    mutationObserver.observe(target, { childList: true, subtree: true });\n  }\n\n  function teardownDynamicObserver() {\n    mutationObserver?.disconnect();\n    mutationObserver = null;\n    if (debounceTimer) { clearTimeout(debounceTimer); debounceTimer = null; }\n  }\n\n  function setupSPAListeners() {\n    if (!originalPushState) {\n      originalPushState = history.pushState;\n      history.pushState = function (...args: Parameters<typeof history.pushState>) {\n        originalPushState!.apply(this, args);\n        scheduleDynamicRescan();\n      };\n    }\n    if (!originalReplaceState) {\n      originalReplaceState = history.replaceState;\n      history.replaceState = function (...args: Parameters<typeof history.replaceState>) {\n        originalReplaceState!.apply(this, args);\n        scheduleDynamicRescan();\n      };\n    }\n    window.addEventListener('popstate', boundPopstateHandler);\n  }\n\n  function teardownSPAListeners() {\n    if (originalPushState) {\n      history.pushState = originalPushState;\n      originalPushState = null;\n    }\n    if (originalReplaceState) {\n      history.replaceState = originalReplaceState;\n      originalReplaceState = null;\n    }\n    window.removeEventListener('popstate', boundPopstateHandler);\n  }\n\n  // --- Module lifecycle ---\n\n  function activate() {\n    enabled = true;\n    headingIndex = -1;\n    landmarkIndex = -1;\n\n    injectStyles();\n    injectSkipLink();\n    injectTabindex();\n    document.addEventListener('keydown', handleKeyDown);\n    setupDynamicObserver();\n    setupSPAListeners();\n    localStorage.setItem(STORAGE_KEY, 'true');\n  }\n\n  function deactivate() {\n    enabled = false;\n    helpOverlayVisible = false;\n\n    teardownDynamicObserver();\n    teardownSPAListeners();\n    document.removeEventListener('keydown', handleKeyDown);\n    removeSkipLink();\n    removeInjectedTabindex();\n    removeStyles();\n\n    const overlay = document.getElementById(OVERLAY_ID);\n    overlay?.remove();\n\n    localStorage.removeItem(STORAGE_KEY);\n  }\n\n  return {\n    id: 'keyboard-nav',\n    name: () => 'Keyboard Navigation',\n    description: 'Enhanced keyboard navigation with skip links, heading/landmark jumping, and shortcut help',\n    icon: 'keyboard-nav',\n    category: 'motor',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({\n      id: 'keyboard-nav',\n      enabled,\n    }),\n    setState: (state: { enabled: boolean }) => {\n      if (state.enabled) {\n        activate();\n      } else {\n        deactivate();\n      }\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/{link-highlight-D9gxFmiG.js → link-highlight-DBGm067Y.js}

@@ -16,7 +16,7 @@ function createLinkHighlightModule() {
         transition: background-color 0.15s ease !important;
       }
 
-      a[href]:hover, a[href]:active, a[href]:focus {
+      a[href]:hover {
         background-color: rgba(26, 115, 232, 0.25) !important;
       }
 
@@ -25,7 +25,7 @@ function createLinkHighlightModule() {
         background-color: rgba(104, 29, 168, 0.1) !important;
       }
 
-      a[href]:visited:hover, a[href]:visited:active, a[href]:visited:focus {
+      a[href]:visited:hover {
         background-color: rgba(104, 29, 168, 0.25) !important;
       }
 
@@ -84,4 +84,4 @@ function createLinkHighlightModule() {
 export {
   createLinkHighlightModule as default
 };
-//# sourceMappingURL=link-highlight-D9gxFmiG.js.map
+//# sourceMappingURL=link-highlight-DBGm067Y.js.map

package/dist/link-highlight-DBGm067Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-highlight-DBGm067Y.js","sources":["../src/features/link-highlight.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\nexport default function createLinkHighlightModule(): FeatureModule {\n  let enabled = false;\n  const STYLE_ID = 'accessify-link-highlight';\n  const STORAGE_KEY = 'accessify-link-highlight';\n\n  function getStyles(): string {\n    return `\n      /* accessify link highlighting */\n      a[href] {\n        text-decoration: underline !important;\n        text-decoration-thickness: 3px !important;\n        text-underline-offset: 3px !important;\n        text-decoration-color: #1a73e8 !important;\n        background-color: rgba(26, 115, 232, 0.1) !important;\n        padding: 2px 4px !important;\n        border-radius: 2px !important;\n        transition: background-color 0.15s ease !important;\n      }\n\n      a[href]:hover {\n        background-color: rgba(26, 115, 232, 0.25) !important;\n      }\n\n      a[href]:visited {\n        text-decoration-color: #681da8 !important;\n        background-color: rgba(104, 29, 168, 0.1) !important;\n      }\n\n      a[href]:visited:hover {\n        background-color: rgba(104, 29, 168, 0.25) !important;\n      }\n\n      /* External link indicator */\n      a[href^=\"http\"]:not([href*=\"${typeof window !== 'undefined' ? window.location.hostname : ''}\"]):after {\n        content: \" \\\\2197\";\n        font-size: 0.8em;\n        vertical-align: super;\n      }\n    `;\n  }\n\n  function injectStyles() {\n    let styleEl = document.getElementById(STYLE_ID);\n    if (!styleEl) {\n      styleEl = document.createElement('style');\n      styleEl.id = STYLE_ID;\n      document.head.appendChild(styleEl);\n    }\n    styleEl.textContent = getStyles();\n  }\n\n  function removeStyles() {\n    const styleEl = document.getElementById(STYLE_ID);\n    styleEl?.remove();\n  }\n\n  function activate() {\n    enabled = true;\n    injectStyles();\n    localStorage.setItem(STORAGE_KEY, 'true');\n  }\n\n  function deactivate() {\n    enabled = false;\n    removeStyles();\n    localStorage.removeItem(STORAGE_KEY);\n  }\n\n  return {\n    id: 'link-highlight',\n    name: () => 'Link Highlight',\n    description: 'Highlight all links with thick underlines and background colors',\n    icon: 'link-highlight',\n    category: 'visual',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({\n      id: 'link-highlight',\n      enabled,\n    }),\n    setState: (state: { enabled: boolean }) => {\n      if (state.enabled) {\n        activate();\n      } else {\n        deactivate();\n      }\n    },\n  };\n}\n"],"names":[],"mappings":"AAEA,SAAwB,4BAA2C;AACjE,MAAI,UAAU;AACd,QAAM,WAAW;AACjB,QAAM,cAAc;AAEpB,WAAS,YAAoB;AAC3B,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCA2ByB,OAAO,WAAW,cAAc,OAAO,SAAS,WAAW,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM/F;AAEA,WAAS,eAAe;AACtB,QAAI,UAAU,SAAS,eAAe,QAAQ;AAC9C,QAAI,CAAC,SAAS;AACZ,gBAAU,SAAS,cAAc,OAAO;AACxC,cAAQ,KAAK;AACb,eAAS,KAAK,YAAY,OAAO;AAAA,IACnC;AACA,YAAQ,cAAc,UAAA;AAAA,EACxB;AAEA,WAAS,eAAe;AACtB,UAAM,UAAU,SAAS,eAAe,QAAQ;AAChD,aAAS,OAAA;AAAA,EACX;AAEA,WAAS,WAAW;AAClB,cAAU;AACV,iBAAA;AACA,iBAAa,QAAQ,aAAa,MAAM;AAAA,EAC1C;AAEA,WAAS,aAAa;AACpB,cAAU;AACV,iBAAA;AACA,iBAAa,WAAW,WAAW;AAAA,EACrC;AAEA,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,OAAqB;AAAA,MAC7B,IAAI;AAAA,MACJ;AAAA,IAAA;AAAA,IAEF,UAAU,CAAC,UAAgC;AACzC,UAAI,MAAM,SAAS;AACjB,iBAAA;AAAA,MACF,OAAO;AACL,mBAAA;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAEJ;"}

package/dist/{page-structure-DNCY5C8R.js → page-structure-DMJpS2ag.js}

@@ -1,4 +1,4 @@
-import { t, g as getCurrentWidgetLang } from "./index-M-tPp9X8.js";
+import { t, g as getCurrentWidgetLang } from "./index-Cg_HDWEb.js";
 function createPageStructureModule() {
   let enabled = false;
   let panelEl = null;
@@ -84,7 +84,7 @@ function createPageStructureModule() {
           cursor: pointer; border-radius: 6px; font-size: 13px;
           color: #1a1a1a; font-family: inherit;
         }
-        #${PANEL_ID} .ps-item:hover, #${PANEL_ID} .ps-item:active { background: #f0f0f2; }
+        #${PANEL_ID} .ps-item:hover { background: #f0f0f2; }
         #${PANEL_ID} .ps-item:focus-visible { outline: 2px solid #0055CC; outline-offset: 1px; }
         #${PANEL_ID} .ps-tag { color: #888; font-size: 11px; margin-right: 6px; }
         #${PANEL_ID} .ps-close {
@@ -92,16 +92,13 @@ function createPageStructureModule() {
           background: none; border: none; cursor: pointer;
           font-size: 18px; color: #888; padding: 4px 8px; border-radius: 4px;
         }
-        #${PANEL_ID} .ps-close:hover, #${PANEL_ID} .ps-close:active { background: #f0f0f2; }
+        #${PANEL_ID} .ps-close:hover { background: #f0f0f2; }
         @media (prefers-color-scheme: dark) {
           #${PANEL_ID} { background: #1a1a1a; color: #f0f0f0; }
           #${PANEL_ID} .ps-item { color: #f0f0f0; }
-          #${PANEL_ID} .ps-item:hover, #${PANEL_ID} .ps-item:active { background: #2a2a2e; }
+          #${PANEL_ID} .ps-item:hover { background: #2a2a2e; }
           #${PANEL_ID} .ps-close { color: #aaa; }
-          #${PANEL_ID} .ps-close:hover, #${PANEL_ID} .ps-close:active { background: #2a2a2e; }
-        }
-        @media (max-width: 640px) {
-          #${PANEL_ID} { width: calc(100vw - 32px); max-width: 400px; }
+          #${PANEL_ID} .ps-close:hover { background: #2a2a2e; }
         }
       </style>
       <button class="ps-close" aria-label="${t("widget.close", lang())}">&times;</button>
@@ -243,4 +240,4 @@ function createPageStructureModule() {
 export {
   createPageStructureModule as default
 };
-//# sourceMappingURL=page-structure-DNCY5C8R.js.map
+//# sourceMappingURL=page-structure-DMJpS2ag.js.map

package/dist/page-structure-DMJpS2ag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-structure-DMJpS2ag.js","sources":["../src/features/page-structure.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\nimport { getCurrentWidgetLang, t } from '../i18n/index';\n\nexport default function createPageStructureModule(): FeatureModule {\n  let enabled = false;\n  let panelEl: HTMLElement | null = null;\n  const PANEL_ID = 'accessify-page-structure';\n  let mutationObserver: MutationObserver | null = null;\n  let debounceTimer: ReturnType<typeof setTimeout> | null = null;\n  let originalPushState: typeof history.pushState | null = null;\n  let originalReplaceState: typeof history.replaceState | null = null;\n  const boundPopstateHandler = () => scheduleRefresh();\n  let lastContentHash = '';\n\n  function lang(): string {\n    return getCurrentWidgetLang();\n  }\n\n  function collectHeadings(): Array<{ tag: string; text: string; el: HTMLElement }> {\n    const results: Array<{ tag: string; text: string; el: HTMLElement }> = [];\n    const headings = document.querySelectorAll<HTMLElement>('h1, h2, h3, h4, h5, h6');\n    headings.forEach((el) => {\n      if (el.closest('#accessify-root')) return;\n      const text = el.textContent?.trim() || '';\n      if (text) results.push({ tag: el.tagName.toLowerCase(), text, el });\n    });\n    return results;\n  }\n\n  function collectLandmarks(): Array<{ role: string; label: string; el: HTMLElement }> {\n    const results: Array<{ role: string; label: string; el: HTMLElement }> = [];\n    const selectors = [\n      'main', 'nav', 'aside', 'header', 'footer', 'section[aria-label]',\n      'section[aria-labelledby]', '[role=\"main\"]', '[role=\"navigation\"]',\n      '[role=\"complementary\"]', '[role=\"banner\"]', '[role=\"contentinfo\"]',\n      '[role=\"search\"]',\n    ];\n    const els = document.querySelectorAll<HTMLElement>(selectors.join(','));\n    els.forEach((el) => {\n      if (el.closest('#accessify-root')) return;\n      const role = el.getAttribute('role') || el.tagName.toLowerCase();\n      const label = el.getAttribute('aria-label') || el.getAttribute('aria-labelledby') || role;\n      results.push({ role, label, el });\n    });\n    return results;\n  }\n\n  function buildPanel() {\n    panelEl = document.createElement('div');\n    panelEl.id = PANEL_ID;\n    panelEl.setAttribute('role', 'dialog');\n    panelEl.setAttribute('aria-label', t('pageStructure.title', lang()));\n\n    const headings = collectHeadings();\n    const landmarks = collectLandmarks();\n\n    const indent: Record<string, string> = {\n      h1: '0', h2: '12px', h3: '24px', h4: '36px', h5: '48px', h6: '60px',\n    };\n\n    let html = `\n      <style>\n        #${PANEL_ID} {\n          position: fixed; top: 50%; left: 50%;\n          transform: translate(-50%, -50%);\n          z-index: 999998;\n          background: #fff; color: #1a1a1a;\n          border-radius: 12px; box-shadow: 0 8px 32px rgba(0,0,0,0.2);\n          padding: 24px; width: 400px; max-height: 80vh;\n          overflow-y: auto; font-family: system-ui, sans-serif;\n          font-size: 14px; line-height: 1.5;\n        }\n        #${PANEL_ID} h3 { margin: 0 0 12px; font-size: 16px; }\n        #${PANEL_ID} .ps-section { margin-bottom: 16px; }\n        #${PANEL_ID} .ps-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #888; margin-bottom: 6px; }\n        #${PANEL_ID} .ps-item {\n          display: block; width: 100%; text-align: left;\n          padding: 6px 8px; border: none; background: none;\n          cursor: pointer; border-radius: 6px; font-size: 13px;\n          color: #1a1a1a; font-family: inherit;\n        }\n        #${PANEL_ID} .ps-item:hover { background: #f0f0f2; }\n        #${PANEL_ID} .ps-item:focus-visible { outline: 2px solid #0055CC; outline-offset: 1px; }\n        #${PANEL_ID} .ps-tag { color: #888; font-size: 11px; margin-right: 6px; }\n        #${PANEL_ID} .ps-close {\n          position: absolute; top: 12px; right: 12px;\n          background: none; border: none; cursor: pointer;\n          font-size: 18px; color: #888; padding: 4px 8px; border-radius: 4px;\n        }\n        #${PANEL_ID} .ps-close:hover { background: #f0f0f2; }\n        @media (prefers-color-scheme: dark) {\n          #${PANEL_ID} { background: #1a1a1a; color: #f0f0f0; }\n          #${PANEL_ID} .ps-item { color: #f0f0f0; }\n          #${PANEL_ID} .ps-item:hover { background: #2a2a2e; }\n          #${PANEL_ID} .ps-close { color: #aaa; }\n          #${PANEL_ID} .ps-close:hover { background: #2a2a2e; }\n        }\n      </style>\n      <button class=\"ps-close\" aria-label=\"${t('widget.close', lang())}\">&times;</button>\n      <h3>${t('pageStructure.title', lang())}</h3>\n    `;\n\n    if (headings.length > 0) {\n      html += `<div class=\"ps-section\"><div class=\"ps-label\">${t('pageStructure.headings', lang())}</div>`;\n      headings.forEach((h, i) => {\n        html += `<button class=\"ps-item\" data-type=\"heading\" data-index=\"${i}\" style=\"padding-left:${indent[h.tag] || '0'}\">\n          <span class=\"ps-tag\">${h.tag}</span>${escapeHtml(h.text.slice(0, 80))}\n        </button>`;\n      });\n      html += '</div>';\n    }\n\n    if (landmarks.length > 0) {\n      html += `<div class=\"ps-section\"><div class=\"ps-label\">${t('pageStructure.landmarks', lang())}</div>`;\n      landmarks.forEach((lm, i) => {\n        html += `<button class=\"ps-item\" data-type=\"landmark\" data-index=\"${i}\">\n          <span class=\"ps-tag\">${escapeHtml(lm.role)}</span>${escapeHtml(lm.label.slice(0, 60))}\n        </button>`;\n      });\n      html += '</div>';\n    }\n\n    if (headings.length === 0 && landmarks.length === 0) {\n      html += `<p style=\"color:#888\">${t('pageStructure.empty', lang())}</p>`;\n    }\n\n    panelEl.innerHTML = html;\n\n    // Event delegation\n    panelEl.addEventListener('click', (e) => {\n      const btn = (e.target as HTMLElement).closest<HTMLElement>('.ps-item');\n      if (btn) {\n        const type = btn.dataset.type;\n        const idx = parseInt(btn.dataset.index || '0', 10);\n        let target: HTMLElement | undefined;\n        if (type === 'heading') target = headings[idx]?.el;\n        else if (type === 'landmark') target = landmarks[idx]?.el;\n        if (target) {\n          target.scrollIntoView({ behavior: 'smooth', block: 'center' });\n          target.focus({ preventScroll: true });\n        }\n      }\n      if ((e.target as HTMLElement).closest('.ps-close')) {\n        deactivate();\n      }\n    });\n\n    document.body.appendChild(panelEl);\n    const firstBtn = panelEl.querySelector<HTMLElement>('.ps-item, .ps-close');\n    firstBtn?.focus();\n  }\n\n  function escapeHtml(str: string): string {\n    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n  }\n\n  // --- Content hash for change detection ---\n  function contentHash(): string {\n    const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6');\n    let hash = '';\n    headings.forEach((el) => { hash += el.textContent?.trim().slice(0, 20) || ''; });\n    return hash;\n  }\n\n  function scheduleRefresh() {\n    if (!enabled || !panelEl) return;\n    if (debounceTimer) clearTimeout(debounceTimer);\n    debounceTimer = setTimeout(() => {\n      const newHash = contentHash();\n      if (newHash !== lastContentHash) {\n        lastContentHash = newHash;\n        panelEl?.remove();\n        buildPanel();\n      }\n    }, 300);\n  }\n\n  // --- SPA navigation detection ---\n  function setupSPAListeners() {\n    // Override pushState/replaceState to detect SPA navigation\n    if (!originalPushState) {\n      originalPushState = history.pushState;\n      history.pushState = function (...args: Parameters<typeof history.pushState>) {\n        originalPushState!.apply(this, args);\n        scheduleRefresh();\n      };\n    }\n    if (!originalReplaceState) {\n      originalReplaceState = history.replaceState;\n      history.replaceState = function (...args: Parameters<typeof history.replaceState>) {\n        originalReplaceState!.apply(this, args);\n        scheduleRefresh();\n      };\n    }\n    window.addEventListener('popstate', boundPopstateHandler);\n  }\n\n  function teardownSPAListeners() {\n    if (originalPushState) {\n      history.pushState = originalPushState;\n      originalPushState = null;\n    }\n    if (originalReplaceState) {\n      history.replaceState = originalReplaceState;\n      originalReplaceState = null;\n    }\n    window.removeEventListener('popstate', boundPopstateHandler);\n  }\n\n  // --- MutationObserver for dynamic content ---\n  function setupObserver() {\n    if (mutationObserver) return;\n    mutationObserver = new MutationObserver(() => scheduleRefresh());\n    const target = document.querySelector('main') || document.body;\n    mutationObserver.observe(target, { childList: true, subtree: true });\n  }\n\n  function teardownObserver() {\n    mutationObserver?.disconnect();\n    mutationObserver = null;\n    if (debounceTimer) { clearTimeout(debounceTimer); debounceTimer = null; }\n  }\n\n  function activate() {\n    enabled = true;\n    lastContentHash = contentHash();\n    buildPanel();\n    setupObserver();\n    setupSPAListeners();\n  }\n\n  function deactivate() {\n    enabled = false;\n    teardownObserver();\n    teardownSPAListeners();\n    panelEl?.remove();\n    panelEl = null;\n  }\n\n  return {\n    id: 'page-structure',\n    name: () => 'Page Structure',\n    description: 'View headings and landmarks for quick navigation',\n    icon: 'page-structure',\n    category: 'motor',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({ id: 'page-structure', enabled }),\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/{reading-guide-C_jxzorm.js → reading-guide-VT8NciIL.js}

@@ -32,10 +32,6 @@ function createReadingGuideModule() {
       updateGuidePosition();
     }
   }
-  function handleResize() {
-    currentY = Math.min(currentY, window.innerHeight);
-    updateGuidePosition();
-  }
   function updateGuidePosition() {
     if (!guideEl) return;
     const halfHeight = options.height / 2;
@@ -81,14 +77,12 @@ function createReadingGuideModule() {
     document.addEventListener("mousemove", handleMouseMove, { passive: true });
     document.addEventListener("touchmove", handleTouchMove, { passive: true });
     document.addEventListener("keydown", handleKeyDown);
-    window.addEventListener("resize", handleResize, { passive: true });
   }
   function deactivate() {
     enabled = false;
     document.removeEventListener("mousemove", handleMouseMove);
     document.removeEventListener("touchmove", handleTouchMove);
     document.removeEventListener("keydown", handleKeyDown);
-    window.removeEventListener("resize", handleResize);
     if (guideEl) {
       guideEl.remove();
       guideEl = null;
@@ -125,4 +119,4 @@ function createReadingGuideModule() {
 export {
   createReadingGuideModule as default
 };
-//# sourceMappingURL=reading-guide-C_jxzorm.js.map
+//# sourceMappingURL=reading-guide-VT8NciIL.js.map

package/dist/reading-guide-VT8NciIL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reading-guide-VT8NciIL.js","sources":["../src/features/reading-guide.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\ninterface ReadingGuideOptions {\n  height: number;\n  opacity: number;\n}\n\nconst DEFAULT_OPTIONS: ReadingGuideOptions = {\n  height: 8,\n  opacity: 0.3,\n};\n\nexport default function createReadingGuideModule(): FeatureModule {\n  let enabled = false;\n  let guideEl: HTMLDivElement | null = null;\n  let currentY = 0;\n  let options: ReadingGuideOptions = { ...DEFAULT_OPTIONS };\n  const STORAGE_KEY = 'accessify-reading-guide';\n  const GUIDE_ID = 'accessify-reading-guide';\n\n  function handleMouseMove(e: MouseEvent) {\n    currentY = e.clientY;\n    updateGuidePosition();\n  }\n\n  function handleTouchMove(e: TouchEvent) {\n    if (e.touches.length > 0) {\n      currentY = e.touches[0].clientY;\n      updateGuidePosition();\n    }\n  }\n\n  function handleKeyDown(e: KeyboardEvent) {\n    if (!enabled || !guideEl) return;\n    const STEP = 10;\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      currentY = Math.max(0, currentY - STEP);\n      updateGuidePosition();\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      currentY = Math.min(window.innerHeight, currentY + STEP);\n      updateGuidePosition();\n    }\n  }\n\n  function updateGuidePosition() {\n    if (!guideEl) return;\n    const halfHeight = options.height / 2;\n    guideEl.style.top = `${currentY - halfHeight}px`;\n  }\n\n  function createGuideElement(): HTMLDivElement {\n    const el = document.createElement('div');\n    el.id = GUIDE_ID;\n    el.setAttribute('role', 'presentation');\n    el.setAttribute('aria-hidden', 'true');\n    Object.assign(el.style, {\n      position: 'fixed',\n      left: '0',\n      width: '100%',\n      height: `${options.height}px`,\n      backgroundColor: `rgba(255, 255, 0, ${options.opacity})`,\n      pointerEvents: 'none',\n      zIndex: '2147483646',\n      top: '50%',\n      transition: 'top 0.05s linear',\n      boxShadow: '0 0 4px rgba(0,0,0,0.2)',\n    });\n    return el;\n  }\n\n  function activate() {\n    enabled = true;\n    const saved = localStorage.getItem(STORAGE_KEY);\n    if (saved) {\n      try {\n        const parsed = JSON.parse(saved);\n        options = {\n          height: Math.min(60, Math.max(2, parsed.height ?? DEFAULT_OPTIONS.height)),\n          opacity: Math.min(1, Math.max(0.1, parsed.opacity ?? DEFAULT_OPTIONS.opacity)),\n        };\n      } catch {\n        options = { ...DEFAULT_OPTIONS };\n      }\n    }\n\n    guideEl = createGuideElement();\n    document.documentElement.appendChild(guideEl);\n\n    currentY = window.innerHeight / 2;\n    updateGuidePosition();\n\n    document.addEventListener('mousemove', handleMouseMove, { passive: true });\n    document.addEventListener('touchmove', handleTouchMove, { passive: true });\n    document.addEventListener('keydown', handleKeyDown);\n  }\n\n  function deactivate() {\n    enabled = false;\n    document.removeEventListener('mousemove', handleMouseMove);\n    document.removeEventListener('touchmove', handleTouchMove);\n    document.removeEventListener('keydown', handleKeyDown);\n\n    if (guideEl) {\n      guideEl.remove();\n      guideEl = null;\n    }\n    localStorage.removeItem(STORAGE_KEY);\n  }\n\n  return {\n    id: 'reading-guide',\n    name: () => 'Reading Guide',\n    description: 'Horizontal ruler that follows your cursor for easier reading',\n    icon: 'reading-guide',\n    category: 'cognitive',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({\n      id: 'reading-guide',\n      enabled,\n      value: { ...options },\n    }),\n    setState: (newOptions: Partial<ReadingGuideOptions>) => {\n      options = {\n        height: Math.min(60, Math.max(2, newOptions.height ?? options.height)),\n        opacity: Math.min(1, Math.max(0.1, newOptions.opacity ?? options.opacity)),\n      };\n      localStorage.setItem(STORAGE_KEY, JSON.stringify(options));\n\n      if (guideEl) {\n        guideEl.style.height = `${options.height}px`;\n        guideEl.style.backgroundColor = `rgba(255, 255, 0, ${options.opacity})`;\n        updateGuidePosition();\n      }\n    },\n  };\n}\n"],"names":["DEFAULT_OPTIONS"],"mappings":"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"}

package/dist/{reading-mask-B_NxbhTN.js → reading-mask-BABChuCz.js}

@@ -20,51 +20,37 @@ function createReadingMaskModule() {
     document.body.appendChild(maskTop);
     document.body.appendChild(maskBottom);
   }
-  let lastY = 0;
-  function updateMask(y) {
+  function handleMouseMove(e) {
     if (!maskTop || !maskBottom) return;
-    lastY = y;
+    const y = e.clientY;
     const half = viewportHeight / 2;
     const topH = Math.max(0, y - half);
     const bottomH = Math.max(0, window.innerHeight - y - half);
     maskTop.style.height = topH + "px";
     maskBottom.style.height = bottomH + "px";
   }
-  function handleMouseMove(e) {
-    updateMask(e.clientY);
-  }
-  function handleTouchMove(e) {
-    if (e.touches.length > 0) {
-      updateMask(e.touches[0].clientY);
-    }
-  }
   function handleKeyDown(e) {
     if (!maskTop || !maskBottom) return;
     if (e.key === "ArrowUp" || e.key === "ArrowDown") {
       const active = document.activeElement;
       if (!active) return;
       const rect = active.getBoundingClientRect();
-      updateMask(rect.top + rect.height / 2);
+      const y = rect.top + rect.height / 2;
+      const half = viewportHeight / 2;
+      maskTop.style.height = Math.max(0, y - half) + "px";
+      maskBottom.style.height = Math.max(0, window.innerHeight - y - half) + "px";
     }
   }
-  function handleResize() {
-    const clamped = Math.min(lastY, window.innerHeight);
-    updateMask(clamped);
-  }
   function activate() {
     enabled = true;
     createOverlays();
     document.addEventListener("mousemove", handleMouseMove);
-    document.addEventListener("touchmove", handleTouchMove, { passive: true });
     document.addEventListener("keydown", handleKeyDown);
-    window.addEventListener("resize", handleResize, { passive: true });
   }
   function deactivate() {
     enabled = false;
     document.removeEventListener("mousemove", handleMouseMove);
-    document.removeEventListener("touchmove", handleTouchMove);
     document.removeEventListener("keydown", handleKeyDown);
-    window.removeEventListener("resize", handleResize);
     maskTop?.remove();
     maskBottom?.remove();
     maskTop = null;
@@ -87,4 +73,4 @@ function createReadingMaskModule() {
 export {
   createReadingMaskModule as default
 };
-//# sourceMappingURL=reading-mask-B_NxbhTN.js.map
+//# sourceMappingURL=reading-mask-BABChuCz.js.map

package/dist/reading-mask-BABChuCz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reading-mask-BABChuCz.js","sources":["../src/features/reading-mask.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\nexport default function createReadingMaskModule(): FeatureModule {\n  let enabled = false;\n  let maskTop: HTMLElement | null = null;\n  let maskBottom: HTMLElement | null = null;\n  let viewportHeight = 120;\n\n  const STORAGE_KEY = 'accessify-reading-mask';\n\n  function createOverlays() {\n    maskTop = document.createElement('div');\n    maskBottom = document.createElement('div');\n\n    const baseStyle = `\n      position: fixed; left: 0; right: 0; z-index: 999990;\n      background: rgba(0, 0, 0, 0.65); pointer-events: none;\n      transition: top 80ms ease, bottom 80ms ease, height 80ms ease;\n    `;\n    maskTop.setAttribute('style', baseStyle + 'top: 0;');\n    maskTop.setAttribute('aria-hidden', 'true');\n    maskTop.id = 'accessify-mask-top';\n    maskBottom.setAttribute('style', baseStyle + 'bottom: 0;');\n    maskBottom.setAttribute('aria-hidden', 'true');\n    maskBottom.id = 'accessify-mask-bottom';\n\n    document.body.appendChild(maskTop);\n    document.body.appendChild(maskBottom);\n  }\n\n  function handleMouseMove(e: MouseEvent) {\n    if (!maskTop || !maskBottom) return;\n    const y = e.clientY;\n    const half = viewportHeight / 2;\n    const topH = Math.max(0, y - half);\n    const bottomH = Math.max(0, window.innerHeight - y - half);\n    maskTop.style.height = topH + 'px';\n    maskBottom.style.height = bottomH + 'px';\n  }\n\n  function handleKeyDown(e: KeyboardEvent) {\n    if (!maskTop || !maskBottom) return;\n    if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n      const active = document.activeElement as HTMLElement | null;\n      if (!active) return;\n      const rect = active.getBoundingClientRect();\n      const y = rect.top + rect.height / 2;\n      const half = viewportHeight / 2;\n      maskTop.style.height = Math.max(0, y - half) + 'px';\n      maskBottom.style.height = Math.max(0, window.innerHeight - y - half) + 'px';\n    }\n  }\n\n  function activate() {\n    enabled = true;\n    createOverlays();\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('keydown', handleKeyDown);\n  }\n\n  function deactivate() {\n    enabled = false;\n    document.removeEventListener('mousemove', handleMouseMove);\n    document.removeEventListener('keydown', handleKeyDown);\n    maskTop?.remove();\n    maskBottom?.remove();\n    maskTop = null;\n    maskBottom = null;\n  }\n\n  return {\n    id: 'reading-mask',\n    name: () => 'Reading Mask',\n    description: 'Focus window that dims surrounding content',\n    icon: 'reading-mask',\n    category: 'motor',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({ id: 'reading-mask', enabled, value: viewportHeight }),\n    setState: (height: number) => {\n      viewportHeight = Math.min(400, Math.max(60, height));\n    },\n  };\n}\n"],"names":[],"mappings":"AAEA,SAAwB,0BAAyC;AAC/D,MAAI,UAAU;AACd,MAAI,UAA8B;AAClC,MAAI,aAAiC;AACrC,MAAI,iBAAiB;AAIrB,WAAS,iBAAiB;AACxB,cAAU,SAAS,cAAc,KAAK;AACtC,iBAAa,SAAS,cAAc,KAAK;AAEzC,UAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAKlB,YAAQ,aAAa,SAAS,YAAY,SAAS;AACnD,YAAQ,aAAa,eAAe,MAAM;AAC1C,YAAQ,KAAK;AACb,eAAW,aAAa,SAAS,YAAY,YAAY;AACzD,eAAW,aAAa,eAAe,MAAM;AAC7C,eAAW,KAAK;AAEhB,aAAS,KAAK,YAAY,OAAO;AACjC,aAAS,KAAK,YAAY,UAAU;AAAA,EACtC;AAEA,WAAS,gBAAgB,GAAe;AACtC,QAAI,CAAC,WAAW,CAAC,WAAY;AAC7B,UAAM,IAAI,EAAE;AACZ,UAAM,OAAO,iBAAiB;AAC9B,UAAM,OAAO,KAAK,IAAI,GAAG,IAAI,IAAI;AACjC,UAAM,UAAU,KAAK,IAAI,GAAG,OAAO,cAAc,IAAI,IAAI;AACzD,YAAQ,MAAM,SAAS,OAAO;AAC9B,eAAW,MAAM,SAAS,UAAU;AAAA,EACtC;AAEA,WAAS,cAAc,GAAkB;AACvC,QAAI,CAAC,WAAW,CAAC,WAAY;AAC7B,QAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;AAChD,YAAM,SAAS,SAAS;AACxB,UAAI,CAAC,OAAQ;AACb,YAAM,OAAO,OAAO,sBAAA;AACpB,YAAM,IAAI,KAAK,MAAM,KAAK,SAAS;AACnC,YAAM,OAAO,iBAAiB;AAC9B,cAAQ,MAAM,SAAS,KAAK,IAAI,GAAG,IAAI,IAAI,IAAI;AAC/C,iBAAW,MAAM,SAAS,KAAK,IAAI,GAAG,OAAO,cAAc,IAAI,IAAI,IAAI;AAAA,IACzE;AAAA,EACF;AAEA,WAAS,WAAW;AAClB,cAAU;AACV,mBAAA;AACA,aAAS,iBAAiB,aAAa,eAAe;AACtD,aAAS,iBAAiB,WAAW,aAAa;AAAA,EACpD;AAEA,WAAS,aAAa;AACpB,cAAU;AACV,aAAS,oBAAoB,aAAa,eAAe;AACzD,aAAS,oBAAoB,WAAW,aAAa;AACrD,aAAS,OAAA;AACT,gBAAY,OAAA;AACZ,cAAU;AACV,iBAAa;AAAA,EACf;AAEA,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,OAAqB,EAAE,IAAI,gBAAgB,SAAS,OAAO;IACrE,UAAU,CAAC,WAAmB;AAC5B,uBAAiB,KAAK,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC;AAAA,IACrD;AAAA,EAAA;AAEJ;"}