From 32df4598fcaf22abea98dc5d2638d1a6dc0d23c5 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 10 Dec 2024 14:59:09 -0500
Subject: [PATCH 1/4] fix default checked state

---
 docs/_includes/page-demo.njk | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_includes/page-demo.njk b/docs/_includes/page-demo.njk
index 6a02577f3..9e1030479 100644
--- a/docs/_includes/page-demo.njk
+++ b/docs/_includes/page-demo.njk
@@ -7,7 +7,7 @@
   <div class="options">
   {% for slot in slots %}
 	{% if (slot.name != "skip-to-content") and (slot.name != "navigation-toggle-icon") %}
-  <wa-checkbox name="slot" value="{{ slot.name }}" {{ 'checked' if slot.name != "menu" | safe}} class="{{ 'default' if not slot.name }}"
+  <wa-checkbox name="slot" value="{{ slot.name }}" {{ 'checked' if slot.name != "menu" and slot.name != 'navigation-toggle' | safe}} class="{{ 'default' if not slot.name }}"
   data-description="{{ slot.description | inlineMarkdown }}" title="{{ slot.description | inlineMarkdown | striptags | safe }}">
     {{ slot.name or "(default)" }}
   </wa-checkbox>

From 739c45d34c1a09baa11ca2c5377498f082c4024c Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Tue, 10 Dec 2024 15:20:39 -0500
Subject: [PATCH 2/4] Better proxy feature for detecting Chrome

---
 src/components/viewport-demo/viewport-demo.styles.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/viewport-demo/viewport-demo.styles.ts b/src/components/viewport-demo/viewport-demo.styles.ts
index a5cba15b5..0bf52f2a0 100644
--- a/src/components/viewport-demo/viewport-demo.styles.ts
+++ b/src/components/viewport-demo/viewport-demo.styles.ts
@@ -121,7 +121,7 @@ export default css`
     }
 
     /* Quick hack to disable zooming in Firefox and Safari */
-    @supports not (interpolate-size: allow-keywords) {
+    @supports not (scroll-timeline: none) {
       [part~='zoom-in'],
       [part~='zoom-out'] {
         display: none;

From bae9b57c2a0ef62620f57d2d148600002783bd9d Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 10 Dec 2024 15:21:01 -0500
Subject: [PATCH 3/4] temp fix for page demo not showing when rendered with
 turbo

---
 docs/_includes/page-demo.njk           | 2 +-
 docs/assets/examples/page-demo/demo.js | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/docs/_includes/page-demo.njk b/docs/_includes/page-demo.njk
index 9e1030479..db32f58b5 100644
--- a/docs/_includes/page-demo.njk
+++ b/docs/_includes/page-demo.njk
@@ -16,7 +16,7 @@
   </div>
 </fieldset>
 <wa-viewport-demo viewport="1000">
-<iframe srcdoc="" id="page_slots_iframe"></iframe>
+<iframe srcdoc="" id="page_slots_iframe" data-turbo="false" data-turbo-temporary></iframe>
 </wa-viewport-demo>
 </div>
 <script type=module src="/assets/examples/page-demo/demo.js"></script>
diff --git a/docs/assets/examples/page-demo/demo.js b/docs/assets/examples/page-demo/demo.js
index 368ef481a..3e9801f44 100644
--- a/docs/assets/examples/page-demo/demo.js
+++ b/docs/assets/examples/page-demo/demo.js
@@ -40,3 +40,11 @@ function render() {
 }
 fieldset?.addEventListener('input', render);
 render();
+
+//
+// TODO - fix Turbo caching. When this is removed, visiting the <wa-page> docs via Turbo will cause the <iframe srcdoc>
+// to not render. Even with this, there are console errors when leaving the page.
+//
+// NOTE - the iframe already has `data-turbo="false"` and `data-turbo-temporary` on it.
+//
+document.body.setAttribute('data-turbo', 'false');

From 7058de05686fb19e9156653c6ca0f4d62804de96 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Tue, 10 Dec 2024 15:23:16 -0500
Subject: [PATCH 4/4] Convert preview scripts to modules when using a manually
 slotted preview

---
 docs/_utils/code-examples.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/docs/_utils/code-examples.js b/docs/_utils/code-examples.js
index 1c5fd4c9b..1aa336295 100644
--- a/docs/_utils/code-examples.js
+++ b/docs/_utils/code-examples.js
@@ -78,7 +78,13 @@ const templates = {
 
     let preview = '';
     if (attributes.viewport === undefined) {
+      // Slot in pre-rendered preview
       preview = `<div style="display:contents" slot="preview">${code.textContent}</div>`;
+
+      // Run preview scripts as modules to prevent collisions
+      const root = parse(preview, { blockTextElements: { script: true } });
+      root.querySelectorAll('script').forEach(script => script.setAttribute('type', 'module'));
+      preview = root.toString();
     }
 
     return `${includes}