From 91701dd9279cabc31deb623eaf7cb6ab96ac658a Mon Sep 17 00:00:00 2001
From: alflennik <alflennik@users.noreply.github.com>
Date: Wed, 21 Dec 2022 13:05:25 -0800
Subject: [PATCH 01/13] Add embed support for aria-at iframes

---
 content/patterns/button/examples/button.html | 12 ++++++++++++
 content/shared/js/app.js                     | 15 +++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
index 51ccbb6277..5f32f4e313 100644
--- a/content/patterns/button/examples/button.html
+++ b/content/patterns/button/examples/button.html
@@ -195,6 +195,18 @@ <h2 id="sc1_label">HTML Source Code</h2>
           sourceCode.make();
         </script>
       </section>
+
+
+      <section>
+        <h2>Support Levels</h2>
+        <iframe
+          class="support-levels-command-button"
+          src="https://aria-at-app-sandbox.bocoup.com/embed/reports/command-button"
+          height="500"
+          allow="clipboard-write"
+          style="border-style: none; width: 100%;">
+        </iframe>
+      </section>
     </main>
   </body>
 </html>
diff --git a/content/shared/js/app.js b/content/shared/js/app.js
index 65e55ea2f0..6b9db7274c 100644
--- a/content/shared/js/app.js
+++ b/content/shared/js/app.js
@@ -12,6 +12,10 @@
   // Rewrite links so they point to the proper spec document
   window.addEventListener('DOMContentLoaded', resolveSpecLinks, false);
 
+  // Support levels iframes should not show scrollbars, so a message with the
+  // correct height will be posted from the iframe.
+  window.addEventListener('message', fixIframeHeight);
+
   async function addExampleUsageWarning() {
     // Determine we are on an example page
     if (!document.location.href.match(/examples\/[^/]+\.html/)) return;
@@ -43,4 +47,15 @@
     const fixSpecLink = specLinks({ specStatus: 'ED' });
     document.querySelectorAll('a[href]').forEach(fixSpecLink);
   }
+
+  function fixIframeHeight(event) {
+    const data = event.data;
+    if (!data.iframe || !data.height || isNaN(data.height)) {
+      return;
+    }
+    const iframe = document.querySelector(`.${data.iframe}`);
+    if (!iframe) return;
+    const magicNumberAdjustment = 5;
+    iframe.style.height = `${data.height + magicNumberAdjustment}px`;
+  }
 })();

From 906272650145d666561c2c899ee735aa37e3a50b Mon Sep 17 00:00:00 2001
From: alflennik <alflennik@users.noreply.github.com>
Date: Wed, 21 Dec 2022 13:10:17 -0800
Subject: [PATCH 02/13] Add iframes to spelling list

---
 cspell.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/cspell.json b/cspell.json
index 36a32fb03d..838ff6deed 100644
--- a/cspell.json
+++ b/cspell.json
@@ -105,6 +105,7 @@
         "Hoyt",
         "IDREF",
         "IDREFS",
+        "iframes",
         "imgs",
         "Iskandar",
         "issie",

From 63cf2b6575b9458eb5681b9c568e0ffdb2bb125d Mon Sep 17 00:00:00 2001
From: Howard Edwards <howarde.edwards@gmail.com>
Date: Thu, 22 Dec 2022 15:59:57 -0500
Subject: [PATCH 03/13] Update embed link

---
 content/patterns/button/examples/button.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
index 5f32f4e313..79624e634e 100644
--- a/content/patterns/button/examples/button.html
+++ b/content/patterns/button/examples/button.html
@@ -201,7 +201,7 @@ <h2 id="sc1_label">HTML Source Code</h2>
         <h2>Support Levels</h2>
         <iframe
           class="support-levels-command-button"
-          src="https://aria-at-app-sandbox.bocoup.com/embed/reports/command-button"
+          src="https://aria-at.w3.org/embed/reports/command-button"
           height="500"
           allow="clipboard-write"
           style="border-style: none; width: 100%;">

From 056471afb6a089b55d2a41990ac5d368c76dc245 Mon Sep 17 00:00:00 2001
From: Howard Edwards <howarde.edwards@gmail.com>
Date: Thu, 22 Dec 2022 16:00:24 -0500
Subject: [PATCH 04/13] Update Support Tables header title

Co-authored-by: Matt King <a11yThinker@Gmail.com>
---
 content/patterns/button/examples/button.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
index 79624e634e..390744f667 100644
--- a/content/patterns/button/examples/button.html
+++ b/content/patterns/button/examples/button.html
@@ -198,7 +198,7 @@ <h2 id="sc1_label">HTML Source Code</h2>
 
 
       <section>
-        <h2>Support Levels</h2>
+        <h2>Assistive Technology Support</h2>
         <iframe
           class="support-levels-command-button"
           src="https://aria-at.w3.org/embed/reports/command-button"

From 575926a48cb14d8497ff3bdba1889d20791b1c6e Mon Sep 17 00:00:00 2001
From: Howard Edwards <howarde.edwards@gmail.com>
Date: Wed, 11 Jan 2023 10:13:04 -0500
Subject: [PATCH 05/13] Add "at-support" id to Assistive Technology Support
 section

