Skip initialisation when GOV.UK Frontend is not supported

See approach on GOV.UK Frontend alphagov/govuk-frontend@7e1d0f4
alphagov · Aug 16, 2023 · aca5326 · aca5326
1 parent 4268004
commit aca5326
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 9 deletions.
diff --git a/src/javascripts/components/back-to-top.mjs b/src/javascripts/components/back-to-top.mjs
@@ -3,7 +3,10 @@ class BackToTop {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/cookie-banner.mjs b/src/javascripts/components/cookie-banner.mjs
@@ -12,7 +12,10 @@ class CookieBanner {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/cookies-page.mjs b/src/javascripts/components/cookies-page.mjs
@@ -5,7 +5,10 @@ class CookiesPage {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/copy.mjs b/src/javascripts/components/copy.mjs
@@ -5,7 +5,10 @@ class Copy {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/example-page.mjs b/src/javascripts/components/example-page.mjs
@@ -3,7 +3,10 @@ class ExamplePage {
    * @param {Document} $module - HTML document
    */
   constructor($module) {
-    if (!($module instanceof Document)) {
+    if (
+      !($module instanceof Document) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/example.mjs b/src/javascripts/components/example.mjs
@@ -13,7 +13,10 @@ class Example {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLIFrameElement)) {
+    if (
+      !($module instanceof HTMLIFrameElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return
     }
 

diff --git a/src/javascripts/components/navigation.mjs b/src/javascripts/components/navigation.mjs
@@ -9,7 +9,10 @@ class Navigation {
    * @param {Document} $module - HTML document
    */
   constructor($module) {
-    if (!($module instanceof Document)) {
+    if (
+      !($module instanceof Document) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/search.mjs b/src/javascripts/components/search.mjs
@@ -36,7 +36,10 @@ class Search {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/tabs.mjs b/src/javascripts/components/tabs.mjs
@@ -14,7 +14,10 @@ class AppTabs {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }