From df1cea61a15603ff12941f40219069c13772aae1 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 2 Jul 2024 18:02:20 +0000
Subject: [PATCH 1/2] Update dependency @stencil/core to v4.19.2

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bc05ab6b..19f67b79 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
       "devDependencies": {
         "@stencil-community/eslint-plugin": "0.7.1",
         "@stencil-community/postcss": "2.2.0",
-        "@stencil/core": "4.12.2",
+        "@stencil/core": "4.19.2",
         "@stencil/sass": "3.0.9",
         "@types/autoprefixer": "10.2.0",
         "@types/jest": "27.5.2",
@@ -1459,9 +1459,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.12.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.12.2.tgz",
-      "integrity": "sha512-WEMpoqwMV4hY/ab2z9NxRhSeZwuKEugjyn6Vd+qA9xqZh6VNUL27QbP8vCa7IeqD4Zql4JBtKu3lVuBHutWE6w==",
+      "version": "4.19.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.2.tgz",
+      "integrity": "sha512-ZdnbHmHEl8E5vN0GWDtONe5w6j3CrSqqxZM4hNLBPkV/aouWKug7D5/Mi6RazfYO5U4fmHQYLwMz60rHcx0G4g==",
       "dev": true,
       "license": "MIT",
       "bin": {
diff --git a/package.json b/package.json
index 8048213a..b7840424 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
   "devDependencies": {
     "@stencil-community/eslint-plugin": "0.7.1",
     "@stencil-community/postcss": "2.2.0",
-    "@stencil/core": "4.12.2",
+    "@stencil/core": "4.19.2",
     "@stencil/sass": "3.0.9",
     "@types/autoprefixer": "10.2.0",
     "@types/jest": "27.5.2",

From e551e15201743bbf65e4419fed45f5278f8b940e Mon Sep 17 00:00:00 2001
From: Christoph Blessing <christophblessing@users.noreply.github.com>
Date: Tue, 23 Jul 2024 13:01:33 +0200
Subject: [PATCH 2/2] Update snapshot tests

---
 .../__snapshots__/controls.spec.ts.snap       | 36 ++++++++---------
 .../player/__snapshots__/player.spec.ts.snap  | 40 +++++++++----------
 2 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/src/components/controls/__snapshots__/controls.spec.ts.snap b/src/components/controls/__snapshots__/controls.spec.ts.snap
index e4f74285..0f0a993e 100644
--- a/src/components/controls/__snapshots__/controls.spec.ts.snap
+++ b/src/components/controls/__snapshots__/controls.spec.ts.snap
@@ -2,10 +2,10 @@
 
 exports[`xm-controls should render opened settings-menu with openedSettingsMenu status 1`] = `
 <xm-controls>
-  <mock:shadow-root>
+  <template shadowrootmode="open">
     <div class="controls">
       <xm-settings-menu>
-        <mock:shadow-root>
+        <template shadowrootmode="open">
           <div class="menu settings-menu" data-test-id="settingsMenu" role="menu" tabindex="0">
             <div class="settings-menu__content show">
               <button aria-label="Subtitles" class="settings-menu__button">
@@ -40,7 +40,7 @@ exports[`xm-controls should render opened settings-menu with openedSettingsMenu
               </button>
             </div>
           </div>
-        </mock:shadow-root>
+        </template>
       </xm-settings-menu>
       <xm-slider progress="0"></xm-slider>
       <div class="controls__toolbar" data-test-id="controlsToolbar">
@@ -98,16 +98,16 @@ exports[`xm-controls should render opened settings-menu with openedSettingsMenu
         </button>
       </div>
     </div>
-  </mock:shadow-root>
+  </template>
 </xm-controls>
 `;
 
 exports[`xm-controls should render opened settings-menu with openedSettingsMenu status 2`] = `
 <xm-controls>
-  <mock:shadow-root>
+  <template shadowrootmode="open">
     <div class="controls">
       <xm-settings-menu>
-        <mock:shadow-root>
+        <template shadowrootmode="open">
           <div class="menu menu--open settings-menu" data-test-id="settingsMenu" role="menu" tabindex="0">
             <div class="settings-menu__content show">
               <button aria-label="Subtitles" class="settings-menu__button">
@@ -142,7 +142,7 @@ exports[`xm-controls should render opened settings-menu with openedSettingsMenu
               </button>
             </div>
           </div>
-        </mock:shadow-root>
+        </template>
       </xm-settings-menu>
       <xm-slider progress="0"></xm-slider>
       <div class="controls__toolbar" data-test-id="controlsToolbar">
@@ -200,16 +200,16 @@ exports[`xm-controls should render opened settings-menu with openedSettingsMenu
         </button>
       </div>
     </div>
-  </mock:shadow-root>
+  </template>
 </xm-controls>
 `;
 
 exports[`xm-controls should show a list of texttracks 1`] = `
 <xm-controls>
-  <mock:shadow-root>
+  <template shadowrootmode="open">
     <div class="controls">
       <xm-settings-menu>
-        <mock:shadow-root>
+        <template shadowrootmode="open">
           <div class="menu settings-menu" data-test-id="settingsMenu" role="menu" tabindex="0">
             <div class="settings-menu__content show">
               <button aria-label="Subtitles" class="settings-menu__button">
@@ -244,7 +244,7 @@ exports[`xm-controls should show a list of texttracks 1`] = `
               </button>
             </div>
           </div>
-        </mock:shadow-root>
+        </template>
       </xm-settings-menu>
       <xm-slider progress="0"></xm-slider>
       <div class="controls__toolbar" data-test-id="controlsToolbar">
@@ -302,16 +302,16 @@ exports[`xm-controls should show a list of texttracks 1`] = `
         </button>
       </div>
     </div>
-  </mock:shadow-root>
+  </template>
 </xm-controls>
 `;
 
 exports[`xm-controls should show a list of texttracks 2`] = `
 <xm-controls>
-  <mock:shadow-root>
+  <template shadowrootmode="open">
     <div class="controls">
       <xm-settings-menu>
-        <mock:shadow-root>
+        <template shadowrootmode="open">
           <div class="menu settings-menu" data-test-id="settingsMenu" role="menu" tabindex="0">
             <div class="settings-menu__content show">
               <button aria-label="Subtitles" class="settings-menu__button">
@@ -346,7 +346,7 @@ exports[`xm-controls should show a list of texttracks 2`] = `
               </button>
             </div>
           </div>
-        </mock:shadow-root>
+        </template>
       </xm-settings-menu>
       <xm-slider progress="0"></xm-slider>
       <div class="controls__toolbar" data-test-id="controlsToolbar">
@@ -411,13 +411,13 @@ exports[`xm-controls should show a list of texttracks 2`] = `
         </button>
       </div>
     </div>
-  </mock:shadow-root>
+  </template>
 </xm-controls>
 `;
 
 exports[`xm-controls with control-toggle should match snapshot 1`] = `
 <xm-controls>
-  <mock:shadow-root>
+  <template shadowrootmode="open">
     <div class="controls">
       <xm-settings-menu></xm-settings-menu>
       <xm-slider progress="0"></xm-slider>
@@ -481,6 +481,6 @@ exports[`xm-controls with control-toggle should match snapshot 1`] = `
         </button>
       </div>
     </div>
-  </mock:shadow-root>
+  </template>
 </xm-controls>
 `;
diff --git a/src/components/player/__snapshots__/player.spec.ts.snap b/src/components/player/__snapshots__/player.spec.ts.snap
index ad3a7ecc..89772675 100644
--- a/src/components/player/__snapshots__/player.spec.ts.snap
+++ b/src/components/player/__snapshots__/player.spec.ts.snap
@@ -2,14 +2,14 @@
 
 exports[`xm-player with props should fall back to English when the page has an unknown language 1`] = `
 <xm-player lang="en" playbackrate="2" volume="0.3">
-  <mock:shadow-root>
+  <template shadowrootmode="open">
     <div class="player" tabindex="0">
       <xm-screen>
         <slot name="primary" slot="primary"></slot>
         <slot name="secondary" slot="secondary"></slot>
       </xm-screen>
       <xm-controls>
-        <mock:shadow-root>
+        <template shadowrootmode="open">
           <div class="controls">
             <xm-settings-menu></xm-settings-menu>
             <xm-slider progress="0"></xm-slider>
@@ -68,10 +68,10 @@ exports[`xm-player with props should fall back to English when the page has an u
               </button>
             </div>
           </div>
-        </mock:shadow-root>
+        </template>
       </xm-controls>
     </div>
-  </mock:shadow-root>
+  </template>
   <div active="true" name="first-source" slot="primary"></div>
   <div active="true" name="second-source" slot="secondary"></div>
 </xm-player>
@@ -79,14 +79,14 @@ exports[`xm-player with props should fall back to English when the page has an u
 
 exports[`xm-player with props should render 1`] = `
 <xm-player lang="en" playbackrate="2" volume="0.3">
-  <mock:shadow-root>
+  <template shadowrootmode="open">
     <div class="player" tabindex="0">
       <xm-screen>
         <slot name="primary" slot="primary"></slot>
         <slot name="secondary" slot="secondary"></slot>
       </xm-screen>
       <xm-controls>
-        <mock:shadow-root>
+        <template shadowrootmode="open">
           <div class="controls">
             <xm-settings-menu></xm-settings-menu>
             <xm-slider progress="0"></xm-slider>
@@ -145,10 +145,10 @@ exports[`xm-player with props should render 1`] = `
               </button>
             </div>
           </div>
-        </mock:shadow-root>
+        </template>
       </xm-controls>
     </div>
-  </mock:shadow-root>
+  </template>
   <div active="true" name="first-source" slot="primary"></div>
   <div active="true" name="second-source" slot="secondary"></div>
 </xm-player>
@@ -156,14 +156,14 @@ exports[`xm-player with props should render 1`] = `
 
 exports[`xm-player with props should render with playback rate change 1`] = `
 <xm-player lang="en" playbackrate="2" volume="0.3">
-  <mock:shadow-root>
+  <template shadowrootmode="open">
     <div class="player" tabindex="0">
       <xm-screen>
         <slot name="primary" slot="primary"></slot>
         <slot name="secondary" slot="secondary"></slot>
       </xm-screen>
       <xm-controls>
-        <mock:shadow-root>
+        <template shadowrootmode="open">
           <div class="controls">
             <xm-settings-menu></xm-settings-menu>
             <xm-slider progress="0"></xm-slider>
@@ -222,10 +222,10 @@ exports[`xm-player with props should render with playback rate change 1`] = `
               </button>
             </div>
           </div>
-        </mock:shadow-root>
+        </template>
       </xm-controls>
     </div>
-  </mock:shadow-root>
+  </template>
   <div active="true" name="first-source" slot="primary"></div>
   <div active="true" name="second-source" slot="secondary"></div>
 </xm-player>
@@ -233,14 +233,14 @@ exports[`xm-player with props should render with playback rate change 1`] = `
 
 exports[`xm-player with props should render with ui language change 1`] = `
 <xm-player lang="en" playbackrate="2" volume="0.3">
-  <mock:shadow-root>
+  <template shadowrootmode="open">
     <div class="player" tabindex="0">
       <xm-screen>
         <slot name="primary" slot="primary"></slot>
         <slot name="secondary" slot="secondary"></slot>
       </xm-screen>
       <xm-controls>
-        <mock:shadow-root>
+        <template shadowrootmode="open">
           <div class="controls">
             <xm-settings-menu></xm-settings-menu>
             <xm-slider progress="0"></xm-slider>
@@ -299,10 +299,10 @@ exports[`xm-player with props should render with ui language change 1`] = `
               </button>
             </div>
           </div>
-        </mock:shadow-root>
+        </template>
       </xm-controls>
     </div>
-  </mock:shadow-root>
+  </template>
   <div active="true" name="first-source" slot="primary"></div>
   <div active="true" name="second-source" slot="secondary"></div>
 </xm-player>
@@ -310,14 +310,14 @@ exports[`xm-player with props should render with ui language change 1`] = `
 
 exports[`xm-player with subtitle props should render with default text track and an active subtitle button 1`] = `
 <xm-player lang="en" showsubtitle="true">
-  <mock:shadow-root>
+  <template shadowrootmode="open">
     <div class="player" tabindex="0">
       <xm-screen>
         <slot name="primary" slot="primary"></slot>
         <slot name="secondary" slot="secondary"></slot>
       </xm-screen>
       <xm-controls>
-        <mock:shadow-root>
+        <template shadowrootmode="open">
           <div class="controls">
             <xm-settings-menu></xm-settings-menu>
             <xm-slider progress="0"></xm-slider>
@@ -383,10 +383,10 @@ exports[`xm-player with subtitle props should render with default text track and
               </button>
             </div>
           </div>
-        </mock:shadow-root>
+        </template>
       </xm-controls>
     </div>
-  </mock:shadow-root>
+  </template>
   <div active="true" name="first-source" slot="primary"></div>
   <div active="true" name="second-source" slot="secondary"></div>
   <xm-text-track default="" label="Deutsch" language="de" src="../../static/de.vtt"></xm-text-track>