Co-authored-by: Matt King <a11yThinker@Gmail.com>
---
 content/patterns/button/examples/button.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
index 390744f667..b8c07b804d 100644
--- a/content/patterns/button/examples/button.html
+++ b/content/patterns/button/examples/button.html
@@ -197,7 +197,7 @@ <h2 id="sc1_label">HTML Source Code</h2>
       </section>
 
 
-      <section>
+      <section id="at-support">
         <h2>Assistive Technology Support</h2>
         <iframe
           class="support-levels-command-button"

From 0d5d1ca11e60df2ed377960f1a172d65f81b9be0 Mon Sep 17 00:00:00 2001
From: Howard Edwards <howarde.edwards@gmail.com>
Date: Wed, 11 Jan 2023 14:28:23 -0500
Subject: [PATCH 06/13] Add toggle button example; adjust height fix magic
 number

---
 content/patterns/button/examples/button.html | 9 ++++++++-
 content/shared/js/app.js                     | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
index b8c07b804d..8349c1a900 100644
--- a/content/patterns/button/examples/button.html
+++ b/content/patterns/button/examples/button.html
@@ -196,7 +196,6 @@ <h2 id="sc1_label">HTML Source Code</h2>
         </script>
       </section>
 
-
       <section id="at-support">
         <h2>Assistive Technology Support</h2>
         <iframe
@@ -206,6 +205,14 @@ <h2>Assistive Technology Support</h2>
           allow="clipboard-write"
           style="border-style: none; width: 100%;">
         </iframe>
+
+        <iframe
+          class="support-levels-toggle-button"
+          src="https://aria-at.w3.org/embed/reports/toggle-button"
+          height="500"
+          allow="clipboard-write"
+          style="border-style: none; width: 100%;">
+        </iframe>
       </section>
     </main>
   </body>
diff --git a/content/shared/js/app.js b/content/shared/js/app.js
index 6b9db7274c..4ad16d7bd8 100644
--- a/content/shared/js/app.js
+++ b/content/shared/js/app.js
@@ -55,7 +55,7 @@
     }
     const iframe = document.querySelector(`.${data.iframe}`);
     if (!iframe) return;
-    const magicNumberAdjustment = 5;
+    const magicNumberAdjustment = 35;
     iframe.style.height = `${data.height + magicNumberAdjustment}px`;
   }
 })();

From a35e8e0e64ffdba86055590f0e8fdf16cc707fbc Mon Sep 17 00:00:00 2001
From: Howard Edwards <howarde.edwards@gmail.com>
Date: Wed, 11 Jan 2023 14:40:56 -0500
Subject: [PATCH 07/13] Force title to be 'Command Button' instead of 'Command
 Button Example'

---
 content/patterns/button/examples/button.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
index 8349c1a900..1688a5c669 100644
--- a/content/patterns/button/examples/button.html
+++ b/content/patterns/button/examples/button.html
@@ -200,7 +200,7 @@ <h2 id="sc1_label">HTML Source Code</h2>
         <h2>Assistive Technology Support</h2>
         <iframe
           class="support-levels-command-button"
-          src="https://aria-at.w3.org/embed/reports/command-button"
+          src="https://aria-at.w3.org/embed/reports/command-button?title=Command+Button"
           height="500"
           allow="clipboard-write"
           style="border-style: none; width: 100%;">

From 5e26b4351ef1af76358fe017b70d6f8b40fa8971 Mon Sep 17 00:00:00 2001
From: alflennik <alflennik@users.noreply.github.com>
Date: Thu, 9 Mar 2023 12:11:52 -0500
Subject: [PATCH 08/13] Temporarily use the aria-at-app sandbox to host the
 embeds

---
 content/patterns/button/examples/button.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
index 1688a5c669..c184494224 100644
--- a/content/patterns/button/examples/button.html
+++ b/content/patterns/button/examples/button.html
@@ -200,7 +200,7 @@ <h2 id="sc1_label">HTML Source Code</h2>
         <h2>Assistive Technology Support</h2>
         <iframe
           class="support-levels-command-button"
-          src="https://aria-at.w3.org/embed/reports/command-button?title=Command+Button"
+          src="https://aria-at-app-sandbox.bocoup.com/embed/reports/command-button?title=Command+Button"
           height="500"
           allow="clipboard-write"
           style="border-style: none; width: 100%;">
@@ -208,7 +208,7 @@ <h2>Assistive Technology Support</h2>
 
         <iframe
           class="support-levels-toggle-button"
-          src="https://aria-at.w3.org/embed/reports/toggle-button"
+          src="https://aria-at-app-sandbox.bocoup.com/embed/reports/toggle-button"
           height="500"
           allow="clipboard-write"
           style="border-style: none; width: 100%;">

From a04d1b3fc201bc00c747fc0ddd31607fc6f5a3e1 Mon Sep 17 00:00:00 2001
From: alflennik <alflennik@users.noreply.github.com>
Date: Thu, 9 Mar 2023 12:14:58 -0500
Subject: [PATCH 09/13] Add iframes to spelling check list

