@ons/design-system 70.0.7 → 70.0.8

package/components/cookies-banner/_macro.spec.js

@@ -6,246 +6,246 @@ import axe from '../../tests/helpers/axe';
 import { renderComponent, templateFaker } from '../../tests/helpers/rendering';
 
 const EXAMPLE_COOKIES_BANNER_PARAMS = {
-  ariaLabel: 'Cookies banner override',
-  serviceName: 'ons.gov.uk override',
-  statementTitle: 'Cookies on override',
-  settingsLinkText: 'Cookie settings override',
-  settingsLinkTextURL: '/cookiesoverride',
-  statementText: 'Statement override',
-  acceptButtonText: 'Accept additional cookies override',
-  rejectButtonText: 'Reject additional cookies override',
-  preferencesText: 'Text override',
-  confirmationButtonText: 'Hide override',
-  contextSuffix: 'the cookie message override',
+    ariaLabel: 'Cookies banner override',
+    serviceName: 'ons.gov.uk override',
+    statementTitle: 'Cookies on override',
+    settingsLinkText: 'Cookie settings override',
+    settingsLinkTextURL: '/cookiesoverride',
+    statementText: 'Statement override',
+    acceptButtonText: 'Accept additional cookies override',
+    rejectButtonText: 'Reject additional cookies override',
+    preferencesText: 'Text override',
+    confirmationButtonText: 'Hide override',
+    contextSuffix: 'the cookie message override',
 };
 
 describe('macro: cookies-banner', () => {
-  describe.each([
-    ['default parameters', {}],
-    ['provided parameters', EXAMPLE_COOKIES_BANNER_PARAMS],
-  ])('mode: %s', (_, params) => {
-    it('passes jest-axe checks', async () => {
-      const $ = cheerio.load(renderComponent('cookies-banner', params));
-
-      const results = await axe($.html());
-      expect(results).toHaveNoViolations();
+    describe.each([
+        ['default parameters', {}],
+        ['provided parameters', EXAMPLE_COOKIES_BANNER_PARAMS],
+    ])('mode: %s', (_, params) => {
+        it('passes jest-axe checks', async () => {
+            const $ = cheerio.load(renderComponent('cookies-banner', params));
+
+            const results = await axe($.html());
+            expect(results).toHaveNoViolations();
+        });
     });
-  });
 
-  describe('mode: provided parameters', () => {
-    it('has the correct `aria-label`', () => {
-      const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
+    describe('mode: provided parameters', () => {
+        it('has the correct `aria-label`', () => {
+            const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
 
-      expect($('.ons-cookies-banner').attr('aria-label')).toBe('Cookies banner override');
-    });
+            expect($('.ons-cookies-banner').attr('aria-label')).toBe('Cookies banner override');
+        });
 
-    describe('initial banner', () => {
-      it('has `statementTitle` title text', () => {
-        const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
+        describe('initial banner', () => {
+            it('has `statementTitle` title text', () => {
+                const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
 
-        const statementTitle = $('.ons-cookies-banner__title').text().trim();
-        expect(statementTitle).toBe('Cookies on override ons.gov.uk override');
-      });
+                const statementTitle = $('.ons-cookies-banner__title').text().trim();
+                expect(statementTitle).toBe('Cookies on override ons.gov.uk override');
+            });
 
-      it('has `statementText` text', () => {
-        const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
+            it('has `statementText` text', () => {
+                const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
 
-        const statementText = $('.ons-cookies-banner__primary .ons-cookies-banner__statement').html().trim();
-        expect(statementText).toBe('Statement override');
-      });
+                const statementText = $('.ons-cookies-banner__primary .ons-cookies-banner__statement').html().trim();
+                expect(statementText).toBe('Statement override');
+            });
 
-      it('Renders an `accept` button with correct text', () => {
-        const faker = templateFaker();
-        const buttonSpy = faker.spy('button');
+            it('Renders an `accept` button with correct text', () => {
+                const faker = templateFaker();
+                const buttonSpy = faker.spy('button');
 
-        faker.renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS);
+                faker.renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS);
 
-        expect(buttonSpy.occurrences[0].text).toBe('Accept additional cookies override');
-      });
+                expect(buttonSpy.occurrences[0].text).toBe('Accept additional cookies override');
+            });
 
-      it('Renders a `reject` button with correct text', () => {
-        const faker = templateFaker();
-        const buttonSpy = faker.spy('button');
+            it('Renders a `reject` button with correct text', () => {
+                const faker = templateFaker();
+                const buttonSpy = faker.spy('button');
 
-        faker.renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS);
+                faker.renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS);
 
-        expect(buttonSpy.occurrences[1].text).toBe('Reject additional cookies override');
-      });
+                expect(buttonSpy.occurrences[1].text).toBe('Reject additional cookies override');
+            });
 
-      it('Renders a link with text', () => {
-        const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
+            it('Renders a link with text', () => {
+                const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
 
-        const linkText = $('.ons-cookies-banner__link').text().trim();
-        expect(linkText).toBe('Cookie settings override');
-      });
+                const linkText = $('.ons-cookies-banner__link').text().trim();
+                expect(linkText).toBe('Cookie settings override');
+            });
 
-      it('Renders a link with url', () => {
-        const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
+            it('Renders a link with url', () => {
+                const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
 
-        const linkText = $('.ons-cookies-banner__link').attr('href');
-        expect(linkText).toBe('/cookiesoverride');
-      });
-    });
+                const linkText = $('.ons-cookies-banner__link').attr('href');
+                expect(linkText).toBe('/cookiesoverride');
+            });
+        });
 
-    describe('confirmation banner', () => {
-      it('has `preferencesText` text', () => {
-        const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
+        describe('confirmation banner', () => {
+            it('has `preferencesText` text', () => {
+                const $ = cheerio.load(renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS));
 
-        const preferencesText = $('.ons-cookies-banner__confirmation .ons-cookies-banner__preferences-text').html().trim();
-        expect(preferencesText).toBe('Text override');
-      });
+                const preferencesText = $('.ons-cookies-banner__confirmation .ons-cookies-banner__preferences-text').html().trim();
+                expect(preferencesText).toBe('Text override');
+            });
 
-      it('renders a button with text', () => {
-        const faker = templateFaker();
-        const buttonSpy = faker.spy('button');
+            it('renders a button with text', () => {
+                const faker = templateFaker();
+                const buttonSpy = faker.spy('button');
 
-        faker.renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS);
+                faker.renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS);
 
-        expect(buttonSpy.occurrences[2].text).toBe('Hide override');
-      });
+                expect(buttonSpy.occurrences[2].text).toBe('Hide override');
+            });
 
-      it('has the correct `contextSuffix` for `buttonContext`', () => {
-        const faker = templateFaker();
-        const buttonSpy = faker.spy('button');
+            it('has the correct `contextSuffix` for `buttonContext`', () => {
+                const faker = templateFaker();
+                const buttonSpy = faker.spy('button');
 
-        faker.renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS);
+                faker.renderComponent('cookies-banner', EXAMPLE_COOKIES_BANNER_PARAMS);
 
-        expect(buttonSpy.occurrences[2].buttonContext).toBe('the cookie message override');
-      });
+                expect(buttonSpy.occurrences[2].buttonContext).toBe('the cookie message override');
+            });
+        });
     });
