@maildeno/editor 0.4.5 → 0.4.7

package/dist/HealthIndicator--ScSxVRA.js

@@ -0,0 +1,1216 @@
+import { C as F, L as _, N as be, P as ye, T as ke, X as W, f as X, g as r, gt as A, h as O, l as H, mt as g, n as V, st as D, u as N, v as T, vt as Ie, y as b, yt as k, z as J } from "./vue.runtime.esm-bundler-D2AjRP90.js";
+import { H as Le, U as Ee, V as Ce, W as Ae } from "./element-CeRQDEn3.js";
+import { n as we } from "./useEmailBuilder-gOc8otd8.js";
+var Se = 60, Te = 40, Re = 500, Ne = 80, Ge = 60, $e = 80, ne = 398, Y = 30, re = 140, oe = 117, Me = 105, Oe = {
+  heading: 317,
+  paragraph: 337,
+  list: 250,
+  menu: 250,
+  button: 488,
+  anchor: 394,
+  image: 281,
+  video: 320,
+  divider: 461,
+  socials: 149,
+  spacer: 80
+}, Be = 54, Ue = 229, He = 450, De = 120, xe = 5, Ke = 0.92, Pe = 1.08, Fe = /* @__PURE__ */ new Set([
+  "heading",
+  "paragraph",
+  "list",
+  "menu",
+  "button",
+  "anchor"
+]), We = /* @__PURE__ */ new Set(["image", "video"]);
+function le(t) {
+  return t.componentType ?? t.type;
+}
+function Ve(t) {
+  const e = t.props ?? {};
+  return le(t) === "menu" ? (e.items ?? []).map((s) => s.label ?? "").join(" ") : e.content ?? e.text ?? e.label ?? "";
+}
+function Ye(t) {
+  return (t.props?.items ?? []).length;
+}
+function je(t) {
+  const e = (t.props?.platforms ?? []).filter((i) => i.enabled !== !1), s = e.reduce((i, n) => i + (n.link?.length ?? 0), 0), a = e.reduce((i, n) => i + (n.icon?.length ?? 0), 0);
+  return {
+    count: e.length,
+    linkBytes: s,
+    srcBytes: a
+  };
+}
+function ze(t) {
+  const e = t.props?.mobile;
+  return !e || typeof e != "object" ? !1 : Object.values(e).some((s) => s != null);
+}
+function de(t, e, s) {
+  if (!(s >= xe))
+    for (const a of t) {
+      const i = a.type;
+      if (i === "row") {
+        e.estimatedBytes += ne;
+        const n = a.backgroundColor && a.backgroundColor !== "transparent", c = a.backgroundGradient?.useGradient;
+        (n || c) && (e.estimatedBytes += Y);
+        const o = a.columns ?? [], d = (a.gap ?? 0) > 0;
+        o.forEach((p, u) => {
+          e.estimatedBytes += re, (p.backgroundColor && p.backgroundColor !== "transparent" || p.backgroundGradient?.useGradient) && (e.estimatedBytes += Y), d && u < o.length - 1 && (e.estimatedBytes += oe), de(p.children ?? p.components ?? [], e, s + 1);
+        });
+        continue;
+      }
+      if (i === "row-spacer") {
+        e.estimatedBytes += 80;
+        continue;
+      }
+      Xe(a, e);
+    }
+}
+function Xe(t, e) {
+  const s = le(t);
+  if (e.estimatedBytes += Oe[s] ?? 337, ze(t) && (e.estimatedBytes += De), t.props?.fontFamily && e.usedFonts.add(t.props.fontFamily), t.props?.mobile?.fontFamily && e.usedFonts.add(t.props.mobile.fontFamily), Fe.has(s)) {
+    e.textCompCount++;
+    const a = Ve(t);
+    e.textChars += a.length, e.estimatedBytes += new TextEncoder().encode(a).length, s === "menu" && (e.estimatedBytes += Ye(t) * Be), (s === "button" || s === "anchor") && (e.estimatedBytes += (t.props?.link ?? "").length), s === "button" && t.props?.icon && (e.estimatedBytes += He, e.estimatedBytes += (t.props.icon ?? "").length, e.estimatedBytes += (t.props.iconAlt ?? "").length, e.buttonIconCount++);
+  } else if (We.has(s))
+    e.imageCompCount++, e.imageWeight += Re, e.estimatedBytes += (t.props?.src ?? "").length;
+  else if (s === "socials") {
+    const { count: a, linkBytes: i, srcBytes: n } = je(t);
+    e.socialIconCount += a, e.imageWeight += a * Ne, e.estimatedBytes += a * Ue + i + n;
+  }
+}
+function Je(t) {
+  return { metrics: O(() => {
+    const e = {
+      textChars: 0,
+      imageWeight: 0,
+      estimatedBytes: 1520,
+      usedFonts: /* @__PURE__ */ new Set(),
+      textCompCount: 0,
+      imageCompCount: 0,
+      socialIconCount: 0,
+      buttonIconCount: 0
+    }, s = t.value ?? [];
+    for (const v of s) {
+      if (!v.columns) {
+        e.estimatedBytes += 80;
+        continue;
+      }
+      e.estimatedBytes += ne;
+      const I = v.backgroundColor && v.backgroundColor !== "transparent", y = v.backgroundGradient?.useGradient;
+      (I || y) && (e.estimatedBytes += Y);
+      const E = v.columns ?? [], w = (v.gap ?? 0) > 0;
+      E.forEach((C, U) => {
+        e.estimatedBytes += re, (C.backgroundColor && C.backgroundColor !== "transparent" || C.backgroundGradient?.useGradient) && (e.estimatedBytes += Y), w && U < E.length - 1 && (e.estimatedBytes += oe), de(C.children ?? C.components ?? [], e, 0);
+      });
+    }
+    e.estimatedBytes += e.usedFonts.size * Me;
+    const a = e.textChars + e.imageWeight, i = a === 0 ? 100 : Math.round(e.textChars / a * 100), n = 100 - i, c = Math.round(e.estimatedBytes / 1024 * 10) / 10, o = Math.round(e.estimatedBytes * Ke / 1024 * 10) / 10, d = Math.round(e.estimatedBytes * Pe / 1024 * 10) / 10;
+    let p;
+    i >= Se ? p = "good" : i >= Te ? p = "warn" : p = "bad";
+    let u;
+    d <= Ge ? u = "good" : d <= $e ? u = "warn" : u = "bad";
+    const L = p === "good" ? `Good ratio (${i}% text). Email clients will render this reliably.` : p === "warn" ? `Low text ratio (${i}%). Spam filters prefer >= 60% text. Add more copy.` : `Poor ratio (${i}% text). Heavy image emails are often blocked or sent to spam.`, S = u === "good" ? `Estimated ${o}–${d} KB — well within Gmail's 102 KB limit.` : u === "warn" ? `Estimated ${o}–${d} KB — approaching Gmail's 102 KB clip threshold.` : `Estimated ${o}–${d} KB — Gmail will clip this email at ~102 KB.`;
+    return {
+      textChars: e.textChars,
+      textCompCount: e.textCompCount,
+      imageCompCount: e.imageCompCount,
+      socialIconCount: e.socialIconCount,
+      buttonIconCount: e.buttonIconCount,
+      textRatio: i,
+      imageRatio: n,
+      estimatedKB: c,
+      estimatedLow: o,
+      estimatedHigh: d,
+      ratioStatus: p,
+      kbStatus: u,
+      ratioTip: L,
+      kbTip: S,
+      isEmpty: a === 0 && e.estimatedBytes <= 1570
+    };
+  }) };
+}
+var qe = {
+  IMG_ALT_MISSING: {
+    id: "IMG_ALT_MISSING",
+    name: "Image missing alt text",
+    severity: "critical",
+    info: "WCAG 1.1.1 (Level A). Screen readers announce the file name when alt is absent, which is meaningless to recipients using assistive tech."
+  },
+  IMG_ALT_DECORATIVE: {
+    id: "IMG_ALT_DECORATIVE",
+    name: "Decorative image should use empty alt",
+    severity: "serious",
+    info: 'WCAG 1.1.1. Purely decorative images should have alt="" so screen readers skip them rather than announce a filename.'
+  },
+  IMG_ALT_REDUNDANT: {
+    id: "IMG_ALT_REDUNDANT",
+    name: "Alt text starts with redundant phrasing",
+    severity: "serious",
+    info: 'Phrases like "image of" or "picture of" are added by the screen reader automatically — including them causes duplicated announcements.'
+  },
+  LINK_EMPTY: {
+    id: "LINK_EMPTY",
+    name: "Link has no accessible text",
+    severity: "critical",
+    info: 'WCAG 2.4.4 (Level A). A link with no readable label is announced as "link" with no destination, leaving AT users unable to act on it.'
+  },
+  LINK_VAGUE: {
+    id: "LINK_VAGUE",
+    name: "Link text is not descriptive",
+    severity: "serious",
+    info: 'WCAG 2.4.4. Phrases like "click here" or "read more" lose meaning when read out of context — screen readers often list links separately.'
+  },
+  LINK_NO_HREF: {
+    id: "LINK_NO_HREF",
+    name: "Link is missing a destination URL",
+    severity: "critical",
+    info: "WCAG 2.4.4. A link without href is not focusable or actionable for keyboard / AT users."
+  },
+  LINK_DUPLICATE_TEXT_DIFFERENT_URL: {
+    id: "LINK_DUPLICATE_TEXT_DIFFERENT_URL",
+    name: "Same link text points to different URLs",
+    severity: "serious",
+    info: "WCAG 2.4.4. Repeated link text should identify the destination. When the same link text (ignoring case and trailing punctuation) points to different URLs, screen reader users navigating a link list may not be able to distinguish the destinations."
+  },
+  BUTTON_EMPTY: {
+    id: "BUTTON_EMPTY",
+    name: "Button has no accessible label",
+    severity: "critical",
+    info: "WCAG 4.1.2 (Level A). Interactive elements must expose a name to assistive technology."
+  },
+  BUTTON_ICON_NO_ALT: {
+    id: "BUTTON_ICON_NO_ALT",
+    name: "Icon missing alt text",
+    severity: "serious",
+    info: "WCAG 1.1.1. When a clickable element's icon adds meaning, its alt becomes part of the element's accessible name. Leave alt empty only if the icon is purely decorative."
+  },
+  CONTRAST_FAIL_NORMAL: {
+    id: "CONTRAST_FAIL_NORMAL",
+    name: "Text contrast below 4.5:1",
+    severity: "critical",
+    info: "WCAG 1.4.3 (Level AA). Normal text needs at least 4.5:1 contrast against its background to be readable for users with low vision."
+  },
+  CONTRAST_FAIL_LARGE: {
+    id: "CONTRAST_FAIL_LARGE",
+    name: "Large text contrast below 3:1",
+    severity: "critical",
+    info: "WCAG 1.4.3 (Level AA). Large text (≥18pt or ≥14pt bold) needs at least 3:1 contrast."
+  },
+  HEADING_HIERARCHY: {
+    id: "HEADING_HIERARCHY",
+    name: "Heading levels skip a step",
+    severity: "serious",
+    info: "WCAG 1.3.1 (Level A). Skipping from H1 to H3 confuses screen reader users who navigate by heading level."
+  },
+  HEADING_MISSING: {
+    id: "HEADING_MISSING",
+    name: "No heading present",
+    severity: "serious",
+    info: "WCAG 2.4.6. Long content benefits from at least one heading so AT users can orient themselves and skim."
+  },
+  FONT_TOO_SMALL: {
+    id: "FONT_TOO_SMALL",
+    name: "Font size below 12px",
+    severity: "serious",
+    info: "Below 12px, body copy becomes hard to read for users with low vision and may force pinch-zoom on mobile."
+  },
+  SOCIAL_ICON_NO_LABEL: {
+    id: "SOCIAL_ICON_NO_LABEL",
+    name: "Social icon missing accessible name",
+    severity: "serious",
+    info: "WCAG 4.1.2. Each social link must announce its platform — alt text or aria-label, not just an icon."
+  },
+  LANG_MISSING: {
+    id: "LANG_MISSING",
+    name: "Email language not specified",
+    severity: "critical",
+    info: "WCAG 3.1.1 (Level A). Without lang, screen readers may pronounce content using the wrong voice."
+  },
+  LINK_MALFORMED: {
+    id: "LINK_MALFORMED",
+    name: "Link URL is malformed",
+    severity: "critical",
+    info: "WCAG 2.4.4. URLs without a scheme like `https://` (e.g. `app.com`) are rendered inconsistently across email clients — some treat them as plain text, breaking the link entirely."
+  },
+  LINK_INSECURE_HTTP: {
+    id: "LINK_INSECURE_HTTP",
+    name: "Link uses insecure HTTP",
+    severity: "serious",
+    info: "Modern email clients flag or block `http://` links. Use `https://` so the link works reliably and recipients aren't warned about insecure destinations."
+  },
+  LINK_DANGEROUS_SCHEME: {
+    id: "LINK_DANGEROUS_SCHEME",
+    name: "Link uses a blocked URL scheme",
+    severity: "critical",
+    info: "Schemes like `javascript:`, `data:`, `vbscript:`, and `file:` are stripped by every major email client. The link will be inert when delivered."
+  },
+  LINK_MERGETAG_UNGUARDED: {
+    id: "LINK_MERGETAG_UNGUARDED",
+    name: "Link URL contains a merge tag without a fallback",
+    severity: "serious",
+    info: "WCAG 2.4.4. If the tag resolves to empty for a recipient, the URL becomes broken (e.g. `https://example.com/?id=`). Add a pipe-default such as `{{ user_id|'guest' }}`."
+  },
+  IMG_SRC_MISSING: {
+    id: "IMG_SRC_MISSING",
+    name: "Image source URL is missing",
+    severity: "critical",
+    info: "Without a src, the image cannot load and recipients only see the alt text — or nothing if alt is also empty."
+  },
+  IMG_SRC_MALFORMED: {
+    id: "IMG_SRC_MALFORMED",
+    name: "Image source URL is malformed",
+    severity: "critical",
+    info: "Image src must be an absolute URL with a scheme (http:// or https://). Relative paths and bare hostnames don't load in email clients."
+  },
+  IMG_SRC_INSECURE: {
+    id: "IMG_SRC_INSECURE",
+    name: "Image source uses insecure HTTP",
+    severity: "critical",
+    info: "Most modern email clients (Gmail, Apple Mail, Outlook 365) refuse to load http:// images by default — recipients will see a broken-image placeholder. Switch to https://."
+  },
+  IMG_SRC_DATAURI: {
+    id: "IMG_SRC_DATAURI",
+    name: "Image source uses a data: URI",
+    severity: "critical",
+    info: "Most email clients strip or refuse data: URIs to prevent phishing. Host the image on an HTTPS URL instead."
+  },
+  IMG_SRC_MERGETAG_UNGUARDED: {
+    id: "IMG_SRC_MERGETAG_UNGUARDED",
+    name: "Image source contains a merge tag without a fallback",
+    severity: "serious",
+    info: "If the tag resolves to empty for a recipient, the image won't load. Add a pipe-default like `{{ avatar_url|'https://example.com/default-avatar.png' }}`."
+  },
+  PREHEADER_MISSING: {
+    id: "PREHEADER_MISSING",
+    name: "Preheader text not set",
+    severity: "serious",
+    info: "Preheader text is the first content screen readers and inbox previews announce after the subject line. Without one, recipients see whatever raw content the email starts with — usually a 'View in browser' link or a CTA, which is unhelpful for both AT users and open rates."
+  },
+  MERGETAG_IN_ALT: {
+    id: "MERGETAG_IN_ALT",
+    name: "Image alt depends on a merge tag without a fallback",
+    severity: "serious",
+    info: "WCAG 1.1.1. If the recipient has no value for the tag, the alt becomes empty and screen readers will skip the image silently. Use a pipe-default like {{ name|'Profile photo' }} to guarantee a description."
+  },
+  MERGETAG_LINK_LABEL: {
+    id: "MERGETAG_LINK_LABEL",
+    name: "Link text is only a merge tag without a fallback",
+    severity: "critical",
+    info: "WCAG 2.4.4. If the tag resolves to empty for some recipients, the link will have no readable label at all. Add surrounding text or a pipe-default such as {{ cta|'View offer' }}."
+  },
+  MERGETAG_RESOLVES_EMPTY: {
+    id: "MERGETAG_RESOLVES_EMPTY",
+    name: "Merge tag resolves to empty in preview",
+    severity: "serious",
+    info: "With preview active, this tag's value is empty — meaning some recipients will see nothing where this content should appear. Set a preview value or add a pipe-default to the tag."
+  }
+}, ue = "maildeno:a11y:ignoredIssues";
+function Qe() {
+  if (typeof window > "u" || !window.localStorage) return /* @__PURE__ */ new Set();
+  try {
+    const t = window.localStorage.getItem(ue);
+    if (!t) return /* @__PURE__ */ new Set();
+    const e = JSON.parse(t);
+    return new Set(Array.isArray(e) ? e : []);
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function q(t) {
+  if (!(typeof window > "u" || !window.localStorage))
+    try {
+      window.localStorage.setItem(ue, JSON.stringify([...t]));
+    } catch {
+    }
+}
+var Ze = 5;
+function Q(t) {
+  return t.componentType ?? t.type;
+}
+function M(t) {
+  return t.id ? String(t.id) : t._uid ? String(t._uid) : `${Q(t) ?? "unknown"}:no-id`;
+}
+function ce(t, e, s, a) {
+  return e?._id ? `${t}::${s}_${e._id}` : `${t}::${s}${a}`;
+}
+function pe(t) {
+  return t.replace(/<[^>]+>/g, " ").replace(/&nbsp;/gi, " ").replace(/&amp;/gi, "&").replace(/&lt;/gi, "<").replace(/&gt;/gi, ">").replace(/&quot;/gi, '"').replace(/&#39;/gi, "'").replace(/&apos;/gi, "'").replace(/&#(\d+);/g, (e, s) => {
+    const a = parseInt(s, 10);
+    if (a === 160 || a < 32) return " ";
+    try {
+      return String.fromCharCode(a);
+    } catch {
+      return " ";
+    }
+  }).replace(/&#x([0-9a-f]+);/gi, (e, s) => {
+    const a = parseInt(s, 16);
+    if (a === 160 || a < 32) return " ";
+    try {
+      return String.fromCharCode(a);
+    } catch {
+      return " ";
+    }
+  }).replace(/\s+/g, " ").trim();
+}
+function se(t, e) {
+  const s = t.props ?? {}, a = s.text ?? s.label ?? s.content ?? s.alt ?? "", i = pe(String(a));
+  return i ? i.length > 30 ? i.slice(0, 30) + "…" : i : e;
+}
+function j(t, e, s, a = "merge") {
+  if (!s.previewActive) return se(t, e);
+  const i = t.props ?? {}, n = i.text ?? i.label ?? i.content ?? i.alt ?? "", c = pe(B(String(n), s, a));
+  return c ? c.length > 30 ? c.slice(0, 30) + "…" : c : se(t, e);
+}
+function B(t, e, s) {
+  if (!t) return "";
+  const a = s === "link" ? e.linkTagContext : e.mergeTagContext;
+  try {
+    return Ae(t, a, e.previewActive);
+  } catch {
+    return String(t);
+  }
+}
+function x(t) {
+  if (!t) return [];
+  try {
+    const e = Ee(t), s = [];
+    return e.forEach((a, i) => {
+      (!a || !a.trim()) && s.push(i);
+    }), s;
+  } catch {
+    return [];
+  }
+}
+function fe(t) {
+  if (!t) return !1;
+  try {
+    return Le(t).length === 0 ? !1 : String(t).replace(/\{\{[^}]*\}\}/g, " ").trim().length === 0;
+  } catch {
+    return !1;
+  }
+}
+function ae(t) {
+  if (!t) return null;
+  const e = t.trim().toLowerCase();
+  if (e === "transparent") return null;
+  if (e.startsWith("#")) {
+    let a = e.slice(1);
+    if (a.length === 3 && (a = a.split("").map((o) => o + o).join("")), a.length !== 6) return null;
+    const i = parseInt(a.slice(0, 2), 16), n = parseInt(a.slice(2, 4), 16), c = parseInt(a.slice(4, 6), 16);
+    return [
+      i,
+      n,
+      c
+    ].some(Number.isNaN) ? null : [
+      i,
+      n,
+      c
+    ];
+  }
+  const s = e.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
+  return s ? [
+    +s[1],
+    +s[2],
+    +s[3]
+  ] : null;
+}
+function ie([t, e, s]) {
+  const a = [
+    t,
+    e,
+    s
+  ].map((i) => {
+    const n = i / 255;
+    return n <= 0.03928 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4);
+  });
+  return 0.2126 * a[0] + 0.7152 * a[1] + 0.0722 * a[2];
+}
+function et(t, e) {
+  const s = ae(t), a = ae(e);
+  if (!s || !a) return null;
+  const i = ie(s), n = ie(a), [c, o] = i > n ? [i, n] : [n, i];
+  return (c + 0.05) / (o + 0.05);
+}
+function tt(t, e, s) {
+  if (t.props?.backgroundColor && t.props.backgroundColor !== "transparent") return t.props.backgroundColor;
+  for (let a = e.length - 1; a >= 0; a--) {
+    const i = e[a].backgroundColor;
+    if (i && i !== "transparent") return i;
+  }
+  return s;
+}
+function st(t, e, s) {
+  const a = (t.props ?? {}).backgroundGradient;
+  if (a?.useGradient && a.gradient?.colors?.length >= 2) {
+    const i = [...a.gradient.colors].sort((n, c) => (n.position ?? 0) - (c.position ?? 0));
+    return [{
+      color: i[0].color,
+      isGradientEndpoint: !0
+    }, {
+      color: i[i.length - 1].color,
+      isGradientEndpoint: !0
+    }];
+  }
+  return [{
+    color: tt(t, e, s),
+    isGradientEndpoint: !1
+  }];
+}
+function P(t, e, s, a, i, n) {
+  const c = t.props?.color ?? t.props?.textColor;
+  if (!c) return;
+  const o = st(t, a.parentChain, a.bodyBg), d = o.length > 1, p = o.map((C) => ({
+    bg: C.color,
+    ratio: et(c, C.color)
+  })).filter((C) => C.ratio !== null);
+  if (p.length === 0) return;
+  const u = p.reduce((C, U) => C.ratio < U.ratio ? C : U), L = parseInt((t.props?.fontSize ?? "16").toString(), 10), S = (t.props?.fontWeight ?? "").toString().match(/bold|[6-9]00/), v = L >= 18 || L >= 14 && !!S, I = v ? 3 : 4.5, y = v ? "CONTRAST_FAIL_LARGE" : "CONTRAST_FAIL_NORMAL", E = `"${n}"`, w = d ? " (worst point of gradient)" : "";
+  u.ratio < I ? h(a, f(y, e, `${i} ${E} text contrast is ${u.ratio.toFixed(2)}:1${w} — needs at least ${I}:1.`, "failed", s)) : h(a, f(y, e, `${i} ${E} contrast (${u.ratio.toFixed(2)}:1${w}) meets WCAG AA.`, "passed", s));
+}
+function at(t, e, s, a, i, n) {
+  const c = (t.props?.iconAlt ?? "").toString().trim(), o = B((t.props?.text ?? t.props?.label ?? t.props?.content ?? "").toString(), a, "link").trim(), d = o.length > 0;
+  if (!c) {
+    d ? h(a, f("BUTTON_ICON_NO_ALT", e, `${i} "${n}" icon is decorative (aria-hidden); text "${o.length > 30 ? o.slice(0, 30) + "…" : o}" provides the label.`, "passed", s)) : h(a, f("BUTTON_ICON_NO_ALT", e, `${i} "${n}" has only an icon (no text) but no alt — assistive tech cannot describe what this does.`, "failed", s));
+    return;
+  }
+  const p = c.toLowerCase();
+  p === "icon" || p === "image" || p === "img" ? h(a, f("BUTTON_ICON_NO_ALT", e, `${i} "${n}" icon alt is "${c}" — non-descriptive. Either describe what the icon represents (e.g. "TikTok logo") or leave alt empty for a decorative icon.`, "failed", s)) : h(a, f("BUTTON_ICON_NO_ALT", e, `${i} "${n}" icon has descriptive alt ("${c}").`, "passed", s));
+}
+var it = /* @__PURE__ */ new Set([
+  "http:",
+  "https:",
+  "mailto:",
+  "tel:",
+  "sms:"
+]), nt = [
+  "javascript:",
+  "data:",
+  "vbscript:",
+  "file:"
+];
+function rt(t) {
+  try {
+    const e = new URL(t);
+    return it.has(e.protocol);
+  } catch {
+    return !1;
+  }
+}
+var ot = {
+  link: {
+    malformed: "LINK_MALFORMED",
+    insecure: "LINK_INSECURE_HTTP",
+    dangerous: "LINK_DANGEROUS_SCHEME",
+    unguarded: "LINK_MERGETAG_UNGUARDED",
+    insecureSeverity: "serious",
+    insecureMsg: (t, e) => `${t} "${e}" uses http:// — switch to https:// to avoid client warnings and improve deliverability.`,
+    malformedMsg: (t, e, s) => `${t} "${e}" URL "${s}" is not a valid absolute URL. Add the scheme (e.g. https://).`,
+    dangerousMsg: (t, e, s) => `${t} "${e}" uses ${s} scheme — email clients will strip this link.`,
+    unguardedMsg: (t, e, s) => `${t} "${e}" URL uses merge tag${s.includes(",") ? "s" : ""} { ${s} } without a fallback.`,
+    passedMsg: (t, e) => `${t} "${e}" URL is well-formed.`
+  },
+  src: {
+    malformed: "IMG_SRC_MALFORMED",
+    insecure: "IMG_SRC_INSECURE",
+    dangerous: "IMG_SRC_DATAURI",
+    unguarded: "IMG_SRC_MERGETAG_UNGUARDED",
+    insecureSeverity: "critical",
+    insecureMsg: (t, e) => `${t} "${e}" source uses http:// — most modern email clients refuse to load insecure images by default. Switch to https://.`,
+    malformedMsg: (t, e, s) => `${t} "${e}" source "${s}" is not a valid absolute URL. The image will not load.`,
+    dangerousMsg: (t, e, s) => `${t} "${e}" source uses ${s} scheme — email clients will block this image.`,
+    unguardedMsg: (t, e, s) => `${t} "${e}" source uses merge tag${s.includes(",") ? "s" : ""} { ${s} } without a fallback. The image will fail to load if the tag is empty.`,
+    passedMsg: (t, e) => `${t} "${e}" source URL is well-formed.`
+  }
+};
+function $(t, e, s, a, i, n, c) {
+  if (!t) return;
+  const o = t.trim();
+  if (!o) return;
+  const d = ot[c], p = x(o);
+  p.length > 0 && h(a, f(d.unguarded, e, d.unguardedMsg(i, n, p.join(", ")), "failed", s));
+  const u = B(o, a, "link").trim(), L = u.toLowerCase(), S = nt.find((v) => L.startsWith(v));
+  if (S) {
+    h(a, f(d.dangerous, e, d.dangerousMsg(i, n, S.replace(":", "")), "failed", s));
+    return;
+  }
+  if (!rt(u)) {
+    h(a, f(d.malformed, e, d.malformedMsg(i, n, u.length > 40 ? u.slice(0, 40) + "…" : u), "failed", s));
+    return;
+  }
+  try {
+    const v = new URL(u);
+    if (v.protocol === "http:") {
+      const I = v.hostname.toLowerCase();
+      if (!(I === "localhost" || I === "127.0.0.1" || I === "::1" || I.endsWith(".local"))) {
+        h(a, f(d.insecure, e, d.insecureMsg(i, n), "failed", s));
+        return;
+      }
+    }
+  } catch {
+  }
+  h(a, f(d.malformed, e, d.passedMsg(i, n), "passed", s));
+}
+function he(t, e, s, a, i, n) {
+  $(t, e, s, a, i, n, "link");
+}
+var ge = [
+  "click here",
+  "click",
+  "here",
+  "read more",
+  "more",
+  "learn more",
+  "this",
+  "this link",
+  "link",
+  "go here",
+  "go to",
+  "see here",
+  "check this out",
+  "check it out",
+  "find out more",
+  "details",
+  "info",
+  "information"
+];
+function Z(t) {
+  return t.toLowerCase().replace(/[!.?…]+$/, "").trim();
+}
+var lt = [
+  "image of",
+  "picture of",
+  "photo of",
+  "graphic of",
+  "image:",
+  "img:"
+];
+function f(t, e, s, a, i) {
+  const n = qe[t];
+  return {
+    id: `${t}:${e}`,
+    ruleId: t,
+    severity: n.severity,
+    status: a,
+    rule: n.name,
+    message: s,
+    info: n.info,
+    componentRef: i
+  };
+}
+function h(t, e) {
+  t.ignored.has(e.id) && (e.status = "ignored"), t.issues.push(e);
+}
+function dt(t, e) {
+  const s = M(t), a = {
+    type: "image",
+    id: s
+  }, i = t.props?.alt, n = B(i, e, "link");
+  if (t.props?.decorative === !0) {
+    n && n.length > 0 ? h(e, f("IMG_ALT_DECORATIVE", s, "Image is marked decorative but has alt text — set alt to an empty string.", "failed", a)) : h(e, f("IMG_ALT_DECORATIVE", s, "Decorative image correctly uses empty alt — screen readers will skip it.", "passed", a));
+    return;
+  }
+  const c = x(i);
+  if (c.length > 0 && h(e, f("MERGETAG_IN_ALT", s, `Alt text uses merge tag${c.length === 1 ? "" : "s"} { ${c.join(", ")} } without a fallback. Add a pipe-default like {{ ${c[0]}|'…' }}.`, "failed", a)), !n || n.trim().length === 0) h(e, f("IMG_ALT_MISSING", s, "Image has no alt text. Add a short description of what the image conveys.", "failed", a));
+  else {
+    const u = n.toLowerCase().trim(), L = lt.find((S) => u.startsWith(S));
+    L ? h(e, f("IMG_ALT_REDUNDANT", s, `Alt text starts with "${L}" — remove it; screen readers already announce "image".`, "failed", a)) : h(e, f("IMG_ALT_MISSING", s, `Image has descriptive alt text ("${n.length > 40 ? n.slice(0, 40) + "…" : n}").`, "passed", a));
+  }
+  const o = t.props?.src, d = n && n.trim() ? n.trim() : "Image", p = d.length > 30 ? d.slice(0, 30) + "…" : d;
+  if (!o || !o.toString().trim() ? h(e, f("IMG_SRC_MISSING", s, `Image "${p}" has no source URL set.`, "failed", a)) : $(o.toString(), s, a, e, "Image", p, "src"), t.props?.enabled === !0) {
+    const u = t.props?.link;
+    !u || !u.toString().trim() ? h(e, f("LINK_NO_HREF", s, `Image "${p}" is set as a clickable link but has no destination URL.`, "failed", a)) : $(u.toString(), s, a, e, "Image", p, "link");
+  }
+}
+function ut(t, e) {
+  const s = M(t), a = {
+    type: "video",
+    id: s
+  }, i = t.props?.alt, n = B(i, e, "link"), c = n && n.trim() ? n.trim() : "Video", o = c.length > 30 ? c.slice(0, 30) + "…" : c;
+  !n || n.trim().length === 0 ? h(e, f("IMG_ALT_MISSING", s, "Video has no alt text. Add a short description of the video's purpose.", "failed", a)) : h(e, f("IMG_ALT_MISSING", s, `Video has descriptive alt text ("${o}").`, "passed", a));
+  const d = t.props?.src;
+  d && d.toString().trim() && $(d.toString(), s, a, e, "Video", o, "src");
+  const p = t.props?.coverImage;
+  p && p.toString().trim() && $(p.toString(), s, a, e, "Video poster", o, "src");
+  const u = t.props?.fallbackLink;
+  !u || !u.toString().trim() ? h(e, f("LINK_NO_HREF", s, `Video "${o}" has no fallback link — recipients in clients that can't play <video> have no way to reach the content.`, "failed", a)) : $(u.toString(), s, a, e, "Video", o, "link");
+}
+function ct(t, e) {
+  const s = M(t), a = {
+    type: "button",
+    id: s
+  }, i = (t.props?.label ?? t.props?.text ?? t.props?.content ?? "").toString(), n = B(i, e, "link").trim(), c = j(t, "Button", e, "link"), o = t.props?.link;
+  if (n && o?.toString().trim() && e.links.push({
+    text: n,
+    url: o.toString().trim(),
+    componentId: s,
+    componentRef: a
+  }), !i.trim()) h(e, f("BUTTON_EMPTY", s, "Button has no visible label. Add text describing the action.", "failed", a));
+  else if (fe(i) && x(i).length > 0) {
+    const d = x(i);
+    h(e, f("MERGETAG_LINK_LABEL", s, `Button label is only the merge tag${d.length === 1 ? "" : "s"} { ${d.join(", ")} } with no fallback. If the tag is empty for a recipient, the button has no label.`, "failed", a));
+  } else e.previewActive && !n ? h(e, f("MERGETAG_RESOLVES_EMPTY", s, "Button label resolves to empty in preview. Set a preview value for the tag, or add a pipe-default.", "failed", a)) : h(e, f("BUTTON_EMPTY", s, `Button "${c}" has a clear label.`, "passed", a));
+  o ? (h(e, f("LINK_NO_HREF", s, `Button "${c}" has a destination URL.`, "passed", a)), he(o, s, a, e, "Button", c)) : h(e, f("LINK_NO_HREF", s, `Button "${c}" has no destination URL set.`, "failed", a)), t.props?.icon && at(t, s, a, e, "Button", c), P(t, s, a, e, "Button", c);
+}
+function pt(t, e) {
+  const s = M(t), a = {
+    type: "anchor",
+    id: s
+  }, i = (t.props?.content ?? t.props?.text ?? t.props?.label ?? "").toString(), n = B(i, e, "link").trim(), c = t.props?.link, o = j(t, "Link", e, "link");
+  if (n && c?.toString().trim() && e.links.push({
+    text: n,
+    url: c.toString().trim(),
+    componentId: s,
+    componentRef: a
+  }), !i.trim()) {
+    h(e, f("LINK_EMPTY", s, "Link has no readable text.", "failed", a));
+    return;
+  }
+  if (fe(i) && x(i).length > 0) {
+    const u = x(i);
+    h(e, f("MERGETAG_LINK_LABEL", s, `Link text is only the merge tag${u.length === 1 ? "" : "s"} { ${u.join(", ")} } with no fallback. If empty, the link will have no readable label.`, "failed", a));
+  } else e.previewActive && !n && h(e, f("MERGETAG_RESOLVES_EMPTY", s, "Link text resolves to empty in preview. Set a preview value or add a pipe-default to the tag.", "failed", a));
+  const d = n || i, p = Z(d);
+  ge.includes(p) ? h(e, f("LINK_VAGUE", s, `Link text "${d}" is not descriptive on its own. Use text that describes the destination.`, "failed", a)) : d && h(e, f("LINK_VAGUE", s, `Link "${o}" has descriptive text.`, "passed", a)), c ? (h(e, f("LINK_NO_HREF", s, `Link "${o}" has an href set.`, "passed", a)), he(c, s, a, e, "Link", o)) : h(e, f("LINK_NO_HREF", s, `Link "${o}" has no href set.`, "failed", a)), P(t, s, a, e, "Link", o);
+}
+function ft(t, e) {
+  const s = M(t), a = {
+    type: "heading",
+    id: s
+  }, i = parseInt((t.props?.level ?? t.props?.tag ?? "h2").toString().replace(/\D/g, ""), 10), n = j(t, `H${Number.isFinite(i) ? i : "?"}`, e, "merge");
+  if (!Number.isFinite(i)) return;
+  const c = e.headingLevels[e.headingLevels.length - 1];
+  c === void 0 ? i !== 1 ? h(e, f("HEADING_HIERARCHY", s, `First heading is H${i} ("${n}"). Start the outline with H1 so screen readers know where the page begins.`, "failed", a)) : h(e, f("HEADING_HIERARCHY", s, `Document starts with H1 ("${n}").`, "passed", a)) : i > c + 1 ? h(e, f("HEADING_HIERARCHY", s, `Heading "${n}" jumps from H${c} to H${i}. Use H${c + 1} instead.`, "failed", a)) : h(e, f("HEADING_HIERARCHY", s, `Heading "${n}" (H${i}) follows correctly from H${c}.`, "passed", a)), e.headingLevels.push(i), P(t, s, a, e, `H${i}`, n);
+}
+function ht(t, e) {
+  const s = M(t), a = {
+    type: "paragraph",
+    id: s
+  }, i = Q(t) === "list" ? "List" : "Text", n = j(t, i, e, "merge"), c = t.props?.fontSize;
+  if (c) {
+    const o = parseInt(c.toString(), 10);
+    Number.isFinite(o) && (o < 12 ? h(e, f("FONT_TOO_SMALL", s, `${i} "${n}" font size is ${o}px — below the 12px minimum for comfortable reading.`, "failed", a)) : h(e, f("FONT_TOO_SMALL", s, `${i} "${n}" font size (${o}px) is readable.`, "passed", a)));
+  }
+  P(t, s, a, e, i, n);
+}
+function gt(t, e) {
+  const s = M(t), a = (t.props?.platforms ?? []).filter((n) => n.enabled !== !1);
+  if (a.length === 0) return;
+  const i = a.filter((n) => !(n.name?.toString().trim() || n.alt?.toString().trim() || n.label?.toString().trim() || n.platform?.toString().trim()));
+  i.length > 0 ? h(e, f("SOCIAL_ICON_NO_LABEL", s, `${i.length} of ${a.length} social icons missing an accessible name. Set the platform name so screen readers can announce it.`, "failed", {
+    type: "socials",
+    id: s
+  })) : h(e, f("SOCIAL_ICON_NO_LABEL", s, `All ${a.length} social icons have accessible names.`, "passed", {
+    type: "socials",
+    id: s
+  })), a.forEach((n, c) => {
+    const o = (n.name || n.alt || n.label || n.platform || `#${c + 1}`).toString(), d = ce(s, n, "p", c), p = {
+      type: "socials",
+      id: d
+    }, u = n.link;
+    !u || !u.toString().trim() ? h(e, f("LINK_NO_HREF", d, `Social icon "${o}" is enabled but has no link.`, "failed", p)) : $(u.toString(), d, p, e, "Social", o, "link");
+    const L = n.icon;
+    L && L.toString().trim() && $(L.toString(), d, p, e, "Social icon", o, "src");
+  });
+}
+function mt(t, e) {
+  const s = M(t), a = {
+    type: "menu",
+    id: s
+  }, i = (t.props?.items ?? []).filter((n) => n.enabled !== !1);
+  P(t, s, a, e, "Menu", `Menu (${i.length} item${i.length === 1 ? "" : "s"})`), i.length !== 0 && i.forEach((n, c) => {
+    const o = (n.label ?? "").toString(), d = o.trim() || `item #${c + 1}`, p = d.length > 30 ? d.slice(0, 30) + "…" : d, u = ce(s, n, "i", c), L = {
+      type: "menu-item",
+      id: u
+    };
+    if (o.trim() || h(e, f("LINK_EMPTY", u, `Menu item #${c + 1} has no readable text.`, "failed", L)), o.trim()) {
+      const I = Z(o);
+      ge.includes(I) && h(e, f("LINK_VAGUE", u, `Menu item "${p}" is not descriptive on its own.`, "failed", L));
+    }
+    const S = n.link, v = o.trim();
+    v && S?.toString().trim() && e.links.push({
+      text: v,
+      url: S.toString().trim(),
+      componentId: u,
+      componentRef: L
+    }), !S || !S.toString().trim() ? h(e, f("LINK_NO_HREF", u, `Menu item "${p}" has no link set.`, "failed", L)) : $(S.toString(), u, L, e, "Menu item", p, "link");
+  });
+}
+function me(t, e, s) {
+  if (!(s >= Ze))
+    for (const a of t) {
+      const i = a.type;
+      if (i === "row") {
+        e.parentChain.push({ backgroundColor: a.backgroundColor }), (a.columns ?? []).forEach((n) => {
+          e.parentChain.push({ backgroundColor: n.backgroundColor }), me(n.children ?? n.components ?? [], e, s + 1), e.parentChain.pop();
+        }), e.parentChain.pop();
+        continue;
+      }
+      if (i !== "row-spacer")
+        switch (Q(a)) {
+          case "image":
+            dt(a, e);
+            break;
+          case "video":
+            ut(a, e);
+            break;
+          case "button":
+            ct(a, e), e.textComponentCount++;
+            break;
+          case "anchor":
+            pt(a, e), e.textComponentCount++;
+            break;
+          case "heading":
+            ft(a, e), e.textComponentCount++;
+            break;
+          case "paragraph":
+          case "list":
+            ht(a, e), e.textComponentCount++;
+            break;
+          case "menu":
+            mt(a, e), e.textComponentCount++;
+            break;
+          case "socials":
+            gt(a, e);
+        }
+    }
+}
+function vt(t) {
+  const e = t.slice(0, 3).map((a) => a.length > 40 ? a.slice(0, 40) + "…" : a), s = t.length - e.length;
+  return s > 0 ? `${e.join(", ")}, +${s} more` : e.join(", ");
+}
+function _t(t) {
+  const e = /* @__PURE__ */ new Map();
+  for (const s of t.links) {
+    const a = Z(s.text), i = e.get(a);
+    i ? i.push(s) : e.set(a, [s]);
+  }
+  e.forEach((s) => {
+    const a = [...new Set(s.map((n) => n.url))], i = a.length <= 1;
+    for (const n of s) i ? h(t, f("LINK_DUPLICATE_TEXT_DIFFERENT_URL", n.componentId, s.length > 1 ? `Link text "${n.text}" appears ${s.length} times in this email and always points to the same destination.` : `Link text "${n.text}" is unique in this email.`, "passed", n.componentRef)) : h(t, f("LINK_DUPLICATE_TEXT_DIFFERENT_URL", n.componentId, `Link text "${n.text}" is used for ${a.length} different URLs in this email (${vt(a)}). Screen reader users scanning a link list won't be able to tell these destinations apart by text alone.`, "failed", n.componentRef));
+  });
+}
+function bt(t, e) {
+  const s = t?.lang ?? t?.language ?? t?.locale;
+  !s || !s.toString().trim() ? h(e, f("LANG_MISSING", "document", 'Email language is not set. Add a lang attribute (e.g. "en") so screen readers use the correct pronunciation.', "failed", { type: "document" })) : h(e, f("LANG_MISSING", "document", `Email language is set ("${s}").`, "passed", { type: "document" }));
+  const a = (t?.preheader ?? t?.preheaderText ?? t?.previewText ?? "").toString().trim();
+  if (!a) h(e, f("PREHEADER_MISSING", "document", "Preheader text is not set. Add a short summary that previews the email's content.", "failed", { type: "document" }));
+  else {
+    const i = a.length;
+    h(e, f("PREHEADER_MISSING", "document", `Preheader is set ("${i > 50 ? a.slice(0, 50) + "…" : a}", ${i} char${i === 1 ? "" : "s"}).`, "passed", { type: "document" }));
+  }
+  e.textComponentCount >= 3 && e.headingLevels.length === 0 ? h(e, f("HEADING_MISSING", "document", "No headings used. Add at least one to help screen reader users navigate.", "failed", { type: "document" })) : e.headingLevels.length > 0 && h(e, f("HEADING_MISSING", "document", `${e.headingLevels.length} heading${e.headingLevels.length === 1 ? "" : "s"} used for structure.`, "passed", { type: "document" }));
+}
+function yt(t, e = {}) {
+  const s = D(Qe()), a = (d, p) => d === void 0 ? p : d && typeof d == "object" && "value" in d ? d.value : d, i = O(() => {
+    const d = {
+      issues: [],
+      ignored: s.value,
+      parentChain: [],
+      bodyBg: a(e.bodyBg, "#ffffff") ?? "#ffffff",
+      headingLevels: [],
+      textComponentCount: 0,
+      links: [],
+      mergeTagContext: a(e.mergeTagContext, {}),
+      linkTagContext: a(e.linkTagContext, {}),
+      previewActive: a(e.previewActive, !1)
+    }, p = t.value ?? [];
+    for (const w of p)
+      w.columns && (d.parentChain.push({ backgroundColor: w.backgroundColor }), (w.columns ?? []).forEach((C) => {
+        d.parentChain.push({ backgroundColor: C.backgroundColor }), me(C.children ?? C.components ?? [], d, 0), d.parentChain.pop();
+      }), d.parentChain.pop());
+    _t(d), bt(a(e.emailMeta, void 0), d);
+    const u = d.issues.filter((w) => w.status === "failed"), L = d.issues.filter((w) => w.status === "passed"), S = d.issues.filter((w) => w.status === "ignored"), v = u.filter((w) => w.severity === "critical").length, I = u.filter((w) => w.severity === "serious").length;
+    let y;
+    v > 0 ? y = "bad" : I > 0 ? y = "warn" : y = "good";
+    let E;
+    return y === "good" ? E = u.length === 0 ? "No accessibility issues" : "Looks good" : y === "warn" ? E = `${I} serious issue${I === 1 ? "" : "s"}` : E = `${v} critical issue${v === 1 ? "" : "s"}`, {
+      failed: u,
+      passed: L,
+      ignored: S,
+      failedCount: u.length,
+      passedCount: L.length,
+      ignoredCount: S.length,
+      criticalCount: v,
+      seriousCount: I,
+      status: y,
+      summaryMessage: E
+    };
+  });
+  function n(d) {
+    const p = new Set(s.value);
+    p.add(d), s.value = p, q(p);
+  }
+  function c(d) {
+    const p = new Set(s.value);
+    p.delete(d), s.value = p, q(p);
+  }
+  function o() {
+    s.value = /* @__PURE__ */ new Set(), q(s.value);
+  }
+  return {
+    summary: i,
+    ignoreIssue: n,
+    restoreIssue: c,
+    clearIgnored: o
+  };
+}
+var kt = ["aria-expanded"], It = { class: "panel-header" }, Lt = { class: "panel-header-right" }, Et = ["aria-label", "aria-pressed"], Ct = ["aria-expanded"], At = { class: "metric-summary" }, wt = { class: "metric-left" }, St = { class: "metric-icon" }, Tt = {
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, Rt = ["fill"], Nt = ["fill"], Gt = { class: "metric-right" }, $t = { class: "mini-bar" }, Mt = {
+  key: 0,
+  class: "metric-detail"
+}, Ot = { class: "detail-tip" }, Bt = { class: "detail-stats" }, Ut = { class: "stat-item" }, Ht = { class: "stat-value" }, Dt = { class: "stat-item" }, xt = { class: "stat-value" }, Kt = { class: "stat-item" }, Pt = { class: "stat-value" }, Ft = {
+  key: 0,
+  class: "stat-item"
+}, Wt = { class: "stat-value" }, Vt = {
+  key: 1,
+  class: "stat-item"
+}, Yt = { class: "stat-value" }, jt = { class: "stat-item" }, zt = { class: "stat-value" }, Xt = ["aria-expanded"], Jt = { class: "metric-summary" }, qt = { class: "metric-left" }, Qt = { class: "metric-icon" }, Zt = {
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, es = ["stroke"], ts = { class: "metric-right" }, ss = {
+  key: 0,
+  class: "pulse-dot pulse-dot--bad"
+}, as = {
+  key: 0,
+  class: "metric-detail"
+}, is = { class: "detail-tip" }, ns = { class: "format-note" }, rs = { class: "format-row format-row--html" }, os = { class: "format-info" }, ls = { class: "format-range" }, ds = ["aria-expanded"], us = { class: "metric-summary" }, cs = { class: "metric-left" }, ps = { class: "metric-icon" }, fs = {
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, hs = ["fill"], gs = ["stroke"], ms = { class: "metric-right" }, vs = {
+  key: 0,
+  class: "pulse-dot pulse-dot--bad"
+}, _s = {
+  class: "a11y-tabs",
+  role: "tablist",
+  "aria-label": "Accessibility issue status"
+}, bs = ["aria-selected"], ys = { class: "a11y-tab-count a11y-tab-count--failed" }, ks = ["aria-selected"], Is = { class: "a11y-tab-count a11y-tab-count--passed" }, Ls = ["aria-selected"], Es = { class: "a11y-tab-count a11y-tab-count--ignored" }, Cs = {
+  key: 0,
+  class: "a11y-list",
+  role: "tabpanel"
+}, As = {
+  key: 0,
+  class: "a11y-empty"
+}, ws = { class: "a11y-item-header" }, Ss = { class: "a11y-rule" }, Ts = ["onClick", "aria-label"], Rs = { class: "a11y-message" }, Ns = { class: "a11y-info" }, Gs = {
+  key: 1,
+  class: "a11y-list",
+  role: "tabpanel"
+}, $s = {
+  key: 0,
+  class: "a11y-empty"
+}, Ms = { class: "a11y-item-header" }, Os = { class: "a11y-rule" }, Bs = { class: "a11y-message" }, Us = {
+  key: 2,
+  class: "a11y-list",
+  role: "tabpanel"
+}, Hs = {
+  key: 0,
+  class: "a11y-empty"
+}, Ds = { class: "a11y-item-header" }, xs = { class: "a11y-rule" }, Ks = ["onClick", "aria-label"], Ps = { class: "a11y-message" }, Fs = /* @__PURE__ */ ke({
+  __name: "HealthIndicator",
+  setup(t) {
+    const { rows: e, canvasStyles: s, mergeTagPreviewContext: a, mergeTagPreviewActive: i, linkTagPreviewContext: n, linkTagPreviewActive: c } = we(), { metrics: o } = Je(e), d = O(() => !!(i?.value || c?.value)), p = O(() => ({
+      lang: s?.value?.language,
+      preheader: s?.value?.preheaderText
+    })), { summary: u, ignoreIssue: L, restoreIssue: S } = yt(e, {
+      bodyBg: O(() => s?.value?.bodyBackgroundColor ?? "#ffffff"),
+      emailMeta: p,
+      mergeTagContext: a,
+      linkTagContext: n,
+      previewActive: d
+    }), v = D(!1), I = D(!1), y = D(null), E = D("failed"), w = D(null), C = O(() => o.value.ratioStatus === "bad" || o.value.kbStatus === "bad" || u.value.status === "bad" ? "bad" : o.value.ratioStatus === "warn" || o.value.kbStatus === "warn" || u.value.status === "warn" ? "warn" : "good"), U = O(() => C.value === "bad" ? "Needs attention" : C.value === "warn" ? "Review suggested" : "Looks healthy");
+    function K(R) {
+      return R === "good" ? "#22c55e" : R === "warn" ? "#f59e0b" : "#ef4444";
+    }
+    function ve() {
+      v.value = !v.value, v.value || (y.value = null, I.value = !1);
+    }
+    function ee() {
+      v.value = !1, y.value = null, I.value = !1;
+    }
+    function G(R) {
+      y.value = y.value === R ? null : R;
+    }
+    function z(R) {
+      return R.id;
+    }
+    function te(R) {
+      R.key === "Escape" && ee();
+    }
+    return ye(() => window.addEventListener("keydown", te)), be(() => window.removeEventListener("keydown", te)), (R, l) => g(o).isEmpty ? T("", !0) : (_(), b("div", {
+      key: 0,
+      class: "relative",
+      ref_key: "rootRef",
+      ref: w
+    }, [
+      r("button", {
+        class: A(["health-orb", [`health-orb--${C.value}`, { "health-orb--active": v.value }]]),
+        onClick: ve,
+        "aria-label": "Email health indicator",
+        "aria-expanded": v.value
+      }, [...l[14] || (l[14] = [
+        r("span", { class: "orb-ring orb-ring--outer" }, null, -1),
+        r("span", { class: "orb-ring orb-ring--inner" }, null, -1),
+        r("span", { class: "orb-core" }, null, -1)
+      ])], 10, kt),
+      F(V, { name: "popover" }, {
+        default: W(() => [v.value ? (_(), b("div", {
+          key: 0,
+          class: A(["health-panel", { "health-panel--expanded": I.value }]),
+          role: "dialog",
+          "aria-label": "Email health details"
+        }, [
+          r("div", It, [l[16] || (l[16] = r("span", { class: "panel-title" }, "Email Health", -1)), r("div", Lt, [r("span", { class: A(["panel-status-badge", `status-badge--${C.value}`]) }, k(U.value), 3), r("button", {
+            type: "button",
+            class: A(["panel-expand-btn", { "panel-expand-btn--active": I.value }]),
+            onClick: l[0] || (l[0] = N((m) => I.value = !I.value, ["stop"])),
+            "aria-label": I.value ? "Collapse panel" : "Expand panel for more detail",
+            "aria-pressed": I.value,
+            title: "Toggle wide view"
+          }, [...l[15] || (l[15] = [r("svg", {
+            width: "12",
+            height: "12",
+            viewBox: "0 0 12 12",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [r("path", {
+            d: "M1 6h10M8.5 3.5L11 6l-2.5 2.5M3.5 3.5L1 6l2.5 2.5",
+            stroke: "currentColor",
+            "stroke-width": "1.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          })], -1)])], 10, Et)])]),
+          r("div", {
+            class: A(["metric-card", [`metric-card--${g(o).ratioStatus}`, { "metric-card--expanded": y.value === "ratio" }]]),
+            onClick: l[1] || (l[1] = (m) => G("ratio")),
+            tabindex: "0",
+            onKeydown: [l[2] || (l[2] = H((m) => G("ratio"), ["enter"])), l[3] || (l[3] = H(N((m) => G("ratio"), ["prevent"]), ["space"]))],
+            role: "button",
+            "aria-expanded": y.value === "ratio"
+          }, [r("div", At, [r("div", wt, [r("span", St, [(_(), b("svg", Tt, [r("rect", {
+            x: "0.5",
+            y: "0.5",
+            width: "4",
+            height: "11",
+            rx: "1",
+            fill: K(g(o).ratioStatus),
+            opacity: "0.9"
+          }, null, 8, Rt), r("rect", {
+            x: "6.5",
+            y: "3.5",
+            width: "5",
+            height: "8",
+            rx: "1",
+            fill: K(g(o).ratioStatus),
+            opacity: "0.4"
+          }, null, 8, Nt)]))]), l[17] || (l[17] = r("span", { class: "metric-label" }, "Text : Image", -1))]), r("div", Gt, [
+            r("div", $t, [r("div", {
+              class: A(["mini-bar-fill", `mini-bar-fill--${g(o).ratioStatus}`]),
+              style: Ie({ width: `${g(o).textRatio}%` })
+            }, null, 6)]),
+            r("span", { class: A(["metric-value", `metric-value--${g(o).ratioStatus}`]) }, k(g(o).textRatio) + "% ", 3),
+            (_(), b("svg", {
+              class: A(["chevron", { "chevron--open": y.value === "ratio" }]),
+              width: "12",
+              height: "12",
+              viewBox: "0 0 12 12",
+              fill: "none"
+            }, [...l[18] || (l[18] = [r("path", {
+              d: "M3 4.5L6 7.5L9 4.5",
+              stroke: "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, -1)])], 2))
+          ])]), F(V, { name: "expand" }, {
+            default: W(() => [y.value === "ratio" ? (_(), b("div", Mt, [
+              r("p", Ot, k(g(o).ratioTip), 1),
+              r("div", Bt, [
+                r("div", Ut, [l[19] || (l[19] = r("span", { class: "stat-label" }, "Text chars", -1)), r("span", Ht, k(g(o).textChars.toLocaleString()), 1)]),
+                r("div", Dt, [l[20] || (l[20] = r("span", { class: "stat-label" }, "Text weight", -1)), r("span", xt, k(g(o).textRatio) + "%", 1)]),
+                r("div", Kt, [l[21] || (l[21] = r("span", { class: "stat-label" }, "Images", -1)), r("span", Pt, k(g(o).imageCompCount), 1)]),
+                g(o).socialIconCount > 0 ? (_(), b("div", Ft, [l[22] || (l[22] = r("span", { class: "stat-label" }, "Social icons", -1)), r("span", Wt, k(g(o).socialIconCount), 1)])) : T("", !0),
+                g(o).buttonIconCount > 0 ? (_(), b("div", Vt, [l[23] || (l[23] = r("span", { class: "stat-label" }, "Button icons", -1)), r("span", Yt, k(g(o).buttonIconCount), 1)])) : T("", !0),
+                r("div", jt, [l[24] || (l[24] = r("span", { class: "stat-label" }, "Image weight", -1)), r("span", zt, k(g(o).imageRatio) + "%", 1)])
+              ]),
+              l[25] || (l[25] = r("div", { class: "detail-thresholds" }, [
+                r("span", { class: "threshold threshold--good" }, "≥60% text = good"),
+                r("span", { class: "threshold threshold--warn" }, "40–59% = caution"),
+                r("span", { class: "threshold threshold--bad" }, "<40% = spam risk")
+              ], -1))
+            ])) : T("", !0)]),
+            _: 1
+          })], 42, Ct),
+          r("div", {
+            class: A(["metric-card", [`metric-card--${g(o).kbStatus}`, { "metric-card--expanded": y.value === "kb" }]]),
+            onClick: l[4] || (l[4] = (m) => G("kb")),
+            tabindex: "0",
+            onKeydown: [l[5] || (l[5] = H((m) => G("kb"), ["enter"])), l[6] || (l[6] = H(N((m) => G("kb"), ["prevent"]), ["space"]))],
+            role: "button",
+            "aria-expanded": y.value === "kb"
+          }, [r("div", Jt, [r("div", qt, [r("span", Qt, [(_(), b("svg", Zt, [r("path", {
+            d: "M2 10V2l3 2.5L8 1l2 3v6H2z",
+            stroke: K(g(o).kbStatus),
+            "stroke-width": "1.2",
+            "stroke-linejoin": "round",
+            fill: "none"
+          }, null, 8, es)]))]), l[26] || (l[26] = r("span", { class: "metric-label" }, "HTML Size", -1))]), r("div", ts, [
+            g(o).kbStatus === "bad" ? (_(), b("span", ss)) : (_(), b("span", {
+              key: 1,
+              class: A(["status-dot", `status-dot--${g(o).kbStatus}`])
+            }, null, 2)),
+            r("span", { class: A(["metric-value", `metric-value--${g(o).kbStatus}`]) }, " ~" + k(g(o).estimatedLow) + "–" + k(g(o).estimatedHigh) + " KB ", 3),
+            (_(), b("svg", {
+              class: A(["chevron", { "chevron--open": y.value === "kb" }]),
+              width: "12",
+              height: "12",
+              viewBox: "0 0 12 12",
+              fill: "none"
+            }, [...l[27] || (l[27] = [r("path", {
+              d: "M3 4.5L6 7.5L9 4.5",
+              stroke: "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, -1)])], 2))
+          ])]), F(V, { name: "expand" }, {
+            default: W(() => [y.value === "kb" ? (_(), b("div", as, [
+              r("p", is, k(g(o).kbTip), 1),
+              r("div", ns, [
+                r("div", rs, [l[29] || (l[29] = r("span", { class: "format-badge" }, "HTML", -1)), r("div", os, [r("span", ls, k(g(o).estimatedLow) + "–" + k(g(o).estimatedHigh) + " KB estimated", 1), l[28] || (l[28] = r("span", { class: "format-caveat" }, " Prettier formatting adds ~20–30% on export (no minify option). Actual exported file may be larger. ", -1))])]),
+                l[30] || (l[30] = r("div", { class: "format-row format-row--other" }, [r("span", { class: "format-badge format-badge--muted" }, "JSX"), r("div", { class: "format-info" }, [r("span", { class: "format-range format-range--muted" }, "Size unpredictable"), r("span", { class: "format-caveat" }, "React Email renders its own HTML — final size depends on its transformer output.")])], -1)),
+                l[31] || (l[31] = r("div", { class: "format-row format-row--other" }, [r("span", { class: "format-badge format-badge--muted" }, "MJML"), r("div", { class: "format-info" }, [r("span", { class: "format-range format-range--muted" }, "Size unpredictable"), r("span", { class: "format-caveat" }, "MJML compiles to HTML with its own markup; final size varies.")])], -1))
+              ]),
+              l[32] || (l[32] = r("div", { class: "detail-thresholds" }, [
+                r("span", { class: "threshold threshold--good" }, "<60 KB safe"),
+                r("span", { class: "threshold threshold--warn" }, "60–80 KB caution"),
+                r("span", { class: "threshold threshold--bad" }, "102+ KB Gmail clips")
+              ], -1))
+            ])) : T("", !0)]),
+            _: 1
+          })], 42, Xt),
+          r("div", {
+            class: A(["metric-card", [`metric-card--${g(u).status}`, { "metric-card--expanded": y.value === "a11y" }]]),
+            onClick: l[11] || (l[11] = (m) => G("a11y")),
+            tabindex: "0",
+            onKeydown: [l[12] || (l[12] = H((m) => G("a11y"), ["enter"])), l[13] || (l[13] = H(N((m) => G("a11y"), ["prevent"]), ["space"]))],
+            role: "button",
+            "aria-expanded": y.value === "a11y"
+          }, [r("div", us, [r("div", cs, [r("span", ps, [(_(), b("svg", fs, [r("circle", {
+            cx: "6",
+            cy: "3",
+            r: "1.4",
+            fill: K(g(u).status)
+          }, null, 8, hs), r("path", {
+            d: "M3 6h6M6 6v4M4.2 10l1.8-2.5L7.8 10",
+            stroke: K(g(u).status),
+            "stroke-width": "1.2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            fill: "none"
+          }, null, 8, gs)]))]), l[33] || (l[33] = r("span", { class: "metric-label" }, "Accessibility", -1))]), r("div", ms, [
+            g(u).status === "bad" ? (_(), b("span", vs)) : (_(), b("span", {
+              key: 1,
+              class: A(["status-dot", `status-dot--${g(u).status}`])
+            }, null, 2)),
+            r("span", { class: A(["metric-value", `metric-value--${g(u).status}`]) }, k(g(u).summaryMessage), 3),
+            (_(), b("svg", {
+              class: A(["chevron", { "chevron--open": y.value === "a11y" }]),
+              width: "12",
+              height: "12",
+              viewBox: "0 0 12 12",
+              fill: "none"
+            }, [...l[34] || (l[34] = [r("path", {
+              d: "M3 4.5L6 7.5L9 4.5",
+              stroke: "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, -1)])], 2))
+          ])]), F(V, { name: "expand" }, {
+            default: W(() => [y.value === "a11y" ? (_(), b("div", {
+              key: 0,
+              class: "metric-detail a11y-detail",
+              onClick: l[10] || (l[10] = N(() => {
+              }, ["stop"]))
+            }, [
+              r("div", _s, [
+                r("button", {
+                  type: "button",
+                  class: A(["a11y-tab a11y-tab--failed", { "a11y-tab--active": E.value === "failed" }]),
+                  role: "tab",
+                  "aria-selected": E.value === "failed",
+                  onClick: l[7] || (l[7] = N((m) => E.value = "failed", ["stop"]))
+                }, [l[35] || (l[35] = r("span", { class: "a11y-tab-label" }, "Failed", -1)), r("span", ys, k(g(u).failedCount), 1)], 10, bs),
+                r("button", {
+                  type: "button",
+                  class: A(["a11y-tab a11y-tab--passed", { "a11y-tab--active": E.value === "passed" }]),
+                  role: "tab",
+                  "aria-selected": E.value === "passed",
+                  onClick: l[8] || (l[8] = N((m) => E.value = "passed", ["stop"]))
+                }, [l[36] || (l[36] = r("span", { class: "a11y-tab-label" }, "Passed", -1)), r("span", Is, k(g(u).passedCount), 1)], 10, ks),
+                r("button", {
+                  type: "button",
+                  class: A(["a11y-tab a11y-tab--ignored", { "a11y-tab--active": E.value === "ignored" }]),
+                  role: "tab",
+                  "aria-selected": E.value === "ignored",
+                  onClick: l[9] || (l[9] = N((m) => E.value = "ignored", ["stop"]))
+                }, [l[37] || (l[37] = r("span", { class: "a11y-tab-label" }, "Ignored", -1)), r("span", Es, k(g(u).ignoredCount), 1)], 10, Ls)
+              ]),
+              E.value === "failed" ? (_(), b("div", Cs, [g(u).failed.length === 0 ? (_(), b("p", As, " No failing checks. Your email looks accessible. ")) : T("", !0), (_(!0), b(X, null, J(g(u).failed, (m) => (_(), b("div", {
+                key: z(m),
+                class: A(["a11y-item", `a11y-item--${m.severity}`])
+              }, [
+                r("div", ws, [
+                  r("span", { class: A(["a11y-severity", `a11y-severity--${m.severity}`]) }, k(m.severity), 3),
+                  r("span", Ss, k(m.rule), 1),
+                  r("button", {
+                    type: "button",
+                    class: "a11y-action",
+                    onClick: N((_e) => g(L)(m.id), ["stop"]),
+                    "aria-label": `Ignore: ${m.rule}`
+                  }, " Ignore ", 8, Ts)
+                ]),
+                r("p", Rs, k(m.message), 1),
+                r("p", Ns, k(m.info), 1)
+              ], 2))), 128))])) : T("", !0),
+              E.value === "passed" ? (_(), b("div", Gs, [g(u).passed.length === 0 ? (_(), b("p", $s, " No checks have passed yet — start adding content to see results. ")) : T("", !0), (_(!0), b(X, null, J(g(u).passed, (m) => (_(), b("div", {
+                key: z(m),
+                class: "a11y-item a11y-item--passed"
+              }, [r("div", Ms, [l[38] || (l[38] = r("span", { class: "a11y-severity a11y-severity--passed" }, "passed", -1)), r("span", Os, k(m.rule), 1)]), r("p", Bs, k(m.message), 1)]))), 128))])) : T("", !0),
+              E.value === "ignored" ? (_(), b("div", Us, [g(u).ignored.length === 0 ? (_(), b("p", Hs, ' Nothing ignored. Use "Ignore" on a failing check to suppress it here. ')) : T("", !0), (_(!0), b(X, null, J(g(u).ignored, (m) => (_(), b("div", {
+                key: z(m),
+                class: "a11y-item a11y-item--ignored"
+              }, [r("div", Ds, [
+                l[39] || (l[39] = r("span", { class: "a11y-severity a11y-severity--ignored" }, "ignored", -1)),
+                r("span", xs, k(m.rule), 1),
+                r("button", {
+                  type: "button",
+                  class: "a11y-action a11y-action--restore",
+                  onClick: N((_e) => g(S)(m.id), ["stop"]),
+                  "aria-label": `Restore: ${m.rule}`
+                }, " Restore ", 8, Ks)
+              ]), r("p", Ps, k(m.message), 1)]))), 128))])) : T("", !0)
+            ])) : T("", !0)]),
+            _: 1
+          })], 42, ds),
+          l[40] || (l[40] = r("p", { class: "panel-footer" }, " Estimates based on template structure · ±8–10% variance ", -1))
+        ], 2)) : T("", !0)]),
+        _: 1
+      }),
+      v.value ? (_(), b("div", {
+        key: 0,
+        class: "click-outside",
+        onClick: ee
+      })) : T("", !0)
+    ], 512));
+  }
+}), js = /* @__PURE__ */ Ce(Fs, [["__scopeId", "data-v-e50d82a8"]]);
+export {
+  js as default
+};