/*
 * Tab trail 1.0, https://matjazkorosec.com/tools/tab-trail
 *
 * MIT License
 *
 * Copyright (c) 2026 Matjaž Korošec
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
(function(){
/* Tab trail 1.0. Copyright (c) 2026 Matjaž Korošec. MIT License. https://matjazkorosec.com/tools/tab-trail */
var VERSION = "1.0";
var ID = "tab-trail-host";
var prev = document.getElementById(ID);
if (prev) { prev.__close(); return; }
var NS = "http://www.w3.org/2000/svg";
var FOCUSABLE = "a[href],area[href],button,input,select,textarea,iframe,summary,audio[controls],video[controls],[contenteditable]:not([contenteditable='false']),[tabindex]";
var ROLES = /^(button|link|tab|menuitem|menuitemcheckbox|menuitemradio|checkbox|radio|switch|option|combobox|slider|treeitem)$/;

function walk(root, out) {
  var list = root.querySelectorAll("*");
  for (var i = 0; i < list.length; i++) {
    if (list[i].id === ID && (!skip || skip.checked)) continue;
    if (host && root === host.shadowRoot && (!panel.contains(list[i]) || (logList && logList.contains(list[i])))) continue;
    out.push(list[i]);
    if (list[i].shadowRoot) walk(list[i].shadowRoot, out);
  }
  return out;
}
function shown(el) {
  if (el.checkVisibility) return el.checkVisibility({ visibilityProperty: true, opacityProperty: false });
  var s = getComputedStyle(el);
  return s.display !== "none" && s.visibility !== "hidden" && el.getClientRects().length > 0;
}
function tabbable(el) {
  if (!el.matches(FOCUSABLE)) return false;
  if (el.tabIndex < 0 || el.disabled || el.closest("[inert]")) return false;
  if (el.tagName === "INPUT" && el.type === "hidden") return false;
  if (el.tagName === "SUMMARY" && (!el.parentElement || el.parentElement.tagName !== "DETAILS" || el.parentElement.querySelector("summary") !== el)) return false;
  return shown(el);
}

var stops = [], stopSet = new Set(), upSet = new Set(), missed = [];
var GROUP = "[role=tablist],[role=menu],[role=menubar],[role=listbox],[role=radiogroup],[role=grid],[role=treegrid],[role=tree],[role=toolbar]";
var ITEM = /^(tab|menuitem|menuitemcheckbox|menuitemradio|option|radio|gridcell|row|treeitem)$/;
function nearTab(el) {
  for (var p = el.parentElement; p; p = p.parentElement) if (stopSet.has(p)) return true;
  return upSet.has(el);
}
function roving(el) {
  var g = el.closest(GROUP);
  if (!g || (!ITEM.test(el.getAttribute("role") || "") && !(el.hasAttribute("tabindex") && el.tabIndex < 0))) return false;
  if (stopSet.has(g) || upSet.has(g)) return true;
  var id = g.id;
  return !!id && stops.some(function (s) { return (" " + (s.getAttribute("aria-controls") || "") + " " + (s.getAttribute("aria-owns") || "") + " ").indexOf(" " + id + " ") >= 0; });
}
function modal() {
  try {
    var l = document.querySelectorAll("dialog:modal");
    return l.length ? l[l.length - 1] : null;
  } catch (e) { return null; }
}
function within(m, e) {
  for (var n = e; n; n = n.parentNode || n.host) if (n === m) return true;
  return false;
}
function scan() {
  var all = walk(document, []);
  var top = modal();
  if (top) all = all.filter(function (e) { return within(top, e); });
  var found = all.filter(tabbable);
  var groups = {};
  found = found.filter(function (el) {
    if (el.tagName !== "INPUT" || el.type !== "radio" || !el.name) return true;
    var key = (el.form ? "f" : "d") + el.name;
    var g = groups[key] || (groups[key] = found.filter(function (x) { return x.tagName === "INPUT" && x.type === "radio" && x.name === el.name && x.form === el.form; }));
    var picked = g.filter(function (x) { return x.checked; })[0] || g[0];
    return picked === el;
  });
  var pos = found.filter(function (el) { return el.tabIndex > 0; }).sort(function (a, b) { return a.tabIndex - b.tabIndex; });
  stops = pos.concat(found.filter(function (el) { return el.tabIndex === 0; }));
  stopSet = new Set(stops);
  upSet = new Set();
  stops.forEach(function (s) {
    for (var p = s.parentElement; p && !upSet.has(p); p = p.parentElement) upSet.add(p);
  });
  var miss = all.filter(function (el) {
    if (stopSet.has(el) || el.closest("#" + ID) || (host && el.getRootNode() === host.shadowRoot)) return false;
    var t = el.tagName;
    if (t === "HTML" || t === "BODY" || t === "LABEL" || t === "OPTION" || t === "OPTGROUP") return false;
    if (el.closest("label") || el.disabled || el.closest("[inert]")) return false;
    var role = el.getAttribute("role") || "";
    var looks = el.hasAttribute("onclick") || ROLES.test(role);
    var s = getComputedStyle(el);
    if (s.pointerEvents === "none") return false;
    if (!looks) {
      if (s.cursor !== "pointer") return false;
      var ps = el.parentElement && getComputedStyle(el.parentElement);
      if (ps && ps.cursor === "pointer") return false;
    }
    if (!shown(el)) return false;
    var r = el.getBoundingClientRect();
    if (r.width < 8 || r.height < 8) return false;
    return !nearTab(el) && !roving(el);
  });
  var missSet = new Set(miss);
  missed = miss.filter(function (el) {
    for (var p = el.parentElement; p; p = p.parentElement) if (missSet.has(p)) return false;
    return true;
  });
  hoverScan();
}
var hovers = [], hoverOk = [], hovRule = new Map();
var HOVER = ":hover", FOC = ":focus-within|:focus-visible|:focus";
function parts(sel) {
  var out = [], depth = 0, start = 0;
  for (var i = 0; i < sel.length; i++) {
    var ch = sel.charAt(i);
    if (ch === "(") depth++;
    else if (ch === ")") depth--;
    else if (ch === "," && !depth) { out.push(sel.slice(start, i).trim()); start = i + 1; }
  }
  out.push(sel.slice(start).trim());
  return out;
}
function bare(sel, re) {
  return sel.replace(new RegExp("(^|[\\s>+~(])(" + re + ")", "g"), "$1*").replace(new RegExp(re, "g"), "");
}
function reveals(st) {
  var d = st.getPropertyValue("display"), v = st.getPropertyValue("visibility"), o = st.getPropertyValue("opacity"), mh = st.getPropertyValue("max-height");
  return (d !== "" && d !== "none") || v === "visible" || (o !== "" && parseFloat(o) > 0) || (mh !== "" && mh !== "0" && mh !== "0px");
}
var cssRules = 0, cssSheets = 0, cssBlocked = [];
function nest(sel, up) {
  if (!up) return sel;
  return parts(sel).map(function (q) { return q.indexOf("&") >= 0 ? q.split("&").join(":is(" + up + ")") : ":is(" + up + ") " + q; }).join(", ");
}
function depth(p, k) {
  var d = 0;
  for (var i = 0; i < k; i++) {
    var ch = p.charAt(i);
    if (ch === "\\") i++;
    else if (ch === "(") d++;
    else if (ch === ")") d--;
  }
  return d;
}
function compound(p, k) {
  var d = 0, i = k - 1;
  for (; i >= 0; i--) {
    var ch = p.charAt(i);
    if (i > 0 && p.charAt(i - 1) === "\\") {
      i--;
      continue;
    }
    if (ch === ")") d++;
    else if (ch === "(") {
      if (!d) break;
      d--;
    } else if (!d && /[\s>+~,]/.test(ch)) break;
  }
  var c = p.slice(i + 1, k).trim();
  return c ? bare(c, HOVER) : "";
}
function selfFocus(p) {
  var m = p.match(new RegExp(FOC)), k = m ? m.index + m[0].length : -1;
  if (k < 0 || depth(p, k)) return false;
  for (var d = 0; k < p.length; k++) {
    var ch = p.charAt(k);
    if (ch === "\\") k++;
    else if (ch === "(") d++;
    else if (ch === ")") d--;
    else if (!d && /[\s>+~]/.test(ch)) return false;
  }
  return true;
}
var sheetMemo = new WeakMap();
function readRules() {
  var hov = [], foc = [];
  cssRules = 0;
  cssSheets = 0;
  cssBlocked = [];
  function take(sel, src) {
    parts(sel).forEach(function (p) {
      if (/:focus/.test(p)) return foc.push([bare(p, FOC), selfFocus(p)]);
      var k = p.indexOf(HOVER), on;
      if (k < 0) return;
      if (depth(p, k)) on = compound(p, k);
      else {
        var pre = p.slice(0, k);
        if (!pre.trim() || /[\s>+~]$/.test(pre)) return;
        on = bare(pre, HOVER);
      }
      if (on) hov.push([bare(p, HOVER), on, p, src]);
    });
  }
  function go(list, src, up) {
    for (var i = 0; i < list.length; i++) {
      var r = list[i], sel = up, st = null;
      if (r.selectorText !== undefined) {
        sel = nest(r.selectorText, up);
        st = r.style;
      } else if (up && r.style && !r.cssRules) st = r.style;
      if (st) {
        cssRules++;
        if (/:hover|:focus/.test(sel) && reveals(st)) take(sel, src);
      }
      if (r.cssRules && r.cssRules.length) go(r.cssRules, src, sel);
    }
  }
  var sheets = Array.prototype.slice.call(document.styleSheets).concat(document.adoptedStyleSheets || []);
  sheets.forEach(function (sh) {
    var list;
    try { list = sh.cssRules; } catch (e) { return cssBlocked.push(sh.href || "a style sheet"); }
    var memo = sheetMemo.get(sh);
    if (!memo || memo.list !== list || memo.n !== list.length || memo.node !== sh.ownerNode) {
      var h0 = hov, f0 = foc, c0 = cssRules;
      hov = [];
      foc = [];
      cssRules = 0;
      try { go(list, sh.href || (sh.ownerNode ? "an inline <style> in the page" : "a style sheet added by script"), ""); } catch (e) {
        hov = h0;
        foc = f0;
        cssRules = c0;
        return cssBlocked.push(sh.href || "a style sheet");
      }
      memo = { list: list, n: list.length, node: sh.ownerNode, hov: hov, foc: foc, rules: cssRules };
      sheetMemo.set(sh, memo);
      hov = h0;
      foc = f0;
      cssRules = c0;
    }
    hov = hov.concat(memo.hov);
    foc = foc.concat(memo.foc);
    cssRules += memo.rules;
    cssSheets++;
  });
  return [hov, foc];
}
function hiddenNow(e) {
  return !shown(e) || getComputedStyle(e).opacity === "0" || e.getBoundingClientRect().height < 1;
}
function hoverScan() {
  var rr = readRules(), foc = rr[1], found = [], seenH = new Set(), ok = [], top = modal();
  hovRule = new Map();
  rr[0].forEach(function (h) {
    var list;
    try { list = document.querySelectorAll(h[0]); } catch (e) { return; }
    for (var i = 0; i < list.length; i++) {
      var e = list[i], host = null;
      if (!hiddenNow(e) || (!e.matches(FOCUSABLE) && !e.querySelector(FOCUSABLE))) continue;
      try { host = e.parentElement && e.parentElement.closest(h[1]); } catch (x) {}
      if (!host || host === document.body || host === document.documentElement || seenH.has(host) || !shown(host) || (top && !within(top, host))) continue;
      if (host.matches("[aria-expanded],[aria-haspopup]") || host.querySelector("[aria-expanded],[aria-haspopup]")) {
        ok.push([host, "toggle"]);
        continue;
      }
      if (foc.some(function (f) { try { return (!f[1] || shown(e)) && e.matches(f[0]); } catch (x) { return false; } })) {
        ok.push([host, "focus"]);
        continue;
      }
      found.push(host);
      seenH.add(host);
      hovRule.set(host, [h[2], h[3]]);
    }
  });
  hovers = found;
  hoverOk = ok.filter(function (o) { return !seenH.has(o[0]); });
}
scan();