-  });
 
-  describe('mode: default parameters', () => {
-    it('has the correct `aria-label`', () => {
-      const $ = cheerio.load(renderComponent('cookies-banner', {}));
+    describe('mode: default parameters', () => {
+        it('has the correct `aria-label`', () => {
+            const $ = cheerio.load(renderComponent('cookies-banner', {}));
 
-      expect($('.ons-cookies-banner').attr('aria-label')).toBe('Cookies banner');
-    });
+            expect($('.ons-cookies-banner').attr('aria-label')).toBe('Cookies banner');
+        });
 
-    describe('initial banner', () => {
-      it('has `statementTitle` title text', () => {
-        const $ = cheerio.load(renderComponent('cookies-banner', {}));
+        describe('initial banner', () => {
+            it('has `statementTitle` title text', () => {
+                const $ = cheerio.load(renderComponent('cookies-banner', {}));
 
-        const statementTitle = $('.ons-cookies-banner__title').text().trim();
-        expect(statementTitle).toBe('Cookies on ons.gov.uk');
-      });
+                const statementTitle = $('.ons-cookies-banner__title').text().trim();
+                expect(statementTitle).toBe('Cookies on ons.gov.uk');
+            });
 
-      it('has `statementText` text', () => {
-        const $ = cheerio.load(renderComponent('cookies-banner', {}));
+            it('has `statementText` text', () => {
+                const $ = cheerio.load(renderComponent('cookies-banner', {}));
 
-        const statementText = $('.ons-cookies-banner__primary .ons-cookies-banner__statement').html().trim();
-        expect(statementText).toBe(
-          '<p>Cookies are small files stored on your device when you visit a website. We use some essential cookies to make this website work.</p><p>We would like to set <a href="/cookies">additional cookies</a> to remember your settings and understand how you use the site. This helps us to improve our services. </p>',
-        );
-      });
+                const statementText = $('.ons-cookies-banner__primary .ons-cookies-banner__statement').html().trim();
+                expect(statementText).toBe(
+                    '<p>Cookies are small files stored on your device when you visit a website. We use some essential cookies to make this website work.</p><p>We would like to set <a href="/cookies">additional cookies</a> to remember your settings and understand how you use the site. This helps us to improve our services. </p>',
+                );
+            });
 
-      it('Renders an `accept` button with correct text', () => {
-        const faker = templateFaker();
-        const buttonSpy = faker.spy('button');
+            it('Renders an `accept` button with correct text', () => {
+                const faker = templateFaker();
+                const buttonSpy = faker.spy('button');
 
-        faker.renderComponent('cookies-banner', {});
+                faker.renderComponent('cookies-banner', {});
 
-        expect(buttonSpy.occurrences[0].text).toBe('Accept additional cookies');
-      });
+                expect(buttonSpy.occurrences[0].text).toBe('Accept additional cookies');
+            });
 
-      it('Renders a `reject` button with correct text', () => {
-        const faker = templateFaker();
-        const buttonSpy = faker.spy('button');
+            it('Renders a `reject` button with correct text', () => {
+                const faker = templateFaker();
+                const buttonSpy = faker.spy('button');
 
-        faker.renderComponent('cookies-banner', {});
+                faker.renderComponent('cookies-banner', {});
 
-        expect(buttonSpy.occurrences[1].text).toBe('Reject additional cookies');
-      });
+                expect(buttonSpy.occurrences[1].text).toBe('Reject additional cookies');
+            });
 
-      it('Renders a link with text', () => {
-        const $ = cheerio.load(renderComponent('cookies-banner', {}));
+            it('Renders a link with text', () => {
+                const $ = cheerio.load(renderComponent('cookies-banner', {}));
 
-        const linkText = $('.ons-cookies-banner__link').text().trim();
-        expect(linkText).toBe('View cookies');
-      });
+                const linkText = $('.ons-cookies-banner__link').text().trim();
+                expect(linkText).toBe('View cookies');
+            });
 
-      it('Renders a link with url', () => {
-        const $ = cheerio.load(renderComponent('cookies-banner', {}));
+            it('Renders a link with url', () => {
+                const $ = cheerio.load(renderComponent('cookies-banner', {}));
 
-        const linkText = $('.ons-cookies-banner__link').attr('href');
-        expect(linkText).toBe('/cookies');
-      });
+                const linkText = $('.ons-cookies-banner__link').attr('href');
+                expect(linkText).toBe('/cookies');
+            });
 
-      it('has `container--wide` class when `wide` is true', () => {
-        const $ = cheerio.load(
-          renderComponent('cookies-banner', {
-            wide: true,
-          }),
-        );
+            it('has `container--wide` class when `wide` is true', () => {
+                const $ = cheerio.load(
+                    renderComponent('cookies-banner', {
+                        wide: true,
+                    }),
+                );
 
-        expect($('.ons-container.ons-cookies-banner__primary').hasClass('ons-container--wide')).toBe(true);
-      });
+                expect($('.ons-container.ons-cookies-banner__primary').hasClass('ons-container--wide')).toBe(true);
+            });
 
-      it('has `container--full-width` class when `fullWidth` is true', () => {
-        const $ = cheerio.load(
-          renderComponent('cookies-banner', {
-            fullWidth: true,
-          }),
-        );
+            it('has `container--full-width` class when `fullWidth` is true', () => {
+                const $ = cheerio.load(
+                    renderComponent('cookies-banner', {
+                        fullWidth: true,
+                    }),
+                );
 
-        expect($('.ons-container.ons-cookies-banner__primary').hasClass('ons-container--full-width')).toBe(true);
-      });
-    });
+                expect($('.ons-container.ons-cookies-banner__primary').hasClass('ons-container--full-width')).toBe(true);
+            });
+        });
 
-    describe('confirmation banner', () => {
-      it('has `preferencesText` text', () => {
-        const $ = cheerio.load(renderComponent('cookies-banner', {}));
+        describe('confirmation banner', () => {
+            it('has `preferencesText` text', () => {
+                const $ = cheerio.load(renderComponent('cookies-banner', {}));
 
-        const preferencesText = $('.ons-cookies-banner__confirmation .ons-cookies-banner__preferences-text').html().trim();
-        expect(preferencesText).toBe('You can <a href="/cookies">change your cookie preferences</a> at any time.');
-      });
+                const preferencesText = $('.ons-cookies-banner__confirmation .ons-cookies-banner__preferences-text').html().trim();
+                expect(preferencesText).toBe('You can <a href="/cookies">change your cookie preferences</a> at any time.');
+            });
 
-      it('renders a button with text', () => {
-        const faker = templateFaker();
-        const buttonSpy = faker.spy('button');
+            it('renders a button with text', () => {
+                const faker = templateFaker();
+                const buttonSpy = faker.spy('button');
 
-        faker.renderComponent('cookies-banner', {});
+                faker.renderComponent('cookies-banner', {});
 
-        expect(buttonSpy.occurrences[2].text).toBe('Hide');
-      });
+                expect(buttonSpy.occurrences[2].text).toBe('Hide');
+            });
 
-      it('has the correct `confirmationButtonTextAria` for `buttonContext`', () => {
-        const faker = templateFaker();
-        const buttonSpy = faker.spy('button');
+            it('has the correct `confirmationButtonTextAria` for `buttonContext`', () => {
+                const faker = templateFaker();
+                const buttonSpy = faker.spy('button');
 
-        faker.renderComponent('cookies-banner', {});
+                faker.renderComponent('cookies-banner', {});
 
-        expect(buttonSpy.occurrences[2].buttonContext).toBe('cookie message');
-      });
+                expect(buttonSpy.occurrences[2].buttonContext).toBe('cookie message');
+            });
 
-      it('has `container--wide` class when `wide` is true', () => {
-        const $ = cheerio.load(
-          renderComponent('cookies-banner', {
-            wide: true,
-          }),
-        );
+            it('has `container--wide` class when `wide` is true', () => {
+                const $ = cheerio.load(
+                    renderComponent('cookies-banner', {
+                        wide: true,
+                    }),
+                );
 
-        expect($('.ons-container.ons-cookies-banner__confirmation').hasClass('ons-container--wide')).toBe(true);
-      });
+                expect($('.ons-container.ons-cookies-banner__confirmation').hasClass('ons-container--wide')).toBe(true);
+            });
 
-      it('has `container--full-width` class when `fullWidth` is true', () => {
-        const $ = cheerio.load(
-          renderComponent('cookies-banner', {
-            fullWidth: true,
-          }),
-        );
+            it('has `container--full-width` class when `fullWidth` is true', () => {
+                const $ = cheerio.load(
+                    renderComponent('cookies-banner', {
+                        fullWidth: true,
+                    }),
+                );
 
-        expect($('.ons-container.ons-cookies-banner__confirmation').hasClass('ons-container--full-width')).toBe(true);
-      });
+                expect($('.ons-container.ons-cookies-banner__confirmation').hasClass('ons-container--full-width')).toBe(true);
+            });
+        });
     });
-  });
 
-  describe('mode: Welsh language', () => {
-    it('has the welsh version of default values', () => {
-      const $ = cheerio.load(renderComponent('cookies-banner', { lang: 'cy' }));
+    describe('mode: Welsh language', () => {
+        it('has the welsh version of default values', () => {
+            const $ = cheerio.load(renderComponent('cookies-banner', { lang: 'cy' }));
 
-      const statementTitle = $('.ons-cookies-banner__title').text().trim();
-      expect(statementTitle).toBe('Cwcis ar ons.gov.uk');
+            const statementTitle = $('.ons-cookies-banner__title').text().trim();
+            expect(statementTitle).toBe('Cwcis ar ons.gov.uk');
+        });
     });
-  });
 });

package/components/cookies-banner/cookies-banner.dom.js

@@ -1,14 +1,14 @@
 import domready from '../../js/domready';
 
 async function cookiesBanner() {
-  const cookiesBanner = [...document.querySelectorAll('.ons-cookies-banner')];
+    const cookiesBanner = [...document.querySelectorAll('.ons-cookies-banner')];
 
-  if (cookiesBanner.length) {
-    const CookiesBanner = (await import('./cookies-banner')).default;
-    cookiesBanner.forEach((banner) => {
-      new CookiesBanner(banner);
-    });
-  }
+    if (cookiesBanner.length) {
+        const CookiesBanner = (await import('./cookies-banner')).default;
+        cookiesBanner.forEach((banner) => {
+            new CookiesBanner(banner);
+        });
+    }
 }
 
 domready(cookiesBanner);

package/components/cookies-banner/cookies-banner.js

@@ -1,97 +1,97 @@
 import { approveAllCookieTypes, cookie, setConsentCookie, setDefaultConsentCookie } from '../../js/cookies-functions';
 
 export default class CookiesBanner {
-  constructor(component) {
-    this.component = component;
-    this.primaryBanner = this.component.querySelector('.ons-cookies-banner__primary');
-    this.confirmBanner = this.component.querySelector('.ons-cookies-banner__confirmation');
-    this.acceptButton = this.component.querySelector('.ons-js-accept-cookies');
-    this.rejectButton = this.component.querySelector('.ons-js-reject-cookies');
-    this.hideButton = this.component.querySelector('.ons-js-hide-button');
-    this.acceptedText = this.component.querySelector('.ons-js-accepted-text');
-    this.rejectedText = this.component.querySelector('.ons-js-rejected-text');
-    this.setupCookiesEvents();
-  }
-
-  setupCookiesEvents() {
-    this.acceptButton.addEventListener('click', this.setCookiesConsent.bind(this));
-    this.rejectButton.addEventListener('click', this.setCookiesConsent.bind(this));
-    this.hideButton.addEventListener('click', this.hideConfirmBanner.bind(this));
+    constructor(component) {
+        this.component = component;
+        this.primaryBanner = this.component.querySelector('.ons-cookies-banner__primary');
+        this.confirmBanner = this.component.querySelector('.ons-cookies-banner__confirmation');
+        this.acceptButton = this.component.querySelector('.ons-js-accept-cookies');
+        this.rejectButton = this.component.querySelector('.ons-js-reject-cookies');
+        this.hideButton = this.component.querySelector('.ons-js-hide-button');
+        this.acceptedText = this.component.querySelector('.ons-js-accepted-text');
+        this.rejectedText = this.component.querySelector('.ons-js-rejected-text');
+        this.setupCookiesEvents();
+    }
 
-    this.showCookiesMessage();
-  }
+    setupCookiesEvents() {
+        this.acceptButton.addEventListener('click', this.setCookiesConsent.bind(this));
+        this.rejectButton.addEventListener('click', this.setCookiesConsent.bind(this));
+        this.hideButton.addEventListener('click', this.hideConfirmBanner.bind(this));
 
-  showCookiesMessage() {
-    const displayCookiesBanner = this.component && cookie('ons_cookie_message_displayed') !== 'true';
-    let policy = cookie('ons_cookie_policy');
-    if (policy) {
-      setConsentCookie(JSON.parse(policy.replace(/'/g, '"')));
+        this.showCookiesMessage();
     }
-    if (displayCookiesBanner) {
-      this.component.style.display = 'block';
 
-      if (!cookie('ons_cookie_policy')) {
-        setDefaultConsentCookie();
-      }
+    showCookiesMessage() {
+        const displayCookiesBanner = this.component && cookie('ons_cookie_message_displayed') !== 'true';
+        let policy = cookie('ons_cookie_policy');
+        if (policy) {
+            setConsentCookie(JSON.parse(policy.replace(/'/g, '"')));
+        }
+        if (displayCookiesBanner) {
+            this.component.style.display = 'block';
+
+            if (!cookie('ons_cookie_policy')) {
+                setDefaultConsentCookie();
+            }
+        }
     }
-  }
 
-  setCookiesConsent(event) {
-    event.preventDefault();
-    let actionText;
-    const action = event.target.getAttribute('data-button');
+    setCookiesConsent(event) {
+        event.preventDefault();
+        let actionText;
+        const action = event.target.getAttribute('data-button');
 
-    if (action == 'accept') {
-      this.acceptCookies();
-      actionText = this.acceptedText;
-    } else if (action == 'reject') {
-      setDefaultConsentCookie();
-      actionText = this.rejectedText;
-    }
+        if (action == 'accept') {
+            this.acceptCookies();
+            actionText = this.acceptedText;
+        } else if (action == 'reject') {
+            setDefaultConsentCookie();
+            actionText = this.rejectedText;
+        }
 
-    this.hidePrimaryCookiesBanner(actionText);
-    this.checkPage(action);
-    cookie('ons_cookie_message_displayed', 'true', { days: 365 });
-  }
+        this.hidePrimaryCookiesBanner(actionText);
+        this.checkPage(action);
+        cookie('ons_cookie_message_displayed', 'true', { days: 365 });
+    }
 
-  acceptCookies() {
-    approveAllCookieTypes();
-    if (typeof loadGTM != 'undefined') {
-      loadGTM();
+    acceptCookies() {
+        approveAllCookieTypes();
+        if (typeof loadGTM != 'undefined') {
+            loadGTM();
+        }
     }
-  }
 
-  checkPage(action) {
-    const isOnSettingsPage = document.querySelector('[data-module="cookie-settings"]');
-    if (isOnSettingsPage) {
-      this.updateRadios(action);
+    checkPage(action) {
+        const isOnSettingsPage = document.querySelector('[data-module="cookie-settings"]');
+        if (isOnSettingsPage) {
+            this.updateRadios(action);
+        }
     }
-  }
 
-  updateRadios(action) {
-    const radios = [...document.querySelectorAll('.ons-js-radio')];
-    radios.forEach((radio) => {
-      if (action == 'reject') {
-        radio.value == 'off' ? (radio.checked = true) : (radio.checked = false);
-      } else if (action == 'accept') {
-        radio.value == 'off' ? (radio.checked = false) : (radio.checked = true);
-      }
-    });
-  }
+    updateRadios(action) {
+        const radios = [...document.querySelectorAll('.ons-js-radio')];
+        radios.forEach((radio) => {
+            if (action == 'reject') {
+                radio.value == 'off' ? (radio.checked = true) : (radio.checked = false);
+            } else if (action == 'accept') {
+                radio.value == 'off' ? (radio.checked = false) : (radio.checked = true);
+            }
+        });
+    }
 
-  hidePrimaryCookiesBanner(text) {
-    if (this.component) {
-      this.primaryBanner.style.display = 'none';
-      this.confirmBanner.classList.remove('ons-u-d-no');
-      this.confirmBanner.setAttribute('aria-live', 'polite');
-      this.confirmBanner.setAttribute('role', 'status');
-      text.classList.remove('ons-u-d-no');
+    hidePrimaryCookiesBanner(text) {
+        if (this.component) {
+            this.primaryBanner.style.display = 'none';
+            this.confirmBanner.classList.remove('ons-u-d-no');
+            this.confirmBanner.setAttribute('aria-live', 'polite');
+            this.confirmBanner.setAttribute('role', 'status');
+            text.classList.remove('ons-u-d-no');
+        }
     }
-  }
 
-  hideConfirmBanner() {
-    if (this.component) {
-      this.component.style.display = 'none';
+    hideConfirmBanner() {
+        if (this.component) {
+            this.component.style.display = 'none';
+        }
     }
-  }
 }