---
 cspell.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/cspell.json b/cspell.json
index 633ec50f16..5c7bf3671f 100644
--- a/cspell.json
+++ b/cspell.json
@@ -100,6 +100,7 @@
     "Hoyt",
     "IDREF",
     "IDREFS",
+    "iframes",
     "imgs",
     "Iskandar",
     "issie",

From ec92d70a7f636e80ef49c287f1b0af48ec882eda Mon Sep 17 00:00:00 2001
From: Matt King <a11yThinker@gmail.com>
Date: Thu, 9 Mar 2023 11:31:51 -0800
Subject: [PATCH 10/13] Add h3 elements above support tables

---
 content/patterns/button/examples/button.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
index c184494224..c63f647690 100644
--- a/content/patterns/button/examples/button.html
+++ b/content/patterns/button/examples/button.html
@@ -198,6 +198,7 @@ <h2 id="sc1_label">HTML Source Code</h2>
 
       <section id="at-support">
         <h2>Assistive Technology Support</h2>
+        <h3>Command Button</h3>
         <iframe
           class="support-levels-command-button"
           src="https://aria-at-app-sandbox.bocoup.com/embed/reports/command-button?title=Command+Button"
@@ -206,6 +207,7 @@ <h2>Assistive Technology Support</h2>
           style="border-style: none; width: 100%;">
         </iframe>
 
+        <h3>Toggle Button</h3>
         <iframe
           class="support-levels-toggle-button"
           src="https://aria-at-app-sandbox.bocoup.com/embed/reports/toggle-button"

From 8776df8f6cadfd9b4a5e718b67fb2afc285f8ffb Mon Sep 17 00:00:00 2001
From: alflennik <alflennik@users.noreply.github.com>
Date: Mon, 13 Mar 2023 14:08:59 -0400
Subject: [PATCH 11/13] Simplify iframe code

---
 content/patterns/button/examples/button.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
index c63f647690..7f192c5ca1 100644
--- a/content/patterns/button/examples/button.html
+++ b/content/patterns/button/examples/button.html
@@ -201,8 +201,8 @@ <h2>Assistive Technology Support</h2>
         <h3>Command Button</h3>
         <iframe
           class="support-levels-command-button"
-          src="https://aria-at-app-sandbox.bocoup.com/embed/reports/command-button?title=Command+Button"
-          height="500"
+          src="https://aria-at-app-sandbox.bocoup.com/embed/reports/command-button"
+          height="100"
           allow="clipboard-write"
           style="border-style: none; width: 100%;">
         </iframe>
@@ -211,7 +211,7 @@ <h3>Toggle Button</h3>
         <iframe
           class="support-levels-toggle-button"
           src="https://aria-at-app-sandbox.bocoup.com/embed/reports/toggle-button"
-          height="500"
+          height="100"
           allow="clipboard-write"
           style="border-style: none; width: 100%;">
         </iframe>

From a74962f1f829537c93de996b5d9b0ba2660cd95a Mon Sep 17 00:00:00 2001
From: alflennik <alflennik@users.noreply.github.com>
Date: Mon, 13 Mar 2023 14:23:28 -0400
Subject: [PATCH 12/13] Remove unneeded iframe magic number adjustment

---
 content/shared/js/app.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/content/shared/js/app.js b/content/shared/js/app.js
index 4ad16d7bd8..7612696db6 100644
--- a/content/shared/js/app.js
+++ b/content/shared/js/app.js
@@ -55,7 +55,6 @@
     }
     const iframe = document.querySelector(`.${data.iframe}`);
     if (!iframe) return;
-    const magicNumberAdjustment = 35;
-    iframe.style.height = `${data.height + magicNumberAdjustment}px`;
+    iframe.style.height = data.height + 'px';
   }
 })();

From 6dbb0cb09d793cbf85e6d6ce0a1b39b855e9fdeb Mon Sep 17 00:00:00 2001
From: alflennik <alflennik@users.noreply.github.com>
Date: Mon, 27 Mar 2023 17:37:27 -0400
Subject: [PATCH 13/13] Update support tables embeds to use production aria-at

---
 content/patterns/button/examples/button.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
index 7f192c5ca1..c0c4870720 100644
--- a/content/patterns/button/examples/button.html
+++ b/content/patterns/button/examples/button.html
@@ -201,7 +201,7 @@ <h2>Assistive Technology Support</h2>
         <h3>Command Button</h3>
         <iframe
           class="support-levels-command-button"
-          src="https://aria-at-app-sandbox.bocoup.com/embed/reports/command-button"
+          src="https://aria-at.w3.org/embed/reports/command-button"
           height="100"
           allow="clipboard-write"
           style="border-style: none; width: 100%;">
@@ -210,7 +210,7 @@ <h3>Command Button</h3>
         <h3>Toggle Button</h3>
         <iframe
           class="support-levels-toggle-button"
-          src="https://aria-at-app-sandbox.bocoup.com/embed/reports/toggle-button"
+          src="https://aria-at.w3.org/embed/reports/toggle-button"
           height="100"
           allow="clipboard-write"
           style="border-style: none; width: 100%;">