var host = document.createElement("div");
host.id = ID;
host.style.cssText = "all:initial;position:absolute;left:0;top:0;width:0;height:0;overflow:visible;z-index:2147483647;pointer-events:none;";
var root = host.attachShadow({ mode: "open" });
var style = document.createElement("style");
style.textContent = [
  ":host{all:initial}",
  "svg{position:fixed;inset:0;width:100vw;height:100vh;overflow:visible}",
  "svg.pg{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible}",
  ".p{position:fixed;bottom:66px;right:66px;width:300px;box-sizing:border-box;padding:16px 18px 14px;background:#f7f3ec;color:#1a1612;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.12),0 14px 34px rgba(0,0,0,.26);font:14px/1.45 -apple-system,system-ui,'Segoe UI',Roboto,sans-serif;pointer-events:auto;cursor:grab;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 90px);overscroll-behavior:contain}",
  ".t{margin:0;padding-right:36px;font:700 19px/1.2 Georgia,serif;letter-spacing:-.01em}",
  ".n{display:flex;align-items:baseline;gap:7px;margin:12px 0 0}",
  ".n b{font:700 22px/1 -apple-system,system-ui,'Segoe UI',Roboto,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}",
  ".k{display:flex;align-items:center;gap:10px;margin:7px 0 0;font-size:14px}",
  ".lg{margin:18px 0 0;color:#5f564c}",
  ".lg .k:first-child{margin:0}",
  ".d{width:16px;height:16px;border-radius:50%;background:#1a1612;box-shadow:0 0 0 2px #fff inset,0 0 0 1px #1a1612;flex:none}",
  ".r{width:16px;height:12px;box-sizing:border-box;border:2px dashed #d0103a;border-radius:2px;background:rgba(208,16,58,.12);flex:none}",
  ".x{position:absolute;top:11px;right:11px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#1a1612;cursor:pointer;display:grid;place-items:center}",
  ".p svg{display:block;position:static;inset:auto;width:auto;height:auto;overflow:hidden;flex:none}",
  ".x:hover{background:rgba(26,22,18,.08)}",
  ".x:focus-visible,.a:focus-visible,.sg:focus-visible{outline:3px solid #c2410c;outline-offset:2px}",
  ".tr{margin:18px -18px -14px;padding:12px 18px 14px;background:#ebe3d5}",
  ".sg{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:calc(100% + 12px);margin:0 -6px;padding:4px 6px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer}",
  ".sg:hover{background:rgba(26,22,18,.06)}",
  ".sg i{margin-left:auto;width:7px;height:7px;border-right:2px solid #1a1612;border-bottom:2px solid #1a1612;transform:translate(-3px,-2px) rotate(45deg)}",
  ".sg[aria-expanded=true] i{transform:translate(-3px,2px) rotate(225deg)}",
  ".so{margin:6px 0 0}",
  ".so[hidden]{display:none}",
  ".hw{margin:10px 0 0;color:#6b6157;font-size:11px;line-height:1.3;font-weight:600}",
  ".a{color:#8a7f73;font-weight:400;text-decoration:none;white-space:nowrap}",
  ".vr{float:right;margin-left:8px;color:#8a7f73;font-weight:400}",
  ".hw+.hw{margin-top:4px}",
  ".mn{margin:12px 0 0;color:#1e3a8a}",
  ".a:hover{color:#9a3412;text-decoration:underline}",
  ".p.g{cursor:grabbing;user-select:none}",
  ".n b.e{color:#d0103a}",
  ".n b.ok{color:#1f7a3f}",
  ".s{cursor:pointer}",
  "svg.in{z-index:1}",
  "g.o{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}",
  ".s input{width:16px;height:16px;margin:0 2px 0 1px;accent-color:#c2410c;cursor:pointer}",
  ".s.off{opacity:.45;cursor:default}",
  ".s.off input{cursor:default}",
  ".s input:focus-visible{outline:3px solid #c2410c;outline-offset:2px}",
  ".h{width:16px;height:16px;border-radius:50%;background:#fff;border:2px dashed #1a1612;box-sizing:border-box;flex:none}",
  ".m{list-style:none;margin:8px 0 0;padding:2px;display:flex;flex-wrap:wrap;gap:6px}",
  ".c{all:unset;font:inherit;font-size:14px;line-height:1;cursor:pointer;padding:6px 10px;border:1px dashed #d0103a;border-radius:999px;background:rgba(208,16,58,.06);color:#1a1612}",
  ".c:hover{background:rgba(208,16,58,.14)}",
  ".c[aria-pressed=true]{border-style:solid;background:#d0103a;color:#fff}",
  ".c:focus-visible{outline:3px solid #c2410c;outline-offset:2px}",
  ".gp{margin:18px 0 0;padding:10px 12px;background:#ede6da;border-radius:10px}",
  ".gp .k{margin:10px 0 0}",
  ".w{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}",
  ".w span{flex:1;font-variant-numeric:tabular-nums}",
  ".b{all:unset;box-sizing:border-box;width:30px;height:30px;border:1.5px solid #1a1612;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#1a1612;flex:none}",
  ".b:hover{background:rgba(26,22,18,.08)}",
  ".b:disabled{opacity:.3;cursor:default;background:none}",
  ".b:focus-visible{outline:3px solid #c2410c;outline-offset:2px}",
  ".pr{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:14px;color:#5f564c}",
  ".pl{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px 0 11px;border-radius:999px;background:#1a1612;color:#f7f3ec;font-weight:700;font-size:14px;cursor:pointer;flex:none}",
  ".pl:hover{background:#3a332c}",
  ".pl:focus-visible{outline:3px solid #c2410c;outline-offset:2px}",
  ".ls{font-weight:400;color:#5f564c}",
  ".lv{color:#d0103a;font-weight:700}",
  ".lbd[hidden],.la[hidden],.lm[hidden]{display:none}",
  ".lf{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0}",
  ".lt{all:unset;box-sizing:border-box;padding:3px 9px;border:1.5px solid #1a1612;border-radius:999px;font-weight:600;font-size:14px;line-height:1.3;cursor:pointer}",
  ".lt:hover{background:rgba(26,22,18,.08)}",
  ".lt[aria-pressed=true]{background:#1a1612;color:#f7f3ec}",
  ".ll{list-style:none;margin:10px -12px 0;padding:0;cursor:auto}",
  ".lx{padding:6px 12px}",
  ".lx.bad{background:rgba(208,16,58,.07)}",
  ".lx .tm{margin-right:8px;font:500 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#8a7f73}",
  ".lx .st{font:700 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}",
  ".lx .bd{display:block}",
  ".ok .st{color:#1f7a3f}.bad .st{color:#d0103a}.skip .st{color:#6b6157}.info .st{color:#1e3a8a}",
  ".ft{color:#1e3a8a}.bad .ft{color:#d0103a}",
  ".lc{all:unset;box-sizing:border-box;display:inline-block;min-width:22px;padding:0 6px;border:1px dashed #1a1612;border-radius:999px;font-size:14px;line-height:1.4;text-align:center;cursor:pointer}",
  ".lc:hover{background:rgba(26,22,18,.08)}",
  ".lr{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}",
  ".lk{all:unset;box-sizing:border-box;padding:5px 13px;border-radius:999px;background:#1a1612;color:#f7f3ec;font-weight:700;font-size:14px;cursor:pointer}",
  ".lk:hover{background:#3a332c}",
  ".lo{all:unset;box-sizing:border-box;padding:4px 12px;border:1.5px solid #1a1612;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer}",
  ".lo:hover{background:rgba(26,22,18,.08)}",
  ".lt:focus-visible,.lc:focus-visible,.lk:focus-visible,.lo:focus-visible{outline:3px solid #c2410c;outline-offset:2px}",
  ".la p,.lm{margin:8px 0 0}",
  ".lck{margin:10px 0 0;font-size:14px;line-height:1.45}",
  ".lck[hidden]{display:none}",
  ".lq{color:#1e3a8a;font-weight:700;text-decoration:none}",
  ".lq:hover{text-decoration:underline;text-underline-offset:2px}",
  ".lq.bad{color:#d0103a}",
  ".lq:focus-visible{outline:3px solid #c2410c;outline-offset:2px;border-radius:2px}",
  ".wc{color:#1f7a3f;font-weight:400}",
  ".nw .wc{display:none}",
  ".lw{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:14px;color:#1f7a3f;cursor:pointer}",
  ".lw input{width:16px;height:16px;margin:0 2px 0 1px;accent-color:#c2410c;cursor:pointer}",
  ".lw input:focus-visible{outline:3px solid #c2410c;outline-offset:2px}",
  ".lm{color:#d0103a}"
].join("");
root.appendChild(style);
var spot = document.createElementNS(NS, "svg");
root.appendChild(spot);
var underPg = document.createElementNS(NS, "svg");
underPg.setAttribute("class", "pg");
root.appendChild(underPg);
var svgPg = document.createElementNS(NS, "svg");
svgPg.setAttribute("class", "pg");
root.appendChild(svgPg);
var under = document.createElementNS(NS, "svg");
root.appendChild(under);
var svg = document.createElementNS(NS, "svg");
root.appendChild(svg);
var dotPg = document.createElementNS(NS, "svg");
dotPg.setAttribute("class", "pg");
root.appendChild(dotPg);
var dot = document.createElementNS(NS, "svg");
root.appendChild(dot);

