From 1e6f402d0f5e57d3fe17bb273be16ec1d70cce4e Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 22 Feb 2022 18:32:56 +0100
Subject: [PATCH] Include scoped custom element polyfill (#11776)

---
 package.json                    | 1 +
 src/entrypoints/app.ts          | 1 +
 src/html/_js_base.html.template | 2 +-
 yarn.lock                       | 8 ++++++++
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a25d8209c6..5067141225 100644
--- a/package.json
+++ b/package.json
@@ -95,6 +95,7 @@
     "@vibrant/core": "^3.2.1-alpha.1",
     "@vibrant/quantizer-mmcq": "^3.2.1-alpha.1",
     "@vue/web-component-wrapper": "^1.2.0",
+    "@webcomponents/scoped-custom-element-registry": "^0.0.5",
     "@webcomponents/webcomponentsjs": "^2.2.10",
     "app-datepicker": "^5.0.1",
     "chart.js": "^3.3.2",
diff --git a/src/entrypoints/app.ts b/src/entrypoints/app.ts
index e93a38769e..f7f607720b 100644
--- a/src/entrypoints/app.ts
+++ b/src/entrypoints/app.ts
@@ -2,6 +2,7 @@ import {
   setPassiveTouchGestures,
   setCancelSyntheticClickEvents,
 } from "@polymer/polymer/lib/utils/settings";
+import "@webcomponents/scoped-custom-element-registry/scoped-custom-element-registry.min";
 import "../layouts/home-assistant";
 import "../resources/ha-style";
 import "../resources/roboto";
diff --git a/src/html/_js_base.html.template b/src/html/_js_base.html.template
index 0eea886de2..ed3408e16e 100644
--- a/src/html/_js_base.html.template
+++ b/src/html/_js_base.html.template
@@ -22,4 +22,4 @@
         document.write("<script src='/static/polyfills/webcomponents-bundle.js'><"+"/script>");
       }
       var isS11_12 = /(?:.*(?:iPhone|iPad).*OS (?:11|12)_\d)|(?:.*Version\/(?:11|12)(?:\.\d+)*.*Safari\/)/.test(navigator.userAgent);
-    </script>
+    </script>
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 206787e049..469c9c90b1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4785,6 +4785,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@webcomponents/scoped-custom-element-registry@npm:^0.0.5":
+  version: 0.0.5
+  resolution: "@webcomponents/scoped-custom-element-registry@npm:0.0.5"
+  checksum: eb422f63f042f9e525d89491267073a1c822d60d44b91fed5178d5dc2092e95f180e45e3eb50d214a35ea16580277461c15cade6f4ca1e7694e8a7a451355d31
+  languageName: node
+  linkType: hard
+
 "@webcomponents/shadycss@npm:^1.9.1":
   version: 1.10.2
   resolution: "@webcomponents/shadycss@npm:1.10.2"
@@ -9194,6 +9201,7 @@ fsevents@^1.2.7:
     "@vue/web-component-wrapper": ^1.2.0
     "@web/dev-server": ^0.0.24
     "@web/dev-server-rollup": ^0.2.11
+    "@webcomponents/scoped-custom-element-registry": ^0.0.5
     "@webcomponents/webcomponentsjs": ^2.2.10
     app-datepicker: ^5.0.1
     babel-loader: ^8.2.2