accessify-widget 0.2.1 → 0.2.3

package/dist/auto-scan-pg-09o7A.js

@@ -1,885 +0,0 @@
-let axe = null;
-function createAutoScanModule(lang = "de") {
-  let enabled = false;
-  let styleEl = null;
-  let panelEl = null;
-  let lastResult = null;
-  let isScanning = false;
-  const STYLE_ID = "accessify-scan-styles";
-  const PANEL_CLASS = "accessify-scan-panel";
-  function getStyles() {
-    return `
-      .${PANEL_CLASS} {
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        z-index: 2147483646;
-        width: 560px;
-        max-width: 92vw;
-        max-height: 80vh;
-        background: #1a1a2e;
-        color: #f0f0f0;
-        border-radius: 14px;
-        box-shadow: 0 12px 48px rgba(0,0,0,0.5);
-        font-family: system-ui, -apple-system, sans-serif;
-        font-size: 14px;
-        line-height: 1.5;
-        display: flex;
-        flex-direction: column;
-        animation: accessify-scan-fade-in 0.25s ease;
-      }
-
-      .${PANEL_CLASS}-backdrop {
-        position: fixed;
-        inset: 0;
-        z-index: 2147483645;
-        background: rgba(0,0,0,0.4);
-        animation: accessify-scan-fade-in 0.2s ease;
-      }
-
-      .${PANEL_CLASS}-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 16px 20px;
-        border-bottom: 1px solid rgba(255,255,255,0.08);
-        flex-shrink: 0;
-      }
-      .${PANEL_CLASS}-header h2 {
-        margin: 0;
-        font-size: 16px;
-        font-weight: 700;
-        color: #f0f0f0;
-      }
-      .${PANEL_CLASS}-close {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        width: 28px;
-        height: 28px;
-        padding: 0;
-        border: none;
-        border-radius: 6px;
-        background: transparent;
-        color: #888;
-        font-size: 18px;
-        cursor: pointer;
-      }
-      .${PANEL_CLASS}-close:hover { color: #fff; background: rgba(255,255,255,0.1); }
-      .${PANEL_CLASS}-close:focus-visible { outline: 2px solid #4ea8de; outline-offset: 1px; }
-
-      .${PANEL_CLASS}-body {
-        flex: 1;
-        overflow-y: auto;
-        padding: 16px 20px;
-      }
-
-      .${PANEL_CLASS}-score {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-        padding: 14px 16px;
-        background: rgba(255,255,255,0.04);
-        border-radius: 10px;
-        margin-bottom: 16px;
-      }
-      .${PANEL_CLASS}-score-ring {
-        position: relative;
-        width: 56px;
-        height: 56px;
-        flex-shrink: 0;
-      }
-      .${PANEL_CLASS}-score-ring svg {
-        transform: rotate(-90deg);
-      }
-      .${PANEL_CLASS}-score-ring .score-text {
-        position: absolute;
-        inset: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 16px;
-        font-weight: 700;
-      }
-      .${PANEL_CLASS}-score-details {
-        font-size: 13px;
-        color: #aaa;
-      }
-      .${PANEL_CLASS}-score-details strong {
-        color: #f0f0f0;
-        font-weight: 600;
-      }
-
-      .${PANEL_CLASS}-group {
-        margin-bottom: 14px;
-      }
-      .${PANEL_CLASS}-group-header {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        padding: 8px 12px;
-        border-radius: 8px;
-        font-size: 13px;
-        font-weight: 600;
-        margin-bottom: 6px;
-        cursor: pointer;
-        user-select: none;
-      }
-      .${PANEL_CLASS}-group-header:hover {
-        opacity: 0.9;
-      }
-      .${PANEL_CLASS}-group-header .count {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        min-width: 20px;
-        height: 20px;
-        padding: 0 6px;
-        border-radius: 10px;
-        font-size: 11px;
-        font-weight: 700;
-      }
-      .${PANEL_CLASS}-group[data-impact="critical"] .${PANEL_CLASS}-group-header {
-        background: rgba(220,53,69,0.12);
-        color: #f0a0a8;
-      }
-      .${PANEL_CLASS}-group[data-impact="critical"] .count {
-        background: rgba(220,53,69,0.3);
-      }
-      .${PANEL_CLASS}-group[data-impact="serious"] .${PANEL_CLASS}-group-header {
-        background: rgba(255,152,0,0.12);
-        color: #ffcc80;
-      }
-      .${PANEL_CLASS}-group[data-impact="serious"] .count {
-        background: rgba(255,152,0,0.3);
-      }
-      .${PANEL_CLASS}-group[data-impact="moderate"] .${PANEL_CLASS}-group-header {
-        background: rgba(255,193,7,0.12);
-        color: #ffd54f;
-      }
-      .${PANEL_CLASS}-group[data-impact="moderate"] .count {
-        background: rgba(255,193,7,0.3);
-      }
-      .${PANEL_CLASS}-group[data-impact="minor"] .${PANEL_CLASS}-group-header {
-        background: rgba(78,168,222,0.12);
-        color: #81d4fa;
-      }
-      .${PANEL_CLASS}-group[data-impact="minor"] .count {
-        background: rgba(78,168,222,0.3);
-      }
-
-      .${PANEL_CLASS}-violation {
-        padding: 10px 14px;
-        margin-bottom: 4px;
-        background: rgba(255,255,255,0.03);
-        border-radius: 6px;
-        border-left: 3px solid rgba(255,255,255,0.1);
-      }
-      .${PANEL_CLASS}-violation-desc {
-        font-size: 13px;
-        margin-bottom: 4px;
-      }
-      .${PANEL_CLASS}-violation-meta {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 8px;
-        font-size: 11px;
-        color: #888;
-      }
-      .${PANEL_CLASS}-violation-meta a {
-        color: #4ea8de;
-        text-decoration: none;
-      }
-      .${PANEL_CLASS}-violation-meta a:hover { text-decoration: underline; }
-      .${PANEL_CLASS}-violation-meta a:focus-visible {
-        outline: 2px solid #4ea8de;
-        outline-offset: 1px;
-      }
-
-      .${PANEL_CLASS}-footer {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 12px 20px;
-        border-top: 1px solid rgba(255,255,255,0.08);
-        flex-shrink: 0;
-        gap: 8px;
-        flex-wrap: wrap;
-      }
-      .${PANEL_CLASS}-footer button {
-        padding: 7px 16px;
-        border: 1px solid rgba(255,255,255,0.15);
-        border-radius: 7px;
-        background: rgba(255,255,255,0.08);
-        color: #f0f0f0;
-        font-size: 12px;
-        font-weight: 500;
-        cursor: pointer;
-        transition: background 0.15s ease;
-        white-space: nowrap;
-      }
-      .${PANEL_CLASS}-footer button:hover { background: rgba(255,255,255,0.18); }
-      .${PANEL_CLASS}-footer button:focus-visible { outline: 2px solid #4ea8de; outline-offset: 1px; }
-      .${PANEL_CLASS}-footer button.primary {
-        background: rgba(78,168,222,0.2);
-        color: #4ea8de;
-        border-color: rgba(78,168,222,0.3);
-      }
-      .${PANEL_CLASS}-footer button.primary:hover { background: rgba(78,168,222,0.35); }
-      .${PANEL_CLASS}-footer button.fix {
-        background: rgba(42,157,143,0.2);
-        color: #2a9d8f;
-        border-color: rgba(42,157,143,0.3);
-      }
-      .${PANEL_CLASS}-footer button.fix:hover { background: rgba(42,157,143,0.35); }
-
-      .${PANEL_CLASS}-spinner {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        gap: 14px;
-        padding: 40px 20px;
-        color: #aaa;
-        font-size: 14px;
-      }
-      .${PANEL_CLASS}-spinner::before {
-        content: '';
-        width: 28px;
-        height: 28px;
-        border: 3px solid rgba(78,168,222,0.2);
-        border-top-color: #4ea8de;
-        border-radius: 50%;
-        animation: accessify-scan-spin 0.7s linear infinite;
-      }
-
-      .${PANEL_CLASS}-empty {
-        text-align: center;
-        padding: 32px 20px;
-        color: #2a9d8f;
-        font-size: 15px;
-        font-weight: 600;
-      }
-      .${PANEL_CLASS}-empty .checkmark {
-        display: block;
-        font-size: 40px;
-        margin-bottom: 8px;
-      }
-
-      .${PANEL_CLASS}-fix-report {
-        padding: 12px 14px;
-        margin: 12px 0;
-        background: rgba(42,157,143,0.1);
-        border: 1px solid rgba(42,157,143,0.25);
-        border-radius: 8px;
-        font-size: 13px;
-        color: #81cec5;
-      }
-      .${PANEL_CLASS}-fix-report strong { color: #2a9d8f; }
-
-      @keyframes accessify-scan-fade-in {
-        from { opacity: 0; }
-        to { opacity: 1; }
-      }
-      @keyframes accessify-scan-spin {
-        to { transform: rotate(360deg); }
-      }
-    `;
-  }
-  function injectStyles() {
-    if (document.getElementById(STYLE_ID)) return;
-    styleEl = document.createElement("style");
-    styleEl.id = STYLE_ID;
-    styleEl.textContent = getStyles();
-    document.head.appendChild(styleEl);
-  }
-  function removeStyles() {
-    styleEl?.remove();
-    styleEl = null;
-    document.getElementById(STYLE_ID)?.remove();
-  }
-  async function loadAxe() {
-    if (axe) return;
-    if (window.axe) {
-      axe = window.axe;
-      return;
-    }
-    return new Promise((resolve, reject) => {
-      const script = document.createElement("script");
-      script.src = "https://cdnjs.cloudflare.com/ajax/libs/axe-core/4.10.2/axe.min.js";
-      script.crossOrigin = "anonymous";
-      script.onload = () => {
-        axe = window.axe;
-        if (!axe) {
-          reject(new Error("axe-core loaded but not available on window"));
-          return;
-        }
-        resolve();
-      };
-      script.onerror = () => reject(new Error("Failed to load axe-core"));
-      document.head.appendChild(script);
-    });
-  }
-  async function runScan() {
-    await loadAxe();
-    const results = await axe.run(document, {
-      exclude: ["#accessify-root"],
-      runOnly: {
-        type: "tag",
-        values: ["wcag2a", "wcag2aa", "wcag21a", "wcag21aa", "best-practice"]
-      }
-    });
-    const violations = results.violations.map((v) => ({
-      id: v.id,
-      impact: v.impact || "minor",
-      description: v.description,
-      helpUrl: v.helpUrl,
-      nodes: v.nodes.length,
-      wcagCriteria: extractWcagTags(v.tags)
-    }));
-    const scanResult = {
-      violations,
-      passes: results.passes.length,
-      count: results.passes.length + results.violations.length,
-      timestamp: Date.now()
-    };
-    lastResult = scanResult;
-    return scanResult;
-  }
-  function extractWcagTags(tags) {
-    return tags.filter(
-      (t) => /^wcag\d/.test(t) || t.startsWith("best-practice")
-    );
-  }
-  function showPanel() {
-    removePanel();
-    injectStyles();
-    const backdrop = document.createElement("div");
-    backdrop.className = `${PANEL_CLASS}-backdrop`;
-    backdrop.addEventListener("click", () => removePanel());
-    document.body.appendChild(backdrop);
-    const panel = document.createElement("div");
-    panel.className = PANEL_CLASS;
-    panel.setAttribute("role", "dialog");
-    panel.setAttribute("aria-label", lang.startsWith("de") ? "WCAG-Prüfergebnisse" : "WCAG Scan Results");
-    panel.setAttribute("aria-modal", "true");
-    const header = document.createElement("div");
-    header.className = `${PANEL_CLASS}-header`;
-    const title = document.createElement("h2");
-    title.textContent = lang.startsWith("de") ? "WCAG-Prüfung" : "WCAG Accessibility Scan";
-    const closeBtn = document.createElement("button");
-    closeBtn.className = `${PANEL_CLASS}-close`;
-    closeBtn.setAttribute("aria-label", lang.startsWith("de") ? "Schließen" : "Close");
-    closeBtn.innerHTML = "×";
-    closeBtn.addEventListener("click", () => removePanel());
-    header.appendChild(title);
-    header.appendChild(closeBtn);
-    panel.appendChild(header);
-    const body = document.createElement("div");
-    body.className = `${PANEL_CLASS}-body`;
-    panel.appendChild(body);
-    document.body.appendChild(panel);
-    panelEl = panel;
-    showLoading(body);
-    performScan(body, panel);
-    const handleEsc = (e) => {
-      if (e.key === "Escape") {
-        removePanel();
-        document.removeEventListener("keydown", handleEsc);
-      }
-    };
-    document.addEventListener("keydown", handleEsc);
-  }
-  function showLoading(body) {
-    body.innerHTML = "";
-    const spinner = document.createElement("div");
-    spinner.className = `${PANEL_CLASS}-spinner`;
-    const text = document.createElement("span");
-    text.textContent = lang.startsWith("de") ? "Seite wird auf Barrierefreiheit geprüft..." : "Scanning page for accessibility issues...";
-    spinner.appendChild(text);
-    const hint = document.createElement("span");
-    hint.style.fontSize = "12px";
-    hint.style.color = "#666";
-    hint.textContent = lang.startsWith("de") ? "axe-core wird geladen und analysiert die Seite" : "Loading axe-core and analyzing the page";
-    spinner.appendChild(hint);
-    body.appendChild(spinner);
-  }
-  async function performScan(body, panel) {
-    isScanning = true;
-    try {
-      const result = await runScan();
-      isScanning = false;
-      renderResults(body, panel, result);
-    } catch (err) {
-      isScanning = false;
-      body.innerHTML = "";
-      const errorEl = document.createElement("div");
-      errorEl.style.cssText = "padding: 20px; text-align: center; color: #f0a0a8;";
-      errorEl.textContent = lang.startsWith("de") ? `Fehler beim Scannen: ${err.message}` : `Scan error: ${err.message}`;
-      body.appendChild(errorEl);
-      addFooter(panel, null);
-    }
-  }
-  function renderResults(body, panel, result) {
-    body.innerHTML = "";
-    if (result.violations.length === 0) {
-      const empty = document.createElement("div");
-      empty.className = `${PANEL_CLASS}-empty`;
-      empty.innerHTML = `
-        <span class="checkmark" aria-hidden="true">&#10003;</span>
-        ${lang.startsWith("de") ? "Keine Probleme gefunden!" : "No issues found!"}
-      `;
-      body.appendChild(empty);
-      renderScore(body, result);
-      addFooter(panel, result);
-      return;
-    }
-    renderScore(body, result);
-    const groups = {
-      critical: [],
-      serious: [],
-      moderate: [],
-      minor: []
-    };
-    result.violations.forEach((v) => {
-      const impact = v.impact || "minor";
-      if (groups[impact]) {
-        groups[impact].push(v);
-      } else {
-        groups.minor.push(v);
-      }
-    });
-    const impactLabels = {
-      critical: { de: "Kritisch", en: "Critical" },
-      serious: { de: "Schwerwiegend", en: "Serious" },
-      moderate: { de: "Mittel", en: "Moderate" },
-      minor: { de: "Gering", en: "Minor" }
-    };
-    for (const [impact, violations] of Object.entries(groups)) {
-      if (violations.length === 0) continue;
-      const group = document.createElement("div");
-      group.className = `${PANEL_CLASS}-group`;
-      group.setAttribute("data-impact", impact);
-      const groupHeader = document.createElement("div");
-      groupHeader.className = `${PANEL_CLASS}-group-header`;
-      const chevron = document.createElement("span");
-      chevron.textContent = "▼";
-      chevron.style.fontSize = "10px";
-      chevron.style.transition = "transform 0.15s ease";
-      const label = document.createElement("span");
-      const resolvedLang = lang.startsWith("de") ? "de" : "en";
-      label.textContent = impactLabels[impact]?.[resolvedLang] || impact;
-      const count = document.createElement("span");
-      count.className = "count";
-      count.textContent = String(violations.length);
-      groupHeader.appendChild(chevron);
-      groupHeader.appendChild(label);
-      groupHeader.appendChild(count);
-      const groupBody = document.createElement("div");
-      let collapsed = false;
-      groupHeader.addEventListener("click", () => {
-        collapsed = !collapsed;
-        groupBody.style.display = collapsed ? "none" : "block";
-        chevron.style.transform = collapsed ? "rotate(-90deg)" : "rotate(0)";
-      });
-      violations.forEach((v) => {
-        const item = document.createElement("div");
-        item.className = `${PANEL_CLASS}-violation`;
-        const desc = document.createElement("div");
-        desc.className = `${PANEL_CLASS}-violation-desc`;
-        desc.textContent = v.description;
-        const meta = document.createElement("div");
-        meta.className = `${PANEL_CLASS}-violation-meta`;
-        const nodeCount = document.createElement("span");
-        nodeCount.textContent = lang.startsWith("de") ? `${v.nodes} ${v.nodes === 1 ? "Element" : "Elemente"}` : `${v.nodes} ${v.nodes === 1 ? "element" : "elements"}`;
-        meta.appendChild(nodeCount);
-        if (v.wcagCriteria.length > 0) {
-          const criteria = document.createElement("span");
-          criteria.textContent = v.wcagCriteria.join(", ");
-          meta.appendChild(criteria);
-        }
-        const learnMore = document.createElement("a");
-        learnMore.href = v.helpUrl;
-        learnMore.target = "_blank";
-        learnMore.rel = "noopener noreferrer";
-        learnMore.textContent = lang.startsWith("de") ? "Mehr erfahren" : "Learn more";
-        meta.appendChild(learnMore);
-        item.appendChild(desc);
-        item.appendChild(meta);
-        groupBody.appendChild(item);
-      });
-      group.appendChild(groupHeader);
-      group.appendChild(groupBody);
-      body.appendChild(group);
-    }
-    addFooter(panel, result);
-  }
-  function renderScore(body, result) {
-    const scoreBlock = document.createElement("div");
-    scoreBlock.className = `${PANEL_CLASS}-score`;
-    const total = result.count;
-    const passed = result.passes;
-    const percentage = total > 0 ? Math.round(passed / total * 100) : 100;
-    let color = "#2a9d8f";
-    if (percentage < 60) color = "#e63946";
-    else if (percentage < 80) color = "#f77f00";
-    else if (percentage < 95) color = "#ffd166";
-    const ring = document.createElement("div");
-    ring.className = `${PANEL_CLASS}-score-ring`;
-    const circumference = 2 * Math.PI * 22;
-    const offset = circumference - percentage / 100 * circumference;
-    ring.innerHTML = `
-      <svg width="56" height="56" viewBox="0 0 56 56" aria-hidden="true">
-        <circle cx="28" cy="28" r="22" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="4" />
-        <circle cx="28" cy="28" r="22" fill="none" stroke="${color}" stroke-width="4"
-          stroke-dasharray="${circumference}" stroke-dashoffset="${offset}" stroke-linecap="round" />
-      </svg>
-      <div class="score-text" style="color:${color}">${percentage}%</div>
-    `;
-    const details = document.createElement("div");
-    details.className = `${PANEL_CLASS}-score-details`;
-    details.innerHTML = lang.startsWith("de") ? `<strong>${passed}</strong> von <strong>${total}</strong> Prüfungen bestanden<br>${result.violations.length} ${result.violations.length === 1 ? "Problem" : "Probleme"} gefunden` : `<strong>${passed}</strong> of <strong>${total}</strong> checks passed<br>${result.violations.length} ${result.violations.length === 1 ? "issue" : "issues"} found`;
-    scoreBlock.appendChild(ring);
-    scoreBlock.appendChild(details);
-    body.insertBefore(scoreBlock, body.firstChild);
-  }
-  function addFooter(panel, result) {
-    panel.querySelector(`.${PANEL_CLASS}-footer`)?.remove();
-    const footer = document.createElement("div");
-    footer.className = `${PANEL_CLASS}-footer`;
-    const leftGroup = document.createElement("div");
-    leftGroup.style.display = "flex";
-    leftGroup.style.gap = "6px";
-    const rescanBtn = document.createElement("button");
-    rescanBtn.classList.add("primary");
-    rescanBtn.textContent = lang.startsWith("de") ? "Erneut prüfen" : "Rescan";
-    rescanBtn.addEventListener("click", () => {
-      const body = panel.querySelector(`.${PANEL_CLASS}-body`);
-      if (body) {
-        showLoading(body);
-        performScan(body, panel);
-      }
-    });
-    leftGroup.appendChild(rescanBtn);
-    if (result && result.violations.length > 0) {
-      const fixableCount = countFixableIssues(result.violations);
-      if (fixableCount > 0) {
-        const fixBtn = document.createElement("button");
-        fixBtn.classList.add("fix");
-        fixBtn.textContent = lang.startsWith("de") ? `${fixableCount} automatisch beheben` : `Auto-fix ${fixableCount} ${fixableCount === 1 ? "issue" : "issues"}`;
-        fixBtn.addEventListener("click", () => {
-          const report = applyAutoFixes(result.violations);
-          const body = panel.querySelector(`.${PANEL_CLASS}-body`);
-          if (body) {
-            showFixReport(body, report);
-          }
-        });
-        leftGroup.appendChild(fixBtn);
-      }
-    }
-    const rightGroup = document.createElement("div");
-    rightGroup.style.display = "flex";
-    rightGroup.style.gap = "6px";
-    if (result) {
-      const exportBtn = document.createElement("button");
-      exportBtn.textContent = lang.startsWith("de") ? "JSON exportieren" : "Export JSON";
-      exportBtn.addEventListener("click", () => {
-        exportResultsAsJson(result);
-      });
-      rightGroup.appendChild(exportBtn);
-    }
-    const closeBtn = document.createElement("button");
-    closeBtn.textContent = lang.startsWith("de") ? "Schließen" : "Close";
-    closeBtn.addEventListener("click", () => removePanel());
-    rightGroup.appendChild(closeBtn);
-    footer.appendChild(leftGroup);
-    footer.appendChild(rightGroup);
-    panel.appendChild(footer);
-  }
-  const FIXABLE_RULES = {
-    "html-has-lang": {
-      label: "Added lang attribute to <html>",
-      labelDe: "lang-Attribut zu <html> hinzugefügt",
-      fix: () => fixMissingLang()
-    },
-    "document-title": {
-      label: "Added page title",
-      labelDe: "Seitentitel hinzugefügt",
-      fix: () => fixMissingTitle()
-    },
-    bypass: {
-      label: "Added skip-to-content link",
-      labelDe: "Überspringen-Link hinzugefügt",
-      fix: () => fixMissingSkipLink()
-    },
-    "link-name": {
-      label: "Added aria-labels to empty links",
-      labelDe: "aria-label zu leeren Links hinzugefügt",
-      fix: () => fixEmptyLinks()
-    },
-    "button-name": {
-      label: "Added aria-labels to empty buttons",
-      labelDe: "aria-label zu leeren Buttons hinzugefügt",
-      fix: () => fixEmptyButtons()
-    },
-    "focus-order-semantics": {
-      label: "Added focus indicators CSS",
-      labelDe: "CSS-Fokus-Indikatoren hinzugefügt",
-      fix: () => fixMissingFocusIndicators()
-    }
-  };
-  function countFixableIssues(violations) {
-    return violations.filter((v) => FIXABLE_RULES[v.id]).length;
-  }
-  function applyAutoFixes(violations) {
-    const report = { fixed: [], skipped: [] };
-    const resolvedLang = lang.startsWith("de") ? "de" : "en";
-    violations.forEach((v) => {
-      const rule = FIXABLE_RULES[v.id];
-      if (!rule) return;
-      try {
-        const success = rule.fix();
-        if (success) {
-          report.fixed.push(resolvedLang === "de" ? rule.labelDe : rule.label);
-        } else {
-          report.skipped.push(
-            resolvedLang === "de" ? rule.labelDe : rule.label
-          );
-        }
-      } catch {
-        report.skipped.push(resolvedLang === "de" ? rule.labelDe : rule.label);
-      }
-    });
-    return report;
-  }
-  function showFixReport(body, report) {
-    body.querySelectorAll(`.${PANEL_CLASS}-fix-report`).forEach((el2) => el2.remove());
-    const el = document.createElement("div");
-    el.className = `${PANEL_CLASS}-fix-report`;
-    el.setAttribute("role", "status");
-    el.setAttribute("aria-live", "polite");
-    let html = "";
-    if (report.fixed.length > 0) {
-      html += `<strong>${lang.startsWith("de") ? "Behoben:" : "Fixed:"}</strong><br>`;
-      html += report.fixed.map((f) => `&#10003; ${f}`).join("<br>");
-    }
-    if (report.skipped.length > 0) {
-      if (html) html += "<br><br>";
-      html += `<strong>${lang.startsWith("de") ? "Übersprungen:" : "Skipped:"}</strong><br>`;
-      html += report.skipped.map((s) => `&#8226; ${s}`).join("<br>");
-    }
-    if (report.fixed.length === 0 && report.skipped.length === 0) {
-      html = lang.startsWith("de") ? "Keine automatisch behebbaren Probleme gefunden." : "No auto-fixable issues found.";
-    }
-    el.innerHTML = html;
-    body.insertBefore(el, body.firstChild);
-  }
-  function fixMissingLang() {
-    const html = document.documentElement;
-    if (html.hasAttribute("lang") && html.lang.trim() !== "") return false;
-    const detectedLang = detectContentLanguage();
-    html.setAttribute("lang", detectedLang);
-    return true;
-  }
-  function detectContentLanguage() {
-    const metaLang = document.querySelector(
-      'meta[http-equiv="content-language"]'
-    );
-    if (metaLang?.content) return metaLang.content;
-    const ogLocale = document.querySelector(
-      'meta[property="og:locale"]'
-    );
-    if (ogLocale?.content) return ogLocale.content.replace("_", "-");
-    const bodyText = (document.body.innerText || "").toLowerCase().slice(0, 2e3);
-    const germanIndicators = ["und", "der", "die", "das", "ist", "nicht", "ein", "eine", "mit", "auf"];
-    const englishIndicators = ["the", "and", "is", "are", "for", "not", "with", "this", "that", "was"];
-    let germanScore = 0;
-    let englishScore = 0;
-    germanIndicators.forEach((w) => {
-      const regex = new RegExp(`\\b${w}\\b`, "gi");
-      germanScore += (bodyText.match(regex) || []).length;
-    });
-    englishIndicators.forEach((w) => {
-      const regex = new RegExp(`\\b${w}\\b`, "gi");
-      englishScore += (bodyText.match(regex) || []).length;
-    });
-    return germanScore > englishScore ? "de" : "en";
-  }
-  function fixMissingTitle() {
-    let titleEl = document.querySelector("title");
-    if (titleEl && titleEl.textContent?.trim()) return false;
-    const h1 = document.querySelector("h1");
-    const titleText = h1?.textContent?.trim() || window.location.hostname || "Untitled Page";
-    if (!titleEl) {
-      titleEl = document.createElement("title");
-      document.head.appendChild(titleEl);
-    }
-    titleEl.textContent = titleText;
-    return true;
-  }
-  function fixMissingSkipLink() {
-    const existing = document.querySelector(
-      'a[href="#main"], a[href="#content"], a[href="#main-content"], .skip-link, .skip-to-content'
-    );
-    if (existing) return false;
-    const main = document.querySelector("main") || document.getElementById("main") || document.getElementById("content") || document.getElementById("main-content");
-    if (!main) {
-      const firstH = document.querySelector("h1, h2");
-      if (firstH && !firstH.id) {
-        firstH.id = "accessify-main-content";
-      }
-    }
-    const targetId = main?.id || (main ? main.id = "accessify-main-content" : "accessify-main-content");
-    const skipLink = document.createElement("a");
-    skipLink.href = `#${targetId}`;
-    skipLink.textContent = lang.startsWith("de") ? "Zum Inhalt springen" : "Skip to content";
-    skipLink.className = "accessify-skip-link";
-    Object.assign(skipLink.style, {
-      position: "absolute",
-      top: "-100px",
-      left: "0",
-      padding: "8px 16px",
-      background: "#1a1a2e",
-      color: "#4ea8de",
-      fontSize: "14px",
-      fontWeight: "600",
-      fontFamily: "system-ui, -apple-system, sans-serif",
-      textDecoration: "none",
-      zIndex: "2147483647",
-      borderRadius: "0 0 8px 0",
-      transition: "top 0.2s ease"
-    });
-    skipLink.addEventListener("focus", () => {
-      skipLink.style.top = "0";
-    });
-    skipLink.addEventListener("blur", () => {
-      skipLink.style.top = "-100px";
-    });
-    document.body.insertBefore(skipLink, document.body.firstChild);
-    return true;
-  }
-  function fixEmptyLinks() {
-    const emptyLinks = document.querySelectorAll(
-      "a:not([aria-label]):not([aria-labelledby])"
-    );
-    let fixedCount = 0;
-    emptyLinks.forEach((link) => {
-      const text = (link.textContent || "").trim();
-      const img = link.querySelector("img[alt]");
-      if (text || img && img.alt) return;
-      const title = link.title?.trim();
-      const href = link.href;
-      const imgInLink = link.querySelector("img");
-      const ariaLabel = title || (imgInLink ? imgInLink.alt : "") || (href ? new URL(href, window.location.href).hostname : "") || "Link";
-      {
-        link.setAttribute("aria-label", ariaLabel);
-        fixedCount++;
-      }
-    });
-    return fixedCount > 0;
-  }
-  function fixEmptyButtons() {
-    const emptyButtons = document.querySelectorAll(
-      "button:not([aria-label]):not([aria-labelledby])"
-    );
-    let fixedCount = 0;
-    emptyButtons.forEach((btn) => {
-      const text = (btn.textContent || "").trim();
-      if (text) return;
-      const title = btn.title?.trim();
-      const img = btn.querySelector("img[alt]");
-      const svg = btn.querySelector("svg");
-      const ariaLabel = title || (img ? img.alt : "") || (svg ? deriveNameFromSvg(svg) : "") || deriveNameFromClass(btn.className) || "Button";
-      btn.setAttribute("aria-label", ariaLabel);
-      fixedCount++;
-    });
-    return fixedCount > 0;
-  }
-  function fixMissingFocusIndicators() {
-    const FOCUS_STYLE_ID = "accessify-focus-fix";
-    if (document.getElementById(FOCUS_STYLE_ID)) return false;
-    const style = document.createElement("style");
-    style.id = FOCUS_STYLE_ID;
-    style.textContent = `
-      *:focus-visible {
-        outline: 3px solid #4ea8de !important;
-        outline-offset: 2px !important;
-      }
-    `;
-    document.head.appendChild(style);
-    return true;
-  }
-  function deriveNameFromSvg(svg) {
-    const svgTitle = svg.querySelector("title");
-    if (svgTitle?.textContent?.trim()) return svgTitle.textContent.trim();
-    const ariaLabel = svg.getAttribute("aria-label");
-    if (ariaLabel?.trim()) return ariaLabel.trim();
-    return "";
-  }
-  function deriveNameFromClass(className) {
-    if (!className) return "";
-    const words = className.replace(/[_-]/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").split(/\s+/).filter(
-      (w) => w.length > 2 && !["btn", "button", "icon", "svg", "img", "cls", "mod"].includes(
-        w.toLowerCase()
-      )
-    );
-    if (words.length > 0) {
-      return words.slice(0, 3).join(" ");
-    }
-    return "";
-  }
-  function exportResultsAsJson(result) {
-    const exportData = {
-      ...result,
-      url: window.location.href,
-      generatedBy: "Accessify WCAG Scanner",
-      exportedAt: (/* @__PURE__ */ new Date()).toISOString()
-    };
-    const json = JSON.stringify(exportData, null, 2);
-    const blob = new Blob([json], { type: "application/json" });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = `accessify-scan-${Date.now()}.json`;
-    a.click();
-    URL.revokeObjectURL(url);
-  }
-  function removePanel() {
-    panelEl?.remove();
-    panelEl = null;
-    document.querySelector(`.${PANEL_CLASS}-backdrop`)?.remove();
-  }
-  function activate() {
-    if (enabled) return;
-    enabled = true;
-    showPanel();
-  }
-  function deactivate() {
-    enabled = false;
-    removePanel();
-    removeStyles();
-  }
-  return {
-    id: "auto-scan",
-    name: () => lang.startsWith("de") ? "WCAG-Prüfung" : "WCAG Scan",
-    description: lang.startsWith("de") ? "Seite auf Barrierefreiheit prüfen" : "Scan page for accessibility issues",
-    icon: "scan",
-    category: "ai",
-    activate,
-    deactivate,
-    getState: () => ({
-      id: "auto-scan",
-      enabled,
-      value: lastResult ? {
-        violations: lastResult.violations.length,
-        passes: lastResult.passes,
-        total: lastResult.count,
-        timestamp: lastResult.timestamp
-      } : null
-    })
-  };
-}
-export {
-  createAutoScanModule as default
-};
-//# sourceMappingURL=auto-scan-pg-09o7A.js.map