var panel = document.createElement("div");
panel.className = "p";
panel.setAttribute("role", "dialog");
panel.setAttribute("aria-label", "Tab trail");
function line(cls, bold, text, mark) {
  var p = document.createElement("p");
  p.className = cls;
  if (mark) { var m = document.createElement("span"); m.className = mark; p.appendChild(m); }
  if (bold !== null) { var b = document.createElement("b"); b.textContent = bold; p.appendChild(b); }
  p.appendChild(document.createTextNode(text));
  panel.appendChild(p);
  return p;
}
var x = document.createElement("button");
x.className = "x";
x.type = "button";
x.setAttribute("aria-label", "Close Tab trail");
function icon(parent, w, d, sw) {
  var g = el("svg", { width: w, height: w, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": sw, "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, parent);
  el("path", { d: d }, g);
  return g;
}
icon(x, 16, "M3 3l10 10M13 3L3 13", 2);
panel.appendChild(x);
line("t", null, "Tab trail");
var playRow = document.createElement("p");
playRow.className = "pr";
var play = document.createElement("button");
play.className = "pl";
play.type = "button";
var playIcon = document.createElement("span");
play.appendChild(playIcon);
var playWord = document.createTextNode("Play");
play.appendChild(playWord);
play.addEventListener("mousedown", function (e) { e.preventDefault(); });
var playText = document.createElement("span");
playText.textContent = "Visits every stop for you";
playRow.appendChild(play);
playRow.appendChild(playText);
panel.appendChild(playRow);
var info = document.createElement("div");
panel.appendChild(info);
var shownEl = null, chips = [], drawn = [];
var KIND = { img: "Image", picture: "Image", svg: "Icon", i: "Icon", video: "Video", a: "Link", li: "List item", tr: "Table row", td: "Table cell" };
function label(m) {
  var tag = m.tagName.toLowerCase();
  var inner = m.querySelector("img[alt],[aria-label],title");
  var alt = (m.getAttribute("alt") || (inner && (inner.getAttribute("alt") || inner.getAttribute("aria-label") || inner.textContent)) || "").trim();
  var t = (m.getAttribute("aria-label") || m.innerText || m.getAttribute("title") || "").trim().replace(/\s+/g, " ");
  if (!t && alt) t = (KIND[tag] ? KIND[tag] + ": " : "") + alt.replace(/\s+/g, " ");
  if (!t) t = KIND[tag] || "Clickable box";
  return t.length > 28 ? t.slice(0, 27) + "..." : t;
}
function count(n, text, bad, good) {
  var p = document.createElement("p");
  p.className = "n";
  var b = document.createElement("b");
  b.textContent = String(n);
  if (bad) b.className = "e";
  else if (good) b.className = "ok";
  p.appendChild(b);
  p.appendChild(document.createTextNode(text));
  info.appendChild(p);
}
function fill() {
  var had = chips.indexOf(root.activeElement);
  while (info.firstChild) info.removeChild(info.firstChild);
  chips = [];
  drawn = sig();
  count(stops.length, stops.length === 1 ? " stop for the Tab key" : " stops for the Tab key");
  count(missed.length, missed.length === 0 ? " clickable things Tab skips" : missed.length === 1 ? " looks clickable, but Tab skips it" : " look clickable, but Tab skips them", missed.length > 0, missed.length === 0);
  if (missed.indexOf(shownEl) < 0 && hovers.indexOf(shownEl) < 0) shownEl = null;
  if (missed.length) chipList(missed);
  if (hovers.length) {
    count(hovers.length, hovers.length === 1 ? " menu or box opens only on mouse hover" : " menus or boxes open only on mouse hover", true);
    chipList(hovers);
  }
  if (skip) skipPanel();
  if (had >= 0 && chips.length) chips[Math.min(had, chips.length - 1)].focus();
}
function sig() { return [stops.length].concat(missed, ["|"], hovers); }
function chipList(list) {
  var ul = document.createElement("ul");
  ul.className = "m";
  list.forEach(function (m) {
    var li = document.createElement("li");
    var c = document.createElement("button");
    c.className = "c";
    c.type = "button";
    c.textContent = label(m);
    c.setAttribute("aria-pressed", m === shownEl ? "true" : "false");
    c.addEventListener("click", function () {
      shownEl = m;
      chips.forEach(function (x) { x.setAttribute("aria-pressed", x === c ? "true" : "false"); });
      m.scrollIntoView({ block: "center", behavior: "smooth" });
      queue();
    });
    chips.push(c);
    li.appendChild(c);
    ul.appendChild(li);
  });
  info.appendChild(ul);
}
fill();
var PAGE = 50, win = 0, seen = -1;
var pager = document.createElement("p");
pager.className = "w";
var pageText = document.createElement("span");
pager.appendChild(pageText);
function pageBtn(text, step) {
  var b = document.createElement("button");
  b.className = "b";
  b.type = "button";
  b.setAttribute("aria-label", text);
  icon(b, 14, step < 0 ? "M10 3L5 8l5 5" : "M6 3l5 5-5 5", 2);
  b.addEventListener("mousedown", function (e) { e.preventDefault(); });
  b.addEventListener("click", function () {
    win = Math.min(Math.max(win + step, 0), Math.ceil(stops.length / PAGE) - 1);
    queue();
  });
  pager.appendChild(b);
  return b;
}
var prevBtn = pageBtn("Previous", -1), nextBtn = pageBtn("Next", 1);
var group = document.createElement("div");
group.className = "gp";
group.appendChild(pager);
var jumpBox = document.createElement("div");
panel.appendChild(jumpBox);
panel.appendChild(group);
var jumps = [], pressed = 0, before = -1, popMissed = null, lost = false;
var POP = /cookie|consent|gdpr|modal|popup/i;
function dimmed() {
  var W = innerWidth, H = innerHeight;
  return Array.prototype.some.call(document.querySelectorAll("body *"), function (e) {
    if (e.id === ID) return false;
    var cs = getComputedStyle(e);
    if (cs.position !== "fixed" || cs.display === "none" || cs.visibility === "hidden") return false;
    var r = e.getBoundingClientRect();
    if (r.width < W * 0.9 || r.height < H * 0.9) return false;
    var m = cs.backgroundColor.match(/rgba?\(([^)]+)\)/);
    var al = m ? m[1].split(",")[3] : null;
    return (al !== undefined && al !== null && +al > 0 && +al < 1) || cs.backdropFilter !== "none" && cs.backdropFilter !== "";
  });
}
function blocking(p) {
  if (p.matches("dialog") && p.matches(":modal")) return true;
  if (p.getAttribute("aria-modal") === "true") return true;
  var r = p.getBoundingClientRect();
  if (r.width * r.height >= innerWidth * innerHeight * 0.5) return true;
  return dimmed();
}
function popupOf(el) {
  for (var p = el; p && p !== document.documentElement; p = p.parentElement || (p.getRootNode().host || null)) {
    if (p.nodeType !== 1) continue;
    if (p.matches("dialog[open],[role=dialog],[role=alertdialog],[aria-modal=true]")) return p;
    var c = typeof p.className === "string" ? p.className : "";
    if (POP.test(p.id + " " + c) && getComputedStyle(p).position === "fixed") return p;
  }
  return null;
}
var covered = [];
function pinOf(e) {
  for (var n = e; n && n.nodeType === 1; n = n.parentElement || (n.getRootNode() && n.getRootNode().host)) {
    var pos = getComputedStyle(n).position;
    if (pos === "fixed" || pos === "sticky") return n;
  }
  return null;
}
function hideInfo(s) {
  var r = s.getBoundingClientRect();
  if (r.width < 1 || r.height < 1) return { why: "has no size" };
  var m = modal();
  if (m && !within(m, s)) return { why: "is under an open modal" };
  if (popupOf(s)) return { why: "is inside a popup" };
  var pts = [[r.left + r.width / 2, r.top + r.height / 2], [r.left + 1, r.top + 1], [r.right - 1, r.top + 1], [r.left + 1, r.bottom - 1], [r.right - 1, r.bottom - 1]];
  var tested = 0, under = 0, pin = null;
  for (var i = 0; i < pts.length; i++) {
    var px = pts[i][0], py = pts[i][1];
    if (px < 0 || py < 0 || px >= innerWidth || py >= innerHeight) continue;
    tested++;
    var hit = null, list = document.elementsFromPoint(px, py);
    for (var k = 0; k < list.length; k++) if (list[k] !== host && !host.contains(list[k])) { hit = list[k]; break; }
    if (!hit || within(s, hit) || within(hit, s)) continue;
    var p = pinOf(hit);
    if (!p || within(p, s)) continue;
    under++;
    if (!pin) pin = p;
  }
  if (!tested) return { why: "is off screen" };
  return { tested: tested, under: under, pin: pin };
}
function pinText(p) {
  return desc(p) + " (" + getComputedStyle(p).position + ", " + Math.round(p.getBoundingClientRect().height) + " px tall)";
}
var moved = [], movedE = null;
function movedLine() {
  if (movedE) {
    var i = logs.indexOf(movedE);
    if (i >= 0) logs.splice(i, 1);
    if (movedE.li && movedE.li.parentNode) movedE.li.parentNode.removeChild(movedE.li);
    movedE = null;
  }
  moved = moved.filter(function (x) { return x.isConnected; });
  if (!moved.length) {
    if (logList) logSummary();
    return;
  }
  var nums = moved.map(function (x) { return stops.indexOf(x) + 1; }).filter(function (n) { return n > 0; }).sort(function (a, b) { return a - b; });
  var list = nums.length ? ": " + nums.slice(0, 20).join(", ") + (nums.length > 20 ? " and " + (nums.length - 20) + " more" : "") : "";
  log("SKIPPED", "Hidden focus", [pl(moved.length, "stop", "stops") + " not tested, Tab moved on before the page stopped scrolling" + list + ". Press Play to test them."]);
  movedE = logs[logs.length - 1];
}
function tested(s) {
  var i = moved.indexOf(s);
  if (i < 0) return;
  moved.splice(i, 1);
  movedLine();
}
function check(s) {
  if (!s) return;
  if (covered.indexOf(s) >= 0) {
    tested(s);
    hidTested.add(s);
    return log("INFO", "Hidden focus", [ref(s), " is already listed as hidden."]);
  }
  var sx = scrollX, sy = scrollY, still = 0, tries = 0;
  function look() {
    if (closed || covered.indexOf(s) >= 0) return;
    if (scrollX !== sx || scrollY !== sy) {
      if (stops[current] !== s) {
        if (moved.indexOf(s) < 0) {
          moved.push(s);
          movedLine();
        }
        return;
      }
      sx = scrollX;
      sy = scrollY;
      still = 0;
    } else still++;
    if (still < 2 && ++tries < 90) return requestAnimationFrame(look);
    var h = hideInfo(s);
    tested(s);
    hidTested.add(s);
    if (!h.tested) return log("SKIPPED", "Hidden focus", [ref(s), " " + h.why + ". Not tested."]);
    if (h.under < h.tested) return log("OK", "Hidden focus", h.under ? [ref(s), " is partly covered by " + pinText(h.pin) + ", " + (h.tested - h.under) + " of " + h.tested + " points clear. That passes AA 2.4.11; AAA 2.4.12 needs it fully visible."] : [ref(s), " is in view, " + h.tested + " of " + h.tested + " points clear."]);
    covered.push(s);
    renderJumps();
    var pr = h.pin.getBoundingClientRect(), up = pr.top + pr.height / 2 < innerHeight / 2, ph = Math.round(pr.height);
    log("PROBLEM", "Hidden focus", [ref(s), ": all " + h.tested + " points are under " + pinText(h.pin) + "."], aiOf(W_HIDE, "When the element gets keyboard focus, at least part of it stays visible, not covered by " + desc(h.pin) + ".", "Add html { scroll-padding-" + (up ? "top" : "bottom") + ": " + (ph + 8) + "px; } so the browser scrolls focused elements clear of the " + (up ? "top" : "bottom") + " bar (" + ph + " px tall, plus 8 px of room).", [["Element", s], ["Covered by", h.pin]], ["Measured: " + desc(h.pin) + " is " + getComputedStyle(h.pin).position + ", " + ph + " px tall, at the " + (up ? "top" : "bottom") + " of a " + innerHeight + " px tall window."]));
  }
  requestAnimationFrame(look);
}
var popInfo = null, lostPops = [], openPop = null, opener = null, lastOut = null, tapIn = null, tapT = 0, lastKey = "", keyT = 0, keyOn = null;
function deep() {
  var a = document.activeElement;
  while (a && a.shadowRoot && a.shadowRoot.activeElement) a = a.shadowRoot.activeElement;
  return a;
}
function gone(p) { return !p.isConnected || !shown(p) || (p.matches("dialog") && !p.open); }
function closedBy(p) {
  var now = Date.now();
  if (tapIn && now - tapT < 600 && within(p, tapIn)) {
    var b = tapIn.closest ? tapIn.closest("button,a,[role=button]") : null;
    return b ? " with \"" + label(b) + "\"" : " with a click";
  }
  if (keyT && now - keyT < 600) {
    if (lastKey === "Escape") return " with Escape";
    if (lastKey === "Enter" || lastKey === " ") return " with " + (lastKey === " " ? "Space" : "Enter") + (keyOn && keyOn.nodeType === 1 && keyOn !== document.body && keyOn !== document.documentElement ? " on \"" + label(keyOn) + "\"" : "");
  }
  return "";
}
function popClosed() {
  var p = openPop, from = opener, pn = popName(p), by = closedBy(p), pi = popInfo;
  openPop = null;
  if (!from) return log("SKIPPED", "Lost focus", [pn, " closed" + by + ". It opened on its own, so there is no button to go back to."]);
  if (!from.isConnected || !shown(from)) return log("SKIPPED", "Lost focus", [pn, " closed" + by + ". The button that opened it is gone or hidden."]);
  if (lostPops.some(function (l) { return l[0] === from; })) return log("SKIPPED", "Lost focus", [pn, " closed" + by + ". Already listed."]);
  if (tapIn && Date.now() - tapT < 600 && !within(p, tapIn)) return log("SKIPPED", "Lost focus", [pn, " closed by a click outside it. Not judged."]);
  var frames = 0;
  function look() {
    if (closed) return;
    var a = deep();
    if (a && a !== document.body && a !== document.documentElement) {
      if (a === from) return log("OK", "Lost focus", [pn, " closed" + by + ". Focus went back to ", ref(from), "."]);
      return log("OK", "Lost focus", [pn, " closed" + by + ". Focus went to ", ref(a), ", not to the button that opened it, ", ref(from), "."]);
    }
    if (++frames < 30) return requestAnimationFrame(look);
    if (lostPops.some(function (l) { return l[0] === from; })) return;
    lostPops.push([from, p]);
    renderJumps();
    log("PROBLEM", "Lost focus", [pn, " closed" + by + ". Focus fell to the page body instead of going back to ", ref(from), "."], aiOf(W_ORDER, "When the popup closes, focus goes back to the element that opened it, so a keyboard user carries on from there.", "Before the popup opens, store document.activeElement. After it closes, call .focus() on that element. A <dialog> opened with showModal() and closed with close() does this by itself.", [["Popup", p, pi], ["Opened by", from]]));
  }
  requestAnimationFrame(look);
}
function track(a) {
  if (openPop && gone(openPop)) popClosed();
  if (!a || a === document.body || a === document.documentElement || a === host || a.getRootNode() === root) return;
  var p = popupOf(a);
  if (!p) {
    lastOut = a;
    openPop = null;
  } else if (!openPop) {
    openPop = p;
    opener = lastOut;
    popInfo = { sel: sel(p), html: snip(p) };
  }
}
function tap(e) {
  tapIn = e.composedPath ? e.composedPath()[0] : e.target;
  tapT = Date.now();
}
function renderJumps() {
  while (jumpBox.firstChild) jumpBox.removeChild(jumpBox.firstChild);
  if (macNote) {
    var mn = document.createElement("p");
    mn.className = "mn";
    mn.textContent = MAC_NOTE;
    jumpBox.appendChild(mn);
  }
  if (popMissed) {
    var pp = document.createElement("p");
    pp.className = "n";
    var pb = document.createElement("b");
    pb.className = "e";
    pb.textContent = "1";
    pp.appendChild(pb);
    pp.appendChild(document.createTextNode(" popup blocks the page, but Tab goes somewhere else first"));
    jumpBox.appendChild(pp);
    var pu = document.createElement("ul");
    pu.className = "m";
    var pl = document.createElement("li");
    var pc = document.createElement("button");
    pc.className = "c";
    pc.type = "button";
    pc.textContent = "Show the popup";
    pc.addEventListener("click", function () { popMissed.scrollIntoView({ block: "center", behavior: "smooth" }); });
    pl.appendChild(pc);
    pu.appendChild(pl);
    jumpBox.appendChild(pu);
  }
  if (covered.length) {
    var hp = document.createElement("p");
    hp.className = "n";
    var hb = document.createElement("b");
    hb.className = "e";
    hb.textContent = String(covered.length);
    hp.appendChild(hb);
    hp.appendChild(document.createTextNode(covered.length === 1 ? " stop is hidden when Tab reaches it" : " stops are hidden when Tab reaches them"));
    jumpBox.appendChild(hp);
    var hu = document.createElement("ul");
    hu.className = "m";
    covered.slice().sort(function (a, b) { return stops.indexOf(a) - stops.indexOf(b); }).forEach(function (h) {
      var li = document.createElement("li");
      var c = document.createElement("button");
      c.className = "c";
      c.type = "button";
      var i = stops.indexOf(h);
      c.textContent = (i >= 0 ? i + 1 : "?") + ": " + label(h);
      c.addEventListener("click", function () {
        h.scrollIntoView({ block: "center", behavior: "smooth" });
        current = stops.indexOf(h);
        queue();
      });
      li.appendChild(c);
      hu.appendChild(li);
    });
    jumpBox.appendChild(hu);
  }
  if (lostPops.length) {
    var lp = document.createElement("p");
    lp.className = "n";
    var lb = document.createElement("b");
    lb.className = "e";
    lb.textContent = String(lostPops.length);
    lp.appendChild(lb);
    lp.appendChild(document.createTextNode(lostPops.length === 1 ? " popup loses focus when it closes" : " popups lose focus when they close"));
    jumpBox.appendChild(lp);
    var lu = document.createElement("ul");
    lu.className = "m";
    lostPops.forEach(function (l) {
      var li = document.createElement("li");
      var c = document.createElement("button");
      c.className = "c";
      c.type = "button";
      var i = stops.indexOf(l[0]);
      c.textContent = (i >= 0 ? i + 1 : label(l[0])) + " → Start";
      c.addEventListener("click", function () {
        l[0].scrollIntoView({ block: "center", behavior: "smooth" });
        current = stops.indexOf(l[0]);
        queue();
      });
      li.appendChild(c);
      lu.appendChild(li);
    });
    jumpBox.appendChild(lu);
  }
  if (!jumps.length) {
    if (skip) skipPanel();
    return;
  }
  var p = document.createElement("p");
  p.className = "n";
  var b = document.createElement("b");
  b.className = "e";
  b.textContent = String(jumps.length);
  p.appendChild(b);
  p.appendChild(document.createTextNode(jumps.length === 1 ? " time Tab jumped out of order" : " times Tab jumped out of order"));
  jumpBox.appendChild(p);
  var ul = document.createElement("ul");
  ul.className = "m";
  jumps.forEach(function (j) {
    var li = document.createElement("li");
    var c = document.createElement("button");
    c.className = "c";
    c.type = "button";
    var from = j[0] ? stops.indexOf(j[0]) + 1 : 0, to = stops.indexOf(j[1]) + 1;
    c.textContent = (from ? from : "Start") + " \u2192 " + (to || "?");
    c.addEventListener("click", function () {
      j[1].scrollIntoView({ block: "center", behavior: "smooth" });
      current = stops.indexOf(j[1]);
      queue();
    });
    li.appendChild(c);
    ul.appendChild(li);
  });
  jumpBox.appendChild(ul);
  if (skip) skipPanel();
}
var legend = document.createElement("div");
legend.className = "lg";
panel.appendChild(legend);
legend.appendChild(line("k", null, "The order Tab visits", "d"));
legend.appendChild(line("k", null, "Hidden until Tab reaches it", "h"));
legend.appendChild(line("k", null, "Tab never reaches it", "r"));
var tray = document.createElement("div");
tray.className = "tr";
panel.appendChild(tray);
var gear = document.createElement("button");
gear.className = "sg";
gear.type = "button";
gear.setAttribute("aria-expanded", "false");
var gearIcon = icon(gear, 16, "M8 1.5v2M8 12.5v2M1.5 8h2M12.5 8h2M3.4 3.4l1.4 1.4M11.2 11.2l1.4 1.4M3.4 12.6l1.4-1.4M11.2 4.8l1.4-1.4", 1.6);
el("circle", { cx: 8, cy: 8, r: 2.2 }, gearIcon);
gear.appendChild(document.createTextNode("Settings"));
gear.appendChild(document.createElement("i"));
tray.appendChild(gear);
var settings = document.createElement("div");
settings.className = "so";
settings.hidden = true;
tray.appendChild(settings);
gear.addEventListener("click", function () {
  settings.hidden = !settings.hidden;
  gear.setAttribute("aria-expanded", settings.hidden ? "false" : "true");
});
var skipBox = document.createElement("label");
skipBox.className = "k s";
var skip = document.createElement("input");
skip.type = "checkbox";
skip.checked = true;
skipBox.appendChild(skip);
skipBox.appendChild(document.createTextNode("Leave this panel out of Tab"));
settings.appendChild(skipBox);
var chunkBox = document.createElement("label");
chunkBox.className = "k s";
var chunk = document.createElement("input");
chunk.type = "checkbox";
chunk.checked = true;
chunkBox.appendChild(chunk);
chunkBox.appendChild(document.createTextNode("Show " + PAGE + " stops at a time"));
group.appendChild(chunkBox);
var shortBox = document.createElement("label");
shortBox.className = "k s";
var stub = document.createElement("input");
stub.type = "checkbox";
stub.checked = true;
shortBox.appendChild(stub);
shortBox.appendChild(document.createTextNode("Long lines"));
settings.insertBefore(shortBox, skipBox);
var lineBox = document.createElement("label");
lineBox.className = "k s";
var lines = document.createElement("input");
lines.type = "checkbox";
lines.checked = true;
lineBox.appendChild(lines);
lineBox.appendChild(document.createTextNode("Show lines"));
settings.insertBefore(lineBox, shortBox);
lines.addEventListener("change", function () {
  stub.disabled = !lines.checked;
  shortBox.classList.toggle("off", !lines.checked);
  queue();
});
stub.addEventListener("change", function () { queue(); });
var spotBox = document.createElement("label");
spotBox.className = "k s";
var light = document.createElement("input");
light.type = "checkbox";
spotBox.appendChild(light);
spotBox.appendChild(document.createTextNode("Spotlight"));
settings.appendChild(spotBox);
light.addEventListener("change", function () { queue(); });
chunk.addEventListener("change", function () { queue(); });
function paged() { return chunk.checked && stops.length > PAGE; }
function skipPanel() {
  panel.querySelectorAll("button,a,input").forEach(function (e) { e.tabIndex = skip.checked || e.className === "lc" ? -1 : 0; });
}
skip.addEventListener("change", function () {
  skipPanel();
  svg.classList.toggle("in", !skip.checked);
  svgPg.classList.toggle("in", !skip.checked);
  dot.classList.toggle("in", !skip.checked);
  dotPg.classList.toggle("in", !skip.checked);
  rescan();
});
var a = document.createElement("a");
a.className = "a";
a.href = "https://matjazkorosec.com/tools/tab-trail";
a.target = "_blank";
a.rel = "noopener";
a.textContent = "matjazkorosec.com/tools/tab-trail";
var how = document.createElement("p");
how.className = "hw";
var MAC = /Mac/.test(navigator.platform || navigator.userAgent);
var ver = document.createElement("span");
ver.className = "vr";
ver.textContent = "v" + VERSION;
how.appendChild(ver);
how.appendChild(document.createTextNode("How to use & latest version: "));
how.appendChild(a);
tray.appendChild(how);
var logs = [], logFilter = "all", logOpen = false, LOG_MAX = 500, showWcag = false, wcagBoxes = [];
function wcagBox(parent, doc) {
  var lb = doc.createElement("label");
  lb.className = "lw";
  var cb = doc.createElement("input");
  cb.type = "checkbox";
  cb.checked = showWcag;
  cb.addEventListener("change", function () {
    showWcag = cb.checked;
    wcagSync();
  });
  lb.appendChild(cb);
  lb.appendChild(doc.createTextNode("Show WCAG"));
  parent.appendChild(lb);
  wcagBoxes.push(cb);
  return cb;
}
function wcagSync() {
  wcagBoxes.forEach(function (b) { b.checked = showWcag; });
  logGroup.classList.toggle("nw", !showWcag);
  if (tabOpen()) logTab.document.body.classList.toggle("nw", !showWcag);
}
var lastStops = -1, lastMissed = -1, probMiss = new Map(), probHov = new Map(), seenOk = new WeakSet(), seenCss = new Set();
var RES = { OK: "ok", PROBLEM: "bad", SKIPPED: "skip", INFO: "info" };
var FILT = [["all", "All"], ["bad", "Problems"], ["ok", "OK"], ["skip", "Skipped"]];
var tabChecked = null, filterSets = [], logTab = null, tabList = null, tabSum = null, tabSet = null, tabNote = null, tabPoll = 0;
function pl(n, one, many) { return n + " " + (n === 1 ? one : many); }
function desc(e) {
  var t = e.tagName.toLowerCase();
  if (e.id) return t + "#" + e.id;
  var c = typeof e.className === "string" ? e.className.trim().split(/\s+/).filter(Boolean).slice(0, 2) : [];
  return c.length ? t + "." + c.join(".") : t;
}
function ref(e) { return { el: e, n: stops.indexOf(e) + 1, l: label(e), d: desc(e) }; }
function popName(p) {
  var n = p.getAttribute("aria-label") || "", by = p.getAttribute("aria-labelledby");
  if (!n && by) {
    var t = document.getElementById(by.split(/\s+/)[0]);
    if (t) n = t.textContent || "";
  }
  if (!n) {
    var h = p.querySelector("h1,h2,h3,h4,legend");
    if (h) n = h.textContent || "";
  }
  n = n.trim().replace(/\s+/g, " ");
  if (n.length > 28) n = n.slice(0, 27) + "...";
  return { el: p, n: 0, l: n || label(p), d: desc(p) };
}
function partText(x) { return typeof x === "string" ? x : x.n ? x.n + " \"" + x.l + "\"" : "\"" + x.l + "\" " + x.d; }
function looksWhy(m) {
  var why = [], role = m.getAttribute("role") || "";
  if (m.tagName === "A" && !m.hasAttribute("href")) why.push("a link with no address");
  if (m.hasAttribute("onclick")) why.push("a click handler in the HTML");
  if (ROLES.test(role)) why.push("role=\"" + role + "\"");
  if (getComputedStyle(m).cursor === "pointer") why.push("a pointer cursor");
  return why.length ? "has " + why.join(", ") : "looks clickable";
}
function two(n) { return (n < 10 ? "0" : "") + n; }
function clock(t) { return two(t.getHours()) + ":" + two(t.getMinutes()) + ":" + two(t.getSeconds()); }
function browser() {
  var u = navigator.userAgent, m;
  if ((m = u.match(/Edg\/(\d+)/))) return "Edge " + m[1];
  if ((m = u.match(/Firefox\/(\d+)/))) return "Firefox " + m[1];
  if ((m = u.match(/Chrome\/(\d+)/))) return "Chrome " + m[1];
  if ((m = u.match(/Version\/(\d+)[^ ]* (Mobile\/\S+ )?Safari/))) return "Safari " + m[1];
  return u;
}
var CHECKS = ["Missed spots", "Hover menus", "Out of order", "Hidden focus", "Lost focus"];
var WCAG = { "Missed spots": "2.1.1 A", "Hover menus": "2.1.1 A", "Out of order": "2.4.3 A", "Lost focus": "2.4.3 A", "Hidden focus": "2.4.11 AA" };
function showUrl(f) { return "https://matjazkorosec.com/tools/tab-trail#show-" + f.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""); }
function ranChecks() {
  var out = [];
  logs.forEach(function (e) { if (e.k !== "INFO" && CHECKS.indexOf(e.f) >= 0 && out.indexOf(e.f) < 0) out.push(e.f); });
  return out;
}
var checkedKey = {};
function checkedLine(p, doc) {
  var ran = ranChecks(), bad = {};
  logs.forEach(function (e) { if (e.k === "PROBLEM" && !e.fixed) bad[e.f] = 1; });
  var k = ran.map(function (f) { return f + (bad[f] ? "!" : ""); }).join("|");
  p.hidden = !ran.length;
  if (checkedKey[p.className + (doc === document ? "1" : "2")] === k && p.firstChild) return;
  checkedKey[p.className + (doc === document ? "1" : "2")] = k;
  while (p.firstChild) p.removeChild(p.firstChild);
  p.appendChild(doc.createTextNode("Checked: "));
  ran.forEach(function (f, i) {
    if (i) p.appendChild(doc.createTextNode(", "));
    var a = doc.createElement("a");
    a.className = bad[f] ? "lq bad" : "lq";
    a.href = showUrl(f);
    a.target = "_blank";
    a.rel = "noopener";
    a.textContent = f;
    a.title = "What " + f + " checks";
    if (doc === document && skip.checked) a.tabIndex = -1;
    p.appendChild(a);
  });
}
function res(e) { return e.fixed ? "fixed" : RES[e.k]; }
function shows(e) { return logFilter === "all" || res(e) === logFilter; }
function logCounts() {
  var c = { all: logs.length, bad: 0, ok: 0, skip: 0, info: 0, fixed: 0 };
  logs.forEach(function (e) { c[res(e)]++; });
  return c;
}
function tabOpen() { return !!(logTab && !logTab.closed); }
function logView() { return tabOpen() ? tabList : logOpen ? logList : null; }
function scroller(v) { return v === logList ? panel : v.ownerDocument.scrollingElement || v.ownerDocument.documentElement; }
function toTop(v) {
  if (v !== logList) return void (scroller(v).scrollTop = 0);
  var d = v.getBoundingClientRect().top - panel.getBoundingClientRect().top;
  if (d < 0) panel.scrollTop += d - 12;
}
function log(k, f, parts, ai) {
  var e = { t: new Date(), k: k, f: f, p: parts, li: null, ai: ai || null };
  logs.push(e);
  if (logs.length > LOG_MAX) {
    var old = logs.shift();
    if (old.li && old.li.parentNode) old.li.parentNode.removeChild(old.li);
  }
  if (!logList) return;
  logSummary();
  var v = logView();
  if (!v || !shows(e)) return;
  var sc = scroller(v), top = v === logList ? v.getBoundingClientRect().top >= sc.getBoundingClientRect().top : sc.scrollTop < 8;
  e.li = logLi(e, v.ownerDocument);
  v.insertBefore(e.li, v.firstChild);
  if (top) { if (v !== logList) sc.scrollTop = 0; }
  else sc.scrollTop += e.li.getBoundingClientRect().height;
}
function review() {
  if (lastStops < 0) log("INFO", "Scan", ["Found " + pl(stops.length, "stop", "stops") + ". Read " + pl(cssRules, "CSS rule", "CSS rules") + " from " + pl(cssSheets, "style sheet", "style sheets") + "."]);
  else if (stops.length !== lastStops) log("INFO", "Scan", ["Page changed: " + pl(stops.length, "stop", "stops") + " now, " + lastStops + " before."]);
  lastStops = stops.length;
  cssBlocked.forEach(function (h) {
    if (seenCss.has(h)) return;
    seenCss.add(h);
    log("SKIPPED", "Hover menus", ["Can't read " + h + ", it comes from another site."]);
  });
  var mSet = new Set(missed), hSet = new Set(hovers);
  probMiss.forEach(function (e, m) {
    if (mSet.has(m)) return;
    e.fixed = true;
    probMiss.delete(m);
    log("OK", "Missed spots", [ref(m), stopSet.has(m) ? " is a Tab stop now." : m.isConnected ? " is no longer flagged." : " is gone from the page."]);
  });
  probHov.forEach(function (e, h) {
    if (hSet.has(h)) return;
    e.fixed = true;
    probHov.delete(h);
    log("OK", "Hover menus", [ref(h), h.isConnected ? " no longer opens only on mouse hover." : " is gone from the page."]);
  });
  missed.forEach(function (m) {
    if (probMiss.has(m)) return;
    var item = m.closest(GROUP) && ITEM.test(m.getAttribute("role") || "");
    log("PROBLEM", "Missed spots", [ref(m), " " + looksWhy(m) + ", but Tab never reaches it."], aiOf(W_KEY, "Every element that reacts to a click can be reached with the Tab key and used with Enter or Space.", item ? "It is a role=\"" + m.getAttribute("role") + "\" item in a group the arrow keys move through, and no item in the group is a Tab stop. Give 1 item tabindex=\"0\" (the selected one) and move between the items with the arrow keys." : m.tagName === "A" && !m.hasAttribute("href") ? "Give the link an href, or make it a <button type=\"button\"> if it runs script." : "Use <button type=\"button\"> for an action or <a href> for a link instead of the " + m.tagName.toLowerCase() + ". If the tag can't change, add tabindex=\"0\" and role=\"button\", and handle Enter and Space in a keydown listener." + (looksWhy(m) === "has a pointer cursor" ? " Only the pointer cursor makes it look clickable: if it is not meant to be clickable, remove cursor: pointer from it instead." : ""), [["Element", m]], null, true));
    probMiss.set(m, logs[logs.length - 1]);
  });
  if (!missed.length && lastMissed !== 0) log("OK", "Missed spots", [lastMissed > 0 ? "No clickable things Tab skips now." : "No clickable things Tab skips."]);
  lastMissed = missed.length;
  hoverOk.forEach(function (o) {
    if (seenOk.has(o[0])) return;
    seenOk.add(o[0]);
    log("OK", "Hover menus", [ref(o[0]), o[1] === "focus" ? " opens on mouse hover and on keyboard focus." : " opens on mouse hover and has a toggle button (aria-expanded), so the keyboard can open it."]);
  });
  hovers.forEach(function (h) {
    if (probHov.has(h)) return;
    var hr = hovRule.get(h) || [":hover", ""];
    var tw = (hr[0].match(/\.(?:[\w-]|\\.)+/g) || []).map(function (c) { return c.slice(1).replace(/\\(.)/g, "$1"); }).filter(function (c) { return /(^|:)(group-|peer-)?hover:/.test(c); })[0];
    var twFix = tw ? "This rule comes from the Tailwind class " + tw + ". Add " + tw.replace(/(^|:)group-hover:/, "$1group-focus-within:").replace(/(^|:)peer-hover:/, "$1peer-focus:").replace(/(^|:)hover:/, "$1focus-within:") + " next to it in the same class list, so it also opens on keyboard focus. Or open the menu with a <button aria-expanded> that toggles it." : "";
    log("PROBLEM", "Hover menus", [ref(h), " opens only on mouse hover (" + hr[0] + "). No focus rule, no toggle button."], aiOf(W_KEY, "The menu also opens when a link or button inside it gets keyboard focus, so keyboard users can reach its links.", twFix || "Next to the rule " + hr[0] + " add " + hr[0].replace(/:hover/g, ":focus-within") + " with the same declarations, or open the menu with a <button aria-expanded> that toggles it.", [["Element", h]], ["CSS rule: " + hr[0], "Style sheet: " + (hr[1] || "unknown")], true));
    probHov.set(h, logs[logs.length - 1]);
  });
}
function goTo(e) {
  if (!e.isConnected) return;
  e.scrollIntoView({ block: "center", behavior: "smooth" });
  if (stops.indexOf(e) < 0) return queue();
  if (settleT) {
    clearTimeout(settleT);
    settle();
  }
  pressed = 0;
  e.focus({ preventScroll: true, focusVisible: true });
  focus();
}
function logLi(e, doc) {
  var li = doc.createElement("li");
  li.className = "lx " + RES[e.k];
  function sp(cls, text) {
    var x = doc.createElement("span");
    x.className = cls;
    x.textContent = text;
    li.appendChild(x);
    return x;
  }
  sp("tm", clock(e.t));
  sp("st", e.k);
  var bd = sp("bd", "");
  var ft = doc.createElement(CHECKS.indexOf(e.f) >= 0 ? "a" : "b");
  ft.className = "ft";
  ft.textContent = e.f;
  if (ft.tagName === "A") {
    ft.className = "ft lq";
    ft.href = showUrl(e.f);
    ft.target = "_blank";
    ft.rel = "noopener";
    ft.title = "What " + e.f + " checks";
    if (doc === document && skip.checked) ft.tabIndex = -1;
  }
  bd.appendChild(ft);
  bd.appendChild(doc.createTextNode(" "));
  if (WCAG[e.f]) {
    var wc = doc.createElement("span");
    wc.className = "wc";
    wc.textContent = "WCAG " + WCAG[e.f];
    bd.appendChild(wc);
    bd.appendChild(doc.createTextNode(" "));
  }
  e.p.forEach(function (x) {
    if (typeof x === "string") return bd.appendChild(doc.createTextNode(x));
    if (!x.n) return bd.appendChild(doc.createTextNode(partText(x)));
    var c = doc.createElement("button");
    c.type = "button";
    c.className = "lc";
    c.textContent = String(x.n);
    c.setAttribute("aria-label", "Go to stop " + x.n);
    if (doc === document) c.tabIndex = -1;
    c.addEventListener("click", function () {
      if (doc !== document && tabOpen() && window.name) logTab.open("", window.name);
      goTo(x.el);
    });
    bd.appendChild(c);
    bd.appendChild(doc.createTextNode(" \"" + x.l + "\""));
  });
  return li;
}
function logText() {
  var c = logCounts();
  var out = ["Tab trail " + VERSION + " log", location.href, stamp(), browser() + ", window " + innerWidth + " x " + innerHeight, pl(stops.length, "stop", "stops") + ", " + pl(c.bad, "problem", "problems") + ", " + c.ok + " OK, " + c.skip + " skipped", ""];
  logs.slice().reverse().forEach(function (e) {
    out.push(clock(e.t) + " " + (e.k + "        ").slice(0, 8) + " " + e.f + (showWcag && WCAG[e.f] ? " (WCAG " + WCAG[e.f] + ")" : ""));
    out.push("  " + e.p.map(partText).join(""));
  });
  return out.join("\n");
}
var W_KEY = "2.1.1 Keyboard (Level A)", W_ORDER = "2.4.3 Focus Order (Level A)", W_HIDE = "2.4.11 Focus Not Obscured (Minimum) (Level AA)";
function cssId(t) { return /^[A-Za-z][\w-]*$/.test(t); }
function sel(e) {
  if (!e || e.nodeType !== 1) return "";
  var rt = e.getRootNode(), live = e.isConnected, path = [];
  for (var n = e; n && n.nodeType === 1; n = n.parentElement) {
    var t = n.tagName.toLowerCase();
    if (n.id && cssId(n.id) && live && rt.querySelectorAll("#" + n.id).length === 1) {
      path.unshift("#" + n.id);
      break;
    }
    if (t === "html" || t === "body") {
      path.unshift(t);
      break;
    }
    var c = typeof n.className === "string" ? n.className.trim().split(/\s+/).filter(cssId).slice(0, 2) : [];
    var part = t + (c.length ? "." + c.join(".") : ""), par = n.parentElement;
    if (par) {
      var same = Array.prototype.filter.call(par.children, function (x) { return x.tagName === n.tagName; });
      if (same.length > 1) part += ":nth-of-type(" + (same.indexOf(n) + 1) + ")";
    }
    path.unshift(part);
    if (live) {
      try { if (rt.querySelectorAll(path.join(" > ")).length === 1) break; } catch (x) {}
    }
  }
  var out = path.join(" > ");
  if (rt && rt.host) out = sel(rt.host) + " (inside its shadow root) " + out;
  return out;
}
function snip(e) {
  var h = (e.outerHTML || "").replace(/\s+/g, " ").trim();
  if (h.length <= 300) return h;
  var tag = e.tagName.toLowerCase(), open = h.slice(0, h.indexOf(">") + 1);
  if (open.length > 240) open = open.slice(0, 236) + " ...>";
  var text = (e.textContent || "").trim().replace(/\s+/g, " ");
  return open + (text.length > 80 ? text.slice(0, 80) + "..." : text || "...") + "</" + tag + ">";
}
var FRAME = /^(__.*|SegmentViewNode|LayoutRouter.*|InnerLayoutRouter|OuterLayoutRouter|RenderFromTemplateContext|ScrollAndFocusHandler|InnerScrollAndFocusHandler|.*Boundary.*|HTTPAccessFallback.*|Router|AppRouter|HotReload|ReactDevOverlay|DevRootHTTPAccessFallbackBoundary|ServerRoot|Root|AppContainer|Suspense|Fragment|StrictMode|Head|Html|Body|Script|ClientPageRoot|ClientSegmentRoot|.*Provider|.*Context|.*Consumer|Link|LinkComponent|Image|ForwardRef|Memo|Anonymous|_c\d*)$/;
function compOf(e) {
  var keys = Object.keys(e), k = keys.filter(function (x) { return x.indexOf("__reactFiber$") === 0 || x.indexOf("__reactInternalInstance$") === 0; })[0];
  if (k) {
    var names = [], src = "", any = false;
    for (var f = e[k]; f && names.length < 3; f = f.return) {
      var t = f.type;
      if (!src && f._debugSource && f._debugSource.fileName) src = f._debugSource.fileName + ":" + f._debugSource.lineNumber;
      if (!t || typeof t === "string" || typeof t === "symbol") continue;
      var n = t.displayName || t.name || (t.render && (t.render.displayName || t.render.name)) || (t.type && (t.type.displayName || t.type.name));
      if (!n) continue;
      any = true;
      if (FRAME.test(n) || names.indexOf(n) >= 0) continue;
      names.push(n);
    }
    if (!names.length) return any ? "React, rendered by a server component or by the framework itself, so its component name is not in the browser; search the code for the HTML or its classes" : "";
    if (names.every(function (n) { return n.length <= 2; })) return "React (component names are minified in this production build; a development build shows them)";
    return "React " + names[0] + (names.length > 1 ? ", inside " + names.slice(1).join(", inside ") : "") + (src ? ", source " + src : "");
  }
  if (e.__vueParentComponent) {
    var vn = [];
    for (var c = e.__vueParentComponent; c && vn.length < 3; c = c.parent) {
      var nm = c.type && (c.type.name || c.type.__name);
      if (nm && vn.indexOf(nm) < 0) vn.push(nm);
    }
    if (vn.length) return "Vue " + vn[0] + (vn.length > 1 ? ", inside " + vn.slice(1).join(", inside ") : "");
  }
  if (e.__vue__ && e.__vue__.$options && e.__vue__.$options.name) return "Vue " + e.__vue__.$options.name;
  try {
    var ng = window.ng;
    if (ng && ng.getOwningComponent) {
      var oc = ng.getOwningComponent(e);
      if (oc && oc.constructor) return "Angular " + oc.constructor.name;
    }
  } catch (x) {}
  return "";
}
function aiOf(crit, expect, fix, els, more, lazy) {
  function fact(x) {
    var o = { role: x[0], el: x[1] };
    function fill() {
      o.sel = x[2] ? x[2].sel : sel(x[1]);
      o.html = x[2] ? x[2].html : snip(x[1]);
      o.comp = compOf(x[1]);
    }
    if (!lazy) fill();
    else ["sel", "html", "comp"].forEach(function (k) {
      Object.defineProperty(o, k, { configurable: true, enumerable: true, get: function () { fill(); return o[k]; }, set: function (v) { Object.defineProperty(o, k, { value: v, writable: true, enumerable: true }); } });
    });
    return o;
  }
  return {
    crit: crit,
    expect: expect,
    fix: fix,
    more: more || [],
    els: els.filter(function (x) { return x[1]; }).map(fact)
  };
}
function tally(k) {
  var m = {}, order = [];
  logs.forEach(function (e) {
    if (e.k !== k) return;
    if (!m[e.f]) {
      m[e.f] = 0;
      order.push(e.f);
    }
    m[e.f]++;
  });
  return order.map(function (f) { return f + " " + m[f]; }).join(", ");
}
function stamp() { return new Date().toLocaleString("en-US", { month: "short", day: "numeric", year: "numeric", hour: "2-digit", minute: "2-digit", hourCycle: "h23" }); }
function verifyOf(e) {
  var a = e.ai, t = e.p.map(partText).join("");
  function el(r) {
    var x = a.els.filter(function (y) { return y.role === r; })[0];
    return x ? x.sel : "";
  }
  if (e.f === "Missed spots") return "Reload the page and run Tab trail again: " + el("Element") + " gets a stop number and the skipped count goes down by 1. Press Tab until it has focus, then Enter (and Space for a button) does what a click does.";
  if (e.f === "Hover menus") return "Press Tab until a link inside " + el("Element") + " has focus: the menu opens while focus is inside it, and Tab trail no longer lists it under hover menus.";
  if (e.f === "Hidden focus") return "Press Tab until " + el("Element") + " has focus: part of it shows next to " + el("Covered by") + ", and its Hidden focus line in the log says in view or partly covered.";
  if (e.f === "Lost focus") return "Open the popup from " + el("Opened by") + " with Enter, then close it with Escape or its close button: focus is back on " + el("Opened by") + ", and the log shows an OK Lost focus line.";
  if (el("Popup")) return "Reload so the popup shows, then press Tab once: focus lands inside " + el("Popup") + ".";
  return "Put focus on " + (el("Tab left from") || "the start of the page") + " and press " + (t.indexOf("(Shift+Tab)") >= 0 ? "Shift+Tab" : "Tab") + " once: focus lands on " + el("Expected next") + ", and the log shows an OK Out of order line.";
}
var hidTested = new Set();
function coverage() {
  var out = [], left = stops.filter(function (x) { return !hidTested.has(x); }).map(function (x) { return stops.indexOf(x) + 1; });
  if (left.length) out.push("Hidden focus: " + left.length + " of " + pl(stops.length, "stop was", "stops were") + " never tested (" + left.slice(0, 30).join(", ") + (left.length > 30 ? " and " + (left.length - 30) + " more" : "") + "). Press Play to test every stop.");
  var presses = logs.filter(function (e) { return e.f === "Out of order"; }).length;
  out.push("Out of order: judged only for the " + pl(presses, "Tab press", "Tab presses") + " made in this run. Press Tab through the whole page, and Shift+Tab back, to judge every step.");
  var pops = logs.filter(function (e) { return e.f === "Lost focus"; }).length;
  out.push("Lost focus: " + (pops ? "only " + pl(pops, "popup was", "popups were") : "no popups were") + " opened and closed in this run. Open and close every popup, menu and dialog on the page to check them all.");
  out.push("Window size: everything was tested at " + innerWidth + " x " + innerHeight + " only. Sticky bars, menus and popups can behave differently on phones; run it again in a window about 390 px wide.");
  out.push("Not checked by Tab trail at all: whether the focus outline is visible and has enough contrast, accessible names of buttons and links, color contrast of text, what a screen reader announces, and content inside iframes. Use axe DevTools or Lighthouse for those.");
  return out;
}
function aiText() {
  var out = [], probs = [], seenP = {}, skips = [], seenS = {}, notes = [];
  logs.forEach(function (e) {
    var t = e.p.map(partText).join("");
    if (e.k === "PROBLEM") {
      if (!seenP[e.f + t] && e.f !== "Missed spots" && e.f !== "Hover menus") probs.push(e);
      seenP[e.f + t] = 1;
    } else if (e.k === "SKIPPED" && !seenS[e.f + t]) {
      seenS[e.f + t] = 1;
      skips.push(e.f + ": " + t);
    } else if (e.k === "INFO") notes.push(clock(e.t) + " " + e.f + ": " + t);
  });
  probMiss.forEach(function (e) { probs.push(e); });
  probHov.forEach(function (e) { probs.push(e); });
  probs.sort(function (a, b) { return a.t - b.t; });
  var c = logCounts();
  out.push("Tab trail " + VERSION + " report for an AI agent");
  out.push("Page: " + location.href);
  out.push("Ran on: " + stamp() + ", " + browser() + ", window " + innerWidth + " x " + innerHeight);
  out.push("Tool: Tab trail (matjazkorosec.com/tools/tab-trail), a bookmarklet that checks the keyboard Tab order of the page. Stop numbers are positions in the Tab order when the check ran. Use the selectors, the HTML and the component names to find each element in the code.");
  out.push("Run it again from a script (for example Playwright): add https://matjazkorosec.com/tools/tab-trail.js to the page as a script (for example page.addScriptTag), then await window.__tabTrail.play() to walk every stop, and read window.__tabTrail.report() for this same report or window.__tabTrail.log() for every line as data.");
  out.push("");
  out.push("Summary: " + pl(probs.length, "problem", "problems") + " to fix. " + pl(c.ok, "check", "checks") + " passed, " + c.skip + " skipped.");
  if (walkEnd || walking) out.push("Play: " + playState() + ".");
  var pass = tally("OK"), sk = tally("SKIPPED");
  if (pass) out.push("Passed: " + pass + ".");
  if (sk) out.push("Skipped: " + sk + ".");
  var ran = ranChecks();
  if (ran.length) out.push("Checked: " + ran.join(", ") + ". Each check is explained at " + showUrl(ran[0]).replace(/#.*/, "") + " under What it shows.");
  probs.forEach(function (e, i) {
    out.push("");
    out.push("Problem " + (i + 1) + " of " + probs.length + ": " + e.f + " (" + clock(e.t) + ")");
    if (e.ai) out.push("WCAG: " + e.ai.crit);
    out.push("What happened: " + e.p.map(partText).join(""));
    if (!e.ai) return;
    out.push("Expected: " + e.ai.expect);
    e.ai.els.forEach(function (x) {
      out.push(x.role + ": " + x.sel + (x.el.isConnected ? "" : " (no longer on the page)"));
      out.push("  HTML: " + x.html);
      if (x.comp) out.push("  Component: " + x.comp);
    });
    e.ai.more.forEach(function (m) { out.push(m); });
    out.push("Fix hint: " + e.ai.fix);
    out.push("How to check the fix: " + verifyOf(e));
    if (CHECKS.indexOf(e.f) >= 0) out.push("About this check: " + showUrl(e.f));
  });
  out.push("");
  out.push("Not covered in this run:");
  coverage().forEach(function (t) { out.push("- " + t); });
  if (skips.length) {
    out.push("");
    out.push("Skipped checks, and why:");
    skips.slice(0, 12).forEach(function (t) { out.push("- " + t); });
    if (skips.length > 12) out.push("- and " + (skips.length - 12) + " more");
  }
  if (notes.length) {
    out.push("");
    out.push("Notes:");
    notes.slice(-10).forEach(function (t) { out.push("- " + t); });
  }
  return out.join("\n");
}
function copyIt(b, w, text, word) {
  var d = w.document;
  function done(ok) {
    b.textContent = ok ? "Copied" : "Copy failed";
    setTimeout(function () { b.textContent = word; }, 1500);
  }
  function old() {
    var back = w === window ? deep() : d.activeElement;
    var ta = d.createElement("textarea");
    ta.value = text;
    ta.setAttribute("readonly", "");
    ta.style.cssText = "position:fixed;left:0;top:0;width:1px;height:1px;opacity:0";
    (w === window ? root : d.body).appendChild(ta);
    ta.focus({ preventScroll: true });
    ta.select();
    var ok = false;
    try { ok = d.execCommand("copy"); } catch (x) {}
    ta.remove();
    if (back && back.focus) back.focus({ preventScroll: true });
    done(ok);
  }
  if (w.navigator.clipboard && w.isSecureContext) w.navigator.clipboard.writeText(text).then(function () { done(true); }, old);
  else old();
}
function filters(parent, doc) {
  var row = doc.createElement("div");
  row.className = "lf";
  var set = FILT.map(function (f) {
    var b = doc.createElement("button");
    b.type = "button";
    b.className = "lt";
    b.addEventListener("click", function () {
      logFilter = f[0];
      logDraw();
    });
    row.appendChild(b);
    return b;
  });
  parent.appendChild(row);
  filterSets.push(set);
  return set;
}
function logSummary() {
  var c = logCounts();
  logSum.textContent = " " + pl(c.all, "event", "events");
  logBad.textContent = c.bad ? ", " + pl(c.bad, "problem", "problems") : "";
  filterSets.forEach(function (set) {
    set.forEach(function (b, i) {
      b.textContent = FILT[i][1] + " " + c[FILT[i][0]];
      b.setAttribute("aria-pressed", logFilter === FILT[i][0] ? "true" : "false");
    });
  });
  if (tabSum && tabOpen()) tabSum.textContent = location.host + location.pathname + ", " + pl(stops.length, "stop", "stops");
  checkedLine(logChecked, document);
  if (tabChecked && tabOpen()) checkedLine(tabChecked, logTab.document);
}
function logDraw() {
  if (logTab && logTab.closed) tabGone();
  logSummary();
  [logList, tabList].forEach(function (u) { if (u) while (u.firstChild) u.removeChild(u.firstChild); });
  logs.forEach(function (e) { e.li = null; });
  var away = tabOpen();
  logBody.hidden = !logOpen || away;
  logAway.hidden = !away;
  logBtn.setAttribute("aria-expanded", logBody.hidden ? "false" : "true");
  var v = logView();
  if (!v) return;
  var frag = v.ownerDocument.createDocumentFragment();
  logs.slice().reverse().forEach(function (e) {
    if (!shows(e)) return;
    e.li = logLi(e, v.ownerDocument);
    frag.appendChild(e.li);
  });
  v.appendChild(frag);
  toTop(v);
}
function tabGone() {
  logTab = null;
  tabList = null;
  tabSum = null;
  tabChecked = null;
  wcagBoxes = wcagBoxes.filter(function (b) { return b.ownerDocument === document; });
  tabNote = null;
  filterSets = filterSets.filter(function (x) { return x !== tabSet; });
  tabSet = null;
  if (tabPoll) clearInterval(tabPoll);
  tabPoll = 0;
}
var TAB_CSS = [
  "body{margin:0;background:#f7f3ec;color:#1a1612;font:15px/1.5 -apple-system,system-ui,'Segoe UI',Roboto,sans-serif}",
  ".hd{position:sticky;top:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:20px 24px 14px;background:#f7f3ec}",
  "h1{margin:0;font:700 22px/1.2 Georgia,serif}",
  ".u{margin:0 auto 0 0;color:#5f564c}",
  ".nt{flex-basis:100%;margin:0;color:#d0103a;font-weight:700}",
  ".nt[hidden]{display:none}",
  ".lf{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px}",
  ".lt,.lk,.lo,.lc{font:inherit;color:inherit;cursor:pointer}",
  ".lt{padding:4px 11px;border:1.5px solid #1a1612;border-radius:999px;background:none;font-weight:600;font-size:14px}",
  ".lt:hover{background:rgba(26,22,18,.08)}",
  ".lt[aria-pressed=true]{background:#1a1612;color:#f7f3ec}",
  ".lk{padding:6px 14px;border:0;border-radius:999px;background:#1a1612;color:#f7f3ec;font-weight:700;font-size:14px}",
  ".lk:hover{background:#3a332c}",
  ".lo{padding:5px 13px;border:1.5px solid #1a1612;border-radius:999px;background:none;font-weight:600;font-size:14px}",
  ".lo:hover{background:rgba(26,22,18,.08)}",
  ".lt:focus-visible,.lk:focus-visible,.lo:focus-visible,.lc:focus-visible{outline:3px solid #c2410c;outline-offset:2px}",
  ".lck{margin:0;padding:0 24px 6px}",
  ".lck[hidden]{display:none}",
  ".lq{color:#1e3a8a;font-weight:700;text-decoration:none}",
  ".lq:hover{text-decoration:underline;text-underline-offset:2px}",
  ".wc{color:#1f7a3f;font-weight:400}",
  ".nw .wc{display:none}",
  ".lw{display:flex;align-items:center;gap:8px;flex-basis:100%;font-size:14px;color:#1f7a3f;cursor:pointer}",
  ".lw input{width:16px;height:16px;margin:0;accent-color:#c2410c;cursor:pointer}",
  ".lw input:focus-visible{outline:3px solid #c2410c;outline-offset:2px}",
  ".lq.bad{color:#d0103a}",
  ".lq:focus-visible{outline:3px solid #c2410c;outline-offset:2px;border-radius:2px}",
  ".ll{list-style:none;margin:0;padding:4px 0 48px}",
  ".lx{display:grid;grid-template-columns:72px 80px 1fr;gap:2px 12px;padding:8px 24px;align-items:baseline}",
  ".lx:hover{background:#efe8dc}",
  ".lx.bad{background:rgba(208,16,58,.07)}",
  ".tm,.st{font:500 14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#8a7f73}",
  ".st{font-weight:700}",
  ".ok .st{color:#1f7a3f}.bad .st{color:#d0103a}.skip .st{color:#6b6157}.info .st{color:#1e3a8a}",
  ".ft{color:#1e3a8a}.bad .ft{color:#d0103a}",
  ".lc{display:inline-block;min-width:24px;padding:0 6px;border:1px dashed #1a1612;border-radius:999px;background:none;font-size:14px;line-height:1.4;text-align:center}",
  ".lc:hover{background:rgba(26,22,18,.08)}"
].join("");
var ownName = false;
function openTab() {
  var w = window.open("", "_blank");
  if (!w) {
    tabMsg.hidden = false;
    return;
  }
  tabMsg.hidden = true;
  logTab = w;
  if (!window.name) {
    window.name = "tab-trail-" + Date.now();
    ownName = true;
  }
  var d = w.document;
  d.title = "Tab trail log: " + location.host;
  var st = d.createElement("style");
  st.textContent = TAB_CSS;
  d.head.appendChild(st);
  var hd = d.createElement("div");
  hd.className = "hd";
  var h1 = d.createElement("h1");
  h1.textContent = "Tab trail log";
  hd.appendChild(h1);
  tabSum = d.createElement("p");
  tabSum.className = "u";
  hd.appendChild(tabSum);
  var cp = d.createElement("button");
  cp.type = "button";
  cp.className = "lk";
  cp.textContent = "Copy log";
  cp.addEventListener("click", function () { copyIt(cp, w, logText(), "Copy log"); });
  hd.appendChild(cp);
  var ca = d.createElement("button");
  ca.type = "button";
  ca.className = "lo";
  ca.textContent = "Copy for AI";
  ca.addEventListener("click", function () { copyIt(ca, w, aiText(), "Copy for AI"); });
  hd.appendChild(ca);
  var bk = d.createElement("button");
  bk.type = "button";
  bk.className = "lo";
  bk.textContent = "Put back in panel";
  bk.addEventListener("click", putBack);
  hd.appendChild(bk);
  tabNote = d.createElement("p");
  tabNote.className = "nt";
  tabNote.textContent = "Tab trail was closed on the page. This log no longer updates.";
  tabNote.hidden = true;
  hd.appendChild(tabNote);
  tabSet = filters(hd, d);
  wcagBox(hd, d);
  d.body.appendChild(hd);
  d.body.classList.toggle("nw", !showWcag);
  tabChecked = d.createElement("p");
  tabChecked.className = "lck";
  d.body.appendChild(tabChecked);
  tabList = d.createElement("ul");
  tabList.className = "ll";
  d.body.appendChild(tabList);
  tabPoll = setInterval(function () {
    if (logTab && logTab.closed) {
      tabGone();
      logDraw();
    }
  }, 1000);
  logOpen = true;
  logDraw();
}
function putBack() {
  var w = logTab;
  tabGone();
  logOpen = true;
  logDraw();
  if (w && !w.closed) w.close();
}
function lbtn(cls, text, parent) {
  var b = document.createElement("button");
  b.type = "button";
  b.className = cls;
  b.textContent = text;
  parent.appendChild(b);
  return b;
}
var logGroup = document.createElement("div");
logGroup.className = "gp";
var logBtn = document.createElement("button");
logBtn.type = "button";
logBtn.className = "sg";
logBtn.setAttribute("aria-expanded", "false");
var logWord = document.createElement("b");
logWord.textContent = "Log";
logBtn.appendChild(logWord);
var logSum = document.createElement("span");
logSum.className = "ls";
var logBad = document.createElement("span");
logBad.className = "lv";
var logInfo = document.createElement("span");
logInfo.appendChild(logSum);
logInfo.appendChild(logBad);
logBtn.appendChild(logInfo);
logBtn.appendChild(document.createElement("i"));
logGroup.appendChild(logBtn);
var logBody = document.createElement("div");
logBody.className = "lbd";
logBody.hidden = true;
logGroup.appendChild(logBody);
var logChecked = document.createElement("p");
logChecked.className = "lck";
logChecked.hidden = true;
logBody.appendChild(logChecked);
filters(logBody, document);
wcagBox(logBody, document);
var logList = document.createElement("ul");
logList.className = "ll";
logBody.appendChild(logList);
var logRow = document.createElement("div");
logRow.className = "lr";
logBody.appendChild(logRow);
var copyBtn = lbtn("lk", "Copy log", logRow);
copyBtn.addEventListener("click", function () { copyIt(copyBtn, window, logText(), "Copy log"); });
var aiBtn = lbtn("lo", "Copy for AI", logRow);
aiBtn.addEventListener("click", function () { copyIt(aiBtn, window, aiText(), "Copy for AI"); });
var tabBtn = lbtn("lo", "Open in new tab", logRow);
tabBtn.addEventListener("click", openTab);
var tabMsg = document.createElement("p");
tabMsg.className = "lm";
tabMsg.textContent = "The browser blocked the new tab. Allow pop-ups for this site and try again.";
tabMsg.hidden = true;
logBody.appendChild(tabMsg);
var logAway = document.createElement("div");
logAway.className = "la";
logAway.hidden = true;
var awayText = document.createElement("p");
awayText.textContent = "The log is open in a new tab.";
logAway.appendChild(awayText);
var awayRow = document.createElement("div");
awayRow.className = "lr";
logAway.appendChild(awayRow);
lbtn("lo", "Show it", awayRow).addEventListener("click", function () { if (tabOpen()) logTab.focus(); });
lbtn("lo", "Put it back", awayRow).addEventListener("click", putBack);
logGroup.appendChild(logAway);
logBtn.addEventListener("click", function () {
  if (tabOpen()) return logTab.focus();
  logOpen = !logOpen;
  logDraw();
  if (!logOpen) return;
  var gr = logGroup.getBoundingClientRect(), pr = panel.getBoundingClientRect();
  if (gr.bottom > pr.bottom) panel.scrollTop += Math.min(gr.bottom - pr.bottom, gr.top - pr.top);
});
panel.insertBefore(logGroup, legend);
wcagSync();
logSummary();
root.appendChild(panel);
skipPanel();
var closed = false;
function place() {
  if (closed) return;
  var m = modal(), to = m || document.documentElement;
  if (host.parentNode !== to) to.appendChild(host);
  var want = { position: m ? "fixed" : "absolute", left: m ? -scrollX + "px" : "0px", top: m ? -scrollY + "px" : "0px" };
  for (var k in want) if (host.style[k] !== want[k]) host.style[k] = want[k];
}
place();

function el(name, attrs, parent) {
  var n = document.createElementNS(NS, name);
  for (var k in attrs) n.setAttribute(k, attrs[k]);
  parent.appendChild(n);
  return n;
}
var queued = false, onlyScreen = true;
var current = -1;
var pinned = new WeakMap();
function isPinned(e) {
  if (pinned.has(e)) return pinned.get(e);
  var p = false;
  for (var n = e; n && n.nodeType === 1; n = n.parentElement || (n.getRootNode() && n.getRootNode().host)) {
    var pos = getComputedStyle(n).position;
    if (pos === "fixed" || pos === "sticky") { p = true; break; }
  }
  pinned.set(e, p);
  return p;
}
function clear(g) { while (g.firstChild) g.removeChild(g.firstChild); }
var spotEl = null;
function lit() {
  clear(spot);
  if (!light.checked) return;
  var W = innerWidth, H = innerHeight, d = "M0 0H" + W + "V" + H + "H0Z";
  var r = spotEl && spotEl.isConnected ? spotEl.getBoundingClientRect() : null;
  if (r && (r.width || r.height)) {
    var x0 = r.left - 6, y0 = r.top - 6, x1 = r.right + 6, y1 = r.bottom + 6, k = Math.min(8, (x1 - x0) / 2, (y1 - y0) / 2);
    d += "M" + (x0 + k) + " " + y0 + "H" + (x1 - k) + "A" + k + " " + k + " 0 0 1 " + x1 + " " + (y0 + k) + "V" + (y1 - k) + "A" + k + " " + k + " 0 0 1 " + (x1 - k) + " " + y1 + "H" + (x0 + k) + "A" + k + " " + k + " 0 0 1 " + x0 + " " + (y1 - k) + "V" + (y0 + k) + "A" + k + " " + k + " 0 0 1 " + (x0 + k) + " " + y0 + "Z";
  }
  el("path", { d: d, fill: "rgba(15,12,10,.72)", "fill-rule": "evenodd" }, spot);
}
function box(m, r, layer) {
  if (m === shownEl) {
    el("rect", { x: r.left - 6, y: r.top - 6, width: r.width + 12, height: r.height + 12, fill: "none", stroke: "#fff", "stroke-width": 8, rx: 6 }, layer);
    el("rect", { x: r.left - 6, y: r.top - 6, width: r.width + 12, height: r.height + 12, fill: "none", stroke: "#d0103a", "stroke-width": 4, rx: 6 }, layer);
  }
  el("rect", { x: r.left, y: r.top, width: r.width, height: r.height, fill: "rgba(208,16,58,.12)", stroke: "#d0103a", "stroke-width": 3, "stroke-dasharray": "7 5", rx: 3 }, layer);
}
function trailLine(pts, layer) {
  if (pts.length < 2) return;
  var p = pts.map(function (q) { return q[0] + "," + q[1]; }).join(" ");
  el("polyline", { points: p, fill: "none", stroke: "#fff", "stroke-width": 6, "stroke-linejoin": "round", "stroke-linecap": "round", opacity: 0.9 }, layer);
  el("polyline", { points: p, fill: "none", stroke: "#ff8f57", "stroke-width": 3, "stroke-linejoin": "round", "stroke-linecap": "round" }, layer);
}
function dotsIn(list, layer) {
  list.sort(function (a, b) { return (a[2] - 1 === current) - (b[2] - 1 === current); });
  list.forEach(function (d) {
    var big = d[2] > 99, on = d[2] - 1 === current;
    var g = el("g", { class: "o", "data-i": d[2] - 1 }, layer);
    if (on) el("circle", { cx: d[0], cy: d[1], r: big ? 19 : 17, fill: "none", stroke: "#ff8f57", "stroke-width": 4 }, g);
    if (d[3] && !on) el("circle", { cx: d[0], cy: d[1], r: big ? 14 : 12, fill: "#fff", stroke: "#1a1612", "stroke-width": 2, "stroke-dasharray": "4 3" }, g);
    else el("circle", { cx: d[0], cy: d[1], r: big ? 14 : 12, fill: on ? "#c2410c" : "#1a1612", stroke: "#fff", "stroke-width": 2 }, g);
    var t = el("text", { x: d[0], y: d[1] + 0.5, fill: d[3] && !on ? "#1a1612" : "#fff", "font-size": big ? 10 : 11, "font-weight": 700, "font-family": "system-ui,sans-serif", "text-anchor": "middle", "dominant-baseline": "middle" }, g);
    t.textContent = d[2];
  });
}
function shortLines(pts, sx, sy) {
  var W = innerWidth, H = innerHeight, MAX = 100;
  var v = pts.map(function (p) { return p[2] ? [p[0], p[1]] : [p[0] - sx, p[1] - sy]; });
  function on(p) { return p[0] >= 0 && p[0] <= W && p[1] >= 0 && p[1] <= H; }
  function arrow(from, to, L) {
    var dx = to[0] - from[0], dy = to[1] - from[1], len = Math.sqrt(dx * dx + dy * dy) || 1;
    var ux = dx / len, uy = dy / len;
    var tip = [from[0] + ux * L, from[1] + uy * L];
    trailLine([from, tip], svg);
    var pts3 = [[tip[0] + ux * 6, tip[1] + uy * 6], [tip[0] - ux * 9 + uy * 9, tip[1] - uy * 9 - ux * 9], [tip[0] - ux * 9 - uy * 9, tip[1] - uy * 9 + ux * 9]];
    el("polygon", { points: pts3.map(function (q) { return q[0] + "," + q[1]; }).join(" "), fill: "#ff8f57", stroke: "#fff", "stroke-width": 2, "stroke-linejoin": "round" }, svg);
  }
  for (var k = 1; k < v.length; k++) {
    var a = v[k - 1], b = v[k], ia = on(a), ib = on(b);
    var len = Math.sqrt((b[0] - a[0]) * (b[0] - a[0]) + (b[1] - a[1]) * (b[1] - a[1]));
    if (ia && ib && len <= MAX) trailLine([a, b], svg);
    else if (ia && ib) {
      var L = Math.min(MAX - 6, len / 2 - 12);
      arrow(a, b, L);
      arrow(b, a, L);
    }
    else if (ia || ib) arrow(ia ? a : b, ia ? b : a, Math.min(MAX - 6, len));
  }
}
function draw() {
  queued = false;
  var page = !onlyScreen;
  onlyScreen = true;
  var sx = scrollX, sy = scrollY;
  clear(svg);
  clear(dot);
  clear(under);
  lit();
  if (page) {
    clear(svgPg);
    clear(dotPg);
    clear(underPg);
  }
  missed.forEach(function (m) {
    var r = m.getBoundingClientRect();
    if (isPinned(m)) box(m, r, under);
    else if (page) box(m, { left: r.left + sx, top: r.top + sy, width: r.width, height: r.height }, underPg);
  });
  if (shownEl && hovers.indexOf(shownEl) >= 0) {
    var hr = shownEl.getBoundingClientRect(), hp = isPinned(shownEl);
    if (hp || page) {
      var hx = hp ? hr.left : hr.left + sx, hy = hp ? hr.top : hr.top + sy, hl = hp ? under : underPg;
      el("rect", { x: hx - 6, y: hy - 6, width: hr.width + 12, height: hr.height + 12, fill: "none", stroke: "#fff", "stroke-width": 8, rx: 6 }, hl);
      el("rect", { x: hx - 6, y: hy - 6, width: hr.width + 12, height: hr.height + 12, fill: "none", stroke: "#d0103a", "stroke-width": 4, rx: 6 }, hl);
    }
  }
  var hid = 0, placedPg = [], placedSc = [], pts = [], dotsPg = [], dotsSc = [];
  var big = stops.length > PAGE;
  group.style.display = big ? "" : "none";
  pager.style.display = paged() ? "" : "none";
  chunkBox.style.marginTop = paged() ? "" : "0";
  var last = Math.max(Math.ceil(stops.length / PAGE) - 1, 0);
  if (win > last) win = last;
  var lo = paged() ? win * PAGE : 0, hi = paged() ? Math.min(lo + PAGE, stops.length) : stops.length;
  if (paged()) {
    pageText.textContent = "Stops " + (lo + 1) + " to " + hi + " of " + stops.length;
    prevBtn.disabled = win === 0;
    nextBtn.disabled = win === last;
  }
  stops.forEach(function (s, i) {
    if (i < lo || i >= hi) return;
    var r = s.getBoundingClientRect();
    var tiny = r.width < 2 && r.height < 2;
    var onScreen = tiny || isPinned(s);
    var cx = tiny ? 13 + hid++ * 30 : onScreen ? Math.max(r.left - 8, 13) : Math.max(r.left + sx - 8, 13);
    var cy = tiny ? 13 : onScreen ? Math.max(r.top - 8, 13) : Math.max(r.top + sy - 8, 13);
    var placed = onScreen ? placedSc : placedPg;
    for (var j = placed.length - 1, tries = 0; j >= 0 && tries < 40; j--) {
      if (Math.abs(placed[j][0] - cx) < 26 && Math.abs(placed[j][1] - cy) < 26) {
        cx = placed[j][0] + 28;
        j = placed.length;
        tries++;
      }
    }
    placed.push([cx, cy]);
    pts.push([cx, cy, onScreen]);
    (onScreen ? dotsSc : dotsPg).push([cx, cy, i + 1, tiny]);
  });
  if (lines.checked && !stub.checked) shortLines(pts, sx, sy);
  var run = [], runPg = null;
  function flush() {
    if (runPg === null) return;
    if (runPg) { if (page) trailLine(run, svgPg); }
    else trailLine(run, svg);
    run = [];
    runPg = null;
  }
  for (var k = lines.checked && stub.checked ? 1 : pts.length; k < pts.length; k++) {
    var a = pts[k - 1], b = pts[k], both = !a[2] && !b[2];
    if (runPg !== both) {
      flush();
      runPg = both;
      run.push(both || a[2] ? [a[0], a[1]] : [a[0] - sx, a[1] - sy]);
    }
    run.push(both || b[2] ? [b[0], b[1]] : [b[0] - sx, b[1] - sy]);
  }
  flush();
  if (page) dotsIn(dotsPg, dotPg);
  dotsIn(dotsSc, dot);
}
function queue(screenOnly) {
  if (screenOnly !== true) onlyScreen = false;
  if (!queued) { queued = true; requestAnimationFrame(draw); }
}
var timer = 0;
function same(a, b) {
  if (a.length !== b.length) return false;
  for (var i = 0; i < a.length; i++) if (a[i] !== b[i]) return false;
  return true;
}
function rescan() {
  timer = 0;
  if (closed) return;
  place();
  pinned = new WeakMap();
  scan();
  if (!same(drawn, sig())) {
    fill();
    scan();
    renderJumps();
    review();
  }
  focus();
}
function later() { if (!timer) timer = setTimeout(rescan, 500); }
function moved(e) { if (host.style.position === "fixed") place(); queue((stub.checked || !lines.checked) && !!e && e.type === "scroll" && (e.target === document || e.target === document.documentElement)); later(); }
var watch = new MutationObserver(function (list) {
  place();
  if (openPop && gone(openPop)) popClosed();
  for (var i = 0; i < list.length; i++) if (list[i].target !== host && !host.contains(list[i].target)) return later();
});
function focus() {
  var a = deep();
  track(a);
  if (a && a !== document.body && a !== document.documentElement) {
    lost = false;
    if (a !== host && a.getRootNode() !== root) spotEl = a;
  } else spotEl = null;
  current = stops.indexOf(a);
  if (current !== seen) {
    seen = current;
    if (current >= 0) win = Math.floor(current / PAGE);
  }
  queue();
}
function lose() {
  setTimeout(function () {
    var a = document.activeElement;
    if (a && a !== document.body && a !== document.documentElement) return;
    lost = true;
    focus();
  }, 0);
}
var walking = false, walkT = 0, walked = new Set(), walkAt = null, walkEnd = null;
function playState() {
  var at = walkAt && stops.indexOf(walkAt) >= 0 ? " at stop " + (stops.indexOf(walkAt) + 1) + " \"" + label(walkAt) + "\"" : "";
  var n = "walked " + walked.size + " of " + pl(stops.length, "stop", "stops");
  if (walking) return "still walking" + at + ", " + n;
  return walkEnd === "done" ? "finished, " + n : "paused" + at + ", " + n;
}
function playLook() {
  while (playIcon.firstChild) playIcon.removeChild(playIcon.firstChild);
  icon(playIcon, 12, walking ? "M5 3v10M11 3v10" : "M4 2.5l9 5.5-9 5.5z", 2.4);
  playWord.textContent = walking ? "Pause" : "Play";
  play.setAttribute("aria-pressed", walking ? "true" : "false");
  if (walked.size) playText.textContent = "Walked " + walked.size + " of " + stops.length + " stops";
}
function walkedText() { return " after " + walked.size + " of " + pl(stops.length, "stop", "stops") + "."; }
function stopWalk(why, fin) {
  if (!walking) return;
  walking = false;
  walkEnd = fin ? "done" : "paused";
  if (walkT) clearTimeout(walkT);
  walkT = 0;
  playLook();
  if (why) log("INFO", "Play it", [why]);
  var done = walkDone;
  walkDone = [];
  done.forEach(function (f) { f(aiText()); });
}
function step(i) {
  walkT = 0;
  if (!walking || closed) return;
  if (i >= stops.length) {
    stopWalk("Finished: walked " + walked.size + " of " + pl(stops.length, "stop", "stops") + ".", true);
    return;
  }
  var s = stops[i];
  s.focus({ focusVisible: true });
  focus();
  walked.add(s);
  walkAt = s;
  playLook();
  var sx = scrollX, sy = scrollY, still = 0, tries = 0;
  function wait() {
    if (!walking || closed) return;
    if (scrollX !== sx || scrollY !== sy) {
      sx = scrollX;
      sy = scrollY;
      still = 0;
    } else still++;
    if (++tries < 90 && (still < 2 || tries < 6)) return requestAnimationFrame(wait);
    check(s);
    walkT = setTimeout(function () { step(stops.indexOf(s) + 1); }, 400);
  }
  requestAnimationFrame(wait);
}
var walkDone = [];
function startWalk() {
  walking = true;
  if (walked.size >= stops.length) walked = new Set();
  playLook();
  var first = current >= 0 && current < stops.length - 1 && walked.size ? current + 1 : 0;
  if (stops[first]) log("INFO", "Play it", [first ? "Went on from " : "Started at ", ref(stops[first]), "."]);
  step(first);
}
play.addEventListener("click", function () {
  if (walking) return stopWalk("Paused with the Pause button" + walkedText());
  startWalk();
});
function interrupt(e) {
  if (!walking || (e.composedPath && e.composedPath().indexOf(host) >= 0)) return;
  stopWalk("Paused by a click on the page" + walkedText());
}
playLook();
var settleT = 0, macNote = false, MAC_NOTE = "Your browser skips links on Tab. Mac: in Safari, Settings, Advanced, Press Tab to highlight each item. In Firefox, turn on Keyboard navigation in System Settings, Keyboard.";
function linkSkip(want, cur, dir) {
  if (!MAC || !/^(Safari|Firefox) /.test(browser())) return 0;
  var n = stops.length, k = 0;
  for (var i = want; i !== cur && k < n; i = (i + dir + n) % n, k++) if (!stops[i].matches("a[href],area[href]")) return 0;
  return k < n ? k : 0;
}
function settle() {
  settleT = 0;
  focus();
  if (pressed && current >= 0) check(stops[current]);
  if (!pressed || current < 0 || before === -2) {
    if (pressed && before === -2) log("SKIPPED", "Out of order", ["Focus was on the page body, so this Tab press is not judged."]);
    else if (pressed) {
      var o = deep();
      if (o && o !== document.body && o !== document.documentElement && !within(host, o)) log("SKIPPED", "Out of order", ["Tab landed on ", ref(o), ", which is not in the list of stops. Not judged."]);
      else if (!o || !within(host, o)) log("SKIPPED", "Out of order", ["Focus left the page, or went to the browser. Not judged."]);
    }
    pressed = 0;
    return;
  }
  var n = stops.length, want = before < 0 ? (pressed > 0 ? 0 : n - 1) : (before + pressed + n) % n;
  var landed = popupOf(stops[current]), left = before >= 0 && popupOf(stops[before]);
  if (before < 0 && pressed > 0 && !landed && !popMissed) {
    for (var k = 0; k < n && !popMissed; k++) {
      var pop = popupOf(stops[k]);
      if (pop && shown(pop) && blocking(pop)) popMissed = pop;
    }
    if (popMissed) {
      renderJumps();
      log("PROBLEM", "Out of order", [popName(popMissed), " blocks the page, but the first Tab went to ", ref(stops[current]), "."], aiOf(W_ORDER, "A popup that blocks the page gets keyboard focus first, so the first Tab lands inside it.", "When the popup opens, move focus into it: call .focus() on its first control, or on the popup itself with tabindex=\"-1\". A <dialog> opened with showModal() does this by itself.", [["Popup", popMissed], ["First Tab went to", stops[current]]]));
    }
  }
  var start = before < 0 ? ["Start"] : [ref(stops[before])], back = pressed < 0 ? " (Shift+Tab)" : "";
  var skipped = current !== want && !landed && !left ? linkSkip(want, current, pressed > 0 ? 1 : -1) : 0;
  if (before < 0 && pressed > 0 && landed) log("OK", "Out of order", ["First Tab went into the popup ", popName(landed), "."]);
  else if (skipped) {
    if (!macNote) {
      macNote = true;
      renderJumps();
      log("INFO", "Out of order", [MAC_NOTE]);
    }
    log("SKIPPED", "Out of order", start.concat([" \u2192 ", ref(stops[current]), back + ": your browser skipped " + pl(skipped, "link", "links") + ". Not judged."]));
  } else if (current !== want && !landed && !left && !(popMissed && before < 0)) {
    var from = before < 0 ? null : stops[before], to = stops[current];
    if (!jumps.some(function (j) { return j[0] === from && j[1] === to; })) {
      jumps.push([from, to]);
      renderJumps();
    }
    log("PROBLEM", "Out of order", start.concat([" \u2192 ", ref(to), back + ", expected ", ref(stops[want]), to.tabIndex > 0 ? ". It has tabindex=\"" + to.tabIndex + "\"." : "."]), aiOf(W_ORDER, "Tab" + (pressed < 0 ? " with Shift" : "") + " moves from " + (from ? "stop " + (before + 1) : "the start of the page") + " to stop " + (want + 1) + ", the next element in the Tab order.", to.tabIndex > 0 ? "Remove tabindex=\"" + to.tabIndex + "\" from the element Tab jumped to, or set it to 0. A positive tabindex pulls an element ahead of the page order." : "Tab follows the order of the HTML. Move the element Tab jumped to so it sits right after the one before it, or remove CSS that reorders it on screen (order, flex-direction: row-reverse or column-reverse, grid placement). If a script calls .focus() on focus or keydown, check that too.", [["Tab left from", from], ["Tab jumped to", to], ["Expected next", stops[want]]]));
  } else if (current !== want) log("SKIPPED", "Out of order", start.concat([" \u2192 ", ref(stops[current]), back + (landed || left ? ": into or inside a popup, allowed." : ": the popup that blocks the page is listed already.")]));
  else log("OK", "Out of order", start.concat([" \u2192 ", ref(stops[current]), back + ", next in line."]));
  pressed = 0;
}
function key(e) {
  lastKey = e.key;
  keyT = Date.now();
  keyOn = deep();
  if (walking && (e.key === " " || e.key === "Tab" || e.key === "Escape")) {
    if (e.key === " ") e.preventDefault();
    stopWalk("Paused by " + (e.key === " " ? "Space" : e.key) + walkedText());
    if (e.key !== "Tab") return;
  }
  if (e.key === "Escape" && !modal() && !(openPop && !gone(openPop))) close();
  if (e.key === "Tab") {
    if (settleT) {
      clearTimeout(settleT);
      settle();
    }
    pressed = e.shiftKey ? -1 : 1;
    before = current < 0 && lost ? -2 : current;
    settleT = setTimeout(settle, 150);
  }
}
function pick(e) {
  var g = e.target.closest && e.target.closest("g.o");
  if (!g) return;
  e.preventDefault();
  e.stopPropagation();
  if (e.type !== "click") return;
  var s = stops[+g.getAttribute("data-i")];
  if (!s) return;
  if (settleT) {
    clearTimeout(settleT);
    settle();
  }
  pressed = 0;
  s.focus({ preventScroll: true, focusVisible: true });
  focus();
}
function close() {
  closed = true;
  stopWalk();
  removeEventListener("pointerdown", interrupt, true);
  removeEventListener("pointerdown", tap, true);
  removeEventListener("scroll", moved, true);
  removeEventListener("resize", moved);
  removeEventListener("resize", keepIn);
  if (fit) fit.disconnect();
  watch.disconnect();
  if (timer) clearTimeout(timer);
  if (settleT) clearTimeout(settleT);
  removeEventListener("keydown", key, true);
  removeEventListener("focusin", focus, true);
  removeEventListener("focusout", lose, true);
  if (tabPoll) clearInterval(tabPoll);
  if (logTab && !logTab.closed && tabNote) tabNote.hidden = false;
  if (window.__tabTrail === api) delete window.__tabTrail;
  if (ownName) window.name = "";
  host.remove();
}
var grab = null;
panel.addEventListener("pointerdown", function (e) {
  if (e.button !== 0 || e.target.closest("button,a,ul,label")) return;
  var r = panel.getBoundingClientRect();
  grab = [e.clientX - r.left, e.clientY - r.top];
  panel.setPointerCapture(e.pointerId);
  panel.classList.add("g");
});
panel.addEventListener("pointermove", function (e) {
  if (!grab) return;
  var x = Math.min(Math.max(e.clientX - grab[0], 0), innerWidth - panel.offsetWidth);
  var y = Math.min(Math.max(e.clientY - grab[1], 0), innerHeight - panel.offsetHeight);
  panel.style.left = x + "px";
  panel.style.top = y + "px";
  panel.style.right = "auto";
  panel.style.bottom = "auto";
});
function drop() { grab = null; panel.classList.remove("g"); }
function keepIn() {
  if (closed) return;
  var r = panel.getBoundingClientRect(), m = 8;
  if (!r.height || (r.top >= m && r.bottom <= innerHeight - m && r.left >= m && r.right <= innerWidth - m)) return;
  panel.style.top = Math.min(Math.max(r.top, m), Math.max(m, innerHeight - m - r.height)) + "px";
  panel.style.left = Math.min(Math.max(r.left, m), Math.max(m, innerWidth - m - r.width)) + "px";
  panel.style.right = "auto";
  panel.style.bottom = "auto";
}
var fit = window.ResizeObserver ? new ResizeObserver(keepIn) : null;
if (fit) fit.observe(panel);
addEventListener("resize", keepIn);
panel.addEventListener("pointerup", drop);
panel.addEventListener("pointercancel", drop);
host.__close = close;
var api = {
  report: function () { return aiText(); },
  log: function () {
    return logs.map(function (e) { return { time: clock(e.t), result: e.k, check: e.f, wcag: WCAG[e.f] || null, text: e.p.map(partText).join(""), fixed: !!e.fixed }; });
  },
  play: function () {
    return new Promise(function (res) {
      walkDone.push(res);
      if (!walking) {
        walked = new Set();
        startWalk();
      }
    });
  },
  state: function () { return { walked: walked.size, total: stops.length, done: !walking && walkEnd === "done" }; },
  version: VERSION,
  close: function () { close(); }
};
window.__tabTrail = api;
x.addEventListener("click", close);
addEventListener("scroll", moved, { capture: true, passive: true });
addEventListener("resize", moved);
watch.observe(document.documentElement, { subtree: true, childList: true, attributes: true, attributeFilter: ["style", "class", "hidden", "tabindex", "disabled", "inert", "href", "role", "open"] });
addEventListener("keydown", key, true);
addEventListener("pointerdown", interrupt, true);
addEventListener("pointerdown", tap, true);
addEventListener("focusin", focus, true);
addEventListener("focusout", lose, true);
root.addEventListener("focusin", focus);
["pointerdown", "mousedown", "pointerup", "mouseup", "click"].forEach(function (t) {
  dot.addEventListener(t, pick);
  dotPg.addEventListener(t, pick);
});
review();
focus();
draw();
})();